React native form data HOC

rn-withFormData.js

import { compose, withHandlers, withProps, withState, withStateHandlers } from "recompose";

function validateField(value, rules) {
    for (let rule in rules) {
        isRulePassed = rules[rule][0](value);

        if (!isRulePassed) {
            return rules[rule][1];
        }
    }

    return null;
}

function validateFormData(formData, rules) {
    let fieldError,
        errors = {};

    for (let name of Object.keys(formData)) {
        fieldError = validateField(formData[name], rules[name])
        if (fieldError) {
            errors[name] = fieldError;
        }
    }

    return errors;
}


const withFormData = (initialState) => withState('formData', 'setFormData', initialState);
const withFormHandlers = ({ rules = {}, onSuccess = () => { }, onFail = () => { } } = {}) => compose(
    withState('formErrors', 'setFormErrors', {}),
    withHandlers({
        updateFormData: ({ setFormData, formData }) => field => {
            setFormData(Object.assign({}, formData, { [field.name]: field.value }))
        },
        validateForm: ({ formData, setFormErrors }) => event => {
            setFormErrors(validateFormData(formData, rules));
        },
        sendForm: props => event => {
            let { formData, setFormErrors } = props,
                errors = validateFormData(formData, rules);

            setFormErrors(errors);

            if (Object.keys(errors).length !== 0) {
                return onFail(props, event);
            }

            return onSuccess(props, event);
        }
    }));


export { withFormData, withFormHandlers }