@mantine/schedule 9.0.0-alpha.0

package/esm/components/ScheduleHeader/ViewSelect/ViewSelect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewSelect.mjs","sources":["../../../../src/components/ScheduleHeader/ViewSelect/ViewSelect.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  MantineRadius,\n  StylesApiProps,\n  useDirection,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { getLabel, ScheduleLabels, ScheduleLabelsOverride } from '../../../labels';\nimport { ScheduleViewLevel } from '../../../types';\nimport { HeaderControl } from '../HeaderControl/HeaderControl';\nimport classes from './ViewSelect.module.css';\n\nexport type ViewSelectStylesNames = 'viewSelect';\n\nexport interface ViewSelectProps\n  extends BoxProps, StylesApiProps<ViewSelectFactory>, ElementProps<'div', 'value' | 'onChange'> {\n  __staticSelector?: string;\n\n  /** A list of views to display @default ['day', 'week', 'month', 'year'] */\n  views?: readonly ScheduleViewLevel[];\n\n  /** Selected view type */\n  value?: ScheduleViewLevel;\n\n  /** Called when view type changes */\n  onChange?: (value: ScheduleViewLevel) => void;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n}\n\nexport type ViewSelectFactory = Factory<{\n  props: ViewSelectProps;\n  ref: HTMLDivElement;\n  stylesNames: ViewSelectStylesNames;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'ViewSelect',\n  views: ['day', 'week', 'month', 'year'],\n} satisfies Partial<ViewSelectProps>;\n\nexport const ViewSelect = factory<ViewSelectFactory>((_props) => {\n  const props = useProps('ViewSelect', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    value,\n    onChange,\n    views,\n    __staticSelector,\n    radius,\n    labels,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ViewSelectFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    rootSelector: 'viewSelect',\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<ViewSelectFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  const { dir } = useDirection();\n  const controlsRef = useRef<(HTMLButtonElement | null)[]>([]);\n  const activatedWithKeyboardRef = useRef(false);\n\n  // Restore focus to the selected tab when the component mounts\n  // This handles the case where focus is lost due to view switch (header unmount/remount)\n  // Only restore focus if the view was activated via keyboard (Enter/Space)\n  useEffect(() => {\n    if (activatedWithKeyboardRef.current && document.activeElement === document.body) {\n      const selectedIndex = views!.findIndex((view) => view === value);\n      if (selectedIndex !== -1) {\n        controlsRef.current[selectedIndex]?.focus();\n      }\n    }\n    activatedWithKeyboardRef.current = false;\n  }, []);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>, index: number) => {\n    const isRtl = dir === 'rtl';\n    const nextKey = isRtl ? 'ArrowLeft' : 'ArrowRight';\n    const prevKey = isRtl ? 'ArrowRight' : 'ArrowLeft';\n\n    if (event.key === nextKey) {\n      event.preventDefault();\n      const nextIndex = index < views!.length - 1 ? index + 1 : 0;\n      controlsRef.current[nextIndex]?.focus();\n    } else if (event.key === prevKey) {\n      event.preventDefault();\n      const prevIndex = index > 0 ? index - 1 : views!.length - 1;\n      controlsRef.current[prevIndex]?.focus();\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      controlsRef.current[0]?.focus();\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      controlsRef.current[views!.length - 1]?.focus();\n    } else if (event.key === 'Enter' || event.key === ' ') {\n      activatedWithKeyboardRef.current = true;\n    }\n  };\n\n  const switchToLabelKeys: Record<ScheduleViewLevel, keyof ScheduleLabels> = {\n    day: 'switchToDayView',\n    week: 'switchToWeekView',\n    month: 'switchToMonthView',\n    year: 'switchToYearView',\n  };\n\n  const items = views!.map((view, index) => {\n    const isSelected = value === view;\n    return (\n      <HeaderControl\n        key={view}\n        ref={(node) => {\n          controlsRef.current[index] = node;\n        }}\n        data-type={view}\n        active={isSelected}\n        onClick={() => onChange?.(view)}\n        onKeyDown={(event) => handleKeyDown(event, index)}\n        classNames={resolvedClassNames}\n        styles={resolvedStyles}\n        __staticSelector={__staticSelector}\n        radius={radius}\n        role=\"tab\"\n        aria-label={getLabel(switchToLabelKeys[view], labels) as string}\n        aria-selected={isSelected}\n        tabIndex={isSelected ? 0 : -1}\n      >\n        {getLabel(view, labels)}\n      </HeaderControl>\n    );\n  });\n\n  return (\n    <Box\n      {...getStyles('viewSelect')}\n      role=\"tablist\"\n      aria-label={getLabel('viewSelectLabel', labels)}\n      {...others}\n    >\n      {items}\n    </Box>\n  );\n});\n\nViewSelect.displayName = '@mantine/schedule/ViewSelect';\nViewSelect.classes = classes;\n"],"names":[],"mappings":"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"}

package/esm/components/ScheduleHeader/ViewSelect/ViewSelect.module.css.mjs

@@ -0,0 +1,5 @@
+'use client';
+var classes = {"viewSelect":"m_e106e12d"};
+
+export { classes as default };
+//# sourceMappingURL=ViewSelect.module.css.mjs.map

package/esm/components/ScheduleHeader/ViewSelect/ViewSelect.module.css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewSelect.module.css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/esm/components/WeekView/WeekView.mjs

@@ -0,0 +1,551 @@
+'use client';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, createElement, useRef, useMemo } from 'react';
+import dayjs from 'dayjs';
+import { createVarsResolver, rem, getRadius, factory, useProps, useStyles, useResolvedStylesApi, Box, UnstyledButton, ScrollArea } from '@mantine/core';
+import { useDatesContext } from '@mantine/dates';
+import { useDragDropHandlers } from '../../hooks/use-drag-drop-handlers.mjs';
+import { useSlotDragSelect } from '../../hooks/use-slot-drag-select.mjs';
+import { getLabel } from '../../labels.mjs';
+import { formatDate } from '../../utils/format-date/format-date.mjs';
+import { getWeekNumber } from '../../utils/get-week-number/get-week-number.mjs';
+import { getDayTimeIntervals } from '../../utils/get-day-time-intervals/get-day-time-intervals.mjs';
+import { getWeekDays } from '../../utils/get-week-days/get-week-days.mjs';
+import { toDateString } from '../../utils/to-date-string/to-date-string.mjs';
+import { nextWeek } from '../../utils/next-week/next-week.mjs';
+import { previousWeek } from '../../utils/previous-week/previous-week.mjs';
+import { isAllDayEvent } from '../../utils/is-all-day-event/is-all-day-event.mjs';
+import { calculateDropTime } from '../../utils/calculate-drop-time/calculate-drop-time.mjs';
+import { getBusinessHoursMod } from '../../utils/get-business-hours-mod/get-business-hours-mod.mjs';
+import { CurrentTimeIndicator } from '../CurrentTimeIndicator/CurrentTimeIndicator.mjs';
+import { DragContext } from '../DragContext/DragContext.mjs';
+import { ScheduleEvent } from '../ScheduleEvent/ScheduleEvent.mjs';
+import { ScheduleHeaderBase } from '../ScheduleHeader/ScheduleHeaderBase.mjs';
+import { getWeekLabel } from './get-week-label/get-week-label.mjs';
+import { getWeekViewEvents } from './get-week-view-events/get-week-view-events.mjs';
+import { handleWeekViewKeyDown } from './handle-week-view-key-down.mjs';
+import classes from './WeekView.module.css.mjs';
+import { WeekViewDay } from './WeekViewDay.mjs';
+
+const defaultProps = {
+  __staticSelector: "WeekView",
+  withWeekendDays: true,
+  withCurrentTimeIndicator: true,
+  startTime: "00:00:00",
+  endTime: "23:59:59",
+  slotLabelFormat: "HH:mm",
+  intervalMinutes: 60,
+  weekdayFormat: "ddd",
+  withWeekNumber: true,
+  withCurrentTimeBubble: true,
+  withAllDaySlots: true,
+  withHeader: true,
+  weekLabelFormat: "MMM DD",
+  highlightBusinessHours: false,
+  businessHours: ["09:00:00", "17:00:00"],
+  withEventsDragAndDrop: false,
+  withDragSlotSelect: false,
+  mode: "default"
+};
+const varsResolver = createVarsResolver(
+  (_theme, { radius, allDaySlotHeight, slotHeight }) => ({
+    weekView: {
+      "--week-view-radius": radius ? getRadius(radius) : void 0,
+      "--week-view-all-day-slots-height": rem(allDaySlotHeight),
+      "--week-view-slot-height": rem(slotHeight)
+    }
+  })
+);
+const WeekView = factory((_props) => {
+  const props = useProps("WeekView", defaultProps, _props);
+  const {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    attributes,
+    vars,
+    startTime,
+    endTime,
+    date,
+    onDateChange,
+    intervalMinutes,
+    slotLabelFormat,
+    withWeekendDays,
+    weekendDays,
+    firstDayOfWeek,
+    weekdayFormat,
+    radius,
+    highlightToday,
+    withCurrentTimeIndicator,
+    scrollAreaProps,
+    locale,
+    withWeekNumber,
+    withCurrentTimeBubble,
+    withAllDaySlots,
+    __staticSelector,
+    withHeader,
+    onViewChange,
+    previousControlProps,
+    nextControlProps,
+    todayControlProps,
+    viewSelectProps,
+    weekLabelFormat,
+    events,
+    allDaySlotHeight,
+    slotHeight,
+    labels,
+    highlightBusinessHours,
+    businessHours,
+    renderEventBody,
+    renderEvent,
+    withEventsDragAndDrop,
+    onEventDrop,
+    canDragEvent,
+    onEventDragStart,
+    onEventDragEnd,
+    onTimeSlotClick,
+    onAllDaySlotClick,
+    onEventClick,
+    withDragSlotSelect,
+    onSlotDragEnd,
+    mode,
+    renderWeekLabel,
+    ...others
+  } = props;
+  const getStyles = useStyles({
+    name: __staticSelector,
+    classes,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver,
+    attributes,
+    rootSelector: "weekView"
+  });
+  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi({
+    classNames,
+    styles,
+    props
+  });
+  const stylesApiProps = {
+    classNames: resolvedClassNames,
+    styles: resolvedStyles,
+    attributes,
+    __staticSelector,
+    radius
+  };
+  const [scrolled, setScrolled] = useState(false);
+  const ctx = useDatesContext();
+  const slots = getDayTimeIntervals({ startTime, endTime, intervalMinutes });
+  const dragDrop = useDragDropHandlers({
+    enabled: withEventsDragAndDrop,
+    mode,
+    onEventDrop,
+    canDragEvent,
+    onEventDragStart,
+    onEventDragEnd,
+    calculateDropTarget: (target, draggedEvent) => {
+      const slotTime = slots[target.slotIndex].startTime;
+      return calculateDropTime({
+        draggedEvent,
+        targetDate: target.day,
+        targetSlotTime: slotTime,
+        intervalMinutes
+      });
+    }
+  });
+  const allDayDragDrop = useDragDropHandlers({
+    enabled: withEventsDragAndDrop,
+    mode,
+    onEventDrop,
+    canDragEvent,
+    onEventDragStart,
+    onEventDragEnd,
+    calculateDropTarget: (targetDay, draggedEvent) => {
+      const eventDuration = dayjs(draggedEvent.end).diff(dayjs(draggedEvent.start), "millisecond");
+      const newStart = dayjs(targetDay).startOf("day");
+      return { start: newStart.toDate(), end: newStart.add(eventDuration, "millisecond").toDate() };
+    }
+  });
+  const slotDragSelect = useSlotDragSelect({
+    enabled: withDragSlotSelect && mode !== "static",
+    onDragEnd: (startIndex, endIndex, group) => {
+      if (!onSlotDragEnd) {
+        return;
+      }
+      const slotDate = dayjs(group).format("YYYY-MM-DD");
+      onSlotDragEnd(
+        `${slotDate} ${slots[startIndex].startTime}`,
+        `${slotDate} ${slots[endIndex].endTime}`
+      );
+    }
+  });
+  const handleSlotDragOver = (e, day, slotIndex) => {
+    dragDrop.handleDragOver(e, { day, slotIndex });
+  };
+  const handleSlotDrop = (e, day, _slotTime, slotIndex) => {
+    dragDrop.handleDrop(e, { day, slotIndex });
+  };
+  const handleTimeSlotClick = (day, slotTime, e) => {
+    if (!onTimeSlotClick) {
+      return;
+    }
+    const slotDate = dayjs(day).format("YYYY-MM-DD");
+    const slotIndex = slots.findIndex((s) => s.startTime === slotTime);
+    if (slotIndex === -1) {
+      return;
+    }
+    const slot = slots[slotIndex];
+    onTimeSlotClick(`${slotDate} ${slot.startTime}`, `${slotDate} ${slot.endTime}`, e);
+  };
+  const weekEvents = getWeekViewEvents({
+    date,
+    events,
+    startTime,
+    endTime,
+    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),
+    weekendDays: ctx.getWeekendDays(weekendDays),
+    withWeekendDays
+  });
+  const timeValues = slots.map((interval) => {
+    const intervalTime = dayjs(`${dayjs(date).format("YYYY-MM-DD")} ${interval.startTime}`);
+    const label = formatDate({
+      date: intervalTime,
+      locale: ctx.getLocale(locale),
+      format: slotLabelFormat
+    });
+    return /* @__PURE__ */ createElement(
+      Box,
+      {
+        ...getStyles("weekViewSlotLabel"),
+        key: interval.startTime,
+        mod: {
+          "hour-start": interval.isHourStart,
+          ...getBusinessHoursMod({
+            time: interval.startTime,
+            businessHours,
+            highlightBusinessHours
+          })
+        }
+      },
+      label
+    );
+  });
+  const weekdays = getWeekDays({
+    week: date,
+    withWeekendDays,
+    weekendDays: ctx.getWeekendDays(weekendDays),
+    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek)
+  });
+  const slotsRef = useRef([]);
+  const allDaySlotsRef = useRef([]);
+  const weekdaysRef = useRef([]);
+  const firstSlotIndex = { dayIndex: 0, slotIndex: 0 };
+  const handleSlotKeyDown = (event, dayIndex, slotIndex) => {
+    handleWeekViewKeyDown({
+      controlsRef: slotsRef,
+      dayIndex,
+      slotIndex,
+      event
+    });
+  };
+  const handleAllDaySlotKeyDown = (event, dayIndex) => {
+    const direction = event.key;
+    if (direction === "ArrowRight" && dayIndex < weekdays.length - 1) {
+      event.preventDefault();
+      allDaySlotsRef.current[dayIndex + 1]?.focus();
+    } else if (direction === "ArrowLeft" && dayIndex > 0) {
+      event.preventDefault();
+      allDaySlotsRef.current[dayIndex - 1]?.focus();
+    } else if (direction === "ArrowDown") {
+      event.preventDefault();
+      slotsRef.current?.[dayIndex]?.[0]?.focus();
+    }
+  };
+  const handleWeekdayKeyDown = (event, dayIndex) => {
+    const direction = event.key;
+    if (direction === "ArrowRight" && dayIndex < weekdays.length - 1) {
+      event.preventDefault();
+      weekdaysRef.current[dayIndex + 1]?.focus();
+    } else if (direction === "ArrowLeft" && dayIndex > 0) {
+      event.preventDefault();
+      weekdaysRef.current[dayIndex - 1]?.focus();
+    }
+  };
+  const currentWeekdayIndex = withCurrentTimeIndicator ? weekdays.findIndex((day) => dayjs(day).isSame(dayjs(), "date")) : -1;
+  const weekdaysLabels = weekdays.map((day, dayIndex) => /* @__PURE__ */ createElement(
+    UnstyledButton,
+    {
+      ...getStyles("weekViewDayLabel"),
+      key: day,
+      ref: (node) => {
+        weekdaysRef.current[dayIndex] = node;
+      },
+      "aria-label": `${getLabel("weekday", labels)} ${dayjs(day).format("YYYY-MM-DD")}`,
+      mod: {
+        today: dayjs(day).isSame(dayjs(), "day") && !!highlightToday,
+        weekend: ctx.getWeekendDays(weekendDays).includes(dayjs(day).day()),
+        static: mode === "static"
+      },
+      tabIndex: mode === "static" ? -1 : dayIndex === 0 ? 0 : -1,
+      onKeyDown: mode === "static" ? void 0 : (event) => handleWeekdayKeyDown(event, dayIndex),
+      onClick: mode === "static" ? void 0 : () => {
+        onViewChange?.("day");
+        onDateChange?.(toDateString(day));
+      }
+    },
+    /* @__PURE__ */ createElement(Box, { ...getStyles("weekViewDayWeekday"), key: "weekday" }, formatDate({ locale: ctx.getLocale(locale), date: day, format: weekdayFormat })),
+    /* @__PURE__ */ createElement("div", { ...getStyles("weekViewDayNumber"), key: "date" }, dayjs(day).date())
+  ));
+  const days = weekdays.map((day, dayIndex) => {
+    const dayEvents = (weekEvents.regularEvents[day] || []).map((event) => {
+      const eventIsAllDay = isAllDayEvent({ event, date: day });
+      const isDraggable = !eventIsAllDay && dragDrop.isDraggableEvent(event);
+      return /* @__PURE__ */ jsx(
+        ScheduleEvent,
+        {
+          event,
+          autoSize: true,
+          hanging: event.position.hanging,
+          draggable: isDraggable,
+          renderEventBody,
+          renderEvent,
+          radius,
+          mode,
+          onClick: onEventClick ? (e) => onEventClick(event, e) : void 0,
+          style: {
+            position: "absolute",
+            top: `calc(${event.position.top}% + 1px)`,
+            left: `${event.position.offset}%`,
+            width: `${event.position.width}%`,
+            height: `calc(${event.position.height}% - 1px)`
+          }
+        },
+        event.id
+      );
+    });
+    return /* @__PURE__ */ jsx(
+      WeekViewDay,
+      {
+        day,
+        dayIndex,
+        slots,
+        getStyles,
+        weekendDays,
+        highlightBusinessHours,
+        businessHours,
+        labels,
+        withEventsDragAndDrop,
+        mode,
+        slotsRef,
+        firstSlotIndex,
+        onSlotKeyDown: handleSlotKeyDown,
+        onSlotClick: handleTimeSlotClick,
+        onFirstSlotArrowUp: withAllDaySlots ? (dayIdx) => {
+          allDaySlotsRef.current[dayIdx]?.focus();
+        } : void 0,
+        onSlotDragOver: handleSlotDragOver,
+        onSlotDragLeave: dragDrop.handleDragLeave,
+        onSlotDrop: (e, dayStr, slotTime) => {
+          const slotIndex = slots.findIndex((s) => s.startTime === slotTime);
+          handleSlotDrop(e, dayStr, slotTime, slotIndex);
+        },
+        dropTargetSlotIndex: dragDrop.dropTarget?.day === day ? dragDrop.dropTarget.slotIndex : void 0,
+        withDragSlotSelect,
+        onSlotPointerDown: slotDragSelect.handleSlotPointerDown,
+        isSlotDragSelected: slotDragSelect.isSlotSelected,
+        children: dayEvents
+      },
+      day
+    );
+  });
+  const allDaySlots = weekdays.map((day, dayIndex) => /* @__PURE__ */ jsx(
+    UnstyledButton,
+    {
+      "aria-label": `${getLabel("allDay", labels)} ${dayjs(day).format("YYYY-MM-DD")}`,
+      ref: (node) => {
+        allDaySlotsRef.current[dayIndex] = node;
+      },
+      tabIndex: dayIndex === 0 ? 0 : -1,
+      onKeyDown: (event) => handleAllDaySlotKeyDown(event, dayIndex),
+      onClick: mode === "static" || !onAllDaySlotClick ? void 0 : (e) => onAllDaySlotClick(dayjs(day).format("YYYY-MM-DD"), e),
+      onDragOver: withEventsDragAndDrop && mode !== "static" ? (e) => allDayDragDrop.handleDragOver(e, day) : void 0,
+      onDragLeave: withEventsDragAndDrop && mode !== "static" ? allDayDragDrop.handleDragLeave : void 0,
+      onDrop: withEventsDragAndDrop && mode !== "static" ? (e) => allDayDragDrop.handleDrop(e, day) : void 0,
+      ...getStyles("weekViewDaySlot"),
+      mod: { "drop-target": allDayDragDrop.isDropTarget(day) }
+    },
+    day
+  ));
+  const allDayEventIds = useMemo(
+    () => new Set(weekEvents.allDayEvents.map((e) => e.id)),
+    [weekEvents.allDayEvents]
+  );
+  const allDayEvents = weekEvents.allDayEvents.map((event) => /* @__PURE__ */ jsx(
+    ScheduleEvent,
+    {
+      event,
+      autoSize: true,
+      nowrap: true,
+      hanging: event.position.hanging,
+      draggable: allDayDragDrop.isDraggableEvent(event),
+      renderEvent,
+      mode,
+      onClick: onEventClick ? (e) => onEventClick(event, e) : void 0,
+      style: {
+        position: "absolute",
+        zIndex: 2,
+        top: `calc(${event.position.row * 50}% + 1px)`,
+        left: `calc(${event.position.offset}% + 1px)`,
+        width: `calc(${event.position.width}% - 1px)`,
+        height: "calc(50% - 2px)",
+        maxHeight: "calc(50% - 2px)"
+      }
+    },
+    event.id
+  ));
+  const extraRows = Math.max(...weekEvents.allDayEvents.map((event) => event.position.row), 1) - 1;
+  const content = /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ...getStyles("weekView"),
+      mod: { static: mode === "static", "slot-dragging": slotDragSelect.isDragging },
+      ...others,
+      children: [
+        withHeader && /* @__PURE__ */ jsx(
+          ScheduleHeaderBase,
+          {
+            view: "week",
+            navigationHandlers: {
+              previous: () => previousWeek(date, ctx.getFirstDayOfWeek(firstDayOfWeek)),
+              next: () => nextWeek(date, ctx.getFirstDayOfWeek(firstDayOfWeek)),
+              today: () => toDateString(dayjs())
+            },
+            control: {
+              miw: 140,
+              title: getWeekLabel({
+                weekdays,
+                locale: ctx.getLocale(locale),
+                weekLabelFormat,
+                renderWeekLabel
+              })
+            },
+            labels,
+            onDateChange,
+            onViewChange,
+            previousControlProps,
+            nextControlProps,
+            todayControlProps,
+            viewSelectProps,
+            stylesApiProps
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            ...getStyles("weekViewRoot"),
+            __vars: {
+              "--indicator-offset-index": currentWeekdayIndex === -1 ? void 0 : `${currentWeekdayIndex + 1}`,
+              "--number-of-days": withWeekendDays ? "7" : `${7 - ctx.getWeekendDays(weekendDays).length}`
+            },
+            mod: { "with-weekends": withWeekendDays },
+            children: /* @__PURE__ */ jsxs(
+              ScrollArea.Autosize,
+              {
+                scrollbarSize: 4,
+                ...scrollAreaProps,
+                ...getStyles("weekViewScrollArea", {
+                  className: scrollAreaProps?.className,
+                  style: scrollAreaProps?.style
+                }),
+                onScrollPositionChange: (position) => {
+                  scrollAreaProps?.onScrollPositionChange?.(position);
+                  setScrolled(position.y !== 0);
+                },
+                children: [
+                  /* @__PURE__ */ jsxs(Box, { ...getStyles("weekViewHeader"), mod: { scrolled }, children: [
+                    /* @__PURE__ */ createElement("div", { ...getStyles("weekViewCorner"), key: "corner" }, withWeekNumber && /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx("div", { ...getStyles("weekViewWeekLabel"), children: getLabel("week", labels) }),
+                      /* @__PURE__ */ jsx("div", { ...getStyles("weekViewWeekNumber"), children: getWeekNumber(date) })
+                    ] })),
+                    weekdaysLabels
+                  ] }),
+                  withAllDaySlots && /* @__PURE__ */ jsxs("div", { ...getStyles("weekViewAllDaySlots"), children: [
+                    /* @__PURE__ */ jsx("div", { ...getStyles("weekViewAllDaySlotsLabel"), children: getLabel("allDay", labels) }),
+                    /* @__PURE__ */ jsxs("div", { ...getStyles("weekViewAllDaySlotsList"), children: [
+                      /* @__PURE__ */ jsx(
+                        Box,
+                        {
+                          ...getStyles("weekViewAllDaySlotsEvents"),
+                          __vars: { "--extra-rows": `${extraRows}` },
+                          children: allDayEvents
+                        }
+                      ),
+                      allDaySlots
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { ...getStyles("weekViewInner"), children: [
+                    /* @__PURE__ */ jsx("div", { ...getStyles("weekViewSlotLabels"), children: timeValues }),
+                    withCurrentTimeIndicator && currentWeekdayIndex !== -1 && /* @__PURE__ */ jsx(
+                      CurrentTimeIndicator,
+                      {
+                        startOffset: "calc(100% - (100% / var(--number-of-days)) * (var(--number-of-days) - var(--indicator-offset-index) + 1) + ((var(--number-of-days) - var(--indicator-offset-index) + 1) * var(--indicator-labels-offset)))",
+                        endOffset: "calc((100% / var(--number-of-days)) * (var(--number-of-days) - var(--indicator-offset-index)) - (var(--number-of-days) - var(--indicator-offset-index)) * var(--indicator-labels-offset))",
+                        timeBubbleStartOffset: "calc(var(--week-view-slots-label-width) - var(--time-bubble-width))",
+                        currentTimeFormat: slotLabelFormat,
+                        withTimeBubble: withCurrentTimeBubble,
+                        withThumb: withCurrentTimeBubble ? currentWeekdayIndex !== 0 : true,
+                        locale,
+                        startTime,
+                        endTime,
+                        ...stylesApiProps
+                      }
+                    ),
+                    days
+                  ] })
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+  const mergedDragContextValue = useMemo(
+    () => ({
+      isDragging: dragDrop.dragContextValue.isDragging || allDayDragDrop.dragContextValue.isDragging,
+      draggedEventId: dragDrop.dragContextValue.draggedEventId ?? allDayDragDrop.dragContextValue.draggedEventId,
+      draggedEvent: dragDrop.dragContextValue.draggedEvent ?? allDayDragDrop.dragContextValue.draggedEvent,
+      dropTarget: dragDrop.dragContextValue.dropTarget ?? allDayDragDrop.dragContextValue.dropTarget,
+      onDragStart: (event) => {
+        if (allDayEventIds.has(event.id)) {
+          allDayDragDrop.handleDragStart(event);
+        } else {
+          dragDrop.handleDragStart(event);
+        }
+      },
+      onDragEnd: () => {
+        dragDrop.handleDragEnd();
+        allDayDragDrop.handleDragEnd();
+      },
+      setDropTarget: dragDrop.dragContextValue.setDropTarget
+    }),
+    [dragDrop.dragContextValue, allDayDragDrop.dragContextValue, allDayEventIds]
+  );
+  if (withEventsDragAndDrop) {
+    return /* @__PURE__ */ jsx(DragContext.Provider, { value: mergedDragContextValue, children: content });
+  }
+  return content;
+});
+WeekView.displayName = "@mantine/schedule/WeekView";
+WeekView.classes = classes;
+WeekView.varsResolver = varsResolver;
+
+export { WeekView };
+//# sourceMappingURL=WeekView.mjs.map