componentes-sinco 1.0.14 → 1.0.16

package/dist/index.cjs

@@ -457,7 +457,7 @@ var Attachment = ({
 }) => {
   const [files, setFiles] = (0, import_react5.useState)([]);
   const [fileToDelete, setFileToDelete] = (0, import_react5.useState)(null);
-  const [toast, setToast] = import_react5.default.useState(null);
+  const [toast, setToast] = (0, import_react5.useState)(null);
   const [openModal, setOpenModal] = (0, import_react5.useState)(false);
   const [isDragFile, setIsDragFile] = (0, import_react5.useState)(false);
   const inputRef = (0, import_react5.useRef)(null);
@@ -483,7 +483,6 @@ var Attachment = ({
   (0, import_react5.useEffect)(() => {
     if (initialFiles.length > 0) {
       setFiles(initialFiles);
-      onChange == null ? void 0 : onChange(initialFiles);
     }
   }, [initialFiles]);
   (0, import_react5.useEffect)(() => {
@@ -506,20 +505,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) {
@@ -530,16 +527,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"))) {
@@ -557,14 +551,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;
       });
     }
@@ -573,7 +568,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__ */ import_react5.default.createElement(import_material3.Stack, { spacing: 2 }, toast && /* @__PURE__ */ import_react5.default.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ import_react5.default.createElement(
     "input",
@@ -673,7 +669,25 @@ var Attachment = ({
           }
         }
       },
-      /* @__PURE__ */ import_react5.default.createElement(import_material3.Stack, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, /* @__PURE__ */ import_react5.default.createElement(import_icons_material5.UploadFileOutlined, { color: file.uploadError ? "error" : "primary", fontSize: "small" }), /* @__PURE__ */ import_react5.default.createElement(import_material3.Stack, { width: "100%" }, /* @__PURE__ */ import_react5.default.createElement(import_material3.Typography, { variant: "body2", color: "text.primary", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", maxWidth: "210px" }, file.name), /* @__PURE__ */ import_react5.default.createElement(import_material3.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}`))),
+      /* @__PURE__ */ import_react5.default.createElement(import_material3.Stack, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, /* @__PURE__ */ import_react5.default.createElement(import_icons_material5.UploadFileOutlined, { color: file.uploadError ? "error" : "primary", fontSize: "small" }), /* @__PURE__ */ import_react5.default.createElement(import_material3.Stack, { width: "100%" }, /* @__PURE__ */ import_react5.default.createElement(
+        import_material3.Typography,
+        {
+          variant: "body2",
+          color: "text.primary",
+          whiteSpace: "nowrap",
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          maxWidth: "210px"
+        },
+        file.name
+      ), /* @__PURE__ */ import_react5.default.createElement(import_material3.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}`), file.progress < 100 && !file.uploadError && /* @__PURE__ */ import_react5.default.createElement(
+        import_material3.LinearProgress,
+        {
+          variant: "determinate",
+          color: "primary",
+          value: file.progress
+        }
+      ))),
       /* @__PURE__ */ import_react5.default.createElement(import_material3.Tooltip, { title: "Descargar" }, /* @__PURE__ */ import_react5.default.createElement(import_material3.IconButton, { size: "small", onClick: downloadAction }, /* @__PURE__ */ import_react5.default.createElement(import_icons_material5.FileDownload, { fontSize: "small", color: "action" }))),
       /* @__PURE__ */ import_react5.default.createElement(import_material3.Tooltip, { title: "Eliminar" }, /* @__PURE__ */ import_react5.default.createElement(import_material3.IconButton, { size: "small", onClick: () => {
         setFileToDelete(file);
@@ -695,14 +709,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);
           }