componentes-sinco 1.1.29 → 1.1.30

package/dist/index.js

@@ -1258,7 +1258,7 @@ var CalendarToolbar = ({
 
 // src/Components/Calendario/Views/MonthView.tsx
 import React28 from "react";
-import { Box as Box16, Typography as Typography14, IconButton as IconButton11, Paper, Tooltip as Tooltip6, Stack as Stack11, CircularProgress as CircularProgress2 } from "@mui/material";
+import { Box as Box16, Typography as Typography14, IconButton as IconButton11, Paper, Tooltip as Tooltip6, Stack as Stack11, CircularProgress as CircularProgress2, Button as Button11 } from "@mui/material";
 import AddIcon from "@mui/icons-material/Add";
 import dayjs5 from "dayjs";
 import localeData from "dayjs/plugin/localeData";
@@ -3432,7 +3432,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
   const [openDrawer, setOpenDrawer] = React28.useState(false);
   const [selectedDay, setSelectedDay] = React28.useState(null);
   const [selectedEvents, setSelectedEvents] = React28.useState([]);
-  return /* @__PURE__ */ React28.createElement(Box16, { width: "100%", sx: { overflowX: "auto" } }, /* @__PURE__ */ React28.createElement(Box16, { minWidth: CALENDAR_CONSTANTS.MIN_WIDTH }, /* @__PURE__ */ React28.createElement(Box16, { display: "grid", gridTemplateColumns: CALENDAR_CONSTANTS.GRID_TEMPLATE, gap: 0.5, mb: 1 }, weekDays.map((day) => /* @__PURE__ */ React28.createElement(Box16, { key: day.day(), textAlign: "center", py: 0.5 }, /* @__PURE__ */ React28.createElement(Typography14, { variant: "caption", color: "text.secondary" }, day.format("dddd"))))), isLoading ? /* @__PURE__ */ React28.createElement(Box16, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: CALENDAR_CONSTANTS.LOADING_CONTAINER_HEIGHT }, /* @__PURE__ */ React28.createElement(CircularProgress2, { sx: { width: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE, height: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(Box16, { width: "100%", sx: { overflowX: "auto" } }, /* @__PURE__ */ React28.createElement(Box16, { minWidth: CALENDAR_CONSTANTS.MIN_WIDTH }, /* @__PURE__ */ React28.createElement(Box16, { display: "grid", gridTemplateColumns: CALENDAR_CONSTANTS.GRID_TEMPLATE, gap: 0.5, mb: 1 }, weekDays.map((day) => /* @__PURE__ */ React28.createElement(Box16, { key: day.day(), textAlign: "center", py: 0.5 }, /* @__PURE__ */ React28.createElement(Typography14, { variant: "caption", color: "text.secondary" }, day.format("dddd"))))), isLoading ? /* @__PURE__ */ React28.createElement(Box16, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: CALENDAR_CONSTANTS.LOADING_CONTAINER_HEIGHT }, /* @__PURE__ */ React28.createElement(CircularProgress2, { sx: { width: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE, height: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ React28.createElement(
     EmptyState,
     {
       containerHeight: "calc(100vh - 130px)",
@@ -3515,30 +3515,47 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
           sx: { "& .MuiButtonBase-root": { width: "100%" } }
         },
         /* @__PURE__ */ React28.createElement(
-          SCDrawer,
+          Button11,
           {
-            width: CALENDAR_CONSTANTS.DRAWER_WIDTH,
-            title: day.format("DD [de] MMMM YYYY"),
-            open: openDrawer,
-            buttonDrawer: { text: `+ ${dayEvents.length}` },
-            anchor: "right",
-            actions: false,
-            arrayElements: [{
-              component: /* @__PURE__ */ React28.createElement(
-                DayEventsList,
-                {
-                  events: dayEvents,
-                  day,
-                  onEventClick,
-                  onEventHover
-                }
-              )
-            }]
-          }
+            size: "small",
+            variant: "text",
+            sx: { textTransform: "capitalize" },
+            onClick: (e) => {
+              e.stopPropagation();
+              setSelectedDay(day);
+              setSelectedEvents(dayEvents);
+              setOpenDrawer(true);
+            }
+          },
+          `+ ${dayEvents.length}`
         )
       )
     );
-  }))));
+  })))), selectedDay && /* @__PURE__ */ React28.createElement(
+    SCDrawer,
+    {
+      width: CALENDAR_CONSTANTS.DRAWER_WIDTH,
+      title: selectedDay.format("DD [de] MMMM YYYY"),
+      open: openDrawer,
+      setOpen: (value) => {
+        setOpenDrawer(value);
+        if (!value) setSelectedDay(null);
+      },
+      anchor: "right",
+      actions: false,
+      arrayElements: [{
+        component: /* @__PURE__ */ React28.createElement(
+          DayEventsList,
+          {
+            events: selectedEvents,
+            day: selectedDay,
+            onEventClick,
+            onEventHover
+          }
+        )
+      }]
+    }
+  ));
 };
 
 // src/Components/Calendario/Views/WeekView.tsx
