componentes-sinco 1.2.7 → 1.2.8

package/dist/index.d.cts

@@ -69,9 +69,10 @@ interface AttachmentMobileProps<T> {
     downloadAction?: (file: UploadedFile) => Promise<void> | void;
     view?: 'file' | 'button';
     iconFileItem?: any | React.ReactNode | React.ReactElement | React.ElementType | null;
+    onFileClick?: (file: UploadedFile) => void;
 }
 
-declare const AttachmentMobile: ({ buttonAttachment, maxSize, fileAccepted, initialFiles, deleteAction, downloadAction, onChange, children, sx, view, iconFileItem, }: AttachmentMobileProps<any>) => React__default.JSX.Element;
+declare const AttachmentMobile: ({ buttonAttachment, maxSize, fileAccepted, initialFiles, deleteAction, downloadAction, onChange, children, sx, view, iconFileItem, onFileClick, }: AttachmentMobileProps<any>) => React__default.JSX.Element;
 
 type CalendarView = 'month' | 'week' | 'day';
 type EventState = 'En progreso' | 'Finalizada' | 'Vencida' | 'Asignada' | 'Aplazada' | 'Generada';
@@ -547,21 +548,15 @@ interface SCCardProps {
     title?: string;
     subtitle?: string;
     iconTitle?: React__default.ReactNode | React__default.ReactElement | keyof typeof Muicon;
-    actionsTitle?: any;
+    actionsTitle?: any | "expand";
+    dividerHeader?: boolean;
     image?: any;
     content?: any;
-    actions?: {
-        text?: string;
-        fn: () => void;
-        disabled?: boolean;
-    }[];
-    expand?: {
-        type?: 'icon' | 'text';
-        position?: 'top' | 'bottom';
-        content?: string;
-    };
+    actions?: any;
+    dividerActions?: boolean;
+    contentExpand?: any;
 }
