@ahmadmubarak98/namozaj 1.6.4 → 1.6.6

package/dist/main.d.ts

@@ -21,6 +21,7 @@ export declare type BaseFieldConfig = {
         helperText?: HelperTextConfig;
         validations?: ValidationRule[];
         grid?: GridColumnConfig;
+        fullRow?: boolean;
         className?: string;
         disabled?: boolean;
         visibilityRules?: VisibilityRule[];
@@ -268,7 +269,7 @@ export declare type HelperTextConfig = {
     color?: BaseColors | string;
 };
 
-export declare type InputRestriction = "alpha" | "alphanumeric" | "numeric" | "alpha-with-spaces" | "alphanumeric-with-spaces" | "numeric-with-spaces" | RegExp;
+export declare type InputRestriction = "alpha" | "alphanumeric" | "numeric" | "alpha-with-spaces" | "alphanumeric-with-spaces" | "numeric-with-spaces" | 'email' | RegExp;
 
 export declare type ModalSize = "small" | "medium" | "large" | "full";
 

package/dist/namozaj.js

@@ -4582,6 +4582,8 @@ const getDefaultValue = (e) => {
       return /^[\p{L}\0-9\s]*$/u;
     case "numeric-with-spaces":
       return /^[0-9\s]*$/;
+    case "email":
+      return /^[a-zA-Z0-9._@-]*$/;
     default:
       return /.*/;
   }
@@ -80539,7 +80541,7 @@ const RowActions = ({
     {
       onClick: () => d && d(e),
       variant: "outlined",
-      color: "primary",
+      color: "error",
       size: "small",
       children: a
     }
@@ -80795,7 +80797,7 @@ const ConfirmationDialog = ({
   error: p
 }) => {
   var Ze;
-  const { enableRtl: d } = useLocalDynamicFormProvider(), { meta: u } = t, b = typeof u.inline == "boolean" ? u.inline : !0, h = useFormContext(), g = useRef(null), [m, y] = useState(!1), [C, v] = useState(!1), [w, S] = useState(null), [x, L] = useState(!1), D = u.addEditModalTitle || `Add ${u.label}`, N = u.removeDialogTitle || `Remove ${u.label}`, I = u.removeDialogDescription || `Are you sure you want to remove this ${u.label}?`, k = t.meta.saveBtn || "Save", H = t.meta.cancelBtn || "Cancel", G = t.meta.addBtn || `Add ${u.label}`, Y = t.meta.editBtn || "Edit", V = t.meta.removeBtn || "Remove", j = u.minEntries ?? void 0, Z = u.maxEntries ?? void 0, te = Z ? l.length < Z : u.canAdd ?? !0, re = u.canEdit ?? !0, oe = j ? l.length > j : u.canRemove ?? !0, be = () => {
+  const { enableRtl: d } = useLocalDynamicFormProvider(), { meta: u } = t, b = typeof u.inline == "boolean" ? u.inline : !0, h = useFormContext(), g = useRef(null), [m, y] = useState(!1), [C, v] = useState(!1), [w, S] = useState(null), [x, L] = useState(!1), D = u.addEditModalTitle || `Add ${u.label}`, N = u.removeDialogTitle || `${t.meta.removeBtn || "Remove"} ${u.label}`, I = u.removeDialogDescription || `Are you sure you want to remove this ${u.label}?`, k = t.meta.saveBtn || "Save", H = t.meta.cancelBtn || "Cancel", G = t.meta.addBtn || `Add ${u.label}`, Y = t.meta.editBtn || "Edit", V = t.meta.removeBtn || "Remove", j = u.minEntries ?? void 0, Z = u.maxEntries ?? void 0, te = Z ? l.length < Z : u.canAdd ?? !0, re = u.canEdit ?? !0, oe = j ? l.length > j : u.canRemove ?? !0, be = () => {
     Ye();
   }, ve = (Ve) => {
     S(Ve), Ye();
@@ -80980,7 +80982,7 @@ const ConfirmationDialog = ({
     control: b,
     name: a,
     keyName: "_id"
-  }), [g, m] = useState(!1), [y, C] = useState(null), [v, w] = useState(!1), S = d.removeDialogTitle || `Remove ${d.label}`, x = d.removeDialogDescription || `Are you sure you want to remove this ${d.label}?`, L = t.meta.addBtn || `Add ${d.label}`, D = t.meta.removeBtn || "Remove", N = t.meta.cancelBtn || "Cancel", I = d.minEntries ?? void 0, k = d.maxEntries ?? void 0, H = k ? h.fields.length < k : d.canAdd ?? !0, G = I ? h.fields.length > I : d.canRemove ?? !0, Y = (be) => {
+  }), [g, m] = useState(!1), [y, C] = useState(null), [v, w] = useState(!1), S = d.removeDialogTitle || `${t.meta.removeBtn || "Remove"} ${d.label}`, x = d.removeDialogDescription || `Are you sure you want to remove this ${d.label}?`, L = t.meta.addBtn || `Add ${d.label}`, D = t.meta.removeBtn || "Remove", N = t.meta.cancelBtn || "Cancel", I = d.minEntries ?? void 0, k = d.maxEntries ?? void 0, H = k ? h.fields.length < k : d.canAdd ?? !0, G = I ? h.fields.length > I : d.canRemove ?? !0, Y = (be) => {
     be.preventDefault(), be.stopPropagation(), h.append({
       ...d.fields.reduce((ve, Re) => (ve[Re.name] = getDefaultValue(Re), ve), {})
     });
@@ -81053,7 +81055,7 @@ const ConfirmationDialog = ({
                 Button$1,
                 {
                   variant: "outlined",
-                  color: "secondary",
+                  color: "error",
                   onClick: () => V(ve),
                   size: "small",
                   children: /* @__PURE__ */ jsx(Fragment, { children: D })
@@ -85102,7 +85104,17 @@ const Form = React__default.forwardRef(
       ({ ...H }, (G = e.onSubmit) == null || G.call(e, H));
     }, b = async () => (await c.trigger()).valueOf(), h = () => {
       var H, G;
-      return /* @__PURE__ */ jsx(Fragment, { children: !((H = e.submitButtonProps) != null && H.hidden) && /* @__PURE__ */ jsx(Button$1, { variant: "contained", color: "primary", type: "submit", children: ((G = e.submitButtonProps) == null ? void 0 : G.label) || "Submit" }) });
+      return /* @__PURE__ */ jsx(Fragment, { children: !((H = e.submitButtonProps) != null && H.hidden) && /* @__PURE__ */ jsx(
+        Button$1,
+        {
+          loading: e.loading,
+          loadingPosition: "start",
+          variant: "contained",
+          color: "primary",
+          type: "submit",
+          children: ((G = e.submitButtonProps) == null ? void 0 : G.label) || "Submit"
+        }
+      ) });
     }, g = () => /* @__PURE__ */ jsx(Fragment, {});
     useEffect(() => {
       const H = c.watch(
@@ -85157,15 +85169,30 @@ const Form = React__default.forwardRef(
                 },
                 ...(w = (v = e.slots) == null ? void 0 : v.formBody) == null ? void 0 : w.style
               },
-              children: /* @__PURE__ */ jsx(Grid, { container: !0, spacing: 2, children: (e.fields || []).map((H, G) => /* @__PURE__ */ jsx(
+              children: /* @__PURE__ */ jsx(Grid, { container: !0, spacing: 2, children: (e.fields || []).map((H, G) => /* @__PURE__ */ jsx(Fragment$1, { children: H.meta.fullRow ? /* @__PURE__ */ jsx(
+                Grid,
+                {
+                  columns: 12,
+                  size: {
+                    xs: 12
+                  },
+                  children: /* @__PURE__ */ jsx(Grid, { container: !0, spacing: 2, children: /* @__PURE__ */ jsx(
+                    FieldRenderer,
+                    {
+                      ...H,
+                      locale: H.locale,
+                      control: c.control
+                    }
+                  ) })
+                }
+              ) : /* @__PURE__ */ jsx(
                 FieldRenderer,
                 {
                   ...H,
                   locale: H.locale,
                   control: c.control
-                },
-                H.name || G
-              )) })
+                }
+              ) }, H.name || G)) })
             }
           ),
           /* @__PURE__ */ jsxs(

package/package.json

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