componentes-sinco 1.0.30 → 1.0.32

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: 90;
     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: 90;
     readonly DEFAULT_START_HOUR: 0;
     readonly DEFAULT_END_HOUR: 23;
     readonly DRAWER_WIDTH: "350px";

package/dist/index.js

@@ -1868,7 +1868,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
             }
@@ -1937,7 +1937,8 @@ function SCAutocomplete({
                     onClick: (event2) => {
                       event2.stopPropagation();
                       cleanOptions(event2);
-                    }
+                    },
+                    disabled: state.hiddenValue.toString() == "-1" || state.hiddenValue.toString() == "" ? true : false
                   },
                   "Limpiar"
                 ) : "",
@@ -1986,14 +1987,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] = React12.useState(false);
   const handleDateChange = (newValue) => {
+    const minDateDayjs = dayjs("2013-01-01");
     const convertedValue = [
       newValue[0] ? dayjs(newValue[0]) : null,
       newValue[1] ? dayjs(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__ */ React12.createElement(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: "es" }, /* @__PURE__ */ React12.createElement(Box9, { sx: { width: "100%" } }, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: "es" }, /* @__PURE__ */ React12.createElement(Box9, { sx: { width: "100%" } }, /* @__PURE__ */ React12.createElement(
     DateRangePicker,
     {
       value: state,
@@ -2040,7 +2056,7 @@ var SCDateRange = ({
         width: "100%"
       }
     }
-  )));
+  ))), notification && /* @__PURE__ */ React12.createElement(SCToastNotification, { title: "El Formato de la fecha no es v\xE1lido", type: "error" }));
 };
 
 // src/Components/Drawer/components/DrawerContent.tsx
@@ -3053,7 +3069,7 @@ import { Button as Button11, Typography as Typography14, Modal as Modal2, Dialog
 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;
@@ -3073,22 +3089,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 {
@@ -3108,11 +3126,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,
@@ -3124,7 +3143,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,
       {
@@ -3163,7 +3182,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",
@@ -3202,7 +3221,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
         },
         boton.text
       );
-    })) : ""
+    })) : "" : ""
   )));
 };
 
@@ -3783,7 +3802,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",
@@ -3847,6 +3866,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)
@@ -4013,6 +4033,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)
@@ -4109,6 +4130,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)