@mantine/schedule 9.3.1 → 9.4.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResourcesDayView.mjs","names":["classes"],"sources":["../../../src/components/ResourcesDayView/ResourcesDayView.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useCallback, useMemo, useRef, useState } from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  rem,\n  ScrollArea,\n  ScrollAreaProps,\n  StylesApiProps,\n  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  DateLabelFormat,\n  DateStringValue,\n  DateTimeStringValue,\n  ScheduleEventData,\n  ScheduleMode,\n  ScheduleResourceData,\n  ScheduleResourceGroup,\n  ScheduleViewLevel,\n} from '../../types';\nimport {\n  calculateDropTime,\n  expandRecurringEvents,\n  formatDate,\n  getBusinessHoursMod,\n  getCurrentTimePosition,\n  getDayTimeIntervals,\n  getGroupToResourceIdMap,\n  getIndexFromDragPoint,\n  getOrderedResources,\n  handleResourcesGridKeyDown,\n  isAllDayEvent,\n  isInTimeRange,\n  ResourcesGridControlsRef,\n  toDateString,\n} from '../../utils';\nimport { DragContext, DragContextValue } from '../DragContext/DragContext';\nimport { MoreEvents, MoreEventsProps, MoreEventsStylesNames } from '../MoreEvents/MoreEvents';\nimport { RenderEvent, RenderEventBody, ScheduleEvent } from '../ScheduleEvent/ScheduleEvent';\nimport { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader';\nimport { ScheduleHeaderBase } from '../ScheduleHeader/ScheduleHeaderBase';\nimport { ViewSelectProps } from '../ScheduleHeader/ViewSelect/ViewSelect';\nimport { getOverlapClusters } from './get-overlap-clusters/get-overlap-clusters';\nimport { getResourcesDayViewEvents } from './get-resources-day-view-events/get-resources-day-view-events';\nimport { ResourcesDayViewRow } from './ResourcesDayViewColumn';\nimport classes from './ResourcesDayView.module.css';\n\nexport type ResourcesDayViewStylesNames =\n  | 'resourcesDayView'\n  | 'resourcesDayViewRoot'\n  | 'resourcesDayViewInner'\n  | 'resourcesDayViewTimeLabelsRow'\n  | 'resourcesDayViewScrollArea'\n  | 'resourcesDayViewCorner'\n  | 'resourcesDayViewTimeLabel'\n  | 'resourcesDayViewResourceLabel'\n  | 'resourcesDayViewRow'\n  | 'resourcesDayViewRowSlot'\n  | 'resourcesDayViewRowSlots'\n  | 'resourcesDayViewBackgroundEvent'\n  | 'resourcesDayViewAllDayEvent'\n  | 'resourcesDayViewCurrentTimeIndicator'\n  | 'resourcesDayViewCurrentTimeIndicatorLine'\n  | 'resourcesDayViewCurrentTimeIndicatorThumb'\n  | 'resourcesDayViewCurrentTimeIndicatorTimeBubble'\n  | 'resourcesDayViewEventWrapper'\n  | 'resourcesDayViewResizeHandle'\n  | 'resourcesDayViewGroupColumn'\n  | 'resourcesDayViewGroupColumnEmpty'\n  | MoreEventsStylesNames\n  | CombinedScheduleHeaderStylesNames;\n\nexport type ResourcesDayViewCssVariables = {\n  resourcesDayView:\n    | '--resources-day-view-radius'\n    | '--resources-day-view-slot-width'\n    | '--resources-day-view-row-height'\n    | '--resources-day-view-group-label-width';\n};\n\nexport interface ResourcesDayViewProps\n  extends BoxProps, StylesApiProps<ResourcesDayViewFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Day to display, Date object or date string in `YYYY-MM-DD` format */\n  date: Date | string;\n\n  /** Called with the new date value when a date is selected */\n  onDateChange?: (value: DateStringValue) => void;\n\n  /** List of resources to display as rows */\n  resources: ScheduleResourceData[];\n\n  /** Start time for the day view, in `HH:mm:ss` format @default 00:00:00 */\n  startTime?: string;\n\n  /** End time for the day view, in `HH:mm:ss` format @default 23:59:59 */\n  endTime?: string;\n\n  /** Number of minutes for each interval in the day view @default 60 */\n  intervalMinutes?: number;\n\n  /** Dayjs format for slot labels or a callback function that returns formatted value @default HH:mm */\n  slotLabelFormat?: DateLabelFormat;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Time to scroll to on initial render, in `HH:mm:ss` format */\n  startScrollTime?: string;\n\n  /** Props passed down to the `ScrollArea` component */\n  scrollAreaProps?: Partial<ScrollAreaProps> & DataAttributes;\n\n  /** Locale passed down to dayjs, overrides value defined on `DatesProvider` */\n  locale?: string;\n\n  /** If set, displays a vertical line indicating the current time. By default, displayed only for the current day. */\n  withCurrentTimeIndicator?: boolean;\n\n  /** If set, the time indicator displays the current time in the bubble @default true */\n  withCurrentTimeBubble?: boolean;\n\n  /** If set, the header is displayed @default true */\n  withHeader?: boolean;\n\n  /** Called when view level select button is clicked */\n  onViewChange?: (view: ScheduleViewLevel) => void;\n\n  /** Props passed to previous control */\n  previousControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to next control */\n  nextControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to today control */\n  todayControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to view level select */\n  viewSelectProps?: Partial<ViewSelectProps> & DataAttributes;\n\n  /** Dayjs format for header label @default 'MMMM D, YYYY' */\n  headerFormat?: DateLabelFormat;\n\n  /** List of events to display */\n  events?: ScheduleEventData[];\n\n  /** Width of each time slot column @default 80px */\n  slotWidth?: React.CSSProperties['width'];\n\n  /** Height of each resource row @default 64px */\n  rowHeight?: React.CSSProperties['height'];\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n\n  /** If set to true, highlights business hours with white background @default false */\n  highlightBusinessHours?: boolean;\n\n  /** Business hours range in `HH:mm:ss` format @default ['09:00:00', '17:00:00'] */\n  businessHours?: [string, string];\n\n  /** Function to customize event body */\n  renderEventBody?: RenderEventBody;\n\n  /** Function to fully customize event rendering */\n  renderEvent?: RenderEvent;\n\n  /** Function to customize resource label rendering */\n  renderResourceLabel?: (resource: ScheduleResourceData) => React.ReactNode;\n\n  /** List of resource groups to display as a column to the left of resource labels */\n  groups?: ScheduleResourceGroup[];\n\n  /** Function to customize group label rendering */\n  renderGroupLabel?: (group: ScheduleResourceGroup) => React.ReactNode;\n\n  /** Width of the group label column @default 80px */\n  groupLabelWidth?: React.CSSProperties['width'];\n\n  /** If true, events can be dragged and dropped @default false */\n  withEventsDragAndDrop?: boolean;\n\n  /** Called when event is dropped at new time, includes target resourceId */\n  onEventDrop?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n    resourceId?: string | number;\n  }) => void;\n\n  /** Function to determine if event can be dragged */\n  canDragEvent?: (event: ScheduleEventData) => boolean;\n\n  /** Called when any event drag starts */\n  onEventDragStart?: (event: ScheduleEventData) => void;\n\n  /** Called when any event drag ends */\n  onEventDragEnd?: () => void;\n\n  /** Called when time slot is clicked, includes resourceId */\n  onTimeSlotClick?: (data: {\n    slotStart: DateTimeStringValue;\n    slotEnd: DateTimeStringValue;\n    nativeEvent: React.MouseEvent<HTMLButtonElement>;\n    resourceId?: string | number;\n  }) => void;\n\n  /** Called when event is clicked */\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** If set, enables drag-to-select time slot ranges @default false */\n  withDragSlotSelect?: boolean;\n\n  /** Called when a time slot range is selected by dragging, includes resourceId */\n  onSlotDragEnd?: (data: {\n    rangeStart: DateTimeStringValue;\n    rangeEnd: DateTimeStringValue;\n    resourceId?: string | number;\n  }) => void;\n\n  /** Interaction mode @default default */\n  mode?: ScheduleMode;\n\n  /** Called when an external item is dropped onto the schedule */\n  onExternalEventDrop?: (data: {\n    dataTransfer: DataTransfer;\n    dropDateTime: DateTimeStringValue;\n    resourceId?: string | number;\n  }) => void;\n\n  /** If true, events can be resized by dragging their left/right edges @default false */\n  withEventResize?: boolean;\n\n  /** Called when event is resized */\n  onEventResize?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n\n  /** Function to determine if event can be resized */\n  canResizeEvent?: (event: ScheduleEventData) => boolean;\n\n  /** Max number of generated recurring instances per recurring series @default 2000 */\n  recurrenceExpansionLimit?: number;\n\n  /** Maximum number of events visible per time slot before \"+more\" indicator shows, minimum value is 1 @default 2 */\n  maxEventsPerTimeSlot?: number;\n\n  /** Props passed down to `MoreEvents` component */\n  moreEventsProps?: Partial<MoreEventsProps>;\n}\n\nexport type ResourcesDayViewFactory = Factory<{\n  props: ResourcesDayViewProps;\n  ref: HTMLDivElement;\n  stylesNames: ResourcesDayViewStylesNames;\n  vars: ResourcesDayViewCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'ResourcesDayView',\n  startTime: '00:00:00',\n  endTime: '23:59:59',\n  slotLabelFormat: 'HH:mm',\n  intervalMinutes: 60,\n  withHeader: true,\n  headerFormat: 'MMMM D, YYYY',\n  highlightBusinessHours: false,\n  businessHours: ['09:00:00', '17:00:00'],\n  withEventsDragAndDrop: false,\n  withDragSlotSelect: false,\n  withEventResize: false,\n  mode: 'default',\n  maxEventsPerTimeSlot: 2,\n} satisfies Partial<ResourcesDayViewProps>;\n\nconst varsResolver = createVarsResolver<ResourcesDayViewFactory>(\n  (_theme, { radius, slotWidth, rowHeight, groupLabelWidth }) => ({\n    resourcesDayView: {\n      '--resources-day-view-radius': radius ? getRadius(radius) : undefined,\n      '--resources-day-view-slot-width': rem(slotWidth),\n      '--resources-day-view-row-height': rem(rowHeight),\n      '--resources-day-view-group-label-width': rem(groupLabelWidth),\n    },\n  })\n);\n\nexport const ResourcesDayView = factory<ResourcesDayViewFactory>((_props) => {\n  const props = useProps('ResourcesDayView', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    startTime,\n    endTime,\n    date,\n    onDateChange,\n    resources,\n    intervalMinutes,\n    slotLabelFormat,\n    radius,\n    startScrollTime,\n    scrollAreaProps,\n    locale,\n    withCurrentTimeIndicator: _withCurrentTimeIndicator,\n    withCurrentTimeBubble = true,\n    __staticSelector,\n    withHeader,\n    onViewChange,\n    previousControlProps,\n    nextControlProps,\n    todayControlProps,\n    viewSelectProps,\n    headerFormat,\n    events,\n    slotWidth,\n    rowHeight,\n    labels,\n    highlightBusinessHours,\n    businessHours,\n    renderEventBody,\n    renderEvent,\n    renderResourceLabel,\n    groups,\n    renderGroupLabel,\n    groupLabelWidth,\n    withEventsDragAndDrop,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    onTimeSlotClick,\n    onEventClick,\n    withDragSlotSelect,\n    onSlotDragEnd,\n    mode,\n    onExternalEventDrop,\n    withEventResize,\n    onEventResize,\n    canResizeEvent,\n    recurrenceExpansionLimit,\n    maxEventsPerTimeSlot: _maxEventsPerTimeSlot,\n    moreEventsProps,\n    ...others\n  } = props;\n\n  const maxEventsPerTimeSlot =\n    _maxEventsPerTimeSlot !== undefined ? Math.max(1, _maxEventsPerTimeSlot) : undefined;\n\n  const getStyles = useStyles<ResourcesDayViewFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n    attributes,\n    rootSelector: 'resourcesDayView',\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<ResourcesDayViewFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  const stylesApiProps = {\n    classNames: resolvedClassNames,\n    styles: resolvedStyles,\n    attributes,\n    __staticSelector,\n    radius,\n  };\n\n  const theme = useMantineTheme();\n  const [scrolled, setScrolled] = useState(false);\n  const [scrolledX, setScrolledX] = useState(false);\n  const ctx = useDatesContext();\n  const slots = getDayTimeIntervals({ startTime, endTime, intervalMinutes });\n  const { orderedResources, groupRanges, resourceGroupMap } = useMemo(\n    () => getOrderedResources(resources, groups),\n    [resources, groups]\n  );\n  const hasGroups = groupRanges.length > 0;\n\n  type DropTargetSlot = { resourceId: string | number; slotIndex: number };\n\n  const handleExternalDrop = useCallback(\n    (e: React.DragEvent, target: DropTargetSlot) => {\n      if (!onExternalEventDrop) {\n        return;\n      }\n      const slotDate = dayjs(date).format('YYYY-MM-DD');\n      onExternalEventDrop({\n        dataTransfer: e.dataTransfer,\n        dropDateTime: `${slotDate} ${slots[target.slotIndex].startTime}`,\n        resourceId: target.resourceId,\n      });\n    },\n    [onExternalEventDrop, slots, date]\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 slotTime = slots[target.slotIndex].startTime;\n      return calculateDropTime({\n        draggedEvent,\n        targetDate: dayjs(date).format('YYYY-MM-DD'),\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 slotDate = dayjs(date).format('YYYY-MM-DD');\n      onSlotDragEnd({\n        rangeStart: `${slotDate} ${slots[startIndex].startTime}`,\n        rangeEnd: `${slotDate} ${slots[endIndex].endTime}`,\n        resourceId: groupToResourceId.get(group) ?? group,\n      });\n    },\n  });\n\n  const eventResize = useHorizontalEventResize({\n    enabled: withEventResize,\n    mode,\n    startTime,\n    endTime,\n    intervalMinutes,\n    onEventResize,\n    canResizeEvent,\n  });\n\n  const withDragHandlers = (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== 'static';\n\n  const handleTimeSlotClick = (\n    resourceId: string | number,\n    slotTime: string,\n    e: React.MouseEvent<HTMLButtonElement>\n  ) => {\n    if (!onTimeSlotClick) {\n      return;\n    }\n\n    const slotDate = dayjs(date).format('YYYY-MM-DD');\n    const slotIndex = slots.findIndex((s) => s.startTime === slotTime);\n    if (slotIndex === -1) {\n      return;\n    }\n\n    const slot = slots[slotIndex];\n    onTimeSlotClick({\n      slotStart: `${slotDate} ${slot.startTime}`,\n      slotEnd: `${slotDate} ${slot.endTime}`,\n      nativeEvent: e,\n      resourceId,\n    });\n  };\n\n  const dateStr = dayjs(date).format('YYYY-MM-DD');\n  const isToday = dayjs(date).isSame(dayjs(), 'day');\n  const withCurrentTimeIndicator = _withCurrentTimeIndicator ?? isToday;\n\n  const [timeIndicatorOffset, setTimeIndicatorOffset] = useState(\n    getCurrentTimePosition({ startTime, endTime, intervalMinutes })\n  );\n  useInterval(\n    () => setTimeIndicatorOffset(getCurrentTimePosition({ startTime, endTime, intervalMinutes })),\n    60000,\n    { autoInvoke: true }\n  );\n  const showTimeIndicator =\n    withCurrentTimeIndicator && isInTimeRange({ date: dayjs().toDate(), startTime, endTime });\n  const formattedCurrentTime = withCurrentTimeBubble\n    ? formatDate({ locale: ctx.getLocale(locale), date: dayjs(), format: slotLabelFormat })\n    : '';\n\n  const expandedEvents = useMemo(\n    () =>\n      expandRecurringEvents({\n        events,\n        rangeStart: dayjs(date).startOf('day').toDate(),\n        rangeEnd: dayjs(date).endOf('day').toDate(),\n        expansionLimit: recurrenceExpansionLimit,\n      }),\n    [events, date, recurrenceExpansionLimit]\n  );\n\n  const resourceEvents = useMemo(\n    () =>\n      getResourcesDayViewEvents({\n        date,\n        events: expandedEvents,\n        resources,\n        startTime,\n        endTime,\n      }),\n    [date, expandedEvents, resources, startTime, endTime]\n  );\n\n  const timeLabels = slots.map((interval) => {\n    const intervalTime = dayjs(`${dateStr} ${interval.startTime}`);\n    const label = formatDate({\n      date: intervalTime,\n      locale: ctx.getLocale(locale),\n      format: slotLabelFormat,\n    });\n\n    return (\n      <Box\n        {...getStyles('resourcesDayViewTimeLabel')}\n        key={interval.startTime}\n        mod={{\n          'hour-start': interval.isHourStart,\n          ...getBusinessHoursMod({\n            time: interval.startTime,\n            businessHours,\n            highlightBusinessHours,\n          }),\n        }}\n      >\n        {label}\n      </Box>\n    );\n  });\n\n  const slotsRef: ResourcesGridControlsRef = useRef<HTMLButtonElement[][]>([]);\n  const rowSlotsContainersRef = useRef<(HTMLDivElement | null)[]>([]);\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const mergedViewportRef = useMergedRef(viewportRef, scrollAreaProps?.viewportRef);\n\n  const firstSlotIndex = { resourceIndex: 0, slotIndex: 0 };\n\n  useIsomorphicEffect(() => {\n    if (!startScrollTime || !viewportRef.current) {\n      return;\n    }\n\n    const firstResourceSlots = slotsRef.current[0];\n    if (!firstResourceSlots || firstResourceSlots.length === 0) {\n      return;\n    }\n\n    const targetIndex = slots.findIndex((s) => s.startTime >= startScrollTime);\n    if (targetIndex < 0) {\n      return;\n    }\n\n    const targetSlot = firstResourceSlots[targetIndex];\n    if (!targetSlot) {\n      return;\n    }\n\n    const slotRect = targetSlot.getBoundingClientRect();\n    const viewportRect = viewportRef.current.getBoundingClientRect();\n    const cornerEl = viewportRef.current.querySelector(`.${classes.resourcesDayViewCorner}`);\n    const labelWidth = cornerEl ? cornerEl.getBoundingClientRect().width : 0;\n    viewportRef.current.scrollTo({\n      left: slotRect.left - viewportRect.left - labelWidth,\n      top: 0,\n    });\n  }, []);\n\n  const getSlotIndexFromDragPoint = useCallback((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 rows = orderedResources.map((resource, resourceIndex) => {\n    const allBgEvents = [\n      ...(resourceEvents.backgroundTimedEvents[resource.id] || []),\n      ...(resourceEvents.backgroundAllDayEvents[resource.id] || []),\n    ];\n\n    // oxlint-disable-next-line react/jsx-key\n    const backgroundEventNodes = allBgEvents.map((event) => {\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}`,\n        ...getStyles('resourcesDayViewBackgroundEvent', {\n          style: {\n            left: `${event.position.top}%`,\n            width: `${event.position.height}%`,\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        return renderEvent(event, bgEventProps as any);\n      }\n\n      return <Box {...bgEventProps} />;\n    });\n\n    const allRegularEvents = (resourceEvents.regularEvents[resource.id] || []).filter(\n      (event) => !isAllDayEvent({ event, date })\n    );\n\n    const visibleRegularEvents =\n      maxEventsPerTimeSlot !== undefined\n        ? allRegularEvents.filter((event) => event.position.column < maxEventsPerTimeSlot)\n        : allRegularEvents;\n\n    const regularEvents = visibleRegularEvents.map((event) => {\n      const isDraggable = dragDrop.isDraggableEvent(event);\n      const isResizable = eventResize.isResizableEvent(event);\n      const resizePosition = eventResize.getResizePosition(event.id);\n      const eventLeft = resizePosition ? resizePosition.left : event.position.top;\n      const eventWidth = resizePosition ? resizePosition.width : event.position.height;\n\n      const adjustPosition =\n        maxEventsPerTimeSlot !== undefined && event.position.overlaps > maxEventsPerTimeSlot;\n\n      const eventColors = isResizable\n        ? theme.variantColorResolver({\n            color: event.color || theme.primaryColor,\n            theme,\n            variant: event.variant || 'light',\n            autoContrast: true,\n          })\n        : null;\n\n      const isThisEventResizing = resizePosition !== null;\n      const activeEdge =\n        isThisEventResizing && eventResize.resizingEdge ? eventResize.resizingEdge : null;\n\n      return (\n        <Box\n          key={event.id}\n          {...getStyles('resourcesDayViewEventWrapper')}\n          __vars={eventColors ? { '--event-color': eventColors.color } : undefined}\n          data-resizing={isThisEventResizing || undefined}\n          style={{\n            left: `calc(${eventLeft}% + 1px)`,\n            top: adjustPosition\n              ? `calc((100% - 22px) * ${event.position.column} / ${maxEventsPerTimeSlot})`\n              : `${event.position.offset}%`,\n            width: `calc(${eventWidth}% - 2px)`,\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%' }}\n          />\n          {isResizable && mode !== 'static' && (\n            <>\n              <div\n                {...getStyles('resourcesDayViewResizeHandle')}\n                data-edge=\"start\"\n                data-active={activeEdge === 'start' || undefined}\n                onPointerDown={(e) => {\n                  const container = rowSlotsContainersRef.current[resourceIndex];\n                  if (container) {\n                    eventResize.handleResizeStart({\n                      event,\n                      edge: 'start',\n                      container,\n                      originalLeft: event.position.top,\n                      originalWidth: event.position.height,\n                      eventDate: dateStr,\n                      pointerEvent: e,\n                    });\n                  }\n                }}\n              />\n              <div\n                {...getStyles('resourcesDayViewResizeHandle')}\n                data-edge=\"end\"\n                data-active={activeEdge === 'end' || undefined}\n                onPointerDown={(e) => {\n                  const container = rowSlotsContainersRef.current[resourceIndex];\n                  if (container) {\n                    eventResize.handleResizeStart({\n                      event,\n                      edge: 'end',\n                      container,\n                      originalLeft: event.position.top,\n                      originalWidth: event.position.height,\n                      eventDate: dateStr,\n                      pointerEvent: e,\n                    });\n                  }\n                }}\n              />\n            </>\n          )}\n        </Box>\n      );\n    });\n\n    const allDayEvents = resourceEvents.allDayEvents[resource.id] || [];\n\n    const allDayEventNodes = allDayEvents.map((event, index) => (\n      <Box\n        key={`all-day-${event.id}`}\n        {...getStyles('resourcesDayViewAllDayEvent', {\n          style: {\n            top: `calc(${index} * (var(--resources-day-view-all-day-height) + 2px) + 2px)`,\n          },\n        })}\n      >\n        <ScheduleEvent\n          event={event}\n          autoSize\n          nowrap\n          renderEventBody={renderEventBody}\n          renderEvent={renderEvent}\n          radius={radius}\n          mode={mode}\n          onClick={onEventClick ? (e) => onEventClick(event, e) : undefined}\n          style={{ width: '100%', height: '100%' }}\n        />\n      </Box>\n    ));\n\n    const moreEventsForResource =\n      maxEventsPerTimeSlot !== undefined\n        ? getOverlapClusters(allRegularEvents)\n            .filter((cluster) => cluster.some((e) => e.position.column >= maxEventsPerTimeSlot))\n            .map((cluster) => {\n              const hiddenCount = cluster.filter(\n                (e) => e.position.column >= maxEventsPerTimeSlot\n              ).length;\n              const leftPercent = Math.min(...cluster.map((e) => e.position.top));\n              const rightPercent = Math.max(\n                ...cluster.map((e) => e.position.top + e.position.height)\n              );\n\n              return (\n                <MoreEvents\n                  key={`more-${cluster[0].id}`}\n                  events={cluster}\n                  moreEventsCount={hiddenCount}\n                  mode={mode}\n                  labels={labels}\n                  renderEventBody={renderEventBody}\n                  renderEvent={renderEvent}\n                  onEventClick={onEventClick}\n                  style={{\n                    position: 'absolute',\n                    left: `calc(${leftPercent}% + 1px)`,\n                    width: `calc(${rightPercent - leftPercent}% - 2px)`,\n                    bottom: 0,\n                    height: '22px',\n                    paddingInline: 4,\n                    zIndex: 4,\n                  }}\n                  {...stylesApiProps}\n                  {...moreEventsProps}\n                />\n              );\n            })\n        : [];\n\n    return (\n      <ResourcesDayViewRow\n        key={resource.id}\n        resource={resource}\n        resourceIndex={resourceIndex}\n        date={dateStr}\n        slots={slots}\n        getStyles={getStyles}\n        labels={labels}\n        highlightBusinessHours={highlightBusinessHours}\n        businessHours={businessHours}\n        withEventsDragAndDrop={withDragHandlers}\n        mode={mode}\n        slotsRef={slotsRef}\n        firstSlotIndex={firstSlotIndex}\n        onSlotKeyDown={handleSlotKeyDown}\n        onSlotClick={handleTimeSlotClick}\n        onRowSlotsDragOver={(event, resourceId, resIdx) => {\n          const slotIndex = getSlotIndexFromDragPoint(event, resIdx);\n          if (slotIndex !== null) {\n            dragDrop.handleDragOver(event, { resourceId, slotIndex });\n          }\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={allDayEvents.length}\n      >\n        {backgroundEventNodes}\n        {allDayEventNodes}\n        {regularEvents}\n        {moreEventsForResource}\n      </ResourcesDayViewRow>\n    );\n  });\n\n  const headerLabel = formatDate({\n    date: dayjs(date),\n    locale: ctx.getLocale(locale),\n    format: headerFormat,\n  });\n\n  const content = (\n    <Box\n      {...getStyles('resourcesDayView')}\n      mod={{\n        static: mode === 'static',\n        'slot-dragging': slotDragSelect.isDragging,\n        resizing: eventResize.isResizing,\n        'event-interaction': eventResize.isResizing || dragDrop.dragContextValue.isDragging,\n      }}\n      {...others}\n    >\n      {withHeader && (\n        <ScheduleHeaderBase\n          view=\"day\"\n          navigationHandlers={{\n            previous: () => toDateString(dayjs(date).subtract(1, 'day')),\n            next: () => toDateString(dayjs(date).add(1, 'day')),\n            today: () => toDateString(dayjs()),\n          }}\n          control={{\n            miw: 140,\n            title: headerLabel,\n          }}\n          labels={labels}\n          onDateChange={onDateChange}\n          onViewChange={onViewChange}\n          previousControlProps={previousControlProps}\n          nextControlProps={nextControlProps}\n          todayControlProps={todayControlProps}\n          viewSelectProps={{ views: ['day', 'week', 'month'] as const, ...viewSelectProps }}\n          stylesApiProps={stylesApiProps}\n        />\n      )}\n\n      <Box {...getStyles('resourcesDayViewRoot')}>\n        <ScrollArea\n          scrollbarSize={4}\n          {...scrollAreaProps}\n          {...getStyles('resourcesDayViewScrollArea', {\n            className: scrollAreaProps?.className,\n            style: scrollAreaProps?.style,\n          })}\n          onScrollPositionChange={(position) => {\n            scrollAreaProps?.onScrollPositionChange?.(position);\n            setScrolled(position.y !== 0);\n            setScrolledX(position.x !== 0);\n          }}\n          viewportRef={mergedViewportRef}\n        >\n          <div {...getStyles('resourcesDayViewInner')}>\n            <Box {...getStyles('resourcesDayViewTimeLabelsRow')} mod={{ scrolled }}>\n              <div\n                {...getStyles('resourcesDayViewCorner')}\n                key=\"corner\"\n                style={\n                  hasGroups\n                    ? {\n                        flexBasis:\n                          'calc(var(--resources-day-view-resource-label-width) + var(--resources-day-view-group-label-width))',\n                        minWidth:\n                          'calc(var(--resources-day-view-resource-label-width) + var(--resources-day-view-group-label-width))',\n                      }\n                    : undefined\n                }\n              >\n                {getLabel('resources', labels)}\n              </div>\n              {timeLabels}\n            </Box>\n\n            {rows}\n\n            {showTimeIndicator && (\n              <Box\n                {...getStyles('resourcesDayViewCurrentTimeIndicator')}\n                __vars={{\n                  '--indicator-left-offset': hasGroups\n                    ? `calc(var(--resources-day-view-resource-label-width) + var(--resources-day-view-group-label-width) + (100% - var(--resources-day-view-resource-label-width) - var(--resources-day-view-group-label-width)) * ${timeIndicatorOffset} / 100)`\n                    : `calc(var(--resources-day-view-resource-label-width) + (100% - var(--resources-day-view-resource-label-width)) * ${timeIndicatorOffset} / 100)`,\n                  '--_time-bubble-width': formattedCurrentTime\n                    ?.toString()\n                    .toLowerCase()\n                    .includes('m')\n                    ? '64px'\n                    : '46px',\n                }}\n              >\n                {withCurrentTimeBubble && (\n                  <div {...getStyles('resourcesDayViewCurrentTimeIndicatorTimeBubble')}>\n                    {formattedCurrentTime}\n                  </div>\n                )}\n                {!withCurrentTimeBubble && (\n                  <div {...getStyles('resourcesDayViewCurrentTimeIndicatorThumb')} />\n                )}\n                <div {...getStyles('resourcesDayViewCurrentTimeIndicatorLine')} />\n              </Box>\n            )}\n          </div>\n        </ScrollArea>\n      </Box>\n    </Box>\n  );\n\n  const dragContextValue = useMemo<DragContextValue>(\n    () => dragDrop.dragContextValue,\n    [dragDrop.dragContextValue]\n  );\n\n  if (withEventsDragAndDrop) {\n    return <DragContext.Provider value={dragContextValue}>{content}</DragContext.Provider>;\n  }\n\n  return content;\n});\n\nResourcesDayView.displayName = '@mantine/schedule/ResourcesDayView';\nResourcesDayView.classes = classes;\nResourcesDayView.varsResolver = varsResolver;\n"],"mappings":"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"}

