@becklyn/forms 1.0.0 → 2.0.0

package/README.md

@@ -173,18 +173,6 @@ export type FormFieldText = FormFieldBasicConfig<"text", TextFieldConfig>;
 
 The first parameter specifies to which field the fieldConfig will be applied. Here `"text"` means that in your config, if you add `type: "text"`, the `fieldConfig` will expect props specified in `TextFieldConfig`.
 
-#### 3. Patch form fields
-
-To overwrite the `FormFieldConfig` you can patch the interface using module augmentation:
-
-```typescript
-declare module "@becklyn/forms" {
-    interface CustomFormFieldConfig {
-        fields: FormFieldText | FormFieldNumber;
-    }
-}
-```
-
 ### Infer form config
 
 To be able to infer a form config's type <ins>it must be readonly</ins>. You can use the following helper to infer your config:

package/dist/cjs/components/FormBuilder.js

@@ -17,6 +17,6 @@ exports.FormBuilder = (0, react_1.memo)(({ Components = DefaultComponents, child
     const { BuilderWrapper } = Components;
     const { config } = (0, react_1.useContext)(context_1.FormConfigContext);
     const Wrapper = BuilderWrapper !== null && BuilderWrapper !== void 0 ? 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: Object.assign(Object.assign({}, DefaultComponents), Components), children: children }, index + ((0, guard_1.entryIsField)(entry) ? entry.name : "")))) }));
+    return ((0, jsx_runtime_1.jsx)(Wrapper, { children: config.map((entry, index) => ((0, jsx_runtime_1.jsx)(FormEntry_1.FormEntry, { entry: entry, Components: Object.assign(Object.assign({}, DefaultComponents), Components), children: children }, index + ((0, guard_1.isFormFieldConfig)(entry) ? entry.name : "")))) }));
 });
 exports.FormBuilder.displayName = "FormBuilder";

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

@@ -1,10 +1,9 @@
-import React from "react";
-import { FormBuilderComponents, FormBuilderProps, FormCustomConfig } from "../type";
-interface FormCustomProps {
+import { FormBuilderComponents, FormBuilderProps, FormCustomConfig, FormFieldConfig } from "../type";
+interface FormCustomProps<T extends FormFieldConfig> {
     Components: FormBuilderComponents;
-    custom: FormCustomConfig;
+    custom: FormCustomConfig<T>;
     children: FormBuilderProps["children"];
 }
-export declare const FormCustom: React.FC<FormCustomProps>;
+export declare const FormCustom: <T extends FormFieldConfig>({ Components, custom, children, }: FormCustomProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FormCustom.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"FormCustom.d.ts","sourceRoot":"","sources":["../../../components/FormCustom.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EAClB,MAAM,SAAS,CAAC;AAGjB,UAAU,eAAe,CAAC,CAAC,SAAS,eAAe;IAC/C,UAAU,EAAE,qBAAqB,CAAC;IAClC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC5B,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,eAAe,qCAIjD,eAAe,CAAC,CAAC,CAAC,4CAYpB,CAAC"}

package/dist/cjs/components/FormCustom.js

@@ -7,7 +7,7 @@ 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 }) => {
+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/cjs/components/FormEntry.d.ts

@@ -1,10 +1,10 @@
-import React from "react";
+import { FC } 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 declare const FormEntry: FC<FormEntryProps>;
 export {};
 //# sourceMappingURL=FormEntry.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"FormEntry.d.ts","sourceRoot":"","sources":["../../../components/FormEntry.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoC,MAAM,OAAO,CAAC;AAI7D,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,EAAE,CAAC,cAAc,CA2DxC,CAAC"}

package/dist/cjs/components/FormEntry.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormEntry = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const guard_1 = require("guard");
 const condition_1 = require("../condition");
 const context_1 = require("../context");
 const util_1 = require("../util");
@@ -13,10 +14,10 @@ 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":
+        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 => (0, condition_1.fieldFulfillsConditions)(field, fieldConfigs, formData));
             default:
                 return (0, condition_1.fieldFulfillsConditions)(entry, fieldConfigs, formData);
