componentes-sinco 1.0.30 → 1.0.32

package/dist/index.cjs

@@ -1945,7 +1945,7 @@ function SCAutocomplete({
           __spreadProps(__spreadValues({}, optionProps), {
             disabled: isDisabled,
             style: {
-              background: typeFormat != "multiselect" ? state.hiddenValue == getItemValue(option).value ? "#dfe6ec" : "white" : "white",
+              //background: typeFormat != "multiselect" ? state.hiddenValue == getItemValue(option).value ? "#be308fff" : 'white' : 'white', 
               padding: "7px 16px",
               opacity: isDisabled ? 0.5 : 1
             }
@@ -2014,7 +2014,8 @@ function SCAutocomplete({
                     onClick: (event2) => {
                       event2.stopPropagation();
                       cleanOptions(event2);
-                    }
+                    },
+                    disabled: state.hiddenValue.toString() == "-1" || state.hiddenValue.toString() == "" ? true : false
                   },
                   "Limpiar"
                 ) : "",
@@ -2063,14 +2064,29 @@ var SCDateRange = ({
   const isStartEmpty = required && !state[0];
   const isEndEmpty = required && !state[1];
   const hasError = isStartEmpty || isEndEmpty;
+  const minDate = new Date(2013, 0, 1);
+  const [notification, setNotification] = import_react16.default.useState(false);
   const handleDateChange = (newValue) => {
+    const minDateDayjs = (0, import_dayjs.default)("2013-01-01");
     const convertedValue = [
       newValue[0] ? (0, import_dayjs.default)(newValue[0]) : null,
       newValue[1] ? (0, import_dayjs.default)(newValue[1]) : null
     ];
+    if (convertedValue[0] != null) {
+      if ((!convertedValue[0].isValid() || !convertedValue[0].isAfter(minDateDayjs)) == true) {
+        setNotification(true);
+        return;
+      }
+    }
+    if (convertedValue[1] != null) {
+      if ((!convertedValue[1].isValid() || !convertedValue[1].isAfter(minDateDayjs)) == true) {
+        setNotification(true);
+        return;
+      }
+    }
     setState(convertedValue);
   };
-  return /* @__PURE__ */ import_react16.default.createElement(import_LocalizationProvider.LocalizationProvider, { dateAdapter: import_AdapterDayjs.AdapterDayjs, adapterLocale: "es" }, /* @__PURE__ */ import_react16.default.createElement(import_material10.Box, { sx: { width: "100%" } }, /* @__PURE__ */ import_react16.default.createElement(
+  return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(import_LocalizationProvider.LocalizationProvider, { dateAdapter: import_AdapterDayjs.AdapterDayjs, adapterLocale: "es" }, /* @__PURE__ */ import_react16.default.createElement(import_material10.Box, { sx: { width: "100%" } }, /* @__PURE__ */ import_react16.default.createElement(
     import_DateRangePicker.DateRangePicker,
     {
       value: state,
@@ -2117,7 +2133,7 @@ var SCDateRange = ({
         width: "100%"
       }
     }
-  )));
+  ))), notification && /* @__PURE__ */ import_react16.default.createElement(SCToastNotification, { title: "El Formato de la fecha no es v\xE1lido", type: "error" }));
 };
 
 // src/Components/Drawer/components/DrawerContent.tsx
@@ -3130,7 +3146,7 @@ var import_material20 = require("@mui/material");
 var import_Grid6 = __toESM(require("@mui/material/Grid"), 1);
 var import_Close2 = __toESM(require("@mui/icons-material/Close"), 1);
 var Muicon5 = __toESM(require("@mui/icons-material"), 1);
-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;
@@ -3150,22 +3166,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 && import_react33.default.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 {
@@ -3185,11 +3203,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__ */ import_react33.default.createElement(import_material20.Box, null, " Aqui va el contenido ") };
   return /* @__PURE__ */ import_react33.default.createElement("div", null, buttonDialog ? /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, buttonDialog.text != void 0 ? /* @__PURE__ */ import_react33.default.createElement(import_material20.Tooltip, { placement: "bottom-start", title: buttonDialog.tooltip != void 0 ? buttonDialog.tooltip : "", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react33.default.createElement(import_material20.Button, { 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__ */ import_react33.default.createElement(ButtonIcon, null) : "" : "", endIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "right" ? /* @__PURE__ */ import_react33.default.createElement(ButtonIcon, null) : "" : "", onClick: handleOpen }, " ", (buttonDialog == null ? void 0 : buttonDialog.text) != void 0 ? buttonDialog.text : "", " ")) : /* @__PURE__ */ import_react33.default.createElement(import_material20.IconButton, { style: { cursor: "pointer" }, onClick: handleOpen }, /* @__PURE__ */ import_react33.default.createElement(import_material20.SvgIcon, { fontSize: "small", color: (buttonDialog == null ? void 0 : buttonDialog.color) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.color : "action", component: ButtonIcon }))) : "", /* @__PURE__ */ import_react33.default.createElement(import_material20.Modal, { open: open || false, onClose: handleClose }, /* @__PURE__ */ import_react33.default.createElement(
     import_material20.Dialog,
     {
+      fullScreen: typeView === "mobile" ? true : false,
       "data-testid": "dialog-element",
       open: open || false,
       onClose: disableClose ? void 0 : handleClose,
@@ -3201,7 +3220,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
         }
       }
     },
-    title && /* @__PURE__ */ import_react33.default.createElement(import_material20.DialogTitle, { sx: { m: 0, padding: "8px 16px 8px 16px" }, "data-testid": "dialog-icon-title" }, /* @__PURE__ */ import_react33.default.createElement(import_Grid6.default, { container: true, size: 12, sx: { justifyContent: "space-between", flexWrap: "nowrap" } }, /* @__PURE__ */ import_react33.default.createElement(import_Grid6.default, { container: true, size: 11, sx: { alignItems: "center" } }, iconTitle ? iconTitleValidation == "image" ? /* @__PURE__ */ import_react33.default.createElement(import_material20.Box, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ import_react33.default.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ import_react33.default.createElement(import_material20.SvgIcon, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : "", /* @__PURE__ */ import_react33.default.createElement(import_Grid6.default, null, /* @__PURE__ */ import_react33.default.createElement(import_material20.Typography, { color: "text.primary", variant: "h6", gutterBottom: true }, title ? title : ""), /* @__PURE__ */ import_react33.default.createElement(import_material20.Typography, { color: "text.secondary", variant: "body2", gutterBottom: true }, subtitle ? subtitle : ""))), disableClose != true ? /* @__PURE__ */ import_react33.default.createElement(import_material20.IconButton, { "data-testid": "close-dialog-button", onClick: handleClose, size: "small", color: "default", sx: { height: 22, width: 22 } }, /* @__PURE__ */ import_react33.default.createElement(import_Close2.default, null)) : "")),
+    title && /* @__PURE__ */ import_react33.default.createElement(import_material20.DialogTitle, { sx: { m: 0, padding: "8px 16px 8px 16px" }, "data-testid": "dialog-icon-title" }, /* @__PURE__ */ import_react33.default.createElement(import_Grid6.default, { container: true, size: 12, sx: { justifyContent: "space-between", flexWrap: "nowrap" } }, /* @__PURE__ */ import_react33.default.createElement(import_Grid6.default, { container: true, size: 11, sx: { alignItems: "center" } }, iconTitle ? iconTitleValidation == "image" ? /* @__PURE__ */ import_react33.default.createElement(import_material20.Box, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ import_react33.default.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ import_react33.default.createElement(import_material20.SvgIcon, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : "", /* @__PURE__ */ import_react33.default.createElement(import_Grid6.default, null, /* @__PURE__ */ import_react33.default.createElement(import_material20.Typography, { color: "text.primary", variant: "h6", gutterBottom: true }, title ? title : ""), /* @__PURE__ */ import_react33.default.createElement(import_material20.Typography, { color: "text.secondary", variant: "body2", gutterBottom: true }, subtitle ? subtitle : ""))), disableClose != true ? /* @__PURE__ */ import_react33.default.createElement(import_material20.IconButton, { "data-testid": "close-dialog-button", onClick: handleClose, size: "small", color: "default", sx: { height: 22, width: 22 } }, /* @__PURE__ */ import_react33.default.createElement(import_Close2.default, { color: "action" })) : "")),
     /* @__PURE__ */ import_react33.default.createElement(
       import_material20.DialogContent,
       {
@@ -3240,7 +3259,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
         }
       ) : content.component
     ),
-    dialogActions.length > 0 ? /* @__PURE__ */ import_react33.default.createElement(import_material20.DialogActions, { sx: { gap: 1, m: 0, padding: "12px 16px 12px 16px", justifyContent: dialogActions.length >= 3 ? "space-between" : "flex-end" } }, dialogActions.length >= 3 ? /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, /* @__PURE__ */ import_react33.default.createElement(
+    dialogActions != void 0 && dialogActions != false ? Array.isArray(dialogActions) && (dialogActions == null ? void 0 : dialogActions.length) > 0 ? /* @__PURE__ */ import_react33.default.createElement(import_material20.DialogActions, { sx: { gap: 1, m: 0, padding: "12px 16px 12px 16px", justifyContent: dialogActions.length >= 3 ? "space-between" : "flex-end" } }, dialogActions.length >= 3 ? /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, /* @__PURE__ */ import_react33.default.createElement(
       import_material20.Button,
       {
         variant: "text",
@@ -3279,7 +3298,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
         },
         boton.text
       );
-    })) : ""
+    })) : "" : ""
   )));
 };
 
@@ -3860,7 +3879,7 @@ var CALENDAR_CONSTANTS = {
   GRID_TEMPLATE: "repeat(7, minmax(150px, 1fr))",
   DAY_HEIGHT: 60,
   SIDEBAR_WIDTH: 47,
-  MIN_CELL_HEIGHT: 120,
+  MIN_CELL_HEIGHT: 90,
   DEFAULT_START_HOUR: 0,
   DEFAULT_END_HOUR: 23,
   DRAWER_WIDTH: "350px",
@@ -3924,6 +3943,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
   return /* @__PURE__ */ import_react43.default.createElement(import_material28.Box, { width: "100%", sx: { overflowX: "auto" } }, /* @__PURE__ */ import_react43.default.createElement(import_material28.Box, { minWidth: CALENDAR_CONSTANTS.MIN_WIDTH }, /* @__PURE__ */ import_react43.default.createElement(import_material28.Box, { display: "grid", gridTemplateColumns: CALENDAR_CONSTANTS.GRID_TEMPLATE, gap: 0.5, mb: 1 }, weekDays.map((day) => /* @__PURE__ */ import_react43.default.createElement(import_material28.Box, { key: day.day(), textAlign: "center", py: 0.5 }, /* @__PURE__ */ import_react43.default.createElement(import_material28.Typography, { variant: "caption", color: "text.secondary" }, day.format("dddd"))))), isLoading ? /* @__PURE__ */ import_react43.default.createElement(import_material28.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: CALENDAR_CONSTANTS.LOADING_CONTAINER_HEIGHT }, /* @__PURE__ */ import_react43.default.createElement(import_material28.CircularProgress, { sx: { width: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE, height: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ import_react43.default.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__ */ import_react43.default.createElement(LogoCalendario, null)
@@ -4090,6 +4110,7 @@ var WeekView = ({
   })), isLoading ? /* @__PURE__ */ import_react44.default.createElement(import_material29.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ import_react44.default.createElement(import_material29.CircularProgress, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ import_react44.default.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__ */ import_react44.default.createElement(LogoCalendario, null)
@@ -4186,6 +4207,7 @@ var DayView = ({
   return /* @__PURE__ */ import_react45.default.createElement(import_material30.Box, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react45.default.createElement(import_material30.Box, { display: "flex", borderBottom: "1px solid", borderColor: "primary.main", bgcolor: "background.paper" }, /* @__PURE__ */ import_react45.default.createElement(import_material30.Box, { width: CALENDAR_CONSTANTS.SIDEBAR_WIDTH, bgcolor: "background.default", borderBottom: "1px solid", borderColor: "transparent" }), /* @__PURE__ */ import_react45.default.createElement(import_material30.Box, { flex: 1, display: "flex", flexDirection: "column", textAlign: "start", gap: 0.5, py: 1, bgcolor: "primary.50" }, /* @__PURE__ */ import_react45.default.createElement(import_material30.Typography, { variant: "h6", color: "text.secondary" }, currentDate.format("D")), /* @__PURE__ */ import_react45.default.createElement(import_material30.Typography, { variant: "caption", color: "text.secondary" }, currentDate.format("dddd")))), isLoading ? /* @__PURE__ */ import_react45.default.createElement(import_material30.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: CALENDAR_CONSTANTS.LOADING_CONTAINER_HEIGHT }, /* @__PURE__ */ import_react45.default.createElement(import_material30.CircularProgress, { sx: { width: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE, height: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE }, variant: "indeterminate" })) : noEvents ? /* @__PURE__ */ import_react45.default.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__ */ import_react45.default.createElement(LogoCalendario, null)