componentes-sinco 1.0.14 → 1.0.16

package/dist/index.d.cts

@@ -21,13 +21,13 @@ interface AdjuntarProps<T> {
     compact?: boolean;
     maxSize?: number;
     fileAccepted?: string;
-    onChange?: (archivos: UploadedFile[] | File[]) => void;
+    onChange?: (archivos: File[]) => void;
     onLoading?: boolean;
     downloadAction?: () => void;
     initialFiles?: UploadedFile[];
 }
 
-declare const Attachment: <T>({ sx, compact, error, maxSize, fileAccepted, onLoading, onChange, downloadAction, initialFiles }: AdjuntarProps<T>) => React__default.JSX.Element;
+declare const Attachment: ({ sx, compact, error, maxSize, fileAccepted, onLoading, onChange, downloadAction, initialFiles }: AdjuntarProps<any>) => React__default.JSX.Element;
 
 type ReplyPalette$1 = "primary" | "secondary" | "warning" | "info" | "success" | "error" | any;
 type ReplyTextPalette = "primary" | "secondary" | "disabled";

package/dist/index.d.ts

@@ -21,13 +21,13 @@ interface AdjuntarProps<T> {
     compact?: boolean;
     maxSize?: number;
     fileAccepted?: string;
-    onChange?: (archivos: UploadedFile[] | File[]) => void;
+    onChange?: (archivos: File[]) => void;
     onLoading?: boolean;
     downloadAction?: () => void;
     initialFiles?: UploadedFile[];
 }
 
-declare const Attachment: <T>({ sx, compact, error, maxSize, fileAccepted, onLoading, onChange, downloadAction, initialFiles }: AdjuntarProps<T>) => React__default.JSX.Element;
+declare const Attachment: ({ sx, compact, error, maxSize, fileAccepted, onLoading, onChange, downloadAction, initialFiles }: AdjuntarProps<any>) => React__default.JSX.Element;
 
 type ReplyPalette$1 = "primary" | "secondary" | "warning" | "info" | "success" | "error" | any;
 type ReplyTextPalette = "primary" | "secondary" | "disabled";

package/dist/index.js

