@becklyn/forms 2.0.1 → 2.0.3

package/README.md

@@ -51,7 +51,7 @@ npm i --save @becklyn/forms
 Create a single component to handle rendering all of your different input components. It will be called by the `FormBuilder` including the respective field's props.
 
 ```tsx
-export const FieldComponent: React.FC<FormBuilderChildrenProps> = ({
+export const FieldComponent: React.FC<FormBuilderChildrenProps<FieldTypes>> = ({
     value,
     error,
     field,
@@ -116,8 +116,9 @@ export const forgotPasswordFormConfig = createFormConfig([
 To render your form config the FormBuilder needs to be a descendant of `FormProvider` (or a component using `withForm`). An implementation could look something like this where the majority can easily be abstracted.
 
 ```tsx
+// the form renderer can be reused to render all kinds of forms
 export const FormRenderer: React.FC = () => {
-    return <FormBuilder>{props => <WizardField {...props} />}</FormBuilder>;
+    return <FormBuilder>{props => <FieldComponent {...props} />}</FormBuilder>;
 };
 
 export const LoginFormHandler = withForm(() => {
@@ -168,11 +169,26 @@ export interface TextFieldConfig {
 Create an intermediate type that forms can consume:
 
 ```typescript
-export type FormFieldText = FormFieldBasicConfig<"text", TextFieldConfig>;
+export type FormFieldText = FormFieldConfig<"text", TextFieldConfig, string>;
 ```
 
 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`.
 
+The third generic parameter in `FormFieldConfig` is the type of allowed values this field can handle.
+
+Its useful to build a type that unifies all your fields:
+
+```typescript
+export type FormFieldText = FormFieldConfig<"text", TextFieldConfig, string>;
+export type FormFieldNumber = FormFieldConfig<"number", NumberFieldConfig, number>;
+export type FormFieldSelect = FormFieldConfig<
+    "select",
+    SelectFieldConfig,
+    { id: string; value: string }
+>;
+export type FormField = FormFieldText | FormFieldNumber | FormFieldSelect;
+```
+
 ### 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:
@@ -191,7 +207,7 @@ While this is true using `createFormConfig`, parts of your config that are rende
 
 ```typescript
 useMemo(() => {
-    return createFormConfig([
+    return createFormConfig<FormField>([
         // Render a or b
         eitherOr(
             someCondition,
@@ -224,6 +240,14 @@ useMemo(() => {
 }, [someCondition]);
 ```
 
+The `FormBuilder` is generic, too:
+
+```typescript
+export const FormRenderer: React.FC = () => {
+    return <FormBuilder<FieldTypes>>{props => <FieldComponent {...props} />}</FormBuilder>;
+};
+```
+
 ## Guides
 
 ### Multistep
@@ -232,8 +256,8 @@ Multistep can be achieved easily and abstracted into a custom component. The con
 While this lib handles the data, validations etc., you must still handle the multistep logic yourself.
 
 ```tsx
-const Step = withForm(() => {
-    const { validateForm } = useForm();
+const Step = withForm<FormField>(() => {
+    const { validateForm } = useForm<FormField>();
 
     const handleSubmit = (e: React.FormEvent) => {
         e.preventDefault();
@@ -253,7 +277,7 @@ const Step = withForm(() => {
     );
 });
 
-const MultiStep = withForm(() => {
+const MultiStep = withForm<FormField>(() => {
     // your custom hook
     const { step } = useMultiStep();
 

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

@@ -1,3 +1,3 @@
-import { FormBuilderProps } from "../type";
-export declare const FormBuilder: import("react").NamedExoticComponent<FormBuilderProps>;
+import { FormBuilderProps, FormFieldConfig } from "../type";
+export declare const FormBuilder: <T extends FormFieldConfig<string, any, any>>({ Components, children, }: FormBuilderProps<T>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FormBuilder.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"FormBuilder.d.ts","sourceRoot":"","sources":["../../../components/FormBuilder.tsx"],"names":[],"mappings":"AASA,OAAO,EAAyB,gBAAgB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAWnF,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,6BAGpE,gBAAgB,CAAC,CAAC,CAAC,4CAErB,CAAC"}

package/dist/cjs/components/FormBuilder.js

@@ -13,10 +13,17 @@ const DefaultComponents = {
     RowWrapper: style_1.DefaultRowWrapper,
     FieldWrapper: style_1.DefaultFieldWrapper,
 };
-exports.FormBuilder = (0, react_1.memo)(({ Components = DefaultComponents, children }) => {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const FormBuilder = ({ Components = DefaultComponents, children, }) => {
+    return (0, jsx_runtime_1.jsx)(FormBuilderComponent, { Components: Components, children: children });
+};
+exports.FormBuilder = FormBuilder;
+const FormBuilderComponent = (0, react_1.memo)(
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+({ Components = DefaultComponents, children, }) => {
     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.isFormFieldConfig)(entry) ? entry.name : "")))) }));
 });
-exports.FormBuilder.displayName = "FormBuilder";
+FormBuilderComponent.displayName = "FormBuilderComponent";

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

@@ -1,9 +1,9 @@
 import { FormBuilderComponents, FormBuilderProps, FormCustomConfig, FormFieldConfig } from "../type";
-interface FormCustomProps<T extends FormFieldConfig> {
+interface FormCustomProps<T extends FormFieldConfig<string, any, any>> {
     Components: FormBuilderComponents;
     custom: FormCustomConfig<T>;
-    children: FormBuilderProps["children"];
+    children: FormBuilderProps<T>["children"];
 }
-export declare const FormCustom: <T extends FormFieldConfig>({ Components, custom, children, }: FormCustomProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormCustom: <T extends FormFieldConfig<string, any, any>>({ 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":"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"}
+{"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;AAIjB,UAAU,eAAe,CAAC,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC;IACjE,UAAU,EAAE,qBAAqB,CAAC;IAClC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC5B,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;CAC7C;AAGD,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,qCAInE,eAAe,CAAC,CAAC,CAAC,4CAYpB,CAAC"}

package/dist/cjs/components/FormCustom.js

@@ -7,6 +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");
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 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)))) }));
 };

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

@@ -1,10 +1,9 @@
-import { FC } from "react";
-import { FormBuilderComponents, FormBuilderProps, FormEntryConfig } from "../type";
-interface FormEntryProps {
+import { FormBuilderComponents, FormBuilderProps, FormEntryConfig, FormFieldConfig } from "../type";
+interface FormEntryProps<T extends FormFieldConfig<string, any, any>> {
     Components: FormBuilderComponents;
-    entry: FormEntryConfig;
-    children: FormBuilderProps["children"];
+    entry: FormEntryConfig<T>;
+    children: FormBuilderProps<T>["children"];
 }
-export declare const FormEntry: FC<FormEntryProps>;
+export declare const FormEntry: <T extends FormFieldConfig<string, any, any>>({ Components, entry, children, }: FormEntryProps<T>) => import("react/jsx-runtime").JSX.Element | null;
 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,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"}
+{"version":3,"file":"FormEntry.d.ts","sourceRoot":"","sources":["../../../components/FormEntry.tsx"],"names":[],"mappings":"AAIA,OAAO,EACH,qBAAqB,EACrB,gBAAgB,EAEhB,eAAe,EACf,eAAe,EAClB,MAAM,SAAS,CAAC;AAQjB,UAAU,cAAc,CAAC,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC;IAChE,UAAU,EAAE,qBAAqB,CAAC;IAClC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAC1B,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;CAC7C;AAGD,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,oCAIlE,cAAc,CAAC,CAAC,CAAC,mDA2DnB,CAAC"}

package/dist/cjs/components/FormEntry.js

@@ -3,15 +3,16 @@ 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 guard_1 = require("../guard");
 const util_1 = require("../util");
 const FormCustom_1 = require("./FormCustom");
 const FormField_1 = require("./FormField");
 const FormRow_1 = require("./FormRow");
 const FormSection_1 = require("./FormSection");
-const FormEntry = ({ Components, entry, children }) => {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const FormEntry = ({ Components, entry, children, }) => {
     const { data, fieldConfigs } = (0, context_1.useForm)();
     const getHasChildren = (0, react_1.useCallback)((formData) => {
         switch (true) {

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

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

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

@@ -1 +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"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../components/FormField.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEH,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EAClB,MAAM,SAAS,CAAC;AAGjB,UAAU,cAAc,CAAC,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC;IAChE,UAAU,EAAE,qBAAqB,CAAC;IAClC,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;CAC7C;AAGD,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,oCAIlE,cAAc,CAAC,CAAC,CAAC,4CA4GnB,CAAC"}

package/dist/cjs/components/FormField.js

@@ -6,7 +6,8 @@ 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 }) => {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+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]);

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

@@ -1,9 +1,9 @@
 import { FormBuilderComponents, FormBuilderProps, FormFieldConfig, FormRowConfig } from "../type";
-interface FormRowProps<T extends FormFieldConfig> {
+interface FormRowProps<T extends FormFieldConfig<string, any, any>> {
     Components: FormBuilderComponents;
     row: FormRowConfig<T>;
-    children: FormBuilderProps["children"];
+    children: FormBuilderProps<T>["children"];
 }
-export declare const FormRow: <T extends FormFieldConfig>({ Components, row, children, }: FormRowProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormRow: <T extends FormFieldConfig<string, any, any>>({ 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,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"}
+{"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;AAIlG,UAAU,YAAY,CAAC,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC;IAC9D,UAAU,EAAE,qBAAqB,CAAC;IAClC,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACtB,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;CAC7C;AAGD,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,kCAIhE,YAAY,CAAC,CAAC,CAAC,4CAgBjB,CAAC"}

package/dist/cjs/components/FormRow.js

@@ -3,6 +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");
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const FormRow = ({ Components, row, children, }) => {
     const { RowWrapper } = Components;
     if (!RowWrapper) {

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

@@ -1,9 +1,9 @@
 import { FormBuilderComponents, FormBuilderProps, FormFieldConfig, FormSectionConfig } from "../type";
-interface FormSectionProps<T extends FormFieldConfig> {
+interface FormSectionProps<T extends FormFieldConfig<string, any, any>> {
     Components: FormBuilderComponents;
     section: FormSectionConfig<T>;
-    children: FormBuilderProps["children"];
+    children: FormBuilderProps<T>["children"];
 }
-export declare const FormSection: <T extends FormFieldConfig>({ Components, section, children, }: FormSectionProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormSection: <T extends FormFieldConfig<string, any, any>>({ 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,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"}
+{"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;AAIjB,UAAU,gBAAgB,CAAC,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC;IAClE,UAAU,EAAE,qBAAqB,CAAC;IAClC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC9B,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;CAC7C;AAGD,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,sCAIpE,gBAAgB,CAAC,CAAC,CAAC,4CAgBrB,CAAC"}

package/dist/cjs/components/FormSection.js

@@ -3,6 +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");
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const FormSection = ({ Components, section, children, }) => {
     const { SectionWrapper } = Components;
     if (!SectionWrapper) {

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

@@ -1,3 +1,3 @@
 import { FormData, FormFieldConfig } from "../type";
-export declare const fieldFulfillsConditions: ({ conditions }: Pick<FormFieldConfig, "conditions">, fieldConfigs: Record<string, FormFieldConfig>, data: FormData) => boolean;
+export declare const fieldFulfillsConditions: <T extends FormFieldConfig<string, any, any>>({ conditions }: Pick<T, "conditions">, fieldConfigs: Record<string, T>, data: FormData<T>) => boolean;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../condition/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,QAAQ,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEpE,eAAO,MAAM,uBAAuB,mBAChB,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC,gBACrC,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,QACvC,QAAQ,KACf,OAUF,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../condition/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,QAAQ,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEpE,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,kBAC/D,IAAI,CAAC,CAAC,EAAE,YAAY,CAAC,gBACvB,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,QACzB,QAAQ,CAAC,CAAC,CAAC,KAClB,OAUF,CAAC"}

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

@@ -1,5 +1,6 @@
+import { FormFieldConfig } from "type";
 export declare const FormProvider: {
-    (props: import("./data").FormProviderProps & {
+    (props: import("./data").FormProviderProps<FormFieldConfig<string, any, any>> & {
         children?: import("react").ReactNode | undefined;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;

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

@@ -1 +1 @@
-{"version":3,"file":"FormProvider.d.ts","sourceRoot":"","sources":["../../../context/FormProvider.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,YAAY;;;;;CA2BxB,CAAC"}
+{"version":3,"file":"FormProvider.d.ts","sourceRoot":"","sources":["../../../context/FormProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;AAQvC,eAAO,MAAM,YAAY;;;;;CA2BxB,CAAC"}

package/dist/cjs/context/FormProvider.js

@@ -8,6 +8,7 @@ const useFormValidations_1 = require("../hook/useFormValidations");
 const util_1 = require("../util");
 const context_1 = require("./context");
 const context_2 = require("./data/context");
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 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);

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

@@ -2,14 +2,16 @@ 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 {
+interface FormContextProps<U extends FormFieldConfig<string, any, any>, TData = FormData<U>> extends FormValidations {
     data: FormStore<TData>;
     editData: FormStore<DeepPartial<TData>>;
-    fieldConfigs: Record<string, FormFieldConfig>;
+    fieldConfigs: Record<string, U>;
     validationStrategy: FormValidationStrategy;
-    onInput?: FormInputFunc;
+    onInput?: FormInputFunc<U, U extends {
+        initialValue?: infer V;
+    } ? V : never>;
 }
-export declare const FormContext: Context<FormContext<FormData>>;
-export declare const useForm: <T = FormData>() => FormContext<T>;
+export declare const FormContext: Context<FormContextProps<FormFieldConfig<string, any, any>, FormData<FormFieldConfig<string, any, any>>>>;
+export declare const useForm: <U extends FormFieldConfig<string, any, any>, TData = FormData<U>>() => FormContextProps<U, TData>;
 export {};
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../context/context.ts"],"names":[],"mappings":"AACA,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,gBAAgB,CAAC,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CACvF,SAAQ,eAAe;IACvB,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,CAAC,CAAC,CAAC;IAChC,kBAAkB,EAAE,sBAAsB,CAAC;IAC3C,OAAO,CAAC,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,SAAS;QAAE,YAAY,CAAC,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;CAChF;AAED,eAAO,MAAM,WAAW,2GAEvB,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,KAAK,+CACG,CAAC"}

package/dist/cjs/context/context.js

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

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

@@ -1,19 +1,19 @@
-import React, { PropsWithChildren } from "react";
+import { 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;
+import { FormConfig, FormData, FormErrors, FormFieldConfig, FormInputFunc, FormValidationStrategy } from "../../type";
+export interface FormProviderProps<T extends FormFieldConfig<string, any, any>> {
+    config: FormConfig<T>;
+    data?: FormStore<FormData<T>>;
+    errors?: FormStore<FormErrors>;
+    editData?: FormStore<FormData<T>>;
+    initialData?: FormData<T>;
     inheritData?: boolean;
     inheritErrors?: boolean;
     validationStrategy?: FormValidationStrategy;
     /**
      * @deprecated Use the field config's 'onInput' callback instead
      */
-    onInput?: FormInputFunc;
+    onInput?: FormInputFunc<T, any>;
 }
-export declare const FormDataProvider: React.FC<PropsWithChildren<FormProviderProps>>;
+export declare const FormDataProvider: <T extends FormFieldConfig<string, any, any>>({ config, initialData, children, ...props }: PropsWithChildren<FormProviderProps<T>>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FormDataProvider.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"FormDataProvider.d.ts","sourceRoot":"","sources":["../../../../context/data/FormDataProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAsB,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAgB,MAAM,yBAAyB,CAAC;AAClE,OAAO,EACH,UAAU,EACV,QAAQ,EACR,UAAU,EACV,eAAe,EACf,aAAa,EACb,sBAAsB,EACzB,MAAM,YAAY,CAAC;AAIpB,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC;IAC1E,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1B,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,CAAC,EAAE,GAAG,CAAC,CAAC;CACnC;AAED,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,+CAKzE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,4CAiBzC,CAAC"}

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

@@ -13,6 +13,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormDataProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable @typescript-eslint/no-explicit-any */
 const react_1 = require("react");
 const useFormStore_1 = require("../../hook/useFormStore");
 const util_1 = require("../../util");

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

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

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

@@ -1 +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"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../context/data/context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE/E,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI;IAC9E,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,oFAEsD,CAAC;AAErF,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC;IACxE,IAAI,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7B,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACjC,MAAM,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,eAAe,6EAE3B,CAAC"}

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

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

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

@@ -1,6 +1,6 @@
 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;
+export declare const isFormRowConfig: <T extends FormFieldConfig<string, any, any>>(config: FormEntryConfig<T>) => config is FormRowConfig<T>;
+export declare const isFormSectionConfig: <T extends FormFieldConfig<string, any, any>>(config: FormEntryConfig<T>) => config is FormSectionConfig<T>;
+export declare const isFormCustomConfig: <T extends FormFieldConfig<string, any, any>>(config: FormEntryConfig<T>) => config is FormCustomConfig<T>;
+export declare const isFormFieldConfig: <T extends FormFieldConfig<string, any, any>>(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,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../guard/index.ts"],"names":[],"mappings":"AACA,OAAO,EACH,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,aAAa,EACb,iBAAiB,EACpB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,UAC/D,eAAe,CAAC,CAAC,CAAC,KAC3B,MAAM,IAAI,aAAa,CAAC,CAAC,CAE3B,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,UACnE,eAAe,CAAC,CAAC,CAAC,KAC3B,MAAM,IAAI,iBAAiB,CAAC,CAAC,CAE/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,UAClE,eAAe,CAAC,CAAC,CAAC,KAC3B,MAAM,IAAI,gBAAgB,CAAC,CAAC,CAE9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,UACjE,eAAe,CAAC,CAAC,CAAC,KAC3B,MAAM,IAAI,CAEZ,CAAC"}

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

@@ -1,7 +1,8 @@
 import React from "react";
+import { FormFieldConfig } from "type";
 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;
+export declare const withForm: <U extends FormFieldConfig<string, any, any>, T>(WrappedComponent: React.ComponentType<FormProviderProps<U> & T>) => {
+    (props: FormProviderProps<U> & T): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=withForm.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"withForm.d.ts","sourceRoot":"","sources":["../../../hoc/withForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,oBACjD,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;YAIzB,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC;;CAYjE,CAAC"}

package/dist/cjs/hoc/withForm.js

@@ -3,10 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.withForm = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const context_1 = require("../context");
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 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)) })));
+        return (
+        // @ts-expect-error: ts does not understand this
+        (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;

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

@@ -1,7 +1,8 @@
 import React from "react";
+import { FormFieldConfig } from "type";
 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;
+export declare const withFormData: <U extends FormFieldConfig<string, any, any>, T>(WrappedComponent: React.ComponentType<FormProviderProps<U> & T>) => {
+    (props: FormProviderProps<U> & T): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=withFormData.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"withFormData.d.ts","sourceRoot":"","sources":["../../../hoc/withFormData.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;AACvC,OAAO,EAAoB,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAGvF,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,oBACrD,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;YAIzB,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC;;CAWjE,CAAC"}

package/dist/cjs/hoc/withFormData.js

@@ -3,6 +3,7 @@ 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");
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const withFormData = (WrappedComponent) => {
     const displayName = WrappedComponent.displayName || WrappedComponent.name || "Component";
     const ComponentWithProvider = (props) => {

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

@@ -1,5 +1,5 @@
-import { FormData } from "../type";
+import { FormData, FormFieldConfig } from "../type";
 import { FormStore } from "./useFormStore";
-export declare const useFormData: <SelectorOutput>(selector: (store: FormData) => SelectorOutput) => [SelectorOutput, (value: Partial<FormData>) => void, () => FormData];
+export declare const useFormData: <SelectorOutput, T extends FormFieldConfig<string, any, any>>(selector: (store: FormData<T>) => SelectorOutput) => [SelectorOutput, (value: Partial<FormData<T>>) => void, () => FormData<T>];
 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

@@ -1 +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"}
+{"version":3,"file":"useFormData.d.ts","sourceRoot":"","sources":["../../../hook/useFormData.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,eAAO,MAAM,WAAW,GAAI,cAAc,EAAE,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,YACzE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,cAAc,KACjD,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,CAQ3E,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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useData = exports.useFormData = void 0;
 const react_1 = require("react");
 const context_1 = require("../context/data/context");
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const useFormData = (selector) => {
     const { data } = (0, react_1.useContext)(context_1.FormDataContext);
     if (!data) {

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

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

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,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"}
+{"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;AAGpE,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,UAClE,UAAU,CAAC,CAAC,CAAC,gBACP,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;;2BAqDnB,CAAC,eAAe,OAAO,KAAG,SAAS,GAAG,IAAI;iCAvBvC,MAAM;2BAvBT,UAAU,CAAC,CAAC,CAAC,eAAmC,OAAO,KAAG,UAAU,GAAG,IAAI;CA2D1F,CAAC"}

package/dist/cjs/hook/useFormValidations.js

@@ -5,6 +5,7 @@ const react_1 = require("react");
 const context_1 = require("../context/data/context");
 const validation_1 = require("../validation");
 const useRefEffect_1 = require("./useRefEffect");
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const useFormValidations = (config, fieldConfigs) => {
     const configRef = (0, useRefEffect_1.useRefEffect)(config);
     const fieldConfigsRef = (0, useRefEffect_1.useRefEffect)(fieldConfigs);