@@ -32,12 +33,12 @@ const FormEntry = ({ Components, entry, children }) => {
     if (!hasChildren) {
         return null;
     }
-    switch (entry.type) {
-        case "custom":
+    switch (true) {
+        case (0, guard_1.isFormCustomConfig)(entry):
             return ((0, jsx_runtime_1.jsx)(FormCustom_1.FormCustom, { custom: entry, Components: Components, children: children }));
-        case "section":
+        case (0, guard_1.isFormSectionConfig)(entry):
             return ((0, jsx_runtime_1.jsx)(FormSection_1.FormSection, { section: entry, Components: Components, children: children }));
-        case "row":
+        case (0, guard_1.isFormRowConfig)(entry):
             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 }));

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

@@ -1,10 +1,9 @@
-import React from "react";
-import { FormBuilderComponents, FormBuilderProps, FormRowConfig } from "../type";
-interface FormRowProps {
+import { FormBuilderComponents, FormBuilderProps, FormFieldConfig, FormRowConfig } from "../type";
+interface FormRowProps<T extends FormFieldConfig> {
     Components: FormBuilderComponents;
-    row: FormRowConfig;
+    row: FormRowConfig<T>;
     children: FormBuilderProps["children"];
 }
-export declare const FormRow: React.FC<FormRowProps>;
+export declare const FormRow: <T extends FormFieldConfig>({ Components, row, children, }: FormRowProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FormRow.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"FormRow.d.ts","sourceRoot":"","sources":["../../../components/FormRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGlG,UAAU,YAAY,CAAC,CAAC,SAAS,eAAe;IAC5C,UAAU,EAAE,qBAAqB,CAAC;IAClC,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACtB,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,eAAe,kCAI9C,YAAY,CAAC,CAAC,CAAC,4CAgBjB,CAAC"}

package/dist/cjs/components/FormRow.js

@@ -3,7 +3,7 @@ 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 FormRow = ({ Components, row, children, }) => {
     const { RowWrapper } = Components;
     if (!RowWrapper) {
         throw new Error(`No row component found.`);

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

@@ -1,10 +1,9 @@
-import React from "react";
-import { FormBuilderComponents, FormBuilderProps, FormSectionConfig } from "../type";
-interface FormSectionProps {
+import { FormBuilderComponents, FormBuilderProps, FormFieldConfig, FormSectionConfig } from "../type";
+interface FormSectionProps<T extends FormFieldConfig> {
     Components: FormBuilderComponents;
-    section: FormSectionConfig;
+    section: FormSectionConfig<T>;
     children: FormBuilderProps["children"];
 }
-export declare const FormSection: React.FC<FormSectionProps>;
+export declare const FormSection: <T extends FormFieldConfig>({ Components, section, children, }: FormSectionProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FormSection.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"FormSection.d.ts","sourceRoot":"","sources":["../../../components/FormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACpB,MAAM,SAAS,CAAC;AAGjB,UAAU,gBAAgB,CAAC,CAAC,SAAS,eAAe;IAChD,UAAU,EAAE,qBAAqB,CAAC;IAClC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC9B,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,eAAe,sCAIlD,gBAAgB,CAAC,CAAC,CAAC,4CAgBrB,CAAC"}

package/dist/cjs/components/FormSection.js

@@ -3,7 +3,7 @@ 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 FormSection = ({ Components, section, children, }) => {
     const { SectionWrapper } = Components;
     if (!SectionWrapper) {
         throw new Error(`No section component found.`);

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

@@ -1,6 +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>;
+import { FormCustomConfig, FormEntryConfig, FormFieldConfig, FormRowConfig, FormSectionConfig } from "../type";
+export declare const isFormRowConfig: <T extends FormFieldConfig>(config: FormEntryConfig<T>) => config is FormRowConfig<T>;
+export declare const isFormSectionConfig: <T extends FormFieldConfig>(config: FormEntryConfig<T>) => config is FormSectionConfig<T>;
+export declare const isFormCustomConfig: <T extends FormFieldConfig>(config: FormEntryConfig<T>) => config is FormCustomConfig<T>;
+export declare const isFormFieldConfig: <T extends FormFieldConfig>(config: FormEntryConfig<T>) => config is T;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../guard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,aAAa,EACb,iBAAiB,EACpB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,eAAe,UAC7C,eAAe,CAAC,CAAC,CAAC,KAC3B,MAAM,IAAI,aAAa,CAAC,CAAC,CAE3B,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,eAAe,UACjD,eAAe,CAAC,CAAC,CAAC,KAC3B,MAAM,IAAI,iBAAiB,CAAC,CAAC,CAE/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,eAAe,UAChD,eAAe,CAAC,CAAC,CAAC,KAC3B,MAAM,IAAI,gBAAgB,CAAC,CAAC,CAE9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,eAAe,UAC/C,eAAe,CAAC,CAAC,CAAC,KAC3B,MAAM,IAAI,CAEZ,CAAC"}

package/dist/cjs/guard/index.js

@@ -1,21 +1,19 @@
 "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.isFormFieldConfig = exports.isFormCustomConfig = exports.isFormSectionConfig = exports.isFormRowConfig = void 0;
+const isFormRowConfig = (config) => {
+    return config && config.type === "row";
 };
-exports.entryIsSection = entryIsSection;
-const entryIsRow = (entry) => {
-    return entry.type === "row";
+exports.isFormRowConfig = isFormRowConfig;
+const isFormSectionConfig = (config) => {
+    return config && config.type === "section";
 };
-exports.entryIsRow = entryIsRow;
-const entryIsCustom = (entry) => {
-    return entry.type === "custom";
+exports.isFormSectionConfig = isFormSectionConfig;
+const isFormCustomConfig = (config) => {
+    return config && config.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.isFormCustomConfig = isFormCustomConfig;
+const isFormFieldConfig = (config) => {
+    return !(0, exports.isFormRowConfig)(config) && !(0, exports.isFormSectionConfig)(config) && !(0, exports.isFormCustomConfig)(config);
 };
-exports.entryIsField = entryIsField;
+exports.isFormFieldConfig = isFormFieldConfig;

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

@@ -1,8 +1,8 @@
-import { FormConfig, FormError, FormErrors, FormFieldBasicConfig, FormFieldConfig } from "../type";
+import { FormConfig, FormError, FormErrors, 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;
+    validateField: (field: FormFieldConfig, skipUpdate?: boolean) => FormError | null;
     validateCategory: (category: string) => FormErrors;
     validateForm: (input?: FormConfig, skipUpdate?: boolean) => FormErrors | null;
 };

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

@@ -1 +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"}
+{"version":3,"file":"useFormValidations.d.ts","sourceRoot":"","sources":["../../../hook/useFormValidations.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI7E,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEpE,eAAO,MAAM,kBAAkB,WACnB,UAAU,gBACJ,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC;;2BAqDjC,eAAe,eAAe,OAAO,KAAG,SAAS,GAAG,IAAI;iCAvBrD,MAAM;2BAvBT,UAAU,eAAmC,OAAO,KAAG,UAAU,GAAG,IAAI;CA2DvF,CAAC"}

package/dist/cjs/hook/useFormValidations.js

@@ -34,9 +34,7 @@ const useFormValidations = (config, fieldConfigs) => {
         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 validateField = (0, react_1.useCallback)((field, skipUpdate) => {
         const formErrors = (0, validation_1.handleValidateField)(field, fieldConfigsRef.current, data.get());
         if (!skipUpdate) {
             errors.set(formErrors);

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

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

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

@@ -1 +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"}
+{"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,CAAC,CAAC,SAAS,eAAe;IACpD,IAAI,EAAE,KAAK,CAAC;IACZ,OAAO,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;CAC1C;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,eAAe;IACxD,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;CAC1C;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,eAAe;IACvD,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,SAAS,CAAC;IAC5C,OAAO,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;CAC1C;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IACjE,gBAAgB,CAAC,CAAC,CAAC,GACnB,iBAAiB,CAAC,CAAC,CAAC,GACpB,aAAa,CAAC,CAAC,CAAC,GAChB,CAAC,CAAC;AAER,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IAAI,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC"}

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

@@ -1,11 +1,7 @@
 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> {
+export interface FormFieldConfig<Type extends string = string, FieldConfig = unknown, InitialValue = any> {
     type: Type;
     name: string;
     initialValue?: InitialValue;
@@ -22,7 +18,7 @@ export type FormFieldConfigFunc<FieldConfig = unknown> = FieldConfig | ((props:
     value: any;
     data: FormData;
 }) => FieldConfig);
-export type ResolveFieldConfigFunc<T extends FormFieldBasicConfig<any>> = T extends {
+export type ResolveFieldConfigFunc<T extends FormFieldConfig> = T extends {
     fieldConfig: infer U;
 } ? U extends (...args: any[]) => any ? never : T & {
     fieldConfig: U;

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

@@ -1 +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"}
+{"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;AAQxE,MAAM,WAAW,eAAe,CAC5B,IAAI,SAAS,MAAM,GAAG,MAAM,EAC5B,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,eAAe,IAAI,CAAC,SAAS;IACtE,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/form.d.ts

@@ -21,10 +21,10 @@ export interface FormBuilderProps {
     Components?: Partial<FormBuilderComponents>;
     children(props: FormBuilderChildrenProps): ReactNode;
 }
-export interface FormInputFuncProps {
-    value: any;
-    field: FormFieldConfig;
+export interface FormInputFuncProps<T extends FormFieldConfig> {
+    value: T extends FormFieldConfig<any, any, infer V> ? V : any;
+    field: T;
     previousData: FormData;
 }
-export type FormInputFunc = (props: FormInputFuncProps) => FormData;
+export type FormInputFunc = <T extends FormFieldConfig>(props: FormInputFuncProps<T>) => FormData;
 //# sourceMappingURL=form.d.ts.map

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

@@ -1 +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"}
+{"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,CAAC,CAAC,SAAS,eAAe;IACzD,KAAK,EAAE,CAAC,SAAS,eAAe,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;IAC9D,KAAK,EAAE,CAAC,CAAC;IACT,YAAY,EAAE,QAAQ,CAAC;CAC1B;AAED,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC"}

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

@@ -0,0 +1,14 @@
+export interface TextConfigProps {
+    type: "text";
+    placeholder: string;
+    label?: string;
+    editLabel?: string;
+    maxLength?: number;
+    info?: string;
+    suffix?: string;
+    hideValidation?: boolean;
+    hasCapsLockDetection?: boolean;
+    isSecret?: boolean;
+    disabled?: boolean;
+}
+//# sourceMappingURL=test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"test.d.ts","sourceRoot":"","sources":["../../../type/test.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,eAAe;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/dist/cjs/type/test.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const configAllFields = [
+    {
+        type: "button",
+        name: "text",
+        validations: [{ validation: true }],
+        fieldConfig: {
+            placeholder: "text",
+            type: "text",
+        },
+    },
+];
+console.log(configAllFields);

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

@@ -1,11 +1,11 @@
-import { FormConfig, FormData, FormEntryConfig, FormFieldBasicConfig, FormFieldConfig, ResolveFieldConfigFunc } from "../type";
+import { FormConfig, FormData, FormEntryConfig, 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 fieldConfigFromFormField: <T extends FormFieldConfig>({ 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;
+export declare const mapFieldConfigs: (entries: FormConfig, callbackFn: <T extends FormFieldConfig>(field: T, index: number) => T) => FormConfig;
+export declare const reduceFieldConfigs: <T extends Record<string | number, unknown>>(entries: readonly FormEntryConfig[], callbackFn: <F extends FormFieldConfig>(acc: T, field: F, index: number) => T) => T;
+export declare const someFieldConfigs: (entries: readonly FormEntryConfig[], callbackFn: <T extends FormFieldConfig>(field: T, index: number) => boolean) => boolean;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../util/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACH,UAAU,EACV,QAAQ,EACR,eAAe,EACf,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;AAE5D,eAAO,MAAM,wBAAwB,GAAI,CAAC,SAAS,eAAe,yBACvC,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,cACP,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC,KACtE,UAkBF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,WAChE,SAAS,eAAe,EAAE,cACvB,CAAC,CAAC,SAAS,eAAe,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC,KAC9E,CAeF,CAAC;AAEF,eAAO,MAAM,gBAAgB,YAChB,SAAS,eAAe,EAAE,cACvB,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,KAC5E,OAWF,CAAC"}

package/dist/cjs/util/index.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (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 guard_1 = require("guard");
 const lodash_merge_1 = __importDefault(require("lodash.merge"));
 function eitherOr(configOrCondition, either, or) {
     if (typeof configOrCondition === "boolean") {
@@ -16,7 +17,6 @@ function eitherOr(configOrCondition, either, or) {
 }
 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 })
@@ -44,17 +44,15 @@ const initialValuesFromConfig = (config) => {
     });
 };
 exports.initialValuesFromConfig = initialValuesFromConfig;
-const mapFieldConfigs = (entries, 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-callbackFn) => {
+const mapFieldConfigs = (entries, callbackFn) => {
     return entries.flatMap((entry, index) => {
         if (!entry) {
             return [];
         }
-        switch (entry.type) {
-            case "custom":
-            case "section":
-            case "row":
+        switch (true) {
+            case (0, guard_1.isFormRowConfig)(entry):
+            case (0, guard_1.isFormSectionConfig)(entry):
+            case (0, guard_1.isFormCustomConfig)(entry):
                 return Object.assign(Object.assign({}, entry), { content: (0, exports.mapFieldConfigs)(entry.content, callbackFn) });
             default:
                 return callbackFn(entry, index);
@@ -62,14 +60,12 @@ callbackFn) => {
     });
 };
 exports.mapFieldConfigs = mapFieldConfigs;
-const reduceFieldConfigs = (entries, 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-callbackFn) => {
+const reduceFieldConfigs = (entries, callbackFn) => {
     return entries.reduce((acc, entry, index) => {
-        switch (entry.type) {
-            case "custom":
-            case "section":
-            case "row":
+        switch (true) {
+            case (0, guard_1.isFormRowConfig)(entry):
+            case (0, guard_1.isFormSectionConfig)(entry):
+            case (0, guard_1.isFormCustomConfig)(entry):
                 acc = Object.assign(Object.assign({}, acc), (0, exports.reduceFieldConfigs)(entry.content, callbackFn));
                 break;
             default:
@@ -80,14 +76,12 @@ callbackFn) => {
     }, {});
 };
 exports.reduceFieldConfigs = reduceFieldConfigs;
-const someFieldConfigs = (entries, 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-callbackFn) => {
+const someFieldConfigs = (entries, callbackFn) => {
     return entries.some((entry, index) => {
-        switch (entry.type) {
-            case "custom":
-            case "section":
-            case "row":
+        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);
             default:
                 return callbackFn(entry, index);

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

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

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../validation/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAmB,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE7F,eAAO,MAAM,oBAAoB,WACrB,UAAU,gBACJ,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,QACvC,QAAQ,KACf,UAYF,CAAC;AAiBF,eAAO,MAAM,mBAAmB,+CACgB,eAAe,gBAC7C,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,QACvC,QAAQ,KACf,UA8BF,CAAC"}

package/dist/cjs/validation/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleValidateField = exports.handleValidateConfig = void 0;
+const guard_1 = require("guard");
 const condition_1 = require("../condition");
 const handleValidateConfig = (config, fieldConfigs, data) => {
     const errors = {};
@@ -14,18 +15,16 @@ const handleValidateConfig = (config, fieldConfigs, data) => {
 };
 exports.handleValidateConfig = handleValidateConfig;
 const handleValidateEntry = (entry, fieldConfigs, data) => {
-    switch (entry.type) {
-        case "custom":
-        case "section":
-        case "row":
+    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);
         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) => {
+const handleValidateField = ({ name, validations, conditions, valueFn }, fieldConfigs, data) => {
     if (!validations ||
         (conditions && !(0, condition_1.fieldFulfillsConditions)({ conditions }, fieldConfigs, data))) {
         return { [name]: false };

package/dist/es/components/FormBuilder.js

@@ -17,6 +17,6 @@ exports.FormBuilder = (0, react_1.memo)(({ Components = DefaultComponents, child
     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 : "")))) }));
+    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.isFormFieldConfig)(entry) ? entry.name : "")))) }));
 });
 exports.FormBuilder.displayName = "FormBuilder";

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

@@ -1,10 +1,9 @@
-import React from "react";
-import { FormBuilderComponents, FormBuilderProps, FormCustomConfig } from "../type";
-interface FormCustomProps {
+import { FormBuilderComponents, FormBuilderProps, FormCustomConfig, FormFieldConfig } from "../type";
+interface FormCustomProps<T extends FormFieldConfig> {
     Components: FormBuilderComponents;
-    custom: FormCustomConfig;
+    custom: FormCustomConfig<T>;
     children: FormBuilderProps["children"];
 }
-export declare const FormCustom: React.FC<FormCustomProps>;
+export declare const FormCustom: <T extends FormFieldConfig>({ Components, custom, children, }: FormCustomProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FormCustom.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"FormCustom.d.ts","sourceRoot":"","sources":["../../../components/FormCustom.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EAClB,MAAM,SAAS,CAAC;AAGjB,UAAU,eAAe,CAAC,CAAC,SAAS,eAAe;IAC/C,UAAU,EAAE,qBAAqB,CAAC;IAClC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC5B,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,eAAe,qCAIjD,eAAe,CAAC,CAAC,CAAC,4CAYpB,CAAC"}

package/dist/es/components/FormCustom.js

@@ -7,7 +7,7 @@ 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 }) => {
+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;