@becklyn/forms 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"extract.d.ts","sourceRoot":"","sources":["../../../type/extract.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;KACrB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACvB,GAAG,OAAO,CAAC;AAEZ,MAAM,MAAM,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,eAAe,IAAI,MAAM,SAAS;IACxE,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,YAAY,CAAC;CACrC,GACK,YAAY,GACZ,KAAK,CAAC;AAGZ,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,SAAS,CAClF,CAAC,EAAE,MAAM,CAAC,KACT,IAAI,GACH,CAAC,GACD,KAAK,CAAC;AAEZ,MAAM,MAAM,SAAS,CAAC,MAAM,SAAS,UAAU,EAAE,GAAG,GAAG,MAAM,IAAI,MAAM,SAAS,SAAS;IACrF,MAAM,KAAK;IACX,GAAG,MAAM,IAAI;CAChB,GACK,KAAK,SAAS;IAAE,OAAO,EAAE,MAAM,OAAO,CAAA;CAAE,GACpC,QAAQ,CACJ,mBAAmB,CACf,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,GAAG,CAAC,GACxC,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,UAAU,CAAC,EAAE,GAAG,CAAC,CAChD,CACJ,GACD,KAAK,SAAS;IAAE,IAAI,EAAE,MAAM,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,IAAI,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,OAAO,CAAA;CAAE,GAE3E,OAAO,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,MAAM,KAAK,GACzC,SAAS,CACL,OAAO,CAAC,IAAI,EAAE,UAAU,CAAC,EACzB,QAAQ,CACJ,mBAAmB,CACf;KACK,GAAG,IAAI,MAAM,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC;CAC9C,GAAG,GAAG,CACV,CACJ,CACJ,GACD,SAAS,CACL,OAAO,CAAC,IAAI,EAAE,UAAU,CAAC,EACzB,QAAQ,CACJ,mBAAmB,CACf;KACK,GAAG,IAAI,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC;CACxD,GAAG,GAAG,CACV,CACJ,CACJ,GACL,GAAG,GACT,GAAG,CAAC"}

package/dist/cjs/type/extract.js

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

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

@@ -0,0 +1,30 @@
+import { FormFieldConditions } from "./condition";
+import { FormData, FormInputFunc } from "./form";
+import { FieldValidations, FormValidationStrategy } from "./validation";
+export type CustomFormFieldConfig = object;
+export type FormFieldConfig = CustomFormFieldConfig extends {
+    [P in "fields"]: infer U;
+} ? U : FormFieldBasicConfig<"placeholder">;
+export interface FormFieldBasicConfig<Type extends string, FieldConfig = unknown, InitialValue = any> {
+    type: Type;
+    name: string;
+    initialValue?: InitialValue;
+    conditions?: FormFieldConditions;
+    validationStrategy?: FormValidationStrategy;
+    validations?: readonly FieldValidations[];
+    columns?: number;
+    categories?: readonly string[];
+    valueFn?: (data: FormData) => any;
+    onInput?: FormInputFunc;
+    fieldConfig: FormFieldConfigFunc<FieldConfig>;
+}
+export type FormFieldConfigFunc<FieldConfig = unknown> = FieldConfig | ((props: {
+    value: any;
+    data: FormData;
+}) => FieldConfig);
+export type ResolveFieldConfigFunc<T extends FormFieldBasicConfig<any>> = T extends {
+    fieldConfig: infer U;
+} ? U extends (...args: any[]) => any ? never : T & {
+    fieldConfig: U;
+} : never;
+//# sourceMappingURL=field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../type/field.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAExE,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG,qBAAqB,SAAS;KAAG,CAAC,IAAI,QAAQ,GAAG,MAAM,CAAC;CAAE,GAClF,CAAC,GACD,oBAAoB,CAAC,aAAa,CAAC,CAAC;AAE1C,MAAM,WAAW,oBAAoB,CACjC,IAAI,SAAS,MAAM,EACnB,WAAW,GAAG,OAAO,EACrB,YAAY,GAAG,GAAG;IAElB,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,kBAAkB,CAAC,EAAE,sBAAsB,CAAC;IAC5C,WAAW,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,GAAG,CAAC;IAClC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,WAAW,EAAE,mBAAmB,CAAC,WAAW,CAAC,CAAC;CACjD;AAED,MAAM,MAAM,mBAAmB,CAAC,WAAW,GAAG,OAAO,IAC/C,WAAW,GACX,CAAC,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,GAAG,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAE,KAAK,WAAW,CAAC,CAAC;AAE/D,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,oBAAoB,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS;IAChF,WAAW,EAAE,MAAM,CAAC,CAAC;CACxB,GACK,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,GAC7B,KAAK,GACL,CAAC,GAAG;IAAE,WAAW,EAAE,CAAC,CAAA;CAAE,GAC1B,KAAK,CAAC"}

