@ahmadmubarak98/namozaj 1.4.6 → 1.5.0

package/dist/main.d.ts

@@ -1,4 +1,7 @@
 import { default as default_2 } from 'react';
+import { FieldValues } from 'react-hook-form';
+import { PickersTimezone } from '@mui/x-date-pickers';
+import { UseFormReturn } from 'react-hook-form';
 
 export declare type AutoPlacement = "auto" | "auto-start" | "auto-end";
 
@@ -22,6 +25,7 @@ export declare type BaseFieldConfig = {
         visibilityRules?: VisibilityRule[];
         dependencies?: FieldDependency[];
         onValueChange?: (value: FieldValueType, formMethods: any) => void;
+        compute?: (data: any, formMethods: UseFormReturn<FieldValues, any, FieldValues>) => FieldValueType;
     };
 };
 
@@ -56,9 +60,7 @@ export declare type CheckBoxGroupFieldConfig = BaseFieldConfig & {
         min?: number;
         max?: number;
         horizontal?: boolean;
-        options?: FieldOption[];
-        optionsFetch?: FieldOptionFetch;
-        optionsFetchFnc?: FieldOptionFetchFunction;
+        options: FieldOption[] | FieldOptionFetchFunction;
     };
 };
 
@@ -73,13 +75,22 @@ export declare type DateFieldConfig = BaseFieldConfig & {
     type: "date" | "time" | "datetime";
     meta: BaseFieldConfig["meta"] & {
         format?: string;
-        minDate?: Date;
-        maxDate?: Date;
-        minTime?: Date;
-        maxTime?: Date;
+        timezone?: PickersTimezone;
+        minDate?: DateMinMaxValue;
+        maxDate?: DateMinMaxValue;
+        minTime?: DateMinMaxValue;
+        maxTime?: DateMinMaxValue;
     };
 };
 
+export declare type DateMinMaxValue = {
+    date: Date | null;
+    errorMessage?: string;
+} | ((data: any, formMethods: UseFormReturn<FieldValues, any, FieldValues>) => {
+    date: Date | null;
+    errorMessage?: string;
+} | null);
+
 export declare interface DefaultSubmitButtonProps {
     label?: string;
     size?: "default" | "xs" | "sm" | "md" | "lg" | "xl";
@@ -89,7 +100,7 @@ export declare interface DefaultSubmitButtonProps {
     hidden?: boolean;
 }
 
-export declare type DynamicFormField = TextFieldConfig | NumberFieldConfig | SliderFieldConfig | PhoneFieldConfig | SelectFieldConfig | CheckBoxGroupFieldConfig | RadioGroupFieldConfig | SwitchFieldConfig | CheckboxFieldConfig | DateFieldConfig | FileFieldConfig | ComputedFieldConfig | SectionFieldConfig | ButtonFieldConfig | RepeaterFieldConfig | FieldArrayFieldConfig;
+export declare type DynamicFormField = TextFieldConfig | NumberFieldConfig | SliderFieldConfig | PhoneFieldConfig | SelectFieldConfig | MultiSelectFieldConfig | CheckBoxGroupFieldConfig | RadioGroupFieldConfig | SwitchFieldConfig | CheckboxFieldConfig | DateFieldConfig | FileFieldConfig | ComputedFieldConfig | SectionFieldConfig | ButtonFieldConfig | RepeaterFieldConfig | FieldArrayFieldConfig;
 
 export declare interface DynamicFormProps {
     fields: DynamicFormField[];
@@ -167,11 +178,11 @@ export declare type FieldOptionFetch = {
     transform?: (data: any) => FieldOption[];
 };
 
-export declare type FieldOptionFetchFunction = () => Promise<FieldOption[]>;
+export declare type FieldOptionFetchFunction = (() => Promise<FieldOption[]>) | (() => FieldOption[]);
 
 export declare type FieldSize = 'small' | 'medium';
 
-export declare type FieldType = "text" | "phone" | "number" | "slider" | "select" | "checkbox-group" | "radio-group" | "checkbox" | "switch" | "date" | "time" | "datetime" | "file" | "repeater" | "field-array";
+export declare type FieldType = "text" | "phone" | "number" | "slider" | "select" | "multi-select" | "checkbox-group" | "radio-group" | "checkbox" | "switch" | "date" | "time" | "datetime" | "file" | "repeater" | "field-array";
 
 export declare type FieldValueType = string | number | boolean | Date | File | (string | undefined)[] | ({
     [x: string]: any;
@@ -191,8 +202,9 @@ export declare type FileFieldConfig = BaseFieldConfig & {
         maxFiles?: number;
         fileSizeErrorMessage?: string;
         fileTypeErrorMessage?: string;
-        uploadErrorMessage?: string;
+        uploadErrorMessage?: string | ((error: any) => string);
         uploadBtnText?: string;
+        loadingText?: string;
         dragText?: string;
         dropText?: string;
         enablePreview?: boolean;
@@ -231,6 +243,18 @@ export declare type InputRestriction = "alpha" | "alphanumeric" | "numeric" | "a
 
 export declare type ModalSize = "small" | "medium" | "large" | "full";
 
+export declare type MultiSelectFieldConfig = BaseFieldConfig & {
+    type: "multi-select";
+    meta: BaseFieldConfig["meta"] & {
+        min?: number;
+        max?: number;
+        options: FieldOption[] | FieldOptionFetchFunction;
+        searchable?: boolean;
+        creatable?: boolean;
+        clearable?: boolean;
+    };
+};
+
 export declare const Namozaj: default_2.ForwardRefExoticComponent<DynamicFormProps & default_2.RefAttributes<any>>;
 
 export declare interface NamozajLocalizationOptions {
@@ -281,9 +305,7 @@ export declare type RadioGroupFieldConfig = BaseFieldConfig & {
     type: "radio-group";
     meta: BaseFieldConfig["meta"] & {
         horizontal?: boolean;
-        options?: FieldOption[];
-        optionsFetch?: FieldOptionFetch;
-        optionsFetchFnc?: FieldOptionFetchFunction;
+        options: FieldOption[] | FieldOptionFetchFunction;
     };
 };
 
@@ -329,10 +351,7 @@ export declare type SelectFieldConfig = BaseFieldConfig & {
     meta: BaseFieldConfig["meta"] & {
         min?: number;
         max?: number;
-        options?: FieldOption[];
-        optionsFetch?: FieldOptionFetch;
-        optionsFetchFnc?: FieldOptionFetchFunction;
-        multiple?: boolean;
+        options: FieldOption[] | FieldOptionFetchFunction;
         searchable?: boolean;
         creatable?: boolean;
         clearable?: boolean;