package/esm/components/ResourcesDayView/ResourcesDayView.module.mjs

@@ -0,0 +1,29 @@
+"use client";
+//#region packages/@mantine/schedule/src/components/ResourcesDayView/ResourcesDayView.module.css
+var ResourcesDayView_module_default = {
+	"resourcesDayView": "m_25154d8d",
+	"resourcesDayViewRoot": "m_d790b40f",
+	"resourcesDayViewScrollArea": "m_d54c5a67",
+	"resourcesDayViewInner": "m_1a0680c9",
+	"resourcesDayViewTimeLabelsRow": "m_26532081",
+	"resourcesDayViewCorner": "m_1c9c8e42",
+	"resourcesDayViewTimeLabel": "m_de91b51a",
+	"resourcesDayViewRow": "m_6a0ced0d",
+	"resourcesDayViewResourceLabel": "m_ac632f9",
+	"resourcesDayViewGroupColumn": "m_6c75eae8",
+	"resourcesDayViewGroupColumnEmpty": "m_f2903b45",
+	"resourcesDayViewRowSlots": "m_84f29928",
+	"resourcesDayViewRowSlot": "m_90acfcab",
+	"resourcesDayViewCurrentTimeIndicator": "m_3f0b79f6",
+	"resourcesDayViewCurrentTimeIndicatorLine": "m_7855b30a",
+	"resourcesDayViewCurrentTimeIndicatorThumb": "m_92d11180",
+	"resourcesDayViewCurrentTimeIndicatorTimeBubble": "m_e2aac04f",
+	"resourcesDayViewBackgroundEvent": "m_9cc838bf",
+	"resourcesDayViewAllDayEvent": "m_d6d6dd52",
+	"resourcesDayViewResizeHandle": "m_97715629",
+	"resourcesDayViewEventWrapper": "m_93bc1ec6"
+};
+//#endregion
+export { ResourcesDayView_module_default as default };
+
+//# sourceMappingURL=ResourcesDayView.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResourcesDayView.module.mjs","names":[],"sources":["../../../src/components/ResourcesDayView/ResourcesDayView.module.css"],"sourcesContent":[".resourcesDayView {\n  --resources-day-view-radius: var(--schedule-radius, var(--mantine-radius-default));\n  --resources-day-view-resource-label-width: 120px;\n  --resources-day-view-slot-width: 80px;\n  --resources-day-view-row-height: 64px;\n  --resources-day-view-group-label-width: 80px;\n  --resources-day-view-all-day-height: 20px;\n\n  @mixin where-light {\n    --resources-day-view-border-color: var(--mantine-color-gray-3);\n    --resources-day-view-business-hours-bg: var(--mantine-color-white);\n    --resources-day-view-non-business-hours-bg: var(--mantine-color-gray-0);\n  }\n\n  @mixin where-dark {\n    --resources-day-view-border-color: var(--mantine-color-dark-4);\n    --resources-day-view-business-hours-bg: var(--mantine-color-dark-7);\n    --resources-day-view-non-business-hours-bg: var(--mantine-color-dark-6);\n  }\n}\n\n.resourcesDayViewRoot {\n  border: 1px solid var(--resources-day-view-border-color);\n  border-radius: var(--resources-day-view-radius);\n  overflow: hidden;\n  max-width: fit-content;\n  position: relative;\n}\n\n.resourcesDayViewScrollArea {\n  :where([data-mantine-scrollbar]) {\n    z-index: 20;\n  }\n\n  :where([data-scrollarea-viewport]) {\n    overscroll-behavior-x: none;\n  }\n}\n\n.resourcesDayViewInner {\n  display: inline-flex;\n  flex-direction: column;\n  position: relative;\n}\n\n.resourcesDayViewTimeLabelsRow {\n  display: flex;\n  position: sticky;\n  top: 0;\n  z-index: 5;\n  background-color: var(--mantine-color-body);\n  border-bottom: 1px solid var(--resources-day-view-border-color);\n  margin-bottom: -1px;\n  transition: box-shadow 100ms ease;\n\n  &:where([data-scrolled]) {\n    box-shadow: var(--mantine-shadow-sm);\n  }\n}\n\n.resourcesDayViewCorner {\n  flex: 0 0 var(--resources-day-view-resource-label-width);\n  min-width: var(--resources-day-view-resource-label-width);\n  border-inline-end: 1px solid var(--resources-day-view-border-color);\n  position: sticky;\n  left: 0;\n  z-index: 11;\n  background-color: var(--mantine-color-body);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--mantine-font-size-sm);\n  font-weight: var(--mantine-font-weight-medium);\n  user-select: none;\n}\n\n.resourcesDayViewTimeLabel {\n  flex: 0 0 var(--resources-day-view-slot-width);\n  min-width: var(--resources-day-view-slot-width);\n  max-width: var(--resources-day-view-slot-width);\n  height: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--mantine-font-size-sm);\n  user-select: none;\n  cursor: default;\n  font-variant-numeric: tabular-nums;\n  text-transform: uppercase;\n  border-inline-end: 1px solid var(--resources-day-view-border-color);\n\n  &:where(:last-of-type) {\n    border-inline-end: none;\n  }\n\n  &:where([data-business-hours]) {\n    background-color: var(--resources-day-view-business-hours-bg);\n  }\n\n  &:where([data-non-business-hours]) {\n    background-color: var(--resources-day-view-non-business-hours-bg);\n  }\n}\n\n.resourcesDayViewRow {\n  display: flex;\n  border-top: 1px solid var(--resources-day-view-border-color);\n}\n\n.resourcesDayViewResourceLabel {\n  flex: 0 0 var(--resources-day-view-resource-label-width);\n  min-width: var(--resources-day-view-resource-label-width);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px 8px;\n  font-size: var(--mantine-font-size-sm);\n  font-weight: var(--mantine-font-weight-medium);\n  user-select: none;\n  border-inline-end: 1px solid var(--resources-day-view-border-color);\n  min-height: var(--resources-day-view-row-height);\n  position: sticky;\n  left: 0;\n  z-index: 11;\n  background-color: var(--mantine-color-body);\n  transition: box-shadow 100ms ease;\n\n  &:where([data-scrolled-x]) {\n    box-shadow: var(--mantine-shadow-sm);\n  }\n\n  &:where([data-has-groups]) {\n    left: var(--resources-day-view-group-label-width);\n  }\n}\n\n.resourcesDayViewGroupColumn {\n  flex: 0 0 var(--resources-day-view-group-label-width);\n  min-width: var(--resources-day-view-group-label-width);\n  min-height: var(--resources-day-view-row-height);\n  position: sticky;\n  left: 0;\n  z-index: 12;\n  background-color: var(--mantine-color-body);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  overflow-wrap: break-word;\n  font-size: var(--mantine-font-size-sm);\n  font-weight: var(--mantine-font-weight-medium);\n  user-select: none;\n  border-inline-end: 1px solid var(--resources-day-view-border-color);\n  overflow: visible;\n\n  &:where([data-group-position='first']),\n  &:where([data-group-position='only']) {\n    z-index: 13;\n  }\n\n  &:where([data-group-position='middle']),\n  &:where([data-group-position='last']) {\n    margin-top: -1px;\n    min-height: calc(var(--resources-day-view-row-height) + 1px);\n  }\n}\n\n.resourcesDayViewGroupColumnEmpty {\n  flex: 0 0 var(--resources-day-view-group-label-width);\n  min-width: var(--resources-day-view-group-label-width);\n  min-height: var(--resources-day-view-row-height);\n  position: sticky;\n  left: 0;\n  z-index: 12;\n  background-color: var(--mantine-color-body);\n  border-inline-end: 1px solid var(--resources-day-view-border-color);\n}\n\n.resourcesDayViewRowSlots {\n  display: flex;\n  position: relative;\n  min-height: var(--resources-day-view-row-height);\n}\n\n.resourcesDayViewRowSlot {\n  flex: 0 0 var(--resources-day-view-slot-width);\n  min-width: var(--resources-day-view-slot-width);\n  max-width: var(--resources-day-view-slot-width);\n  min-height: var(--resources-day-view-row-height);\n  border-inline-end: 1px solid var(--resources-day-view-border-color);\n  cursor: pointer;\n  position: relative;\n\n  @mixin hover {\n    @mixin where-light {\n      background-color: var(--mantine-color-gray-1);\n    }\n\n    @mixin where-dark {\n      background-color: var(--mantine-color-dark-5);\n    }\n  }\n\n  &:where(:last-of-type) {\n    border-inline-end: none;\n  }\n\n  &:where(:focus) {\n    z-index: 1;\n  }\n\n  &:where([data-business-hours]) {\n    background-color: var(--resources-day-view-business-hours-bg);\n  }\n\n  &:where([data-non-business-hours]) {\n    background-color: var(--resources-day-view-non-business-hours-bg);\n  }\n\n  &:where([data-drop-target]) {\n    @mixin where-light {\n      background-color: var(--mantine-color-blue-1);\n    }\n\n    @mixin where-dark {\n      background-color: var(--mantine-color-dark-5);\n    }\n\n    &::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      z-index: 2;\n      border: 1px solid;\n      border-radius: 2px;\n\n      @mixin where-light {\n        border-color: var(--mantine-color-blue-4);\n      }\n\n      @mixin where-dark {\n        border-color: var(--mantine-color-blue-6);\n      }\n    }\n  }\n\n  &:where([data-drag-selected]) {\n    &,\n    &:hover {\n      background-color: var(--mantine-primary-color-light);\n    }\n\n    &::before {\n      content: '';\n      position: absolute;\n      inset: -1px;\n      pointer-events: none;\n      z-index: 2;\n      border: 1px solid;\n\n      @mixin where-light {\n        border-color: var(--mantine-primary-color-2);\n      }\n\n      @mixin where-dark {\n        border-color: var(--mantine-primary-color-9);\n      }\n    }\n  }\n\n  &:where([data-drag-slot-index]) {\n    touch-action: none;\n  }\n\n  &:where([data-static]) {\n    cursor: default;\n    pointer-events: none;\n  }\n}\n\n.resourcesDayViewCurrentTimeIndicator {\n  --_indicator-color: var(--resources-day-view-indicator-color, var(--mantine-color-red-7));\n  --_time-bubble-height: 18px;\n  --_thumb-size: 12px;\n\n  position: absolute;\n  pointer-events: none;\n  top: 37px;\n  bottom: 0;\n  left: var(--indicator-left-offset);\n  width: 2px;\n  z-index: 3;\n\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-color: var(--_indicator-color);\n    opacity: 0.2;\n  }\n}\n\n.resourcesDayViewCurrentTimeIndicatorLine {\n  width: 100%;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  background-color: var(--_indicator-color);\n}\n\n.resourcesDayViewCurrentTimeIndicatorThumb {\n  position: absolute;\n  top: calc(-1 * (var(--_thumb-size) / 2 - 1px));\n  width: var(--_thumb-size);\n  height: var(--_thumb-size);\n  border-radius: 50%;\n  border: 1px solid var(--mantine-color-body);\n  background-color: var(--_indicator-color);\n  left: calc(-1 * (var(--_thumb-size) / 2 - 1px));\n}\n\n.resourcesDayViewCurrentTimeIndicatorTimeBubble {\n  position: absolute;\n  height: var(--_time-bubble-height);\n  width: var(--_time-bubble-width);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 1000px;\n  background-color: var(--_indicator-color);\n  color: var(--mantine-color-white);\n  font-size: var(--mantine-font-size-xs);\n  font-weight: var(--mantine-font-weight-bold);\n  box-shadow: var(--mantine-shadow-sm);\n  white-space: nowrap;\n  font-variant-numeric: tabular-nums;\n  text-transform: uppercase;\n  top: 0;\n  left: calc(-1 * (var(--_time-bubble-width) / 2 - 1px));\n  z-index: 3;\n}\n\n.resourcesDayViewBackgroundEvent {\n  position: absolute;\n  pointer-events: none;\n  z-index: 2;\n  border-radius: var(--resources-day-view-radius);\n  background-color: var(--bg-event-bg);\n  overflow: hidden;\n  font-size: 12px;\n  font-weight: var(--mantine-font-weight-medium);\n  padding: 3px 4px;\n  color: var(--bg-event-color);\n}\n\n.resourcesDayViewAllDayEvent {\n  position: absolute;\n  inset-inline: 1px;\n  height: var(--resources-day-view-all-day-height);\n  z-index: 3;\n}\n\n.resourcesDayViewResizeHandle {\n  position: absolute;\n  top: 20%;\n  width: 4px;\n  height: 60%;\n  cursor: ew-resize;\n  z-index: 5;\n  border-radius: 2px;\n  opacity: 0;\n  transition: opacity 100ms ease;\n  pointer-events: all;\n  background-color: var(--event-color);\n\n  &::before {\n    content: '';\n    position: absolute;\n    inset: -4px -6px;\n  }\n\n  &:where([data-edge='start']) {\n    left: -2px;\n  }\n\n  &:where([data-edge='end']) {\n    right: -2px;\n  }\n}\n\n.resourcesDayViewEventWrapper {\n  position: absolute;\n  z-index: 3;\n\n  &:hover .resourcesDayViewResizeHandle {\n    opacity: 0.5;\n  }\n\n  & .resourcesDayViewResizeHandle:hover {\n    opacity: 0.8;\n  }\n\n  &:where([data-resizing]) .resourcesDayViewResizeHandle:where([data-active]) {\n    opacity: 0.8;\n  }\n\n  &:where([data-resizing]) .resourcesDayViewResizeHandle:not([data-active]) {\n    opacity: 0;\n    pointer-events: none;\n  }\n}\n\n.resourcesDayView:where([data-event-interaction]) .resourcesDayViewRowSlot {\n  pointer-events: none;\n}\n\n.resourcesDayView:where([data-resizing]) {\n  & * {\n    cursor: ew-resize !important;\n  }\n\n  & .resourcesDayViewEventWrapper:not([data-resizing]) {\n    pointer-events: none;\n\n    & .resourcesDayViewResizeHandle {\n      opacity: 0;\n    }\n  }\n}\n"],"mappings":""}