-declare const SCCard: ({ width, title, image, iconTitle, actionsTitle, subtitle, content, actions, expand }: SCCardProps) => React__default.JSX.Element;
+declare const SCCard: ({ width, title, image, iconTitle, actionsTitle, subtitle, dividerHeader, content, actions, dividerActions, contentExpand }: SCCardProps) => React__default.JSX.Element;
 
 interface SCDataGridInitialProps<T> {
     data: T[];

package/dist/index.d.ts

@@ -69,9 +69,10 @@ interface AttachmentMobileProps<T> {
     downloadAction?: (file: UploadedFile) => Promise<void> | void;
     view?: 'file' | 'button';
     iconFileItem?: any | React.ReactNode | React.ReactElement | React.ElementType | null;
+    onFileClick?: (file: UploadedFile) => void;
 }
 
-declare const AttachmentMobile: ({ buttonAttachment, maxSize, fileAccepted, initialFiles, deleteAction, downloadAction, onChange, children, sx, view, iconFileItem, }: AttachmentMobileProps<any>) => React__default.JSX.Element;
+declare const AttachmentMobile: ({ buttonAttachment, maxSize, fileAccepted, initialFiles, deleteAction, downloadAction, onChange, children, sx, view, iconFileItem, onFileClick, }: AttachmentMobileProps<any>) => React__default.JSX.Element;
 
 type CalendarView = 'month' | 'week' | 'day';
 type EventState = 'En progreso' | 'Finalizada' | 'Vencida' | 'Asignada' | 'Aplazada' | 'Generada';
@@ -547,21 +548,15 @@ interface SCCardProps {
     title?: string;
     subtitle?: string;
     iconTitle?: React__default.ReactNode | React__default.ReactElement | keyof typeof Muicon;
-    actionsTitle?: any;
+    actionsTitle?: any | "expand";
+    dividerHeader?: boolean;
     image?: any;
     content?: any;
-    actions?: {
-        text?: string;
-        fn: () => void;
-        disabled?: boolean;
-    }[];
-    expand?: {
-        type?: 'icon' | 'text';
-        position?: 'top' | 'bottom';
-        content?: string;
-    };
+    actions?: any;
+    dividerActions?: boolean;
+    contentExpand?: any;
 }
-declare const SCCard: ({ width, title, image, iconTitle, actionsTitle, subtitle, content, actions, expand }: SCCardProps) => React__default.JSX.Element;
+declare const SCCard: ({ width, title, image, iconTitle, actionsTitle, subtitle, dividerHeader, content, actions, dividerActions, contentExpand }: SCCardProps) => React__default.JSX.Element;
 
 interface SCDataGridInitialProps<T> {
     data: T[];

package/dist/index.js

@@ -831,7 +831,8 @@ var AttachmentMobile = ({
   children,
   sx,
   view = "button",
-  iconFileItem
+  iconFileItem,
+  onFileClick
 }) => {
   const webcamRef = useRef2(null);
   const [abrirCamara, setAbrirCamara] = useState5(false);
@@ -1158,31 +1159,43 @@ var AttachmentMobile = ({
           }
         }
       },
-      /* @__PURE__ */ React6.createElement(Stack4, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, iconFileItem ? /* @__PURE__ */ React6.createElement(SvgIcon2, { color: file.uploadError ? "error" : "primary", fontSize: "small", component: IconFileItem }) : /* @__PURE__ */ React6.createElement(
-        UploadFileOutlined2,
-        {
-          color: file.uploadError ? "error" : "primary",
-          fontSize: "small"
-        }
-      ), /* @__PURE__ */ React6.createElement(Stack4, { width: "100%" }, /* @__PURE__ */ React6.createElement(
-        Typography4,
-        {
-          variant: "body2",
-          color: "text.primary",
-          whiteSpace: "nowrap",
-          overflow: "hidden",
-          textOverflow: "ellipsis",
-          maxWidth: "310px"
-        },
-        file.name
-      ), /* @__PURE__ */ React6.createElement(
-        Typography4,
+      /* @__PURE__ */ React6.createElement(
+        Stack4,
         {
-          variant: "caption",
-          color: file.uploadError ? "error" : "text.secondary"
+          direction: "row",
+          alignItems: "center",
+          gap: 1,
+          width: "100%",
+          onClick: () => onFileClick == null ? void 0 : onFileClick(file),
+          sx: { cursor: onFileClick ? "pointer" : "default" }
         },
-        file.uploadError && file.size / (1024 * 1024) > maxSize ? "Archivo super\xF3 el l\xEDmite \u2022 Carga fallida" : file.uploadError ? "Archivo duplicado o inv\xE1lido \u2022 Carga fallida" : `${(file.size / (1024 * 1024)).toFixed(2)}MB \u2022 ${file.type}`
-      ))),
+        iconFileItem ? /* @__PURE__ */ React6.createElement(SvgIcon2, { color: file.uploadError ? "error" : "primary", fontSize: "small", component: IconFileItem }) : /* @__PURE__ */ React6.createElement(
+          UploadFileOutlined2,
+          {
+            color: file.uploadError ? "error" : "primary",
+            fontSize: "small"
+          }
+        ),
+        /* @__PURE__ */ React6.createElement(Stack4, { width: "100%" }, /* @__PURE__ */ React6.createElement(
+          Typography4,
+          {
+            variant: "body2",
+            color: "text.primary",
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            maxWidth: "310px"
+          },
+          file.name
+        ), /* @__PURE__ */ React6.createElement(
+          Typography4,
+          {
+            variant: "caption",
+            color: file.uploadError ? "error" : "text.secondary"
+          },
+          file.uploadError && file.size / (1024 * 1024) > maxSize ? "Archivo super\xF3 el l\xEDmite \u2022 Carga fallida" : file.uploadError ? "Archivo duplicado o inv\xE1lido \u2022 Carga fallida" : `${(file.size / (1024 * 1024)).toFixed(2)}MB \u2022 ${file.type}`
+        ))
+      ),
       view == "file" ? /* @__PURE__ */ React6.createElement(Tooltip2, { title: "Descargar" }, /* @__PURE__ */ React6.createElement(
         IconButton4,
         {
@@ -4970,7 +4983,7 @@ var SCCalendarSwipeable = ({
 
 // src/Components/SCCard.tsx
 import React42 from "react";
-import { Button as Button18, Box as Box26, SvgIcon as SvgIcon9 } from "@mui/material";
+import { Divider as Divider8, Box as Box26, SvgIcon as SvgIcon9 } from "@mui/material";
 import IconButton16 from "@mui/material/IconButton";
 import Card2 from "@mui/material/Card";
 import CardHeader from "@mui/material/CardHeader";
@@ -4980,7 +4993,7 @@ import CardActions from "@mui/material/CardActions";
 import Collapse2 from "@mui/material/Collapse";
 import ExpandMoreIcon2 from "@mui/icons-material/ExpandMore";
 import * as Muicon8 from "@mui/icons-material";
-var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content, actions, expand }) => {
+var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, dividerHeader, content, actions, dividerActions, contentExpand }) => {
   let iconTitleValidation = "";
   let IconTitle;
   const [expanded, setExpanded] = React42.useState(false);
@@ -5005,7 +5018,7 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
     CardHeader,
     {
       avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */ React42.createElement(Box26, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ React42.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ React42.createElement(SvgIcon9, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : void 0,
-      action: (expand == null ? void 0 : expand.position) == "top" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ React42.createElement(Button18, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ React42.createElement(IconButton16, { onClick: handleExpandClick, sx: { marginRight: "auto" }, size: "small" }, /* @__PURE__ */ React42.createElement(ExpandMoreIcon2, { fontSize: "small" })) : actionsTitle,
+      action: actionsTitle == "expand" ? /* @__PURE__ */ React42.createElement(IconButton16, { onClick: handleExpandClick, sx: { marginRight: "auto" }, size: "small" }, /* @__PURE__ */ React42.createElement(ExpandMoreIcon2, { fontSize: "small" })) : actionsTitle,
       title,
       subheader: subtitle,
       sx: {
@@ -5024,25 +5037,14 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
         }
       }
     }
-  ), image && /* @__PURE__ */ React42.createElement(
+  ), dividerHeader && title && /* @__PURE__ */ React42.createElement(Divider8, { variant: "fullWidth" }), image && /* @__PURE__ */ React42.createElement(
     CardMedia,
     {
       component: "img",
       height: "194",
       image
     }
-  ), content && /* @__PURE__ */ React42.createElement(CardContent2, { sx: { padding: "8px 16px !important" } }, content), ((expand == null ? void 0 : expand.position) == "bottom" || actions != void 0) && /* @__PURE__ */ React42.createElement(CardActions, { disableSpacing: true, sx: { justifyContent: "flex-end" } }, (expand == null ? void 0 : expand.position) === "bottom" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ React42.createElement(Button18, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ React42.createElement(IconButton16, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, /* @__PURE__ */ React42.createElement(ExpandMoreIcon2, null)) : null, actions && actions.length > 0 ? actions.map((action, index) => /* @__PURE__ */ React42.createElement(
-    Button18,
-    {
-      key: index,
-      size: "small",
-      color: action.color || "primary",
-      variant: action.variant || "text",
-      onClick: action.fn,
-      disabled: action.disabled || false
-    },
-    action.text
-  )) : ""), expand && /* @__PURE__ */ React42.createElement(Collapse2, { in: expanded, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ React42.createElement(CardContent2, { sx: { padding: "8px 16px !important" } }, expand.content)));
+  ), content && /* @__PURE__ */ React42.createElement(CardContent2, { sx: { padding: "8px 16px !important" } }, content), dividerActions && /* @__PURE__ */ React42.createElement(Divider8, { variant: "fullWidth" }), actions && /* @__PURE__ */ React42.createElement(CardActions, null, actions), contentExpand && /* @__PURE__ */ React42.createElement(Collapse2, { in: expanded, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ React42.createElement(CardContent2, { sx: { padding: "8px 16px !important" } }, contentExpand)));
 };
 
 // src/Components/SCDataGrid.tsx
@@ -5767,7 +5769,7 @@ var SCDownloadExcelTable = ({
 
 // src/Components/SCMenu.tsx
 import React47 from "react";
-import { Box as Box28, Typography as Typography27, Paper as Paper5, Divider as Divider8, MenuList as MenuList3, MenuItem as MenuItem9, ListItemIcon as ListItemIcon7, SvgIcon as SvgIcon11 } from "@mui/material";
+import { Box as Box28, Typography as Typography27, Paper as Paper5, Divider as Divider9, MenuList as MenuList3, MenuItem as MenuItem9, ListItemIcon as ListItemIcon7, SvgIcon as SvgIcon11 } from "@mui/material";
 import Grid12 from "@mui/material/Grid";
 
 // src/Components/Hooks/useWindowDimensions.ts
@@ -5844,7 +5846,7 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
     },
     option.iconLeft ? /* @__PURE__ */ React47.createElement(ListItemIcon7, { sx: { color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ React47.createElement(SvgIcon11, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconLeft })) : "",
     /* @__PURE__ */ React47.createElement(Grid12, { container: true, size: 12, sx: { maxWidth: 220, flexWrap: "noWrap", alignItems: "center" } }, /* @__PURE__ */ React47.createElement(Typography27, { noWrap: true, variant: "caption", color: String(index + 1) === selectedIndex ? "primary" : "active" }, option.name), option.iconRight ? /* @__PURE__ */ React47.createElement(ListItemIcon7, { sx: { minWidth: "0px !important", color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ React47.createElement(SvgIcon11, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconRight })) : "")
-  ), option.divider == true ? /* @__PURE__ */ React47.createElement(Divider8, null) : "")))), /* @__PURE__ */ React47.createElement(Grid12, { container: true }, options.map((option, index) => option.page ? String(index + 1) == value ? /* @__PURE__ */ React47.createElement(Box28, { "data-testid": "menu-page-content", sx: { padding: "16px", width: pageSize, height: heightContainer }, key: index }, option.page) : "" : /* @__PURE__ */ React47.createElement(Typography27, { color: "error" }, "No se ha configurado el componente a visualizar")))));
+  ), option.divider == true ? /* @__PURE__ */ React47.createElement(Divider9, null) : "")))), /* @__PURE__ */ React47.createElement(Grid12, { container: true }, options.map((option, index) => option.page ? String(index + 1) == value ? /* @__PURE__ */ React47.createElement(Box28, { "data-testid": "menu-page-content", sx: { padding: "16px", width: pageSize, height: heightContainer }, key: index }, option.page) : "" : /* @__PURE__ */ React47.createElement(Typography27, { color: "error" }, "No se ha configurado el componente a visualizar")))));
 };
 
 // src/Components/SCSnackBar.tsx
