@mantine/schedule 9.4.2 → 9.5.0

package/cjs/components/ResourcesWeekView/ResourcesWeekView.cjs

@@ -173,7 +173,8 @@ const ResourcesWeekView = (0, _mantine_core.factory)((_props) => {
 		calculateDropTarget: (target, draggedEvent) => {
 			lastDropResourceId.current = target.resourceId;
 			const dayIndex = Math.floor(target.slotIndex / totalSlotsPerDay);
-			const slotTime = slots[target.slotIndex % totalSlotsPerDay].startTime;
+			const slotInDay = target.slotIndex % totalSlotsPerDay;
+			const slotTime = slots[slotInDay].startTime;
 			return require_calculate_drop_time.calculateDropTime({
 				draggedEvent,
 				targetDate: weekdays[dayIndex] || weekdays[0],

package/cjs/components/ResourcesWeekView/ResourcesWeekView.cjs.map

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

package/cjs/components/ScheduleHeader/HeaderControl/HeaderControl.cjs

@@ -42,9 +42,10 @@ HeaderControl.classes = require_HeaderControl_module.default;
 HeaderControl.varsResolver = varsResolver;
 function ScheduleHeaderNext(props) {
 	const { dir } = (0, _mantine_core.useDirection)();
+	const resolvedLabels = require_ScheduleHeaderContext.useScheduleHeaderLabels(props.labels);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeaderControl, {
 		"data-type": "next",
-		"aria-label": require_labels.getLabel("next", require_ScheduleHeaderContext.useScheduleHeaderLabels(props.labels)),
+		"aria-label": require_labels.getLabel("next", resolvedLabels),
 		square: true,
 		...props,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.AccordionChevron, { style: { transform: `rotate(${dir === "rtl" ? 90 : -90}deg)` } })
@@ -52,9 +53,10 @@ function ScheduleHeaderNext(props) {
 }
 function ScheduleHeaderPrevious(props) {
 	const { dir } = (0, _mantine_core.useDirection)();
+	const resolvedLabels = require_ScheduleHeaderContext.useScheduleHeaderLabels(props.labels);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeaderControl, {
 		"data-type": "previous",
-		"aria-label": require_labels.getLabel("previous", require_ScheduleHeaderContext.useScheduleHeaderLabels(props.labels)),
+		"aria-label": require_labels.getLabel("previous", resolvedLabels),
 		square: true,
 		...props,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.AccordionChevron, { style: { transform: `rotate(${dir === "rtl" ? -90 : 90}deg)` } })

package/cjs/components/ScheduleHeader/HeaderControl/HeaderControl.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderControl.cjs","names":["UnstyledButton","classes","getLabel","useScheduleHeaderLabels","AccordionChevron"],"sources":["../../../../src/components/ScheduleHeader/HeaderControl/HeaderControl.tsx"],"sourcesContent":["import {\n  AccordionChevron,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  StylesApiProps,\n  UnstyledButton,\n  useDirection,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { getLabel, ScheduleLabelsOverride } from '../../../labels';\nimport { useScheduleHeaderLabels } from '../ScheduleHeaderContext';\nimport classes from './HeaderControl.module.css';\n\nexport type HeaderControlStylesNames = 'headerControl';\nexport type HeaderControlCssVariables = {\n  headerControl: '--control-radius';\n};\n\nexport interface HeaderControlProps\n  extends BoxProps, StylesApiProps<HeaderControlFactory>, ElementProps<'button'> {\n  __staticSelector?: string;\n\n  /** Applies active styles */\n  active?: boolean;\n\n  /** Removes inline padding */\n  square?: boolean;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** If set to `false`, the control will not be clickable  */\n  interactive?: boolean;\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n}\n\nexport type HeaderControlFactory = Factory<{\n  props: HeaderControlProps;\n  ref: HTMLButtonElement;\n  stylesNames: HeaderControlStylesNames;\n  vars: HeaderControlCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'HeaderControl',\n  interactive: true,\n} satisfies Partial<HeaderControlProps>;\n\nconst varsResolver = createVarsResolver<HeaderControlFactory>((_theme, { radius }) => ({\n  headerControl: {\n    '--control-radius': radius === undefined ? undefined : getRadius(radius),\n  },\n}));\n\nexport const HeaderControl = factory<HeaderControlFactory>((_props) => {\n  const props = useProps('HeaderControl', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    __staticSelector,\n    mod,\n    attributes,\n    active,\n    square,\n    radius,\n    interactive,\n    labels,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<HeaderControlFactory>({\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: 'headerControl',\n  });\n\n  return (\n    <UnstyledButton\n      {...getStyles('headerControl', { active: interactive })}\n      mod={[{ active, square, interactive }, mod]}\n      tabIndex={interactive ? undefined : -1}\n      {...others}\n    />\n  );\n});\n\nHeaderControl.displayName = '@mantine/schedule/HeaderControl';\nHeaderControl.classes = classes;\nHeaderControl.varsResolver = varsResolver;\n\nexport function ScheduleHeaderNext(props: HeaderControlProps) {\n  const { dir } = useDirection();\n  const resolvedLabels = useScheduleHeaderLabels(props.labels);\n\n  return (\n    <HeaderControl data-type=\"next\" aria-label={getLabel('next', resolvedLabels)} square {...props}>\n      <AccordionChevron style={{ transform: `rotate(${dir === 'rtl' ? 90 : -90}deg)` }} />\n    </HeaderControl>\n  );\n}\n\nexport function ScheduleHeaderPrevious(props: HeaderControlProps) {\n  const { dir } = useDirection();\n  const resolvedLabels = useScheduleHeaderLabels(props.labels);\n\n  return (\n    <HeaderControl\n      data-type=\"previous\"\n      aria-label={getLabel('previous', resolvedLabels)}\n      square\n      {...props}\n    >\n      <AccordionChevron style={{ transform: `rotate(${dir === 'rtl' ? -90 : 90}deg)` }} />\n    </HeaderControl>\n  );\n}\n\nexport function ScheduleHeaderToday(props: HeaderControlProps) {\n  const resolvedLabels = useScheduleHeaderLabels(props.labels);\n\n  return (\n    <HeaderControl data-type=\"today\" aria-label={getLabel('today', resolvedLabels)} {...props}>\n      {getLabel('today', resolvedLabels)}\n    </HeaderControl>\n  );\n}\n\nScheduleHeaderNext.displayName = '@mantine/schedule/ScheduleHeaderNext';\nScheduleHeaderPrevious.displayName = '@mantine/schedule/ScheduleHeaderPrevious';\nScheduleHeaderToday.displayName = '@mantine/schedule/ScheduleHeaderToday';\n"],"mappings":";;;;;;;AAmDA,MAAM,eAAe;CACnB,kBAAkB;CAClB,aAAa;AACf;AAEA,MAAM,gBAAA,GAAA,cAAA,mBAAA,EAAyD,QAAQ,EAAE,cAAc,EACrF,eAAe,EACb,oBAAoB,WAAW,KAAA,IAAY,KAAA,KAAA,GAAA,cAAA,UAAA,CAAsB,MAAM,EACzE,EACF,EAAE;AAEF,MAAa,iBAAA,GAAA,cAAA,QAAA,EAA+C,WAAW;CACrE,MAAM,SAAA,GAAA,cAAA,SAAA,CAAiB,iBAAiB,cAAc,MAAM;CAC5D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,kBACA,KACA,YACA,QACA,QACA,QACA,aACA,QACA,GAAG,WACD;CAiBJ,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,gBAAD;EACE,IAAA,GAAA,cAAA,UAAA,CAjB8C;GAChD,MAAM;GACN,SAAA,6BAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc;EAChB,CAIgB,CAAC,CAAC,iBAAiB,EAAE,QAAQ,YAAY,CAAC;EACtD,KAAK,CAAC;GAAE;GAAQ;GAAQ;EAAY,GAAG,GAAG;EAC1C,UAAU,cAAc,KAAA,IAAY;EACpC,GAAI;CACL,CAAA;AAEL,CAAC;AAED,cAAc,cAAc;AAC5B,cAAc,UAAUC,6BAAAA;AACxB,cAAc,eAAe;AAE7B,SAAgB,mBAAmB,OAA2B;CAC5D,MAAM,EAAE,SAAA,GAAA,cAAA,aAAA,CAAqB;CAG7B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;EAAe,aAAU;EAAO,cAAYC,eAAAA,SAAS,QAHhCC,8BAAAA,wBAAwB,MAAM,MAGuB,CAAC;EAAG,QAAA;EAAO,GAAI;YACvF,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,kBAAD,EAAkB,OAAO,EAAE,WAAW,UAAU,QAAQ,QAAQ,KAAK,IAAI,MAAM,EAAI,CAAA;CACtE,CAAA;AAEnB;AAEA,SAAgB,uBAAuB,OAA2B;CAChE,MAAM,EAAE,SAAA,GAAA,cAAA,aAAA,CAAqB;CAG7B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;EACE,aAAU;EACV,cAAYF,eAAAA,SAAS,YALFC,8BAAAA,wBAAwB,MAAM,MAKH,CAAC;EAC/C,QAAA;EACA,GAAI;YAEJ,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,kBAAD,EAAkB,OAAO,EAAE,WAAW,UAAU,QAAQ,QAAQ,MAAM,GAAG,MAAM,EAAI,CAAA;CACtE,CAAA;AAEnB;AAEA,SAAgB,oBAAoB,OAA2B;CAC7D,MAAM,iBAAiBD,8BAAAA,wBAAwB,MAAM,MAAM;CAE3D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;EAAe,aAAU;EAAQ,cAAYD,eAAAA,SAAS,SAAS,cAAc;EAAG,GAAI;YACjFA,eAAAA,SAAS,SAAS,cAAc;CACpB,CAAA;AAEnB;AAEA,mBAAmB,cAAc;AACjC,uBAAuB,cAAc;AACrC,oBAAoB,cAAc"}
+{"version":3,"file":"HeaderControl.cjs","names":["UnstyledButton","classes","useScheduleHeaderLabels","getLabel","AccordionChevron"],"sources":["../../../../src/components/ScheduleHeader/HeaderControl/HeaderControl.tsx"],"sourcesContent":["import {\n  AccordionChevron,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  StylesApiProps,\n  UnstyledButton,\n  useDirection,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { getLabel, ScheduleLabelsOverride } from '../../../labels';\nimport { useScheduleHeaderLabels } from '../ScheduleHeaderContext';\nimport classes from './HeaderControl.module.css';\n\nexport type HeaderControlStylesNames = 'headerControl';\nexport type HeaderControlCssVariables = {\n  headerControl: '--control-radius';\n};\n\nexport interface HeaderControlProps\n  extends BoxProps, StylesApiProps<HeaderControlFactory>, ElementProps<'button'> {\n  __staticSelector?: string;\n\n  /** Applies active styles */\n  active?: boolean;\n\n  /** Removes inline padding */\n  square?: boolean;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** If set to `false`, the control will not be clickable  */\n  interactive?: boolean;\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n}\n\nexport type HeaderControlFactory = Factory<{\n  props: HeaderControlProps;\n  ref: HTMLButtonElement;\n  stylesNames: HeaderControlStylesNames;\n  vars: HeaderControlCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'HeaderControl',\n  interactive: true,\n} satisfies Partial<HeaderControlProps>;\n\nconst varsResolver = createVarsResolver<HeaderControlFactory>((_theme, { radius }) => ({\n  headerControl: {\n    '--control-radius': radius === undefined ? undefined : getRadius(radius),\n  },\n}));\n\nexport const HeaderControl = factory<HeaderControlFactory>((_props) => {\n  const props = useProps('HeaderControl', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    __staticSelector,\n    mod,\n    attributes,\n    active,\n    square,\n    radius,\n    interactive,\n    labels,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<HeaderControlFactory>({\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: 'headerControl',\n  });\n\n  return (\n    <UnstyledButton\n      {...getStyles('headerControl', { active: interactive })}\n      mod={[{ active, square, interactive }, mod]}\n      tabIndex={interactive ? undefined : -1}\n      {...others}\n    />\n  );\n});\n\nHeaderControl.displayName = '@mantine/schedule/HeaderControl';\nHeaderControl.classes = classes;\nHeaderControl.varsResolver = varsResolver;\n\nexport function ScheduleHeaderNext(props: HeaderControlProps) {\n  const { dir } = useDirection();\n  const resolvedLabels = useScheduleHeaderLabels(props.labels);\n\n  return (\n    <HeaderControl data-type=\"next\" aria-label={getLabel('next', resolvedLabels)} square {...props}>\n      <AccordionChevron style={{ transform: `rotate(${dir === 'rtl' ? 90 : -90}deg)` }} />\n    </HeaderControl>\n  );\n}\n\nexport function ScheduleHeaderPrevious(props: HeaderControlProps) {\n  const { dir } = useDirection();\n  const resolvedLabels = useScheduleHeaderLabels(props.labels);\n\n  return (\n    <HeaderControl\n      data-type=\"previous\"\n      aria-label={getLabel('previous', resolvedLabels)}\n      square\n      {...props}\n    >\n      <AccordionChevron style={{ transform: `rotate(${dir === 'rtl' ? -90 : 90}deg)` }} />\n    </HeaderControl>\n  );\n}\n\nexport function ScheduleHeaderToday(props: HeaderControlProps) {\n  const resolvedLabels = useScheduleHeaderLabels(props.labels);\n\n  return (\n    <HeaderControl data-type=\"today\" aria-label={getLabel('today', resolvedLabels)} {...props}>\n      {getLabel('today', resolvedLabels)}\n    </HeaderControl>\n  );\n}\n\nScheduleHeaderNext.displayName = '@mantine/schedule/ScheduleHeaderNext';\nScheduleHeaderPrevious.displayName = '@mantine/schedule/ScheduleHeaderPrevious';\nScheduleHeaderToday.displayName = '@mantine/schedule/ScheduleHeaderToday';\n"],"mappings":";;;;;;;AAmDA,MAAM,eAAe;CACnB,kBAAkB;CAClB,aAAa;AACf;AAEA,MAAM,gBAAA,GAAA,cAAA,mBAAA,EAAyD,QAAQ,EAAE,cAAc,EACrF,eAAe,EACb,oBAAoB,WAAW,KAAA,IAAY,KAAA,KAAA,GAAA,cAAA,UAAA,CAAsB,MAAM,EACzE,EACF,EAAE;AAEF,MAAa,iBAAA,GAAA,cAAA,QAAA,EAA+C,WAAW;CACrE,MAAM,SAAA,GAAA,cAAA,SAAA,CAAiB,iBAAiB,cAAc,MAAM;CAC5D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,kBACA,KACA,YACA,QACA,QACA,QACA,aACA,QACA,GAAG,WACD;CAiBJ,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,gBAAD;EACE,IAAA,GAAA,cAAA,UAAA,CAjB8C;GAChD,MAAM;GACN,SAAA,6BAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc;EAChB,CAIgB,CAAC,CAAC,iBAAiB,EAAE,QAAQ,YAAY,CAAC;EACtD,KAAK,CAAC;GAAE;GAAQ;GAAQ;EAAY,GAAG,GAAG;EAC1C,UAAU,cAAc,KAAA,IAAY;EACpC,GAAI;CACL,CAAA;AAEL,CAAC;AAED,cAAc,cAAc;AAC5B,cAAc,UAAUC,6BAAAA;AACxB,cAAc,eAAe;AAE7B,SAAgB,mBAAmB,OAA2B;CAC5D,MAAM,EAAE,SAAA,GAAA,cAAA,aAAA,CAAqB;CAC7B,MAAM,iBAAiBC,8BAAAA,wBAAwB,MAAM,MAAM;CAE3D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;EAAe,aAAU;EAAO,cAAYC,eAAAA,SAAS,QAAQ,cAAc;EAAG,QAAA;EAAO,GAAI;YACvF,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,kBAAD,EAAkB,OAAO,EAAE,WAAW,UAAU,QAAQ,QAAQ,KAAK,IAAI,MAAM,EAAI,CAAA;CACtE,CAAA;AAEnB;AAEA,SAAgB,uBAAuB,OAA2B;CAChE,MAAM,EAAE,SAAA,GAAA,cAAA,aAAA,CAAqB;CAC7B,MAAM,iBAAiBF,8BAAAA,wBAAwB,MAAM,MAAM;CAE3D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;EACE,aAAU;EACV,cAAYC,eAAAA,SAAS,YAAY,cAAc;EAC/C,QAAA;EACA,GAAI;YAEJ,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,kBAAD,EAAkB,OAAO,EAAE,WAAW,UAAU,QAAQ,QAAQ,MAAM,GAAG,MAAM,EAAI,CAAA;CACtE,CAAA;AAEnB;AAEA,SAAgB,oBAAoB,OAA2B;CAC7D,MAAM,iBAAiBF,8BAAAA,wBAAwB,MAAM,MAAM;CAE3D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;EAAe,aAAU;EAAQ,cAAYC,eAAAA,SAAS,SAAS,cAAc;EAAG,GAAI;YACjFA,eAAAA,SAAS,SAAS,cAAc;CACpB,CAAA;AAEnB;AAEA,mBAAmB,cAAc;AACjC,uBAAuB,cAAc;AACrC,oBAAoB,cAAc"}

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

@@ -24,7 +24,9 @@ function useEventResize({ enabled = false, mode = "default", startTime, endTime,
 		return Math.max(0, Math.min(literalRange, snapped));
 	}, [literalRange, clampedInterval]);
 	const percentToDateTime = (0, react.useCallback)((percent, eventDate) => {
-		const totalMins = startMinutes + clampAndSnap(percent / 100 * totalMinutes);
+		const minutes = percent / 100 * totalMinutes;
+		const snappedMinutes = clampAndSnap(minutes);
+		const totalMins = startMinutes + snappedMinutes;
 		const hours = Math.floor(totalMins / 60);
 		const mins = totalMins % 60;
 		return `${eventDate} ${String(hours).padStart(2, "0")}:${String(mins).padStart(2, "0")}:00`;
@@ -34,7 +36,8 @@ function useEventResize({ enabled = false, mode = "default", startTime, endTime,
 		clampAndSnap
 	]);
 	const snapPercent = (0, react.useCallback)((percent) => {
-		return clampAndSnap(percent / 100 * totalMinutes) / totalMinutes * 100;
+		const minutes = percent / 100 * totalMinutes;
+		return clampAndSnap(minutes) / totalMinutes * 100;
 	}, [totalMinutes, clampAndSnap]);
 	const handleResizeStart = (0, react.useCallback)(({ event, edge, container, originalTop, originalHeight, eventDate, pointerEvent }) => {
 		if (!enabled || mode === "static") return;
@@ -66,7 +69,8 @@ function useEventResize({ enabled = false, mode = "default", startTime, endTime,
 			if (!state) return;
 			const containerRect = state.container.getBoundingClientRect();
 			const relativeY = e.clientY - containerRect.top;
-			const snappedPercent = snapPercent(Math.max(0, Math.min(100, relativeY / containerRect.height * 100)));
+			const rawPercent = Math.max(0, Math.min(100, relativeY / containerRect.height * 100));
+			const snappedPercent = snapPercent(rawPercent);
 			let newTop = state.originalTop;
 			let newHeight = state.originalHeight;
 			if (state.edge === "bottom") newHeight = Math.max(minHeightPercent, snappedPercent - state.originalTop);

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

@@ -1 +1 @@
-{"version":3,"file":"use-event-resize.cjs","names":["parseTimeString","clampIntervalMinutes"],"sources":["../../src/hooks/use-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 { parseTimeString } from '../utils/parse-time-string/parse-time-string';\n\ntype ResizeEdge = 'top' | 'bottom';\n\ninterface ResizeState {\n  eventId: string | number;\n  event: ScheduleEventData;\n  edge: ResizeEdge;\n  container: HTMLElement;\n  originalTop: number;\n  originalHeight: number;\n  currentTop: number;\n  currentHeight: number;\n  eventDate: string;\n  originalStart: DateTimeStringValue;\n  originalEnd: DateTimeStringValue;\n}\n\nexport interface UseEventResizeInput {\n  enabled?: boolean;\n  mode?: ScheduleMode;\n  startTime: string;\n  endTime: string;\n  intervalMinutes: 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 useEventResize({\n  enabled = false,\n  mode = 'default',\n  startTime,\n  endTime,\n  intervalMinutes,\n  onEventResize,\n  canResizeEvent,\n}: UseEventResizeInput) {\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 literalRange = endMinutes - startMinutes;\n  const totalMinutes = Math.ceil(literalRange / clampedInterval) * clampedInterval;\n  const minHeightPercent = (clampedInterval / totalMinutes) * 100;\n\n  const clampAndSnap = useCallback(\n    (minutes: number): number => {\n      const snapped = Math.round(minutes / clampedInterval) * clampedInterval;\n      return Math.max(0, Math.min(literalRange, snapped));\n    },\n    [literalRange, clampedInterval]\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 snapPercent = useCallback(\n    (percent: number): number => {\n      const minutes = (percent / 100) * totalMinutes;\n      const snappedMinutes = clampAndSnap(minutes);\n      return (snappedMinutes / totalMinutes) * 100;\n    },\n    [totalMinutes, clampAndSnap]\n  );\n\n  const handleResizeStart = useCallback(\n    ({\n      event,\n      edge,\n      container,\n      originalTop,\n      originalHeight,\n      eventDate,\n      pointerEvent,\n    }: {\n      event: ScheduleEventData;\n      edge: ResizeEdge;\n      container: HTMLElement;\n      originalTop: number;\n      originalHeight: number;\n      eventDate: string;\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        originalTop,\n        originalHeight,\n        currentTop: originalTop,\n        currentHeight: originalHeight,\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      };\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    document.body.style.userSelect = 'none';\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 relativeY = e.clientY - containerRect.top;\n      const rawPercent = Math.max(0, Math.min(100, (relativeY / containerRect.height) * 100));\n      const snappedPercent = snapPercent(rawPercent);\n\n      let newTop = state.originalTop;\n      let newHeight = state.originalHeight;\n\n      if (state.edge === 'bottom') {\n        newHeight = Math.max(minHeightPercent, snappedPercent - state.originalTop);\n      } else {\n        const originalBottom = state.originalTop + state.originalHeight;\n        newTop = Math.min(snappedPercent, originalBottom - minHeightPercent);\n        newHeight = originalBottom - newTop;\n      }\n\n      resizeRef.current = { ...state, currentTop: newTop, currentHeight: newHeight };\n      setResizeState(resizeRef.current);\n    };\n\n    const handlePointerUp = () => {\n      const state = resizeRef.current;\n      if (state) {\n        if (\n          state.currentTop !== state.originalTop ||\n          state.currentHeight !== state.originalHeight\n        ) {\n          let newStart: DateTimeStringValue;\n          let newEnd: DateTimeStringValue;\n\n          if (state.edge === 'top') {\n            newStart = percentToDateTime(state.currentTop, state.eventDate);\n            newEnd = state.originalEnd;\n          } else {\n            newStart = state.originalStart;\n            newEnd = percentToDateTime(state.currentTop + state.currentHeight, 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.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 { top: resizeState.currentTop, height: resizeState.currentHeight };\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    getResizePosition,\n    isResizableEvent,\n    wasResizing,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-event-resize.cjs","names":["parseTimeString","clampIntervalMinutes"],"sources":["../../src/hooks/use-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 { parseTimeString } from '../utils/parse-time-string/parse-time-string';\n\ntype ResizeEdge = 'top' | 'bottom';\n\ninterface ResizeState {\n  eventId: string | number;\n  event: ScheduleEventData;\n  edge: ResizeEdge;\n  container: HTMLElement;\n  originalTop: number;\n  originalHeight: number;\n  currentTop: number;\n  currentHeight: number;\n  eventDate: string;\n  originalStart: DateTimeStringValue;\n  originalEnd: DateTimeStringValue;\n}\n\nexport interface UseEventResizeInput {\n  enabled?: boolean;\n  mode?: ScheduleMode;\n  startTime: string;\n  endTime: string;\n  intervalMinutes: 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 useEventResize({\n  enabled = false,\n  mode = 'default',\n  startTime,\n  endTime,\n  intervalMinutes,\n  onEventResize,\n  canResizeEvent,\n}: UseEventResizeInput) {\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 literalRange = endMinutes - startMinutes;\n  const totalMinutes = Math.ceil(literalRange / clampedInterval) * clampedInterval;\n  const minHeightPercent = (clampedInterval / totalMinutes) * 100;\n\n  const clampAndSnap = useCallback(\n    (minutes: number): number => {\n      const snapped = Math.round(minutes / clampedInterval) * clampedInterval;\n      return Math.max(0, Math.min(literalRange, snapped));\n    },\n    [literalRange, clampedInterval]\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 snapPercent = useCallback(\n    (percent: number): number => {\n      const minutes = (percent / 100) * totalMinutes;\n      const snappedMinutes = clampAndSnap(minutes);\n      return (snappedMinutes / totalMinutes) * 100;\n    },\n    [totalMinutes, clampAndSnap]\n  );\n\n  const handleResizeStart = useCallback(\n    ({\n      event,\n      edge,\n      container,\n      originalTop,\n      originalHeight,\n      eventDate,\n      pointerEvent,\n    }: {\n      event: ScheduleEventData;\n      edge: ResizeEdge;\n      container: HTMLElement;\n      originalTop: number;\n      originalHeight: number;\n      eventDate: string;\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        originalTop,\n        originalHeight,\n        currentTop: originalTop,\n        currentHeight: originalHeight,\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      };\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    document.body.style.userSelect = 'none';\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 relativeY = e.clientY - containerRect.top;\n      const rawPercent = Math.max(0, Math.min(100, (relativeY / containerRect.height) * 100));\n      const snappedPercent = snapPercent(rawPercent);\n\n      let newTop = state.originalTop;\n      let newHeight = state.originalHeight;\n\n      if (state.edge === 'bottom') {\n        newHeight = Math.max(minHeightPercent, snappedPercent - state.originalTop);\n      } else {\n        const originalBottom = state.originalTop + state.originalHeight;\n        newTop = Math.min(snappedPercent, originalBottom - minHeightPercent);\n        newHeight = originalBottom - newTop;\n      }\n\n      resizeRef.current = { ...state, currentTop: newTop, currentHeight: newHeight };\n      setResizeState(resizeRef.current);\n    };\n\n    const handlePointerUp = () => {\n      const state = resizeRef.current;\n      if (state) {\n        if (\n          state.currentTop !== state.originalTop ||\n          state.currentHeight !== state.originalHeight\n        ) {\n          let newStart: DateTimeStringValue;\n          let newEnd: DateTimeStringValue;\n\n          if (state.edge === 'top') {\n            newStart = percentToDateTime(state.currentTop, state.eventDate);\n            newEnd = state.originalEnd;\n          } else {\n            newStart = state.originalStart;\n            newEnd = percentToDateTime(state.currentTop + state.currentHeight, 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.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 { top: resizeState.currentTop, height: resizeState.currentHeight };\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    getResizePosition,\n    isResizableEvent,\n    wasResizing,\n  };\n}\n"],"mappings":";;;;;;;;AAqCA,SAAgB,eAAe,EAC7B,UAAU,OACV,OAAO,WACP,WACA,SACA,iBACA,eACA,kBACsB;CACtB,MAAM,CAAC,aAAa,mBAAA,GAAA,MAAA,SAAA,CAA+C,IAAI;CACvE,MAAM,aAAA,GAAA,MAAA,OAAA,CAAuC,IAAI;CACjD,MAAM,kBAAA,GAAA,MAAA,OAAA,CAAwB,KAAK;CACnC,MAAM,uBAAA,GAAA,MAAA,eAAA,CAAqC,wBAAwB,CAAC,EAAE;CAEtE,MAAM,kBAAkBA,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,eAAe,aAAa;CAClC,MAAM,eAAe,KAAK,KAAK,eAAe,eAAe,IAAI;CACjE,MAAM,mBAAoB,kBAAkB,eAAgB;CAE5D,MAAM,gBAAA,GAAA,MAAA,YAAA,EACH,YAA4B;EAC3B,MAAM,UAAU,KAAK,MAAM,UAAU,eAAe,IAAI;EACxD,OAAO,KAAK,IAAI,GAAG,KAAK,IAAI,cAAc,OAAO,CAAC;CACpD,GACA,CAAC,cAAc,eAAe,CAChC;CAEA,MAAM,qBAAA,GAAA,MAAA,YAAA,EACH,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,eAAA,GAAA,MAAA,YAAA,EACH,YAA4B;EAC3B,MAAM,UAAW,UAAU,MAAO;EAElC,OADuB,aAAa,OACf,IAAI,eAAgB;CAC3C,GACA,CAAC,cAAc,YAAY,CAC7B;CAEA,MAAM,qBAAA,GAAA,MAAA,YAAA,EACH,EACC,OACA,MACA,WACA,aACA,gBACA,WACA,mBASI;EACJ,IAAI,CAAC,WAAW,SAAS,UACvB;EAGF,aAAa,eAAe;EAC5B,aAAa,gBAAgB;EAE7B,MAAM,QAAqB;GACzB,SAAS,MAAM;GACf;GACA;GACA;GACA;GACA;GACA,YAAY;GACZ,eAAe;GACf;GACA,gBAAA,GAAA,MAAA,QAAA,CAAqB,MAAM,KAAK,CAAC,CAAC,OAAO,qBAAqB;GAC9D,cAAA,GAAA,MAAA,QAAA,CAAmB,MAAM,GAAG,CAAC,CAAC,OAAO,qBAAqB;EAC5D;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,SAAS,KAAK,MAAM,aAAa;EAEjC,MAAM,qBAAqB,MAAoB;GAC7C,MAAM,QAAQ,UAAU;GACxB,IAAI,CAAC,OACH;GAGF,MAAM,gBAAgB,MAAM,UAAU,sBAAsB;GAC5D,MAAM,YAAY,EAAE,UAAU,cAAc;GAC5C,MAAM,aAAa,KAAK,IAAI,GAAG,KAAK,IAAI,KAAM,YAAY,cAAc,SAAU,GAAG,CAAC;GACtF,MAAM,iBAAiB,YAAY,UAAU;GAE7C,IAAI,SAAS,MAAM;GACnB,IAAI,YAAY,MAAM;GAEtB,IAAI,MAAM,SAAS,UACjB,YAAY,KAAK,IAAI,kBAAkB,iBAAiB,MAAM,WAAW;QACpE;IACL,MAAM,iBAAiB,MAAM,cAAc,MAAM;IACjD,SAAS,KAAK,IAAI,gBAAgB,iBAAiB,gBAAgB;IACnE,YAAY,iBAAiB;GAC/B;GAEA,UAAU,UAAU;IAAE,GAAG;IAAO,YAAY;IAAQ,eAAe;GAAU;GAC7E,eAAe,UAAU,OAAO;EAClC;EAEA,MAAM,wBAAwB;GAC5B,MAAM,QAAQ,UAAU;GACxB,IAAI;QAEA,MAAM,eAAe,MAAM,eAC3B,MAAM,kBAAkB,MAAM,gBAC9B;KACA,IAAI;KACJ,IAAI;KAEJ,IAAI,MAAM,SAAS,OAAO;MACxB,WAAW,kBAAkB,MAAM,YAAY,MAAM,SAAS;MAC9D,SAAS,MAAM;KACjB,OAAO;MACL,WAAW,MAAM;MACjB,SAAS,kBAAkB,MAAM,aAAa,MAAM,eAAe,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,oBAAoB,eAAe,iBAAiB;GAC7D,SAAS,oBAAoB,aAAa,eAAe;EAC3D;CACF,GAAG,CAAC,UAAU,CAAC;CAEf,MAAM,qBAAA,GAAA,MAAA,YAAA,EACH,YAA6B;EAC5B,IAAI,CAAC,eAAe,YAAY,YAAY,SAC1C,OAAO;EAET,OAAO;GAAE,KAAK,YAAY;GAAY,QAAQ,YAAY;EAAc;CAC1E,GACA,CAAC,WAAW,CACd;CAEA,MAAM,oBAAA,GAAA,MAAA,YAAA,EACH,UAA6B;EAC5B,IAAI,CAAC,WAAW,SAAS,YAAY,MAAM,YAAY,cACrD,OAAO;EAET,OAAO,iBAAiB,eAAe,KAAK,IAAI;CAClD,GACA;EAAC;EAAS;EAAM;CAAc,CAChC;CAEA,MAAM,eAAA,GAAA,MAAA,YAAA,OAAgC,eAAe,SAAS,CAAC,CAAC;CAEhE,OAAO;EACL;EACA;EACA,iBAAiB,aAAa,WAAW;EACzC;EACA;EACA;CACF;AACF"}

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

@@ -25,7 +25,9 @@ function useHorizontalEventResize({ enabled = false, mode = "default", startTime
 		return Math.max(0, Math.min(literalRange, snapped));
 	}, [literalRange, clampedInterval]);
 	const percentToDateTime = (0, react.useCallback)((percent, eventDate) => {
-		const totalMins = startMinutes + clampAndSnap(percent / 100 * totalMinutes);
+		const minutes = percent / 100 * totalMinutes;
+		const snappedMinutes = clampAndSnap(minutes);
+		const totalMins = startMinutes + snappedMinutes;
 		const hours = Math.floor(totalMins / 60);
 		const mins = totalMins % 60;
 		return `${eventDate} ${String(hours).padStart(2, "0")}:${String(mins).padStart(2, "0")}:00`;
@@ -35,7 +37,8 @@ function useHorizontalEventResize({ enabled = false, mode = "default", startTime
 		clampAndSnap
 	]);
 	const snapPercent = (0, react.useCallback)((percent) => {
-		return clampAndSnap(percent / 100 * totalMinutes) / totalMinutes * 100;
+		const minutes = percent / 100 * totalMinutes;
+		return clampAndSnap(minutes) / totalMinutes * 100;
 	}, [totalMinutes, clampAndSnap]);
 	const handleResizeStart = (0, react.useCallback)(({ event, edge, container, originalLeft, originalWidth, eventDate, dayIndex = 0, dayCount = 1, pointerEvent }) => {
 		if (!enabled || mode === "static") return;
@@ -70,13 +73,14 @@ function useHorizontalEventResize({ enabled = false, mode = "default", startTime
 			const state = resizeRef.current;
 			if (!state) return;
 			const containerRect = state.container.getBoundingClientRect();
-			const snappedPercent = snapPercent(require_get_day_relative_percent.getDayRelativePercent({
+			const rawPercent = require_get_day_relative_percent.getDayRelativePercent({
 				clientX: e.clientX,
 				containerLeft: containerRect.left,
 				containerWidth: containerRect.width,
 				dayIndex: state.dayIndex,
 				dayCount: state.dayCount
-			}));
+			});
+			const snappedPercent = snapPercent(rawPercent);
 			let newLeft = state.originalLeft;
 			let newWidth = state.originalWidth;
 			if (state.edge === "end") newWidth = Math.max(minWidthPercent, snappedPercent - state.originalLeft);

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

@@ -1 +1 @@
-{"version":3,"file":"use-horizontal-event-resize.cjs","names":["parseTimeString","clampIntervalMinutes","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  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  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 literalRange = endMinutes - startMinutes;\n  const totalMinutes = Math.ceil(literalRange / clampedInterval) * clampedInterval;\n  const minWidthPercent = (clampedInterval / totalMinutes) * 100;\n\n  const clampAndSnap = useCallback(\n    (minutes: number): number => {\n      const snapped = Math.round(minutes / clampedInterval) * clampedInterval;\n      return Math.max(0, Math.min(literalRange, snapped));\n    },\n    [literalRange, clampedInterval]\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 snapPercent = useCallback(\n    (percent: number): number => {\n      const minutes = (percent / 100) * totalMinutes;\n      const snappedMinutes = clampAndSnap(minutes);\n      return (snappedMinutes / totalMinutes) * 100;\n    },\n    [totalMinutes, clampAndSnap]\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 snappedPercent = snapPercent(rawPercent);\n\n      let newLeft = state.originalLeft;\n      let newWidth = state.originalWidth;\n\n      if (state.edge === 'end') {\n        newWidth = Math.max(minWidthPercent, snappedPercent - state.originalLeft);\n      } else {\n        const originalRight = state.originalLeft + state.originalWidth;\n        newLeft = Math.min(snappedPercent, originalRight - minWidthPercent);\n        newWidth = originalRight - 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":["parseTimeString","clampIntervalMinutes","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  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  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 literalRange = endMinutes - startMinutes;\n  const totalMinutes = Math.ceil(literalRange / clampedInterval) * clampedInterval;\n  const minWidthPercent = (clampedInterval / totalMinutes) * 100;\n\n  const clampAndSnap = useCallback(\n    (minutes: number): number => {\n      const snapped = Math.round(minutes / clampedInterval) * clampedInterval;\n      return Math.max(0, Math.min(literalRange, snapped));\n    },\n    [literalRange, clampedInterval]\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 snapPercent = useCallback(\n    (percent: number): number => {\n      const minutes = (percent / 100) * totalMinutes;\n      const snappedMinutes = clampAndSnap(minutes);\n      return (snappedMinutes / totalMinutes) * 100;\n    },\n    [totalMinutes, clampAndSnap]\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 snappedPercent = snapPercent(rawPercent);\n\n      let newLeft = state.originalLeft;\n      let newWidth = state.originalWidth;\n\n      if (state.edge === 'end') {\n        newWidth = Math.max(minWidthPercent, snappedPercent - state.originalLeft);\n      } else {\n        const originalRight = state.originalLeft + state.originalWidth;\n        newLeft = Math.min(snappedPercent, originalRight - minWidthPercent);\n        newWidth = originalRight - 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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"}

package/cjs/utils/expand-recurring-events/expand-recurring-events.cjs

@@ -117,6 +117,7 @@ function expandRecurringEvents({ events, rangeStart, rangeEnd, expansionLimit =
 	return output;
 }
 //#endregion
+exports.DEFAULT_EXPANSION_LIMIT = DEFAULT_EXPANSION_LIMIT;
 exports.expandRecurringEvents = expandRecurringEvents;
 
 //# sourceMappingURL=expand-recurring-events.cjs.map

package/esm/components/ResourcesWeekView/ResourcesWeekView.mjs

@@ -171,7 +171,8 @@ const ResourcesWeekView = factory((_props) => {
 		calculateDropTarget: (target, draggedEvent) => {
 			lastDropResourceId.current = target.resourceId;
 			const dayIndex = Math.floor(target.slotIndex / totalSlotsPerDay);
-			const slotTime = slots[target.slotIndex % totalSlotsPerDay].startTime;
+			const slotInDay = target.slotIndex % totalSlotsPerDay;
+			const slotTime = slots[slotInDay].startTime;
 			return calculateDropTime({
 				draggedEvent,
 				targetDate: weekdays[dayIndex] || weekdays[0],

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

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

package/esm/components/ScheduleHeader/HeaderControl/HeaderControl.mjs

@@ -42,9 +42,10 @@ HeaderControl.classes = HeaderControl_module_default;
 HeaderControl.varsResolver = varsResolver;
 function ScheduleHeaderNext(props) {
 	const { dir } = useDirection();
+	const resolvedLabels = useScheduleHeaderLabels(props.labels);
 	return /* @__PURE__ */ jsx(HeaderControl, {
 		"data-type": "next",
-		"aria-label": getLabel("next", useScheduleHeaderLabels(props.labels)),
+		"aria-label": getLabel("next", resolvedLabels),
 		square: true,
 		...props,
 		children: /* @__PURE__ */ jsx(AccordionChevron, { style: { transform: `rotate(${dir === "rtl" ? 90 : -90}deg)` } })
@@ -52,9 +53,10 @@ function ScheduleHeaderNext(props) {
 }
 function ScheduleHeaderPrevious(props) {
 	const { dir } = useDirection();
+	const resolvedLabels = useScheduleHeaderLabels(props.labels);
 	return /* @__PURE__ */ jsx(HeaderControl, {
 		"data-type": "previous",
-		"aria-label": getLabel("previous", useScheduleHeaderLabels(props.labels)),
+		"aria-label": getLabel("previous", resolvedLabels),
 		square: true,
 		...props,
 		children: /* @__PURE__ */ jsx(AccordionChevron, { style: { transform: `rotate(${dir === "rtl" ? -90 : 90}deg)` } })

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderControl.mjs","names":["classes"],"sources":["../../../../src/components/ScheduleHeader/HeaderControl/HeaderControl.tsx"],"sourcesContent":["import {\n  AccordionChevron,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  StylesApiProps,\n  UnstyledButton,\n  useDirection,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { getLabel, ScheduleLabelsOverride } from '../../../labels';\nimport { useScheduleHeaderLabels } from '../ScheduleHeaderContext';\nimport classes from './HeaderControl.module.css';\n\nexport type HeaderControlStylesNames = 'headerControl';\nexport type HeaderControlCssVariables = {\n  headerControl: '--control-radius';\n};\n\nexport interface HeaderControlProps\n  extends BoxProps, StylesApiProps<HeaderControlFactory>, ElementProps<'button'> {\n  __staticSelector?: string;\n\n  /** Applies active styles */\n  active?: boolean;\n\n  /** Removes inline padding */\n  square?: boolean;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** If set to `false`, the control will not be clickable  */\n  interactive?: boolean;\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n}\n\nexport type HeaderControlFactory = Factory<{\n  props: HeaderControlProps;\n  ref: HTMLButtonElement;\n  stylesNames: HeaderControlStylesNames;\n  vars: HeaderControlCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'HeaderControl',\n  interactive: true,\n} satisfies Partial<HeaderControlProps>;\n\nconst varsResolver = createVarsResolver<HeaderControlFactory>((_theme, { radius }) => ({\n  headerControl: {\n    '--control-radius': radius === undefined ? undefined : getRadius(radius),\n  },\n}));\n\nexport const HeaderControl = factory<HeaderControlFactory>((_props) => {\n  const props = useProps('HeaderControl', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    __staticSelector,\n    mod,\n    attributes,\n    active,\n    square,\n    radius,\n    interactive,\n    labels,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<HeaderControlFactory>({\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: 'headerControl',\n  });\n\n  return (\n    <UnstyledButton\n      {...getStyles('headerControl', { active: interactive })}\n      mod={[{ active, square, interactive }, mod]}\n      tabIndex={interactive ? undefined : -1}\n      {...others}\n    />\n  );\n});\n\nHeaderControl.displayName = '@mantine/schedule/HeaderControl';\nHeaderControl.classes = classes;\nHeaderControl.varsResolver = varsResolver;\n\nexport function ScheduleHeaderNext(props: HeaderControlProps) {\n  const { dir } = useDirection();\n  const resolvedLabels = useScheduleHeaderLabels(props.labels);\n\n  return (\n    <HeaderControl data-type=\"next\" aria-label={getLabel('next', resolvedLabels)} square {...props}>\n      <AccordionChevron style={{ transform: `rotate(${dir === 'rtl' ? 90 : -90}deg)` }} />\n    </HeaderControl>\n  );\n}\n\nexport function ScheduleHeaderPrevious(props: HeaderControlProps) {\n  const { dir } = useDirection();\n  const resolvedLabels = useScheduleHeaderLabels(props.labels);\n\n  return (\n    <HeaderControl\n      data-type=\"previous\"\n      aria-label={getLabel('previous', resolvedLabels)}\n      square\n      {...props}\n    >\n      <AccordionChevron style={{ transform: `rotate(${dir === 'rtl' ? -90 : 90}deg)` }} />\n    </HeaderControl>\n  );\n}\n\nexport function ScheduleHeaderToday(props: HeaderControlProps) {\n  const resolvedLabels = useScheduleHeaderLabels(props.labels);\n\n  return (\n    <HeaderControl data-type=\"today\" aria-label={getLabel('today', resolvedLabels)} {...props}>\n      {getLabel('today', resolvedLabels)}\n    </HeaderControl>\n  );\n}\n\nScheduleHeaderNext.displayName = '@mantine/schedule/ScheduleHeaderNext';\nScheduleHeaderPrevious.displayName = '@mantine/schedule/ScheduleHeaderPrevious';\nScheduleHeaderToday.displayName = '@mantine/schedule/ScheduleHeaderToday';\n"],"mappings":";;;;;;;AAmDA,MAAM,eAAe;CACnB,kBAAkB;CAClB,aAAa;AACf;AAEA,MAAM,eAAe,oBAA0C,QAAQ,EAAE,cAAc,EACrF,eAAe,EACb,oBAAoB,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,MAAM,EACzE,EACF,EAAE;AAEF,MAAa,gBAAgB,SAA+B,WAAW;CACrE,MAAM,QAAQ,SAAS,iBAAiB,cAAc,MAAM;CAC5D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,kBACA,KACA,YACA,QACA,QACA,QACA,aACA,QACA,GAAG,WACD;CAiBJ,OACE,oBAAC,gBAAD;EACE,GAjBc,UAAgC;GAChD,MAAM;GACN,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc;EAChB,CAIgB,CAAC,CAAC,iBAAiB,EAAE,QAAQ,YAAY,CAAC;EACtD,KAAK,CAAC;GAAE;GAAQ;GAAQ;EAAY,GAAG,GAAG;EAC1C,UAAU,cAAc,KAAA,IAAY;EACpC,GAAI;CACL,CAAA;AAEL,CAAC;AAED,cAAc,cAAc;AAC5B,cAAc,UAAUA;AACxB,cAAc,eAAe;AAE7B,SAAgB,mBAAmB,OAA2B;CAC5D,MAAM,EAAE,QAAQ,aAAa;CAG7B,OACE,oBAAC,eAAD;EAAe,aAAU;EAAO,cAAY,SAAS,QAHhC,wBAAwB,MAAM,MAGuB,CAAC;EAAG,QAAA;EAAO,GAAI;YACvF,oBAAC,kBAAD,EAAkB,OAAO,EAAE,WAAW,UAAU,QAAQ,QAAQ,KAAK,IAAI,MAAM,EAAI,CAAA;CACtE,CAAA;AAEnB;AAEA,SAAgB,uBAAuB,OAA2B;CAChE,MAAM,EAAE,QAAQ,aAAa;CAG7B,OACE,oBAAC,eAAD;EACE,aAAU;EACV,cAAY,SAAS,YALF,wBAAwB,MAAM,MAKH,CAAC;EAC/C,QAAA;EACA,GAAI;YAEJ,oBAAC,kBAAD,EAAkB,OAAO,EAAE,WAAW,UAAU,QAAQ,QAAQ,MAAM,GAAG,MAAM,EAAI,CAAA;CACtE,CAAA;AAEnB;AAEA,SAAgB,oBAAoB,OAA2B;CAC7D,MAAM,iBAAiB,wBAAwB,MAAM,MAAM;CAE3D,OACE,oBAAC,eAAD;EAAe,aAAU;EAAQ,cAAY,SAAS,SAAS,cAAc;EAAG,GAAI;YACjF,SAAS,SAAS,cAAc;CACpB,CAAA;AAEnB;AAEA,mBAAmB,cAAc;AACjC,uBAAuB,cAAc;AACrC,oBAAoB,cAAc"}
+{"version":3,"file":"HeaderControl.mjs","names":["classes"],"sources":["../../../../src/components/ScheduleHeader/HeaderControl/HeaderControl.tsx"],"sourcesContent":["import {\n  AccordionChevron,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  StylesApiProps,\n  UnstyledButton,\n  useDirection,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { getLabel, ScheduleLabelsOverride } from '../../../labels';\nimport { useScheduleHeaderLabels } from '../ScheduleHeaderContext';\nimport classes from './HeaderControl.module.css';\n\nexport type HeaderControlStylesNames = 'headerControl';\nexport type HeaderControlCssVariables = {\n  headerControl: '--control-radius';\n};\n\nexport interface HeaderControlProps\n  extends BoxProps, StylesApiProps<HeaderControlFactory>, ElementProps<'button'> {\n  __staticSelector?: string;\n\n  /** Applies active styles */\n  active?: boolean;\n\n  /** Removes inline padding */\n  square?: boolean;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** If set to `false`, the control will not be clickable  */\n  interactive?: boolean;\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n}\n\nexport type HeaderControlFactory = Factory<{\n  props: HeaderControlProps;\n  ref: HTMLButtonElement;\n  stylesNames: HeaderControlStylesNames;\n  vars: HeaderControlCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'HeaderControl',\n  interactive: true,\n} satisfies Partial<HeaderControlProps>;\n\nconst varsResolver = createVarsResolver<HeaderControlFactory>((_theme, { radius }) => ({\n  headerControl: {\n    '--control-radius': radius === undefined ? undefined : getRadius(radius),\n  },\n}));\n\nexport const HeaderControl = factory<HeaderControlFactory>((_props) => {\n  const props = useProps('HeaderControl', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    __staticSelector,\n    mod,\n    attributes,\n    active,\n    square,\n    radius,\n    interactive,\n    labels,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<HeaderControlFactory>({\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: 'headerControl',\n  });\n\n  return (\n    <UnstyledButton\n      {...getStyles('headerControl', { active: interactive })}\n      mod={[{ active, square, interactive }, mod]}\n      tabIndex={interactive ? undefined : -1}\n      {...others}\n    />\n  );\n});\n\nHeaderControl.displayName = '@mantine/schedule/HeaderControl';\nHeaderControl.classes = classes;\nHeaderControl.varsResolver = varsResolver;\n\nexport function ScheduleHeaderNext(props: HeaderControlProps) {\n  const { dir } = useDirection();\n  const resolvedLabels = useScheduleHeaderLabels(props.labels);\n\n  return (\n    <HeaderControl data-type=\"next\" aria-label={getLabel('next', resolvedLabels)} square {...props}>\n      <AccordionChevron style={{ transform: `rotate(${dir === 'rtl' ? 90 : -90}deg)` }} />\n    </HeaderControl>\n  );\n}\n\nexport function ScheduleHeaderPrevious(props: HeaderControlProps) {\n  const { dir } = useDirection();\n  const resolvedLabels = useScheduleHeaderLabels(props.labels);\n\n  return (\n    <HeaderControl\n      data-type=\"previous\"\n      aria-label={getLabel('previous', resolvedLabels)}\n      square\n      {...props}\n    >\n      <AccordionChevron style={{ transform: `rotate(${dir === 'rtl' ? -90 : 90}deg)` }} />\n    </HeaderControl>\n  );\n}\n\nexport function ScheduleHeaderToday(props: HeaderControlProps) {\n  const resolvedLabels = useScheduleHeaderLabels(props.labels);\n\n  return (\n    <HeaderControl data-type=\"today\" aria-label={getLabel('today', resolvedLabels)} {...props}>\n      {getLabel('today', resolvedLabels)}\n    </HeaderControl>\n  );\n}\n\nScheduleHeaderNext.displayName = '@mantine/schedule/ScheduleHeaderNext';\nScheduleHeaderPrevious.displayName = '@mantine/schedule/ScheduleHeaderPrevious';\nScheduleHeaderToday.displayName = '@mantine/schedule/ScheduleHeaderToday';\n"],"mappings":";;;;;;;AAmDA,MAAM,eAAe;CACnB,kBAAkB;CAClB,aAAa;AACf;AAEA,MAAM,eAAe,oBAA0C,QAAQ,EAAE,cAAc,EACrF,eAAe,EACb,oBAAoB,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,MAAM,EACzE,EACF,EAAE;AAEF,MAAa,gBAAgB,SAA+B,WAAW;CACrE,MAAM,QAAQ,SAAS,iBAAiB,cAAc,MAAM;CAC5D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,kBACA,KACA,YACA,QACA,QACA,QACA,aACA,QACA,GAAG,WACD;CAiBJ,OACE,oBAAC,gBAAD;EACE,GAjBc,UAAgC;GAChD,MAAM;GACN,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc;EAChB,CAIgB,CAAC,CAAC,iBAAiB,EAAE,QAAQ,YAAY,CAAC;EACtD,KAAK,CAAC;GAAE;GAAQ;GAAQ;EAAY,GAAG,GAAG;EAC1C,UAAU,cAAc,KAAA,IAAY;EACpC,GAAI;CACL,CAAA;AAEL,CAAC;AAED,cAAc,cAAc;AAC5B,cAAc,UAAUA;AACxB,cAAc,eAAe;AAE7B,SAAgB,mBAAmB,OAA2B;CAC5D,MAAM,EAAE,QAAQ,aAAa;CAC7B,MAAM,iBAAiB,wBAAwB,MAAM,MAAM;CAE3D,OACE,oBAAC,eAAD;EAAe,aAAU;EAAO,cAAY,SAAS,QAAQ,cAAc;EAAG,QAAA;EAAO,GAAI;YACvF,oBAAC,kBAAD,EAAkB,OAAO,EAAE,WAAW,UAAU,QAAQ,QAAQ,KAAK,IAAI,MAAM,EAAI,CAAA;CACtE,CAAA;AAEnB;AAEA,SAAgB,uBAAuB,OAA2B;CAChE,MAAM,EAAE,QAAQ,aAAa;CAC7B,MAAM,iBAAiB,wBAAwB,MAAM,MAAM;CAE3D,OACE,oBAAC,eAAD;EACE,aAAU;EACV,cAAY,SAAS,YAAY,cAAc;EAC/C,QAAA;EACA,GAAI;YAEJ,oBAAC,kBAAD,EAAkB,OAAO,EAAE,WAAW,UAAU,QAAQ,QAAQ,MAAM,GAAG,MAAM,EAAI,CAAA;CACtE,CAAA;AAEnB;AAEA,SAAgB,oBAAoB,OAA2B;CAC7D,MAAM,iBAAiB,wBAAwB,MAAM,MAAM;CAE3D,OACE,oBAAC,eAAD;EAAe,aAAU;EAAQ,cAAY,SAAS,SAAS,cAAc;EAAG,GAAI;YACjF,SAAS,SAAS,cAAc;CACpB,CAAA;AAEnB;AAEA,mBAAmB,cAAc;AACjC,uBAAuB,cAAc;AACrC,oBAAoB,cAAc"}

package/esm/hooks/use-event-resize.mjs

@@ -22,7 +22,9 @@ function useEventResize({ enabled = false, mode = "default", startTime, endTime,
 		return Math.max(0, Math.min(literalRange, snapped));
 	}, [literalRange, clampedInterval]);
 	const percentToDateTime = useCallback((percent, eventDate) => {
-		const totalMins = startMinutes + clampAndSnap(percent / 100 * totalMinutes);
+		const minutes = percent / 100 * totalMinutes;
+		const snappedMinutes = clampAndSnap(minutes);
+		const totalMins = startMinutes + snappedMinutes;
 		const hours = Math.floor(totalMins / 60);
 		const mins = totalMins % 60;
 		return `${eventDate} ${String(hours).padStart(2, "0")}:${String(mins).padStart(2, "0")}:00`;
@@ -32,7 +34,8 @@ function useEventResize({ enabled = false, mode = "default", startTime, endTime,
 		clampAndSnap
 	]);
 	const snapPercent = useCallback((percent) => {
-		return clampAndSnap(percent / 100 * totalMinutes) / totalMinutes * 100;
+		const minutes = percent / 100 * totalMinutes;
+		return clampAndSnap(minutes) / totalMinutes * 100;
 	}, [totalMinutes, clampAndSnap]);
 	const handleResizeStart = useCallback(({ event, edge, container, originalTop, originalHeight, eventDate, pointerEvent }) => {
 		if (!enabled || mode === "static") return;
@@ -64,7 +67,8 @@ function useEventResize({ enabled = false, mode = "default", startTime, endTime,
 			if (!state) return;
 			const containerRect = state.container.getBoundingClientRect();
 			const relativeY = e.clientY - containerRect.top;
-			const snappedPercent = snapPercent(Math.max(0, Math.min(100, relativeY / containerRect.height * 100)));
+			const rawPercent = Math.max(0, Math.min(100, relativeY / containerRect.height * 100));
+			const snappedPercent = snapPercent(rawPercent);
 			let newTop = state.originalTop;
 			let newHeight = state.originalHeight;
 			if (state.edge === "bottom") newHeight = Math.max(minHeightPercent, snappedPercent - state.originalTop);

package/esm/hooks/use-event-resize.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-event-resize.mjs","names":[],"sources":["../../src/hooks/use-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 { parseTimeString } from '../utils/parse-time-string/parse-time-string';\n\ntype ResizeEdge = 'top' | 'bottom';\n\ninterface ResizeState {\n  eventId: string | number;\n  event: ScheduleEventData;\n  edge: ResizeEdge;\n  container: HTMLElement;\n  originalTop: number;\n  originalHeight: number;\n  currentTop: number;\n  currentHeight: number;\n  eventDate: string;\n  originalStart: DateTimeStringValue;\n  originalEnd: DateTimeStringValue;\n}\n\nexport interface UseEventResizeInput {\n  enabled?: boolean;\n  mode?: ScheduleMode;\n  startTime: string;\n  endTime: string;\n  intervalMinutes: 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 useEventResize({\n  enabled = false,\n  mode = 'default',\n  startTime,\n  endTime,\n  intervalMinutes,\n  onEventResize,\n  canResizeEvent,\n}: UseEventResizeInput) {\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 literalRange = endMinutes - startMinutes;\n  const totalMinutes = Math.ceil(literalRange / clampedInterval) * clampedInterval;\n  const minHeightPercent = (clampedInterval / totalMinutes) * 100;\n\n  const clampAndSnap = useCallback(\n    (minutes: number): number => {\n      const snapped = Math.round(minutes / clampedInterval) * clampedInterval;\n      return Math.max(0, Math.min(literalRange, snapped));\n    },\n    [literalRange, clampedInterval]\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 snapPercent = useCallback(\n    (percent: number): number => {\n      const minutes = (percent / 100) * totalMinutes;\n      const snappedMinutes = clampAndSnap(minutes);\n      return (snappedMinutes / totalMinutes) * 100;\n    },\n    [totalMinutes, clampAndSnap]\n  );\n\n  const handleResizeStart = useCallback(\n    ({\n      event,\n      edge,\n      container,\n      originalTop,\n      originalHeight,\n      eventDate,\n      pointerEvent,\n    }: {\n      event: ScheduleEventData;\n      edge: ResizeEdge;\n      container: HTMLElement;\n      originalTop: number;\n      originalHeight: number;\n      eventDate: string;\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        originalTop,\n        originalHeight,\n        currentTop: originalTop,\n        currentHeight: originalHeight,\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      };\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    document.body.style.userSelect = 'none';\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 relativeY = e.clientY - containerRect.top;\n      const rawPercent = Math.max(0, Math.min(100, (relativeY / containerRect.height) * 100));\n      const snappedPercent = snapPercent(rawPercent);\n\n      let newTop = state.originalTop;\n      let newHeight = state.originalHeight;\n\n      if (state.edge === 'bottom') {\n        newHeight = Math.max(minHeightPercent, snappedPercent - state.originalTop);\n      } else {\n        const originalBottom = state.originalTop + state.originalHeight;\n        newTop = Math.min(snappedPercent, originalBottom - minHeightPercent);\n        newHeight = originalBottom - newTop;\n      }\n\n      resizeRef.current = { ...state, currentTop: newTop, currentHeight: newHeight };\n      setResizeState(resizeRef.current);\n    };\n\n    const handlePointerUp = () => {\n      const state = resizeRef.current;\n      if (state) {\n        if (\n          state.currentTop !== state.originalTop ||\n          state.currentHeight !== state.originalHeight\n        ) {\n          let newStart: DateTimeStringValue;\n          let newEnd: DateTimeStringValue;\n\n          if (state.edge === 'top') {\n            newStart = percentToDateTime(state.currentTop, state.eventDate);\n            newEnd = state.originalEnd;\n          } else {\n            newStart = state.originalStart;\n            newEnd = percentToDateTime(state.currentTop + state.currentHeight, 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.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 { top: resizeState.currentTop, height: resizeState.currentHeight };\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    getResizePosition,\n    isResizableEvent,\n    wasResizing,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-event-resize.mjs","names":[],"sources":["../../src/hooks/use-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 { parseTimeString } from '../utils/parse-time-string/parse-time-string';\n\ntype ResizeEdge = 'top' | 'bottom';\n\ninterface ResizeState {\n  eventId: string | number;\n  event: ScheduleEventData;\n  edge: ResizeEdge;\n  container: HTMLElement;\n  originalTop: number;\n  originalHeight: number;\n  currentTop: number;\n  currentHeight: number;\n  eventDate: string;\n  originalStart: DateTimeStringValue;\n  originalEnd: DateTimeStringValue;\n}\n\nexport interface UseEventResizeInput {\n  enabled?: boolean;\n  mode?: ScheduleMode;\n  startTime: string;\n  endTime: string;\n  intervalMinutes: 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 useEventResize({\n  enabled = false,\n  mode = 'default',\n  startTime,\n  endTime,\n  intervalMinutes,\n  onEventResize,\n  canResizeEvent,\n}: UseEventResizeInput) {\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 literalRange = endMinutes - startMinutes;\n  const totalMinutes = Math.ceil(literalRange / clampedInterval) * clampedInterval;\n  const minHeightPercent = (clampedInterval / totalMinutes) * 100;\n\n  const clampAndSnap = useCallback(\n    (minutes: number): number => {\n      const snapped = Math.round(minutes / clampedInterval) * clampedInterval;\n      return Math.max(0, Math.min(literalRange, snapped));\n    },\n    [literalRange, clampedInterval]\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 snapPercent = useCallback(\n    (percent: number): number => {\n      const minutes = (percent / 100) * totalMinutes;\n      const snappedMinutes = clampAndSnap(minutes);\n      return (snappedMinutes / totalMinutes) * 100;\n    },\n    [totalMinutes, clampAndSnap]\n  );\n\n  const handleResizeStart = useCallback(\n    ({\n      event,\n      edge,\n      container,\n      originalTop,\n      originalHeight,\n      eventDate,\n      pointerEvent,\n    }: {\n      event: ScheduleEventData;\n      edge: ResizeEdge;\n      container: HTMLElement;\n      originalTop: number;\n      originalHeight: number;\n      eventDate: string;\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        originalTop,\n        originalHeight,\n        currentTop: originalTop,\n        currentHeight: originalHeight,\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      };\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    document.body.style.userSelect = 'none';\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 relativeY = e.clientY - containerRect.top;\n      const rawPercent = Math.max(0, Math.min(100, (relativeY / containerRect.height) * 100));\n      const snappedPercent = snapPercent(rawPercent);\n\n      let newTop = state.originalTop;\n      let newHeight = state.originalHeight;\n\n      if (state.edge === 'bottom') {\n        newHeight = Math.max(minHeightPercent, snappedPercent - state.originalTop);\n      } else {\n        const originalBottom = state.originalTop + state.originalHeight;\n        newTop = Math.min(snappedPercent, originalBottom - minHeightPercent);\n        newHeight = originalBottom - newTop;\n      }\n\n      resizeRef.current = { ...state, currentTop: newTop, currentHeight: newHeight };\n      setResizeState(resizeRef.current);\n    };\n\n    const handlePointerUp = () => {\n      const state = resizeRef.current;\n      if (state) {\n        if (\n          state.currentTop !== state.originalTop ||\n          state.currentHeight !== state.originalHeight\n        ) {\n          let newStart: DateTimeStringValue;\n          let newEnd: DateTimeStringValue;\n\n          if (state.edge === 'top') {\n            newStart = percentToDateTime(state.currentTop, state.eventDate);\n            newEnd = state.originalEnd;\n          } else {\n            newStart = state.originalStart;\n            newEnd = percentToDateTime(state.currentTop + state.currentHeight, 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.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 { top: resizeState.currentTop, height: resizeState.currentHeight };\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    getResizePosition,\n    isResizableEvent,\n    wasResizing,\n  };\n}\n"],"mappings":"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"}

package/esm/hooks/use-horizontal-event-resize.mjs

@@ -23,7 +23,9 @@ function useHorizontalEventResize({ enabled = false, mode = "default", startTime
 		return Math.max(0, Math.min(literalRange, snapped));
 	}, [literalRange, clampedInterval]);
 	const percentToDateTime = useCallback((percent, eventDate) => {
-		const totalMins = startMinutes + clampAndSnap(percent / 100 * totalMinutes);
+		const minutes = percent / 100 * totalMinutes;
+		const snappedMinutes = clampAndSnap(minutes);
+		const totalMins = startMinutes + snappedMinutes;
 		const hours = Math.floor(totalMins / 60);
 		const mins = totalMins % 60;
 		return `${eventDate} ${String(hours).padStart(2, "0")}:${String(mins).padStart(2, "0")}:00`;
@@ -33,7 +35,8 @@ function useHorizontalEventResize({ enabled = false, mode = "default", startTime
 		clampAndSnap
 	]);
 	const snapPercent = useCallback((percent) => {
-		return clampAndSnap(percent / 100 * totalMinutes) / totalMinutes * 100;
+		const minutes = percent / 100 * totalMinutes;
+		return clampAndSnap(minutes) / totalMinutes * 100;
 	}, [totalMinutes, clampAndSnap]);
 	const handleResizeStart = useCallback(({ event, edge, container, originalLeft, originalWidth, eventDate, dayIndex = 0, dayCount = 1, pointerEvent }) => {
 		if (!enabled || mode === "static") return;
@@ -68,13 +71,14 @@ function useHorizontalEventResize({ enabled = false, mode = "default", startTime
 			const state = resizeRef.current;
 			if (!state) return;
 			const containerRect = state.container.getBoundingClientRect();
-			const snappedPercent = snapPercent(getDayRelativePercent({
+			const rawPercent = getDayRelativePercent({
 				clientX: e.clientX,
 				containerLeft: containerRect.left,
 				containerWidth: containerRect.width,
 				dayIndex: state.dayIndex,
 				dayCount: state.dayCount
-			}));
+			});
+			const snappedPercent = snapPercent(rawPercent);
 			let newLeft = state.originalLeft;
 			let newWidth = state.originalWidth;
 			if (state.edge === "end") newWidth = Math.max(minWidthPercent, snappedPercent - state.originalLeft);

package/esm/hooks/use-horizontal-event-resize.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-horizontal-event-resize.mjs","names":[],"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  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  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 literalRange = endMinutes - startMinutes;\n  const totalMinutes = Math.ceil(literalRange / clampedInterval) * clampedInterval;\n  const minWidthPercent = (clampedInterval / totalMinutes) * 100;\n\n  const clampAndSnap = useCallback(\n    (minutes: number): number => {\n      const snapped = Math.round(minutes / clampedInterval) * clampedInterval;\n      return Math.max(0, Math.min(literalRange, snapped));\n    },\n    [literalRange, clampedInterval]\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 snapPercent = useCallback(\n    (percent: number): number => {\n      const minutes = (percent / 100) * totalMinutes;\n      const snappedMinutes = clampAndSnap(minutes);\n      return (snappedMinutes / totalMinutes) * 100;\n    },\n    [totalMinutes, clampAndSnap]\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 snappedPercent = snapPercent(rawPercent);\n\n      let newLeft = state.originalLeft;\n      let newWidth = state.originalWidth;\n\n      if (state.edge === 'end') {\n        newWidth = Math.max(minWidthPercent, snappedPercent - state.originalLeft);\n      } else {\n        const originalRight = state.originalLeft + state.originalWidth;\n        newLeft = Math.min(snappedPercent, originalRight - minWidthPercent);\n        newWidth = originalRight - 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.mjs","names":[],"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  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  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 literalRange = endMinutes - startMinutes;\n  const totalMinutes = Math.ceil(literalRange / clampedInterval) * clampedInterval;\n  const minWidthPercent = (clampedInterval / totalMinutes) * 100;\n\n  const clampAndSnap = useCallback(\n    (minutes: number): number => {\n      const snapped = Math.round(minutes / clampedInterval) * clampedInterval;\n      return Math.max(0, Math.min(literalRange, snapped));\n    },\n    [literalRange, clampedInterval]\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 snapPercent = useCallback(\n    (percent: number): number => {\n      const minutes = (percent / 100) * totalMinutes;\n      const snappedMinutes = clampAndSnap(minutes);\n      return (snappedMinutes / totalMinutes) * 100;\n    },\n    [totalMinutes, clampAndSnap]\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 snappedPercent = snapPercent(rawPercent);\n\n      let newLeft = state.originalLeft;\n      let newWidth = state.originalWidth;\n\n      if (state.edge === 'end') {\n        newWidth = Math.max(minWidthPercent, snappedPercent - state.originalLeft);\n      } else {\n        const originalRight = state.originalLeft + state.originalWidth;\n        newLeft = Math.min(snappedPercent, originalRight - minWidthPercent);\n        newWidth = originalRight - 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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"}

package/esm/utils/expand-recurring-events/expand-recurring-events.mjs

@@ -114,6 +114,6 @@ function expandRecurringEvents({ events, rangeStart, rangeEnd, expansionLimit =
 	return output;
 }
 //#endregion
-export { expandRecurringEvents };
+export { DEFAULT_EXPANSION_LIMIT, expandRecurringEvents };
 
 //# sourceMappingURL=expand-recurring-events.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine/schedule",
-  "version": "9.4.2",
+  "version": "9.5.0",
   "description": "Schedule Mantine component",
   "homepage": "https://mantine.dev/",
   "license": "MIT",
@@ -35,9 +35,9 @@
     "directory": "packages/@mantine/schedule"
   },
   "peerDependencies": {
-    "@mantine/core": "9.4.2",
-    "@mantine/dates": "9.4.2",
-    "@mantine/hooks": "9.4.2",
+    "@mantine/core": "9.5.0",
+    "@mantine/dates": "9.5.0",
+    "@mantine/hooks": "9.5.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
   },