package/esm/components/ResourcesDayView/ResourcesDayViewColumn.mjs

@@ -0,0 +1,89 @@
+"use client";
+import { getLabel } from "../../labels.mjs";
+import { getBusinessHoursMod } from "../../utils/get-business-hours-mod/get-business-hours-mod.mjs";
+import { Box, UnstyledButton } from "@mantine/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/@mantine/schedule/src/components/ResourcesDayView/ResourcesDayViewColumn.tsx
+function ResourcesDayViewRow({ resource, resourceIndex, date, slots, getStyles, children, labels, highlightBusinessHours, businessHours, withEventsDragAndDrop, onRowSlotsDragOver, onRowSlotsDragLeave, onRowSlotsDrop, onSlotClick, dropTargetSlotIndex, mode, slotsRef, firstSlotIndex, onSlotKeyDown, withDragSlotSelect, onSlotPointerDown, isSlotDragSelected, rowSlotsContainerRef, renderResourceLabel, renderGroupLabel, scrolledX, groupInfo, allDayCount }) {
+	const slotGroup = String(resource.id);
+	const items = slots.map((slot, slotIndex) => {
+		const isDropTarget = dropTargetSlotIndex === slotIndex;
+		const isFirstSlot = firstSlotIndex?.resourceIndex === resourceIndex && firstSlotIndex?.slotIndex === slotIndex;
+		const isDragSelected = isSlotDragSelected?.(slotIndex, slotGroup) || false;
+		return /* @__PURE__ */ jsx(UnstyledButton, {
+			ref: (node) => {
+				if (!slotsRef?.current) return;
+				if (!slotsRef.current[resourceIndex]) slotsRef.current[resourceIndex] = [];
+				const row = slotsRef.current[resourceIndex];
+				if (node) row[slotIndex] = node;
+				else {
+					delete row[slotIndex];
+					while (row.length > 0 && row[row.length - 1] == null) row.length -= 1;
+				}
+			},
+			...getStyles("resourcesDayViewRowSlot"),
+			mod: {
+				"hour-start": slot.isHourStart,
+				...getBusinessHoursMod({
+					time: slot.startTime,
+					businessHours,
+					highlightBusinessHours
+				}),
+				"drop-target": isDropTarget,
+				"drag-selected": isDragSelected,
+				static: mode === "static"
+			},
+			"aria-label": `${getLabel("resourceSlot", labels)} ${resource.label} ${date} ${slot.startTime} - ${slot.endTime}`,
+			tabIndex: mode === "static" ? -1 : isFirstSlot ? 0 : -1,
+			"data-drag-slot-index": withDragSlotSelect && mode !== "static" ? slotIndex : void 0,
+			"data-drag-slot-group": withDragSlotSelect && mode !== "static" ? slotGroup : void 0,
+			onKeyDown: (e) => {
+				if (onSlotKeyDown) onSlotKeyDown(e, resourceIndex, slotIndex);
+			},
+			onPointerDown: withDragSlotSelect && mode !== "static" ? (e) => onSlotPointerDown?.(e, slotIndex, slotGroup) : void 0,
+			onClick: mode === "static" || !onSlotClick ? void 0 : (e) => onSlotClick(resource.id, slot.startTime, e),
+			onDragOver: withEventsDragAndDrop && mode !== "static" ? (e) => e.preventDefault() : void 0
+		}, slot.startTime);
+	});
+	const isGroupStart = groupInfo?.position === "first" || groupInfo?.position === "only";
+	const groupCell = groupInfo !== void 0 ? groupInfo !== null ? /* @__PURE__ */ jsx(Box, {
+		...getStyles("resourcesDayViewGroupColumn"),
+		mod: {
+			"scrolled-x": scrolledX,
+			"group-position": groupInfo.position
+		},
+		children: isGroupStart && /* @__PURE__ */ jsx("span", {
+			style: groupInfo.count > 1 ? { transform: `translateY(calc((${groupInfo.count - 1} * (var(--resources-day-view-row-height) + 1px)) / 2))` } : void 0,
+			children: renderGroupLabel ? renderGroupLabel(groupInfo.group) : groupInfo.group.label
+		})
+	}) : /* @__PURE__ */ jsx(Box, {
+		...getStyles("resourcesDayViewGroupColumnEmpty"),
+		mod: { "scrolled-x": scrolledX }
+	}) : null;
+	return /* @__PURE__ */ jsxs(Box, {
+		...getStyles("resourcesDayViewRow"),
+		children: [
+			groupCell,
+			/* @__PURE__ */ jsx(Box, {
+				...getStyles("resourcesDayViewResourceLabel"),
+				mod: {
+					"scrolled-x": scrolledX,
+					"has-groups": groupInfo !== void 0
+				},
+				children: renderResourceLabel ? renderResourceLabel(resource) : resource.label
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				ref: rowSlotsContainerRef,
+				...getStyles("resourcesDayViewRowSlots", { style: allDayCount ? { minHeight: `max(var(--resources-day-view-row-height), calc(${allDayCount} * (var(--resources-day-view-all-day-height) + 2px) + 4px))` } : void 0 }),
+				onDragOver: withEventsDragAndDrop && mode !== "static" ? (e) => onRowSlotsDragOver?.(e, resource.id, resourceIndex) : void 0,
+				onDragLeave: withEventsDragAndDrop && mode !== "static" ? onRowSlotsDragLeave : void 0,
+				onDrop: withEventsDragAndDrop && mode !== "static" ? (e) => onRowSlotsDrop?.(e, resource.id, resourceIndex) : void 0,
+				children: [children, items]
+			})
+		]
+	});
+}
+//#endregion
+export { ResourcesDayViewRow };
+
+//# sourceMappingURL=ResourcesDayViewColumn.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResourcesDayViewColumn.mjs","names":[],"sources":["../../../src/components/ResourcesDayView/ResourcesDayViewColumn.tsx"],"sourcesContent":["import { Box, GetStylesApi, UnstyledButton } from '@mantine/core';\nimport { getLabel, ScheduleLabelsOverride } from '../../labels';\nimport { ScheduleMode, ScheduleResourceData, ScheduleResourceGroup } from '../../types';\nimport {\n  DayTimeInterval,\n  getBusinessHoursMod,\n  ResourceGroupInfo,\n  ResourcesGridControlsRef,\n} from '../../utils';\nimport type { ResourcesDayViewFactory } from './ResourcesDayView';\n\nexport interface ResourcesDayViewRowProps {\n  resource: ScheduleResourceData;\n  resourceIndex: number;\n  date: string;\n  slots: DayTimeInterval[];\n  getStyles: GetStylesApi<ResourcesDayViewFactory>;\n  children?: React.ReactNode;\n  labels?: ScheduleLabelsOverride;\n  highlightBusinessHours?: boolean;\n  businessHours?: [string, string];\n  withEventsDragAndDrop?: boolean;\n  onRowSlotsDragOver?: (\n    e: React.DragEvent<HTMLDivElement>,\n    resourceId: string | number,\n    resourceIndex: number\n  ) => void;\n  onRowSlotsDragLeave?: () => void;\n  onRowSlotsDrop?: (\n    e: React.DragEvent<HTMLDivElement>,\n    resourceId: string | number,\n    resourceIndex: number\n  ) => void;\n  onSlotClick?: (\n    resourceId: string | number,\n    slotTime: string,\n    event: React.MouseEvent<HTMLButtonElement>\n  ) => void;\n  dropTargetSlotIndex?: number;\n  mode?: ScheduleMode;\n  slotsRef?: ResourcesGridControlsRef;\n  firstSlotIndex?: { resourceIndex: number; slotIndex: number };\n  onSlotKeyDown?: (\n    event: React.KeyboardEvent<HTMLButtonElement>,\n    resourceIndex: number,\n    slotIndex: number\n  ) => void;\n  withDragSlotSelect?: boolean;\n  onSlotPointerDown?: (\n    event: React.PointerEvent<HTMLButtonElement>,\n    index: number,\n    group: string\n  ) => void;\n  isSlotDragSelected?: (index: number, group: string) => boolean;\n  rowSlotsContainerRef?: (node: HTMLDivElement | null) => void;\n  renderResourceLabel?: (resource: ScheduleResourceData) => React.ReactNode;\n  renderGroupLabel?: (group: ScheduleResourceGroup) => React.ReactNode;\n  scrolledX?: boolean;\n  groupInfo?: ResourceGroupInfo | null;\n  allDayCount?: number;\n}\n\nexport function ResourcesDayViewRow({\n  resource,\n  resourceIndex,\n  date,\n  slots,\n  getStyles,\n  children,\n  labels,\n  highlightBusinessHours,\n  businessHours,\n  withEventsDragAndDrop,\n  onRowSlotsDragOver,\n  onRowSlotsDragLeave,\n  onRowSlotsDrop,\n  onSlotClick,\n  dropTargetSlotIndex,\n  mode,\n  slotsRef,\n  firstSlotIndex,\n  onSlotKeyDown,\n  withDragSlotSelect,\n  onSlotPointerDown,\n  isSlotDragSelected,\n  rowSlotsContainerRef,\n  renderResourceLabel,\n  renderGroupLabel,\n  scrolledX,\n  groupInfo,\n  allDayCount,\n}: ResourcesDayViewRowProps) {\n  const slotGroup = String(resource.id);\n\n  const items = slots.map((slot, slotIndex) => {\n    const isDropTarget = dropTargetSlotIndex === slotIndex;\n    const isFirstSlot =\n      firstSlotIndex?.resourceIndex === resourceIndex && firstSlotIndex?.slotIndex === slotIndex;\n    const isDragSelected = isSlotDragSelected?.(slotIndex, slotGroup) || false;\n\n    return (\n      <UnstyledButton\n        key={slot.startTime}\n        ref={(node) => {\n          if (!slotsRef?.current) {\n            return;\n          }\n          if (!slotsRef.current[resourceIndex]) {\n            slotsRef.current[resourceIndex] = [];\n          }\n          const row = slotsRef.current[resourceIndex];\n          if (node) {\n            row[slotIndex] = node;\n          } else {\n            delete row[slotIndex];\n            while (row.length > 0 && row[row.length - 1] == null) {\n              row.length -= 1;\n            }\n          }\n        }}\n        {...getStyles('resourcesDayViewRowSlot')}\n        mod={{\n          'hour-start': slot.isHourStart,\n          ...getBusinessHoursMod({\n            time: slot.startTime,\n            businessHours,\n            highlightBusinessHours,\n          }),\n          'drop-target': isDropTarget,\n          'drag-selected': isDragSelected,\n          static: mode === 'static',\n        }}\n        aria-label={`${getLabel('resourceSlot', labels)} ${resource.label} ${date} ${slot.startTime} - ${slot.endTime}`}\n        tabIndex={mode === 'static' ? -1 : isFirstSlot ? 0 : -1}\n        data-drag-slot-index={withDragSlotSelect && mode !== 'static' ? slotIndex : undefined}\n        data-drag-slot-group={withDragSlotSelect && mode !== 'static' ? slotGroup : undefined}\n        onKeyDown={(e) => {\n          if (onSlotKeyDown) {\n            onSlotKeyDown(e, resourceIndex, slotIndex);\n          }\n        }}\n        onPointerDown={\n          withDragSlotSelect && mode !== 'static'\n            ? (e) => onSlotPointerDown?.(e, slotIndex, slotGroup)\n            : undefined\n        }\n        onClick={\n          mode === 'static' || !onSlotClick\n            ? undefined\n            : (e) => onSlotClick(resource.id, slot.startTime, e)\n        }\n        onDragOver={\n          withEventsDragAndDrop && mode !== 'static' ? (e) => e.preventDefault() : undefined\n        }\n      />\n    );\n  });\n\n  const isGroupStart = groupInfo?.position === 'first' || groupInfo?.position === 'only';\n  const groupCell =\n    groupInfo !== undefined ? (\n      groupInfo !== null ? (\n        <Box\n          {...getStyles('resourcesDayViewGroupColumn')}\n          mod={{ 'scrolled-x': scrolledX, 'group-position': groupInfo.position }}\n        >\n          {isGroupStart && (\n            <span\n              style={\n                groupInfo.count > 1\n                  ? {\n                      transform: `translateY(calc((${groupInfo.count - 1} * (var(--resources-day-view-row-height) + 1px)) / 2))`,\n                    }\n                  : undefined\n              }\n            >\n              {renderGroupLabel ? renderGroupLabel(groupInfo.group) : groupInfo.group.label}\n            </span>\n          )}\n        </Box>\n      ) : (\n        <Box {...getStyles('resourcesDayViewGroupColumnEmpty')} mod={{ 'scrolled-x': scrolledX }} />\n      )\n    ) : null;\n\n  return (\n    <Box {...getStyles('resourcesDayViewRow')}>\n      {groupCell}\n      <Box\n        {...getStyles('resourcesDayViewResourceLabel')}\n        mod={{ 'scrolled-x': scrolledX, 'has-groups': groupInfo !== undefined }}\n      >\n        {renderResourceLabel ? renderResourceLabel(resource) : resource.label}\n      </Box>\n      <Box\n        ref={rowSlotsContainerRef}\n        {...getStyles('resourcesDayViewRowSlots', {\n          style: allDayCount\n            ? {\n                minHeight: `max(var(--resources-day-view-row-height), calc(${allDayCount} * (var(--resources-day-view-all-day-height) + 2px) + 4px))`,\n              }\n            : undefined,\n        })}\n        onDragOver={\n          withEventsDragAndDrop && mode !== 'static'\n            ? (e) => onRowSlotsDragOver?.(e, resource.id, resourceIndex)\n            : undefined\n        }\n        onDragLeave={withEventsDragAndDrop && mode !== 'static' ? onRowSlotsDragLeave : undefined}\n        onDrop={\n          withEventsDragAndDrop && mode !== 'static'\n            ? (e) => onRowSlotsDrop?.(e, resource.id, resourceIndex)\n            : undefined\n        }\n      >\n        {children}\n        {items}\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;AA8DA,SAAgB,oBAAoB,EAClC,UACA,eACA,MACA,OACA,WACA,UACA,QACA,wBACA,eACA,uBACA,oBACA,qBACA,gBACA,aACA,qBACA,MACA,UACA,gBACA,eACA,oBACA,mBACA,oBACA,sBACA,qBACA,kBACA,WACA,WACA,eAC2B;CAC3B,MAAM,YAAY,OAAO,SAAS,EAAE;CAEpC,MAAM,QAAQ,MAAM,KAAK,MAAM,cAAc;EAC3C,MAAM,eAAe,wBAAwB;EAC7C,MAAM,cACJ,gBAAgB,kBAAkB,iBAAiB,gBAAgB,cAAc;EACnF,MAAM,iBAAiB,qBAAqB,WAAW,SAAS,KAAK;EAErE,OACE,oBAAC,gBAAD;GAEE,MAAM,SAAS;IACb,IAAI,CAAC,UAAU,SACb;IAEF,IAAI,CAAC,SAAS,QAAQ,gBACpB,SAAS,QAAQ,iBAAiB,CAAC;IAErC,MAAM,MAAM,SAAS,QAAQ;IAC7B,IAAI,MACF,IAAI,aAAa;SACZ;KACL,OAAO,IAAI;KACX,OAAO,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,MAAM,MAC9C,IAAI,UAAU;IAElB;GACF;GACA,GAAI,UAAU,yBAAyB;GACvC,KAAK;IACH,cAAc,KAAK;IACnB,GAAG,oBAAoB;KACrB,MAAM,KAAK;KACX;KACA;IACF,CAAC;IACD,eAAe;IACf,iBAAiB;IACjB,QAAQ,SAAS;GACnB;GACA,cAAY,GAAG,SAAS,gBAAgB,MAAM,EAAE,GAAG,SAAS,MAAM,GAAG,KAAK,GAAG,KAAK,UAAU,KAAK,KAAK;GACtG,UAAU,SAAS,WAAW,KAAK,cAAc,IAAI;GACrD,wBAAsB,sBAAsB,SAAS,WAAW,YAAY,KAAA;GAC5E,wBAAsB,sBAAsB,SAAS,WAAW,YAAY,KAAA;GAC5E,YAAY,MAAM;IAChB,IAAI,eACF,cAAc,GAAG,eAAe,SAAS;GAE7C;GACA,eACE,sBAAsB,SAAS,YAC1B,MAAM,oBAAoB,GAAG,WAAW,SAAS,IAClD,KAAA;GAEN,SACE,SAAS,YAAY,CAAC,cAClB,KAAA,KACC,MAAM,YAAY,SAAS,IAAI,KAAK,WAAW,CAAC;GAEvD,YACE,yBAAyB,SAAS,YAAY,MAAM,EAAE,eAAe,IAAI,KAAA;EAE5E,GApDM,KAAK,SAoDX;CAEL,CAAC;CAED,MAAM,eAAe,WAAW,aAAa,WAAW,WAAW,aAAa;CAChF,MAAM,YACJ,cAAc,KAAA,IACZ,cAAc,OACZ,oBAAC,KAAD;EACE,GAAI,UAAU,6BAA6B;EAC3C,KAAK;GAAE,cAAc;GAAW,kBAAkB,UAAU;EAAS;YAEpE,gBACC,oBAAC,QAAD;GACE,OACE,UAAU,QAAQ,IACd,EACE,WAAW,oBAAoB,UAAU,QAAQ,EAAE,wDACrD,IACA,KAAA;aAGL,mBAAmB,iBAAiB,UAAU,KAAK,IAAI,UAAU,MAAM;EACpE,CAAA;CAEL,CAAA,IAEL,oBAAC,KAAD;EAAK,GAAI,UAAU,kCAAkC;EAAG,KAAK,EAAE,cAAc,UAAU;CAAI,CAAA,IAE3F;CAEN,OACE,qBAAC,KAAD;EAAK,GAAI,UAAU,qBAAqB;YAAxC;GACG;GACD,oBAAC,KAAD;IACE,GAAI,UAAU,+BAA+B;IAC7C,KAAK;KAAE,cAAc;KAAW,cAAc,cAAc,KAAA;IAAU;cAErE,sBAAsB,oBAAoB,QAAQ,IAAI,SAAS;GAC7D,CAAA;GACL,qBAAC,KAAD;IACE,KAAK;IACL,GAAI,UAAU,4BAA4B,EACxC,OAAO,cACH,EACE,WAAW,kDAAkD,YAAY,6DAC3E,IACA,KAAA,EACN,CAAC;IACD,YACE,yBAAyB,SAAS,YAC7B,MAAM,qBAAqB,GAAG,SAAS,IAAI,aAAa,IACzD,KAAA;IAEN,aAAa,yBAAyB,SAAS,WAAW,sBAAsB,KAAA;IAChF,QACE,yBAAyB,SAAS,YAC7B,MAAM,iBAAiB,GAAG,SAAS,IAAI,aAAa,IACrD,KAAA;cAlBR,CAqBG,UACA,KACE;;EACF;;AAET"}