@@ -3919,7 +3936,7 @@ var FooterAction = ({
 
 // src/Components/Menu/Menu.tsx
 import React33, { useCallback as useCallback4, useState as useState15 } from "react";
-import { Button as Button11, Menu as Menu2 } from "@mui/material";
+import { Button as Button12, Menu as Menu2 } from "@mui/material";
 var BasicMenu = ({
   open,
   onClose,
@@ -3956,7 +3973,7 @@ var BasicMenu = ({
     }
   }, [onClose, setMenuOpen]);
   return /* @__PURE__ */ React33.createElement("div", null, /* @__PURE__ */ React33.createElement(
-    Button11,
+    Button12,
     {
       id: "basic-button",
       "aria-controls": actualOpen ? "basic-menu" : void 0,
@@ -3987,7 +4004,7 @@ var BasicMenu = ({
 
 // src/Components/MultiSelect/MultiSelect.tsx
 import React34, { useEffect as useEffect13, useMemo as useMemo6 } from "react";
-import { Button as Button12, Checkbox as Checkbox2, FormControl as FormControl3, InputAdornment as InputAdornment5, ListItemIcon as ListItemIcon3, MenuItem as MenuItem5, Popover as Popover4, Stack as Stack12, TextField as TextField4 } from "@mui/material";
+import { Button as Button13, Checkbox as Checkbox2, FormControl as FormControl3, InputAdornment as InputAdornment5, ListItemIcon as ListItemIcon3, MenuItem as MenuItem5, Popover as Popover4, Stack as Stack12, TextField as TextField4 } from "@mui/material";
 import { SearchOutlined } from "@mui/icons-material";
 
 // src/Components/MultiSelect/helpers/useHandlers.tsx
@@ -4104,7 +4121,7 @@ function MultiSelect({
     } }
   ];
   return /* @__PURE__ */ React34.createElement(React34.Fragment, null, /* @__PURE__ */ React34.createElement(
-    Button12,
+    Button13,
     {
       "test-id": "multiselect-button",
       color: (_a = button == null ? void 0 : button.color) != null ? _a : "primary",
@@ -4158,7 +4175,7 @@ function MultiSelect({
     )) : /* @__PURE__ */ React34.createElement(MenuItem5, { disabled: true }, "No se encontraron resultados")), /* @__PURE__ */ React34.createElement(Stack12, { direction: "row", gap: 1, p: 1, justifyContent: "space-between", bgcolor: "grey.50" }, resolvedActions.map((button2, index) => {
       var _a2;
       return /* @__PURE__ */ React34.createElement(
-        Button12,
+        Button13,
         {
           key: index,
           variant: index === 0 || resolvedActions.length < 2 ? "text" : "contained",
@@ -4673,7 +4690,7 @@ var SCCalendarSwipeable = ({
 
 // src/Components/SCCard.tsx
 import React41 from "react";
-import { Button as Button17, Box as Box25, SvgIcon as SvgIcon7 } from "@mui/material";
+import { Button as Button18, Box as Box25, SvgIcon as SvgIcon7 } from "@mui/material";
 import IconButton16 from "@mui/material/IconButton";
 import Card2 from "@mui/material/Card";
 import CardHeader from "@mui/material/CardHeader";
@@ -4708,7 +4725,7 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
     CardHeader,
     {
       avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */ React41.createElement(Box25, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ React41.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ React41.createElement(SvgIcon7, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : void 0,
-      action: (expand == null ? void 0 : expand.position) == "top" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ React41.createElement(Button17, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ React41.createElement(IconButton16, { onClick: handleExpandClick, sx: { marginRight: "auto" }, size: "small" }, /* @__PURE__ */ React41.createElement(ExpandMoreIcon, { fontSize: "small" })) : actionsTitle,
+      action: (expand == null ? void 0 : expand.position) == "top" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ React41.createElement(Button18, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ React41.createElement(IconButton16, { onClick: handleExpandClick, sx: { marginRight: "auto" }, size: "small" }, /* @__PURE__ */ React41.createElement(ExpandMoreIcon, { fontSize: "small" })) : actionsTitle,
       title,
       subheader: subtitle,
       sx: {
@@ -4734,8 +4751,8 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
       height: "194",
       image
     }
-  ), content && /* @__PURE__ */ React41.createElement(CardContent2, { sx: { padding: "8px 16px !important" } }, content), ((expand == null ? void 0 : expand.position) == "bottom" || actions != void 0) && /* @__PURE__ */ React41.createElement(CardActions, { disableSpacing: true, sx: { justifyContent: "flex-end" } }, (expand == null ? void 0 : expand.position) === "bottom" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ React41.createElement(Button17, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ React41.createElement(IconButton16, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, /* @__PURE__ */ React41.createElement(ExpandMoreIcon, null)) : null, actions && actions.length > 0 ? actions.map((action, index) => /* @__PURE__ */ React41.createElement(
-    Button17,
+  ), content && /* @__PURE__ */ React41.createElement(CardContent2, { sx: { padding: "8px 16px !important" } }, content), ((expand == null ? void 0 : expand.position) == "bottom" || actions != void 0) && /* @__PURE__ */ React41.createElement(CardActions, { disableSpacing: true, sx: { justifyContent: "flex-end" } }, (expand == null ? void 0 : expand.position) === "bottom" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ React41.createElement(Button18, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ React41.createElement(IconButton16, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, /* @__PURE__ */ React41.createElement(ExpandMoreIcon, null)) : null, actions && actions.length > 0 ? actions.map((action, index) => /* @__PURE__ */ React41.createElement(
+    Button18,
     {
       key: index,
       size: "small",
@@ -5248,7 +5265,7 @@ var SCDatePicker = ({ label, required, disabled, background, state, setState, wi
 
 // src/Components/SCDialog.tsx
 import React44, { useEffect as useEffect20, useState as useState24 } from "react";
-import { Button as Button18, Typography as Typography25, Modal as Modal5, Dialog as Dialog4, DialogActions as DialogActions4, DialogContent as DialogContent4, DialogTitle as DialogTitle4, IconButton as IconButton17, Tooltip as Tooltip8, Box as Box26, SvgIcon as SvgIcon8 } from "@mui/material";
+import { Button as Button19, Typography as Typography25, Modal as Modal5, Dialog as Dialog4, DialogActions as DialogActions4, DialogContent as DialogContent4, DialogTitle as DialogTitle4, IconButton as IconButton17, Tooltip as Tooltip8, Box as Box26, SvgIcon as SvgIcon8 } from "@mui/material";
 import Grid11 from "@mui/material/Grid";
 import ToggleButton from "@mui/material/ToggleButton";
 import ToggleButtonGroup from "@mui/material/ToggleButtonGroup";
@@ -5313,7 +5330,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
   };
   const dialogActions = actions == false ? false : actions != void 0 ? actions : [{ text: "Cerrar", fn: handleClose }];
   content = content != null ? content : { component: /* @__PURE__ */ React44.createElement(Box26, null, " Aqui va el contenido ") };
-  return /* @__PURE__ */ React44.createElement("div", null, buttonDialog ? /* @__PURE__ */ React44.createElement(React44.Fragment, null, buttonDialog.text != void 0 ? /* @__PURE__ */ React44.createElement(Tooltip8, { placement: "bottom-start", title: buttonDialog.tooltip != void 0 ? buttonDialog.tooltip : "", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React44.createElement(Button18, { size: "small", color: buttonDialog.color != void 0 ? buttonDialog.color : "primary", variant: (buttonDialog == null ? void 0 : buttonDialog.variant) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.variant : "text", startIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "left" ? /* @__PURE__ */ React44.createElement(ButtonIcon, null) : "" : "", endIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "right" ? /* @__PURE__ */ React44.createElement(ButtonIcon, null) : "" : "", onClick: handleOpen }, " ", (buttonDialog == null ? void 0 : buttonDialog.text) != void 0 ? buttonDialog.text : "", " ")) : /* @__PURE__ */ React44.createElement(IconButton17, { style: { cursor: "pointer" }, onClick: handleOpen }, /* @__PURE__ */ React44.createElement(SvgIcon8, { fontSize: "small", color: (buttonDialog == null ? void 0 : buttonDialog.color) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.color : "action", component: ButtonIcon }))) : "", /* @__PURE__ */ React44.createElement(Modal5, { open: open || false, onClose: handleClose }, /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React44.createElement("div", null, buttonDialog ? /* @__PURE__ */ React44.createElement(React44.Fragment, null, buttonDialog.text != void 0 ? /* @__PURE__ */ React44.createElement(Tooltip8, { placement: "bottom-start", title: buttonDialog.tooltip != void 0 ? buttonDialog.tooltip : "", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React44.createElement(Button19, { size: "small", color: buttonDialog.color != void 0 ? buttonDialog.color : "primary", variant: (buttonDialog == null ? void 0 : buttonDialog.variant) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.variant : "text", startIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "left" ? /* @__PURE__ */ React44.createElement(ButtonIcon, null) : "" : "", endIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "right" ? /* @__PURE__ */ React44.createElement(ButtonIcon, null) : "" : "", onClick: handleOpen }, " ", (buttonDialog == null ? void 0 : buttonDialog.text) != void 0 ? buttonDialog.text : "", " ")) : /* @__PURE__ */ React44.createElement(IconButton17, { style: { cursor: "pointer" }, onClick: handleOpen }, /* @__PURE__ */ React44.createElement(SvgIcon8, { fontSize: "small", color: (buttonDialog == null ? void 0 : buttonDialog.color) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.color : "action", component: ButtonIcon }))) : "", /* @__PURE__ */ React44.createElement(Modal5, { open: open || false, onClose: handleClose }, /* @__PURE__ */ React44.createElement(
     Dialog4,
     {
       fullScreen: typeView === "mobile" ? true : false,
@@ -5369,7 +5386,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
       ) : content.component
     ),
     dialogActions != void 0 && dialogActions != false ? Array.isArray(dialogActions) && (dialogActions == null ? void 0 : dialogActions.length) > 0 ? /* @__PURE__ */ React44.createElement(DialogActions4, { sx: { zIndex: 1200, gap: 1, m: 0, padding: "12px 16px 12px 16px", justifyContent: dialogActions.length >= 3 ? "space-between" : "flex-end" } }, typeView !== "mobile" ? /* @__PURE__ */ React44.createElement(React44.Fragment, null, dialogActions.length >= 3 ? /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(
-      Button18,
+      Button19,
       {
         variant: "text",
         color: dialogActions[0].color || "primary",
@@ -5381,7 +5398,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
       dialogActions[0].text
     ), /* @__PURE__ */ React44.createElement(Box26, { sx: { display: "flex", gap: 1 } }, dialogActions.slice(1).map((boton, index) => {
       return /* @__PURE__ */ React44.createElement(
-        Button18,
+        Button19,
         {
           key: index + 1,
           variant: index === dialogActions.length - 2 ? "contained" : "text",
@@ -5395,7 +5412,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
       );
     }))) : dialogActions.map((boton, index) => {
       return /* @__PURE__ */ React44.createElement(
-        Button18,
+        Button19,
         {
           key: index,
           variant: index === dialogActions.length - 1 ? "contained" : "text",