@@ -6164,7 +6166,7 @@ var SCTime = ({
 
 // src/Components/SCZoom.tsx
 import React51, { useState as useState30 } from "react";
-import { Typography as Typography30, Divider as Divider9, IconButton as IconButton18, Box as Box31 } from "@mui/material";
+import { Typography as Typography30, Divider as Divider10, IconButton as IconButton18, Box as Box31 } from "@mui/material";
 import Grid13 from "@mui/material/Grid";
 import ZoomOutIcon from "@mui/icons-material/ZoomOut";
 import ZoomInIcon from "@mui/icons-material/ZoomIn";
@@ -6202,7 +6204,7 @@ var SCZoom = ({ image, width, height, bottom, left }) => {
         }
       }
     )
-  ), /* @__PURE__ */ React51.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__ */ React51.createElement(Grid13, { container: true, alignItems: "center", justifyContent: "center", flexWrap: "nowrap", gap: 0.5, sx: { width: "84px" } }, /* @__PURE__ */ React51.createElement(IconButton18, { onClick: handleZoomOut, disabled: zoom <= 0.5, size: "small" }, /* @__PURE__ */ React51.createElement(ZoomOutIcon, { color: "action", fontSize: "small" })), /* @__PURE__ */ React51.createElement(Typography30, { variant: "body2", color: "textSecondary" }, Math.round(zoom * 100), "%"), /* @__PURE__ */ React51.createElement(IconButton18, { onClick: handleZoomIn, disabled: zoom >= 3, color: "primary", size: "small" }, /* @__PURE__ */ React51.createElement(ZoomInIcon, { color: "action", fontSize: "small" }))), /* @__PURE__ */ React51.createElement(Divider9, { orientation: "vertical", sx: { width: "1px", height: "16px" } }), /* @__PURE__ */ React51.createElement(IconButton18, { onClick: handleReset, color: "primary", size: "small" }, /* @__PURE__ */ React51.createElement(RotateRightIcon, { color: "action", fontSize: "small" }))));
+  ), /* @__PURE__ */ React51.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__ */ React51.createElement(Grid13, { container: true, alignItems: "center", justifyContent: "center", flexWrap: "nowrap", gap: 0.5, sx: { width: "84px" } }, /* @__PURE__ */ React51.createElement(IconButton18, { onClick: handleZoomOut, disabled: zoom <= 0.5, size: "small" }, /* @__PURE__ */ React51.createElement(ZoomOutIcon, { color: "action", fontSize: "small" })), /* @__PURE__ */ React51.createElement(Typography30, { variant: "body2", color: "textSecondary" }, Math.round(zoom * 100), "%"), /* @__PURE__ */ React51.createElement(IconButton18, { onClick: handleZoomIn, disabled: zoom >= 3, color: "primary", size: "small" }, /* @__PURE__ */ React51.createElement(ZoomInIcon, { color: "action", fontSize: "small" }))), /* @__PURE__ */ React51.createElement(Divider10, { orientation: "vertical", sx: { width: "1px", height: "16px" } }), /* @__PURE__ */ React51.createElement(IconButton18, { onClick: handleReset, color: "primary", size: "small" }, /* @__PURE__ */ React51.createElement(RotateRightIcon, { color: "action", fontSize: "small" }))));
 };
 
 // src/Theme/index.ts