componentes-sinco 1.0.29 → 1.0.31

package/dist/index.d.cts

@@ -106,6 +106,7 @@ interface DrawerProps<T> {
     open?: boolean;
     setOpen?: any;
     chipFilters?: any[];
+    typeView?: 'web' | 'mobile';
 }
 
 type ToastType = 'success' | 'error' | 'warning' | 'info';
@@ -410,7 +411,7 @@ interface SCDialogProps {
     iconTitle?: React__default.ReactNode | React__default.ReactElement | keyof typeof Muicon;
     subtitle?: string;
     content?: any;
-    actions?: Action[];
+    actions?: Action[] | boolean;
     buttonDialog?: {
         icon?: string;
         text?: string;
@@ -424,10 +425,11 @@ interface SCDialogProps {
     widthContent?: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
     heightContent?: string;
     background?: string;
+    typeView?: 'web' | 'mobile';
     setShow?: React__default.Dispatch<React__default.SetStateAction<boolean>>;
     show?: boolean | any;
 }
-declare const SCDialog: ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, setShow, show }: SCDialogProps) => React__default.JSX.Element;
+declare const SCDialog: ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, typeView, setShow, show }: SCDialogProps) => React__default.JSX.Element;
 
 interface Option$2 {
     title?: string;
@@ -555,7 +557,7 @@ declare const CALENDAR_CONSTANTS: {
     readonly GRID_TEMPLATE: "repeat(7, minmax(150px, 1fr))";
     readonly DAY_HEIGHT: 60;
     readonly SIDEBAR_WIDTH: 47;
-    readonly MIN_CELL_HEIGHT: 120;
+    readonly MIN_CELL_HEIGHT: 99;
     readonly DEFAULT_START_HOUR: 0;
     readonly DEFAULT_END_HOUR: 23;
     readonly DRAWER_WIDTH: "350px";

package/dist/index.d.ts

@@ -106,6 +106,7 @@ interface DrawerProps<T> {
     open?: boolean;
     setOpen?: any;
     chipFilters?: any[];
+    typeView?: 'web' | 'mobile';
 }
 
 type ToastType = 'success' | 'error' | 'warning' | 'info';
@@ -410,7 +411,7 @@ interface SCDialogProps {
     iconTitle?: React__default.ReactNode | React__default.ReactElement | keyof typeof Muicon;
     subtitle?: string;
     content?: any;
-    actions?: Action[];
+    actions?: Action[] | boolean;
     buttonDialog?: {
         icon?: string;
         text?: string;
@@ -424,10 +425,11 @@ interface SCDialogProps {
     widthContent?: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
     heightContent?: string;
     background?: string;
+    typeView?: 'web' | 'mobile';
     setShow?: React__default.Dispatch<React__default.SetStateAction<boolean>>;
     show?: boolean | any;
 }
-declare const SCDialog: ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, setShow, show }: SCDialogProps) => React__default.JSX.Element;
+declare const SCDialog: ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, typeView, setShow, show }: SCDialogProps) => React__default.JSX.Element;
 
 interface Option$2 {
     title?: string;
@@ -555,7 +557,7 @@ declare const CALENDAR_CONSTANTS: {
     readonly GRID_TEMPLATE: "repeat(7, minmax(150px, 1fr))";
     readonly DAY_HEIGHT: 60;
     readonly SIDEBAR_WIDTH: 47;
-    readonly MIN_CELL_HEIGHT: 120;
+    readonly MIN_CELL_HEIGHT: 99;
     readonly DEFAULT_START_HOUR: 0;
     readonly DEFAULT_END_HOUR: 23;
     readonly DRAWER_WIDTH: "350px";

package/dist/index.js

@@ -722,7 +722,7 @@ var Attachment = ({
       action: [
         {
           text: "Eliminar",
-          fn: () => __async(void 0, null, function* () {
+          fn: () => __async(null, null, function* () {
             if (fileToDelete) {
               try {
                 if (deleteAction) {
@@ -757,7 +757,7 @@ var Attachment = ({
 // src/Components/Drawer/SCDrawer.tsx
 import React16 from "react";
 import { Drawer, Stack as Stack6 } from "@mui/material";
-import Grid6 from "@mui/material/Grid2";
+import Grid6 from "@mui/material/Grid";
 
 // src/Components/Drawer/Helpers/Utils.tsx
 import * as Muicon from "@mui/icons-material";
@@ -1146,7 +1146,7 @@ import { Box as Box10, Stack as Stack5 } from "@mui/material";
 // src/Components/Textfield/SCTextField.tsx
 import React8, { useEffect as useEffect8, useState as useState8 } from "react";
 import { FormControl, IconButton as IconButton5, InputAdornment, InputLabel, OutlinedInput, FilledInput, Popover, Input, Box as Box5, Typography as Typography4, SvgIcon, Tooltip as Tooltip2 } from "@mui/material";
-import Grid from "@mui/material/Grid2";
+import Grid from "@mui/material/Grid";
 import { Visibility, VisibilityOff, InfoOutlined } from "@mui/icons-material";
 
 // src/Components/Textfield/Helpers/validateIcon.tsx
@@ -1697,8 +1697,7 @@ function SCSelect({
 
 // src/Components/SCAutocomplete.tsx
 import React11, { useEffect as useEffect11 } from "react";
-import { Autocomplete, Checkbox, InputAdornment as InputAdornment3, MenuItem as MenuItem2, TextField as TextField3, Typography as Typography7, SvgIcon as SvgIcon4, ListItemIcon as ListItemIcon2, ListItemText as ListItemText2, Divider as Divider3, FormControlLabel as FormControlLabel2, IconButton as IconButton7, Chip as Chip3, Box as Box8, Button as Button6 } from "@mui/material";
-import Grid3 from "@mui/material/Grid2";
+import { Autocomplete, Checkbox, InputAdornment as InputAdornment3, MenuItem as MenuItem2, TextField as TextField3, Typography as Typography7, SvgIcon as SvgIcon4, ListItemIcon as ListItemIcon2, ListItemText as ListItemText2, Divider as Divider3, FormControlLabel as FormControlLabel2, IconButton as IconButton7, Chip as Chip3, Box as Box8, Button as Button6, Grid as Grid3 } from "@mui/material";
 import { Search, Clear } from "@mui/icons-material";
 import * as Muicon4 from "@mui/icons-material";
 function SCAutocomplete({
@@ -1970,7 +1969,7 @@ import { DateRangePicker } from "@mui/x-date-pickers-pro/DateRangePicker";
 import { MultiInputDateRangeField } from "@mui/x-date-pickers-pro/MultiInputDateRangeField";
 import dayjs from "dayjs";
 import "dayjs/locale/es";
-import { LicenseInfo } from "@mui/x-license-pro";
+import { LicenseInfo } from "@mui/x-license";
 import EventIcon from "@mui/icons-material/Event";
 var SCDateRange = ({
   labelDateInitial = "Fecha inicial",
@@ -2109,7 +2108,7 @@ var DrawerContent = ({ arrayElements }) => {
             label: arrayElement.label,
             data: (_c = arrayElement.data) != null ? _c : [],
             columnGroup: arrayElement.columnGroup,
-            getItemValue: (_d = arrayElement.getItemValue) != null ? _d : () => ({ text: "", value: "" }),
+            getItemValue: (_d = arrayElement.getItemValue) != null ? _d : (() => ({ text: "", value: "" })),
             typeFormat: arrayElement.typeFormat,
             checkMassive: arrayElement.checkMassive,
             deleteType: arrayElement.deleteType,
@@ -2128,7 +2127,7 @@ var DrawerContent = ({ arrayElements }) => {
           {
             label: arrayElement.label,
             data: (_e = arrayElement.data) != null ? _e : [],
-            getItemValue: (_f = arrayElement.getItemValue) != null ? _f : () => ({ text: "", value: "" }),
+            getItemValue: (_f = arrayElement.getItemValue) != null ? _f : (() => ({ text: "", value: "" })),
             width: arrayElement.width,
             size: arrayElement.size,
             variant: arrayElement.variant,
@@ -2173,7 +2172,7 @@ var DrawerContent = ({ arrayElements }) => {
 // src/Components/Drawer/components/DrawerActions.tsx
 import React14 from "react";
 import { Button as Button7 } from "@mui/material";
-import Grid4 from "@mui/material/Grid2";
+import Grid4 from "@mui/material/Grid";
 var DrawerActions = ({ actions, anchor }) => {
   if (actions === false || actions === void 0) {
     return null;
@@ -2211,7 +2210,7 @@ var DrawerActions = ({ actions, anchor }) => {
 // src/Components/Drawer/components/DrawerHeader.tsx
 import React15 from "react";
 import { Typography as Typography9, IconButton as IconButton8 } from "@mui/material";
-import Grid5 from "@mui/material/Grid2";
+import Grid5 from "@mui/material/Grid";
 import CloseIcon from "@mui/icons-material/Close";
 var DrawerHeader = ({
   title,
@@ -2583,7 +2582,7 @@ var PageHeader = ({
 // src/Components/SCCalendarSwipeable.tsx
 import React20, { useState as useState11 } from "react";
 import { Typography as Typography12, IconButton as IconButton9, Box as Box12 } from "@mui/material";
-import Grid7 from "@mui/material/Grid2";
+import Grid7 from "@mui/material/Grid";
 import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns";
 import { LocalizationProvider as LocalizationProvider2 } from "@mui/x-date-pickers/LocalizationProvider";
 import { StaticDatePicker } from "@mui/x-date-pickers/StaticDatePicker";
@@ -2659,7 +2658,7 @@ var SCCalendarSwipeable = ({
 // src/Components/SCDataGrid.tsx
 import React21, { useEffect as useEffect14, useState as useState12 } from "react";
 import { DataGridPro, useGridApiRef } from "@mui/x-data-grid-pro";
-import { LicenseInfo as LicenseInfo2 } from "@mui/x-license-pro";
+import { LicenseInfo as LicenseInfo2 } from "@mui/x-license";
 import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
 import KeyboardArrowUpIcon from "@mui/icons-material/KeyboardArrowUp";
 import { useTheme } from "@mui/material/styles";
@@ -3051,10 +3050,10 @@ var EmptyState = ({
 // src/Components/SCDialog.tsx
 import React27, { useEffect as useEffect15, useState as useState13 } from "react";
 import { Button as Button11, Typography as Typography14, Modal as Modal2, Dialog, DialogActions, DialogContent, DialogTitle, IconButton as IconButton10, Tooltip as Tooltip4, Box as Box13, SvgIcon as SvgIcon5 } from "@mui/material";
-import Grid8 from "@mui/material/Grid2";
+import Grid8 from "@mui/material/Grid";
 import CloseIcon2 from "@mui/icons-material/Close";
 import * as Muicon5 from "@mui/icons-material";
-var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, setShow, show }) => {
+var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, typeView = "web", setShow, show }) => {
   let i = 0;
   let iconTitleValidation = "";
   let IconTitle;
@@ -3074,22 +3073,24 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
       ButtonIcon = Muicon5[buttonDialog == null ? void 0 : buttonDialog.icon];
     }
   }
-  actions == null ? void 0 : actions.map(function(option, index, array) {
-    if (option == null ? void 0 : option.icon) {
-      if ((option == null ? void 0 : option.icon.type) == void 0) {
-        option.icon = Muicon5[option == null ? void 0 : option.icon];
-      } else {
-        option;
+  if (Array.isArray(actions)) {
+    actions.map(function(option, index, array) {
+      if (option == null ? void 0 : option.icon) {
+        if ((option == null ? void 0 : option.icon.type) == void 0) {
+          option.icon = Muicon5[option == null ? void 0 : option.icon];
+        } else {
+          option;
+        }
       }
-    }
-  });
+    });
+  }
   if (iconTitle) {
     if (Muicon5[iconTitle] == void 0) {
-      if (iconTitle && React27.isValidElement(iconTitle) && iconTitle.type == void 0) {
-        iconTitleValidation = "image";
-        IconTitle = iconTitle;
-      } else {
+      if (Muicon5[iconTitle]) {
         iconTitleValidation = "icon";
+        IconTitle = Muicon5[iconTitle];
+      } else {
+        iconTitleValidation = "image";
         IconTitle = iconTitle;
       }
     } else {
@@ -3109,11 +3110,12 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
       setShow(false);
     }
   };
-  const dialogActions = actions != null ? actions : [{ text: "Cerrar", fn: handleClose }];
+  const dialogActions = actions == false ? false : actions != void 0 ? actions : [{ text: "Cerrar", fn: handleClose }];
   content = content != null ? content : { component: /* @__PURE__ */ React27.createElement(Box13, null, " Aqui va el contenido ") };
   return /* @__PURE__ */ React27.createElement("div", null, buttonDialog ? /* @__PURE__ */ React27.createElement(React27.Fragment, null, buttonDialog.text != void 0 ? /* @__PURE__ */ React27.createElement(Tooltip4, { placement: "bottom-start", title: buttonDialog.tooltip != void 0 ? buttonDialog.tooltip : "", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React27.createElement(Button11, { 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__ */ React27.createElement(ButtonIcon, null) : "" : "", endIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "right" ? /* @__PURE__ */ React27.createElement(ButtonIcon, null) : "" : "", onClick: handleOpen }, " ", (buttonDialog == null ? void 0 : buttonDialog.text) != void 0 ? buttonDialog.text : "", " ")) : /* @__PURE__ */ React27.createElement(IconButton10, { style: { cursor: "pointer" }, onClick: handleOpen }, /* @__PURE__ */ React27.createElement(SvgIcon5, { fontSize: "small", color: (buttonDialog == null ? void 0 : buttonDialog.color) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.color : "action", component: ButtonIcon }))) : "", /* @__PURE__ */ React27.createElement(Modal2, { open: open || false, onClose: handleClose }, /* @__PURE__ */ React27.createElement(
     Dialog,
     {
+      fullScreen: typeView === "mobile" ? true : false,
       "data-testid": "dialog-element",
       open: open || false,
       onClose: disableClose ? void 0 : handleClose,
@@ -3125,7 +3127,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
         }
       }
     },
-    title && /* @__PURE__ */ React27.createElement(DialogTitle, { sx: { m: 0, padding: "8px 16px 8px 16px" }, "data-testid": "dialog-icon-title" }, /* @__PURE__ */ React27.createElement(Grid8, { container: true, size: 12, sx: { justifyContent: "space-between", flexWrap: "nowrap" } }, /* @__PURE__ */ React27.createElement(Grid8, { container: true, size: 11, sx: { alignItems: "center" } }, iconTitle ? iconTitleValidation == "image" ? /* @__PURE__ */ React27.createElement(Box13, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ React27.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ React27.createElement(SvgIcon5, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : "", /* @__PURE__ */ React27.createElement(Grid8, null, /* @__PURE__ */ React27.createElement(Typography14, { color: "text.primary", variant: "h6", gutterBottom: true }, title ? title : ""), /* @__PURE__ */ React27.createElement(Typography14, { color: "text.secondary", variant: "body2", gutterBottom: true }, subtitle ? subtitle : ""))), disableClose != true ? /* @__PURE__ */ React27.createElement(IconButton10, { "data-testid": "close-dialog-button", onClick: handleClose, size: "small", color: "default", sx: { height: 22, width: 22 } }, /* @__PURE__ */ React27.createElement(CloseIcon2, null)) : "")),
+    title && /* @__PURE__ */ React27.createElement(DialogTitle, { sx: { m: 0, padding: "8px 16px 8px 16px" }, "data-testid": "dialog-icon-title" }, /* @__PURE__ */ React27.createElement(Grid8, { container: true, size: 12, sx: { justifyContent: "space-between", flexWrap: "nowrap" } }, /* @__PURE__ */ React27.createElement(Grid8, { container: true, size: 11, sx: { alignItems: "center" } }, iconTitle ? iconTitleValidation == "image" ? /* @__PURE__ */ React27.createElement(Box13, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ React27.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ React27.createElement(SvgIcon5, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : "", /* @__PURE__ */ React27.createElement(Grid8, null, /* @__PURE__ */ React27.createElement(Typography14, { color: "text.primary", variant: "h6", gutterBottom: true }, title ? title : ""), /* @__PURE__ */ React27.createElement(Typography14, { color: "text.secondary", variant: "body2", gutterBottom: true }, subtitle ? subtitle : ""))), disableClose != true ? /* @__PURE__ */ React27.createElement(IconButton10, { "data-testid": "close-dialog-button", onClick: handleClose, size: "small", color: "default", sx: { height: 22, width: 22 } }, /* @__PURE__ */ React27.createElement(CloseIcon2, { color: "action" })) : "")),
     /* @__PURE__ */ React27.createElement(
       DialogContent,
       {
@@ -3136,7 +3138,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
           padding: "12px 16px 8px 16px",
           background: background ? background : "white",
           height: !heightContent ? { xs: "60vh", sm: "70vh", md: "508px" } : heightContent,
-          width: () => {
+          width: (() => {
             switch (widthContent) {
               case "extra-small":
                 return { xs: "48vw", md: "33vw" };
@@ -3151,7 +3153,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
               default:
                 return { xs: "64vw", md: "56vw" };
             }
-          }
+          })
         }
       },
       content.url ? /* @__PURE__ */ React27.createElement(
@@ -3164,7 +3166,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
         }
       ) : content.component
     ),
-    dialogActions.length > 0 ? /* @__PURE__ */ React27.createElement(DialogActions, { sx: { gap: 1, m: 0, padding: "12px 16px 12px 16px", justifyContent: dialogActions.length >= 3 ? "space-between" : "flex-end" } }, dialogActions.length >= 3 ? /* @__PURE__ */ React27.createElement(React27.Fragment, null, /* @__PURE__ */ React27.createElement(
+    dialogActions != void 0 && dialogActions != false ? Array.isArray(dialogActions) && (dialogActions == null ? void 0 : dialogActions.length) > 0 ? /* @__PURE__ */ React27.createElement(DialogActions, { sx: { gap: 1, m: 0, padding: "12px 16px 12px 16px", justifyContent: dialogActions.length >= 3 ? "space-between" : "flex-end" } }, dialogActions.length >= 3 ? /* @__PURE__ */ React27.createElement(React27.Fragment, null, /* @__PURE__ */ React27.createElement(
       Button11,
       {
         variant: "text",
@@ -3203,14 +3205,14 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
         },
         boton.text
       );
-    })) : ""
+    })) : "" : ""
   )));
 };
 
 // src/Components/SCListContent.tsx
 import React28 from "react";
 import { Divider as Divider4, List, ListItemButton, ListItemIcon as ListItemIcon4, ListItemText as ListItemText3, SvgIcon as SvgIcon6 } from "@mui/material";
-import Grid9 from "@mui/material/Grid2";
+import Grid9 from "@mui/material/Grid";
 import * as Muicon6 from "@mui/icons-material";
 var SCListContent = ({ options }) => {
   const [selectedIndex, setSelectedIndex] = React28.useState("1");
@@ -3252,7 +3254,7 @@ var SCListContent = ({ options }) => {
 // src/Components/SCMenu.tsx
 import React29 from "react";
 import { Box as Box15, Typography as Typography16, Paper as Paper2, Divider as Divider5, MenuList as MenuList2, MenuItem as MenuItem5, ListItemIcon as ListItemIcon5, SvgIcon as SvgIcon7 } from "@mui/material";
-import Grid10 from "@mui/material/Grid2";
+import Grid10 from "@mui/material/Grid";
 
 // src/Components/Hooks/useWindowDimensions.ts
 import { useState as useState15, useEffect as useEffect17 } from "react";
@@ -3784,7 +3786,7 @@ var CALENDAR_CONSTANTS = {
   GRID_TEMPLATE: "repeat(7, minmax(150px, 1fr))",
   DAY_HEIGHT: 60,
   SIDEBAR_WIDTH: 47,
-  MIN_CELL_HEIGHT: 120,
+  MIN_CELL_HEIGHT: 99,
   DEFAULT_START_HOUR: 0,
   DEFAULT_END_HOUR: 23,
   DRAWER_WIDTH: "350px",
@@ -3848,6 +3850,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
   return /* @__PURE__ */ React36.createElement(Box20, { width: "100%", sx: { overflowX: "auto" } }, /* @__PURE__ */ React36.createElement(Box20, { minWidth: CALENDAR_CONSTANTS.MIN_WIDTH }, /* @__PURE__ */ React36.createElement(Box20, { display: "grid", gridTemplateColumns: CALENDAR_CONSTANTS.GRID_TEMPLATE, gap: 0.5, mb: 1 }, weekDays.map((day) => /* @__PURE__ */ React36.createElement(Box20, { key: day.day(), textAlign: "center", py: 0.5 }, /* @__PURE__ */ React36.createElement(Typography21, { variant: "caption", color: "text.secondary" }, day.format("dddd"))))), isLoading ? /* @__PURE__ */ React36.createElement(Box20, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: CALENDAR_CONSTANTS.LOADING_CONTAINER_HEIGHT }, /* @__PURE__ */ React36.createElement(CircularProgress2, { sx: { width: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE, height: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ React36.createElement(
     EmptyState,
     {
+      containerHeight: "480px",
       title: "Inicia la gesti\xF3n de las actividades",
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
       icon: /* @__PURE__ */ React36.createElement(LogoCalendario, null)
@@ -4014,6 +4017,7 @@ var WeekView = ({
   })), isLoading ? /* @__PURE__ */ React37.createElement(Box21, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ React37.createElement(CircularProgress3, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ React37.createElement(
     EmptyState,
     {
+      containerHeight: "480px",
       title: "Inicia la gesti\xF3n de las actividades",
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
       icon: /* @__PURE__ */ React37.createElement(LogoCalendario, null)
@@ -4110,6 +4114,7 @@ var DayView = ({
   return /* @__PURE__ */ React38.createElement(Box22, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ React38.createElement(Box22, { display: "flex", borderBottom: "1px solid", borderColor: "primary.main", bgcolor: "background.paper" }, /* @__PURE__ */ React38.createElement(Box22, { width: CALENDAR_CONSTANTS.SIDEBAR_WIDTH, bgcolor: "background.default", borderBottom: "1px solid", borderColor: "transparent" }), /* @__PURE__ */ React38.createElement(Box22, { flex: 1, display: "flex", flexDirection: "column", textAlign: "start", gap: 0.5, py: 1, bgcolor: "primary.50" }, /* @__PURE__ */ React38.createElement(Typography23, { variant: "h6", color: "text.secondary" }, currentDate.format("D")), /* @__PURE__ */ React38.createElement(Typography23, { variant: "caption", color: "text.secondary" }, currentDate.format("dddd")))), isLoading ? /* @__PURE__ */ React38.createElement(Box22, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: CALENDAR_CONSTANTS.LOADING_CONTAINER_HEIGHT }, /* @__PURE__ */ React38.createElement(CircularProgress4, { sx: { width: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE, height: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE }, variant: "indeterminate" })) : noEvents ? /* @__PURE__ */ React38.createElement(
     EmptyState,
     {
+      containerHeight: "480px",
       title: "Inicia la gesti\xF3n de las actividades",
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
       icon: /* @__PURE__ */ React38.createElement(LogoCalendario, null)
@@ -4303,7 +4308,7 @@ import { LocalizationProvider as LocalizationProvider3 } from "@mui/x-date-picke
 import { AdapterDayjs as AdapterDayjs2 } from "@mui/x-date-pickers/AdapterDayjs";
 import dayjs10 from "dayjs";
 import "dayjs/locale/es";
-import { LicenseInfo as LicenseInfo3 } from "@mui/x-license-pro";
+import { LicenseInfo as LicenseInfo3 } from "@mui/x-license";
 import AccessTimeIcon from "@mui/icons-material/AccessTime";
 import { TimeField } from "@mui/x-date-pickers/TimeField";
 import { DigitalClock } from "@mui/x-date-pickers/DigitalClock";
@@ -4524,7 +4529,7 @@ var SCCard = ({ title, image, iconTitle, actionsTitle, subtitle, content, action
 // src/Components/SCActivityCalendar.tsx
 import React42, { useState as useState22 } from "react";
 import { Typography as Typography26, IconButton as IconButton15, Box as Box26, Badge as Badge2 } from "@mui/material";
-import Grid11 from "@mui/material/Grid2";
+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";
 import { StaticDatePicker as StaticDatePicker2 } from "@mui/x-date-pickers/StaticDatePicker";