@mamrp/components 1.2.0 → 1.2.1

package/dist/index.d.mts

@@ -262,6 +262,22 @@ type FormInputNumberProps<T extends FieldValues> = {
 } & TextFieldProps;
 declare const FormInputNumber: <T extends FieldValues>({ name, control, label, inputRef, onKeyDown, endAdornment, thousandSeparator, startAdornment, onChangeHandler, valueHandler, allowLeadingZeros, allowNegative, maxLength, isLoading, rules, data, borderColor, placeholder, decimalScale, autoComplete, textAlign, borderless, ...rest }: FormInputNumberProps<T>) => React__default.JSX.Element;
 
+type FormInputTextProps$1<T extends FieldValues> = {
+    control: Control<T>;
+    name: Path<T>;
+    label?: string;
+    maxLength?: number;
+    readOnly?: boolean;
+    rules?: any;
+    size?: "medium" | "small";
+    disabled?: boolean;
+    multiline?: boolean;
+    isLoading?: boolean;
+    onBlurHandler?: any;
+    rows?: number;
+} & TextFieldProps;
+declare const FormInputText: <T extends FieldValues>({ name, control, label, maxLength, readOnly, rules, size, disabled, multiline, isLoading, onBlurHandler, rows, ...rest }: FormInputTextProps$1<T>) => React__default.JSX.Element;
+
 type FormInputTextProps<T extends FieldValues> = {
     control: Control<T>;
     name: Path<T>;
@@ -275,8 +291,11 @@ type FormInputTextProps<T extends FieldValues> = {
     isLoading?: boolean;
     onBlurHandler?: any;
     rows?: number;
+    groupEvery?: number;
+    groupSeparator?: string;
+    formatPattern?: string;
 } & TextFieldProps;
-declare const FormInputText: <T extends FieldValues>({ name, control, label, maxLength, readOnly, rules, size, disabled, multiline, isLoading, onBlurHandler, rows, ...rest }: FormInputTextProps<T>) => React__default.JSX.Element;
+declare const PatternTextField: <T extends FieldValues>({ name, control, label, maxLength, readOnly, rules, size, disabled, multiline, isLoading, onBlurHandler, rows, groupEvery, groupSeparator, formatPattern, ...rest }: FormInputTextProps<T>) => React__default.JSX.Element;
 
 type UploadImageProps<T extends FieldValues> = {
     placeholder: string;
@@ -322,4 +341,4 @@ interface DraggablePaperProps extends PaperProps {
 }
 declare function DraggablePaper({ handle, cancel, ...props }: DraggablePaperProps): React.JSX.Element;
 
-export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, ConnectToBasculeButton, CustomCheckbox, CustomTimePicker, DateFilter, DateFilterRange, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, DraggablePaper, FormInputNumber, FormInputText, HorizontalStepper, LicensePlate, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, NestedSelect as NestedSelectort, NoResult, PaginationList, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchButton, Table, UploadImage };
+export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, ConnectToBasculeButton, CustomCheckbox, CustomTimePicker, DateFilter, DateFilterRange, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, DraggablePaper, FormInputNumber, FormInputText, HorizontalStepper, LicensePlate, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, NestedSelect as NestedSelectort, NoResult, PaginationList, PatternTextField, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchButton, Table, UploadImage };

package/dist/index.d.ts

@@ -262,6 +262,22 @@ type FormInputNumberProps<T extends FieldValues> = {
 } & TextFieldProps;
 declare const FormInputNumber: <T extends FieldValues>({ name, control, label, inputRef, onKeyDown, endAdornment, thousandSeparator, startAdornment, onChangeHandler, valueHandler, allowLeadingZeros, allowNegative, maxLength, isLoading, rules, data, borderColor, placeholder, decimalScale, autoComplete, textAlign, borderless, ...rest }: FormInputNumberProps<T>) => React__default.JSX.Element;
 
