@undermuz/use-form
Version:
React library for build forms
94 lines (92 loc) • 3.43 kB
JavaScript
;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/useForm/useFormCore.ts
var useFormCore_exports = {};
__export(useFormCore_exports, {
useFormCore: () => useFormCore
});
module.exports = __toCommonJS(useFormCore_exports);
var import_helpers = require("./helpers.cjs");
var import_useFormControl = require("./useFormControl.cjs");
var import_react = require("react");
var useFormCore = (formConfig, formState) => {
const { state, dispatch, store } = formState;
const formControl = (0, import_useFormControl.useFormControl)(formConfig, store, dispatch);
const isFormValid = (0, import_helpers.useIsFormValid)(formConfig, store, dispatch);
const hasFormErrors = (0, import_helpers.useHasFormErrors)(formConfig, store, dispatch);
const errors = (0, import_react.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 = (0, import_react.useRef)(errors);
errorsRef.current = errors;
const getErrors = (0, import_react.useCallback)(() => {
return errorsRef.current;
}, []);
const { validate: _omitValidate, ...clearState } = state;
return {
...clearState,
...formControl,
errors,
getErrors,
IsFormValid: isFormValid,
isFormValid,
hasFormErrors,
store,
dispatch
};
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
useFormCore
});