UiTextBox - Allow nulls

[iwan-wijaya]

I think UiTextBox validation is too strict. passing a v-model with the value of null will trigger a validation error.

data () {
    return {
      name: null
    }
 }

<ui-textbox floating-label label="Name" placeholder="Enter your name" v-model="name"></ui-textbox>

[Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Null. 
(found in component <ui-textbox> at C:\code\packages\keen-ui\src\UiTextbox.vue)

I believe value.required attribute triggers this. https://github.com/JosephusPaye/Keen-UI/blob/master/src/UiTextbox.vue#L105

[JosephusPaye]

Hi @iwan-wijaya,

Why not just pass an empty string?

[iwan-wijaya]

Hi @JosephusPaye, That's not always an option when using a backend api.

Many backend apis are returning nulls if a property is empty, some api standards also consider this as good practice.

Imagine fetching data from an api and edit it using a form, if it has nulls in it, it will throw an error, unless you "normalize" the data by converting nulls to empty strings first, which also is not always an option.

[victor-ponamariov]

+1, got the same issue =(

[JosephusPaye]

Support for null will be added in the next version.

[JosephusPaye]

Implemented in f5e63d6.

[victor-ponamariov]

When I updated package.json and downloaded latest version from next branch, I still has the old version it keen-ui/dist folder. How can I update that? Because now it's not possible to use this fix.

Thanks in advance :)

[JosephusPaye]

Released in v1.1.0.