componentes-sinco 1.1.42 → 1.1.44

package/dist/index.d.cts

@@ -27,9 +27,10 @@ interface AttachmentProps<T> {
     deleteAction?: (name: string) => Promise<void> | void;
     initialFiles?: UploadedFile$1[];
     iconFileItem?: any | React.ReactNode | React.ReactElement | React.ElementType | null;
+    view?: 'file' | 'button';
 }
 
-declare const Attachment: ({ sx, compact, error, maxSize, fileAccepted, onLoading, onChange, downloadAction, deleteAction, initialFiles, iconFileItem, }: AttachmentProps<any>) => React__default.JSX.Element;
+declare const Attachment: ({ sx, compact, error, maxSize, fileAccepted, onLoading, onChange, downloadAction, deleteAction, initialFiles, iconFileItem, view, }: AttachmentProps<any>) => React__default.JSX.Element;
 
 type ReplyPalette$1 = "primary" | "secondary" | "warning" | "info" | "success" | "error" | any;
 type ReplyTextPalette = "primary" | "secondary" | "disabled";
@@ -639,6 +640,28 @@ interface SCDialogProps {
 }
 declare const SCDialog: ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, typeView, setShow, show }: SCDialogProps) => React__default.JSX.Element;
 
+interface ColumnDef {
+    field: string;
+    type?: 'number' | 'string' | 'boolean' | 'date' | 'dateTime';
+    headerName?: string;
+    valueGetter?: (value: any) => any;
+    renderCell?: (value: any) => any;
+}
+interface DownloadButtonProps {
+    text?: string;
+    color?: 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
+    variant?: 'text' | 'outlined' | 'contained';
+    disabled?: boolean;
+    size?: 'small' | 'medium' | 'large';
+}
+interface SCDownloadExcelTableProps {
+    downloadButton?: DownloadButtonProps;
+    fileName?: string;
+    data?: Record<string, any>[];
+    columns?: ColumnDef[];
+}
+declare const SCDownloadExcelTable: ({ downloadButton, fileName, data, columns, }: SCDownloadExcelTableProps) => React__default.JSX.Element;
+
 interface Option$2 {
     title?: string;
     subtitle?: any;
@@ -757,4 +780,4 @@ declare const SincoTheme: _mui_material_styles.Theme;
 declare let AdproSincoTheme: _mui_material_styles.Theme;
 declare let ADCSincoTheme: _mui_material_styles.Theme;
 
-export { ADCSincoTheme, AdproSincoTheme, Attachment, AttachmentMobile, BasicMenu, type BasicMenuProps, CALENDAR_CONSTANTS, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, type CellBorderType, DayEventsList, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, type EventState, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, type NavigationAction, PageHeader, type PageheaderProperties, type ReplyButtonVariants, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyAnchorPositions, type RepplySizeVariants, SCActivityCalendar, SCAlert, SCAppBar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDatePicker, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCSnackBar, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SCZoom, SincoTheme, StopEvent, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, clampEventToVisibleRange, filterEventsForDay, getButtonColor, getCellBorderType, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useCalendarNavigation, useFilteredItems, useMultiSelectHandlers, useProgress };
+export { ADCSincoTheme, AdproSincoTheme, Attachment, AttachmentMobile, BasicMenu, type BasicMenuProps, CALENDAR_CONSTANTS, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, type CellBorderType, DayEventsList, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, type EventState, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, type NavigationAction, PageHeader, type PageheaderProperties, type ReplyButtonVariants, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyAnchorPositions, type RepplySizeVariants, SCActivityCalendar, SCAlert, SCAppBar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDatePicker, SCDateRange, SCDialog, SCDownloadExcelTable, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCSnackBar, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SCZoom, SincoTheme, StopEvent, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, clampEventToVisibleRange, filterEventsForDay, getButtonColor, getCellBorderType, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useCalendarNavigation, useFilteredItems, useMultiSelectHandlers, useProgress };

package/dist/index.d.ts

@@ -27,9 +27,10 @@ interface AttachmentProps<T> {
     deleteAction?: (name: string) => Promise<void> | void;
     initialFiles?: UploadedFile$1[];
     iconFileItem?: any | React.ReactNode | React.ReactElement | React.ElementType | null;
+    view?: 'file' | 'button';
 }
 
-declare const Attachment: ({ sx, compact, error, maxSize, fileAccepted, onLoading, onChange, downloadAction, deleteAction, initialFiles, iconFileItem, }: AttachmentProps<any>) => React__default.JSX.Element;
+declare const Attachment: ({ sx, compact, error, maxSize, fileAccepted, onLoading, onChange, downloadAction, deleteAction, initialFiles, iconFileItem, view, }: AttachmentProps<any>) => React__default.JSX.Element;
 
 type ReplyPalette$1 = "primary" | "secondary" | "warning" | "info" | "success" | "error" | any;
 type ReplyTextPalette = "primary" | "secondary" | "disabled";
@@ -639,6 +640,28 @@ interface SCDialogProps {
 }
 declare const SCDialog: ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, typeView, setShow, show }: SCDialogProps) => React__default.JSX.Element;
 
