@becklyn/forms 3.0.9 → 3.0.10

package/dist/es/components/FormBuilder.js

@@ -1,20 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormBuilder = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const context_1 = require("../context/data/context");
-const guard_1 = require("../guard");
-const FormEntry_1 = require("./FormEntry");
-const FormBuilder = ({ Components, children, }) => {
-    return (0, jsx_runtime_1.jsx)(FormBuilderComponent, { Components: Components, children: children });
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useContext } from "react";
+import { FormConfigContext } from "../context/data/context";
+import { isFormFieldConfig } from "../guard";
+import { FormEntry } from "./FormEntry";
+export const FormBuilder = ({ Components, children, }) => {
+    return _jsx(FormBuilderComponent, { Components: Components, children: children });
 };
-exports.FormBuilder = FormBuilder;
-const FormBuilderComponent = (0, react_1.memo)(
+const FormBuilderComponent = memo(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 ({ Components, children, }) => {
     const { BuilderWrapper } = Components;
-    const { config } = (0, react_1.useContext)(context_1.FormConfigContext);
-    return ((0, jsx_runtime_1.jsx)(BuilderWrapper, { children: config.map((entry, index) => ((0, jsx_runtime_1.jsx)(FormEntry_1.FormEntry, { entry: entry, Components: Components, children: children }, index + ((0, guard_1.isFormFieldConfig)(entry) ? entry.name : "")))) }));
+    const { config } = useContext(FormConfigContext);
+    return (_jsx(BuilderWrapper, { children: config.map((entry, index) => (_jsx(FormEntry, { entry: entry, Components: Components, children: children }, index + (isFormFieldConfig(entry) ? entry.name : "")))) }));
 });
 FormBuilderComponent.displayName = "FormBuilderComponent";

package/dist/es/components/FormCustom.js

@@ -1,13 +1,6 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { FormEntry } from "./FormEntry";
+export const FormCustom = ({ Components, custom, children, }) => {
+    return (_jsx(React.Fragment, { children: custom.wrapper(custom.content.map((entry, index) => (_jsx(FormEntry, { entry: entry, Components: Components, children: children }, index)))) }));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormCustom = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const FormEntry_1 = require("./FormEntry");
-const FormCustom = ({ Components, custom, children, }) => {
-    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: custom.wrapper(custom.content.map((entry, index) => ((0, jsx_runtime_1.jsx)(FormEntry_1.FormEntry, { entry: entry, Components: Components, children: children }, index)))) }));
-};
-exports.FormCustom = FormCustom;

package/dist/es/components/FormEntry.js

