@mantine/schedule 9.5.1 → 9.6.0

package/esm/components/ResourcesWeekView/ResourcesWeekView.mjs

@@ -9,6 +9,7 @@ import { previousWeek } from "../../utils/previous-week/previous-week.mjs";
 import { getCurrentTimePosition } from "../../utils/get-current-time-position/get-current-time-position.mjs";
 import { isInTimeRange } from "../../utils/is-in-time-range/is-in-time-range.mjs";
 import { isAllDayEvent } from "../../utils/is-all-day-event/is-all-day-event.mjs";
+import { getDayPosition } from "../../utils/get-day-position/get-day-position.mjs";
 import { getTimeAxisEventStyle } from "../../utils/get-time-axis-event-style/get-time-axis-event-style.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";
@@ -21,6 +22,7 @@ import { useSlotDragSelect } from "../../hooks/use-slot-drag-select.mjs";
 import { DragContext } from "../DragContext/DragContext.mjs";
 import { ScheduleEvent } from "../ScheduleEvent/ScheduleEvent.mjs";
 import { MoreEvents } from "../MoreEvents/MoreEvents.mjs";
+import { ScheduleBackgroundEvent } from "../ScheduleBackgroundEvent/ScheduleBackgroundEvent.mjs";
 import { ScheduleHeaderBase } from "../ScheduleHeader/ScheduleHeaderBase.mjs";
 import { getWeekLabel } from "../WeekView/get-week-label/get-week-label.mjs";
 import { useHorizontalEventResize } from "../../hooks/use-horizontal-event-resize.mjs";
@@ -29,8 +31,8 @@ import { getResourcesWeekViewEvents } from "./get-resources-week-view-events/get
 import { ResourcesWeekViewRow } from "./ResourcesWeekViewRow.mjs";
 import ResourcesWeekView_module_default from "./ResourcesWeekView.module.mjs";
 import dayjs from "dayjs";
