@mantine/schedule 9.5.1 → 9.6.0

package/cjs/components/MonthView/MonthView.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MonthView.cjs","names":["getVisibleColumnMap","getMonthRange","getMonthViewEvents","expandRecurringEvents","useDragDropHandlers","calculateMonthDropDate","useSlotDragSelect","getMonthDays","isSameMonth","getWeekdaysNames","UnstyledButton","getWeekNumber","clipSpanToVisibleColumns","Box","getRenderableMonthEventSegments","ScheduleEvent","MoreEvents","toDateString","ScheduleHeaderBase","AgendaView","ScrollArea","DragContext","classes"],"sources":["../../../src/components/MonthView/MonthView.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useCallback, useRef, useState } from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  ScrollArea,\n  ScrollAreaProps,\n  StylesApiProps,\n  UnstyledButton,\n  useMantineTheme,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useDragDropHandlers } from '../../hooks/use-drag-drop-handlers';\nimport { useSlotDragSelect } from '../../hooks/use-slot-drag-select';\nimport { ScheduleLabelsOverride } from '../../labels';\nimport {\n  DateLabelFormat,\n  DateStringValue,\n  DateTimeStringValue,\n  DayOfWeek,\n  ScheduleEventData,\n  ScheduleMode,\n  ScheduleViewLevel,\n} from '../../types';\nimport {\n  calculateMonthDropDate,\n  expandRecurringEvents,\n  getMonthDays,\n  getMonthRange,\n  getWeekdaysNames,\n  getWeekNumber,\n  isSameMonth,\n  toDateString,\n} from '../../utils';\nimport { AgendaView, AgendaViewStylesNames } from '../AgendaView/AgendaView';\nimport { DragContext } from '../DragContext/DragContext';\nimport { MoreEvents, MoreEventsProps } from '../MoreEvents/MoreEvents';\nimport { RenderEvent, RenderEventBody, ScheduleEvent } from '../ScheduleEvent/ScheduleEvent';\nimport { MonthYearSelectProps } from '../ScheduleHeader/MonthYearSelect/MonthYearSelect';\nimport { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader';\nimport { ScheduleHeaderBase } from '../ScheduleHeader/ScheduleHeaderBase';\nimport { ViewSelectProps } from '../ScheduleHeader/ViewSelect/ViewSelect';\nimport { getRenderableMonthEventSegments } from './get-renderable-month-event-segments';\nimport { clipSpanToVisibleColumns, getVisibleColumnMap } from './get-visible-columns';\nimport { getMonthViewEvents } from './get-month-view-events/get-month-view-events';\nimport { handleMonthViewKeyDown, MonthViewControlsRef } from './handle-month-view-key-down';\nimport classes from './MonthView.module.css';\n\nexport type MonthViewStylesNames =\n  | 'monthView'\n  | 'monthViewScrollArea'\n  | 'monthViewInner'\n  | 'monthViewWeek'\n  | 'monthViewDay'\n  | 'monthViewDayLabel'\n  | 'monthViewWeekNumber'\n  | 'monthViewWeekday'\n  | 'monthViewWeekdays'\n  | 'monthViewWeekdaysCorner'\n  | 'monthViewEvents'\n  | 'monthViewBackgroundEvent'\n  | CombinedScheduleHeaderStylesNames\n  | AgendaViewStylesNames;\n\nexport type MonthViewCssVariables = {\n  monthView: '--month-view-radius' | '--month-view-max-events';\n};\n\nexport interface MonthViewProps\n  extends BoxProps, StylesApiProps<MonthViewFactory>, 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  /** 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  /** If set, weekend days are displayed. When `false`, days defined by `weekendDays` are hidden and the grid shrinks to the remaining columns @default true */\n  withWeekendDays?: 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 true */\n  withOutsideDays?: boolean;\n\n  /** If set, the header is displayed @default true */\n  withHeader?: boolean;\n\n  /** Props passed down to `MonthYearSelect` component in the header */\n  monthYearSelectProps?: Partial<MonthYearSelectProps>;\n\n  /** Called when view level select button is clicked */\n  onViewChange?: (view: ScheduleViewLevel) => void;\n\n  /** Props passed to previous month control */\n  previousControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to next month control */\n  nextControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to today control */\n  todayControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to view level select */\n  viewSelectProps?: Partial<ViewSelectProps> & DataAttributes;\n\n  /** Events to display */\n  events?: ScheduleEventData[];\n\n  /** Props passed down to `MoreEvents` component */\n  moreEventsProps?: Partial<MoreEventsProps>;\n\n  /** Function to customize event body, `event` object is passed as first argument */\n  renderEventBody?: RenderEventBody;\n\n  /** Function to fully customize event rendering, receives all props that would be passed to the root element including children */\n  renderEvent?: RenderEvent;\n\n  /** If true, events can be dragged and dropped @default false */\n  withEventsDragAndDrop?: boolean;\n\n  /** Called when event is dropped on new date */\n  onEventDrop?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n\n  /** Function to determine if event can be dragged */\n  canDragEvent?: (event: ScheduleEventData) => boolean;\n\n  /** 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 event is clicked */\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** If set, enables drag-to-select day ranges @default false */\n  withDragSlotSelect?: boolean;\n\n  /** Called when a day range is selected by dragging */\n  onSlotDragEnd?: (rangeStart: DateTimeStringValue, rangeEnd: DateTimeStringValue) => void;\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  /** Props passed down to `ScrollArea` component */\n  scrollAreaProps?: Partial<ScrollAreaProps> & DataAttributes;\n\n  /** Called when an external item is dropped onto the schedule. Receives the `DataTransfer` object and the drop target datetime. */\n  onExternalEventDrop?: (dataTransfer: DataTransfer, dropDateTime: DateTimeStringValue) => void;\n\n  /** Max number of generated recurring instances per recurring series @default 2000 */\n  recurrenceExpansionLimit?: number;\n\n  /** Maximum number of events visible per day before \"+more\" indicator shows, value is clamped between 1 and 10 @default 2 */\n  maxEventsPerDay?: number;\n\n  /** If set, displays an Agenda button in the header that opens an agenda list view @default false */\n  withAgenda?: boolean;\n}\n\nexport type MonthViewFactory = Factory<{\n  props: MonthViewProps;\n  ref: HTMLDivElement;\n  stylesNames: MonthViewStylesNames;\n  vars: MonthViewCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<MonthViewFactory>(\n  (_theme, { radius, maxEventsPerDay }) => ({\n    monthView: {\n      '--month-view-radius': radius !== undefined ? getRadius(radius) : undefined,\n      '--month-view-max-events':\n        maxEventsPerDay !== undefined ? `${Math.min(10, Math.max(1, maxEventsPerDay))}` : undefined,\n    },\n  })\n);\n\nconst defaultProps = {\n  __staticSelector: 'MonthView',\n  withWeekDays: true,\n  withWeekendDays: true,\n  consistentWeeks: true,\n  highlightToday: true,\n  withOutsideDays: true,\n  withHeader: true,\n  weekdayFormat: 'ddd',\n  withEventsDragAndDrop: false,\n  withDragSlotSelect: false,\n  mode: 'default',\n} satisfies Partial<MonthViewProps>;\n\nexport const MonthView = factory<MonthViewFactory>((_props) => {\n  const props = useProps('MonthView', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    mod,\n    date,\n    onDateChange,\n    withWeekNumbers,\n    withWeekDays,\n    withWeekendDays,\n    locale,\n    weekdayFormat,\n    firstDayOfWeek,\n    weekendDays,\n    __staticSelector,\n    getDayProps,\n    getWeekNumberProps,\n    onDayClick,\n    onWeekNumberClick,\n    consistentWeeks,\n    highlightToday,\n    radius,\n    withOutsideDays,\n    withHeader,\n    monthYearSelectProps,\n    onViewChange,\n    todayControlProps,\n    nextControlProps,\n    previousControlProps,\n    viewSelectProps,\n    events,\n    moreEventsProps,\n    renderEventBody,\n    renderEvent,\n    withEventsDragAndDrop,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    onEventClick,\n    withDragSlotSelect,\n    onSlotDragEnd,\n    labels,\n    mode,\n    scrollAreaProps,\n    onExternalEventDrop,\n    recurrenceExpansionLimit,\n    maxEventsPerDay: _maxEventsPerDay,\n    withAgenda,\n    ...others\n  } = props;\n\n  const [agendaOpen, setAgendaOpen] = useState(false);\n  const maxEventsPerDay = Math.min(10, Math.max(1, _maxEventsPerDay ?? 2));\n\n  const getStyles = useStyles<MonthViewFactory>({\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: 'monthView',\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<MonthViewFactory>({\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 ctx = useDatesContext();\n\n  const resolvedFirstDayOfWeek = ctx.getFirstDayOfWeek(firstDayOfWeek);\n  const resolvedWeekendDays = ctx.getWeekendDays(weekendDays);\n  const hiddenColumns = withWeekendDays\n    ? []\n    : Array.from({ length: 7 }, (_, index) => index).filter((index) =>\n        resolvedWeekendDays.includes(((resolvedFirstDayOfWeek + index) % 7) as DayOfWeek)\n      );\n  const hiddenColumnSet = new Set(hiddenColumns);\n  const columnsCount = 7 - hiddenColumns.length;\n  const visibleColumnMap = getVisibleColumnMap(hiddenColumns);\n\n  const range = getMonthRange({\n    month: date,\n    withOutsideDays,\n    consistentWeeks,\n    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n  });\n\n  const expandedEvents = expandRecurringEvents({\n    events,\n    rangeStart: dayjs(range.start).startOf('day').toDate(),\n    rangeEnd: dayjs(range.end).endOf('day').toDate(),\n    expansionLimit: recurrenceExpansionLimit,\n  });\n\n  const monthEvents = getMonthViewEvents({\n    date,\n    events: expandedEvents,\n    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n    withOutsideDays,\n    consistentWeeks,\n  });\n\n  const handleExternalDrop = useCallback(\n    (e: React.DragEvent, day: string) => {\n      if (!onExternalEventDrop) {\n        return;\n      }\n      onExternalEventDrop(e.dataTransfer, `${dayjs(day).format('YYYY-MM-DD')} 00:00:00`);\n    },\n    [onExternalEventDrop]\n  );\n\n  const dragDrop = useDragDropHandlers<string>({\n    enabled: withEventsDragAndDrop,\n    mode,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    calculateDropTarget: (targetDay: string, draggedEvent: ScheduleEventData) => {\n      return calculateMonthDropDate({\n        draggedEvent,\n        targetDay,\n      });\n    },\n    onExternalDrop: onExternalEventDrop ? handleExternalDrop : undefined,\n  });\n\n  const withDragHandlers = (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== 'static';\n\n  const flatDaysRef = useRef<string[]>([]);\n\n  const slotDragSelect = useSlotDragSelect({\n    enabled: withDragSlotSelect && mode !== 'static',\n    onDragEnd: (startIndex, endIndex) => {\n      if (!onSlotDragEnd) {\n        return;\n      }\n      const startDay = flatDaysRef.current[startIndex];\n      const endDay = flatDaysRef.current[endIndex];\n      if (startDay && endDay) {\n        onSlotDragEnd(\n          dayjs(startDay).startOf('day').format('YYYY-MM-DD HH:mm:ss'),\n          dayjs(endDay).endOf('day').format('YYYY-MM-DD HH:mm:ss')\n        );\n      }\n    },\n  });\n\n  const daysRef: MonthViewControlsRef = useRef<HTMLButtonElement[][]>([]);\n\n  const monthDays = getMonthDays({\n    month: dayjs(date).format('YYYY-MM-DD 00:00:00'),\n    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n    consistentWeeks: consistentWeeks && withOutsideDays,\n  });\n\n  const firstDayIndex = (() => {\n    for (let weekIndex = 0; weekIndex < monthDays.length; weekIndex++) {\n      const week = monthDays[weekIndex];\n      let visibleDayIndex = -1;\n      for (let dayIndex = 0; dayIndex < week.length; dayIndex++) {\n        if (hiddenColumnSet.has(dayIndex)) {\n          continue;\n        }\n        visibleDayIndex += 1;\n        const day = week[dayIndex];\n        const outside = !isSameMonth(date, day);\n        if (!outside || withOutsideDays) {\n          return { weekIndex, dayIndex: visibleDayIndex };\n        }\n      }\n    }\n    return { weekIndex: 0, dayIndex: 0 };\n  })();\n\n  const weekdays = withWeekDays\n    ? getWeekdaysNames({\n        locale: ctx.getLocale(locale),\n        format: weekdayFormat,\n        firstDayOfWeek: resolvedFirstDayOfWeek,\n      })\n        .map((day, index) => ({ day, index }))\n        .filter(({ index }) => !hiddenColumnSet.has(index))\n        .map(({ day, index }) => (\n          <div {...getStyles('monthViewWeekday')} key={index}>\n            {day}\n          </div>\n        ))\n    : null;\n\n  const monthGroup = 'month';\n  flatDaysRef.current = monthDays\n    .map((week) => week.filter((_, index) => !hiddenColumnSet.has(index)))\n    .flat();\n\n  const weeks = monthDays.map((week, weekIndex) => {\n    daysRef.current[weekIndex] = [];\n\n    const days = week\n      .map((day, columnIndex) => ({ day, columnIndex }))\n      .filter(({ columnIndex }) => !hiddenColumnSet.has(columnIndex))\n      .map(({ day }, dayIndex) => {\n        const outside = !isSameMonth(date, day);\n        const weekend = resolvedWeekendDays.includes(dayjs(day).day());\n        const ariaLabel = dayjs(day)\n          .locale(locale || ctx.locale)\n          .format('MMMM D, YYYY');\n\n        const dayProps = getDayProps?.(dayjs(day).format('YYYY-MM-DD')) || {};\n        const today = dayjs(day).isSame(dayjs(), 'day') && highlightToday;\n\n        if (outside && !withOutsideDays) {\n          return (\n            <div key={day} data-static {...getStyles('monthViewDay', { style: dayProps.style })} />\n          );\n        }\n\n        const isFirstDay =\n          weekIndex === firstDayIndex.weekIndex && dayIndex === firstDayIndex.dayIndex;\n\n        const isDropTarget = dragDrop.isDropTarget(day);\n        const flatIndex = weekIndex * columnsCount + dayIndex;\n        const isDragSelected = slotDragSelect.isSlotSelected(flatIndex, monthGroup);\n\n        return (\n          <UnstyledButton\n            aria-label={ariaLabel}\n            {...dayProps}\n            {...getStyles('monthViewDay', { className: dayProps.className, style: dayProps.style })}\n            key={day}\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            data-drag-slot-index={withDragSlotSelect && mode !== 'static' ? flatIndex : undefined}\n            data-drag-slot-group={withDragSlotSelect && mode !== 'static' ? monthGroup : undefined}\n            onClick={\n              mode === 'static'\n                ? undefined\n                : (event) => {\n                    onDayClick?.(dayjs(day).format('YYYY-MM-DD'), event);\n                    dayProps.onClick?.(event);\n                  }\n            }\n            onPointerDown={\n              withDragSlotSelect && mode !== 'static'\n                ? (e) =>\n                    slotDragSelect.handleSlotPointerDown(\n                      e as React.PointerEvent<HTMLButtonElement>,\n                      flatIndex,\n                      monthGroup\n                    )\n                : undefined\n            }\n            onKeyDown={(event) => {\n              handleMonthViewKeyDown({\n                controlsRef: daysRef,\n                weekIndex,\n                dayIndex,\n                event,\n              });\n              dayProps.onKeyDown?.(event);\n            }}\n            mod={[\n              {\n                outside,\n                weekend,\n                today,\n                'drop-target': isDropTarget,\n                'drag-selected': isDragSelected,\n                static: mode === 'static',\n              },\n              dayProps.mod,\n            ]}\n            data-outside={outside || undefined}\n            tabIndex={mode === 'static' ? -1 : isFirstDay ? 0 : -1}\n            onDragOver={withDragHandlers ? (e) => dragDrop.handleDragOver(e, day) : undefined}\n            onDragLeave={withDragHandlers ? dragDrop.handleDragLeave : undefined}\n            onDrop={withDragHandlers ? (e) => dragDrop.handleDrop(e, day) : undefined}\n          >\n            <span data-today={today || undefined} {...getStyles('monthViewDayLabel')}>\n              {dayjs(day).format('D')}\n            </span>\n          </UnstyledButton>\n        );\n      });\n\n    const weekNumberProps = getWeekNumberProps?.(dayjs(week[0]).format('YYYY-MM-DD')) || {};\n    const weekNumber = getWeekNumber(week);\n\n    const backgroundEventNodes = (monthEvents.backgroundByWeek[weekIndex] || []).flatMap(\n      (event) => {\n        const colors = theme.variantColorResolver({\n          color: event.color || theme.primaryColor,\n          theme,\n          variant: 'light',\n          autoContrast: true,\n        });\n\n        const bgEventBody =\n          typeof renderEventBody === 'function' ? renderEventBody(event) : event.title;\n\n        const startColumn = Math.round(event.position.startOffset / (100 / 7));\n        const span = Math.max(1, Math.round(event.position.width / (100 / 7)));\n        const spans =\n          hiddenColumns.length === 0\n            ? [{ startOffset: event.position.startOffset, width: event.position.width }]\n            : clipSpanToVisibleColumns(\n                startColumn,\n                startColumn + span - 1,\n                visibleColumnMap,\n                columnsCount\n              );\n\n        return spans.map((spanPosition, spanIndex) => {\n          const bgEventProps = {\n            key: `bg-${event.id}-${weekIndex}-${spanIndex}`,\n            ...getStyles('monthViewBackgroundEvent', {\n              style: {\n                left: `calc(${spanPosition.startOffset}% + 2px)`,\n                width: `calc(${spanPosition.width}% - 3px)`,\n              },\n            }),\n            __vars: {\n              '--bg-event-bg': colors.background,\n              '--bg-event-color': colors.color,\n            },\n            children: bgEventBody,\n          };\n\n          if (typeof renderEvent === 'function') {\n            return renderEvent(event, bgEventProps as any);\n          }\n\n          const { key: bgEventKey, ...restBgEventProps } = bgEventProps;\n          return <Box key={bgEventKey} {...restBgEventProps} />;\n        });\n      }\n    );\n\n    const rowHeightPercent = 100 / maxEventsPerDay;\n\n    const eventSegments = getRenderableMonthEventSegments({\n      events: monthEvents.groupedByWeek[weekIndex] || [],\n      groupedByDay: monthEvents.groupedByDay,\n      maxEventsPerDay,\n      week,\n      hiddenColumns,\n      columnsCount,\n    });\n\n    const events = eventSegments.map((segment) => {\n      const isDraggable = dragDrop.isDraggableEvent(segment.event);\n\n      return (\n        <ScheduleEvent\n          key={segment.key}\n          event={segment.event}\n          nowrap\n          autoSize\n          hanging={segment.position.hanging}\n          draggable={isDraggable}\n          renderEventBody={renderEventBody}\n          renderEvent={renderEvent}\n          radius={radius}\n          mode={mode}\n          mod={{ 'clip-start': segment.clipStart, 'clip-end': segment.clipEnd }}\n          onClick={onEventClick ? (e) => onEventClick(segment.event, e) : undefined}\n          style={{\n            position: 'absolute',\n            top: `calc(${segment.position.row * rowHeightPercent}% + 1px)`,\n            left: `calc(${segment.position.startOffset}% + 1px)`,\n            width: `calc(${segment.position.width}% - 2px)`,\n            height: `calc(${rowHeightPercent}% - 2px)`,\n          }}\n        />\n      );\n    });\n\n    const moreEventsNodes = week.map((day, dayIndex) => {\n      if (hiddenColumnSet.has(dayIndex)) {\n        return null;\n      }\n\n      const dayEvents = monthEvents.groupedByDay[day] || [];\n      const hiddenEventsCount = Math.max(0, dayEvents.length - maxEventsPerDay);\n\n      if (hiddenEventsCount <= 0) {\n        return null;\n      }\n\n      const dayStartOffset = (visibleColumnMap[dayIndex] / columnsCount) * 100;\n      const dayWidth = (1 / columnsCount) * 100;\n\n      return (\n        <MoreEvents\n          key={`more-${day}`}\n          events={dayEvents}\n          moreEventsCount={hiddenEventsCount}\n          mode={mode}\n          labels={labels}\n          renderEventBody={renderEventBody}\n          renderEvent={renderEvent}\n          onEventClick={onEventClick}\n          style={{\n            position: 'absolute',\n            top: `calc(100% - 2px)`,\n            left: `calc(${dayStartOffset}% + 1px)`,\n            width: `calc(${dayWidth}% - 1px)`,\n            height: '22px',\n            paddingInline: 4,\n          }}\n          {...moreEventsProps}\n        />\n      );\n    });\n\n    return (\n      <div {...getStyles('monthViewWeek')} 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                    onViewChange?.('week');\n                    onDateChange?.(toDateString(week[0]));\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('monthViewWeekNumber', {\n              className: weekNumberProps.className,\n              style: weekNumberProps.style,\n            })}\n          >\n            {weekNumber}\n          </UnstyledButton>\n        )}\n\n        <div {...getStyles('monthViewEvents')} key=\"week-events\">\n          {backgroundEventNodes}\n          {events}\n          {moreEventsNodes}\n        </div>\n\n        {days}\n      </div>\n    );\n  });\n\n  const content = (\n    <Box\n      mod={[\n        {\n          'with-week-numbers': withWeekNumbers,\n          'with-weekdays': withWeekDays,\n          'without-weekend-days': hiddenColumns.length > 0,\n          static: mode === 'static',\n          'slot-dragging': slotDragSelect.isDragging,\n          'event-interaction': dragDrop.dragContextValue.isDragging,\n        },\n        mod,\n      ]}\n      __vars={hiddenColumns.length > 0 ? { '--month-view-columns': `${columnsCount}` } : undefined}\n      {...getStyles('monthView')}\n      {...others}\n    >\n      {withHeader && (\n        <ScheduleHeaderBase\n          view=\"month\"\n          navigationHandlers={{\n            previous: () => toDateString(dayjs(date).subtract(1, 'month').startOf('month')),\n            next: () => toDateString(dayjs(date).add(1, 'month').startOf('month')),\n            today: () => toDateString(dayjs()),\n          }}\n          control={{\n            monthYearSelect: {\n              locale,\n              yearValue: dayjs(date).get('year'),\n              monthValue: dayjs(date).get('month'),\n              onYearChange: (year) =>\n                onDateChange?.(toDateString(dayjs(date).set('year', year).startOf('month'))),\n              onMonthChange: (month) =>\n                onDateChange?.(toDateString(dayjs(date).set('month', month).startOf('month'))),\n              ...monthYearSelectProps,\n            },\n          }}\n          labels={labels}\n          onDateChange={onDateChange}\n          onViewChange={onViewChange}\n          previousControlProps={previousControlProps}\n          nextControlProps={nextControlProps}\n          todayControlProps={todayControlProps}\n          viewSelectProps={viewSelectProps}\n          stylesApiProps={stylesApiProps}\n          onAgendaClick={withAgenda ? () => setAgendaOpen((v) => !v) : undefined}\n          agendaActive={agendaOpen}\n        />\n      )}\n\n      {agendaOpen && (\n        <AgendaView\n          rangeStart={dayjs(date).startOf('month').format('YYYY-MM-DD')}\n          rangeEnd={dayjs(date).endOf('month').format('YYYY-MM-DD')}\n          events={events}\n          locale={locale}\n          labels={labels}\n          mode={mode}\n          onEventClick={onEventClick}\n          recurrenceExpansionLimit={recurrenceExpansionLimit}\n          {...stylesApiProps}\n        />\n      )}\n\n      {!agendaOpen && (\n        <ScrollArea\n          scrollbarSize={4}\n          {...scrollAreaProps}\n          {...getStyles('monthViewScrollArea', {\n            className: scrollAreaProps?.className,\n            style: scrollAreaProps?.style,\n          })}\n        >\n          <div {...getStyles('monthViewInner')}>\n            {weekdays && (\n              <div {...getStyles('monthViewWeekdays')}>\n                {withWeekNumbers && <div {...getStyles('monthViewWeekdaysCorner')} />}\n                {weekdays}\n              </div>\n            )}\n\n            {weeks}\n          </div>\n        </ScrollArea>\n      )}\n    </Box>\n  );\n\n  if (withEventsDragAndDrop) {\n    return <DragContext.Provider value={dragDrop.dragContextValue}>{content}</DragContext.Provider>;\n  }\n\n  return content;\n});\n\nMonthView.displayName = '@mantine/schedule/MonthView';\nMonthView.classes = classes;\nMonthView.varsResolver = varsResolver;\n\nexport namespace MonthView {\n  export type Props = MonthViewProps;\n  export type Factory = MonthViewFactory;\n  export type StylesNames = MonthViewStylesNames;\n  export type CssVariables = MonthViewCssVariables;\n}\n"],"mappings":"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"}
+{"version":3,"file":"MonthView.cjs","names":["createVarsResolver","getRadius","factory","useProps","useState","useStyles","useResolvedStylesApi","useDatesContext","getVisibleColumnMap","getMonthRange","expandRecurringEvents","getMonthViewEvents","useCallback","useDragDropHandlers","calculateMonthDropDate","useRef","useSlotDragSelect","getMonthDays","isSameMonth","getWeekdaysNames","UnstyledButton","getWeekNumber","clipSpanToVisibleColumns","ScheduleBackgroundEvent","getRenderableMonthEventSegments","ScheduleEvent","MoreEvents","toDateString","Box","ScheduleHeaderBase","AgendaView","ScrollArea","DragContext","classes"],"sources":["../../../src/components/MonthView/MonthView.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useCallback, useRef, useState } from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  ScrollArea,\n  ScrollAreaProps,\n  StylesApiProps,\n  UnstyledButton,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useDragDropHandlers } from '../../hooks/use-drag-drop-handlers';\nimport { useSlotDragSelect } from '../../hooks/use-slot-drag-select';\nimport { ScheduleLabelsOverride } from '../../labels';\nimport {\n  DateLabelFormat,\n  DateStringValue,\n  DateTimeStringValue,\n  DayOfWeek,\n  ScheduleEventData,\n  ScheduleMode,\n  ScheduleViewLevel,\n} from '../../types';\nimport {\n  calculateMonthDropDate,\n  expandRecurringEvents,\n  getMonthDays,\n  getMonthRange,\n  getWeekdaysNames,\n  getWeekNumber,\n  isSameMonth,\n  toDateString,\n} from '../../utils';\nimport { AgendaView, AgendaViewStylesNames } from '../AgendaView/AgendaView';\nimport { DragContext } from '../DragContext/DragContext';\nimport { MoreEvents, MoreEventsProps } from '../MoreEvents/MoreEvents';\nimport { ScheduleBackgroundEvent } from '../ScheduleBackgroundEvent';\nimport { RenderEvent, RenderEventBody, ScheduleEvent } from '../ScheduleEvent/ScheduleEvent';\nimport { MonthYearSelectProps } from '../ScheduleHeader/MonthYearSelect/MonthYearSelect';\nimport { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader';\nimport { ScheduleHeaderBase } from '../ScheduleHeader/ScheduleHeaderBase';\nimport { ViewSelectProps } from '../ScheduleHeader/ViewSelect/ViewSelect';\nimport { getMonthViewEvents } from './get-month-view-events/get-month-view-events';\nimport { getRenderableMonthEventSegments } from './get-renderable-month-event-segments';\nimport { clipSpanToVisibleColumns, getVisibleColumnMap } from './get-visible-columns';\nimport { handleMonthViewKeyDown, MonthViewControlsRef } from './handle-month-view-key-down';\nimport classes from './MonthView.module.css';\n\nexport type MonthViewStylesNames =\n  | 'monthView'\n  | 'monthViewScrollArea'\n  | 'monthViewInner'\n  | 'monthViewWeek'\n  | 'monthViewDay'\n  | 'monthViewDayLabel'\n  | 'monthViewWeekNumber'\n  | 'monthViewWeekday'\n  | 'monthViewWeekdays'\n  | 'monthViewWeekdaysCorner'\n  | 'monthViewEvents'\n  | 'monthViewBackgroundEvent'\n  | CombinedScheduleHeaderStylesNames\n  | AgendaViewStylesNames;\n\nexport type MonthViewCssVariables = {\n  monthView: '--month-view-radius' | '--month-view-max-events';\n};\n\nexport interface MonthViewProps\n  extends BoxProps, StylesApiProps<MonthViewFactory>, 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  /** 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  /** If set, weekend days are displayed. When `false`, days defined by `weekendDays` are hidden and the grid shrinks to the remaining columns @default true */\n  withWeekendDays?: 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 true */\n  withOutsideDays?: boolean;\n\n  /** If set, the header is displayed @default true */\n  withHeader?: boolean;\n\n  /** Props passed down to `MonthYearSelect` component in the header */\n  monthYearSelectProps?: Partial<MonthYearSelectProps>;\n\n  /** Called when view level select button is clicked */\n  onViewChange?: (view: ScheduleViewLevel) => void;\n\n  /** Props passed to previous month control */\n  previousControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to next month control */\n  nextControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to today control */\n  todayControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to view level select */\n  viewSelectProps?: Partial<ViewSelectProps> & DataAttributes;\n\n  /** Events to display */\n  events?: ScheduleEventData[];\n\n  /** Props passed down to `MoreEvents` component */\n  moreEventsProps?: Partial<MoreEventsProps>;\n\n  /** Function to customize event body, `event` object is passed as first argument */\n  renderEventBody?: RenderEventBody;\n\n  /** Function to fully customize event rendering, receives all props that would be passed to the root element including children */\n  renderEvent?: RenderEvent;\n\n  /** If true, events can be dragged and dropped @default false */\n  withEventsDragAndDrop?: boolean;\n\n  /** Called when event is dropped on new date */\n  onEventDrop?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n\n  /** Function to determine if event can be dragged */\n  canDragEvent?: (event: ScheduleEventData) => boolean;\n\n  /** 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 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 day ranges @default false */\n  withDragSlotSelect?: boolean;\n\n  /** Called when a day range is selected by dragging */\n  onSlotDragEnd?: (rangeStart: DateTimeStringValue, rangeEnd: DateTimeStringValue) => void;\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  /** Props passed down to `ScrollArea` component */\n  scrollAreaProps?: Partial<ScrollAreaProps> & DataAttributes;\n\n  /** Called when an external item is dropped onto the schedule. Receives the `DataTransfer` object and the drop target datetime. */\n  onExternalEventDrop?: (dataTransfer: DataTransfer, dropDateTime: DateTimeStringValue) => void;\n\n  /** Max number of generated recurring instances per recurring series @default 2000 */\n  recurrenceExpansionLimit?: number;\n\n  /** Maximum number of events visible per day before \"+more\" indicator shows, value is clamped between 1 and 10 @default 2 */\n  maxEventsPerDay?: number;\n\n  /** If set, displays an Agenda button in the header that opens an agenda list view @default false */\n  withAgenda?: boolean;\n}\n\nexport type MonthViewFactory = Factory<{\n  props: MonthViewProps;\n  ref: HTMLDivElement;\n  stylesNames: MonthViewStylesNames;\n  vars: MonthViewCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<MonthViewFactory>(\n  (_theme, { radius, maxEventsPerDay }) => ({\n    monthView: {\n      '--month-view-radius': radius !== undefined ? getRadius(radius) : undefined,\n      '--month-view-max-events':\n        maxEventsPerDay !== undefined ? `${Math.min(10, Math.max(1, maxEventsPerDay))}` : undefined,\n    },\n  })\n);\n\nconst defaultProps = {\n  __staticSelector: 'MonthView',\n  withWeekDays: true,\n  withWeekendDays: true,\n  consistentWeeks: true,\n  highlightToday: true,\n  withOutsideDays: true,\n  withHeader: true,\n  weekdayFormat: 'ddd',\n  withEventsDragAndDrop: false,\n  withDragSlotSelect: false,\n  mode: 'default',\n  withInteractiveBackgroundEvents: false,\n} satisfies Partial<MonthViewProps>;\n\nexport const MonthView = factory<MonthViewFactory>((_props) => {\n  const props = useProps('MonthView', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    mod,\n    date,\n    onDateChange,\n    withWeekNumbers,\n    withWeekDays,\n    withWeekendDays,\n    locale,\n    weekdayFormat,\n    firstDayOfWeek,\n    weekendDays,\n    __staticSelector,\n    getDayProps,\n    getWeekNumberProps,\n    onDayClick,\n    onWeekNumberClick,\n    consistentWeeks,\n    highlightToday,\n    radius,\n    withOutsideDays,\n    withHeader,\n    monthYearSelectProps,\n    onViewChange,\n    todayControlProps,\n    nextControlProps,\n    previousControlProps,\n    viewSelectProps,\n    events,\n    moreEventsProps,\n    renderEventBody,\n    renderEvent,\n    withEventsDragAndDrop,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    onEventClick,\n    withInteractiveBackgroundEvents,\n    withDragSlotSelect,\n    onSlotDragEnd,\n    labels,\n    mode,\n    scrollAreaProps,\n    onExternalEventDrop,\n    recurrenceExpansionLimit,\n    maxEventsPerDay: _maxEventsPerDay,\n    withAgenda,\n    ...others\n  } = props;\n\n  const [agendaOpen, setAgendaOpen] = useState(false);\n  const maxEventsPerDay = Math.min(10, Math.max(1, _maxEventsPerDay ?? 2));\n\n  const getStyles = useStyles<MonthViewFactory>({\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: 'monthView',\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<MonthViewFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  const stylesApiProps = {\n    classNames: resolvedClassNames,\n    styles: resolvedStyles,\n    attributes,\n    __staticSelector,\n    radius,\n  };\n\n  const ctx = useDatesContext();\n\n  const resolvedFirstDayOfWeek = ctx.getFirstDayOfWeek(firstDayOfWeek);\n  const resolvedWeekendDays = ctx.getWeekendDays(weekendDays);\n  const hiddenColumns = withWeekendDays\n    ? []\n    : Array.from({ length: 7 }, (_, index) => index).filter((index) =>\n        resolvedWeekendDays.includes(((resolvedFirstDayOfWeek + index) % 7) as DayOfWeek)\n      );\n  const hiddenColumnSet = new Set(hiddenColumns);\n  const columnsCount = 7 - hiddenColumns.length;\n  const visibleColumnMap = getVisibleColumnMap(hiddenColumns);\n\n  const range = getMonthRange({\n    month: date,\n    withOutsideDays,\n    consistentWeeks,\n    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n  });\n\n  const expandedEvents = expandRecurringEvents({\n    events,\n    rangeStart: dayjs(range.start).startOf('day').toDate(),\n    rangeEnd: dayjs(range.end).endOf('day').toDate(),\n    expansionLimit: recurrenceExpansionLimit,\n  });\n\n  const monthEvents = getMonthViewEvents({\n    date,\n    events: expandedEvents,\n    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n    withOutsideDays,\n    consistentWeeks,\n  });\n\n  const handleExternalDrop = useCallback(\n    (e: React.DragEvent, day: string) => {\n      if (!onExternalEventDrop) {\n        return;\n      }\n      onExternalEventDrop(e.dataTransfer, `${dayjs(day).format('YYYY-MM-DD')} 00:00:00`);\n    },\n    [onExternalEventDrop]\n  );\n\n  const dragDrop = useDragDropHandlers<string>({\n    enabled: withEventsDragAndDrop,\n    mode,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    calculateDropTarget: (targetDay: string, draggedEvent: ScheduleEventData) => {\n      return calculateMonthDropDate({\n        draggedEvent,\n        targetDay,\n      });\n    },\n    onExternalDrop: onExternalEventDrop ? handleExternalDrop : undefined,\n  });\n\n  const withDragHandlers = (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== 'static';\n\n  const flatDaysRef = useRef<string[]>([]);\n\n  const slotDragSelect = useSlotDragSelect({\n    enabled: withDragSlotSelect && mode !== 'static',\n    onDragEnd: (startIndex, endIndex) => {\n      if (!onSlotDragEnd) {\n        return;\n      }\n      const startDay = flatDaysRef.current[startIndex];\n      const endDay = flatDaysRef.current[endIndex];\n      if (startDay && endDay) {\n        onSlotDragEnd(\n          dayjs(startDay).startOf('day').format('YYYY-MM-DD HH:mm:ss'),\n          dayjs(endDay).endOf('day').format('YYYY-MM-DD HH:mm:ss')\n        );\n      }\n    },\n  });\n\n  const daysRef: MonthViewControlsRef = useRef<HTMLButtonElement[][]>([]);\n\n  const monthDays = getMonthDays({\n    month: dayjs(date).format('YYYY-MM-DD 00:00:00'),\n    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n    consistentWeeks: consistentWeeks && withOutsideDays,\n  });\n\n  const firstDayIndex = (() => {\n    for (let weekIndex = 0; weekIndex < monthDays.length; weekIndex++) {\n      const week = monthDays[weekIndex];\n      let visibleDayIndex = -1;\n      for (let dayIndex = 0; dayIndex < week.length; dayIndex++) {\n        if (hiddenColumnSet.has(dayIndex)) {\n          continue;\n        }\n        visibleDayIndex += 1;\n        const day = week[dayIndex];\n        const outside = !isSameMonth(date, day);\n        if (!outside || withOutsideDays) {\n          return { weekIndex, dayIndex: visibleDayIndex };\n        }\n      }\n    }\n    return { weekIndex: 0, dayIndex: 0 };\n  })();\n\n  const weekdays = withWeekDays\n    ? getWeekdaysNames({\n        locale: ctx.getLocale(locale),\n        format: weekdayFormat,\n        firstDayOfWeek: resolvedFirstDayOfWeek,\n      })\n        .map((day, index) => ({ day, index }))\n        .filter(({ index }) => !hiddenColumnSet.has(index))\n        .map(({ day, index }) => (\n          <div {...getStyles('monthViewWeekday')} key={index}>\n            {day}\n          </div>\n        ))\n    : null;\n\n  const monthGroup = 'month';\n  flatDaysRef.current = monthDays\n    .map((week) => week.filter((_, index) => !hiddenColumnSet.has(index)))\n    .flat();\n\n  const weeks = monthDays.map((week, weekIndex) => {\n    daysRef.current[weekIndex] = [];\n\n    const days = week\n      .map((day, columnIndex) => ({ day, columnIndex }))\n      .filter(({ columnIndex }) => !hiddenColumnSet.has(columnIndex))\n      .map(({ day }, dayIndex) => {\n        const outside = !isSameMonth(date, day);\n        const weekend = resolvedWeekendDays.includes(dayjs(day).day());\n        const ariaLabel = dayjs(day)\n          .locale(locale || ctx.locale)\n          .format('MMMM D, YYYY');\n\n        const dayProps = getDayProps?.(dayjs(day).format('YYYY-MM-DD')) || {};\n        const today = dayjs(day).isSame(dayjs(), 'day') && highlightToday;\n\n        if (outside && !withOutsideDays) {\n          return (\n            <div key={day} data-static {...getStyles('monthViewDay', { style: dayProps.style })} />\n          );\n        }\n\n        const isFirstDay =\n          weekIndex === firstDayIndex.weekIndex && dayIndex === firstDayIndex.dayIndex;\n\n        const isDropTarget = dragDrop.isDropTarget(day);\n        const flatIndex = weekIndex * columnsCount + dayIndex;\n        const isDragSelected = slotDragSelect.isSlotSelected(flatIndex, monthGroup);\n\n        return (\n          <UnstyledButton\n            aria-label={ariaLabel}\n            {...dayProps}\n            {...getStyles('monthViewDay', { className: dayProps.className, style: dayProps.style })}\n            key={day}\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            data-drag-slot-index={withDragSlotSelect && mode !== 'static' ? flatIndex : undefined}\n            data-drag-slot-group={withDragSlotSelect && mode !== 'static' ? monthGroup : undefined}\n            onClick={\n              mode === 'static'\n                ? undefined\n                : (event) => {\n                    onDayClick?.(dayjs(day).format('YYYY-MM-DD'), event);\n                    dayProps.onClick?.(event);\n                  }\n            }\n            onPointerDown={\n              withDragSlotSelect && mode !== 'static'\n                ? (e) =>\n                    slotDragSelect.handleSlotPointerDown(\n                      e as React.PointerEvent<HTMLButtonElement>,\n                      flatIndex,\n                      monthGroup\n                    )\n                : undefined\n            }\n            onKeyDown={(event) => {\n              handleMonthViewKeyDown({\n                controlsRef: daysRef,\n                weekIndex,\n                dayIndex,\n                event,\n              });\n              dayProps.onKeyDown?.(event);\n            }}\n            mod={[\n              {\n                outside,\n                weekend,\n                today,\n                'drop-target': isDropTarget,\n                'drag-selected': isDragSelected,\n                static: mode === 'static',\n              },\n              dayProps.mod,\n            ]}\n            data-outside={outside || undefined}\n            tabIndex={mode === 'static' ? -1 : isFirstDay ? 0 : -1}\n            onDragOver={withDragHandlers ? (e) => dragDrop.handleDragOver(e, day) : undefined}\n            onDragLeave={withDragHandlers ? dragDrop.handleDragLeave : undefined}\n            onDrop={withDragHandlers ? (e) => dragDrop.handleDrop(e, day) : undefined}\n          >\n            <span data-today={today || undefined} {...getStyles('monthViewDayLabel')}>\n              {dayjs(day).format('D')}\n            </span>\n          </UnstyledButton>\n        );\n      });\n\n    const weekNumberProps = getWeekNumberProps?.(dayjs(week[0]).format('YYYY-MM-DD')) || {};\n    const weekNumber = getWeekNumber(week);\n\n    const interactiveBackgroundEvents = withInteractiveBackgroundEvents && mode !== 'static';\n\n    const backgroundEventNodes = (monthEvents.backgroundByWeek[weekIndex] || []).flatMap(\n      (event) => {\n        const startColumn = Math.round(event.position.startOffset / (100 / 7));\n        const span = Math.max(1, Math.round(event.position.width / (100 / 7)));\n        const spans =\n          hiddenColumns.length === 0\n            ? [{ startOffset: event.position.startOffset, width: event.position.width }]\n            : clipSpanToVisibleColumns(\n                startColumn,\n                startColumn + span - 1,\n                visibleColumnMap,\n                columnsCount\n              );\n\n        return spans.map((spanPosition, spanIndex) => (\n          <ScheduleBackgroundEvent\n            key={`bg-${event.id}-${weekIndex}-${spanIndex}`}\n            event={event}\n            renderEvent={renderEvent}\n            renderEventBody={renderEventBody}\n            interactive={interactiveBackgroundEvents}\n            onEventClick={onEventClick}\n            {...getStyles('monthViewBackgroundEvent', {\n              style: {\n                left: `calc(${spanPosition.startOffset}% + 2px)`,\n                width: `calc(${spanPosition.width}% - 3px)`,\n              },\n            })}\n          />\n        ));\n      }\n    );\n\n    const rowHeightPercent = 100 / maxEventsPerDay;\n\n    const eventSegments = getRenderableMonthEventSegments({\n      events: monthEvents.groupedByWeek[weekIndex] || [],\n      groupedByDay: monthEvents.groupedByDay,\n      maxEventsPerDay,\n      week,\n      hiddenColumns,\n      columnsCount,\n    });\n\n    const events = eventSegments.map((segment) => {\n      const isDraggable = dragDrop.isDraggableEvent(segment.event);\n\n      return (\n        <ScheduleEvent\n          key={segment.key}\n          event={segment.event}\n          nowrap\n          autoSize\n          hanging={segment.position.hanging}\n          draggable={isDraggable}\n          renderEventBody={renderEventBody}\n          renderEvent={renderEvent}\n          radius={radius}\n          mode={mode}\n          mod={{ 'clip-start': segment.clipStart, 'clip-end': segment.clipEnd }}\n          onClick={onEventClick ? (e) => onEventClick(segment.event, e) : undefined}\n          style={{\n            position: 'absolute',\n            top: `calc(${segment.position.row * rowHeightPercent}% + 1px)`,\n            left: `calc(${segment.position.startOffset}% + 1px)`,\n            width: `calc(${segment.position.width}% - 2px)`,\n            height: `calc(${rowHeightPercent}% - 2px)`,\n          }}\n        />\n      );\n    });\n\n    const moreEventsNodes = week.map((day, dayIndex) => {\n      if (hiddenColumnSet.has(dayIndex)) {\n        return null;\n      }\n\n      const dayEvents = monthEvents.groupedByDay[day] || [];\n      const hiddenEventsCount = Math.max(0, dayEvents.length - maxEventsPerDay);\n\n      if (hiddenEventsCount <= 0) {\n        return null;\n      }\n\n      const dayStartOffset = (visibleColumnMap[dayIndex] / columnsCount) * 100;\n      const dayWidth = (1 / columnsCount) * 100;\n\n      return (\n        <MoreEvents\n          key={`more-${day}`}\n          events={dayEvents}\n          moreEventsCount={hiddenEventsCount}\n          mode={mode}\n          labels={labels}\n          renderEventBody={renderEventBody}\n          renderEvent={renderEvent}\n          onEventClick={onEventClick}\n          style={{\n            position: 'absolute',\n            top: `calc(100% - 2px)`,\n            left: `calc(${dayStartOffset}% + 1px)`,\n            width: `calc(${dayWidth}% - 1px)`,\n            height: '22px',\n            paddingInline: 4,\n          }}\n          {...moreEventsProps}\n        />\n      );\n    });\n\n    return (\n      <div {...getStyles('monthViewWeek')} 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                    onViewChange?.('week');\n                    onDateChange?.(toDateString(week[0]));\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('monthViewWeekNumber', {\n              className: weekNumberProps.className,\n              style: weekNumberProps.style,\n            })}\n          >\n            {weekNumber}\n          </UnstyledButton>\n        )}\n\n        <div {...getStyles('monthViewEvents')} key=\"week-events\">\n          {backgroundEventNodes}\n          {events}\n          {moreEventsNodes}\n        </div>\n\n        {days}\n      </div>\n    );\n  });\n\n  const content = (\n    <Box\n      mod={[\n        {\n          'with-week-numbers': withWeekNumbers,\n          'with-weekdays': withWeekDays,\n          'without-weekend-days': hiddenColumns.length > 0,\n          static: mode === 'static',\n          'slot-dragging': slotDragSelect.isDragging,\n          'event-interaction': dragDrop.dragContextValue.isDragging,\n        },\n        mod,\n      ]}\n      __vars={hiddenColumns.length > 0 ? { '--month-view-columns': `${columnsCount}` } : undefined}\n      {...getStyles('monthView')}\n      {...others}\n    >\n      {withHeader && (\n        <ScheduleHeaderBase\n          view=\"month\"\n          navigationHandlers={{\n            previous: () => toDateString(dayjs(date).subtract(1, 'month').startOf('month')),\n            next: () => toDateString(dayjs(date).add(1, 'month').startOf('month')),\n            today: () => toDateString(dayjs()),\n          }}\n          control={{\n            monthYearSelect: {\n              locale,\n              yearValue: dayjs(date).get('year'),\n              monthValue: dayjs(date).get('month'),\n              onYearChange: (year) =>\n                onDateChange?.(toDateString(dayjs(date).set('year', year).startOf('month'))),\n              onMonthChange: (month) =>\n                onDateChange?.(toDateString(dayjs(date).set('month', month).startOf('month'))),\n              ...monthYearSelectProps,\n            },\n          }}\n          labels={labels}\n          onDateChange={onDateChange}\n          onViewChange={onViewChange}\n          previousControlProps={previousControlProps}\n          nextControlProps={nextControlProps}\n          todayControlProps={todayControlProps}\n          viewSelectProps={viewSelectProps}\n          stylesApiProps={stylesApiProps}\n          onAgendaClick={withAgenda ? () => setAgendaOpen((v) => !v) : undefined}\n          agendaActive={agendaOpen}\n        />\n      )}\n\n      {agendaOpen && (\n        <AgendaView\n          rangeStart={dayjs(date).startOf('month').format('YYYY-MM-DD')}\n          rangeEnd={dayjs(date).endOf('month').format('YYYY-MM-DD')}\n          events={events}\n          locale={locale}\n          labels={labels}\n          mode={mode}\n          onEventClick={onEventClick}\n          recurrenceExpansionLimit={recurrenceExpansionLimit}\n          {...stylesApiProps}\n        />\n      )}\n\n      {!agendaOpen && (\n        <ScrollArea\n          scrollbarSize={4}\n          {...scrollAreaProps}\n          {...getStyles('monthViewScrollArea', {\n            className: scrollAreaProps?.className,\n            style: scrollAreaProps?.style,\n          })}\n        >\n          <div {...getStyles('monthViewInner')}>\n            {weekdays && (\n              <div {...getStyles('monthViewWeekdays')}>\n                {withWeekNumbers && <div {...getStyles('monthViewWeekdaysCorner')} />}\n                {weekdays}\n              </div>\n            )}\n\n            {weeks}\n          </div>\n        </ScrollArea>\n      )}\n    </Box>\n  );\n\n  if (withEventsDragAndDrop) {\n    return <DragContext.Provider value={dragDrop.dragContextValue}>{content}</DragContext.Provider>;\n  }\n\n  return content;\n});\n\nMonthView.displayName = '@mantine/schedule/MonthView';\nMonthView.classes = classes;\nMonthView.varsResolver = varsResolver;\n\nexport namespace MonthView {\n  export type Props = MonthViewProps;\n  export type Factory = MonthViewFactory;\n  export type StylesNames = MonthViewStylesNames;\n  export type CssVariables = MonthViewCssVariables;\n}\n"],"mappings":"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"}

package/cjs/components/MonthView/MonthView.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MonthView.module.cjs","names":[],"sources":["../../../src/components/MonthView/MonthView.module.css"],"sourcesContent":[".monthView {\n  --week-numbers-offset: 0rem;\n  --month-view-border: 1px solid var(--month-view-border-color);\n  --month-view-radius: var(--schedule-radius, var(--mantine-radius-default));\n  --day-base-color: var(--mantine-color-text);\n  --min-day-width: 84px;\n  --month-view-columns: 7;\n\n  &:where([data-with-week-numbers]) {\n    --week-numbers-offset: 42px;\n  }\n\n  @mixin where-light {\n    --month-view-border-color: var(--mantine-color-gray-3);\n  }\n\n  @mixin where-dark {\n    --month-view-border-color: var(--mantine-color-dark-4);\n  }\n}\n\n.monthViewWeekdays {\n  display: flex;\n}\n\n.monthViewWeek {\n  display: flex;\n  position: relative;\n  min-width: calc(var(--min-day-width) * var(--month-view-columns) + var(--week-numbers-offset));\n}\n\n.monthViewWeekNumber {\n  flex: 0 0 var(--week-numbers-offset);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--mantine-font-size-sm);\n  padding: 4px;\n  border-block-start: var(--month-view-border);\n  border-block-end: none;\n  border-inline-start: var(--month-view-border);\n  border-inline-end: none;\n  font-weight: var(--mantine-font-weight-medium);\n  cursor: pointer;\n  user-select: none;\n\n  :where(.monthViewWeek:first-child) & {\n    border-start-start-radius: var(--month-view-radius);\n\n    :where([data-with-weekdays] .monthView) & {\n      border-start-start-radius: 0;\n    }\n  }\n\n  :where(.monthViewWeek:last-child) & {\n    border-block-end: var(--month-view-border);\n    border-end-start-radius: var(--month-view-radius);\n  }\n\n  @mixin hover {\n    @mixin where-light {\n      background-color: var(--mantine-color-gray-0);\n    }\n\n    @mixin where-dark {\n      background-color: var(--mantine-color-dark-6);\n    }\n  }\n\n  &:where([data-static]) {\n    cursor: default;\n    pointer-events: none;\n  }\n}\n\n.monthViewWeekday {\n  flex: 0 0\n    calc(100% / var(--month-view-columns) - var(--week-numbers-offset) / var(--month-view-columns));\n  min-width: var(--min-day-width);\n  height: 36px;\n  font-size: var(--mantine-font-size-sm);\n  border-block-start: var(--month-view-border);\n  border-block-end: none;\n  border-inline-start: var(--month-view-border);\n  border-inline-end: none;\n  font-weight: var(--mantine-font-weight-medium);\n  text-align: center;\n  text-transform: capitalize;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: default;\n  user-select: none;\n\n  &:where(:first-child) {\n    border-start-start-radius: var(--month-view-radius);\n\n    :where([data-with-week-numbers] .monthView) & {\n      border-start-start-radius: 0;\n    }\n  }\n\n  &:where(:last-child) {\n    border-inline-end: var(--month-view-border);\n    border-start-end-radius: var(--month-view-radius);\n  }\n}\n\n.monthViewWeekdaysCorner {\n  flex: 0 0 var(--week-numbers-offset);\n  border-block-start: var(--month-view-border);\n  border-inline-start: var(--month-view-border);\n  border-start-start-radius: var(--month-view-radius);\n}\n\n.monthViewDay {\n  min-width: var(--min-day-width);\n  flex: 0 0\n    calc(100% / var(--month-view-columns) - var(--week-numbers-offset) / var(--month-view-columns));\n  height: calc(52px + var(--month-view-max-events, 2) * 24px);\n  padding: 4px;\n  font-weight: var(--mantine-font-weight-medium);\n  border-block-start: var(--month-view-border);\n  border-block-end: none;\n  border-inline-start: var(--month-view-border);\n  border-inline-end: none;\n  color: var(--day-base-color);\n  cursor: pointer;\n  display: flex;\n  align-items: flex-start;\n  position: relative;\n\n  &:where(:last-child) {\n    border-inline-end: var(--month-view-border);\n\n    :where(.monthViewWeek:last-child) & {\n      border-block-end: var(--month-view-border);\n      border-end-end-radius: var(--month-view-radius);\n    }\n\n    :where(.monthViewWeek:first-child) & {\n      border-start-end-radius: var(--month-view-radius);\n\n      :where(:not([data-with-weekdays])) .monthView & {\n        border-start-end-radius: var(--month-view-radius);\n      }\n    }\n  }\n\n  &:where(:first-of-type) {\n    :where(.monthViewWeek:first-child) & {\n      border-start-start-radius: var(--month-view-radius);\n\n      :where([data-with-week-numbers]) .monthView & {\n        border-start-start-radius: 0;\n      }\n\n      :where([data-with-weekdays]) .monthView & {\n        border-start-start-radius: 0;\n      }\n    }\n\n    :where(.monthViewWeek:last-child) & {\n      border-end-start-radius: var(--month-view-radius);\n    }\n\n    :where([data-with-week-numbers]) .monthViewWeek:last-child & {\n      border-end-start-radius: 0;\n    }\n  }\n\n  :where(.monthViewWeek:last-child) & {\n    border-block-end: var(--month-view-border);\n  }\n\n  &:where([data-weekend]) {\n    color: var(--mantine-color-red-6);\n  }\n\n  &:where([data-outside]) {\n    color: alpha(var(--day-base-color), 0.4);\n  }\n\n  &:where([data-static]) {\n    cursor: default;\n    pointer-events: none;\n  }\n\n  @mixin hover {\n    &:where(:not([data-static])) {\n      @mixin where-light {\n        background-color: var(--mantine-color-gray-0);\n      }\n\n      @mixin where-dark {\n        background-color: var(--mantine-color-dark-6);\n      }\n    }\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: 0px;\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\n.monthView:where([data-event-interaction])\n  .monthViewDay:hover:where(\n    :not([data-drop-target], [data-drag-selected], [data-weekend], [data-outside])\n  ) {\n  background-color: transparent;\n}\n\n.monthViewDayLabel {\n  width: 26px;\n  aspect-ratio: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 100%;\n  font-size: var(--mantine-font-size-sm);\n  user-select: none;\n\n  &:where([data-today]) {\n    background-color: var(--mantine-primary-color-filled);\n    color: var(--mantine-primary-color-contrast);\n  }\n}\n\n.monthViewBackgroundEvent {\n  position: absolute;\n  pointer-events: none;\n  z-index: 2;\n  border-radius: var(--month-view-radius);\n  background-color: var(--bg-event-bg);\n  top: 0;\n  bottom: -21px;\n  overflow: hidden;\n  font-size: 12px;\n  font-weight: var(--mantine-font-weight-medium);\n  padding: 3px 4px;\n  color: var(--bg-event-color);\n}\n\n.monthViewEvents {\n  position: absolute;\n  inset-inline: 0;\n  inset-inline-start: var(--week-numbers-offset);\n  top: 30px;\n  bottom: 22px;\n  pointer-events: none;\n  z-index: 3;\n}\n"],"mappings":""}
+{"version":3,"file":"MonthView.module.cjs","names":[],"sources":["../../../src/components/MonthView/MonthView.module.css"],"sourcesContent":[".monthView {\n  --week-numbers-offset: 0rem;\n  --month-view-border: 1px solid var(--month-view-border-color);\n  --month-view-radius: var(--schedule-radius, var(--mantine-radius-default));\n  --day-base-color: var(--mantine-color-text);\n  --min-day-width: 84px;\n  --month-view-columns: 7;\n\n  &:where([data-with-week-numbers]) {\n    --week-numbers-offset: 42px;\n  }\n\n  @mixin where-light {\n    --month-view-border-color: var(--mantine-color-gray-3);\n  }\n\n  @mixin where-dark {\n    --month-view-border-color: var(--mantine-color-dark-4);\n  }\n}\n\n.monthViewWeekdays {\n  display: flex;\n}\n\n.monthViewWeek {\n  display: flex;\n  position: relative;\n  min-width: calc(var(--min-day-width) * var(--month-view-columns) + var(--week-numbers-offset));\n}\n\n.monthViewWeekNumber {\n  flex: 0 0 var(--week-numbers-offset);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--mantine-font-size-sm);\n  padding: 4px;\n  border-block-start: var(--month-view-border);\n  border-block-end: none;\n  border-inline-start: var(--month-view-border);\n  border-inline-end: none;\n  font-weight: var(--mantine-font-weight-medium);\n  cursor: pointer;\n  user-select: none;\n\n  :where(.monthViewWeek:first-child) & {\n    border-start-start-radius: var(--month-view-radius);\n\n    :where([data-with-weekdays] .monthView) & {\n      border-start-start-radius: 0;\n    }\n  }\n\n  :where(.monthViewWeek:last-child) & {\n    border-block-end: var(--month-view-border);\n    border-end-start-radius: var(--month-view-radius);\n  }\n\n  @mixin hover {\n    @mixin where-light {\n      background-color: var(--mantine-color-gray-0);\n    }\n\n    @mixin where-dark {\n      background-color: var(--mantine-color-dark-6);\n    }\n  }\n\n  &:where([data-static]) {\n    cursor: default;\n    pointer-events: none;\n  }\n}\n\n.monthViewWeekday {\n  flex: 0 0\n    calc(100% / var(--month-view-columns) - var(--week-numbers-offset) / var(--month-view-columns));\n  min-width: var(--min-day-width);\n  height: 36px;\n  font-size: var(--mantine-font-size-sm);\n  border-block-start: var(--month-view-border);\n  border-block-end: none;\n  border-inline-start: var(--month-view-border);\n  border-inline-end: none;\n  font-weight: var(--mantine-font-weight-medium);\n  text-align: center;\n  text-transform: capitalize;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: default;\n  user-select: none;\n\n  &:where(:first-child) {\n    border-start-start-radius: var(--month-view-radius);\n\n    :where([data-with-week-numbers] .monthView) & {\n      border-start-start-radius: 0;\n    }\n  }\n\n  &:where(:last-child) {\n    border-inline-end: var(--month-view-border);\n    border-start-end-radius: var(--month-view-radius);\n  }\n}\n\n.monthViewWeekdaysCorner {\n  flex: 0 0 var(--week-numbers-offset);\n  border-block-start: var(--month-view-border);\n  border-inline-start: var(--month-view-border);\n  border-start-start-radius: var(--month-view-radius);\n}\n\n.monthViewDay {\n  min-width: var(--min-day-width);\n  flex: 0 0\n    calc(100% / var(--month-view-columns) - var(--week-numbers-offset) / var(--month-view-columns));\n  height: calc(52px + var(--month-view-max-events, 2) * 24px);\n  padding: 4px;\n  font-weight: var(--mantine-font-weight-medium);\n  border-block-start: var(--month-view-border);\n  border-block-end: none;\n  border-inline-start: var(--month-view-border);\n  border-inline-end: none;\n  color: var(--day-base-color);\n  cursor: pointer;\n  display: flex;\n  align-items: flex-start;\n  position: relative;\n\n  &:where(:last-child) {\n    border-inline-end: var(--month-view-border);\n\n    :where(.monthViewWeek:last-child) & {\n      border-block-end: var(--month-view-border);\n      border-end-end-radius: var(--month-view-radius);\n    }\n\n    :where(.monthViewWeek:first-child) & {\n      border-start-end-radius: var(--month-view-radius);\n\n      :where(:not([data-with-weekdays])) .monthView & {\n        border-start-end-radius: var(--month-view-radius);\n      }\n    }\n  }\n\n  &:where(:first-of-type) {\n    :where(.monthViewWeek:first-child) & {\n      border-start-start-radius: var(--month-view-radius);\n\n      :where([data-with-week-numbers]) .monthView & {\n        border-start-start-radius: 0;\n      }\n\n      :where([data-with-weekdays]) .monthView & {\n        border-start-start-radius: 0;\n      }\n    }\n\n    :where(.monthViewWeek:last-child) & {\n      border-end-start-radius: var(--month-view-radius);\n    }\n\n    :where([data-with-week-numbers]) .monthViewWeek:last-child & {\n      border-end-start-radius: 0;\n    }\n  }\n\n  :where(.monthViewWeek:last-child) & {\n    border-block-end: var(--month-view-border);\n  }\n\n  &:where([data-weekend]) {\n    color: var(--mantine-color-red-6);\n  }\n\n  &:where([data-outside]) {\n    color: alpha(var(--day-base-color), 0.4);\n  }\n\n  &:where([data-static]) {\n    cursor: default;\n    pointer-events: none;\n  }\n\n  @mixin hover {\n    &:where(:not([data-static])) {\n      @mixin where-light {\n        background-color: var(--mantine-color-gray-0);\n      }\n\n      @mixin where-dark {\n        background-color: var(--mantine-color-dark-6);\n      }\n    }\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: 0px;\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\n.monthView:where([data-event-interaction])\n  .monthViewDay:hover:where(\n    :not([data-drop-target], [data-drag-selected], [data-weekend], [data-outside])\n  ) {\n  background-color: transparent;\n}\n\n.monthViewDayLabel {\n  width: 26px;\n  aspect-ratio: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 100%;\n  font-size: var(--mantine-font-size-sm);\n  user-select: none;\n\n  &:where([data-today]) {\n    background-color: var(--mantine-primary-color-filled);\n    color: var(--mantine-primary-color-contrast);\n  }\n}\n\n.monthViewBackgroundEvent {\n  position: absolute;\n  pointer-events: none;\n  z-index: 2;\n  border-radius: var(--month-view-radius);\n  background-color: var(--bg-event-bg);\n  top: 0;\n  bottom: -21px;\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.monthView:where([data-event-interaction], [data-slot-dragging]) .monthViewBackgroundEvent {\n  pointer-events: none;\n}\n\n.monthViewEvents {\n  position: absolute;\n  inset-inline: 0;\n  inset-inline-start: var(--week-numbers-offset);\n  top: 30px;\n  bottom: 22px;\n  pointer-events: none;\n  z-index: 3;\n}\n"],"mappings":""}

package/cjs/components/MonthView/get-month-view-events/find-available-row.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"find-available-row.cjs","names":[],"sources":["../../../../src/components/MonthView/get-month-view-events/find-available-row.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { MonthPositionedEventData } from '../../../types';\n\ninterface FindAvailableRowInput {\n  existingEvents: MonthPositionedEventData[];\n  startDayIndex: number;\n  daysSpanned: number;\n  weekStart: dayjs.Dayjs;\n}\n\nexport function findAvailableRow({\n  existingEvents,\n  startDayIndex,\n  daysSpanned,\n  weekStart,\n}: FindAvailableRowInput): number {\n  let row = 0;\n\n  for (const existing of existingEvents) {\n    const existingStart = dayjs(existing.start).startOf('day');\n    const existingDisplayStart =\n      existingStart.isBefore(weekStart) || existingStart.isSame(weekStart, 'day')\n        ? weekStart\n        : existingStart;\n    const existingDayIndex = existingDisplayStart.diff(weekStart, 'day');\n    const existingWidth = existing.position?.width || 0;\n    const existingDaysSpanned = (existingWidth / 100) * 7;\n\n    if (\n      existingDayIndex + existingDaysSpanned > startDayIndex &&\n      existingDayIndex < startDayIndex + daysSpanned\n    ) {\n      row = Math.max(row, (existing.position?.row || 0) + 1);\n    }\n  }\n\n  return row;\n}\n"],"mappings":";;;;;AAUA,SAAgB,iBAAiB,EAC/B,gBACA,eACA,aACA,aACgC;CAChC,IAAI,MAAM;CAEV,KAAK,MAAM,YAAY,gBAAgB;EACrC,MAAM,iBAAA,GAAA,MAAA,QAAA,CAAsB,SAAS,KAAK,CAAC,CAAC,QAAQ,KAAK;EAKzD,MAAM,oBAHJ,cAAc,SAAS,SAAS,KAAK,cAAc,OAAO,WAAW,KAAK,IACtE,YACA,cAAA,CACwC,KAAK,WAAW,KAAK;EAInE,IACE,oBAJoB,SAAS,UAAU,SAAS,KACL,MAAO,IAGT,iBACzC,mBAAmB,gBAAgB,aAEnC,MAAM,KAAK,IAAI,MAAM,SAAS,UAAU,OAAO,KAAK,CAAC;CAEzD;CAEA,OAAO;AACT"}
+{"version":3,"file":"find-available-row.cjs","names":[],"sources":["../../../../src/components/MonthView/get-month-view-events/find-available-row.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { MonthPositionedEventData } from '../../../types';\n\ninterface FindAvailableRowInput {\n  existingEvents: MonthPositionedEventData[];\n  startDayIndex: number;\n  daysSpanned: number;\n  weekStart: dayjs.Dayjs;\n}\n\nexport function findAvailableRow({\n  existingEvents,\n  startDayIndex,\n  daysSpanned,\n  weekStart,\n}: FindAvailableRowInput): number {\n  let row = 0;\n\n  for (const existing of existingEvents) {\n    const existingStart = dayjs(existing.start).startOf('day');\n    const existingDisplayStart =\n      existingStart.isBefore(weekStart) || existingStart.isSame(weekStart, 'day')\n        ? weekStart\n        : existingStart;\n    const existingDayIndex = existingDisplayStart.diff(weekStart, 'day');\n    const existingWidth = existing.position?.width || 0;\n    const existingDaysSpanned = (existingWidth / 100) * 7;\n\n    if (\n      existingDayIndex + existingDaysSpanned > startDayIndex &&\n      existingDayIndex < startDayIndex + daysSpanned\n    ) {\n      row = Math.max(row, (existing.position?.row || 0) + 1);\n    }\n  }\n\n  return row;\n}\n"],"mappings":";;;;;AAUA,SAAgB,iBAAiB,EAC/B,gBACA,eACA,aACA,aACgC;CAChC,IAAI,MAAM;CAEV,KAAK,MAAM,YAAY,gBAAgB;EACrC,MAAM,iBAAA,GAAgB,MAAA,QAAA,CAAM,SAAS,KAAK,CAAC,CAAC,QAAQ,KAAK;EAKzD,MAAM,oBAHJ,cAAc,SAAS,SAAS,KAAK,cAAc,OAAO,WAAW,KAAK,IACtE,YACA,cAAA,CACwC,KAAK,WAAW,KAAK;EAInE,IACE,oBAJoB,SAAS,UAAU,SAAS,KACL,MAAO,IAGT,iBACzC,mBAAmB,gBAAgB,aAEnC,MAAM,KAAK,IAAI,MAAM,SAAS,UAAU,OAAO,KAAK,CAAC;CAEzD;CAEA,OAAO;AACT"}

package/cjs/components/MonthView/get-month-view-events/get-month-positioned-events.cjs

@@ -11,9 +11,11 @@ function getMonthPositionedEvents({ date, events, firstDayOfWeek = 1, range }) {
 	const groupedByWeek = {};
 	const backgroundByWeek = {};
 	const eventsAddedToDay = /* @__PURE__ */ new Set();
+	const rangeStart = range ? (0, dayjs.default)(range.start) : (0, dayjs.default)(date).startOf("month");
+	const rangeEnd = range ? (0, dayjs.default)(range.end) : (0, dayjs.default)(date).startOf("month").endOf("month");
 	const { weeks, groupedByDay } = require_get_weeks_in_range.getWeeksInRange({
-		rangeStart: range ? (0, dayjs.default)(range.start) : (0, dayjs.default)(date).startOf("month"),
-		rangeEnd: range ? (0, dayjs.default)(range.end) : (0, dayjs.default)(date).startOf("month").endOf("month"),
+		rangeStart,
+		rangeEnd,
 		firstDayOfWeek
 	});
 	for (let i = 0; i < weeks.length; i++) {

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

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

package/cjs/components/MonthView/get-month-view-events/get-month-view-events.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-month-view-events.cjs","names":["getMonthRange","validateEvent","getMonthPositionedEvents"],"sources":["../../../../src/components/MonthView/get-month-view-events/get-month-view-events.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { AnyDateValue, DayOfWeek, ScheduleEventData } from '../../../types';\nimport { getMonthRange, validateEvent } from '../../../utils';\nimport { getMonthPositionedEvents, GroupedMonthEvents } from './get-month-positioned-events';\n\ninterface UseMonthViewEventsInput {\n  /** Date (month start) at which events are positioned */\n  date: AnyDateValue;\n\n  /** List of all events that belong to the given month, extra events must be filtered out before passing to the function */\n  events: ScheduleEventData[] | undefined;\n\n  /** First day of the week, 0 - Sunday, 1 - Monday, etc., used to calculate events positions */\n  firstDayOfWeek?: DayOfWeek;\n\n  /** If true, events for outside days are included */\n  withOutsideDays?: boolean;\n\n  /** If true, month will show events for consistent number of weeks (6) */\n  consistentWeeks?: boolean;\n}\n\nexport function getMonthViewEvents({\n  date,\n  events,\n  firstDayOfWeek = 1,\n  withOutsideDays,\n  consistentWeeks,\n}: UseMonthViewEventsInput): GroupedMonthEvents {\n  if (events === undefined) {\n    return { groupedByDay: {}, groupedByWeek: {}, backgroundByWeek: {} };\n  }\n\n  const ids = new Set<string | number>();\n  const filteredEvents: ScheduleEventData[] = [];\n\n  const range = getMonthRange({ month: date, withOutsideDays, consistentWeeks, firstDayOfWeek });\n\n  for (const event of events) {\n    if (\n      dayjs(event.end).isAfter(range.start, 'day') ||\n      dayjs(event.start).isBefore(range.end, 'day')\n    ) {\n      filteredEvents.push(validateEvent(event));\n\n      if (!ids.has(event.id)) {\n        ids.add(event.id);\n      } else {\n        throw new Error(`[@mantine/schedule] MonthView: Duplicated event ids found: ${event.id}`);\n      }\n    }\n  }\n\n  return getMonthPositionedEvents({\n    date,\n    events: filteredEvents,\n    firstDayOfWeek,\n    range,\n  });\n}\n"],"mappings":";;;;;;;;AAsBA,SAAgB,mBAAmB,EACjC,MACA,QACA,iBAAiB,GACjB,iBACA,mBAC8C;CAC9C,IAAI,WAAW,KAAA,GACb,OAAO;EAAE,cAAc,CAAC;EAAG,eAAe,CAAC;EAAG,kBAAkB,CAAC;CAAE;CAGrE,MAAM,sBAAM,IAAI,IAAqB;CACrC,MAAM,iBAAsC,CAAC;CAE7C,MAAM,QAAQA,wBAAAA,cAAc;EAAE,OAAO;EAAM;EAAiB;EAAiB;CAAe,CAAC;CAE7F,KAAK,MAAM,SAAS,QAClB,KAAA,GAAA,MAAA,QAAA,CACQ,MAAM,GAAG,CAAC,CAAC,QAAQ,MAAM,OAAO,KAAK,MAAA,GAAA,MAAA,QAAA,CACrC,MAAM,KAAK,CAAC,CAAC,SAAS,MAAM,KAAK,KAAK,GAC5C;EACA,eAAe,KAAKC,uBAAAA,cAAc,KAAK,CAAC;EAExC,IAAI,CAAC,IAAI,IAAI,MAAM,EAAE,GACnB,IAAI,IAAI,MAAM,EAAE;OAEhB,MAAM,IAAI,MAAM,8DAA8D,MAAM,IAAI;CAE5F;CAGF,OAAOC,oCAAAA,yBAAyB;EAC9B;EACA,QAAQ;EACR;EACA;CACF,CAAC;AACH"}
+{"version":3,"file":"get-month-view-events.cjs","names":["getMonthRange","validateEvent","getMonthPositionedEvents"],"sources":["../../../../src/components/MonthView/get-month-view-events/get-month-view-events.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { AnyDateValue, DayOfWeek, ScheduleEventData } from '../../../types';\nimport { getMonthRange, validateEvent } from '../../../utils';\nimport { getMonthPositionedEvents, GroupedMonthEvents } from './get-month-positioned-events';\n\ninterface UseMonthViewEventsInput {\n  /** Date (month start) at which events are positioned */\n  date: AnyDateValue;\n\n  /** List of all events that belong to the given month, extra events must be filtered out before passing to the function */\n  events: ScheduleEventData[] | undefined;\n\n  /** First day of the week, 0 - Sunday, 1 - Monday, etc., used to calculate events positions */\n  firstDayOfWeek?: DayOfWeek;\n\n  /** If true, events for outside days are included */\n  withOutsideDays?: boolean;\n\n  /** If true, month will show events for consistent number of weeks (6) */\n  consistentWeeks?: boolean;\n}\n\nexport function getMonthViewEvents({\n  date,\n  events,\n  firstDayOfWeek = 1,\n  withOutsideDays,\n  consistentWeeks,\n}: UseMonthViewEventsInput): GroupedMonthEvents {\n  if (events === undefined) {\n    return { groupedByDay: {}, groupedByWeek: {}, backgroundByWeek: {} };\n  }\n\n  const ids = new Set<string | number>();\n  const filteredEvents: ScheduleEventData[] = [];\n\n  const range = getMonthRange({ month: date, withOutsideDays, consistentWeeks, firstDayOfWeek });\n\n  for (const event of events) {\n    if (\n      dayjs(event.end).isAfter(range.start, 'day') ||\n      dayjs(event.start).isBefore(range.end, 'day')\n    ) {\n      filteredEvents.push(validateEvent(event));\n\n      if (!ids.has(event.id)) {\n        ids.add(event.id);\n      } else {\n        throw new Error(`[@mantine/schedule] MonthView: Duplicated event ids found: ${event.id}`);\n      }\n    }\n  }\n\n  return getMonthPositionedEvents({\n    date,\n    events: filteredEvents,\n    firstDayOfWeek,\n    range,\n  });\n}\n"],"mappings":";;;;;;;;AAsBA,SAAgB,mBAAmB,EACjC,MACA,QACA,iBAAiB,GACjB,iBACA,mBAC8C;CAC9C,IAAI,WAAW,KAAA,GACb,OAAO;EAAE,cAAc,CAAC;EAAG,eAAe,CAAC;EAAG,kBAAkB,CAAC;CAAE;CAGrE,MAAM,sBAAM,IAAI,IAAqB;CACrC,MAAM,iBAAsC,CAAC;CAE7C,MAAM,QAAQA,wBAAAA,cAAc;EAAE,OAAO;EAAM;EAAiB;EAAiB;CAAe,CAAC;CAE7F,KAAK,MAAM,SAAS,QAClB,KAAA,GACE,MAAA,QAAA,CAAM,MAAM,GAAG,CAAC,CAAC,QAAQ,MAAM,OAAO,KAAK,MAAA,GAC3C,MAAA,QAAA,CAAM,MAAM,KAAK,CAAC,CAAC,SAAS,MAAM,KAAK,KAAK,GAC5C;EACA,eAAe,KAAKC,uBAAAA,cAAc,KAAK,CAAC;EAExC,IAAI,CAAC,IAAI,IAAI,MAAM,EAAE,GACnB,IAAI,IAAI,MAAM,EAAE;OAEhB,MAAM,IAAI,MAAM,8DAA8D,MAAM,IAAI;CAE5F;CAGF,OAAOC,oCAAAA,yBAAyB;EAC9B;EACA,QAAQ;EACR;EACA;CACF,CAAC;AACH"}

package/cjs/components/MonthView/get-month-view-events/get-weeks-in-range.cjs

@@ -7,10 +7,11 @@ dayjs = require_runtime.__toESM(dayjs);
 function getWeeksInRange({ rangeStart, rangeEnd, firstDayOfWeek }) {
 	const weeks = [];
 	const groupedByDay = {};
-	let currentDate = (0, dayjs.default)(require_get_start_of_week.getStartOfWeek({
+	const startOfFirstWeekStr = require_get_start_of_week.getStartOfWeek({
 		date: rangeStart.format("YYYY-MM-DD"),
 		firstDayOfWeek
-	}));
+	});
+	let currentDate = (0, dayjs.default)(startOfFirstWeekStr);
 	while (currentDate.isBefore(rangeEnd) || currentDate.isSame(rangeEnd, "day")) {
 		const week = [];
 		for (let i = 0; i < 7; i++) {

package/cjs/components/MonthView/get-month-view-events/get-weeks-in-range.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-weeks-in-range.cjs","names":["getStartOfWeek"],"sources":["../../../../src/components/MonthView/get-month-view-events/get-weeks-in-range.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { DateStringValue, DayOfWeek } from '../../../types';\nimport { getStartOfWeek } from '../../../utils';\n\ninterface GetWeeksInRangeInput {\n  rangeStart: dayjs.Dayjs;\n  rangeEnd: dayjs.Dayjs;\n  firstDayOfWeek: DayOfWeek;\n}\n\ninterface GetWeeksInRangeOutput {\n  weeks: DateStringValue[][];\n  groupedByDay: { [date: string]: any[] };\n}\n\nexport function getWeeksInRange({\n  rangeStart,\n  rangeEnd,\n  firstDayOfWeek,\n}: GetWeeksInRangeInput): GetWeeksInRangeOutput {\n  const weeks: DateStringValue[][] = [];\n  const groupedByDay: { [date: string]: any[] } = {};\n\n  const startOfFirstWeekStr = getStartOfWeek({\n    date: rangeStart.format('YYYY-MM-DD'),\n    firstDayOfWeek,\n  });\n\n  let currentDate = dayjs(startOfFirstWeekStr);\n\n  while (currentDate.isBefore(rangeEnd) || currentDate.isSame(rangeEnd, 'day')) {\n    const week: DateStringValue[] = [];\n    for (let i = 0; i < 7; i++) {\n      const dateStr = currentDate.format('YYYY-MM-DD 00:00:00');\n      week.push(dateStr);\n      if (!groupedByDay[dateStr]) {\n        groupedByDay[dateStr] = [];\n      }\n      currentDate = currentDate.add(1, 'day');\n    }\n    weeks.push(week);\n  }\n\n  return { weeks, groupedByDay };\n}\n"],"mappings":";;;;;;AAeA,SAAgB,gBAAgB,EAC9B,YACA,UACA,kBAC8C;CAC9C,MAAM,QAA6B,CAAC;CACpC,MAAM,eAA0C,CAAC;CAOjD,IAAI,eAAA,GAAA,MAAA,QAAA,CALwBA,0BAAAA,eAAe;EACzC,MAAM,WAAW,OAAO,YAAY;EACpC;CACF,CAE0C,CAAC;CAE3C,OAAO,YAAY,SAAS,QAAQ,KAAK,YAAY,OAAO,UAAU,KAAK,GAAG;EAC5E,MAAM,OAA0B,CAAC;EACjC,KAAK,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK;GAC1B,MAAM,UAAU,YAAY,OAAO,qBAAqB;GACxD,KAAK,KAAK,OAAO;GACjB,IAAI,CAAC,aAAa,UAChB,aAAa,WAAW,CAAC;GAE3B,cAAc,YAAY,IAAI,GAAG,KAAK;EACxC;EACA,MAAM,KAAK,IAAI;CACjB;CAEA,OAAO;EAAE;EAAO;CAAa;AAC/B"}
+{"version":3,"file":"get-weeks-in-range.cjs","names":["getStartOfWeek"],"sources":["../../../../src/components/MonthView/get-month-view-events/get-weeks-in-range.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { DateStringValue, DayOfWeek } from '../../../types';\nimport { getStartOfWeek } from '../../../utils';\n\ninterface GetWeeksInRangeInput {\n  rangeStart: dayjs.Dayjs;\n  rangeEnd: dayjs.Dayjs;\n  firstDayOfWeek: DayOfWeek;\n}\n\ninterface GetWeeksInRangeOutput {\n  weeks: DateStringValue[][];\n  groupedByDay: { [date: string]: any[] };\n}\n\nexport function getWeeksInRange({\n  rangeStart,\n  rangeEnd,\n  firstDayOfWeek,\n}: GetWeeksInRangeInput): GetWeeksInRangeOutput {\n  const weeks: DateStringValue[][] = [];\n  const groupedByDay: { [date: string]: any[] } = {};\n\n  const startOfFirstWeekStr = getStartOfWeek({\n    date: rangeStart.format('YYYY-MM-DD'),\n    firstDayOfWeek,\n  });\n\n  let currentDate = dayjs(startOfFirstWeekStr);\n\n  while (currentDate.isBefore(rangeEnd) || currentDate.isSame(rangeEnd, 'day')) {\n    const week: DateStringValue[] = [];\n    for (let i = 0; i < 7; i++) {\n      const dateStr = currentDate.format('YYYY-MM-DD 00:00:00');\n      week.push(dateStr);\n      if (!groupedByDay[dateStr]) {\n        groupedByDay[dateStr] = [];\n      }\n      currentDate = currentDate.add(1, 'day');\n    }\n    weeks.push(week);\n  }\n\n  return { weeks, groupedByDay };\n}\n"],"mappings":";;;;;;AAeA,SAAgB,gBAAgB,EAC9B,YACA,UACA,kBAC8C;CAC9C,MAAM,QAA6B,CAAC;CACpC,MAAM,eAA0C,CAAC;CAEjD,MAAM,sBAAsBA,0BAAAA,eAAe;EACzC,MAAM,WAAW,OAAO,YAAY;EACpC;CACF,CAAC;CAED,IAAI,eAAA,GAAc,MAAA,QAAA,CAAM,mBAAmB;CAE3C,OAAO,YAAY,SAAS,QAAQ,KAAK,YAAY,OAAO,UAAU,KAAK,GAAG;EAC5E,MAAM,OAA0B,CAAC;EACjC,KAAK,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK;GAC1B,MAAM,UAAU,YAAY,OAAO,qBAAqB;GACxD,KAAK,KAAK,OAAO;GACjB,IAAI,CAAC,aAAa,UAChB,aAAa,WAAW,CAAC;GAE3B,cAAc,YAAY,IAAI,GAAG,KAAK;EACxC;EACA,MAAM,KAAK,IAAI;CACjB;CAEA,OAAO;EAAE;EAAO;CAAa;AAC/B"}

package/cjs/components/MonthView/get-renderable-month-event-segments.cjs

@@ -8,7 +8,7 @@ function getEventDayRange(event) {
 	const daysSpanned = Math.max(1, Math.round(event.position.width / DAY_WIDTH));
 	return {
 		startDayIndex,
-		endDayIndex: Math.min(DAYS_IN_WEEK - 1, startDayIndex + daysSpanned - 1)
+		endDayIndex: Math.min(6, startDayIndex + daysSpanned - 1)
 	};
 }
 function getFirstAvailableRow(usedRows, maxEventsPerDay) {

package/cjs/components/MonthView/get-renderable-month-event-segments.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-renderable-month-event-segments.cjs","names":["getVisibleColumnMap"],"sources":["../../../src/components/MonthView/get-renderable-month-event-segments.ts"],"sourcesContent":["import { DateStringValue, MonthEventPositionData, MonthPositionedEventData } from '../../types';\nimport { getVisibleColumnMap } from './get-visible-columns';\n\nconst DAYS_IN_WEEK = 7;\nconst DAY_WIDTH = 100 / DAYS_IN_WEEK;\n\ninterface GetRenderableMonthEventSegmentsInput {\n  events: MonthPositionedEventData[];\n  groupedByDay: Record<string, MonthPositionedEventData[]>;\n  maxEventsPerDay: number;\n  week: DateStringValue[];\n\n  /** Week-relative indices (0–6) of hidden columns, e.g. weekend days */\n  hiddenColumns?: number[];\n\n  /** Number of visible columns, defaults to 7 */\n  columnsCount?: number;\n}\n\ninterface EventDayRange {\n  startDayIndex: number;\n  endDayIndex: number;\n}\n\ninterface SegmentRange extends EventDayRange {\n  row: number;\n}\n\nexport interface RenderableMonthEventSegment {\n  event: MonthPositionedEventData;\n  position: MonthEventPositionData;\n  clipStart: boolean;\n  clipEnd: boolean;\n  key: string;\n}\n\nfunction getEventDayRange(event: MonthPositionedEventData): EventDayRange {\n  const startDayIndex = Math.max(0, Math.round(event.position.startOffset / DAY_WIDTH));\n  const daysSpanned = Math.max(1, Math.round(event.position.width / DAY_WIDTH));\n\n  return {\n    startDayIndex,\n    endDayIndex: Math.min(DAYS_IN_WEEK - 1, startDayIndex + daysSpanned - 1),\n  };\n}\n\nfunction getFirstAvailableRow(usedRows: Set<number>, maxEventsPerDay: number): number | null {\n  for (let row = 0; row < maxEventsPerDay; row += 1) {\n    if (!usedRows.has(row)) {\n      return row;\n    }\n  }\n\n  return null;\n}\n\nfunction getSegmentHanging(\n  originalHanging: MonthEventPositionData['hanging'],\n  touchesStart: boolean,\n  touchesEnd: boolean\n): MonthEventPositionData['hanging'] {\n  const hangsFromStart =\n    touchesStart && (originalHanging === 'start' || originalHanging === 'both');\n  const hangsFromEnd = touchesEnd && (originalHanging === 'end' || originalHanging === 'both');\n\n  if (hangsFromStart && hangsFromEnd) {\n    return 'both';\n  }\n\n  if (hangsFromStart) {\n    return 'start';\n  }\n\n  if (hangsFromEnd) {\n    return 'end';\n  }\n\n  return 'none';\n}\n\nfunction getSegmentPosition(\n  event: MonthPositionedEventData,\n  segment: SegmentRange,\n  eventRange: EventDayRange,\n  visibleColumnMap: number[],\n  columnsCount: number\n): MonthEventPositionData {\n  const touchesStart = segment.startDayIndex === eventRange.startDayIndex;\n  const touchesEnd = segment.endDayIndex === eventRange.endDayIndex;\n  const startColumn = visibleColumnMap[segment.startDayIndex];\n  const endColumn = visibleColumnMap[segment.endDayIndex];\n\n  return {\n    ...event.position,\n    startOffset: (startColumn / columnsCount) * 100,\n    width: ((endColumn - startColumn + 1) / columnsCount) * 100,\n    row: segment.row,\n    hanging: getSegmentHanging(event.position.hanging, touchesStart, touchesEnd),\n  };\n}\n\nfunction getEventKey(event: MonthPositionedEventData): string | number {\n  return event.id;\n}\n\nexport function getRenderableMonthEventSegments({\n  events,\n  groupedByDay,\n  maxEventsPerDay,\n  week,\n  hiddenColumns = [],\n  columnsCount = DAYS_IN_WEEK,\n}: GetRenderableMonthEventSegmentsInput): RenderableMonthEventSegment[] {\n  const hiddenColumnSet = new Set(hiddenColumns);\n  const visibleColumnMap = getVisibleColumnMap(hiddenColumns);\n  const eventIndexes = new Map<MonthPositionedEventData, number>();\n  const eventRanges = new Map<MonthPositionedEventData, EventDayRange>();\n  const renderRows = new Map<MonthPositionedEventData, Map<number, number>>();\n\n  events.forEach((event, index) => {\n    eventIndexes.set(event, index);\n    eventRanges.set(event, getEventDayRange(event));\n  });\n\n  const setRenderRow = (event: MonthPositionedEventData, dayIndex: number, row: number) => {\n    if (!renderRows.has(event)) {\n      renderRows.set(event, new Map());\n    }\n\n    renderRows.get(event)!.set(dayIndex, row);\n  };\n\n  // Each event remembers the row it was last placed on, so a multi-day bar reuses that row on every\n  // day it covers and stays continuous instead of jumping rows between adjacent days. A different row\n  // is only picked when the preferred one is already taken on that day.\n  const lastRow = new Map<MonthPositionedEventData, number>();\n\n  for (let dayIndex = 0; dayIndex < week.length; dayIndex += 1) {\n    if (hiddenColumnSet.has(dayIndex)) {\n      continue;\n    }\n\n    const dayEvents = groupedByDay[week[dayIndex]] || [];\n    const dayEventIds = new Set(dayEvents.map((event) => getEventKey(event)));\n    const dayWeekEvents = events.filter((event) => {\n      const range = eventRanges.get(event)!;\n      return (\n        dayEventIds.has(getEventKey(event)) &&\n        dayIndex >= range.startDayIndex &&\n        dayIndex <= range.endDayIndex\n      );\n    });\n\n    // On a truncated day only the events whose stable row fits are shown; the rest collapse into the\n    // \"+N more\" indicator. Other days show every event, compacting overflow rows down to fit.\n    const candidates =\n      dayEvents.length > maxEventsPerDay\n        ? dayWeekEvents.filter((event) => event.position.row < maxEventsPerDay)\n        : dayWeekEvents;\n\n    const usedRows = new Set<number>();\n    const sortedDayEvents = [...candidates].sort((a, b) => {\n      const rowDiff = a.position.row - b.position.row;\n      return rowDiff !== 0 ? rowDiff : eventIndexes.get(a)! - eventIndexes.get(b)!;\n    });\n\n    sortedDayEvents.forEach((event) => {\n      let row = lastRow.get(event) ?? event.position.row;\n\n      if (row >= maxEventsPerDay || usedRows.has(row)) {\n        const availableRow = getFirstAvailableRow(usedRows, maxEventsPerDay);\n\n        if (availableRow === null) {\n          return;\n        }\n\n        row = availableRow;\n      }\n\n      usedRows.add(row);\n      setRenderRow(event, dayIndex, row);\n      lastRow.set(event, row);\n    });\n  }\n\n  return events.flatMap((event) => {\n    const eventRange = eventRanges.get(event)!;\n    const eventRenderRows = renderRows.get(event);\n    const segments: RenderableMonthEventSegment[] = [];\n    let currentSegment: SegmentRange | null = null;\n\n    const addSegment = (segment: SegmentRange) => {\n      const position = getSegmentPosition(\n        event,\n        segment,\n        eventRange,\n        visibleColumnMap,\n        columnsCount\n      );\n\n      segments.push({\n        event,\n        position,\n        clipStart: segment.startDayIndex > eventRange.startDayIndex,\n        clipEnd: segment.endDayIndex < eventRange.endDayIndex,\n        key: `${event.id}-${event.position.weekIndex}-${segment.startDayIndex}-${segment.endDayIndex}-${segment.row}`,\n      });\n    };\n\n    for (\n      let dayIndex = eventRange.startDayIndex;\n      dayIndex <= eventRange.endDayIndex;\n      dayIndex += 1\n    ) {\n      const row = eventRenderRows?.get(dayIndex);\n\n      if (row === undefined) {\n        if (currentSegment) {\n          addSegment(currentSegment);\n          currentSegment = null;\n        }\n\n        continue;\n      }\n\n      if (currentSegment && currentSegment.row === row) {\n        currentSegment.endDayIndex = dayIndex;\n      } else {\n        if (currentSegment) {\n          addSegment(currentSegment);\n        }\n\n        currentSegment = {\n          startDayIndex: dayIndex,\n          endDayIndex: dayIndex,\n          row,\n        };\n      }\n    }\n\n    if (currentSegment) {\n      addSegment(currentSegment);\n    }\n\n    return segments;\n  });\n}\n"],"mappings":";;;AAGA,MAAM,eAAe;AACrB,MAAM,YAAY,MAAM;AAgCxB,SAAS,iBAAiB,OAAgD;CACxE,MAAM,gBAAgB,KAAK,IAAI,GAAG,KAAK,MAAM,MAAM,SAAS,cAAc,SAAS,CAAC;CACpF,MAAM,cAAc,KAAK,IAAI,GAAG,KAAK,MAAM,MAAM,SAAS,QAAQ,SAAS,CAAC;CAE5E,OAAO;EACL;EACA,aAAa,KAAK,IAAI,eAAe,GAAG,gBAAgB,cAAc,CAAC;CACzE;AACF;AAEA,SAAS,qBAAqB,UAAuB,iBAAwC;CAC3F,KAAK,IAAI,MAAM,GAAG,MAAM,iBAAiB,OAAO,GAC9C,IAAI,CAAC,SAAS,IAAI,GAAG,GACnB,OAAO;CAIX,OAAO;AACT;AAEA,SAAS,kBACP,iBACA,cACA,YACmC;CACnC,MAAM,iBACJ,iBAAiB,oBAAoB,WAAW,oBAAoB;CACtE,MAAM,eAAe,eAAe,oBAAoB,SAAS,oBAAoB;CAErF,IAAI,kBAAkB,cACpB,OAAO;CAGT,IAAI,gBACF,OAAO;CAGT,IAAI,cACF,OAAO;CAGT,OAAO;AACT;AAEA,SAAS,mBACP,OACA,SACA,YACA,kBACA,cACwB;CACxB,MAAM,eAAe,QAAQ,kBAAkB,WAAW;CAC1D,MAAM,aAAa,QAAQ,gBAAgB,WAAW;CACtD,MAAM,cAAc,iBAAiB,QAAQ;CAC7C,MAAM,YAAY,iBAAiB,QAAQ;CAE3C,OAAO;EACL,GAAG,MAAM;EACT,aAAc,cAAc,eAAgB;EAC5C,QAAS,YAAY,cAAc,KAAK,eAAgB;EACxD,KAAK,QAAQ;EACb,SAAS,kBAAkB,MAAM,SAAS,SAAS,cAAc,UAAU;CAC7E;AACF;AAEA,SAAS,YAAY,OAAkD;CACrE,OAAO,MAAM;AACf;AAEA,SAAgB,gCAAgC,EAC9C,QACA,cACA,iBACA,MACA,gBAAgB,CAAC,GACjB,eAAe,gBACuD;CACtE,MAAM,kBAAkB,IAAI,IAAI,aAAa;CAC7C,MAAM,mBAAmBA,4BAAAA,oBAAoB,aAAa;CAC1D,MAAM,+BAAe,IAAI,IAAsC;CAC/D,MAAM,8BAAc,IAAI,IAA6C;CACrE,MAAM,6BAAa,IAAI,IAAmD;CAE1E,OAAO,SAAS,OAAO,UAAU;EAC/B,aAAa,IAAI,OAAO,KAAK;EAC7B,YAAY,IAAI,OAAO,iBAAiB,KAAK,CAAC;CAChD,CAAC;CAED,MAAM,gBAAgB,OAAiC,UAAkB,QAAgB;EACvF,IAAI,CAAC,WAAW,IAAI,KAAK,GACvB,WAAW,IAAI,uBAAO,IAAI,IAAI,CAAC;EAGjC,WAAW,IAAI,KAAK,CAAC,CAAE,IAAI,UAAU,GAAG;CAC1C;CAKA,MAAM,0BAAU,IAAI,IAAsC;CAE1D,KAAK,IAAI,WAAW,GAAG,WAAW,KAAK,QAAQ,YAAY,GAAG;EAC5D,IAAI,gBAAgB,IAAI,QAAQ,GAC9B;EAGF,MAAM,YAAY,aAAa,KAAK,cAAc,CAAC;EACnD,MAAM,cAAc,IAAI,IAAI,UAAU,KAAK,UAAU,YAAY,KAAK,CAAC,CAAC;EACxE,MAAM,gBAAgB,OAAO,QAAQ,UAAU;GAC7C,MAAM,QAAQ,YAAY,IAAI,KAAK;GACnC,OACE,YAAY,IAAI,YAAY,KAAK,CAAC,KAClC,YAAY,MAAM,iBAClB,YAAY,MAAM;EAEtB,CAAC;EAID,MAAM,aACJ,UAAU,SAAS,kBACf,cAAc,QAAQ,UAAU,MAAM,SAAS,MAAM,eAAe,IACpE;EAEN,MAAM,2BAAW,IAAI,IAAY;EAMjC,CALyB,GAAG,UAAU,CAAC,CAAC,MAAM,GAAG,MAAM;GACrD,MAAM,UAAU,EAAE,SAAS,MAAM,EAAE,SAAS;GAC5C,OAAO,YAAY,IAAI,UAAU,aAAa,IAAI,CAAC,IAAK,aAAa,IAAI,CAAC;EAC5E,CAEc,CAAC,CAAC,SAAS,UAAU;GACjC,IAAI,MAAM,QAAQ,IAAI,KAAK,KAAK,MAAM,SAAS;GAE/C,IAAI,OAAO,mBAAmB,SAAS,IAAI,GAAG,GAAG;IAC/C,MAAM,eAAe,qBAAqB,UAAU,eAAe;IAEnE,IAAI,iBAAiB,MACnB;IAGF,MAAM;GACR;GAEA,SAAS,IAAI,GAAG;GAChB,aAAa,OAAO,UAAU,GAAG;GACjC,QAAQ,IAAI,OAAO,GAAG;EACxB,CAAC;CACH;CAEA,OAAO,OAAO,SAAS,UAAU;EAC/B,MAAM,aAAa,YAAY,IAAI,KAAK;EACxC,MAAM,kBAAkB,WAAW,IAAI,KAAK;EAC5C,MAAM,WAA0C,CAAC;EACjD,IAAI,iBAAsC;EAE1C,MAAM,cAAc,YAA0B;GAC5C,MAAM,WAAW,mBACf,OACA,SACA,YACA,kBACA,YACF;GAEA,SAAS,KAAK;IACZ;IACA;IACA,WAAW,QAAQ,gBAAgB,WAAW;IAC9C,SAAS,QAAQ,cAAc,WAAW;IAC1C,KAAK,GAAG,MAAM,GAAG,GAAG,MAAM,SAAS,UAAU,GAAG,QAAQ,cAAc,GAAG,QAAQ,YAAY,GAAG,QAAQ;GAC1G,CAAC;EACH;EAEA,KACE,IAAI,WAAW,WAAW,eAC1B,YAAY,WAAW,aACvB,YAAY,GACZ;GACA,MAAM,MAAM,iBAAiB,IAAI,QAAQ;GAEzC,IAAI,QAAQ,KAAA,GAAW;IACrB,IAAI,gBAAgB;KAClB,WAAW,cAAc;KACzB,iBAAiB;IACnB;IAEA;GACF;GAEA,IAAI,kBAAkB,eAAe,QAAQ,KAC3C,eAAe,cAAc;QACxB;IACL,IAAI,gBACF,WAAW,cAAc;IAG3B,iBAAiB;KACf,eAAe;KACf,aAAa;KACb;IACF;GACF;EACF;EAEA,IAAI,gBACF,WAAW,cAAc;EAG3B,OAAO;CACT,CAAC;AACH"}
+{"version":3,"file":"get-renderable-month-event-segments.cjs","names":["getVisibleColumnMap"],"sources":["../../../src/components/MonthView/get-renderable-month-event-segments.ts"],"sourcesContent":["import { DateStringValue, MonthEventPositionData, MonthPositionedEventData } from '../../types';\nimport { getVisibleColumnMap } from './get-visible-columns';\n\nconst DAYS_IN_WEEK = 7;\nconst DAY_WIDTH = 100 / DAYS_IN_WEEK;\n\ninterface GetRenderableMonthEventSegmentsInput {\n  events: MonthPositionedEventData[];\n  groupedByDay: Record<string, MonthPositionedEventData[]>;\n  maxEventsPerDay: number;\n  week: DateStringValue[];\n\n  /** Week-relative indices (0–6) of hidden columns, e.g. weekend days */\n  hiddenColumns?: number[];\n\n  /** Number of visible columns, defaults to 7 */\n  columnsCount?: number;\n}\n\ninterface EventDayRange {\n  startDayIndex: number;\n  endDayIndex: number;\n}\n\ninterface SegmentRange extends EventDayRange {\n  row: number;\n}\n\nexport interface RenderableMonthEventSegment {\n  event: MonthPositionedEventData;\n  position: MonthEventPositionData;\n  clipStart: boolean;\n  clipEnd: boolean;\n  key: string;\n}\n\nfunction getEventDayRange(event: MonthPositionedEventData): EventDayRange {\n  const startDayIndex = Math.max(0, Math.round(event.position.startOffset / DAY_WIDTH));\n  const daysSpanned = Math.max(1, Math.round(event.position.width / DAY_WIDTH));\n\n  return {\n    startDayIndex,\n    endDayIndex: Math.min(DAYS_IN_WEEK - 1, startDayIndex + daysSpanned - 1),\n  };\n}\n\nfunction getFirstAvailableRow(usedRows: Set<number>, maxEventsPerDay: number): number | null {\n  for (let row = 0; row < maxEventsPerDay; row += 1) {\n    if (!usedRows.has(row)) {\n      return row;\n    }\n  }\n\n  return null;\n}\n\nfunction getSegmentHanging(\n  originalHanging: MonthEventPositionData['hanging'],\n  touchesStart: boolean,\n  touchesEnd: boolean\n): MonthEventPositionData['hanging'] {\n  const hangsFromStart =\n    touchesStart && (originalHanging === 'start' || originalHanging === 'both');\n  const hangsFromEnd = touchesEnd && (originalHanging === 'end' || originalHanging === 'both');\n\n  if (hangsFromStart && hangsFromEnd) {\n    return 'both';\n  }\n\n  if (hangsFromStart) {\n    return 'start';\n  }\n\n  if (hangsFromEnd) {\n    return 'end';\n  }\n\n  return 'none';\n}\n\nfunction getSegmentPosition(\n  event: MonthPositionedEventData,\n  segment: SegmentRange,\n  eventRange: EventDayRange,\n  visibleColumnMap: number[],\n  columnsCount: number\n): MonthEventPositionData {\n  const touchesStart = segment.startDayIndex === eventRange.startDayIndex;\n  const touchesEnd = segment.endDayIndex === eventRange.endDayIndex;\n  const startColumn = visibleColumnMap[segment.startDayIndex];\n  const endColumn = visibleColumnMap[segment.endDayIndex];\n\n  return {\n    ...event.position,\n    startOffset: (startColumn / columnsCount) * 100,\n    width: ((endColumn - startColumn + 1) / columnsCount) * 100,\n    row: segment.row,\n    hanging: getSegmentHanging(event.position.hanging, touchesStart, touchesEnd),\n  };\n}\n\nfunction getEventKey(event: MonthPositionedEventData): string | number {\n  return event.id;\n}\n\nexport function getRenderableMonthEventSegments({\n  events,\n  groupedByDay,\n  maxEventsPerDay,\n  week,\n  hiddenColumns = [],\n  columnsCount = DAYS_IN_WEEK,\n}: GetRenderableMonthEventSegmentsInput): RenderableMonthEventSegment[] {\n  const hiddenColumnSet = new Set(hiddenColumns);\n  const visibleColumnMap = getVisibleColumnMap(hiddenColumns);\n  const eventIndexes = new Map<MonthPositionedEventData, number>();\n  const eventRanges = new Map<MonthPositionedEventData, EventDayRange>();\n  const renderRows = new Map<MonthPositionedEventData, Map<number, number>>();\n\n  events.forEach((event, index) => {\n    eventIndexes.set(event, index);\n    eventRanges.set(event, getEventDayRange(event));\n  });\n\n  const setRenderRow = (event: MonthPositionedEventData, dayIndex: number, row: number) => {\n    if (!renderRows.has(event)) {\n      renderRows.set(event, new Map());\n    }\n\n    renderRows.get(event)!.set(dayIndex, row);\n  };\n\n  // Each event remembers the row it was last placed on, so a multi-day bar reuses that row on every\n  // day it covers and stays continuous instead of jumping rows between adjacent days. A different row\n  // is only picked when the preferred one is already taken on that day.\n  const lastRow = new Map<MonthPositionedEventData, number>();\n\n  for (let dayIndex = 0; dayIndex < week.length; dayIndex += 1) {\n    if (hiddenColumnSet.has(dayIndex)) {\n      continue;\n    }\n\n    const dayEvents = groupedByDay[week[dayIndex]] || [];\n    const dayEventIds = new Set(dayEvents.map((event) => getEventKey(event)));\n    const dayWeekEvents = events.filter((event) => {\n      const range = eventRanges.get(event)!;\n      return (\n        dayEventIds.has(getEventKey(event)) &&\n        dayIndex >= range.startDayIndex &&\n        dayIndex <= range.endDayIndex\n      );\n    });\n\n    // On a truncated day only the events whose stable row fits are shown; the rest collapse into the\n    // \"+N more\" indicator. Other days show every event, compacting overflow rows down to fit.\n    const candidates =\n      dayEvents.length > maxEventsPerDay\n        ? dayWeekEvents.filter((event) => event.position.row < maxEventsPerDay)\n        : dayWeekEvents;\n\n    const usedRows = new Set<number>();\n    const sortedDayEvents = [...candidates].sort((a, b) => {\n      const rowDiff = a.position.row - b.position.row;\n      return rowDiff !== 0 ? rowDiff : eventIndexes.get(a)! - eventIndexes.get(b)!;\n    });\n\n    sortedDayEvents.forEach((event) => {\n      let row = lastRow.get(event) ?? event.position.row;\n\n      if (row >= maxEventsPerDay || usedRows.has(row)) {\n        const availableRow = getFirstAvailableRow(usedRows, maxEventsPerDay);\n\n        if (availableRow === null) {\n          return;\n        }\n\n        row = availableRow;\n      }\n\n      usedRows.add(row);\n      setRenderRow(event, dayIndex, row);\n      lastRow.set(event, row);\n    });\n  }\n\n  return events.flatMap((event) => {\n    const eventRange = eventRanges.get(event)!;\n    const eventRenderRows = renderRows.get(event);\n    const segments: RenderableMonthEventSegment[] = [];\n    let currentSegment: SegmentRange | null = null;\n\n    const addSegment = (segment: SegmentRange) => {\n      const position = getSegmentPosition(\n        event,\n        segment,\n        eventRange,\n        visibleColumnMap,\n        columnsCount\n      );\n\n      segments.push({\n        event,\n        position,\n        clipStart: segment.startDayIndex > eventRange.startDayIndex,\n        clipEnd: segment.endDayIndex < eventRange.endDayIndex,\n        key: `${event.id}-${event.position.weekIndex}-${segment.startDayIndex}-${segment.endDayIndex}-${segment.row}`,\n      });\n    };\n\n    for (\n      let dayIndex = eventRange.startDayIndex;\n      dayIndex <= eventRange.endDayIndex;\n      dayIndex += 1\n    ) {\n      const row = eventRenderRows?.get(dayIndex);\n\n      if (row === undefined) {\n        if (currentSegment) {\n          addSegment(currentSegment);\n          currentSegment = null;\n        }\n\n        continue;\n      }\n\n      if (currentSegment && currentSegment.row === row) {\n        currentSegment.endDayIndex = dayIndex;\n      } else {\n        if (currentSegment) {\n          addSegment(currentSegment);\n        }\n\n        currentSegment = {\n          startDayIndex: dayIndex,\n          endDayIndex: dayIndex,\n          row,\n        };\n      }\n    }\n\n    if (currentSegment) {\n      addSegment(currentSegment);\n    }\n\n    return segments;\n  });\n}\n"],"mappings":"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"}

package/cjs/components/MoreEvents/MoreEvents.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MoreEvents.cjs","names":["ScheduleEvent","Modal","Popover","UnstyledButton","getLabel","classes"],"sources":["../../../src/components/MoreEvents/MoreEvents.tsx"],"sourcesContent":["import {\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  MantineRadius,\n  Modal,\n  ModalProps,\n  Popover,\n  PopoverProps,\n  StylesApiProps,\n  UnstyledButton,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { useDisclosure } from '@mantine/hooks';\nimport { getLabel, ScheduleLabelsOverride } from '../../labels';\nimport { ScheduleEventData, ScheduleMode } from '../../types';\nimport { RenderEvent, RenderEventBody, ScheduleEvent } from '../ScheduleEvent/ScheduleEvent';\nimport classes from './MoreEvents.module.css';\n\nexport type MoreEventsDropdownType = 'popover' | 'modal';\n\nexport type MoreEventsStylesNames = 'moreEventsButton' | 'moreEventsList' | 'moreEventsDropdown';\n\nexport interface MoreEventsProps\n  extends BoxProps, StylesApiProps<MoreEventsFactory>, ElementProps<'button'> {\n  /** List of events to display */\n  events: ScheduleEventData[];\n\n  /** Events count to use for `+X more` label */\n  moreEventsCount: number;\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Title for the Modal component, ignored if `dropdownType` is not 'modal' */\n  modalTitle?: string;\n\n  /** Type of dropdown to use for displaying more events @default 'popover' */\n  dropdownType?: MoreEventsDropdownType;\n\n  /** Props passed down to `Popover` component */\n  popoverProps?: Partial<Omit<PopoverProps, 'children'>>;\n\n  /** Props passed down to `Modal` component */\n  modalProps?: Partial<Omit<ModalProps, 'children'>>;\n\n  /** Called when the dropdown is closed */\n  onDropdownClose?: () => void;\n\n  /** Function to customize event body, `event` object is passed as first argument */\n  renderEventBody?: RenderEventBody;\n\n  /** Function to fully customize event rendering, receives all props that would be passed to the root element including children */\n  renderEvent?: RenderEvent;\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n\n  /** Interaction mode: 'default' allows all interactions, 'static' disables event interactions @default default */\n  mode?: ScheduleMode;\n\n  /** Called when an event inside the dropdown is clicked */\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport type MoreEventsFactory = Factory<{\n  props: MoreEventsProps;\n  ref: HTMLButtonElement;\n  stylesNames: MoreEventsStylesNames;\n}>;\n\nconst defaultProps = {\n  dropdownType: 'popover',\n} satisfies Partial<MoreEventsProps>;\n\nexport const MoreEvents = factory<MoreEventsFactory>((_props) => {\n  const props = useProps('MoreEvents', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    radius,\n    dropdownType,\n    events,\n    moreEventsCount,\n    popoverProps,\n    modalProps,\n    onDropdownClose,\n    children,\n    modalTitle,\n    renderEventBody,\n    renderEvent,\n    id,\n    labels,\n    mode,\n    onEventClick,\n    ...others\n  } = props;\n  const [dropdownOpened, dropdownHandlers] = useDisclosure();\n\n  const getStyles = useStyles<MoreEventsFactory>({\n    name: 'MoreEvents',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    rootSelector: 'moreEventsButton',\n  });\n\n  const handleClose = () => {\n    dropdownHandlers.close();\n    onDropdownClose?.();\n  };\n\n  const eventsList = (\n    <div {...getStyles('moreEventsList')}>\n      {events.map((event) => (\n        <ScheduleEvent\n          key={event.id}\n          radius={radius}\n          event={event}\n          size=\"md\"\n          renderEventBody={renderEventBody}\n          renderEvent={renderEvent}\n          mode={mode}\n          onClick={onEventClick ? (e) => onEventClick(event, e) : undefined}\n        >\n          {event.title}\n        </ScheduleEvent>\n      ))}\n    </div>\n  );\n\n  return (\n    <>\n      {dropdownType === 'modal' && (\n        <Modal\n          opened={dropdownOpened}\n          onClose={handleClose}\n          unstyled={unstyled}\n          radius={radius}\n          title={modalTitle}\n          {...modalProps}\n        >\n          {eventsList}\n        </Modal>\n      )}\n\n      <Popover\n        position=\"bottom-start\"\n        width={260}\n        opened={dropdownOpened}\n        trapFocus\n        returnFocus={false}\n        unstyled={unstyled}\n        disabled={popoverProps?.disabled || dropdownType === 'modal'}\n        radius={radius}\n        transitionProps={{ transition: 'pop', duration: 120 }}\n        offset={-46}\n        id={id}\n        {...popoverProps}\n        onChange={(_opened) => {\n          if (!_opened) {\n            popoverProps?.onChange?.(_opened);\n            handleClose();\n          }\n        }}\n      >\n        <Popover.Target>\n          <UnstyledButton\n            {...getStyles('moreEventsButton')}\n            mod={{ static: mode === 'static' }}\n            onClick={() => dropdownHandlers.toggle()}\n            {...others}\n          >\n            {getLabel('moreLabel', labels)(moreEventsCount)}\n          </UnstyledButton>\n        </Popover.Target>\n\n        <Popover.Dropdown {...getStyles('moreEventsDropdown')}>{eventsList}</Popover.Dropdown>\n      </Popover>\n    </>\n  );\n});\n\nMoreEvents.displayName = '@mantine/schedule/MoreEvents';\nMoreEvents.classes = classes;\n"],"mappings":";;;;;;;;AAyEA,MAAM,eAAe,EACnB,cAAc,UAChB;AAEA,MAAa,cAAA,GAAA,cAAA,QAAA,EAAyC,WAAW;CAC/D,MAAM,SAAA,GAAA,cAAA,SAAA,CAAiB,cAAc,cAAc,MAAM;CACzD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,QACA,cACA,QACA,iBACA,cACA,YACA,iBACA,UACA,YACA,iBACA,aACA,IACA,QACA,MACA,cACA,GAAG,WACD;CACJ,MAAM,CAAC,gBAAgB,qBAAA,GAAA,eAAA,cAAA,CAAkC;CAEzD,MAAM,aAAA,GAAA,cAAA,UAAA,CAAyC;EAC7C,MAAM;EACN,SAAA,0BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;CAChB,CAAC;CAED,MAAM,oBAAoB;EACxB,iBAAiB,MAAM;EACvB,kBAAkB;CACpB;CAEA,MAAM,aACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,GAAI,UAAU,gBAAgB;YAChC,OAAO,KAAK,UACX,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,eAAD;GAEU;GACD;GACP,MAAK;GACY;GACJ;GACP;GACN,SAAS,gBAAgB,MAAM,aAAa,OAAO,CAAC,IAAI,KAAA;aAEvD,MAAM;EACM,GAVR,MAAM,EAUE,CAChB;CACE,CAAA;CAGP,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACG,iBAAiB,WAChB,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;EACE,QAAQ;EACR,SAAS;EACC;EACF;EACR,OAAO;EACP,GAAI;YAEH;CACI,CAAA,GAGT,iBAAA,GAAA,kBAAA,KAAA,CAACC,cAAAA,SAAD;EACE,UAAS;EACT,OAAO;EACP,QAAQ;EACR,WAAA;EACA,aAAa;EACH;EACV,UAAU,cAAc,YAAY,iBAAiB;EAC7C;EACR,iBAAiB;GAAE,YAAY;GAAO,UAAU;EAAI;EACpD,QAAQ;EACJ;EACJ,GAAI;EACJ,WAAW,YAAY;GACrB,IAAI,CAAC,SAAS;IACZ,cAAc,WAAW,OAAO;IAChC,YAAY;GACd;EACF;YAlBF,CAoBE,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,QAAQ,QAAT,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,gBAAD;GACE,GAAI,UAAU,kBAAkB;GAChC,KAAK,EAAE,QAAQ,SAAS,SAAS;GACjC,eAAe,iBAAiB,OAAO;GACvC,GAAI;aAEHC,eAAAA,SAAS,aAAa,MAAM,CAAC,CAAC,eAAe;EAChC,CAAA,EACF,CAAA,GAEhB,iBAAA,GAAA,kBAAA,IAAA,CAACF,cAAAA,QAAQ,UAAT;GAAkB,GAAI,UAAU,oBAAoB;aAAI;EAA6B,CAAA,CAC9E;GACT,EAAA,CAAA;AAEN,CAAC;AAED,WAAW,cAAc;AACzB,WAAW,UAAUG,0BAAAA"}
+{"version":3,"file":"MoreEvents.cjs","names":["factory","useProps","useDisclosure","useStyles","ScheduleEvent","Modal","Popover","UnstyledButton","getLabel","classes"],"sources":["../../../src/components/MoreEvents/MoreEvents.tsx"],"sourcesContent":["import {\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  MantineRadius,\n  Modal,\n  ModalProps,\n  Popover,\n  PopoverProps,\n  StylesApiProps,\n  UnstyledButton,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { useDisclosure } from '@mantine/hooks';\nimport { getLabel, ScheduleLabelsOverride } from '../../labels';\nimport { ScheduleEventData, ScheduleMode } from '../../types';\nimport { RenderEvent, RenderEventBody, ScheduleEvent } from '../ScheduleEvent/ScheduleEvent';\nimport classes from './MoreEvents.module.css';\n\nexport type MoreEventsDropdownType = 'popover' | 'modal';\n\nexport type MoreEventsStylesNames = 'moreEventsButton' | 'moreEventsList' | 'moreEventsDropdown';\n\nexport interface MoreEventsProps\n  extends BoxProps, StylesApiProps<MoreEventsFactory>, ElementProps<'button'> {\n  /** List of events to display */\n  events: ScheduleEventData[];\n\n  /** Events count to use for `+X more` label */\n  moreEventsCount: number;\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Title for the Modal component, ignored if `dropdownType` is not 'modal' */\n  modalTitle?: string;\n\n  /** Type of dropdown to use for displaying more events @default 'popover' */\n  dropdownType?: MoreEventsDropdownType;\n\n  /** Props passed down to `Popover` component */\n  popoverProps?: Partial<Omit<PopoverProps, 'children'>>;\n\n  /** Props passed down to `Modal` component */\n  modalProps?: Partial<Omit<ModalProps, 'children'>>;\n\n  /** Called when the dropdown is closed */\n  onDropdownClose?: () => void;\n\n  /** Function to customize event body, `event` object is passed as first argument */\n  renderEventBody?: RenderEventBody;\n\n  /** Function to fully customize event rendering, receives all props that would be passed to the root element including children */\n  renderEvent?: RenderEvent;\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n\n  /** Interaction mode: 'default' allows all interactions, 'static' disables event interactions @default default */\n  mode?: ScheduleMode;\n\n  /** Called when an event inside the dropdown is clicked */\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport type MoreEventsFactory = Factory<{\n  props: MoreEventsProps;\n  ref: HTMLButtonElement;\n  stylesNames: MoreEventsStylesNames;\n}>;\n\nconst defaultProps = {\n  dropdownType: 'popover',\n} satisfies Partial<MoreEventsProps>;\n\nexport const MoreEvents = factory<MoreEventsFactory>((_props) => {\n  const props = useProps('MoreEvents', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    radius,\n    dropdownType,\n    events,\n    moreEventsCount,\n    popoverProps,\n    modalProps,\n    onDropdownClose,\n    children,\n    modalTitle,\n    renderEventBody,\n    renderEvent,\n    id,\n    labels,\n    mode,\n    onEventClick,\n    ...others\n  } = props;\n  const [dropdownOpened, dropdownHandlers] = useDisclosure();\n\n  const getStyles = useStyles<MoreEventsFactory>({\n    name: 'MoreEvents',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    rootSelector: 'moreEventsButton',\n  });\n\n  const handleClose = () => {\n    dropdownHandlers.close();\n    onDropdownClose?.();\n  };\n\n  const eventsList = (\n    <div {...getStyles('moreEventsList')}>\n      {events.map((event) => (\n        <ScheduleEvent\n          key={event.id}\n          radius={radius}\n          event={event}\n          size=\"md\"\n          renderEventBody={renderEventBody}\n          renderEvent={renderEvent}\n          mode={mode}\n          onClick={onEventClick ? (e) => onEventClick(event, e) : undefined}\n        >\n          {event.title}\n        </ScheduleEvent>\n      ))}\n    </div>\n  );\n\n  return (\n    <>\n      {dropdownType === 'modal' && (\n        <Modal\n          opened={dropdownOpened}\n          onClose={handleClose}\n          unstyled={unstyled}\n          radius={radius}\n          title={modalTitle}\n          {...modalProps}\n        >\n          {eventsList}\n        </Modal>\n      )}\n\n      <Popover\n        position=\"bottom-start\"\n        width={260}\n        opened={dropdownOpened}\n        trapFocus\n        returnFocus={false}\n        unstyled={unstyled}\n        disabled={popoverProps?.disabled || dropdownType === 'modal'}\n        radius={radius}\n        transitionProps={{ transition: 'pop', duration: 120 }}\n        offset={-46}\n        id={id}\n        {...popoverProps}\n        onChange={(_opened) => {\n          if (!_opened) {\n            popoverProps?.onChange?.(_opened);\n            handleClose();\n          }\n        }}\n      >\n        <Popover.Target>\n          <UnstyledButton\n            {...getStyles('moreEventsButton')}\n            mod={{ static: mode === 'static' }}\n            onClick={() => dropdownHandlers.toggle()}\n            {...others}\n          >\n            {getLabel('moreLabel', labels)(moreEventsCount)}\n          </UnstyledButton>\n        </Popover.Target>\n\n        <Popover.Dropdown {...getStyles('moreEventsDropdown')}>{eventsList}</Popover.Dropdown>\n      </Popover>\n    </>\n  );\n});\n\nMoreEvents.displayName = '@mantine/schedule/MoreEvents';\nMoreEvents.classes = classes;\n"],"mappings":";;;;;;;;AAyEA,MAAM,eAAe,EACnB,cAAc,UAChB;AAEA,MAAa,cAAA,GAAaA,cAAAA,QAAAA,EAA4B,WAAW;CAC/D,MAAM,SAAA,GAAQC,cAAAA,SAAAA,CAAS,cAAc,cAAc,MAAM;CACzD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,QACA,cACA,QACA,iBACA,cACA,YACA,iBACA,UACA,YACA,iBACA,aACA,IACA,QACA,MACA,cACA,GAAG,WACD;CACJ,MAAM,CAAC,gBAAgB,qBAAA,GAAoBC,eAAAA,cAAAA,CAAc;CAEzD,MAAM,aAAA,GAAYC,cAAAA,UAAAA,CAA6B;EAC7C,MAAM;EACN,SAAA,0BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;CAChB,CAAC;CAED,MAAM,oBAAoB;EACxB,iBAAiB,MAAM;EACvB,kBAAkB;CACpB;CAEA,MAAM,aACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,GAAI,UAAU,gBAAgB;EAChC,UAAA,OAAO,KAAK,UACX,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,eAAD;GAEU;GACD;GACP,MAAK;GACY;GACJ;GACP;GACN,SAAS,gBAAgB,MAAM,aAAa,OAAO,CAAC,IAAI,KAAA;GAEvD,UAAA,MAAM;EACM,GAVR,MAAM,EAUE,CAChB;CACE,CAAA;CAGP,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACG,iBAAiB,WAChB,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;EACE,QAAQ;EACR,SAAS;EACC;EACF;EACR,OAAO;EACP,GAAI;EAEH,UAAA;CACI,CAAA,GAGT,iBAAA,GAAA,kBAAA,KAAA,CAACC,cAAAA,SAAD;EACE,UAAS;EACT,OAAO;EACP,QAAQ;EACR,WAAA;EACA,aAAa;EACH;EACV,UAAU,cAAc,YAAY,iBAAiB;EAC7C;EACR,iBAAiB;GAAE,YAAY;GAAO,UAAU;EAAI;EACpD,QAAQ;EACJ;EACJ,GAAI;EACJ,WAAW,YAAY;GACrB,IAAI,CAAC,SAAS;IACZ,cAAc,WAAW,OAAO;IAChC,YAAY;GACd;EACF;EAlBF,UAAA,CAoBE,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,QAAQ,QAAT,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,gBAAD;GACE,GAAI,UAAU,kBAAkB;GAChC,KAAK,EAAE,QAAQ,SAAS,SAAS;GACjC,eAAe,iBAAiB,OAAO;GACvC,GAAI;GAEHC,UAAAA,eAAAA,SAAS,aAAa,MAAM,CAAC,CAAC,eAAe;EAChC,CAAA,EACF,CAAA,GAEhB,iBAAA,GAAA,kBAAA,IAAA,CAACF,cAAAA,QAAQ,UAAT;GAAkB,GAAI,UAAU,oBAAoB;GAAI,UAAA;EAA6B,CAAA,CAC9E;CACT,CAAA,CAAA,EAAA,CAAA;AAEN,CAAC;AAED,WAAW,cAAc;AACzB,WAAW,UAAUG,0BAAAA"}