package/dist/cjs/type/field.js

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

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

@@ -0,0 +1,30 @@
+import { JSXElementConstructor, PropsWithChildren, ReactNode } from "react";
+import { FormFieldConfig, ResolveFieldConfigFunc } from "./field";
+import { FormError } from "./validation";
+export type FormData = Record<string, any>;
+export interface FormBuilderComponents {
+    BuilderWrapper: JSXElementConstructor<PropsWithChildren>;
+    SectionWrapper: JSXElementConstructor<PropsWithChildren>;
+    RowWrapper: JSXElementConstructor<PropsWithChildren>;
+    FieldWrapper: JSXElementConstructor<PropsWithChildren<{
+        columns?: number;
+    }>>;
+}
+export interface FormBuilderChildrenProps {
+    value: any;
+    error: FormError | undefined;
+    onInput: (value: any) => void;
+    onBlur: () => void;
+    field: ResolveFieldConfigFunc<FormFieldConfig>;
+}
+export interface FormBuilderProps {
+    Components?: Partial<FormBuilderComponents>;
+    children(props: FormBuilderChildrenProps): ReactNode;
+}
+export interface FormInputFuncProps {
+    value: any;
+    field: FormFieldConfig;
+    previousData: FormData;
+}
+export type FormInputFunc = (props: FormInputFuncProps) => FormData;
+//# sourceMappingURL=form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../type/form.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE3C,MAAM,WAAW,qBAAqB;IAClC,cAAc,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;IACzD,cAAc,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;IACzD,UAAU,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;IACrD,YAAY,EAAE,qBAAqB,CAAC,iBAAiB,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;CAChF;AAED,MAAM,WAAW,wBAAwB;IACrC,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,sBAAsB,CAAC,eAAe,CAAC,CAAC;CAClD;AAED,MAAM,WAAW,gBAAgB;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC5C,QAAQ,CAAC,KAAK,EAAE,wBAAwB,GAAG,SAAS,CAAC;CACxD;AAED,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,eAAe,CAAC;IACvB,YAAY,EAAE,QAAQ,CAAC;CAC1B;AAED,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,kBAAkB,KAAK,QAAQ,CAAC"}

package/dist/cjs/type/form.js

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

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

@@ -0,0 +1,8 @@
+export * from "./common";
+export * from "./condition";
+export * from "./config";
+export * from "./extract";
+export * from "./field";
+export * from "./form";
+export * from "./validation";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../type/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}

package/dist/cjs/type/index.js

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

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

