@becklyn/forms 1.0.0

package/dist/cjs/context/FormProvider.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const withFormData_1 = require("../hoc/withFormData");
+const useFormValidations_1 = require("../hook/useFormValidations");
+const util_1 = require("../util");
+const context_1 = require("./context");
+const context_2 = require("./data/context");
+exports.FormProvider = (0, withFormData_1.withFormData)(({ config, validationStrategy = "blur", onInput: internalOnInput, inheritData, children }) => {
+    const externalForm = (0, context_1.useForm)();
+    const { data, editData } = (0, react_1.useContext)(context_2.FormDataContext);
+    const onInput = inheritData && externalForm ? externalForm.onInput : internalOnInput;
+    const fieldConfigs = (0, react_1.useMemo)(() => {
+        return (0, util_1.fieldsFromConfig)(config);
+    }, [config]);
+    const formValidations = (0, useFormValidations_1.useFormValidations)(config, fieldConfigs);
+    return ((0, jsx_runtime_1.jsx)(context_1.FormContext.Provider, { value: Object.assign(Object.assign({}, formValidations), { data,
+            editData,
+            fieldConfigs,
+            validationStrategy,
+            onInput }), children: children }));
+});

package/dist/cjs/context/context.d.ts

@@ -0,0 +1,15 @@
+import { Context } from "react";
+import { FormStore } from "../hook/useFormStore";
+import { FormValidations } from "../hook/useFormValidations";
+import { DeepPartial, FormData, FormFieldConfig, FormInputFunc, FormValidationStrategy } from "../type";
+interface FormContext<TData = FormData> extends FormValidations {
+    data: FormStore<TData>;
+    editData: FormStore<DeepPartial<TData>>;
+    fieldConfigs: Record<string, FormFieldConfig>;
+    validationStrategy: FormValidationStrategy;
+    onInput?: FormInputFunc;
+}
+export declare const FormContext: Context<FormContext<FormData>>;
+export declare const useForm: <T = FormData>() => FormContext<T>;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/dist/cjs/context/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../context/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAA6B,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EACH,WAAW,EACX,QAAQ,EACR,eAAe,EACf,aAAa,EACb,sBAAsB,EACzB,MAAM,SAAS,CAAC;AAEjB,UAAU,WAAW,CAAC,KAAK,GAAG,QAAQ,CAAE,SAAQ,eAAe;IAC3D,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IACxC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAC9C,kBAAkB,EAAE,sBAAsB,CAAC;IAC3C,OAAO,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,eAAO,MAAM,WAAW,gCAAkE,CAAC;AAE3F,eAAO,MAAM,OAAO,GAAI,CAAC,gCAAoE,CAAC"}

package/dist/cjs/context/context.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useForm = exports.FormContext = void 0;
+const react_1 = require("react");
+exports.FormContext = (0, react_1.createContext)(undefined);
+const useForm = () => (0, react_1.useContext)(exports.FormContext);
+exports.useForm = useForm;

package/dist/cjs/context/data/FormDataProvider.d.ts

@@ -0,0 +1,19 @@
+import React, { PropsWithChildren } from "react";
+import { FormStore } from "../../hook/useFormStore";
+import { FormConfig, FormData, FormInputFunc, FormValidationStrategy } from "../../type";
+export interface FormProviderProps {
+    config: FormConfig;
+    data?: FormStore<FormData>;
+    errors?: FormStore<FormData>;
+    editData?: FormStore<FormData>;
+    initialData?: FormData;
+    inheritData?: boolean;
+    inheritErrors?: boolean;
+    validationStrategy?: FormValidationStrategy;
+    /**
+     * @deprecated Use the field config's 'onInput' callback instead
+     */
+    onInput?: FormInputFunc;
+}
+export declare const FormDataProvider: React.FC<PropsWithChildren<FormProviderProps>>;
+//# sourceMappingURL=FormDataProvider.d.ts.map

package/dist/cjs/context/data/FormDataProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDataProvider.d.ts","sourceRoot":"","sources":["../../../../context/data/FormDataProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAsB,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,SAAS,EAAgB,MAAM,yBAAyB,CAAC;AAClE,OAAO,EACH,UAAU,EACV,QAAQ,EAER,aAAa,EACb,sBAAsB,EACzB,MAAM,YAAY,CAAC;AAIpB,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3B,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC/B,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,sBAAsB,CAAC;IAC5C;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAsB3E,CAAC"}

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

