@mamrp/components 1.2.0 → 1.2.1

package/dist/index.mjs

@@ -3495,10 +3495,108 @@ var FormInputText = ({
 };
 var text_type_default = FormInputText;
 
+// src/text-field/number-pattern-input/index.tsx
+import CircularProgress6 from "@mui/material/CircularProgress";
+import InputAdornment4 from "@mui/material/InputAdornment";
+import TextField5 from "@mui/material/TextField";
+import React24, { forwardRef as forwardRef2 } from "react";
+import { Controller as Controller10 } from "react-hook-form";
+import { PatternFormat } from "react-number-format";
+var PatternTextField = ({
+  name,
+  control,
+  label,
+  maxLength,
+  readOnly,
+  rules,
+  size = "small",
+  disabled = false,
+  multiline,
+  isLoading,
+  onBlurHandler,
+  rows,
+  groupEvery,
+  groupSeparator = "-",
+  formatPattern,
+  ...rest
+}) => {
+  const isNumericMode = !!groupEvery;
+  const formatValue = (val) => {
+    if (!val) return "";
+    const raw = isNumericMode ? val.replace(/\D/g, "") : val;
+    if (groupEvery) {
+      return raw.match(new RegExp(`.{1,${groupEvery}}`, "g"))?.join(groupSeparator) || "";
+    }
+    return val;
+  };
+  return /* @__PURE__ */ React24.createElement(
+    Controller10,
+    {
+      name,
+      control,
+      rules,
+      render: ({ field: { onChange, value, ref }, fieldState: { error } }) => /* @__PURE__ */ React24.createElement(
+        TextField5,
+        {
+          ...rest,
+          disabled: disabled || isLoading,
+          helperText: error?.message || null,
+          multiline,
+          size,
+          rows: rows || void 0,
+          error: !!error,
+          value: formatValue(value?.toString() || ""),
+          onChange: (e) => {
+            let newRaw = e.target.value;
+            if (isNumericMode) newRaw = newRaw.replace(/\D/g, "");
+            if (!maxLength || newRaw.length <= maxLength) onChange(newRaw);
+          },
+          fullWidth: true,
+          label,
+          variant: "outlined",
+          inputProps: { ...rest.inputProps, readOnly },
+          InputProps: {
+            inputComponent: formatPattern ? PatternFormatCustom : void 0,
+            inputProps: {
+              format: formatPattern
+              // 👈 الگوی نمایش
+            },
+            endAdornment: isLoading ? /* @__PURE__ */ React24.createElement(InputAdornment4, { position: "end" }, /* @__PURE__ */ React24.createElement(CircularProgress6, { size: 20 })) : null
+          },
+          InputLabelProps: { shrink: true },
+          inputRef: ref
+        }
+      )
+    }
+  );
+};
+var PatternFormatCustom = forwardRef2(
+  function PatternFormatCustom2(props, ref) {
+    const { onChange, format, ...other } = props;
+    return /* @__PURE__ */ React24.createElement(
+      PatternFormat,
+      {
+        ...other,
+        getInputRef: ref,
+        format,
+        onValueChange: (values) => {
+          onChange({
+            target: {
+              name: props.name,
+              value: values.value
+            }
+          });
+        }
+      }
+    );
+  }
+);
+var number_pattern_input_default = PatternTextField;
+
 // src/upload-image/index.tsx
-import React24 from "react";
+import React25 from "react";
 import {
-  Controller as Controller10
+  Controller as Controller11
 } from "react-hook-form";
 import { Box as Box17, Button as Button11, Stack as Stack5, Typography as Typography13 } from "@mui/material";
 import { GrUpload, GrGallery } from "react-icons/gr";
@@ -3573,12 +3671,12 @@ var UploadImage = ({
       }
     }
   };