@@ -1,30 +1,27 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormEntry = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const condition_1 = require("../condition");
-const context_1 = require("../context");
-const guard_1 = require("../guard");
-const util_1 = require("../util");
-const FormCustom_1 = require("./FormCustom");
-const FormField_1 = require("./FormField");
-const FormRow_1 = require("./FormRow");
-const FormSection_1 = require("./FormSection");
-const FormEntry = ({ Components, entry, children, }) => {
-    const { data, fieldConfigs } = (0, context_1.useForm)();
-    const getHasChildren = (0, react_1.useCallback)((formData) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { fieldFulfillsConditions } from "../condition";
+import { useForm } from "../context";
+import { isFormCustomConfig, isFormRowConfig, isFormSectionConfig } from "../guard";
+import { someFieldConfigs } from "../util";
+import { FormCustom } from "./FormCustom";
+import { FormField } from "./FormField";
+import { FormRow } from "./FormRow";
+import { FormSection } from "./FormSection";
+export const FormEntry = ({ Components, entry, children, }) => {
+    const { data, fieldConfigs } = useForm();
+    const getHasChildren = useCallback((formData) => {
         switch (true) {
-            case (0, guard_1.isFormRowConfig)(entry):
-            case (0, guard_1.isFormSectionConfig)(entry):
-            case (0, guard_1.isFormCustomConfig)(entry):
-                return (0, util_1.someFieldConfigs)([entry], field => field ? (0, condition_1.fieldFulfillsConditions)(field, fieldConfigs, formData) : false);
+            case isFormRowConfig(entry):
+            case isFormSectionConfig(entry):
+            case isFormCustomConfig(entry):
+                return someFieldConfigs([entry], field => field ? fieldFulfillsConditions(field, fieldConfigs, formData) : false);
             default:
-                return entry ? (0, condition_1.fieldFulfillsConditions)(entry, fieldConfigs, formData) : false;
+                return entry ? fieldFulfillsConditions(entry, fieldConfigs, formData) : false;
         }
     }, [entry, fieldConfigs]);
-    const [hasChildren, setHasChildren] = (0, react_1.useState)(getHasChildren(data.get()));
-    (0, react_1.useEffect)(() => {
+    const [hasChildren, setHasChildren] = useState(getHasChildren(data.get()));
+    useEffect(() => {
         const remove = data.subscribe(() => {
             setHasChildren(getHasChildren(data.get()));
         });
@@ -34,14 +31,13 @@ const FormEntry = ({ Components, entry, children, }) => {
         return null;
     }
     switch (true) {
-        case (0, guard_1.isFormCustomConfig)(entry):
-            return ((0, jsx_runtime_1.jsx)(FormCustom_1.FormCustom, { custom: entry, Components: Components, children: children }));
-        case (0, guard_1.isFormSectionConfig)(entry):
-            return ((0, jsx_runtime_1.jsx)(FormSection_1.FormSection, { section: entry, Components: Components, children: children }));
-        case (0, guard_1.isFormRowConfig)(entry):
-            return ((0, jsx_runtime_1.jsx)(FormRow_1.FormRow, { row: entry, Components: Components, children: children }));
+        case isFormCustomConfig(entry):
+            return (_jsx(FormCustom, { custom: entry, Components: Components, children: children }));
+        case isFormSectionConfig(entry):
+            return (_jsx(FormSection, { section: entry, Components: Components, children: children }));
+        case isFormRowConfig(entry):
+            return (_jsx(FormRow, { row: entry, Components: Components, children: children }));
         default:
-            return (entry && ((0, jsx_runtime_1.jsx)(FormField_1.FormField, { field: entry, Components: Components, children: children })));
+            return (entry && (_jsx(FormField, { field: entry, Components: Components, children: children })));
     }
 };
-exports.FormEntry = FormEntry;

package/dist/es/components/FormField.js

@@ -1,28 +1,25 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const context_1 = require("../context");
-const useFormData_1 = require("../hook/useFormData");
-const useFormErrors_1 = require("../hook/useFormErrors");
-const FormField = ({ Components, field, children, }) => {
-    const { editData, validationStrategy: contextValidationStrategy, validateField, onInput, } = (0, context_1.useForm)();
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
+import { useForm } from "../context";
+import { useFormData } from "../hook/useFormData";
+import { useFormErrors } from "../hook/useFormErrors";
+export const FormField = ({ Components, field, children, }) => {
+    const { editData, validationStrategy: contextValidationStrategy, validateField, onInput, } = useForm();
     const { name, columns, conditions, validations, valueFn, validationStrategy: fieldValidationStrategy, onInput: onFieldInput, fieldConfig: fieldConfigFunc, } = field;
-    const validationStrategy = (0, react_1.useMemo)(() => [fieldValidationStrategy, contextValidationStrategy], [fieldValidationStrategy, contextValidationStrategy]);
+    const validationStrategy = useMemo(() => [fieldValidationStrategy, contextValidationStrategy], [fieldValidationStrategy, contextValidationStrategy]);
     const hasValueFn = !!valueFn;
     const hasConditions = !!conditions && Object.keys(conditions).length > 0;
     const hasFieldConfigFunc = typeof fieldConfigFunc === "function";
     const hasValidationFunc = !!validations && validations.some(({ validation }) => typeof validation === "function");
     const rerenderWithData = hasValueFn || hasConditions || hasFieldConfigFunc || hasValidationFunc;
-    const [data, setStore, getStore] = (0, useFormData_1.useFormData)(rerenderWithData ? store => store : store => store[name]);
-    const [fieldError] = (0, useFormErrors_1.useFormErrors)(store => store[name]);
+    const [data, setStore, getStore] = useFormData(rerenderWithData ? store => store : store => store[name]);
+    const [fieldError] = useFormErrors(store => store[name]);
     const value = rerenderWithData ? data[name] : data;
     const normalizedValue = valueFn ? valueFn(data) : value;
     const fieldConfig = hasFieldConfigFunc
         ? fieldConfigFunc({ value: normalizedValue, data })
         : fieldConfigFunc;
-    const handleInput = (0, react_1.useCallback)(value => {
+    const handleInput = useCallback(value => {
         let normalizedValue;
         if (onFieldInput) {
             normalizedValue = onFieldInput({
@@ -46,7 +43,7 @@ const FormField = ({ Components, field, children, }) => {
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [field, setStore, getStore, onFieldInput, onInput]);
-    const handleBlur = (0, react_1.useCallback)(() => {
+    const handleBlur = useCallback(() => {
         if (!validations || !validationStrategy.includes("blur")) {
             return;
         }
@@ -73,6 +70,5 @@ const FormField = ({ Components, field, children, }) => {
     if (!FieldWrapper) {
         throw new Error("No field component found");
     }
-    return (0, jsx_runtime_1.jsx)(FieldWrapper, { columns: columns, children: children(childrenProps) });
+    return _jsx(FieldWrapper, { columns: columns, children: children(childrenProps) });
 };
-exports.FormField = FormField;

package/dist/es/components/FormRow.js

@@ -1,13 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormRow = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const FormEntry_1 = require("./FormEntry");
-const FormRow = ({ Components, row, children, }) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormEntry } from "./FormEntry";
+export const FormRow = ({ Components, row, children, }) => {
     const { RowWrapper } = Components;
     if (!RowWrapper) {
         throw new Error(`No row component found.`);
     }
-    return ((0, jsx_runtime_1.jsx)(RowWrapper, { children: row.content.map((entry, index) => ((0, jsx_runtime_1.jsx)(FormEntry_1.FormEntry, { entry: entry, Components: Components, children: children }, index))) }));
+    return (_jsx(RowWrapper, { children: row.content.map((entry, index) => (_jsx(FormEntry, { entry: entry, Components: Components, children: children }, index))) }));
 };
-exports.FormRow = FormRow;

package/dist/es/components/FormSection.js

@@ -1,13 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormSection = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const FormEntry_1 = require("./FormEntry");
-const FormSection = ({ Components, section, children, }) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormEntry } from "./FormEntry";
+export const FormSection = ({ Components, section, children, }) => {
     const { SectionWrapper } = Components;
     if (!SectionWrapper) {
         throw new Error(`No section component found.`);
     }
-    return ((0, jsx_runtime_1.jsx)(SectionWrapper, { children: section.content.map((entry, index) => ((0, jsx_runtime_1.jsx)(FormEntry_1.FormEntry, { entry: entry, Components: Components, children: children }, index))) }));
+    return (_jsx(SectionWrapper, { children: section.content.map((entry, index) => (_jsx(FormEntry, { entry: entry, Components: Components, children: children }, index))) }));
 };
-exports.FormSection = FormSection;

package/dist/es/components/FormWatch.js

@@ -1,14 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { useFormData } from "../hook/useFormData";
+export const FormWatch = ({ name, children }) => {
+    const [value] = useFormData(store => (name ? store[name] : store));
+    return _jsx(React.Fragment, { children: children(value) });
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormWatch = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const useFormData_1 = require("../hook/useFormData");
-const FormWatch = ({ name, children }) => {
-    const [value] = (0, useFormData_1.useFormData)(store => (name ? store[name] : store));
-    return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: children(value) });
-};
-exports.FormWatch = FormWatch;

package/dist/es/condition/index.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fieldFulfillsConditions = void 0;
-const fieldFulfillsConditions = ({ conditions }, fieldConfigs, data) => {
+export const fieldFulfillsConditions = ({ conditions }, fieldConfigs, data) => {
     if (!conditions) {
         return true;
     }
@@ -11,7 +8,6 @@ const fieldFulfillsConditions = ({ conditions }, fieldConfigs, data) => {
             : fulfillsConditions(condition, fieldConfigs, data);
     });
 };
-exports.fieldFulfillsConditions = fieldFulfillsConditions;
 const fulfillsConditions = (conditions, fieldConfigs, data) => {
     return Object.entries(conditions).every(([key, condition]) => {
         const { valueFn } = fieldConfigs[key] ?? {};

package/dist/es/context/FormProvider.js

@@ -1,27 +1,23 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormProviderInner = exports.FormProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const useFormValidations_1 = require("../hook/useFormValidations");
-const util_1 = require("../util");
-const context_1 = require("./context");
-const FormDataProvider_1 = require("./data/FormDataProvider");
-const context_2 = require("./data/context");
-const FormProvider = ({ children, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)(FormDataProvider_1.FormDataProvider, { ...props, children: (0, jsx_runtime_1.jsx)(exports.FormProviderInner, { ...props, children: children }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useMemo } from "react";
+import { useFormValidations } from "../hook/useFormValidations";
+import { fieldsFromConfig } from "../util";
+import { FormContext, useForm } from "./context";
+import { FormDataProvider } from "./data/FormDataProvider";
+import { FormDataContext } from "./data/context";
+export const FormProvider = ({ children, ...props }) => {
+    return (_jsx(FormDataProvider, { ...props, children: _jsx(FormProviderInner, { ...props, children: children }) }));
 };
-exports.FormProvider = FormProvider;
-const FormProviderInner = ({ children, ...props }) => {
-    const externalForm = (0, context_1.useForm)();
-    const { data, editData } = (0, react_1.useContext)(context_2.FormDataContext);
+export const FormProviderInner = ({ children, ...props }) => {
+    const externalForm = useForm();
+    const { data, editData } = useContext(FormDataContext);
     const { config, validationStrategy = "blur", onInput: internalOnInput, inheritData } = props;
     const onInput = inheritData && externalForm ? externalForm.onInput : internalOnInput;
-    const fieldConfigs = (0, react_1.useMemo)(() => {
-        return (0, util_1.fieldsFromConfig)(config);
+    const fieldConfigs = useMemo(() => {
+        return fieldsFromConfig(config);
     }, [config]);
-    const formValidations = (0, useFormValidations_1.useFormValidations)(config, fieldConfigs);
-    return ((0, jsx_runtime_1.jsx)(context_1.FormContext.Provider, { value: {
+    const formValidations = useFormValidations(config, fieldConfigs);
+    return (_jsx(FormContext.Provider, { value: {
             ...formValidations,
             data,
             editData,
@@ -31,4 +27,3 @@ const FormProviderInner = ({ children, ...props }) => {
             onInput,
         }, children: children }));
 };
-exports.FormProviderInner = FormProviderInner;

package/dist/es/context/context.js

@@ -1,8 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useForm = exports.FormContext = void 0;
 /* eslint-disable @typescript-eslint/no-explicit-any */
-const react_1 = require("react");
-exports.FormContext = (0, react_1.createContext)(undefined);
-const useForm = () => (0, react_1.useContext)(exports.FormContext);
-exports.useForm = useForm;
+import { createContext, useContext } from "react";
+export const FormContext = createContext(undefined);
+export const useForm = () => useContext(FormContext);

package/dist/es/context/data/FormDataProvider.js

@@ -1,29 +1,25 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormDataProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable @typescript-eslint/no-explicit-any */
-const react_1 = require("react");
-const useFormStore_1 = require("../../hook/useFormStore");
-const context_1 = require("./context");
-const FormDataProvider = ({ config, initialData, children, ...props }) => {
+import { useContext, useRef } from "react";
+import { useFormStore } from "../../hook/useFormStore";
+import { FormConfigContext, FormDataContext } from "./context";
+export const FormDataProvider = ({ config, initialData, children, ...props }) => {
     if (!config) {
         throw new Error("Config is undefined");
     }
-    const initialDataRef = (0, react_1.useRef)({
+    const initialDataRef = useRef({
         ...(initialData ?? {}),
     });
-    return ((0, jsx_runtime_1.jsx)(context_1.FormConfigContext.Provider, { value: { config }, children: (0, jsx_runtime_1.jsx)(FormDataReadyProvider, { ...props, initialData: initialDataRef.current, children: children }) }));
+    return (_jsx(FormConfigContext.Provider, { value: { config }, children: _jsx(FormDataReadyProvider, { ...props, initialData: initialDataRef.current, children: children }) }));
 };
-exports.FormDataProvider = FormDataProvider;
 const FormDataReadyProvider = ({ initialData, inheritData, inheritErrors, children, data: inputData, editData: inputEditData, errors: inputErrors, }) => {
-    const externalContext = (0, react_1.useContext)(context_1.FormDataContext);
-    const internalData = (0, useFormStore_1.useFormStore)(initialData ?? {});
-    const internalEditData = (0, useFormStore_1.useFormStore)({});
-    const internalErrors = (0, useFormStore_1.useFormStore)({});
+    const externalContext = useContext(FormDataContext);
+    const internalData = useFormStore(initialData ?? {});
+    const internalEditData = useFormStore({});
+    const internalErrors = useFormStore({});
     const data = inputData || (inheritData && externalContext ? externalContext.data : internalData);
     const editData = inputEditData ||
         (inheritData && externalContext ? externalContext.editData : internalEditData);
     const errors = inputErrors || (inheritErrors && externalContext ? externalContext.errors : internalErrors);
-    return ((0, jsx_runtime_1.jsx)(context_1.FormDataContext.Provider, { value: { data, editData, errors }, children: children }));
+    return (_jsx(FormDataContext.Provider, { value: { data, editData, errors }, children: children }));
 };

package/dist/es/context/data/context.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormDataContext = exports.FormConfigContext = void 0;
 /* eslint-disable @typescript-eslint/no-explicit-any */
-const react_1 = require("react");
-exports.FormConfigContext = (0, react_1.createContext)(undefined);
-exports.FormDataContext = (0, react_1.createContext)(undefined);
+import { createContext } from "react";
+export const FormConfigContext = createContext(undefined);
+export const FormDataContext = createContext(undefined);

package/dist/es/context/data/index.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/es/context/index.js

@@ -1,22 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormProvider = exports.useForm = void 0;
-__exportStar(require("./data"), exports);
-var context_1 = require("./context");
-Object.defineProperty(exports, "useForm", { enumerable: true, get: function () { return context_1.useForm; } });
-var FormProvider_1 = require("./FormProvider");
-Object.defineProperty(exports, "FormProvider", { enumerable: true, get: function () { return FormProvider_1.FormProvider; } });
+export * from "./data";
+export { useForm } from "./context";
+export { FormProvider } from "./FormProvider";

package/dist/es/guard/index.js

@@ -1,19 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isFormFieldConfig = exports.isFormCustomConfig = exports.isFormSectionConfig = exports.isFormRowConfig = void 0;
-const isFormRowConfig = (config) => {
+export const isFormRowConfig = (config) => {
     return !!config && config.type === "row";
 };
-exports.isFormRowConfig = isFormRowConfig;
-const isFormSectionConfig = (config) => {
+export const isFormSectionConfig = (config) => {
     return !!config && config.type === "section";
 };
-exports.isFormSectionConfig = isFormSectionConfig;
-const isFormCustomConfig = (config) => {
+export const isFormCustomConfig = (config) => {
     return !!config && config.type === "custom";
 };
-exports.isFormCustomConfig = isFormCustomConfig;
-const isFormFieldConfig = (config) => {
-    return !(0, exports.isFormRowConfig)(config) && !(0, exports.isFormSectionConfig)(config) && !(0, exports.isFormCustomConfig)(config);
+export const isFormFieldConfig = (config) => {
+    return !isFormRowConfig(config) && !isFormSectionConfig(config) && !isFormCustomConfig(config);
 };
-exports.isFormFieldConfig = isFormFieldConfig;

package/dist/es/hook/useFormData.js

@@ -1,19 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useData = exports.useFormData = void 0;
-const react_1 = require("react");
-const context_1 = require("../context/data/context");
+import { useContext, useSyncExternalStore } from "react";
+import { FormDataContext } from "../context/data/context";
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const useFormData = (selector) => {
-    const { data } = (0, react_1.useContext)(context_1.FormDataContext);
+export const useFormData = (selector) => {
+    const { data } = useContext(FormDataContext);
     if (!data) {
         throw new Error("Store not found");
     }
-    return (0, exports.useData)(data, selector);
+    return useData(data, selector);
 };
-exports.useFormData = useFormData;
-const useData = (data, selector) => {
-    const state = (0, react_1.useSyncExternalStore)(data.subscribe, () => selector(data.get()), () => selector(data.initialValue));
+export const useData = (data, selector) => {
+    const state = useSyncExternalStore(data.subscribe, () => selector(data.get()), () => selector(data.initialValue));
     return [state, data.set, data.get];
 };
-exports.useData = useData;

package/dist/es/hook/useFormErrors.js

@@ -1,14 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFormErrors = void 0;
-const react_1 = require("react");
-const context_1 = require("../context/data/context");
-const useFormErrors = (selector) => {
-    const { errors } = (0, react_1.useContext)(context_1.FormDataContext);
+import { useContext, useSyncExternalStore } from "react";
+import { FormDataContext } from "../context/data/context";
+export const useFormErrors = (selector) => {
+    const { errors } = useContext(FormDataContext);
     if (!errors) {
         throw new Error("Store not found");
     }
-    const state = (0, react_1.useSyncExternalStore)(errors.subscribe, () => selector(errors.get()), () => selector(errors.initialValue));
+    const state = useSyncExternalStore(errors.subscribe, () => selector(errors.get()), () => selector(errors.initialValue));
     return [state, errors.set, errors.get];
 };
-exports.useFormErrors = useFormErrors;

package/dist/es/hook/useFormStore.js

@@ -1,20 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFormStore = void 0;
-const react_1 = require("react");
-const useFormStore = (initialValue) => {
-    const store = (0, react_1.useRef)(initialValue);
-    const get = (0, react_1.useCallback)(() => store.current, []);
-    const subscribers = (0, react_1.useRef)(new Set());
-    const set = (0, react_1.useCallback)((value) => {
+import { useCallback, useMemo, useRef } from "react";
+export const useFormStore = (initialValue) => {
+    const store = useRef(initialValue);
+    const get = useCallback(() => store.current, []);
+    const subscribers = useRef(new Set());
+    const set = useCallback((value) => {
         store.current = { ...store.current, ...value };
         subscribers.current.forEach(callback => callback());
     }, []);
-    const subscribe = (0, react_1.useCallback)((callback) => {
+    const subscribe = useCallback((callback) => {
         subscribers.current.add(callback);
         return () => subscribers.current.delete(callback);
     }, []);
-    return (0, react_1.useMemo)(() => {
+    return useMemo(() => {
         return {
             get,
             set,
@@ -23,4 +20,3 @@ const useFormStore = (initialValue) => {
         };
     }, [get, set, subscribe, initialValue]);
 };
-exports.useFormStore = useFormStore;

package/dist/es/hook/useFormValidations.js

@@ -1,16 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFormValidations = void 0;
-const react_1 = require("react");
-const context_1 = require("../context/data/context");
-const validation_1 = require("../validation");
-const useRefEffect_1 = require("./useRefEffect");
-const useFormValidations = (config, fieldConfigs) => {
-    const configRef = (0, useRefEffect_1.useRefEffect)(config);
-    const fieldConfigsRef = (0, useRefEffect_1.useRefEffect)(fieldConfigs);
-    const { data, errors } = (0, react_1.useContext)(context_1.FormDataContext);
-    const validateForm = (0, react_1.useCallback)((input = configRef.current, skipUpdate) => {
-        const formErrors = (0, validation_1.handleValidateConfig)(input, fieldConfigsRef.current, data.get());
+import { useCallback, useContext } from "react";
+import { FormDataContext } from "../context/data/context";
+import { handleValidateConfig, handleValidateField } from "../validation";
+import { useRefEffect } from "./useRefEffect";
+export const useFormValidations = (config, fieldConfigs) => {
+    const configRef = useRefEffect(config);
+    const fieldConfigsRef = useRefEffect(fieldConfigs);
+    const { data, errors } = useContext(FormDataContext);
+    const validateForm = useCallback((input = configRef.current, skipUpdate) => {
+        const formErrors = handleValidateConfig(input, fieldConfigsRef.current, data.get());
         if (!skipUpdate) {
             errors.set(formErrors);
         }
@@ -23,9 +20,9 @@ const useFormValidations = (config, fieldConfigs) => {
         }, {});
         return Object.keys(filteredErrors).length ? filteredErrors : null;
     }, [configRef, fieldConfigsRef, data, errors]);
-    const validateCategory = (0, react_1.useCallback)((category) => {
+    const validateCategory = useCallback((category) => {
         const fieldConfigs = fieldConfigsRef.current;
-        const formErrors = (0, validation_1.handleValidateConfig)(Object.keys(fieldConfigs).flatMap(key => {
+        const formErrors = handleValidateConfig(Object.keys(fieldConfigs).flatMap(key => {
             const fieldConfig = fieldConfigs[key];
             return fieldConfig.categories && fieldConfig.categories.includes(category)
                 ? fieldConfig
@@ -34,8 +31,8 @@ const useFormValidations = (config, fieldConfigs) => {
         errors.set(formErrors);
         return formErrors;
     }, [fieldConfigsRef, data, errors]);
-    const validateField = (0, react_1.useCallback)((field, skipUpdate) => {
-        const formErrors = (0, validation_1.handleValidateField)(field, fieldConfigsRef.current, data.get());
+    const validateField = useCallback((field, skipUpdate) => {
+        const formErrors = handleValidateField(field, fieldConfigsRef.current, data.get());
         if (!skipUpdate) {
             errors.set(formErrors);
         }
@@ -43,4 +40,3 @@ const useFormValidations = (config, fieldConfigs) => {
     }, [fieldConfigsRef, data, errors]);
     return { errors, validateField, validateCategory, validateForm };
 };
-exports.useFormValidations = useFormValidations;

package/dist/es/hook/useRefEffect.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRefEffect = void 0;
-const react_1 = require("react");
-const useRefEffect = (state) => {
-    const value = (0, react_1.useRef)(state);
+import { useRef } from "react";
+export const useRefEffect = (state) => {
+    const value = useRef(state);
     // eslint-disable-next-line react-hooks/refs
     value.current = state;
     return value;
 };
-exports.useRefEffect = useRefEffect;

package/dist/es/type/common.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/es/type/condition.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/es/type/config.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/es/type/extract.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/es/type/field.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/es/type/form.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/es/type/index.js

@@ -1,23 +1,7 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./common"), exports);
-__exportStar(require("./condition"), exports);
-__exportStar(require("./config"), exports);
-__exportStar(require("./extract"), exports);
-__exportStar(require("./field"), exports);
-__exportStar(require("./form"), exports);
-__exportStar(require("./validation"), exports);
+export * from "./common";
+export * from "./condition";
+export * from "./config";
+export * from "./extract";
+export * from "./field";
+export * from "./form";
+export * from "./validation";

package/dist/es/type/validation.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/es/util/index.js

@@ -1,26 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.someFieldConfigs = exports.reduceFieldConfigs = exports.mapFieldConfigs = exports.fieldsFromConfig = exports.fieldConfigFromFormField = exports.generateValueFn = exports.generateFormFieldConfigFn = exports.generateOnInput = exports.generateInitialValue = void 0;
-exports.eitherOr = eitherOr;
 /* eslint-disable @typescript-eslint/no-explicit-any */
-const guard_1 = require("../guard");
-const generateInitialValue = (value) => {
+import { isFormCustomConfig, isFormRowConfig, isFormSectionConfig } from "../guard";
+export const generateInitialValue = (value) => {
     return value;
 };
-exports.generateInitialValue = generateInitialValue;
-const generateOnInput = (inputFunction) => {
+export const generateOnInput = (inputFunction) => {
     return inputFunction;
 };
-exports.generateOnInput = generateOnInput;
-const generateFormFieldConfigFn = (fieldConfig) => {
+export const generateFormFieldConfigFn = (fieldConfig) => {
     return fieldConfig;
 };
-exports.generateFormFieldConfigFn = generateFormFieldConfigFn;
-const generateValueFn = (valueFn) => {
+export const generateValueFn = (valueFn) => {
     return valueFn;
 };
-exports.generateValueFn = generateValueFn;
-function eitherOr(configOrCondition, either, or) {
+export function eitherOr(configOrCondition, either, or) {
     if (typeof configOrCondition === "boolean") {
         return configOrCondition ? either : or;
     }
@@ -28,14 +20,13 @@ function eitherOr(configOrCondition, either, or) {
         return configOrCondition;
     }
 }
-const fieldConfigFromFormField = ({ name, fieldConfig }, data) => {
+export const fieldConfigFromFormField = ({ name, fieldConfig }, data) => {
     return typeof fieldConfig === "function"
         ? fieldConfig({ value: data[name], data })
         : fieldConfig;
 };
-exports.fieldConfigFromFormField = fieldConfigFromFormField;
-const fieldsFromConfig = (config) => {
-    return (0, exports.reduceFieldConfigs)(config, (acc, field) => {
+export const fieldsFromConfig = (config) => {
+    return reduceFieldConfigs(config, (acc, field) => {
         if (field) {
             // @ts-expect-error: ts does not understand this
             acc[field.name] = field;
@@ -43,33 +34,31 @@ const fieldsFromConfig = (config) => {
         return acc;
     });
 };
-exports.fieldsFromConfig = fieldsFromConfig;
-const mapFieldConfigs = (entries, callbackFn) => {
+export const mapFieldConfigs = (entries, callbackFn) => {
     return entries.flatMap((entry, index) => {
         if (!entry) {
             return [];
         }
         switch (true) {
-            case (0, guard_1.isFormRowConfig)(entry):
-            case (0, guard_1.isFormSectionConfig)(entry):
-            case (0, guard_1.isFormCustomConfig)(entry):
+            case isFormRowConfig(entry):
+            case isFormSectionConfig(entry):
+            case isFormCustomConfig(entry):
                 return {
                     ...entry,
-                    content: (0, exports.mapFieldConfigs)(entry.content, callbackFn),
+                    content: mapFieldConfigs(entry.content, callbackFn),
                 };
             default:
                 return callbackFn(entry, index);
         }
     });
 };
-exports.mapFieldConfigs = mapFieldConfigs;
-const reduceFieldConfigs = (entries, callbackFn) => {
+export const reduceFieldConfigs = (entries, callbackFn) => {
     return entries.reduce((acc, entry, index) => {
         switch (true) {
-            case (0, guard_1.isFormRowConfig)(entry):
-            case (0, guard_1.isFormSectionConfig)(entry):
-            case (0, guard_1.isFormCustomConfig)(entry):
-                acc = { ...acc, ...(0, exports.reduceFieldConfigs)(entry.content, callbackFn) };
+            case isFormRowConfig(entry):
+            case isFormSectionConfig(entry):
+            case isFormCustomConfig(entry):
+                acc = { ...acc, ...reduceFieldConfigs(entry.content, callbackFn) };
                 break;
             default:
                 callbackFn(acc, entry, index);
@@ -78,17 +67,15 @@ const reduceFieldConfigs = (entries, callbackFn) => {
         return acc;
     }, {});
 };
-exports.reduceFieldConfigs = reduceFieldConfigs;
-const someFieldConfigs = (entries, callbackFn) => {
+export const someFieldConfigs = (entries, callbackFn) => {
     return entries.some((entry, index) => {
         switch (true) {
-            case (0, guard_1.isFormRowConfig)(entry):
-            case (0, guard_1.isFormSectionConfig)(entry):
-            case (0, guard_1.isFormCustomConfig)(entry):
-                return (0, exports.someFieldConfigs)(entry.content, callbackFn);
+            case isFormRowConfig(entry):
+            case isFormSectionConfig(entry):
+            case isFormCustomConfig(entry):
+                return someFieldConfigs(entry.content, callbackFn);
             default:
                 return callbackFn(entry, index);
         }
     });
 };
-exports.someFieldConfigs = someFieldConfigs;

package/dist/es/validation/index.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.handleValidateField = exports.handleValidateConfig = void 0;
 /* eslint-disable @typescript-eslint/no-explicit-any */
-const condition_1 = require("../condition");
-const guard_1 = require("../guard");
-const handleValidateConfig = (config, fieldConfigs, data) => {
+import { fieldFulfillsConditions } from "../condition";
+import { isFormCustomConfig, isFormRowConfig, isFormSectionConfig } from "../guard";
+export const handleValidateConfig = (config, fieldConfigs, data) => {
     const errors = {};
     config.forEach(entry => {
         const entryErrors = handleValidateEntry(entry, fieldConfigs, data);
@@ -14,23 +11,22 @@ const handleValidateConfig = (config, fieldConfigs, data) => {
     });
     return errors;
 };
-exports.handleValidateConfig = handleValidateConfig;
 const handleValidateEntry = (entry, fieldConfigs, data) => {
     switch (true) {
-        case (0, guard_1.isFormRowConfig)(entry):
-        case (0, guard_1.isFormSectionConfig)(entry):
-        case (0, guard_1.isFormCustomConfig)(entry):
-            return (0, exports.handleValidateConfig)(entry.content, fieldConfigs, data);
+        case isFormRowConfig(entry):
+        case isFormSectionConfig(entry):
+        case isFormCustomConfig(entry):
+            return handleValidateConfig(entry.content, fieldConfigs, data);
         default:
             if (!entry) {
                 return {};
             }
-            return (0, exports.handleValidateField)(entry, fieldConfigs, data);
+            return handleValidateField(entry, fieldConfigs, data);
     }
 };
-const handleValidateField = ({ name, validations, conditions, valueFn }, fieldConfigs, data) => {
+export const handleValidateField = ({ name, validations, conditions, valueFn }, fieldConfigs, data) => {
     if (!validations ||
-        (conditions && !(0, condition_1.fieldFulfillsConditions)({ conditions }, fieldConfigs, data))) {
+        (conditions && !fieldFulfillsConditions({ conditions }, fieldConfigs, data))) {
         return { [name]: false };
     }
     const value = valueFn ? valueFn(data) : data[name];
@@ -57,4 +53,3 @@ const handleValidateField = ({ name, validations, conditions, valueFn }, fieldCo
     });
     return { [name]: error && error.message ? error.message : !!error };
 };
-exports.handleValidateField = handleValidateField;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@becklyn/forms",
-    "version": "3.0.9",
+    "version": "3.0.10",
     "license": "MIT",
     "homepage": "https://github.com/Becklyn-Studios/ts-libs/tree/main/packages/forms",
     "repository": {
@@ -16,10 +16,10 @@
     "devDependencies": {
         "@becklyn/eslint": "*",
         "@becklyn/tsconfig": "*",
-        "@types/react": "^19.2.7",
+        "@types/react": "^19.2.10",
         "@types/styled-components": "^5.1.36",
-        "react": "^19.2.3",
-        "react-dom": "^19.2.3",
+        "react": "^19.2.4",
+        "react-dom": "^19.2.4",
         "styled-components": "^5.3.11"
     },
     "peerDependencies": {