@@ -0,0 +1,39 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormDataProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const useFormStore_1 = require("../../hook/useFormStore");
+const util_1 = require("../../util");
+const context_1 = require("./context");
+const FormDataProvider = (_a) => {
+    var { config, initialData, children } = _a, props = __rest(_a, ["config", "initialData", "children"]);
+    if (!config) {
+        throw new Error("Config is undefined");
+    }
+    const initialDataRef = (0, react_1.useRef)(Object.assign(Object.assign({}, (0, util_1.initialValuesFromConfig)(config)), (initialData !== null && initialData !== void 0 ? initialData : {})));
+    return ((0, jsx_runtime_1.jsx)(context_1.FormConfigContext.Provider, { value: { config }, children: (0, jsx_runtime_1.jsx)(FormDataReadyProvider, Object.assign({}, 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 !== null && initialData !== void 0 ? initialData : {});
+    const internalEditData = (0, useFormStore_1.useFormStore)({});
+    const internalErrors = (0, useFormStore_1.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 }));
+};

package/dist/cjs/context/data/context.d.ts

@@ -0,0 +1,13 @@
+import { FormStore } from "../../hook/useFormStore";
+import { FormConfig, FormData, FormErrors } from "../../type";
+export type FormConfigContext = {
+    config: FormConfig;
+};
+export declare const FormConfigContext: import("react").Context<FormConfigContext>;
+export interface FormDataContext {
+    data: FormStore<FormData>;
+    editData: FormStore<FormData>;
+    errors: FormStore<FormErrors>;
+}
+export declare const FormDataContext: import("react").Context<FormDataContext>;
+//# sourceMappingURL=context.d.ts.map

package/dist/cjs/context/data/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../context/data/context.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG;IAC5B,MAAM,EAAE,UAAU,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,4CAE7B,CAAC;AAEF,MAAM,WAAW,eAAe;IAC5B,IAAI,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC9B,MAAM,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,eAAe,0CAE3B,CAAC"}

package/dist/cjs/context/data/context.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormDataContext = exports.FormConfigContext = void 0;
+const react_1 = require("react");
+exports.FormConfigContext = (0, react_1.createContext)(undefined);
+exports.FormDataContext = (0, react_1.createContext)(undefined);

package/dist/cjs/context/data/index.d.ts

@@ -0,0 +1,2 @@
+export type { FormProviderProps } from "./FormDataProvider";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/context/data/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../context/data/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC"}

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

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

package/dist/cjs/context/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./data";
+export { useForm } from "./context";
+export { FormProvider } from "./FormProvider";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../context/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/cjs/context/index.js

@@ -0,0 +1,22 @@
+"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; } });

package/dist/cjs/guard/index.d.ts

@@ -0,0 +1,6 @@
+import { FormCustomConfig, FormEntryConfig, FormFieldBasicConfig, FormRowConfig, FormSectionConfig } from "../type";
+export declare const entryIsSection: (entry: Pick<FormEntryConfig, "type">) => entry is FormSectionConfig;
+export declare const entryIsRow: (entry: Pick<FormEntryConfig, "type">) => entry is FormRowConfig;
+export declare const entryIsCustom: (entry: Pick<FormEntryConfig, "type">) => entry is FormCustomConfig;
+export declare const entryIsField: (entry: Pick<FormEntryConfig, "type">) => entry is FormFieldBasicConfig<any>;
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/guard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../guard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,aAAa,EACb,iBAAiB,EACpB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,cAAc,UAChB,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,KACrC,KAAK,IAAI,iBAEX,CAAC;AAEF,eAAO,MAAM,UAAU,UAAW,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,KAAG,KAAK,IAAI,aAE1E,CAAC;AAEF,eAAO,MAAM,aAAa,UAAW,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,KAAG,KAAK,IAAI,gBAE7E,CAAC;AAEF,eAAO,MAAM,YAAY,UACd,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,KAErC,KAAK,IAAI,oBAAoB,CAAC,GAAG,CAEnC,CAAC"}

package/dist/cjs/guard/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.entryIsField = exports.entryIsCustom = exports.entryIsRow = exports.entryIsSection = void 0;
+const entryIsSection = (entry) => {
+    return entry.type === "section";
+};
+exports.entryIsSection = entryIsSection;
+const entryIsRow = (entry) => {
+    return entry.type === "row";
+};
+exports.entryIsRow = entryIsRow;
+const entryIsCustom = (entry) => {
+    return entry.type === "custom";
+};
+exports.entryIsCustom = entryIsCustom;
+const entryIsField = (entry
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+) => {
+    return !(0, exports.entryIsSection)(entry) && !(0, exports.entryIsRow)(entry) && !(0, exports.entryIsCustom)(entry);
+};
+exports.entryIsField = entryIsField;

package/dist/cjs/hoc/withForm.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { FormProviderProps } from "../context/data/FormDataProvider";
+export declare const withForm: <T>(WrappedComponent: React.ComponentType<FormProviderProps & T>) => {
+    (props: FormProviderProps & T): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=withForm.d.ts.map

package/dist/cjs/hoc/withForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withForm.d.ts","sourceRoot":"","sources":["../../../hoc/withForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE,eAAO,MAAM,QAAQ,GAAI,CAAC,oBAAqB,KAAK,CAAC,aAAa,CAAC,iBAAiB,GAAG,CAAC,CAAC;YAG/C,iBAAiB,GAAG,CAAC;;CAW9D,CAAC"}

package/dist/cjs/hoc/withForm.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withForm = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const context_1 = require("../context");
+const withForm = (WrappedComponent) => {
+    const displayName = WrappedComponent.displayName || WrappedComponent.name || "Component";
+    const ComponentWithProvider = (props) => {
+        return ((0, jsx_runtime_1.jsx)(context_1.FormProvider, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(WrappedComponent, Object.assign({}, props)) })));
+    };
+    ComponentWithProvider.displayName = `withForm(${displayName})`;
+    return ComponentWithProvider;
+};
+exports.withForm = withForm;

package/dist/cjs/hoc/withFormData.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { FormProviderProps } from "../context/data/FormDataProvider";
+export declare const withFormData: <T>(WrappedComponent: React.ComponentType<FormProviderProps & T>) => {
+    (props: FormProviderProps & T): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=withFormData.d.ts.map

package/dist/cjs/hoc/withFormData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withFormData.d.ts","sourceRoot":"","sources":["../../../hoc/withFormData.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAEvF,eAAO,MAAM,YAAY,GAAI,CAAC,oBAAqB,KAAK,CAAC,aAAa,CAAC,iBAAiB,GAAG,CAAC,CAAC;YAGnD,iBAAiB,GAAG,CAAC;;CAW9D,CAAC"}

package/dist/cjs/hoc/withFormData.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withFormData = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FormDataProvider_1 = require("../context/data/FormDataProvider");
+const withFormData = (WrappedComponent) => {
+    const displayName = WrappedComponent.displayName || WrappedComponent.name || "Component";
+    const ComponentWithProvider = (props) => {
+        return ((0, jsx_runtime_1.jsx)(FormDataProvider_1.FormDataProvider, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(WrappedComponent, Object.assign({}, props)) })));
+    };
+    ComponentWithProvider.displayName = `withFormData(${displayName})`;
+    return ComponentWithProvider;
+};
+exports.withFormData = withFormData;