-  return /* @__PURE__ */ React24.createElement(
-    Controller10,
+  return /* @__PURE__ */ React25.createElement(
+    Controller11,
     {
       name,
       control,
-      render: ({ field }) => /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement(
+      render: ({ field }) => /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(
         "label",
         {
           htmlFor: "file-upload",
@@ -3598,7 +3696,7 @@ var UploadImage = ({
             overflow: "hidden"
           }
         },
-        selectedImage ? /* @__PURE__ */ React24.createElement(
+        selectedImage ? /* @__PURE__ */ React25.createElement(
           Image3,
           {
             src: selectedImage,
@@ -3606,13 +3704,13 @@ var UploadImage = ({
             fill: true,
             objectFit: imageFit
           }
-        ) : /* @__PURE__ */ React24.createElement(
+        ) : /* @__PURE__ */ React25.createElement(
           Stack5,
           {
             spacing: allowGallery ? 2 : 0,
             sx: { pt: allowGallery ? 2 : 0 }
           },
-          /* @__PURE__ */ React24.createElement(
+          /* @__PURE__ */ React25.createElement(
             Box17,
             {
               sx: {
@@ -3622,31 +3720,31 @@ var UploadImage = ({
                 gap: 1.5
               }
             },
-            /* @__PURE__ */ React24.createElement(Box17, { sx: { paddingBottom: "0.5rem" } }, /* @__PURE__ */ React24.createElement(GrUpload, null)),
+            /* @__PURE__ */ React25.createElement(Box17, { sx: { paddingBottom: "0.5rem" } }, /* @__PURE__ */ React25.createElement(GrUpload, null)),
             placeholder
           ),
-          allowGallery && /* @__PURE__ */ React24.createElement(Stack5, { spacing: 1.5 }, /* @__PURE__ */ React24.createElement(
+          allowGallery && /* @__PURE__ */ React25.createElement(Stack5, { spacing: 1.5 }, /* @__PURE__ */ React25.createElement(
             Button11,
             {
               sx: { width: "9rem" },
               variant: "outlined",
               color: "info",
-              startIcon: /* @__PURE__ */ React24.createElement(MdOutlineCameraAlt, { size: 16 }),
+              startIcon: /* @__PURE__ */ React25.createElement(MdOutlineCameraAlt, { size: 16 }),
               onClick: () => document.getElementById("camera-upload")?.click()
             },
             "\u062F\u0648\u0631\u0628\u06CC\u0646"
-          ), /* @__PURE__ */ React24.createElement(
+          ), /* @__PURE__ */ React25.createElement(
             Button11,
             {
               sx: { width: "9rem" },
               variant: "outlined",
               color: "info",
-              startIcon: /* @__PURE__ */ React24.createElement(GrGallery, { size: 16 }),
+              startIcon: /* @__PURE__ */ React25.createElement(GrGallery, { size: 16 }),
               onClick: () => document.getElementById("gallery-upload")?.click()
             },
             "\u06AF\u0627\u0644\u0631\u06CC"
           )),
-          !allowGallery && /* @__PURE__ */ React24.createElement(
+          !allowGallery && /* @__PURE__ */ React25.createElement(
             "input",
             {
               id: "file-upload",
@@ -3661,7 +3759,7 @@ var UploadImage = ({
             }
           )
         )
-      ), /* @__PURE__ */ React24.createElement(
+      ), /* @__PURE__ */ React25.createElement(
         "input",
         {
           id: "gallery-upload",
@@ -3673,7 +3771,7 @@ var UploadImage = ({
           },
           style: { display: "none" }
         }
-      ), /* @__PURE__ */ React24.createElement(
+      ), /* @__PURE__ */ React25.createElement(
         "input",
         {
           id: "camera-upload",
@@ -3686,12 +3784,12 @@ var UploadImage = ({
           },
           style: { display: "none" }
         }
-      ), selectedImage && /* @__PURE__ */ React24.createElement(
+      ), selectedImage && /* @__PURE__ */ React25.createElement(
         Box17,
         {
           sx: { display: "flex", justifyContent: "center", marginTop: 2 }
         },
-        /* @__PURE__ */ React24.createElement(
+        /* @__PURE__ */ React25.createElement(
           Button11,
           {
             onClick: () => {
@@ -3711,7 +3809,7 @@ var UploadImage = ({
           },
           "\u062D\u0630\u0641 \u062A\u0635\u0648\u06CC\u0631"
         )
-      ), errors[name] && /* @__PURE__ */ React24.createElement(Typography13, { color: "error", variant: "body2", sx: { mt: 1.5, ml: 1 } }, String(errors[name]?.message || "")))
+      ), errors[name] && /* @__PURE__ */ React25.createElement(Typography13, { color: "error", variant: "body2", sx: { mt: 1.5, ml: 1 } }, String(errors[name]?.message || "")))
     }
   );
 };
@@ -3792,7 +3890,7 @@ function Page({
 // src/switch-button/index.tsx
 import { Box as Box18, FormControlLabel as FormControlLabel3, Switch } from "@mui/material";
 import { styled as styled4 } from "@mui/system";
-import React25 from "react";
+import React26 from "react";
 import { PiCardsDuotone, PiTableDuotone } from "react-icons/pi";
 import { useTheme as useTheme6 } from "@mui/material";
 var SwitchButton = ({
@@ -3831,10 +3929,10 @@ var SwitchButton = ({
     transition: "all 0.2s ease",
     color: isDarkMode ? "rgba(220,220,220, 1)" : "rgba(160,160,160, 1)"
   });
-  return /* @__PURE__ */ React25.createElement(BoxContainer, null, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React26.createElement(BoxContainer, null, /* @__PURE__ */ React26.createElement(
     FormControlLabel3,
     {
-      control: /* @__PURE__ */ React25.createElement(
+      control: /* @__PURE__ */ React26.createElement(
         CustomSwitch,
         {
           checked,
@@ -3842,7 +3940,7 @@ var SwitchButton = ({
           name: "switch"
         }
       ),
-      label: /* @__PURE__ */ React25.createElement(LabelContainer, null, checked ? iconChecked ? iconChecked : /* @__PURE__ */ React25.createElement(PiTableDuotone, { size: 30 }) : iconUnchecked ? iconUnchecked : /* @__PURE__ */ React25.createElement(PiCardsDuotone, { size: 30 }))
+      label: /* @__PURE__ */ React26.createElement(LabelContainer, null, checked ? iconChecked ? iconChecked : /* @__PURE__ */ React26.createElement(PiTableDuotone, { size: 30 }) : iconUnchecked ? iconUnchecked : /* @__PURE__ */ React26.createElement(PiCardsDuotone, { size: 30 }))
     }
   ));
 };
@@ -3850,7 +3948,7 @@ var switch_button_default = SwitchButton;
 
 // src/bascule-connection-button/index.tsx
 import { Box as Box19, Button as Button12 } from "@mui/material";
-import React26, { useRef as useRef4, useState as useState12 } from "react";
+import React27, { useRef as useRef4, useState as useState12 } from "react";
 import toast from "react-hot-toast";
 import { PiPlugs, PiPlugsConnected } from "react-icons/pi";
 var ConnectToBasculeButton = ({
@@ -3879,7 +3977,7 @@ var ConnectToBasculeButton = ({
       toast.error("\u062E\u0637\u0627 \u062F\u0631 \u0627\u062A\u0635\u0627\u0644 \u0628\u0647 \u0628\u0627\u0633\u06A9\u0648\u0644. \u0644\u0637\u0641\u0627\u064B \u062F\u0648\u0628\u0627\u0631\u0647 \u062A\u0644\u0627\u0634 \u06A9\u0646\u06CC\u062F.");
     }
   };
-  return /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement("style", null, `
+  return /* @__PURE__ */ React27.createElement(React27.Fragment, null, /* @__PURE__ */ React27.createElement("style", null, `
         @keyframes jumpAnimation {
           0% { transform: translateY(1px); }
           12.5% { transform: translateY(-2px); }
@@ -3888,7 +3986,7 @@ var ConnectToBasculeButton = ({
           50% { transform: translateY(0); }
           100% { transform: translateY(0); }
         }
-      `), /* @__PURE__ */ React26.createElement(
+      `), /* @__PURE__ */ React27.createElement(
     Button12,
     {
       variant: "contained",
@@ -3896,7 +3994,7 @@ var ConnectToBasculeButton = ({
       disabled: connected,
       sx: { minWidth: "11rem" }
     },
-    /* @__PURE__ */ React26.createElement(
+    /* @__PURE__ */ React27.createElement(
       Box19,
       {
         sx: {
@@ -3906,7 +4004,7 @@ var ConnectToBasculeButton = ({
           fontSize: 16
         }
       },
-      connected ? /* @__PURE__ */ React26.createElement(React26.Fragment, null, "\u0645\u062A\u0635\u0644 \u0628\u0647 \u0628\u0627\u0633\u06A9\u0648\u0644", /* @__PURE__ */ React26.createElement(PiPlugsConnected, { size: 20 })) : /* @__PURE__ */ React26.createElement(React26.Fragment, null, "\u0627\u062A\u0635\u0627\u0644 \u0628\u0647 \u0628\u0627\u0633\u06A9\u0648\u0644", /* @__PURE__ */ React26.createElement(
+      connected ? /* @__PURE__ */ React27.createElement(React27.Fragment, null, "\u0645\u062A\u0635\u0644 \u0628\u0647 \u0628\u0627\u0633\u06A9\u0648\u0644", /* @__PURE__ */ React27.createElement(PiPlugsConnected, { size: 20 })) : /* @__PURE__ */ React27.createElement(React27.Fragment, null, "\u0627\u062A\u0635\u0627\u0644 \u0628\u0647 \u0628\u0627\u0633\u06A9\u0648\u0644", /* @__PURE__ */ React27.createElement(
         PiPlugs,
         {
           size: 20,
@@ -3964,6 +4062,7 @@ export {
   selector_default as NestedSelectort,
   NoResult,
   PaginationList,
+  number_pattern_input_default as PatternTextField,
   RadioButton,
   SearchLicensePlate,
   MultipleSelectChip as Selector,