@mamrp/components 1.0.20 → 1.0.23

package/dist/index.d.mts

@@ -48,8 +48,13 @@ interface ConfirmationDialogProps$1 {
     callbackParams: any;
     headerText: string;
     bodyText: ReactNode;
+    isLoading?: boolean;
+    maxWidth: "xs" | "sm" | "md" | "lg" | "xl";
+    iconColor: string;
+    color: "error" | "info" | "primary" | "success" | "warning" | "secondary";
+    actionTitle: string;
 }
-declare function ConfirmationDialog$1({ open, handleClose, callback, callbackParams, headerText, bodyText, }: ConfirmationDialogProps$1): React.JSX.Element;
+declare function ConfirmationDialog$1({ open, handleClose, callback, callbackParams, headerText, bodyText, isLoading, maxWidth, iconColor, color, actionTitle, }: ConfirmationDialogProps$1): React.JSX.Element;
 
 interface CustomTimePickerProps {
     name: string;

package/dist/index.d.ts

@@ -48,8 +48,13 @@ interface ConfirmationDialogProps$1 {
     callbackParams: any;
     headerText: string;
     bodyText: ReactNode;
+    isLoading?: boolean;
+    maxWidth: "xs" | "sm" | "md" | "lg" | "xl";
+    iconColor: string;
+    color: "error" | "info" | "primary" | "success" | "warning" | "secondary";
+    actionTitle: string;
 }
-declare function ConfirmationDialog$1({ open, handleClose, callback, callbackParams, headerText, bodyText, }: ConfirmationDialogProps$1): React.JSX.Element;
+declare function ConfirmationDialog$1({ open, handleClose, callback, callbackParams, headerText, bodyText, isLoading, maxWidth, iconColor, color, actionTitle, }: ConfirmationDialogProps$1): React.JSX.Element;
 
 interface CustomTimePickerProps {
     name: string;

package/dist/index.js

@@ -173,6 +173,12 @@ function LicensePlate({
     }
   }, [data]);
   const handleInputChange = (enteredInput, inputName, maxlength, minLength) => {
+    if (inputName !== "input2") {
+      const englishInput = (0, import_utils.convertToEnglishDigits)(enteredInput);
+      if (!/^\d*$/.test(englishInput)) {
+        return;
+      }
+    }
     const newInputValues = {
       ...inputValues,
       [inputName]: enteredInput
@@ -268,7 +274,13 @@ function LicensePlate({
             cursor: readOnly || !!data && readOnly ? "" : "text"
           },
           value: (0, import_utils.convertToPersianDigits)(inputValues.input1),
-          onChange: (e) => handleInputChange(e.target.value, "input1", 2)
+          onChange: (e) => {
+            const value = e.target.value;
+            const englishValue = (0, import_utils.convertToEnglishDigits)(value);
+            if (/^\d*$/.test(englishValue)) {
+              handleInputChange(value, "input1", 2);
+            }
+          }
         }
       ),
       /* @__PURE__ */ React.createElement(
@@ -415,7 +427,13 @@ function LicensePlate({
             cursor: readOnly || !!data && readOnly ? "" : "text"
           },
           value: (0, import_utils.convertToPersianDigits)(inputValues.input3),
-          onChange: (e) => handleInputChange(e.target.value, "input3", 3)
+          onChange: (e) => {
+            const value = e.target.value;
+            const englishValue = (0, import_utils.convertToEnglishDigits)(value);
+            if (/^\d*$/.test(englishValue)) {
+              handleInputChange(value, "input3", 3);
+            }
+          }
         }
       ),
       /* @__PURE__ */ React.createElement(
@@ -455,7 +473,13 @@ function LicensePlate({
               cursor: readOnly || !!data && readOnly ? "" : "text"
             },
             value: (0, import_utils.convertToPersianDigits)(inputValues.input4),
-            onChange: (e) => handleInputChange(e.target.value, "input4", 2)
+            onChange: (e) => {
+              const value = e.target.value;
+              const englishValue = (0, import_utils.convertToEnglishDigits)(value);
+              if (/^\d*$/.test(englishValue)) {
+                handleInputChange(value, "input4", 2);
+              }
+            }
           }
         ),
         /* @__PURE__ */ React.createElement(
@@ -844,27 +868,38 @@ var import_DialogActions = __toESM(require("@mui/material/DialogActions"));
 var import_DialogContent2 = __toESM(require("@mui/material/DialogContent"));
 var import_DialogTitle2 = __toESM(require("@mui/material/DialogTitle"));
 var import_material7 = require("@mui/material");
-var import_ai = require("react-icons/ai");
+var import_fa2 = require("react-icons/fa");
 var import_md = require("react-icons/md");
-var import_link = __toESM(require("next/link"));
 function ConfirmationDialog({
   open,
   handleClose,
   callback,
   callbackParams,
   headerText,
-  bodyText
+  bodyText,
+  isLoading,
+  maxWidth,
+  iconColor,
+  color,
+  actionTitle
 }) {
-  return /* @__PURE__ */ React7.createElement(import_Dialog2.default, { open, onClose: handleClose, fullWidth: true, maxWidth: "sm" }, /* @__PURE__ */ React7.createElement(import_material7.Box, null, /* @__PURE__ */ React7.createElement(
+  const isMobile = (0, import_material7.useMediaQuery)("(max-width:785px)");
+  return /* @__PURE__ */ React7.createElement(import_Dialog2.default, { open, onClose: handleClose, fullWidth: true, maxWidth }, /* @__PURE__ */ React7.createElement(import_material7.Box, null, /* @__PURE__ */ React7.createElement(
     import_DialogTitle2.default,
     {
       fontWeight: 700,
       fontSize: "1.2rem",
       display: "flex",
       alignItems: "center",
-      gap: "4px"
+      gap: 1
     },
-    /* @__PURE__ */ React7.createElement(import_ai.AiOutlineDeliveredProcedure, { style: { color: "inherit" }, size: 22 }),
+    /* @__PURE__ */ React7.createElement(
+      import_fa2.FaRegTrashAlt,
+      {
+        style: { color: iconColor },
+        size: isMobile ? 18 : 20
+      }
+    ),
     headerText
   ), /* @__PURE__ */ React7.createElement(
     import_material7.IconButton,
@@ -879,7 +914,25 @@ function ConfirmationDialog({
       }
     },
     /* @__PURE__ */ React7.createElement(import_md.MdClose, null)
-  ), /* @__PURE__ */ React7.createElement(import_material7.Divider, { sx: { my: "10px" } }), /* @__PURE__ */ React7.createElement(import_DialogContent2.default, null, bodyText), /* @__PURE__ */ React7.createElement(
+  ), /* @__PURE__ */ React7.createElement(import_material7.Divider, { sx: { my: "10px" } }), /* @__PURE__ */ React7.createElement(
+    import_DialogContent2.default,
+    {
+      sx: {
+        px: isMobile ? 2 : 3,
+        py: isMobile ? 1.5 : 2,
+        "& .MuiTypography-root": {
+          fontSize: isMobile ? "0.875rem" : "1rem",
+          lineHeight: isMobile ? 1.5 : 1.6,
+          gap: isMobile ? "2px" : "4px",
+          flexWrap: "wrap",
+          wordBreak: "break-word",
+          overflowWrap: "break-word",
+          whiteSpace: "normal"
+        }
+      }
+    },
+    bodyText
+  ), /* @__PURE__ */ React7.createElement(
     import_DialogActions.default,
     {
       sx: {
@@ -891,27 +944,27 @@ function ConfirmationDialog({
         padding: "2rem"
       }
     },
-    /* @__PURE__ */ React7.createElement(import_link.default, { href: "/module/transportation/workflow/confirm-deliver" }, /* @__PURE__ */ React7.createElement(
+    /* @__PURE__ */ React7.createElement(
       import_material7.Button,
       {
+        disabled: isLoading,
         onClick: () => {
           callback(callbackParams);
-          handleClose();
         },
         variant: "contained",
-        color: "primary",
-        startIcon: /* @__PURE__ */ React7.createElement(import_ai.AiOutlineDeliveredProcedure, { size: 16 }),
-        sx: { minWidth: "120px" }
+        color,
+        sx: { minWidth: "120px" },
+        startIcon: isLoading ? /* @__PURE__ */ React7.createElement(import_material7.CircularProgress, { sx: { color: "white" }, size: 20 }) : /* @__PURE__ */ React7.createElement(import_fa2.FaRegTrashAlt, { size: 16 })
       },
-      "\u062A\u0623\u06CC\u06CC\u062F"
-    )),
+      actionTitle
+    ),
     /* @__PURE__ */ React7.createElement(
       import_material7.Button,
       {
         onClick: handleClose,
         variant: "outlined",
-        color: "inherit",
-        startIcon: /* @__PURE__ */ React7.createElement(import_md.MdOutlineCancel, null),
+        color,
+        startIcon: /* @__PURE__ */ React7.createElement(import_md.MdOutlineCancel, { size: 15 }),
         sx: { minWidth: "120px" }
       },
       "\u0627\u0646\u0635\u0631\u0627\u0641"
@@ -1175,7 +1228,7 @@ var import_system = require("@mui/system");
 var import_moment = __toESM(require("moment"));
 var import_react8 = require("react");
 var import_react_hook_form5 = require("react-hook-form");
-var import_fa3 = require("react-icons/fa");
+var import_fa4 = require("react-icons/fa");
 var yup = __toESM(require("yup"));
 
 // src/date-picker/index.tsx
@@ -1185,7 +1238,7 @@ var import_x_date_pickers = require("@mui/x-date-pickers");
 var import_AdapterMomentJalaali = require("@mui/x-date-pickers/AdapterMomentJalaali");
 var import_dayjs = __toESM(require("dayjs"));
 var import_moment_jalaali = __toESM(require("moment-jalaali"));
-var import_fa2 = require("moment/locale/fa");
+var import_fa3 = require("moment/locale/fa");
 var import_react7 = __toESM(require("react"));
 var import_react_hook_form4 = require("react-hook-form");
 import_moment_jalaali.default.locale("fa");
@@ -1442,7 +1495,7 @@ function DateFilterRange({ FromDate, ToDate }) {
       onClick: () => handleDate("forward", "time"),
       disabled: isNextDisabled || isNextDisabledTime
     },
-    /* @__PURE__ */ React.createElement(import_fa3.FaChevronRight, { size: 30 })
+    /* @__PURE__ */ React.createElement(import_fa4.FaChevronRight, { size: 30 })
   )), /* @__PURE__ */ React.createElement(import_Grid2.default, { size: { xs: 7, sm: 8, md: 8, lg: 6 } }, /* @__PURE__ */ React.createElement(date_picker_default, { name: "time", control, label: "\u062A\u0627\u0631\u06CC\u062E \u0627\u0632", maxDate: (0, import_moment.default)(watch("time2")), align: "center", persian: true, clear: false, size: isSmMobile ? "small" : "medium" })), /* @__PURE__ */ React.createElement(import_Grid2.default, { size: 2, display: "flex", justifyContent: "end" }, /* @__PURE__ */ React.createElement(
     import_Button2.default,
     {
@@ -1454,7 +1507,7 @@ function DateFilterRange({ FromDate, ToDate }) {
       },
       onClick: () => handleDate("backward", "time")
     },
-    /* @__PURE__ */ React.createElement(import_fa3.FaChevronLeft, { size: 30 })
+    /* @__PURE__ */ React.createElement(import_fa4.FaChevronLeft, { size: 30 })
   ))), /* @__PURE__ */ React.createElement(import_Grid2.default, { container: true, size: 12, width: !isMobile ? "50%" : "100%", alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React.createElement(import_Grid2.default, { size: 2, justifyContent: "start" }, /* @__PURE__ */ React.createElement(
     import_Button2.default,
     {
@@ -1467,7 +1520,7 @@ function DateFilterRange({ FromDate, ToDate }) {
       onClick: () => handleDate("forward", "time2"),
       disabled: isNextDisabledTime2
     },
-    /* @__PURE__ */ React.createElement(import_fa3.FaChevronRight, { size: 30 })
+    /* @__PURE__ */ React.createElement(import_fa4.FaChevronRight, { size: 30 })
   )), /* @__PURE__ */ React.createElement(import_Grid2.default, { size: { xs: 7, sm: 8, md: 8, lg: 6 } }, /* @__PURE__ */ React.createElement(date_picker_default, { name: "time2", control, label: "\u062A\u0627\u0631\u06CC\u062E \u062A\u0627", minDate: (0, import_moment.default)(watch("time")), persian: true, align: "center", clear: false, size: isSmMobile ? "small" : "medium" })), /* @__PURE__ */ React.createElement(import_Grid2.default, { size: 2, display: "flex", justifyContent: "end" }, /* @__PURE__ */ React.createElement(
     import_Button2.default,
     {
@@ -1480,7 +1533,7 @@ function DateFilterRange({ FromDate, ToDate }) {
       onClick: () => handleDate("backward", "time2"),
       disabled: isLastDisabledTime
     },
-    /* @__PURE__ */ React.createElement(import_fa3.FaChevronLeft, { size: 30 })
+    /* @__PURE__ */ React.createElement(import_fa4.FaChevronLeft, { size: 30 })
   )))), /* @__PURE__ */ React.createElement(import_Grid2.default, { container: true, size: 12 }, /* @__PURE__ */ React.createElement(import_Grid2.default, { size: 12 })));
 }
 
@@ -1493,7 +1546,7 @@ var import_moment2 = __toESM(require("moment"));
 var import_react9 = __toESM(require("react"));
 var import_react10 = require("react");
 var import_react_hook_form6 = require("react-hook-form");
-var import_fa4 = require("react-icons/fa");
+var import_fa5 = require("react-icons/fa");
 var yup2 = __toESM(require("yup"));
 var nowUTC2 = import_moment2.default.utc();
 var dateTimeWithIranTime3 = nowUTC2;
@@ -1547,7 +1600,7 @@ function DateFilter({ setHandler }) {
       onClick: () => handleDate("forward"),
       disabled: isNextDisabled
     },
-    /* @__PURE__ */ import_react9.default.createElement(import_fa4.FaChevronRight, { size: 30 })
+    /* @__PURE__ */ import_react9.default.createElement(import_fa5.FaChevronRight, { size: 30 })
   )), /* @__PURE__ */ import_react9.default.createElement(import_Grid22.default, { size: { xs: 7, sm: 8, md: 8, lg: 6 } }, /* @__PURE__ */ import_react9.default.createElement(date_picker_default, { name: "time", control, label: "", persian: true, clear: false, align: "center", size: isSmMobile ? "small" : "medium" })), /* @__PURE__ */ import_react9.default.createElement(import_Grid22.default, { size: 2, display: "flex", justifyContent: "end" }, /* @__PURE__ */ import_react9.default.createElement(
     import_Button3.default,
     {
@@ -1559,7 +1612,7 @@ function DateFilter({ setHandler }) {
       },
       onClick: () => handleDate("backward")
     },
-    /* @__PURE__ */ import_react9.default.createElement(import_fa4.FaChevronLeft, { size: 30 })
+    /* @__PURE__ */ import_react9.default.createElement(import_fa5.FaChevronLeft, { size: 30 })
   )))), /* @__PURE__ */ import_react9.default.createElement(import_Grid22.default, { container: true, size: 12 }, /* @__PURE__ */ import_react9.default.createElement(import_Grid22.default, { size: 12 })));
 }
 
@@ -2630,7 +2683,7 @@ var import_material16 = require("@mui/material");
 var import_Stack = __toESM(require("@mui/material/Stack"));
 var import_system5 = require("@mui/system");
 var React16 = __toESM(require("react"));
-var import_fa5 = require("react-icons/fa");
+var import_fa6 = require("react-icons/fa");
 function PaginationList({
   currentPage,
   setCurrentPage,
@@ -2674,7 +2727,7 @@ function PaginationList({
           justifyContent: "center"
         },
         size: "large",
-        startIcon: /* @__PURE__ */ React16.createElement(import_fa5.FaChevronRight, null)
+        startIcon: /* @__PURE__ */ React16.createElement(import_fa6.FaChevronRight, null)
       },
       "\u0642\u0628\u0644\u06CC",
       " "
@@ -2715,7 +2768,7 @@ function PaginationList({
           justifyContent: "center"
         },
         size: "large",
-        endIcon: /* @__PURE__ */ React16.createElement(import_fa5.FaChevronLeft, null)
+        endIcon: /* @__PURE__ */ React16.createElement(import_fa6.FaChevronLeft, null)
       },
       "\u0628\u0639\u062F\u06CC",
       " "
@@ -3001,6 +3054,7 @@ var import_react19 = __toESM(require("react"));
 var ScrollableContainer = (0, import_styles.styled)("div")({
   width: "100%",
   overflowX: "auto"
+  // Enable horizontal scrolling
 });
 var Table = ({
   pagingmode,
@@ -3079,13 +3133,16 @@ var Table = ({
         pagination: {
           paginationModel: {
             pageSize: rowInPage ? rowInPage : 5,
+            // Default page size (5)
             page: paginationModel?.page || 0
+            // Default to page 0 if not provided
           }
         }
       }
     },
     ...shouldShowPagination && pagingmode == "client" && {
       paginationModel
+      // Connect paginationModel to DataGrid
     }
   };
   return /* @__PURE__ */ import_react19.default.createElement(ScrollableContainer, null, /* @__PURE__ */ import_react19.default.createElement(
@@ -3103,23 +3160,20 @@ var Table = ({
         "& .MuiDataGrid-columnHeaderTitle": {
           fontSize: fontSize ?? "1rem"
         },
+        "& .MuiDataGrid-row:nth-of-type(even)": {
+          backgroundColor: evenRowBgColor !== "" ? evenRowBgColor : ""
+        },
+        "& .MuiDataGrid-row:hover": {
+          backgroundColor: "rgba(0, 0, 0, 0.08)"
+        },
         ...highlightedRowId && {
           "& .MuiDataGrid-row": {
             [`&[data-id="${highlightedRowId}"]`]: {
               backgroundColor: "#c5edd0"
             }
           }
-        },
-        "& .even-row": {
-          backgroundColor: evenRowBgColor
-        },
-        "& .MuiDataGrid-row:hover": {
-          backgroundColor: "rgba(0, 0, 0, 0.08)"
         }
       },
-      getRowClassName: (params) => {
-        return params.indexRelativeToCurrentPage % 2 === 0 ? "even-row" : "";
-      },
       ...option,
       ...shouldShowPagination && {
         onPaginationModelChange: setPaginationModel