package/esm/components/ResourcesDayView/get-overlap-clusters/get-overlap-clusters.mjs

@@ -0,0 +1,26 @@
+"use client";
+import { isEventsOverlap } from "../../../utils/is-events-overlap/is-events-overlap.mjs";
+//#region packages/@mantine/schedule/src/components/ResourcesDayView/get-overlap-clusters/get-overlap-clusters.ts
+function getOverlapClusters(events) {
+	const clusters = [];
+	const assigned = /* @__PURE__ */ new Set();
+	for (let i = 0; i < events.length; i++) {
+		if (assigned.has(i)) continue;
+		const cluster = [events[i]];
+		assigned.add(i);
+		let j = 0;
+		while (j < cluster.length) {
+			for (let k = 0; k < events.length; k++) if (!assigned.has(k) && isEventsOverlap(cluster[j], events[k])) {
+				cluster.push(events[k]);
+				assigned.add(k);
+			}
+			j++;
+		}
+		clusters.push(cluster);
+	}
+	return clusters;
+}
+//#endregion
+export { getOverlapClusters };
+
+//# sourceMappingURL=get-overlap-clusters.mjs.map

package/esm/components/ResourcesDayView/get-overlap-clusters/get-overlap-clusters.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-overlap-clusters.mjs","names":[],"sources":["../../../../src/components/ResourcesDayView/get-overlap-clusters/get-overlap-clusters.ts"],"sourcesContent":["import { DayPositionedEventData } from '../../../types';\nimport { isEventsOverlap } from '../../../utils';\n\nexport function getOverlapClusters(events: DayPositionedEventData[]): DayPositionedEventData[][] {\n  const clusters: DayPositionedEventData[][] = [];\n  const assigned = new Set<number>();\n\n  for (let i = 0; i < events.length; i++) {\n    if (assigned.has(i)) {\n      continue;\n    }\n\n    const cluster: DayPositionedEventData[] = [events[i]];\n    assigned.add(i);\n\n    let j = 0;\n    while (j < cluster.length) {\n      for (let k = 0; k < events.length; k++) {\n        if (!assigned.has(k) && isEventsOverlap(cluster[j], events[k])) {\n          cluster.push(events[k]);\n          assigned.add(k);\n        }\n      }\n      j++;\n    }\n\n    clusters.push(cluster);\n  }\n\n  return clusters;\n}\n"],"mappings":";;;AAGA,SAAgB,mBAAmB,QAA8D;CAC/F,MAAM,WAAuC,CAAC;CAC9C,MAAM,2BAAW,IAAI,IAAY;CAEjC,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK;EACtC,IAAI,SAAS,IAAI,CAAC,GAChB;EAGF,MAAM,UAAoC,CAAC,OAAO,EAAE;EACpD,SAAS,IAAI,CAAC;EAEd,IAAI,IAAI;EACR,OAAO,IAAI,QAAQ,QAAQ;GACzB,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,QAAQ,KACjC,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,gBAAgB,QAAQ,IAAI,OAAO,EAAE,GAAG;IAC9D,QAAQ,KAAK,OAAO,EAAE;IACtB,SAAS,IAAI,CAAC;GAChB;GAEF;EACF;EAEA,SAAS,KAAK,OAAO;CACvB;CAEA,OAAO;AACT"}