package/dist/cjs/hook/useFormData.d.ts

@@ -0,0 +1,5 @@
+import { FormData } from "../type";
+import { FormStore } from "./useFormStore";
+export declare const useFormData: <SelectorOutput>(selector: (store: FormData) => SelectorOutput) => [SelectorOutput, (value: Partial<FormData>) => void, () => FormData];
+export declare const useData: <Store, SelectorOutput>(data: FormStore<Store>, selector: (store: Store) => SelectorOutput) => [SelectorOutput, (value: Partial<Store>) => void, () => Store];
+//# sourceMappingURL=useFormData.d.ts.map

package/dist/cjs/hook/useFormData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormData.d.ts","sourceRoot":"","sources":["../../../hook/useFormData.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,eAAO,MAAM,WAAW,GAAI,cAAc,YAC5B,CAAC,KAAK,EAAE,QAAQ,KAAK,cAAc,KAC9C,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,IAAI,EAAE,MAAM,QAAQ,CAQrE,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,KAAK,EAAE,cAAc,QACnC,SAAS,CAAC,KAAK,CAAC,YACZ,CAAC,KAAK,EAAE,KAAK,KAAK,cAAc,KAC3C,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,MAAM,KAAK,CAQ/D,CAAC"}

package/dist/cjs/hook/useFormData.js