-import { Box, ScrollArea, createVarsResolver, factory, getRadius, rem, useMantineTheme, useProps, useResolvedStylesApi, useStyles } from "@mantine/core";
-import { useInterval, useIsomorphicEffect, useMergedRef } from "@mantine/hooks";
+import { Box, ScrollArea, createVarsResolver, factory, getRadius, rem, useDirection, useMantineTheme, useProps, useResolvedStylesApi, useStyles } from "@mantine/core";
+import { useInterval, useIsomorphicEffect, useMergedRef, useMounted } from "@mantine/hooks";
 import { createElement, useCallback, useMemo, useRef, useState } from "react";
 import { useDatesContext } from "@mantine/dates";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -54,7 +56,8 @@ const defaultProps = {
 	withCurrentTimeBubble: true,
 	highlightToday: true,
 	mode: "default",
-	maxEventsPerTimeSlot: 2
+	maxEventsPerTimeSlot: 2,
+	withInteractiveBackgroundEvents: false
 };
 const varsResolver = createVarsResolver((_theme, { radius, slotWidth, rowHeight, groupLabelWidth }) => ({ resourcesWeekView: {
 	"--resources-week-view-radius": radius ? getRadius(radius) : void 0,
@@ -64,7 +67,7 @@ const varsResolver = createVarsResolver((_theme, { radius, slotWidth, rowHeight,
 } }));
 const ResourcesWeekView = factory((_props) => {
 	const props = useProps("ResourcesWeekView", defaultProps, _props);
-	const { classNames, className, style, styles, unstyled, attributes, vars, startTime, endTime, date, onDateChange, resources, intervalMinutes, minEventSize, slotLabelFormat, radius, startScrollDateTime, scrollAreaProps, locale, withCurrentTimeIndicator: _withCurrentTimeIndicator, withCurrentTimeBubble, getCurrentTime, __staticSelector, withHeader, onViewChange, previousControlProps, nextControlProps, todayControlProps, viewSelectProps, weekLabelFormat, renderWeekLabel, events, slotWidth, rowHeight, labels, highlightBusinessHours, businessHours, renderEventBody, renderEvent, renderResourceLabel, groups, renderGroupLabel, groupLabelWidth, withEventsDragAndDrop, onEventDrop, canDragEvent, onEventDragStart, onEventDragEnd, withEventResize, onEventResize, canResizeEvent, onTimeSlotClick, onEventClick, withDragSlotSelect, onSlotDragEnd, mode, onExternalEventDrop, recurrenceExpansionLimit, maxEventsPerTimeSlot: _maxEventsPerTimeSlot, moreEventsProps, firstDayOfWeek, weekendDays, withWeekendDays, weekdayFormat, highlightToday, ...others } = props;
+	const { classNames, className, style, styles, unstyled, attributes, vars, startTime, endTime, date, onDateChange, resources, intervalMinutes, minEventSize, slotLabelFormat, radius, startScrollDateTime, scrollAreaProps, locale, withCurrentTimeIndicator: _withCurrentTimeIndicator, withCurrentTimeBubble, getCurrentTime, __staticSelector, withHeader, onViewChange, previousControlProps, nextControlProps, todayControlProps, viewSelectProps, weekLabelFormat, renderWeekLabel, events, slotWidth, rowHeight, labels, highlightBusinessHours, businessHours, renderEventBody, renderEvent, renderResourceLabel, groups, renderGroupLabel, groupLabelWidth, withEventsDragAndDrop, onEventDrop, canDragEvent, eventDragInterval, onEventDragStart, onEventDragEnd, withEventResize, onEventResize, canResizeEvent, eventResizeInterval, onTimeSlotClick, onEventClick, withInteractiveBackgroundEvents, withDragSlotSelect, onSlotDragEnd, mode, onExternalEventDrop, recurrenceExpansionLimit, maxEventsPerTimeSlot: _maxEventsPerTimeSlot, moreEventsProps, firstDayOfWeek, weekendDays, withWeekendDays, weekdayFormat, highlightToday, ...others } = props;
 	const maxEventsPerTimeSlot = _maxEventsPerTimeSlot !== void 0 ? Math.max(1, _maxEventsPerTimeSlot) : void 0;
 	const getStyles = useStyles({
 		name: __staticSelector,
@@ -93,6 +96,7 @@ const ResourcesWeekView = factory((_props) => {
 		radius
 	};
 	const theme = useMantineTheme();
+	const { dir } = useDirection();
 	const [scrolled, setScrolled] = useState(false);
 	const [scrolledX, setScrolledX] = useState(false);
 	const ctx = useDatesContext();
@@ -120,6 +124,7 @@ const ResourcesWeekView = factory((_props) => {
 	const now = resolveNow();
 	const isToday = weekdays.some((day) => dayjs(day).isSame(now, "day"));
 	const withCurrentTimeIndicator = _withCurrentTimeIndicator ?? isToday;
+	const mounted = useMounted();
 	const [, setTimeIndicatorTick] = useState(0);
 	useInterval(() => setTimeIndicatorTick((tick) => tick + 1), 6e4, { autoInvoke: true });
 	const timeIndicatorOffset = getCurrentTimePosition({
@@ -129,7 +134,7 @@ const ResourcesWeekView = factory((_props) => {
 		now
 	});
 	const todayDayIndex = weekdays.findIndex((day) => dayjs(day).isSame(now, "day"));
-	const showTimeIndicator = withCurrentTimeIndicator && todayDayIndex >= 0 && isInTimeRange({
+	const showTimeIndicator = mounted && withCurrentTimeIndicator && todayDayIndex >= 0 && isInTimeRange({
 		date: now.toDate(),
 		startTime,
 		endTime
@@ -139,49 +144,101 @@ const ResourcesWeekView = factory((_props) => {
 		date: now,
 		format: slotLabelFormat
 	}) : "";
+	const dragOffsetRef = useRef({
+		offset: 0,
+		size: 0
+	});
 	const handleExternalDrop = useCallback((e, target) => {
 		if (!onExternalEventDrop) return;
 		const dayIndex = Math.floor(target.slotIndex / totalSlotsPerDay);
 		const slotInDay = target.slotIndex % totalSlotsPerDay;
 		const slotDay = weekdays[dayIndex];
-		if (slotDay) onExternalEventDrop({
-			dataTransfer: e.dataTransfer,
-			dropDateTime: `${dayjs(slotDay).format("YYYY-MM-DD")} ${slots[slotInDay].startTime}`,
-			resourceId: target.resourceId
-		});
+		if (slotDay) {
+			const slotDate = dayjs(slotDay).format("YYYY-MM-DD");
+			const slotTime = slots[slotInDay].startTime;
+			let dropDateTime = `${slotDate} ${slotTime}`;
+			if (eventDragInterval != null) {
+				const { start } = calculateDropTime({
+					draggedEvent: {
+						start: dropDateTime,
+						end: dropDateTime
+					},
+					targetDate: slotDate,
+					targetSlotTime: slotTime,
+					intervalMinutes,
+					dragIntervalMinutes: eventDragInterval,
+					slotOffset: dragOffsetRef.current.offset,
+					slotSize: dragOffsetRef.current.size,
+					startTime,
+					endTime
+				});
+				dropDateTime = dayjs(start).format("YYYY-MM-DD HH:mm:ss");
+			}
+			onExternalEventDrop({
+				dataTransfer: e.dataTransfer,
+				dropDateTime,
+				resourceId: target.resourceId
+			});
+		}
 	}, [
 		onExternalEventDrop,
 		slots,
 		weekdays,
-		totalSlotsPerDay
+		totalSlotsPerDay,
+		eventDragInterval,
+		intervalMinutes,
+		startTime,
+		endTime
 	]);
 	const lastDropResourceId = useRef(void 0);
+	const getDropTimeForSlot = (target, draggedEvent) => {
+		const dayIndex = Math.floor(target.slotIndex / totalSlotsPerDay);
+		const slotInDay = target.slotIndex % totalSlotsPerDay;
+		const slotTime = slots[slotInDay].startTime;
+		const targetDay = weekdays[dayIndex] || weekdays[0];
+		return calculateDropTime({
+			draggedEvent,
+			targetDate: targetDay,
+			targetSlotTime: slotTime,
+			intervalMinutes,
+			dragIntervalMinutes: eventDragInterval,
+			slotOffset: eventDragInterval == null ? void 0 : dragOffsetRef.current.offset,
+			slotSize: eventDragInterval == null ? void 0 : dragOffsetRef.current.size,
+			startTime,
+			endTime
+		});
+	};
+	const handleInternalEventDrop = useCallback((data) => {
+		onEventDrop?.({
+			...data,
+			resourceId: lastDropResourceId.current
+		});
+	}, [onEventDrop]);
 	const dragDrop = useDragDropHandlers({
 		enabled: withEventsDragAndDrop,
 		mode,
-		onEventDrop: useCallback((data) => {
-			onEventDrop?.({
-				...data,
-				resourceId: lastDropResourceId.current
-			});
-		}, [onEventDrop]),
+		onEventDrop: handleInternalEventDrop,
 		canDragEvent,
 		onEventDragStart,
 		onEventDragEnd,
 		calculateDropTarget: (target, draggedEvent) => {
 			lastDropResourceId.current = target.resourceId;
-			const dayIndex = Math.floor(target.slotIndex / totalSlotsPerDay);
-			const slotInDay = target.slotIndex % totalSlotsPerDay;
-			const slotTime = slots[slotInDay].startTime;
-			return calculateDropTime({
-				draggedEvent,
-				targetDate: weekdays[dayIndex] || weekdays[0],
-				targetSlotTime: slotTime,
-				intervalMinutes
-			});
+			return getDropTimeForSlot(target, draggedEvent);
 		},
 		onExternalDrop: onExternalEventDrop ? handleExternalDrop : void 0
 	});
+	const updateDragPreview = (target) => {
+		const draggedEvent = dragDrop.dragContextValue.draggedEvent;
+		if (eventDragInterval == null || !draggedEvent) return;
+		const { start, end } = getDropTimeForSlot(target, draggedEvent);
+		const newStart = dayjs(start).format("YYYY-MM-DD HH:mm:ss");
+		if (dragDrop.dragPreview?.start !== newStart || dragDrop.dragPreview?.target.resourceId !== target.resourceId) dragDrop.setDragPreview({
+			start: newStart,
+			end: dayjs(end).format("YYYY-MM-DD HH:mm:ss"),
+			target
+		});
+	};
+	const suppressDropHighlight = eventDragInterval != null && dragDrop.dragContextValue.isDragging;
 	const groupToResourceId = useMemo(() => getGroupToResourceIdMap(resources), [resources]);
 	const slotDragSelect = useSlotDragSelect({
 		enabled: withDragSlotSelect && mode !== "static",
@@ -206,6 +263,7 @@ const ResourcesWeekView = factory((_props) => {
 		startTime,
 		endTime,
 		intervalMinutes,
+		resizeIntervalMinutes: eventResizeInterval,
 		onEventResize,
 		canResizeEvent
 	});
@@ -259,8 +317,10 @@ const ResourcesWeekView = factory((_props) => {
 		}));
 	});
 	const timeLabels = weekdays.flatMap((day) => slots.map((interval) => {
+		const dayStr = dayjs(day).format("YYYY-MM-DD");
+		const intervalTime = dayjs(`${dayStr} ${interval.startTime}`);
 		const label = formatDate({
-			date: dayjs(`${dayjs(day).format("YYYY-MM-DD")} ${interval.startTime}`),
+			date: intervalTime,
 			locale: ctx.getLocale(locale),
 			format: slotLabelFormat
 		});
@@ -309,8 +369,20 @@ const ResourcesWeekView = factory((_props) => {
 		});
 	}, []);
 	const getSlotIndexFromDragPoint = useCallback((event, resourceIndex) => {
-		return getIndexFromDragPoint(slotsRef.current[resourceIndex] ?? [], event.clientX);
-	}, []);
+		const daySlots = slotsRef.current[resourceIndex] ?? [];
+		const index = getIndexFromDragPoint(daySlots, event.clientX);
+		if (index !== null) {
+			const rect = daySlots[index]?.getBoundingClientRect();
+			if (rect) {
+				const rawOffset = dir === "rtl" ? rect.right - event.clientX : event.clientX - rect.left;
+				dragOffsetRef.current = {
+					offset: Math.max(0, Math.min(rect.width, rawOffset)),
+					size: rect.width
+				};
+			}
+		}
+		return index;
+	}, [dir]);
 	const handleSlotKeyDown = (event, resourceIndex, slotIndex) => {
 		handleResourcesGridKeyDown({
 			controlsRef: slotsRef,
@@ -320,6 +392,7 @@ const ResourcesWeekView = factory((_props) => {
 		});
 	};
 	const dayWidthPercent = 100 / weekdays.length;
+	const interactiveBackgroundEvents = withInteractiveBackgroundEvents && mode !== "static";
 	const rows = orderedResources.map((resource, resourceIndex) => {
 		const eventNodes = [];
 		const resourceAllDayBars = weekViewEvents.allDayBars[resource.id] ?? [];
@@ -329,31 +402,19 @@ const ResourcesWeekView = factory((_props) => {
 			if (!dayEvents) return;
 			const dayOffsetPercent = dayIndex / weekdays.length * 100;
 			const bgEvents = [...dayEvents.backgroundTimedEvents[resource.id] || [], ...dayEvents.backgroundAllDayEvents[resource.id] || []];
-			for (const event of bgEvents) {
-				const colors = theme.variantColorResolver({
-					color: event.color || theme.primaryColor,
-					theme,
-					variant: "light",
-					autoContrast: true
-				});
-				const bgEventBody = typeof renderEventBody === "function" ? renderEventBody(event) : event.title;
-				const bgEventProps = {
-					key: `bg-${event.id}-${day}`,
-					...getStyles("resourcesWeekViewBackgroundEvent", { style: {
-						left: `${dayOffsetPercent + event.position.top / 100 * dayWidthPercent}%`,
-						width: `${event.position.height / 100 * dayWidthPercent}%`,
-						top: 0,
-						height: "100%"
-					} }),
-					__vars: {
-						"--bg-event-bg": colors.background,
-						"--bg-event-color": colors.color
-					},
-					children: bgEventBody
-				};
-				if (typeof renderEvent === "function") eventNodes.push(renderEvent(event, bgEventProps));
-				else eventNodes.push(/* @__PURE__ */ jsx(Box, { ...bgEventProps }));
-			}
+			for (const event of bgEvents) eventNodes.push(/* @__PURE__ */ jsx(ScheduleBackgroundEvent, {
+				event,
+				renderEvent,
+				renderEventBody,
+				interactive: interactiveBackgroundEvents,
+				onEventClick,
+				...getStyles("resourcesWeekViewBackgroundEvent", { style: {
+					left: `${dayOffsetPercent + event.position.top / 100 * dayWidthPercent}%`,
+					width: `${event.position.height / 100 * dayWidthPercent}%`,
+					top: 0,
+					height: "100%"
+				} })
+			}, `bg-${event.id}-${day}`));
 			const allRegularEvents = (dayEvents.regularEvents[resource.id] || []).filter((event) => !isAllDayEvent({
 				event,
 				date: day
@@ -520,7 +581,7 @@ const ResourcesWeekView = factory((_props) => {
 				})
 			}, `all-day-${bar.event.id}-${bar.startDayIndex}`));
 		});
-		return /* @__PURE__ */ jsx(ResourcesWeekViewRow, {
+		return /* @__PURE__ */ jsxs(ResourcesWeekViewRow, {
 			resource,
 			resourceIndex,
 			weekdays,
@@ -537,10 +598,16 @@ const ResourcesWeekView = factory((_props) => {
 			onSlotClick: handleTimeSlotClick,
 			onRowSlotsDragOver: (event, resourceId, resIdx) => {
 				const slotIndex = getSlotIndexFromDragPoint(event, resIdx);
-				if (slotIndex !== null) dragDrop.handleDragOver(event, {
-					resourceId,
-					slotIndex
-				});
+				if (slotIndex !== null) {
+					dragDrop.handleDragOver(event, {
+						resourceId,
+						slotIndex
+					});
+					updateDragPreview({
+						resourceId,
+						slotIndex
+					});
+				}
 			},
 			onRowSlotsDragLeave: dragDrop.handleDragLeave,
 			onRowSlotsDrop: (event, resourceId, resIdx) => {
@@ -550,7 +617,7 @@ const ResourcesWeekView = factory((_props) => {
 					slotIndex
 				});
 			},
-			dropTargetSlotIndex: dragDrop.dropTarget?.resourceId === resource.id ? dragDrop.dropTarget.slotIndex : void 0,
+			dropTargetSlotIndex: !suppressDropHighlight && dragDrop.dropTarget?.resourceId === resource.id ? dragDrop.dropTarget.slotIndex : void 0,
 			withDragSlotSelect,
 			onSlotPointerDown: slotDragSelect.handleSlotPointerDown,
 			isSlotDragSelected: slotDragSelect.isSlotSelected,
@@ -562,7 +629,31 @@ const ResourcesWeekView = factory((_props) => {
 			scrolledX,
 			groupInfo: hasGroups ? resourceGroupMap[resourceIndex] : void 0,
 			allDayCount: maxAllDayCount,
-			children: eventNodes
+			children: [eventNodes, dragDrop.dragPreview?.target.resourceId === resource.id && dragDrop.dragContextValue.draggedEvent && /* @__PURE__ */ jsx(Box, { ...getStyles("resourcesWeekViewDragPreview", { style: (() => {
+				const previewDayIndex = Math.floor(dragDrop.dragPreview.target.slotIndex / totalSlotsPerDay);
+				const { top, height } = getDayPosition({
+					event: {
+						...dragDrop.dragContextValue.draggedEvent,
+						start: dragDrop.dragPreview.start,
+						end: dragDrop.dragPreview.end
+					},
+					startTime,
+					endTime,
+					intervalMinutes
+				});
+				const eventLeft = previewDayIndex / weekdays.length * 100 + top / 100 * dayWidthPercent;
+				const eventWidth = height / 100 * dayWidthPercent;
+				return {
+					position: "absolute",
+					insetBlockStart: 0,
+					insetBlockEnd: 0,
+					...getTimeAxisEventStyle({
+						start: eventLeft,
+						span: eventWidth,
+						axis: "horizontal"
+					})
+				};
+			})() }) })]
 		}, resource.id);
 	});
 	const headerLabel = getWeekLabel({

package/esm/components/ResourcesWeekView/ResourcesWeekView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ResourcesWeekView.mjs","names":["classes"],"sources":["../../../src/components/ResourcesWeekView/ResourcesWeekView.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useCallback, useMemo, useRef, useState } from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  rem,\n  ScrollArea,\n  ScrollAreaProps,\n  StylesApiProps,\n  useMantineTheme,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useInterval, useIsomorphicEffect, useMergedRef } from '@mantine/hooks';\nimport { useDragDropHandlers } from '../../hooks/use-drag-drop-handlers';\nimport { useHorizontalEventResize } from '../../hooks/use-horizontal-event-resize';\nimport { useSlotDragSelect } from '../../hooks/use-slot-drag-select';\nimport { getLabel, ScheduleLabelsOverride } from '../../labels';\nimport {\n  AnyDateValue,\n  DateLabelFormat,\n  DateStringValue,\n  DateTimeStringValue,\n  DayOfWeek,\n  ScheduleEventData,\n  ScheduleMode,\n  ScheduleResourceData,\n  ScheduleResourceGroup,\n  ScheduleViewLevel,\n} from '../../types';\nimport {\n  calculateDropTime,\n  formatDate,\n  getBusinessHoursMod,\n  getCurrentTimePosition,\n  getDayTimeIntervals,\n  getGroupToResourceIdMap,\n  getIndexFromDragPoint,\n  getOrderedResources,\n  getTimeAxisEventStyle,\n  getWeekDays,\n  handleResourcesGridKeyDown,\n  isAllDayEvent,\n  isInTimeRange,\n  nextWeek,\n  previousWeek,\n  ResourcesGridControlsRef,\n  toDateString,\n} from '../../utils';\nimport { DragContext, DragContextValue } from '../DragContext/DragContext';\nimport { MoreEvents, MoreEventsProps, MoreEventsStylesNames } from '../MoreEvents/MoreEvents';\nimport { getOverlapClusters } from '../ResourcesDayView/get-overlap-clusters/get-overlap-clusters';\nimport { RenderEvent, RenderEventBody, ScheduleEvent } from '../ScheduleEvent/ScheduleEvent';\nimport { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader';\nimport { ScheduleHeaderBase } from '../ScheduleHeader/ScheduleHeaderBase';\nimport { ViewSelectProps } from '../ScheduleHeader/ViewSelect/ViewSelect';\nimport { getWeekLabel } from '../WeekView/get-week-label/get-week-label';\nimport { getResourcesWeekViewEvents } from './get-resources-week-view-events/get-resources-week-view-events';\nimport { ResourcesWeekViewRow } from './ResourcesWeekViewRow';\nimport classes from './ResourcesWeekView.module.css';\n\nexport type ResourcesWeekViewStylesNames =\n  | 'resourcesWeekView'\n  | 'resourcesWeekViewRoot'\n  | 'resourcesWeekViewInner'\n  | 'resourcesWeekViewHeaderRows'\n  | 'resourcesWeekViewHeaderContent'\n  | 'resourcesWeekViewDayLabelsRow'\n  | 'resourcesWeekViewDayLabel'\n  | 'resourcesWeekViewTimeLabelsRow'\n  | 'resourcesWeekViewScrollArea'\n  | 'resourcesWeekViewCorner'\n  | 'resourcesWeekViewTimeLabel'\n  | 'resourcesWeekViewResourceLabel'\n  | 'resourcesWeekViewRow'\n  | 'resourcesWeekViewRowSlot'\n  | 'resourcesWeekViewRowSlots'\n  | 'resourcesWeekViewBackgroundEvent'\n  | 'resourcesWeekViewAllDayEvent'\n  | 'resourcesWeekViewCurrentTimeIndicator'\n  | 'resourcesWeekViewCurrentTimeIndicatorLine'\n  | 'resourcesWeekViewCurrentTimeIndicatorThumb'\n  | 'resourcesWeekViewCurrentTimeIndicatorTimeBubble'\n  | 'resourcesWeekViewEventWrapper'\n  | 'resourcesWeekViewResizeHandle'\n  | 'resourcesWeekViewGroupColumn'\n  | 'resourcesWeekViewGroupColumnEmpty'\n  | MoreEventsStylesNames\n  | CombinedScheduleHeaderStylesNames;\n\nexport type ResourcesWeekViewCssVariables = {\n  resourcesWeekView:\n    | '--resources-week-view-radius'\n    | '--resources-week-view-slot-width'\n    | '--resources-week-view-row-height'\n    | '--resources-week-view-group-label-width';\n};\n\nexport interface ResourcesWeekViewProps\n  extends BoxProps, StylesApiProps<ResourcesWeekViewFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n  date: Date | string;\n  onDateChange?: (value: DateStringValue) => void;\n  resources: ScheduleResourceData[];\n  startTime?: string;\n  endTime?: string;\n  /** Number of minutes for each interval in the week view. Must divide evenly into an hour (e.g. `15`, `30`) or be a whole number of hours (e.g. `120`, `240`) @default 60 */\n  intervalMinutes?: number;\n  /** Minimum on-screen size of an event along the time axis, in px. Prevents very short events from collapsing. Larger values make brief events easier to see but extend them past their real start time. @default 1 */\n  minEventSize?: number;\n  slotLabelFormat?: DateLabelFormat;\n  radius?: MantineRadius;\n  /** Date and time to scroll to on initial render, in `YYYY-MM-DD HH:mm:ss` format */\n  startScrollDateTime?: string;\n  scrollAreaProps?: Partial<ScrollAreaProps> & DataAttributes;\n  locale?: string;\n  withCurrentTimeIndicator?: boolean;\n  withCurrentTimeBubble?: boolean;\n\n  /** A function to get the current time, called on every tick. Can be used to display the current time indicator in a different timezone. @default () => dayjs() */\n  getCurrentTime?: () => AnyDateValue;\n\n  withHeader?: boolean;\n  onViewChange?: (view: ScheduleViewLevel) => void;\n  previousControlProps?: React.ComponentProps<'button'> & DataAttributes;\n  nextControlProps?: React.ComponentProps<'button'> & DataAttributes;\n  todayControlProps?: React.ComponentProps<'button'> & DataAttributes;\n  viewSelectProps?: Partial<ViewSelectProps> & DataAttributes;\n  weekLabelFormat?: DateLabelFormat;\n  renderWeekLabel?: (params: {\n    weekStart: DateStringValue;\n    weekEnd: DateStringValue;\n  }) => React.ReactNode;\n  events?: ScheduleEventData[];\n  slotWidth?: React.CSSProperties['width'];\n  rowHeight?: React.CSSProperties['height'];\n  labels?: ScheduleLabelsOverride;\n  highlightBusinessHours?: boolean;\n  businessHours?: [string, string];\n  renderEventBody?: RenderEventBody;\n  renderEvent?: RenderEvent;\n  renderResourceLabel?: (resource: ScheduleResourceData) => React.ReactNode;\n\n  /** List of resource groups to display as a column to the left of resource labels */\n  groups?: ScheduleResourceGroup[];\n\n  /** Function to customize group label rendering */\n  renderGroupLabel?: (group: ScheduleResourceGroup) => React.ReactNode;\n\n  /** Width of the group label column @default 80px */\n  groupLabelWidth?: React.CSSProperties['width'];\n\n  withEventsDragAndDrop?: boolean;\n  onEventDrop?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n    resourceId?: string | number;\n  }) => void;\n  canDragEvent?: (event: ScheduleEventData) => boolean;\n  onEventDragStart?: (event: ScheduleEventData) => void;\n  onEventDragEnd?: () => void;\n  onTimeSlotClick?: (data: {\n    slotStart: DateTimeStringValue;\n    slotEnd: DateTimeStringValue;\n    nativeEvent: React.MouseEvent<HTMLButtonElement>;\n    resourceId?: string | number;\n  }) => void;\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n  withDragSlotSelect?: boolean;\n  onSlotDragEnd?: (data: {\n    rangeStart: DateTimeStringValue;\n    rangeEnd: DateTimeStringValue;\n    resourceId?: string | number;\n  }) => void;\n  mode?: ScheduleMode;\n  onExternalEventDrop?: (data: {\n    dataTransfer: DataTransfer;\n    dropDateTime: DateTimeStringValue;\n    resourceId?: string | number;\n  }) => void;\n\n  /** If true, events can be resized by dragging their left/right edges @default false */\n  withEventResize?: boolean;\n\n  /** Called when event is resized */\n  onEventResize?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n\n  /** Function to determine if event can be resized */\n  canResizeEvent?: (event: ScheduleEventData) => boolean;\n\n  recurrenceExpansionLimit?: number;\n\n  /** Maximum number of events visible per time slot before \"+more\" indicator shows, minimum value is 1 @default 2 */\n  maxEventsPerTimeSlot?: number;\n\n  /** Props passed down to `MoreEvents` component */\n  moreEventsProps?: Partial<MoreEventsProps>;\n\n  firstDayOfWeek?: DayOfWeek;\n  weekendDays?: DayOfWeek[];\n  withWeekendDays?: boolean;\n  weekdayFormat?: DateLabelFormat;\n  highlightToday?: boolean;\n}\n\nexport type ResourcesWeekViewFactory = Factory<{\n  props: ResourcesWeekViewProps;\n  ref: HTMLDivElement;\n  stylesNames: ResourcesWeekViewStylesNames;\n  vars: ResourcesWeekViewCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'ResourcesWeekView',\n  startTime: '00:00:00',\n  endTime: '23:59:59',\n  slotLabelFormat: 'HH:mm',\n  intervalMinutes: 60,\n  minEventSize: 1,\n  withHeader: true,\n  weekLabelFormat: 'MMM DD',\n  weekdayFormat: 'ddd D',\n  highlightBusinessHours: false,\n  businessHours: ['09:00:00', '17:00:00'],\n  withEventsDragAndDrop: false,\n  withEventResize: false,\n  withDragSlotSelect: false,\n  withWeekendDays: true,\n  withCurrentTimeBubble: true,\n  highlightToday: true,\n  mode: 'default',\n  maxEventsPerTimeSlot: 2,\n} satisfies Partial<ResourcesWeekViewProps>;\n\nconst varsResolver = createVarsResolver<ResourcesWeekViewFactory>(\n  (_theme, { radius, slotWidth, rowHeight, groupLabelWidth }) => ({\n    resourcesWeekView: {\n      '--resources-week-view-radius': radius ? getRadius(radius) : undefined,\n      '--resources-week-view-slot-width': rem(slotWidth),\n      '--resources-week-view-row-height': rem(rowHeight),\n      '--resources-week-view-group-label-width': rem(groupLabelWidth),\n    },\n  })\n);\n\nexport const ResourcesWeekView = factory<ResourcesWeekViewFactory>((_props) => {\n  const props = useProps('ResourcesWeekView', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    startTime,\n    endTime,\n    date,\n    onDateChange,\n    resources,\n    intervalMinutes,\n    minEventSize,\n    slotLabelFormat,\n    radius,\n    startScrollDateTime,\n    scrollAreaProps,\n    locale,\n    withCurrentTimeIndicator: _withCurrentTimeIndicator,\n    withCurrentTimeBubble,\n    getCurrentTime,\n    __staticSelector,\n    withHeader,\n    onViewChange,\n    previousControlProps,\n    nextControlProps,\n    todayControlProps,\n    viewSelectProps,\n    weekLabelFormat,\n    renderWeekLabel,\n    events,\n    slotWidth,\n    rowHeight,\n    labels,\n    highlightBusinessHours,\n    businessHours,\n    renderEventBody,\n    renderEvent,\n    renderResourceLabel,\n    groups,\n    renderGroupLabel,\n    groupLabelWidth,\n    withEventsDragAndDrop,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    withEventResize,\n    onEventResize,\n    canResizeEvent,\n    onTimeSlotClick,\n    onEventClick,\n    withDragSlotSelect,\n    onSlotDragEnd,\n    mode,\n    onExternalEventDrop,\n    recurrenceExpansionLimit,\n    maxEventsPerTimeSlot: _maxEventsPerTimeSlot,\n    moreEventsProps,\n    firstDayOfWeek,\n    weekendDays,\n    withWeekendDays,\n    weekdayFormat,\n    highlightToday,\n    ...others\n  } = props;\n\n  const maxEventsPerTimeSlot =\n    _maxEventsPerTimeSlot !== undefined ? Math.max(1, _maxEventsPerTimeSlot) : undefined;\n\n  const getStyles = useStyles<ResourcesWeekViewFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n    attributes,\n    rootSelector: 'resourcesWeekView',\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<ResourcesWeekViewFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  const stylesApiProps = {\n    classNames: resolvedClassNames,\n    styles: resolvedStyles,\n    attributes,\n    __staticSelector,\n    radius,\n  };\n\n  const theme = useMantineTheme();\n  const [scrolled, setScrolled] = useState(false);\n  const [scrolledX, setScrolledX] = useState(false);\n  const ctx = useDatesContext();\n  const slots = getDayTimeIntervals({ startTime, endTime, intervalMinutes });\n  const { orderedResources, groupRanges, resourceGroupMap } = useMemo(\n    () => getOrderedResources(resources, groups),\n    [resources, groups]\n  );\n  const hasGroups = groupRanges.length > 0;\n\n  const weekdays = useMemo(\n    () =>\n      getWeekDays({\n        week: date,\n        withWeekendDays,\n        weekendDays: ctx.getWeekendDays(weekendDays),\n        firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n      }),\n    [date, withWeekendDays, weekendDays, firstDayOfWeek, ctx]\n  );\n\n  const totalSlotsPerDay = slots.length;\n\n  const resolveNow = () => (getCurrentTime ? dayjs(getCurrentTime()) : dayjs());\n  const now = resolveNow();\n  const isToday = weekdays.some((day) => dayjs(day).isSame(now, 'day'));\n  const withCurrentTimeIndicator = _withCurrentTimeIndicator ?? isToday;\n\n  const [, setTimeIndicatorTick] = useState(0);\n  useInterval(() => setTimeIndicatorTick((tick) => tick + 1), 60000, { autoInvoke: true });\n  const timeIndicatorOffset = getCurrentTimePosition({ startTime, endTime, intervalMinutes, now });\n\n  const todayDayIndex = weekdays.findIndex((day) => dayjs(day).isSame(now, 'day'));\n  const showTimeIndicator =\n    withCurrentTimeIndicator &&\n    todayDayIndex >= 0 &&\n    isInTimeRange({ date: now.toDate(), startTime, endTime });\n  const formattedCurrentTime = withCurrentTimeBubble\n    ? formatDate({ locale: ctx.getLocale(locale), date: now, format: slotLabelFormat })\n    : '';\n\n  type DropTargetSlot = { resourceId: string | number; slotIndex: number };\n\n  const handleExternalDrop = useCallback(\n    (e: React.DragEvent, target: DropTargetSlot) => {\n      if (!onExternalEventDrop) {\n        return;\n      }\n      const dayIndex = Math.floor(target.slotIndex / totalSlotsPerDay);\n      const slotInDay = target.slotIndex % totalSlotsPerDay;\n      const slotDay = weekdays[dayIndex];\n      if (slotDay) {\n        onExternalEventDrop({\n          dataTransfer: e.dataTransfer,\n          dropDateTime: `${dayjs(slotDay).format('YYYY-MM-DD')} ${slots[slotInDay].startTime}`,\n          resourceId: target.resourceId,\n        });\n      }\n    },\n    [onExternalEventDrop, slots, weekdays, totalSlotsPerDay]\n  );\n\n  const lastDropResourceId = useRef<string | number | undefined>(undefined);\n\n  const handleInternalEventDrop = useCallback(\n    (data: {\n      eventId: string | number;\n      newStart: DateTimeStringValue;\n      newEnd: DateTimeStringValue;\n      event: ScheduleEventData;\n    }) => {\n      onEventDrop?.({ ...data, resourceId: lastDropResourceId.current });\n    },\n    [onEventDrop]\n  );\n\n  const dragDrop = useDragDropHandlers<DropTargetSlot>({\n    enabled: withEventsDragAndDrop,\n    mode,\n    onEventDrop: handleInternalEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    calculateDropTarget: (target: DropTargetSlot, draggedEvent: ScheduleEventData) => {\n      lastDropResourceId.current = target.resourceId;\n      const dayIndex = Math.floor(target.slotIndex / totalSlotsPerDay);\n      const slotInDay = target.slotIndex % totalSlotsPerDay;\n      const slotTime = slots[slotInDay].startTime;\n      const targetDay = weekdays[dayIndex] || weekdays[0];\n      return calculateDropTime({\n        draggedEvent,\n        targetDate: targetDay,\n        targetSlotTime: slotTime,\n        intervalMinutes,\n      });\n    },\n    onExternalDrop: onExternalEventDrop ? handleExternalDrop : undefined,\n  });\n\n  const groupToResourceId = useMemo(() => getGroupToResourceIdMap(resources), [resources]);\n\n  const slotDragSelect = useSlotDragSelect({\n    enabled: withDragSlotSelect && mode !== 'static',\n    onDragEnd: (startIndex, endIndex, group) => {\n      if (!onSlotDragEnd) {\n        return;\n      }\n      const startDayIndex = Math.floor(startIndex / totalSlotsPerDay);\n      const startSlotInDay = startIndex % totalSlotsPerDay;\n      const endDayIndex = Math.floor(endIndex / totalSlotsPerDay);\n      const endSlotInDay = endIndex % totalSlotsPerDay;\n      const startDay = weekdays[startDayIndex];\n      const endDay = weekdays[endDayIndex];\n      if (startDay && endDay) {\n        onSlotDragEnd({\n          rangeStart: `${dayjs(startDay).format('YYYY-MM-DD')} ${slots[startSlotInDay].startTime}`,\n          rangeEnd: `${dayjs(endDay).format('YYYY-MM-DD')} ${slots[endSlotInDay].endTime}`,\n          resourceId: groupToResourceId.get(group) ?? group,\n        });\n      }\n    },\n  });\n\n  const eventResize = useHorizontalEventResize({\n    enabled: withEventResize,\n    mode,\n    startTime,\n    endTime,\n    intervalMinutes,\n    onEventResize,\n    canResizeEvent,\n  });\n\n  const withDragHandlers = (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== 'static';\n\n  const handleTimeSlotClick = (\n    resourceId: string | number,\n    day: string,\n    slotTime: string,\n    e: React.MouseEvent<HTMLButtonElement>\n  ) => {\n    if (!onTimeSlotClick) {\n      return;\n    }\n    const slotIndex = slots.findIndex((s) => s.startTime === slotTime);\n    if (slotIndex === -1) {\n      return;\n    }\n    const slot = slots[slotIndex];\n    const dayStr = dayjs(day).format('YYYY-MM-DD');\n    onTimeSlotClick({\n      slotStart: `${dayStr} ${slot.startTime}`,\n      slotEnd: `${dayStr} ${slot.endTime}`,\n      nativeEvent: e,\n      resourceId,\n    });\n  };\n\n  const weekViewEvents = useMemo(\n    () =>\n      getResourcesWeekViewEvents({\n        events,\n        resources,\n        weekdays,\n        startTime,\n        endTime,\n        intervalMinutes,\n        expansionLimit: recurrenceExpansionLimit,\n      }),\n    [events, resources, weekdays, startTime, endTime, intervalMinutes, recurrenceExpansionLimit]\n  );\n\n  const dayLabels = weekdays.map((day) => {\n    const d = dayjs(day);\n    const today = d.isSame(now, 'day') && highlightToday;\n    const weekend = ctx.getWeekendDays(weekendDays).includes(d.day() as DayOfWeek);\n\n    return (\n      <Box\n        {...getStyles('resourcesWeekViewDayLabel')}\n        key={day}\n        mod={{ today, weekend }}\n        style={{ width: `calc(var(--resources-week-view-slot-width) * ${totalSlotsPerDay})` }}\n      >\n        {formatDate({ date: d, locale: ctx.getLocale(locale), format: weekdayFormat })}\n      </Box>\n    );\n  });\n\n  const timeLabels = weekdays.flatMap((day) =>\n    slots.map((interval) => {\n      const dayStr = dayjs(day).format('YYYY-MM-DD');\n      const intervalTime = dayjs(`${dayStr} ${interval.startTime}`);\n      const label = formatDate({\n        date: intervalTime,\n        locale: ctx.getLocale(locale),\n        format: slotLabelFormat,\n      });\n\n      return (\n        <Box\n          {...getStyles('resourcesWeekViewTimeLabel')}\n          key={`${day}-${interval.startTime}`}\n          mod={{\n            'hour-start': interval.isHourStart,\n            ...getBusinessHoursMod({\n              time: interval.startTime,\n              businessHours,\n              highlightBusinessHours,\n            }),\n          }}\n        >\n          {label}\n        </Box>\n      );\n    })\n  );\n\n  const slotsRef: ResourcesGridControlsRef = useRef<HTMLButtonElement[][]>([]);\n  const rowSlotsContainersRef = useRef<(HTMLDivElement | null)[]>([]);\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const mergedViewportRef = useMergedRef(viewportRef, scrollAreaProps?.viewportRef);\n\n  const firstSlotIndex = { resourceIndex: 0, slotIndex: 0 };\n\n  useIsomorphicEffect(() => {\n    if (!startScrollDateTime || !viewportRef.current) {\n      return;\n    }\n    const parsed = dayjs(startScrollDateTime);\n    const targetDayStr = parsed.format('YYYY-MM-DD 00:00:00');\n    const targetTime = parsed.format('HH:mm:ss');\n    const dayIndex = weekdays.indexOf(targetDayStr);\n    if (dayIndex < 0) {\n      return;\n    }\n    const slotInDay = slots.findIndex((s) => s.startTime >= targetTime);\n    if (slotInDay < 0) {\n      return;\n    }\n    const flatIndex = dayIndex * totalSlotsPerDay + slotInDay;\n    const firstResourceSlots = slotsRef.current[0];\n    if (!firstResourceSlots || firstResourceSlots.length === 0) {\n      return;\n    }\n    const targetSlot = firstResourceSlots[flatIndex];\n    if (!targetSlot) {\n      return;\n    }\n    const slotRect = targetSlot.getBoundingClientRect();\n    const viewportRect = viewportRef.current.getBoundingClientRect();\n    const cornerEl = viewportRef.current.querySelector(`.${classes.resourcesWeekViewCorner}`);\n    const labelWidth = cornerEl ? cornerEl.getBoundingClientRect().width : 0;\n    viewportRef.current.scrollTo({\n      left: slotRect.left - viewportRect.left - labelWidth,\n      top: 0,\n    });\n  }, []);\n\n  const getSlotIndexFromDragPoint = useCallback((event: React.DragEvent, resourceIndex: number) => {\n    return getIndexFromDragPoint(slotsRef.current[resourceIndex] ?? [], event.clientX);\n  }, []);\n\n  const handleSlotKeyDown = (\n    event: React.KeyboardEvent<HTMLButtonElement>,\n    resourceIndex: number,\n    slotIndex: number\n  ) => {\n    handleResourcesGridKeyDown({\n      controlsRef: slotsRef,\n      resourceIndex,\n      slotIndex,\n      event,\n    });\n  };\n\n  const dayWidthPercent = 100 / weekdays.length;\n\n  const rows = orderedResources.map((resource, resourceIndex) => {\n    const eventNodes: React.ReactNode[] = [];\n    const resourceAllDayBars = weekViewEvents.allDayBars[resource.id] ?? [];\n    const maxAllDayCount = resourceAllDayBars.reduce((max, bar) => Math.max(max, bar.row + 1), 0);\n\n    weekdays.forEach((day, dayIndex) => {\n      const dayEvents = weekViewEvents.byDay[day];\n      if (!dayEvents) {\n        return;\n      }\n\n      const dayOffsetPercent = (dayIndex / weekdays.length) * 100;\n\n      const bgEvents = [\n        ...(dayEvents.backgroundTimedEvents[resource.id] || []),\n        ...(dayEvents.backgroundAllDayEvents[resource.id] || []),\n      ];\n      for (const event of bgEvents) {\n        const colors = theme.variantColorResolver({\n          color: event.color || theme.primaryColor,\n          theme,\n          variant: 'light',\n          autoContrast: true,\n        });\n\n        const bgEventBody =\n          typeof renderEventBody === 'function' ? renderEventBody(event) : event.title;\n\n        const bgEventProps = {\n          key: `bg-${event.id}-${day}`,\n          ...getStyles('resourcesWeekViewBackgroundEvent', {\n            style: {\n              left: `${dayOffsetPercent + (event.position.top / 100) * dayWidthPercent}%`,\n              width: `${(event.position.height / 100) * dayWidthPercent}%`,\n              top: 0,\n              height: '100%',\n            },\n          }),\n          __vars: {\n            '--bg-event-bg': colors.background,\n            '--bg-event-color': colors.color,\n          },\n          children: bgEventBody,\n        };\n\n        if (typeof renderEvent === 'function') {\n          eventNodes.push(renderEvent(event, bgEventProps as any));\n        } else {\n          eventNodes.push(<Box {...bgEventProps} />);\n        }\n      }\n\n      const allRegularEvents = (dayEvents.regularEvents[resource.id] || []).filter(\n        (event) => !isAllDayEvent({ event, date: day })\n      );\n\n      const visibleEvents =\n        maxEventsPerTimeSlot !== undefined\n          ? allRegularEvents.filter((event) => event.position.column < maxEventsPerTimeSlot)\n          : allRegularEvents;\n\n      for (const event of visibleEvents) {\n        const isDraggable = dragDrop.isDraggableEvent(event);\n        const isResizable = eventResize.isResizableEvent(event);\n        const resizePosition = eventResize.getResizePosition(event.id);\n        const isThisEventResizing = resizePosition !== null;\n        const activeEdge =\n          isThisEventResizing && eventResize.resizingEdge ? eventResize.resizingEdge : null;\n\n        const effectiveTop = resizePosition ? resizePosition.left : event.position.top;\n        const effectiveHeight = resizePosition ? resizePosition.width : event.position.height;\n        const eventLeft = dayOffsetPercent + (effectiveTop / 100) * dayWidthPercent;\n        const eventWidth = (effectiveHeight / 100) * dayWidthPercent;\n\n        const eventColors = isResizable\n          ? theme.variantColorResolver({\n              color: event.color || theme.primaryColor,\n              theme,\n              variant: event.variant || 'light',\n              autoContrast: true,\n            })\n          : null;\n\n        const adjustPosition =\n          maxEventsPerTimeSlot !== undefined && event.position.overlaps > maxEventsPerTimeSlot;\n\n        const eventDate = dayjs(day).format('YYYY-MM-DD');\n\n        eventNodes.push(\n          <Box\n            key={`${event.id}-${day}`}\n            {...getStyles('resourcesWeekViewEventWrapper')}\n            __vars={eventColors ? { '--event-color': eventColors.color } : undefined}\n            data-resizing={isThisEventResizing || undefined}\n            style={{\n              ...getTimeAxisEventStyle({\n                start: eventLeft,\n                span: eventWidth,\n                minSize: minEventSize,\n              }),\n              top: adjustPosition\n                ? `calc((100% - 22px) * ${event.position.column} / ${maxEventsPerTimeSlot})`\n                : `${event.position.offset}%`,\n              height: adjustPosition\n                ? `calc((100% - 22px) / ${maxEventsPerTimeSlot})`\n                : `${event.position.width}%`,\n            }}\n          >\n            <ScheduleEvent\n              event={event}\n              autoSize\n              nowrap\n              draggable={isDraggable}\n              isResizing={isThisEventResizing}\n              renderEventBody={renderEventBody}\n              renderEvent={renderEvent}\n              radius={radius}\n              mode={mode}\n              onClick={\n                onEventClick\n                  ? (e) => {\n                      if (!eventResize.wasResizing()) {\n                        onEventClick(event, e);\n                      }\n                    }\n                  : undefined\n              }\n              style={{ width: '100%', height: '100%', padding: 0 }}\n            />\n            {isResizable && mode !== 'static' && (\n              <>\n                <div\n                  {...getStyles('resourcesWeekViewResizeHandle')}\n                  data-edge=\"start\"\n                  data-active={activeEdge === 'start' || undefined}\n                  onPointerDown={(e) => {\n                    const container = rowSlotsContainersRef.current[resourceIndex];\n                    if (container) {\n                      eventResize.handleResizeStart({\n                        event,\n                        edge: 'start',\n                        container,\n                        originalLeft: event.position.top,\n                        originalWidth: event.position.height,\n                        eventDate,\n                        dayIndex,\n                        dayCount: weekdays.length,\n                        pointerEvent: e,\n                      });\n                    }\n                  }}\n                />\n                <div\n                  {...getStyles('resourcesWeekViewResizeHandle')}\n                  data-edge=\"end\"\n                  data-active={activeEdge === 'end' || undefined}\n                  onPointerDown={(e) => {\n                    const container = rowSlotsContainersRef.current[resourceIndex];\n                    if (container) {\n                      eventResize.handleResizeStart({\n                        event,\n                        edge: 'end',\n                        container,\n                        originalLeft: event.position.top,\n                        originalWidth: event.position.height,\n                        eventDate,\n                        dayIndex,\n                        dayCount: weekdays.length,\n                        pointerEvent: e,\n                      });\n                    }\n                  }}\n                />\n              </>\n            )}\n          </Box>\n        );\n      }\n\n      if (maxEventsPerTimeSlot !== undefined) {\n        const clusters = getOverlapClusters(allRegularEvents);\n        for (const cluster of clusters) {\n          const hiddenCount = cluster.filter(\n            (e) => e.position.column >= maxEventsPerTimeSlot\n          ).length;\n\n          if (hiddenCount > 0 && mode !== 'static') {\n            const leftPercent =\n              dayOffsetPercent +\n              (Math.min(...cluster.map((e) => e.position.top)) / 100) * dayWidthPercent;\n            const rightPercent =\n              dayOffsetPercent +\n              (Math.max(...cluster.map((e) => e.position.top + e.position.height)) / 100) *\n                dayWidthPercent;\n\n            eventNodes.push(\n              <MoreEvents\n                key={`more-${resource.id}-${day}-${cluster[0].id}`}\n                events={cluster}\n                moreEventsCount={hiddenCount}\n                mode={mode}\n                labels={labels}\n                renderEventBody={renderEventBody}\n                renderEvent={renderEvent}\n                onEventClick={onEventClick}\n                style={{\n                  position: 'absolute',\n                  left: `calc(${leftPercent}% + 1px)`,\n                  width: `calc(${rightPercent - leftPercent}% - 2px)`,\n                  bottom: 0,\n                  height: '22px',\n                  paddingInline: 4,\n                  zIndex: 4,\n                }}\n                {...stylesApiProps}\n                {...moreEventsProps}\n              />\n            );\n          }\n        }\n      }\n    });\n\n    const stickyLabelOffset = hasGroups\n      ? 'calc(var(--resources-week-view-group-label-width) + var(--resources-week-view-resource-label-width) + 5px)'\n      : 'calc(var(--resources-week-view-resource-label-width) + 5px)';\n\n    resourceAllDayBars.forEach((bar) => {\n      const leftPercent = bar.startDayIndex * dayWidthPercent;\n      const widthPercent = (bar.endDayIndex - bar.startDayIndex + 1) * dayWidthPercent;\n\n      eventNodes.push(\n        <div\n          key={`all-day-${bar.event.id}-${bar.startDayIndex}`}\n          {...getStyles('resourcesWeekViewAllDayEvent', {\n            style: {\n              left: `calc(${leftPercent}% + 1px)`,\n              width: `calc(${widthPercent}% - 2px)`,\n              top: `calc(${bar.row} * (var(--resources-week-view-all-day-height) + 2px) + 2px)`,\n            },\n          })}\n        >\n          <ScheduleEvent\n            event={bar.event}\n            autoSize\n            nowrap\n            renderEventBody={(barEvent) => (\n              <span\n                style={{\n                  position: 'sticky',\n                  insetInlineStart: stickyLabelOffset,\n                  display: 'inline-block',\n                  maxWidth: '100%',\n                  overflow: 'hidden',\n                  textOverflow: 'ellipsis',\n                }}\n              >\n                {renderEventBody ? renderEventBody(barEvent) : barEvent.title}\n              </span>\n            )}\n            renderEvent={renderEvent}\n            radius={radius}\n            mode={mode}\n            onClick={onEventClick ? (e) => onEventClick(bar.event, e) : undefined}\n            style={{ width: '100%', height: '100%', overflow: 'visible' }}\n            styles={{\n              eventInner: {\n                display: 'block',\n                overflow: 'visible',\n                lineHeight: 'var(--resources-week-view-all-day-height)',\n              },\n            }}\n          />\n        </div>\n      );\n    });\n\n    return (\n      <ResourcesWeekViewRow\n        key={resource.id}\n        resource={resource}\n        resourceIndex={resourceIndex}\n        weekdays={weekdays}\n        slots={slots}\n        getStyles={getStyles}\n        labels={labels}\n        highlightBusinessHours={highlightBusinessHours}\n        businessHours={businessHours}\n        withEventsDragAndDrop={withDragHandlers}\n        mode={mode}\n        slotsRef={slotsRef}\n        firstSlotIndex={firstSlotIndex}\n        onSlotKeyDown={handleSlotKeyDown}\n        onSlotClick={handleTimeSlotClick}\n        onRowSlotsDragOver={(event, resourceId, resIdx) => {\n          const slotIndex = getSlotIndexFromDragPoint(event, resIdx);\n          if (slotIndex !== null) {\n            dragDrop.handleDragOver(event, { resourceId, slotIndex });\n          }\n        }}\n        onRowSlotsDragLeave={dragDrop.handleDragLeave}\n        onRowSlotsDrop={(event, resourceId, resIdx) => {\n          const slotIndex = getSlotIndexFromDragPoint(event, resIdx);\n          if (slotIndex !== null) {\n            dragDrop.handleDrop(event, { resourceId, slotIndex });\n          }\n        }}\n        dropTargetSlotIndex={\n          dragDrop.dropTarget?.resourceId === resource.id\n            ? dragDrop.dropTarget.slotIndex\n            : undefined\n        }\n        withDragSlotSelect={withDragSlotSelect}\n        onSlotPointerDown={slotDragSelect.handleSlotPointerDown}\n        isSlotDragSelected={slotDragSelect.isSlotSelected}\n        rowSlotsContainerRef={(node) => {\n          rowSlotsContainersRef.current[resourceIndex] = node;\n        }}\n        renderResourceLabel={renderResourceLabel}\n        renderGroupLabel={renderGroupLabel}\n        scrolledX={scrolledX}\n        groupInfo={hasGroups ? resourceGroupMap[resourceIndex] : undefined}\n        allDayCount={maxAllDayCount}\n      >\n        {eventNodes}\n      </ResourcesWeekViewRow>\n    );\n  });\n\n  const headerLabel = getWeekLabel({\n    weekdays,\n    locale: ctx.getLocale(locale),\n    weekLabelFormat: weekLabelFormat!,\n    renderWeekLabel,\n  });\n\n  const indicatorLeftPercent =\n    todayDayIndex >= 0 ? ((todayDayIndex + timeIndicatorOffset / 100) / weekdays.length) * 100 : 0;\n\n  const content = (\n    <Box\n      {...getStyles('resourcesWeekView')}\n      mod={{\n        static: mode === 'static',\n        'slot-dragging': slotDragSelect.isDragging,\n        resizing: eventResize.isResizing,\n        'event-interaction': eventResize.isResizing || dragDrop.dragContextValue.isDragging,\n      }}\n      {...others}\n    >\n      {withHeader && (\n        <ScheduleHeaderBase\n          view=\"week\"\n          navigationHandlers={{\n            previous: () => previousWeek(date, ctx.getFirstDayOfWeek(firstDayOfWeek)),\n            next: () => nextWeek(date, ctx.getFirstDayOfWeek(firstDayOfWeek)),\n            today: () => toDateString(resolveNow()),\n          }}\n          control={{\n            miw: 180,\n            title: headerLabel,\n          }}\n          labels={labels}\n          onDateChange={onDateChange}\n          onViewChange={onViewChange}\n          previousControlProps={previousControlProps}\n          nextControlProps={nextControlProps}\n          todayControlProps={todayControlProps}\n          viewSelectProps={{ views: ['day', 'week', 'month'] as const, ...viewSelectProps }}\n          stylesApiProps={stylesApiProps}\n        />\n      )}\n\n      <Box {...getStyles('resourcesWeekViewRoot')}>\n        <ScrollArea\n          scrollbarSize={4}\n          {...scrollAreaProps}\n          {...getStyles('resourcesWeekViewScrollArea', {\n            className: scrollAreaProps?.className,\n            style: scrollAreaProps?.style,\n          })}\n          onScrollPositionChange={(position) => {\n            scrollAreaProps?.onScrollPositionChange?.(position);\n            setScrolled(position.y !== 0);\n            setScrolledX(position.x !== 0);\n          }}\n          viewportRef={mergedViewportRef}\n        >\n          <div {...getStyles('resourcesWeekViewInner')}>\n            <div {...getStyles('resourcesWeekViewHeaderRows')}>\n              <div\n                {...getStyles('resourcesWeekViewCorner')}\n                key=\"corner\"\n                style={\n                  hasGroups\n                    ? {\n                        flexBasis:\n                          'calc(var(--resources-week-view-resource-label-width) + var(--resources-week-view-group-label-width))',\n                        minWidth:\n                          'calc(var(--resources-week-view-resource-label-width) + var(--resources-week-view-group-label-width))',\n                      }\n                    : undefined\n                }\n              >\n                {getLabel('resources', labels)}\n              </div>\n              <div {...getStyles('resourcesWeekViewHeaderContent')}>\n                <div {...getStyles('resourcesWeekViewDayLabelsRow')}>{dayLabels}</div>\n                <Box {...getStyles('resourcesWeekViewTimeLabelsRow')} mod={{ scrolled }}>\n                  {timeLabels}\n                </Box>\n              </div>\n            </div>\n\n            {rows}\n\n            {showTimeIndicator && (\n              <Box\n                {...getStyles('resourcesWeekViewCurrentTimeIndicator')}\n                __vars={{\n                  '--indicator-left-offset': hasGroups\n                    ? `calc(var(--resources-week-view-resource-label-width) + var(--resources-week-view-group-label-width) + (100% - var(--resources-week-view-resource-label-width) - var(--resources-week-view-group-label-width)) * ${indicatorLeftPercent} / 100)`\n                    : `calc(var(--resources-week-view-resource-label-width) + (100% - var(--resources-week-view-resource-label-width)) * ${indicatorLeftPercent} / 100)`,\n                  '--_time-bubble-width': formattedCurrentTime\n                    ?.toString()\n                    .toLowerCase()\n                    .includes('m')\n                    ? '64px'\n                    : '46px',\n                }}\n              >\n                {withCurrentTimeBubble && (\n                  <div {...getStyles('resourcesWeekViewCurrentTimeIndicatorTimeBubble')}>\n                    {formattedCurrentTime}\n                  </div>\n                )}\n                {!withCurrentTimeBubble && (\n                  <div {...getStyles('resourcesWeekViewCurrentTimeIndicatorThumb')} />\n                )}\n                <div {...getStyles('resourcesWeekViewCurrentTimeIndicatorLine')} />\n              </Box>\n            )}\n          </div>\n        </ScrollArea>\n      </Box>\n    </Box>\n  );\n\n  const dragContextValue = useMemo<DragContextValue>(\n    () => dragDrop.dragContextValue,\n    [dragDrop.dragContextValue]\n  );\n\n  if (withEventsDragAndDrop) {\n    return <DragContext.Provider value={dragContextValue}>{content}</DragContext.Provider>;\n  }\n\n  return content;\n});\n\nResourcesWeekView.displayName = '@mantine/schedule/ResourcesWeekView';\nResourcesWeekView.classes = classes;\nResourcesWeekView.varsResolver = varsResolver;\n"],"mappings":"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"}
+{"version":3,"file":"ResourcesWeekView.mjs","names":["classes"],"sources":["../../../src/components/ResourcesWeekView/ResourcesWeekView.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useCallback, useMemo, useRef, useState } from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  rem,\n  ScrollArea,\n  ScrollAreaProps,\n  StylesApiProps,\n  useDirection,\n  useMantineTheme,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useInterval, useIsomorphicEffect, useMergedRef, useMounted } from '@mantine/hooks';\nimport { useDragDropHandlers } from '../../hooks/use-drag-drop-handlers';\nimport { useHorizontalEventResize } from '../../hooks/use-horizontal-event-resize';\nimport { useSlotDragSelect } from '../../hooks/use-slot-drag-select';\nimport { getLabel, ScheduleLabelsOverride } from '../../labels';\nimport {\n  AnyDateValue,\n  DateLabelFormat,\n  DateStringValue,\n  DateTimeStringValue,\n  DayOfWeek,\n  ScheduleEventData,\n  ScheduleMode,\n  ScheduleResourceData,\n  ScheduleResourceGroup,\n  ScheduleViewLevel,\n} from '../../types';\nimport {\n  calculateDropTime,\n  formatDate,\n  getBusinessHoursMod,\n  getDayPosition,\n  getCurrentTimePosition,\n  getDayTimeIntervals,\n  getGroupToResourceIdMap,\n  getIndexFromDragPoint,\n  getOrderedResources,\n  getTimeAxisEventStyle,\n  getWeekDays,\n  handleResourcesGridKeyDown,\n  isAllDayEvent,\n  isInTimeRange,\n  nextWeek,\n  previousWeek,\n  ResourcesGridControlsRef,\n  toDateString,\n} from '../../utils';\nimport { DragContext, DragContextValue } from '../DragContext/DragContext';\nimport { MoreEvents, MoreEventsProps, MoreEventsStylesNames } from '../MoreEvents/MoreEvents';\nimport { getOverlapClusters } from '../ResourcesDayView/get-overlap-clusters/get-overlap-clusters';\nimport { ScheduleBackgroundEvent } from '../ScheduleBackgroundEvent';\nimport { RenderEvent, RenderEventBody, ScheduleEvent } from '../ScheduleEvent/ScheduleEvent';\nimport { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader';\nimport { ScheduleHeaderBase } from '../ScheduleHeader/ScheduleHeaderBase';\nimport { ViewSelectProps } from '../ScheduleHeader/ViewSelect/ViewSelect';\nimport { getWeekLabel } from '../WeekView/get-week-label/get-week-label';\nimport { getResourcesWeekViewEvents } from './get-resources-week-view-events/get-resources-week-view-events';\nimport { ResourcesWeekViewRow } from './ResourcesWeekViewRow';\nimport classes from './ResourcesWeekView.module.css';\n\nexport type ResourcesWeekViewStylesNames =\n  | 'resourcesWeekView'\n  | 'resourcesWeekViewRoot'\n  | 'resourcesWeekViewInner'\n  | 'resourcesWeekViewHeaderRows'\n  | 'resourcesWeekViewHeaderContent'\n  | 'resourcesWeekViewDayLabelsRow'\n  | 'resourcesWeekViewDayLabel'\n  | 'resourcesWeekViewTimeLabelsRow'\n  | 'resourcesWeekViewScrollArea'\n  | 'resourcesWeekViewCorner'\n  | 'resourcesWeekViewTimeLabel'\n  | 'resourcesWeekViewResourceLabel'\n  | 'resourcesWeekViewRow'\n  | 'resourcesWeekViewRowSlot'\n  | 'resourcesWeekViewRowSlots'\n  | 'resourcesWeekViewBackgroundEvent'\n  | 'resourcesWeekViewAllDayEvent'\n  | 'resourcesWeekViewCurrentTimeIndicator'\n  | 'resourcesWeekViewCurrentTimeIndicatorLine'\n  | 'resourcesWeekViewCurrentTimeIndicatorThumb'\n  | 'resourcesWeekViewCurrentTimeIndicatorTimeBubble'\n  | 'resourcesWeekViewEventWrapper'\n  | 'resourcesWeekViewDragPreview'\n  | 'resourcesWeekViewResizeHandle'\n  | 'resourcesWeekViewGroupColumn'\n  | 'resourcesWeekViewGroupColumnEmpty'\n  | MoreEventsStylesNames\n  | CombinedScheduleHeaderStylesNames;\n\nexport type ResourcesWeekViewCssVariables = {\n  resourcesWeekView:\n    | '--resources-week-view-radius'\n    | '--resources-week-view-slot-width'\n    | '--resources-week-view-row-height'\n    | '--resources-week-view-group-label-width';\n};\n\nexport interface ResourcesWeekViewProps\n  extends BoxProps, StylesApiProps<ResourcesWeekViewFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n  date: Date | string;\n  onDateChange?: (value: DateStringValue) => void;\n  resources: ScheduleResourceData[];\n  startTime?: string;\n  endTime?: string;\n  /** Number of minutes for each interval in the week view. Must divide evenly into an hour (e.g. `15`, `30`) or be a whole number of hours (e.g. `120`, `240`) @default 60 */\n  intervalMinutes?: number;\n  /** Minimum on-screen size of an event along the time axis, in px. Prevents very short events from collapsing. Larger values make brief events easier to see but extend them past their real start time. @default 1 */\n  minEventSize?: number;\n  slotLabelFormat?: DateLabelFormat;\n  radius?: MantineRadius;\n  /** Date and time to scroll to on initial render, in `YYYY-MM-DD HH:mm:ss` format */\n  startScrollDateTime?: string;\n  scrollAreaProps?: Partial<ScrollAreaProps> & DataAttributes;\n  locale?: string;\n  withCurrentTimeIndicator?: boolean;\n  withCurrentTimeBubble?: boolean;\n\n  /** A function to get the current time, called on every tick. Can be used to display the current time indicator in a different timezone. @default () => dayjs() */\n  getCurrentTime?: () => AnyDateValue;\n\n  withHeader?: boolean;\n  onViewChange?: (view: ScheduleViewLevel) => void;\n  previousControlProps?: React.ComponentProps<'button'> & DataAttributes;\n  nextControlProps?: React.ComponentProps<'button'> & DataAttributes;\n  todayControlProps?: React.ComponentProps<'button'> & DataAttributes;\n  viewSelectProps?: Partial<ViewSelectProps> & DataAttributes;\n  weekLabelFormat?: DateLabelFormat;\n  renderWeekLabel?: (params: {\n    weekStart: DateStringValue;\n    weekEnd: DateStringValue;\n  }) => React.ReactNode;\n  events?: ScheduleEventData[];\n  slotWidth?: React.CSSProperties['width'];\n  rowHeight?: React.CSSProperties['height'];\n  labels?: ScheduleLabelsOverride;\n  highlightBusinessHours?: boolean;\n  businessHours?: [string, string];\n  renderEventBody?: RenderEventBody;\n  renderEvent?: RenderEvent;\n  renderResourceLabel?: (resource: ScheduleResourceData) => React.ReactNode;\n\n  /** List of resource groups to display as a column to the left of resource labels */\n  groups?: ScheduleResourceGroup[];\n\n  /** Function to customize group label rendering */\n  renderGroupLabel?: (group: ScheduleResourceGroup) => React.ReactNode;\n\n  /** Width of the group label column @default 80px */\n  groupLabelWidth?: React.CSSProperties['width'];\n\n  withEventsDragAndDrop?: boolean;\n  onEventDrop?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n    resourceId?: string | number;\n  }) => void;\n  canDragEvent?: (event: ScheduleEventData) => boolean;\n  /** Snap step for moving events by drag and drop, in minutes. Must divide evenly into an hour (e.g. `15`, `30`) or be a whole number of hours. When not set, `intervalMinutes` is used. @default intervalMinutes */\n  eventDragInterval?: number;\n  onEventDragStart?: (event: ScheduleEventData) => void;\n  onEventDragEnd?: () => void;\n  onTimeSlotClick?: (data: {\n    slotStart: DateTimeStringValue;\n    slotEnd: DateTimeStringValue;\n    nativeEvent: React.MouseEvent<HTMLButtonElement>;\n    resourceId?: string | number;\n  }) => void;\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n  /** If set, background events (`display: 'background'`) can be clicked and trigger `onEventClick` @default false */\n  withInteractiveBackgroundEvents?: boolean;\n  withDragSlotSelect?: boolean;\n  onSlotDragEnd?: (data: {\n    rangeStart: DateTimeStringValue;\n    rangeEnd: DateTimeStringValue;\n    resourceId?: string | number;\n  }) => void;\n  mode?: ScheduleMode;\n  onExternalEventDrop?: (data: {\n    dataTransfer: DataTransfer;\n    dropDateTime: DateTimeStringValue;\n    resourceId?: string | number;\n  }) => void;\n\n  /** If true, events can be resized by dragging their left/right edges @default false */\n  withEventResize?: boolean;\n\n  /** Called when event is resized */\n  onEventResize?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n\n  /** Function to determine if event can be resized */\n  canResizeEvent?: (event: ScheduleEventData) => boolean;\n\n  /** Snap step for resizing events, in minutes. Must divide evenly into an hour (e.g. `15`, `30`) or be a whole number of hours. When not set, `intervalMinutes` is used. @default intervalMinutes */\n  eventResizeInterval?: number;\n\n  recurrenceExpansionLimit?: number;\n\n  /** Maximum number of events visible per time slot before \"+more\" indicator shows, minimum value is 1 @default 2 */\n  maxEventsPerTimeSlot?: number;\n\n  /** Props passed down to `MoreEvents` component */\n  moreEventsProps?: Partial<MoreEventsProps>;\n\n  firstDayOfWeek?: DayOfWeek;\n  weekendDays?: DayOfWeek[];\n  withWeekendDays?: boolean;\n  weekdayFormat?: DateLabelFormat;\n  highlightToday?: boolean;\n}\n\nexport type ResourcesWeekViewFactory = Factory<{\n  props: ResourcesWeekViewProps;\n  ref: HTMLDivElement;\n  stylesNames: ResourcesWeekViewStylesNames;\n  vars: ResourcesWeekViewCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'ResourcesWeekView',\n  startTime: '00:00:00',\n  endTime: '23:59:59',\n  slotLabelFormat: 'HH:mm',\n  intervalMinutes: 60,\n  minEventSize: 1,\n  withHeader: true,\n  weekLabelFormat: 'MMM DD',\n  weekdayFormat: 'ddd D',\n  highlightBusinessHours: false,\n  businessHours: ['09:00:00', '17:00:00'],\n  withEventsDragAndDrop: false,\n  withEventResize: false,\n  withDragSlotSelect: false,\n  withWeekendDays: true,\n  withCurrentTimeBubble: true,\n  highlightToday: true,\n  mode: 'default',\n  maxEventsPerTimeSlot: 2,\n  withInteractiveBackgroundEvents: false,\n} satisfies Partial<ResourcesWeekViewProps>;\n\nconst varsResolver = createVarsResolver<ResourcesWeekViewFactory>(\n  (_theme, { radius, slotWidth, rowHeight, groupLabelWidth }) => ({\n    resourcesWeekView: {\n      '--resources-week-view-radius': radius ? getRadius(radius) : undefined,\n      '--resources-week-view-slot-width': rem(slotWidth),\n      '--resources-week-view-row-height': rem(rowHeight),\n      '--resources-week-view-group-label-width': rem(groupLabelWidth),\n    },\n  })\n);\n\nexport const ResourcesWeekView = factory<ResourcesWeekViewFactory>((_props) => {\n  const props = useProps('ResourcesWeekView', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    startTime,\n    endTime,\n    date,\n    onDateChange,\n    resources,\n    intervalMinutes,\n    minEventSize,\n    slotLabelFormat,\n    radius,\n    startScrollDateTime,\n    scrollAreaProps,\n    locale,\n    withCurrentTimeIndicator: _withCurrentTimeIndicator,\n    withCurrentTimeBubble,\n    getCurrentTime,\n    __staticSelector,\n    withHeader,\n    onViewChange,\n    previousControlProps,\n    nextControlProps,\n    todayControlProps,\n    viewSelectProps,\n    weekLabelFormat,\n    renderWeekLabel,\n    events,\n    slotWidth,\n    rowHeight,\n    labels,\n    highlightBusinessHours,\n    businessHours,\n    renderEventBody,\n    renderEvent,\n    renderResourceLabel,\n    groups,\n    renderGroupLabel,\n    groupLabelWidth,\n    withEventsDragAndDrop,\n    onEventDrop,\n    canDragEvent,\n    eventDragInterval,\n    onEventDragStart,\n    onEventDragEnd,\n    withEventResize,\n    onEventResize,\n    canResizeEvent,\n    eventResizeInterval,\n    onTimeSlotClick,\n    onEventClick,\n    withInteractiveBackgroundEvents,\n    withDragSlotSelect,\n    onSlotDragEnd,\n    mode,\n    onExternalEventDrop,\n    recurrenceExpansionLimit,\n    maxEventsPerTimeSlot: _maxEventsPerTimeSlot,\n    moreEventsProps,\n    firstDayOfWeek,\n    weekendDays,\n    withWeekendDays,\n    weekdayFormat,\n    highlightToday,\n    ...others\n  } = props;\n\n  const maxEventsPerTimeSlot =\n    _maxEventsPerTimeSlot !== undefined ? Math.max(1, _maxEventsPerTimeSlot) : undefined;\n\n  const getStyles = useStyles<ResourcesWeekViewFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n    attributes,\n    rootSelector: 'resourcesWeekView',\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<ResourcesWeekViewFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  const stylesApiProps = {\n    classNames: resolvedClassNames,\n    styles: resolvedStyles,\n    attributes,\n    __staticSelector,\n    radius,\n  };\n\n  const theme = useMantineTheme();\n  const { dir } = useDirection();\n  const [scrolled, setScrolled] = useState(false);\n  const [scrolledX, setScrolledX] = useState(false);\n  const ctx = useDatesContext();\n  const slots = getDayTimeIntervals({ startTime, endTime, intervalMinutes });\n  const { orderedResources, groupRanges, resourceGroupMap } = useMemo(\n    () => getOrderedResources(resources, groups),\n    [resources, groups]\n  );\n  const hasGroups = groupRanges.length > 0;\n\n  const weekdays = useMemo(\n    () =>\n      getWeekDays({\n        week: date,\n        withWeekendDays,\n        weekendDays: ctx.getWeekendDays(weekendDays),\n        firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n      }),\n    [date, withWeekendDays, weekendDays, firstDayOfWeek, ctx]\n  );\n\n  const totalSlotsPerDay = slots.length;\n\n  const resolveNow = () => (getCurrentTime ? dayjs(getCurrentTime()) : dayjs());\n  const now = resolveNow();\n  const isToday = weekdays.some((day) => dayjs(day).isSame(now, 'day'));\n  const withCurrentTimeIndicator = _withCurrentTimeIndicator ?? isToday;\n\n  const mounted = useMounted();\n  const [, setTimeIndicatorTick] = useState(0);\n  useInterval(() => setTimeIndicatorTick((tick) => tick + 1), 60000, { autoInvoke: true });\n  const timeIndicatorOffset = getCurrentTimePosition({ startTime, endTime, intervalMinutes, now });\n\n  const todayDayIndex = weekdays.findIndex((day) => dayjs(day).isSame(now, 'day'));\n  const showTimeIndicator =\n    mounted &&\n    withCurrentTimeIndicator &&\n    todayDayIndex >= 0 &&\n    isInTimeRange({ date: now.toDate(), startTime, endTime });\n  const formattedCurrentTime = withCurrentTimeBubble\n    ? formatDate({ locale: ctx.getLocale(locale), date: now, format: slotLabelFormat })\n    : '';\n\n  type DropTargetSlot = { resourceId: string | number; slotIndex: number };\n\n  const dragOffsetRef = useRef<{ offset: number; size: number }>({ offset: 0, size: 0 });\n\n  const handleExternalDrop = useCallback(\n    (e: React.DragEvent, target: DropTargetSlot) => {\n      if (!onExternalEventDrop) {\n        return;\n      }\n      const dayIndex = Math.floor(target.slotIndex / totalSlotsPerDay);\n      const slotInDay = target.slotIndex % totalSlotsPerDay;\n      const slotDay = weekdays[dayIndex];\n      if (slotDay) {\n        const slotDate = dayjs(slotDay).format('YYYY-MM-DD');\n        const slotTime = slots[slotInDay].startTime;\n        let dropDateTime: string = `${slotDate} ${slotTime}`;\n\n        if (eventDragInterval != null) {\n          const { start } = calculateDropTime({\n            draggedEvent: { start: dropDateTime, end: dropDateTime } as ScheduleEventData,\n            targetDate: slotDate,\n            targetSlotTime: slotTime,\n            intervalMinutes,\n            dragIntervalMinutes: eventDragInterval,\n            slotOffset: dragOffsetRef.current.offset,\n            slotSize: dragOffsetRef.current.size,\n            startTime,\n            endTime,\n          });\n          dropDateTime = dayjs(start).format('YYYY-MM-DD HH:mm:ss');\n        }\n\n        onExternalEventDrop({\n          dataTransfer: e.dataTransfer,\n          dropDateTime,\n          resourceId: target.resourceId,\n        });\n      }\n    },\n    [\n      onExternalEventDrop,\n      slots,\n      weekdays,\n      totalSlotsPerDay,\n      eventDragInterval,\n      intervalMinutes,\n      startTime,\n      endTime,\n    ]\n  );\n\n  const lastDropResourceId = useRef<string | number | undefined>(undefined);\n\n  const getDropTimeForSlot = (target: DropTargetSlot, draggedEvent: ScheduleEventData) => {\n    const dayIndex = Math.floor(target.slotIndex / totalSlotsPerDay);\n    const slotInDay = target.slotIndex % totalSlotsPerDay;\n    const slotTime = slots[slotInDay].startTime;\n    const targetDay = weekdays[dayIndex] || weekdays[0];\n    return calculateDropTime({\n      draggedEvent,\n      targetDate: targetDay,\n      targetSlotTime: slotTime,\n      intervalMinutes,\n      dragIntervalMinutes: eventDragInterval,\n      slotOffset: eventDragInterval == null ? undefined : dragOffsetRef.current.offset,\n      slotSize: eventDragInterval == null ? undefined : dragOffsetRef.current.size,\n      startTime,\n      endTime,\n    });\n  };\n\n  const handleInternalEventDrop = useCallback(\n    (data: {\n      eventId: string | number;\n      newStart: DateTimeStringValue;\n      newEnd: DateTimeStringValue;\n      event: ScheduleEventData;\n    }) => {\n      onEventDrop?.({ ...data, resourceId: lastDropResourceId.current });\n    },\n    [onEventDrop]\n  );\n\n  const dragDrop = useDragDropHandlers<DropTargetSlot>({\n    enabled: withEventsDragAndDrop,\n    mode,\n    onEventDrop: handleInternalEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    calculateDropTarget: (target: DropTargetSlot, draggedEvent: ScheduleEventData) => {\n      lastDropResourceId.current = target.resourceId;\n      return getDropTimeForSlot(target, draggedEvent);\n    },\n    onExternalDrop: onExternalEventDrop ? handleExternalDrop : undefined,\n  });\n\n  const updateDragPreview = (target: DropTargetSlot) => {\n    const draggedEvent = dragDrop.dragContextValue.draggedEvent;\n    if (eventDragInterval == null || !draggedEvent) {\n      return;\n    }\n    const { start, end } = getDropTimeForSlot(target, draggedEvent);\n    const newStart = dayjs(start).format('YYYY-MM-DD HH:mm:ss');\n    if (\n      dragDrop.dragPreview?.start !== newStart ||\n      dragDrop.dragPreview?.target.resourceId !== target.resourceId\n    ) {\n      dragDrop.setDragPreview({\n        start: newStart,\n        end: dayjs(end).format('YYYY-MM-DD HH:mm:ss'),\n        target,\n      });\n    }\n  };\n\n  const suppressDropHighlight = eventDragInterval != null && dragDrop.dragContextValue.isDragging;\n\n  const groupToResourceId = useMemo(() => getGroupToResourceIdMap(resources), [resources]);\n\n  const slotDragSelect = useSlotDragSelect({\n    enabled: withDragSlotSelect && mode !== 'static',\n    onDragEnd: (startIndex, endIndex, group) => {\n      if (!onSlotDragEnd) {\n        return;\n      }\n      const startDayIndex = Math.floor(startIndex / totalSlotsPerDay);\n      const startSlotInDay = startIndex % totalSlotsPerDay;\n      const endDayIndex = Math.floor(endIndex / totalSlotsPerDay);\n      const endSlotInDay = endIndex % totalSlotsPerDay;\n      const startDay = weekdays[startDayIndex];\n      const endDay = weekdays[endDayIndex];\n      if (startDay && endDay) {\n        onSlotDragEnd({\n          rangeStart: `${dayjs(startDay).format('YYYY-MM-DD')} ${slots[startSlotInDay].startTime}`,\n          rangeEnd: `${dayjs(endDay).format('YYYY-MM-DD')} ${slots[endSlotInDay].endTime}`,\n          resourceId: groupToResourceId.get(group) ?? group,\n        });\n      }\n    },\n  });\n\n  const eventResize = useHorizontalEventResize({\n    enabled: withEventResize,\n    mode,\n    startTime,\n    endTime,\n    intervalMinutes,\n    resizeIntervalMinutes: eventResizeInterval,\n    onEventResize,\n    canResizeEvent,\n  });\n\n  const withDragHandlers = (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== 'static';\n\n  const handleTimeSlotClick = (\n    resourceId: string | number,\n    day: string,\n    slotTime: string,\n    e: React.MouseEvent<HTMLButtonElement>\n  ) => {\n    if (!onTimeSlotClick) {\n      return;\n    }\n    const slotIndex = slots.findIndex((s) => s.startTime === slotTime);\n    if (slotIndex === -1) {\n      return;\n    }\n    const slot = slots[slotIndex];\n    const dayStr = dayjs(day).format('YYYY-MM-DD');\n    onTimeSlotClick({\n      slotStart: `${dayStr} ${slot.startTime}`,\n      slotEnd: `${dayStr} ${slot.endTime}`,\n      nativeEvent: e,\n      resourceId,\n    });\n  };\n\n  const weekViewEvents = useMemo(\n    () =>\n      getResourcesWeekViewEvents({\n        events,\n        resources,\n        weekdays,\n        startTime,\n        endTime,\n        intervalMinutes,\n        expansionLimit: recurrenceExpansionLimit,\n      }),\n    [events, resources, weekdays, startTime, endTime, intervalMinutes, recurrenceExpansionLimit]\n  );\n\n  const dayLabels = weekdays.map((day) => {\n    const d = dayjs(day);\n    const today = d.isSame(now, 'day') && highlightToday;\n    const weekend = ctx.getWeekendDays(weekendDays).includes(d.day() as DayOfWeek);\n\n    return (\n      <Box\n        {...getStyles('resourcesWeekViewDayLabel')}\n        key={day}\n        mod={{ today, weekend }}\n        style={{ width: `calc(var(--resources-week-view-slot-width) * ${totalSlotsPerDay})` }}\n      >\n        {formatDate({ date: d, locale: ctx.getLocale(locale), format: weekdayFormat })}\n      </Box>\n    );\n  });\n\n  const timeLabels = weekdays.flatMap((day) =>\n    slots.map((interval) => {\n      const dayStr = dayjs(day).format('YYYY-MM-DD');\n      const intervalTime = dayjs(`${dayStr} ${interval.startTime}`);\n      const label = formatDate({\n        date: intervalTime,\n        locale: ctx.getLocale(locale),\n        format: slotLabelFormat,\n      });\n\n      return (\n        <Box\n          {...getStyles('resourcesWeekViewTimeLabel')}\n          key={`${day}-${interval.startTime}`}\n          mod={{\n            'hour-start': interval.isHourStart,\n            ...getBusinessHoursMod({\n              time: interval.startTime,\n              businessHours,\n              highlightBusinessHours,\n            }),\n          }}\n        >\n          {label}\n        </Box>\n      );\n    })\n  );\n\n  const slotsRef: ResourcesGridControlsRef = useRef<HTMLButtonElement[][]>([]);\n  const rowSlotsContainersRef = useRef<(HTMLDivElement | null)[]>([]);\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const mergedViewportRef = useMergedRef(viewportRef, scrollAreaProps?.viewportRef);\n\n  const firstSlotIndex = { resourceIndex: 0, slotIndex: 0 };\n\n  useIsomorphicEffect(() => {\n    if (!startScrollDateTime || !viewportRef.current) {\n      return;\n    }\n    const parsed = dayjs(startScrollDateTime);\n    const targetDayStr = parsed.format('YYYY-MM-DD 00:00:00');\n    const targetTime = parsed.format('HH:mm:ss');\n    const dayIndex = weekdays.indexOf(targetDayStr);\n    if (dayIndex < 0) {\n      return;\n    }\n    const slotInDay = slots.findIndex((s) => s.startTime >= targetTime);\n    if (slotInDay < 0) {\n      return;\n    }\n    const flatIndex = dayIndex * totalSlotsPerDay + slotInDay;\n    const firstResourceSlots = slotsRef.current[0];\n    if (!firstResourceSlots || firstResourceSlots.length === 0) {\n      return;\n    }\n    const targetSlot = firstResourceSlots[flatIndex];\n    if (!targetSlot) {\n      return;\n    }\n    const slotRect = targetSlot.getBoundingClientRect();\n    const viewportRect = viewportRef.current.getBoundingClientRect();\n    const cornerEl = viewportRef.current.querySelector(`.${classes.resourcesWeekViewCorner}`);\n    const labelWidth = cornerEl ? cornerEl.getBoundingClientRect().width : 0;\n    viewportRef.current.scrollTo({\n      left: slotRect.left - viewportRect.left - labelWidth,\n      top: 0,\n    });\n  }, []);\n\n  const getSlotIndexFromDragPoint = useCallback(\n    (event: React.DragEvent, resourceIndex: number) => {\n      const daySlots = slotsRef.current[resourceIndex] ?? [];\n      const index = getIndexFromDragPoint(daySlots, event.clientX);\n      if (index !== null) {\n        const rect = daySlots[index]?.getBoundingClientRect();\n        if (rect) {\n          const rawOffset = dir === 'rtl' ? rect.right - event.clientX : event.clientX - rect.left;\n          dragOffsetRef.current = {\n            offset: Math.max(0, Math.min(rect.width, rawOffset)),\n            size: rect.width,\n          };\n        }\n      }\n      return index;\n    },\n    [dir]\n  );\n\n  const handleSlotKeyDown = (\n    event: React.KeyboardEvent<HTMLButtonElement>,\n    resourceIndex: number,\n    slotIndex: number\n  ) => {\n    handleResourcesGridKeyDown({\n      controlsRef: slotsRef,\n      resourceIndex,\n      slotIndex,\n      event,\n    });\n  };\n\n  const dayWidthPercent = 100 / weekdays.length;\n\n  const interactiveBackgroundEvents = withInteractiveBackgroundEvents && mode !== 'static';\n\n  const rows = orderedResources.map((resource, resourceIndex) => {\n    const eventNodes: React.ReactNode[] = [];\n    const resourceAllDayBars = weekViewEvents.allDayBars[resource.id] ?? [];\n    const maxAllDayCount = resourceAllDayBars.reduce((max, bar) => Math.max(max, bar.row + 1), 0);\n\n    weekdays.forEach((day, dayIndex) => {\n      const dayEvents = weekViewEvents.byDay[day];\n      if (!dayEvents) {\n        return;\n      }\n\n      const dayOffsetPercent = (dayIndex / weekdays.length) * 100;\n\n      const bgEvents = [\n        ...(dayEvents.backgroundTimedEvents[resource.id] || []),\n        ...(dayEvents.backgroundAllDayEvents[resource.id] || []),\n      ];\n      for (const event of bgEvents) {\n        eventNodes.push(\n          <ScheduleBackgroundEvent\n            key={`bg-${event.id}-${day}`}\n            event={event}\n            renderEvent={renderEvent}\n            renderEventBody={renderEventBody}\n            interactive={interactiveBackgroundEvents}\n            onEventClick={onEventClick}\n            {...getStyles('resourcesWeekViewBackgroundEvent', {\n              style: {\n                left: `${dayOffsetPercent + (event.position.top / 100) * dayWidthPercent}%`,\n                width: `${(event.position.height / 100) * dayWidthPercent}%`,\n                top: 0,\n                height: '100%',\n              },\n            })}\n          />\n        );\n      }\n\n      const allRegularEvents = (dayEvents.regularEvents[resource.id] || []).filter(\n        (event) => !isAllDayEvent({ event, date: day })\n      );\n\n      const visibleEvents =\n        maxEventsPerTimeSlot !== undefined\n          ? allRegularEvents.filter((event) => event.position.column < maxEventsPerTimeSlot)\n          : allRegularEvents;\n\n      for (const event of visibleEvents) {\n        const isDraggable = dragDrop.isDraggableEvent(event);\n        const isResizable = eventResize.isResizableEvent(event);\n        const resizePosition = eventResize.getResizePosition(event.id);\n        const isThisEventResizing = resizePosition !== null;\n        const activeEdge =\n          isThisEventResizing && eventResize.resizingEdge ? eventResize.resizingEdge : null;\n\n        const effectiveTop = resizePosition ? resizePosition.left : event.position.top;\n        const effectiveHeight = resizePosition ? resizePosition.width : event.position.height;\n        const eventLeft = dayOffsetPercent + (effectiveTop / 100) * dayWidthPercent;\n        const eventWidth = (effectiveHeight / 100) * dayWidthPercent;\n\n        const eventColors = isResizable\n          ? theme.variantColorResolver({\n              color: event.color || theme.primaryColor,\n              theme,\n              variant: event.variant || 'light',\n              autoContrast: true,\n            })\n          : null;\n\n        const adjustPosition =\n          maxEventsPerTimeSlot !== undefined && event.position.overlaps > maxEventsPerTimeSlot;\n\n        const eventDate = dayjs(day).format('YYYY-MM-DD');\n\n        eventNodes.push(\n          <Box\n            key={`${event.id}-${day}`}\n            {...getStyles('resourcesWeekViewEventWrapper')}\n            __vars={eventColors ? { '--event-color': eventColors.color } : undefined}\n            data-resizing={isThisEventResizing || undefined}\n            style={{\n              ...getTimeAxisEventStyle({\n                start: eventLeft,\n                span: eventWidth,\n                minSize: minEventSize,\n              }),\n              top: adjustPosition\n                ? `calc((100% - 22px) * ${event.position.column} / ${maxEventsPerTimeSlot})`\n                : `${event.position.offset}%`,\n              height: adjustPosition\n                ? `calc((100% - 22px) / ${maxEventsPerTimeSlot})`\n                : `${event.position.width}%`,\n            }}\n          >\n            <ScheduleEvent\n              event={event}\n              autoSize\n              nowrap\n              draggable={isDraggable}\n              isResizing={isThisEventResizing}\n              renderEventBody={renderEventBody}\n              renderEvent={renderEvent}\n              radius={radius}\n              mode={mode}\n              onClick={\n                onEventClick\n                  ? (e) => {\n                      if (!eventResize.wasResizing()) {\n                        onEventClick(event, e);\n                      }\n                    }\n                  : undefined\n              }\n              style={{ width: '100%', height: '100%', padding: 0 }}\n            />\n            {isResizable && mode !== 'static' && (\n              <>\n                <div\n                  {...getStyles('resourcesWeekViewResizeHandle')}\n                  data-edge=\"start\"\n                  data-active={activeEdge === 'start' || undefined}\n                  onPointerDown={(e) => {\n                    const container = rowSlotsContainersRef.current[resourceIndex];\n                    if (container) {\n                      eventResize.handleResizeStart({\n                        event,\n                        edge: 'start',\n                        container,\n                        originalLeft: event.position.top,\n                        originalWidth: event.position.height,\n                        eventDate,\n                        dayIndex,\n                        dayCount: weekdays.length,\n                        pointerEvent: e,\n                      });\n                    }\n                  }}\n                />\n                <div\n                  {...getStyles('resourcesWeekViewResizeHandle')}\n                  data-edge=\"end\"\n                  data-active={activeEdge === 'end' || undefined}\n                  onPointerDown={(e) => {\n                    const container = rowSlotsContainersRef.current[resourceIndex];\n                    if (container) {\n                      eventResize.handleResizeStart({\n                        event,\n                        edge: 'end',\n                        container,\n                        originalLeft: event.position.top,\n                        originalWidth: event.position.height,\n                        eventDate,\n                        dayIndex,\n                        dayCount: weekdays.length,\n                        pointerEvent: e,\n                      });\n                    }\n                  }}\n                />\n              </>\n            )}\n          </Box>\n        );\n      }\n\n      if (maxEventsPerTimeSlot !== undefined) {\n        const clusters = getOverlapClusters(allRegularEvents);\n        for (const cluster of clusters) {\n          const hiddenCount = cluster.filter(\n            (e) => e.position.column >= maxEventsPerTimeSlot\n          ).length;\n\n          if (hiddenCount > 0 && mode !== 'static') {\n            const leftPercent =\n              dayOffsetPercent +\n              (Math.min(...cluster.map((e) => e.position.top)) / 100) * dayWidthPercent;\n            const rightPercent =\n              dayOffsetPercent +\n              (Math.max(...cluster.map((e) => e.position.top + e.position.height)) / 100) *\n                dayWidthPercent;\n\n            eventNodes.push(\n              <MoreEvents\n                key={`more-${resource.id}-${day}-${cluster[0].id}`}\n                events={cluster}\n                moreEventsCount={hiddenCount}\n                mode={mode}\n                labels={labels}\n                renderEventBody={renderEventBody}\n                renderEvent={renderEvent}\n                onEventClick={onEventClick}\n                style={{\n                  position: 'absolute',\n                  left: `calc(${leftPercent}% + 1px)`,\n                  width: `calc(${rightPercent - leftPercent}% - 2px)`,\n                  bottom: 0,\n                  height: '22px',\n                  paddingInline: 4,\n                  zIndex: 4,\n                }}\n                {...stylesApiProps}\n                {...moreEventsProps}\n              />\n            );\n          }\n        }\n      }\n    });\n\n    const stickyLabelOffset = hasGroups\n      ? 'calc(var(--resources-week-view-group-label-width) + var(--resources-week-view-resource-label-width) + 5px)'\n      : 'calc(var(--resources-week-view-resource-label-width) + 5px)';\n\n    resourceAllDayBars.forEach((bar) => {\n      const leftPercent = bar.startDayIndex * dayWidthPercent;\n      const widthPercent = (bar.endDayIndex - bar.startDayIndex + 1) * dayWidthPercent;\n\n      eventNodes.push(\n        <div\n          key={`all-day-${bar.event.id}-${bar.startDayIndex}`}\n          {...getStyles('resourcesWeekViewAllDayEvent', {\n            style: {\n              left: `calc(${leftPercent}% + 1px)`,\n              width: `calc(${widthPercent}% - 2px)`,\n              top: `calc(${bar.row} * (var(--resources-week-view-all-day-height) + 2px) + 2px)`,\n            },\n          })}\n        >\n          <ScheduleEvent\n            event={bar.event}\n            autoSize\n            nowrap\n            renderEventBody={(barEvent) => (\n              <span\n                style={{\n                  position: 'sticky',\n                  insetInlineStart: stickyLabelOffset,\n                  display: 'inline-block',\n                  maxWidth: '100%',\n                  overflow: 'hidden',\n                  textOverflow: 'ellipsis',\n                }}\n              >\n                {renderEventBody ? renderEventBody(barEvent) : barEvent.title}\n              </span>\n            )}\n            renderEvent={renderEvent}\n            radius={radius}\n            mode={mode}\n            onClick={onEventClick ? (e) => onEventClick(bar.event, e) : undefined}\n            style={{ width: '100%', height: '100%', overflow: 'visible' }}\n            styles={{\n              eventInner: {\n                display: 'block',\n                overflow: 'visible',\n                lineHeight: 'var(--resources-week-view-all-day-height)',\n              },\n            }}\n          />\n        </div>\n      );\n    });\n\n    return (\n      <ResourcesWeekViewRow\n        key={resource.id}\n        resource={resource}\n        resourceIndex={resourceIndex}\n        weekdays={weekdays}\n        slots={slots}\n        getStyles={getStyles}\n        labels={labels}\n        highlightBusinessHours={highlightBusinessHours}\n        businessHours={businessHours}\n        withEventsDragAndDrop={withDragHandlers}\n        mode={mode}\n        slotsRef={slotsRef}\n        firstSlotIndex={firstSlotIndex}\n        onSlotKeyDown={handleSlotKeyDown}\n        onSlotClick={handleTimeSlotClick}\n        onRowSlotsDragOver={(event, resourceId, resIdx) => {\n          const slotIndex = getSlotIndexFromDragPoint(event, resIdx);\n          if (slotIndex !== null) {\n            dragDrop.handleDragOver(event, { resourceId, slotIndex });\n            updateDragPreview({ resourceId, slotIndex });\n          }\n        }}\n        onRowSlotsDragLeave={dragDrop.handleDragLeave}\n        onRowSlotsDrop={(event, resourceId, resIdx) => {\n          const slotIndex = getSlotIndexFromDragPoint(event, resIdx);\n          if (slotIndex !== null) {\n            dragDrop.handleDrop(event, { resourceId, slotIndex });\n          }\n        }}\n        dropTargetSlotIndex={\n          !suppressDropHighlight && dragDrop.dropTarget?.resourceId === resource.id\n            ? dragDrop.dropTarget.slotIndex\n            : undefined\n        }\n        withDragSlotSelect={withDragSlotSelect}\n        onSlotPointerDown={slotDragSelect.handleSlotPointerDown}\n        isSlotDragSelected={slotDragSelect.isSlotSelected}\n        rowSlotsContainerRef={(node) => {\n          rowSlotsContainersRef.current[resourceIndex] = node;\n        }}\n        renderResourceLabel={renderResourceLabel}\n        renderGroupLabel={renderGroupLabel}\n        scrolledX={scrolledX}\n        groupInfo={hasGroups ? resourceGroupMap[resourceIndex] : undefined}\n        allDayCount={maxAllDayCount}\n      >\n        {eventNodes}\n        {dragDrop.dragPreview?.target.resourceId === resource.id &&\n          dragDrop.dragContextValue.draggedEvent && (\n            <Box\n              {...getStyles('resourcesWeekViewDragPreview', {\n                style: (() => {\n                  const previewDayIndex = Math.floor(\n                    dragDrop.dragPreview.target.slotIndex / totalSlotsPerDay\n                  );\n                  const { top, height } = getDayPosition({\n                    event: {\n                      ...dragDrop.dragContextValue.draggedEvent,\n                      start: dragDrop.dragPreview.start,\n                      end: dragDrop.dragPreview.end,\n                    },\n                    startTime,\n                    endTime,\n                    intervalMinutes,\n                  });\n                  const dayOffsetPercent = (previewDayIndex / weekdays.length) * 100;\n                  const eventLeft = dayOffsetPercent + (top / 100) * dayWidthPercent;\n                  const eventWidth = (height / 100) * dayWidthPercent;\n                  return {\n                    position: 'absolute',\n                    insetBlockStart: 0,\n                    insetBlockEnd: 0,\n                    ...getTimeAxisEventStyle({\n                      start: eventLeft,\n                      span: eventWidth,\n                      axis: 'horizontal',\n                    }),\n                  };\n                })(),\n              })}\n            />\n          )}\n      </ResourcesWeekViewRow>\n    );\n  });\n\n  const headerLabel = getWeekLabel({\n    weekdays,\n    locale: ctx.getLocale(locale),\n    weekLabelFormat: weekLabelFormat!,\n    renderWeekLabel,\n  });\n\n  const indicatorLeftPercent =\n    todayDayIndex >= 0 ? ((todayDayIndex + timeIndicatorOffset / 100) / weekdays.length) * 100 : 0;\n\n  const content = (\n    <Box\n      {...getStyles('resourcesWeekView')}\n      mod={{\n        static: mode === 'static',\n        'slot-dragging': slotDragSelect.isDragging,\n        resizing: eventResize.isResizing,\n        'event-interaction': eventResize.isResizing || dragDrop.dragContextValue.isDragging,\n      }}\n      {...others}\n    >\n      {withHeader && (\n        <ScheduleHeaderBase\n          view=\"week\"\n          navigationHandlers={{\n            previous: () => previousWeek(date, ctx.getFirstDayOfWeek(firstDayOfWeek)),\n            next: () => nextWeek(date, ctx.getFirstDayOfWeek(firstDayOfWeek)),\n            today: () => toDateString(resolveNow()),\n          }}\n          control={{\n            miw: 180,\n            title: headerLabel,\n          }}\n          labels={labels}\n          onDateChange={onDateChange}\n          onViewChange={onViewChange}\n          previousControlProps={previousControlProps}\n          nextControlProps={nextControlProps}\n          todayControlProps={todayControlProps}\n          viewSelectProps={{ views: ['day', 'week', 'month'] as const, ...viewSelectProps }}\n          stylesApiProps={stylesApiProps}\n        />\n      )}\n\n      <Box {...getStyles('resourcesWeekViewRoot')}>\n        <ScrollArea\n          scrollbarSize={4}\n          {...scrollAreaProps}\n          {...getStyles('resourcesWeekViewScrollArea', {\n            className: scrollAreaProps?.className,\n            style: scrollAreaProps?.style,\n          })}\n          onScrollPositionChange={(position) => {\n            scrollAreaProps?.onScrollPositionChange?.(position);\n            setScrolled(position.y !== 0);\n            setScrolledX(position.x !== 0);\n          }}\n          viewportRef={mergedViewportRef}\n        >\n          <div {...getStyles('resourcesWeekViewInner')}>\n            <div {...getStyles('resourcesWeekViewHeaderRows')}>\n              <div\n                {...getStyles('resourcesWeekViewCorner')}\n                key=\"corner\"\n                style={\n                  hasGroups\n                    ? {\n                        flexBasis:\n                          'calc(var(--resources-week-view-resource-label-width) + var(--resources-week-view-group-label-width))',\n                        minWidth:\n                          'calc(var(--resources-week-view-resource-label-width) + var(--resources-week-view-group-label-width))',\n                      }\n                    : undefined\n                }\n              >\n                {getLabel('resources', labels)}\n              </div>\n              <div {...getStyles('resourcesWeekViewHeaderContent')}>\n                <div {...getStyles('resourcesWeekViewDayLabelsRow')}>{dayLabels}</div>\n                <Box {...getStyles('resourcesWeekViewTimeLabelsRow')} mod={{ scrolled }}>\n                  {timeLabels}\n                </Box>\n              </div>\n            </div>\n\n            {rows}\n\n            {showTimeIndicator && (\n              <Box\n                {...getStyles('resourcesWeekViewCurrentTimeIndicator')}\n                __vars={{\n                  '--indicator-left-offset': hasGroups\n                    ? `calc(var(--resources-week-view-resource-label-width) + var(--resources-week-view-group-label-width) + (100% - var(--resources-week-view-resource-label-width) - var(--resources-week-view-group-label-width)) * ${indicatorLeftPercent} / 100)`\n                    : `calc(var(--resources-week-view-resource-label-width) + (100% - var(--resources-week-view-resource-label-width)) * ${indicatorLeftPercent} / 100)`,\n                  '--_time-bubble-width': formattedCurrentTime\n                    ?.toString()\n                    .toLowerCase()\n                    .includes('m')\n                    ? '64px'\n                    : '46px',\n                }}\n              >\n                {withCurrentTimeBubble && (\n                  <div {...getStyles('resourcesWeekViewCurrentTimeIndicatorTimeBubble')}>\n                    {formattedCurrentTime}\n                  </div>\n                )}\n                {!withCurrentTimeBubble && (\n                  <div {...getStyles('resourcesWeekViewCurrentTimeIndicatorThumb')} />\n                )}\n                <div {...getStyles('resourcesWeekViewCurrentTimeIndicatorLine')} />\n              </Box>\n            )}\n          </div>\n        </ScrollArea>\n      </Box>\n    </Box>\n  );\n\n  const dragContextValue = useMemo<DragContextValue>(\n    () => dragDrop.dragContextValue,\n    [dragDrop.dragContextValue]\n  );\n\n  if (withEventsDragAndDrop) {\n    return <DragContext.Provider value={dragContextValue}>{content}</DragContext.Provider>;\n  }\n\n  return content;\n});\n\nResourcesWeekView.displayName = '@mantine/schedule/ResourcesWeekView';\nResourcesWeekView.classes = classes;\nResourcesWeekView.varsResolver = varsResolver;\n"],"mappings":"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"}

package/esm/components/ResourcesWeekView/ResourcesWeekView.module.mjs

@@ -25,7 +25,8 @@ var ResourcesWeekView_module_default = {
 	"resourcesWeekViewCurrentTimeIndicator": "m_6f70bf38",
 	"resourcesWeekViewCurrentTimeIndicatorLine": "m_be32874c",
 	"resourcesWeekViewCurrentTimeIndicatorThumb": "m_88ec57e",
-	"resourcesWeekViewCurrentTimeIndicatorTimeBubble": "m_9ff3db11"
+	"resourcesWeekViewCurrentTimeIndicatorTimeBubble": "m_9ff3db11",
+	"resourcesWeekViewDragPreview": "m_27f284a5"
 };
 //#endregion
 export { ResourcesWeekView_module_default as default };