@ahmadmubarak98/namozaj 1.8.6 → 1.8.7

package/dist/main.d.ts

@@ -32,6 +32,7 @@ export declare type BaseFieldConfig = {
         fullRow?: boolean;
         className?: string;
         disabled?: boolean;
+        hidden?: boolean;
         visibilityRules?: VisibilityRule[];
         dependencies?: FieldDependency[];
         onValueChange?: (value: FieldValueType, formMethods: any) => void;

package/dist/namozaj.js

@@ -6060,13 +6060,16 @@ const createYupSchema = (e) => {
         visibilityRules: []
       }
     });
-    t = create$8().when(e.meta.visibilityRules.map((c) => c.ref), (c, p) => !evaluateVisibilityRules(
-      e.meta.visibilityRules || [],
-      // we need to assign values to field.meta.visibilityRules depending on value index
-      (e.meta.visibilityRules || []).map((u, b) => ({
-        [u.ref]: c[b]
-      }))[0]
-    ) ? p.notRequired() : l);
+    t = create$8().when(e.meta.visibilityRules.map((c) => c.ref), (c, p) => {
+      let d = !evaluateVisibilityRules(
+        e.meta.visibilityRules || [],
+        // we need to assign values to field.meta.visibilityRules depending on value index
+        (e.meta.visibilityRules || []).map((u, b) => ({
+          [u.ref]: c[b]
+        }))[0]
+      );
+      return d = d && (e.meta.hidden ?? !1), d ? p.notRequired() : l;
+    });
   } else {
     switch (e.type) {
       case "number":
@@ -85919,74 +85922,74 @@ const ConfirmationDialog = ({
     ((p = a.helperText) == null ? void 0 : p.content) && /* @__PURE__ */ jsx(Box$1, { mt: 0.25, children: /* @__PURE__ */ jsx(HelperText, { ...a.helperText }) })
   ] }) });
 }, FieldRenderer = (e) => {
-  var C, v, T;
+  var C, v, T, S;
   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 = (S) => {
-    const x = S.config.type, L = S || {};
-    switch (x) {
+  }), g = useFormContext(), m = (x) => {
+    const L = x.config.type, D = x || {};
+    switch (L) {
       case "text":
-        return /* @__PURE__ */ jsx(TextField$1, { ...L });
+        return /* @__PURE__ */ jsx(TextField$1, { ...D });
       case "number":
-        return /* @__PURE__ */ jsx(NumberField, { ...L });
+        return /* @__PURE__ */ jsx(NumberField, { ...D });
       case "slider":
-        return /* @__PURE__ */ jsx(SliderField, { ...L });
+        return /* @__PURE__ */ jsx(SliderField, { ...D });
       case "select":
-        return /* @__PURE__ */ jsx(SelectField, { ...L });
+        return /* @__PURE__ */ jsx(SelectField, { ...D });
       case "multi-select":
-        return /* @__PURE__ */ jsx(MultiSelectField, { ...L });
+        return /* @__PURE__ */ jsx(MultiSelectField, { ...D });
       case "checkbox":
-        return /* @__PURE__ */ jsx(CheckboxField, { ...L });
+        return /* @__PURE__ */ jsx(CheckboxField, { ...D });
       case "checkbox-group":
-        return /* @__PURE__ */ jsx(CheckboxGroupField, { ...L });
+        return /* @__PURE__ */ jsx(CheckboxGroupField, { ...D });
       case "radio-group":
-        return /* @__PURE__ */ jsx(RadioGroupField, { ...L });
+        return /* @__PURE__ */ jsx(RadioGroupField, { ...D });
       case "switch":
-        return /* @__PURE__ */ jsx(SwitchField, { ...L });
+        return /* @__PURE__ */ jsx(SwitchField, { ...D });
       case "date":
-        return /* @__PURE__ */ jsx(DateField, { ...L });
+        return /* @__PURE__ */ jsx(DateField, { ...D });
       case "time":
-        return /* @__PURE__ */ jsx(DateField, { ...L });
+        return /* @__PURE__ */ jsx(DateField, { ...D });
       case "datetime":
-        return /* @__PURE__ */ jsx(DateField, { ...L });
+        return /* @__PURE__ */ jsx(DateField, { ...D });
       case "phone":
-        return /* @__PURE__ */ jsx(PhoneField, { ...L });
+        return /* @__PURE__ */ jsx(PhoneField, { ...D });
       case "file":
-        return /* @__PURE__ */ jsx(FileField, { ...L });
+        return /* @__PURE__ */ jsx(FileField, { ...D });
       case "repeater":
-        return /* @__PURE__ */ jsx(RepeaterField, { ...L });
+        return /* @__PURE__ */ jsx(RepeaterField, { ...D });
       case "field-array":
-        return /* @__PURE__ */ jsx(FieldArrayField, { ...L });
+        return /* @__PURE__ */ jsx(FieldArrayField, { ...D });
       case "group":
-        return /* @__PURE__ */ jsx(GroupField, { ...L });
+        return /* @__PURE__ */ jsx(GroupField, { ...D });
       default:
         return null;
     }
   }, y = () => {
-    var S, x, L, D, N;
-    "options" in e.meta && ((S = e.meta) != null && S.options) && (typeof ((x = e.meta) == null ? void 0 : x.options) == "function" ? Promise.resolve((L = e.meta) == null ? void 0 : L.options()).then(
-      (I) => {
-        a(e.name, I);
+    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);
       }
-    ) : Array.isArray((D = e.meta) == null ? void 0 : D.options) ? a(e.name, (N = e.meta) == null ? void 0 : N.options) : console.warn(
+    ) : Array.isArray((N = e.meta) == null ? void 0 : N.options) ? a(e.name, (I = e.meta) == null ? void 0 : I.options) : console.warn(
       `Field ${e.name} has options but it's not a function or an array.`
     ));
   };
   return useEffect(() => {
-    var S;
-    (!(t != null && t[e.name]) || ((S = t == null ? void 0 : t[e.name]) == null ? void 0 : S.length) === 0) && y();
+    var x;
+    (!(t != null && t[e.name]) || ((x = t == null ? void 0 : t[e.name]) == null ? void 0 : x.length) === 0) && y();
   }, [h.field.value]), useEffect(() => {
-    var S;
-    if ((S = e.meta) != null && S.visibilityRules) {
-      const { visibilityRules: x } = e.meta, L = evaluateVisibilityRules(
-        x,
+    var x, L;
+    if ((x = e.meta) != null && x.visibilityRules) {
+      const { visibilityRules: D } = e.meta, N = evaluateVisibilityRules(
+        D,
         g == null ? void 0 : g.watch()
-      );
-      p(L);
+      ), I = ((L = e.meta) == null ? void 0 : L.hidden) ?? !1;
+      p(N || !I);
     }
-  }, [(v = e.meta) == null ? void 0 : v.visibilityRules, g == null ? void 0 : g.watch()]), useEffect(() => {
+  }, [(v = e.meta) == null ? void 0 : v.visibilityRules, (T = e.meta) == null ? void 0 : T.hidden, g == null ? void 0 : g.watch()]), useEffect(() => {
     c || h.field.onChange(getDefaultValue(e));
   }, [c]), useEffect(() => {
     l.current = `${e.name}-${generateFieldId()}`;
@@ -86017,15 +86020,15 @@ const ConfirmationDialog = ({
           ].includes(e.type) && {
             options: (t == null ? void 0 : t[e.name]) || []
           },
-          onChange: (S) => {
-            var x;
-            h.field.onChange(S), (x = d.onValueChange) == null || x.call(d, S, g);
+          onChange: (x) => {
+            var L;
+            h.field.onChange(x), (L = d.onValueChange) == null || L.call(d, x, g);
           },
           locale: u,
           value: h.field.value,
           error: h.fieldState.error
         }) }),
-        ((T = d.helperText) == null ? void 0 : T.content) && shouldRenderHelperText(e.type) && /* @__PURE__ */ jsx(Box$1, { mt: 0.25, children: /* @__PURE__ */ jsx(HelperText, { ...d.helperText }) }),
+        ((S = d.helperText) == null ? void 0 : S.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 })
       ]
     }

package/package.json

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