@@ -0,0 +1,14 @@
+import { FormData } from "./form";
+export type FormValidationStrategy = "blur" | "input" | "manual";
+export type FormError = string | boolean;
+export type FormErrors = Record<string, FormError>;
+export type FormFieldValidationFunction = (props: {
+    value: any;
+    data: FormData;
+}) => boolean;
+export type FormFieldValidation = boolean | RegExp | FormFieldValidationFunction;
+export interface FieldValidations {
+    validation: FormFieldValidation;
+    message?: string;
+}
+//# sourceMappingURL=validation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../../type/validation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEjE,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAEzC,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAGnD,MAAM,MAAM,2BAA2B,GAAG,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,GAAG,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAE,KAAK,OAAO,CAAC;AAE7F,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,MAAM,GAAG,2BAA2B,CAAC;AAEjF,MAAM,WAAW,gBAAgB;IAC7B,UAAU,EAAE,mBAAmB,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/cjs/type/validation.js

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

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

@@ -0,0 +1,11 @@
+import { FormConfig, FormData, FormEntryConfig, FormFieldBasicConfig, FormFieldConfig, ResolveFieldConfigFunc } from "../type";
+export declare function eitherOr<const T>(config: T | false | undefined | null | 0 | ""): T;
+export declare function eitherOr<const Either, const Or>(condition: boolean, either: Either, or: Or): Either | Or;
+export declare const createFormConfig: <const T extends FormConfig>(config: T) => T;
+export declare const fieldConfigFromFormField: <T extends FormFieldBasicConfig<any>>({ name, fieldConfig }: T, data: FormData) => ResolveFieldConfigFunc<T>["fieldConfig"];
+export declare const fieldsFromConfig: (config: FormConfig) => Record<string, FormFieldConfig>;
+export declare const initialValuesFromConfig: (config: FormConfig) => FormData;
+export declare const mapFieldConfigs: (entries: FormConfig, callbackFn: <T extends FormFieldBasicConfig<any>>(field: T, index: number) => T) => FormConfig;
+export declare const reduceFieldConfigs: <T extends Record<string | number, unknown>>(entries: readonly FormEntryConfig[], callbackFn: <F extends FormFieldBasicConfig<any>>(acc: T, field: F, index: number) => T) => T;
+export declare const someFieldConfigs: (entries: readonly FormEntryConfig[], callbackFn: <T extends FormFieldBasicConfig<any>>(field: T, index: number) => boolean) => boolean;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../util/index.ts"],"names":[],"mappings":"AACA,OAAO,EACH,UAAU,EACV,QAAQ,EACR,eAAe,EACf,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACzB,MAAM,SAAS,CAAC;AAEjB,wBAAgB,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,KAAK,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AACpF,wBAAgB,QAAQ,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,EAC3C,SAAS,EAAE,OAAO,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,GACP,MAAM,GAAG,EAAE,CAAC;AAaf,eAAO,MAAM,gBAAgB,SAAU,CAAC,SAAS,UAAU,UAAU,CAAC,KACZ,CAAC,CAAC;AAG5D,eAAO,MAAM,wBAAwB,GAAI,CAAC,SAAS,oBAAoB,CAAC,GAAG,CAAC,yBACjD,CAAC,QAClB,QAAQ,KACf,sBAAsB,CAAC,CAAC,CAAC,CAAC,aAAa,CAIzC,CAAC;AAEF,eAAO,MAAM,gBAAgB,WAAY,UAAU,KAAG,MAAM,CAAC,MAAM,EAAE,eAAe,CAKnF,CAAC;AAEF,eAAO,MAAM,uBAAuB,WAAY,UAAU,KAAG,QAe5D,CAAC;AAEF,eAAO,MAAM,eAAe,YACf,UAAU,cAEP,CAAC,CAAC,SAAS,oBAAoB,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC,KAChF,UAkBF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,WAChE,SAAS,eAAe,EAAE,cAEvB,CAAC,CAAC,SAAS,oBAAoB,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC,KACxF,CAeF,CAAC;AAEF,eAAO,MAAM,gBAAgB,YAChB,SAAS,eAAe,EAAE,cAEvB,CAAC,CAAC,SAAS,oBAAoB,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,KACtF,OAWF,CAAC"}

package/dist/cjs/util/index.js