+type FormInputTextProps$1<T extends FieldValues> = {
+    control: Control<T>;
+    name: Path<T>;
+    label?: string;
+    maxLength?: number;
+    readOnly?: boolean;
+    rules?: any;
+    size?: "medium" | "small";
+    disabled?: boolean;
+    multiline?: boolean;
+    isLoading?: boolean;
+    onBlurHandler?: any;
+    rows?: number;
+} & TextFieldProps;
+declare const FormInputText: <T extends FieldValues>({ name, control, label, maxLength, readOnly, rules, size, disabled, multiline, isLoading, onBlurHandler, rows, ...rest }: FormInputTextProps$1<T>) => React__default.JSX.Element;
+
 type FormInputTextProps<T extends FieldValues> = {
     control: Control<T>;
     name: Path<T>;
@@ -275,8 +291,11 @@ type FormInputTextProps<T extends FieldValues> = {
     isLoading?: boolean;
     onBlurHandler?: any;
     rows?: number;
+    groupEvery?: number;
+    groupSeparator?: string;
+    formatPattern?: string;
 } & TextFieldProps;
-declare const FormInputText: <T extends FieldValues>({ name, control, label, maxLength, readOnly, rules, size, disabled, multiline, isLoading, onBlurHandler, rows, ...rest }: FormInputTextProps<T>) => React__default.JSX.Element;
+declare const PatternTextField: <T extends FieldValues>({ name, control, label, maxLength, readOnly, rules, size, disabled, multiline, isLoading, onBlurHandler, rows, groupEvery, groupSeparator, formatPattern, ...rest }: FormInputTextProps<T>) => React__default.JSX.Element;
 
 type UploadImageProps<T extends FieldValues> = {
     placeholder: string;
@@ -322,4 +341,4 @@ interface DraggablePaperProps extends PaperProps {
 }
 declare function DraggablePaper({ handle, cancel, ...props }: DraggablePaperProps): React.JSX.Element;
 
-export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, ConnectToBasculeButton, CustomCheckbox, CustomTimePicker, DateFilter, DateFilterRange, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, DraggablePaper, FormInputNumber, FormInputText, HorizontalStepper, LicensePlate, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, NestedSelect as NestedSelectort, NoResult, PaginationList, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchButton, Table, UploadImage };
+export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, ConnectToBasculeButton, CustomCheckbox, CustomTimePicker, DateFilter, DateFilterRange, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, DraggablePaper, FormInputNumber, FormInputText, HorizontalStepper, LicensePlate, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, NestedSelect as NestedSelectort, NoResult, PaginationList, PatternTextField, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchButton, Table, UploadImage };

package/dist/index.js

