componentes-sinco 1.1.11 → 1.1.12

package/dist/index.d.cts

@@ -319,12 +319,6 @@ declare const SCCalendarSwipeable: ({ background, setState, state, }: SCCalendar
 interface SCDataGridInitialProps<T> {
     data: T[];
     columns: any;
-    getRowId?: (row: T) => string | number;
-    rowsTable?: number;
-    checkboxSelection?: boolean;
-    width?: string | number;
-    maxHeight?: number;
-    density?: "compact" | "standard" | "comfortable";
     groupColumns?: (item: any) => {
         textGroup1?: string;
         valueGroup1?: string;
@@ -333,6 +327,12 @@ interface SCDataGridInitialProps<T> {
         headerNameFirstColumn?: string;
         fieldFirstColumn?: string;
     };
+    getRowId?: (row: T) => string | number;
+    rowsTable?: number;
+    checkboxSelection?: boolean;
+    width?: string | number;
+    maxHeight?: number;
+    density?: "compact" | "standard" | "comfortable";
 }
 declare function SCDataGridInitial<T>({ data, columns, getRowId, groupColumns, rowsTable, checkboxSelection, width, maxHeight, density }: SCDataGridInitialProps<T>): React__default.JSX.Element;
 declare const SCDataGrid: React__default.MemoExoticComponent<typeof SCDataGridInitial>;
@@ -664,9 +664,11 @@ interface AttachmentMobileProps<T> {
     fileAccepted?: string;
     onChange?: (archivos: File[]) => void;
     deleteAction?: (name: string) => Promise<void> | void;
+    downloadAction?: (file: UploadedFile) => Promise<void> | void;
+    view?: 'file' | 'button';
 }
 
-declare const AttachmentMobile: ({ buttonAttachment, maxSize, fileAccepted, initialFiles, deleteAction, children, onChange, sx }: AttachmentMobileProps<any>) => React__default.JSX.Element;
+declare const AttachmentMobile: ({ buttonAttachment, maxSize, fileAccepted, initialFiles, deleteAction, downloadAction, onChange, children, sx, view, }: AttachmentMobileProps<any>) => React__default.JSX.Element;
 
 interface SCSnackBarProps {
     type?: 'success' | 'error' | 'warning' | 'info';

package/dist/index.d.ts

@@ -319,12 +319,6 @@ declare const SCCalendarSwipeable: ({ background, setState, state, }: SCCalendar
 interface SCDataGridInitialProps<T> {
     data: T[];
     columns: any;
-    getRowId?: (row: T) => string | number;
-    rowsTable?: number;
-    checkboxSelection?: boolean;
-    width?: string | number;
-    maxHeight?: number;
-    density?: "compact" | "standard" | "comfortable";
     groupColumns?: (item: any) => {
         textGroup1?: string;
         valueGroup1?: string;
@@ -333,6 +327,12 @@ interface SCDataGridInitialProps<T> {
         headerNameFirstColumn?: string;
         fieldFirstColumn?: string;
     };
+    getRowId?: (row: T) => string | number;
+    rowsTable?: number;
+    checkboxSelection?: boolean;
+    width?: string | number;
+    maxHeight?: number;
+    density?: "compact" | "standard" | "comfortable";
 }
 declare function SCDataGridInitial<T>({ data, columns, getRowId, groupColumns, rowsTable, checkboxSelection, width, maxHeight, density }: SCDataGridInitialProps<T>): React__default.JSX.Element;
 declare const SCDataGrid: React__default.MemoExoticComponent<typeof SCDataGridInitial>;
@@ -664,9 +664,11 @@ interface AttachmentMobileProps<T> {
     fileAccepted?: string;
     onChange?: (archivos: File[]) => void;
     deleteAction?: (name: string) => Promise<void> | void;
+    downloadAction?: (file: UploadedFile) => Promise<void> | void;
+    view?: 'file' | 'button';
 }
 
-declare const AttachmentMobile: ({ buttonAttachment, maxSize, fileAccepted, initialFiles, deleteAction, children, onChange, sx }: AttachmentMobileProps<any>) => React__default.JSX.Element;
+declare const AttachmentMobile: ({ buttonAttachment, maxSize, fileAccepted, initialFiles, deleteAction, downloadAction, onChange, children, sx, view, }: AttachmentMobileProps<any>) => React__default.JSX.Element;
 
 interface SCSnackBarProps {
     type?: 'success' | 'error' | 'warning' | 'info';

package/dist/index.js

@@ -4781,7 +4781,7 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
 
 // src/Components/SCActivityCalendar.tsx
 import React42, { useState as useState23 } from "react";
-import { Typography as Typography25, IconButton as IconButton15, Box as Box27, Badge as Badge2 } from "@mui/material";
+import { Typography as Typography25, IconButton as IconButton15, Box as Box27, Badge as Badge2, Menu as Menu3, MenuItem as MenuItem8, ListItemIcon as ListItemIcon6, Popover as Popover7 } from "@mui/material";
 import Grid11 from "@mui/material/Grid";
 import { AdapterDateFns as AdapterDateFns2 } from "@mui/x-date-pickers/AdapterDateFns";
 import { LocalizationProvider as LocalizationProvider4 } from "@mui/x-date-pickers/LocalizationProvider";
@@ -4792,6 +4792,11 @@ import KeyboardDoubleArrowDownIcon2 from "@mui/icons-material/KeyboardDoubleArro
 import KeyboardDoubleArrowUpIcon2 from "@mui/icons-material/KeyboardDoubleArrowUp";
 import ArrowForwardIcon from "@mui/icons-material/ArrowForward";
 import LightModeOutlinedIcon from "@mui/icons-material/LightModeOutlined";
+import FilterListIcon from "@mui/icons-material/FilterList";
+import CalendarMonthOutlinedIcon from "@mui/icons-material/CalendarMonthOutlined";
+import CheckCircleOutlineOutlinedIcon from "@mui/icons-material/CheckCircleOutlineOutlined";
+import EventBusyOutlinedIcon from "@mui/icons-material/EventBusyOutlined";
+import PendingOutlinedIcon from "@mui/icons-material/PendingOutlined";
 var SCActivityCalendar = ({
   //informativas
   //apariencia
@@ -4808,6 +4813,9 @@ var SCActivityCalendar = ({
   const [fechaSeleccionada, setFechaSeleccionada] = useState23();
   const [stateVal, setstateVal] = React42.useState(/* @__PURE__ */ new Date());
   const [openCalendar, setOpenCalendar] = React42.useState(false);
+  const [anchorPopoverFiltro, setAnchorPopoverFiltro] = useState23(null);
+  const [datosEventos, setDatosEventos] = React42.useState(events);
+  const openPopoverFiltro = Boolean(anchorPopoverFiltro);
   const hoy = /* @__PURE__ */ new Date();
   const inicioSemana = startOfWeek2(fecha, { weekStartsOn: 0 });
   const diasSemana = Array.from({ length: 7 }, (_, i) => addDays2(inicioSemana, i));
@@ -4835,7 +4843,23 @@ var SCActivityCalendar = ({
       // 0 = domingo, 1 = lunes
     })
   });
-  return /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(LocalizationProvider4, { dateAdapter: AdapterDateFns2, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ React42.createElement(Box27, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ React42.createElement(Box27, { sx: { width: "100%", padding: "0px 16px", background: "transparent" } }, /* @__PURE__ */ React42.createElement(Grid11, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 0px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ React42.createElement(Grid11, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ React42.createElement(Box27, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React42.createElement(Typography25, { sx: { fontSize: "12px !important", color: "#10184099" } }, format2(dia, "EEEE", { locale: es2 }).charAt(0).toUpperCase())), /* @__PURE__ */ React42.createElement(
+  const handleClickPopoverFiltro = (event2) => {
+    setAnchorPopoverFiltro(event2.currentTarget);
+  };
+  const handleClosePopoverFiltro = () => {
+    setAnchorPopoverFiltro(null);
+  };
+  const filtrarActividad = (event2, filtro) => {
+    if (filtro === "Todo") {
+      setDatosEventos(events);
+    } else {
+      const resultado = events.filter(
+        (item) => item.state === filtro
+      );
+      setDatosEventos(resultado);
+    }
+  };
+  return /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(LocalizationProvider4, { dateAdapter: AdapterDateFns2, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ React42.createElement(Box27, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ React42.createElement(Box27, { sx: { width: "100%", padding: "0px", background: "transparent" } }, /* @__PURE__ */ React42.createElement(Grid11, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 16px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ React42.createElement(Grid11, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ React42.createElement(Box27, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React42.createElement(Typography25, { sx: { fontSize: "12px !important", color: "#10184099" } }, format2(dia, "EEEE", { locale: es2 }).charAt(0).toUpperCase())), /* @__PURE__ */ React42.createElement(
     Box27,
     {
       onClick: () => setFecha(dia),
@@ -4858,7 +4882,7 @@ var SCActivityCalendar = ({
       slotProps: { toolbar: { hidden: true }, actionBar: { actions: [] } },
       sx: {
         "& .MuiDateCalendar-root": {
-          width: "100%",
+          width: "97.5%",
           maxWidth: "unset",
           margin: 0,
           padding: "0px 16px"
@@ -4874,7 +4898,36 @@ var SCActivityCalendar = ({
       },
       onChange: (newValue) => setFecha(newValue)
     }
-  ), /* @__PURE__ */ React42.createElement(Grid11, { container: true, justifyContent: "center" }, /* @__PURE__ */ React42.createElement(IconButton15, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ React42.createElement(KeyboardDoubleArrowUpIcon2, { color: "action" }))))), /* @__PURE__ */ React42.createElement(Box27, { sx: { boxSizing: "border-box", padding: "0px 16px", width: "100%", height: openCalendar ? "calc(91% - 260px)" : "calc(91% - 100px)", background: "white", display: "flex", flexDirection: "column", overflowY: "auto", gap: "8px", scrollSnapType: "x mandatory", paddingBottom: "10px" } }, diasSemana.map((day, dayIndex) => /* @__PURE__ */ React42.createElement(
+  ), /* @__PURE__ */ React42.createElement(Grid11, { container: true, justifyContent: "center" }, /* @__PURE__ */ React42.createElement(IconButton15, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ React42.createElement(KeyboardDoubleArrowUpIcon2, { color: "action" }))))), /* @__PURE__ */ React42.createElement(IconButton15, { onClick: handleClickPopoverFiltro, sx: { position: "fixed", right: "calc(100% - 96%)", top: openCalendar == false ? "197px" : "357px" } }, /* @__PURE__ */ React42.createElement(FilterListIcon, { color: "action" })), /* @__PURE__ */ React42.createElement(
+    Popover7,
+    {
+      open: openPopoverFiltro,
+      anchorEl: anchorPopoverFiltro,
+      onClose: handleClosePopoverFiltro,
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "right"
+      }
+    },
+    /* @__PURE__ */ React42.createElement(
+      Menu3,
+      {
+        id: "basic-menu",
+        anchorEl: anchorPopoverFiltro,
+        open: openPopoverFiltro,
+        onClose: handleClosePopoverFiltro,
+        slotProps: {
+          list: {
+            "aria-labelledby": "basic-button"
+          }
+        }
+      },
+      /* @__PURE__ */ React42.createElement(MenuItem8, { onClick: (event2) => filtrarActividad(event2, "Todo") }, /* @__PURE__ */ React42.createElement(ListItemIcon6, null, /* @__PURE__ */ React42.createElement(CalendarMonthOutlinedIcon, { fontSize: "small" })), /* @__PURE__ */ React42.createElement(Typography25, { variant: "inherit" }, "Ver todo")),
+      /* @__PURE__ */ React42.createElement(MenuItem8, { onClick: (event2) => filtrarActividad(event2, "Finalizada") }, /* @__PURE__ */ React42.createElement(ListItemIcon6, null, /* @__PURE__ */ React42.createElement(CheckCircleOutlineOutlinedIcon, { fontSize: "small" })), /* @__PURE__ */ React42.createElement(Typography25, { variant: "inherit" }, "Ver finalizadas")),
+      /* @__PURE__ */ React42.createElement(MenuItem8, { onClick: (event2) => filtrarActividad(event2, "Aplazada") }, /* @__PURE__ */ React42.createElement(ListItemIcon6, null, /* @__PURE__ */ React42.createElement(EventBusyOutlinedIcon, { fontSize: "small" })), /* @__PURE__ */ React42.createElement(Typography25, { variant: "inherit" }, "Ver aplazadas")),
+      /* @__PURE__ */ React42.createElement(MenuItem8, { onClick: (event2) => filtrarActividad(event2, "En progreso") }, /* @__PURE__ */ React42.createElement(ListItemIcon6, null, /* @__PURE__ */ React42.createElement(PendingOutlinedIcon, { fontSize: "small" })), /* @__PURE__ */ React42.createElement(Typography25, { variant: "inherit" }, "Ver en progreso"))
+    )
+  ), /* @__PURE__ */ React42.createElement(Box27, { sx: { boxSizing: "border-box", padding: "0px 16px", width: "100%", height: openCalendar ? "calc(91% - 260px)" : "calc(91% - 100px)", background: "white", display: "flex", flexDirection: "column", overflowY: "auto", gap: "8px", scrollSnapType: "x mandatory", paddingBottom: "10px" } }, diasSemana.map((day, dayIndex) => /* @__PURE__ */ React42.createElement(
     Box27,
     {
       key: dayIndex
@@ -4891,7 +4944,7 @@ var SCActivityCalendar = ({
       flexDirection: "column"
     } }, (() => {
       const esDomingo = day.getDay() === 0;
-      const eventosDelDia = events.filter(
+      const eventosDelDia = datosEventos.filter(
         (event2) => new Date(event2.date).toDateString() === day.toDateString()
       );
       if (eventosDelDia.length > 0) {
@@ -4986,15 +5039,18 @@ import { CloseOutlined, DeleteOutline as DeleteOutline2, FolderOpenOutlined, Pho
 import PhotoCameraIcon from "@mui/icons-material/PhotoCamera";
 import CancelOutlinedIcon from "@mui/icons-material/CancelOutlined";
 import ImageOutlinedIcon from "@mui/icons-material/ImageOutlined";
+import FileDownloadOutlinedIcon from "@mui/icons-material/FileDownloadOutlined";
 var AttachmentMobile = ({
   buttonAttachment,
   maxSize = 400,
   fileAccepted = "",
   initialFiles,
   deleteAction,
-  children,
+  downloadAction,
   onChange,
-  sx
+  children,
+  sx,
+  view = "button"
 }) => {
   const webcamRef = useRef8(null);
   const [abrirCamara, setAbrirCamara] = useState24(false);
@@ -5166,14 +5222,14 @@ var AttachmentMobile = ({
       setFiles(initialFiles);
     }
   }, []);
-  return /* @__PURE__ */ React44.createElement(Box28, { display: "flex", flexDirection: "column", gap: 1 }, /* @__PURE__ */ React44.createElement(Box28, { display: "flex", width: "100%", justifyContent: "space-between", alignItems: "center", sx }, children, /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React44.createElement(Box28, { display: "flex", flexDirection: "column", gap: 1 }, view == "button" ? /* @__PURE__ */ React44.createElement(Box28, { display: "flex", width: "100%", justifyContent: "space-between", alignItems: "center", sx }, children, /* @__PURE__ */ React44.createElement(
     AttachmentButton,
     {
       buttonAttachment,
       open,
       setOpen
     }
-  )), /* @__PURE__ */ React44.createElement(CssBaseline, null), /* @__PURE__ */ React44.createElement(
+  )) : "", /* @__PURE__ */ React44.createElement(CssBaseline, null), /* @__PURE__ */ React44.createElement(
     SwipeableDrawer2,
     {
       slotProps: {
@@ -5338,7 +5394,17 @@ var AttachmentMobile = ({
         },
         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__ */ React44.createElement(Tooltip8, { title: "Eliminar" }, /* @__PURE__ */ React44.createElement(
+      view == "file" ? /* @__PURE__ */ React44.createElement(Tooltip8, { title: "Descargar" }, /* @__PURE__ */ React44.createElement(
+        IconButton16,
+        {
+          size: "small",
+          onClick: () => downloadAction == null ? void 0 : downloadAction(file),
+          disabled: file.uploadError,
+          "aria-label": `Descargar ${file.name}`
+        },
+        /* @__PURE__ */ React44.createElement(FileDownloadOutlinedIcon, { fontSize: "small", color: "action" })
+      )) : "",
+      view == "button" ? /* @__PURE__ */ React44.createElement(Tooltip8, { title: "Eliminar" }, /* @__PURE__ */ React44.createElement(
         IconButton16,
         {
           size: "small",
@@ -5346,7 +5412,7 @@ var AttachmentMobile = ({
           "aria-label": `Eliminar ${file.name}`
         },
         /* @__PURE__ */ React44.createElement(DeleteOutline2, { fontSize: "small", color: "action" })
-      ))
+      )) : ""
     ))
   ));
 };
@@ -5395,7 +5461,7 @@ var SCSnackBar = ({
 
 // src/Components/SCAppBar.tsx
 import React46, { useState as useState26, useEffect as useEffect22 } from "react";
-import { Menu as Menu3, Box as Box29, Typography as Typography27, MenuItem as MenuItem8, IconButton as IconButton17, Badge as Badge3 } from "@mui/material";
+import { Menu as Menu4, Box as Box29, Typography as Typography27, MenuItem as MenuItem9, IconButton as IconButton17, Badge as Badge3 } from "@mui/material";
 import Grid12 from "@mui/material/Grid";
 import "dayjs/locale/es";
 import MenuIcon from "@mui/icons-material/Menu";
@@ -5451,7 +5517,7 @@ var SCAppBar = ({
       color: isOnline ? "success" : "error"
     }
   ), /* @__PURE__ */ React46.createElement(Typography27, { variant: "caption", color: "text.secondary" }, isOnline ? "Online" : "Offline")), visibleMenu && /* @__PURE__ */ React46.createElement(React46.Fragment, null, /* @__PURE__ */ React46.createElement(IconButton17, { size: "medium", onClick: handleMenuClick }, /* @__PURE__ */ React46.createElement(MenuIcon, { color: "action" })), /* @__PURE__ */ React46.createElement(
-    Menu3,
+    Menu4,
     {
       anchorEl,
       open: openMenu,
@@ -5466,7 +5532,7 @@ var SCAppBar = ({
       },
       sx: { zIndex: "2000" }
     },
-    options.map((option, index) => /* @__PURE__ */ React46.createElement(MenuItem8, { onClick: option.fn, disabled: option.disabled, key: index }, /* @__PURE__ */ React46.createElement(Typography27, { variant: "body2" }, option.name)))
+    options.map((option, index) => /* @__PURE__ */ React46.createElement(MenuItem9, { onClick: option.fn, disabled: option.disabled, key: index }, /* @__PURE__ */ React46.createElement(Typography27, { variant: "body2" }, option.name)))
   )))), /* @__PURE__ */ React46.createElement(Box29, { sx: { padding: "8px 16px 0px 16px" } }, contenidoExtra)));
 };