@mantine/schedule 9.6.0 → 9.6.2

package/cjs/components/MobileMonthView/MobileMonthView.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileMonthView.cjs","names":["createVarsResolver","getRadius","factory","useProps","useDatesContext","useMantineTheme","useUncontrolled","toDateString","useStyles","useRef","expandRecurringEvents","getMobileMonthViewEvents","getWeekdaysNames","getMonthDays","isSameMonth","getThemeColor","UnstyledButton","getWeekNumber","sortEvents","Box","Text","React","formatDate","useDirection","AccordionChevron","getLabel","classes"],"sources":["../../../src/components/MobileMonthView/MobileMonthView.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport React, { useRef } from 'react';\nimport {\n  AccordionChevron,\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  getThemeColor,\n  MantineRadius,\n  StylesApiProps,\n  Text,\n  UnstyledButton,\n  useDirection,\n  useMantineTheme,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { getLabel, ScheduleLabelsOverride } from '../../labels';\nimport {\n  DateLabelFormat,\n  DateStringValue,\n  DayOfWeek,\n  ScheduleEventData,\n  ScheduleMode,\n} from '../../types';\nimport {\n  expandRecurringEvents,\n  formatDate,\n  getMonthDays,\n  getWeekdaysNames,\n  getWeekNumber,\n  isSameMonth,\n  sortEvents,\n  toDateString,\n} from '../../utils';\nimport {\n  handleMonthViewKeyDown,\n  MonthViewControlsRef,\n} from '../MonthView/handle-month-view-key-down';\nimport { RenderEvent } from '../ScheduleEvent/ScheduleEvent';\nimport { getMobileMonthViewEvents } from './get-mobile-month-view-events';\nimport classes from './MobileMonthView.module.css';\n\nexport type MobileMonthViewStylesNames =\n  | 'mobileMonthView'\n  | 'mobileMonthViewHeader'\n  | 'mobileMonthViewHeaderBackButton'\n  | 'mobileMonthViewHeaderLabel'\n  | 'mobileMonthViewCalendar'\n  | 'mobileMonthViewWeekdays'\n  | 'mobileMonthViewWeekday'\n  | 'mobileMonthViewWeekdaysCorner'\n  | 'mobileMonthViewWeek'\n  | 'mobileMonthViewWeekNumber'\n  | 'mobileMonthViewDay'\n  | 'mobileMonthViewDayIndicators'\n  | 'mobileMonthViewDayIndicator'\n  | 'mobileMonthViewEventsList'\n  | 'mobileMonthViewEventsHeader'\n  | 'mobileMonthViewEvent'\n  | 'mobileMonthViewEventColor'\n  | 'mobileMonthViewEventBody'\n  | 'mobileMonthViewEventTitle'\n  | 'mobileMonthViewEventTime'\n  | 'mobileMonthViewNoEvents';\n\nexport type MobileMonthViewCssVariables = {\n  mobileMonthView: '--mobile-month-view-radius';\n};\n\nexport interface MobileMonthViewRenderHeaderInput {\n  /** Current interaction mode */\n  mode: ScheduleMode;\n  /** Current date displayed in the view */\n  date: Date | string;\n  /** Default header element */\n  defaultHeader: React.ReactNode;\n}\n\nexport interface MobileMonthViewProps\n  extends BoxProps, StylesApiProps<MobileMonthViewFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Date to display, Date object or date string in `YYYY-MM-DD 00:00:00` 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  /** Currently selected date (controlled) */\n  selectedDate?: Date | string | null;\n\n  /** Default selected date (uncontrolled) */\n  defaultSelectedDate?: Date | string | null;\n\n  /** Called when selected date changes */\n  onSelectedDateChange?: (value: DateStringValue | null) => void;\n\n  /** If set, week numbers are displayed in the first column @default false */\n  withWeekNumbers?: boolean;\n\n  /** If set, weekdays names are displayed in the first row @default true */\n  withWeekDays?: boolean;\n\n  /** Locale passed down to dayjs, overrides value defined on `DatesProvider` */\n  locale?: string;\n\n  /** Number 0-6, where 0 – Sunday and 6 – Saturday. @default 1 – Monday */\n  firstDayOfWeek?: DayOfWeek;\n\n  /** `dayjs` format for weekdays names. By default, the first letter of the weekday. */\n  weekdayFormat?: DateLabelFormat;\n\n  /** Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`. */\n  weekendDays?: DayOfWeek[];\n\n  /** Props passed down to the week number button */\n  getWeekNumberProps?: (weekStartDate: DateStringValue) => Record<string, any>;\n\n  /** Props passed down to the day button */\n  getDayProps?: (date: DateStringValue) => Record<string, any>;\n\n  /** Called when day is clicked */\n  onDayClick?: (date: DateStringValue, event: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** Called with first day of the week when week number is clicked */\n  onWeekNumberClick?: (date: DateStringValue, event: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** If set, always renders 6 weeks in the month view @default true */\n  consistentWeeks?: boolean;\n\n  /** If set, highlights the current day @default true */\n  highlightToday?: 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, days from the previous and next months are displayed to fill the weeks @default false */\n  withOutsideDays?: boolean;\n\n  /** Events to display */\n  events?: ScheduleEventData[];\n\n  /** Labels override for i18n */\n  labels?: ScheduleLabelsOverride;\n\n  /** Interaction mode: 'default' allows all interactions, 'static' disables event interactions @default 'default' */\n  mode?: ScheduleMode;\n\n  /** Function to fully customize event rendering, receives all props that would be passed to the root element including children */\n  renderEvent?: RenderEvent;\n\n  /** Format for the events list header date @default 'dddd, MMMM D' */\n  eventsHeaderFormat?: DateLabelFormat;\n\n  /** Called when the year back button in the header is clicked */\n  onYearClick?: () => void;\n\n  /** Called when event is clicked */\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** Custom header renderer, receives object with mode, date, and default header element */\n  renderHeader?: (input: MobileMonthViewRenderHeaderInput) => React.ReactNode;\n\n  /** Max number of generated recurring instances per recurring series @default 2000 */\n  recurrenceExpansionLimit?: number;\n}\n\nexport type MobileMonthViewFactory = Factory<{\n  props: MobileMonthViewProps;\n  ref: HTMLDivElement;\n  stylesNames: MobileMonthViewStylesNames;\n  vars: MobileMonthViewCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'MobileMonthView',\n  withWeekDays: true,\n  consistentWeeks: true,\n  highlightToday: true,\n  mode: 'default',\n  eventsHeaderFormat: 'dddd, MMMM D',\n} satisfies Partial<MobileMonthViewProps>;\n\nconst varsResolver = createVarsResolver<MobileMonthViewFactory>((_theme, { radius }) => ({\n  mobileMonthView: {\n    '--mobile-month-view-radius': getRadius(radius),\n  },\n}));\n\nexport const MobileMonthView = factory<MobileMonthViewFactory>((_props) => {\n  const props = useProps('MobileMonthView', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    __staticSelector,\n    date,\n    onDateChange,\n    selectedDate,\n    defaultSelectedDate,\n    onSelectedDateChange,\n    withWeekNumbers,\n    withWeekDays,\n    locale,\n    firstDayOfWeek,\n    weekdayFormat,\n    weekendDays,\n    getWeekNumberProps,\n    getDayProps,\n    onDayClick,\n    onWeekNumberClick,\n    consistentWeeks,\n    highlightToday,\n    radius,\n    withOutsideDays,\n    events,\n    labels,\n    mode,\n    renderEvent,\n    eventsHeaderFormat,\n    onYearClick,\n    onEventClick,\n    renderHeader,\n    recurrenceExpansionLimit,\n    ...others\n  } = props;\n\n  const ctx = useDatesContext();\n  const theme = useMantineTheme();\n  const today = dayjs();\n\n  const [_selectedDate, _setSelectedDate] = useUncontrolled<Date | string | null>({\n    value: selectedDate,\n    defaultValue: defaultSelectedDate ?? toDateString(today),\n    onChange: (value) => onSelectedDateChange?.(value ? toDateString(dayjs(value)) : null),\n  });\n\n  const getStyles = useStyles<MobileMonthViewFactory>({\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: 'mobileMonthView',\n  });\n\n  const daysRef: MonthViewControlsRef = useRef<HTMLButtonElement[][]>([]);\n  const firstDayPosition = useRef<{ weekIndex: number; dayIndex: number } | null>(null);\n\n  const expandedEvents = expandRecurringEvents({\n    events,\n    rangeStart: dayjs(date).startOf('month').toDate(),\n    rangeEnd: dayjs(date).endOf('month').toDate(),\n    expansionLimit: recurrenceExpansionLimit,\n  });\n\n  const groupedEvents = getMobileMonthViewEvents({ date, events: expandedEvents });\n\n  const weekdays = withWeekDays\n    ? getWeekdaysNames({\n        locale: ctx.getLocale(locale),\n        format: weekdayFormat,\n        firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n      }).map((day, index) => (\n        <div {...getStyles('mobileMonthViewWeekday')} key={index}>\n          {day}\n        </div>\n      ))\n    : null;\n\n  const weeks = getMonthDays({\n    month: dayjs(date).format('YYYY-MM-DD'),\n    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n    consistentWeeks,\n  }).map((week, weekIndex) => {\n    const days = week.map((dayDate, dayIndex) => {\n      const outside = !isSameMonth(dayDate, date);\n      const weekend = ctx.getWeekendDays(weekendDays).includes(dayjs(dayDate).day());\n      const ariaLabel = dayjs(dayDate)\n        .locale(locale || ctx.locale)\n        .format('MMMM D, YYYY');\n\n      const dayProps = getDayProps?.(dayjs(dayDate).format('YYYY-MM-DD')) || {};\n      const isToday = dayjs(dayDate).isSame(today, 'day') && highlightToday;\n      const isSelected = _selectedDate && dayjs(dayDate).isSame(dayjs(_selectedDate), 'day');\n      const dayEvents = groupedEvents[dayjs(dayDate).format('YYYY-MM-DD')] || [];\n\n      const shouldRender = withOutsideDays || !outside;\n\n      if (shouldRender && firstDayPosition.current === null) {\n        firstDayPosition.current = { weekIndex, dayIndex };\n      }\n\n      const isFirstDay =\n        firstDayPosition.current?.weekIndex === weekIndex &&\n        firstDayPosition.current?.dayIndex === dayIndex;\n\n      const indicators = dayEvents.slice(0, 3).map((event) => (\n        <div\n          {...getStyles('mobileMonthViewDayIndicator', {\n            style: { backgroundColor: getThemeColor(event.color, theme) },\n          })}\n          key={event.id}\n        />\n      ));\n\n      const handleDayClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        const dateStr = dayjs(dayDate).format('YYYY-MM-DD');\n        _setSelectedDate(dateStr);\n        onDayClick?.(dateStr, event);\n        dayProps.onClick?.(event);\n      };\n\n      const handleDayKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n        handleMonthViewKeyDown({\n          controlsRef: daysRef,\n          weekIndex,\n          dayIndex,\n          event,\n        });\n      };\n\n      return (\n        <UnstyledButton\n          aria-label={ariaLabel}\n          aria-selected={isSelected || undefined}\n          {...dayProps}\n          {...getStyles('mobileMonthViewDay', {\n            className: dayProps.className,\n            style: dayProps.style,\n          })}\n          key={dayDate}\n          ref={(node) => {\n            if (node) {\n              if (!daysRef.current[weekIndex]) {\n                daysRef.current[weekIndex] = [];\n              }\n              daysRef.current[weekIndex][dayIndex] = node;\n            }\n          }}\n          mod={[\n            {\n              outside,\n              weekend,\n              today: isToday,\n              selected: isSelected,\n              static: mode === 'static',\n              hidden: !shouldRender,\n            },\n            dayProps.mod,\n          ]}\n          tabIndex={mode === 'static' || !shouldRender ? -1 : isFirstDay ? 0 : -1}\n          onClick={mode === 'static' || !shouldRender ? undefined : handleDayClick}\n          onKeyDown={mode === 'static' || !shouldRender ? undefined : handleDayKeyDown}\n        >\n          {shouldRender ? dayjs(dayDate).format('D') : null}\n          {shouldRender && <div {...getStyles('mobileMonthViewDayIndicators')}>{indicators}</div>}\n        </UnstyledButton>\n      );\n    });\n\n    const weekNumberProps = getWeekNumberProps?.(dayjs(week[0]).format('YYYY-MM-DD')) || {};\n    const weekNumber = getWeekNumber(week);\n\n    return (\n      <div {...getStyles('mobileMonthViewWeek')} key={weekIndex}>\n        {withWeekNumbers && (\n          <UnstyledButton\n            key={weekNumber}\n            aria-label={`Week ${weekNumber}`}\n            {...weekNumberProps}\n            onClick={\n              mode === 'static'\n                ? undefined\n                : (event) => {\n                    onWeekNumberClick?.(dayjs(week[0]).format('YYYY-MM-DD'), event);\n                    weekNumberProps.onClick?.(event);\n                  }\n            }\n            mod={{ static: mode === 'static' }}\n            tabIndex={mode === 'static' ? -1 : 0}\n            {...getStyles('mobileMonthViewWeekNumber', {\n              className: weekNumberProps.className,\n              style: weekNumberProps.style,\n            })}\n          >\n            {weekNumber}\n          </UnstyledButton>\n        )}\n        {days}\n      </div>\n    );\n  });\n\n  const selectedDateEvents = _selectedDate\n    ? sortEvents(groupedEvents[dayjs(_selectedDate).format('YYYY-MM-DD')] || [])\n    : [];\n\n  const eventsList = selectedDateEvents.map((event) => {\n    const startTime = dayjs(event.start).format('HH:mm');\n    const endTime = dayjs(event.end).format('HH:mm');\n    const isAllDay = startTime === '00:00' && endTime === '00:00';\n\n    const eventChildren = (\n      <Box {...getStyles('mobileMonthViewEventBody')}>\n        <div\n          {...getStyles('mobileMonthViewEventColor', {\n            style: { backgroundColor: getThemeColor(event.color, theme) },\n          })}\n        />\n        <div>\n          <Text {...getStyles('mobileMonthViewEventTitle')}>{event.title}</Text>\n          <Text {...getStyles('mobileMonthViewEventTime')}>\n            {isAllDay ? 'All day' : `${startTime} – ${endTime}`}\n          </Text>\n        </div>\n      </Box>\n    );\n\n    const rootProps: React.ComponentPropsWithoutRef<'button'> & { children: React.ReactNode } = {\n      ...getStyles('mobileMonthViewEvent'),\n      onClick:\n        mode === 'static'\n          ? undefined\n          : (e: React.MouseEvent<HTMLButtonElement>) => {\n              onEventClick?.(event, e);\n            },\n      tabIndex: mode === 'static' ? -1 : 0,\n      children: eventChildren,\n    };\n\n    if (typeof renderEvent === 'function') {\n      return <React.Fragment key={event.id}>{renderEvent(event, rootProps)}</React.Fragment>;\n    }\n\n    return <UnstyledButton {...rootProps} key={event.id} />;\n  });\n\n  const eventsHeader = _selectedDate\n    ? formatDate({\n        locale: ctx.getLocale(locale),\n        date: _selectedDate,\n        format: eventsHeaderFormat,\n      })\n    : '';\n\n  const { dir } = useDirection();\n\n  const headerLabel = formatDate({ locale: ctx.getLocale(locale), date, format: 'MMMM YYYY' });\n\n  const defaultHeader = (\n    <>\n      <UnstyledButton\n        {...getStyles('mobileMonthViewHeaderBackButton')}\n        onClick={onYearClick}\n        mod={{ static: mode === 'static' }}\n        tabIndex={mode === 'static' ? -1 : 0}\n      >\n        <AccordionChevron\n          style={{ transform: `rotate(${dir === 'rtl' ? -90 : 90}deg)` }}\n          size={20}\n        />\n        {dayjs(date).format('YYYY')}\n      </UnstyledButton>\n      <Text {...getStyles('mobileMonthViewHeaderLabel')}>{headerLabel}</Text>\n    </>\n  );\n\n  return (\n    <Box\n      {...getStyles('mobileMonthView')}\n      mod={{ 'with-week-numbers': withWeekNumbers }}\n      {...others}\n    >\n      <div {...getStyles('mobileMonthViewHeader')}>\n        {typeof renderHeader === 'function'\n          ? renderHeader({ mode: mode!, date, defaultHeader })\n          : defaultHeader}\n      </div>\n\n      <Box {...getStyles('mobileMonthViewCalendar')} mod={{ 'with-weekdays': withWeekDays }}>\n        {weekdays && (\n          <div {...getStyles('mobileMonthViewWeekdays')}>\n            {withWeekNumbers && <div {...getStyles('mobileMonthViewWeekdaysCorner')} />}\n            {weekdays}\n          </div>\n        )}\n        {weeks}\n      </Box>\n\n      <Box {...getStyles('mobileMonthViewEventsList')}>\n        <Text {...getStyles('mobileMonthViewEventsHeader')}>{eventsHeader}</Text>\n\n        {eventsList.length > 0 ? (\n          eventsList\n        ) : (\n          <Text {...getStyles('mobileMonthViewNoEvents')}>{getLabel('noEvents', labels)}</Text>\n        )}\n      </Box>\n    </Box>\n  );\n});\n\nMobileMonthView.displayName = '@mantine/schedule/MobileMonthView';\nMobileMonthView.classes = classes;\nMobileMonthView.varsResolver = varsResolver;\n\nexport namespace MobileMonthView {\n  export type Props = MobileMonthViewProps;\n  export type Factory = MobileMonthViewFactory;\n  export type StylesNames = MobileMonthViewStylesNames;\n  export type CssVariables = MobileMonthViewCssVariables;\n}\n"],"mappings":"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"}
+{"version":3,"file":"MobileMonthView.cjs","names":["createVarsResolver","getRadius","factory","useProps","useDatesContext","useMantineTheme","useUncontrolled","toDateString","useStyles","useRef","expandRecurringEvents","getMobileMonthViewEvents","getWeekdaysNames","getMonthDays","isSameMonth","getThemeColor","UnstyledButton","getWeekNumber","sortEvents","Box","Text","getLabel","React","formatDate","useDirection","AccordionChevron","classes"],"sources":["../../../src/components/MobileMonthView/MobileMonthView.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport React, { useRef } from 'react';\nimport {\n  AccordionChevron,\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  getThemeColor,\n  MantineRadius,\n  StylesApiProps,\n  Text,\n  UnstyledButton,\n  useDirection,\n  useMantineTheme,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { getLabel, ScheduleLabelsOverride } from '../../labels';\nimport {\n  DateLabelFormat,\n  DateStringValue,\n  DayOfWeek,\n  ScheduleEventData,\n  ScheduleMode,\n} from '../../types';\nimport {\n  expandRecurringEvents,\n  formatDate,\n  getMonthDays,\n  getWeekdaysNames,\n  getWeekNumber,\n  isSameMonth,\n  sortEvents,\n  toDateString,\n} from '../../utils';\nimport {\n  handleMonthViewKeyDown,\n  MonthViewControlsRef,\n} from '../MonthView/handle-month-view-key-down';\nimport { RenderEvent } from '../ScheduleEvent/ScheduleEvent';\nimport { getMobileMonthViewEvents } from './get-mobile-month-view-events';\nimport classes from './MobileMonthView.module.css';\n\nexport type MobileMonthViewStylesNames =\n  | 'mobileMonthView'\n  | 'mobileMonthViewHeader'\n  | 'mobileMonthViewHeaderBackButton'\n  | 'mobileMonthViewHeaderLabel'\n  | 'mobileMonthViewCalendar'\n  | 'mobileMonthViewWeekdays'\n  | 'mobileMonthViewWeekday'\n  | 'mobileMonthViewWeekdaysCorner'\n  | 'mobileMonthViewWeek'\n  | 'mobileMonthViewWeekNumber'\n  | 'mobileMonthViewDay'\n  | 'mobileMonthViewDayIndicators'\n  | 'mobileMonthViewDayIndicator'\n  | 'mobileMonthViewEventsList'\n  | 'mobileMonthViewEventsHeader'\n  | 'mobileMonthViewEvent'\n  | 'mobileMonthViewEventColor'\n  | 'mobileMonthViewEventBody'\n  | 'mobileMonthViewEventTitle'\n  | 'mobileMonthViewEventTime'\n  | 'mobileMonthViewNoEvents';\n\nexport type MobileMonthViewCssVariables = {\n  mobileMonthView: '--mobile-month-view-radius';\n};\n\nexport interface MobileMonthViewRenderHeaderInput {\n  /** Current interaction mode */\n  mode: ScheduleMode;\n  /** Current date displayed in the view */\n  date: Date | string;\n  /** Default header element */\n  defaultHeader: React.ReactNode;\n}\n\nexport interface MobileMonthViewProps\n  extends BoxProps, StylesApiProps<MobileMonthViewFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Date to display, Date object or date string in `YYYY-MM-DD 00:00:00` 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  /** Currently selected date (controlled) */\n  selectedDate?: Date | string | null;\n\n  /** Default selected date (uncontrolled) */\n  defaultSelectedDate?: Date | string | null;\n\n  /** Called when selected date changes */\n  onSelectedDateChange?: (value: DateStringValue | null) => void;\n\n  /** If set, week numbers are displayed in the first column @default false */\n  withWeekNumbers?: boolean;\n\n  /** If set, weekdays names are displayed in the first row @default true */\n  withWeekDays?: boolean;\n\n  /** Locale passed down to dayjs, overrides value defined on `DatesProvider` */\n  locale?: string;\n\n  /** Number 0-6, where 0 – Sunday and 6 – Saturday. @default 1 – Monday */\n  firstDayOfWeek?: DayOfWeek;\n\n  /** `dayjs` format for weekdays names. By default, the first letter of the weekday. */\n  weekdayFormat?: DateLabelFormat;\n\n  /** Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`. */\n  weekendDays?: DayOfWeek[];\n\n  /** Props passed down to the week number button */\n  getWeekNumberProps?: (weekStartDate: DateStringValue) => Record<string, any>;\n\n  /** Props passed down to the day button */\n  getDayProps?: (date: DateStringValue) => Record<string, any>;\n\n  /** Called when day is clicked */\n  onDayClick?: (date: DateStringValue, event: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** Called with first day of the week when week number is clicked */\n  onWeekNumberClick?: (date: DateStringValue, event: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** If set, always renders 6 weeks in the month view @default true */\n  consistentWeeks?: boolean;\n\n  /** If set, highlights the current day @default true */\n  highlightToday?: 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, days from the previous and next months are displayed to fill the weeks @default false */\n  withOutsideDays?: boolean;\n\n  /** Events to display */\n  events?: ScheduleEventData[];\n\n  /** Labels override for i18n */\n  labels?: ScheduleLabelsOverride;\n\n  /** Interaction mode: 'default' allows all interactions, 'static' disables event interactions @default 'default' */\n  mode?: ScheduleMode;\n\n  /** Function to fully customize event rendering, receives all props that would be passed to the root element including children */\n  renderEvent?: RenderEvent;\n\n  /** Format for the events list header date @default 'dddd, MMMM D' */\n  eventsHeaderFormat?: DateLabelFormat;\n\n  /** Called when the year back button in the header is clicked */\n  onYearClick?: () => void;\n\n  /** Called when event is clicked */\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** Custom header renderer, receives object with mode, date, and default header element */\n  renderHeader?: (input: MobileMonthViewRenderHeaderInput) => React.ReactNode;\n\n  /** Max number of generated recurring instances per recurring series @default 2000 */\n  recurrenceExpansionLimit?: number;\n}\n\nexport type MobileMonthViewFactory = Factory<{\n  props: MobileMonthViewProps;\n  ref: HTMLDivElement;\n  stylesNames: MobileMonthViewStylesNames;\n  vars: MobileMonthViewCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'MobileMonthView',\n  withWeekDays: true,\n  consistentWeeks: true,\n  highlightToday: true,\n  mode: 'default',\n  eventsHeaderFormat: 'dddd, MMMM D',\n} satisfies Partial<MobileMonthViewProps>;\n\nconst varsResolver = createVarsResolver<MobileMonthViewFactory>((_theme, { radius }) => ({\n  mobileMonthView: {\n    '--mobile-month-view-radius': getRadius(radius),\n  },\n}));\n\nexport const MobileMonthView = factory<MobileMonthViewFactory>((_props) => {\n  const props = useProps('MobileMonthView', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    __staticSelector,\n    date,\n    onDateChange,\n    selectedDate,\n    defaultSelectedDate,\n    onSelectedDateChange,\n    withWeekNumbers,\n    withWeekDays,\n    locale,\n    firstDayOfWeek,\n    weekdayFormat,\n    weekendDays,\n    getWeekNumberProps,\n    getDayProps,\n    onDayClick,\n    onWeekNumberClick,\n    consistentWeeks,\n    highlightToday,\n    radius,\n    withOutsideDays,\n    events,\n    labels,\n    mode,\n    renderEvent,\n    eventsHeaderFormat,\n    onYearClick,\n    onEventClick,\n    renderHeader,\n    recurrenceExpansionLimit,\n    ...others\n  } = props;\n\n  const ctx = useDatesContext();\n  const theme = useMantineTheme();\n  const today = dayjs();\n\n  const [_selectedDate, _setSelectedDate] = useUncontrolled<Date | string | null>({\n    value: selectedDate,\n    defaultValue: defaultSelectedDate ?? toDateString(today),\n    onChange: (value) => onSelectedDateChange?.(value ? toDateString(dayjs(value)) : null),\n  });\n\n  const getStyles = useStyles<MobileMonthViewFactory>({\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: 'mobileMonthView',\n  });\n\n  const daysRef: MonthViewControlsRef = useRef<HTMLButtonElement[][]>([]);\n  const firstDayPosition = useRef<{ weekIndex: number; dayIndex: number } | null>(null);\n\n  const expandedEvents = expandRecurringEvents({\n    events,\n    rangeStart: dayjs(date).startOf('month').toDate(),\n    rangeEnd: dayjs(date).endOf('month').toDate(),\n    expansionLimit: recurrenceExpansionLimit,\n  });\n\n  const groupedEvents = getMobileMonthViewEvents({ date, events: expandedEvents });\n\n  const weekdays = withWeekDays\n    ? getWeekdaysNames({\n        locale: ctx.getLocale(locale),\n        format: weekdayFormat,\n        firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n      }).map((day, index) => (\n        <div {...getStyles('mobileMonthViewWeekday')} key={index}>\n          {day}\n        </div>\n      ))\n    : null;\n\n  const weeks = getMonthDays({\n    month: dayjs(date).format('YYYY-MM-DD'),\n    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n    consistentWeeks,\n  }).map((week, weekIndex) => {\n    const days = week.map((dayDate, dayIndex) => {\n      const outside = !isSameMonth(dayDate, date);\n      const weekend = ctx.getWeekendDays(weekendDays).includes(dayjs(dayDate).day());\n      const ariaLabel = dayjs(dayDate)\n        .locale(locale || ctx.locale)\n        .format('MMMM D, YYYY');\n\n      const dayProps = getDayProps?.(dayjs(dayDate).format('YYYY-MM-DD')) || {};\n      const isToday = dayjs(dayDate).isSame(today, 'day') && highlightToday;\n      const isSelected = _selectedDate && dayjs(dayDate).isSame(dayjs(_selectedDate), 'day');\n      const dayEvents = groupedEvents[dayjs(dayDate).format('YYYY-MM-DD')] || [];\n\n      const shouldRender = withOutsideDays || !outside;\n\n      if (shouldRender && firstDayPosition.current === null) {\n        firstDayPosition.current = { weekIndex, dayIndex };\n      }\n\n      const isFirstDay =\n        firstDayPosition.current?.weekIndex === weekIndex &&\n        firstDayPosition.current?.dayIndex === dayIndex;\n\n      const indicators = dayEvents.slice(0, 3).map((event) => (\n        <div\n          {...getStyles('mobileMonthViewDayIndicator', {\n            style: { backgroundColor: getThemeColor(event.color, theme) },\n          })}\n          key={event.id}\n        />\n      ));\n\n      const handleDayClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        const dateStr = dayjs(dayDate).format('YYYY-MM-DD');\n        _setSelectedDate(dateStr);\n        onDayClick?.(dateStr, event);\n        dayProps.onClick?.(event);\n      };\n\n      const handleDayKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n        handleMonthViewKeyDown({\n          controlsRef: daysRef,\n          weekIndex,\n          dayIndex,\n          event,\n        });\n      };\n\n      return (\n        <UnstyledButton\n          aria-label={ariaLabel}\n          aria-selected={isSelected || undefined}\n          {...dayProps}\n          {...getStyles('mobileMonthViewDay', {\n            className: dayProps.className,\n            style: dayProps.style,\n          })}\n          key={dayDate}\n          ref={(node) => {\n            if (node) {\n              if (!daysRef.current[weekIndex]) {\n                daysRef.current[weekIndex] = [];\n              }\n              daysRef.current[weekIndex][dayIndex] = node;\n            }\n          }}\n          mod={[\n            {\n              outside,\n              weekend,\n              today: isToday,\n              selected: isSelected,\n              static: mode === 'static',\n              hidden: !shouldRender,\n            },\n            dayProps.mod,\n          ]}\n          tabIndex={mode === 'static' || !shouldRender ? -1 : isFirstDay ? 0 : -1}\n          onClick={mode === 'static' || !shouldRender ? undefined : handleDayClick}\n          onKeyDown={mode === 'static' || !shouldRender ? undefined : handleDayKeyDown}\n        >\n          {shouldRender ? dayjs(dayDate).format('D') : null}\n          {shouldRender && <div {...getStyles('mobileMonthViewDayIndicators')}>{indicators}</div>}\n        </UnstyledButton>\n      );\n    });\n\n    const weekNumberProps = getWeekNumberProps?.(dayjs(week[0]).format('YYYY-MM-DD')) || {};\n    const weekNumber = getWeekNumber(week);\n\n    return (\n      <div {...getStyles('mobileMonthViewWeek')} key={weekIndex}>\n        {withWeekNumbers && (\n          <UnstyledButton\n            key={weekNumber}\n            aria-label={`Week ${weekNumber}`}\n            {...weekNumberProps}\n            onClick={\n              mode === 'static'\n                ? undefined\n                : (event) => {\n                    onWeekNumberClick?.(dayjs(week[0]).format('YYYY-MM-DD'), event);\n                    weekNumberProps.onClick?.(event);\n                  }\n            }\n            mod={{ static: mode === 'static' }}\n            tabIndex={mode === 'static' ? -1 : 0}\n            {...getStyles('mobileMonthViewWeekNumber', {\n              className: weekNumberProps.className,\n              style: weekNumberProps.style,\n            })}\n          >\n            {weekNumber}\n          </UnstyledButton>\n        )}\n        {days}\n      </div>\n    );\n  });\n\n  const selectedDateEvents = _selectedDate\n    ? sortEvents(groupedEvents[dayjs(_selectedDate).format('YYYY-MM-DD')] || [])\n    : [];\n\n  const eventsList = selectedDateEvents.map((event) => {\n    const startTime = dayjs(event.start).format('HH:mm');\n    const endTime = dayjs(event.end).format('HH:mm');\n    const isAllDay = startTime === '00:00' && endTime === '00:00';\n\n    const eventChildren = (\n      <Box {...getStyles('mobileMonthViewEventBody')}>\n        <div\n          {...getStyles('mobileMonthViewEventColor', {\n            style: { backgroundColor: getThemeColor(event.color, theme) },\n          })}\n        />\n        <div>\n          <Text {...getStyles('mobileMonthViewEventTitle')}>{event.title}</Text>\n          <Text {...getStyles('mobileMonthViewEventTime')}>\n            {isAllDay ? getLabel('allDay', labels) : `${startTime} – ${endTime}`}\n          </Text>\n        </div>\n      </Box>\n    );\n\n    const rootProps: React.ComponentPropsWithoutRef<'button'> & { children: React.ReactNode } = {\n      ...getStyles('mobileMonthViewEvent'),\n      onClick:\n        mode === 'static'\n          ? undefined\n          : (e: React.MouseEvent<HTMLButtonElement>) => {\n              onEventClick?.(event, e);\n            },\n      tabIndex: mode === 'static' ? -1 : 0,\n      children: eventChildren,\n    };\n\n    if (typeof renderEvent === 'function') {\n      return <React.Fragment key={event.id}>{renderEvent(event, rootProps)}</React.Fragment>;\n    }\n\n    return <UnstyledButton {...rootProps} key={event.id} />;\n  });\n\n  const eventsHeader = _selectedDate\n    ? formatDate({\n        locale: ctx.getLocale(locale),\n        date: _selectedDate,\n        format: eventsHeaderFormat,\n      })\n    : '';\n\n  const { dir } = useDirection();\n\n  const headerLabel = formatDate({ locale: ctx.getLocale(locale), date, format: 'MMMM YYYY' });\n\n  const defaultHeader = (\n    <>\n      <UnstyledButton\n        {...getStyles('mobileMonthViewHeaderBackButton')}\n        onClick={onYearClick}\n        mod={{ static: mode === 'static' }}\n        tabIndex={mode === 'static' ? -1 : 0}\n      >\n        <AccordionChevron\n          style={{ transform: `rotate(${dir === 'rtl' ? -90 : 90}deg)` }}\n          size={20}\n        />\n        {dayjs(date).format('YYYY')}\n      </UnstyledButton>\n      <Text {...getStyles('mobileMonthViewHeaderLabel')}>{headerLabel}</Text>\n    </>\n  );\n\n  return (\n    <Box\n      {...getStyles('mobileMonthView')}\n      mod={{ 'with-week-numbers': withWeekNumbers }}\n      {...others}\n    >\n      <div {...getStyles('mobileMonthViewHeader')}>\n        {typeof renderHeader === 'function'\n          ? renderHeader({ mode: mode!, date, defaultHeader })\n          : defaultHeader}\n      </div>\n\n      <Box {...getStyles('mobileMonthViewCalendar')} mod={{ 'with-weekdays': withWeekDays }}>\n        {weekdays && (\n          <div {...getStyles('mobileMonthViewWeekdays')}>\n            {withWeekNumbers && <div {...getStyles('mobileMonthViewWeekdaysCorner')} />}\n            {weekdays}\n          </div>\n        )}\n        {weeks}\n      </Box>\n\n      <Box {...getStyles('mobileMonthViewEventsList')}>\n        <Text {...getStyles('mobileMonthViewEventsHeader')}>{eventsHeader}</Text>\n\n        {eventsList.length > 0 ? (\n          eventsList\n        ) : (\n          <Text {...getStyles('mobileMonthViewNoEvents')}>{getLabel('noEvents', labels)}</Text>\n        )}\n      </Box>\n    </Box>\n  );\n});\n\nMobileMonthView.displayName = '@mantine/schedule/MobileMonthView';\nMobileMonthView.classes = classes;\nMobileMonthView.varsResolver = varsResolver;\n\nexport namespace MobileMonthView {\n  export type Props = MobileMonthViewProps;\n  export type Factory = MobileMonthViewFactory;\n  export type StylesNames = MobileMonthViewStylesNames;\n  export type CssVariables = MobileMonthViewCssVariables;\n}\n"],"mappings":"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"}

