componentes-sinco 1.2.0 → 1.2.2

package/dist/index.cjs

@@ -2621,6 +2621,7 @@ function SCAutocomplete({
   ) || null;
   const [open, setOpen] = import_react19.default.useState(false);
   const componentClickActiveRef = import_react19.default.useRef(false);
+  const listboxScrollRef = import_react19.default.useRef(null);
   const containerRef = import_react19.default.useRef(null);
   const [chipLimit, setChipLimit] = import_react19.default.useState(2);
   const outsideChipsMeasureRef = import_react19.default.useRef(null);
@@ -2786,12 +2787,18 @@ function SCAutocomplete({
                 event2.defaultMuiPrevented = true;
               },
               onClick: (event2) => {
-                var _a2;
+                var _a2, _b, _c;
                 event2.preventDefault();
                 event2.stopPropagation();
                 event2.defaultMuiPrevented = true;
-                (_a2 = item.onComponentClick) == null ? void 0 : _a2.call(item, event2, option);
+                const savedScroll = (_b = (_a2 = listboxScrollRef.current) == null ? void 0 : _a2.scrollTop) != null ? _b : 0;
+                (_c = item.onComponentClick) == null ? void 0 : _c.call(item, event2, option);
                 setOpen(true);
+                requestAnimationFrame(() => {
+                  if (listboxScrollRef.current) {
+                    listboxScrollRef.current.scrollTop = savedScroll;
+                  }
+                });
                 setTimeout(() => {
                   componentClickActiveRef.current = false;
                 }, 200);
@@ -2832,7 +2839,11 @@ function SCAutocomplete({
             return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(
               import_material13.Box,
               __spreadProps(__spreadValues({
-                ref
+                ref: (node) => {
+                  listboxScrollRef.current = node;
+                  if (typeof ref === "function") ref(node);
+                  else if (ref) ref.current = node;
+                }
               }, props), {
                 sx: __spreadValues({
                   position: "relative",
@@ -3725,14 +3736,14 @@ var clampEventToVisibleRange = (event2, currentDate, startHour, endHour) => {
 
 // src/Components/Calendario/Views/MonthView.tsx
 import_dayjs5.default.extend(import_localeData.default);
-var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEventClick, onEventHover }) => {
+var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEventClick, onEventHover, seeDays = false }) => {
   const noEvents = events.length === 0;
   const days = getMonthDays(currentDate);
   const weekDays = Array.from({ length: 7 }, (_, i) => (0, import_dayjs5.default)().day(i));
   const [openDrawer, setOpenDrawer] = import_react32.default.useState(false);
   const [selectedDay, setSelectedDay] = import_react32.default.useState(null);
   const [selectedEvents, setSelectedEvents] = import_react32.default.useState([]);
-  return /* @__PURE__ */ import_react32.default.createElement(import_react32.default.Fragment, null, /* @__PURE__ */ import_react32.default.createElement(import_material21.Box, { width: "100%", sx: { overflowX: "auto" } }, /* @__PURE__ */ import_react32.default.createElement(import_material21.Box, { minWidth: CALENDAR_CONSTANTS.MIN_WIDTH }, /* @__PURE__ */ import_react32.default.createElement(import_material21.Box, { display: "grid", gridTemplateColumns: CALENDAR_CONSTANTS.GRID_TEMPLATE, gap: 0.5, mb: 1 }, weekDays.map((day) => /* @__PURE__ */ import_react32.default.createElement(import_material21.Box, { key: day.day(), textAlign: "center", py: 0.5 }, /* @__PURE__ */ import_react32.default.createElement(import_material21.Typography, { variant: "caption", color: "text.secondary" }, day.format("dddd"))))), isLoading ? /* @__PURE__ */ import_react32.default.createElement(import_material21.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: CALENDAR_CONSTANTS.LOADING_CONTAINER_HEIGHT }, /* @__PURE__ */ import_react32.default.createElement(import_material21.CircularProgress, { sx: { width: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE, height: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ import_react32.default.createElement(
+  return /* @__PURE__ */ import_react32.default.createElement(import_react32.default.Fragment, null, /* @__PURE__ */ import_react32.default.createElement(import_material21.Box, { width: "100%", sx: { overflowX: "auto" } }, /* @__PURE__ */ import_react32.default.createElement(import_material21.Box, { minWidth: CALENDAR_CONSTANTS.MIN_WIDTH }, /* @__PURE__ */ import_react32.default.createElement(import_material21.Box, { display: "grid", gridTemplateColumns: CALENDAR_CONSTANTS.GRID_TEMPLATE, gap: 0.5, mb: 1 }, weekDays.map((day) => /* @__PURE__ */ import_react32.default.createElement(import_material21.Box, { key: day.day(), textAlign: "center", py: 0.5 }, /* @__PURE__ */ import_react32.default.createElement(import_material21.Typography, { variant: "caption", color: "text.secondary" }, day.format("dddd"))))), isLoading ? /* @__PURE__ */ import_react32.default.createElement(import_material21.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: CALENDAR_CONSTANTS.LOADING_CONTAINER_HEIGHT }, /* @__PURE__ */ import_react32.default.createElement(import_material21.CircularProgress, { sx: { width: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE, height: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE }, variant: "indeterminate" })) : seeDays == false ? /* @__PURE__ */ import_react32.default.createElement(
     EmptyState,
     {
       containerHeight: "calc(100vh - 130px)",
@@ -3740,7 +3751,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
       icon: /* @__PURE__ */ import_react32.default.createElement(LogoCalendario, null)
     }
-  ) : /* @__PURE__ */ import_react32.default.createElement(import_material21.Box, { display: "grid", gridTemplateColumns: CALENDAR_CONSTANTS.GRID_TEMPLATE, gap: 0.5 }, days.map((day) => {
+  ) : seeDays == true ? /* @__PURE__ */ import_react32.default.createElement(import_material21.Box, { display: "grid", gridTemplateColumns: CALENDAR_CONSTANTS.GRID_TEMPLATE, gap: 0.5 }, days.map((day) => {
     const dayEvents = filterEventsForDay(events, day);
     const isCurrentMonth = day.month() === currentDate.month();
     return /* @__PURE__ */ import_react32.default.createElement(
@@ -3831,7 +3842,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
         )
       )
     );
-  })))), selectedDay && /* @__PURE__ */ import_react32.default.createElement(
+  })) : null)), selectedDay && /* @__PURE__ */ import_react32.default.createElement(
     SCDrawer,
     {
       width: CALENDAR_CONSTANTS.DRAWER_WIDTH,
@@ -3872,7 +3883,8 @@ var WeekView = ({
   onEventClick,
   onEventHover,
   startHour = 0,
-  endHour = 23
+  endHour = 23,
+  seeDays = false
 }) => {
   const noEvents = events.length === 0;
   const todayString = (0, import_dayjs6.default)().format("YYYY-MM-DD");
@@ -3916,7 +3928,7 @@ var WeekView = ({
       /* @__PURE__ */ import_react33.default.createElement(import_material22.Typography, { variant: "h6", color: "text.primary" }, day.format("D")),
       /* @__PURE__ */ import_react33.default.createElement(import_material22.Typography, { variant: "caption", color: "text.secondary" }, day.format("dddd"))
     );
-  })), isLoading ? /* @__PURE__ */ import_react33.default.createElement(import_material22.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ import_react33.default.createElement(import_material22.CircularProgress, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ import_react33.default.createElement(
+  })), isLoading ? /* @__PURE__ */ import_react33.default.createElement(import_material22.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ import_react33.default.createElement(import_material22.CircularProgress, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && seeDays == false ? /* @__PURE__ */ import_react33.default.createElement(
     EmptyState,
     {
       containerHeight: "calc(100vh - 130px)",
@@ -4009,12 +4021,13 @@ var DayView = ({
   onEventClick,
   onEventHover,
   startHour = CALENDAR_CONSTANTS.DEFAULT_START_HOUR,
-  endHour = CALENDAR_CONSTANTS.DEFAULT_END_HOUR
+  endHour = CALENDAR_CONSTANTS.DEFAULT_END_HOUR,
+  seeDays
 }) => {
   const hours = Array.from({ length: endHour - startHour + 1 }, (_, i) => startHour + i);
   const dayEvents = filterEventsForDay(events, currentDate);
   const noEvents = events.length === 0;
-  return /* @__PURE__ */ import_react34.default.createElement(import_material23.Box, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react34.default.createElement(import_material23.Box, { display: "flex", borderBottom: "1px solid", borderColor: "primary.main", bgcolor: "background.paper" }, /* @__PURE__ */ import_react34.default.createElement(import_material23.Box, { width: CALENDAR_CONSTANTS.SIDEBAR_WIDTH, bgcolor: "background.default", borderBottom: "1px solid", borderColor: "transparent" }), /* @__PURE__ */ import_react34.default.createElement(import_material23.Box, { flex: 1, display: "flex", flexDirection: "column", textAlign: "start", gap: 0.5, py: 1, bgcolor: "primary.50" }, /* @__PURE__ */ import_react34.default.createElement(import_material23.Typography, { variant: "h6", color: "text.secondary" }, currentDate.format("D")), /* @__PURE__ */ import_react34.default.createElement(import_material23.Typography, { variant: "caption", color: "text.secondary" }, currentDate.format("dddd")))), isLoading ? /* @__PURE__ */ import_react34.default.createElement(import_material23.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: CALENDAR_CONSTANTS.LOADING_CONTAINER_HEIGHT }, /* @__PURE__ */ import_react34.default.createElement(import_material23.CircularProgress, { sx: { width: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE, height: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE }, variant: "indeterminate" })) : noEvents ? /* @__PURE__ */ import_react34.default.createElement(
+  return /* @__PURE__ */ import_react34.default.createElement(import_material23.Box, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react34.default.createElement(import_material23.Box, { display: "flex", borderBottom: "1px solid", borderColor: "primary.main", bgcolor: "background.paper" }, /* @__PURE__ */ import_react34.default.createElement(import_material23.Box, { width: CALENDAR_CONSTANTS.SIDEBAR_WIDTH, bgcolor: "background.default", borderBottom: "1px solid", borderColor: "transparent" }), /* @__PURE__ */ import_react34.default.createElement(import_material23.Box, { flex: 1, display: "flex", flexDirection: "column", textAlign: "start", gap: 0.5, py: 1, bgcolor: "primary.50" }, /* @__PURE__ */ import_react34.default.createElement(import_material23.Typography, { variant: "h6", color: "text.secondary" }, currentDate.format("D")), /* @__PURE__ */ import_react34.default.createElement(import_material23.Typography, { variant: "caption", color: "text.secondary" }, currentDate.format("dddd")))), isLoading ? /* @__PURE__ */ import_react34.default.createElement(import_material23.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: CALENDAR_CONSTANTS.LOADING_CONTAINER_HEIGHT }, /* @__PURE__ */ import_react34.default.createElement(import_material23.CircularProgress, { sx: { width: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE, height: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE }, variant: "indeterminate" })) : seeDays == false ? /* @__PURE__ */ import_react34.default.createElement(
     EmptyState,
     {
       containerHeight: "calc(100vh - 140px)",
@@ -4129,7 +4142,8 @@ var Calendar = ({
   toolbar,
   isLoading = false,
   startHour = CALENDAR_CONSTANTS.DEFAULT_START_HOUR,
-  endHour = CALENDAR_CONSTANTS.DEFAULT_END_HOUR
+  endHour = CALENDAR_CONSTANTS.DEFAULT_END_HOUR,
+  seeDays = false
 }) => {
   const [view, setView] = (0, import_react36.useState)(initialView);
   const { currentDate, navigateDate } = useCalendarNavigation((0, import_dayjs9.default)(), onDateChange);
@@ -4178,7 +4192,8 @@ var Calendar = ({
       onDayClick,
       onMoreClick,
       onEventClick,
-      onEventHover
+      onEventHover,
+      seeDays
     }
   ), view === "week" && /* @__PURE__ */ import_react36.default.createElement(
     WeekView,
@@ -4190,7 +4205,8 @@ var Calendar = ({
       onEventClick,
       onEventHover,
       startHour,
-      endHour
+      endHour,
+      seeDays
     }
   ), view === "day" && /* @__PURE__ */ import_react36.default.createElement(
     DayView,
@@ -4200,7 +4216,8 @@ var Calendar = ({
       onEventClick,
       onEventHover,
       startHour,
-      endHour
+      endHour,
+      seeDays
     }
   )));
 };