componentes-sinco 1.0.20 → 1.0.22

package/dist/index.d.cts

@@ -23,10 +23,12 @@ interface AdjuntarProps<T> {
     fileAccepted?: string;
     onChange?: (archivos: File[]) => void;
     onLoading?: boolean;
-    downloadAction?: () => void;
+    downloadAction?: (name: string) => void;
+    deleteAction?: (name: string) => Promise<void> | 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, deleteAction, initialFiles, }: AdjuntarProps<any>) => React__default.JSX.Element;
 
 type ReplyPalette$1 = "primary" | "secondary" | "warning" | "info" | "success" | "error" | any;
 type ReplyTextPalette = "primary" | "secondary" | "disabled";
@@ -549,4 +551,4 @@ declare const SincoTheme: _mui_material_styles.Theme;
 declare let AdproSincoTheme: _mui_material_styles.Theme;
 declare let ADCSincoTheme: _mui_material_styles.Theme;
 
-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 };
+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 };

package/dist/index.d.ts

@@ -23,10 +23,12 @@ interface AdjuntarProps<T> {
     fileAccepted?: string;
     onChange?: (archivos: File[]) => void;
     onLoading?: boolean;
-    downloadAction?: () => void;
+    downloadAction?: (name: string) => void;
+    deleteAction?: (name: string) => Promise<void> | 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, deleteAction, initialFiles, }: AdjuntarProps<any>) => React__default.JSX.Element;
 
 type ReplyPalette$1 = "primary" | "secondary" | "warning" | "info" | "success" | "error" | any;
 type ReplyTextPalette = "primary" | "secondary" | "disabled";
@@ -549,4 +551,4 @@ declare const SincoTheme: _mui_material_styles.Theme;
 declare let AdproSincoTheme: _mui_material_styles.Theme;
 declare let ADCSincoTheme: _mui_material_styles.Theme;
 
-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 };
+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 };

package/dist/index.js

@@ -29,6 +29,26 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 
 // src/Components/Adjuntar/Adjuntar.tsx
 import React4, { useEffect as useEffect4, useRef, useState as useState4 } from "react";
@@ -385,6 +405,7 @@ var Attachment = ({
   onLoading,
   onChange,
   downloadAction,
+  deleteAction,
   initialFiles = []
 }) => {
   const [files, setFiles] = useState4([]);
@@ -394,18 +415,21 @@ var Attachment = ({
   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
+    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;
       });
-      setFiles(initials);
-      onChange == null ? void 0 : onChange(initials.map((f) => new File([], f.name, { type: f.type })));
-    }
-  }, []);
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [files]);
   const handleDrop = (event2) => {
     event2.preventDefault();
     setIsDragFile(false);
@@ -670,7 +694,7 @@ var Attachment = ({
         },
         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: "Descargar" }, /* @__PURE__ */ React4.createElement(IconButton3, { size: "small", onClick: () => downloadAction == null ? void 0 : downloadAction(file.name) }, /* @__PURE__ */ React4.createElement(FileDownload, { fontSize: "small", color: "action" }))),
       /* @__PURE__ */ React4.createElement(Tooltip, { title: "Eliminar" }, /* @__PURE__ */ React4.createElement(
         IconButton3,
         {
@@ -694,18 +718,30 @@ var Attachment = ({
       action: [
         {
           text: "Eliminar",
-          fn: () => {
+          fn: () => __async(void 0, null, function* () {
             if (fileToDelete) {
-              deleteFiles(fileToDelete.name);
-              setFileToDelete(null);
-              setToast({
-                title: "Archivo eliminado",
-                type: "success",
-                time: 2
-              });
+              try {
+                if (deleteAction) {
+                  yield deleteAction(fileToDelete.name);
+                }
+                deleteFiles(fileToDelete.name);
+                setToast({
+                  title: "Archivo eliminado",
+                  type: "success",
+                  time: 2
+                });
+              } catch (error2) {
+                setToast({
+                  title: "Error al eliminar archivo",
+                  type: "error",
+                  time: 4
+                });
+              } finally {
+                setFileToDelete(null);
+                setOpenModal(false);
+              }
             }
-            setOpenModal(false);
-          }
+          })
         }
       ]
     }