componentes-sinco 1.0.17 → 1.0.19

package/dist/index.d.cts

@@ -25,9 +25,8 @@ interface AdjuntarProps<T> {
     onLoading?: boolean;
     downloadAction?: () => void;
     initialFiles?: UploadedFile[];
-}
-
-declare const Attachment: ({ sx, compact, error, maxSize, fileAccepted, onLoading, onChange, downloadAction, initialFiles }: AdjuntarProps<any>) => 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";
@@ -550,4 +549,4 @@ declare const SincoTheme: _mui_material_styles.Theme;
 declare let AdproSincoTheme: _mui_material_styles.Theme;
 declare let ADCSincoTheme: _mui_material_styles.Theme;
 
-export { ADCSincoTheme, AdproSincoTheme, Attachment, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, PageHeader, type PageheaderProperties, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyButtonVariants, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDateRange, SCDialog, SCDrawer, SCMenu, SCModal, SCSelect, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, getButtonColor, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useFilteredItems, useMultiSelectHandlers, useProgress };
+export { ADCSincoTheme, type AdjuntarProps, AdproSincoTheme, Attachment, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, PageHeader, type PageheaderProperties, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyButtonVariants, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDateRange, SCDialog, SCDrawer, SCMenu, SCModal, SCSelect, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, type UploadedFile, capitalize, getButtonColor, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useFilteredItems, useMultiSelectHandlers, useProgress };

package/dist/index.d.ts

@@ -25,9 +25,8 @@ interface AdjuntarProps<T> {
     onLoading?: boolean;
     downloadAction?: () => void;
     initialFiles?: UploadedFile[];
-}
-
-declare const Attachment: ({ sx, compact, error, maxSize, fileAccepted, onLoading, onChange, downloadAction, initialFiles }: AdjuntarProps<any>) => 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";
@@ -550,4 +549,4 @@ declare const SincoTheme: _mui_material_styles.Theme;
 declare let AdproSincoTheme: _mui_material_styles.Theme;
 declare let ADCSincoTheme: _mui_material_styles.Theme;
 
-export { ADCSincoTheme, AdproSincoTheme, Attachment, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, PageHeader, type PageheaderProperties, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyButtonVariants, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDateRange, SCDialog, SCDrawer, SCMenu, SCModal, SCSelect, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, getButtonColor, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useFilteredItems, useMultiSelectHandlers, useProgress };
+export { ADCSincoTheme, type AdjuntarProps, AdproSincoTheme, Attachment, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, PageHeader, type PageheaderProperties, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyButtonVariants, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDateRange, SCDialog, SCDrawer, SCMenu, SCModal, SCSelect, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, type UploadedFile, capitalize, getButtonColor, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useFilteredItems, useMultiSelectHandlers, useProgress };

package/dist/index.js