package/esm/components/ResourcesDayView/get-resources-day-view-events/get-resources-day-view-events.mjs

@@ -0,0 +1,113 @@
+"use client";
+import { isAllDayEvent } from "../../../utils/is-all-day-event/is-all-day-event.mjs";
+import { validateEvent } from "../../../utils/validate-event/validate-event.mjs";
+import { isEventInTimeRange } from "../../../utils/is-event-in-time-range/is-event-in-time-range.mjs";
+import { getDayPosition } from "../../../utils/get-day-position/get-day-position.mjs";
+import { getDayPositionedEvents } from "../../DayView/get-day-view-events/get-day-positioned-events.mjs";
+import dayjs from "dayjs";
+//#region packages/@mantine/schedule/src/components/ResourcesDayView/get-resources-day-view-events/get-resources-day-view-events.ts
+function getResourcesDayViewEvents({ events, resources, date, startTime, endTime }) {
+	const result = {
+		regularEvents: {},
+		allDayEvents: {},
+		backgroundTimedEvents: {},
+		backgroundAllDayEvents: {}
+	};
+	for (const resource of resources) {
+		result.regularEvents[resource.id] = [];
+		result.allDayEvents[resource.id] = [];
+		result.backgroundTimedEvents[resource.id] = [];
+		result.backgroundAllDayEvents[resource.id] = [];
+	}
+	if (events === void 0) return result;
+	const dayStart = dayjs(date).startOf("day");
+	const dayEnd = dayjs(date).endOf("day");
+	const eventsByResource = {};
+	const backgroundByResource = {};
+	for (const resource of resources) {
+		eventsByResource[resource.id] = [];
+		backgroundByResource[resource.id] = [];
+	}
+	const ids = /* @__PURE__ */ new Set();
+	for (const event of events) {
+		if (event.resourceId === void 0) continue;
+		if (!(event.resourceId in eventsByResource)) continue;
+		const eventStart = dayjs(event.start);
+		const eventEnd = dayjs(event.end);
+		const isOnDay = eventStart.isSame(dayStart, "day");
+		const spansIntoDay = !isOnDay && event.display === "background" && eventStart.isBefore(dayEnd) && eventEnd.isAfter(dayStart);
+		if (isOnDay || spansIntoDay) {
+			if (isOnDay && !isEventInTimeRange({
+				event,
+				startTime,
+				endTime
+			})) continue;
+			const validated = validateEvent(event);
+			if (!ids.has(event.id)) ids.add(event.id);
+			else throw new Error(`[@mantine/schedule] ResourcesDayView: Duplicated event ids found: ${event.id}`);
+			if (event.display === "background") backgroundByResource[event.resourceId].push(validated);
+			else eventsByResource[event.resourceId].push(validated);
+		}
+	}
+	for (const resource of resources) {
+		const positioned = getDayPositionedEvents({
+			events: eventsByResource[resource.id],
+			startTime,
+			endTime,
+			date
+		});
+		for (const event of positioned) if (event.position.allDay) result.allDayEvents[resource.id].push(event);
+		else result.regularEvents[resource.id].push(event);
+		for (const event of backgroundByResource[resource.id]) {
+			const eventStart = dayjs(event.start);
+			const eventEnd = dayjs(event.end);
+			const clippedStart = eventStart.isBefore(dayStart) ? dayStart : eventStart;
+			const clippedEnd = eventEnd.isAfter(dayEnd) ? dayEnd : eventEnd;
+			const clippedEvent = {
+				...event,
+				start: clippedStart.format("YYYY-MM-DD HH:mm:ss"),
+				end: clippedEnd.format("YYYY-MM-DD HH:mm:ss")
+			};
+			if (isAllDayEvent({
+				event: clippedEvent,
+				date
+			})) result.backgroundAllDayEvents[resource.id].push({
+				...event,
+				position: {
+					top: 0,
+					height: 100,
+					allDay: true,
+					width: 100,
+					offset: 0,
+					column: 0,
+					overlaps: 1
+				}
+			});
+			else {
+				const { top, height } = getDayPosition({
+					event: clippedEvent,
+					startTime,
+					endTime
+				});
+				if (height <= 0) continue;
+				result.backgroundTimedEvents[resource.id].push({
+					...event,
+					position: {
+						top,
+						height,
+						allDay: false,
+						width: 100,
+						offset: 0,
+						column: 0,
+						overlaps: 1
+					}
+				});
+			}
+		}
+	}
+	return result;
+}
+//#endregion
+export { getResourcesDayViewEvents };
+
+//# sourceMappingURL=get-resources-day-view-events.mjs.map

