componentes-sinco 1.2.0 → 1.2.2

package/dist/index.d.cts

@@ -97,6 +97,7 @@ interface CalendarProps {
     isLoading?: boolean;
     startHour?: number;
     endHour?: number;
+    seeDays?: boolean;
 }
 
 declare const Calendar: React__default.FC<CalendarProps>;

package/dist/index.d.ts

@@ -97,6 +97,7 @@ interface CalendarProps {
     isLoading?: boolean;
     startHour?: number;
     endHour?: number;
+    seeDays?: boolean;
 }
 
 declare const Calendar: React__default.FC<CalendarProps>;

package/dist/index.js

@@ -2535,6 +2535,7 @@ function SCAutocomplete({
   ) || null;
   const [open, setOpen] = React15.useState(false);
   const componentClickActiveRef = React15.useRef(false);
+  const listboxScrollRef = React15.useRef(null);
   const containerRef = React15.useRef(null);
   const [chipLimit, setChipLimit] = React15.useState(2);
   const outsideChipsMeasureRef = React15.useRef(null);
@@ -2700,12 +2701,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);
@@ -2746,7 +2753,11 @@ function SCAutocomplete({
             return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(
               Box11,
               __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",
@@ -3639,14 +3650,14 @@ var clampEventToVisibleRange = (event2, currentDate, startHour, endHour) => {
 
 // src/Components/Calendario/Views/MonthView.tsx
 dayjs5.extend(localeData);
-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) => dayjs5().day(i));
   const [openDrawer, setOpenDrawer] = React28.useState(false);
   const [selectedDay, setSelectedDay] = React28.useState(null);
   const [selectedEvents, setSelectedEvents] = React28.useState([]);
-  return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__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(
+  return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__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" })) : seeDays == false ? /* @__PURE__ */ React28.createElement(
     EmptyState,
     {
       containerHeight: "calc(100vh - 130px)",
@@ -3654,7 +3665,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
       icon: /* @__PURE__ */ React28.createElement(LogoCalendario, null)
     }
-  ) : /* @__PURE__ */ React28.createElement(Box16, { display: "grid", gridTemplateColumns: CALENDAR_CONSTANTS.GRID_TEMPLATE, gap: 0.5 }, days.map((day) => {
+  ) : seeDays == true ? /* @__PURE__ */ React28.createElement(Box16, { 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__ */ React28.createElement(
@@ -3745,7 +3756,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
         )
       )
     );
-  })))), selectedDay && /* @__PURE__ */ React28.createElement(
+  })) : null)), selectedDay && /* @__PURE__ */ React28.createElement(
     SCDrawer,
     {
       width: CALENDAR_CONSTANTS.DRAWER_WIDTH,
@@ -3786,7 +3797,8 @@ var WeekView = ({
   onEventClick,
   onEventHover,
   startHour = 0,
-  endHour = 23
+  endHour = 23,
+  seeDays = false
 }) => {
   const noEvents = events.length === 0;
   const todayString = dayjs6().format("YYYY-MM-DD");
@@ -3830,7 +3842,7 @@ var WeekView = ({
       /* @__PURE__ */ React29.createElement(Typography15, { variant: "h6", color: "text.primary" }, day.format("D")),
       /* @__PURE__ */ React29.createElement(Typography15, { variant: "caption", color: "text.secondary" }, day.format("dddd"))
     );
-  })), 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(
+  })), 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 && seeDays == false ? /* @__PURE__ */ React29.createElement(
     EmptyState,
     {
       containerHeight: "calc(100vh - 130px)",
@@ -3923,12 +3935,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__ */ 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(
+  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" })) : seeDays == false ? /* @__PURE__ */ React30.createElement(
     EmptyState,
     {
       containerHeight: "calc(100vh - 140px)",
@@ -4043,7 +4056,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] = useState14(initialView);
   const { currentDate, navigateDate } = useCalendarNavigation(dayjs9(), onDateChange);
@@ -4092,7 +4106,8 @@ var Calendar = ({
       onDayClick,
       onMoreClick,
       onEventClick,
-      onEventHover
+      onEventHover,
+      seeDays
     }
   ), view === "week" && /* @__PURE__ */ React31.createElement(
     WeekView,
@@ -4104,7 +4119,8 @@ var Calendar = ({
       onEventClick,
       onEventHover,
       startHour,
-      endHour
+      endHour,
+      seeDays
     }
   ), view === "day" && /* @__PURE__ */ React31.createElement(
     DayView,
@@ -4114,7 +4130,8 @@ var Calendar = ({
       onEventClick,
       onEventHover,
       startHour,
-      endHour
+      endHour,
+      seeDays
     }
   )));
 };