@@ -393,6 +393,19 @@ var Attachment = ({
   const [openModal, setOpenModal] = useState4(false);
   const [isDragFile, setIsDragFile] = useState4(false);
   const inputRef = useRef(null);
+  useEffect4(() => {
+    if (initialFiles.length > 0) {
+      const initials = initialFiles.map((f) => {
+        var _a, _b;
+        return __spreadProps(__spreadValues({}, f), {
+          progress: (_a = f.progress) != null ? _a : 100,
+          uploadError: (_b = f.uploadError) != null ? _b : false
+        });
+      });
+      setFiles(initials);
+      onChange == null ? void 0 : onChange(initials.map((f) => new File([], f.name, { type: f.type })));
+    }
+  }, []);
   const handleDrop = (event2) => {
     event2.preventDefault();
     setIsDragFile(false);
@@ -412,34 +425,15 @@ var Attachment = ({
     event2.preventDefault();
     setIsDragFile(false);
   };
-  useEffect4(() => {
-    if (initialFiles.length > 0) {
-      setFiles(initialFiles);
-    }
-  }, [initialFiles]);
-  useEffect4(() => {
-    const interval = setInterval(() => {
-      setFiles((prevFiles) => {
-        let updated = false;
-        const nuevosArchivos = prevFiles.map((file) => {
-          if (!file.uploadError && file.progress < 100) {
-            updated = true;
-            return __spreadProps(__spreadValues({}, file), { progress: Math.min(file.progress + 15, 100) });
-          }
-          return file;
-        });
-        return updated ? nuevosArchivos : prevFiles;
-      });
-    }, 1e3);
-    return () => clearInterval(interval);
-  }, [files]);
   const handleUpload = (event2) => {
     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 isDuplicatedFile = files.findIndex(
+        (e) => e.name === file.name && e.size === file.size
+      );
       const sizeMB = file.size / (1024 * 1024);
       if (isDuplicatedFile !== -1) {
         setToast({
@@ -468,7 +462,12 @@ var Attachment = ({
         });
         return;
       }
-      if (fileAccepted && !file.name.match(new RegExp(`(${fileAccepted.replace(/\./g, "\\.").replace(/,/g, "|")})$`, "i"))) {
+      if (fileAccepted && !file.name.match(
+        new RegExp(
+          `(${fileAccepted.replace(/\./g, "\\.").replace(/,/g, "|")})$`,
+          "i"
+        )
+      )) {
         setToast({
           type: "error",
           title: "Tipo de archivo no permitido",
@@ -490,18 +489,23 @@ var Attachment = ({
     if (nuevosArchivos.length > 0) {
       setFiles((prev) => {
         const actualizados = [...prev, ...nuevosArchivos];
-        const totalFiles = [...onChange ? archivosValidos : []];
-        onChange == null ? void 0 : onChange(totalFiles);
+        onChange == null ? void 0 : onChange([
+          ...archivosValidos,
+          ...prev.map((f) => new File([], f.name, { type: f.type }))
+        ]);
         return actualizados;
       });
     }
     event2.target.value = "";
   };
   const deleteFiles = (nameFile) => {
-    const filtered = files.filter((e) => e.name !== nameFile);
-    setFiles(filtered);
-    const remainingFiles = filtered.map((f) => new File([], f.name, { type: f.type }));
-    onChange == null ? void 0 : onChange(remainingFiles);
+    setFiles((prev) => {
+      const filtered = prev.filter((e) => e.name !== nameFile);
+      onChange == null ? void 0 : onChange(
+        filtered.map((f) => new File([], f.name, { type: f.type }))
+      );
+      return filtered;
+    });
   };
   return /* @__PURE__ */ React4.createElement(Stack3, { spacing: 2 }, toast && /* @__PURE__ */ React4.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ React4.createElement(
     "input",
@@ -539,7 +543,38 @@ var Attachment = ({
         }
       }, sx)
     },
-    onLoading ? /* @__PURE__ */ React4.createElement(Box3, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ React4.createElement(CircularProgress, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(Box3, { display: "flex", bgcolor: error ? "error.50" : "primary.50", borderRadius: "100%", p: 1 }, /* @__PURE__ */ React4.createElement(CloudUploadOutlined, { color: error ? "error" : "primary", fontSize: "medium" })), /* @__PURE__ */ React4.createElement(
+    onLoading ? /* @__PURE__ */ React4.createElement(
+      Box3,
+      {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width: "100%",
+        height: "450px"
+      },
+      /* @__PURE__ */ React4.createElement(
+        CircularProgress,
+        {
+          sx: { width: "60px", height: "60px" },
+          variant: "indeterminate"
+        }
+      )
+    ) : /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(
+      Box3,
+      {
+        display: "flex",
+        bgcolor: error ? "error.50" : "primary.50",
+        borderRadius: "100%",
+        p: 1
+      },
+      /* @__PURE__ */ React4.createElement(
+        CloudUploadOutlined,
+        {
+          color: error ? "error" : "primary",
+          fontSize: "medium"
+        }
+      )
+    ), /* @__PURE__ */ React4.createElement(
       Stack3,
       {
         width: "100%",
@@ -548,18 +583,27 @@ var Attachment = ({
         justifyContent: compact ? "space-between" : "center",
         gap: 1
       },
-      /* @__PURE__ */ React4.createElement(Stack3, { flexDirection: "column", alignItems: compact ? "start" : "center", gap: 0.5 }, /* @__PURE__ */ React4.createElement(Typography3, { variant: "body2", color: "text.primary" }, "Arrastrar o adjuntar archivos"), /* @__PURE__ */ React4.createElement(
-        Typography3,
+      /* @__PURE__ */ React4.createElement(
+        Stack3,
         {
-          variant: "caption",
-          color: error ? "error" : "text.secondary",
-          whiteSpace: "nowrap",
-          overflow: "hidden",
-          textOverflow: "ellipsis",
-          maxWidth: "450px"
+          flexDirection: "column",
+          alignItems: compact ? "start" : "center",
+          gap: 0.5
         },
-        error ? `${fileAccepted || "DOCX, XML, PNG, JPG"} \u2022 Archivo no soportado` : `${fileAccepted || "DOCX, XML, PNG, JPG"} \u2022 Max. ${maxSize}MB`
-      )),
+        /* @__PURE__ */ React4.createElement(Typography3, { variant: "body2", color: "text.primary" }, "Arrastrar o adjuntar archivos"),
+        /* @__PURE__ */ React4.createElement(
+          Typography3,
+          {
+            variant: "caption",
+            color: error ? "error" : "text.secondary",
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            maxWidth: "450px"
+          },
+          error ? `${fileAccepted || "DOCX, XML, PNG, JPG"} \u2022 Archivo no soportado` : `${fileAccepted || "DOCX, XML, PNG, JPG"} \u2022 Max. ${maxSize}MB`
+        )
+      ),
       /* @__PURE__ */ React4.createElement(
         Button3,
         {
@@ -601,7 +645,13 @@ 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(
+      /* @__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",
@@ -609,15 +659,29 @@ var Attachment = ({
           whiteSpace: "nowrap",
           overflow: "hidden",
           textOverflow: "ellipsis",
-          maxWidth: "210px"
+          maxWidth: "310px"
         },
         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(
+        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(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);
-        setOpenModal(true);
-      } }, /* @__PURE__ */ React4.createElement(DeleteOutline, { fontSize: "small", color: "action" })))
+      /* @__PURE__ */ React4.createElement(Tooltip, { title: "Eliminar" }, /* @__PURE__ */ React4.createElement(
+        IconButton3,
+        {
+          size: "small",
+          onClick: () => {
+            setFileToDelete(file);
+            setOpenModal(true);
+          }
+        },
+        /* @__PURE__ */ React4.createElement(DeleteOutline, { fontSize: "small", color: "action" })
+      ))
     ))
   ), /* @__PURE__ */ React4.createElement(
     SCModal,