@ahmadmubarak98/namozaj 1.6.9 → 1.6.11

package/dist/main.d.ts

@@ -147,6 +147,7 @@ export declare type FieldArrayFieldConfig = BaseFieldConfig & {
         fields: DynamicFormField[];
         minEntries?: number;
         maxEntries?: number;
+        hideEntryNumber?: boolean;
         addBtn?: string | React.ReactNode;
         removeBtn?: string | React.ReactNode;
         cancelBtn?: string | React.ReactNode;
@@ -310,12 +311,20 @@ export declare type NumberFieldConfig = BaseFieldConfig & {
         size?: FieldSize;
         startAdornment?: React.ReactNode | string;
         endAdornment?: React.ReactNode | string;
-        min?: number;
-        max?: number;
+        min?: NumberMinMaxValue;
+        max?: NumberMinMaxValue;
         step?: number;
     };
 };
 
+export declare type NumberMinMaxValue = number | {
+    value: number | null;
+    errorMessage?: string;
+} | ((data: any, formMethods: UseFormReturn<FieldValues, any, FieldValues>) => {
+    value: number | null;
+    errorMessage?: string;
+} | null);
+
 export declare type Operand = "OR" | "AND";
 
 export declare type Operator = "=" | "!=" | ">" | "<" | ">=" | "<=" | "in" | "not-in" | "contains" | "not-contains" | "match" | "not-match" | "between" | "starts-with" | "not-starts-with";

package/dist/namozaj.js

@@ -46327,34 +46327,54 @@ const FileField = ({
     d === "default" && Qe(),
     te && /* @__PURE__ */ jsx(Typography$1, { color: "error", mt: 1, children: te })
   ] });
-}, NumberField = ({ id: e, config: t, value: a, onChange: l, error: c }) => {
-  const { meta: p, type: d } = t, u = (b) => {
-    const h = b.target.value;
-    l(h);
-  };
-  return /* @__PURE__ */ jsx(
+}, NumberField = ({
+  id: e,
+  config: t,
+  value: a,
+  onChange: l,
+  error: c
+}) => {
+  const { name: p, meta: d, type: u } = t, b = useFormContext(), h = (m) => {
+    const y = m.target.value;
+    l(y);
+  }, g = useCallback(
+    (m) => {
+      if (!(typeof m > "u" || m === null))
+        return typeof m == "function" ? m(b.watch(), b) : m;
+    },
+    [b, b == null ? void 0 : b.watch()]
+  );
+  return useEffect(() => {
+    const m = g(d.min), y = g(d.max);
+    a && (m && typeof m == "object" && a < m.value && b.setError(p, {
+      type: "manual",
+      message: m.errorMessage || `Value should be greater than ${m.value}`
+    }), y && typeof y == "object" && a > y.value && b.setError(p, {
+      type: "manual",
+      message: y.errorMessage || `Value should be less than ${y.value}`
+    }));
+  }, [a]), /* @__PURE__ */ jsx(
     TextField$2,
     {
       id: e,
-      placeholder: p.placeholder,
-      variant: p.variant || DEFAULT_FIELD_VARIANT,
-      size: p.size || DEFAULT_FIELD_SIZE,
+      placeholder: d.placeholder,
+      variant: d.variant || DEFAULT_FIELD_VARIANT,
+      size: d.size || DEFAULT_FIELD_SIZE,
       type: "number",
       error: c,
       slotProps: {
         input: {
-          startAdornment: p.startAdornment,
-          endAdornment: p.endAdornment
+          startAdornment: d.startAdornment,
+          endAdornment: d.endAdornment
+        },
+        htmlInput: {
+          min: g(d.min),
+          max: g(d.max),
+          step: d.step
         }
       },
-      inputProps: {
-        min: p.min,
-        max: p.max,
-        step: p.step
-      },
-      InputProps: {},
       value: a ?? "",
-      onChange: u,
+      onChange: h,
       fullWidth: !0
     }
   );
@@ -81041,7 +81061,7 @@ const ConfirmationDialog = ({
             justifyContent: "space-between",
             alignItems: "center",
             children: [
-              /* @__PURE__ */ jsx(
+              !d.hideEntryNumber && /* @__PURE__ */ jsx(
                 Typography$1,
                 {
                   variant: "h6",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ahmadmubarak98/namozaj",
   "private": false,
-  "version": "1.6.9",
+  "version": "1.6.11",
   "type": "module",
   "main": "dist/namozaj.js",
   "types": "dist/main.d.ts",