@mamrp/components 1.0.6 → 1.0.9

package/dist/index.mjs

@@ -570,7 +570,6 @@ function MultipleSelectChip({
         {
           disableClearable: clear,
           disabled: disabled || isLoading,
-          disablePortal: true,
           size,
           disableCloseOnSelect: multipleitems,
           options: combinedOptions,
@@ -2964,91 +2963,15 @@ function HorizontalStepper({
   )))));
 }
 
-// src/switch-button/index.tsx
-import { Box as Box16, FormControlLabel as FormControlLabel3, Switch } from "@mui/material";
-import { styled as styled2 } from "@mui/system";
-import React21 from "react";
-var CustomSwitch = styled2(Switch)(({ theme }) => ({
-  "& .MuiSwitch-switchBase.Mui-checked": {
-    color: theme.palette.primary.main
-  },
-  "& .MuiSwitch-switchBase": {
-    color: "#757575"
-  },
-  "& .MuiSwitch-track": {
-    backgroundColor: "#E0E0E0"
-  },
-  "& .MuiSwitch-track.Mui-checked": {
-    backgroundColor: theme.palette.primary.light
-  }
-}));
-var BoxContainer = styled2(Box16)(({ theme }) => ({
-  display: "flex",
-  alignItems: "center",
-  padding: "5px",
-  backgroundColor: "#fafafa",
-  borderRadius: "10px",
-  transition: "all 0.3s ease",
-  "&:hover": {
-    backgroundColor: theme.palette.action.hover
-  },
-  // Conditionally apply smaller padding for mobile devices
-  "@media (max-width:700px)": {
-    padding: "0px"
-    // Smaller padding for mobile
-  }
-}));
-var LabelContainer = styled2("div")({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  fontSize: "16px",
-  fontWeight: "100",
-  color: "#333",
-  marginLeft: "8px",
-  transition: "all 0.2s ease",
-  // Conditionally apply smaller font size and margin for mobile devices
-  "@media (max-width:700px)": {
-    fontSize: "14px",
-    // Smaller font size for mobile
-    marginLeft: "2px",
-    // Smaller margin for mobile
-    marginRight: "0px"
-    // Smaller
-  }
-});
-var SwitchWithIcons = ({
-  checked,
-  handleChange,
-  iconChecked,
-  iconUnchecked
-}) => {
-  return /* @__PURE__ */ React21.createElement(BoxContainer, null, /* @__PURE__ */ React21.createElement(
-    FormControlLabel3,
-    {
-      control: /* @__PURE__ */ React21.createElement(
-        CustomSwitch,
-        {
-          checked,
-          onChange: handleChange,
-          name: "switch"
-        }
-      ),
-      label: /* @__PURE__ */ React21.createElement(LabelContainer, null, checked ? iconChecked ? iconChecked : /* @__PURE__ */ React21.createElement("div", { style: { fontSize: 22, color: "#4CAF50" } }, "\u2714") : iconUnchecked ? iconUnchecked : /* @__PURE__ */ React21.createElement("div", { style: { fontSize: 20, color: "#757575" } }, "\u2718"))
-    }
-  ));
-};
-var switch_button_default = SwitchWithIcons;
-
 // src/table/index.tsx
 import { Typography as Typography11 } from "@mui/material";
 import Skeleton2 from "@mui/material/Skeleton";
-import { styled as styled3 } from "@mui/material/styles";
+import { styled as styled2 } from "@mui/material/styles";
 import {
   DataGrid
 } from "@mui/x-data-grid";
