componentes-sinco 1.1.43 → 1.1.44

package/dist/index.cjs

@@ -102,6 +102,7 @@ __export(index_exports, {
   SCDatePicker: () => SCDatePicker,
   SCDateRange: () => SCDateRange,
   SCDialog: () => SCDialog,
+  SCDownloadExcelTable: () => SCDownloadExcelTable,
   SCDrawer: () => SCDrawer,
   SCListContent: () => SCListContent,
   SCMenu: () => SCMenu,
@@ -5724,13 +5725,61 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
   )));
 };
 
-// src/Components/SCMenu.tsx
-var import_react53 = __toESM(require("react"), 1);
+// src/Components/SCDownloadExcelTable.tsx
+var import_react52 = __toESM(require("react"), 1);
 var import_material36 = require("@mui/material");
+var import_FileDownloadOutlined2 = __toESM(require("@mui/icons-material/FileDownloadOutlined"), 1);
+var XLSX = __toESM(require("xlsx"), 1);
+var SCDownloadExcelTable = ({
+  downloadButton,
+  fileName = "archivo excel",
+  data = [],
+  columns = []
+}) => {
+  const formatValue = (value, type) => {
+    if (value === null || value === void 0) return "";
+    if (type === "boolean") return value ? "S\xED" : "No";
+    if ((type === "date" || type === "dateTime") && value instanceof Date)
+      return value.toLocaleString("es-CO");
+    if ((type === "date" || type === "dateTime") && typeof value === "string")
+      return new Date(value).toLocaleString("es-CO");
+    return value;
+  };
+  const descargaExcel = () => {
+    const headers = columns.map((col) => col.field == "" ? "" : col.headerName);
+    const rows = data.map(
+      (row) => columns.map((col) => {
+        const raw = row[col.field];
+        const resolved = col.valueGetter ? col.valueGetter(raw) : raw;
+        return formatValue(resolved, col.type);
+      })
+    );
+    const worksheet = XLSX.utils.aoa_to_sheet([headers, ...rows]);
+    const workbook = XLSX.utils.book_new();
+    XLSX.utils.book_append_sheet(workbook, worksheet, "Hoja1");
+    XLSX.writeFile(workbook, `${fileName}.xlsx`);
+  };
+  return /* @__PURE__ */ import_react52.default.createElement(
+    import_material36.Button,
+    {
+      onClick: descargaExcel,
+      startIcon: /* @__PURE__ */ import_react52.default.createElement(import_FileDownloadOutlined2.default, null),
+      size: (downloadButton == null ? void 0 : downloadButton.size) || "small",
+      color: (downloadButton == null ? void 0 : downloadButton.color) || "primary",
+      variant: (downloadButton == null ? void 0 : downloadButton.variant) || "text",
+      disabled: (downloadButton == null ? void 0 : downloadButton.disabled) || data.length === 0
+    },
+    (downloadButton == null ? void 0 : downloadButton.text) || "Descargar Excel"
+  );
+};
+
+// src/Components/SCMenu.tsx
+var import_react54 = __toESM(require("react"), 1);
+var import_material37 = require("@mui/material");
 var import_Grid10 = __toESM(require("@mui/material/Grid"), 1);
 
 // src/Components/Hooks/useWindowDimensions.ts
