componentes-sinco 1.2.6 → 1.2.8

package/dist/index.cjs

@@ -917,7 +917,8 @@ var AttachmentMobile = ({
   children,
   sx,
   view = "button",
-  iconFileItem
+  iconFileItem,
+  onFileClick
 }) => {
   const webcamRef = (0, import_react7.useRef)(null);
   const [abrirCamara, setAbrirCamara] = (0, import_react7.useState)(false);
@@ -1244,31 +1245,43 @@ var AttachmentMobile = ({
           }
         }
       },
-      /* @__PURE__ */ import_react7.default.createElement(import_material5.Stack, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, iconFileItem ? /* @__PURE__ */ import_react7.default.createElement(import_material5.SvgIcon, { color: file.uploadError ? "error" : "primary", fontSize: "small", component: IconFileItem }) : /* @__PURE__ */ import_react7.default.createElement(
-        import_icons_material7.UploadFileOutlined,
-        {
-          color: file.uploadError ? "error" : "primary",
-          fontSize: "small"
-        }
-      ), /* @__PURE__ */ import_react7.default.createElement(import_material5.Stack, { width: "100%" }, /* @__PURE__ */ import_react7.default.createElement(
-        import_material5.Typography,
-        {
-          variant: "body2",
-          color: "text.primary",
-          whiteSpace: "nowrap",
-          overflow: "hidden",
-          textOverflow: "ellipsis",
-          maxWidth: "310px"
-        },
-        file.name
-      ), /* @__PURE__ */ import_react7.default.createElement(
-        import_material5.Typography,
+      /* @__PURE__ */ import_react7.default.createElement(
+        import_material5.Stack,
         {
-          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__ */ import_react7.default.createElement(import_material5.SvgIcon, { color: file.uploadError ? "error" : "primary", fontSize: "small", component: IconFileItem }) : /* @__PURE__ */ import_react7.default.createElement(
+          import_icons_material7.UploadFileOutlined,
+          {
+            color: file.uploadError ? "error" : "primary",
+            fontSize: "small"
+          }
+        ),
+        /* @__PURE__ */ import_react7.default.createElement(import_material5.Stack, { width: "100%" }, /* @__PURE__ */ import_react7.default.createElement(
+          import_material5.Typography,
+          {
+            variant: "body2",
+            color: "text.primary",
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            maxWidth: "310px"
+          },
+          file.name
+        ), /* @__PURE__ */ import_react7.default.createElement(
+          import_material5.Typography,
+          {
+            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__ */ import_react7.default.createElement(import_material5.Tooltip, { title: "Descargar" }, /* @__PURE__ */ import_react7.default.createElement(
         import_material5.IconButton,
         {
@@ -3035,7 +3048,7 @@ var SCDateRange = ({
   setState
 }) => {
   import_x_license.LicenseInfo.setLicenseKey(
-    "77d49a57fbc5f4af35ddb05c5f1742e0Tz0xMTI3MjgsRT0xNzc4MzcxMTk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
+    "aa892a011e4c240f3cdaf811ecfff54fTz0xMjkyODQsRT0xODEwNDI1NTk5MDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
   );
   const isStartEmpty = required && !state[0];
   const isEndEmpty = required && !state[1];
@@ -3350,6 +3363,7 @@ function SCDrawer({
   chipFilters,
   heightDrawer = 456,
   filterSideCard,
+  type = "Drawer",
   onChipDelete
 }) {
   const drawerBleeding = heightDrawer;
@@ -3416,26 +3430,26 @@ function SCDrawer({
         onToggle: toggleDrawer(true)
       }
     )
-  ), anchor != "bottom" ? /* @__PURE__ */ import_react24.default.createElement(
+  ), type != "Swipeable" ? /* @__PURE__ */ import_react24.default.createElement(
     import_material18.Drawer,
     {
       open: drawerOpen,
-      onClose: filterSideCard ? void 0 : toggleDrawer(false),
+      onClose: type == "Sidecar" ? void 0 : toggleDrawer(false),
       anchor: anchor != null ? anchor : "left",
       sx: {
         "& .MuiDrawer-paper": {
-          width: filterSideCard ? "100%" : width != null ? width : "450px",
+          width: type == "Sidecar" ? "100%" : width != null ? width : "450px",
           boxSizing: "border-box",
           borderRadius: anchor !== "right" ? "0px 4px 4px 0px" : "4px 0px 0px 4px",
-          boxShadow: filterSideCard ? "none !important" : "0px 8px 10px -5px rgba(24, 39, 75, 0.2), 0px 16px 24px 2px rgba(24, 39, 75, 0.14), 0px 6px 30px 5px rgba(24, 39, 75, 0.12)"
+          boxShadow: type == "Sidecar" ? "none !important" : "0px 8px 10px -5px rgba(24, 39, 75, 0.2), 0px 16px 24px 2px rgba(24, 39, 75, 0.14), 0px 6px 30px 5px rgba(24, 39, 75, 0.12)"
         },
         "&.MuiDrawer-root": {
-          boxShadow: filterSideCard ? "none !important" : "0px 3px 1px -2px rgba(24, 39, 75, 0.20),0px 2px 2px 0px rgba(24, 39, 75, 0.14),0px 1px 5px 0px rgba(24, 39, 75, 0.12)"
+          boxShadow: type == "Sidecar" ? "none !important" : "0px 3px 1px -2px rgba(24, 39, 75, 0.20),0px 2px 2px 0px rgba(24, 39, 75, 0.14),0px 1px 5px 0px rgba(24, 39, 75, 0.12)"
         }
       },
       ModalProps: {
         keepMounted: true,
-        disablePortal: filterSideCard ? true : false,
+        disablePortal: type == "Sidecar" ? true : false,
         slotProps: {
           root: {
             style: {
@@ -4573,36 +4587,19 @@ var PageHeader = ({
 var import_react43 = __toESM(require("react"), 1);
 var import_material29 = require("@mui/material");
 var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"), 1);
-var import_ExpandLess = __toESM(require("@mui/icons-material/ExpandLess"), 1);
 var SCAccordion = ({
   title,
   actions,
   children
 }) => {
   const [open, setOpen] = (0, import_react43.useState)(false);
-  return /* @__PURE__ */ import_react43.default.createElement(
-    import_material29.Grid,
+  return /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, /* @__PURE__ */ import_react43.default.createElement(import_material29.Accordion, null, /* @__PURE__ */ import_react43.default.createElement(
+    import_material29.AccordionSummary,
     {
-      flexDirection: "column",
-      sx: {
-        background: "white",
-        boxShadow: "0px 2px 4px 0px #18274B33",
-        padding: "0px 2px 0px 2px"
-      }
+      expandIcon: /* @__PURE__ */ import_react43.default.createElement(import_ExpandMore.default, { fontSize: "small", color: "action" })
     },
-    /* @__PURE__ */ import_react43.default.createElement(
-      import_material29.Grid,
-      {
-        container: true,
-        sx: { alignItems: "center", padding: "12px 16px 12px 16px", cursor: "pointer" },
-        justifyContent: "space-between",
-        onClick: () => setOpen((prev) => !prev)
-      },
-      /* @__PURE__ */ import_react43.default.createElement(import_material29.Grid, { sx: { textAlign: "left" } }, /* @__PURE__ */ import_react43.default.createElement(import_material29.Typography, { noWrap: true, variant: "subtitle1", align: "left", color: "text.primary" }, title)),
-      /* @__PURE__ */ import_react43.default.createElement(import_material29.Grid, null, /* @__PURE__ */ import_react43.default.createElement(import_material29.Grid, { container: true, justifyContent: "flex-end", alignItems: "center", gap: 1 }, actions, /* @__PURE__ */ import_react43.default.createElement(import_material29.Grid, { color: "#3975ac", sx: { textAlign: "right" } }, open ? /* @__PURE__ */ import_react43.default.createElement(import_ExpandLess.default, { fontSize: "small", color: "action" }) : /* @__PURE__ */ import_react43.default.createElement(import_ExpandMore.default, { fontSize: "small", color: "action" }))))
-    ),
-    open && /* @__PURE__ */ import_react43.default.createElement(import_material29.Grid, { container: true, padding: "12px" }, children)
-  );
+    /* @__PURE__ */ import_react43.default.createElement(import_material29.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" } }, typeof title === "string" ? /* @__PURE__ */ import_react43.default.createElement(import_material29.Typography, { noWrap: true, variant: "body1", color: "text.primary" }, title) : title, actions)
+  ), /* @__PURE__ */ import_react43.default.createElement(import_material29.AccordionDetails, { sx: { padding: "12px" } }, children)));
 };
 
 // src/Components/SCActivityCalendar.tsx
@@ -5082,7 +5079,7 @@ var import_CardActions = __toESM(require("@mui/material/CardActions"), 1);
 var import_Collapse = __toESM(require("@mui/material/Collapse"), 1);
 var import_ExpandMore2 = __toESM(require("@mui/icons-material/ExpandMore"), 1);
 var Muicon8 = __toESM(require("@mui/icons-material"), 1);
-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] = import_react49.default.useState(false);
@@ -5107,7 +5104,7 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
     import_CardHeader.default,
     {
       avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */ import_react49.default.createElement(import_material35.Box, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ import_react49.default.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ import_react49.default.createElement(import_material35.SvgIcon, { 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__ */ import_react49.default.createElement(import_material35.Button, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ import_react49.default.createElement(import_IconButton.default, { onClick: handleExpandClick, sx: { marginRight: "auto" }, size: "small" }, /* @__PURE__ */ import_react49.default.createElement(import_ExpandMore2.default, { fontSize: "small" })) : actionsTitle,
+      action: actionsTitle == "expand" ? /* @__PURE__ */ import_react49.default.createElement(import_IconButton.default, { onClick: handleExpandClick, sx: { marginRight: "auto" }, size: "small" }, /* @__PURE__ */ import_react49.default.createElement(import_ExpandMore2.default, { fontSize: "small" })) : actionsTitle,
       title,
       subheader: subtitle,
       sx: {
@@ -5126,25 +5123,14 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
         }
       }
     }
-  ), image && /* @__PURE__ */ import_react49.default.createElement(
+  ), dividerHeader && title && /* @__PURE__ */ import_react49.default.createElement(import_material35.Divider, { variant: "fullWidth" }), image && /* @__PURE__ */ import_react49.default.createElement(
     import_CardMedia.default,
     {
       component: "img",
       height: "194",
       image
     }
-  ), content && /* @__PURE__ */ import_react49.default.createElement(import_CardContent.default, { sx: { padding: "8px 16px !important" } }, content), ((expand == null ? void 0 : expand.position) == "bottom" || actions != void 0) && /* @__PURE__ */ import_react49.default.createElement(import_CardActions.default, { disableSpacing: true, sx: { justifyContent: "flex-end" } }, (expand == null ? void 0 : expand.position) === "bottom" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ import_react49.default.createElement(import_material35.Button, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ import_react49.default.createElement(import_IconButton.default, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, /* @__PURE__ */ import_react49.default.createElement(import_ExpandMore2.default, null)) : null, actions && actions.length > 0 ? actions.map((action, index) => /* @__PURE__ */ import_react49.default.createElement(
-    import_material35.Button,
-    {
-      key: index,
-      size: "small",
-      color: action.color || "primary",
-      variant: action.variant || "text",
-      onClick: action.fn,
-      disabled: action.disabled || false
-    },
-    action.text
-  )) : ""), expand && /* @__PURE__ */ import_react49.default.createElement(import_Collapse.default, { in: expanded, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ import_react49.default.createElement(import_CardContent.default, { sx: { padding: "8px 16px !important" } }, expand.content)));
+  ), content && /* @__PURE__ */ import_react49.default.createElement(import_CardContent.default, { sx: { padding: "8px 16px !important" } }, content), dividerActions && /* @__PURE__ */ import_react49.default.createElement(import_material35.Divider, { variant: "fullWidth" }), actions && /* @__PURE__ */ import_react49.default.createElement(import_CardActions.default, null, actions), contentExpand && /* @__PURE__ */ import_react49.default.createElement(import_Collapse.default, { in: expanded, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ import_react49.default.createElement(import_CardContent.default, { sx: { padding: "8px 16px !important" } }, contentExpand)));
 };
 
 // src/Components/SCDataGrid.tsx
@@ -6131,7 +6117,7 @@ var SCTime = ({
   error = false
 }) => {
   import_x_license3.LicenseInfo.setLicenseKey(
-    "77d49a57fbc5f4af35ddb05c5f1742e0Tz0xMTI3MjgsRT0xNzc4MzcxMTk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
+    "aa892a011e4c240f3cdaf811ecfff54fTz0xMjkyODQsRT0xODEwNDI1NTk5MDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
   );
   const isTimeEmpty = required && !state;
   const hasError = isTimeEmpty || error;