componentes-sinco 1.0.35 → 1.0.36-rc.1

package/dist/index.cjs

@@ -4203,7 +4203,7 @@ var import_dayjs6 = __toESM(require("dayjs"), 1);
 var import_localeData2 = __toESM(require("dayjs/plugin/localeData"), 1);
 import_dayjs6.default.extend(import_localeData2.default);
 var WeekView = ({
-  events,
+  events = [],
   currentDate,
   isLoading,
   onDayClick,
@@ -4212,7 +4212,11 @@ var WeekView = ({
   startHour = 0,
   endHour = 23
 }) => {
-  const noEvents = events.length === 0;
+  const normalizedEvents = events.map((e) => __spreadProps(__spreadValues({}, e), {
+    start: (0, import_dayjs6.default)(e.start),
+    end: (0, import_dayjs6.default)(e.end)
+  }));
+  const noEvents = normalizedEvents.length === 0;
   const todayString = (0, import_dayjs6.default)().format("YYYY-MM-DD");
   const startOfWeek3 = currentDate.startOf("week");
   const days = Array.from({ length: 7 }, (_, i) => startOfWeek3.add(i, "day"));
@@ -4262,77 +4266,74 @@ var WeekView = ({
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
       icon: /* @__PURE__ */ import_react44.default.createElement(LogoCalendario, null)
     }
-  ) : (
-    // Grid de horas y eventos
-    /* @__PURE__ */ import_react44.default.createElement(import_material29.Box, { display: "flex", flex: 1 }, /* @__PURE__ */ import_react44.default.createElement(import_material29.Box, { width: 45, bgcolor: "transparent" }, hours.map((h) => /* @__PURE__ */ import_react44.default.createElement(
+  ) : /* @__PURE__ */ import_react44.default.createElement(import_material29.Box, { display: "flex", flex: 1 }, /* @__PURE__ */ import_react44.default.createElement(import_material29.Box, { width: 45, bgcolor: "transparent" }, hours.map((h) => /* @__PURE__ */ import_react44.default.createElement(
+    import_material29.Box,
+    {
+      key: h,
+      height: 60,
+      textAlign: "right",
+      pr: 1,
+      borderColor: "divider"
+    },
+    /* @__PURE__ */ import_react44.default.createElement(import_material29.Typography, { variant: "caption", color: "text.secondary" }, (0, import_dayjs6.default)().hour(h).format("h A"))
+  ))), days.map((day) => {
+    const dayEvents = normalizedEvents.filter(
+      (event2) => day.isBetween(event2.start.startOf("day"), event2.end.endOf("day"), null, "[]")
+    ).filter((event2) => {
+      const startsInRange = event2.start.hour() >= startHour && event2.start.hour() <= endHour;
+      const endsInRange = event2.end.hour() >= startHour && event2.end.hour() <= endHour;
+      return startsInRange || endsInRange;
+    }).sort((a, b) => a.start.valueOf() - b.start.valueOf());
+    return /* @__PURE__ */ import_react44.default.createElement(
       import_material29.Box,
       {
-        key: h,
-        height: 60,
-        textAlign: "right",
-        pr: 1,
-        borderColor: "divider"
+        key: day.toString(),
+        flex: 1,
+        borderLeft: "1px solid",
+        borderColor: "divider",
+        position: "relative",
+        "data-testid": `week-day-column-${day.format("YYYY-MM-DD")}`,
+        onClick: () => onDayClick == null ? void 0 : onDayClick(day)
       },
-      /* @__PURE__ */ import_react44.default.createElement(import_material29.Typography, { variant: "caption", color: "text.secondary" }, (0, import_dayjs6.default)().hour(h).format("h A"))
-    ))), days.map((day) => {
-      const dayEvents = events.filter(
-        (event2) => day.isBetween(event2.start.startOf("day"), event2.end.endOf("day"), null, "[]")
-      ).filter((event2) => {
-        const startsInRange = event2.start.hour() >= startHour && event2.start.hour() <= endHour;
-        const endsInRange = event2.end.hour() >= startHour && event2.end.hour() <= endHour;
-        return startsInRange || endsInRange;
-      }).sort((a, b) => a.start.valueOf() - b.start.valueOf());
-      return /* @__PURE__ */ import_react44.default.createElement(
-        import_material29.Box,
-        {
-          key: day.toString(),
-          flex: 1,
-          borderLeft: "1px solid",
-          borderColor: "divider",
-          position: "relative",
-          "data-testid": `week-day-column-${day.format("YYYY-MM-DD")}`,
-          onClick: () => onDayClick == null ? void 0 : onDayClick(day)
-        },
-        hours.map((hourIdx) => {
-          const borderType = getCellBorderType2(hourIdx, dayEvents);
-          return /* @__PURE__ */ import_react44.default.createElement(
-            import_material29.Box,
-            {
-              key: hourIdx,
-              height: 60,
-              borderTop: "1px solid",
-              borderColor: borderType === "start" || borderType === "full" || borderType === "none" ? "divider" : "transparent",
-              borderBottom: borderType === "end" || borderType === "full" ? "1px solid divider" : void 0
-            }
-          );
-        }),
-        dayEvents.map((event2) => {
-          const eventStart = day.isSame(event2.start, "day") ? event2.start : day.startOf("day").hour(startHour).minute(0);
-          const eventEnd = day.isSame(event2.end, "day") ? event2.end : day.endOf("day").hour(endHour).minute(59);
-          const startMinutes = (eventStart.hour() - startHour) * 60 + eventStart.minute();
-          const durationMinutes = eventEnd.diff(eventStart, "minute");
-          return /* @__PURE__ */ import_react44.default.createElement(
-            CalendarEventCard,
-            {
-              key: `${event2.id}-${day.toString()}`,
-              event: event2,
-              color: stateColors[event2.state],
-              onClick: () => onEventClick == null ? void 0 : onEventClick(event2, day),
-              onHover: onEventHover,
-              sx: {
-                position: "absolute",
-                top: `${startMinutes}px`,
-                left: 4,
-                right: 4,
-                cursor: "pointer",
-                height: `${durationMinutes}px`
-              }
+      hours.map((hourIdx) => {
+        const borderType = getCellBorderType2(hourIdx, dayEvents);
+        return /* @__PURE__ */ import_react44.default.createElement(
+          import_material29.Box,
+          {
+            key: hourIdx,
+            height: 60,
+            borderTop: "1px solid",
+            borderColor: borderType === "start" || borderType === "full" || borderType === "none" ? "divider" : "transparent",
+            borderBottom: borderType === "end" || borderType === "full" ? "1px solid divider" : void 0
+          }
+        );
+      }),
+      dayEvents.map((event2) => {
+        const eventStart = day.isSame(event2.start, "day") ? event2.start : day.startOf("day").hour(startHour).minute(0);
+        const eventEnd = day.isSame(event2.end, "day") ? event2.end : day.endOf("day").hour(endHour).minute(59);
+        const startMinutes = (eventStart.hour() - startHour) * 60 + eventStart.minute();
+        const durationMinutes = eventEnd.diff(eventStart, "minute");
+        return /* @__PURE__ */ import_react44.default.createElement(
+          CalendarEventCard,
+          {
+            key: `${event2.id}-${day.toString()}`,
+            event: event2,
+            color: stateColors[event2.state],
+            onClick: () => onEventClick == null ? void 0 : onEventClick(event2, day),
+            onHover: onEventHover,
+            sx: {
+              position: "absolute",
+              top: `${startMinutes}px`,
+              left: 4,
+              right: 4,
+              cursor: "pointer",
+              height: `${durationMinutes}px`
             }
-          );
-        })
-      );
-    }))
-  ));
+          }
+        );
+      })
+    );
+  })));
 };
 
 // src/Components/Calendario/Views/DayView.tsx
@@ -4833,10 +4834,7 @@ var SCActivityCalendar = ({
         backgroundColor: (0, import_date_fns2.isSameDay)(dia, fecha) ? "#2063a0" : "transparent",
         cursor: "pointer",
         borderRadius: "50%",
-        //border: '1px solid lightgray',
         position: "relative"
-        //width: '36px',
-        //height: '36px',
       }
     },
     /* @__PURE__ */ import_react50.default.createElement(import_material34.Typography, { sx: { fontSize: "12px !important", color: (0, import_date_fns2.isSameDay)(dia, fecha) ? "white" : "#101840DE" } }, (0, import_date_fns2.format)(dia, "d"))