componentes-sinco 1.2.7 → 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,
         {
@@ -5066,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);
@@ -5091,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: {
@@ -5110,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