Re-implementation to use react hooks.

[pedegago]

It is incredible! at the day of today I keep using this implementation in all my projects but today I wrote it as a react hook and I want to share with the comunity my solution. This solution will be improved by me soon.

export function useValidator(rules, inputs) {
    const [isSubmited, setIsSubmited] = useState(false);
    const validatorLib = require("validator");

    const forceValid = () => {
        const validation = {
            isInvalid: false,
        };

        rules.forEach((rule) => {
            validation[rule.field] = { isInvalid: false };
        });

        return validation;
    };

    const validate = () => {
        // start out assuming valid.
        const validation = forceValid();

        rules.forEach((rule) => {
            // if the field hasn't already been marked
            // invalid by an earlier rule.
            if (!validation[rule.field].isInvalid) {
                // determine the field value, the method to invoke
                // and optional args from the rule definition.
                const value = `${inputs[rule.field] ?? ""}`;
                const args = rule.args ?? [];
                const method =
                    typeof rule.method === "string"
                        ? validatorLib[rule.method]
                        : rule.method;

                // Call the validation method with the current field value as the first
                // argument, any additional arguments, and the whole state as a final
                // argument. If the result doesn't match the rule.validWhen property,
                // then set the isInvalid field to false and modify the validation
                // object for the field.
                if (method(value, ...args, { ...inputs }) !== rule.validWhen) {
                    validation.isInvalid = true;
                    validation[rule.field] = {
                        isInvalid: true,
                        message: rule.message,
                    };
                }
            }
        });

        return validation;
    };

    const validation = validate();
    const isInvalid = validation.isInvalid;
    const validator = isSubmited ? validation : forceValid();

    return { isSubmited, setIsSubmited, isInvalid, validator };
}