@ahmadmubarak98/namozaj 1.11.6 → 1.11.8

package/dist/main.d.ts

@@ -352,7 +352,7 @@ export declare type NamozajPhoneFieldCountry = CountryIso2;
 
 export declare interface NamozajProps {
     fields: (NamozajBlock)[];
-    dirtyLock?: 'onChange' | 'always';
+    dirtyLock?: 'defaultValue' | 'onChange';
     unloadConfirm?: boolean;
     localization?: NamozajLocalizationOptions;
     stepper?: NamozajStepperConfig;

package/dist/namozaj.js

@@ -86122,82 +86122,85 @@ const ConfirmationDialog = ({
     }
   );
 }, FieldRenderer = (e) => {
-  var C, v, T, S;
+  var C, v, T, S, x;
   const { fieldsOptions: t, setFieldOptions: a } = useLocalNamozajProvider(), l = useRef(`${e.name}`), [c, p] = useState(!0), d = e.meta || {}, u = e.locale, b = d.grid || {}, h = useController({
     control: e.control,
     name: e.name,
     defaultValue: ((C = e.meta) == null ? void 0 : C.defaultValue) || ""
-  }), g = useFormContext(), m = (x) => {
-    const L = x.config.type, D = x || {};
-    switch (L) {
+  }), g = useFormContext(), m = (L) => {
+    const D = L.config.type, N = L || {};
+    switch (D) {
       case "text":
-        return /* @__PURE__ */ jsx(TextField$1, { ...D });
+        return /* @__PURE__ */ jsx(TextField$1, { ...N });
       case "number":
-        return /* @__PURE__ */ jsx(NumberField, { ...D });
+        return /* @__PURE__ */ jsx(NumberField, { ...N });
       case "slider":
-        return /* @__PURE__ */ jsx(SliderField, { ...D });
+        return /* @__PURE__ */ jsx(SliderField, { ...N });
       case "select":
-        return /* @__PURE__ */ jsx(SelectField, { ...D });
+        return /* @__PURE__ */ jsx(SelectField, { ...N });
       case "multi-select":
-        return /* @__PURE__ */ jsx(MultiSelectField, { ...D });
+        return /* @__PURE__ */ jsx(MultiSelectField, { ...N });
       case "checkbox":
-        return /* @__PURE__ */ jsx(CheckboxField, { ...D });
+        return /* @__PURE__ */ jsx(CheckboxField, { ...N });
       case "checkbox-group":
-        return /* @__PURE__ */ jsx(CheckboxGroupField, { ...D });
+        return /* @__PURE__ */ jsx(CheckboxGroupField, { ...N });
       case "radio-group":
-        return /* @__PURE__ */ jsx(RadioGroupField, { ...D });
+        return /* @__PURE__ */ jsx(RadioGroupField, { ...N });
       case "switch":
-        return /* @__PURE__ */ jsx(SwitchField, { ...D });
+        return /* @__PURE__ */ jsx(SwitchField, { ...N });
       case "date":
-        return /* @__PURE__ */ jsx(DateField, { ...D });
+        return /* @__PURE__ */ jsx(DateField, { ...N });
       case "time":
-        return /* @__PURE__ */ jsx(DateField, { ...D });
+        return /* @__PURE__ */ jsx(DateField, { ...N });
       case "datetime":
-        return /* @__PURE__ */ jsx(DateField, { ...D });
+        return /* @__PURE__ */ jsx(DateField, { ...N });
       case "phone":
-        return /* @__PURE__ */ jsx(PhoneField, { ...D });
+        return /* @__PURE__ */ jsx(PhoneField, { ...N });
       case "file":
-        return /* @__PURE__ */ jsx(FileField, { ...D });
+        return /* @__PURE__ */ jsx(FileField, { ...N });
       case "repeater":
-        return /* @__PURE__ */ jsx(RepeaterField, { ...D });
+        return /* @__PURE__ */ jsx(RepeaterField, { ...N });
       case "field-array":
-        return /* @__PURE__ */ jsx(FieldArrayField, { ...D });
+        return /* @__PURE__ */ jsx(FieldArrayField, { ...N });
       case "group":
-        return /* @__PURE__ */ jsx(GroupField, { ...D });
+        return /* @__PURE__ */ jsx(GroupField, { ...N });
       case "color":
-        return /* @__PURE__ */ jsx(ColorField, { ...D });
+        return /* @__PURE__ */ jsx(ColorField, { ...N });
       case "button":
-        return /* @__PURE__ */ jsx(Button, { ...D });
+        return /* @__PURE__ */ jsx(Button, { ...N });
       default:
         return null;
     }
   }, y = () => {
-    var x, L, D, N, I;
-    "options" in e.meta && ((x = e.meta) != null && x.options) && (typeof ((L = e.meta) == null ? void 0 : L.options) == "function" ? Promise.resolve((D = e.meta) == null ? void 0 : D.options()).then(
-      (V) => {
-        a(e.name, V);
+    var L, D, N, I, V;
+    "options" in e.meta && ((L = e.meta) != null && L.options) && (typeof ((D = e.meta) == null ? void 0 : D.options) == "function" ? Promise.resolve((N = e.meta) == null ? void 0 : N.options()).then(
+      (H) => {
+        a(e.name, H);
       }
-    ) : Array.isArray((N = e.meta) == null ? void 0 : N.options) ? a(e.name, (I = e.meta) == null ? void 0 : I.options) : console.warn(
+    ) : Array.isArray((I = e.meta) == null ? void 0 : I.options) ? a(e.name, (V = e.meta) == null ? void 0 : V.options) : console.warn(
       `Field ${e.name} has options but it's not a function or an array.`
     ));
   };
   return useEffect(() => {
-    var x;
-    (!(t != null && t[e.name]) || ((x = t == null ? void 0 : t[e.name]) == null ? void 0 : x.length) === 0) && y();
+    var L;
+    (!(t != null && t[e.name]) || ((L = t == null ? void 0 : t[e.name]) == null ? void 0 : L.length) === 0) && y();
   }, [h.field.value]), useEffect(() => {
-    var x, L, D, N;
-    if ((x = e.meta) != null && x.visibilityRules || typeof ((L = e.meta) == null ? void 0 : L.hidden) == "boolean") {
-      const { visibilityRules: I } = e.meta, V = (I || []).length > 0 ? evaluateVisibilityRules(
-        I,
+    var L, D, N, I;
+    if ((L = e.meta) != null && L.visibilityRules || typeof ((D = e.meta) == null ? void 0 : D.hidden) == "boolean") {
+      const { visibilityRules: V } = e.meta, H = (V || []).length > 0 ? evaluateVisibilityRules(
+        V,
         g == null ? void 0 : g.watch()
-      ) : !0, H = typeof ((D = e.meta) == null ? void 0 : D.hidden) == "boolean" ? (N = e.meta) == null ? void 0 : N.hidden : !1;
-      p(V && !H);
+      ) : !0, G = typeof ((N = e.meta) == null ? void 0 : N.hidden) == "boolean" ? (I = e.meta) == null ? void 0 : I.hidden : !1;
+      p(H && !G);
     }
   }, [(v = e.meta) == null ? void 0 : v.visibilityRules, (T = e.meta) == null ? void 0 : T.hidden, g == null ? void 0 : g.watch()]), useEffect(() => {
     !c && !REPRSENTATIONAL_BLOCKS.includes(e.type) && h.field.onChange(getDefaultValue(e));
   }, [c]), useEffect(() => {
     l.current = `${e.name}-${generateFieldId()}`;
-  }, []), c ? /* @__PURE__ */ jsxs(
+  }, []), useEffect(() => {
+    var L, D, N;
+    (L = e.meta) != null && L.options && (typeof ((D = e.meta) == null ? void 0 : D.options) == "function" || Array.isArray((N = e.meta) == null ? void 0 : N.options)) && y();
+  }, [(S = e.meta) == null ? void 0 : S.options]), c ? /* @__PURE__ */ jsxs(
     Grid,
     {
       columns: 12,
@@ -86224,15 +86227,15 @@ const ConfirmationDialog = ({
           ].includes(e.type) && {
             options: (t == null ? void 0 : t[e.name]) || []
           },
-          onChange: (x) => {
-            var L;
-            REPRSENTATIONAL_BLOCKS.includes(e.type) || (h.field.onChange(x), "onValueChange" in d && typeof d.onValueChange == "function" && ((L = d.onValueChange) == null || L.call(d, x, g)));
+          onChange: (L) => {
+            var D;
+            REPRSENTATIONAL_BLOCKS.includes(e.type) || (h.field.onChange(L), "onValueChange" in d && typeof d.onValueChange == "function" && ((D = d.onValueChange) == null || D.call(d, L, g)));
           },
           locale: u,
           value: h.field.value,
           error: h.fieldState.error
         }) }),
-        "helperText" in d && ((S = d.helperText) == null ? void 0 : S.content) && shouldRenderHelperText(e.type) && /* @__PURE__ */ jsx(Box$1, { mt: 0.25, children: /* @__PURE__ */ jsx(HelperText, { ...d.helperText }) }),
+        "helperText" in d && ((x = d.helperText) == null ? void 0 : x.content) && shouldRenderHelperText(e.type) && /* @__PURE__ */ jsx(Box$1, { mt: 0.25, children: /* @__PURE__ */ jsx(HelperText, { ...d.helperText }) }),
         h.fieldState.error && h.fieldState.error.message && /* @__PURE__ */ jsx(FormHelperText$1, { error: !0, children: h.fieldState.error.message })
       ]
     }
@@ -87876,7 +87879,7 @@ const Form = React__default.forwardRef(
       });
     }, [e.error]), useEffect(() => {
       const ce = (We) => {
-        if (g.formState.isDirty && e.unloadConfirm && (We.preventDefault(), !window.confirm()))
+        if (g.formState.isDirty && e.unloadConfirm && e.dirtyLock === "onChange" && (We.preventDefault(), !window.confirm()))
           return history.pushState(null, "", window.location.href), !1;
       };
       if (!e.isNested)

package/package.json

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