-import React22, { useEffect as useEffect8 } from "react";
-var ScrollableContainer = styled3("div")({
+import React21, { useEffect as useEffect8 } from "react";
+var ScrollableContainer = styled2("div")({
   width: "100%",
   overflowX: "auto"
   // Enable horizontal scrolling
@@ -3073,7 +2996,7 @@ var Table = ({
   fontSize,
   ...rest
 }) => {
-  const [sortModel, setSortModel] = React22.useState([]);
+  const [sortModel, setSortModel] = React21.useState([]);
   const handleSetQueryOptions = (options) => {
     if (!Array.isArray(options)) return;
     const formattedOptions = options.reduce((acc, item) => {
@@ -3101,7 +3024,7 @@ var Table = ({
       setSortModel([]);
     }
   }, [sortQuery]);
-  const handleSortModelChange = React22.useCallback(
+  const handleSortModelChange = React21.useCallback(
     (sortModel2) => {
       handleSetQueryOptions(
         sortModel2.map((item) => ({
@@ -3141,7 +3064,7 @@ var Table = ({
       // Connect paginationModel to DataGrid
     }
   };
-  return /* @__PURE__ */ React22.createElement(ScrollableContainer, null, /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ React21.createElement(ScrollableContainer, null, /* @__PURE__ */ React21.createElement(
     DataGrid,
     {
       rows,
@@ -3186,14 +3109,14 @@ var Table = ({
         noRowsLabel: "\u0647\u06CC\u0686 \u062F\u0627\u062F\u0647\u200C\u0627\u06CC \u06CC\u0627\u0641\u062A \u0646\u0634\u062F!",
         noResultsOverlayLabel: "\u0647\u06CC\u0686 \u062F\u0627\u062F\u0647\u200C\u0627\u06CC \u06CC\u0627\u0641\u062A \u0646\u0634\u062F!",
         MuiTablePagination: {
-          labelDisplayedRows: ({ from, to, count }) => loading ? /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement(
+          labelDisplayedRows: ({ from, to, count }) => loading ? /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(
             Skeleton2,
             {
               variant: "text",
               width: 30,
               style: { display: "inline-block" }
             }
-          ), " ", /* @__PURE__ */ React22.createElement(
+          ), " ", /* @__PURE__ */ React21.createElement(
             Skeleton2,
             {
               variant: "text",
@@ -3202,7 +3125,7 @@ var Table = ({
             }
           )) : `${from} - ${!isNaN(to) ? to : "..."} \u0627\u0632 ${count !== void 0 ? count : "..."}`
         },
-        footerRowSelected: (count) => /* @__PURE__ */ React22.createElement(Typography11, null, "\u0633\u0637\u0631 \u0647\u0627\u06CC \u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062F\u0647 : ", count)
+        footerRowSelected: (count) => /* @__PURE__ */ React21.createElement(Typography11, null, "\u0633\u0637\u0631 \u0647\u0627\u06CC \u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062F\u0647 : ", count)
       },
       ...rest
     }
@@ -3217,7 +3140,7 @@ import { Controller as Controller8 } from "react-hook-form";
 import { NumericFormat } from "react-number-format";
 import CircularProgress3 from "@mui/material/CircularProgress";
 import InputAdornment2 from "@mui/material/InputAdornment";
-import React23 from "react";
+import React22 from "react";
 var FormInputNumber = ({
   name,
   control,
@@ -3235,13 +3158,13 @@ var FormInputNumber = ({
   decimalScale = 2,
   ...rest
 }) => {
-  return /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React22.createElement(
     Controller8,
     {
       rules,
       name,
       control,
-      render: ({ field: { onChange, value, ref }, fieldState: { error } }) => /* @__PURE__ */ React23.createElement(
+      render: ({ field: { onChange, value, ref }, fieldState: { error } }) => /* @__PURE__ */ React22.createElement(
         TextField3,
         {
           disabled: isLoading,
@@ -3281,7 +3204,7 @@ var FormInputNumber = ({
               maxLength,
               decimalScale
             },
-            endAdornment: isLoading ? /* @__PURE__ */ React23.createElement(InputAdornment2, { position: "end" }, /* @__PURE__ */ React23.createElement(CircularProgress3, { size: 20 })) : null,
+            endAdornment: isLoading ? /* @__PURE__ */ React22.createElement(InputAdornment2, { position: "end" }, /* @__PURE__ */ React22.createElement(CircularProgress3, { size: 20 })) : null,
             startAdornment
           },
           ...rest
@@ -3301,7 +3224,7 @@ var NumericFormatCustom = forwardRef(
       decimalScale,
       ...other
     } = props;
-    return /* @__PURE__ */ React23.createElement(
+    return /* @__PURE__ */ React22.createElement(
       NumericFormat,
       {
         ...other,
@@ -3332,7 +3255,7 @@ var number_type_default = FormInputNumber;
 import CircularProgress4 from "@mui/material/CircularProgress";
 import InputAdornment3 from "@mui/material/InputAdornment";
 import TextField4 from "@mui/material/TextField";
-import React24 from "react";
+import React23 from "react";
 import { Controller as Controller9 } from "react-hook-form";
 var FormInputText = ({
   name,
@@ -3349,13 +3272,13 @@ var FormInputText = ({
   rows,
   ...rest
 }) => {
-  return /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ React23.createElement(
     Controller9,
     {
       name,
       control,
       rules,
-      render: ({ field: { onChange, value, ref }, fieldState: { error } }) => /* @__PURE__ */ React24.createElement(
+      render: ({ field: { onChange, value, ref }, fieldState: { error } }) => /* @__PURE__ */ React23.createElement(
         TextField4,
         {
           disabled: disabled || isLoading,
@@ -3375,7 +3298,7 @@ var FormInputText = ({
             readOnly
           },
           InputProps: {
-            endAdornment: isLoading ? /* @__PURE__ */ React24.createElement(InputAdornment3, { position: "end" }, /* @__PURE__ */ React24.createElement(CircularProgress4, { size: 20 })) : null
+            endAdornment: isLoading ? /* @__PURE__ */ React23.createElement(InputAdornment3, { position: "end" }, /* @__PURE__ */ React23.createElement(CircularProgress4, { size: 20 })) : null
           },
           InputLabelProps: { shrink: true },
           inputRef: ref,
@@ -3388,11 +3311,11 @@ var FormInputText = ({
 var text_type_default = FormInputText;
 
 // src/upload-image/index.tsx
-import React25 from "react";
+import React24 from "react";
 import {
   Controller as Controller10
 } from "react-hook-form";
-import { Box as Box17, Button as Button11, Stack as Stack5, Typography as Typography12 } from "@mui/material";
+import { Box as Box16, Button as Button11, Stack as Stack5, Typography as Typography12 } from "@mui/material";
 import { GrUpload, GrGallery } from "react-icons/gr";
 import { MdOutlineCameraAlt } from "react-icons/md";
 import Image3 from "next/image";
@@ -3465,12 +3388,12 @@ var UploadImage = ({
       }
     }
   };
-  return /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React24.createElement(
     Controller10,
     {
       name,
       control,
-      render: ({ field }) => /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(
+      render: ({ field }) => /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement(
         "label",
         {
           htmlFor: "file-upload",
@@ -3490,7 +3413,7 @@ var UploadImage = ({
             overflow: "hidden"
           }
         },
-        selectedImage ? /* @__PURE__ */ React25.createElement(
+        selectedImage ? /* @__PURE__ */ React24.createElement(
           Image3,
           {
             src: selectedImage,
@@ -3498,14 +3421,14 @@ var UploadImage = ({
             fill: true,
             objectFit: imageFit
           }
-        ) : /* @__PURE__ */ React25.createElement(
+        ) : /* @__PURE__ */ React24.createElement(
           Stack5,
           {
             spacing: allowGallery ? 2 : 0,
             sx: { pt: allowGallery ? 2 : 0 }
           },
-          /* @__PURE__ */ React25.createElement(
-            Box17,
+          /* @__PURE__ */ React24.createElement(
+            Box16,
             {
               sx: {
                 display: "flex",
@@ -3514,31 +3437,31 @@ var UploadImage = ({
                 gap: 1.5
               }
             },
-            /* @__PURE__ */ React25.createElement(Box17, { sx: { paddingBottom: "0.5rem" } }, /* @__PURE__ */ React25.createElement(GrUpload, null)),
+            /* @__PURE__ */ React24.createElement(Box16, { sx: { paddingBottom: "0.5rem" } }, /* @__PURE__ */ React24.createElement(GrUpload, null)),
             placeholder
           ),
-          allowGallery && /* @__PURE__ */ React25.createElement(Stack5, { spacing: 1.5 }, /* @__PURE__ */ React25.createElement(
+          allowGallery && /* @__PURE__ */ React24.createElement(Stack5, { spacing: 1.5 }, /* @__PURE__ */ React24.createElement(
             Button11,
             {
               sx: { width: "9rem" },
               variant: "outlined",
               color: "info",
-              startIcon: /* @__PURE__ */ React25.createElement(MdOutlineCameraAlt, { size: 16 }),
+              startIcon: /* @__PURE__ */ React24.createElement(MdOutlineCameraAlt, { size: 16 }),
               onClick: () => document.getElementById("camera-upload")?.click()
             },
             "\u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC \u0627\u0632 \u062F\u0648\u0631\u0628\u06CC\u0646"
-          ), /* @__PURE__ */ React25.createElement(
+          ), /* @__PURE__ */ React24.createElement(
             Button11,
             {
               sx: { width: "9rem" },
               variant: "outlined",
               color: "info",
-              startIcon: /* @__PURE__ */ React25.createElement(GrGallery, { size: 16 }),
+              startIcon: /* @__PURE__ */ React24.createElement(GrGallery, { size: 16 }),
               onClick: () => document.getElementById("gallery-upload")?.click()
             },
             "\u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC \u0627\u0632 \u06AF\u0627\u0644\u0631\u06CC"
           )),
-          !allowGallery && /* @__PURE__ */ React25.createElement(
+          !allowGallery && /* @__PURE__ */ React24.createElement(
             "input",
             {
               id: "file-upload",
@@ -3553,7 +3476,7 @@ var UploadImage = ({
             }
           )
         )
-      ), /* @__PURE__ */ React25.createElement(
+      ), /* @__PURE__ */ React24.createElement(
         "input",
         {
           id: "gallery-upload",
@@ -3565,7 +3488,7 @@ var UploadImage = ({
           },
           style: { display: "none" }
         }
-      ), /* @__PURE__ */ React25.createElement(
+      ), /* @__PURE__ */ React24.createElement(
         "input",
         {
           id: "camera-upload",
@@ -3578,12 +3501,12 @@ var UploadImage = ({
           },
           style: { display: "none" }
         }
-      ), selectedImage && /* @__PURE__ */ React25.createElement(
-        Box17,
+      ), selectedImage && /* @__PURE__ */ React24.createElement(
+        Box16,
         {
           sx: { display: "flex", justifyContent: "center", marginTop: 2 }
         },
-        /* @__PURE__ */ React25.createElement(
+        /* @__PURE__ */ React24.createElement(
           Button11,
           {
             onClick: () => {
@@ -3603,14 +3526,14 @@ var UploadImage = ({
           },
           "\u062D\u0630\u0641 \u062A\u0635\u0648\u06CC\u0631"
         )
-      ), errors[name] && /* @__PURE__ */ React25.createElement(Typography12, { color: "error", variant: "body2", sx: { mt: 1.5, ml: 1 } }, String(errors[name]?.message || "")))
+      ), errors[name] && /* @__PURE__ */ React24.createElement(Typography12, { color: "error", variant: "body2", sx: { mt: 1.5, ml: 1 } }, String(errors[name]?.message || "")))
     }
   );
 };
 var upload_image_default = UploadImage;
 
 // src/accordion/index.tsx
-import { styled as styled4 } from "@mui/material/styles";
+import { styled as styled3 } from "@mui/material/styles";
 import { IoIosArrowForward } from "react-icons/io";
 import MuiAccordion from "@mui/material/Accordion";
 import MuiAccordionSummary, {
@@ -3624,7 +3547,7 @@ import { useState as useState11 } from "react";
 function Page({
   data
 }) {
-  const Accordion = styled4((props) => /* @__PURE__ */ React.createElement(MuiAccordion, { disableGutters: true, elevation: 0, square: true, ...props }))(({ theme }) => ({
+  const Accordion = styled3((props) => /* @__PURE__ */ React.createElement(MuiAccordion, { disableGutters: true, elevation: 0, square: true, ...props }))(({ theme }) => ({
     border: `1px solid ${theme.palette.divider}`,
     "&:not(:last-child)": {
       borderBottom: 0
@@ -3633,7 +3556,7 @@ function Page({
       display: "none"
     }
   }));
-  const AccordionSummary = styled4((props) => /* @__PURE__ */ React.createElement(MuiAccordionSummary, { expandIcon: /* @__PURE__ */ React.createElement(IoIosArrowForward, null), ...props }))(({ theme }) => ({
+  const AccordionSummary = styled3((props) => /* @__PURE__ */ React.createElement(MuiAccordionSummary, { expandIcon: /* @__PURE__ */ React.createElement(IoIosArrowForward, null), ...props }))(({ theme }) => ({
     backgroundColor: "rgba(0, 0, 0, .03)",
     flexDirection: "row-reverse",
     [`& .${accordionSummaryClasses.expandIconWrapper}.${accordionSummaryClasses.expanded}`]: {
@@ -3646,7 +3569,7 @@ function Page({
       backgroundColor: "rgba(255, 255, 255, .05)"
     })
   }));
-  const AccordionDetails = styled4(MuiAccordionDetails)(({ theme }) => ({
+  const AccordionDetails = styled3(MuiAccordionDetails)(({ theme }) => ({
     padding: theme.spacing(2),
     borderTop: "1px solid rgba(0, 0, 0, .125)"
   }));
@@ -3680,10 +3603,142 @@ function Page({
     );
   }));
 }
+
+// src/switch-button/index.tsx
+import { Box as Box17, FormControlLabel as FormControlLabel3, Switch } from "@mui/material";
+import { styled as styled4 } from "@mui/system";
+import React25 from "react";
+import { PiCardsDuotone, PiTableDuotone } from "react-icons/pi";
+import { useTheme as useTheme5 } from "@mui/material";
+var SwitchButton = ({
+  checked,
+  handleChange,
+  iconChecked,
+  iconUnchecked
+}) => {
+  const theme = useTheme5();
+  const isDarkMode = theme.palette.mode === "dark";
+  const CustomSwitch = styled4(Switch)(({ theme: theme2 }) => ({
+    "& .MuiSwitch-switchBase.Mui-checked": {
+      color: theme2.palette.primary.main
+    },
+    "& .MuiSwitch-switchBase": {
+      color: isDarkMode ? "rgba(220,220,220,1)" : "rgba(188,188,188,1)"
+    },
+    "& .MuiSwitch-track": {
+      //   backgroundColor: "rgba(160,160,160, 0.1)",
+      backgroundColor: "#fff",
+      border: isDarkMode ? "2px solid white" : "2px solid rgba(80,80,80, 1)"
+    }
+  }));
+  const BoxContainer = styled4(Box17)(({ theme: theme2 }) => ({
+    display: "flex",
+    alignItems: "center",
+    backgroundColor: "rgba(188,188,188, 0.1)",
+    border: "2px solid rgba(200,200,200, 1)",
+    borderRadius: 10,
+    transition: "all 0.3s ease",
+    paddingTop: theme2.spacing(0.1),
+    paddingBottom: theme2.spacing(0.1),
+    paddingLeft: theme2.spacing(1)
+  }));
+  const LabelContainer = styled4("div")({
+    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(
+    FormControlLabel3,
+    {
+      control: /* @__PURE__ */ React25.createElement(
+        CustomSwitch,
+        {
+          checked,
+          onChange: handleChange,
+          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 }))
+    }
+  ));
+};
+var switch_button_default = SwitchButton;
+
+// src/bascule-connection-button/index.tsx
+import { Box as Box18, Button as Button12 } from "@mui/material";
+import React26, { useRef as useRef4, useState as useState12 } from "react";
+import toast from "react-hot-toast";
+import { PiPlugs, PiPlugsConnected } from "react-icons/pi";
+var ConnectToBasculeButton = ({
+  baudRate,
+  dataBits = 8,
+  stopBits = 1,
+  parity = "none",
+  flowControl = "none"
+}) => {
+  const [connected, setConnected] = useState12(false);
+  const portRef = useRef4(null);
+  const connectToBascule = async () => {
+    if (!("serial" in navigator)) {
+      toast.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.");
+      return;
+    }
+    try {
+      const serial = navigator.serial;
+      const port = await serial.requestPort();
+      await port.open({ baudRate, dataBits, stopBits, parity, flowControl });
+      portRef.current = port;
+      setConnected(true);
+      toast.success("\u0627\u062A\u0635\u0627\u0644 \u0628\u0647 \u0628\u0627\u0633\u06A9\u0648\u0644 \u0628\u0627 \u0645\u0648\u0641\u0642\u06CC\u062A \u0627\u0646\u062C\u0627\u0645 \u0634\u062F.");
+    } catch (error) {
+      console.error(error);
+      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, `
+        @keyframes jumpAnimation {
+          0% { transform: translateY(1px); }
+          12.5% { transform: translateY(-2px); }
+          25% { transform: translateY(1px); }
+          37.5% { transform: translateY(-2px); }
+          50% { transform: translateY(0); }
+          100% { transform: translateY(0); }
+        }
+      `), /* @__PURE__ */ React26.createElement(
+    Button12,
+    {
+      variant: "contained",
+      onClick: connectToBascule,
+      disabled: connected,
+      sx: { minWidth: "11rem" }
+    },
+    /* @__PURE__ */ React26.createElement(
+      Box18,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          gap: 1,
+          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(
+        PiPlugs,
+        {
+          size: 20,
+          style: {
+            animation: "jumpAnimation 2s ease-in-out infinite"
+          }
+        }
+      ))
+    )
+  ));
+};
+var bascule_connection_button_default = ConnectToBasculeButton;
 export {
   Page as Accordion,
   AdvancedSearchButton,
   ConfirmationDialog,
+  bascule_connection_button_default as ConnectToBasculeButton,
   CustomCheckbox,
   CustomTimePicker,
   DateFilter,