@mantine/schedule 9.6.0 → 9.6.2

package/cjs/hooks/use-horizontal-event-resize.cjs

@@ -7,7 +7,7 @@ let dayjs = require("dayjs");
 dayjs = require_runtime.__toESM(dayjs);
 let react = require("react");
 //#region packages/@mantine/schedule/src/hooks/use-horizontal-event-resize.ts
-function useHorizontalEventResize({ enabled = false, mode = "default", startTime, endTime, intervalMinutes, resizeIntervalMinutes, onEventResize, canResizeEvent }) {
+function useHorizontalEventResize({ enabled = false, mode = "default", startTime, endTime, intervalMinutes, resizeIntervalMinutes, onEventResize, canResizeEvent, withBackgroundEvents = false }) {
 	const [resizeState, setResizeState] = (0, react.useState)(null);
 	const resizeRef = (0, react.useRef)(null);
 	const justResizedRef = (0, react.useRef)(false);
@@ -148,20 +148,23 @@ function useHorizontalEventResize({ enabled = false, mode = "default", startTime
 			document.removeEventListener("pointerup", handlePointerUp);
 		};
 	}, [isResizing]);
-	const getResizePosition = (0, react.useCallback)((eventId) => {
+	const getResizePosition = (0, react.useCallback)((eventId, eventDate) => {
 		if (!resizeState || resizeState.eventId !== eventId) return null;
+		if (eventDate !== void 0 && resizeState.eventDate !== eventDate) return null;
 		return {
 			left: resizeState.currentLeft,
 			width: resizeState.currentWidth
 		};
 	}, [resizeState]);
 	const isResizableEvent = (0, react.useCallback)((event) => {
-		if (!enabled || mode === "static" || event.display === "background") return false;
+		if (!enabled || mode === "static") return false;
+		if (event.display === "background" && !withBackgroundEvents) return false;
 		return canResizeEvent ? canResizeEvent(event) : true;
 	}, [
 		enabled,
 		mode,
-		canResizeEvent
+		canResizeEvent,
+		withBackgroundEvents
 	]);
 	const wasResizing = (0, react.useCallback)(() => justResizedRef.current, []);
 	return {

package/cjs/hooks/use-horizontal-event-resize.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-horizontal-event-resize.cjs","names":["useState","useRef","useEffectEvent","parseTimeString","clampIntervalMinutes","useCallback","getDayRelativePercent"],"sources":["../../src/hooks/use-horizontal-event-resize.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useCallback, useEffect, useEffectEvent, useRef, useState } from 'react';\nimport { DateTimeStringValue, ScheduleEventData, ScheduleMode } from '../types';\nimport { clampIntervalMinutes } from '../utils/clamp-interval-minutes/clamp-interval-minutes';\nimport { getDayRelativePercent } from '../utils/get-day-relative-percent/get-day-relative-percent';\nimport { parseTimeString } from '../utils/parse-time-string/parse-time-string';\n\ntype ResizeEdge = 'start' | 'end';\n\ninterface ResizeState {\n  eventId: string | number;\n  event: ScheduleEventData;\n  edge: ResizeEdge;\n  container: HTMLElement;\n  originalLeft: number;\n  originalWidth: number;\n  currentLeft: number;\n  currentWidth: number;\n  eventDate: string;\n  originalStart: DateTimeStringValue;\n  originalEnd: DateTimeStringValue;\n  dayIndex: number;\n  dayCount: number;\n}\n\nexport interface UseHorizontalEventResizeInput {\n  enabled?: boolean;\n  mode?: ScheduleMode;\n  startTime: string;\n  endTime: string;\n  intervalMinutes: number;\n  resizeIntervalMinutes?: number;\n  onEventResize?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n  canResizeEvent?: (event: ScheduleEventData) => boolean;\n}\n\nexport function useHorizontalEventResize({\n  enabled = false,\n  mode = 'default',\n  startTime,\n  endTime,\n  intervalMinutes,\n  resizeIntervalMinutes,\n  onEventResize,\n  canResizeEvent,\n}: UseHorizontalEventResizeInput) {\n  const [resizeState, setResizeState] = useState<ResizeState | null>(null);\n  const resizeRef = useRef<ResizeState | null>(null);\n  const justResizedRef = useRef(false);\n  const stableOnEventResize = useEffectEvent(onEventResize || (() => {}));\n\n  const parsedStartTime = parseTimeString(startTime);\n  const parsedEndTime = parseTimeString(endTime);\n  const startMinutes = parsedStartTime.hours * 60 + parsedStartTime.minutes;\n  const endMinutes = parsedEndTime.hours * 60 + parsedEndTime.minutes;\n  const clampedInterval = clampIntervalMinutes(intervalMinutes);\n  const clampedResizeInterval = clampIntervalMinutes(resizeIntervalMinutes ?? intervalMinutes);\n  const literalRange = endMinutes - startMinutes;\n  const totalMinutes = Math.ceil(literalRange / clampedInterval) * clampedInterval;\n\n  // Snapped in absolute minutes from midnight so resized edges land on the same grid as\n  // dragged events – see the matching comment in `use-event-resize`.\n  const clampAndSnap = useCallback(\n    (minutes: number): number => {\n      const snapped =\n        Math.round((startMinutes + minutes) / clampedResizeInterval) * clampedResizeInterval;\n      return Math.max(0, Math.min(literalRange, snapped - startMinutes));\n    },\n    [literalRange, clampedResizeInterval, startMinutes]\n  );\n\n  const percentToDateTime = useCallback(\n    (percent: number, eventDate: string): DateTimeStringValue => {\n      const minutes = (percent / 100) * totalMinutes;\n      const snappedMinutes = clampAndSnap(minutes);\n      const totalMins = startMinutes + snappedMinutes;\n      const hours = Math.floor(totalMins / 60);\n      const mins = totalMins % 60;\n      return `${eventDate} ${String(hours).padStart(2, '0')}:${String(mins).padStart(2, '0')}:00`;\n    },\n    [totalMinutes, startMinutes, clampAndSnap]\n  );\n\n  const snapEdgeMinutes = useCallback(\n    (minutes: number, direction: 'up' | 'down'): number => {\n      const absolute = startMinutes + minutes;\n      const snapped =\n        direction === 'up'\n          ? Math.ceil(absolute / clampedResizeInterval) * clampedResizeInterval\n          : Math.floor(absolute / clampedResizeInterval) * clampedResizeInterval;\n      return Math.max(0, Math.min(literalRange, snapped - startMinutes));\n    },\n    [literalRange, clampedResizeInterval, startMinutes]\n  );\n\n  const percentToMinutes = useCallback(\n    (percent: number): number => (percent / 100) * totalMinutes,\n    [totalMinutes]\n  );\n\n  const minutesToPercent = useCallback(\n    (minutes: number): number => (minutes / totalMinutes) * 100,\n    [totalMinutes]\n  );\n\n  const handleResizeStart = useCallback(\n    ({\n      event,\n      edge,\n      container,\n      originalLeft,\n      originalWidth,\n      eventDate,\n      dayIndex = 0,\n      dayCount = 1,\n      pointerEvent,\n    }: {\n      event: ScheduleEventData;\n      edge: ResizeEdge;\n      container: HTMLElement;\n      originalLeft: number;\n      originalWidth: number;\n      eventDate: string;\n      dayIndex?: number;\n      dayCount?: number;\n      pointerEvent: React.PointerEvent;\n    }) => {\n      if (!enabled || mode === 'static') {\n        return;\n      }\n\n      pointerEvent.preventDefault();\n      pointerEvent.stopPropagation();\n\n      const state: ResizeState = {\n        eventId: event.id,\n        event,\n        edge,\n        container,\n        originalLeft,\n        originalWidth,\n        currentLeft: originalLeft,\n        currentWidth: originalWidth,\n        eventDate,\n        originalStart: dayjs(event.start).format('YYYY-MM-DD HH:mm:ss'),\n        originalEnd: dayjs(event.end).format('YYYY-MM-DD HH:mm:ss'),\n        dayIndex,\n        dayCount,\n      };\n\n      resizeRef.current = state;\n      setResizeState(state);\n    },\n    [enabled, mode]\n  );\n\n  const isResizing = resizeState !== null;\n\n  useEffect(() => {\n    if (!isResizing) {\n      return undefined;\n    }\n\n    const savedUserSelect = document.body.style.userSelect;\n    const savedCursor = document.body.style.cursor;\n    document.body.style.userSelect = 'none';\n    document.body.style.cursor = 'ew-resize';\n\n    const handlePointerMove = (e: PointerEvent) => {\n      const state = resizeRef.current;\n      if (!state) {\n        return;\n      }\n\n      const containerRect = state.container.getBoundingClientRect();\n      const rawPercent = getDayRelativePercent({\n        clientX: e.clientX,\n        containerLeft: containerRect.left,\n        containerWidth: containerRect.width,\n        dayIndex: state.dayIndex,\n        dayCount: state.dayCount,\n      });\n      const draggedMinutes = clampAndSnap(percentToMinutes(rawPercent));\n\n      let newLeft = state.originalLeft;\n      let newWidth = state.originalWidth;\n\n      if (state.edge === 'end') {\n        const leftMinutes = percentToMinutes(state.originalLeft);\n        const minEndMinutes = snapEdgeMinutes(leftMinutes + clampedResizeInterval, 'up');\n        const endMinutes = Math.max(draggedMinutes, minEndMinutes);\n        newWidth = Math.max(0, minutesToPercent(endMinutes) - state.originalLeft);\n      } else {\n        const rightMinutes = percentToMinutes(state.originalLeft + state.originalWidth);\n        const maxStartMinutes = snapEdgeMinutes(rightMinutes - clampedResizeInterval, 'down');\n        const startMinutesValue = Math.min(draggedMinutes, maxStartMinutes);\n        newLeft = minutesToPercent(startMinutesValue);\n        newWidth = Math.max(0, state.originalLeft + state.originalWidth - newLeft);\n      }\n\n      resizeRef.current = { ...state, currentLeft: newLeft, currentWidth: newWidth };\n      setResizeState(resizeRef.current);\n    };\n\n    const handlePointerUp = () => {\n      const state = resizeRef.current;\n      if (state) {\n        if (\n          state.currentLeft !== state.originalLeft ||\n          state.currentWidth !== state.originalWidth\n        ) {\n          let newStart: DateTimeStringValue;\n          let newEnd: DateTimeStringValue;\n\n          if (state.edge === 'start') {\n            newStart = percentToDateTime(state.currentLeft, state.eventDate);\n            newEnd = state.originalEnd;\n          } else {\n            newStart = state.originalStart;\n            newEnd = percentToDateTime(state.currentLeft + state.currentWidth, state.eventDate);\n          }\n\n          stableOnEventResize({\n            eventId: state.eventId,\n            newStart,\n            newEnd,\n            event: state.event,\n          });\n        }\n      }\n      resizeRef.current = null;\n      setResizeState(null);\n      justResizedRef.current = true;\n      requestAnimationFrame(() => {\n        justResizedRef.current = false;\n      });\n    };\n\n    document.addEventListener('pointermove', handlePointerMove);\n    document.addEventListener('pointerup', handlePointerUp);\n\n    return () => {\n      document.body.style.userSelect = savedUserSelect;\n      document.body.style.cursor = savedCursor;\n      document.removeEventListener('pointermove', handlePointerMove);\n      document.removeEventListener('pointerup', handlePointerUp);\n    };\n  }, [isResizing]);\n\n  const getResizePosition = useCallback(\n    (eventId: string | number) => {\n      if (!resizeState || resizeState.eventId !== eventId) {\n        return null;\n      }\n      return { left: resizeState.currentLeft, width: resizeState.currentWidth };\n    },\n    [resizeState]\n  );\n\n  const isResizableEvent = useCallback(\n    (event: ScheduleEventData) => {\n      if (!enabled || mode === 'static' || event.display === 'background') {\n        return false;\n      }\n      return canResizeEvent ? canResizeEvent(event) : true;\n    },\n    [enabled, mode, canResizeEvent]\n  );\n\n  const wasResizing = useCallback(() => justResizedRef.current, []);\n\n  return {\n    handleResizeStart,\n    isResizing,\n    resizingEventId: resizeState?.eventId ?? null,\n    resizingEdge: resizeState?.edge ?? null,\n    getResizePosition,\n    isResizableEvent,\n    wasResizing,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-horizontal-event-resize.cjs","names":["useState","useRef","useEffectEvent","parseTimeString","clampIntervalMinutes","useCallback","getDayRelativePercent"],"sources":["../../src/hooks/use-horizontal-event-resize.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useCallback, useEffect, useEffectEvent, useRef, useState } from 'react';\nimport { DateTimeStringValue, ScheduleEventData, ScheduleMode } from '../types';\nimport { clampIntervalMinutes } from '../utils/clamp-interval-minutes/clamp-interval-minutes';\nimport { getDayRelativePercent } from '../utils/get-day-relative-percent/get-day-relative-percent';\nimport { parseTimeString } from '../utils/parse-time-string/parse-time-string';\n\ntype ResizeEdge = 'start' | 'end';\n\ninterface ResizeState {\n  eventId: string | number;\n  event: ScheduleEventData;\n  edge: ResizeEdge;\n  container: HTMLElement;\n  originalLeft: number;\n  originalWidth: number;\n  currentLeft: number;\n  currentWidth: number;\n  eventDate: string;\n  originalStart: DateTimeStringValue;\n  originalEnd: DateTimeStringValue;\n  dayIndex: number;\n  dayCount: number;\n}\n\nexport interface UseHorizontalEventResizeInput {\n  enabled?: boolean;\n  mode?: ScheduleMode;\n  startTime: string;\n  endTime: string;\n  intervalMinutes: number;\n  resizeIntervalMinutes?: number;\n  onEventResize?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n  canResizeEvent?: (event: ScheduleEventData) => boolean;\n  withBackgroundEvents?: boolean;\n}\n\nexport function useHorizontalEventResize({\n  enabled = false,\n  mode = 'default',\n  startTime,\n  endTime,\n  intervalMinutes,\n  resizeIntervalMinutes,\n  onEventResize,\n  canResizeEvent,\n  withBackgroundEvents = false,\n}: UseHorizontalEventResizeInput) {\n  const [resizeState, setResizeState] = useState<ResizeState | null>(null);\n  const resizeRef = useRef<ResizeState | null>(null);\n  const justResizedRef = useRef(false);\n  const stableOnEventResize = useEffectEvent(onEventResize || (() => {}));\n\n  const parsedStartTime = parseTimeString(startTime);\n  const parsedEndTime = parseTimeString(endTime);\n  const startMinutes = parsedStartTime.hours * 60 + parsedStartTime.minutes;\n  const endMinutes = parsedEndTime.hours * 60 + parsedEndTime.minutes;\n  const clampedInterval = clampIntervalMinutes(intervalMinutes);\n  const clampedResizeInterval = clampIntervalMinutes(resizeIntervalMinutes ?? intervalMinutes);\n  const literalRange = endMinutes - startMinutes;\n  const totalMinutes = Math.ceil(literalRange / clampedInterval) * clampedInterval;\n\n  // Snapped in absolute minutes from midnight so resized edges land on the same grid as\n  // dragged events – see the matching comment in `use-event-resize`.\n  const clampAndSnap = useCallback(\n    (minutes: number): number => {\n      const snapped =\n        Math.round((startMinutes + minutes) / clampedResizeInterval) * clampedResizeInterval;\n      return Math.max(0, Math.min(literalRange, snapped - startMinutes));\n    },\n    [literalRange, clampedResizeInterval, startMinutes]\n  );\n\n  const percentToDateTime = useCallback(\n    (percent: number, eventDate: string): DateTimeStringValue => {\n      const minutes = (percent / 100) * totalMinutes;\n      const snappedMinutes = clampAndSnap(minutes);\n      const totalMins = startMinutes + snappedMinutes;\n      const hours = Math.floor(totalMins / 60);\n      const mins = totalMins % 60;\n      return `${eventDate} ${String(hours).padStart(2, '0')}:${String(mins).padStart(2, '0')}:00`;\n    },\n    [totalMinutes, startMinutes, clampAndSnap]\n  );\n\n  const snapEdgeMinutes = useCallback(\n    (minutes: number, direction: 'up' | 'down'): number => {\n      const absolute = startMinutes + minutes;\n      const snapped =\n        direction === 'up'\n          ? Math.ceil(absolute / clampedResizeInterval) * clampedResizeInterval\n          : Math.floor(absolute / clampedResizeInterval) * clampedResizeInterval;\n      return Math.max(0, Math.min(literalRange, snapped - startMinutes));\n    },\n    [literalRange, clampedResizeInterval, startMinutes]\n  );\n\n  const percentToMinutes = useCallback(\n    (percent: number): number => (percent / 100) * totalMinutes,\n    [totalMinutes]\n  );\n\n  const minutesToPercent = useCallback(\n    (minutes: number): number => (minutes / totalMinutes) * 100,\n    [totalMinutes]\n  );\n\n  const handleResizeStart = useCallback(\n    ({\n      event,\n      edge,\n      container,\n      originalLeft,\n      originalWidth,\n      eventDate,\n      dayIndex = 0,\n      dayCount = 1,\n      pointerEvent,\n    }: {\n      event: ScheduleEventData;\n      edge: ResizeEdge;\n      container: HTMLElement;\n      originalLeft: number;\n      originalWidth: number;\n      eventDate: string;\n      dayIndex?: number;\n      dayCount?: number;\n      pointerEvent: React.PointerEvent;\n    }) => {\n      if (!enabled || mode === 'static') {\n        return;\n      }\n\n      pointerEvent.preventDefault();\n      pointerEvent.stopPropagation();\n\n      const state: ResizeState = {\n        eventId: event.id,\n        event,\n        edge,\n        container,\n        originalLeft,\n        originalWidth,\n        currentLeft: originalLeft,\n        currentWidth: originalWidth,\n        eventDate,\n        originalStart: dayjs(event.start).format('YYYY-MM-DD HH:mm:ss'),\n        originalEnd: dayjs(event.end).format('YYYY-MM-DD HH:mm:ss'),\n        dayIndex,\n        dayCount,\n      };\n\n      resizeRef.current = state;\n      setResizeState(state);\n    },\n    [enabled, mode]\n  );\n\n  const isResizing = resizeState !== null;\n\n  useEffect(() => {\n    if (!isResizing) {\n      return undefined;\n    }\n\n    const savedUserSelect = document.body.style.userSelect;\n    const savedCursor = document.body.style.cursor;\n    document.body.style.userSelect = 'none';\n    document.body.style.cursor = 'ew-resize';\n\n    const handlePointerMove = (e: PointerEvent) => {\n      const state = resizeRef.current;\n      if (!state) {\n        return;\n      }\n\n      const containerRect = state.container.getBoundingClientRect();\n      const rawPercent = getDayRelativePercent({\n        clientX: e.clientX,\n        containerLeft: containerRect.left,\n        containerWidth: containerRect.width,\n        dayIndex: state.dayIndex,\n        dayCount: state.dayCount,\n      });\n      const draggedMinutes = clampAndSnap(percentToMinutes(rawPercent));\n\n      let newLeft = state.originalLeft;\n      let newWidth = state.originalWidth;\n\n      if (state.edge === 'end') {\n        const leftMinutes = percentToMinutes(state.originalLeft);\n        const minEndMinutes = snapEdgeMinutes(leftMinutes + clampedResizeInterval, 'up');\n        const endMinutes = Math.max(draggedMinutes, minEndMinutes);\n        newWidth = Math.max(0, minutesToPercent(endMinutes) - state.originalLeft);\n      } else {\n        const rightMinutes = percentToMinutes(state.originalLeft + state.originalWidth);\n        const maxStartMinutes = snapEdgeMinutes(rightMinutes - clampedResizeInterval, 'down');\n        const startMinutesValue = Math.min(draggedMinutes, maxStartMinutes);\n        newLeft = minutesToPercent(startMinutesValue);\n        newWidth = Math.max(0, state.originalLeft + state.originalWidth - newLeft);\n      }\n\n      resizeRef.current = { ...state, currentLeft: newLeft, currentWidth: newWidth };\n      setResizeState(resizeRef.current);\n    };\n\n    const handlePointerUp = () => {\n      const state = resizeRef.current;\n      if (state) {\n        if (\n          state.currentLeft !== state.originalLeft ||\n          state.currentWidth !== state.originalWidth\n        ) {\n          let newStart: DateTimeStringValue;\n          let newEnd: DateTimeStringValue;\n\n          if (state.edge === 'start') {\n            newStart = percentToDateTime(state.currentLeft, state.eventDate);\n            newEnd = state.originalEnd;\n          } else {\n            newStart = state.originalStart;\n            newEnd = percentToDateTime(state.currentLeft + state.currentWidth, state.eventDate);\n          }\n\n          stableOnEventResize({\n            eventId: state.eventId,\n            newStart,\n            newEnd,\n            event: state.event,\n          });\n        }\n      }\n      resizeRef.current = null;\n      setResizeState(null);\n      justResizedRef.current = true;\n      requestAnimationFrame(() => {\n        justResizedRef.current = false;\n      });\n    };\n\n    document.addEventListener('pointermove', handlePointerMove);\n    document.addEventListener('pointerup', handlePointerUp);\n\n    return () => {\n      document.body.style.userSelect = savedUserSelect;\n      document.body.style.cursor = savedCursor;\n      document.removeEventListener('pointermove', handlePointerMove);\n      document.removeEventListener('pointerup', handlePointerUp);\n    };\n  }, [isResizing]);\n\n  const getResizePosition = useCallback(\n    (eventId: string | number, eventDate?: string) => {\n      if (!resizeState || resizeState.eventId !== eventId) {\n        return null;\n      }\n      if (eventDate !== undefined && resizeState.eventDate !== eventDate) {\n        return null;\n      }\n      return { left: resizeState.currentLeft, width: resizeState.currentWidth };\n    },\n    [resizeState]\n  );\n\n  const isResizableEvent = useCallback(\n    (event: ScheduleEventData) => {\n      if (!enabled || mode === 'static') {\n        return false;\n      }\n      if (event.display === 'background' && !withBackgroundEvents) {\n        return false;\n      }\n      return canResizeEvent ? canResizeEvent(event) : true;\n    },\n    [enabled, mode, canResizeEvent, withBackgroundEvents]\n  );\n\n  const wasResizing = useCallback(() => justResizedRef.current, []);\n\n  return {\n    handleResizeStart,\n    isResizing,\n    resizingEventId: resizeState?.eventId ?? null,\n    resizingEdge: resizeState?.edge ?? null,\n    getResizePosition,\n    isResizableEvent,\n    wasResizing,\n  };\n}\n"],"mappings":";;;;;;;;;AA0CA,SAAgB,yBAAyB,EACvC,UAAU,OACV,OAAO,WACP,WACA,SACA,iBACA,uBACA,eACA,gBACA,uBAAuB,SACS;CAChC,MAAM,CAAC,aAAa,mBAAA,GAAkBA,MAAAA,SAAAA,CAA6B,IAAI;CACvE,MAAM,aAAA,GAAYC,MAAAA,OAAAA,CAA2B,IAAI;CACjD,MAAM,kBAAA,GAAiBA,MAAAA,OAAAA,CAAO,KAAK;CACnC,MAAM,uBAAA,GAAsBC,MAAAA,eAAAA,CAAe,wBAAwB,CAAC,EAAE;CAEtE,MAAM,kBAAkBC,0BAAAA,gBAAgB,SAAS;CACjD,MAAM,gBAAgBA,0BAAAA,gBAAgB,OAAO;CAC7C,MAAM,eAAe,gBAAgB,QAAQ,KAAK,gBAAgB;CAClE,MAAM,aAAa,cAAc,QAAQ,KAAK,cAAc;CAC5D,MAAM,kBAAkBC,+BAAAA,qBAAqB,eAAe;CAC5D,MAAM,wBAAwBA,+BAAAA,qBAAqB,yBAAyB,eAAe;CAC3F,MAAM,eAAe,aAAa;CAClC,MAAM,eAAe,KAAK,KAAK,eAAe,eAAe,IAAI;CAIjE,MAAM,gBAAA,GAAeC,MAAAA,YAAAA,EAClB,YAA4B;EAC3B,MAAM,UACJ,KAAK,OAAO,eAAe,WAAW,qBAAqB,IAAI;EACjE,OAAO,KAAK,IAAI,GAAG,KAAK,IAAI,cAAc,UAAU,YAAY,CAAC;CACnE,GACA;EAAC;EAAc;EAAuB;CAAY,CACpD;CAEA,MAAM,qBAAA,GAAoBA,MAAAA,YAAAA,EACvB,SAAiB,cAA2C;EAC3D,MAAM,UAAW,UAAU,MAAO;EAClC,MAAM,iBAAiB,aAAa,OAAO;EAC3C,MAAM,YAAY,eAAe;EACjC,MAAM,QAAQ,KAAK,MAAM,YAAY,EAAE;EACvC,MAAM,OAAO,YAAY;EACzB,OAAO,GAAG,UAAU,GAAG,OAAO,KAAK,CAAC,CAAC,SAAS,GAAG,GAAG,EAAE,GAAG,OAAO,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG,EAAE;CACzF,GACA;EAAC;EAAc;EAAc;CAAY,CAC3C;CAEA,MAAM,mBAAA,GAAkBA,MAAAA,YAAAA,EACrB,SAAiB,cAAqC;EACrD,MAAM,WAAW,eAAe;EAChC,MAAM,UACJ,cAAc,OACV,KAAK,KAAK,WAAW,qBAAqB,IAAI,wBAC9C,KAAK,MAAM,WAAW,qBAAqB,IAAI;EACrD,OAAO,KAAK,IAAI,GAAG,KAAK,IAAI,cAAc,UAAU,YAAY,CAAC;CACnE,GACA;EAAC;EAAc;EAAuB;CAAY,CACpD;CAEA,MAAM,oBAAA,GAAmBA,MAAAA,YAAAA,EACtB,YAA6B,UAAU,MAAO,cAC/C,CAAC,YAAY,CACf;CAEA,MAAM,oBAAA,GAAmBA,MAAAA,YAAAA,EACtB,YAA6B,UAAU,eAAgB,KACxD,CAAC,YAAY,CACf;CAEA,MAAM,qBAAA,GAAoBA,MAAAA,YAAAA,EACvB,EACC,OACA,MACA,WACA,cACA,eACA,WACA,WAAW,GACX,WAAW,GACX,mBAWI;EACJ,IAAI,CAAC,WAAW,SAAS,UACvB;EAGF,aAAa,eAAe;EAC5B,aAAa,gBAAgB;EAE7B,MAAM,QAAqB;GACzB,SAAS,MAAM;GACf;GACA;GACA;GACA;GACA;GACA,aAAa;GACb,cAAc;GACd;GACA,gBAAA,GAAe,MAAA,QAAA,CAAM,MAAM,KAAK,CAAC,CAAC,OAAO,qBAAqB;GAC9D,cAAA,GAAa,MAAA,QAAA,CAAM,MAAM,GAAG,CAAC,CAAC,OAAO,qBAAqB;GAC1D;GACA;EACF;EAEA,UAAU,UAAU;EACpB,eAAe,KAAK;CACtB,GACA,CAAC,SAAS,IAAI,CAChB;CAEA,MAAM,aAAa,gBAAgB;CAEnC,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,CAAC,YACH;EAGF,MAAM,kBAAkB,SAAS,KAAK,MAAM;EAC5C,MAAM,cAAc,SAAS,KAAK,MAAM;EACxC,SAAS,KAAK,MAAM,aAAa;EACjC,SAAS,KAAK,MAAM,SAAS;EAE7B,MAAM,qBAAqB,MAAoB;GAC7C,MAAM,QAAQ,UAAU;GACxB,IAAI,CAAC,OACH;GAGF,MAAM,gBAAgB,MAAM,UAAU,sBAAsB;GAC5D,MAAM,aAAaC,iCAAAA,sBAAsB;IACvC,SAAS,EAAE;IACX,eAAe,cAAc;IAC7B,gBAAgB,cAAc;IAC9B,UAAU,MAAM;IAChB,UAAU,MAAM;GAClB,CAAC;GACD,MAAM,iBAAiB,aAAa,iBAAiB,UAAU,CAAC;GAEhE,IAAI,UAAU,MAAM;GACpB,IAAI,WAAW,MAAM;GAErB,IAAI,MAAM,SAAS,OAAO;IACxB,MAAM,cAAc,iBAAiB,MAAM,YAAY;IACvD,MAAM,gBAAgB,gBAAgB,cAAc,uBAAuB,IAAI;IAE/E,WAAW,KAAK,IAAI,GAAG,iBADJ,KAAK,IAAI,gBAAgB,aACK,CAAC,IAAI,MAAM,YAAY;GAC1E,OAAO;IACL,MAAM,eAAe,iBAAiB,MAAM,eAAe,MAAM,aAAa;IAC9E,MAAM,kBAAkB,gBAAgB,eAAe,uBAAuB,MAAM;IAEpF,UAAU,iBADgB,KAAK,IAAI,gBAAgB,eACR,CAAC;IAC5C,WAAW,KAAK,IAAI,GAAG,MAAM,eAAe,MAAM,gBAAgB,OAAO;GAC3E;GAEA,UAAU,UAAU;IAAE,GAAG;IAAO,aAAa;IAAS,cAAc;GAAS;GAC7E,eAAe,UAAU,OAAO;EAClC;EAEA,MAAM,wBAAwB;GAC5B,MAAM,QAAQ,UAAU;GACxB,IAAI,OAEA;QAAA,MAAM,gBAAgB,MAAM,gBAC5B,MAAM,iBAAiB,MAAM,eAC7B;KACA,IAAI;KACJ,IAAI;KAEJ,IAAI,MAAM,SAAS,SAAS;MAC1B,WAAW,kBAAkB,MAAM,aAAa,MAAM,SAAS;MAC/D,SAAS,MAAM;KACjB,OAAO;MACL,WAAW,MAAM;MACjB,SAAS,kBAAkB,MAAM,cAAc,MAAM,cAAc,MAAM,SAAS;KACpF;KAEA,oBAAoB;MAClB,SAAS,MAAM;MACf;MACA;MACA,OAAO,MAAM;KACf,CAAC;IACH;;GAEF,UAAU,UAAU;GACpB,eAAe,IAAI;GACnB,eAAe,UAAU;GACzB,4BAA4B;IAC1B,eAAe,UAAU;GAC3B,CAAC;EACH;EAEA,SAAS,iBAAiB,eAAe,iBAAiB;EAC1D,SAAS,iBAAiB,aAAa,eAAe;EAEtD,aAAa;GACX,SAAS,KAAK,MAAM,aAAa;GACjC,SAAS,KAAK,MAAM,SAAS;GAC7B,SAAS,oBAAoB,eAAe,iBAAiB;GAC7D,SAAS,oBAAoB,aAAa,eAAe;EAC3D;CACF,GAAG,CAAC,UAAU,CAAC;CAEf,MAAM,qBAAA,GAAoBD,MAAAA,YAAAA,EACvB,SAA0B,cAAuB;EAChD,IAAI,CAAC,eAAe,YAAY,YAAY,SAC1C,OAAO;EAET,IAAI,cAAc,KAAA,KAAa,YAAY,cAAc,WACvD,OAAO;EAET,OAAO;GAAE,MAAM,YAAY;GAAa,OAAO,YAAY;EAAa;CAC1E,GACA,CAAC,WAAW,CACd;CAEA,MAAM,oBAAA,GAAmBA,MAAAA,YAAAA,EACtB,UAA6B;EAC5B,IAAI,CAAC,WAAW,SAAS,UACvB,OAAO;EAET,IAAI,MAAM,YAAY,gBAAgB,CAAC,sBACrC,OAAO;EAET,OAAO,iBAAiB,eAAe,KAAK,IAAI;CAClD,GACA;EAAC;EAAS;EAAM;EAAgB;CAAoB,CACtD;CAEA,MAAM,eAAA,GAAcA,MAAAA,YAAAA,OAAkB,eAAe,SAAS,CAAC,CAAC;CAEhE,OAAO;EACL;EACA;EACA,iBAAiB,aAAa,WAAW;EACzC,cAAc,aAAa,QAAQ;EACnC;EACA;EACA;CACF;AACF"}

package/cjs/index.cjs

@@ -42,6 +42,8 @@ const require_handle_resources_grid_key_down = require("./utils/handle-resources
 const require_get_group_to_resource_id_map = require("./utils/get-group-to-resource-id-map/get-group-to-resource-id-map.cjs");
 const require_get_index_from_drag_point = require("./utils/get-index-from-drag-point/get-index-from-drag-point.cjs");
 const require_get_day_relative_percent = require("./utils/get-day-relative-percent/get-day-relative-percent.cjs");
+const require_get_overlap_clusters = require("./utils/get-overlap-clusters/get-overlap-clusters.cjs");
+const require_apply_cascade_layout = require("./utils/apply-cascade-layout/apply-cascade-layout.cjs");
 const require_AgendaView = require("./components/AgendaView/AgendaView.cjs");
 const require_CurrentTimeIndicator = require("./components/CurrentTimeIndicator/CurrentTimeIndicator.cjs");
 const require_DragContext = require("./components/DragContext/DragContext.cjs");
@@ -77,6 +79,7 @@ exports.ScheduleEvent = require_ScheduleEvent.ScheduleEvent;
 exports.ScheduleHeader = require_ScheduleHeader.ScheduleHeader;
 exports.WeekView = require_WeekView.WeekView;
 exports.YearView = require_YearView.YearView;
+exports.applyCascadeLayout = require_apply_cascade_layout.applyCascadeLayout;
 exports.calculateDropTime = require_calculate_drop_time.calculateDropTime;
 exports.calculateMonthDropDate = require_calculate_month_drop_date.calculateMonthDropDate;
 exports.clampIntervalMinutes = require_clamp_interval_minutes.clampIntervalMinutes;
@@ -96,6 +99,7 @@ exports.getMonthRange = require_get_month_range.getMonthRange;
 exports.getMonthsByQuarter = require_get_months_by_quarter.getMonthsByQuarter;
 exports.getMonthsList = require_get_months_list.getMonthsList;
 exports.getOrderedResources = require_get_ordered_resources.getOrderedResources;
+exports.getOverlapClusters = require_get_overlap_clusters.getOverlapClusters;
 exports.getStartOfWeek = require_get_start_of_week.getStartOfWeek;
 exports.getTimeAxisEventStyle = require_get_time_axis_event_style.getTimeAxisEventStyle;
 exports.getVisibleEvents = require_get_visible_events.getVisibleEvents;

package/cjs/utils/apply-cascade-layout/apply-cascade-layout.cjs

@@ -0,0 +1,21 @@
+"use client";
+const require_get_overlap_clusters = require("../get-overlap-clusters/get-overlap-clusters.cjs");
+//#region packages/@mantine/schedule/src/utils/apply-cascade-layout/apply-cascade-layout.ts
+/** Indent applied per column before the cluster runs out of room, in percent */
+const BASE_STEP = 20;
+function applyCascadeLayout(events) {
+	const timedEvents = events.filter((event) => !event.position.allDay);
+	for (const cluster of require_get_overlap_clusters.getOverlapClusters(timedEvents)) {
+		const columns = Math.max(...cluster.map((event) => event.position.column)) + 1;
+		const step = columns > 1 ? Math.min(BASE_STEP, 40 / (columns - 1)) : 0;
+		for (const event of cluster) {
+			event.position.overlaps = columns;
+			event.position.offset = event.position.column * step;
+			event.position.width = 100 - event.position.offset;
+		}
+	}
+}
+//#endregion
+exports.applyCascadeLayout = applyCascadeLayout;
+
+//# sourceMappingURL=apply-cascade-layout.cjs.map

package/cjs/utils/apply-cascade-layout/apply-cascade-layout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"apply-cascade-layout.cjs","names":["getOverlapClusters"],"sources":["../../../src/utils/apply-cascade-layout/apply-cascade-layout.ts"],"sourcesContent":["import { DayEventPositionData, ScheduleEventData } from '../../types';\nimport { getOverlapClusters } from '../get-overlap-clusters/get-overlap-clusters';\n\n/** Indent applied per column before the cluster runs out of room, in percent */\nconst BASE_STEP = 20;\n\n/** Width the last event in a cluster is guaranteed to keep, in percent */\nconst MIN_TOP_WIDTH = 60;\n\n/** Minimal shape `applyCascadeLayout` needs, shared by day and week positioned events */\nexport type CascadePositionedEvent = ScheduleEventData & {\n  position: Pick<DayEventPositionData, 'allDay' | 'column' | 'width' | 'offset' | 'overlaps'>;\n};\n\nexport function applyCascadeLayout<T extends CascadePositionedEvent>(events: T[]): void {\n  const timedEvents = events.filter((event) => !event.position.allDay);\n\n  for (const cluster of getOverlapClusters(timedEvents)) {\n    const columns = Math.max(...cluster.map((event) => event.position.column)) + 1;\n    const step = columns > 1 ? Math.min(BASE_STEP, (100 - MIN_TOP_WIDTH) / (columns - 1)) : 0;\n\n    for (const event of cluster) {\n      event.position.overlaps = columns;\n      event.position.offset = event.position.column * step;\n      event.position.width = 100 - event.position.offset;\n    }\n  }\n}\n"],"mappings":";;;;AAIA,MAAM,YAAY;AAUlB,SAAgB,mBAAqD,QAAmB;CACtF,MAAM,cAAc,OAAO,QAAQ,UAAU,CAAC,MAAM,SAAS,MAAM;CAEnE,KAAK,MAAM,WAAWA,6BAAAA,mBAAmB,WAAW,GAAG;EACrD,MAAM,UAAU,KAAK,IAAI,GAAG,QAAQ,KAAK,UAAU,MAAM,SAAS,MAAM,CAAC,IAAI;EAC7E,MAAM,OAAO,UAAU,IAAI,KAAK,IAAI,WAAY,MAAwB,UAAU,EAAE,IAAI;EAExF,KAAK,MAAM,SAAS,SAAS;GAC3B,MAAM,SAAS,WAAW;GAC1B,MAAM,SAAS,SAAS,MAAM,SAAS,SAAS;GAChD,MAAM,SAAS,QAAQ,MAAM,MAAM,SAAS;EAC9C;CACF;AACF"}

package/cjs/{components/ResourcesDayView → utils}/get-overlap-clusters/get-overlap-clusters.cjs

@@ -1,6 +1,6 @@
 "use client";
-const require_is_events_overlap = require("../../../utils/is-events-overlap/is-events-overlap.cjs");
-//#region packages/@mantine/schedule/src/components/ResourcesDayView/get-overlap-clusters/get-overlap-clusters.ts
+const require_is_events_overlap = require("../is-events-overlap/is-events-overlap.cjs");
+//#region packages/@mantine/schedule/src/utils/get-overlap-clusters/get-overlap-clusters.ts
 function getOverlapClusters(events) {
 	const clusters = [];
 	const assigned = /* @__PURE__ */ new Set();

package/cjs/utils/get-overlap-clusters/get-overlap-clusters.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-overlap-clusters.cjs","names":["isEventsOverlap"],"sources":["../../../src/utils/get-overlap-clusters/get-overlap-clusters.ts"],"sourcesContent":["import { ScheduleEventData } from '../../types';\nimport { isEventsOverlap } from '../is-events-overlap/is-events-overlap';\n\nexport function getOverlapClusters<T extends ScheduleEventData>(events: T[]): T[][] {\n  const clusters: T[][] = [];\n  const assigned = new Set<number>();\n\n  for (let i = 0; i < events.length; i++) {\n    if (assigned.has(i)) {\n      continue;\n    }\n\n    const cluster: T[] = [events[i]];\n    assigned.add(i);\n\n    let j = 0;\n    while (j < cluster.length) {\n      for (let k = 0; k < events.length; k++) {\n        if (!assigned.has(k) && isEventsOverlap(cluster[j], events[k])) {\n          cluster.push(events[k]);\n          assigned.add(k);\n        }\n      }\n      j++;\n    }\n\n    clusters.push(cluster);\n  }\n\n  return clusters;\n}\n"],"mappings":";;;AAGA,SAAgB,mBAAgD,QAAoB;CAClF,MAAM,WAAkB,CAAC;CACzB,MAAM,2BAAW,IAAI,IAAY;CAEjC,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK;EACtC,IAAI,SAAS,IAAI,CAAC,GAChB;EAGF,MAAM,UAAe,CAAC,OAAO,EAAE;EAC/B,SAAS,IAAI,CAAC;EAEd,IAAI,IAAI;EACR,OAAO,IAAI,QAAQ,QAAQ;GACzB,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,QAAQ,KACjC,IAAI,CAAC,SAAS,IAAI,CAAC,KAAKA,0BAAAA,gBAAgB,QAAQ,IAAI,OAAO,EAAE,GAAG;IAC9D,QAAQ,KAAK,OAAO,EAAE;IACtB,SAAS,IAAI,CAAC;GAChB;GAEF;EACF;EAEA,SAAS,KAAK,OAAO;CACvB;CAEA,OAAO;AACT"}

package/cjs/utils/is-event-in-time-range/is-event-in-time-range.cjs

@@ -20,8 +20,9 @@ function isEventInTimeRange({ event, startTime, endTime }) {
 	const timeWindowEndMinutes = endHour * 60 + endMinute;
 	const eventStart = (0, dayjs.default)(event.start);
 	const eventEnd = (0, dayjs.default)(event.end);
+	const endsAtNextDayStart = eventEnd.isSame(eventStart.startOf("day").add(1, "day"), "second");
 	const eventStartMinutes = eventStart.hour() * 60 + eventStart.minute();
-	return !(eventEnd.hour() * 60 + eventEnd.minute() <= timeWindowStartMinutes || eventStartMinutes >= timeWindowEndMinutes);
+	return !((endsAtNextDayStart ? 1440 : eventEnd.hour() * 60 + eventEnd.minute()) <= timeWindowStartMinutes || eventStartMinutes >= timeWindowEndMinutes);
 }
 //#endregion
 exports.isEventInTimeRange = isEventInTimeRange;

package/cjs/utils/is-event-in-time-range/is-event-in-time-range.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"is-event-in-time-range.cjs","names":["isMultidayEvent"],"sources":["../../../src/utils/is-event-in-time-range/is-event-in-time-range.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { ScheduleEventData } from '../../types';\nimport { isMultidayEvent } from '../is-multiday-event/is-multiday-event';\n\ninterface IsEventInTimeRangeInput {\n  event: ScheduleEventData;\n  startTime?: string;\n  endTime?: string;\n}\n\nfunction spansFullDay(event: ScheduleEventData) {\n  const start = dayjs(event.start);\n  const end = dayjs(event.end);\n  if (!start.isSame(start.startOf('day'))) {\n    return false;\n  }\n  const nextDayStart = start.startOf('day').add(1, 'day');\n  return end.isSame(nextDayStart) || end.isSame(nextDayStart.subtract(1, 'second'));\n}\n\nexport function isEventInTimeRange({ event, startTime, endTime }: IsEventInTimeRangeInput) {\n  if (isMultidayEvent(event) || spansFullDay(event)) {\n    return true;\n  }\n\n  if (!startTime || !endTime) {\n    return true;\n  }\n\n  const [startHour, startMinute] = startTime.split(':').map(Number);\n  const [endHour, endMinute] = endTime.split(':').map(Number);\n  const timeWindowStartMinutes = startHour * 60 + startMinute;\n  const timeWindowEndMinutes = endHour * 60 + endMinute;\n\n  const eventStart = dayjs(event.start);\n  const eventEnd = dayjs(event.end);\n  const eventStartMinutes = eventStart.hour() * 60 + eventStart.minute();\n  const eventEndMinutes = eventEnd.hour() * 60 + eventEnd.minute();\n\n  return !(eventEndMinutes <= timeWindowStartMinutes || eventStartMinutes >= timeWindowEndMinutes);\n}\n"],"mappings":";;;;;;AAUA,SAAS,aAAa,OAA0B;CAC9C,MAAM,SAAA,GAAQ,MAAA,QAAA,CAAM,MAAM,KAAK;CAC/B,MAAM,OAAA,GAAM,MAAA,QAAA,CAAM,MAAM,GAAG;CAC3B,IAAI,CAAC,MAAM,OAAO,MAAM,QAAQ,KAAK,CAAC,GACpC,OAAO;CAET,MAAM,eAAe,MAAM,QAAQ,KAAK,CAAC,CAAC,IAAI,GAAG,KAAK;CACtD,OAAO,IAAI,OAAO,YAAY,KAAK,IAAI,OAAO,aAAa,SAAS,GAAG,QAAQ,CAAC;AAClF;AAEA,SAAgB,mBAAmB,EAAE,OAAO,WAAW,WAAoC;CACzF,IAAIA,0BAAAA,gBAAgB,KAAK,KAAK,aAAa,KAAK,GAC9C,OAAO;CAGT,IAAI,CAAC,aAAa,CAAC,SACjB,OAAO;CAGT,MAAM,CAAC,WAAW,eAAe,UAAU,MAAM,GAAG,CAAC,CAAC,IAAI,MAAM;CAChE,MAAM,CAAC,SAAS,aAAa,QAAQ,MAAM,GAAG,CAAC,CAAC,IAAI,MAAM;CAC1D,MAAM,yBAAyB,YAAY,KAAK;CAChD,MAAM,uBAAuB,UAAU,KAAK;CAE5C,MAAM,cAAA,GAAa,MAAA,QAAA,CAAM,MAAM,KAAK;CACpC,MAAM,YAAA,GAAW,MAAA,QAAA,CAAM,MAAM,GAAG;CAChC,MAAM,oBAAoB,WAAW,KAAK,IAAI,KAAK,WAAW,OAAO;CAGrE,OAAO,EAFiB,SAAS,KAAK,IAAI,KAAK,SAAS,OAAO,KAEnC,0BAA0B,qBAAqB;AAC7E"}
+{"version":3,"file":"is-event-in-time-range.cjs","names":["isMultidayEvent"],"sources":["../../../src/utils/is-event-in-time-range/is-event-in-time-range.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { ScheduleEventData } from '../../types';\nimport { isMultidayEvent } from '../is-multiday-event/is-multiday-event';\n\ninterface IsEventInTimeRangeInput {\n  event: ScheduleEventData;\n  startTime?: string;\n  endTime?: string;\n}\n\nfunction spansFullDay(event: ScheduleEventData) {\n  const start = dayjs(event.start);\n  const end = dayjs(event.end);\n  if (!start.isSame(start.startOf('day'))) {\n    return false;\n  }\n  const nextDayStart = start.startOf('day').add(1, 'day');\n  return end.isSame(nextDayStart) || end.isSame(nextDayStart.subtract(1, 'second'));\n}\n\nexport function isEventInTimeRange({ event, startTime, endTime }: IsEventInTimeRangeInput) {\n  if (isMultidayEvent(event) || spansFullDay(event)) {\n    return true;\n  }\n\n  if (!startTime || !endTime) {\n    return true;\n  }\n\n  const [startHour, startMinute] = startTime.split(':').map(Number);\n  const [endHour, endMinute] = endTime.split(':').map(Number);\n  const timeWindowStartMinutes = startHour * 60 + startMinute;\n  const timeWindowEndMinutes = endHour * 60 + endMinute;\n\n  const eventStart = dayjs(event.start);\n  const eventEnd = dayjs(event.end);\n  const endsAtNextDayStart = eventEnd.isSame(eventStart.startOf('day').add(1, 'day'), 'second');\n  const eventStartMinutes = eventStart.hour() * 60 + eventStart.minute();\n  const eventEndMinutes = endsAtNextDayStart ? 24 * 60 : eventEnd.hour() * 60 + eventEnd.minute();\n\n  return !(eventEndMinutes <= timeWindowStartMinutes || eventStartMinutes >= timeWindowEndMinutes);\n}\n"],"mappings":";;;;;;AAUA,SAAS,aAAa,OAA0B;CAC9C,MAAM,SAAA,GAAQ,MAAA,QAAA,CAAM,MAAM,KAAK;CAC/B,MAAM,OAAA,GAAM,MAAA,QAAA,CAAM,MAAM,GAAG;CAC3B,IAAI,CAAC,MAAM,OAAO,MAAM,QAAQ,KAAK,CAAC,GACpC,OAAO;CAET,MAAM,eAAe,MAAM,QAAQ,KAAK,CAAC,CAAC,IAAI,GAAG,KAAK;CACtD,OAAO,IAAI,OAAO,YAAY,KAAK,IAAI,OAAO,aAAa,SAAS,GAAG,QAAQ,CAAC;AAClF;AAEA,SAAgB,mBAAmB,EAAE,OAAO,WAAW,WAAoC;CACzF,IAAIA,0BAAAA,gBAAgB,KAAK,KAAK,aAAa,KAAK,GAC9C,OAAO;CAGT,IAAI,CAAC,aAAa,CAAC,SACjB,OAAO;CAGT,MAAM,CAAC,WAAW,eAAe,UAAU,MAAM,GAAG,CAAC,CAAC,IAAI,MAAM;CAChE,MAAM,CAAC,SAAS,aAAa,QAAQ,MAAM,GAAG,CAAC,CAAC,IAAI,MAAM;CAC1D,MAAM,yBAAyB,YAAY,KAAK;CAChD,MAAM,uBAAuB,UAAU,KAAK;CAE5C,MAAM,cAAA,GAAa,MAAA,QAAA,CAAM,MAAM,KAAK;CACpC,MAAM,YAAA,GAAW,MAAA,QAAA,CAAM,MAAM,GAAG;CAChC,MAAM,qBAAqB,SAAS,OAAO,WAAW,QAAQ,KAAK,CAAC,CAAC,IAAI,GAAG,KAAK,GAAG,QAAQ;CAC5F,MAAM,oBAAoB,WAAW,KAAK,IAAI,KAAK,WAAW,OAAO;CAGrE,OAAO,GAFiB,qBAAqB,OAAU,SAAS,KAAK,IAAI,KAAK,SAAS,OAAO,MAElE,0BAA0B,qBAAqB;AAC7E"}

package/esm/components/DayView/DayView.mjs

@@ -48,7 +48,9 @@ const defaultProps = {
 	withDragSlotSelect: false,
 	withEventResize: false,
 	mode: "default",
-	withInteractiveBackgroundEvents: false
+	withInteractiveBackgroundEvents: false,
+	eventOverlapMode: "columns",
+	eventOverlapRaiseDelay: 600
 };
 const varsResolver = createVarsResolver((_theme, { radius, slotHeight, allDaySlotHeight }) => ({ dayView: {
 	"--day-view-radius": radius !== void 0 ? getRadius(radius) : void 0,
@@ -57,7 +59,7 @@ const varsResolver = createVarsResolver((_theme, { radius, slotHeight, allDaySlo
 } }));
 const DayView = factory((_props) => {
 	const props = useProps("DayView", defaultProps, _props);
-	const { classNames, className, style, styles, unstyled, attributes, vars, __staticSelector, startTime, endTime, intervalMinutes, withSubHourGridLines, withAllDaySlot, date, locale, slotLabelFormat, headerFormat, getCurrentTime, withCurrentTimeIndicator, withCurrentTimeBubble, withHeader, radius, onDateChange, onViewChange, previousControlProps, nextControlProps, todayControlProps, viewSelectProps, slotHeight, allDaySlotHeight, scrollAreaProps, events, moreEventsProps, renderEventBody, renderEvent, labels, highlightBusinessHours, businessHours, withEventsDragAndDrop, onEventDrop, canDragEvent, eventDragInterval, onEventDragStart, onEventDragEnd, onTimeSlotClick, onAllDaySlotClick, onEventClick, withInteractiveBackgroundEvents, withDragSlotSelect, onSlotDragEnd, mode, startScrollTime, onExternalEventDrop, withEventResize, onEventResize, canResizeEvent, eventResizeInterval, recurrenceExpansionLimit, getTimeSlotProps, withAgenda, ...others } = props;
+	const { classNames, className, style, styles, unstyled, attributes, vars, __staticSelector, startTime, endTime, intervalMinutes, withSubHourGridLines, eventOverlapMode, eventOverlapRaiseDelay, withAllDaySlot, date, locale, slotLabelFormat, headerFormat, getCurrentTime, withCurrentTimeIndicator, withCurrentTimeBubble, withHeader, radius, onDateChange, onViewChange, previousControlProps, nextControlProps, todayControlProps, viewSelectProps, slotHeight, allDaySlotHeight, scrollAreaProps, events, moreEventsProps, renderEventBody, renderEvent, labels, highlightBusinessHours, businessHours, withEventsDragAndDrop, onEventDrop, canDragEvent, eventDragInterval, onEventDragStart, onEventDragEnd, onTimeSlotClick, onAllDaySlotClick, onEventClick, withInteractiveBackgroundEvents, withDragSlotSelect, onSlotDragEnd, mode, startScrollTime, onExternalEventDrop, withEventResize, onEventResize, canResizeEvent, eventResizeInterval, recurrenceExpansionLimit, getTimeSlotProps, withAgenda, ...others } = props;
 	const [agendaOpen, setAgendaOpen] = useState(false);
 	const getStyles = useStyles({
 		name: __staticSelector,
@@ -182,7 +184,8 @@ const DayView = factory((_props) => {
 		date,
 		startTime,
 		endTime,
-		intervalMinutes
+		intervalMinutes,
+		eventOverlapMode
 	});
 	const handleExternalDrop = useCallback((e, slotIndex) => {
 		if (!onExternalEventDrop) return;
@@ -260,7 +263,8 @@ const DayView = factory((_props) => {
 		intervalMinutes,
 		resizeIntervalMinutes: eventResizeInterval,
 		onEventResize,
-		canResizeEvent
+		canResizeEvent,
+		withBackgroundEvents: withInteractiveBackgroundEvents
 	});
 	const withDragHandlers = (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== "static";
 	const eventsNodes = eventsData.regularEvents.map((event) => {
@@ -297,13 +301,16 @@ const DayView = factory((_props) => {
 				if (!eventResize.wasResizing()) onEventClick(event, e);
 			} : void 0,
 			...stylesApiProps,
+			mod: { cascade: eventOverlapMode === "cascade" },
 			style: {
 				...stylesApiProps.styles?.event,
 				top: `${eventTop}%`,
 				height: `${eventHeight}%`,
 				insetInlineStart: `${event.position.offset}%`,
 				width: `${event.position.width}%`,
-				position: "absolute"
+				position: "absolute",
+				"--event-z-index": event.position.column + 3,
+				"--event-z-index-raised": event.position.overlaps + 3
 			}
 		}, event.id);
 	});
@@ -404,23 +411,44 @@ const DayView = factory((_props) => {
 			width: "100%"
 		} })
 	}, `bg-allday-${event.id}`));
-	const backgroundTimedEventNodes = eventsData.backgroundTimedEvents.map((event) => /* @__PURE__ */ jsx(ScheduleBackgroundEvent, {
-		event,
-		renderEvent,
-		renderEventBody,
-		interactive: interactiveBackgroundEvents,
-		onEventClick,
-		...getStyles("dayViewBackgroundEvent", { style: {
-			...getTimeAxisEventStyle({
-				start: event.position.top,
-				span: event.position.height,
-				axis: "vertical"
-			}),
-			width: "100%"
-		} })
-	}, event.id));
+	const backgroundTimedEventNodes = eventsData.backgroundTimedEvents.map((event) => {
+		const isResizable = eventResize.isResizableEvent(event);
+		const resizePosition = eventResize.getResizePosition(event.id);
+		return /* @__PURE__ */ jsx(ScheduleBackgroundEvent, {
+			event,
+			renderEvent,
+			renderEventBody,
+			interactive: interactiveBackgroundEvents,
+			onEventClick: onEventClick ? (clickedEvent, e) => {
+				if (!eventResize.wasResizing()) onEventClick(clickedEvent, e);
+			} : void 0,
+			withResize: isResizable,
+			isResizing: resizePosition !== null,
+			resizeHandleProps: getStyles("dayViewBackgroundEventResizeHandle"),
+			onResizeStart: isResizable ? (edge, e) => {
+				if (timeSlotsContainerRef.current) eventResize.handleResizeStart({
+					event,
+					edge,
+					container: timeSlotsContainerRef.current,
+					originalTop: event.position.top,
+					originalHeight: event.position.height,
+					eventDate: dayjs(date).format("YYYY-MM-DD"),
+					pointerEvent: e
+				});
+			} : void 0,
+			...getStyles("dayViewBackgroundEvent", { style: {
+				...getTimeAxisEventStyle({
+					start: resizePosition ? resizePosition.top : event.position.top,
+					span: resizePosition ? resizePosition.height : event.position.height,
+					axis: "vertical"
+				}),
+				width: "100%"
+			} })
+		}, event.id);
+	});
 	const content = /* @__PURE__ */ jsxs(Box, {
 		...getStyles("dayView"),
+		__vars: { "--event-raise-delay": `${eventOverlapRaiseDelay}ms` },
 		mod: {
 			static: mode === "static",
 			"slot-dragging": slotDragSelect.isDragging,

package/esm/components/DayView/DayView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DayView.mjs","names":["classes"],"sources":["../../../src/components/DayView/DayView.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useCallback, 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  ScrollAreaAutosizeProps,\n  StylesApiProps,\n  UnstyledButton,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useIsomorphicEffect, useMergedRef } from '@mantine/hooks';\nimport { useAutoScrollOnDrag } from '../../hooks/use-auto-scroll-on-drag';\nimport { useDragDropHandlers } from '../../hooks/use-drag-drop-handlers';\nimport { useEventResize } from '../../hooks/use-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  ScheduleEventData,\n  ScheduleMode,\n  ScheduleViewLevel,\n} from '../../types';\nimport {\n  calculateDropTime,\n  clampIntervalMinutes,\n  expandRecurringEvents,\n  formatDate,\n  getBusinessHoursMod,\n  getDayPosition,\n  getDayTimeIntervals,\n  getTimeAxisEventStyle,\n  getVisibleEvents,\n  isAllDayEvent,\n  toDateString,\n} from '../../utils';\nimport { AgendaView, AgendaViewStylesNames } from '../AgendaView/AgendaView';\nimport {\n  CurrentTimeIndicator,\n  CurrentTimeIndicatorStylesNames,\n} from '../CurrentTimeIndicator/CurrentTimeIndicator';\nimport { DragContext } from '../DragContext/DragContext';\nimport { MoreEvents, MoreEventsProps, MoreEventsStylesNames } from '../MoreEvents/MoreEvents';\nimport { ScheduleBackgroundEvent } from '../ScheduleBackgroundEvent';\nimport {\n  RenderEvent,\n  RenderEventBody,\n  ScheduleEvent,\n  ScheduleEventStylesNames,\n} from '../ScheduleEvent/ScheduleEvent';\nimport { MonthYearSelectStylesNames } from '../ScheduleHeader/MonthYearSelect/MonthYearSelect';\nimport { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader';\nimport { ScheduleHeaderBase } from '../ScheduleHeader/ScheduleHeaderBase';\nimport { ViewSelectProps } from '../ScheduleHeader/ViewSelect/ViewSelect';\nimport { getDayViewEvents } from './get-day-view-events/get-day-view-events';\nimport classes from './DayView.module.css';\n\nexport type DayViewStylesNames =\n  | 'dayView'\n  | 'dayViewInner'\n  | 'dayViewScrollArea'\n  | 'dayViewAllDay'\n  | 'dayViewAllDayEvents'\n  | 'dayViewSlot'\n  | 'dayViewSlots'\n  | 'dayViewTimeSlots'\n  | 'dayViewSlotLabel'\n  | 'dayViewSlotLabels'\n  | 'dayViewBackgroundEvent'\n  | 'dayViewDragPreview'\n  | MoreEventsStylesNames\n  | ScheduleEventStylesNames\n  | Exclude<CombinedScheduleHeaderStylesNames, MonthYearSelectStylesNames>\n  | CurrentTimeIndicatorStylesNames\n  | AgendaViewStylesNames;\n\nexport type DayViewCssVariables = {\n  dayView: '--day-view-radius' | '--day-view-slot-height' | '--day-view-all-day-slot-height';\n};\n\nexport interface DayViewProps\n  extends BoxProps, StylesApiProps<DayViewFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Day to display, Date object or date string in `YYYY-MM-DD` format */\n  date: Date | DateStringValue;\n\n  /** Called when date is changed */\n  onDateChange?: (date: DateStringValue) => void;\n\n  /** Events to display, must be a stable reference */\n  events?: ScheduleEventData[];\n\n  /** Time slots start time, in `HH:mm:ss` format @default 00:00:00 */\n  startTime?: string;\n\n  /** Time slots end time in `HH:mm:ss` format @default 23:59:59 */\n  endTime?: string;\n\n  /** Number of minutes for each time slot. Must divide evenly into an hour (e.g. `15`, `30`) or be a whole number of hours (e.g. `120`, `240`) @default 15 */\n  intervalMinutes?: number;\n\n  /** If set, grid lines are displayed for intervals smaller than one hour, for example 15 and 30 minutes intervals @default true */\n  withSubHourGridLines?: boolean;\n\n  /** If set, the all-day slot is displayed below the header @default true */\n  withAllDaySlot?: boolean;\n\n  /** Locale passed down to dayjs, overrides value defined on `DatesProvider` */\n  locale?: string;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Dayjs format for slot labels or a callback function that returns formatted value @default HH:mm  */\n  slotLabelFormat?: DateLabelFormat;\n\n  /** Date format in the header @default MMMM D, YYYY */\n  headerFormat?: DateLabelFormat;\n\n  /** If set, displays a 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 month control */\n  previousControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to next month 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  /** Height of 1hr slot @default 64px */\n  slotHeight?: React.CSSProperties['height'];\n\n  /** Height of all-day slot @default 44px */\n  allDaySlotHeight?: React.CSSProperties['height'];\n\n  /** Props passed down to the `ScrollArea.Autosize` component */\n  scrollAreaProps?: ScrollAreaAutosizeProps & DataAttributes;\n\n  /** Props passed down to `MoreEvents` component */\n  moreEventsProps?: Partial<MoreEventsProps>;\n\n  /** Function to customize event body, `event` object is passed as first argument */\n  renderEventBody?: RenderEventBody;\n\n  /** Function to fully customize event rendering, receives all props that would be passed to the root element including children */\n  renderEvent?: RenderEvent;\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  /** If true, events can be dragged and dropped @default false */\n  withEventsDragAndDrop?: boolean;\n\n  /** Called when event is dropped at new time */\n  onEventDrop?: (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 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 */\n  onTimeSlotClick?: (data: {\n    slotStart: DateTimeStringValue;\n    slotEnd: DateTimeStringValue;\n    nativeEvent: React.MouseEvent<HTMLButtonElement>;\n  }) => void;\n\n  /** Called when all-day slot is clicked */\n  onAllDaySlotClick?: (date: DateStringValue, event: React.MouseEvent<HTMLButtonElement>) => 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` @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 */\n  onSlotDragEnd?: (rangeStart: DateTimeStringValue, rangeEnd: DateTimeStringValue) => void;\n\n  /** Interaction mode: 'default' allows all interactions, 'static' disables event interactions @default default */\n  mode?: ScheduleMode;\n\n  /** Time to scroll to on initial render, in `HH:mm:ss` format */\n  startScrollTime?: string;\n\n  /** Called when an external item is dropped onto the schedule. Receives the `DataTransfer` object and the drop target datetime. */\n  onExternalEventDrop?: (dataTransfer: DataTransfer, dropDateTime: DateTimeStringValue) => void;\n\n  /** If true, events can be resized by dragging their edges @default false */\n  withEventResize?: boolean;\n\n  /** Called when event is resized */\n  onEventResize?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n\n  /** Function to determine if event can be resized */\n  canResizeEvent?: (event: ScheduleEventData) => boolean;\n\n  /** Snap step for resizing events, in minutes. Must divide evenly into an hour (e.g. `15`, `30`) or be a whole number of hours. When not set, `intervalMinutes` is used. @default intervalMinutes */\n  eventResizeInterval?: number;\n\n  /** Max number of generated recurring instances per recurring series @default 2000 */\n  recurrenceExpansionLimit?: number;\n\n  /** Function to get additional props for each time slot. Receives slot start and end datetime strings. Returned props are spread onto the slot element. Event handlers returned by this function are composed with internal handlers (e.g. onClick) rather than overriding them. */\n  getTimeSlotProps?: (data: {\n    start: DateTimeStringValue;\n    end: DateTimeStringValue;\n  }) => Record<string, any> | undefined;\n\n  /** If set, displays an Agenda button in the header that opens an agenda list view @default false */\n  withAgenda?: boolean;\n}\n\nexport type DayViewFactory = Factory<{\n  props: DayViewProps;\n  ref: HTMLDivElement;\n  stylesNames: DayViewStylesNames;\n  vars: DayViewCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'DayView',\n  startTime: '00:00:00',\n  endTime: '23:59:59',\n  intervalMinutes: 15,\n  withSubHourGridLines: true,\n  withAllDaySlot: true,\n  slotLabelFormat: 'HH:mm',\n  headerFormat: 'MMMM D, YYYY',\n  withCurrentTimeBubble: true,\n  withHeader: true,\n  highlightBusinessHours: false,\n  businessHours: ['09:00:00', '17:00:00'],\n  withEventsDragAndDrop: false,\n  withDragSlotSelect: false,\n  withEventResize: false,\n  mode: 'default',\n  withInteractiveBackgroundEvents: false,\n} satisfies Partial<DayViewProps>;\n\nconst varsResolver = createVarsResolver<DayViewFactory>(\n  (_theme, { radius, slotHeight, allDaySlotHeight }) => ({\n    dayView: {\n      '--day-view-radius': radius !== undefined ? getRadius(radius) : undefined,\n      '--day-view-slot-height': rem(slotHeight),\n      '--day-view-all-day-slot-height': rem(allDaySlotHeight),\n    },\n  })\n);\n\nexport const DayView = factory<DayViewFactory>((_props) => {\n  const props = useProps('DayView', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    __staticSelector,\n    startTime,\n    endTime,\n    intervalMinutes,\n    withSubHourGridLines,\n    withAllDaySlot,\n    date,\n    locale,\n    slotLabelFormat,\n    headerFormat,\n    getCurrentTime,\n    withCurrentTimeIndicator,\n    withCurrentTimeBubble,\n    withHeader,\n    radius,\n    onDateChange,\n    onViewChange,\n    previousControlProps,\n    nextControlProps,\n    todayControlProps,\n    viewSelectProps,\n    slotHeight,\n    allDaySlotHeight,\n    scrollAreaProps,\n    events,\n    moreEventsProps,\n    renderEventBody,\n    renderEvent,\n    labels,\n    highlightBusinessHours,\n    businessHours,\n    withEventsDragAndDrop,\n    onEventDrop,\n    canDragEvent,\n    eventDragInterval,\n    onEventDragStart,\n    onEventDragEnd,\n    onTimeSlotClick,\n    onAllDaySlotClick,\n    onEventClick,\n    withInteractiveBackgroundEvents,\n    withDragSlotSelect,\n    onSlotDragEnd,\n    mode,\n    startScrollTime,\n    onExternalEventDrop,\n    withEventResize,\n    onEventResize,\n    canResizeEvent,\n    eventResizeInterval,\n    recurrenceExpansionLimit,\n    getTimeSlotProps,\n    withAgenda,\n    ...others\n  } = props;\n\n  const [agendaOpen, setAgendaOpen] = useState(false);\n\n  const getStyles = useStyles<DayViewFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    rootSelector: 'dayView',\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<DayViewFactory>({\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 ctx = useDatesContext();\n  const resolveNow = () => (getCurrentTime ? dayjs(getCurrentTime()) : dayjs());\n  const showCurrentTimeIndicator =\n    withCurrentTimeIndicator ?? dayjs(date).isSame(resolveNow(), 'day');\n  const slots = getDayTimeIntervals({ startTime, endTime, intervalMinutes });\n  const slotsRef = useRef<HTMLButtonElement[]>([]);\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const timeSlotsContainerRef = useRef<HTMLDivElement>(null);\n  const mergedViewportRef = useMergedRef(viewportRef, scrollAreaProps?.viewportRef);\n\n  useAutoScrollOnDrag({\n    viewportRef,\n    enabled: (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== 'static',\n  });\n\n  useIsomorphicEffect(() => {\n    if (!startScrollTime || !viewportRef.current || slotsRef.current.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 = slotsRef.current[targetIndex];\n    if (!targetSlot) {\n      return;\n    }\n\n    const slotRect = targetSlot.getBoundingClientRect();\n    const viewportRect = viewportRef.current.getBoundingClientRect();\n    viewportRef.current.scrollTo({ left: 0, top: slotRect.top - viewportRect.top });\n  }, []);\n\n  const dragOffsetRef = useRef<{ offset: number; size: number }>({ offset: 0, size: 0 });\n\n  const getSlotIndexFromDragPoint = useCallback((event: React.DragEvent) => {\n    const slotIndex = slotsRef.current.findIndex((slotNode) => {\n      if (!slotNode) {\n        return false;\n      }\n\n      const rect = slotNode.getBoundingClientRect();\n      return event.clientY >= rect.top && event.clientY <= rect.bottom;\n    });\n\n    if (slotIndex >= 0) {\n      const rect = slotsRef.current[slotIndex]!.getBoundingClientRect();\n      dragOffsetRef.current = { offset: event.clientY - rect.top, size: rect.height };\n      return slotIndex;\n    }\n\n    const firstSlot = slotsRef.current[0];\n    const lastSlot = slotsRef.current[slotsRef.current.length - 1];\n\n    if (!firstSlot || !lastSlot) {\n      return null;\n    }\n\n    const firstRect = firstSlot.getBoundingClientRect();\n    const lastRect = lastSlot.getBoundingClientRect();\n\n    if (event.clientY < firstRect.top) {\n      dragOffsetRef.current = { offset: 0, size: firstRect.height };\n      return 0;\n    }\n\n    if (event.clientY > lastRect.bottom) {\n      dragOffsetRef.current = { offset: lastRect.height, size: lastRect.height };\n      return slotsRef.current.length - 1;\n    }\n\n    return null;\n  }, []);\n\n  const handleSlotKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>, slotIndex: number) => {\n    const direction = event.key;\n    if (direction === 'ArrowDown' && slotIndex < slots.length - 1) {\n      event.preventDefault();\n      slotsRef.current[slotIndex + 1]?.focus();\n    } else if (direction === 'ArrowUp' && slotIndex > 0) {\n      event.preventDefault();\n      slotsRef.current[slotIndex - 1]?.focus();\n    }\n  };\n\n  const slotDragSelect = useSlotDragSelect({\n    enabled: withDragSlotSelect && mode !== 'static',\n    onDragEnd: (startIndex, endIndex) => {\n      if (!onSlotDragEnd) {\n        return;\n      }\n      const slotDate = dayjs(date).format('YYYY-MM-DD');\n      onSlotDragEnd(\n        `${slotDate} ${slots[startIndex].startTime}`,\n        `${slotDate} ${slots[endIndex].endTime}`\n      );\n    },\n  });\n\n  const expandedEvents = expandRecurringEvents({\n    events,\n    rangeStart: dayjs(date).startOf('day').toDate(),\n    rangeEnd: dayjs(date).endOf('day').toDate(),\n    expansionLimit: recurrenceExpansionLimit,\n  });\n\n  const eventsData = getDayViewEvents({\n    events: expandedEvents,\n    date,\n    startTime,\n    endTime,\n    intervalMinutes,\n  });\n\n  const handleExternalDrop = useCallback(\n    (e: React.DragEvent, slotIndex: number) => {\n      if (!onExternalEventDrop) {\n        return;\n      }\n      const slotDate = dayjs(date).format('YYYY-MM-DD');\n      const slotTime = slots[slotIndex].startTime;\n\n      if (eventDragInterval == null) {\n        onExternalEventDrop(e.dataTransfer, `${slotDate} ${slotTime}`);\n        return;\n      }\n\n      const slotStart = `${slotDate} ${slotTime}`;\n      const { start } = calculateDropTime({\n        draggedEvent: { start: slotStart, end: slotStart } as ScheduleEventData,\n        targetDate: date,\n        targetSlotTime: slotTime,\n        intervalMinutes,\n        dragIntervalMinutes: eventDragInterval,\n        slotOffset: dragOffsetRef.current.offset,\n        slotSize: dragOffsetRef.current.size,\n        startTime,\n        endTime,\n      });\n      onExternalEventDrop(e.dataTransfer, dayjs(start).format('YYYY-MM-DD HH:mm:ss'));\n    },\n    [onExternalEventDrop, date, slots, eventDragInterval, intervalMinutes, startTime, endTime]\n  );\n\n  const getDropTimeForSlot = (slotIndex: number, draggedEvent: ScheduleEventData) => {\n    const slotTime = slots[slotIndex].startTime;\n    return calculateDropTime({\n      draggedEvent,\n      targetDate: date,\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 dragDrop = useDragDropHandlers({\n    enabled: withEventsDragAndDrop,\n    mode,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    calculateDropTarget: getDropTimeForSlot,\n    onExternalDrop: onExternalEventDrop ? handleExternalDrop : undefined,\n  });\n\n  const updateDragPreview = (slotIndex: number) => {\n    const draggedEvent = dragDrop.dragContextValue.draggedEvent;\n    if (eventDragInterval == null || !draggedEvent) {\n      return;\n    }\n    const { start, end } = getDropTimeForSlot(slotIndex, draggedEvent);\n    const newStart = dayjs(start).format('YYYY-MM-DD HH:mm:ss');\n    if (dragDrop.dragPreview?.start !== newStart) {\n      dragDrop.setDragPreview({\n        start: newStart,\n        end: dayjs(end).format('YYYY-MM-DD HH:mm:ss'),\n        target: slotIndex,\n      });\n    }\n  };\n\n  const eventResize = useEventResize({\n    enabled: withEventResize,\n    mode,\n    startTime,\n    endTime,\n    intervalMinutes,\n    resizeIntervalMinutes: eventResizeInterval,\n    onEventResize,\n    canResizeEvent,\n  });\n\n  const withDragHandlers = (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== 'static';\n\n  const eventsNodes = eventsData.regularEvents.map((event) => {\n    const eventIsAllDay = isAllDayEvent({ event, date });\n    const isDraggable = !eventIsAllDay && dragDrop.isDraggableEvent(event);\n    const isResizable = !eventIsAllDay && eventResize.isResizableEvent(event);\n    const resizePosition = eventResize.getResizePosition(event.id);\n    const eventTop = resizePosition ? resizePosition.top : event.position.top;\n    const eventHeight = resizePosition ? resizePosition.height : event.position.height;\n\n    return (\n      <ScheduleEvent\n        event={event}\n        key={event.id}\n        renderEventBody={renderEventBody}\n        renderEvent={renderEvent}\n        autoSize\n        draggable={isDraggable}\n        withResize={isResizable}\n        isResizing={resizePosition !== null}\n        onResizeStart={\n          isResizable\n            ? (edge, e) => {\n                if (timeSlotsContainerRef.current) {\n                  eventResize.handleResizeStart({\n                    event,\n                    edge,\n                    container: timeSlotsContainerRef.current,\n                    originalTop: event.position.top,\n                    originalHeight: event.position.height,\n                    eventDate: dayjs(date).format('YYYY-MM-DD'),\n                    pointerEvent: e,\n                  });\n                }\n              }\n            : undefined\n        }\n        mode={mode}\n        onClick={\n          onEventClick\n            ? (e) => {\n                if (!eventResize.wasResizing()) {\n                  onEventClick(event, e);\n                }\n              }\n            : undefined\n        }\n        {...stylesApiProps}\n        style={{\n          ...stylesApiProps.styles?.event,\n          top: `${eventTop}%`,\n          height: `${eventHeight}%`,\n          insetInlineStart: `${event.position.offset}%`,\n          width: `${event.position.width}%`,\n          position: 'absolute',\n        }}\n      />\n    );\n  });\n\n  const allDayEventsCount = getVisibleEvents({\n    maxEvents: 2,\n    totalEvents: eventsData.allDayEvents.length,\n  });\n\n  const allDayEventsNodes = eventsData.allDayEvents\n    .slice(0, allDayEventsCount.visibleEventsCount)\n    .map((event) => (\n      <ScheduleEvent\n        key={event.id}\n        event={event}\n        renderEventBody={renderEventBody}\n        renderEvent={renderEvent}\n        style={{ maxHeight: '50%' }}\n        nowrap\n        autoSize\n        mode={mode}\n        onClick={onEventClick ? (e) => onEventClick(event, e) : undefined}\n        {...stylesApiProps}\n      />\n    ));\n\n  const dayGroup = dayjs(date).format('YYYY-MM-DD');\n\n  const suppressDropHighlight = eventDragInterval != null && dragDrop.dragContextValue.isDragging;\n\n  const items = slots.map((slot, index) => {\n    const isDropTarget = !suppressDropHighlight && dragDrop.isDropTarget(index);\n    const isDragSelected = slotDragSelect.isSlotSelected(index, dayGroup);\n    const slotStart = `${dayGroup} ${slot.startTime}` as DateTimeStringValue;\n    const slotEnd = `${dayGroup} ${slot.endTime}` as DateTimeStringValue;\n    const { onClick: externalOnClick, ...externalSlotProps } =\n      getTimeSlotProps?.({ start: slotStart, end: slotEnd }) || {};\n\n    const handleClick =\n      mode === 'static'\n        ? undefined\n        : (event: React.MouseEvent<HTMLButtonElement>) => {\n            onTimeSlotClick?.({\n              slotStart,\n              slotEnd,\n              nativeEvent: event,\n            });\n            externalOnClick?.(event);\n          };\n\n    return (\n      <UnstyledButton\n        {...getStyles('dayViewSlot')}\n        key={slot.startTime}\n        ref={(node) => {\n          slotsRef.current[index] = node!;\n        }}\n        mod={{\n          first: index === 0,\n          'hour-start': slot.isHourStart,\n          ...getBusinessHoursMod({\n            time: slot.startTime,\n            businessHours,\n            highlightBusinessHours,\n          }),\n          'drop-target': isDropTarget,\n          'drag-selected': isDragSelected,\n          static: mode === 'static',\n        }}\n        __vars={{ '--slot-size': `${clampIntervalMinutes(intervalMinutes) / 60}` }}\n        aria-label={`${getLabel('timeSlot', labels)} ${slot.startTime} - ${slot.endTime}`}\n        tabIndex={mode === 'static' ? -1 : index === 0 ? 0 : -1}\n        data-drag-slot-index={withDragSlotSelect && mode !== 'static' ? index : undefined}\n        data-drag-slot-group={withDragSlotSelect && mode !== 'static' ? dayGroup : undefined}\n        onKeyDown={mode === 'static' ? undefined : (e) => handleSlotKeyDown(e, index)}\n        onPointerDown={\n          withDragSlotSelect && mode !== 'static'\n            ? (e) => slotDragSelect.handleSlotPointerDown(e, index, dayGroup)\n            : undefined\n        }\n        onClick={handleClick}\n        onDragOver={withDragHandlers ? (event) => event.preventDefault() : undefined}\n        {...externalSlotProps}\n      />\n    );\n  });\n\n  const slotsLabels = slots.reduce<React.ReactNode[]>((acc, slot) => {\n    if (slot.isHourStart) {\n      const slotTime = dayjs(`${dayjs(date).format('YYYY-MM-DD')} ${slot.startTime}`);\n      const label = formatDate({\n        locale: ctx.getLocale(locale),\n        date: slotTime,\n        format: slotLabelFormat,\n      });\n\n      acc.push(\n        <Box\n          {...getStyles('dayViewSlotLabel')}\n          key={slot.startTime}\n          mod={getBusinessHoursMod({\n            time: slot.startTime,\n            businessHours,\n            highlightBusinessHours,\n          })}\n        >\n          {label}\n        </Box>\n      );\n    }\n    return acc;\n  }, []);\n\n  const interactiveBackgroundEvents = withInteractiveBackgroundEvents && mode !== 'static';\n\n  const backgroundAllDayEventNodes = eventsData.backgroundAllDayEvents.map((event) => (\n    <ScheduleBackgroundEvent\n      key={`bg-allday-${event.id}`}\n      event={event}\n      renderEvent={renderEvent}\n      renderEventBody={renderEventBody}\n      interactive={interactiveBackgroundEvents}\n      onEventClick={onEventClick}\n      {...getStyles('dayViewBackgroundEvent', {\n        style: { top: 0, height: '100%', width: '100%' },\n      })}\n    />\n  ));\n\n  const backgroundTimedEventNodes = eventsData.backgroundTimedEvents.map((event) => (\n    <ScheduleBackgroundEvent\n      key={event.id}\n      event={event}\n      renderEvent={renderEvent}\n      renderEventBody={renderEventBody}\n      interactive={interactiveBackgroundEvents}\n      onEventClick={onEventClick}\n      {...getStyles('dayViewBackgroundEvent', {\n        style: {\n          ...getTimeAxisEventStyle({\n            start: event.position.top,\n            span: event.position.height,\n            axis: 'vertical',\n          }),\n          width: '100%',\n        },\n      })}\n    />\n  ));\n\n  const content = (\n    <Box\n      {...getStyles('dayView')}\n      mod={{\n        static: mode === 'static',\n        'slot-dragging': slotDragSelect.isDragging,\n        'hide-sub-hour-grid-lines': !withSubHourGridLines,\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            title: formatDate({ locale: ctx.getLocale(locale), date, format: headerFormat }),\n            miw: 140,\n          }}\n          labels={labels}\n          onDateChange={onDateChange}\n          onViewChange={onViewChange}\n          previousControlProps={previousControlProps}\n          nextControlProps={nextControlProps}\n          todayControlProps={todayControlProps}\n          viewSelectProps={viewSelectProps}\n          stylesApiProps={stylesApiProps}\n          onAgendaClick={withAgenda ? () => setAgendaOpen((v) => !v) : undefined}\n          agendaActive={agendaOpen}\n        />\n      )}\n\n      {agendaOpen && (\n        <AgendaView\n          rangeStart={dayjs(date).startOf('day').format('YYYY-MM-DD')}\n          rangeEnd={dayjs(date).endOf('day').format('YYYY-MM-DD')}\n          events={events}\n          locale={locale}\n          labels={labels}\n          mode={mode}\n          onEventClick={onEventClick}\n          recurrenceExpansionLimit={recurrenceExpansionLimit}\n          {...stylesApiProps}\n        />\n      )}\n\n      {!agendaOpen && (\n        <ScrollArea.Autosize\n          scrollbarSize={4}\n          {...scrollAreaProps}\n          {...getStyles('dayViewScrollArea', {\n            className: scrollAreaProps?.className,\n            style: scrollAreaProps?.style,\n          })}\n          viewportRef={mergedViewportRef}\n        >\n          <Box {...getStyles('dayViewInner')}>\n            <div {...getStyles('dayViewSlotLabels')}>\n              {withAllDaySlot && (\n                <Box {...getStyles('dayViewSlotLabel')} mod={{ 'all-day': true }}>\n                  {getLabel('allDay', labels)}\n                </Box>\n              )}\n              {slotsLabels}\n            </div>\n\n            <div {...getStyles('dayViewSlots')}>\n              {withAllDaySlot && (\n                <div {...getStyles('dayViewAllDay')}>\n                  {backgroundAllDayEventNodes}\n                  <div {...getStyles('dayViewAllDayEvents')}>\n                    {allDayEventsNodes}\n                    {allDayEventsCount.hiddenEventsCount > 0 && (\n                      <MoreEvents\n                        events={eventsData.allDayEvents}\n                        moreEventsCount={allDayEventsCount.hiddenEventsCount}\n                        renderEventBody={renderEventBody}\n                        renderEvent={renderEvent}\n                        mode={mode}\n                        labels={labels}\n                        onEventClick={onEventClick}\n                        {...stylesApiProps}\n                        {...moreEventsProps}\n                      />\n                    )}\n                  </div>\n                  <UnstyledButton\n                    {...getStyles('dayViewSlot')}\n                    mod={{ 'all-day': true, static: mode === 'static' }}\n                    aria-label={`${getLabel('timeSlot', labels)} ${getLabel('allDay', labels)}`}\n                    onClick={\n                      mode === 'static' || !onAllDaySlotClick\n                        ? undefined\n                        : (e) => {\n                            onAllDaySlotClick(dayjs(date).format('YYYY-MM-DD'), e);\n                          }\n                    }\n                  />\n                </div>\n              )}\n\n              <div\n                ref={timeSlotsContainerRef}\n                {...getStyles('dayViewTimeSlots')}\n                onDragOver={\n                  withDragHandlers\n                    ? (event) => {\n                        const slotIndex = getSlotIndexFromDragPoint(event);\n                        if (slotIndex !== null) {\n                          dragDrop.handleDragOver(event, slotIndex);\n                          updateDragPreview(slotIndex);\n                        }\n                      }\n                    : undefined\n                }\n                onDragLeave={withDragHandlers ? dragDrop.handleDragLeave : undefined}\n                onDrop={\n                  withDragHandlers\n                    ? (event) => {\n                        const slotIndex = getSlotIndexFromDragPoint(event);\n                        if (slotIndex !== null) {\n                          dragDrop.handleDrop(event, slotIndex);\n                        }\n                      }\n                    : undefined\n                }\n              >\n                {backgroundTimedEventNodes}\n\n                {eventsNodes}\n\n                {dragDrop.dragPreview && dragDrop.dragContextValue.draggedEvent && (\n                  <Box\n                    {...getStyles('dayViewDragPreview', {\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                          insetInlineStart: 0,\n                          insetInlineEnd: 0,\n                          top: `${top}%`,\n                          height: `${height}%`,\n                        };\n                      })(),\n                    })}\n                  />\n                )}\n\n                {showCurrentTimeIndicator && (\n                  <CurrentTimeIndicator\n                    startOffset=\"calc(var(--day-view-slot-labels-width) * -1)\"\n                    endOffset=\"0rem\"\n                    topOffset=\"0rem\"\n                    timeBubbleStartOffset=\"calc(var(--day-view-slot-labels-width) * -1 + 30px)\"\n                    currentTimeFormat={slotLabelFormat}\n                    withTimeBubble={withCurrentTimeBubble}\n                    withThumb={!withCurrentTimeBubble}\n                    locale={locale}\n                    startTime={startTime}\n                    endTime={endTime}\n                    intervalMinutes={intervalMinutes}\n                    getCurrentTime={getCurrentTime}\n                    {...stylesApiProps}\n                  />\n                )}\n                {items}\n              </div>\n            </div>\n          </Box>\n        </ScrollArea.Autosize>\n      )}\n    </Box>\n  );\n\n  if (withEventsDragAndDrop) {\n    return <DragContext.Provider value={dragDrop.dragContextValue}>{content}</DragContext.Provider>;\n  }\n\n  return content;\n});\n\nDayView.displayName = '@mantine/schedule/DayView';\nDayView.classes = classes;\nDayView.varsResolver = varsResolver;\n\nexport namespace DayView {\n  export type Props = DayViewProps;\n  export type Factory = DayViewFactory;\n  export type StylesNames = DayViewStylesNames;\n  export type CssVariables = DayViewCssVariables;\n}\n"],"mappings":"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"}
+{"version":3,"file":"DayView.mjs","names":["classes"],"sources":["../../../src/components/DayView/DayView.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useCallback, 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  ScrollAreaAutosizeProps,\n  StylesApiProps,\n  UnstyledButton,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useIsomorphicEffect, useMergedRef } from '@mantine/hooks';\nimport { useAutoScrollOnDrag } from '../../hooks/use-auto-scroll-on-drag';\nimport { useDragDropHandlers } from '../../hooks/use-drag-drop-handlers';\nimport { useEventResize } from '../../hooks/use-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  ScheduleEventData,\n  ScheduleEventOverlapMode,\n  ScheduleMode,\n  ScheduleViewLevel,\n} from '../../types';\nimport {\n  calculateDropTime,\n  clampIntervalMinutes,\n  expandRecurringEvents,\n  formatDate,\n  getBusinessHoursMod,\n  getDayPosition,\n  getDayTimeIntervals,\n  getTimeAxisEventStyle,\n  getVisibleEvents,\n  isAllDayEvent,\n  toDateString,\n} from '../../utils';\nimport { AgendaView, AgendaViewStylesNames } from '../AgendaView/AgendaView';\nimport {\n  CurrentTimeIndicator,\n  CurrentTimeIndicatorStylesNames,\n} from '../CurrentTimeIndicator/CurrentTimeIndicator';\nimport { DragContext } from '../DragContext/DragContext';\nimport { MoreEvents, MoreEventsProps, MoreEventsStylesNames } from '../MoreEvents/MoreEvents';\nimport { ScheduleBackgroundEvent } from '../ScheduleBackgroundEvent';\nimport {\n  RenderEvent,\n  RenderEventBody,\n  ScheduleEvent,\n  ScheduleEventStylesNames,\n} from '../ScheduleEvent/ScheduleEvent';\nimport { MonthYearSelectStylesNames } from '../ScheduleHeader/MonthYearSelect/MonthYearSelect';\nimport { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader';\nimport { ScheduleHeaderBase } from '../ScheduleHeader/ScheduleHeaderBase';\nimport { ViewSelectProps } from '../ScheduleHeader/ViewSelect/ViewSelect';\nimport { getDayViewEvents } from './get-day-view-events/get-day-view-events';\nimport classes from './DayView.module.css';\n\nexport type DayViewStylesNames =\n  | 'dayView'\n  | 'dayViewInner'\n  | 'dayViewScrollArea'\n  | 'dayViewAllDay'\n  | 'dayViewAllDayEvents'\n  | 'dayViewSlot'\n  | 'dayViewSlots'\n  | 'dayViewTimeSlots'\n  | 'dayViewSlotLabel'\n  | 'dayViewSlotLabels'\n  | 'dayViewBackgroundEvent'\n  | 'dayViewBackgroundEventResizeHandle'\n  | 'dayViewDragPreview'\n  | MoreEventsStylesNames\n  | ScheduleEventStylesNames\n  | Exclude<CombinedScheduleHeaderStylesNames, MonthYearSelectStylesNames>\n  | CurrentTimeIndicatorStylesNames\n  | AgendaViewStylesNames;\n\nexport type DayViewCssVariables = {\n  dayView: '--day-view-radius' | '--day-view-slot-height' | '--day-view-all-day-slot-height';\n};\n\nexport interface DayViewProps\n  extends BoxProps, StylesApiProps<DayViewFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Day to display, Date object or date string in `YYYY-MM-DD` format */\n  date: Date | DateStringValue;\n\n  /** Called when date is changed */\n  onDateChange?: (date: DateStringValue) => void;\n\n  /** Events to display, must be a stable reference */\n  events?: ScheduleEventData[];\n\n  /** Time slots start time, in `HH:mm:ss` format @default 00:00:00 */\n  startTime?: string;\n\n  /** Time slots end time in `HH:mm:ss` format @default 23:59:59 */\n  endTime?: string;\n\n  /** Number of minutes for each time slot. Must divide evenly into an hour (e.g. `15`, `30`) or be a whole number of hours (e.g. `120`, `240`) @default 15 */\n  intervalMinutes?: number;\n\n  /** If set, grid lines are displayed for intervals smaller than one hour, for example 15 and 30 minutes intervals @default true */\n  withSubHourGridLines?: boolean;\n\n  /** Determines how events that overlap in time are laid out: `columns` splits the available width between them, `cascade` indents each event and stacks it over the previous one @default 'columns' */\n  eventOverlapMode?: ScheduleEventOverlapMode;\n\n  /** Time in ms the pointer must rest on an event before it is raised above the events covering it, only used with `eventOverlapMode=\"cascade\"` @default 600 */\n  eventOverlapRaiseDelay?: number;\n\n  /** If set, the all-day slot is displayed below the header @default true */\n  withAllDaySlot?: boolean;\n\n  /** Locale passed down to dayjs, overrides value defined on `DatesProvider` */\n  locale?: string;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Dayjs format for slot labels or a callback function that returns formatted value @default HH:mm  */\n  slotLabelFormat?: DateLabelFormat;\n\n  /** Date format in the header @default MMMM D, YYYY */\n  headerFormat?: DateLabelFormat;\n\n  /** If set, displays a 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 month control */\n  previousControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to next month 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  /** Height of 1hr slot @default 64px */\n  slotHeight?: React.CSSProperties['height'];\n\n  /** Height of all-day slot @default 44px */\n  allDaySlotHeight?: React.CSSProperties['height'];\n\n  /** Props passed down to the `ScrollArea.Autosize` component */\n  scrollAreaProps?: ScrollAreaAutosizeProps & DataAttributes;\n\n  /** Props passed down to `MoreEvents` component */\n  moreEventsProps?: Partial<MoreEventsProps>;\n\n  /** Function to customize event body, `event` object is passed as first argument */\n  renderEventBody?: RenderEventBody;\n\n  /** Function to fully customize event rendering, receives all props that would be passed to the root element including children */\n  renderEvent?: RenderEvent;\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  /** If true, events can be dragged and dropped @default false */\n  withEventsDragAndDrop?: boolean;\n\n  /** Called when event is dropped at new time */\n  onEventDrop?: (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 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 */\n  onTimeSlotClick?: (data: {\n    slotStart: DateTimeStringValue;\n    slotEnd: DateTimeStringValue;\n    nativeEvent: React.MouseEvent<HTMLButtonElement>;\n  }) => void;\n\n  /** Called when all-day slot is clicked */\n  onAllDaySlotClick?: (date: DateStringValue, event: React.MouseEvent<HTMLButtonElement>) => 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 */\n  onSlotDragEnd?: (rangeStart: DateTimeStringValue, rangeEnd: DateTimeStringValue) => void;\n\n  /** Interaction mode: 'default' allows all interactions, 'static' disables event interactions @default default */\n  mode?: ScheduleMode;\n\n  /** Time to scroll to on initial render, in `HH:mm:ss` format */\n  startScrollTime?: string;\n\n  /** Called when an external item is dropped onto the schedule. Receives the `DataTransfer` object and the drop target datetime. */\n  onExternalEventDrop?: (dataTransfer: DataTransfer, dropDateTime: DateTimeStringValue) => void;\n\n  /** If true, events can be resized by dragging their edges @default false */\n  withEventResize?: boolean;\n\n  /** Called when event is resized */\n  onEventResize?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n\n  /** Function to determine if event can be resized */\n  canResizeEvent?: (event: ScheduleEventData) => boolean;\n\n  /** Snap step for resizing events, in minutes. Must divide evenly into an hour (e.g. `15`, `30`) or be a whole number of hours. When not set, `intervalMinutes` is used. @default intervalMinutes */\n  eventResizeInterval?: number;\n\n  /** Max number of generated recurring instances per recurring series @default 2000 */\n  recurrenceExpansionLimit?: number;\n\n  /** Function to get additional props for each time slot. Receives slot start and end datetime strings. Returned props are spread onto the slot element. Event handlers returned by this function are composed with internal handlers (e.g. onClick) rather than overriding them. */\n  getTimeSlotProps?: (data: {\n    start: DateTimeStringValue;\n    end: DateTimeStringValue;\n  }) => Record<string, any> | undefined;\n\n  /** If set, displays an Agenda button in the header that opens an agenda list view @default false */\n  withAgenda?: boolean;\n}\n\nexport type DayViewFactory = Factory<{\n  props: DayViewProps;\n  ref: HTMLDivElement;\n  stylesNames: DayViewStylesNames;\n  vars: DayViewCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'DayView',\n  startTime: '00:00:00',\n  endTime: '23:59:59',\n  intervalMinutes: 15,\n  withSubHourGridLines: true,\n  withAllDaySlot: true,\n  slotLabelFormat: 'HH:mm',\n  headerFormat: 'MMMM D, YYYY',\n  withCurrentTimeBubble: true,\n  withHeader: true,\n  highlightBusinessHours: false,\n  businessHours: ['09:00:00', '17:00:00'],\n  withEventsDragAndDrop: false,\n  withDragSlotSelect: false,\n  withEventResize: false,\n  mode: 'default',\n  withInteractiveBackgroundEvents: false,\n  eventOverlapMode: 'columns',\n  eventOverlapRaiseDelay: 600,\n} satisfies Partial<DayViewProps>;\n\nconst varsResolver = createVarsResolver<DayViewFactory>(\n  (_theme, { radius, slotHeight, allDaySlotHeight }) => ({\n    dayView: {\n      '--day-view-radius': radius !== undefined ? getRadius(radius) : undefined,\n      '--day-view-slot-height': rem(slotHeight),\n      '--day-view-all-day-slot-height': rem(allDaySlotHeight),\n    },\n  })\n);\n\nexport const DayView = factory<DayViewFactory>((_props) => {\n  const props = useProps('DayView', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    __staticSelector,\n    startTime,\n    endTime,\n    intervalMinutes,\n    withSubHourGridLines,\n    eventOverlapMode,\n    eventOverlapRaiseDelay,\n    withAllDaySlot,\n    date,\n    locale,\n    slotLabelFormat,\n    headerFormat,\n    getCurrentTime,\n    withCurrentTimeIndicator,\n    withCurrentTimeBubble,\n    withHeader,\n    radius,\n    onDateChange,\n    onViewChange,\n    previousControlProps,\n    nextControlProps,\n    todayControlProps,\n    viewSelectProps,\n    slotHeight,\n    allDaySlotHeight,\n    scrollAreaProps,\n    events,\n    moreEventsProps,\n    renderEventBody,\n    renderEvent,\n    labels,\n    highlightBusinessHours,\n    businessHours,\n    withEventsDragAndDrop,\n    onEventDrop,\n    canDragEvent,\n    eventDragInterval,\n    onEventDragStart,\n    onEventDragEnd,\n    onTimeSlotClick,\n    onAllDaySlotClick,\n    onEventClick,\n    withInteractiveBackgroundEvents,\n    withDragSlotSelect,\n    onSlotDragEnd,\n    mode,\n    startScrollTime,\n    onExternalEventDrop,\n    withEventResize,\n    onEventResize,\n    canResizeEvent,\n    eventResizeInterval,\n    recurrenceExpansionLimit,\n    getTimeSlotProps,\n    withAgenda,\n    ...others\n  } = props;\n\n  const [agendaOpen, setAgendaOpen] = useState(false);\n\n  const getStyles = useStyles<DayViewFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    rootSelector: 'dayView',\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<DayViewFactory>({\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 ctx = useDatesContext();\n  const resolveNow = () => (getCurrentTime ? dayjs(getCurrentTime()) : dayjs());\n  const showCurrentTimeIndicator =\n    withCurrentTimeIndicator ?? dayjs(date).isSame(resolveNow(), 'day');\n  const slots = getDayTimeIntervals({ startTime, endTime, intervalMinutes });\n  const slotsRef = useRef<HTMLButtonElement[]>([]);\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const timeSlotsContainerRef = useRef<HTMLDivElement>(null);\n  const mergedViewportRef = useMergedRef(viewportRef, scrollAreaProps?.viewportRef);\n\n  useAutoScrollOnDrag({\n    viewportRef,\n    enabled: (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== 'static',\n  });\n\n  useIsomorphicEffect(() => {\n    if (!startScrollTime || !viewportRef.current || slotsRef.current.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 = slotsRef.current[targetIndex];\n    if (!targetSlot) {\n      return;\n    }\n\n    const slotRect = targetSlot.getBoundingClientRect();\n    const viewportRect = viewportRef.current.getBoundingClientRect();\n    viewportRef.current.scrollTo({ left: 0, top: slotRect.top - viewportRect.top });\n  }, []);\n\n  const dragOffsetRef = useRef<{ offset: number; size: number }>({ offset: 0, size: 0 });\n\n  const getSlotIndexFromDragPoint = useCallback((event: React.DragEvent) => {\n    const slotIndex = slotsRef.current.findIndex((slotNode) => {\n      if (!slotNode) {\n        return false;\n      }\n\n      const rect = slotNode.getBoundingClientRect();\n      return event.clientY >= rect.top && event.clientY <= rect.bottom;\n    });\n\n    if (slotIndex >= 0) {\n      const rect = slotsRef.current[slotIndex]!.getBoundingClientRect();\n      dragOffsetRef.current = { offset: event.clientY - rect.top, size: rect.height };\n      return slotIndex;\n    }\n\n    const firstSlot = slotsRef.current[0];\n    const lastSlot = slotsRef.current[slotsRef.current.length - 1];\n\n    if (!firstSlot || !lastSlot) {\n      return null;\n    }\n\n    const firstRect = firstSlot.getBoundingClientRect();\n    const lastRect = lastSlot.getBoundingClientRect();\n\n    if (event.clientY < firstRect.top) {\n      dragOffsetRef.current = { offset: 0, size: firstRect.height };\n      return 0;\n    }\n\n    if (event.clientY > lastRect.bottom) {\n      dragOffsetRef.current = { offset: lastRect.height, size: lastRect.height };\n      return slotsRef.current.length - 1;\n    }\n\n    return null;\n  }, []);\n\n  const handleSlotKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>, slotIndex: number) => {\n    const direction = event.key;\n    if (direction === 'ArrowDown' && slotIndex < slots.length - 1) {\n      event.preventDefault();\n      slotsRef.current[slotIndex + 1]?.focus();\n    } else if (direction === 'ArrowUp' && slotIndex > 0) {\n      event.preventDefault();\n      slotsRef.current[slotIndex - 1]?.focus();\n    }\n  };\n\n  const slotDragSelect = useSlotDragSelect({\n    enabled: withDragSlotSelect && mode !== 'static',\n    onDragEnd: (startIndex, endIndex) => {\n      if (!onSlotDragEnd) {\n        return;\n      }\n      const slotDate = dayjs(date).format('YYYY-MM-DD');\n      onSlotDragEnd(\n        `${slotDate} ${slots[startIndex].startTime}`,\n        `${slotDate} ${slots[endIndex].endTime}`\n      );\n    },\n  });\n\n  const expandedEvents = expandRecurringEvents({\n    events,\n    rangeStart: dayjs(date).startOf('day').toDate(),\n    rangeEnd: dayjs(date).endOf('day').toDate(),\n    expansionLimit: recurrenceExpansionLimit,\n  });\n\n  const eventsData = getDayViewEvents({\n    events: expandedEvents,\n    date,\n    startTime,\n    endTime,\n    intervalMinutes,\n    eventOverlapMode,\n  });\n\n  const handleExternalDrop = useCallback(\n    (e: React.DragEvent, slotIndex: number) => {\n      if (!onExternalEventDrop) {\n        return;\n      }\n      const slotDate = dayjs(date).format('YYYY-MM-DD');\n      const slotTime = slots[slotIndex].startTime;\n\n      if (eventDragInterval == null) {\n        onExternalEventDrop(e.dataTransfer, `${slotDate} ${slotTime}`);\n        return;\n      }\n\n      const slotStart = `${slotDate} ${slotTime}`;\n      const { start } = calculateDropTime({\n        draggedEvent: { start: slotStart, end: slotStart } as ScheduleEventData,\n        targetDate: date,\n        targetSlotTime: slotTime,\n        intervalMinutes,\n        dragIntervalMinutes: eventDragInterval,\n        slotOffset: dragOffsetRef.current.offset,\n        slotSize: dragOffsetRef.current.size,\n        startTime,\n        endTime,\n      });\n      onExternalEventDrop(e.dataTransfer, dayjs(start).format('YYYY-MM-DD HH:mm:ss'));\n    },\n    [onExternalEventDrop, date, slots, eventDragInterval, intervalMinutes, startTime, endTime]\n  );\n\n  const getDropTimeForSlot = (slotIndex: number, draggedEvent: ScheduleEventData) => {\n    const slotTime = slots[slotIndex].startTime;\n    return calculateDropTime({\n      draggedEvent,\n      targetDate: date,\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 dragDrop = useDragDropHandlers({\n    enabled: withEventsDragAndDrop,\n    mode,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    calculateDropTarget: getDropTimeForSlot,\n    onExternalDrop: onExternalEventDrop ? handleExternalDrop : undefined,\n  });\n\n  const updateDragPreview = (slotIndex: number) => {\n    const draggedEvent = dragDrop.dragContextValue.draggedEvent;\n    if (eventDragInterval == null || !draggedEvent) {\n      return;\n    }\n    const { start, end } = getDropTimeForSlot(slotIndex, draggedEvent);\n    const newStart = dayjs(start).format('YYYY-MM-DD HH:mm:ss');\n    if (dragDrop.dragPreview?.start !== newStart) {\n      dragDrop.setDragPreview({\n        start: newStart,\n        end: dayjs(end).format('YYYY-MM-DD HH:mm:ss'),\n        target: slotIndex,\n      });\n    }\n  };\n\n  const eventResize = useEventResize({\n    enabled: withEventResize,\n    mode,\n    startTime,\n    endTime,\n    intervalMinutes,\n    resizeIntervalMinutes: eventResizeInterval,\n    onEventResize,\n    canResizeEvent,\n    withBackgroundEvents: withInteractiveBackgroundEvents,\n  });\n\n  const withDragHandlers = (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== 'static';\n\n  const eventsNodes = eventsData.regularEvents.map((event) => {\n    const eventIsAllDay = isAllDayEvent({ event, date });\n    const isDraggable = !eventIsAllDay && dragDrop.isDraggableEvent(event);\n    const isResizable = !eventIsAllDay && eventResize.isResizableEvent(event);\n    const resizePosition = eventResize.getResizePosition(event.id);\n    const eventTop = resizePosition ? resizePosition.top : event.position.top;\n    const eventHeight = resizePosition ? resizePosition.height : event.position.height;\n\n    return (\n      <ScheduleEvent\n        event={event}\n        key={event.id}\n        renderEventBody={renderEventBody}\n        renderEvent={renderEvent}\n        autoSize\n        draggable={isDraggable}\n        withResize={isResizable}\n        isResizing={resizePosition !== null}\n        onResizeStart={\n          isResizable\n            ? (edge, e) => {\n                if (timeSlotsContainerRef.current) {\n                  eventResize.handleResizeStart({\n                    event,\n                    edge,\n                    container: timeSlotsContainerRef.current,\n                    originalTop: event.position.top,\n                    originalHeight: event.position.height,\n                    eventDate: dayjs(date).format('YYYY-MM-DD'),\n                    pointerEvent: e,\n                  });\n                }\n              }\n            : undefined\n        }\n        mode={mode}\n        onClick={\n          onEventClick\n            ? (e) => {\n                if (!eventResize.wasResizing()) {\n                  onEventClick(event, e);\n                }\n              }\n            : undefined\n        }\n        {...stylesApiProps}\n        mod={{ cascade: eventOverlapMode === 'cascade' }}\n        style={{\n          ...stylesApiProps.styles?.event,\n          top: `${eventTop}%`,\n          height: `${eventHeight}%`,\n          insetInlineStart: `${event.position.offset}%`,\n          width: `${event.position.width}%`,\n          position: 'absolute',\n          '--event-z-index': event.position.column + 3,\n          '--event-z-index-raised': event.position.overlaps + 3,\n        }}\n      />\n    );\n  });\n\n  const allDayEventsCount = getVisibleEvents({\n    maxEvents: 2,\n    totalEvents: eventsData.allDayEvents.length,\n  });\n\n  const allDayEventsNodes = eventsData.allDayEvents\n    .slice(0, allDayEventsCount.visibleEventsCount)\n    .map((event) => (\n      <ScheduleEvent\n        key={event.id}\n        event={event}\n        renderEventBody={renderEventBody}\n        renderEvent={renderEvent}\n        style={{ maxHeight: '50%' }}\n        nowrap\n        autoSize\n        mode={mode}\n        onClick={onEventClick ? (e) => onEventClick(event, e) : undefined}\n        {...stylesApiProps}\n      />\n    ));\n\n  const dayGroup = dayjs(date).format('YYYY-MM-DD');\n\n  const suppressDropHighlight = eventDragInterval != null && dragDrop.dragContextValue.isDragging;\n\n  const items = slots.map((slot, index) => {\n    const isDropTarget = !suppressDropHighlight && dragDrop.isDropTarget(index);\n    const isDragSelected = slotDragSelect.isSlotSelected(index, dayGroup);\n    const slotStart = `${dayGroup} ${slot.startTime}` as DateTimeStringValue;\n    const slotEnd = `${dayGroup} ${slot.endTime}` as DateTimeStringValue;\n    const { onClick: externalOnClick, ...externalSlotProps } =\n      getTimeSlotProps?.({ start: slotStart, end: slotEnd }) || {};\n\n    const handleClick =\n      mode === 'static'\n        ? undefined\n        : (event: React.MouseEvent<HTMLButtonElement>) => {\n            onTimeSlotClick?.({\n              slotStart,\n              slotEnd,\n              nativeEvent: event,\n            });\n            externalOnClick?.(event);\n          };\n\n    return (\n      <UnstyledButton\n        {...getStyles('dayViewSlot')}\n        key={slot.startTime}\n        ref={(node) => {\n          slotsRef.current[index] = node!;\n        }}\n        mod={{\n          first: index === 0,\n          'hour-start': slot.isHourStart,\n          ...getBusinessHoursMod({\n            time: slot.startTime,\n            businessHours,\n            highlightBusinessHours,\n          }),\n          'drop-target': isDropTarget,\n          'drag-selected': isDragSelected,\n          static: mode === 'static',\n        }}\n        __vars={{ '--slot-size': `${clampIntervalMinutes(intervalMinutes) / 60}` }}\n        aria-label={`${getLabel('timeSlot', labels)} ${slot.startTime} - ${slot.endTime}`}\n        tabIndex={mode === 'static' ? -1 : index === 0 ? 0 : -1}\n        data-drag-slot-index={withDragSlotSelect && mode !== 'static' ? index : undefined}\n        data-drag-slot-group={withDragSlotSelect && mode !== 'static' ? dayGroup : undefined}\n        onKeyDown={mode === 'static' ? undefined : (e) => handleSlotKeyDown(e, index)}\n        onPointerDown={\n          withDragSlotSelect && mode !== 'static'\n            ? (e) => slotDragSelect.handleSlotPointerDown(e, index, dayGroup)\n            : undefined\n        }\n        onClick={handleClick}\n        onDragOver={withDragHandlers ? (event) => event.preventDefault() : undefined}\n        {...externalSlotProps}\n      />\n    );\n  });\n\n  const slotsLabels = slots.reduce<React.ReactNode[]>((acc, slot) => {\n    if (slot.isHourStart) {\n      const slotTime = dayjs(`${dayjs(date).format('YYYY-MM-DD')} ${slot.startTime}`);\n      const label = formatDate({\n        locale: ctx.getLocale(locale),\n        date: slotTime,\n        format: slotLabelFormat,\n      });\n\n      acc.push(\n        <Box\n          {...getStyles('dayViewSlotLabel')}\n          key={slot.startTime}\n          mod={getBusinessHoursMod({\n            time: slot.startTime,\n            businessHours,\n            highlightBusinessHours,\n          })}\n        >\n          {label}\n        </Box>\n      );\n    }\n    return acc;\n  }, []);\n\n  const interactiveBackgroundEvents = withInteractiveBackgroundEvents && mode !== 'static';\n\n  const backgroundAllDayEventNodes = eventsData.backgroundAllDayEvents.map((event) => (\n    <ScheduleBackgroundEvent\n      key={`bg-allday-${event.id}`}\n      event={event}\n      renderEvent={renderEvent}\n      renderEventBody={renderEventBody}\n      interactive={interactiveBackgroundEvents}\n      onEventClick={onEventClick}\n      {...getStyles('dayViewBackgroundEvent', {\n        style: { top: 0, height: '100%', width: '100%' },\n      })}\n    />\n  ));\n\n  const backgroundTimedEventNodes = eventsData.backgroundTimedEvents.map((event) => {\n    const isResizable = eventResize.isResizableEvent(event);\n    const resizePosition = eventResize.getResizePosition(event.id);\n\n    return (\n      <ScheduleBackgroundEvent<'top' | 'bottom'>\n        key={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        resizeHandleProps={getStyles('dayViewBackgroundEventResizeHandle')}\n        onResizeStart={\n          isResizable\n            ? (edge, e) => {\n                if (timeSlotsContainerRef.current) {\n                  eventResize.handleResizeStart({\n                    event,\n                    edge,\n                    container: timeSlotsContainerRef.current,\n                    originalTop: event.position.top,\n                    originalHeight: event.position.height,\n                    eventDate: dayjs(date).format('YYYY-MM-DD'),\n                    pointerEvent: e,\n                  });\n                }\n              }\n            : undefined\n        }\n        {...getStyles('dayViewBackgroundEvent', {\n          style: {\n            ...getTimeAxisEventStyle({\n              start: resizePosition ? resizePosition.top : event.position.top,\n              span: resizePosition ? resizePosition.height : event.position.height,\n              axis: 'vertical',\n            }),\n            width: '100%',\n          },\n        })}\n      />\n    );\n  });\n\n  const content = (\n    <Box\n      {...getStyles('dayView')}\n      __vars={{ '--event-raise-delay': `${eventOverlapRaiseDelay}ms` }}\n      mod={{\n        static: mode === 'static',\n        'slot-dragging': slotDragSelect.isDragging,\n        'hide-sub-hour-grid-lines': !withSubHourGridLines,\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            title: formatDate({ locale: ctx.getLocale(locale), date, format: headerFormat }),\n            miw: 140,\n          }}\n          labels={labels}\n          onDateChange={onDateChange}\n          onViewChange={onViewChange}\n          previousControlProps={previousControlProps}\n          nextControlProps={nextControlProps}\n          todayControlProps={todayControlProps}\n          viewSelectProps={viewSelectProps}\n          stylesApiProps={stylesApiProps}\n          onAgendaClick={withAgenda ? () => setAgendaOpen((v) => !v) : undefined}\n          agendaActive={agendaOpen}\n        />\n      )}\n\n      {agendaOpen && (\n        <AgendaView\n          rangeStart={dayjs(date).startOf('day').format('YYYY-MM-DD')}\n          rangeEnd={dayjs(date).endOf('day').format('YYYY-MM-DD')}\n          events={events}\n          locale={locale}\n          labels={labels}\n          mode={mode}\n          onEventClick={onEventClick}\n          recurrenceExpansionLimit={recurrenceExpansionLimit}\n          {...stylesApiProps}\n        />\n      )}\n\n      {!agendaOpen && (\n        <ScrollArea.Autosize\n          scrollbarSize={4}\n          {...scrollAreaProps}\n          {...getStyles('dayViewScrollArea', {\n            className: scrollAreaProps?.className,\n            style: scrollAreaProps?.style,\n          })}\n          viewportRef={mergedViewportRef}\n        >\n          <Box {...getStyles('dayViewInner')}>\n            <div {...getStyles('dayViewSlotLabels')}>\n              {withAllDaySlot && (\n                <Box {...getStyles('dayViewSlotLabel')} mod={{ 'all-day': true }}>\n                  {getLabel('allDay', labels)}\n                </Box>\n              )}\n              {slotsLabels}\n            </div>\n\n            <div {...getStyles('dayViewSlots')}>\n              {withAllDaySlot && (\n                <div {...getStyles('dayViewAllDay')}>\n                  {backgroundAllDayEventNodes}\n                  <div {...getStyles('dayViewAllDayEvents')}>\n                    {allDayEventsNodes}\n                    {allDayEventsCount.hiddenEventsCount > 0 && (\n                      <MoreEvents\n                        events={eventsData.allDayEvents}\n                        moreEventsCount={allDayEventsCount.hiddenEventsCount}\n                        renderEventBody={renderEventBody}\n                        renderEvent={renderEvent}\n                        mode={mode}\n                        labels={labels}\n                        onEventClick={onEventClick}\n                        {...stylesApiProps}\n                        {...moreEventsProps}\n                      />\n                    )}\n                  </div>\n                  <UnstyledButton\n                    {...getStyles('dayViewSlot')}\n                    mod={{ 'all-day': true, static: mode === 'static' }}\n                    aria-label={`${getLabel('timeSlot', labels)} ${getLabel('allDay', labels)}`}\n                    onClick={\n                      mode === 'static' || !onAllDaySlotClick\n                        ? undefined\n                        : (e) => {\n                            onAllDaySlotClick(dayjs(date).format('YYYY-MM-DD'), e);\n                          }\n                    }\n                  />\n                </div>\n              )}\n\n              <div\n                ref={timeSlotsContainerRef}\n                {...getStyles('dayViewTimeSlots')}\n                onDragOver={\n                  withDragHandlers\n                    ? (event) => {\n                        const slotIndex = getSlotIndexFromDragPoint(event);\n                        if (slotIndex !== null) {\n                          dragDrop.handleDragOver(event, slotIndex);\n                          updateDragPreview(slotIndex);\n                        }\n                      }\n                    : undefined\n                }\n                onDragLeave={withDragHandlers ? dragDrop.handleDragLeave : undefined}\n                onDrop={\n                  withDragHandlers\n                    ? (event) => {\n                        const slotIndex = getSlotIndexFromDragPoint(event);\n                        if (slotIndex !== null) {\n                          dragDrop.handleDrop(event, slotIndex);\n                        }\n                      }\n                    : undefined\n                }\n              >\n                {backgroundTimedEventNodes}\n\n                {eventsNodes}\n\n                {dragDrop.dragPreview && dragDrop.dragContextValue.draggedEvent && (\n                  <Box\n                    {...getStyles('dayViewDragPreview', {\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                          insetInlineStart: 0,\n                          insetInlineEnd: 0,\n                          top: `${top}%`,\n                          height: `${height}%`,\n                        };\n                      })(),\n                    })}\n                  />\n                )}\n\n                {showCurrentTimeIndicator && (\n                  <CurrentTimeIndicator\n                    startOffset=\"calc(var(--day-view-slot-labels-width) * -1)\"\n                    endOffset=\"0rem\"\n                    topOffset=\"0rem\"\n                    timeBubbleStartOffset=\"calc(var(--day-view-slot-labels-width) * -1 + 30px)\"\n                    currentTimeFormat={slotLabelFormat}\n                    withTimeBubble={withCurrentTimeBubble}\n                    withThumb={!withCurrentTimeBubble}\n                    locale={locale}\n                    startTime={startTime}\n                    endTime={endTime}\n                    intervalMinutes={intervalMinutes}\n                    getCurrentTime={getCurrentTime}\n                    {...stylesApiProps}\n                  />\n                )}\n                {items}\n              </div>\n            </div>\n          </Box>\n        </ScrollArea.Autosize>\n      )}\n    </Box>\n  );\n\n  if (withEventsDragAndDrop) {\n    return <DragContext.Provider value={dragDrop.dragContextValue}>{content}</DragContext.Provider>;\n  }\n\n  return content;\n});\n\nDayView.displayName = '@mantine/schedule/DayView';\nDayView.classes = classes;\nDayView.varsResolver = varsResolver;\n\nexport namespace DayView {\n  export type Props = DayViewProps;\n  export type Factory = DayViewFactory;\n  export type StylesNames = DayViewStylesNames;\n  export type CssVariables = DayViewCssVariables;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+RA,MAAM,eAAe;CACnB,kBAAkB;CAClB,WAAW;CACX,SAAS;CACT,iBAAiB;CACjB,sBAAsB;CACtB,gBAAgB;CAChB,iBAAiB;CACjB,cAAc;CACd,uBAAuB;CACvB,YAAY;CACZ,wBAAwB;CACxB,eAAe,CAAC,YAAY,UAAU;CACtC,uBAAuB;CACvB,oBAAoB;CACpB,iBAAiB;CACjB,MAAM;CACN,iCAAiC;CACjC,kBAAkB;CAClB,wBAAwB;AAC1B;AAEA,MAAM,eAAe,oBAClB,QAAQ,EAAE,QAAQ,YAAY,wBAAwB,EACrD,SAAS;CACP,qBAAqB,WAAW,KAAA,IAAY,UAAU,MAAM,IAAI,KAAA;CAChE,0BAA0B,IAAI,UAAU;CACxC,kCAAkC,IAAI,gBAAgB;AACxD,EACF,EACF;AAEA,MAAa,UAAU,SAAyB,WAAW;CACzD,MAAM,QAAQ,SAAS,WAAW,cAAc,MAAM;CACtD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,YACA,MACA,kBACA,WACA,SACA,iBACA,sBACA,kBACA,wBACA,gBACA,MACA,QACA,iBACA,cACA,gBACA,0BACA,uBACA,YACA,QACA,cACA,cACA,sBACA,kBACA,mBACA,iBACA,YACA,kBACA,iBACA,QACA,iBACA,iBACA,aACA,QACA,wBACA,eACA,uBACA,aACA,cACA,mBACA,kBACA,gBACA,iBACA,mBACA,cACA,iCACA,oBACA,eACA,MACA,iBACA,qBACA,iBACA,eACA,gBACA,qBACA,0BACA,kBACA,YACA,GAAG,WACD;CAEJ,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAElD,MAAM,YAAY,UAA0B;EAC1C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;CAChB,CAAC;CAED,MAAM,EAAE,oBAAoB,mBAAmB,qBAAqC;EAClF;EACA;EACA;CACF,CAAC;CAED,MAAM,iBAAiB;EACrB,YAAY;EACZ,QAAQ;EACR;EACA;EACA;CACF;CAEA,MAAM,MAAM,gBAAgB;CAC5B,MAA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"}

package/esm/components/DayView/DayView.module.mjs

@@ -6,14 +6,15 @@ var DayView_module_default = {
 	"dayViewScrollArea": "m_f2eec5af",
 	"dayViewInner": "m_d5502881",
 	"dayViewTimeSlots": "m_9389813",
+	"dayViewDragPreview": "m_2d4819df",
 	"dayViewSlot": "m_cd179e73",
 	"dayViewSlotLabels": "m_c30b0852",
 	"dayViewSlotLabel": "m_2f950041",
 	"dayViewSlots": "m_d5dc3060",
 	"dayViewBackgroundEvent": "m_c5cd9a77",
+	"dayViewBackgroundEventResizeHandle": "m_cddb9413",
 	"dayViewAllDay": "m_c6f08d70",
-	"dayViewAllDayEvents": "m_42b986a9",
-	"dayViewDragPreview": "m_2d4819df"
+	"dayViewAllDayEvents": "m_42b986a9"
 };
 //#endregion
 export { DayView_module_default as default };