feat(FormProvider): validators in FormProvider

It is now possible to send a group of validators
as a prop  through FormProvider,
much like initialState.

Author: balazsorban44

src/FormContext.js

@@ -8,7 +8,7 @@ function reducer(state, { type, payload }) {
     { ...state, ...payload }
 }
 
-function FormProvider({ children, initialState = {} }) {
+function FormProvider({ children, initialState = {}, validators = {} }) {
   const [forms, dispatch] = useReducer(reducer, initialState)
 
 
@@ -24,7 +24,7 @@ function FormProvider({ children, initialState = {} }) {
   }, [initialState])
 
   return (
-    <FormContext.Provider value={{ forms, dispatch }}>
+    <FormContext.Provider value={{ forms, dispatch, validators }}>
       {children}
     </FormContext.Provider>
   )

src/useForm.js

@@ -7,19 +7,21 @@ const isObject = o => Object.prototype.toString.call(o) === '[object Object]'
 
 export default function useForm ({
   name,
-  validators,
   submit,
+  validators = undefined,
   onFinished = null,
   onNotify = null,
   context = null,
   ...rest
 }) {
 
 
-  const { dispatch, forms } = useContext(context || FormContext)
+  const { dispatch, forms, validators: _validators } = useContext(context || FormContext)
 
   const form = forms[name]
 
+  validators = validators || (_validators[name] ? { ..._validators[name] } : undefined)
+
   const [errors, setErrors] = useState({})
   const [loading, setLoading] = useState(false)
 

typings/FormContext.d.ts

@@ -20,17 +20,19 @@ export {
 }
 
 
-interface FormProviderProps {
+interface FormProviderProps<T extends {[name: string]: Object}>{
   children: React.ReactElement,
   /** Give the initial state of the forms.
    * 
    * NOTE: It "can change", meaning  you can set a default value,
    * and replace it with another value if you receive 
    * this data asynchronously.
    */
-  initialState: {
-    [name: string]: Object
-  }
+  initialState: T
+  /**
+   * The validators for the forms. Mirrors the structure of `initialState`. 
+   */
+  validators?: T
 }
 
 interface Action {

typings/useForm.d.ts

@@ -29,8 +29,10 @@ interface UseFormParams {
    *
    * A validator function returns `true`
    * if the field(s) it is testing are valid.
+   * @note You can also pass the validators to the
+   * FormProvider.
    */
-  validators: Validators
+  validators?: Validators
   /** Function called to submit the form. */
   submit: SubmitFunction
   /**