@@ -0,0 +1,97 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.someFieldConfigs = exports.reduceFieldConfigs = exports.mapFieldConfigs = exports.initialValuesFromConfig = exports.fieldsFromConfig = exports.fieldConfigFromFormField = exports.createFormConfig = void 0;
+exports.eitherOr = eitherOr;
+const lodash_merge_1 = __importDefault(require("lodash.merge"));
+function eitherOr(configOrCondition, either, or) {
+    if (typeof configOrCondition === "boolean") {
+        return configOrCondition ? either : or;
+    }
+    else {
+        return configOrCondition;
+    }
+}
+const createFormConfig = (config) => (0, exports.mapFieldConfigs)(config, entry => entry);
+exports.createFormConfig = createFormConfig;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+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) => {
+        acc[field.name] = field;
+        return acc;
+    });
+};
+exports.fieldsFromConfig = fieldsFromConfig;
+const initialValuesFromConfig = (config) => {
+    return (0, exports.reduceFieldConfigs)(config, (acc, field) => {
+        if (field.initialValue !== undefined) {
+            if (field.onInput) {
+                acc = (0, lodash_merge_1.default)(acc, field.onInput({ field, value: field.initialValue, previousData: acc }));
+            }
+            else {
+                acc[field.name] = field.initialValue;
+            }
+        }
+        return acc;
+    });
+};
+exports.initialValuesFromConfig = initialValuesFromConfig;
+const mapFieldConfigs = (entries, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+callbackFn) => {
+    return entries.flatMap((entry, index) => {
+        if (!entry) {
+            return [];
+        }
+        switch (entry.type) {
+            case "custom":
+            case "section":
+            case "row":
+                return Object.assign(Object.assign({}, entry), { content: (0, exports.mapFieldConfigs)(entry.content, callbackFn) });
+            default:
+                return callbackFn(entry, index);
+        }
+    });
+};
+exports.mapFieldConfigs = mapFieldConfigs;
+const reduceFieldConfigs = (entries, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+callbackFn) => {
+    return entries.reduce((acc, entry, index) => {
+        switch (entry.type) {
+            case "custom":
+            case "section":
+            case "row":
+                acc = Object.assign(Object.assign({}, acc), (0, exports.reduceFieldConfigs)(entry.content, callbackFn));
+                break;
+            default:
+                callbackFn(acc, entry, index);
+                break;
+        }
+        return acc;
+    }, {});
+};
+exports.reduceFieldConfigs = reduceFieldConfigs;
+const someFieldConfigs = (entries, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+callbackFn) => {
+    return entries.some((entry, index) => {
+        switch (entry.type) {
+            case "custom":
+            case "section":
+            case "row":
+                return (0, exports.someFieldConfigs)(entry.content, callbackFn);
+            default:
+                return callbackFn(entry, index);
+        }
+    });
+};
+exports.someFieldConfigs = someFieldConfigs;

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

@@ -0,0 +1,4 @@
+import { FormConfig, FormData, FormErrors, FormFieldBasicConfig, FormFieldConfig } from "../type";
+export declare const handleValidateConfig: (config: FormConfig, fieldConfigs: Record<string, FormFieldConfig>, data: FormData) => FormErrors;
+export declare const handleValidateField: ({ name, validations, conditions, valueFn }: FormFieldBasicConfig<any>, fieldConfigs: Record<string, FormFieldConfig>, data: FormData) => FormErrors;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../validation/index.ts"],"names":[],"mappings":"AACA,OAAO,EACH,UAAU,EACV,QAAQ,EAER,UAAU,EACV,oBAAoB,EACpB,eAAe,EAClB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,oBAAoB,WACrB,UAAU,gBACJ,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,QACvC,QAAQ,KACf,UAYF,CAAC;AAiBF,eAAO,MAAM,mBAAmB,+CAEgB,oBAAoB,CAAC,GAAG,CAAC,gBACvD,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,QACvC,QAAQ,KACf,UA8BF,CAAC"}