package/cjs/components/ResourcesDayView/ResourcesDayView.cjs

@@ -16,6 +16,7 @@ const require_get_ordered_resources = require("../../utils/get-ordered-resources
 const require_handle_resources_grid_key_down = require("../../utils/handle-resources-grid-key-down/handle-resources-grid-key-down.cjs");
 const require_get_group_to_resource_id_map = require("../../utils/get-group-to-resource-id-map/get-group-to-resource-id-map.cjs");
 const require_get_index_from_drag_point = require("../../utils/get-index-from-drag-point/get-index-from-drag-point.cjs");
+const require_get_overlap_clusters = require("../../utils/get-overlap-clusters/get-overlap-clusters.cjs");
 const require_use_drag_drop_handlers = require("../../hooks/use-drag-drop-handlers.cjs");
 const require_use_slot_drag_select = require("../../hooks/use-slot-drag-select.cjs");
 const require_DragContext = require("../DragContext/DragContext.cjs");
@@ -24,7 +25,6 @@ const require_MoreEvents = require("../MoreEvents/MoreEvents.cjs");
 const require_ScheduleBackgroundEvent = require("../ScheduleBackgroundEvent/ScheduleBackgroundEvent.cjs");
 const require_ScheduleHeaderBase = require("../ScheduleHeader/ScheduleHeaderBase.cjs");
 const require_use_horizontal_event_resize = require("../../hooks/use-horizontal-event-resize.cjs");
-const require_get_overlap_clusters = require("./get-overlap-clusters/get-overlap-clusters.cjs");
 const require_get_resources_day_view_events = require("./get-resources-day-view-events/get-resources-day-view-events.cjs");
 const require_ResourcesDayViewColumn = require("./ResourcesDayViewColumn.cjs");
 const require_ResourcesDayView_module = require("./ResourcesDayView.module.cjs");
@@ -209,7 +209,8 @@ const ResourcesDayView = (0, _mantine_core.factory)((_props) => {
 		intervalMinutes,
 		resizeIntervalMinutes: eventResizeInterval,
 		onEventResize,
-		canResizeEvent
+		canResizeEvent,
+		withBackgroundEvents: withInteractiveBackgroundEvents
 	});
 	const withDragHandlers = (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== "static";
 	const handleTimeSlotClick = (resourceId, slotTime, e) => {
@@ -344,19 +345,43 @@ const ResourcesDayView = (0, _mantine_core.factory)((_props) => {
 	};
 	const interactiveBackgroundEvents = withInteractiveBackgroundEvents && mode !== "static";
 	const rows = orderedResources.map((resource, resourceIndex) => {
-		const backgroundEventNodes = [...resourceEvents.backgroundTimedEvents[resource.id] || [], ...resourceEvents.backgroundAllDayEvents[resource.id] || []].map((event) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScheduleBackgroundEvent.ScheduleBackgroundEvent, {
-			event,
-			renderEvent,
-			renderEventBody,
-			interactive: interactiveBackgroundEvents,
-			onEventClick,
-			...getStyles("resourcesDayViewBackgroundEvent", { style: {
-				left: `${event.position.top}%`,
-				width: `${event.position.height}%`,
-				top: 0,
-				height: "100%"
-			} })
-		}, `bg-${event.id}`));
+		const renderBackgroundEvent = (event, allDay) => {
+			const isResizable = !allDay && eventResize.isResizableEvent(event);
+			const resizePosition = eventResize.getResizePosition(event.id);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScheduleBackgroundEvent.ScheduleBackgroundEvent, {
+				event,
+				renderEvent,
+				renderEventBody,
+				interactive: interactiveBackgroundEvents,
+				onEventClick: onEventClick ? (clickedEvent, e) => {
+					if (!eventResize.wasResizing()) onEventClick(clickedEvent, e);
+				} : void 0,
+				withResize: isResizable,
+				isResizing: resizePosition !== null,
+				activeResizeEdge: eventResize.resizingEdge,
+				resizeAxis: "horizontal",
+				resizeHandleProps: getStyles("resourcesDayViewResizeHandle"),
+				onResizeStart: isResizable ? (edge, e) => {
+					const container = rowSlotsContainersRef.current[resourceIndex];
+					if (container) eventResize.handleResizeStart({
+						event,
+						edge,
+						container,
+						originalLeft: event.position.top,
+						originalWidth: event.position.height,
+						eventDate: dateStr,
+						pointerEvent: e
+					});
+				} : void 0,
+				...getStyles("resourcesDayViewBackgroundEvent", { style: {
+					left: `${resizePosition ? resizePosition.left : event.position.top}%`,
+					width: `${resizePosition ? resizePosition.width : event.position.height}%`,
+					top: 0,
+					height: "100%"
+				} })
+			}, `bg-${event.id}`);
+		};
+		const backgroundEventNodes = [...(resourceEvents.backgroundTimedEvents[resource.id] || []).map((event) => renderBackgroundEvent(event, false)), ...(resourceEvents.backgroundAllDayEvents[resource.id] || []).map((event) => renderBackgroundEvent(event, true))];
 		const allRegularEvents = (resourceEvents.regularEvents[resource.id] || []).filter((event) => !require_is_all_day_event.isAllDayEvent({
 			event,
 			date

package/cjs/components/ResourcesDayView/ResourcesDayView.cjs.map

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

package/cjs/components/ResourcesDayView/ResourcesDayView.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ResourcesDayView.module.cjs","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  &:where([data-interactive]) {\n    pointer-events: auto;\n    cursor: pointer;\n    user-select: none;\n\n    @mixin hover {\n      background-color: var(--bg-event-hover);\n    }\n  }\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-event-interaction], [data-slot-dragging])\n  .resourcesDayViewBackgroundEvent {\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\n.resourcesDayViewDragPreview {\n  pointer-events: none;\n  z-index: 3;\n  border-radius: var(--resources-day-view-radius);\n  border: 1px dashed var(--mantine-color-blue-filled);\n  background-color: var(--mantine-color-blue-light);\n  opacity: 0.6;\n}\n"],"mappings":""}
+{"version":3,"file":"ResourcesDayView.module.cjs","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  &:where([data-interactive]) {\n    pointer-events: auto;\n    cursor: pointer;\n    user-select: none;\n\n    @mixin hover {\n      background-color: var(--bg-event-hover);\n    }\n  }\n\n  /* The resized edge repeatedly crosses the pointer, so hover feedback would flicker */\n  &:where([data-resizing]) {\n    @mixin hover {\n      background-color: var(--bg-event-bg);\n    }\n  }\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/* The resizing background event is the one that set `data-event-interaction`, so it must\n   keep capturing pointer events. */\n.resourcesDayView:where([data-event-interaction], [data-slot-dragging])\n  .resourcesDayViewBackgroundEvent:not([data-resizing]) {\n  pointer-events: none;\n\n  & .resourcesDayViewResizeHandle {\n    pointer-events: none;\n    opacity: 0;\n  }\n}\n\n.resourcesDayViewBackgroundEvent {\n  & .resourcesDayViewResizeHandle {\n    background-color: var(--bg-event-color);\n\n    &:where([data-edge='start']) {\n      left: 0;\n    }\n\n    &:where([data-edge='end']) {\n      right: 0;\n    }\n  }\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-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\n.resourcesDayViewDragPreview {\n  pointer-events: none;\n  z-index: 3;\n  border-radius: var(--resources-day-view-radius);\n  border: 1px dashed var(--mantine-color-blue-filled);\n  background-color: var(--mantine-color-blue-light);\n  opacity: 0.6;\n}\n"],"mappings":""}