@@ -0,0 +1,18 @@
+"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");
+const useFormData = (selector) => {
+    const { data } = (0, react_1.useContext)(context_1.FormDataContext);
+    if (!data) {
+        throw new Error("Store not found");
+    }
+    return (0, exports.useData)(data, selector);
+};
+exports.useFormData = useFormData;
+const useData = (data, selector) => {
+    const state = (0, react_1.useSyncExternalStore)(data.subscribe, () => selector(data.get()), () => selector(data.initialValue));
+    return [state, data.set, data.get];
+};
+exports.useData = useData;

package/dist/cjs/hook/useFormErrors.d.ts

@@ -0,0 +1,3 @@
+import { FormErrors } from "../type";
+export declare const useFormErrors: <SelectorOutput>(selector: (store: FormErrors) => SelectorOutput) => [SelectorOutput, (value: Partial<FormErrors>) => void, () => FormErrors];
+//# sourceMappingURL=useFormErrors.d.ts.map

package/dist/cjs/hook/useFormErrors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormErrors.d.ts","sourceRoot":"","sources":["../../../hook/useFormErrors.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,aAAa,GAAI,cAAc,YAC9B,CAAC,KAAK,EAAE,UAAU,KAAK,cAAc,KAChD,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,EAAE,MAAM,UAAU,CAczE,CAAC"}

package/dist/cjs/hook/useFormErrors.js

@@ -0,0 +1,14 @@
+"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);
+    if (!errors) {
+        throw new Error("Store not found");
+    }
+    const state = (0, react_1.useSyncExternalStore)(errors.subscribe, () => selector(errors.get()), () => selector(errors.initialValue));
+    return [state, errors.set, errors.get];
+};
+exports.useFormErrors = useFormErrors;

package/dist/cjs/hook/useFormStore.d.ts

@@ -0,0 +1,8 @@
+export interface FormStore<Store> {
+    get: () => Store;
+    set: (value: Partial<Store>) => void;
+    subscribe: (callback: () => void) => () => void;
+    initialValue: Store;
+}
+export declare const useFormStore: <Store>(initialValue: Store) => FormStore<Store>;
+//# sourceMappingURL=useFormStore.d.ts.map

package/dist/cjs/hook/useFormStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormStore.d.ts","sourceRoot":"","sources":["../../../hook/useFormStore.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,SAAS,CAAC,KAAK;IAC5B,GAAG,EAAE,MAAM,KAAK,CAAC;IACjB,GAAG,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;IAChD,YAAY,EAAE,KAAK,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,GAAI,KAAK,gBAAgB,KAAK,KAAG,SAAS,CAAC,KAAK,CAyBxE,CAAC"}

package/dist/cjs/hook/useFormStore.js

@@ -0,0 +1,26 @@
+"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) => {
+        store.current = Object.assign(Object.assign({}, store.current), value);
+        subscribers.current.forEach(callback => callback());
+    }, []);
+    const subscribe = (0, react_1.useCallback)((callback) => {
+        subscribers.current.add(callback);
+        return () => subscribers.current.delete(callback);
+    }, []);
+    return (0, react_1.useMemo)(() => {
+        return {
+            get,
+            set,
+            subscribe,
+            initialValue,
+        };
+    }, [get, set, subscribe, initialValue]);
+};
+exports.useFormStore = useFormStore;

package/dist/cjs/hook/useFormValidations.d.ts

@@ -0,0 +1,9 @@
+import { FormConfig, FormError, FormErrors, FormFieldBasicConfig, FormFieldConfig } from "../type";
+export type FormValidations = ReturnType<typeof useFormValidations>;
+export declare const useFormValidations: (config: FormConfig, fieldConfigs: Record<string, FormFieldConfig>) => {
+    errors: import("./useFormStore").FormStore<FormErrors>;
+    validateField: (field: FormFieldBasicConfig<any>, skipUpdate?: boolean) => FormError | null;
+    validateCategory: (category: string) => FormErrors;
+    validateForm: (input?: FormConfig, skipUpdate?: boolean) => FormErrors | null;
+};
+//# sourceMappingURL=useFormValidations.d.ts.map

package/dist/cjs/hook/useFormValidations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormValidations.d.ts","sourceRoot":"","sources":["../../../hook/useFormValidations.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAInG,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEpE,eAAO,MAAM,kBAAkB,WACnB,UAAU,gBACJ,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC;;2BAsDjC,oBAAoB,CAAC,GAAG,CAAC,eAAe,OAAO,KAAG,SAAS,GAAG,IAAI;iCAxB/D,MAAM;2BAvBT,UAAU,eAAmC,OAAO,KAAG,UAAU,GAAG,IAAI;CA4DvF,CAAC"}