package/dist/cjs/validation/index.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleValidateField = exports.handleValidateConfig = void 0;
+const condition_1 = require("../condition");
+const handleValidateConfig = (config, fieldConfigs, data) => {
+    const errors = {};
+    config.forEach(entry => {
+        const entryErrors = handleValidateEntry(entry, fieldConfigs, data);
+        if (entryErrors && Object.keys(entryErrors).length) {
+            Object.assign(errors, entryErrors);
+        }
+    });
+    return errors;
+};
+exports.handleValidateConfig = handleValidateConfig;
+const handleValidateEntry = (entry, fieldConfigs, data) => {
+    switch (entry.type) {
+        case "custom":
+        case "section":
+        case "row":
+            return (0, exports.handleValidateConfig)(entry.content, fieldConfigs, data);
+        default:
+            return (0, exports.handleValidateField)(entry, fieldConfigs, data);
+    }
+};
+const handleValidateField = (
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+{ name, validations, conditions, valueFn }, fieldConfigs, data) => {
+    if (!validations ||
+        (conditions && !(0, condition_1.fieldFulfillsConditions)({ conditions }, fieldConfigs, data))) {
+        return { [name]: false };
+    }
+    const value = valueFn ? valueFn(data) : data[name];
+    const error = validations.find(({ validation }) => {
+        switch (typeof validation) {
+            case "function":
+                return !validation({ value, data });
+            case "string":
+                return !new RegExp(validation).test(value);
+            default:
+                if (validation instanceof RegExp) {
+                    return !validation.test(value);
+                }
+                else if (Array.isArray(value)) {
+                    return value.length === 0;
+                }
+                else if (typeof value === "number") {
+                    return isNaN(value);
+                }
+                else {
+                    return !value;
+                }
+        }
+    });
+    return { [name]: error && error.message ? error.message : !!error };
+};
+exports.handleValidateField = handleValidateField;

package/dist/es/components/FormBuilder.d.ts

@@ -0,0 +1,3 @@
+import { FormBuilderProps } from "../type";
+export declare const FormBuilder: import("react").NamedExoticComponent<FormBuilderProps>;
+//# sourceMappingURL=FormBuilder.d.ts.map

package/dist/es/components/FormBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormBuilder.d.ts","sourceRoot":"","sources":["../../../components/FormBuilder.tsx"],"names":[],"mappings":"AASA,OAAO,EAAyB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAUlE,eAAO,MAAM,WAAW,wDAoBvB,CAAC"}

package/dist/es/components/FormBuilder.js

@@ -0,0 +1,22 @@
+"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 style_1 = require("../style");
+const FormEntry_1 = require("./FormEntry");
+const DefaultComponents = {
+    BuilderWrapper: style_1.DefaultBuilderWrapper,
+    SectionWrapper: style_1.DefaultSectionWrapper,
+    RowWrapper: style_1.DefaultRowWrapper,
+    FieldWrapper: style_1.DefaultFieldWrapper,
+};
+exports.FormBuilder = (0, react_1.memo)(({ Components = DefaultComponents, children }) => {
+    const { BuilderWrapper } = Components;
+    const { config } = (0, react_1.useContext)(context_1.FormConfigContext);
+    const Wrapper = BuilderWrapper ?? style_1.DefaultBuilderWrapper;
+    return ((0, jsx_runtime_1.jsx)(Wrapper, { children: config.map((entry, index) => ((0, jsx_runtime_1.jsx)(FormEntry_1.FormEntry, { entry: entry, Components: { ...DefaultComponents, ...Components }, children: children }, index + ((0, guard_1.entryIsField)(entry) ? entry.name : "")))) }));
+});
+exports.FormBuilder.displayName = "FormBuilder";