@@ -32,7 +32,7 @@ var __objRest = (source, exclude) => {
 
 // src/Components/Adjuntar/Adjuntar.tsx
 import React4, { useEffect as useEffect4, useRef, useState as useState4 } from "react";
-import { Box as Box3, Button as Button3, CircularProgress, IconButton as IconButton3, Stack as Stack3, Tooltip, Typography as Typography3 } from "@mui/material";
+import { Box as Box3, Button as Button3, CircularProgress, IconButton as IconButton3, LinearProgress as LinearProgress2, Stack as Stack3, Tooltip, Typography as Typography3 } from "@mui/material";
 import { CloudUploadOutlined, AttachFileOutlined, DeleteOutline, UploadFileOutlined, FileDownload } from "@mui/icons-material";
 
 // src/Components/ToastNotification/SCToastNotification.tsx
@@ -389,7 +389,7 @@ var Attachment = ({
 }) => {
   const [files, setFiles] = useState4([]);
   const [fileToDelete, setFileToDelete] = useState4(null);
-  const [toast, setToast] = React4.useState(null);
+  const [toast, setToast] = useState4(null);
   const [openModal, setOpenModal] = useState4(false);
   const [isDragFile, setIsDragFile] = useState4(false);
   const inputRef = useRef(null);
@@ -415,7 +415,6 @@ var Attachment = ({
   useEffect4(() => {
     if (initialFiles.length > 0) {
       setFiles(initialFiles);
-      onChange == null ? void 0 : onChange(initialFiles);
     }
   }, [initialFiles]);
   useEffect4(() => {
@@ -438,20 +437,18 @@ var Attachment = ({
     const newFiles = event2.target.files;
     if (!newFiles) return;
     const nuevosArchivos = [];
+    const archivosValidos = [];
     Array.from(newFiles).forEach((file) => {
       const isDuplicatedFile = files.findIndex((e) => e.name === file.name && e.size === file.size);
       const sizeMB = file.size / (1024 * 1024);
       if (isDuplicatedFile !== -1) {
-        setToast(null);
-        setTimeout(() => {
-          setToast({
-            type: "error",
-            title: "Archivo duplicado",
-            seeMore: true,
-            listITems: ["No se permiten archivos duplicados."],
-            time: 10
-          });
-        }, 10);
+        setToast({
+          type: "error",
+          title: "Archivo duplicado",
+          listITems: ["No se permiten archivos duplicados."],
+          seeMore: true,
+          time: 10
+        });
         return;
       }
       if (sizeMB > maxSize) {
@@ -462,16 +459,13 @@ var Attachment = ({
           progress: 0,
           uploadError: true
         });
-        setToast(null);
-        setTimeout(() => {
-          setToast({
-            type: "error",
-            title: "Carga fallida",
-            seeMore: true,
-            listITems: ["El archivo supera el l\xEDmite / 400MB."],
-            time: 10
-          });
-        }, 10);
+        setToast({
+          type: "error",
+          title: "Carga fallida",
+          seeMore: true,
+          listITems: [`El archivo supera el l\xEDmite de ${maxSize}MB.`],
+          time: 10
+        });
         return;
       }
       if (fileAccepted && !file.name.match(new RegExp(`(${fileAccepted.replace(/\./g, "\\.").replace(/,/g, "|")})$`, "i"))) {
@@ -489,14 +483,15 @@ var Attachment = ({
         size: file.size,
         type: file.type,
         progress: 0,
-        // inicializa el progreso en 0
         uploadError: false
       });
+      archivosValidos.push(file);
     });
     if (nuevosArchivos.length > 0) {
       setFiles((prev) => {
         const actualizados = [...prev, ...nuevosArchivos];
-        onChange == null ? void 0 : onChange(actualizados);
+        const totalFiles = [...onChange ? archivosValidos : []];
+        onChange == null ? void 0 : onChange(totalFiles);
         return actualizados;
       });
     }
@@ -505,7 +500,8 @@ var Attachment = ({
   const deleteFiles = (nameFile) => {
     const filtered = files.filter((e) => e.name !== nameFile);
     setFiles(filtered);
-    onChange == null ? void 0 : onChange(filtered);
+    const remainingFiles = filtered.map((f) => new File([], f.name, { type: f.type }));
+    onChange == null ? void 0 : onChange(remainingFiles);
   };
   return /* @__PURE__ */ React4.createElement(Stack3, { spacing: 2 }, toast && /* @__PURE__ */ React4.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ React4.createElement(
     "input",
@@ -605,7 +601,25 @@ var Attachment = ({
           }
         }
       },
-      /* @__PURE__ */ React4.createElement(Stack3, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, /* @__PURE__ */ React4.createElement(UploadFileOutlined, { color: file.uploadError ? "error" : "primary", fontSize: "small" }), /* @__PURE__ */ React4.createElement(Stack3, { width: "100%" }, /* @__PURE__ */ React4.createElement(Typography3, { variant: "body2", color: "text.primary", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", maxWidth: "210px" }, file.name), /* @__PURE__ */ React4.createElement(Typography3, { 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}`))),
+      /* @__PURE__ */ React4.createElement(Stack3, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, /* @__PURE__ */ React4.createElement(UploadFileOutlined, { color: file.uploadError ? "error" : "primary", fontSize: "small" }), /* @__PURE__ */ React4.createElement(Stack3, { width: "100%" }, /* @__PURE__ */ React4.createElement(
+        Typography3,
+        {
+          variant: "body2",
+          color: "text.primary",
+          whiteSpace: "nowrap",
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          maxWidth: "210px"
+        },
+        file.name
+      ), /* @__PURE__ */ React4.createElement(Typography3, { 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}`), file.progress < 100 && !file.uploadError && /* @__PURE__ */ React4.createElement(
+        LinearProgress2,
+        {
+          variant: "determinate",
+          color: "primary",
+          value: file.progress
+        }
+      ))),
       /* @__PURE__ */ React4.createElement(Tooltip, { title: "Descargar" }, /* @__PURE__ */ React4.createElement(IconButton3, { size: "small", onClick: downloadAction }, /* @__PURE__ */ React4.createElement(FileDownload, { fontSize: "small", color: "action" }))),
       /* @__PURE__ */ React4.createElement(Tooltip, { title: "Eliminar" }, /* @__PURE__ */ React4.createElement(IconButton3, { size: "small", onClick: () => {
         setFileToDelete(file);
@@ -627,14 +641,11 @@ var Attachment = ({
             if (fileToDelete) {
               deleteFiles(fileToDelete.name);
               setFileToDelete(null);
-              setToast(null);
-              setTimeout(() => {
-                setToast({
-                  title: "Archivo eliminado",
-                  type: "success",
-                  time: 2
-                });
-              }, 10);
+              setToast({
+                title: "Archivo eliminado",
+                type: "success",
+                time: 2
+              });
             }
             setOpenModal(false);
           }