@undermuz/use-form/dist/useForm/useFormCore.js

React library for build forms

// src/useForm/useFormCore.ts
import { useHasFormErrors, useIsFormValid } from "./helpers.js";
import { useFormControl } from "./useFormControl.js";
import { useCallback, useMemo, useRef } from "react";
var useFormCore = (formConfig, formState) => {
  const { state, dispatch, store } = formState;
  const formControl = useFormControl(formConfig, store, dispatch);
  const isFormValid = useIsFormValid(formConfig, store, dispatch);
  const hasFormErrors = useHasFormErrors(formConfig, store, dispatch);
  const errors = useMemo(() => {
    const _fieldNames = [
      Object.keys(state.errors),
      Object.keys(state.customErrors)
    ];
    const fieldPrimaryNamesKey = _fieldNames[0].length > _fieldNames[1].length ? 0 : 1;
    const fieldSecondaryNamesKey = Math.abs(fieldPrimaryNamesKey - 1);
    const fieldPrimaryNames = _fieldNames[fieldPrimaryNamesKey];
    const fieldSecondaryNames = _fieldNames[fieldSecondaryNamesKey];
    for (const fieldName of fieldSecondaryNames) {
      if (!fieldPrimaryNames.includes(fieldName)) {
        fieldPrimaryNames.push(fieldName);
      }
    }
    const allErrors = {};
    for (const fieldName of fieldPrimaryNames) {
      const fieldErrors = [];
      const fieldPrimaryErrors = state.errors[fieldName];
      const fieldSecondaryErrors = state.customErrors[fieldName];
      if (fieldPrimaryErrors) {
        if (Array.isArray(fieldPrimaryErrors)) {
          fieldErrors.push(...fieldPrimaryErrors);
        } else {
          fieldErrors.push(fieldPrimaryErrors);
        }
      }
      if (fieldSecondaryErrors) {
        if (Array.isArray(fieldSecondaryErrors)) {
          fieldErrors.push(...fieldSecondaryErrors);
        } else {
          fieldErrors.push(fieldSecondaryErrors);
        }
      }
      if (fieldErrors.length)
        allErrors[fieldName] = fieldErrors;
    }
    return allErrors;
  }, [state.errors, state.customErrors]);
  const errorsRef = useRef(errors);
  errorsRef.current = errors;
  const getErrors = useCallback(() => {
    return errorsRef.current;
  }, []);
  const { validate: _omitValidate, ...clearState } = state;
  return {
    ...clearState,
    ...formControl,
    errors,
    getErrors,
    IsFormValid: isFormValid,
    isFormValid,
    hasFormErrors,
    store,
    dispatch
  };
};
export {
  useFormCore
};