package/dist/es/components/FormCustom.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { FormBuilderComponents, FormBuilderProps, FormCustomConfig } from "../type";
+interface FormCustomProps {
+    Components: FormBuilderComponents;
+    custom: FormCustomConfig;
+    children: FormBuilderProps["children"];
+}
+export declare const FormCustom: React.FC<FormCustomProps>;
+export {};
+//# sourceMappingURL=FormCustom.d.ts.map

package/dist/es/components/FormCustom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCustom.d.ts","sourceRoot":"","sources":["../../../components/FormCustom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGpF,UAAU,eAAe;IACrB,UAAU,EAAE,qBAAqB,CAAC;IAClC,MAAM,EAAE,gBAAgB,CAAC;IACzB,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAYhD,CAAC"}

package/dist/es/components/FormCustom.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { FormBuilderComponents, FormBuilderProps, FormEntryConfig } from "../type";
+interface FormEntryProps {
+    Components: FormBuilderComponents;
+    entry: FormEntryConfig;
+    children: FormBuilderProps["children"];
+}
+export declare const FormEntry: React.FC<FormEntryProps>;
+export {};
+//# sourceMappingURL=FormEntry.d.ts.map

package/dist/es/components/FormEntry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormEntry.d.ts","sourceRoot":"","sources":["../../../components/FormEntry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAY,eAAe,EAAE,MAAM,SAAS,CAAC;AAO7F,UAAU,cAAc;IACpB,UAAU,EAAE,qBAAqB,CAAC;IAClC,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2D9C,CAAC"}

package/dist/es/components/FormEntry.js

@@ -0,0 +1,46 @@
+"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 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) => {
+        switch (entry.type) {
+            case "custom":
+            case "section":
+            case "row":
+                return (0, util_1.someFieldConfigs)([entry], field => (0, condition_1.fieldFulfillsConditions)(field, fieldConfigs, formData));
+            default:
+                return (0, condition_1.fieldFulfillsConditions)(entry, fieldConfigs, formData);
+        }
+    }, [entry, fieldConfigs]);
+    const [hasChildren, setHasChildren] = (0, react_1.useState)(getHasChildren(data.get()));
+    (0, react_1.useEffect)(() => {
+        const remove = data.subscribe(() => {
+            setHasChildren(getHasChildren(data.get()));
+        });
+        return () => remove();
+    }, [getHasChildren, data]);
+    if (!hasChildren) {
+        return null;
+    }
+    switch (entry.type) {
+        case "custom":
+            return ((0, jsx_runtime_1.jsx)(FormCustom_1.FormCustom, { custom: entry, Components: Components, children: children }));
+        case "section":
+            return ((0, jsx_runtime_1.jsx)(FormSection_1.FormSection, { section: entry, Components: Components, children: children }));
+        case "row":
+            return ((0, jsx_runtime_1.jsx)(FormRow_1.FormRow, { row: entry, Components: Components, children: children }));
+        default:
+            return ((0, jsx_runtime_1.jsx)(FormField_1.FormField, { field: entry, Components: Components, children: children }));
+    }
+};
+exports.FormEntry = FormEntry;

package/dist/es/components/FormField.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { FormBuilderComponents, FormBuilderProps, FormFieldConfig } from "../type";
+interface FormFieldProps {
+    Components: FormBuilderComponents;
+    field: FormFieldConfig;
+    children: FormBuilderProps["children"];
+}
+export declare const FormField: React.FC<FormFieldProps>;
+export {};
+//# sourceMappingURL=FormField.d.ts.map

package/dist/es/components/FormField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../components/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAIpD,OAAO,EAEH,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EAClB,MAAM,SAAS,CAAC;AAEjB,UAAU,cAAc;IACpB,UAAU,EAAE,qBAAqB,CAAC;IAClC,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4G9C,CAAC"}

package/dist/es/components/FormField.js