package/esm/components/ResourcesDayView/get-resources-day-view-events/get-resources-day-view-events.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-resources-day-view-events.mjs","names":[],"sources":["../../../../src/components/ResourcesDayView/get-resources-day-view-events/get-resources-day-view-events.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport {\n  AnyDateValue,\n  DayPositionedEventData,\n  ScheduleEventData,\n  ScheduleResourceData,\n} from '../../../types';\nimport { getDayPosition, isAllDayEvent, isEventInTimeRange, validateEvent } from '../../../utils';\nimport { getDayPositionedEvents } from '../../DayView/get-day-view-events/get-day-positioned-events';\n\ninterface GetResourcesDayViewEventsInput {\n  events: ScheduleEventData[] | undefined;\n  resources: ScheduleResourceData[];\n  date: AnyDateValue;\n  startTime?: string;\n  endTime?: string;\n}\n\nexport interface ResourcesDayViewEventsResult {\n  regularEvents: Record<string | number, DayPositionedEventData[]>;\n  allDayEvents: Record<string | number, DayPositionedEventData[]>;\n  backgroundTimedEvents: Record<string | number, DayPositionedEventData[]>;\n  backgroundAllDayEvents: Record<string | number, DayPositionedEventData[]>;\n}\n\nexport function getResourcesDayViewEvents({\n  events,\n  resources,\n  date,\n  startTime,\n  endTime,\n}: GetResourcesDayViewEventsInput): ResourcesDayViewEventsResult {\n  const result: ResourcesDayViewEventsResult = {\n    regularEvents: {},\n    allDayEvents: {},\n    backgroundTimedEvents: {},\n    backgroundAllDayEvents: {},\n  };\n\n  for (const resource of resources) {\n    result.regularEvents[resource.id] = [];\n    result.allDayEvents[resource.id] = [];\n    result.backgroundTimedEvents[resource.id] = [];\n    result.backgroundAllDayEvents[resource.id] = [];\n  }\n\n  if (events === undefined) {\n    return result;\n  }\n\n  const dayStart = dayjs(date).startOf('day');\n  const dayEnd = dayjs(date).endOf('day');\n\n  const eventsByResource: Record<string | number, ScheduleEventData[]> = {};\n  const backgroundByResource: Record<string | number, ScheduleEventData[]> = {};\n\n  for (const resource of resources) {\n    eventsByResource[resource.id] = [];\n    backgroundByResource[resource.id] = [];\n  }\n\n  const ids = new Set<string | number>();\n\n  for (const event of events) {\n    if (event.resourceId === undefined) {\n      continue;\n    }\n\n    if (!(event.resourceId in eventsByResource)) {\n      continue;\n    }\n\n    const eventStart = dayjs(event.start);\n    const eventEnd = dayjs(event.end);\n    const isOnDay = eventStart.isSame(dayStart, 'day');\n    const spansIntoDay =\n      !isOnDay &&\n      event.display === 'background' &&\n      eventStart.isBefore(dayEnd) &&\n      eventEnd.isAfter(dayStart);\n\n    if (isOnDay || spansIntoDay) {\n      if (isOnDay && !isEventInTimeRange({ event, startTime, endTime })) {\n        continue;\n      }\n\n      const validated = validateEvent(event);\n\n      if (!ids.has(event.id)) {\n        ids.add(event.id);\n      } else {\n        throw new Error(\n          `[@mantine/schedule] ResourcesDayView: Duplicated event ids found: ${event.id}`\n        );\n      }\n\n      if (event.display === 'background') {\n        backgroundByResource[event.resourceId].push(validated);\n      } else {\n        eventsByResource[event.resourceId].push(validated);\n      }\n    }\n  }\n\n  for (const resource of resources) {\n    const positioned = getDayPositionedEvents({\n      events: eventsByResource[resource.id],\n      startTime,\n      endTime,\n      date,\n    });\n\n    for (const event of positioned) {\n      if (event.position.allDay) {\n        result.allDayEvents[resource.id].push(event);\n      } else {\n        result.regularEvents[resource.id].push(event);\n      }\n    }\n\n    for (const event of backgroundByResource[resource.id]) {\n      const eventStart = dayjs(event.start);\n      const eventEnd = dayjs(event.end);\n      const clippedStart = eventStart.isBefore(dayStart) ? dayStart : eventStart;\n      const clippedEnd = eventEnd.isAfter(dayEnd) ? dayEnd : eventEnd;\n\n      const clippedEvent = {\n        ...event,\n        start: clippedStart.format('YYYY-MM-DD HH:mm:ss'),\n        end: clippedEnd.format('YYYY-MM-DD HH:mm:ss'),\n      };\n\n      const allDay = isAllDayEvent({ event: clippedEvent, date });\n\n      if (allDay) {\n        result.backgroundAllDayEvents[resource.id].push({\n          ...event,\n          position: {\n            top: 0,\n            height: 100,\n            allDay: true,\n            width: 100,\n            offset: 0,\n            column: 0,\n            overlaps: 1,\n          },\n        });\n      } else {\n        const { top, height } = getDayPosition({ event: clippedEvent, startTime, endTime });\n        if (height <= 0) {\n          continue;\n        }\n        result.backgroundTimedEvents[resource.id].push({\n          ...event,\n          position: { top, height, allDay: false, width: 100, offset: 0, column: 0, overlaps: 1 },\n        });\n      }\n    }\n  }\n\n  return result;\n}\n"],"mappings":";;;;;;;;AAyBA,SAAgB,0BAA0B,EACxC,QACA,WACA,MACA,WACA,WAC+D;CAC/D,MAAM,SAAuC;EAC3C,eAAe,CAAC;EAChB,cAAc,CAAC;EACf,uBAAuB,CAAC;EACxB,wBAAwB,CAAC;CAC3B;CAEA,KAAK,MAAM,YAAY,WAAW;EAChC,OAAO,cAAc,SAAS,MAAM,CAAC;EACrC,OAAO,aAAa,SAAS,MAAM,CAAC;EACpC,OAAO,sBAAsB,SAAS,MAAM,CAAC;EAC7C,OAAO,uBAAuB,SAAS,MAAM,CAAC;CAChD;CAEA,IAAI,WAAW,KAAA,GACb,OAAO;CAGT,MAAM,WAAW,MAAM,IAAI,CAAC,CAAC,QAAQ,KAAK;CAC1C,MAAM,SAAS,MAAM,IAAI,CAAC,CAAC,MAAM,KAAK;CAEtC,MAAM,mBAAiE,CAAC;CACxE,MAAM,uBAAqE,CAAC;CAE5E,KAAK,MAAM,YAAY,WAAW;EAChC,iBAAiB,SAAS,MAAM,CAAC;EACjC,qBAAqB,SAAS,MAAM,CAAC;CACvC;CAEA,MAAM,sBAAM,IAAI,IAAqB;CAErC,KAAK,MAAM,SAAS,QAAQ;EAC1B,IAAI,MAAM,eAAe,KAAA,GACvB;EAGF,IAAI,EAAE,MAAM,cAAc,mBACxB;EAGF,MAAM,aAAa,MAAM,MAAM,KAAK;EACpC,MAAM,WAAW,MAAM,MAAM,GAAG;EAChC,MAAM,UAAU,WAAW,OAAO,UAAU,KAAK;EACjD,MAAM,eACJ,CAAC,WACD,MAAM,YAAY,gBAClB,WAAW,SAAS,MAAM,KAC1B,SAAS,QAAQ,QAAQ;EAE3B,IAAI,WAAW,cAAc;GAC3B,IAAI,WAAW,CAAC,mBAAmB;IAAE;IAAO;IAAW;GAAQ,CAAC,GAC9D;GAGF,MAAM,YAAY,cAAc,KAAK;GAErC,IAAI,CAAC,IAAI,IAAI,MAAM,EAAE,GACnB,IAAI,IAAI,MAAM,EAAE;QAEhB,MAAM,IAAI,MACR,qEAAqE,MAAM,IAC7E;GAGF,IAAI,MAAM,YAAY,cACpB,qBAAqB,MAAM,WAAW,CAAC,KAAK,SAAS;QAErD,iBAAiB,MAAM,WAAW,CAAC,KAAK,SAAS;EAErD;CACF;CAEA,KAAK,MAAM,YAAY,WAAW;EAChC,MAAM,aAAa,uBAAuB;GACxC,QAAQ,iBAAiB,SAAS;GAClC;GACA;GACA;EACF,CAAC;EAED,KAAK,MAAM,SAAS,YAClB,IAAI,MAAM,SAAS,QACjB,OAAO,aAAa,SAAS,GAAG,CAAC,KAAK,KAAK;OAE3C,OAAO,cAAc,SAAS,GAAG,CAAC,KAAK,KAAK;EAIhD,KAAK,MAAM,SAAS,qBAAqB,SAAS,KAAK;GACrD,MAAM,aAAa,MAAM,MAAM,KAAK;GACpC,MAAM,WAAW,MAAM,MAAM,GAAG;GAChC,MAAM,eAAe,WAAW,SAAS,QAAQ,IAAI,WAAW;GAChE,MAAM,aAAa,SAAS,QAAQ,MAAM,IAAI,SAAS;GAEvD,MAAM,eAAe;IACnB,GAAG;IACH,OAAO,aAAa,OAAO,qBAAqB;IAChD,KAAK,WAAW,OAAO,qBAAqB;GAC9C;GAIA,IAFe,cAAc;IAAE,OAAO;IAAc;GAAK,CAEhD,GACP,OAAO,uBAAuB,SAAS,GAAG,CAAC,KAAK;IAC9C,GAAG;IACH,UAAU;KACR,KAAK;KACL,QAAQ;KACR,QAAQ;KACR,OAAO;KACP,QAAQ;KACR,QAAQ;KACR,UAAU;IACZ;GACF,CAAC;QACI;IACL,MAAM,EAAE,KAAK,WAAW,eAAe;KAAE,OAAO;KAAc;KAAW;IAAQ,CAAC;IAClF,IAAI,UAAU,GACZ;IAEF,OAAO,sBAAsB,SAAS,GAAG,CAAC,KAAK;KAC7C,GAAG;KACH,UAAU;MAAE;MAAK;MAAQ,QAAQ;MAAO,OAAO;MAAK,QAAQ;MAAG,QAAQ;MAAG,UAAU;KAAE;IACxF,CAAC;GACH;EACF;CACF;CAEA,OAAO;AACT"}