componentes-sinco 1.1.28 → 1.1.29

package/dist/index.d.cts

@@ -209,7 +209,6 @@ interface DrawerProps<T> {
     chipFilters?: any[];
     heightDrawer?: number;
     filterSideCard?: any;
-    ref?: any;
 }
 
 type ToastType = 'success' | 'error' | 'warning' | 'info';
@@ -573,7 +572,7 @@ interface SCDataGridInitialProps<T> {
 declare function SCDataGridInitial<T>({ data, columns, getRowId, groupColumns, titleRowsPage, rowsTable, rowSelection, checkboxSelection, width, maxHeight, density, disableColumnMenu, disableColumnSorting, setSelectedIndex, selectedIndex, setSelectedRow, selectedRow }: SCDataGridInitialProps<T>): React__default.JSX.Element;
 declare const SCDataGrid: React__default.MemoExoticComponent<typeof SCDataGridInitial>;
 
-interface SCDatePickerProps$1 {
+interface SCDatePickerProps {
     label?: string;
     required?: boolean;
     disabled?: boolean;
@@ -584,7 +583,7 @@ interface SCDatePickerProps$1 {
     minDate?: Dayjs;
     maxDate?: Dayjs;
 }
-declare const SCDatePicker: ({ label, required, disabled, background, state, setState, width, minDate, maxDate }: SCDatePickerProps$1) => React__default.JSX.Element;
+declare const SCDatePicker: ({ label, required, disabled, background, state, setState, width, minDate, maxDate }: SCDatePickerProps) => React__default.JSX.Element;
 
 interface SCDateRangeProps {
     labelDateInitial?: string;
@@ -736,18 +735,14 @@ interface SCTimeProps {
 }
 declare const SCTime: ({ label, required, disabled, background, timeStep, state, setState, width, error, }: SCTimeProps) => React__default.JSX.Element;
 
-interface SCDatePickerProps {
-    label?: string;
-    required?: boolean;
-    disabled?: boolean;
-    background?: string;
+interface SCZoomProps {
+    image: any;
     width?: string;
     height?: string;
-    image: any;
     bottom?: string;
     left?: string;
 }
-declare const SCZoom: ({ label, required, disabled, background, width, height, image, bottom, left }: SCDatePickerProps) => React__default.JSX.Element;
+declare const SCZoom: ({ image, width, height, bottom, left }: SCZoomProps) => React__default.JSX.Element;
 
 declare const SincoTheme: _mui_material_styles.Theme;
 declare let AdproSincoTheme: _mui_material_styles.Theme;

package/dist/index.d.ts

@@ -209,7 +209,6 @@ interface DrawerProps<T> {
     chipFilters?: any[];
     heightDrawer?: number;
     filterSideCard?: any;
-    ref?: any;
 }
 
 type ToastType = 'success' | 'error' | 'warning' | 'info';
@@ -573,7 +572,7 @@ interface SCDataGridInitialProps<T> {
 declare function SCDataGridInitial<T>({ data, columns, getRowId, groupColumns, titleRowsPage, rowsTable, rowSelection, checkboxSelection, width, maxHeight, density, disableColumnMenu, disableColumnSorting, setSelectedIndex, selectedIndex, setSelectedRow, selectedRow }: SCDataGridInitialProps<T>): React__default.JSX.Element;
 declare const SCDataGrid: React__default.MemoExoticComponent<typeof SCDataGridInitial>;
 
-interface SCDatePickerProps$1 {
+interface SCDatePickerProps {
     label?: string;
     required?: boolean;
     disabled?: boolean;
@@ -584,7 +583,7 @@ interface SCDatePickerProps$1 {
     minDate?: Dayjs;
     maxDate?: Dayjs;
 }
-declare const SCDatePicker: ({ label, required, disabled, background, state, setState, width, minDate, maxDate }: SCDatePickerProps$1) => React__default.JSX.Element;
+declare const SCDatePicker: ({ label, required, disabled, background, state, setState, width, minDate, maxDate }: SCDatePickerProps) => React__default.JSX.Element;
 
 interface SCDateRangeProps {
     labelDateInitial?: string;
@@ -736,18 +735,14 @@ interface SCTimeProps {
 }
 declare const SCTime: ({ label, required, disabled, background, timeStep, state, setState, width, error, }: SCTimeProps) => React__default.JSX.Element;
 
-interface SCDatePickerProps {
-    label?: string;
-    required?: boolean;
-    disabled?: boolean;
-    background?: string;
+interface SCZoomProps {
+    image: any;
     width?: string;
     height?: string;
-    image: any;
     bottom?: string;
     left?: string;
 }
-declare const SCZoom: ({ label, required, disabled, background, width, height, image, bottom, left }: SCDatePickerProps) => React__default.JSX.Element;
+declare const SCZoom: ({ image, width, height, bottom, left }: SCZoomProps) => React__default.JSX.Element;
 
 declare const SincoTheme: _mui_material_styles.Theme;
 declare let AdproSincoTheme: _mui_material_styles.Theme;

package/dist/index.js

@@ -548,7 +548,8 @@ var Attachment = ({
         cursor: "pointer",
         transition: "all 0.2s ease-in-out",
         ":hover": {
-          backgroundColor: error ? "error.50" : "action.hover"
+          border: "1px dashed #2063A080",
+          backgroundColor: error ? "#D143430A" : "#2063A00A"
         }
       }, sx)
     },
@@ -1189,7 +1190,7 @@ import { Box as Box19, CircularProgress as CircularProgress5 } from "@mui/materi
 
 // src/Components/Calendario/CalendarToolbar.tsx
 import React7, { useState as useState6 } from "react";
-import { ChevronLeft, ChevronRight, KeyboardArrowDown as KeyboardArrowDown2, LightModeOutlined } from "@mui/icons-material";
+import { ChevronLeft, ChevronRight, KeyboardArrowDown as KeyboardArrowDown2, EventOutlined } from "@mui/icons-material";
 import { Box as Box5, Chip, IconButton as IconButton5, Menu, MenuItem, Stack as Stack5, Typography as Typography5 } from "@mui/material";
 import dayjs from "dayjs";
 import updateLocale from "dayjs/plugin/updateLocale";
@@ -1230,13 +1231,15 @@ var CalendarToolbar = ({
     }
     return labelDate.format(" DD MMMM YYYY");
   };
-  return /* @__PURE__ */ React7.createElement(Stack5, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 0.5, px: 1, py: 0.5 }, /* @__PURE__ */ React7.createElement(Box5, null, /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React7.createElement(Stack5, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 1.5 }, /* @__PURE__ */ React7.createElement(Stack5, { direction: "row", alignItems: "center", justifyContent: "flex-start", gap: 1.5 }, /* @__PURE__ */ React7.createElement(Box5, null, /* @__PURE__ */ React7.createElement(
     Chip,
     {
+      size: "medium",
       label: "Hoy",
-      icon: /* @__PURE__ */ React7.createElement(LightModeOutlined, { fontSize: "small" }),
+      icon: /* @__PURE__ */ React7.createElement(EventOutlined, { fontSize: "small" }),
       color: "primary",
-      onClick: () => onNavigate("TODAY")
+      onClick: () => onNavigate("TODAY"),
+      variant: "standard"
     }
   )), /* @__PURE__ */ React7.createElement(Stack5, { direction: "row", alignItems: "center", gap: 1 }, /* @__PURE__ */ React7.createElement(IconButton5, { "aria-label": "Anterior", onClick: () => onNavigate("PREV"), size: "small", color: "primary" }, /* @__PURE__ */ React7.createElement(ChevronLeft, { fontSize: "small" })), /* @__PURE__ */ React7.createElement(IconButton5, { "aria-label": "Siguiente", onClick: () => onNavigate("NEXT"), size: "small", color: "primary" }, /* @__PURE__ */ React7.createElement(ChevronRight, { fontSize: "small" })), /* @__PURE__ */ React7.createElement(Typography5, { variant: "h6", color: "primary", "data-testid": "currentDate" }, getFormattedDate()), /* @__PURE__ */ React7.createElement(IconButton5, { onClick: handleMenuOpen, size: "small", color: "primary", "aria-label": "Cambiar vista" }, /* @__PURE__ */ React7.createElement(KeyboardArrowDown2, { fontSize: "small" })), /* @__PURE__ */ React7.createElement(
     Menu,
@@ -1250,7 +1253,7 @@ var CalendarToolbar = ({
     /* @__PURE__ */ React7.createElement(MenuItem, { onClick: () => handleViewChange("month") }, "Mes"),
     /* @__PURE__ */ React7.createElement(MenuItem, { onClick: () => handleViewChange("week") }, "Semana"),
     /* @__PURE__ */ React7.createElement(MenuItem, { onClick: () => handleViewChange("day") }, "D\xEDa")
-  )), children ? /* @__PURE__ */ React7.createElement(Box5, null, children) : /* @__PURE__ */ React7.createElement(Box5, { width: "24px" }), " ");
+  ))), children ? /* @__PURE__ */ React7.createElement(Box5, null, children) : /* @__PURE__ */ React7.createElement(Box5, { width: "24px" }), " ");
 };
 
 // src/Components/Calendario/Views/MonthView.tsx
@@ -3432,7 +3435,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
   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(
     EmptyState,
     {
-      containerHeight: "480px",
+      containerHeight: "calc(100vh - 130px)",
       title: "Inicia la gesti\xF3n de las actividades",
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
       icon: /* @__PURE__ */ React28.createElement(LogoCalendario, null)
@@ -3599,7 +3602,7 @@ var WeekView = ({
   })), isLoading ? /* @__PURE__ */ React29.createElement(Box17, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ React29.createElement(CircularProgress3, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ React29.createElement(
     EmptyState,
     {
-      containerHeight: "480px",
+      containerHeight: "calc(100vh - 130px)",
       title: "Inicia la gesti\xF3n de las actividades",
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
       icon: /* @__PURE__ */ React29.createElement(LogoCalendario, null)
@@ -3640,6 +3643,7 @@ var WeekView = ({
           return /* @__PURE__ */ React29.createElement(
             Box17,
             {
+              sx: { "&:hover": { bgcolor: "primary.50" } },
               key: hourIdx,
               height: 60,
               borderTop: "1px solid",
@@ -3696,7 +3700,7 @@ var DayView = ({
   return /* @__PURE__ */ React30.createElement(Box18, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ React30.createElement(Box18, { display: "flex", borderBottom: "1px solid", borderColor: "primary.main", bgcolor: "background.paper" }, /* @__PURE__ */ React30.createElement(Box18, { width: CALENDAR_CONSTANTS.SIDEBAR_WIDTH, bgcolor: "background.default", borderBottom: "1px solid", borderColor: "transparent" }), /* @__PURE__ */ React30.createElement(Box18, { flex: 1, display: "flex", flexDirection: "column", textAlign: "start", gap: 0.5, py: 1, bgcolor: "primary.50" }, /* @__PURE__ */ React30.createElement(Typography16, { variant: "h6", color: "text.secondary" }, currentDate.format("D")), /* @__PURE__ */ React30.createElement(Typography16, { variant: "caption", color: "text.secondary" }, currentDate.format("dddd")))), isLoading ? /* @__PURE__ */ React30.createElement(Box18, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: CALENDAR_CONSTANTS.LOADING_CONTAINER_HEIGHT }, /* @__PURE__ */ React30.createElement(CircularProgress4, { sx: { width: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE, height: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE }, variant: "indeterminate" })) : noEvents ? /* @__PURE__ */ React30.createElement(
     EmptyState,
     {
-      containerHeight: "480px",
+      containerHeight: "calc(100vh - 140px)",
       title: "Inicia la gesti\xF3n de las actividades",
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
       icon: /* @__PURE__ */ React30.createElement(LogoCalendario, null)
@@ -3718,6 +3722,7 @@ var DayView = ({
     return /* @__PURE__ */ React30.createElement(
       Box18,
       {
+        sx: { "&:hover": { bgcolor: "primary.50" } },
         key: hourIdx,
         height: CALENDAR_CONSTANTS.DAY_HEIGHT,
         borderTop: "1px solid",
@@ -5813,7 +5818,7 @@ import Grid13 from "@mui/material/Grid";
 import ZoomOutIcon from "@mui/icons-material/ZoomOut";
 import ZoomInIcon from "@mui/icons-material/ZoomIn";
 import RotateRightIcon from "@mui/icons-material/RotateRight";
-var SCZoom = ({ label, required, disabled, background, width, height, image, bottom, left }) => {
+var SCZoom = ({ image, width, height, bottom, left }) => {
   const [zoom, setZoom] = useState28(1);
   const handleZoomIn = () => {
     setZoom((prev) => Math.min(prev + 0.2, 3));