@ahmadmubarak98/namozaj 1.6.51 → 1.6.53

package/dist/main.d.ts

@@ -30,7 +30,7 @@ export declare type BaseFieldConfig = {
         visibilityRules?: VisibilityRule[];
         dependencies?: FieldDependency[];
         onValueChange?: (value: FieldValueType, formMethods: any) => void;
-        compute?: (data: any, formMethods: UseFormReturn<FieldValues, any, FieldValues>) => FieldValueType;
+        compute?: (data: any, formMethods: NamozajFormMethods) => FieldValueType;
     };
 };
 
@@ -40,7 +40,7 @@ export declare type BaseFormFieldProps = {
     value: any;
     onChange: ((value: any) => void);
     error?: boolean;
-    config: DynamicFormField;
+    config: NamozajField;
     locale?: string | undefined;
 };
 
@@ -92,63 +92,15 @@ export declare type DateFieldConfig = BaseFieldConfig & {
 export declare type DateMinMaxValue = {
     date: Date | null;
     errorMessage?: string;
-} | ((data: any, formMethods: UseFormReturn<FieldValues, any, FieldValues>) => {
+} | ((data: any, formMethods: NamozajFormMethods) => {
     date: Date | null;
     errorMessage?: string;
 } | null);
 
-export declare type DynamicFormField = TextFieldConfig | NumberFieldConfig | SliderFieldConfig | PhoneFieldConfig | GroupFieldConfig | SelectFieldConfig | MultiSelectFieldConfig | CheckBoxGroupFieldConfig | RadioGroupFieldConfig | SwitchFieldConfig | CheckboxFieldConfig | DateFieldConfig | FileFieldConfig | ComputedFieldConfig | SectionFieldConfig | ButtonFieldConfig | RepeaterFieldConfig | FieldArrayFieldConfig;
-
-export declare interface DynamicFormProps {
-    fields: DynamicFormField[];
-    dirtyLock?: boolean;
-    localization?: NamozajLocalizationOptions;
-    emptyFormMessage?: string;
-    defaultValues?: Record<string, FieldValueType>;
-    submitButtonProps?: SubmitButtonProps;
-    scrollableWithFixedFooter?: boolean;
-    loading?: boolean;
-    isNested?: boolean;
-    validationMode?: ValidationMode;
-    enableRtl?: boolean;
-    error?: any;
-    slots?: {
-        formBody?: {
-            className?: string;
-            style?: React.CSSProperties;
-        };
-        formFooter?: {
-            className?: string;
-            style?: React.CSSProperties;
-            renderActions?: ((submitBtnNode: React.ReactNode, resetBtnNode: React.ReactNode, formMethods: UseFormReturn<FieldValues, any, FieldValues>) => React.ReactNode);
-        };
-    };
-    onSubmit?: (data: any) => void;
-    onChange?: (data: any) => void;
-}
-
-export declare interface DynamicFormRef {
-    setFieldValue: (name: string, value: FieldValueType) => void;
-    getFieldValue: (name: string) => any;
-    validateField: (name: string) => Promise<boolean>;
-    validateForm: () => Promise<boolean>;
-    resetForm: () => void;
-    setMultipleFieldValues: (values: Record<string, FieldValueType>) => void;
-    clearFieldError: (name: string) => void;
-    setFieldError: (name: string, error: string) => void;
-    focusField: (name: string) => void;
-    isDirty: () => boolean;
-    isFieldDirty: (name: string) => boolean;
-    submitForm: () => Promise<void>;
-    getFieldError: (name: string) => string | undefined;
-    setFieldVisibility: (name: string, visible: boolean) => void;
-    getFetchedFieldsOptions: () => Promise<any>;
-}
-
 export declare type FieldArrayFieldConfig = BaseFieldConfig & {
     type: "field-array";
     meta: BaseFieldConfig["meta"] & {
-        fields: DynamicFormField[];
+        fields: NamozajField[];
         minEntries?: number;
         maxEntries?: number;
         hideEntryNumber?: boolean;
@@ -210,14 +162,14 @@ export declare type FileFieldConfig = BaseFieldConfig & {
         minSize?: number | {
             value: number | null;
             errorMessage?: string;
-        } | ((data: any, formMethods: UseFormReturn<FieldValues, any, FieldValues>) => {
+        } | ((data: any, formMethods: NamozajFormMethods) => {
             value: number | null;
             errorMessage?: string;
         } | null);
         maxSize?: number | {
             value: number | null;
             errorMessage?: string;
-        } | ((data: any, formMethods: UseFormReturn<FieldValues, any, FieldValues>) => {
+        } | ((data: any, formMethods: NamozajFormMethods) => {
             value: number | null;
             errorMessage?: string;
         } | null);
@@ -280,7 +232,7 @@ export declare type GroupFieldConfig = BaseFieldConfig & {
         style?: React.CSSProperties;
         disabled?: boolean;
         grid?: GridColumnConfig;
-        fields: DynamicFormField[];
+        fields: NamozajField[];
         visibilityRules?: VisibilityRule[];
     };
 };
@@ -306,7 +258,11 @@ export declare type MultiSelectFieldConfig = BaseFieldConfig & {
     };
 };
 
-export declare const Namozaj: default_2.ForwardRefExoticComponent<DynamicFormProps & default_2.RefAttributes<any>>;
+export declare const Namozaj: default_2.ForwardRefExoticComponent<NamozajProps & default_2.RefAttributes<any>>;
+
+export declare type NamozajField = TextFieldConfig | NumberFieldConfig | SliderFieldConfig | PhoneFieldConfig | GroupFieldConfig | SelectFieldConfig | MultiSelectFieldConfig | CheckBoxGroupFieldConfig | RadioGroupFieldConfig | SwitchFieldConfig | CheckboxFieldConfig | DateFieldConfig | FileFieldConfig | ComputedFieldConfig | SectionFieldConfig | ButtonFieldConfig | RepeaterFieldConfig | FieldArrayFieldConfig;
+
+export declare type NamozajFormMethods = UseFormReturn<FieldValues, any, FieldValues>;
 
 export declare interface NamozajLocalizationOptions {
     locales: string[];
@@ -314,7 +270,7 @@ export declare interface NamozajLocalizationOptions {
     includeInDataSubmission?: boolean;
     translatedLabel?: (label: string, locale: string) => string;
     translatedFieldNameSuffix?: (locale: string) => string;
-    translatedFieldGrid?: (field: DynamicFormField, locale: string, selectedLocales: string[]) => GridColumnConfig;
+    translatedFieldGrid?: (field: NamozajField, locale: string, selectedLocales: string[]) => GridColumnConfig;
     localePicker?: {
         label?: string;
         getLocaleLabel: (locale: string) => string;
@@ -325,6 +281,52 @@ export declare interface NamozajLocalizationOptions {
 
 export declare type NamozajPhoneFieldCountry = CountryIso2;
 
+export declare interface NamozajProps {
+    fields: NamozajField[];
+    dirtyLock?: boolean;
+    localization?: NamozajLocalizationOptions;
+    emptyFormMessage?: string;
+    defaultValues?: Record<string, FieldValueType>;
+    submitButtonProps?: SubmitButtonProps;
+    scrollableWithFixedFooter?: boolean;
+    loading?: boolean;
+    isNested?: boolean;
+    validationMode?: ValidationMode;
+    enableRtl?: boolean;
+    error?: any;
+    slots?: {
+        formBody?: {
+            className?: string;
+            style?: React.CSSProperties;
+        };
+        formFooter?: {
+            className?: string;
+            style?: React.CSSProperties;
+            renderActions?: ((submitBtnNode: React.ReactNode, resetBtnNode: React.ReactNode, formMethods: NamozajFormMethods, isDirtyLocked: boolean) => React.ReactNode);
+        };
+    };
+    onSubmit?: (data: any) => void;
+    onChange?: (data: any) => void;
+}
+
+export declare interface NamozajRef {
+    setFieldValue: (name: string, value: FieldValueType) => void;
+    getFieldValue: (name: string) => any;
+    validateField: (name: string) => Promise<boolean>;
+    validateForm: () => Promise<boolean>;
+    resetForm: () => void;
+    setMultipleFieldValues: (values: Record<string, FieldValueType>) => void;
+    clearFieldError: (name: string) => void;
+    setFieldError: (name: string, error: string) => void;
+    focusField: (name: string) => void;
+    isDirty: () => boolean;
+    isFieldDirty: (name: string) => boolean;
+    submitForm: () => Promise<void>;
+    getFieldError: (name: string) => string | undefined;
+    setFieldVisibility: (name: string, visible: boolean) => void;
+    getFetchedFieldsOptions: () => Promise<any>;
+}
+
 export declare type NumberFieldConfig = BaseFieldConfig & {
     type: "number";
     meta: BaseFieldConfig["meta"] & {
@@ -341,7 +343,7 @@ export declare type NumberFieldConfig = BaseFieldConfig & {
 export declare type NumberMinMaxValue = number | {
     value: number | null;
     errorMessage?: string;
-} | ((data: any, formMethods: UseFormReturn<FieldValues, any, FieldValues>) => {
+} | ((data: any, formMethods: NamozajFormMethods) => {
     value: number | null;
     errorMessage?: string;
 } | null);
@@ -386,7 +388,7 @@ export declare type RadioGroupFieldConfig = BaseFieldConfig & {
 export declare type RepeaterFieldConfig = BaseFieldConfig & {
     type: "repeater";
     meta: BaseFieldConfig["meta"] & {
-        fields: DynamicFormField[];
+        fields: NamozajField[];
         minEntries?: number;
         maxEntries?: number;
         inline?: boolean;
@@ -414,7 +416,7 @@ export declare type RepeaterFieldConfig = BaseFieldConfig & {
 export declare type SectionFieldConfig = BaseFieldConfig & {
     type: "section";
     meta: BaseFieldConfig["meta"] & {
-        fields: DynamicFormField[];
+        fields: NamozajField[];
         collapsible?: boolean;
         collapsed?: boolean;
     };