@mantine/schedule 9.7.0 → 9.7.1

package/esm/components/MonthView/get-month-view-events/get-month-positioned-events.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { addEventToDayGroups } from "./add-event-to-day-groups.mjs";
 import { calculateEventPositionInWeek } from "./calculate-event-position-in-week.mjs";
-import { findAvailableRow } from "./find-available-row.mjs";
 import { getWeeksInRange } from "./get-weeks-in-range.mjs";
+import { reserveRow } from "./reserve-row.mjs";
 import dayjs from "dayjs";
 //#region packages/@mantine/schedule/src/components/MonthView/get-month-view-events/get-month-positioned-events.ts
 function getMonthPositionedEvents({ date, events, firstDayOfWeek = 1, range }) {
@@ -16,6 +16,11 @@ function getMonthPositionedEvents({ date, events, firstDayOfWeek = 1, range }) {
 		rangeEnd,
 		firstDayOfWeek
 	});
+	const weekStates = weeks.map((week) => ({
+		weekStart: dayjs(week[0]).startOf("day"),
+		weekEnd: dayjs(week[6]).endOf("day"),
+		nextRowByDay: new Array(7).fill(0)
+	}));
 	for (let i = 0; i < weeks.length; i++) {
 		groupedByWeek[i.toString()] = [];
 		backgroundByWeek[i.toString()] = [];
@@ -26,9 +31,7 @@ function getMonthPositionedEvents({ date, events, firstDayOfWeek = 1, range }) {
 		const eventEnd = rawEnd.hour() === 0 && rawEnd.minute() === 0 && rawEnd.second() === 0 ? rawEnd.startOf("day").subtract(1, "day") : rawEnd.startOf("day");
 		const isMultiday = eventEnd.isAfter(eventStart);
 		for (let weekIdx = 0; weekIdx < weeks.length; weekIdx++) {
-			const week = weeks[weekIdx];
-			const weekStart = dayjs(week[0]).startOf("day");
-			const weekEnd = dayjs(week[6]).endOf("day");
+			const { weekStart, weekEnd, nextRowByDay } = weekStates[weekIdx];
 			if ((eventStart.isBefore(weekEnd) || eventStart.isSame(weekEnd, "day")) && (eventEnd.isAfter(weekStart) || eventEnd.isSame(weekStart, "day"))) {
 				const { startDayIndex, daysSpanned, startOffset, width, hanging } = calculateEventPositionInWeek({
 					eventStart,
@@ -50,11 +53,10 @@ function getMonthPositionedEvents({ date, events, firstDayOfWeek = 1, range }) {
 					});
 					continue;
 				}
-				const row = findAvailableRow({
-					existingEvents: groupedByWeek[weekIdx.toString()],
+				const row = reserveRow({
+					nextRowByDay,
 					startDayIndex,
-					daysSpanned,
-					weekStart
+					daysSpanned
 				});
 				const positionedEvent = {
 					...event,

package/esm/components/MonthView/get-month-view-events/get-month-positioned-events.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-month-positioned-events.mjs","names":[],"sources":["../../../../src/components/MonthView/get-month-view-events/get-month-positioned-events.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport {\n  AnyDateValue,\n  DateStringValue,\n  DayOfWeek,\n  MonthPositionedEventData,\n  ScheduleEventData,\n} from '../../../types';\nimport { addEventToDayGroups } from './add-event-to-day-groups';\nimport { calculateEventPositionInWeek } from './calculate-event-position-in-week';\nimport { findAvailableRow } from './find-available-row';\nimport { getWeeksInRange } from './get-weeks-in-range';\n\ninterface GetMonthPositionedEventsInput {\n  /** Date (month start) at which events are positioned */\n  date: AnyDateValue;\n\n  /** List of all events that belong to the given month, extra events must be filtered out before passing to the function */\n  events: ScheduleEventData[];\n\n  /** First day of the week, 0 - Sunday, 1 - Monday, etc., used to calculate events positions */\n  firstDayOfWeek?: DayOfWeek;\n\n  /** Range of dates for which events should be displayed (includes outside days if withOutsideDays is true) */\n  range?: {\n    start: DateStringValue;\n    end: DateStringValue;\n  };\n}\n\n/** Events grouped by week index and by day */\nexport interface GroupedMonthEvents {\n  /** Events grouped by week index (index within month) */\n  groupedByWeek: {\n    [weekIndex: string]: MonthPositionedEventData[];\n  };\n\n  /** Events grouped by day (YYYY-MM-DD format) */\n  groupedByDay: {\n    [date: string]: MonthPositionedEventData[];\n  };\n\n  /** Background events grouped by week index */\n  backgroundByWeek: {\n    [weekIndex: string]: MonthPositionedEventData[];\n  };\n}\n\nexport function getMonthPositionedEvents({\n  date,\n  events,\n  firstDayOfWeek = 1,\n  range,\n}: GetMonthPositionedEventsInput): GroupedMonthEvents {\n  const groupedByWeek: GroupedMonthEvents['groupedByWeek'] = {};\n  const backgroundByWeek: GroupedMonthEvents['backgroundByWeek'] = {};\n  const eventsAddedToDay = new Set<string>();\n\n  const rangeStart = range ? dayjs(range.start) : dayjs(date).startOf('month');\n  const rangeEnd = range ? dayjs(range.end) : dayjs(date).startOf('month').endOf('month');\n\n  const { weeks, groupedByDay } = getWeeksInRange({\n    rangeStart,\n    rangeEnd,\n    firstDayOfWeek,\n  });\n\n  for (let i = 0; i < weeks.length; i++) {\n    groupedByWeek[i.toString()] = [];\n    backgroundByWeek[i.toString()] = [];\n  }\n\n  for (const event of events) {\n    const eventStart = dayjs(event.start).startOf('day');\n    const rawEnd = dayjs(event.end);\n    const endAtMidnight = rawEnd.hour() === 0 && rawEnd.minute() === 0 && rawEnd.second() === 0;\n    const eventEnd = endAtMidnight\n      ? rawEnd.startOf('day').subtract(1, 'day')\n      : rawEnd.startOf('day');\n    const isMultiday = eventEnd.isAfter(eventStart);\n\n    for (let weekIdx = 0; weekIdx < weeks.length; weekIdx++) {\n      const week = weeks[weekIdx];\n      const weekStart = dayjs(week[0]).startOf('day');\n      const weekEnd = dayjs(week[6]).endOf('day');\n\n      if (\n        (eventStart.isBefore(weekEnd) || eventStart.isSame(weekEnd, 'day')) &&\n        (eventEnd.isAfter(weekStart) || eventEnd.isSame(weekStart, 'day'))\n      ) {\n        const { startDayIndex, daysSpanned, startOffset, width, hanging } =\n          calculateEventPositionInWeek({\n            eventStart,\n            eventEnd,\n            weekStart,\n            weekEnd,\n            isMultiday,\n          });\n\n        if (event.display === 'background') {\n          backgroundByWeek[weekIdx.toString()].push({\n            ...event,\n            position: {\n              startOffset,\n              width,\n              weekIndex: weekIdx,\n              row: 0,\n              hanging,\n            },\n          });\n          continue;\n        }\n\n        const row = findAvailableRow({\n          existingEvents: groupedByWeek[weekIdx.toString()],\n          startDayIndex,\n          daysSpanned,\n          weekStart,\n        });\n\n        const positionedEvent: MonthPositionedEventData = {\n          ...event,\n          position: {\n            startOffset,\n            width,\n            weekIndex: weekIdx,\n            row,\n            hanging,\n          },\n        };\n\n        groupedByWeek[weekIdx.toString()].push(positionedEvent);\n\n        addEventToDayGroups({\n          positionedEvent,\n          eventStart,\n          eventEnd,\n          groupedByDay,\n          eventsAddedToDay,\n          weekIdx,\n        });\n      }\n    }\n  }\n\n  return {\n    groupedByWeek,\n    groupedByDay,\n    backgroundByWeek,\n  };\n}\n"],"mappings":";;;;;;;AAgDA,SAAgB,yBAAyB,EACvC,MACA,QACA,iBAAiB,GACjB,SACoD;CACpD,MAAM,gBAAqD,CAAC;CAC5D,MAAM,mBAA2D,CAAC;CAClE,MAAM,mCAAmB,IAAI,IAAY;CAEzC,MAAM,aAAa,QAAQ,MAAM,MAAM,KAAK,IAAI,MAAM,IAAI,CAAC,CAAC,QAAQ,OAAO;CAC3E,MAAM,WAAW,QAAQ,MAAM,MAAM,GAAG,IAAI,MAAM,IAAI,CAAC,CAAC,QAAQ,OAAO,CAAC,CAAC,MAAM,OAAO;CAEtF,MAAM,EAAE,OAAO,iBAAiB,gBAAgB;EAC9C;EACA;EACA;CACF,CAAC;CAED,KAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;EACrC,cAAc,EAAE,SAAS,KAAK,CAAC;EAC/B,iBAAiB,EAAE,SAAS,KAAK,CAAC;CACpC;CAEA,KAAK,MAAM,SAAS,QAAQ;EAC1B,MAAM,aAAa,MAAM,MAAM,KAAK,CAAC,CAAC,QAAQ,KAAK;EACnD,MAAM,SAAS,MAAM,MAAM,GAAG;EAE9B,MAAM,WADgB,OAAO,KAAK,MAAM,KAAK,OAAO,OAAO,MAAM,KAAK,OAAO,OAAO,MAAM,IAEtF,OAAO,QAAQ,KAAK,CAAC,CAAC,SAAS,GAAG,KAAK,IACvC,OAAO,QAAQ,KAAK;EACxB,MAAM,aAAa,SAAS,QAAQ,UAAU;EAE9C,KAAK,IAAI,UAAU,GAAG,UAAU,MAAM,QAAQ,WAAW;GACvD,MAAM,OAAO,MAAM;GACnB,MAAM,YAAY,MAAM,KAAK,EAAE,CAAC,CAAC,QAAQ,KAAK;GAC9C,MAAM,UAAU,MAAM,KAAK,EAAE,CAAC,CAAC,MAAM,KAAK;GAE1C,KACG,WAAW,SAAS,OAAO,KAAK,WAAW,OAAO,SAAS,KAAK,OAChE,SAAS,QAAQ,SAAS,KAAK,SAAS,OAAO,WAAW,KAAK,IAChE;IACA,MAAM,EAAE,eAAe,aAAa,aAAa,OAAO,YACtD,6BAA6B;KAC3B;KACA;KACA;KACA;KACA;IACF,CAAC;IAEH,IAAI,MAAM,YAAY,cAAc;KAClC,iBAAiB,QAAQ,SAAS,EAAE,CAAC,KAAK;MACxC,GAAG;MACH,UAAU;OACR;OACA;OACA,WAAW;OACX,KAAK;OACL;MACF;KACF,CAAC;KACD;IACF;IAEA,MAAM,MAAM,iBAAiB;KAC3B,gBAAgB,cAAc,QAAQ,SAAS;KAC/C;KACA;KACA;IACF,CAAC;IAED,MAAM,kBAA4C;KAChD,GAAG;KACH,UAAU;MACR;MACA;MACA,WAAW;MACX;MACA;KACF;IACF;IAEA,cAAc,QAAQ,SAAS,EAAE,CAAC,KAAK,eAAe;IAEtD,oBAAoB;KAClB;KACA;KACA;KACA;KACA;KACA;IACF,CAAC;GACH;EACF;CACF;CAEA,OAAO;EACL;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"get-month-positioned-events.mjs","names":[],"sources":["../../../../src/components/MonthView/get-month-view-events/get-month-positioned-events.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport {\n  AnyDateValue,\n  DateStringValue,\n  DayOfWeek,\n  MonthPositionedEventData,\n  ScheduleEventData,\n} from '../../../types';\nimport { addEventToDayGroups } from './add-event-to-day-groups';\nimport { calculateEventPositionInWeek } from './calculate-event-position-in-week';\nimport { getWeeksInRange } from './get-weeks-in-range';\nimport { reserveRow } from './reserve-row';\n\ninterface GetMonthPositionedEventsInput {\n  /** Date (month start) at which events are positioned */\n  date: AnyDateValue;\n\n  /** List of all events that belong to the given month, extra events must be filtered out before passing to the function */\n  events: ScheduleEventData[];\n\n  /** First day of the week, 0 - Sunday, 1 - Monday, etc., used to calculate events positions */\n  firstDayOfWeek?: DayOfWeek;\n\n  /** Range of dates for which events should be displayed (includes outside days if withOutsideDays is true) */\n  range?: {\n    start: DateStringValue;\n    end: DateStringValue;\n  };\n}\n\n/** Events grouped by week index and by day */\nexport interface GroupedMonthEvents {\n  /** Events grouped by week index (index within month) */\n  groupedByWeek: {\n    [weekIndex: string]: MonthPositionedEventData[];\n  };\n\n  /** Events grouped by day (YYYY-MM-DD format) */\n  groupedByDay: {\n    [date: string]: MonthPositionedEventData[];\n  };\n\n  /** Background events grouped by week index */\n  backgroundByWeek: {\n    [weekIndex: string]: MonthPositionedEventData[];\n  };\n}\n\nexport function getMonthPositionedEvents({\n  date,\n  events,\n  firstDayOfWeek = 1,\n  range,\n}: GetMonthPositionedEventsInput): GroupedMonthEvents {\n  const groupedByWeek: GroupedMonthEvents['groupedByWeek'] = {};\n  const backgroundByWeek: GroupedMonthEvents['backgroundByWeek'] = {};\n  const eventsAddedToDay = new Set<string>();\n\n  const rangeStart = range ? dayjs(range.start) : dayjs(date).startOf('month');\n  const rangeEnd = range ? dayjs(range.end) : dayjs(date).startOf('month').endOf('month');\n\n  const { weeks, groupedByDay } = getWeeksInRange({\n    rangeStart,\n    rangeEnd,\n    firstDayOfWeek,\n  });\n\n  const weekStates = weeks.map((week) => ({\n    weekStart: dayjs(week[0]).startOf('day'),\n    weekEnd: dayjs(week[6]).endOf('day'),\n    nextRowByDay: new Array<number>(7).fill(0),\n  }));\n\n  for (let i = 0; i < weeks.length; i++) {\n    groupedByWeek[i.toString()] = [];\n    backgroundByWeek[i.toString()] = [];\n  }\n\n  for (const event of events) {\n    const eventStart = dayjs(event.start).startOf('day');\n    const rawEnd = dayjs(event.end);\n    const endAtMidnight = rawEnd.hour() === 0 && rawEnd.minute() === 0 && rawEnd.second() === 0;\n    const eventEnd = endAtMidnight\n      ? rawEnd.startOf('day').subtract(1, 'day')\n      : rawEnd.startOf('day');\n    const isMultiday = eventEnd.isAfter(eventStart);\n\n    for (let weekIdx = 0; weekIdx < weeks.length; weekIdx++) {\n      const { weekStart, weekEnd, nextRowByDay } = weekStates[weekIdx];\n\n      if (\n        (eventStart.isBefore(weekEnd) || eventStart.isSame(weekEnd, 'day')) &&\n        (eventEnd.isAfter(weekStart) || eventEnd.isSame(weekStart, 'day'))\n      ) {\n        const { startDayIndex, daysSpanned, startOffset, width, hanging } =\n          calculateEventPositionInWeek({\n            eventStart,\n            eventEnd,\n            weekStart,\n            weekEnd,\n            isMultiday,\n          });\n\n        if (event.display === 'background') {\n          backgroundByWeek[weekIdx.toString()].push({\n            ...event,\n            position: {\n              startOffset,\n              width,\n              weekIndex: weekIdx,\n              row: 0,\n              hanging,\n            },\n          });\n          continue;\n        }\n\n        const row = reserveRow({\n          nextRowByDay,\n          startDayIndex,\n          daysSpanned,\n        });\n\n        const positionedEvent: MonthPositionedEventData = {\n          ...event,\n          position: {\n            startOffset,\n            width,\n            weekIndex: weekIdx,\n            row,\n            hanging,\n          },\n        };\n\n        groupedByWeek[weekIdx.toString()].push(positionedEvent);\n\n        addEventToDayGroups({\n          positionedEvent,\n          eventStart,\n          eventEnd,\n          groupedByDay,\n          eventsAddedToDay,\n          weekIdx,\n        });\n      }\n    }\n  }\n\n  return {\n    groupedByWeek,\n    groupedByDay,\n    backgroundByWeek,\n  };\n}\n"],"mappings":";;;;;;;AAgDA,SAAgB,yBAAyB,EACvC,MACA,QACA,iBAAiB,GACjB,SACoD;CACpD,MAAM,gBAAqD,CAAC;CAC5D,MAAM,mBAA2D,CAAC;CAClE,MAAM,mCAAmB,IAAI,IAAY;CAEzC,MAAM,aAAa,QAAQ,MAAM,MAAM,KAAK,IAAI,MAAM,IAAI,CAAC,CAAC,QAAQ,OAAO;CAC3E,MAAM,WAAW,QAAQ,MAAM,MAAM,GAAG,IAAI,MAAM,IAAI,CAAC,CAAC,QAAQ,OAAO,CAAC,CAAC,MAAM,OAAO;CAEtF,MAAM,EAAE,OAAO,iBAAiB,gBAAgB;EAC9C;EACA;EACA;CACF,CAAC;CAED,MAAM,aAAa,MAAM,KAAK,UAAU;EACtC,WAAW,MAAM,KAAK,EAAE,CAAC,CAAC,QAAQ,KAAK;EACvC,SAAS,MAAM,KAAK,EAAE,CAAC,CAAC,MAAM,KAAK;EACnC,cAAc,IAAI,MAAc,CAAC,CAAC,CAAC,KAAK,CAAC;CAC3C,EAAE;CAEF,KAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;EACrC,cAAc,EAAE,SAAS,KAAK,CAAC;EAC/B,iBAAiB,EAAE,SAAS,KAAK,CAAC;CACpC;CAEA,KAAK,MAAM,SAAS,QAAQ;EAC1B,MAAM,aAAa,MAAM,MAAM,KAAK,CAAC,CAAC,QAAQ,KAAK;EACnD,MAAM,SAAS,MAAM,MAAM,GAAG;EAE9B,MAAM,WADgB,OAAO,KAAK,MAAM,KAAK,OAAO,OAAO,MAAM,KAAK,OAAO,OAAO,MAAM,IAEtF,OAAO,QAAQ,KAAK,CAAC,CAAC,SAAS,GAAG,KAAK,IACvC,OAAO,QAAQ,KAAK;EACxB,MAAM,aAAa,SAAS,QAAQ,UAAU;EAE9C,KAAK,IAAI,UAAU,GAAG,UAAU,MAAM,QAAQ,WAAW;GACvD,MAAM,EAAE,WAAW,SAAS,iBAAiB,WAAW;GAExD,KACG,WAAW,SAAS,OAAO,KAAK,WAAW,OAAO,SAAS,KAAK,OAChE,SAAS,QAAQ,SAAS,KAAK,SAAS,OAAO,WAAW,KAAK,IAChE;IACA,MAAM,EAAE,eAAe,aAAa,aAAa,OAAO,YACtD,6BAA6B;KAC3B;KACA;KACA;KACA;KACA;IACF,CAAC;IAEH,IAAI,MAAM,YAAY,cAAc;KAClC,iBAAiB,QAAQ,SAAS,EAAE,CAAC,KAAK;MACxC,GAAG;MACH,UAAU;OACR;OACA;OACA,WAAW;OACX,KAAK;OACL;MACF;KACF,CAAC;KACD;IACF;IAEA,MAAM,MAAM,WAAW;KACrB;KACA;KACA;IACF,CAAC;IAED,MAAM,kBAA4C;KAChD,GAAG;KACH,UAAU;MACR;MACA;MACA,WAAW;MACX;MACA;KACF;IACF;IAEA,cAAc,QAAQ,SAAS,EAAE,CAAC,KAAK,eAAe;IAEtD,oBAAoB;KAClB;KACA;KACA;KACA;KACA;KACA;IACF,CAAC;GACH;EACF;CACF;CAEA,OAAO;EACL;EACA;EACA;CACF;AACF"}

package/esm/components/MonthView/get-month-view-events/reserve-row.mjs

@@ -0,0 +1,12 @@
+"use client";
+//#region packages/@mantine/schedule/src/components/MonthView/get-month-view-events/reserve-row.ts
+function reserveRow({ nextRowByDay, startDayIndex, daysSpanned }) {
+	const endDayIndex = startDayIndex + daysSpanned;
+	const row = Math.max(...nextRowByDay.slice(startDayIndex, endDayIndex));
+	nextRowByDay.fill(row + 1, startDayIndex, endDayIndex);
+	return row;
+}
+//#endregion
+export { reserveRow };
+
+//# sourceMappingURL=reserve-row.mjs.map

package/esm/components/MonthView/get-month-view-events/reserve-row.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"reserve-row.mjs","names":[],"sources":["../../../../src/components/MonthView/get-month-view-events/reserve-row.ts"],"sourcesContent":["interface ReserveRowInput {\n  nextRowByDay: number[];\n  startDayIndex: number;\n  daysSpanned: number;\n}\n\nexport function reserveRow({ nextRowByDay, startDayIndex, daysSpanned }: ReserveRowInput): number {\n  const endDayIndex = startDayIndex + daysSpanned;\n  const row = Math.max(...nextRowByDay.slice(startDayIndex, endDayIndex));\n  nextRowByDay.fill(row + 1, startDayIndex, endDayIndex);\n  return row;\n}\n"],"mappings":";;AAMA,SAAgB,WAAW,EAAE,cAAc,eAAe,eAAwC;CAChG,MAAM,cAAc,gBAAgB;CACpC,MAAM,MAAM,KAAK,IAAI,GAAG,aAAa,MAAM,eAAe,WAAW,CAAC;CACtE,aAAa,KAAK,MAAM,GAAG,eAAe,WAAW;CACrD,OAAO;AACT"}

package/esm/components/ResourcesDayView/ResourcesDayView.mjs

@@ -325,7 +325,7 @@ const ResourcesDayView = factory((_props) => {
 		const cornerEl = viewportRef.current.querySelector(`.${ResourcesDayView_module_default.resourcesDayViewCorner}`);
 		const labelWidth = cornerEl ? cornerEl.getBoundingClientRect().width : 0;
 		viewportRef.current.scrollTo({
-			left: slotRect.left - viewportRect.left - labelWidth,
+			left: slotRect.left - viewportRect.left + viewportRef.current.scrollLeft - labelWidth,
 			top: 0
 		});
 	}, []);

package/esm/components/ResourcesDayView/ResourcesDayView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ResourcesDayView.mjs","names":["classes"],"sources":["../../../src/components/ResourcesDayView/ResourcesDayView.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  DayPositionedEventData,\n  PreventEventOverlap,\n  ScheduleCanDropEventData,\n  ScheduleCanDropExternalEventData,\n  ScheduleCanResizeEventToData,\n  ScheduleEventData,\n  ScheduleEventPlacementRejectedData,\n  ScheduleMode,\n  ScheduleResourceData,\n  ScheduleResourceGroup,\n  ScheduleViewLevel,\n} from '../../types';\nimport {\n  calculateDropTime,\n  expandRecurringEvents,\n  formatDate,\n  getBusinessHoursMod,\n  getDayPosition,\n  getCurrentTimePosition,\n  getDayTimeIntervals,\n  getGroupToResourceIdMap,\n  getIndexFromDragPoint,\n  getOrderedResources,\n  getOverlapClusters,\n  getTimeAxisEventStyle,\n  handleResourcesGridKeyDown,\n  isAllDayEvent,\n  isInTimeRange,\n  ResourcesGridControlsRef,\n  toDateString,\n} from '../../utils';\nimport { DragContext, DragContextValue } from '../DragContext/DragContext';\nimport { MoreEvents, MoreEventsProps, MoreEventsStylesNames } from '../MoreEvents/MoreEvents';\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 { getResourcesDayViewEvents } from './get-resources-day-view-events/get-resources-day-view-events';\nimport { ResourcesDayViewRow } from './ResourcesDayViewColumn';\nimport classes from './ResourcesDayView.module.css';\n\nexport type ResourcesDayViewStylesNames =\n  | 'resourcesDayView'\n  | 'resourcesDayViewRoot'\n  | 'resourcesDayViewInner'\n  | 'resourcesDayViewTimeLabelsRow'\n  | 'resourcesDayViewScrollArea'\n  | 'resourcesDayViewCorner'\n  | 'resourcesDayViewTimeLabel'\n  | 'resourcesDayViewResourceLabel'\n  | 'resourcesDayViewRow'\n  | 'resourcesDayViewRowSlot'\n  | 'resourcesDayViewRowSlots'\n  | 'resourcesDayViewBackgroundEvent'\n  | 'resourcesDayViewAllDayEvent'\n  | 'resourcesDayViewCurrentTimeIndicator'\n  | 'resourcesDayViewCurrentTimeIndicatorLine'\n  | 'resourcesDayViewCurrentTimeIndicatorThumb'\n  | 'resourcesDayViewCurrentTimeIndicatorTimeBubble'\n  | 'resourcesDayViewEventWrapper'\n  | 'resourcesDayViewDragPreview'\n  | 'resourcesDayViewResizeHandle'\n  | 'resourcesDayViewGroupColumn'\n  | 'resourcesDayViewGroupColumnEmpty'\n  | MoreEventsStylesNames\n  | CombinedScheduleHeaderStylesNames;\n\nexport type ResourcesDayViewCssVariables = {\n  resourcesDayView:\n    | '--resources-day-view-radius'\n    | '--resources-day-view-slot-width'\n    | '--resources-day-view-row-height'\n    | '--resources-day-view-group-label-width';\n};\n\nexport interface ResourcesDayViewProps\n  extends BoxProps, StylesApiProps<ResourcesDayViewFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Day to display, Date object or date string in `YYYY-MM-DD` format */\n  date: Date | string;\n\n  /** Called with the new date value when a date is selected */\n  onDateChange?: (value: DateStringValue) => void;\n\n  /** List of resources to display as rows */\n  resources: ScheduleResourceData[];\n\n  /** Start time for the day view, in `HH:mm:ss` format @default 00:00:00 */\n  startTime?: string;\n\n  /** End time for the day view, in `HH:mm:ss` format @default 23:59:59 */\n  endTime?: string;\n\n  /** Number of minutes for each interval in the day 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\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\n  /** Dayjs format for slot labels or a callback function that returns formatted value @default HH:mm */\n  slotLabelFormat?: DateLabelFormat;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Time to scroll to on initial render, in `HH:mm:ss` format */\n  startScrollTime?: string;\n\n  /** Props passed down to the `ScrollArea` component */\n  scrollAreaProps?: Partial<ScrollAreaProps> & DataAttributes;\n\n  /** Locale passed down to dayjs, overrides value defined on `DatesProvider` */\n  locale?: string;\n\n  /** If set, displays a vertical line indicating the current time. By default, displayed only for the current day. */\n  withCurrentTimeIndicator?: boolean;\n\n  /** If set, the time indicator displays the current time in the bubble @default true */\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  /** If set, the header is displayed @default true */\n  withHeader?: boolean;\n\n  /** Called when view level select button is clicked */\n  onViewChange?: (view: ScheduleViewLevel) => void;\n\n  /** Props passed to previous control */\n  previousControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to next control */\n  nextControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to today control */\n  todayControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to view level select */\n  viewSelectProps?: Partial<ViewSelectProps> & DataAttributes;\n\n  /** Dayjs format for header label @default 'MMMM D, YYYY' */\n  headerFormat?: DateLabelFormat;\n\n  /** List of events to display */\n  events?: ScheduleEventData[];\n\n  /** Width of each time slot column @default 80px */\n  slotWidth?: React.CSSProperties['width'];\n\n  /** Height of each resource row @default 64px */\n  rowHeight?: React.CSSProperties['height'];\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n\n  /** If set to true, highlights business hours with white background @default false */\n  highlightBusinessHours?: boolean;\n\n  /** Business hours range in `HH:mm:ss` format @default ['09:00:00', '17:00:00'] */\n  businessHours?: [string, string];\n\n  /** Function to customize event body */\n  renderEventBody?: RenderEventBody;\n\n  /** Function to fully customize event rendering */\n  renderEvent?: RenderEvent;\n\n  /** Function to customize resource label rendering */\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  /** If true, events can be dragged and dropped @default false */\n  withEventsDragAndDrop?: boolean;\n\n  /** Called when event is dropped at new time, includes target resourceId */\n  onEventDrop?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n    resourceId?: string | number;\n  }) => void;\n\n  /** Function to determine if event can be dragged */\n  canDragEvent?: (event: ScheduleEventData) => boolean;\n\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\n  /** Called when any event drag starts */\n  onEventDragStart?: (event: ScheduleEventData) => void;\n\n  /** Called when any event drag ends */\n  onEventDragEnd?: () => void;\n\n  /** Called when time slot is clicked, includes resourceId */\n  onTimeSlotClick?: (data: {\n    slotStart: DateTimeStringValue;\n    slotEnd: DateTimeStringValue;\n    nativeEvent: React.MouseEvent<HTMLButtonElement>;\n    resourceId?: string | number;\n  }) => void;\n\n  /** Called when event is clicked */\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** If set, background events (`display: 'background'`) can be clicked and trigger `onEventClick`. Combined with `withEventResize`, timed background events can also be resized by dragging their edges. @default false */\n  withInteractiveBackgroundEvents?: boolean;\n\n  /** If set, enables drag-to-select time slot ranges @default false */\n  withDragSlotSelect?: boolean;\n\n  /** Called when a time slot range is selected by dragging, includes resourceId */\n  onSlotDragEnd?: (data: {\n    rangeStart: DateTimeStringValue;\n    rangeEnd: DateTimeStringValue;\n    resourceId?: string | number;\n  }) => void;\n\n  /** Interaction mode @default default */\n  mode?: ScheduleMode;\n\n  /** Called when an external item is dropped onto the schedule */\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  /** Called while an event is dragged over a target to compute live feedback and again before the drop is committed, return `false` to reject the drop. Must be pure and cheap. */\n  canDropEvent?: (data: ScheduleCanDropEventData) => boolean;\n\n  /** Called while an external item is dragged over a target to compute live feedback and again before the drop is committed, return `false` to reject the drop. Must be pure and cheap. Only `dataTransfer.types` can be read while the drag is in progress. */\n  canDropExternalEvent?: (data: ScheduleCanDropExternalEventData) => boolean;\n\n  /** Called on every pointer move while an event is resized to compute live feedback and again before the resize is committed, return `false` to reject the new size. Must be pure and cheap. */\n  canResizeEventTo?: (data: ScheduleCanResizeEventToData) => boolean;\n\n  /** If set, drops and resizes that would make the event overlap another event are rejected. Pass a function to decide per pair of events: return `true` to forbid the overlap. The function runs while dragging and resizing to compute live feedback, it must be pure and cheap. @default false */\n  preventEventOverlap?: PreventEventOverlap;\n\n  /** Called when a drop or resize is rejected */\n  onEventPlacementRejected?: (data: ScheduleEventPlacementRejectedData) => void;\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  /** Max number of generated recurring instances per recurring series @default 2000 */\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\nexport type ResourcesDayViewFactory = Factory<{\n  props: ResourcesDayViewProps;\n  ref: HTMLDivElement;\n  stylesNames: ResourcesDayViewStylesNames;\n  vars: ResourcesDayViewCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'ResourcesDayView',\n  startTime: '00:00:00',\n  endTime: '23:59:59',\n  slotLabelFormat: 'HH:mm',\n  intervalMinutes: 60,\n  minEventSize: 1,\n  withHeader: true,\n  headerFormat: 'MMMM D, YYYY',\n  highlightBusinessHours: false,\n  businessHours: ['09:00:00', '17:00:00'],\n  withEventsDragAndDrop: false,\n  withDragSlotSelect: false,\n  withEventResize: false,\n  mode: 'default',\n  maxEventsPerTimeSlot: 2,\n  withInteractiveBackgroundEvents: false,\n} satisfies Partial<ResourcesDayViewProps>;\n\nconst varsResolver = createVarsResolver<ResourcesDayViewFactory>(\n  (_theme, { radius, slotWidth, rowHeight, groupLabelWidth }) => ({\n    resourcesDayView: {\n      '--resources-day-view-radius': radius ? getRadius(radius) : undefined,\n      '--resources-day-view-slot-width': rem(slotWidth),\n      '--resources-day-view-row-height': rem(rowHeight),\n      '--resources-day-view-group-label-width': rem(groupLabelWidth),\n    },\n  })\n);\n\nexport const ResourcesDayView = factory<ResourcesDayViewFactory>((_props) => {\n  const props = useProps('ResourcesDayView', 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    startScrollTime,\n    scrollAreaProps,\n    locale,\n    withCurrentTimeIndicator: _withCurrentTimeIndicator,\n    withCurrentTimeBubble = true,\n    getCurrentTime,\n    __staticSelector,\n    withHeader,\n    onViewChange,\n    previousControlProps,\n    nextControlProps,\n    todayControlProps,\n    viewSelectProps,\n    headerFormat,\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    onTimeSlotClick,\n    onEventClick,\n    withInteractiveBackgroundEvents,\n    withDragSlotSelect,\n    onSlotDragEnd,\n    mode,\n    onExternalEventDrop,\n    withEventResize,\n    onEventResize,\n    canResizeEvent,\n    canDropEvent,\n    canDropExternalEvent,\n    canResizeEventTo,\n    preventEventOverlap,\n    onEventPlacementRejected,\n    eventResizeInterval,\n    recurrenceExpansionLimit,\n    maxEventsPerTimeSlot: _maxEventsPerTimeSlot,\n    moreEventsProps,\n    ...others\n  } = props;\n\n  const maxEventsPerTimeSlot =\n    _maxEventsPerTimeSlot !== undefined ? Math.max(1, _maxEventsPerTimeSlot) : undefined;\n\n  const getStyles = useStyles<ResourcesDayViewFactory>({\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: 'resourcesDayView',\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<ResourcesDayViewFactory>({\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  type DropTargetSlot = { resourceId: string | number; slotIndex: number };\n\n  const dragOffsetRef = useRef<{ offset: number; size: number }>({ offset: 0, size: 0 });\n\n  const getExternalDropDateTime = useCallback(\n    (target: DropTargetSlot) => {\n      const slotDate = dayjs(date).format('YYYY-MM-DD');\n      const slotTime = slots[target.slotIndex].startTime;\n      const dropDateTime = `${slotDate} ${slotTime}`;\n\n      if (eventDragInterval == null) {\n        return dropDateTime;\n      }\n\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\n      return dayjs(start).format('YYYY-MM-DD HH:mm:ss');\n    },\n    [slots, date, eventDragInterval, intervalMinutes, startTime, endTime]\n  );\n\n  const handleExternalDrop = useCallback(\n    (e: React.DragEvent, target: DropTargetSlot) => {\n      if (!onExternalEventDrop) {\n        return;\n      }\n      onExternalEventDrop({\n        dataTransfer: e.dataTransfer,\n        dropDateTime: getExternalDropDateTime(target),\n        resourceId: target.resourceId,\n      });\n    },\n    [onExternalEventDrop, getExternalDropDateTime]\n  );\n\n  const lastDropResourceId = useRef<string | number | undefined>(undefined);\n\n  const getDropTimeForSlot = (target: DropTargetSlot, draggedEvent: ScheduleEventData) => {\n    const slotTime = slots[target.slotIndex].startTime;\n    return calculateDropTime({\n      draggedEvent,\n      targetDate: dayjs(date).format('YYYY-MM-DD'),\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 expandedEvents = useMemo(\n    () =>\n      expandRecurringEvents({\n        events,\n        rangeStart: dayjs(date).startOf('day').toDate(),\n        rangeEnd: dayjs(date).endOf('day').toDate(),\n        expansionLimit: recurrenceExpansionLimit,\n      }),\n    [events, date, recurrenceExpansionLimit]\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    events: expandedEvents,\n    preventEventOverlap,\n    canDropEvent,\n    canDropExternalEvent,\n    onEventPlacementRejected,\n    getExternalDropDateTime,\n    getTargetResourceId: (target) => target.resourceId,\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 slotDate = dayjs(date).format('YYYY-MM-DD');\n      onSlotDragEnd({\n        rangeStart: `${slotDate} ${slots[startIndex].startTime}`,\n        rangeEnd: `${slotDate} ${slots[endIndex].endTime}`,\n        resourceId: groupToResourceId.get(group) ?? group,\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    events: expandedEvents,\n    preventEventOverlap,\n    canResizeEventTo,\n    onEventPlacementRejected,\n    withBackgroundEvents: withInteractiveBackgroundEvents,\n  });\n\n  const withDragHandlers = (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== 'static';\n\n  const handleTimeSlotClick = (\n    resourceId: string | number,\n    slotTime: string,\n    e: React.MouseEvent<HTMLButtonElement>\n  ) => {\n    if (!onTimeSlotClick) {\n      return;\n    }\n\n    const slotDate = dayjs(date).format('YYYY-MM-DD');\n    const slotIndex = slots.findIndex((s) => s.startTime === slotTime);\n    if (slotIndex === -1) {\n      return;\n    }\n\n    const slot = slots[slotIndex];\n    onTimeSlotClick({\n      slotStart: `${slotDate} ${slot.startTime}`,\n      slotEnd: `${slotDate} ${slot.endTime}`,\n      nativeEvent: e,\n      resourceId,\n    });\n  };\n\n  const dateStr = dayjs(date).format('YYYY-MM-DD');\n  const resolveNow = () => (getCurrentTime ? dayjs(getCurrentTime()) : dayjs());\n  const now = resolveNow();\n  const isToday = dayjs(date).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  const showTimeIndicator =\n    mounted &&\n    withCurrentTimeIndicator &&\n    isInTimeRange({ date: now.toDate(), startTime, endTime });\n  const formattedCurrentTime = withCurrentTimeBubble\n    ? formatDate({ locale: ctx.getLocale(locale), date: now, format: slotLabelFormat })\n    : '';\n\n  const resourceEvents = useMemo(\n    () =>\n      getResourcesDayViewEvents({\n        date,\n        events: expandedEvents,\n        resources,\n        startTime,\n        endTime,\n        intervalMinutes,\n      }),\n    [date, expandedEvents, resources, startTime, endTime, intervalMinutes]\n  );\n\n  const timeLabels = slots.map((interval) => {\n    const intervalTime = dayjs(`${dateStr} ${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('resourcesDayViewTimeLabel')}\n        key={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  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 (!startScrollTime || !viewportRef.current) {\n      return;\n    }\n\n    const firstResourceSlots = slotsRef.current[0];\n    if (!firstResourceSlots || firstResourceSlots.length === 0) {\n      return;\n    }\n\n    const targetIndex = slots.findIndex((s) => s.startTime >= startScrollTime);\n    if (targetIndex < 0) {\n      return;\n    }\n\n    const targetSlot = firstResourceSlots[targetIndex];\n    if (!targetSlot) {\n      return;\n    }\n\n    const slotRect = targetSlot.getBoundingClientRect();\n    const viewportRect = viewportRef.current.getBoundingClientRect();\n    const cornerEl = viewportRef.current.querySelector(`.${classes.resourcesDayViewCorner}`);\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 interactiveBackgroundEvents = withInteractiveBackgroundEvents && mode !== 'static';\n\n  const rows = orderedResources.map((resource, resourceIndex) => {\n    const renderBackgroundEvent = (event: DayPositionedEventData, allDay: boolean) => {\n      const isResizable = !allDay && eventResize.isResizableEvent(event);\n      const resizePosition = eventResize.getResizePosition(event.id);\n\n      return (\n        <ScheduleBackgroundEvent<'start' | 'end'>\n          key={`bg-${event.id}`}\n          event={event}\n          renderEvent={renderEvent}\n          renderEventBody={renderEventBody}\n          interactive={interactiveBackgroundEvents}\n          onEventClick={\n            onEventClick\n              ? (clickedEvent, e) => {\n                  if (!eventResize.wasResizing()) {\n                    onEventClick(clickedEvent, e);\n                  }\n                }\n              : undefined\n          }\n          withResize={isResizable}\n          isResizing={resizePosition !== null}\n          activeResizeEdge={eventResize.resizingEdge}\n          resizeAxis=\"horizontal\"\n          resizeHandleProps={getStyles('resourcesDayViewResizeHandle')}\n          onResizeStart={\n            isResizable\n              ? (edge, e) => {\n                  const container = rowSlotsContainersRef.current[resourceIndex];\n                  if (container) {\n                    eventResize.handleResizeStart({\n                      event,\n                      edge,\n                      container,\n                      originalLeft: event.position.top,\n                      originalWidth: event.position.height,\n                      eventDate: dateStr,\n                      pointerEvent: e,\n                    });\n                  }\n                }\n              : undefined\n          }\n          {...getStyles('resourcesDayViewBackgroundEvent', {\n            style: {\n              left: `${resizePosition ? resizePosition.left : event.position.top}%`,\n              width: `${resizePosition ? resizePosition.width : event.position.height}%`,\n              top: 0,\n              height: '100%',\n            },\n          })}\n        />\n      );\n    };\n\n    const backgroundEventNodes = [\n      ...(resourceEvents.backgroundTimedEvents[resource.id] || []).map((event) =>\n        renderBackgroundEvent(event, false)\n      ),\n      ...(resourceEvents.backgroundAllDayEvents[resource.id] || []).map((event) =>\n        renderBackgroundEvent(event, true)\n      ),\n    ];\n\n    const allRegularEvents = (resourceEvents.regularEvents[resource.id] || []).filter(\n      (event) => !isAllDayEvent({ event, date })\n    );\n\n    const visibleRegularEvents =\n      maxEventsPerTimeSlot !== undefined\n        ? allRegularEvents.filter((event) => event.position.column < maxEventsPerTimeSlot)\n        : allRegularEvents;\n\n    const regularEvents = visibleRegularEvents.map((event) => {\n      const isDraggable = dragDrop.isDraggableEvent(event);\n      const isResizable = eventResize.isResizableEvent(event);\n      const resizePosition = eventResize.getResizePosition(event.id);\n      const eventLeft = resizePosition ? resizePosition.left : event.position.top;\n      const eventWidth = resizePosition ? resizePosition.width : event.position.height;\n\n      const adjustPosition =\n        maxEventsPerTimeSlot !== undefined && event.position.overlaps > maxEventsPerTimeSlot;\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 isThisEventResizing = resizePosition !== null;\n      const activeEdge =\n        isThisEventResizing && eventResize.resizingEdge ? eventResize.resizingEdge : null;\n\n      return (\n        <Box\n          key={event.id}\n          {...getStyles('resourcesDayViewEventWrapper')}\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            mod={{ invalid: isThisEventResizing && !eventResize.resizeValid }}\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('resourcesDayViewResizeHandle')}\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: dateStr,\n                      pointerEvent: e,\n                    });\n                  }\n                }}\n              />\n              <div\n                {...getStyles('resourcesDayViewResizeHandle')}\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: dateStr,\n                      pointerEvent: e,\n                    });\n                  }\n                }}\n              />\n            </>\n          )}\n        </Box>\n      );\n    });\n\n    const allDayEvents = resourceEvents.allDayEvents[resource.id] || [];\n\n    const allDayEventNodes = allDayEvents.map((event, index) => (\n      <Box\n        key={`all-day-${event.id}`}\n        {...getStyles('resourcesDayViewAllDayEvent', {\n          style: {\n            top: `calc(${index} * (var(--resources-day-view-all-day-height) + 2px) + 2px)`,\n          },\n        })}\n      >\n        <ScheduleEvent\n          event={event}\n          autoSize\n          nowrap\n          renderEventBody={renderEventBody}\n          renderEvent={renderEvent}\n          radius={radius}\n          mode={mode}\n          onClick={onEventClick ? (e) => onEventClick(event, e) : undefined}\n          style={{ width: '100%', height: '100%' }}\n        />\n      </Box>\n    ));\n\n    const moreEventsForResource =\n      maxEventsPerTimeSlot !== undefined\n        ? getOverlapClusters(allRegularEvents)\n            .filter((cluster) => cluster.some((e) => e.position.column >= maxEventsPerTimeSlot))\n            .map((cluster) => {\n              const hiddenCount = cluster.filter(\n                (e) => e.position.column >= maxEventsPerTimeSlot\n              ).length;\n              const leftPercent = Math.min(...cluster.map((e) => e.position.top));\n              const rightPercent = Math.max(\n                ...cluster.map((e) => e.position.top + e.position.height)\n              );\n\n              return (\n                <MoreEvents\n                  key={`more-${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    return (\n      <ResourcesDayViewRow\n        key={resource.id}\n        resource={resource}\n        resourceIndex={resourceIndex}\n        date={dateStr}\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={allDayEvents.length}\n      >\n        {backgroundEventNodes}\n        {allDayEventNodes}\n        {regularEvents}\n        {moreEventsForResource}\n        {dragDrop.dragPreview?.target.resourceId === resource.id &&\n          dragDrop.dragContextValue.draggedEvent && (\n            <Box\n              mod={{ invalid: !dragDrop.dropValid }}\n              {...getStyles('resourcesDayViewDragPreview', {\n                style: (() => {\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                  return {\n                    position: 'absolute',\n                    insetBlockStart: 0,\n                    insetBlockEnd: 0,\n                    ...getTimeAxisEventStyle({ start: top, span: height, axis: 'horizontal' }),\n                  };\n                })(),\n              })}\n            />\n          )}\n      </ResourcesDayViewRow>\n    );\n  });\n\n  const headerLabel = formatDate({\n    date: dayjs(date),\n    locale: ctx.getLocale(locale),\n    format: headerFormat,\n  });\n\n  const content = (\n    <Box\n      {...getStyles('resourcesDayView')}\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=\"day\"\n          navigationHandlers={{\n            previous: () => toDateString(dayjs(date).subtract(1, 'day')),\n            next: () => toDateString(dayjs(date).add(1, 'day')),\n            today: () => toDateString(resolveNow()),\n          }}\n          control={{\n            miw: 140,\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('resourcesDayViewRoot')}>\n        <ScrollArea\n          scrollbarSize={4}\n          {...scrollAreaProps}\n          {...getStyles('resourcesDayViewScrollArea', {\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('resourcesDayViewInner')}>\n            <Box {...getStyles('resourcesDayViewTimeLabelsRow')} mod={{ scrolled }}>\n              <div\n                {...getStyles('resourcesDayViewCorner')}\n                key=\"corner\"\n                style={\n                  hasGroups\n                    ? {\n                        flexBasis:\n                          'calc(var(--resources-day-view-resource-label-width) + var(--resources-day-view-group-label-width))',\n                        minWidth:\n                          'calc(var(--resources-day-view-resource-label-width) + var(--resources-day-view-group-label-width))',\n                      }\n                    : undefined\n                }\n              >\n                {getLabel('resources', labels)}\n              </div>\n              {timeLabels}\n            </Box>\n\n            {rows}\n\n            {showTimeIndicator && (\n              <Box\n                {...getStyles('resourcesDayViewCurrentTimeIndicator')}\n                __vars={{\n                  '--indicator-left-offset': hasGroups\n                    ? `calc(var(--resources-day-view-resource-label-width) + var(--resources-day-view-group-label-width) + (100% - var(--resources-day-view-resource-label-width) - var(--resources-day-view-group-label-width)) * ${timeIndicatorOffset} / 100)`\n                    : `calc(var(--resources-day-view-resource-label-width) + (100% - var(--resources-day-view-resource-label-width)) * ${timeIndicatorOffset} / 100)`,\n                  '--_time-bubble-width': formattedCurrentTime\n                    ?.toString()\n                    .toLowerCase()\n                    .includes('m')\n                    ? '64px'\n                    : '46px',\n                }}\n              >\n                {withCurrentTimeBubble && (\n                  <div {...getStyles('resourcesDayViewCurrentTimeIndicatorTimeBubble')}>\n                    {formattedCurrentTime}\n                  </div>\n                )}\n                {!withCurrentTimeBubble && (\n                  <div {...getStyles('resourcesDayViewCurrentTimeIndicatorThumb')} />\n                )}\n                <div {...getStyles('resourcesDayViewCurrentTimeIndicatorLine')} />\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\nResourcesDayView.displayName = '@mantine/schedule/ResourcesDayView';\nResourcesDayView.classes = classes;\nResourcesDayView.varsResolver = varsResolver;\n"],"mappings":"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"}
+{"version":3,"file":"ResourcesDayView.mjs","names":["classes"],"sources":["../../../src/components/ResourcesDayView/ResourcesDayView.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  DayPositionedEventData,\n  PreventEventOverlap,\n  ScheduleCanDropEventData,\n  ScheduleCanDropExternalEventData,\n  ScheduleCanResizeEventToData,\n  ScheduleEventData,\n  ScheduleEventPlacementRejectedData,\n  ScheduleMode,\n  ScheduleResourceData,\n  ScheduleResourceGroup,\n  ScheduleViewLevel,\n} from '../../types';\nimport {\n  calculateDropTime,\n  expandRecurringEvents,\n  formatDate,\n  getBusinessHoursMod,\n  getDayPosition,\n  getCurrentTimePosition,\n  getDayTimeIntervals,\n  getGroupToResourceIdMap,\n  getIndexFromDragPoint,\n  getOrderedResources,\n  getOverlapClusters,\n  getTimeAxisEventStyle,\n  handleResourcesGridKeyDown,\n  isAllDayEvent,\n  isInTimeRange,\n  ResourcesGridControlsRef,\n  toDateString,\n} from '../../utils';\nimport { DragContext, DragContextValue } from '../DragContext/DragContext';\nimport { MoreEvents, MoreEventsProps, MoreEventsStylesNames } from '../MoreEvents/MoreEvents';\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 { getResourcesDayViewEvents } from './get-resources-day-view-events/get-resources-day-view-events';\nimport { ResourcesDayViewRow } from './ResourcesDayViewColumn';\nimport classes from './ResourcesDayView.module.css';\n\nexport type ResourcesDayViewStylesNames =\n  | 'resourcesDayView'\n  | 'resourcesDayViewRoot'\n  | 'resourcesDayViewInner'\n  | 'resourcesDayViewTimeLabelsRow'\n  | 'resourcesDayViewScrollArea'\n  | 'resourcesDayViewCorner'\n  | 'resourcesDayViewTimeLabel'\n  | 'resourcesDayViewResourceLabel'\n  | 'resourcesDayViewRow'\n  | 'resourcesDayViewRowSlot'\n  | 'resourcesDayViewRowSlots'\n  | 'resourcesDayViewBackgroundEvent'\n  | 'resourcesDayViewAllDayEvent'\n  | 'resourcesDayViewCurrentTimeIndicator'\n  | 'resourcesDayViewCurrentTimeIndicatorLine'\n  | 'resourcesDayViewCurrentTimeIndicatorThumb'\n  | 'resourcesDayViewCurrentTimeIndicatorTimeBubble'\n  | 'resourcesDayViewEventWrapper'\n  | 'resourcesDayViewDragPreview'\n  | 'resourcesDayViewResizeHandle'\n  | 'resourcesDayViewGroupColumn'\n  | 'resourcesDayViewGroupColumnEmpty'\n  | MoreEventsStylesNames\n  | CombinedScheduleHeaderStylesNames;\n\nexport type ResourcesDayViewCssVariables = {\n  resourcesDayView:\n    | '--resources-day-view-radius'\n    | '--resources-day-view-slot-width'\n    | '--resources-day-view-row-height'\n    | '--resources-day-view-group-label-width';\n};\n\nexport interface ResourcesDayViewProps\n  extends BoxProps, StylesApiProps<ResourcesDayViewFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Day to display, Date object or date string in `YYYY-MM-DD` format */\n  date: Date | string;\n\n  /** Called with the new date value when a date is selected */\n  onDateChange?: (value: DateStringValue) => void;\n\n  /** List of resources to display as rows */\n  resources: ScheduleResourceData[];\n\n  /** Start time for the day view, in `HH:mm:ss` format @default 00:00:00 */\n  startTime?: string;\n\n  /** End time for the day view, in `HH:mm:ss` format @default 23:59:59 */\n  endTime?: string;\n\n  /** Number of minutes for each interval in the day 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\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\n  /** Dayjs format for slot labels or a callback function that returns formatted value @default HH:mm */\n  slotLabelFormat?: DateLabelFormat;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Time to scroll to on initial render, in `HH:mm:ss` format */\n  startScrollTime?: string;\n\n  /** Props passed down to the `ScrollArea` component */\n  scrollAreaProps?: Partial<ScrollAreaProps> & DataAttributes;\n\n  /** Locale passed down to dayjs, overrides value defined on `DatesProvider` */\n  locale?: string;\n\n  /** If set, displays a vertical line indicating the current time. By default, displayed only for the current day. */\n  withCurrentTimeIndicator?: boolean;\n\n  /** If set, the time indicator displays the current time in the bubble @default true */\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  /** If set, the header is displayed @default true */\n  withHeader?: boolean;\n\n  /** Called when view level select button is clicked */\n  onViewChange?: (view: ScheduleViewLevel) => void;\n\n  /** Props passed to previous control */\n  previousControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to next control */\n  nextControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to today control */\n  todayControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to view level select */\n  viewSelectProps?: Partial<ViewSelectProps> & DataAttributes;\n\n  /** Dayjs format for header label @default 'MMMM D, YYYY' */\n  headerFormat?: DateLabelFormat;\n\n  /** List of events to display */\n  events?: ScheduleEventData[];\n\n  /** Width of each time slot column @default 80px */\n  slotWidth?: React.CSSProperties['width'];\n\n  /** Height of each resource row @default 64px */\n  rowHeight?: React.CSSProperties['height'];\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n\n  /** If set to true, highlights business hours with white background @default false */\n  highlightBusinessHours?: boolean;\n\n  /** Business hours range in `HH:mm:ss` format @default ['09:00:00', '17:00:00'] */\n  businessHours?: [string, string];\n\n  /** Function to customize event body */\n  renderEventBody?: RenderEventBody;\n\n  /** Function to fully customize event rendering */\n  renderEvent?: RenderEvent;\n\n  /** Function to customize resource label rendering */\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  /** If true, events can be dragged and dropped @default false */\n  withEventsDragAndDrop?: boolean;\n\n  /** Called when event is dropped at new time, includes target resourceId */\n  onEventDrop?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n    resourceId?: string | number;\n  }) => void;\n\n  /** Function to determine if event can be dragged */\n  canDragEvent?: (event: ScheduleEventData) => boolean;\n\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\n  /** Called when any event drag starts */\n  onEventDragStart?: (event: ScheduleEventData) => void;\n\n  /** Called when any event drag ends */\n  onEventDragEnd?: () => void;\n\n  /** Called when time slot is clicked, includes resourceId */\n  onTimeSlotClick?: (data: {\n    slotStart: DateTimeStringValue;\n    slotEnd: DateTimeStringValue;\n    nativeEvent: React.MouseEvent<HTMLButtonElement>;\n    resourceId?: string | number;\n  }) => void;\n\n  /** Called when event is clicked */\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** If set, background events (`display: 'background'`) can be clicked and trigger `onEventClick`. Combined with `withEventResize`, timed background events can also be resized by dragging their edges. @default false */\n  withInteractiveBackgroundEvents?: boolean;\n\n  /** If set, enables drag-to-select time slot ranges @default false */\n  withDragSlotSelect?: boolean;\n\n  /** Called when a time slot range is selected by dragging, includes resourceId */\n  onSlotDragEnd?: (data: {\n    rangeStart: DateTimeStringValue;\n    rangeEnd: DateTimeStringValue;\n    resourceId?: string | number;\n  }) => void;\n\n  /** Interaction mode @default default */\n  mode?: ScheduleMode;\n\n  /** Called when an external item is dropped onto the schedule */\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  /** Called while an event is dragged over a target to compute live feedback and again before the drop is committed, return `false` to reject the drop. Must be pure and cheap. */\n  canDropEvent?: (data: ScheduleCanDropEventData) => boolean;\n\n  /** Called while an external item is dragged over a target to compute live feedback and again before the drop is committed, return `false` to reject the drop. Must be pure and cheap. Only `dataTransfer.types` can be read while the drag is in progress. */\n  canDropExternalEvent?: (data: ScheduleCanDropExternalEventData) => boolean;\n\n  /** Called on every pointer move while an event is resized to compute live feedback and again before the resize is committed, return `false` to reject the new size. Must be pure and cheap. */\n  canResizeEventTo?: (data: ScheduleCanResizeEventToData) => boolean;\n\n  /** If set, drops and resizes that would make the event overlap another event are rejected. Pass a function to decide per pair of events: return `true` to forbid the overlap. The function runs while dragging and resizing to compute live feedback, it must be pure and cheap. @default false */\n  preventEventOverlap?: PreventEventOverlap;\n\n  /** Called when a drop or resize is rejected */\n  onEventPlacementRejected?: (data: ScheduleEventPlacementRejectedData) => void;\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  /** Max number of generated recurring instances per recurring series @default 2000 */\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\nexport type ResourcesDayViewFactory = Factory<{\n  props: ResourcesDayViewProps;\n  ref: HTMLDivElement;\n  stylesNames: ResourcesDayViewStylesNames;\n  vars: ResourcesDayViewCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'ResourcesDayView',\n  startTime: '00:00:00',\n  endTime: '23:59:59',\n  slotLabelFormat: 'HH:mm',\n  intervalMinutes: 60,\n  minEventSize: 1,\n  withHeader: true,\n  headerFormat: 'MMMM D, YYYY',\n  highlightBusinessHours: false,\n  businessHours: ['09:00:00', '17:00:00'],\n  withEventsDragAndDrop: false,\n  withDragSlotSelect: false,\n  withEventResize: false,\n  mode: 'default',\n  maxEventsPerTimeSlot: 2,\n  withInteractiveBackgroundEvents: false,\n} satisfies Partial<ResourcesDayViewProps>;\n\nconst varsResolver = createVarsResolver<ResourcesDayViewFactory>(\n  (_theme, { radius, slotWidth, rowHeight, groupLabelWidth }) => ({\n    resourcesDayView: {\n      '--resources-day-view-radius': radius ? getRadius(radius) : undefined,\n      '--resources-day-view-slot-width': rem(slotWidth),\n      '--resources-day-view-row-height': rem(rowHeight),\n      '--resources-day-view-group-label-width': rem(groupLabelWidth),\n    },\n  })\n);\n\nexport const ResourcesDayView = factory<ResourcesDayViewFactory>((_props) => {\n  const props = useProps('ResourcesDayView', 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    startScrollTime,\n    scrollAreaProps,\n    locale,\n    withCurrentTimeIndicator: _withCurrentTimeIndicator,\n    withCurrentTimeBubble = true,\n    getCurrentTime,\n    __staticSelector,\n    withHeader,\n    onViewChange,\n    previousControlProps,\n    nextControlProps,\n    todayControlProps,\n    viewSelectProps,\n    headerFormat,\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    onTimeSlotClick,\n    onEventClick,\n    withInteractiveBackgroundEvents,\n    withDragSlotSelect,\n    onSlotDragEnd,\n    mode,\n    onExternalEventDrop,\n    withEventResize,\n    onEventResize,\n    canResizeEvent,\n    canDropEvent,\n    canDropExternalEvent,\n    canResizeEventTo,\n    preventEventOverlap,\n    onEventPlacementRejected,\n    eventResizeInterval,\n    recurrenceExpansionLimit,\n    maxEventsPerTimeSlot: _maxEventsPerTimeSlot,\n    moreEventsProps,\n    ...others\n  } = props;\n\n  const maxEventsPerTimeSlot =\n    _maxEventsPerTimeSlot !== undefined ? Math.max(1, _maxEventsPerTimeSlot) : undefined;\n\n  const getStyles = useStyles<ResourcesDayViewFactory>({\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: 'resourcesDayView',\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<ResourcesDayViewFactory>({\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  type DropTargetSlot = { resourceId: string | number; slotIndex: number };\n\n  const dragOffsetRef = useRef<{ offset: number; size: number }>({ offset: 0, size: 0 });\n\n  const getExternalDropDateTime = useCallback(\n    (target: DropTargetSlot) => {\n      const slotDate = dayjs(date).format('YYYY-MM-DD');\n      const slotTime = slots[target.slotIndex].startTime;\n      const dropDateTime = `${slotDate} ${slotTime}`;\n\n      if (eventDragInterval == null) {\n        return dropDateTime;\n      }\n\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\n      return dayjs(start).format('YYYY-MM-DD HH:mm:ss');\n    },\n    [slots, date, eventDragInterval, intervalMinutes, startTime, endTime]\n  );\n\n  const handleExternalDrop = useCallback(\n    (e: React.DragEvent, target: DropTargetSlot) => {\n      if (!onExternalEventDrop) {\n        return;\n      }\n      onExternalEventDrop({\n        dataTransfer: e.dataTransfer,\n        dropDateTime: getExternalDropDateTime(target),\n        resourceId: target.resourceId,\n      });\n    },\n    [onExternalEventDrop, getExternalDropDateTime]\n  );\n\n  const lastDropResourceId = useRef<string | number | undefined>(undefined);\n\n  const getDropTimeForSlot = (target: DropTargetSlot, draggedEvent: ScheduleEventData) => {\n    const slotTime = slots[target.slotIndex].startTime;\n    return calculateDropTime({\n      draggedEvent,\n      targetDate: dayjs(date).format('YYYY-MM-DD'),\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 expandedEvents = useMemo(\n    () =>\n      expandRecurringEvents({\n        events,\n        rangeStart: dayjs(date).startOf('day').toDate(),\n        rangeEnd: dayjs(date).endOf('day').toDate(),\n        expansionLimit: recurrenceExpansionLimit,\n      }),\n    [events, date, recurrenceExpansionLimit]\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    events: expandedEvents,\n    preventEventOverlap,\n    canDropEvent,\n    canDropExternalEvent,\n    onEventPlacementRejected,\n    getExternalDropDateTime,\n    getTargetResourceId: (target) => target.resourceId,\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 slotDate = dayjs(date).format('YYYY-MM-DD');\n      onSlotDragEnd({\n        rangeStart: `${slotDate} ${slots[startIndex].startTime}`,\n        rangeEnd: `${slotDate} ${slots[endIndex].endTime}`,\n        resourceId: groupToResourceId.get(group) ?? group,\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    events: expandedEvents,\n    preventEventOverlap,\n    canResizeEventTo,\n    onEventPlacementRejected,\n    withBackgroundEvents: withInteractiveBackgroundEvents,\n  });\n\n  const withDragHandlers = (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== 'static';\n\n  const handleTimeSlotClick = (\n    resourceId: string | number,\n    slotTime: string,\n    e: React.MouseEvent<HTMLButtonElement>\n  ) => {\n    if (!onTimeSlotClick) {\n      return;\n    }\n\n    const slotDate = dayjs(date).format('YYYY-MM-DD');\n    const slotIndex = slots.findIndex((s) => s.startTime === slotTime);\n    if (slotIndex === -1) {\n      return;\n    }\n\n    const slot = slots[slotIndex];\n    onTimeSlotClick({\n      slotStart: `${slotDate} ${slot.startTime}`,\n      slotEnd: `${slotDate} ${slot.endTime}`,\n      nativeEvent: e,\n      resourceId,\n    });\n  };\n\n  const dateStr = dayjs(date).format('YYYY-MM-DD');\n  const resolveNow = () => (getCurrentTime ? dayjs(getCurrentTime()) : dayjs());\n  const now = resolveNow();\n  const isToday = dayjs(date).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  const showTimeIndicator =\n    mounted &&\n    withCurrentTimeIndicator &&\n    isInTimeRange({ date: now.toDate(), startTime, endTime });\n  const formattedCurrentTime = withCurrentTimeBubble\n    ? formatDate({ locale: ctx.getLocale(locale), date: now, format: slotLabelFormat })\n    : '';\n\n  const resourceEvents = useMemo(\n    () =>\n      getResourcesDayViewEvents({\n        date,\n        events: expandedEvents,\n        resources,\n        startTime,\n        endTime,\n        intervalMinutes,\n      }),\n    [date, expandedEvents, resources, startTime, endTime, intervalMinutes]\n  );\n\n  const timeLabels = slots.map((interval) => {\n    const intervalTime = dayjs(`${dateStr} ${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('resourcesDayViewTimeLabel')}\n        key={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  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 (!startScrollTime || !viewportRef.current) {\n      return;\n    }\n\n    const firstResourceSlots = slotsRef.current[0];\n    if (!firstResourceSlots || firstResourceSlots.length === 0) {\n      return;\n    }\n\n    const targetIndex = slots.findIndex((s) => s.startTime >= startScrollTime);\n    if (targetIndex < 0) {\n      return;\n    }\n\n    const targetSlot = firstResourceSlots[targetIndex];\n    if (!targetSlot) {\n      return;\n    }\n\n    const slotRect = targetSlot.getBoundingClientRect();\n    const viewportRect = viewportRef.current.getBoundingClientRect();\n    const cornerEl = viewportRef.current.querySelector(`.${classes.resourcesDayViewCorner}`);\n    const labelWidth = cornerEl ? cornerEl.getBoundingClientRect().width : 0;\n    viewportRef.current.scrollTo({\n      left: slotRect.left - viewportRect.left + viewportRef.current.scrollLeft - 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 interactiveBackgroundEvents = withInteractiveBackgroundEvents && mode !== 'static';\n\n  const rows = orderedResources.map((resource, resourceIndex) => {\n    const renderBackgroundEvent = (event: DayPositionedEventData, allDay: boolean) => {\n      const isResizable = !allDay && eventResize.isResizableEvent(event);\n      const resizePosition = eventResize.getResizePosition(event.id);\n\n      return (\n        <ScheduleBackgroundEvent<'start' | 'end'>\n          key={`bg-${event.id}`}\n          event={event}\n          renderEvent={renderEvent}\n          renderEventBody={renderEventBody}\n          interactive={interactiveBackgroundEvents}\n          onEventClick={\n            onEventClick\n              ? (clickedEvent, e) => {\n                  if (!eventResize.wasResizing()) {\n                    onEventClick(clickedEvent, e);\n                  }\n                }\n              : undefined\n          }\n          withResize={isResizable}\n          isResizing={resizePosition !== null}\n          activeResizeEdge={eventResize.resizingEdge}\n          resizeAxis=\"horizontal\"\n          resizeHandleProps={getStyles('resourcesDayViewResizeHandle')}\n          onResizeStart={\n            isResizable\n              ? (edge, e) => {\n                  const container = rowSlotsContainersRef.current[resourceIndex];\n                  if (container) {\n                    eventResize.handleResizeStart({\n                      event,\n                      edge,\n                      container,\n                      originalLeft: event.position.top,\n                      originalWidth: event.position.height,\n                      eventDate: dateStr,\n                      pointerEvent: e,\n                    });\n                  }\n                }\n              : undefined\n          }\n          {...getStyles('resourcesDayViewBackgroundEvent', {\n            style: {\n              left: `${resizePosition ? resizePosition.left : event.position.top}%`,\n              width: `${resizePosition ? resizePosition.width : event.position.height}%`,\n              top: 0,\n              height: '100%',\n            },\n          })}\n        />\n      );\n    };\n\n    const backgroundEventNodes = [\n      ...(resourceEvents.backgroundTimedEvents[resource.id] || []).map((event) =>\n        renderBackgroundEvent(event, false)\n      ),\n      ...(resourceEvents.backgroundAllDayEvents[resource.id] || []).map((event) =>\n        renderBackgroundEvent(event, true)\n      ),\n    ];\n\n    const allRegularEvents = (resourceEvents.regularEvents[resource.id] || []).filter(\n      (event) => !isAllDayEvent({ event, date })\n    );\n\n    const visibleRegularEvents =\n      maxEventsPerTimeSlot !== undefined\n        ? allRegularEvents.filter((event) => event.position.column < maxEventsPerTimeSlot)\n        : allRegularEvents;\n\n    const regularEvents = visibleRegularEvents.map((event) => {\n      const isDraggable = dragDrop.isDraggableEvent(event);\n      const isResizable = eventResize.isResizableEvent(event);\n      const resizePosition = eventResize.getResizePosition(event.id);\n      const eventLeft = resizePosition ? resizePosition.left : event.position.top;\n      const eventWidth = resizePosition ? resizePosition.width : event.position.height;\n\n      const adjustPosition =\n        maxEventsPerTimeSlot !== undefined && event.position.overlaps > maxEventsPerTimeSlot;\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 isThisEventResizing = resizePosition !== null;\n      const activeEdge =\n        isThisEventResizing && eventResize.resizingEdge ? eventResize.resizingEdge : null;\n\n      return (\n        <Box\n          key={event.id}\n          {...getStyles('resourcesDayViewEventWrapper')}\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            mod={{ invalid: isThisEventResizing && !eventResize.resizeValid }}\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('resourcesDayViewResizeHandle')}\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: dateStr,\n                      pointerEvent: e,\n                    });\n                  }\n                }}\n              />\n              <div\n                {...getStyles('resourcesDayViewResizeHandle')}\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: dateStr,\n                      pointerEvent: e,\n                    });\n                  }\n                }}\n              />\n            </>\n          )}\n        </Box>\n      );\n    });\n\n    const allDayEvents = resourceEvents.allDayEvents[resource.id] || [];\n\n    const allDayEventNodes = allDayEvents.map((event, index) => (\n      <Box\n        key={`all-day-${event.id}`}\n        {...getStyles('resourcesDayViewAllDayEvent', {\n          style: {\n            top: `calc(${index} * (var(--resources-day-view-all-day-height) + 2px) + 2px)`,\n          },\n        })}\n      >\n        <ScheduleEvent\n          event={event}\n          autoSize\n          nowrap\n          renderEventBody={renderEventBody}\n          renderEvent={renderEvent}\n          radius={radius}\n          mode={mode}\n          onClick={onEventClick ? (e) => onEventClick(event, e) : undefined}\n          style={{ width: '100%', height: '100%' }}\n        />\n      </Box>\n    ));\n\n    const moreEventsForResource =\n      maxEventsPerTimeSlot !== undefined\n        ? getOverlapClusters(allRegularEvents)\n            .filter((cluster) => cluster.some((e) => e.position.column >= maxEventsPerTimeSlot))\n            .map((cluster) => {\n              const hiddenCount = cluster.filter(\n                (e) => e.position.column >= maxEventsPerTimeSlot\n              ).length;\n              const leftPercent = Math.min(...cluster.map((e) => e.position.top));\n              const rightPercent = Math.max(\n                ...cluster.map((e) => e.position.top + e.position.height)\n              );\n\n              return (\n                <MoreEvents\n                  key={`more-${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    return (\n      <ResourcesDayViewRow\n        key={resource.id}\n        resource={resource}\n        resourceIndex={resourceIndex}\n        date={dateStr}\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={allDayEvents.length}\n      >\n        {backgroundEventNodes}\n        {allDayEventNodes}\n        {regularEvents}\n        {moreEventsForResource}\n        {dragDrop.dragPreview?.target.resourceId === resource.id &&\n          dragDrop.dragContextValue.draggedEvent && (\n            <Box\n              mod={{ invalid: !dragDrop.dropValid }}\n              {...getStyles('resourcesDayViewDragPreview', {\n                style: (() => {\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                  return {\n                    position: 'absolute',\n                    insetBlockStart: 0,\n                    insetBlockEnd: 0,\n                    ...getTimeAxisEventStyle({ start: top, span: height, axis: 'horizontal' }),\n                  };\n                })(),\n              })}\n            />\n          )}\n      </ResourcesDayViewRow>\n    );\n  });\n\n  const headerLabel = formatDate({\n    date: dayjs(date),\n    locale: ctx.getLocale(locale),\n    format: headerFormat,\n  });\n\n  const content = (\n    <Box\n      {...getStyles('resourcesDayView')}\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=\"day\"\n          navigationHandlers={{\n            previous: () => toDateString(dayjs(date).subtract(1, 'day')),\n            next: () => toDateString(dayjs(date).add(1, 'day')),\n            today: () => toDateString(resolveNow()),\n          }}\n          control={{\n            miw: 140,\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('resourcesDayViewRoot')}>\n        <ScrollArea\n          scrollbarSize={4}\n          {...scrollAreaProps}\n          {...getStyles('resourcesDayViewScrollArea', {\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('resourcesDayViewInner')}>\n            <Box {...getStyles('resourcesDayViewTimeLabelsRow')} mod={{ scrolled }}>\n              <div\n                {...getStyles('resourcesDayViewCorner')}\n                key=\"corner\"\n                style={\n                  hasGroups\n                    ? {\n                        flexBasis:\n                          'calc(var(--resources-day-view-resource-label-width) + var(--resources-day-view-group-label-width))',\n                        minWidth:\n                          'calc(var(--resources-day-view-resource-label-width) + var(--resources-day-view-group-label-width))',\n                      }\n                    : undefined\n                }\n              >\n                {getLabel('resources', labels)}\n              </div>\n              {timeLabels}\n            </Box>\n\n            {rows}\n\n            {showTimeIndicator && (\n              <Box\n                {...getStyles('resourcesDayViewCurrentTimeIndicator')}\n                __vars={{\n                  '--indicator-left-offset': hasGroups\n                    ? `calc(var(--resources-day-view-resource-label-width) + var(--resources-day-view-group-label-width) + (100% - var(--resources-day-view-resource-label-width) - var(--resources-day-view-group-label-width)) * ${timeIndicatorOffset} / 100)`\n                    : `calc(var(--resources-day-view-resource-label-width) + (100% - var(--resources-day-view-resource-label-width)) * ${timeIndicatorOffset} / 100)`,\n                  '--_time-bubble-width': formattedCurrentTime\n                    ?.toString()\n                    .toLowerCase()\n                    .includes('m')\n                    ? '64px'\n                    : '46px',\n                }}\n              >\n                {withCurrentTimeBubble && (\n                  <div {...getStyles('resourcesDayViewCurrentTimeIndicatorTimeBubble')}>\n                    {formattedCurrentTime}\n                  </div>\n                )}\n                {!withCurrentTimeBubble && (\n                  <div {...getStyles('resourcesDayViewCurrentTimeIndicatorThumb')} />\n                )}\n                <div {...getStyles('resourcesDayViewCurrentTimeIndicatorLine')} />\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\nResourcesDayView.displayName = '@mantine/schedule/ResourcesDayView';\nResourcesDayView.classes = classes;\nResourcesDayView.varsResolver = varsResolver;\n"],"mappings":"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"}

package/esm/components/ResourcesMonthView/ResourcesMonthView.mjs

@@ -120,7 +120,7 @@ const ResourcesMonthView = factory((_props) => {
 		const viewportRect = viewportRef.current.getBoundingClientRect();
 		const labelWidth = resourceLabelRef.current?.getBoundingClientRect().width ?? 0;
 		viewportRef.current.scrollTo({
-			left: labelRect.left - viewportRect.left - labelWidth,
+			left: labelRect.left - viewportRect.left + viewportRef.current.scrollLeft - labelWidth,
 			top: 0
 		});
 	}, [monthDays]);