@ahmadmubarak98/namozaj 1.8.3 → 1.8.5

package/dist/main.d.ts

@@ -1,6 +1,9 @@
+import { ButtonPropsSizeOverrides } from '@mui/material';
+import { ButtonPropsVariantOverrides } from '@mui/material';
 import { CountryIso2 } from 'react-international-phone';
 import { default as default_2 } from 'react';
 import { FieldValues } from 'react-hook-form';
+import { OverridableStringUnion } from '@mui/types';
 import { ParsedCountry } from 'react-international-phone';
 import { PickersTimezone } from '@mui/x-date-pickers';
 import { SxProps } from '@mui/material';
@@ -24,6 +27,7 @@ export declare type BaseFieldConfig = {
         translated?: boolean;
         helperText?: HelperTextConfig;
         validations?: ValidationRule[];
+        renderLabelRightSide?: (formMethods: RHFFormMethods) => React.ReactNode;
         grid?: GridColumnConfig;
         fullRow?: boolean;
         className?: string;
@@ -295,6 +299,7 @@ export declare type NamozajPhoneFieldCountry = CountryIso2;
 export declare interface NamozajProps {
     fields: NamozajField[];
     dirtyLock?: boolean;
+    unloadConfirm?: boolean;
     localization?: NamozajLocalizationOptions;
     stepper?: NamozajStepperConfig;
     emptyFormMessage?: string;
@@ -474,11 +479,15 @@ export declare type SliderFieldConfig = BaseFieldConfig & {
 
 export declare interface SubmitButtonProps {
     label?: string;
-    size?: "default" | "xs" | "sm" | "md" | "lg" | "xl";
+    size?: OverridableStringUnion<'small' | 'medium' | 'large', ButtonPropsSizeOverrides>;
     className?: string;
+    sx?: SxProps<Theme>;
+    color?: BaseColors;
+    variant?: OverridableStringUnion<'text' | 'outlined' | 'contained', ButtonPropsVariantOverrides>;
     buttonType?: "button" | "submit" | "reset";
     disabled?: boolean;
     hidden?: boolean;
+    fullWidth?: boolean;
 }
 
 export declare type SwitchFieldConfig = BaseFieldConfig & {
@@ -495,6 +504,7 @@ export declare type TextFieldConfig = BaseFieldConfig & {
         size?: FieldSize;
         maxLength?: number;
         minLength?: number;
+        showCharCount?: boolean;
         secured?: boolean;
         multiline?: boolean;
         rows?: number;

package/dist/namozaj.js

@@ -10674,7 +10674,7 @@ const VisibilityIcon = createSvgIcon(/* @__PURE__ */ jsx("path", {
         fullWidth: !0
       }
     ),
-    l.maxLength && l.maxLength > 0 && /* @__PURE__ */ jsxs(
+    l.showCharCount && l.maxLength && l.maxLength > 0 && /* @__PURE__ */ jsxs(
       InputLabel$1,
       {
         variant: "standard",
@@ -51208,30 +51208,43 @@ const FileField = ({
     ]
   }
 ), FieldLabel = ({ field: e, htmlFor: t }) => {
-  const a = e.meta.tooltip, l = useMemo(() => isFieldRequired(e), [e]);
-  return /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", spacing: 0.5, children: [
-    /* @__PURE__ */ jsxs(
-      Typography$1,
-      {
-        variant: "body1",
-        sx: {
-          fontWeight: 500,
-          fontSize: "0.875rem",
-          lineHeight: 1.5,
-          color: "#000"
-        },
-        component: "label",
-        htmlFor: t,
-        "aria-required": l,
-        children: [
-          e.meta.label,
-          " ",
-          l && /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
-        ]
-      }
-    ),
-    (a == null ? void 0 : a.text) && /* @__PURE__ */ jsx(Tooltip, { ...a })
-  ] });
+  const a = useFormContext(), l = e.meta.tooltip, c = useMemo(() => isFieldRequired(e), [e]);
+  return /* @__PURE__ */ jsxs(
+    Stack,
+    {
+      direction: "row",
+      justifyContent: "space-between",
+      alignItems: "center",
+      spacing: 0.5,
+      flexWrap: "wrap",
+      children: [
+        /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", spacing: 0.5, children: [
+          /* @__PURE__ */ jsxs(
+            Typography$1,
+            {
+              variant: "body1",
+              sx: {
+                fontWeight: 500,
+                fontSize: "0.875rem",
+                lineHeight: 1.5,
+                color: "#000"
+              },
+              component: "label",
+              htmlFor: t,
+              "aria-required": c,
+              children: [
+                e.meta.label,
+                " ",
+                c && /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
+              ]
+            }
+          ),
+          (l == null ? void 0 : l.text) && /* @__PURE__ */ jsx(Tooltip, { ...l })
+        ] }),
+        e.meta.renderLabelRightSide ? e.meta.renderLabelRightSide(a) : null
+      ]
+    }
+  );
 };
 var LocalEventService = class {
   constructor() {
@@ -87576,17 +87589,22 @@ const Form = React__default.forwardRef(
       },
       [h]
     ), S = () => {
-      var K, ce, we, Re, ve;
+      var K, ce, we, Re, ve, ye, We, je, Xe, Ue, Ge;
       return /* @__PURE__ */ jsx(Fragment, { children: !((K = e.submitButtonProps) != null && K.hidden) && /* @__PURE__ */ jsx(
         Button$1,
         {
           loading: e.loading,
           loadingPosition: "start",
-          variant: "contained",
-          color: "primary",
-          type: "submit",
-          disabled: typeof ((ce = e.submitButtonProps) == null ? void 0 : ce.disabled) == "boolean" ? (we = e.submitButtonProps) == null ? void 0 : we.disabled : (Re = e.stepper) != null && Re.advanceOnValidation ? l : v,
-          children: ((ve = e.submitButtonProps) == null ? void 0 : ve.label) || "Submit"
+          variant: ((ce = e.submitButtonProps) == null ? void 0 : ce.variant) || "contained",
+          color: ((we = e.submitButtonProps) == null ? void 0 : we.color) || "primary",
+          type: ((Re = e.submitButtonProps) == null ? void 0 : Re.buttonType) || "submit",
+          size: ((ve = e.submitButtonProps) == null ? void 0 : ve.size) || "medium",
+          disabled: typeof ((ye = e.submitButtonProps) == null ? void 0 : ye.disabled) == "boolean" ? (We = e.submitButtonProps) == null ? void 0 : We.disabled : (je = e.stepper) != null && je.advanceOnValidation ? l : v,
+          sx: {
+            ...((Xe = e.submitButtonProps) == null ? void 0 : Xe.sx) || {}
+          },
+          fullWidth: (Ue = e.submitButtonProps) == null ? void 0 : Ue.fullWidth,
+          children: ((Ge = e.submitButtonProps) == null ? void 0 : Ge.label) || "Submit"
         }
       ) });
     }, x = () => /* @__PURE__ */ jsx(Fragment, {});
@@ -87623,14 +87641,14 @@ const Form = React__default.forwardRef(
       });
     }, [e.error]), useEffect(() => {
       const K = (ce) => {
-        if (h.formState.isDirty && (ce.preventDefault(), !window.confirm()))
+        if (h.formState.isDirty && e.unloadConfirm && (ce.preventDefault(), !window.confirm()))
           return history.pushState(null, "", window.location.href), !1;
       };
       if (!e.isNested)
         return window.addEventListener("beforeunload", K), () => {
           window.removeEventListener("beforeunload", K);
         };
-    }, [h.formState.isDirty]);
+    }, [h.formState.isDirty, e.unloadConfirm]);
     const N = (K) => /* @__PURE__ */ jsx(Grid, { container: !0, spacing: 2, children: (K || []).map((ce, we) => /* @__PURE__ */ jsx(Fragment$1, { children: ce.meta.fullRow ? /* @__PURE__ */ jsx(
       Grid,
       {

package/package.json

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