package/dist/cjs/hook/useFormValidations.js

@@ -0,0 +1,48 @@
+"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());
+        if (!skipUpdate) {
+            errors.set(formErrors);
+        }
+        const filteredErrors = Object.keys(formErrors).reduce((acc, key) => {
+            const error = formErrors[key];
+            if (error !== false && error !== undefined) {
+                acc[key] = error;
+            }
+            return acc;
+        }, {});
+        return Object.keys(filteredErrors).length ? filteredErrors : null;
+    }, [configRef, fieldConfigsRef, data, errors]);
+    const validateCategory = (0, react_1.useCallback)((category) => {
+        const fieldConfigs = fieldConfigsRef.current;
+        const formErrors = (0, validation_1.handleValidateConfig)(Object.keys(fieldConfigs).flatMap(key => {
+            const fieldConfig = fieldConfigs[key];
+            return fieldConfig.categories && fieldConfig.categories.includes(category)
+                ? fieldConfig
+                : [];
+        }), fieldConfigs, data.get());
+        errors.set(formErrors);
+        return formErrors;
+    }, [fieldConfigsRef, data, errors]);
+    const validateField = (0, react_1.useCallback)(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (field, skipUpdate) => {
+        const formErrors = (0, validation_1.handleValidateField)(field, fieldConfigsRef.current, data.get());
+        if (!skipUpdate) {
+            errors.set(formErrors);
+        }
+        return formErrors[field.name] || null;
+    }, [fieldConfigsRef, data, errors]);
+    return { errors, validateField, validateCategory, validateForm };
+};
+exports.useFormValidations = useFormValidations;

package/dist/cjs/hook/useRefEffect.d.ts

@@ -0,0 +1,2 @@
+export declare const useRefEffect: <T>(state: T) => import("react").MutableRefObject<T>;
+//# sourceMappingURL=useRefEffect.d.ts.map

package/dist/cjs/hook/useRefEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRefEffect.d.ts","sourceRoot":"","sources":["../../../hook/useRefEffect.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,CAAC,wCAKvC,CAAC"}

package/dist/cjs/hook/useRefEffect.js

@@ -0,0 +1,10 @@
+"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);
+    value.current = state;
+    return value;
+};
+exports.useRefEffect = useRefEffect;

package/dist/cjs/style/index.d.ts

@@ -0,0 +1,7 @@
+export declare const DefaultBuilderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DefaultSectionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DefaultRowWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DefaultFieldWrapper: import("styled-components").StyledComponent<"div", any, {
+    columns?: number;
+}, never>;
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../style/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,oEASjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,oEAiBjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,oEAa7B,CAAC;AAEF,eAAO,MAAM,mBAAmB;cAA0B,MAAM;SAS/D,CAAC"}

package/dist/cjs/style/index.js

@@ -0,0 +1,59 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultFieldWrapper = exports.DefaultRowWrapper = exports.DefaultSectionWrapper = exports.DefaultBuilderWrapper = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.DefaultBuilderWrapper = styled_components_1.default.div `
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    gap: 1rem;
+
+    ${p => p.theme.breakpoints.min("l")} {
+        gap: 2rem;
+    }
+`;
+exports.DefaultSectionWrapper = styled_components_1.default.div `
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    margin-bottom: 2rem;
+
+    &:last-child {
+        margin-bottom: 0;
+    }
+
+    ${p => p.theme.breakpoints.min("m")} {
+        margin-bottom: 3rem;
+    }
+
+    ${p => p.theme.breakpoints.min("l")} {
+        gap: 2rem;
+    }
+`;
+exports.DefaultRowWrapper = styled_components_1.default.div `
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 1rem;
+
+    ${p => p.theme.breakpoints.min("m")} {
+        flex-direction: row;
+    }
+
+    ${p => p.theme.breakpoints.min("l")} {
+        gap: 2rem;
+    }
+`;
+exports.DefaultFieldWrapper = styled_components_1.default.div `
+    ${p => p.theme.breakpoints.max("m")} {
+        width: 100%;
+    }
+
+    ${p => p.theme.breakpoints.min("m")} {
+        flex: 1 1 0;
+        max-width: ${p => p.columns && `calc(${100 * (p.columns / 12)}% - 1rem)`};
+    }
+`;

