componentes-sinco 1.2.1 → 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

@@ -3650,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)",
@@ -3665,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(
@@ -3756,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,
@@ -3797,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");
@@ -3841,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)",
@@ -3934,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)",
@@ -4054,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);
@@ -4103,7 +4106,8 @@ var Calendar = ({
       onDayClick,
       onMoreClick,
       onEventClick,
-      onEventHover
+      onEventHover,
+      seeDays
     }
   ), view === "week" && /* @__PURE__ */ React31.createElement(
     WeekView,
@@ -4115,7 +4119,8 @@ var Calendar = ({
       onEventClick,
       onEventHover,
       startHour,
-      endHour
+      endHour,
+      seeDays
     }
   ), view === "day" && /* @__PURE__ */ React31.createElement(
     DayView,
@@ -4125,7 +4130,8 @@ var Calendar = ({
       onEventClick,
       onEventHover,
       startHour,
-      endHour
+      endHour,
+      seeDays
     }
   )));
 };