- Props dirty now only equal to true when the new value is !== old value (shallow compare). Before v0.7.0 prop dirty equal to true when on change new value, form submit.
- Fix change default value no re validate input.
- Add onUnRegistered, onRegistered callback for HOCInput.
- Filter unwanted props to HOCInput children.
- Improve typescript d.ts.
- Remove babel-cli as dep
- Use new context react api. So from 0.5.0 will require react > 16.3.0
validateLangnow is optional props in HOCFormcancelablePromisefix unhandled reject promise.cancelablePromisenow only use internally. Async rules no need to usecancelablePromise.- Now support multiple async rules.
- Added
errorAsyncRuleCallbackto handle errors in async rules. - Partial support typescript (need improve more)
react-hoc-form-validatable is a library has a higher order form and input components that help validate form easily,
especially with asynchronous validate come from the server with the help of Promise ES6.
The library aim to create a validatable component that easy to work with any other input components. So you can make your own form components with your own styling.
npm -i react-hoc-form-validatable
or
yarn add react-hoc-form-validatable
You should check the docs and the demo source
to see how to use it.
The library requires Promise polyfill by your app if you want to use asynchronous validation (It mean the Promise polyfill is not shipped with the library). Your Promise polyfill has to support Promise.cancel(). For that, you can use BlueBird or use the wrapper that provided in this library.
The library uses Higher Order Component technique and React context to make it possible.
Before use this library you should have knowledge about Higher Order Component.
About React context you should understand it if you want to create your own HOC Input Component.
Your Input Component should be controlled component. Meaning the form validate will pass the value to the input. See the definition here