-var import_react52 = require("react");
+var import_react53 = require("react");
 function getWindowDimensions() {
   const { innerWidth: width, innerHeight: height } = window;
   return {
@@ -5739,8 +5788,8 @@ function getWindowDimensions() {
   };
 }
 function useWindowDimensions() {
-  const [windowDimensions, setWindowDimensions] = (0, import_react52.useState)(getWindowDimensions());
-  (0, import_react52.useEffect)(() => {
+  const [windowDimensions, setWindowDimensions] = (0, import_react53.useState)(getWindowDimensions());
+  (0, import_react53.useEffect)(() => {
     function handleResize() {
       setWindowDimensions(getWindowDimensions());
     }
@@ -5758,12 +5807,12 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
   const pageSize = widthPage ? parseInt(widthPage) : width - menuSize;
   const widthContainer = menuSize + pageSize;
   let heightContainer = heightMenu ? parseInt(heightMenu) : height - 76;
-  const [selectedIndex, setSelectedIndex] = import_react53.default.useState("1");
-  const [value, setValue] = import_react53.default.useState("1");
-  import_react53.default.useEffect(() => {
+  const [selectedIndex, setSelectedIndex] = import_react54.default.useState("1");
+  const [value, setValue] = import_react54.default.useState("1");
+  import_react54.default.useEffect(() => {
     heightContainer = heightMenu ? parseInt(heightMenu) : height - 76;
   }, [height]);
-  import_react53.default.useEffect(() => {
+  import_react54.default.useEffect(() => {
     if (defaultOption) {
       handleClickMenusItem(event, void 0);
     }
@@ -5793,21 +5842,21 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
       setValue(String(index + 1));
     }
   };
-  return /* @__PURE__ */ import_react53.default.createElement(import_react53.default.Fragment, null, /* @__PURE__ */ import_react53.default.createElement(import_Grid10.default, { container: true, sx: { height: heightContainer, width: widthContainer, flexDirection: "column" } }, /* @__PURE__ */ import_react53.default.createElement(import_material36.Paper, { "data-testid": "menu-content", sx: { width: menuSize, height: heightContainer, overflow: "auto" } }, header && header.component, /* @__PURE__ */ import_react53.default.createElement(import_material36.MenuList, { sx: { height: options.length * 45, padding: "8px 0px" } }, options.map((option, index) => /* @__PURE__ */ import_react53.default.createElement(import_react53.default.Fragment, null, /* @__PURE__ */ import_react53.default.createElement(
-    import_material36.MenuItem,
+  return /* @__PURE__ */ import_react54.default.createElement(import_react54.default.Fragment, null, /* @__PURE__ */ import_react54.default.createElement(import_Grid10.default, { container: true, sx: { height: heightContainer, width: widthContainer, flexDirection: "column" } }, /* @__PURE__ */ import_react54.default.createElement(import_material37.Paper, { "data-testid": "menu-content", sx: { width: menuSize, height: heightContainer, overflow: "auto" } }, header && header.component, /* @__PURE__ */ import_react54.default.createElement(import_material37.MenuList, { sx: { height: options.length * 45, padding: "8px 0px" } }, options.map((option, index) => /* @__PURE__ */ import_react54.default.createElement(import_react54.default.Fragment, null, /* @__PURE__ */ import_react54.default.createElement(
+    import_material37.MenuItem,
     {
       disabled: disable == true ? true : false,
       key: index,
       selected: String(index + 1) === selectedIndex,
       onClick: (event2) => handleClickMenusItem(event2, index)
     },
-    option.iconLeft ? /* @__PURE__ */ import_react53.default.createElement(import_material36.ListItemIcon, { sx: { color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ import_react53.default.createElement(import_material36.SvgIcon, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconLeft })) : "",
-    /* @__PURE__ */ import_react53.default.createElement(import_Grid10.default, { container: true, size: 12, sx: { maxWidth: 220, flexWrap: "noWrap", alignItems: "center" } }, /* @__PURE__ */ import_react53.default.createElement(import_material36.Typography, { noWrap: true, variant: "caption", color: String(index + 1) === selectedIndex ? "primary" : "active" }, option.name), option.iconRight ? /* @__PURE__ */ import_react53.default.createElement(import_material36.ListItemIcon, { sx: { minWidth: "0px !important", color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ import_react53.default.createElement(import_material36.SvgIcon, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconRight })) : "")
-  ), option.divider == true ? /* @__PURE__ */ import_react53.default.createElement(import_material36.Divider, null) : "")))), /* @__PURE__ */ import_react53.default.createElement(import_Grid10.default, { container: true }, options.map((option, index) => option.page ? String(index + 1) == value ? /* @__PURE__ */ import_react53.default.createElement(import_material36.Box, { "data-testid": "menu-page-content", sx: { padding: "16px", width: pageSize, height: heightContainer }, key: index }, option.page) : "" : /* @__PURE__ */ import_react53.default.createElement(import_material36.Typography, { color: "error" }, "No se ha configurado el componente a visualizar")))));
+    option.iconLeft ? /* @__PURE__ */ import_react54.default.createElement(import_material37.ListItemIcon, { sx: { color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ import_react54.default.createElement(import_material37.SvgIcon, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconLeft })) : "",
+    /* @__PURE__ */ import_react54.default.createElement(import_Grid10.default, { container: true, size: 12, sx: { maxWidth: 220, flexWrap: "noWrap", alignItems: "center" } }, /* @__PURE__ */ import_react54.default.createElement(import_material37.Typography, { noWrap: true, variant: "caption", color: String(index + 1) === selectedIndex ? "primary" : "active" }, option.name), option.iconRight ? /* @__PURE__ */ import_react54.default.createElement(import_material37.ListItemIcon, { sx: { minWidth: "0px !important", color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ import_react54.default.createElement(import_material37.SvgIcon, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconRight })) : "")
+  ), option.divider == true ? /* @__PURE__ */ import_react54.default.createElement(import_material37.Divider, null) : "")))), /* @__PURE__ */ import_react54.default.createElement(import_Grid10.default, { container: true }, options.map((option, index) => option.page ? String(index + 1) == value ? /* @__PURE__ */ import_react54.default.createElement(import_material37.Box, { "data-testid": "menu-page-content", sx: { padding: "16px", width: pageSize, height: heightContainer }, key: index }, option.page) : "" : /* @__PURE__ */ import_react54.default.createElement(import_material37.Typography, { color: "error" }, "No se ha configurado el componente a visualizar")))));
 };
 
 // src/Components/SCSnackBar.tsx
-var import_react54 = __toESM(require("react"), 1);
+var import_react55 = __toESM(require("react"), 1);
 var import_Alert = __toESM(require("@mui/material/Alert"), 1);
 var import_es6 = require("dayjs/locale/es");
 var import_Snackbar = __toESM(require("@mui/material/Snackbar"), 1);
@@ -5828,7 +5877,7 @@ var SCSnackBar = ({
     }
     setOpenState(false);
   };
-  return /* @__PURE__ */ import_react54.default.createElement(import_react54.default.Fragment, null, /* @__PURE__ */ import_react54.default.createElement(
+  return /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, /* @__PURE__ */ import_react55.default.createElement(
     import_Snackbar.default,
     __spreadProps(__spreadValues({
       anchorOrigin: { vertical: posicionVertical, horizontal: posicionHorizontal },
@@ -5837,7 +5886,7 @@ var SCSnackBar = ({
     }, close ? { onClose: handleClose } : {}), {
       sx: { zIndex: 2e3 }
     }),
-    /* @__PURE__ */ import_react54.default.createElement(
+    /* @__PURE__ */ import_react55.default.createElement(
       import_Alert.default,
       __spreadProps(__spreadValues({}, close ? { onClose: handleClose } : {}), {
         severity: type,
@@ -5849,20 +5898,20 @@ var SCSnackBar = ({
 };
 
 // src/Components/SCTabs.tsx
-var import_react55 = __toESM(require("react"), 1);
-var import_material37 = require("@mui/material");
+var import_react56 = __toESM(require("react"), 1);
+var import_material38 = require("@mui/material");
 var import_TabPanel = __toESM(require("@mui/lab/TabPanel"), 1);
 var import_TabContext = __toESM(require("@mui/lab/TabContext"), 1);
 var Muicon11 = __toESM(require("@mui/icons-material"), 1);
 var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colorTab, orientation, variant, scrollButtons, children }) => {
-  const [toast, setToast] = import_react55.default.useState(null);
+  const [toast, setToast] = import_react56.default.useState(null);
   let i = 0;
   let j = 0;
   let k = 0;
   let l = 0;
   let validateTypeIcon = true;
-  const [value, setValue] = import_react55.default.useState("1");
-  (0, import_react55.useEffect)(() => {
+  const [value, setValue] = import_react56.default.useState("1");
+  (0, import_react56.useEffect)(() => {
     if (defaultOption) {
       handleChange(event, void 0);
     }
@@ -5912,8 +5961,8 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
       setValue(newValue);
     }
   };
-  return /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, validateTypeIcon == true ? /* @__PURE__ */ import_react55.default.createElement(import_material37.Box, { sx: { height: orientation == "vertical" ? "100%" : "auto", display: "flex", flexDirection: orientation == "vertical" ? "row" : "column" }, id: "tabsitos" }, /* @__PURE__ */ import_react55.default.createElement(import_TabContext.default, { value }, /* @__PURE__ */ import_react55.default.createElement(
-    import_material37.Tabs,
+  return /* @__PURE__ */ import_react56.default.createElement(import_react56.default.Fragment, null, validateTypeIcon == true ? /* @__PURE__ */ import_react56.default.createElement(import_material38.Box, { sx: { height: orientation == "vertical" ? "100%" : "auto", display: "flex", flexDirection: orientation == "vertical" ? "row" : "column" }, id: "tabsitos" }, /* @__PURE__ */ import_react56.default.createElement(import_TabContext.default, { value }, /* @__PURE__ */ import_react56.default.createElement(
+    import_material38.Tabs,
     {
       "data-testid": "tab-container",
       value,
@@ -5926,8 +5975,8 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
       orientation: orientation || "horizontal",
       sx: { borderBottom: orientation == "vertical" ? 0 : 1, borderRight: orientation == "vertical" ? 1 : 0, borderColor: "divider", background: background || "" }
     },
-    options.map((option) => /* @__PURE__ */ import_react55.default.createElement(
-      import_material37.Tab,
+    options.map((option) => /* @__PURE__ */ import_react56.default.createElement(
+      import_material38.Tab,
       {
         "data-testid": "tab-item",
         value: String(i = i + 1),
@@ -5935,8 +5984,8 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
         label: option.name || "",
         disabled: option.disabled || false,
         iconPosition: iconPosition || "end",
-        icon: typeIcon == "badge" ? /* @__PURE__ */ import_react55.default.createElement(
-          import_material37.Badge,
+        icon: typeIcon == "badge" ? /* @__PURE__ */ import_react56.default.createElement(
+          import_material38.Badge,
           {
             sx: {
               width: "20px",
@@ -5950,24 +5999,24 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
             badgeContent: option.iconOrBadge,
             color: value == String(i) ? colorTab ? colorTab : "primary" : "default"
           }
-        ) : typeIcon == "icon" ? /* @__PURE__ */ import_react55.default.createElement(import_material37.SvgIcon, { fontSize: "small", component: option.iconOrBadge, color: value == String(i) ? colorTab ? colorTab : "primary" : "action", sx: { width: "20px", height: "20px" } }) : "",
+        ) : typeIcon == "icon" ? /* @__PURE__ */ import_react56.default.createElement(import_material38.SvgIcon, { fontSize: "small", component: option.iconOrBadge, color: value == String(i) ? colorTab ? colorTab : "primary" : "action", sx: { width: "20px", height: "20px" } }) : "",
         sx: { "& .MuiTab-icon": { margin: "0px !important" }, padding: "10px 16px", gap: "4px" }
       }
     ))
-  ), children, options.map((option) => /* @__PURE__ */ import_react55.default.createElement(
+  ), children, options.map((option) => /* @__PURE__ */ import_react56.default.createElement(
     import_TabPanel.default,
     {
       key: k = k + 1,
       value: String(l = l + 1),
       sx: { padding: "16px" }
     },
-    option.page ? option.page : /* @__PURE__ */ import_react55.default.createElement(import_material37.Typography, null, "No se ha configurado el componente a visualizar ")
-  )))) : /* @__PURE__ */ import_react55.default.createElement(import_material37.Box, { sx: { height: "200px" } }, toast && /* @__PURE__ */ import_react55.default.createElement(SCToastNotification, __spreadValues({ "data-testid": "error-tab-message" }, toast))));
+    option.page ? option.page : /* @__PURE__ */ import_react56.default.createElement(import_material38.Typography, null, "No se ha configurado el componente a visualizar ")
+  )))) : /* @__PURE__ */ import_react56.default.createElement(import_material38.Box, { sx: { height: "200px" } }, toast && /* @__PURE__ */ import_react56.default.createElement(SCToastNotification, __spreadValues({ "data-testid": "error-tab-message" }, toast))));
 };
 
 // src/Components/SCTime.tsx
-var import_react56 = __toESM(require("react"), 1);
-var import_material38 = require("@mui/material");
+var import_react57 = __toESM(require("react"), 1);
+var import_material39 = require("@mui/material");
 var import_LocalizationProvider5 = require("@mui/x-date-pickers/LocalizationProvider");
 var import_AdapterDayjs3 = require("@mui/x-date-pickers/AdapterDayjs");
 var import_dayjs11 = __toESM(require("dayjs"), 1);
@@ -5992,10 +6041,10 @@ var SCTime = ({
   );
   const isTimeEmpty = required && !state;
   const hasError = isTimeEmpty || error;
-  const [anchorEl, setAnchorEl] = (0, import_react56.useState)(null);
-  const [isOpenPopover, setIsOpenPopover] = (0, import_react56.useState)(false);
-  const [popoverPlacement, setPopoverPlacement] = (0, import_react56.useState)("bottom");
-  const [popoverWidth, setPopoverWidth] = (0, import_react56.useState)(void 0);
+  const [anchorEl, setAnchorEl] = (0, import_react57.useState)(null);
+  const [isOpenPopover, setIsOpenPopover] = (0, import_react57.useState)(false);
+  const [popoverPlacement, setPopoverPlacement] = (0, import_react57.useState)("bottom");
+  const [popoverWidth, setPopoverWidth] = (0, import_react57.useState)(void 0);
   const detectPlacement = (element) => {
     const rect = element.getBoundingClientRect();
     const windowHeight = window.innerHeight;
@@ -6027,7 +6076,7 @@ var SCTime = ({
     setIsOpenPopover(false);
     setAnchorEl(null);
   };
-  return /* @__PURE__ */ import_react56.default.createElement(import_LocalizationProvider5.LocalizationProvider, { dateAdapter: import_AdapterDayjs3.AdapterDayjs }, /* @__PURE__ */ import_react56.default.createElement(import_material38.Box, { sx: { position: "relative", minWidth: "120px", width: width ? `${width}%` : "99%" } }, /* @__PURE__ */ import_react56.default.createElement(
+  return /* @__PURE__ */ import_react57.default.createElement(import_LocalizationProvider5.LocalizationProvider, { dateAdapter: import_AdapterDayjs3.AdapterDayjs }, /* @__PURE__ */ import_react57.default.createElement(import_material39.Box, { sx: { position: "relative", minWidth: "120px", width: width ? `${width}%` : "99%" } }, /* @__PURE__ */ import_react57.default.createElement(
     import_TimeField.TimeField,
     {
       label,
@@ -6039,7 +6088,7 @@ var SCTime = ({
       slotProps: {
         textField: {
           InputProps: {
-            endAdornment: /* @__PURE__ */ import_react56.default.createElement(import_material38.InputAdornment, { position: "end" }, /* @__PURE__ */ import_react56.default.createElement(
+            endAdornment: /* @__PURE__ */ import_react57.default.createElement(import_material39.InputAdornment, { position: "end" }, /* @__PURE__ */ import_react57.default.createElement(
               import_AccessTime.default,
               {
                 color: disabled ? "disabled" : "action",
@@ -6068,8 +6117,8 @@ var SCTime = ({
         }
       }
     }
-  ), /* @__PURE__ */ import_react56.default.createElement(
-    import_material38.Popover,
+  ), /* @__PURE__ */ import_react57.default.createElement(
+    import_material39.Popover,
     {
       open: isOpenPopover,
       anchorEl,
@@ -6099,7 +6148,7 @@ var SCTime = ({
         }
       }
     },
-    /* @__PURE__ */ import_react56.default.createElement(import_material38.ClickAwayListener, { onClickAway: handleClose }, /* @__PURE__ */ import_react56.default.createElement(import_material38.Box, { sx: { p: 0 } }, /* @__PURE__ */ import_react56.default.createElement(
+    /* @__PURE__ */ import_react57.default.createElement(import_material39.ClickAwayListener, { onClickAway: handleClose }, /* @__PURE__ */ import_react57.default.createElement(import_material39.Box, { sx: { p: 0 } }, /* @__PURE__ */ import_react57.default.createElement(
       import_DigitalClock.DigitalClock,
       {
         value: state,
@@ -6122,14 +6171,14 @@ var SCTime = ({
 };
 
 // src/Components/SCZoom.tsx
-var import_react57 = __toESM(require("react"), 1);
-var import_material39 = require("@mui/material");
+var import_react58 = __toESM(require("react"), 1);
+var import_material40 = require("@mui/material");
 var import_Grid11 = __toESM(require("@mui/material/Grid"), 1);
 var import_ZoomOut = __toESM(require("@mui/icons-material/ZoomOut"), 1);
 var import_ZoomIn = __toESM(require("@mui/icons-material/ZoomIn"), 1);
 var import_RotateRight = __toESM(require("@mui/icons-material/RotateRight"), 1);
 var SCZoom = ({ image, width, height, bottom, left }) => {
-  const [zoom, setZoom] = (0, import_react57.useState)(1);
+  const [zoom, setZoom] = (0, import_react58.useState)(1);
   const handleZoomIn = () => {
     setZoom((prev) => Math.min(prev + 0.2, 3));
   };
@@ -6139,8 +6188,8 @@ var SCZoom = ({ image, width, height, bottom, left }) => {
   const handleReset = () => {
     setZoom(1);
   };
-  return /* @__PURE__ */ import_react57.default.createElement(import_material39.Box, { style: { width: width || "280px", height: height || "280px" } }, /* @__PURE__ */ import_react57.default.createElement(
-    import_material39.Box,
+  return /* @__PURE__ */ import_react58.default.createElement(import_material40.Box, { style: { width: width || "280px", height: height || "280px" } }, /* @__PURE__ */ import_react58.default.createElement(
+    import_material40.Box,
     {
       sx: {
         overflow: zoom > 1 ? "auto" : "hidden",
@@ -6149,7 +6198,7 @@ var SCZoom = ({ image, width, height, bottom, left }) => {
         height: height || "340px"
       }
     },
-    /* @__PURE__ */ import_react57.default.createElement(
+    /* @__PURE__ */ import_react58.default.createElement(
       "img",
       {
         src: image,
@@ -6161,14 +6210,14 @@ var SCZoom = ({ image, width, height, bottom, left }) => {
         }
       }
     )
-  ), /* @__PURE__ */ import_react57.default.createElement(import_Grid11.default, { container: true, flexWrap: "nowrap", alignItems: "center", gap: 1, sx: { position: "relative", bottom: bottom != null ? bottom : `calc(100% - 87%)`, left: left != null ? left : `calc(100% - 72%)`, zIndex: 1, width: "147px", borderRadius: "4px", padding: "4px 12px", border: bottom ? "0px" : "1px solid #0000001F", background: "white", boxShadow: bottom ? "" : "2px 3px 5px 0px #18274B33" } }, /* @__PURE__ */ import_react57.default.createElement(import_Grid11.default, { container: true, alignItems: "center", justifyContent: "center", flexWrap: "nowrap", gap: 0.5, sx: { width: "84px" } }, /* @__PURE__ */ import_react57.default.createElement(import_material39.IconButton, { onClick: handleZoomOut, disabled: zoom <= 0.5, size: "small" }, /* @__PURE__ */ import_react57.default.createElement(import_ZoomOut.default, { color: "action", fontSize: "small" })), /* @__PURE__ */ import_react57.default.createElement(import_material39.Typography, { variant: "body2", color: "textSecondary" }, Math.round(zoom * 100), "%"), /* @__PURE__ */ import_react57.default.createElement(import_material39.IconButton, { onClick: handleZoomIn, disabled: zoom >= 3, color: "primary", size: "small" }, /* @__PURE__ */ import_react57.default.createElement(import_ZoomIn.default, { color: "action", fontSize: "small" }))), /* @__PURE__ */ import_react57.default.createElement(import_material39.Divider, { orientation: "vertical", sx: { width: "1px", height: "16px" } }), /* @__PURE__ */ import_react57.default.createElement(import_material39.IconButton, { onClick: handleReset, color: "primary", size: "small" }, /* @__PURE__ */ import_react57.default.createElement(import_RotateRight.default, { color: "action", fontSize: "small" }))));
+  ), /* @__PURE__ */ import_react58.default.createElement(import_Grid11.default, { container: true, flexWrap: "nowrap", alignItems: "center", gap: 1, sx: { position: "relative", bottom: bottom != null ? bottom : `calc(100% - 87%)`, left: left != null ? left : `calc(100% - 72%)`, zIndex: 1, width: "147px", borderRadius: "4px", padding: "4px 12px", border: bottom ? "0px" : "1px solid #0000001F", background: "white", boxShadow: bottom ? "" : "2px 3px 5px 0px #18274B33" } }, /* @__PURE__ */ import_react58.default.createElement(import_Grid11.default, { container: true, alignItems: "center", justifyContent: "center", flexWrap: "nowrap", gap: 0.5, sx: { width: "84px" } }, /* @__PURE__ */ import_react58.default.createElement(import_material40.IconButton, { onClick: handleZoomOut, disabled: zoom <= 0.5, size: "small" }, /* @__PURE__ */ import_react58.default.createElement(import_ZoomOut.default, { color: "action", fontSize: "small" })), /* @__PURE__ */ import_react58.default.createElement(import_material40.Typography, { variant: "body2", color: "textSecondary" }, Math.round(zoom * 100), "%"), /* @__PURE__ */ import_react58.default.createElement(import_material40.IconButton, { onClick: handleZoomIn, disabled: zoom >= 3, color: "primary", size: "small" }, /* @__PURE__ */ import_react58.default.createElement(import_ZoomIn.default, { color: "action", fontSize: "small" }))), /* @__PURE__ */ import_react58.default.createElement(import_material40.Divider, { orientation: "vertical", sx: { width: "1px", height: "16px" } }), /* @__PURE__ */ import_react58.default.createElement(import_material40.IconButton, { onClick: handleReset, color: "primary", size: "small" }, /* @__PURE__ */ import_react58.default.createElement(import_RotateRight.default, { color: "action", fontSize: "small" }))));
 };
 
 // src/Theme/index.ts
 var import_styles3 = require("@mui/material/styles");
 
 // src/Theme/components.ts
-var import_react58 = __toESM(require("react"), 1);
+var import_react59 = __toESM(require("react"), 1);
 var import_icons_material15 = require("@mui/icons-material");
 var components = {
   MuiSelect: {
@@ -6867,10 +6916,10 @@ var components = {
   MuiAlert: {
     defaultProps: {
       iconMapping: {
-        success: import_react58.default.createElement(import_icons_material15.CheckCircleRounded),
-        error: import_react58.default.createElement(import_icons_material15.ErrorRounded),
-        warning: import_react58.default.createElement(import_icons_material15.WarningRounded),
-        info: import_react58.default.createElement(import_icons_material15.InfoRounded)
+        success: import_react59.default.createElement(import_icons_material15.CheckCircleRounded),
+        error: import_react59.default.createElement(import_icons_material15.ErrorRounded),
+        warning: import_react59.default.createElement(import_icons_material15.WarningRounded),
+        info: import_react59.default.createElement(import_icons_material15.InfoRounded)
       }
     },
     variants: [
@@ -7933,6 +7982,7 @@ var ADCSincoTheme = (0, import_styles3.createTheme)(__spreadValues({}, ADCTheme)
   SCDatePicker,
   SCDateRange,
   SCDialog,
+  SCDownloadExcelTable,
   SCDrawer,
   SCListContent,
   SCMenu,