@@ -51,6 +51,7 @@ __export(src_exports, {
   NestedSelectort: () => selector_default,
   NoResult: () => NoResult,
   PaginationList: () => PaginationList,
+  PatternTextField: () => number_pattern_input_default,
   RadioButton: () => RadioButton,
   SearchLicensePlate: () => SearchLicensePlate,
   Selector: () => MultipleSelectChip,
@@ -3516,9 +3517,107 @@ var FormInputText = ({
 };
 var text_type_default = FormInputText;
 
-// src/upload-image/index.tsx
+// src/text-field/number-pattern-input/index.tsx
+var import_CircularProgress4 = __toESM(require("@mui/material/CircularProgress"));
+var import_InputAdornment3 = __toESM(require("@mui/material/InputAdornment"));
+var import_TextField4 = __toESM(require("@mui/material/TextField"));
 var import_react23 = __toESM(require("react"));
 var import_react_hook_form13 = require("react-hook-form");
+var import_react_number_format2 = require("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__ */ import_react23.default.createElement(
+    import_react_hook_form13.Controller,
+    {
+      name,
+      control,
+      rules,
+      render: ({ field: { onChange, value, ref }, fieldState: { error } }) => /* @__PURE__ */ import_react23.default.createElement(
+        import_TextField4.default,
+        {
+          ...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__ */ import_react23.default.createElement(import_InputAdornment3.default, { position: "end" }, /* @__PURE__ */ import_react23.default.createElement(import_CircularProgress4.default, { size: 20 })) : null
+          },
+          InputLabelProps: { shrink: true },
+          inputRef: ref
+        }
+      )
+    }
+  );
+};
+var PatternFormatCustom = (0, import_react23.forwardRef)(
+  function PatternFormatCustom2(props, ref) {
+    const { onChange, format, ...other } = props;
+    return /* @__PURE__ */ import_react23.default.createElement(
+      import_react_number_format2.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
+var import_react24 = __toESM(require("react"));
+var import_react_hook_form14 = require("react-hook-form");
 var import_material21 = require("@mui/material");
 var import_gr = require("react-icons/gr");
 var import_md5 = require("react-icons/md");
@@ -3592,12 +3691,12 @@ var UploadImage = ({
       }
     }
   };
-  return /* @__PURE__ */ import_react23.default.createElement(
-    import_react_hook_form13.Controller,
+  return /* @__PURE__ */ import_react24.default.createElement(
+    import_react_hook_form14.Controller,
     {
       name,
       control,
-      render: ({ field }) => /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(
+      render: ({ field }) => /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement(
         "label",
         {
           htmlFor: "file-upload",
@@ -3617,7 +3716,7 @@ var UploadImage = ({
             overflow: "hidden"
           }
         },
-        selectedImage ? /* @__PURE__ */ import_react23.default.createElement(
+        selectedImage ? /* @__PURE__ */ import_react24.default.createElement(
           import_image3.default,
           {
             src: selectedImage,
@@ -3625,13 +3724,13 @@ var UploadImage = ({
             fill: true,
             objectFit: imageFit
           }
-        ) : /* @__PURE__ */ import_react23.default.createElement(
+        ) : /* @__PURE__ */ import_react24.default.createElement(
           import_material21.Stack,
           {
             spacing: allowGallery ? 2 : 0,
             sx: { pt: allowGallery ? 2 : 0 }
           },
-          /* @__PURE__ */ import_react23.default.createElement(
+          /* @__PURE__ */ import_react24.default.createElement(
             import_material21.Box,
             {
               sx: {
@@ -3641,31 +3740,31 @@ var UploadImage = ({
                 gap: 1.5
               }
             },
-            /* @__PURE__ */ import_react23.default.createElement(import_material21.Box, { sx: { paddingBottom: "0.5rem" } }, /* @__PURE__ */ import_react23.default.createElement(import_gr.GrUpload, null)),
+            /* @__PURE__ */ import_react24.default.createElement(import_material21.Box, { sx: { paddingBottom: "0.5rem" } }, /* @__PURE__ */ import_react24.default.createElement(import_gr.GrUpload, null)),
             placeholder
           ),
-          allowGallery && /* @__PURE__ */ import_react23.default.createElement(import_material21.Stack, { spacing: 1.5 }, /* @__PURE__ */ import_react23.default.createElement(
+          allowGallery && /* @__PURE__ */ import_react24.default.createElement(import_material21.Stack, { spacing: 1.5 }, /* @__PURE__ */ import_react24.default.createElement(
             import_material21.Button,
             {
               sx: { width: "9rem" },
               variant: "outlined",
               color: "info",
-              startIcon: /* @__PURE__ */ import_react23.default.createElement(import_md5.MdOutlineCameraAlt, { size: 16 }),
+              startIcon: /* @__PURE__ */ import_react24.default.createElement(import_md5.MdOutlineCameraAlt, { size: 16 }),
               onClick: () => document.getElementById("camera-upload")?.click()
             },
             "\u062F\u0648\u0631\u0628\u06CC\u0646"
-          ), /* @__PURE__ */ import_react23.default.createElement(
+          ), /* @__PURE__ */ import_react24.default.createElement(
             import_material21.Button,
             {
               sx: { width: "9rem" },
               variant: "outlined",
               color: "info",
-              startIcon: /* @__PURE__ */ import_react23.default.createElement(import_gr.GrGallery, { size: 16 }),
+              startIcon: /* @__PURE__ */ import_react24.default.createElement(import_gr.GrGallery, { size: 16 }),
               onClick: () => document.getElementById("gallery-upload")?.click()
             },
             "\u06AF\u0627\u0644\u0631\u06CC"
           )),
-          !allowGallery && /* @__PURE__ */ import_react23.default.createElement(
+          !allowGallery && /* @__PURE__ */ import_react24.default.createElement(
             "input",
             {
               id: "file-upload",
@@ -3680,7 +3779,7 @@ var UploadImage = ({
             }
           )
         )
-      ), /* @__PURE__ */ import_react23.default.createElement(
+      ), /* @__PURE__ */ import_react24.default.createElement(
         "input",
         {
           id: "gallery-upload",
@@ -3692,7 +3791,7 @@ var UploadImage = ({
           },
           style: { display: "none" }
         }
-      ), /* @__PURE__ */ import_react23.default.createElement(
+      ), /* @__PURE__ */ import_react24.default.createElement(
         "input",
         {
           id: "camera-upload",
@@ -3705,12 +3804,12 @@ var UploadImage = ({
           },
           style: { display: "none" }
         }
-      ), selectedImage && /* @__PURE__ */ import_react23.default.createElement(
+      ), selectedImage && /* @__PURE__ */ import_react24.default.createElement(
         import_material21.Box,
         {
           sx: { display: "flex", justifyContent: "center", marginTop: 2 }
         },
-        /* @__PURE__ */ import_react23.default.createElement(
+        /* @__PURE__ */ import_react24.default.createElement(
           import_material21.Button,
           {
             onClick: () => {
@@ -3730,7 +3829,7 @@ var UploadImage = ({
           },
           "\u062D\u0630\u0641 \u062A\u0635\u0648\u06CC\u0631"
         )
-      ), errors[name] && /* @__PURE__ */ import_react23.default.createElement(import_material21.Typography, { color: "error", variant: "body2", sx: { mt: 1.5, ml: 1 } }, String(errors[name]?.message || "")))
+      ), errors[name] && /* @__PURE__ */ import_react24.default.createElement(import_material21.Typography, { color: "error", variant: "body2", sx: { mt: 1.5, ml: 1 } }, String(errors[name]?.message || "")))
     }
   );
 };
@@ -3743,7 +3842,7 @@ var import_Accordion = __toESM(require("@mui/material/Accordion"));
 var import_AccordionSummary = __toESM(require("@mui/material/AccordionSummary"));
 var import_AccordionDetails = __toESM(require("@mui/material/AccordionDetails"));
 var import_material22 = require("@mui/material");
-var import_react24 = require("react");
+var import_react25 = require("react");
 function Page({
   data
 }) {
@@ -3773,7 +3872,7 @@ function Page({
     padding: theme2.spacing(2),
     borderTop: "1px solid rgba(0, 0, 0, .125)"
   }));
-  const [expanded, setExpanded] = (0, import_react24.useState)("");
+  const [expanded, setExpanded] = (0, import_react25.useState)("");
   const handleChange = (panel) => (event, newExpanded) => {
     setExpanded(newExpanded ? panel : false);
   };
@@ -3807,7 +3906,7 @@ function Page({
 // src/switch-button/index.tsx
 var import_material23 = require("@mui/material");
 var import_system8 = require("@mui/system");
-var import_react25 = __toESM(require("react"));
+var import_react26 = __toESM(require("react"));
 var import_pi = require("react-icons/pi");
 var import_material24 = require("@mui/material");
 var SwitchButton = ({
@@ -3846,10 +3945,10 @@ var SwitchButton = ({
     transition: "all 0.2s ease",
     color: isDarkMode ? "rgba(220,220,220, 1)" : "rgba(160,160,160, 1)"
   });
-  return /* @__PURE__ */ import_react25.default.createElement(BoxContainer, null, /* @__PURE__ */ import_react25.default.createElement(
+  return /* @__PURE__ */ import_react26.default.createElement(BoxContainer, null, /* @__PURE__ */ import_react26.default.createElement(
     import_material23.FormControlLabel,
     {
-      control: /* @__PURE__ */ import_react25.default.createElement(
+      control: /* @__PURE__ */ import_react26.default.createElement(
         CustomSwitch,
         {
           checked,
@@ -3857,7 +3956,7 @@ var SwitchButton = ({
           name: "switch"
         }
       ),
-      label: /* @__PURE__ */ import_react25.default.createElement(LabelContainer, null, checked ? iconChecked ? iconChecked : /* @__PURE__ */ import_react25.default.createElement(import_pi.PiTableDuotone, { size: 30 }) : iconUnchecked ? iconUnchecked : /* @__PURE__ */ import_react25.default.createElement(import_pi.PiCardsDuotone, { size: 30 }))
+      label: /* @__PURE__ */ import_react26.default.createElement(LabelContainer, null, checked ? iconChecked ? iconChecked : /* @__PURE__ */ import_react26.default.createElement(import_pi.PiTableDuotone, { size: 30 }) : iconUnchecked ? iconUnchecked : /* @__PURE__ */ import_react26.default.createElement(import_pi.PiCardsDuotone, { size: 30 }))
     }
   ));
 };
@@ -3865,7 +3964,7 @@ var switch_button_default = SwitchButton;
 
 // src/bascule-connection-button/index.tsx
 var import_material25 = require("@mui/material");
-var import_react26 = __toESM(require("react"));
+var import_react27 = __toESM(require("react"));
 var import_react_hot_toast = __toESM(require("react-hot-toast"));
 var import_pi2 = require("react-icons/pi");
 var ConnectToBasculeButton = ({
@@ -3875,8 +3974,8 @@ var ConnectToBasculeButton = ({
   parity = "none",
   flowControl = "none"
 }) => {
-  const [connected, setConnected] = (0, import_react26.useState)(false);
-  const portRef = (0, import_react26.useRef)(null);
+  const [connected, setConnected] = (0, import_react27.useState)(false);
+  const portRef = (0, import_react27.useRef)(null);
   const connectToBascule = async () => {
     if (!("serial" in navigator)) {
       import_react_hot_toast.default.error("Web Serial API \u062A\u0648\u0633\u0637 \u0627\u06CC\u0646 \u0645\u0631\u0648\u0631\u06AF\u0631 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC \u0646\u0645\u06CC\u200C\u0634\u0648\u062F.");
@@ -3894,7 +3993,7 @@ var ConnectToBasculeButton = ({
       import_react_hot_toast.default.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__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement("style", null, `
+  return /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, /* @__PURE__ */ import_react27.default.createElement("style", null, `
         @keyframes jumpAnimation {
           0% { transform: translateY(1px); }
           12.5% { transform: translateY(-2px); }
@@ -3903,7 +4002,7 @@ var ConnectToBasculeButton = ({
           50% { transform: translateY(0); }
           100% { transform: translateY(0); }
         }
-      `), /* @__PURE__ */ import_react26.default.createElement(
+      `), /* @__PURE__ */ import_react27.default.createElement(
     import_material25.Button,
     {
       variant: "contained",
@@ -3911,7 +4010,7 @@ var ConnectToBasculeButton = ({
       disabled: connected,
       sx: { minWidth: "11rem" }
     },
-    /* @__PURE__ */ import_react26.default.createElement(
+    /* @__PURE__ */ import_react27.default.createElement(
       import_material25.Box,
       {
         sx: {
@@ -3921,7 +4020,7 @@ var ConnectToBasculeButton = ({
           fontSize: 16
         }
       },
-      connected ? /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, "\u0645\u062A\u0635\u0644 \u0628\u0647 \u0628\u0627\u0633\u06A9\u0648\u0644", /* @__PURE__ */ import_react26.default.createElement(import_pi2.PiPlugsConnected, { size: 20 })) : /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, "\u0627\u062A\u0635\u0627\u0644 \u0628\u0647 \u0628\u0627\u0633\u06A9\u0648\u0644", /* @__PURE__ */ import_react26.default.createElement(
+      connected ? /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, "\u0645\u062A\u0635\u0644 \u0628\u0647 \u0628\u0627\u0633\u06A9\u0648\u0644", /* @__PURE__ */ import_react27.default.createElement(import_pi2.PiPlugsConnected, { size: 20 })) : /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, "\u0627\u062A\u0635\u0627\u0644 \u0628\u0647 \u0628\u0627\u0633\u06A9\u0648\u0644", /* @__PURE__ */ import_react27.default.createElement(
         import_pi2.PiPlugs,
         {
           size: 20,
@@ -3937,14 +4036,14 @@ var bascule_connection_button_default = ConnectToBasculeButton;
 
 // src/draggable-paper/index.tsx
 var import_material26 = require("@mui/material");
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_react_draggable = __toESM(require("react-draggable"));
 function DraggablePaper({
   handle = "#draggable-dialog",
   cancel = '[class*="MuiDialogContent-root"]',
   ...props
 }) {
-  const nodeRef = (0, import_react27.useRef)(null);
+  const nodeRef = (0, import_react28.useRef)(null);
   return /* @__PURE__ */ React.createElement(
     import_react_draggable.default,
     {
@@ -3980,6 +4079,7 @@ function DraggablePaper({
   NestedSelectort,
   NoResult,
   PaginationList,
+  PatternTextField,
   RadioButton,
   SearchLicensePlate,
   Selector,