@becklyn/forms 2.0.4 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +221 -166
- package/dist/cjs/components/FormBuilder.d.ts +1 -1
- package/dist/cjs/components/FormBuilder.d.ts.map +1 -1
- package/dist/cjs/components/FormBuilder.js +0 -1
- package/dist/cjs/components/FormCustom.d.ts +4 -4
- package/dist/cjs/components/FormCustom.d.ts.map +1 -1
- package/dist/cjs/components/FormCustom.js +0 -1
- package/dist/cjs/components/FormEntry.d.ts +4 -4
- package/dist/cjs/components/FormEntry.d.ts.map +1 -1
- package/dist/cjs/components/FormEntry.js +0 -1
- package/dist/cjs/components/FormField.d.ts +3 -3
- package/dist/cjs/components/FormField.d.ts.map +1 -1
- package/dist/cjs/components/FormField.js +0 -1
- package/dist/cjs/components/FormRow.d.ts +4 -4
- package/dist/cjs/components/FormRow.d.ts.map +1 -1
- package/dist/cjs/components/FormRow.js +0 -1
- package/dist/cjs/components/FormSection.d.ts +4 -4
- package/dist/cjs/components/FormSection.d.ts.map +1 -1
- package/dist/cjs/components/FormSection.js +0 -1
- package/dist/cjs/condition/index.d.ts +2 -2
- package/dist/cjs/condition/index.d.ts.map +1 -1
- package/dist/cjs/context/FormProvider.d.ts +4 -6
- package/dist/cjs/context/FormProvider.d.ts.map +1 -1
- package/dist/cjs/context/FormProvider.js +24 -5
- package/dist/cjs/context/context.d.ts +8 -10
- package/dist/cjs/context/context.d.ts.map +1 -1
- package/dist/cjs/context/data/FormDataProvider.d.ts +8 -8
- package/dist/cjs/context/data/FormDataProvider.d.ts.map +1 -1
- package/dist/cjs/context/data/FormDataProvider.js +1 -2
- package/dist/cjs/context/data/context.d.ts +8 -8
- package/dist/cjs/context/data/context.d.ts.map +1 -1
- package/dist/cjs/guard/index.d.ts +4 -4
- package/dist/cjs/guard/index.d.ts.map +1 -1
- package/dist/cjs/hook/useFormData.d.ts +1 -2
- package/dist/cjs/hook/useFormData.d.ts.map +1 -1
- package/dist/cjs/hook/useFormValidations.d.ts +6 -5
- package/dist/cjs/hook/useFormValidations.d.ts.map +1 -1
- package/dist/cjs/hook/useFormValidations.js +0 -1
- package/dist/cjs/type/config.d.ts +11 -8
- package/dist/cjs/type/config.d.ts.map +1 -1
- package/dist/cjs/type/extract.d.ts +2 -2
- package/dist/cjs/type/extract.d.ts.map +1 -1
- package/dist/cjs/type/field.d.ts +11 -11
- package/dist/cjs/type/field.d.ts.map +1 -1
- package/dist/cjs/type/form.d.ts +7 -10
- package/dist/cjs/type/form.d.ts.map +1 -1
- package/dist/cjs/type/validation.d.ts +5 -7
- package/dist/cjs/type/validation.d.ts.map +1 -1
- package/dist/cjs/util/index.d.ts +28 -8
- package/dist/cjs/util/index.d.ts.map +1 -1
- package/dist/cjs/util/index.js +17 -21
- package/dist/cjs/validation/index.d.ts +3 -3
- package/dist/cjs/validation/index.d.ts.map +1 -1
- package/dist/es/components/FormBuilder.d.ts +1 -1
- package/dist/es/components/FormBuilder.d.ts.map +1 -1
- package/dist/es/components/FormBuilder.js +0 -1
- package/dist/es/components/FormCustom.d.ts +4 -4
- package/dist/es/components/FormCustom.d.ts.map +1 -1
- package/dist/es/components/FormCustom.js +0 -1
- package/dist/es/components/FormEntry.d.ts +4 -4
- package/dist/es/components/FormEntry.d.ts.map +1 -1
- package/dist/es/components/FormEntry.js +0 -1
- package/dist/es/components/FormField.d.ts +3 -3
- package/dist/es/components/FormField.d.ts.map +1 -1
- package/dist/es/components/FormField.js +0 -1
- package/dist/es/components/FormRow.d.ts +4 -4
- package/dist/es/components/FormRow.d.ts.map +1 -1
- package/dist/es/components/FormRow.js +0 -1
- package/dist/es/components/FormSection.d.ts +4 -4
- package/dist/es/components/FormSection.d.ts.map +1 -1
- package/dist/es/components/FormSection.js +0 -1
- package/dist/es/condition/index.d.ts +2 -2
- package/dist/es/condition/index.d.ts.map +1 -1
- package/dist/es/context/FormProvider.d.ts +4 -6
- package/dist/es/context/FormProvider.d.ts.map +1 -1
- package/dist/es/context/FormProvider.js +11 -5
- package/dist/es/context/context.d.ts +8 -10
- package/dist/es/context/context.d.ts.map +1 -1
- package/dist/es/context/data/FormDataProvider.d.ts +8 -8
- package/dist/es/context/data/FormDataProvider.d.ts.map +1 -1
- package/dist/es/context/data/FormDataProvider.js +0 -2
- package/dist/es/context/data/context.d.ts +8 -8
- package/dist/es/context/data/context.d.ts.map +1 -1
- package/dist/es/guard/index.d.ts +4 -4
- package/dist/es/guard/index.d.ts.map +1 -1
- package/dist/es/hook/useFormData.d.ts +1 -2
- package/dist/es/hook/useFormData.d.ts.map +1 -1
- package/dist/es/hook/useFormValidations.d.ts +6 -5
- package/dist/es/hook/useFormValidations.d.ts.map +1 -1
- package/dist/es/hook/useFormValidations.js +0 -1
- package/dist/es/type/config.d.ts +11 -8
- package/dist/es/type/config.d.ts.map +1 -1
- package/dist/es/type/extract.d.ts +2 -2
- package/dist/es/type/extract.d.ts.map +1 -1
- package/dist/es/type/field.d.ts +11 -11
- package/dist/es/type/field.d.ts.map +1 -1
- package/dist/es/type/form.d.ts +7 -10
- package/dist/es/type/form.d.ts.map +1 -1
- package/dist/es/type/validation.d.ts +5 -7
- package/dist/es/type/validation.d.ts.map +1 -1
- package/dist/es/util/index.d.ts +28 -8
- package/dist/es/util/index.d.ts.map +1 -1
- package/dist/es/util/index.js +17 -21
- package/dist/es/validation/index.d.ts +3 -3
- package/dist/es/validation/index.d.ts.map +1 -1
- package/package.json +1 -5
- package/dist/cjs/hoc/withForm.d.ts +0 -8
- package/dist/cjs/hoc/withForm.d.ts.map +0 -1
- package/dist/cjs/hoc/withForm.js +0 -17
- package/dist/cjs/hoc/withFormData.d.ts +0 -8
- package/dist/cjs/hoc/withFormData.d.ts.map +0 -1
- package/dist/cjs/hoc/withFormData.js +0 -15
- package/dist/es/hoc/withForm.d.ts +0 -8
- package/dist/es/hoc/withForm.d.ts.map +0 -1
- package/dist/es/hoc/withForm.js +0 -17
- package/dist/es/hoc/withFormData.d.ts +0 -8
- package/dist/es/hoc/withFormData.d.ts.map +0 -1
- package/dist/es/hoc/withFormData.js +0 -15
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"extract.d.ts","sourceRoot":"","sources":["../../../type/extract.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,MAAM,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI,MAAM,SAAS;IAC1F,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"extract.d.ts","sourceRoot":"","sources":["../../../type/extract.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,MAAM,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI,MAAM,SAAS;IAC1F,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,QAAQ,CAAC;CACjC,GACK,QAAQ,GACR,KAAK,CAAC"}
|
package/dist/es/type/field.d.ts
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import { FormFieldConditions } from "./condition";
|
|
2
|
-
import {
|
|
2
|
+
import { FormInputFunc } from "./form";
|
|
3
3
|
import { FieldValidations, FormValidationStrategy } from "./validation";
|
|
4
|
-
export type FormFieldConfig<Type extends string, FieldConfig,
|
|
4
|
+
export type FormFieldConfig<Type extends string, FieldConfig, DataType, GlobalFormData extends Record<string, any> = any> = {
|
|
5
5
|
type: Type extends infer U ? U : never;
|
|
6
6
|
name: string;
|
|
7
|
-
initialValue?:
|
|
7
|
+
initialValue?: DataType;
|
|
8
8
|
conditions?: FormFieldConditions;
|
|
9
9
|
validationStrategy?: FormValidationStrategy;
|
|
10
|
-
validations?: readonly FieldValidations<
|
|
10
|
+
validations?: readonly FieldValidations<GlobalFormData>[];
|
|
11
11
|
columns?: number;
|
|
12
12
|
categories?: readonly string[];
|
|
13
|
-
valueFn?: (data:
|
|
14
|
-
onInput?: FormInputFunc<FormFieldConfig<Type
|
|
15
|
-
fieldConfig: FormFieldConfigFunc<FieldConfig>;
|
|
13
|
+
valueFn?: (data: GlobalFormData) => any;
|
|
14
|
+
onInput?: FormInputFunc<FormFieldConfig<Type, FieldConfig, DataType, GlobalFormData>, DataType, GlobalFormData>;
|
|
15
|
+
fieldConfig: FormFieldConfigFunc<GlobalFormData, DataType, FieldConfig>;
|
|
16
16
|
editStep?: number;
|
|
17
17
|
};
|
|
18
|
-
export type FormFieldConfigFunc<
|
|
19
|
-
value:
|
|
20
|
-
data:
|
|
18
|
+
export type FormFieldConfigFunc<GlobalFormData extends Record<string, any>, DataType, FieldConfig> = FieldConfig | ((props: {
|
|
19
|
+
value: DataType;
|
|
20
|
+
data: GlobalFormData;
|
|
21
21
|
}) => FieldConfig);
|
|
22
|
-
export type ResolveFieldConfigFunc<T extends FormFieldConfig<string, any, any>> = T extends {
|
|
22
|
+
export type ResolveFieldConfigFunc<T extends FormFieldConfig<string, any, any, GlobalFormData>, GlobalFormData extends Record<string, any>> = T extends {
|
|
23
23
|
fieldConfig: infer U;
|
|
24
24
|
} ? U extends (...args: any[]) => any ? never : T & {
|
|
25
25
|
fieldConfig: U;
|
|
@@ -1 +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,
|
|
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,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAExE,MAAM,MAAM,eAAe,CACvB,IAAI,SAAS,MAAM,EACnB,WAAW,EACX,QAAQ,EACR,cAAc,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,IAChD;IACA,IAAI,EAAE,IAAI,SAAS,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,kBAAkB,CAAC,EAAE,sBAAsB,CAAC;IAC5C,WAAW,CAAC,EAAE,SAAS,gBAAgB,CAAC,cAAc,CAAC,EAAE,CAAC;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,GAAG,CAAC;IACxC,OAAO,CAAC,EAAE,aAAa,CACnB,eAAe,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,CAAC,EAC5D,QAAQ,EACR,cAAc,CACjB,CAAC;IACF,WAAW,EAAE,mBAAmB,CAAC,cAAc,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAC3B,cAAc,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1C,QAAQ,EACR,WAAW,IACX,WAAW,GAAG,CAAC,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,cAAc,CAAA;CAAE,KAAK,WAAW,CAAC,CAAC;AAEtF,MAAM,MAAM,sBAAsB,CAC9B,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,cAAc,CAAC,EAC3D,cAAc,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAC1C,CAAC,SAAS;IACV,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/es/type/form.d.ts
CHANGED
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import { JSXElementConstructor, PropsWithChildren, ReactNode } from "react";
|
|
2
2
|
import { FormFieldConfig } from "./field";
|
|
3
3
|
import { FormError } from "./validation";
|
|
4
|
-
export type FormData<T extends FormFieldConfig<string, any, any>> = Record<string, T extends {
|
|
5
|
-
initialValue?: infer K;
|
|
6
|
-
} ? K : never>;
|
|
7
4
|
export interface FormBuilderComponents {
|
|
8
5
|
BuilderWrapper: JSXElementConstructor<PropsWithChildren>;
|
|
9
6
|
SectionWrapper: JSXElementConstructor<PropsWithChildren>;
|
|
@@ -12,21 +9,21 @@ export interface FormBuilderComponents {
|
|
|
12
9
|
columns?: number;
|
|
13
10
|
}>>;
|
|
14
11
|
}
|
|
15
|
-
export interface FormBuilderChildrenProps<T extends FormFieldConfig<string, any, any>> {
|
|
12
|
+
export interface FormBuilderChildrenProps<T extends FormFieldConfig<string, any, any, GlobalFormData>, GlobalFormData extends Record<string, any>> {
|
|
16
13
|
value: any;
|
|
17
14
|
error: FormError | undefined;
|
|
18
15
|
onInput: (value: any) => void;
|
|
19
16
|
onBlur: () => void;
|
|
20
17
|
field: T;
|
|
21
18
|
}
|
|
22
|
-
export interface FormBuilderProps<T extends FormFieldConfig<string, any, any>> {
|
|
19
|
+
export interface FormBuilderProps<T extends FormFieldConfig<string, any, any, GlobalFormData>, GlobalFormData extends Record<string, any>> {
|
|
23
20
|
Components?: Partial<FormBuilderComponents>;
|
|
24
|
-
children(props: FormBuilderChildrenProps<T>): ReactNode;
|
|
21
|
+
children(props: FormBuilderChildrenProps<T, GlobalFormData>): ReactNode;
|
|
25
22
|
}
|
|
26
|
-
export interface FormInputFuncProps<Field extends FormFieldConfig<string, any, any>,
|
|
27
|
-
value:
|
|
23
|
+
export interface FormInputFuncProps<Field extends FormFieldConfig<string, any, any, GlobalFormData>, DataType, GlobalFormData extends Record<string, any>> {
|
|
24
|
+
value: DataType | undefined;
|
|
28
25
|
field: Field;
|
|
29
|
-
previousData:
|
|
26
|
+
previousData: GlobalFormData;
|
|
30
27
|
}
|
|
31
|
-
export type FormInputFunc<Field extends FormFieldConfig<string, any, any>,
|
|
28
|
+
export type FormInputFunc<Field extends FormFieldConfig<string, any, any, GlobalFormData>, DataType, GlobalFormData extends Record<string, any>> = (props: FormInputFuncProps<Field, DataType, GlobalFormData>) => GlobalFormData;
|
|
32
29
|
//# sourceMappingURL=form.d.ts.map
|
|
@@ -1 +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,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,
|
|
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,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,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,CACrC,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,cAAc,CAAC,EAC3D,cAAc,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAE1C,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,CAAC,CAAC;CACZ;AAED,MAAM,WAAW,gBAAgB,CAC7B,CAAC,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,cAAc,CAAC,EAC3D,cAAc,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAE1C,UAAU,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC5C,QAAQ,CAAC,KAAK,EAAE,wBAAwB,CAAC,CAAC,EAAE,cAAc,CAAC,GAAG,SAAS,CAAC;CAC3E;AAED,MAAM,WAAW,kBAAkB,CAC/B,KAAK,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,cAAc,CAAC,EAC/D,QAAQ,EACR,cAAc,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAE1C,KAAK,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,EAAE,cAAc,CAAC;CAChC;AAED,MAAM,MAAM,aAAa,CACrB,KAAK,SAAS,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,cAAc,CAAC,EAC/D,QAAQ,EACR,cAAc,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAC1C,CAAC,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE,QAAQ,EAAE,cAAc,CAAC,KAAK,cAAc,CAAC"}
|
|
@@ -1,15 +1,13 @@
|
|
|
1
|
-
import { FormFieldConfig } from "./field";
|
|
2
|
-
import { FormData } from "./form";
|
|
3
1
|
export type FormValidationStrategy = "blur" | "input" | "manual";
|
|
4
2
|
export type FormError = string | boolean;
|
|
5
3
|
export type FormErrors = Record<string, FormError>;
|
|
6
|
-
export type FormFieldValidationFunction<
|
|
4
|
+
export type FormFieldValidationFunction<GlobalFormData extends Record<string, any>> = (props: {
|
|
7
5
|
value: any;
|
|
8
|
-
data:
|
|
6
|
+
data: GlobalFormData;
|
|
9
7
|
}) => boolean;
|
|
10
|
-
export type FormFieldValidation<
|
|
11
|
-
export interface FieldValidations<
|
|
12
|
-
validation: FormFieldValidation<
|
|
8
|
+
export type FormFieldValidation<GlobalFormData extends Record<string, any>> = boolean | RegExp | FormFieldValidationFunction<GlobalFormData>;
|
|
9
|
+
export interface FieldValidations<GlobalFormData extends Record<string, any>> {
|
|
10
|
+
validation: FormFieldValidation<GlobalFormData>;
|
|
13
11
|
message?: string;
|
|
14
12
|
}
|
|
15
13
|
//# sourceMappingURL=validation.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../../type/validation.ts"],"names":[],"mappings":"AACA,
|
|
1
|
+
{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../../type/validation.ts"],"names":[],"mappings":"AACA,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;AAEnD,MAAM,MAAM,2BAA2B,CAAC,cAAc,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE;IAC1F,KAAK,EAAE,GAAG,CAAC;IACX,IAAI,EAAE,cAAc,CAAC;CACxB,KAAK,OAAO,CAAC;AAEd,MAAM,MAAM,mBAAmB,CAAC,cAAc,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IACpE,OAAO,GACP,MAAM,GACN,2BAA2B,CAAC,cAAc,CAAC,CAAC;AAElD,MAAM,WAAW,gBAAgB,CAAC,cAAc,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACxE,UAAU,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
package/dist/es/util/index.d.ts
CHANGED
|
@@ -1,13 +1,33 @@
|
|
|
1
|
-
import { FormConfig,
|
|
1
|
+
import { FormConfig, FormEntryConfig, FormFieldConfig, FormInputFunc } from "../type";
|
|
2
|
+
export declare const generateInitialValue: <T>(value: Extract<T, {
|
|
3
|
+
initialValue?: any;
|
|
4
|
+
}>["initialValue"]) => Extract<T, {
|
|
5
|
+
initialValue?: any;
|
|
6
|
+
}>["initialValue"];
|
|
7
|
+
export declare const generateOnInput: <T extends FormFieldConfig<string, any, any, any>, GlobalFormData extends Record<string, any>>(inputFunction: FormInputFunc<T, Extract<T, {
|
|
8
|
+
initialValue?: any;
|
|
9
|
+
}>["initialValue"], GlobalFormData>) => FormInputFunc<T, Extract<T, {
|
|
10
|
+
initialValue?: any;
|
|
11
|
+
}>["initialValue"], GlobalFormData>;
|
|
12
|
+
export declare const generateFormFieldConfigFn: <T extends FormFieldConfig<string, any, any, any>, GlobalFormData extends Record<string, any>>(fieldConfig: (props: {
|
|
13
|
+
value: Extract<T, {
|
|
14
|
+
initialValue?: any;
|
|
15
|
+
}>["initialValue"];
|
|
16
|
+
data: GlobalFormData;
|
|
17
|
+
}) => T extends FormFieldConfig<string, infer U, any, any> ? U : never) => (props: {
|
|
18
|
+
value: Extract<T, {
|
|
19
|
+
initialValue?: any;
|
|
20
|
+
}>["initialValue"];
|
|
21
|
+
data: GlobalFormData;
|
|
22
|
+
}) => T extends FormFieldConfig<string, infer U, any, any> ? U : never;
|
|
23
|
+
export declare const generateValueFn: <GlobalFormData extends Record<string, any>>(valueFn: (data: GlobalFormData) => any) => (data: GlobalFormData) => any;
|
|
2
24
|
export declare function eitherOr<const T>(config: T | false | undefined | null | 0 | ""): T;
|
|
3
25
|
export declare function eitherOr<const Either, const Or>(condition: boolean, either: Either, or: Or): Either | Or;
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const
|
|
6
|
-
export declare const fieldsFromConfig: <T extends FormFieldConfig<string, any, any>>(config: FormConfig<T>) => { [K in T["name"]]: Extract<T, {
|
|
26
|
+
export declare const fieldConfigFromFormField: <T extends FormFieldConfig<string, any, any, GlobalFormData>, GlobalFormData extends Record<string, any>>({ name, fieldConfig }: T, data: GlobalFormData) => T["fieldConfig"];
|
|
27
|
+
export declare const fieldsFromConfig: <T extends FormFieldConfig<string, any, any, GlobalFormData>, GlobalFormData extends Record<string, any>>(config: FormConfig<T, GlobalFormData>) => { [K in T["name"]]: Extract<T, {
|
|
7
28
|
name: K;
|
|
8
29
|
}>; };
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const
|
|
11
|
-
export declare const
|
|
12
|
-
export declare const someFieldConfigs: (entries: readonly FormEntryConfig<any>[], callbackFn: <T extends FormFieldConfig<string, any, any>>(field: T, index: number) => boolean) => boolean;
|
|
30
|
+
export declare const mapFieldConfigs: <T extends FormFieldConfig<string, any, any, GlobalFormData>, GlobalFormData extends Record<string, any>>(entries: FormConfig<T, GlobalFormData>, callbackFn: (field: T, index: number) => T) => FormConfig<T, GlobalFormData>;
|
|
31
|
+
export declare const reduceFieldConfigs: <T extends Record<string | number, any>, U extends FormFieldConfig<string, any, any>, GlobalFormData extends Record<string, any>>(entries: FormConfig<U, GlobalFormData>, callbackFn: (acc: T, field: U, index: number) => T) => T;
|
|
32
|
+
export declare const someFieldConfigs: <T extends FormFieldConfig<string, any, any>, GlobalFormData extends Record<string, any>>(entries: readonly FormEntryConfig<T, GlobalFormData>[], callbackFn: <T_1 extends FormFieldConfig<string, any, any, GlobalFormData>>(field: T_1, index: number) => boolean) => boolean;
|
|
13
33
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../util/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../util/index.ts"],"names":[],"mappings":"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"}
|
package/dist/es/util/index.js
CHANGED
|
@@ -1,13 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.someFieldConfigs = exports.reduceFieldConfigs = exports.mapFieldConfigs = exports.
|
|
3
|
+
exports.someFieldConfigs = exports.reduceFieldConfigs = exports.mapFieldConfigs = exports.fieldsFromConfig = exports.fieldConfigFromFormField = exports.generateValueFn = exports.generateFormFieldConfigFn = exports.generateOnInput = exports.generateInitialValue = void 0;
|
|
7
4
|
exports.eitherOr = eitherOr;
|
|
8
5
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
9
|
-
const lodash_merge_1 = __importDefault(require("lodash.merge"));
|
|
10
6
|
const guard_1 = require("../guard");
|
|
7
|
+
const generateInitialValue = (value) => {
|
|
8
|
+
return value;
|
|
9
|
+
};
|
|
10
|
+
exports.generateInitialValue = generateInitialValue;
|
|
11
|
+
const generateOnInput = (inputFunction) => {
|
|
12
|
+
return inputFunction;
|
|
13
|
+
};
|
|
14
|
+
exports.generateOnInput = generateOnInput;
|
|
15
|
+
const generateFormFieldConfigFn = (fieldConfig) => {
|
|
16
|
+
return fieldConfig;
|
|
17
|
+
};
|
|
18
|
+
exports.generateFormFieldConfigFn = generateFormFieldConfigFn;
|
|
19
|
+
const generateValueFn = (valueFn) => {
|
|
20
|
+
return valueFn;
|
|
21
|
+
};
|
|
22
|
+
exports.generateValueFn = generateValueFn;
|
|
11
23
|
function eitherOr(configOrCondition, either, or) {
|
|
12
24
|
if (typeof configOrCondition === "boolean") {
|
|
13
25
|
return configOrCondition ? either : or;
|
|
@@ -16,8 +28,6 @@ function eitherOr(configOrCondition, either, or) {
|
|
|
16
28
|
return configOrCondition;
|
|
17
29
|
}
|
|
18
30
|
}
|
|
19
|
-
const createFormConfig = (config) => (0, exports.mapFieldConfigs)(config, entry => entry);
|
|
20
|
-
exports.createFormConfig = createFormConfig;
|
|
21
31
|
const fieldConfigFromFormField = ({ name, fieldConfig }, data) => {
|
|
22
32
|
return typeof fieldConfig === "function"
|
|
23
33
|
? fieldConfig({ value: data[name], data })
|
|
@@ -32,20 +42,6 @@ const fieldsFromConfig = (config) => {
|
|
|
32
42
|
});
|
|
33
43
|
};
|
|
34
44
|
exports.fieldsFromConfig = fieldsFromConfig;
|
|
35
|
-
const initialValuesFromConfig = (config) => {
|
|
36
|
-
return (0, exports.reduceFieldConfigs)(config, (acc, field) => {
|
|
37
|
-
if (field.initialValue !== undefined) {
|
|
38
|
-
if (field.onInput) {
|
|
39
|
-
acc = (0, lodash_merge_1.default)(acc, field.onInput({ field, value: field.initialValue, previousData: acc }));
|
|
40
|
-
}
|
|
41
|
-
else {
|
|
42
|
-
acc[field.name] = field.initialValue;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
return acc;
|
|
46
|
-
});
|
|
47
|
-
};
|
|
48
|
-
exports.initialValuesFromConfig = initialValuesFromConfig;
|
|
49
45
|
const mapFieldConfigs = (entries, callbackFn) => {
|
|
50
46
|
return entries.flatMap((entry, index) => {
|
|
51
47
|
if (!entry) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FormConfig,
|
|
2
|
-
export declare const handleValidateConfig: (config: FormConfig<FormFieldConfig<string, any, any
|
|
3
|
-
export declare const handleValidateField: ({ name, validations, conditions, valueFn }: FormFieldConfig<string, any, any>, fieldConfigs: Record<string, FormFieldConfig<string, any, any>>, data:
|
|
1
|
+
import { FormConfig, FormErrors, FormFieldConfig } from "../type";
|
|
2
|
+
export declare const handleValidateConfig: <GlobalFormData extends Record<string, any>>(config: FormConfig<FormFieldConfig<string, any, any, GlobalFormData>, GlobalFormData>, fieldConfigs: Record<string, FormFieldConfig<string, any, any, GlobalFormData>>, data: GlobalFormData) => FormErrors;
|
|
3
|
+
export declare const handleValidateField: <GlobalFormData extends Record<string, any>>({ name, validations, conditions, valueFn }: FormFieldConfig<string, any, any, GlobalFormData>, fieldConfigs: Record<string, FormFieldConfig<string, any, any, GlobalFormData>>, data: GlobalFormData) => FormErrors;
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../validation/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../validation/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAmB,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEnF,eAAO,MAAM,oBAAoB,GAAI,cAAc,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,UACnE,UAAU,CAAC,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,cAAc,CAAC,EAAE,cAAc,CAAC,gBACvE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,cAAc,CAAC,CAAC,QACzE,cAAc,KACrB,UAYF,CAAC;AAiBF,eAAO,MAAM,mBAAmB,GAAI,cAAc,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,8CAC9B,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,cAAc,CAAC,gBAC/E,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,cAAc,CAAC,CAAC,QACzE,cAAc,KACrB,UA8BF,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@becklyn/forms",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"lint": "eslint . --max-warnings 0 && prettier --check \"./**/*.{ts,tsx}\"",
|
|
@@ -8,13 +8,9 @@
|
|
|
8
8
|
"build": "rm -rf dist && tsc -p tsconfig-es.json && tsc -p tsconfig-cjs.json",
|
|
9
9
|
"prepublishOnly": "npm run lint && npm run build"
|
|
10
10
|
},
|
|
11
|
-
"dependencies": {
|
|
12
|
-
"lodash.merge": "^4.6.2"
|
|
13
|
-
},
|
|
14
11
|
"devDependencies": {
|
|
15
12
|
"@becklyn/eslint": "*",
|
|
16
13
|
"@becklyn/tsconfig": "*",
|
|
17
|
-
"@types/lodash.merge": "^4.6.9",
|
|
18
14
|
"@types/react": "^18.3.18",
|
|
19
15
|
"@types/styled-components": "^5.1.34",
|
|
20
16
|
"react": "^18.3.1",
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { FormFieldConfig } from "type";
|
|
3
|
-
import { FormProviderProps } from "../context/data/FormDataProvider";
|
|
4
|
-
export declare const withForm: <U extends FormFieldConfig<string, any, any>, T>(WrappedComponent: React.ComponentType<FormProviderProps<U> & T>) => {
|
|
5
|
-
(props: FormProviderProps<U> & T): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
displayName: string;
|
|
7
|
-
};
|
|
8
|
-
//# sourceMappingURL=withForm.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.withForm = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const context_1 = require("../context");
|
|
6
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
7
|
-
const withForm = (WrappedComponent) => {
|
|
8
|
-
const displayName = WrappedComponent.displayName || WrappedComponent.name || "Component";
|
|
9
|
-
const ComponentWithProvider = (props) => {
|
|
10
|
-
return (
|
|
11
|
-
// @ts-expect-error: ts does not understand this
|
|
12
|
-
(0, jsx_runtime_1.jsx)(context_1.FormProvider, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(WrappedComponent, Object.assign({}, props)) })));
|
|
13
|
-
};
|
|
14
|
-
ComponentWithProvider.displayName = `withForm(${displayName})`;
|
|
15
|
-
return ComponentWithProvider;
|
|
16
|
-
};
|
|
17
|
-
exports.withForm = withForm;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { FormFieldConfig } from "type";
|
|
3
|
-
import { FormProviderProps } from "../context/data/FormDataProvider";
|
|
4
|
-
export declare const withFormData: <U extends FormFieldConfig<string, any, any>, T>(WrappedComponent: React.ComponentType<FormProviderProps<U> & T>) => {
|
|
5
|
-
(props: FormProviderProps<U> & T): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
displayName: string;
|
|
7
|
-
};
|
|
8
|
-
//# sourceMappingURL=withFormData.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.withFormData = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const FormDataProvider_1 = require("../context/data/FormDataProvider");
|
|
6
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
7
|
-
const withFormData = (WrappedComponent) => {
|
|
8
|
-
const displayName = WrappedComponent.displayName || WrappedComponent.name || "Component";
|
|
9
|
-
const ComponentWithProvider = (props) => {
|
|
10
|
-
return ((0, jsx_runtime_1.jsx)(FormDataProvider_1.FormDataProvider, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(WrappedComponent, Object.assign({}, props)) })));
|
|
11
|
-
};
|
|
12
|
-
ComponentWithProvider.displayName = `withFormData(${displayName})`;
|
|
13
|
-
return ComponentWithProvider;
|
|
14
|
-
};
|
|
15
|
-
exports.withFormData = withFormData;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { FormFieldConfig } from "type";
|
|
3
|
-
import { FormProviderProps } from "../context/data/FormDataProvider";
|
|
4
|
-
export declare const withForm: <U extends FormFieldConfig<string, any, any>, T>(WrappedComponent: React.ComponentType<FormProviderProps<U> & T>) => {
|
|
5
|
-
(props: FormProviderProps<U> & T): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
displayName: string;
|
|
7
|
-
};
|
|
8
|
-
//# sourceMappingURL=withForm.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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/es/hoc/withForm.js
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.withForm = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const context_1 = require("../context");
|
|
6
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
7
|
-
const withForm = (WrappedComponent) => {
|
|
8
|
-
const displayName = WrappedComponent.displayName || WrappedComponent.name || "Component";
|
|
9
|
-
const ComponentWithProvider = (props) => {
|
|
10
|
-
return (
|
|
11
|
-
// @ts-expect-error: ts does not understand this
|
|
12
|
-
(0, jsx_runtime_1.jsx)(context_1.FormProvider, { ...props, children: (0, jsx_runtime_1.jsx)(WrappedComponent, { ...props }) }));
|
|
13
|
-
};
|
|
14
|
-
ComponentWithProvider.displayName = `withForm(${displayName})`;
|
|
15
|
-
return ComponentWithProvider;
|
|
16
|
-
};
|
|
17
|
-
exports.withForm = withForm;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { FormFieldConfig } from "type";
|
|
3
|
-
import { FormProviderProps } from "../context/data/FormDataProvider";
|
|
4
|
-
export declare const withFormData: <U extends FormFieldConfig<string, any, any>, T>(WrappedComponent: React.ComponentType<FormProviderProps<U> & T>) => {
|
|
5
|
-
(props: FormProviderProps<U> & T): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
displayName: string;
|
|
7
|
-
};
|
|
8
|
-
//# sourceMappingURL=withFormData.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.withFormData = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const FormDataProvider_1 = require("../context/data/FormDataProvider");
|
|
6
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
7
|
-
const withFormData = (WrappedComponent) => {
|
|
8
|
-
const displayName = WrappedComponent.displayName || WrappedComponent.name || "Component";
|
|
9
|
-
const ComponentWithProvider = (props) => {
|
|
10
|
-
return ((0, jsx_runtime_1.jsx)(FormDataProvider_1.FormDataProvider, { ...props, children: (0, jsx_runtime_1.jsx)(WrappedComponent, { ...props }) }));
|
|
11
|
-
};
|
|
12
|
-
ComponentWithProvider.displayName = `withFormData(${displayName})`;
|
|
13
|
-
return ComponentWithProvider;
|
|
14
|
-
};
|
|
15
|
-
exports.withFormData = withFormData;
|