+interface ColumnDef {
+    field: string;
+    type?: 'number' | 'string' | 'boolean' | 'date' | 'dateTime';
+    headerName?: string;
+    valueGetter?: (value: any) => any;
+    renderCell?: (value: any) => any;
+}
+interface DownloadButtonProps {
+    text?: string;
+    color?: 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
+    variant?: 'text' | 'outlined' | 'contained';
+    disabled?: boolean;
+    size?: 'small' | 'medium' | 'large';
+}
+interface SCDownloadExcelTableProps {
+    downloadButton?: DownloadButtonProps;
+    fileName?: string;
+    data?: Record<string, any>[];
+    columns?: ColumnDef[];
+}
+declare const SCDownloadExcelTable: ({ downloadButton, fileName, data, columns, }: SCDownloadExcelTableProps) => React__default.JSX.Element;
+
 interface Option$2 {
     title?: string;
     subtitle?: any;
@@ -757,4 +780,4 @@ declare const SincoTheme: _mui_material_styles.Theme;
 declare let AdproSincoTheme: _mui_material_styles.Theme;
 declare let ADCSincoTheme: _mui_material_styles.Theme;
 
-export { ADCSincoTheme, AdproSincoTheme, Attachment, AttachmentMobile, BasicMenu, type BasicMenuProps, CALENDAR_CONSTANTS, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, type CellBorderType, DayEventsList, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, type EventState, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, type NavigationAction, PageHeader, type PageheaderProperties, type ReplyButtonVariants, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyAnchorPositions, type RepplySizeVariants, SCActivityCalendar, SCAlert, SCAppBar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDatePicker, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCSnackBar, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SCZoom, SincoTheme, StopEvent, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, clampEventToVisibleRange, filterEventsForDay, getButtonColor, getCellBorderType, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useCalendarNavigation, useFilteredItems, useMultiSelectHandlers, useProgress };
+export { ADCSincoTheme, AdproSincoTheme, Attachment, AttachmentMobile, BasicMenu, type BasicMenuProps, CALENDAR_CONSTANTS, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, type CellBorderType, DayEventsList, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, type EventState, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, type NavigationAction, PageHeader, type PageheaderProperties, type ReplyButtonVariants, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyAnchorPositions, type RepplySizeVariants, SCActivityCalendar, SCAlert, SCAppBar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDatePicker, SCDateRange, SCDialog, SCDownloadExcelTable, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCSnackBar, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SCZoom, SincoTheme, StopEvent, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, clampEventToVisibleRange, filterEventsForDay, getButtonColor, getCellBorderType, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useCalendarNavigation, useFilteredItems, useMultiSelectHandlers, useProgress };

package/dist/index.js

@@ -400,7 +400,8 @@ var Attachment = ({
   downloadAction,
   deleteAction,
   initialFiles = [],
-  iconFileItem
+  iconFileItem,
+  view = "button"
 }) => {
   const [files, setFiles] = useState4([]);
   const [fileToDelete, setFileToDelete] = useState4(null);
@@ -524,7 +525,7 @@ var Attachment = ({
       return filteredFiles;
     });
   };
-  return /* @__PURE__ */ React4.createElement(Stack3, { spacing: 2 }, toast && /* @__PURE__ */ React4.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React4.createElement(Stack3, { spacing: 2, display: "flex", flexDirection: "column", gap: 1 }, toast && /* @__PURE__ */ React4.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ React4.createElement(
     "input",
     {
       type: "file",
@@ -533,7 +534,7 @@ var Attachment = ({
       ref: inputRef,
       onChange: handleUpload
     }
-  ), /* @__PURE__ */ React4.createElement(
+  ), view === "button" && /* @__PURE__ */ React4.createElement(
     Stack3,
     {
       "data-testid": "ZonaAdjuntos",
@@ -642,6 +643,7 @@ var Attachment = ({
       id: "ContenedorArchivosAdjuntos",
       width: "100%",
       sx: __spreadValues({
+        marginTop: "0px !important",
         overflowY: "auto"
       }, files.length > 5 && {
         maxHeight: 250
@@ -701,7 +703,7 @@ var Attachment = ({
         },
         /* @__PURE__ */ React4.createElement(FileDownload, { fontSize: "small", color: "action" })
       )),
-      /* @__PURE__ */ React4.createElement(Tooltip, { title: "Eliminar" }, /* @__PURE__ */ React4.createElement(
+      view === "button" && /* @__PURE__ */ React4.createElement(Tooltip, { title: "Eliminar" }, /* @__PURE__ */ React4.createElement(
         IconButton3,
         {
           size: "small",
@@ -2826,7 +2828,7 @@ function SCAutocomplete({
           __spreadValues({
             size: "small",
             label: getItemValue(option).text
-          }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ React15.createElement(Avatar, null, avatarText) } : {})
+          }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ React15.createElement(Avatar, { sx: { height: "15px !important", width: "15px !important" } }, avatarText) } : {})
         ));
       })
     ), /* @__PURE__ */ React15.createElement(Box11, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5, maxHeight: 36, overflow: "hidden" } }, selectedOptions.slice(0, displayCount).map((option) => {
@@ -2840,7 +2842,7 @@ function SCAutocomplete({
           variant: "filled",
           label: getItemValue(option).text,
           onDelete: () => handleDeleteChip(option)
-        }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ React15.createElement(Avatar, null, avatarText) } : {})
+        }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ React15.createElement(Avatar, { sx: { height: "15px !important", width: "15px !important" } }, avatarText) } : {})
       );
     }), hiddenCount > 0 && /* @__PURE__ */ React15.createElement(
       Box11,
@@ -4412,7 +4414,7 @@ var PageHeader = ({
   fixed,
   shadow = true
 }) => {
-  return /* @__PURE__ */ React35.createElement(
+  return /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement(
     Stack13,
     {
       "data-testid": "main-container",
@@ -4425,7 +4427,7 @@ var PageHeader = ({
       sx: { boxShadow: shadow ? (theme) => theme.shadows[1] : "none" }
     },
     /* @__PURE__ */ React35.createElement(Stack13, { "data-testid": "page-header-content", height: 40, px: 3, pl: buttonBack ? 1 : 3, direction: "row", alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React35.createElement(Stack13, { id: "left-section", direction: "row", alignItems: "center", gap: 1 }, buttonBack, /* @__PURE__ */ React35.createElement(Stack13, { id: "text-section", gap: 0.5 }, /* @__PURE__ */ React35.createElement(Typography18, { "data-testid": "page-header-title", variant: "h6", color: "text.primary" }, title), subtitle && /* @__PURE__ */ React35.createElement(Typography18, { "data-testid": "page-header-subtitle", variant: "caption", color: "text.secondary" }, subtitle))), actions && /* @__PURE__ */ React35.createElement(Stack13, { id: "right-actions", direction: "row", alignItems: "center", gap: 1 }, actions))
-  );
+  ), fixed && /* @__PURE__ */ React35.createElement(Stack13, { sx: { height: 48 } }));
 };
 
 // src/Components/SCActivityCalendar.tsx
@@ -5638,8 +5640,56 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
   )));
 };
 
-// src/Components/SCMenu.tsx
+// src/Components/SCDownloadExcelTable.tsx
 import React45 from "react";
+import { Button as Button20 } from "@mui/material";
+import FileDownloadOutlinedIcon2 from "@mui/icons-material/FileDownloadOutlined";
+import * as XLSX from "xlsx";
+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__ */ React45.createElement(
+    Button20,
+    {
+      onClick: descargaExcel,
+      startIcon: /* @__PURE__ */ React45.createElement(FileDownloadOutlinedIcon2, 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
+import React46 from "react";
 import { Box as Box27, Typography as Typography26, Paper as Paper5, Divider as Divider8, MenuList as MenuList3, MenuItem as MenuItem9, ListItemIcon as ListItemIcon7, SvgIcon as SvgIcon11 } from "@mui/material";
 import Grid12 from "@mui/material/Grid";
 
@@ -5672,12 +5722,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] = React45.useState("1");
-  const [value, setValue] = React45.useState("1");
-  React45.useEffect(() => {
+  const [selectedIndex, setSelectedIndex] = React46.useState("1");
+  const [value, setValue] = React46.useState("1");
+  React46.useEffect(() => {
     heightContainer = heightMenu ? parseInt(heightMenu) : height - 76;
   }, [height]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (defaultOption) {
       handleClickMenusItem(event, void 0);
     }
@@ -5707,7 +5757,7 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
       setValue(String(index + 1));
     }
   };
-  return /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(Grid12, { container: true, sx: { height: heightContainer, width: widthContainer, flexDirection: "column" } }, /* @__PURE__ */ React45.createElement(Paper5, { "data-testid": "menu-content", sx: { width: menuSize, height: heightContainer, overflow: "auto" } }, header && header.component, /* @__PURE__ */ React45.createElement(MenuList3, { sx: { height: options.length * 45, padding: "8px 0px" } }, options.map((option, index) => /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(
+  return /* @__PURE__ */ React46.createElement(React46.Fragment, null, /* @__PURE__ */ React46.createElement(Grid12, { container: true, sx: { height: heightContainer, width: widthContainer, flexDirection: "column" } }, /* @__PURE__ */ React46.createElement(Paper5, { "data-testid": "menu-content", sx: { width: menuSize, height: heightContainer, overflow: "auto" } }, header && header.component, /* @__PURE__ */ React46.createElement(MenuList3, { sx: { height: options.length * 45, padding: "8px 0px" } }, options.map((option, index) => /* @__PURE__ */ React46.createElement(React46.Fragment, null, /* @__PURE__ */ React46.createElement(
     MenuItem9,
     {
       disabled: disable == true ? true : false,
@@ -5715,13 +5765,13 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
       selected: String(index + 1) === selectedIndex,
       onClick: (event2) => handleClickMenusItem(event2, index)
     },
-    option.iconLeft ? /* @__PURE__ */ React45.createElement(ListItemIcon7, { sx: { color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ React45.createElement(SvgIcon11, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconLeft })) : "",
-    /* @__PURE__ */ React45.createElement(Grid12, { container: true, size: 12, sx: { maxWidth: 220, flexWrap: "noWrap", alignItems: "center" } }, /* @__PURE__ */ React45.createElement(Typography26, { noWrap: true, variant: "caption", color: String(index + 1) === selectedIndex ? "primary" : "active" }, option.name), option.iconRight ? /* @__PURE__ */ React45.createElement(ListItemIcon7, { sx: { minWidth: "0px !important", color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ React45.createElement(SvgIcon11, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconRight })) : "")
-  ), option.divider == true ? /* @__PURE__ */ React45.createElement(Divider8, null) : "")))), /* @__PURE__ */ React45.createElement(Grid12, { container: true }, options.map((option, index) => option.page ? String(index + 1) == value ? /* @__PURE__ */ React45.createElement(Box27, { "data-testid": "menu-page-content", sx: { padding: "16px", width: pageSize, height: heightContainer }, key: index }, option.page) : "" : /* @__PURE__ */ React45.createElement(Typography26, { color: "error" }, "No se ha configurado el componente a visualizar")))));
+    option.iconLeft ? /* @__PURE__ */ React46.createElement(ListItemIcon7, { sx: { color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ React46.createElement(SvgIcon11, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconLeft })) : "",
+    /* @__PURE__ */ React46.createElement(Grid12, { container: true, size: 12, sx: { maxWidth: 220, flexWrap: "noWrap", alignItems: "center" } }, /* @__PURE__ */ React46.createElement(Typography26, { noWrap: true, variant: "caption", color: String(index + 1) === selectedIndex ? "primary" : "active" }, option.name), option.iconRight ? /* @__PURE__ */ React46.createElement(ListItemIcon7, { sx: { minWidth: "0px !important", color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ React46.createElement(SvgIcon11, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconRight })) : "")
+  ), option.divider == true ? /* @__PURE__ */ React46.createElement(Divider8, null) : "")))), /* @__PURE__ */ React46.createElement(Grid12, { container: true }, options.map((option, index) => option.page ? String(index + 1) == value ? /* @__PURE__ */ React46.createElement(Box27, { "data-testid": "menu-page-content", sx: { padding: "16px", width: pageSize, height: heightContainer }, key: index }, option.page) : "" : /* @__PURE__ */ React46.createElement(Typography26, { color: "error" }, "No se ha configurado el componente a visualizar")))));
 };
 
 // src/Components/SCSnackBar.tsx
-import React46 from "react";
+import React47 from "react";
 import MuiAlert from "@mui/material/Alert";
 import "dayjs/locale/es";
 import Snackbar from "@mui/material/Snackbar";
@@ -5742,7 +5792,7 @@ var SCSnackBar = ({
     }
     setOpenState(false);
   };
-  return /* @__PURE__ */ React46.createElement(React46.Fragment, null, /* @__PURE__ */ React46.createElement(
+  return /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(
     Snackbar,
     __spreadProps(__spreadValues({
       anchorOrigin: { vertical: posicionVertical, horizontal: posicionHorizontal },
@@ -5751,7 +5801,7 @@ var SCSnackBar = ({
     }, close ? { onClose: handleClose } : {}), {
       sx: { zIndex: 2e3 }
     }),
-    /* @__PURE__ */ React46.createElement(
+    /* @__PURE__ */ React47.createElement(
       MuiAlert,
       __spreadProps(__spreadValues({}, close ? { onClose: handleClose } : {}), {
         severity: type,
@@ -5763,19 +5813,19 @@ var SCSnackBar = ({
 };
 
 // src/Components/SCTabs.tsx
-import React47, { useEffect as useEffect21 } from "react";
+import React48, { useEffect as useEffect21 } from "react";
 import { Typography as Typography27, Box as Box28, SvgIcon as SvgIcon12, Tab as Tab3, Tabs as Tabs3, Badge as Badge3 } from "@mui/material";
 import TabPanel from "@mui/lab/TabPanel";
 import TabContext from "@mui/lab/TabContext";
 import * as Muicon11 from "@mui/icons-material";
 var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colorTab, orientation, variant, scrollButtons, children }) => {
-  const [toast, setToast] = React47.useState(null);
+  const [toast, setToast] = React48.useState(null);
   let i = 0;
   let j = 0;
   let k = 0;
   let l = 0;
   let validateTypeIcon = true;
-  const [value, setValue] = React47.useState("1");
+  const [value, setValue] = React48.useState("1");
   useEffect21(() => {
     if (defaultOption) {
       handleChange(event, void 0);
@@ -5826,7 +5876,7 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
       setValue(newValue);
     }
   };
-  return /* @__PURE__ */ React47.createElement(React47.Fragment, null, validateTypeIcon == true ? /* @__PURE__ */ React47.createElement(Box28, { sx: { height: orientation == "vertical" ? "100%" : "auto", display: "flex", flexDirection: orientation == "vertical" ? "row" : "column" }, id: "tabsitos" }, /* @__PURE__ */ React47.createElement(TabContext, { value }, /* @__PURE__ */ React47.createElement(
+  return /* @__PURE__ */ React48.createElement(React48.Fragment, null, validateTypeIcon == true ? /* @__PURE__ */ React48.createElement(Box28, { sx: { height: orientation == "vertical" ? "100%" : "auto", display: "flex", flexDirection: orientation == "vertical" ? "row" : "column" }, id: "tabsitos" }, /* @__PURE__ */ React48.createElement(TabContext, { value }, /* @__PURE__ */ React48.createElement(
     Tabs3,
     {
       "data-testid": "tab-container",
@@ -5840,7 +5890,7 @@ 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__ */ React47.createElement(
+    options.map((option) => /* @__PURE__ */ React48.createElement(
       Tab3,
       {
         "data-testid": "tab-item",
@@ -5849,7 +5899,7 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
         label: option.name || "",
         disabled: option.disabled || false,
         iconPosition: iconPosition || "end",
-        icon: typeIcon == "badge" ? /* @__PURE__ */ React47.createElement(
+        icon: typeIcon == "badge" ? /* @__PURE__ */ React48.createElement(
           Badge3,
           {
             sx: {
@@ -5864,23 +5914,23 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
             badgeContent: option.iconOrBadge,
             color: value == String(i) ? colorTab ? colorTab : "primary" : "default"
           }
-        ) : typeIcon == "icon" ? /* @__PURE__ */ React47.createElement(SvgIcon12, { fontSize: "small", component: option.iconOrBadge, color: value == String(i) ? colorTab ? colorTab : "primary" : "action", sx: { width: "20px", height: "20px" } }) : "",
+        ) : typeIcon == "icon" ? /* @__PURE__ */ React48.createElement(SvgIcon12, { 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__ */ React47.createElement(
+  ), children, options.map((option) => /* @__PURE__ */ React48.createElement(
     TabPanel,
     {
       key: k = k + 1,
       value: String(l = l + 1),
       sx: { padding: "16px" }
     },
-    option.page ? option.page : /* @__PURE__ */ React47.createElement(Typography27, null, "No se ha configurado el componente a visualizar ")
-  )))) : /* @__PURE__ */ React47.createElement(Box28, { sx: { height: "200px" } }, toast && /* @__PURE__ */ React47.createElement(SCToastNotification, __spreadValues({ "data-testid": "error-tab-message" }, toast))));
+    option.page ? option.page : /* @__PURE__ */ React48.createElement(Typography27, null, "No se ha configurado el componente a visualizar ")
+  )))) : /* @__PURE__ */ React48.createElement(Box28, { sx: { height: "200px" } }, toast && /* @__PURE__ */ React48.createElement(SCToastNotification, __spreadValues({ "data-testid": "error-tab-message" }, toast))));
 };
 
 // src/Components/SCTime.tsx
-import React48, { useState as useState27 } from "react";
+import React49, { useState as useState27 } from "react";
 import { Box as Box29, InputAdornment as InputAdornment6, Popover as Popover8, ClickAwayListener as ClickAwayListener3 } from "@mui/material";
 import { LocalizationProvider as LocalizationProvider5 } from "@mui/x-date-pickers/LocalizationProvider";
 import { AdapterDayjs as AdapterDayjs3 } from "@mui/x-date-pickers/AdapterDayjs";
@@ -5941,7 +5991,7 @@ var SCTime = ({
     setIsOpenPopover(false);
     setAnchorEl(null);
   };
-  return /* @__PURE__ */ React48.createElement(LocalizationProvider5, { dateAdapter: AdapterDayjs3 }, /* @__PURE__ */ React48.createElement(Box29, { sx: { position: "relative", minWidth: "120px", width: width ? `${width}%` : "99%" } }, /* @__PURE__ */ React48.createElement(
+  return /* @__PURE__ */ React49.createElement(LocalizationProvider5, { dateAdapter: AdapterDayjs3 }, /* @__PURE__ */ React49.createElement(Box29, { sx: { position: "relative", minWidth: "120px", width: width ? `${width}%` : "99%" } }, /* @__PURE__ */ React49.createElement(
     TimeField,
     {
       label,
@@ -5953,7 +6003,7 @@ var SCTime = ({
       slotProps: {
         textField: {
           InputProps: {
-            endAdornment: /* @__PURE__ */ React48.createElement(InputAdornment6, { position: "end" }, /* @__PURE__ */ React48.createElement(
+            endAdornment: /* @__PURE__ */ React49.createElement(InputAdornment6, { position: "end" }, /* @__PURE__ */ React49.createElement(
               AccessTimeIcon,
               {
                 color: disabled ? "disabled" : "action",
@@ -5982,7 +6032,7 @@ var SCTime = ({
         }
       }
     }
-  ), /* @__PURE__ */ React48.createElement(
+  ), /* @__PURE__ */ React49.createElement(
     Popover8,
     {
       open: isOpenPopover,
@@ -6013,7 +6063,7 @@ var SCTime = ({
         }
       }
     },
-    /* @__PURE__ */ React48.createElement(ClickAwayListener3, { onClickAway: handleClose }, /* @__PURE__ */ React48.createElement(Box29, { sx: { p: 0 } }, /* @__PURE__ */ React48.createElement(
+    /* @__PURE__ */ React49.createElement(ClickAwayListener3, { onClickAway: handleClose }, /* @__PURE__ */ React49.createElement(Box29, { sx: { p: 0 } }, /* @__PURE__ */ React49.createElement(
       DigitalClock,
       {
         value: state,
@@ -6036,7 +6086,7 @@ var SCTime = ({
 };
 
 // src/Components/SCZoom.tsx
-import React49, { useState as useState28 } from "react";
+import React50, { useState as useState28 } from "react";
 import { Typography as Typography29, Divider as Divider9, IconButton as IconButton18, Box as Box30 } from "@mui/material";
 import Grid13 from "@mui/material/Grid";
 import ZoomOutIcon from "@mui/icons-material/ZoomOut";
@@ -6053,7 +6103,7 @@ var SCZoom = ({ image, width, height, bottom, left }) => {
   const handleReset = () => {
     setZoom(1);
   };
-  return /* @__PURE__ */ React49.createElement(Box30, { style: { width: width || "280px", height: height || "280px" } }, /* @__PURE__ */ React49.createElement(
+  return /* @__PURE__ */ React50.createElement(Box30, { style: { width: width || "280px", height: height || "280px" } }, /* @__PURE__ */ React50.createElement(
     Box30,
     {
       sx: {
@@ -6063,7 +6113,7 @@ var SCZoom = ({ image, width, height, bottom, left }) => {
         height: height || "340px"
       }
     },
-    /* @__PURE__ */ React49.createElement(
+    /* @__PURE__ */ React50.createElement(
       "img",
       {
         src: image,
@@ -6075,14 +6125,14 @@ var SCZoom = ({ image, width, height, bottom, left }) => {
         }
       }
     )
-  ), /* @__PURE__ */ React49.createElement(Grid13, { 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__ */ React49.createElement(Grid13, { container: true, alignItems: "center", justifyContent: "center", flexWrap: "nowrap", gap: 0.5, sx: { width: "84px" } }, /* @__PURE__ */ React49.createElement(IconButton18, { onClick: handleZoomOut, disabled: zoom <= 0.5, size: "small" }, /* @__PURE__ */ React49.createElement(ZoomOutIcon, { color: "action", fontSize: "small" })), /* @__PURE__ */ React49.createElement(Typography29, { variant: "body2", color: "textSecondary" }, Math.round(zoom * 100), "%"), /* @__PURE__ */ React49.createElement(IconButton18, { onClick: handleZoomIn, disabled: zoom >= 3, color: "primary", size: "small" }, /* @__PURE__ */ React49.createElement(ZoomInIcon, { color: "action", fontSize: "small" }))), /* @__PURE__ */ React49.createElement(Divider9, { orientation: "vertical", sx: { width: "1px", height: "16px" } }), /* @__PURE__ */ React49.createElement(IconButton18, { onClick: handleReset, color: "primary", size: "small" }, /* @__PURE__ */ React49.createElement(RotateRightIcon, { color: "action", fontSize: "small" }))));
+  ), /* @__PURE__ */ React50.createElement(Grid13, { 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__ */ React50.createElement(Grid13, { container: true, alignItems: "center", justifyContent: "center", flexWrap: "nowrap", gap: 0.5, sx: { width: "84px" } }, /* @__PURE__ */ React50.createElement(IconButton18, { onClick: handleZoomOut, disabled: zoom <= 0.5, size: "small" }, /* @__PURE__ */ React50.createElement(ZoomOutIcon, { color: "action", fontSize: "small" })), /* @__PURE__ */ React50.createElement(Typography29, { variant: "body2", color: "textSecondary" }, Math.round(zoom * 100), "%"), /* @__PURE__ */ React50.createElement(IconButton18, { onClick: handleZoomIn, disabled: zoom >= 3, color: "primary", size: "small" }, /* @__PURE__ */ React50.createElement(ZoomInIcon, { color: "action", fontSize: "small" }))), /* @__PURE__ */ React50.createElement(Divider9, { orientation: "vertical", sx: { width: "1px", height: "16px" } }), /* @__PURE__ */ React50.createElement(IconButton18, { onClick: handleReset, color: "primary", size: "small" }, /* @__PURE__ */ React50.createElement(RotateRightIcon, { color: "action", fontSize: "small" }))));
 };
 
 // src/Theme/index.ts
 import { createTheme } from "@mui/material/styles";
 
 // src/Theme/components.ts
-import React50 from "react";
+import React51 from "react";
 import {
   InfoRounded as InfoRounded2,
   CheckCircleRounded as CheckCircleRounded2,
@@ -6786,10 +6836,10 @@ var components = {
   MuiAlert: {
     defaultProps: {
       iconMapping: {
-        success: React50.createElement(CheckCircleRounded2),
-        error: React50.createElement(ErrorRounded2),
-        warning: React50.createElement(WarningRounded2),
-        info: React50.createElement(InfoRounded2)
+        success: React51.createElement(CheckCircleRounded2),
+        error: React51.createElement(ErrorRounded2),
+        warning: React51.createElement(WarningRounded2),
+        info: React51.createElement(InfoRounded2)
       }
     },
     variants: [
@@ -7851,6 +7901,7 @@ export {
   SCDatePicker,
   SCDateRange,
   SCDialog,
+  SCDownloadExcelTable,
   SCDrawer,
   SCListContent,
   SCMenu,