@@ -0,0 +1,78 @@
+"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)();
+    const { name, columns, conditions, validations, valueFn, validationStrategy: fieldValidationStrategy, onInput: onFieldInput, fieldConfig: fieldConfigFunc, } = field;
+    const validationStrategy = (0, react_1.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 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 => {
+        let normalizedValue;
+        if (onFieldInput) {
+            normalizedValue = onFieldInput({
+                value,
+                field,
+                previousData: getStore(),
+            });
+        }
+        else if (onInput) {
+            normalizedValue = onInput({
+                value,
+                field,
+                previousData: getStore(),
+            });
+        }
+        else {
+            normalizedValue = { [field.name]: value };
+        }
+        editData.set(normalizedValue);
+        setStore(normalizedValue);
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [field, setStore, getStore, onFieldInput, onInput]);
+    const handleBlur = (0, react_1.useCallback)(() => {
+        if (!validations || !validationStrategy.includes("blur")) {
+            return;
+        }
+        validateField(field);
+    }, [field, validations, validationStrategy, validateField]);
+    const fieldInputError = (() => {
+        if (!validations || !validationStrategy.includes("input")) {
+            return;
+        }
+        const editValue = editData.get()[field.name];
+        if (editValue === undefined) {
+            return;
+        }
+        return validateField(field) ?? undefined;
+    })();
+    const childrenProps = {
+        value: normalizedValue,
+        error: fieldError || fieldInputError,
+        onInput: handleInput,
+        onBlur: handleBlur,
+        field: { ...field, fieldConfig },
+    };
+    const { FieldWrapper } = Components;
+    if (!FieldWrapper) {
+        throw new Error("No field component found");
+    }
+    return (0, jsx_runtime_1.jsx)(FieldWrapper, { columns: columns, children: children(childrenProps) });
+};
+exports.FormField = FormField;

package/dist/es/components/FormRow.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { FormBuilderComponents, FormBuilderProps, FormRowConfig } from "../type";
+interface FormRowProps {
+    Components: FormBuilderComponents;
+    row: FormRowConfig;
+    children: FormBuilderProps["children"];
+}
+export declare const FormRow: React.FC<FormRowProps>;
+export {};
+//# sourceMappingURL=FormRow.d.ts.map

package/dist/es/components/FormRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRow.d.ts","sourceRoot":"","sources":["../../../components/FormRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGjF,UAAU,YAAY;IAClB,UAAU,EAAE,qBAAqB,CAAC;IAClC,GAAG,EAAE,aAAa,CAAC;IACnB,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgB1C,CAAC"}

package/dist/es/components/FormRow.js

@@ -0,0 +1,13 @@
+"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 }) => {
+    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))) }));
+};
+exports.FormRow = FormRow;

package/dist/es/components/FormSection.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { FormBuilderComponents, FormBuilderProps, FormSectionConfig } from "../type";
+interface FormSectionProps {
+    Components: FormBuilderComponents;
+    section: FormSectionConfig;
+    children: FormBuilderProps["children"];
+}
+export declare const FormSection: React.FC<FormSectionProps>;
+export {};
+//# sourceMappingURL=FormSection.d.ts.map

package/dist/es/components/FormSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSection.d.ts","sourceRoot":"","sources":["../../../components/FormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGrF,UAAU,gBAAgB;IACtB,UAAU,EAAE,qBAAqB,CAAC;IAClC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgBlD,CAAC"}

package/dist/es/components/FormSection.js

@@ -0,0 +1,13 @@
+"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 }) => {
+    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))) }));
+};
+exports.FormSection = FormSection;

package/dist/es/components/FormWatch.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from "react";
+interface WatchFormValueProps {
+    name?: string;
+    children: (value: any) => ReactNode;
+}
+export declare const FormWatch: React.FC<WatchFormValueProps>;
+export {};
+//# sourceMappingURL=FormWatch.d.ts.map

package/dist/es/components/FormWatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormWatch.d.ts","sourceRoot":"","sources":["../../../components/FormWatch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,UAAU,mBAAmB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,SAAS,CAAC;CACvC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAInD,CAAC"}