package/dist/cjs/type/common.d.ts

@@ -0,0 +1,7 @@
+export type DeepPartial<T> = T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;
+export type NonNullableKey<T, K extends keyof T> = T extends object ? T & {
+    [P in K]-?: NonNullable<T[P]>;
+} : T;
+//# sourceMappingURL=common.d.ts.map

package/dist/cjs/type/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../type/common.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GACvC;KACK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACrC,GACD,CAAC,CAAC;AAER,MAAM,MAAM,cAAc,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,CAAC,SAAS,MAAM,GAC7D,CAAC,GAAG;KAAG,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,GACrC,CAAC,CAAC"}

package/dist/cjs/type/common.js

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

package/dist/cjs/type/condition.d.ts

@@ -0,0 +1,3 @@
+export type FormConditions = Record<string, string | boolean | ((value: any) => boolean)>;
+export type FormFieldConditions = readonly (FormConditions | readonly FormConditions[])[];
+//# sourceMappingURL=condition.d.ts.map

package/dist/cjs/type/condition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"condition.d.ts","sourceRoot":"","sources":["../../../type/condition.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,CAAC,CAAC,CAAC;AAE1F,MAAM,MAAM,mBAAmB,GAAG,SAAS,CAAC,cAAc,GAAG,SAAS,cAAc,EAAE,CAAC,EAAE,CAAC"}

package/dist/cjs/type/condition.js

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

package/dist/cjs/type/config.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from "react";
+import { FormFieldConfig } from "./field";
+export interface FormRowConfig {
+    type: "row";
+    content: readonly FormEntryConfig[];
+}
+export interface FormSectionConfig {
+    type: "section";
+    content: readonly FormEntryConfig[];
+}
+export interface FormCustomConfig {
+    type: "custom";
+    wrapper: (children: ReactNode) => ReactNode;
+    content: readonly FormEntryConfig[];
+}
+export type FormEntryConfig = FormCustomConfig | FormSectionConfig | FormRowConfig | FormFieldConfig;
+export type FormConfig = readonly FormEntryConfig[];
+//# sourceMappingURL=config.d.ts.map

package/dist/cjs/type/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../type/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,aAAa;IAC1B,IAAI,EAAE,KAAK,CAAC;IACZ,OAAO,EAAE,SAAS,eAAe,EAAE,CAAC;CACvC;AAED,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,SAAS,eAAe,EAAE,CAAC;CACvC;AAED,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,SAAS,CAAC;IAC5C,OAAO,EAAE,SAAS,eAAe,EAAE,CAAC;CACvC;AAED,MAAM,MAAM,eAAe,GACrB,gBAAgB,GAChB,iBAAiB,GACjB,aAAa,GACb,eAAe,CAAC;AAEtB,MAAM,MAAM,UAAU,GAAG,SAAS,eAAe,EAAE,CAAC"}

package/dist/cjs/type/config.js

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

package/dist/cjs/type/extract.d.ts

@@ -0,0 +1,25 @@
+import { FormConfig } from "./config";
+import { FormFieldConfig } from "./field";
+export type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & unknown;
+export type FormFieldInfer<Type, Config = FormFieldConfig> = Config extends {
+    type: Type;
+    initialValue?: infer InitialValue;
+} ? InitialValue : never;
+export type UnionToIntersection<U> = (U extends any ? (x: U) => void : never) extends (x: infer I) => void ? I : never;
+export type FormInfer<Config extends FormConfig, Acc = object> = Config extends readonly [
+    infer Entry,
+    ...infer Rest
+] ? Entry extends {
+    content: infer Content;
+} ? Prettify<UnionToIntersection<FormInfer<Extract<Content, FormConfig>, Acc> & FormInfer<Extract<Rest, FormConfig>, Acc>>> : Entry extends {
+    type: infer Type;
+    name: infer Name;
+    onInput?: infer InputFn;
+} ? InputFn extends (...args: any) => infer Input ? FormInfer<Extract<Rest, FormConfig>, Prettify<UnionToIntersection<{
+    [key in keyof Input]?: FormFieldInfer<Type>;
+} & Acc>>> : FormInfer<Extract<Rest, FormConfig>, Prettify<UnionToIntersection<{
+    [key in Extract<Name, string>]?: FormFieldInfer<Type>;
+} & Acc>>> : Acc : Acc;
+//# sourceMappingURL=extract.d.ts.map