@mamrp/components 1.0.21 → 1.0.24

package/dist/index.mjs

@@ -110,6 +110,12 @@ function LicensePlate({
     }
   }, [data]);
   const handleInputChange = (enteredInput, inputName, maxlength, minLength) => {
+    if (inputName !== "input2") {
+      const englishInput = convertToEnglishDigits(enteredInput);
+      if (!/^\d*$/.test(englishInput)) {
+        return;
+      }
+    }
     const newInputValues = {
       ...inputValues,
       [inputName]: enteredInput
@@ -205,7 +211,13 @@ function LicensePlate({
             cursor: readOnly || !!data && readOnly ? "" : "text"
           },
           value: convertToPersianDigits(inputValues.input1),
-          onChange: (e) => handleInputChange(e.target.value, "input1", 2)
+          onChange: (e) => {
+            const value = e.target.value;
+            const englishValue = convertToEnglishDigits(value);
+            if (/^\d*$/.test(englishValue)) {
+              handleInputChange(value, "input1", 2);
+            }
+          }
         }
       ),
       /* @__PURE__ */ React.createElement(
@@ -352,7 +364,13 @@ function LicensePlate({
             cursor: readOnly || !!data && readOnly ? "" : "text"
           },
           value: convertToPersianDigits(inputValues.input3),
-          onChange: (e) => handleInputChange(e.target.value, "input3", 3)
+          onChange: (e) => {
+            const value = e.target.value;
+            const englishValue = convertToEnglishDigits(value);
+            if (/^\d*$/.test(englishValue)) {
+              handleInputChange(value, "input3", 3);
+            }
+          }
         }
       ),
       /* @__PURE__ */ React.createElement(
@@ -392,7 +410,13 @@ function LicensePlate({
               cursor: readOnly || !!data && readOnly ? "" : "text"
             },
             value: convertToPersianDigits(inputValues.input4),
-            onChange: (e) => handleInputChange(e.target.value, "input4", 2)
+            onChange: (e) => {
+              const value = e.target.value;
+              const englishValue = convertToEnglishDigits(value);
+              if (/^\d*$/.test(englishValue)) {
+                handleInputChange(value, "input4", 2);
+              }
+            }
           }
         ),
         /* @__PURE__ */ React.createElement(
@@ -780,28 +804,46 @@ import Dialog2 from "@mui/material/Dialog";
 import DialogActions from "@mui/material/DialogActions";
 import DialogContent2 from "@mui/material/DialogContent";
 import DialogTitle2 from "@mui/material/DialogTitle";
-import { Box as Box5, Button as Button3, Divider, IconButton as IconButton2 } from "@mui/material";
-import { AiOutlineDeliveredProcedure } from "react-icons/ai";
+import {
+  Box as Box5,
+  Button as Button3,
+  CircularProgress,
+  Divider,
+  IconButton as IconButton2,
+  useMediaQuery
+} from "@mui/material";
+import { FaRegTrashAlt } from "react-icons/fa";
 import { MdClose, MdOutlineCancel } from "react-icons/md";
-import Link from "next/link";
 function ConfirmationDialog({
   open,
   handleClose,
   callback,
   callbackParams,
   headerText,
-  bodyText
+  bodyText,
+  isLoading,
+  maxWidth,
+  iconColor,
+  color,
+  actionTitle
 }) {
-  return /* @__PURE__ */ React7.createElement(Dialog2, { open, onClose: handleClose, fullWidth: true, maxWidth: "sm" }, /* @__PURE__ */ React7.createElement(Box5, null, /* @__PURE__ */ React7.createElement(
+  const isMobile = useMediaQuery("(max-width:785px)");
+  return /* @__PURE__ */ React7.createElement(Dialog2, { open, onClose: handleClose, fullWidth: true, maxWidth }, /* @__PURE__ */ React7.createElement(Box5, null, /* @__PURE__ */ React7.createElement(
     DialogTitle2,
     {
       fontWeight: 700,
       fontSize: "1.2rem",
       display: "flex",
       alignItems: "center",
-      gap: "4px"
+      gap: 1
     },
-    /* @__PURE__ */ React7.createElement(AiOutlineDeliveredProcedure, { style: { color: "inherit" }, size: 22 }),
+    /* @__PURE__ */ React7.createElement(
+      FaRegTrashAlt,
+      {
+        style: { color: iconColor },
+        size: isMobile ? 18 : 20
+      }
+    ),
     headerText
   ), /* @__PURE__ */ React7.createElement(
     IconButton2,
@@ -816,7 +858,25 @@ function ConfirmationDialog({
       }
     },
     /* @__PURE__ */ React7.createElement(MdClose, null)
-  ), /* @__PURE__ */ React7.createElement(Divider, { sx: { my: "10px" } }), /* @__PURE__ */ React7.createElement(DialogContent2, null, bodyText), /* @__PURE__ */ React7.createElement(
+  ), /* @__PURE__ */ React7.createElement(Divider, { sx: { my: "10px" } }), /* @__PURE__ */ React7.createElement(
+    DialogContent2,
+    {
+      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(
     DialogActions,
     {
       sx: {
@@ -828,27 +888,27 @@ function ConfirmationDialog({
         padding: "2rem"
       }
     },
-    /* @__PURE__ */ React7.createElement(Link, { href: "/module/transportation/workflow/confirm-deliver" }, /* @__PURE__ */ React7.createElement(
+    /* @__PURE__ */ React7.createElement(
       Button3,
       {
+        disabled: isLoading,
         onClick: () => {
           callback(callbackParams);
-          handleClose();
         },
         variant: "contained",
-        color: "primary",
-        startIcon: /* @__PURE__ */ React7.createElement(AiOutlineDeliveredProcedure, { size: 16 }),
-        sx: { minWidth: "120px" }
+        color,
+        sx: { minWidth: "120px" },
+        startIcon: isLoading ? /* @__PURE__ */ React7.createElement(CircularProgress, { sx: { color: "white" }, size: 20 }) : /* @__PURE__ */ React7.createElement(FaRegTrashAlt, { size: 16 })
       },
-      "\u062A\u0623\u06CC\u06CC\u062F"
-    )),
+      actionTitle
+    ),
     /* @__PURE__ */ React7.createElement(
       Button3,
       {
         onClick: handleClose,
         variant: "outlined",
-        color: "inherit",
-        startIcon: /* @__PURE__ */ React7.createElement(MdOutlineCancel, null),
+        color,
+        startIcon: /* @__PURE__ */ React7.createElement(MdOutlineCancel, { size: 15 }),
         sx: { minWidth: "120px" }
       },
       "\u0627\u0646\u0635\u0631\u0627\u0641"
@@ -1117,7 +1177,7 @@ var TimePickerComponent = ({
 import { yupResolver } from "@hookform/resolvers/yup";
 import Button5 from "@mui/material/Button";
 import Grid from "@mui/material/Grid2";
-import { GlobalStyles, useMediaQuery } from "@mui/system";
+import { GlobalStyles, useMediaQuery as useMediaQuery2 } from "@mui/system";
 import moment2 from "moment";
 import { useEffect as useEffect3 } from "react";
 import { useForm } from "react-hook-form";
@@ -1126,7 +1186,7 @@ import * as yup from "yup";
 
 // src/date-picker/index.tsx
 import { Box as Box7, Typography as Typography4 } from "@mui/material";
-import CircularProgress from "@mui/material/CircularProgress";
+import CircularProgress2 from "@mui/material/CircularProgress";
 import { DatePicker, LocalizationProvider } from "@mui/x-date-pickers";
 import { AdapterMomentJalaali } from "@mui/x-date-pickers/AdapterMomentJalaali";
 import dayjs from "dayjs";
@@ -1222,7 +1282,7 @@ var JalaliDatePicker = ({
                 },
                 InputProps: {
                   ...isLoading && {
-                    endAdornment: /* @__PURE__ */ React8.createElement(CircularProgress, { color: "secondary", size: 20 })
+                    endAdornment: /* @__PURE__ */ React8.createElement(CircularProgress2, { color: "secondary", size: 20 })
                   } || disabled && { endAdornment: false },
                   ...field.value && {
                     value: persian ? `${moment(field.value).format("dddd   -   jDD/jMMMM/jYYYY")}` : `${moment(field.value).format("jYYYY/jMM/jDD")}`
@@ -1338,8 +1398,8 @@ var defaultValues = {
   // تبدیل به ISO بدون تغییر آفست
 };
 function DateFilterRange({ FromDate, ToDate }) {
-  const isMobile = useMediaQuery("(max-width:900px)");
-  const isSmMobile = useMediaQuery("(max-width:600px)");
+  const isMobile = useMediaQuery2("(max-width:900px)");
+  const isSmMobile = useMediaQuery2("(max-width:600px)");
   const { control, watch, setValue } = useForm({
     defaultValues,
     mode: "onChange",
@@ -1434,7 +1494,7 @@ function DateFilterRange({ FromDate, ToDate }) {
 import { yupResolver as yupResolver2 } from "@hookform/resolvers/yup";
 import Button6 from "@mui/material/Button";
 import Grid2 from "@mui/material/Grid2";
-import { GlobalStyles as GlobalStyles2, useMediaQuery as useMediaQuery2 } from "@mui/system";
+import { GlobalStyles as GlobalStyles2, useMediaQuery as useMediaQuery3 } from "@mui/system";
 import moment3 from "moment";
 import React9 from "react";
 import { useEffect as useEffect4 } from "react";
@@ -1449,8 +1509,8 @@ var defaultValues2 = {
   // تبدیل به ISO بدون تغییر آفست
 };
 function DateFilter({ setHandler }) {
-  const isMobile = useMediaQuery2("(max-width:900px)");
-  const isSmMobile = useMediaQuery2("(max-width:600px)");
+  const isMobile = useMediaQuery3("(max-width:900px)");
+  const isSmMobile = useMediaQuery3("(max-width:600px)");
   const { control, watch, setValue } = useForm2({
     defaultValues: defaultValues2,
     mode: "onChange",
@@ -1511,7 +1571,7 @@ function DateFilter({ setHandler }) {
 
 // src/date-time-picker/index.tsx
 import { Typography as Typography5 } from "@mui/material";
-import useMediaQuery3 from "@mui/material/useMediaQuery";
+import useMediaQuery4 from "@mui/material/useMediaQuery";
 import { Box as Box8 } from "@mui/system";
 import { DateTimePicker, LocalizationProvider as LocalizationProvider2 } from "@mui/x-date-pickers";
 import { AdapterMomentJalaali as AdapterMomentJalaali2 } from "@mui/x-date-pickers/AdapterMomentJalaali";
@@ -1531,7 +1591,7 @@ var JalaliDatePicker2 = ({
   centeredTime = false
 }) => {
   const today = moment4();
-  const isMobile = useMediaQuery3("(max-width:700px)");
+  const isMobile = useMediaQuery4("(max-width:700px)");
   const [open, setOpen] = useState5(false);
   const customLocaleText = {
     cancelButtonLabel: "\u0644\u063A\u0648",
@@ -1896,6 +1956,12 @@ function SearchLicensePlate({
     }
   }, [data]);
   const handleInputChange = (enteredInput, inputName, maxlength, minLength) => {
+    if (inputName !== "input2") {
+      const englishInput = convertToEnglishDigits2(enteredInput);
+      if (!/^\d*$/.test(englishInput)) {
+        return;
+      }
+    }
     const newInputValues = {
       ...inputValues,
       [inputName]: enteredInput
@@ -2006,7 +2072,13 @@ function SearchLicensePlate({
             cursor: readOnly || !!data && readOnly ? "" : "text"
           },
           value: convertToPersianDigits2(inputValues.input1),
-          onChange: (e) => handleInputChange(e.target.value, "input1", 2)
+          onChange: (e) => {
+            const value = e.target.value;
+            const englishValue = convertToEnglishDigits2(value);
+            if (/^\d*$/.test(englishValue)) {
+              handleInputChange(value, "input1", 2);
+            }
+          }
         }
       ),
       /* @__PURE__ */ React12.createElement(
@@ -2151,7 +2223,13 @@ function SearchLicensePlate({
             cursor: readOnly || !!data && readOnly ? "" : "text"
           },
           value: convertToPersianDigits2(inputValues.input3),
-          onChange: (e) => handleInputChange(e.target.value, "input3", 3)
+          onChange: (e) => {
+            const value = e.target.value;
+            const englishValue = convertToEnglishDigits2(value);
+            if (/^\d*$/.test(englishValue)) {
+              handleInputChange(value, "input3", 3);
+            }
+          }
         }
       ),
       /* @__PURE__ */ React12.createElement(
@@ -2190,7 +2268,13 @@ function SearchLicensePlate({
               cursor: readOnly || !!data && readOnly ? "" : "text"
             },
             value: convertToPersianDigits2(inputValues.input4),
-            onChange: (e) => handleInputChange(e.target.value, "input4", 2)
+            onChange: (e) => {
+              const value = e.target.value;
+              const englishValue = convertToEnglishDigits2(value);
+              if (/^\d*$/.test(englishValue)) {
+                handleInputChange(value, "input4", 2);
+              }
+            }
           }
         ),
         /* @__PURE__ */ React12.createElement(
@@ -2209,7 +2293,7 @@ function SearchLicensePlate({
 
 // src/mobile-date-time-picker/index.tsx
 import { Button as Button8, Typography as Typography8 } from "@mui/material";
-import useMediaQuery4 from "@mui/material/useMediaQuery";
+import useMediaQuery5 from "@mui/material/useMediaQuery";
 import { Box as Box11 } from "@mui/system";
 import {
   MobileDateTimePicker,
@@ -2228,7 +2312,7 @@ var JalaliDatePicker3 = ({
   isLoading
 }) => {
   const today = moment6();
-  const isMobile = useMediaQuery4("(max-width:700px)");
+  const isMobile = useMediaQuery5("(max-width:700px)");
   const [open, setOpen] = useState8(false);
   const customLocaleText = {
     cancelButtonLabel: "\u0644\u063A\u0648",
@@ -2456,7 +2540,7 @@ import DialogTitle5 from "@mui/material/DialogTitle";
 import {
   Box as Box12,
   Button as Button9,
-  CircularProgress as CircularProgress2,
+  CircularProgress as CircularProgress3,
   Divider as Divider3,
   IconButton as IconButton5
 } from "@mui/material";
@@ -2518,7 +2602,7 @@ function ConfirmationDialog2({
         variant: "contained",
         color: "error",
         sx: { minWidth: "120px" },
-        startIcon: isLoading ? /* @__PURE__ */ React14.createElement(CircularProgress2, { sx: { color: "white" }, size: 20 }) : /* @__PURE__ */ React14.createElement(Delete, { size: 16 })
+        startIcon: isLoading ? /* @__PURE__ */ React14.createElement(CircularProgress3, { sx: { color: "white" }, size: 20 }) : /* @__PURE__ */ React14.createElement(Delete, { size: 16 })
       },
       "\u062D\u0630\u0641"
     ),
@@ -3148,7 +3232,7 @@ import TextField3 from "@mui/material/TextField";
 import { forwardRef } from "react";
 import { Controller as Controller8 } from "react-hook-form";
 import { NumericFormat } from "react-number-format";
-import CircularProgress3 from "@mui/material/CircularProgress";
+import CircularProgress4 from "@mui/material/CircularProgress";
 import InputAdornment2 from "@mui/material/InputAdornment";
 import React22 from "react";
 var FormInputNumber = ({
@@ -3231,7 +3315,7 @@ var FormInputNumber = ({
               maxLength,
               decimalScale
             },
-            endAdornment: isLoading ? /* @__PURE__ */ React22.createElement(InputAdornment2, { position: "end" }, /* @__PURE__ */ React22.createElement(CircularProgress3, { size: 20 })) : endAdornment,
+            endAdornment: isLoading ? /* @__PURE__ */ React22.createElement(InputAdornment2, { position: "end" }, /* @__PURE__ */ React22.createElement(CircularProgress4, { size: 20 })) : endAdornment,
             startAdornment
           },
           ...rest
@@ -3279,7 +3363,7 @@ var NumericFormatCustom = forwardRef(
 var number_type_default = FormInputNumber;
 
 // src/text-field/text-type/index.tsx
-import CircularProgress4 from "@mui/material/CircularProgress";
+import CircularProgress5 from "@mui/material/CircularProgress";
 import InputAdornment3 from "@mui/material/InputAdornment";
 import TextField4 from "@mui/material/TextField";
 import React23 from "react";
@@ -3325,7 +3409,7 @@ var FormInputText = ({
             readOnly
           },
           InputProps: {
-            endAdornment: isLoading ? /* @__PURE__ */ React23.createElement(InputAdornment3, { position: "end" }, /* @__PURE__ */ React23.createElement(CircularProgress4, { size: 20 })) : null
+            endAdornment: isLoading ? /* @__PURE__ */ React23.createElement(InputAdornment3, { position: "end" }, /* @__PURE__ */ React23.createElement(CircularProgress5, { size: 20 })) : null
           },
           InputLabelProps: { shrink: true },
           inputRef: ref,