componentes-sinco 1.0.13 → 1.0.15

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

@@ -277,7 +277,6 @@ var SCModal = ({
   state = "info",
   open,
   setOpen,
-  // ✅ ahora también puedes pasar setOpen desde afuera
   title,
   description,
   action
@@ -299,7 +298,7 @@ var SCModal = ({
     [action, handleClose]
   );
   const { icon, defaultDescription } = modalStateConfig[state];
-  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, buttonModal && /* @__PURE__ */ React3.createElement(
     Button2,
     {
       "data-testid": "test-buttonModal",
@@ -390,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);
@@ -416,7 +415,6 @@ var Attachment = ({
   useEffect4(() => {
     if (initialFiles.length > 0) {
       setFiles(initialFiles);
-      onChange == null ? void 0 : onChange(initialFiles);
     }
   }, [initialFiles]);
   useEffect4(() => {
@@ -439,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) {
@@ -463,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"))) {
@@ -480,6 +473,7 @@ var Attachment = ({
           type: "error",
           title: "Tipo de archivo no permitido",
           listITems: [`El archivo ${file.name} no es un tipo permitido.`],
+          seeMore: true,
           time: 10
         });
         return;
@@ -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",
@@ -560,7 +556,7 @@ var Attachment = ({
           whiteSpace: "nowrap",
           overflow: "hidden",
           textOverflow: "ellipsis",
-          maxWidth: "210px"
+          maxWidth: "450px"
         },
         error ? `${fileAccepted || "DOCX, XML, PNG, JPG"} \u2022 Archivo no soportado` : `${fileAccepted || "DOCX, XML, PNG, JPG"} \u2022 Max. ${maxSize}MB`
       )),
@@ -605,11 +601,22 @@ 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} \u2022 carga ${file.progress}%`), file.progress === 100 && !file.uploadError ? null : /* @__PURE__ */ React4.createElement(
+      /* @__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: file.uploadError ? "error" : "primary",
+          color: "primary",
           value: file.progress
         }
       ))),
@@ -634,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);
           }