@mantine/schedule 9.5.0 → 9.5.1-alpha.0

package/cjs/components/ResourcesSchedule/ResourcesSchedule.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ResourcesSchedule.cjs","names":["ResourcesDayView","ResourcesWeekView","ResourcesMonthView","Box","classes"],"sources":["../../../src/components/ResourcesSchedule/ResourcesSchedule.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  MantineRadius,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { ScheduleLabelsOverride } from '../../labels';\nimport {\n  DateStringValue,\n  DateTimeStringValue,\n  ScheduleEventData,\n  ScheduleMode,\n  ScheduleResourceData,\n  ScheduleViewLevel,\n} from '../../types';\nimport {\n  ResourcesDayView,\n  ResourcesDayViewProps,\n  ResourcesDayViewStylesNames,\n} from '../ResourcesDayView/ResourcesDayView';\nimport {\n  ResourcesMonthView,\n  ResourcesMonthViewProps,\n  ResourcesMonthViewStylesNames,\n} from '../ResourcesMonthView/ResourcesMonthView';\nimport {\n  ResourcesWeekView,\n  ResourcesWeekViewProps,\n  ResourcesWeekViewStylesNames,\n} from '../ResourcesWeekView/ResourcesWeekView';\nimport { RenderEventBody } from '../ScheduleEvent/ScheduleEvent';\nimport classes from './ResourcesSchedule.module.css';\n\nexport type ResourcesScheduleStylesNames =\n  | 'root'\n  | ResourcesDayViewStylesNames\n  | ResourcesWeekViewStylesNames\n  | ResourcesMonthViewStylesNames;\n\nexport type ResourcesScheduleViewLevel = 'day' | 'week' | 'month';\n\ntype ResourcesScheduleCommonProps =\n  | 'date'\n  | 'onDateChange'\n  | 'resources'\n  | 'events'\n  | 'locale'\n  | 'radius'\n  | 'labels'\n  | 'renderEventBody'\n  | 'renderResourceLabel'\n  | 'withEventsDragAndDrop'\n  | 'onEventDrop'\n  | 'canDragEvent'\n  | 'onEventDragStart'\n  | 'onEventDragEnd'\n  | 'onTimeSlotClick'\n  | 'onEventClick'\n  | 'onDayClick'\n  | 'withDragSlotSelect'\n  | 'onSlotDragEnd'\n  | 'view'\n  | 'onViewChange'\n  | 'mode'\n  | 'onExternalEventDrop'\n  | 'withEventResize'\n  | 'onEventResize'\n  | 'canResizeEvent'\n  | 'recurrenceExpansionLimit';\n\ntype ResourcesScheduleViewProps<T> = Partial<Omit<T, ResourcesScheduleCommonProps>>;\n\nexport interface ResourcesScheduleProps\n  extends BoxProps, StylesApiProps<ResourcesScheduleFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** List of resources to display */\n  resources: ScheduleResourceData[];\n\n  /** Current date to display (controlled) */\n  date?: Date | DateStringValue;\n\n  /** Default date (uncontrolled) */\n  defaultDate?: Date | DateStringValue;\n\n  /** Called when date changes via navigation */\n  onDateChange?: (date: DateStringValue) => void;\n\n  /** Current view level (controlled) */\n  view?: ResourcesScheduleViewLevel;\n\n  /** Default view level (uncontrolled) @default 'day' */\n  defaultView?: ResourcesScheduleViewLevel;\n\n  /** Called when view level changes */\n  onViewChange?: (view: ResourcesScheduleViewLevel) => void;\n\n  /** Events to display across all views */\n  events?: ScheduleEventData[];\n\n  /** Locale for date formatting */\n  locale?: string;\n\n  /** Key of theme.radius or any valid CSS value to set border-radius */\n  radius?: MantineRadius;\n\n  /** Labels override for i18n */\n  labels?: ScheduleLabelsOverride;\n\n  /** Custom event body renderer */\n  renderEventBody?: RenderEventBody;\n\n  /** Custom resource label renderer */\n  renderResourceLabel?: (resource: ScheduleResourceData) => React.ReactNode;\n\n  /** Enable drag and drop for events @default false */\n  withEventsDragAndDrop?: boolean;\n\n  /** Called when event is dropped */\n  onEventDrop?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n    resourceId?: string | number;\n  }) => void;\n\n  /** Function to determine if event can be dragged */\n  canDragEvent?: (event: ScheduleEventData) => boolean;\n\n  /** Called when any event drag starts */\n  onEventDragStart?: (event: ScheduleEventData) => void;\n\n  /** Called when any event drag ends */\n  onEventDragEnd?: () => void;\n\n  /** Called when time slot is clicked */\n  onTimeSlotClick?: (data: {\n    slotStart: DateTimeStringValue;\n    slotEnd: DateTimeStringValue;\n    nativeEvent: React.MouseEvent<HTMLButtonElement>;\n    resourceId?: string | number;\n  }) => void;\n\n  /** Called when day is clicked in month view */\n  onDayClick?: (data: {\n    date: DateStringValue;\n    nativeEvent: React.MouseEvent<HTMLButtonElement>;\n    resourceId?: string | number;\n  }) => void;\n\n  /** Called when event is clicked */\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** If set, enables drag-to-select slot ranges @default false */\n  withDragSlotSelect?: boolean;\n\n  /** Called when a slot range is selected by dragging */\n  onSlotDragEnd?: (data: {\n    rangeStart: DateTimeStringValue;\n    rangeEnd: DateTimeStringValue;\n    resourceId?: string | number;\n  }) => void;\n\n  /** Interaction mode @default default */\n  mode?: ScheduleMode;\n\n  /** Called when an external item is dropped onto the schedule */\n  onExternalEventDrop?: (data: {\n    dataTransfer: DataTransfer;\n    dropDateTime: DateTimeStringValue;\n    resourceId?: string | number;\n  }) => void;\n\n  /** If true, events can be resized @default false */\n  withEventResize?: boolean;\n\n  /** Called when event is resized */\n  onEventResize?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n\n  /** Function to determine if event can be resized */\n  canResizeEvent?: (event: ScheduleEventData) => boolean;\n\n  /** Max number of generated recurring instances @default 2000 */\n  recurrenceExpansionLimit?: number;\n\n  /** Props specific to ResourcesDayView */\n  dayViewProps?: ResourcesScheduleViewProps<ResourcesDayViewProps>;\n\n  /** Props specific to ResourcesWeekView */\n  weekViewProps?: ResourcesScheduleViewProps<ResourcesWeekViewProps>;\n\n  /** Props specific to ResourcesMonthView */\n  monthViewProps?: ResourcesScheduleViewProps<ResourcesMonthViewProps>;\n}\n\nexport type ResourcesScheduleFactory = Factory<{\n  props: ResourcesScheduleProps;\n  ref: HTMLDivElement;\n  stylesNames: ResourcesScheduleStylesNames;\n}>;\n\nconst defaultProps: Partial<ResourcesScheduleProps> = {\n  defaultView: 'day',\n  mode: 'default',\n};\n\nexport const ResourcesSchedule = factory<ResourcesScheduleFactory>((_props) => {\n  const props = useProps('ResourcesSchedule', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    resources,\n    date,\n    defaultDate,\n    onDateChange,\n    view,\n    defaultView,\n    onViewChange,\n    events,\n    locale,\n    radius,\n    labels,\n    renderEventBody,\n    renderResourceLabel,\n    withEventsDragAndDrop,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    onTimeSlotClick,\n    onDayClick,\n    onEventClick,\n    withDragSlotSelect,\n    onSlotDragEnd,\n    onExternalEventDrop,\n    withEventResize,\n    onEventResize,\n    canResizeEvent,\n    recurrenceExpansionLimit,\n    mode,\n    dayViewProps,\n    weekViewProps,\n    monthViewProps,\n    __staticSelector,\n    mod,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ResourcesScheduleFactory>({\n    name: __staticSelector || 'ResourcesSchedule',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n  });\n\n  const [_view, _setView] = useUncontrolled<ResourcesScheduleViewLevel>({\n    value: view,\n    defaultValue: defaultView,\n    onChange: onViewChange,\n  });\n\n  const [_date, _setDate] = useUncontrolled<Date | DateStringValue>({\n    value: date,\n    defaultValue: defaultDate ?? new Date(),\n  });\n\n  const handleDateChange = (newDate: DateStringValue) => {\n    _setDate(newDate);\n    onDateChange?.(newDate);\n  };\n\n  const handleViewChange = (newView: ScheduleViewLevel) => {\n    if (newView === 'day' || newView === 'week' || newView === 'month') {\n      _setView(newView);\n    }\n  };\n\n  const commonProps = {\n    resources,\n    date: _date,\n    onDateChange: handleDateChange,\n    onViewChange: handleViewChange,\n    events,\n    locale,\n    radius,\n    labels,\n    renderEventBody,\n    renderResourceLabel,\n    withEventsDragAndDrop: mode === 'static' ? false : withEventsDragAndDrop,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    onEventClick,\n    withDragSlotSelect,\n    onSlotDragEnd,\n    onExternalEventDrop,\n    recurrenceExpansionLimit,\n    mode,\n  };\n\n  const content = (() => {\n    switch (_view) {\n      case 'day':\n        return (\n          <ResourcesDayView\n            {...commonProps}\n            onTimeSlotClick={onTimeSlotClick}\n            withEventResize={mode === 'static' ? false : withEventResize}\n            onEventResize={onEventResize}\n            canResizeEvent={canResizeEvent}\n            {...dayViewProps}\n          />\n        );\n      case 'week':\n        return (\n          <ResourcesWeekView\n            {...commonProps}\n            onTimeSlotClick={onTimeSlotClick}\n            withEventResize={mode === 'static' ? false : withEventResize}\n            onEventResize={onEventResize}\n            canResizeEvent={canResizeEvent}\n            {...weekViewProps}\n          />\n        );\n      case 'month':\n        return <ResourcesMonthView {...commonProps} onDayClick={onDayClick} {...monthViewProps} />;\n      default:\n        return null;\n    }\n  })();\n\n  return (\n    <Box {...getStyles('root')} mod={mod} {...others}>\n      {content}\n    </Box>\n  );\n});\n\nResourcesSchedule.displayName = '@mantine/schedule/ResourcesSchedule';\nResourcesSchedule.classes = classes;\n\nexport namespace ResourcesSchedule {\n  export type Props = ResourcesScheduleProps;\n  export type StylesNames = ResourcesScheduleStylesNames;\n  export type Factory = ResourcesScheduleFactory;\n  export type ViewLevel = ResourcesScheduleViewLevel;\n}\n"],"mappings":";;;;;;;;;AAqNA,MAAM,eAAgD;CACpD,aAAa;CACb,MAAM;AACR;AAEA,MAAa,qBAAA,GAAA,cAAA,QAAA,EAAuD,WAAW;CAC7E,MAAM,SAAA,GAAA,cAAA,SAAA,CAAiB,qBAAqB,cAAc,MAAM;CAChE,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,WACA,MACA,aACA,cACA,MACA,aACA,cACA,QACA,QACA,QACA,QACA,iBACA,qBACA,uBACA,aACA,cACA,kBACA,gBACA,iBACA,YACA,cACA,oBACA,eACA,qBACA,iBACA,eACA,gBACA,0BACA,MACA,cACA,eACA,gBACA,kBACA,KACA,GAAG,WACD;CAEJ,MAAM,aAAA,GAAA,cAAA,UAAA,CAAgD;EACpD,MAAM,oBAAoB;EAC1B,SAAA,iCAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,CAAC,OAAO,aAAA,GAAA,eAAA,gBAAA,CAAwD;EACpE,OAAO;EACP,cAAc;EACd,UAAU;CACZ,CAAC;CAED,MAAM,CAAC,OAAO,aAAA,GAAA,eAAA,gBAAA,CAAoD;EAChE,OAAO;EACP,cAAc,+BAAe,IAAI,KAAK;CACxC,CAAC;CAED,MAAM,oBAAoB,YAA6B;EACrD,SAAS,OAAO;EAChB,eAAe,OAAO;CACxB;CAEA,MAAM,oBAAoB,YAA+B;EACvD,IAAI,YAAY,SAAS,YAAY,UAAU,YAAY,SACzD,SAAS,OAAO;CAEpB;CAEA,MAAM,cAAc;EAClB;EACA,MAAM;EACN,cAAc;EACd,cAAc;EACd;EACA;EACA;EACA;EACA;EACA;EACA,uBAAuB,SAAS,WAAW,QAAQ;EACnD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,MAAM,iBAAiB;EACrB,QAAQ,OAAR;GACE,KAAK,OACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,yBAAAA,kBAAD;IACE,GAAI;IACa;IACjB,iBAAiB,SAAS,WAAW,QAAQ;IAC9B;IACC;IAChB,GAAI;GACL,CAAA;GAEL,KAAK,QACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,0BAAAA,mBAAD;IACE,GAAI;IACa;IACjB,iBAAiB,SAAS,WAAW,QAAQ;IAC9B;IACC;IAChB,GAAI;GACL,CAAA;GAEL,KAAK,SACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,oBAAD;IAAoB,GAAI;IAAyB;IAAY,GAAI;GAAiB,CAAA;GAC3F,SACE,OAAO;EACX;CACF,EAAA,CAAG;CAEH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,KAAD;EAAK,GAAI,UAAU,MAAM;EAAQ;EAAK,GAAI;YACvC;CACE,CAAA;AAET,CAAC;AAED,kBAAkB,cAAc;AAChC,kBAAkB,UAAUC,iCAAAA"}
+{"version":3,"file":"ResourcesSchedule.cjs","names":["ResourcesDayView","ResourcesWeekView","ResourcesMonthView","Box","classes"],"sources":["../../../src/components/ResourcesSchedule/ResourcesSchedule.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  MantineRadius,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { ScheduleLabelsOverride } from '../../labels';\nimport {\n  DateStringValue,\n  DateTimeStringValue,\n  ScheduleEventData,\n  ScheduleMode,\n  ScheduleResourceData,\n  ScheduleViewLevel,\n} from '../../types';\nimport {\n  ResourcesDayView,\n  ResourcesDayViewProps,\n  ResourcesDayViewStylesNames,\n} from '../ResourcesDayView/ResourcesDayView';\nimport {\n  ResourcesMonthView,\n  ResourcesMonthViewProps,\n  ResourcesMonthViewStylesNames,\n} from '../ResourcesMonthView/ResourcesMonthView';\nimport {\n  ResourcesWeekView,\n  ResourcesWeekViewProps,\n  ResourcesWeekViewStylesNames,\n} from '../ResourcesWeekView/ResourcesWeekView';\nimport { RenderEventBody } from '../ScheduleEvent/ScheduleEvent';\nimport classes from './ResourcesSchedule.module.css';\n\nexport type ResourcesScheduleStylesNames =\n  | 'root'\n  | ResourcesDayViewStylesNames\n  | ResourcesWeekViewStylesNames\n  | ResourcesMonthViewStylesNames;\n\nexport type ResourcesScheduleViewLevel = 'day' | 'week' | 'month';\n\ntype ResourcesScheduleCommonProps =\n  | 'date'\n  | 'onDateChange'\n  | 'resources'\n  | 'events'\n  | 'locale'\n  | 'radius'\n  | 'labels'\n  | 'renderEventBody'\n  | 'renderResourceLabel'\n  | 'withEventsDragAndDrop'\n  | 'onEventDrop'\n  | 'canDragEvent'\n  | 'onEventDragStart'\n  | 'onEventDragEnd'\n  | 'onTimeSlotClick'\n  | 'onEventClick'\n  | 'onDayClick'\n  | 'withDragSlotSelect'\n  | 'onSlotDragEnd'\n  | 'view'\n  | 'onViewChange'\n  | 'mode'\n  | 'onExternalEventDrop'\n  | 'withEventResize'\n  | 'onEventResize'\n  | 'canResizeEvent'\n  | 'recurrenceExpansionLimit';\n\ntype ResourcesScheduleViewProps<T> = Partial<Omit<T, ResourcesScheduleCommonProps>>;\n\nexport interface ResourcesScheduleProps\n  extends BoxProps, StylesApiProps<ResourcesScheduleFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** List of resources to display */\n  resources: ScheduleResourceData[];\n\n  /** Current date to display (controlled) */\n  date?: Date | DateStringValue;\n\n  /** Default date (uncontrolled) */\n  defaultDate?: Date | DateStringValue;\n\n  /** Called when date changes via navigation */\n  onDateChange?: (date: DateStringValue) => void;\n\n  /** Current view level (controlled) */\n  view?: ResourcesScheduleViewLevel;\n\n  /** Default view level (uncontrolled) @default 'day' */\n  defaultView?: ResourcesScheduleViewLevel;\n\n  /** Called when view level changes */\n  onViewChange?: (view: ResourcesScheduleViewLevel) => void;\n\n  /** Events to display across all views */\n  events?: ScheduleEventData[];\n\n  /** Locale for date formatting */\n  locale?: string;\n\n  /** Key of theme.radius or any valid CSS value to set border-radius */\n  radius?: MantineRadius;\n\n  /** Labels override for i18n */\n  labels?: ScheduleLabelsOverride;\n\n  /** Custom event body renderer */\n  renderEventBody?: RenderEventBody;\n\n  /** Custom resource label renderer */\n  renderResourceLabel?: (resource: ScheduleResourceData) => React.ReactNode;\n\n  /** Enable drag and drop for events @default false */\n  withEventsDragAndDrop?: boolean;\n\n  /** Called when event is dropped */\n  onEventDrop?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n    resourceId?: string | number;\n  }) => void;\n\n  /** Function to determine if event can be dragged */\n  canDragEvent?: (event: ScheduleEventData) => boolean;\n\n  /** Called when any event drag starts */\n  onEventDragStart?: (event: ScheduleEventData) => void;\n\n  /** Called when any event drag ends */\n  onEventDragEnd?: () => void;\n\n  /** Called when time slot is clicked */\n  onTimeSlotClick?: (data: {\n    slotStart: DateTimeStringValue;\n    slotEnd: DateTimeStringValue;\n    nativeEvent: React.MouseEvent<HTMLButtonElement>;\n    resourceId?: string | number;\n  }) => void;\n\n  /** Called when day is clicked in month view */\n  onDayClick?: (data: {\n    date: DateStringValue;\n    nativeEvent: React.MouseEvent<HTMLButtonElement>;\n    resourceId?: string | number;\n  }) => void;\n\n  /** Called when event is clicked */\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** If set, enables drag-to-select slot ranges @default false */\n  withDragSlotSelect?: boolean;\n\n  /** Called when a slot range is selected by dragging */\n  onSlotDragEnd?: (data: {\n    rangeStart: DateTimeStringValue;\n    rangeEnd: DateTimeStringValue;\n    resourceId?: string | number;\n  }) => void;\n\n  /** Interaction mode @default default */\n  mode?: ScheduleMode;\n\n  /** Called when an external item is dropped onto the schedule */\n  onExternalEventDrop?: (data: {\n    dataTransfer: DataTransfer;\n    dropDateTime: DateTimeStringValue;\n    resourceId?: string | number;\n  }) => void;\n\n  /** If true, events can be resized by dragging their edges, resizing snaps to whole days in month view @default false */\n  withEventResize?: boolean;\n\n  /** Called when event is resized */\n  onEventResize?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n\n  /** Function to determine if event can be resized */\n  canResizeEvent?: (event: ScheduleEventData) => boolean;\n\n  /** Max number of generated recurring instances @default 2000 */\n  recurrenceExpansionLimit?: number;\n\n  /** Props specific to ResourcesDayView */\n  dayViewProps?: ResourcesScheduleViewProps<ResourcesDayViewProps>;\n\n  /** Props specific to ResourcesWeekView */\n  weekViewProps?: ResourcesScheduleViewProps<ResourcesWeekViewProps>;\n\n  /** Props specific to ResourcesMonthView */\n  monthViewProps?: ResourcesScheduleViewProps<ResourcesMonthViewProps>;\n}\n\nexport type ResourcesScheduleFactory = Factory<{\n  props: ResourcesScheduleProps;\n  ref: HTMLDivElement;\n  stylesNames: ResourcesScheduleStylesNames;\n}>;\n\nconst defaultProps: Partial<ResourcesScheduleProps> = {\n  defaultView: 'day',\n  mode: 'default',\n};\n\nexport const ResourcesSchedule = factory<ResourcesScheduleFactory>((_props) => {\n  const props = useProps('ResourcesSchedule', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    resources,\n    date,\n    defaultDate,\n    onDateChange,\n    view,\n    defaultView,\n    onViewChange,\n    events,\n    locale,\n    radius,\n    labels,\n    renderEventBody,\n    renderResourceLabel,\n    withEventsDragAndDrop,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    onTimeSlotClick,\n    onDayClick,\n    onEventClick,\n    withDragSlotSelect,\n    onSlotDragEnd,\n    onExternalEventDrop,\n    withEventResize,\n    onEventResize,\n    canResizeEvent,\n    recurrenceExpansionLimit,\n    mode,\n    dayViewProps,\n    weekViewProps,\n    monthViewProps,\n    __staticSelector,\n    mod,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ResourcesScheduleFactory>({\n    name: __staticSelector || 'ResourcesSchedule',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n  });\n\n  const [_view, _setView] = useUncontrolled<ResourcesScheduleViewLevel>({\n    value: view,\n    defaultValue: defaultView,\n    onChange: onViewChange,\n  });\n\n  const [_date, _setDate] = useUncontrolled<Date | DateStringValue>({\n    value: date,\n    defaultValue: defaultDate ?? new Date(),\n  });\n\n  const handleDateChange = (newDate: DateStringValue) => {\n    _setDate(newDate);\n    onDateChange?.(newDate);\n  };\n\n  const handleViewChange = (newView: ScheduleViewLevel) => {\n    if (newView === 'day' || newView === 'week' || newView === 'month') {\n      _setView(newView);\n    }\n  };\n\n  const commonProps = {\n    resources,\n    date: _date,\n    onDateChange: handleDateChange,\n    onViewChange: handleViewChange,\n    events,\n    locale,\n    radius,\n    labels,\n    renderEventBody,\n    renderResourceLabel,\n    withEventsDragAndDrop: mode === 'static' ? false : withEventsDragAndDrop,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    onEventClick,\n    withDragSlotSelect,\n    onSlotDragEnd,\n    onExternalEventDrop,\n    recurrenceExpansionLimit,\n    mode,\n  };\n\n  const content = (() => {\n    switch (_view) {\n      case 'day':\n        return (\n          <ResourcesDayView\n            {...commonProps}\n            onTimeSlotClick={onTimeSlotClick}\n            withEventResize={mode === 'static' ? false : withEventResize}\n            onEventResize={onEventResize}\n            canResizeEvent={canResizeEvent}\n            {...dayViewProps}\n          />\n        );\n      case 'week':\n        return (\n          <ResourcesWeekView\n            {...commonProps}\n            onTimeSlotClick={onTimeSlotClick}\n            withEventResize={mode === 'static' ? false : withEventResize}\n            onEventResize={onEventResize}\n            canResizeEvent={canResizeEvent}\n            {...weekViewProps}\n          />\n        );\n      case 'month':\n        return (\n          <ResourcesMonthView\n            {...commonProps}\n            onDayClick={onDayClick}\n            withEventResize={mode === 'static' ? false : withEventResize}\n            onEventResize={onEventResize}\n            canResizeEvent={canResizeEvent}\n            {...monthViewProps}\n          />\n        );\n      default:\n        return null;\n    }\n  })();\n\n  return (\n    <Box {...getStyles('root')} mod={mod} {...others}>\n      {content}\n    </Box>\n  );\n});\n\nResourcesSchedule.displayName = '@mantine/schedule/ResourcesSchedule';\nResourcesSchedule.classes = classes;\n\nexport namespace ResourcesSchedule {\n  export type Props = ResourcesScheduleProps;\n  export type StylesNames = ResourcesScheduleStylesNames;\n  export type Factory = ResourcesScheduleFactory;\n  export type ViewLevel = ResourcesScheduleViewLevel;\n}\n"],"mappings":";;;;;;;;;AAqNA,MAAM,eAAgD;CACpD,aAAa;CACb,MAAM;AACR;AAEA,MAAa,qBAAA,GAAA,cAAA,QAAA,EAAuD,WAAW;CAC7E,MAAM,SAAA,GAAA,cAAA,SAAA,CAAiB,qBAAqB,cAAc,MAAM;CAChE,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,WACA,MACA,aACA,cACA,MACA,aACA,cACA,QACA,QACA,QACA,QACA,iBACA,qBACA,uBACA,aACA,cACA,kBACA,gBACA,iBACA,YACA,cACA,oBACA,eACA,qBACA,iBACA,eACA,gBACA,0BACA,MACA,cACA,eACA,gBACA,kBACA,KACA,GAAG,WACD;CAEJ,MAAM,aAAA,GAAA,cAAA,UAAA,CAAgD;EACpD,MAAM,oBAAoB;EAC1B,SAAA,iCAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,CAAC,OAAO,aAAA,GAAA,eAAA,gBAAA,CAAwD;EACpE,OAAO;EACP,cAAc;EACd,UAAU;CACZ,CAAC;CAED,MAAM,CAAC,OAAO,aAAA,GAAA,eAAA,gBAAA,CAAoD;EAChE,OAAO;EACP,cAAc,+BAAe,IAAI,KAAK;CACxC,CAAC;CAED,MAAM,oBAAoB,YAA6B;EACrD,SAAS,OAAO;EAChB,eAAe,OAAO;CACxB;CAEA,MAAM,oBAAoB,YAA+B;EACvD,IAAI,YAAY,SAAS,YAAY,UAAU,YAAY,SACzD,SAAS,OAAO;CAEpB;CAEA,MAAM,cAAc;EAClB;EACA,MAAM;EACN,cAAc;EACd,cAAc;EACd;EACA;EACA;EACA;EACA;EACA;EACA,uBAAuB,SAAS,WAAW,QAAQ;EACnD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,MAAM,iBAAiB;EACrB,QAAQ,OAAR;GACE,KAAK,OACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,yBAAAA,kBAAD;IACE,GAAI;IACa;IACjB,iBAAiB,SAAS,WAAW,QAAQ;IAC9B;IACC;IAChB,GAAI;GACL,CAAA;GAEL,KAAK,QACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,0BAAAA,mBAAD;IACE,GAAI;IACa;IACjB,iBAAiB,SAAS,WAAW,QAAQ;IAC9B;IACC;IAChB,GAAI;GACL,CAAA;GAEL,KAAK,SACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,oBAAD;IACE,GAAI;IACQ;IACZ,iBAAiB,SAAS,WAAW,QAAQ;IAC9B;IACC;IAChB,GAAI;GACL,CAAA;GAEL,SACE,OAAO;EACX;CACF,EAAA,CAAG;CAEH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,KAAD;EAAK,GAAI,UAAU,MAAM;EAAQ;EAAK,GAAI;YACvC;CACE,CAAA;AAET,CAAC;AAED,kBAAkB,cAAc;AAChC,kBAAkB,UAAUC,iCAAAA"}

package/cjs/components/YearView/YearView.cjs

@@ -6,6 +6,7 @@ const require_get_months_by_quarter = require("../../utils/get-months-by-quarter
 const require_to_date_string = require("../../utils/to-date-string/to-date-string.cjs");
 const require_expand_recurring_events = require("../../utils/expand-recurring-events/expand-recurring-events.cjs");
 const require_ScheduleHeaderBase = require("../ScheduleHeader/ScheduleHeaderBase.cjs");
+const require_get_visible_week_days = require("./get-visible-week-days.cjs");
 const require_get_year_view_events = require("./get-year-view-events/get-year-view-events.cjs");
 const require_handle_year_view_key_down = require("./handle-year-view-key-down.cjs");
 const require_YearViewMonth = require("./YearViewMonth.cjs");
@@ -21,6 +22,7 @@ const defaultProps = {
 	__staticSelector: "YearView",
 	monthLabelFormat: "MMMM",
 	withWeekDays: true,
+	withWeekendDays: true,
 	highlightToday: true,
 	withHeader: true,
 	withOutsideDays: true,
@@ -29,7 +31,7 @@ const defaultProps = {
 const varsResolver = (0, _mantine_core.createVarsResolver)((_theme, { radius }) => ({ yearView: { "--year-view-radius": radius !== void 0 ? (0, _mantine_core.getRadius)(radius) : void 0 } }));
 const YearView = (0, _mantine_core.factory)((_props) => {
 	const props = (0, _mantine_core.useProps)("YearView", defaultProps, _props);
-	const { date, onDateChange, events, monthLabelFormat, withWeekNumbers, withWeekDays, locale, firstDayOfWeek, weekdayFormat, weekendDays, onMonthClick, onDayClick, onWeekNumberClick, getDayProps, getWeekNumberProps, highlightToday, labels, withOutsideDays, withHeader, monthYearSelectProps, onViewChange, previousControlProps, nextControlProps, todayControlProps, viewSelectProps, __staticSelector, classNames, className, style, styles, unstyled, vars, attributes, radius, mode, recurrenceExpansionLimit, ...others } = props;
+	const { date, onDateChange, events, monthLabelFormat, withWeekNumbers, withWeekDays, locale, firstDayOfWeek, weekdayFormat, weekendDays, withWeekendDays, onMonthClick, onDayClick, onWeekNumberClick, getDayProps, getWeekNumberProps, highlightToday, labels, withOutsideDays, withHeader, monthYearSelectProps, onViewChange, previousControlProps, nextControlProps, todayControlProps, viewSelectProps, __staticSelector, classNames, className, style, styles, unstyled, vars, attributes, radius, mode, recurrenceExpansionLimit, ...others } = props;
 	const ctx = (0, _mantine_dates.useDatesContext)();
 	const getStyles = (0, _mantine_core.useStyles)({
 		name: __staticSelector,
@@ -67,14 +69,26 @@ const YearView = (0, _mantine_core.factory)((_props) => {
 		})
 	});
 	const daysRef = (0, react.useRef)([]);
+	const resolvedFirstDayOfWeek = ctx.getFirstDayOfWeek(firstDayOfWeek);
+	const resolvedWeekendDays = ctx.getWeekendDays(weekendDays);
+	const hiddenColumns = require_get_visible_week_days.getHiddenWeekendColumns({
+		weekendDays: resolvedWeekendDays,
+		firstDayOfWeek: resolvedFirstDayOfWeek,
+		withWeekendDays
+	});
+	const columnsCount = 7 - hiddenColumns.length;
 	const getFirstDayIndex = (month) => {
 		const weeks = require_get_month_days.getMonthDays({
 			month: (0, dayjs.default)(month).format("YYYY-MM-DD"),
-			firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),
+			firstDayOfWeek: resolvedFirstDayOfWeek,
 			consistentWeeks: true
 		});
 		for (let weekIndex = 0; weekIndex < weeks.length; weekIndex++) {
-			const week = weeks[weekIndex];
+			const week = require_get_visible_week_days.getVisibleWeekDays({
+				week: weeks[weekIndex],
+				weekendDays: resolvedWeekendDays,
+				withWeekendDays
+			});
 			for (let dayIndex = 0; dayIndex < week.length; dayIndex++) {
 				const dayDate = week[dayIndex];
 				if (require_is_same_month.isSameMonth(dayDate, month)) return {
@@ -98,6 +112,7 @@ const YearView = (0, _mantine_core.factory)((_props) => {
 			firstDayOfWeek,
 			weekdayFormat: weekdayFormat || ((date) => (0, dayjs.default)(date).locale(ctx.getLocale(locale)).format("dd").slice(0, 1)),
 			weekendDays,
+			withWeekendDays,
 			getDayProps,
 			getWeekNumberProps,
 			onMonthClick,
@@ -126,7 +141,11 @@ const YearView = (0, _mantine_core.factory)((_props) => {
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mantine_core.Box, {
 		...getStyles("yearView"),
-		mod: { static: mode === "static" },
+		mod: {
+			static: mode === "static",
+			"without-weekend-days": hiddenColumns.length > 0
+		},
+		__vars: hiddenColumns.length > 0 ? { "--year-view-columns": `${columnsCount}` } : void 0,
 		...others,
 		children: [withHeader && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScheduleHeaderBase.ScheduleHeaderBase, {
 			view: "year",

package/cjs/components/YearView/YearView.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"YearView.cjs","names":["getYearViewEvents","expandRecurringEvents","getMonthDays","isSameMonth","getMonthsByQuarter","YearViewMonth","Box","ScheduleHeaderBase","toDateString","classes"],"sources":["../../../src/components/YearView/YearView.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  StylesApiProps,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { DateStringValue, ScheduleEventData, ScheduleMode, ScheduleViewLevel } from '../../types';\nimport {\n  expandRecurringEvents,\n  getMonthDays,\n  getMonthsByQuarter,\n  isSameMonth,\n  toDateString,\n} from '../../utils';\nimport { MonthYearSelectProps } from '../ScheduleHeader/MonthYearSelect/MonthYearSelect';\nimport { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader';\nimport { ScheduleHeaderBase } from '../ScheduleHeader/ScheduleHeaderBase';\nimport { ViewSelectProps } from '../ScheduleHeader/ViewSelect/ViewSelect';\nimport { getYearViewEvents } from './get-year-view-events/get-year-view-events';\nimport { handleYearViewKeyDown, YearViewControlsRef } from './handle-year-view-key-down';\nimport { YearViewMonth, YearViewMonthSettings } from './YearViewMonth';\nimport classes from './YearView.module.css';\n\nexport type YearViewStylesNames =\n  | 'yearView'\n  | 'yearViewMonths'\n  | 'yearViewMonth'\n  | 'yearViewWeekday'\n  | 'yearViewDay'\n  | 'yearViewWeek'\n  | 'yearViewWeekNumber'\n  | 'yearViewWeekdays'\n  | 'yearViewWeekdaysCorner'\n  | 'yearViewMonthCaption'\n  | 'yearViewDayIndicators'\n  | 'yearViewDayIndicator'\n  | CombinedScheduleHeaderStylesNames;\n\nexport type YearViewCssVariables = {\n  yearView: '--year-view-radius';\n};\n\nexport interface YearViewProps\n  extends YearViewMonthSettings, BoxProps, StylesApiProps<YearViewFactory>, 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  /** Events to display, must be a stable reference */\n  events?: ScheduleEventData[];\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, highlights the current day @default true */\n  highlightToday?: 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  /** Interaction mode: 'default' allows all interactions, 'static' disables event interactions @default default */\n  mode?: ScheduleMode;\n\n  /** Max number of generated recurring instances per recurring series @default 2000 */\n  recurrenceExpansionLimit?: number;\n}\n\nexport type YearViewFactory = Factory<{\n  props: YearViewProps;\n  ref: HTMLDivElement;\n  stylesNames: YearViewStylesNames;\n  vars: YearViewCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'YearView',\n  monthLabelFormat: 'MMMM',\n  withWeekDays: true,\n  highlightToday: true,\n  withHeader: true,\n  withOutsideDays: true,\n  mode: 'default',\n} satisfies Partial<YearViewProps>;\n\nconst varsResolver = createVarsResolver<YearViewFactory>((_theme, { radius }) => ({\n  yearView: { '--year-view-radius': radius !== undefined ? getRadius(radius) : undefined },\n}));\n\nexport const YearView = factory<YearViewFactory>((_props) => {\n  const props = useProps('YearView', defaultProps, _props);\n  const {\n    // YearView props\n    date,\n    onDateChange,\n    events,\n\n    // YearViewMonth settings\n    monthLabelFormat,\n    withWeekNumbers,\n    withWeekDays,\n    locale,\n    firstDayOfWeek,\n    weekdayFormat,\n    weekendDays,\n    onMonthClick,\n    onDayClick,\n    onWeekNumberClick,\n    getDayProps,\n    getWeekNumberProps,\n    highlightToday,\n    labels,\n    withOutsideDays,\n\n    // ScheduleHeader props\n    withHeader,\n    monthYearSelectProps,\n    onViewChange,\n    previousControlProps,\n    nextControlProps,\n    todayControlProps,\n    viewSelectProps,\n\n    // System props\n    __staticSelector,\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    radius,\n    mode,\n    recurrenceExpansionLimit,\n    ...others\n  } = props;\n\n  const ctx = useDatesContext();\n\n  const getStyles = useStyles<YearViewFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n    attributes,\n    rootSelector: 'yearView',\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<YearViewFactory>({\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 expandedEvents = expandRecurringEvents({\n    events,\n    rangeStart: dayjs(date).startOf('year').toDate(),\n    rangeEnd: dayjs(date).endOf('year').toDate(),\n    expansionLimit: recurrenceExpansionLimit,\n  });\n\n  const groupedEvents = getYearViewEvents({ date, events: expandedEvents });\n\n  // [monthIndex][weekIndex][dayIndex]\n  const daysRef = useRef<HTMLButtonElement[][][]>([]) as YearViewControlsRef;\n\n  const getFirstDayIndex = (month: string): { weekIndex: number; dayIndex: number } | undefined => {\n    const weeks = getMonthDays({\n      month: dayjs(month).format('YYYY-MM-DD'),\n      firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n      consistentWeeks: true,\n    });\n\n    for (let weekIndex = 0; weekIndex < weeks.length; weekIndex++) {\n      const week = weeks[weekIndex];\n      for (let dayIndex = 0; dayIndex < week.length; dayIndex++) {\n        const dayDate = week[dayIndex];\n        if (isSameMonth(dayDate, month)) {\n          return { weekIndex, dayIndex };\n        }\n      }\n    }\n\n    return undefined;\n  };\n\n  let globalMonthIndex = 0;\n  const months = getMonthsByQuarter(dayjs(date).format('YYYY-MM-DD'))\n    .flat()\n    .map((month) => {\n      const currentMonthIndex = globalMonthIndex;\n      globalMonthIndex++;\n\n      return (\n        <YearViewMonth\n          key={month}\n          month={month}\n          getStyles={getStyles}\n          monthLabelFormat={monthLabelFormat}\n          withWeekNumbers={withWeekNumbers}\n          withWeekDays={withWeekDays}\n          locale={locale}\n          firstDayOfWeek={firstDayOfWeek}\n          weekdayFormat={\n            weekdayFormat ||\n            ((date) => dayjs(date).locale(ctx.getLocale(locale)).format('dd').slice(0, 1))\n          }\n          weekendDays={weekendDays}\n          getDayProps={getDayProps}\n          getWeekNumberProps={getWeekNumberProps}\n          onMonthClick={onMonthClick}\n          onDayClick={onDayClick}\n          onWeekNumberClick={onWeekNumberClick}\n          highlightToday={highlightToday}\n          groupedEvents={groupedEvents}\n          mode={mode}\n          withOutsideDays={withOutsideDays}\n          firstDayIndex={getFirstDayIndex(month)}\n          __getDayRef={(weekIndex, dayIndex, node) => {\n            if (!Array.isArray(daysRef.current[currentMonthIndex])) {\n              daysRef.current[currentMonthIndex] = [];\n            }\n            if (!Array.isArray(daysRef.current[currentMonthIndex][weekIndex])) {\n              daysRef.current[currentMonthIndex][weekIndex] = [];\n            }\n            daysRef.current[currentMonthIndex][weekIndex][dayIndex] = node;\n          }}\n          __onDayKeyDown={(event, payload) => {\n            handleYearViewKeyDown({\n              controlsRef: daysRef,\n              monthIndex: currentMonthIndex,\n              weekIndex: payload.weekIndex,\n              dayIndex: payload.dayIndex,\n              event,\n            });\n          }}\n        />\n      );\n    });\n\n  return (\n    <Box {...getStyles('yearView')} mod={{ static: mode === 'static' }} {...others}>\n      {withHeader && (\n        <ScheduleHeaderBase\n          view=\"year\"\n          navigationHandlers={{\n            previous: () => toDateString(dayjs(date).subtract(1, 'year').startOf('year')),\n            next: () => toDateString(dayjs(date).add(1, 'year').startOf('year')),\n            today: () => toDateString(dayjs()),\n          }}\n          control={{\n            monthYearSelect: {\n              locale,\n              withMonths: false,\n              yearValue: dayjs(date).get('year'),\n              monthValue: dayjs(date).get('month'),\n              onYearChange: (year) =>\n                onDateChange?.(toDateString(dayjs(date).set('year', year).startOf('year'))),\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        />\n      )}\n\n      <div {...getStyles('yearViewMonths')}>{months}</div>\n    </Box>\n  );\n});\n\nYearView.displayName = '@mantine/schedule/YearView';\nYearView.classes = classes;\nYearView.varsResolver = varsResolver;\n\nexport namespace YearView {\n  export type Props = YearViewProps;\n  export type Factory = YearViewFactory;\n  export type StylesNames = YearViewStylesNames;\n  export type CssVariables = YearViewCssVariables;\n}\n"],"mappings":"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"}
+{"version":3,"file":"YearView.cjs","names":["getYearViewEvents","expandRecurringEvents","getHiddenWeekendColumns","getMonthDays","getVisibleWeekDays","isSameMonth","getMonthsByQuarter","YearViewMonth","Box","ScheduleHeaderBase","toDateString","classes"],"sources":["../../../src/components/YearView/YearView.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  StylesApiProps,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { DateStringValue, ScheduleEventData, ScheduleMode, ScheduleViewLevel } from '../../types';\nimport {\n  expandRecurringEvents,\n  getMonthDays,\n  getMonthsByQuarter,\n  isSameMonth,\n  toDateString,\n} from '../../utils';\nimport { MonthYearSelectProps } from '../ScheduleHeader/MonthYearSelect/MonthYearSelect';\nimport { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader';\nimport { ScheduleHeaderBase } from '../ScheduleHeader/ScheduleHeaderBase';\nimport { ViewSelectProps } from '../ScheduleHeader/ViewSelect/ViewSelect';\nimport { getHiddenWeekendColumns, getVisibleWeekDays } from './get-visible-week-days';\nimport { getYearViewEvents } from './get-year-view-events/get-year-view-events';\nimport { handleYearViewKeyDown, YearViewControlsRef } from './handle-year-view-key-down';\nimport { YearViewMonth, YearViewMonthSettings } from './YearViewMonth';\nimport classes from './YearView.module.css';\n\nexport type YearViewStylesNames =\n  | 'yearView'\n  | 'yearViewMonths'\n  | 'yearViewMonth'\n  | 'yearViewWeekday'\n  | 'yearViewDay'\n  | 'yearViewWeek'\n  | 'yearViewWeekNumber'\n  | 'yearViewWeekdays'\n  | 'yearViewWeekdaysCorner'\n  | 'yearViewMonthCaption'\n  | 'yearViewDayIndicators'\n  | 'yearViewDayIndicator'\n  | CombinedScheduleHeaderStylesNames;\n\nexport type YearViewCssVariables = {\n  yearView: '--year-view-radius';\n};\n\nexport interface YearViewProps\n  extends YearViewMonthSettings, BoxProps, StylesApiProps<YearViewFactory>, 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  /** Events to display, must be a stable reference */\n  events?: ScheduleEventData[];\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, highlights the current day @default true */\n  highlightToday?: 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  /** Interaction mode: 'default' allows all interactions, 'static' disables event interactions @default default */\n  mode?: ScheduleMode;\n\n  /** Max number of generated recurring instances per recurring series @default 2000 */\n  recurrenceExpansionLimit?: number;\n}\n\nexport type YearViewFactory = Factory<{\n  props: YearViewProps;\n  ref: HTMLDivElement;\n  stylesNames: YearViewStylesNames;\n  vars: YearViewCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'YearView',\n  monthLabelFormat: 'MMMM',\n  withWeekDays: true,\n  withWeekendDays: true,\n  highlightToday: true,\n  withHeader: true,\n  withOutsideDays: true,\n  mode: 'default',\n} satisfies Partial<YearViewProps>;\n\nconst varsResolver = createVarsResolver<YearViewFactory>((_theme, { radius }) => ({\n  yearView: { '--year-view-radius': radius !== undefined ? getRadius(radius) : undefined },\n}));\n\nexport const YearView = factory<YearViewFactory>((_props) => {\n  const props = useProps('YearView', defaultProps, _props);\n  const {\n    // YearView props\n    date,\n    onDateChange,\n    events,\n\n    // YearViewMonth settings\n    monthLabelFormat,\n    withWeekNumbers,\n    withWeekDays,\n    locale,\n    firstDayOfWeek,\n    weekdayFormat,\n    weekendDays,\n    withWeekendDays,\n    onMonthClick,\n    onDayClick,\n    onWeekNumberClick,\n    getDayProps,\n    getWeekNumberProps,\n    highlightToday,\n    labels,\n    withOutsideDays,\n\n    // ScheduleHeader props\n    withHeader,\n    monthYearSelectProps,\n    onViewChange,\n    previousControlProps,\n    nextControlProps,\n    todayControlProps,\n    viewSelectProps,\n\n    // System props\n    __staticSelector,\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    radius,\n    mode,\n    recurrenceExpansionLimit,\n    ...others\n  } = props;\n\n  const ctx = useDatesContext();\n\n  const getStyles = useStyles<YearViewFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n    attributes,\n    rootSelector: 'yearView',\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<YearViewFactory>({\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 expandedEvents = expandRecurringEvents({\n    events,\n    rangeStart: dayjs(date).startOf('year').toDate(),\n    rangeEnd: dayjs(date).endOf('year').toDate(),\n    expansionLimit: recurrenceExpansionLimit,\n  });\n\n  const groupedEvents = getYearViewEvents({ date, events: expandedEvents });\n\n  // [monthIndex][weekIndex][dayIndex]\n  const daysRef = useRef<HTMLButtonElement[][][]>([]) as YearViewControlsRef;\n\n  const resolvedFirstDayOfWeek = ctx.getFirstDayOfWeek(firstDayOfWeek);\n  const resolvedWeekendDays = ctx.getWeekendDays(weekendDays);\n  const hiddenColumns = getHiddenWeekendColumns({\n    weekendDays: resolvedWeekendDays,\n    firstDayOfWeek: resolvedFirstDayOfWeek,\n    withWeekendDays,\n  });\n  const columnsCount = 7 - hiddenColumns.length;\n\n  const getFirstDayIndex = (month: string): { weekIndex: number; dayIndex: number } | undefined => {\n    const weeks = getMonthDays({\n      month: dayjs(month).format('YYYY-MM-DD'),\n      firstDayOfWeek: resolvedFirstDayOfWeek,\n      consistentWeeks: true,\n    });\n\n    for (let weekIndex = 0; weekIndex < weeks.length; weekIndex++) {\n      const week = getVisibleWeekDays({\n        week: weeks[weekIndex],\n        weekendDays: resolvedWeekendDays,\n        withWeekendDays,\n      });\n\n      for (let dayIndex = 0; dayIndex < week.length; dayIndex++) {\n        const dayDate = week[dayIndex];\n        if (isSameMonth(dayDate, month)) {\n          return { weekIndex, dayIndex };\n        }\n      }\n    }\n\n    return undefined;\n  };\n\n  let globalMonthIndex = 0;\n  const months = getMonthsByQuarter(dayjs(date).format('YYYY-MM-DD'))\n    .flat()\n    .map((month) => {\n      const currentMonthIndex = globalMonthIndex;\n      globalMonthIndex++;\n\n      return (\n        <YearViewMonth\n          key={month}\n          month={month}\n          getStyles={getStyles}\n          monthLabelFormat={monthLabelFormat}\n          withWeekNumbers={withWeekNumbers}\n          withWeekDays={withWeekDays}\n          locale={locale}\n          firstDayOfWeek={firstDayOfWeek}\n          weekdayFormat={\n            weekdayFormat ||\n            ((date) => dayjs(date).locale(ctx.getLocale(locale)).format('dd').slice(0, 1))\n          }\n          weekendDays={weekendDays}\n          withWeekendDays={withWeekendDays}\n          getDayProps={getDayProps}\n          getWeekNumberProps={getWeekNumberProps}\n          onMonthClick={onMonthClick}\n          onDayClick={onDayClick}\n          onWeekNumberClick={onWeekNumberClick}\n          highlightToday={highlightToday}\n          groupedEvents={groupedEvents}\n          mode={mode}\n          withOutsideDays={withOutsideDays}\n          firstDayIndex={getFirstDayIndex(month)}\n          __getDayRef={(weekIndex, dayIndex, node) => {\n            if (!Array.isArray(daysRef.current[currentMonthIndex])) {\n              daysRef.current[currentMonthIndex] = [];\n            }\n            if (!Array.isArray(daysRef.current[currentMonthIndex][weekIndex])) {\n              daysRef.current[currentMonthIndex][weekIndex] = [];\n            }\n            daysRef.current[currentMonthIndex][weekIndex][dayIndex] = node;\n          }}\n          __onDayKeyDown={(event, payload) => {\n            handleYearViewKeyDown({\n              controlsRef: daysRef,\n              monthIndex: currentMonthIndex,\n              weekIndex: payload.weekIndex,\n              dayIndex: payload.dayIndex,\n              event,\n            });\n          }}\n        />\n      );\n    });\n\n  return (\n    <Box\n      {...getStyles('yearView')}\n      mod={{ static: mode === 'static', 'without-weekend-days': hiddenColumns.length > 0 }}\n      __vars={hiddenColumns.length > 0 ? { '--year-view-columns': `${columnsCount}` } : undefined}\n      {...others}\n    >\n      {withHeader && (\n        <ScheduleHeaderBase\n          view=\"year\"\n          navigationHandlers={{\n            previous: () => toDateString(dayjs(date).subtract(1, 'year').startOf('year')),\n            next: () => toDateString(dayjs(date).add(1, 'year').startOf('year')),\n            today: () => toDateString(dayjs()),\n          }}\n          control={{\n            monthYearSelect: {\n              locale,\n              withMonths: false,\n              yearValue: dayjs(date).get('year'),\n              monthValue: dayjs(date).get('month'),\n              onYearChange: (year) =>\n                onDateChange?.(toDateString(dayjs(date).set('year', year).startOf('year'))),\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        />\n      )}\n\n      <div {...getStyles('yearViewMonths')}>{months}</div>\n    </Box>\n  );\n});\n\nYearView.displayName = '@mantine/schedule/YearView';\nYearView.classes = classes;\nYearView.varsResolver = varsResolver;\n\nexport namespace YearView {\n  export type Props = YearViewProps;\n  export type Factory = YearViewFactory;\n  export type StylesNames = YearViewStylesNames;\n  export type CssVariables = YearViewCssVariables;\n}\n"],"mappings":"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"}

package/cjs/components/YearView/YearView.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"YearView.module.cjs","names":[],"sources":["../../../src/components/YearView/YearView.module.css"],"sourcesContent":[".yearView {\n  --year-view-radius: var(--schedule-radius, var(--mantine-radius-default));\n  --year-view-font-size: var(--mantine-font-size-sm);\n  container-type: inline-size;\n\n  @mixin where-light {\n    --year-view-border-color: var(--mantine-color-gray-3);\n  }\n\n  @mixin where-dark {\n    --year-view-border-color: var(--mantine-color-dark-4);\n  }\n}\n\n.yearViewMonths {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n\n  @container (width <= 850px) {\n    --year-view-font-size: calc(var(--mantine-font-size-sm) - 2px);\n  }\n\n  @container (width <= 750px) {\n    grid-template-columns: repeat(2, 1fr);\n    --year-view-font-size: var(--mantine-font-size-xs);\n  }\n\n  @container (width <= 520px) {\n    --year-view-font-size: calc(var(--mantine-font-size-xs) - 2px);\n  }\n\n  @container (width <= 420px) {\n    grid-template-columns: 1fr;\n    --year-view-font-size: var(--mantine-font-size-xs);\n  }\n}\n\n.yearViewMonth {\n  --week-numbers-offset: 0rem;\n  --day-base-color: var(--mantine-color-text);\n  --day-dimmed-color: alpha(var(--day-base-color), 0.35);\n\n  &:where([data-with-week-numbers]) {\n    --week-numbers-offset: 28px;\n  }\n\n  min-width: 0;\n  border: 1px solid var(--year-view-border-color);\n  padding: var(--mantine-spacing-md);\n  margin-top: -1px;\n  margin-inline-start: -1px;\n\n  &:where(:nth-child(3n + 1)) {\n    margin-inline-start: 0;\n  }\n\n  &:where(:nth-child(-n + 3)) {\n    margin-top: 0;\n  }\n\n  &:where(:nth-child(1)) {\n    border-start-start-radius: var(--year-view-radius);\n  }\n\n  &:where(:nth-child(3)) {\n    border-start-end-radius: var(--year-view-radius);\n  }\n\n  &:where(:nth-last-child(3)) {\n    border-end-start-radius: var(--year-view-radius);\n  }\n\n  &:where(:nth-last-child(1)) {\n    border-end-end-radius: var(--year-view-radius);\n  }\n\n  @container (width <= 750px) {\n    border: 0;\n    padding: 8px;\n    margin: 0;\n\n    &:where([data-with-week-numbers]) {\n      --week-numbers-offset: 14px;\n    }\n  }\n\n  @container (width <= 420px) {\n    padding: 6px;\n  }\n}\n\n.yearViewWeekdays {\n  display: flex;\n}\n\n.yearViewWeek {\n  display: flex;\n}\n\n.yearViewWeekNumber {\n  flex: 0 0 calc(var(--week-numbers-offset) - rem(4px));\n  margin-inline-end: rem(4px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--year-view-font-size);\n  border-radius: var(--year-view-radius);\n  padding: 4px;\n  font-weight: var(--mantine-font-weight-medium);\n  cursor: pointer;\n  user-select: none;\n  color: var(--day-dimmed-color);\n\n  @container (width <= 750px) {\n    padding: 0;\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.yearViewWeekday {\n  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);\n  height: 36px;\n  font-size: var(--year-view-font-size);\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  color: var(--day-dimmed-color);\n\n  @container (width <= 750px) {\n    height: auto;\n    padding-block: 2px;\n  }\n}\n\n.yearViewWeekdaysCorner {\n  flex: 0 0 var(--week-numbers-offset);\n}\n\n.yearViewDay {\n  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);\n  padding: 4px;\n  font-size: var(--year-view-font-size);\n  color: var(--day-base-color);\n  cursor: pointer;\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 100%;\n  aspect-ratio: 1;\n  position: relative;\n\n  @container (width <= 750px) {\n    padding: 0;\n  }\n\n  &:where([data-day-placeholder]) {\n    background-color: transparent;\n    cursor: default;\n    pointer-events: none;\n  }\n\n  &:where([data-weekend]) {\n    color: var(--mantine-color-red-6);\n  }\n\n  &:where([data-outside]) {\n    color: var(--day-dimmed-color);\n  }\n\n  @mixin hover {\n    &:where(:not([data-today], [data-day-placeholder])) {\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-today]:not([data-outside])) {\n    background-color: var(--mantine-primary-color-filled);\n    color: var(--mantine-primary-color-contrast);\n\n    @mixin hover {\n      background-color: var(--mantine-primary-color-filled-hover);\n    }\n  }\n\n  &:where([data-static]) {\n    cursor: default;\n    pointer-events: none;\n  }\n}\n\n.yearViewMonthCaption {\n  padding-inline: var(--mantine-spacing-sm);\n  width: 100%;\n  padding-block: 4px;\n  margin-bottom: 4px;\n  font-size: var(--year-view-font-size);\n  font-weight: var(--mantine-font-weight-medium);\n  text-transform: capitalize;\n  border-radius: var(--year-view-radius);\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.yearViewDayIndicators {\n  position: absolute;\n  bottom: 0;\n  inset-inline: 0;\n  display: flex;\n  justify-content: center;\n  padding-inline-start: 2px;\n}\n\n.yearViewDayIndicator {\n  width: 8px;\n  height: 8px;\n  border-radius: 100%;\n  margin-inline-start: -2px;\n  border: 1px solid var(--mantine-color-body);\n}\n"],"mappings":""}
+{"version":3,"file":"YearView.module.cjs","names":[],"sources":["../../../src/components/YearView/YearView.module.css"],"sourcesContent":[".yearView {\n  --year-view-radius: var(--schedule-radius, var(--mantine-radius-default));\n  --year-view-font-size: var(--mantine-font-size-sm);\n  --year-view-columns: 7;\n  container-type: inline-size;\n\n  @mixin where-light {\n    --year-view-border-color: var(--mantine-color-gray-3);\n  }\n\n  @mixin where-dark {\n    --year-view-border-color: var(--mantine-color-dark-4);\n  }\n}\n\n.yearViewMonths {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n\n  @container (width <= 850px) {\n    --year-view-font-size: calc(var(--mantine-font-size-sm) - 2px);\n  }\n\n  @container (width <= 750px) {\n    grid-template-columns: repeat(2, 1fr);\n    --year-view-font-size: var(--mantine-font-size-xs);\n  }\n\n  @container (width <= 520px) {\n    --year-view-font-size: calc(var(--mantine-font-size-xs) - 2px);\n  }\n\n  @container (width <= 420px) {\n    grid-template-columns: 1fr;\n    --year-view-font-size: var(--mantine-font-size-xs);\n  }\n}\n\n.yearViewMonth {\n  --week-numbers-offset: 0rem;\n  --day-base-color: var(--mantine-color-text);\n  --day-dimmed-color: alpha(var(--day-base-color), 0.35);\n\n  &:where([data-with-week-numbers]) {\n    --week-numbers-offset: 28px;\n  }\n\n  min-width: 0;\n  border: 1px solid var(--year-view-border-color);\n  padding: var(--mantine-spacing-md);\n  margin-top: -1px;\n  margin-inline-start: -1px;\n\n  &:where(:nth-child(3n + 1)) {\n    margin-inline-start: 0;\n  }\n\n  &:where(:nth-child(-n + 3)) {\n    margin-top: 0;\n  }\n\n  &:where(:nth-child(1)) {\n    border-start-start-radius: var(--year-view-radius);\n  }\n\n  &:where(:nth-child(3)) {\n    border-start-end-radius: var(--year-view-radius);\n  }\n\n  &:where(:nth-last-child(3)) {\n    border-end-start-radius: var(--year-view-radius);\n  }\n\n  &:where(:nth-last-child(1)) {\n    border-end-end-radius: var(--year-view-radius);\n  }\n\n  @container (width <= 750px) {\n    border: 0;\n    padding: 8px;\n    margin: 0;\n\n    &:where([data-with-week-numbers]) {\n      --week-numbers-offset: 14px;\n    }\n  }\n\n  @container (width <= 420px) {\n    padding: 6px;\n  }\n}\n\n.yearViewWeekdays {\n  display: flex;\n}\n\n.yearViewWeek {\n  display: flex;\n}\n\n.yearViewWeekNumber {\n  flex: 0 0 calc(var(--week-numbers-offset) - rem(4px));\n  margin-inline-end: rem(4px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--year-view-font-size);\n  border-radius: var(--year-view-radius);\n  padding: 4px;\n  font-weight: var(--mantine-font-weight-medium);\n  cursor: pointer;\n  user-select: none;\n  color: var(--day-dimmed-color);\n\n  @container (width <= 750px) {\n    padding: 0;\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.yearViewWeekday {\n  flex: 0 0\n    calc(100% / var(--year-view-columns) - var(--week-numbers-offset) / var(--year-view-columns));\n  height: 36px;\n  font-size: var(--year-view-font-size);\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  color: var(--day-dimmed-color);\n\n  @container (width <= 750px) {\n    height: auto;\n    padding-block: 2px;\n  }\n}\n\n.yearViewWeekdaysCorner {\n  flex: 0 0 var(--week-numbers-offset);\n}\n\n.yearViewDay {\n  flex: 0 0\n    calc(100% / var(--year-view-columns) - var(--week-numbers-offset) / var(--year-view-columns));\n  padding: 4px;\n  font-size: var(--year-view-font-size);\n  color: var(--day-base-color);\n  cursor: pointer;\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 100%;\n  aspect-ratio: 1;\n  position: relative;\n\n  @container (width <= 750px) {\n    padding: 0;\n  }\n\n  &:where([data-day-placeholder]) {\n    background-color: transparent;\n    cursor: default;\n    pointer-events: none;\n  }\n\n  &:where([data-weekend]) {\n    color: var(--mantine-color-red-6);\n  }\n\n  &:where([data-outside]) {\n    color: var(--day-dimmed-color);\n  }\n\n  @mixin hover {\n    &:where(:not([data-today], [data-day-placeholder])) {\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-today]:not([data-outside])) {\n    background-color: var(--mantine-primary-color-filled);\n    color: var(--mantine-primary-color-contrast);\n\n    @mixin hover {\n      background-color: var(--mantine-primary-color-filled-hover);\n    }\n  }\n\n  &:where([data-static]) {\n    cursor: default;\n    pointer-events: none;\n  }\n}\n\n.yearViewMonthCaption {\n  padding-inline: var(--mantine-spacing-sm);\n  width: 100%;\n  padding-block: 4px;\n  margin-bottom: 4px;\n  font-size: var(--year-view-font-size);\n  font-weight: var(--mantine-font-weight-medium);\n  text-transform: capitalize;\n  border-radius: var(--year-view-radius);\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.yearViewDayIndicators {\n  position: absolute;\n  bottom: 0;\n  inset-inline: 0;\n  display: flex;\n  justify-content: center;\n  padding-inline-start: 2px;\n}\n\n.yearViewDayIndicator {\n  width: 8px;\n  height: 8px;\n  border-radius: 100%;\n  margin-inline-start: -2px;\n  border: 1px solid var(--mantine-color-body);\n}\n"],"mappings":""}

package/cjs/components/YearView/YearViewMonth.cjs

@@ -5,6 +5,7 @@ const require_get_weekdays_names = require("../../utils/get-weekdays-names/get-w
 const require_get_week_number = require("../../utils/get-week-number/get-week-number.cjs");
 const require_get_month_days = require("../../utils/get-month-days/get-month-days.cjs");
 const require_is_same_month = require("../../utils/is-same-month/is-same-month.cjs");
+const require_get_visible_week_days = require("./get-visible-week-days.cjs");
 let dayjs = require("dayjs");
 dayjs = require_runtime.__toESM(dayjs);
 let _mantine_core = require("@mantine/core");
@@ -12,31 +13,42 @@ let react = require("react");
 let _mantine_dates = require("@mantine/dates");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region packages/@mantine/schedule/src/components/YearView/YearViewMonth.tsx
-function YearViewMonth({ month, getStyles, monthLabelFormat = "MMMM", withWeekNumbers, withWeekDays, locale, firstDayOfWeek, weekdayFormat, weekendDays, getDayProps, onDayClick, onWeekNumberClick, onMonthClick, getWeekNumberProps, highlightToday, groupedEvents, mode, withOutsideDays, __getDayRef, __onDayKeyDown, firstDayIndex }) {
+function YearViewMonth({ month, getStyles, monthLabelFormat = "MMMM", withWeekNumbers, withWeekDays, locale, firstDayOfWeek, weekdayFormat, weekendDays, withWeekendDays, getDayProps, onDayClick, onWeekNumberClick, onMonthClick, getWeekNumberProps, highlightToday, groupedEvents, mode, withOutsideDays, __getDayRef, __onDayKeyDown, firstDayIndex }) {
 	const ctx = (0, _mantine_dates.useDatesContext)();
 	const theme = (0, _mantine_core.useMantineTheme)();
 	const today = (0, dayjs.default)();
+	const resolvedFirstDayOfWeek = ctx.getFirstDayOfWeek(firstDayOfWeek);
+	const resolvedWeekendDays = ctx.getWeekendDays(weekendDays);
+	const hiddenColumns = new Set(require_get_visible_week_days.getHiddenWeekendColumns({
+		weekendDays: resolvedWeekendDays,
+		firstDayOfWeek: resolvedFirstDayOfWeek,
+		withWeekendDays
+	}));
 	const weekdays = withWeekDays ? require_get_weekdays_names.getWeekdaysNames({
 		locale: ctx.getLocale(locale),
 		format: weekdayFormat,
-		firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek)
-	}).map((day, index) => /* @__PURE__ */ (0, react.createElement)("div", {
+		firstDayOfWeek: resolvedFirstDayOfWeek
+	}).filter((_, index) => !hiddenColumns.has(index)).map((day, index) => /* @__PURE__ */ (0, react.createElement)("div", {
 		...getStyles("yearViewWeekday"),
 		key: index
 	}, day)) : null;
 	const weeks = require_get_month_days.getMonthDays({
 		month: (0, dayjs.default)(month).format("YYYY-MM-DD"),
-		firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),
+		firstDayOfWeek: resolvedFirstDayOfWeek,
 		consistentWeeks: true
 	}).map((week, weekIndex) => {
-		const days = week.map((date, dayIndex) => {
+		const days = require_get_visible_week_days.getVisibleWeekDays({
+			week,
+			weekendDays: resolvedWeekendDays,
+			withWeekendDays
+		}).map((date, dayIndex) => {
 			const outside = !require_is_same_month.isSameMonth(date, month);
 			if (outside && !withOutsideDays) return /* @__PURE__ */ (0, react.createElement)("div", {
 				...getStyles("yearViewDay"),
 				"data-day-placeholder": true,
 				key: date
 			});
-			const weekend = ctx.getWeekendDays(weekendDays).includes((0, dayjs.default)(date).day());
+			const weekend = resolvedWeekendDays.includes((0, dayjs.default)(date).day());
 			const ariaLabel = (0, dayjs.default)(date).locale(locale || ctx.locale).format("MMMM D, YYYY");
 			const dayProps = getDayProps?.((0, dayjs.default)(date).format("YYYY-MM-DD")) || {};
 			const isToday = (0, dayjs.default)(date).isSame(today, "day") && highlightToday;

package/cjs/components/YearView/YearViewMonth.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"YearViewMonth.cjs","names":["getWeekdaysNames","getMonthDays","isSameMonth","UnstyledButton","getWeekNumber","Box","formatDate"],"sources":["../../../src/components/YearView/YearViewMonth.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { Box, GetStylesApi, getThemeColor, UnstyledButton, useMantineTheme } from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { ScheduleLabelsOverride } from '../../labels';\nimport { DateLabelFormat, DateStringValue, DayOfWeek, ScheduleMode } from '../../types';\nimport {\n  formatDate,\n  getMonthDays,\n  getWeekdaysNames,\n  getWeekNumber,\n  isSameMonth,\n} from '../../utils';\nimport { GroupedEvents } from './get-year-view-events/get-year-view-events';\nimport type { YearViewFactory } from './YearView';\n\nexport interface YearViewDayKeydownPayload {\n  weekIndex: number;\n  dayIndex: number;\n  date: string;\n}\n\nexport interface YearViewMonthSettings {\n  /** `dayjs` format for month label  @default 'MMMM' */\n  monthLabelFormat?: DateLabelFormat;\n\n  /** If set, show week numbers */\n  withWeekNumbers?: boolean;\n\n  /** If set, weekdays names are displayed in the first row @default true */\n  withWeekDays?: boolean;\n\n  /** Locale passed down to dayjs, overrides value defined on `DatesProvider` */\n  locale?: string;\n\n  /** Number 0-6, where 0 – Sunday and 6 – Saturday @default 0 */\n  firstDayOfWeek?: DayOfWeek;\n\n  /** `dayjs` format for weekdays names  @default 'd' */\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  /** Called with the first day of the month when month label is clicked */\n  onMonthClick?: (date: DateStringValue, event: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** If set, highlights the current day @default true */\n  highlightToday?: boolean;\n\n  /** Labels override for i18n */\n  labels?: ScheduleLabelsOverride;\n\n  /** Interaction mode: 'default' allows all interactions, 'static' disables event interactions */\n  mode?: ScheduleMode;\n\n  /** If true, days from adjacent months are displayed @default true */\n  withOutsideDays?: boolean;\n}\n\nexport interface YearViewMonthProps extends YearViewMonthSettings {\n  /** Month to display, Date object or date string in `YYYY-MM-DD` format */\n  month: Date | string;\n\n  /** `useStyles` return value of `YearView` */\n  getStyles: GetStylesApi<YearViewFactory>;\n\n  /** Events grouped by date */\n  groupedEvents?: GroupedEvents;\n\n  /** Assigns ref of every day based on its position in the month, used for keyboard navigation */\n  __getDayRef?: (weekIndex: number, dayIndex: number, node: HTMLButtonElement) => void;\n\n  /** Called when any keydown event is registered on day, used for keyboard navigation */\n  __onDayKeyDown?: (\n    event: React.KeyboardEvent<HTMLButtonElement>,\n    payload: YearViewDayKeydownPayload\n  ) => void;\n\n  /** Index of the first day of the month in the grid (for determining which day should be in tab order) */\n  firstDayIndex?: { weekIndex: number; dayIndex: number };\n}\n\nexport function YearViewMonth({\n  month,\n  getStyles,\n  monthLabelFormat = 'MMMM',\n  withWeekNumbers,\n  withWeekDays,\n  locale,\n  firstDayOfWeek,\n  weekdayFormat,\n  weekendDays,\n  getDayProps,\n  onDayClick,\n  onWeekNumberClick,\n  onMonthClick,\n  getWeekNumberProps,\n  highlightToday,\n  groupedEvents,\n  mode,\n  withOutsideDays,\n  __getDayRef,\n  __onDayKeyDown,\n  firstDayIndex,\n}: YearViewMonthProps) {\n  const ctx = useDatesContext();\n  const theme = useMantineTheme();\n  const today = dayjs();\n\n  const weekdays = withWeekDays\n    ? getWeekdaysNames({\n        locale: ctx.getLocale(locale),\n        format: weekdayFormat,\n        firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n      }).map((day, index) => (\n        <div {...getStyles('yearViewWeekday')} key={index}>\n          {day}\n        </div>\n      ))\n    : null;\n\n  const weeks = getMonthDays({\n    month: dayjs(month).format('YYYY-MM-DD'),\n    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n    consistentWeeks: true,\n  }).map((week, weekIndex) => {\n    const days = week.map((date, dayIndex) => {\n      const outside = !isSameMonth(date, month);\n\n      if (outside && !withOutsideDays) {\n        return <div {...getStyles('yearViewDay')} data-day-placeholder key={date} />;\n      }\n\n      const weekend = ctx.getWeekendDays(weekendDays).includes(dayjs(date).day());\n      const ariaLabel = dayjs(date)\n        .locale(locale || ctx.locale)\n        .format('MMMM D, YYYY');\n\n      const dayProps = getDayProps?.(dayjs(date).format('YYYY-MM-DD')) || {};\n      const isToday = dayjs(date).isSame(today, 'day') && highlightToday;\n      const dayEvents = groupedEvents?.[dayjs(date).format('YYYY-MM-DD')] || [];\n\n      // Determine if this day should be in the tab order\n      // Only the first day of the month (not outside) should be focusable via tab\n      const isFirstDayOfMonth =\n        firstDayIndex &&\n        weekIndex === firstDayIndex.weekIndex &&\n        dayIndex === firstDayIndex.dayIndex;\n      const isInTabOrder = mode !== 'static' && !outside && isFirstDayOfMonth;\n\n      const indicators = dayEvents.slice(0, 3).map((event) => (\n        <div\n          {...getStyles('yearViewDayIndicator', {\n            style: { backgroundColor: getThemeColor(event.color, theme) },\n          })}\n          key={event.id}\n        />\n      ));\n\n      return (\n        <UnstyledButton\n          aria-label={ariaLabel}\n          {...dayProps}\n          {...getStyles('yearViewDay', { className: dayProps.className, style: dayProps.style })}\n          key={date}\n          mod={[{ outside, weekend, today: isToday, static: mode === 'static' }, dayProps.mod]}\n          tabIndex={isInTabOrder ? 0 : -1}\n          ref={(node) => {\n            if (node) {\n              __getDayRef?.(weekIndex, dayIndex, node);\n            }\n          }}\n          onKeyDown={(event) => {\n            dayProps.onKeyDown?.(event);\n            __onDayKeyDown?.(event, { weekIndex, dayIndex, date });\n          }}\n          onClick={\n            mode === 'static'\n              ? undefined\n              : (event) => {\n                  onDayClick?.(dayjs(date).format('YYYY-MM-DD'), event);\n                  dayProps.onClick?.(event);\n                }\n          }\n        >\n          {dayjs(date).format('D')}\n\n          <div {...getStyles('yearViewDayIndicators')}>{indicators}</div>\n        </UnstyledButton>\n      );\n    });\n\n    const weekNumberProps = getWeekNumberProps?.(dayjs(week[0]).format('YYYY-MM-DD')) || {};\n    const weekNumber = getWeekNumber(week);\n\n    return (\n      <div {...getStyles('yearViewWeek')} key={weekIndex}>\n        {withWeekNumbers && (\n          <UnstyledButton\n            key={weekNumber}\n            aria-label={`Week ${weekNumber}`}\n            title={`Week ${weekNumber}`}\n            {...weekNumberProps}\n            onClick={\n              mode === 'static'\n                ? undefined\n                : (event) => {\n                    onWeekNumberClick?.(dayjs(week[0]).format('YYYY-MM-DD'), event);\n                    weekNumberProps.onClick?.(event);\n                  }\n            }\n            mod={{ static: mode === 'static' }}\n            tabIndex={mode === 'static' ? -1 : 0}\n            {...getStyles('yearViewWeekNumber', {\n              className: weekNumberProps.className,\n              style: weekNumberProps.style,\n            })}\n          >\n            {weekNumber}\n          </UnstyledButton>\n        )}\n\n        {days}\n      </div>\n    );\n  });\n\n  return (\n    <Box\n      mod={[\n        {\n          'with-week-numbers': withWeekNumbers,\n          'with-weekdays': withWeekDays,\n          static: mode === 'static',\n        },\n      ]}\n      {...getStyles('yearViewMonth')}\n    >\n      <UnstyledButton\n        onClick={\n          mode === 'static'\n            ? undefined\n            : (event) => onMonthClick?.(dayjs(month).startOf('month').format('YYYY-MM-DD'), event)\n        }\n        mod={{ static: mode === 'static' }}\n        tabIndex={mode === 'static' ? -1 : 0}\n        {...getStyles('yearViewMonthCaption')}\n      >\n        {formatDate({ locale: ctx.getLocale(locale), date: month, format: monthLabelFormat })}\n      </UnstyledButton>\n\n      {weekdays && (\n        <div {...getStyles('yearViewWeekdays')}>\n          {withWeekNumbers && <div {...getStyles('yearViewWeekdaysCorner')} />}\n          {weekdays}\n        </div>\n      )}\n\n      {weeks}\n    </Box>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"YearViewMonth.cjs","names":["getHiddenWeekendColumns","getWeekdaysNames","getMonthDays","getVisibleWeekDays","isSameMonth","UnstyledButton","getWeekNumber","Box","formatDate"],"sources":["../../../src/components/YearView/YearViewMonth.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { Box, GetStylesApi, getThemeColor, UnstyledButton, useMantineTheme } from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { ScheduleLabelsOverride } from '../../labels';\nimport { DateLabelFormat, DateStringValue, DayOfWeek, ScheduleMode } from '../../types';\nimport {\n  formatDate,\n  getMonthDays,\n  getWeekdaysNames,\n  getWeekNumber,\n  isSameMonth,\n} from '../../utils';\nimport { getHiddenWeekendColumns, getVisibleWeekDays } from './get-visible-week-days';\nimport { GroupedEvents } from './get-year-view-events/get-year-view-events';\nimport type { YearViewFactory } from './YearView';\n\nexport interface YearViewDayKeydownPayload {\n  weekIndex: number;\n  dayIndex: number;\n  date: string;\n}\n\nexport interface YearViewMonthSettings {\n  /** `dayjs` format for month label  @default 'MMMM' */\n  monthLabelFormat?: DateLabelFormat;\n\n  /** If set, show week numbers */\n  withWeekNumbers?: boolean;\n\n  /** If set, weekdays names are displayed in the first row @default true */\n  withWeekDays?: boolean;\n\n  /** Locale passed down to dayjs, overrides value defined on `DatesProvider` */\n  locale?: string;\n\n  /** Number 0-6, where 0 – Sunday and 6 – Saturday @default 0 */\n  firstDayOfWeek?: DayOfWeek;\n\n  /** `dayjs` format for weekdays names  @default 'd' */\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  /** If set, weekend days are displayed. When `false`, weekend columns are hidden and the month grid shrinks. @default true */\n  withWeekendDays?: boolean;\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  /** Called with the first day of the month when month label is clicked */\n  onMonthClick?: (date: DateStringValue, event: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** If set, highlights the current day @default true */\n  highlightToday?: boolean;\n\n  /** Labels override for i18n */\n  labels?: ScheduleLabelsOverride;\n\n  /** Interaction mode: 'default' allows all interactions, 'static' disables event interactions */\n  mode?: ScheduleMode;\n\n  /** If true, days from adjacent months are displayed @default true */\n  withOutsideDays?: boolean;\n}\n\nexport interface YearViewMonthProps extends YearViewMonthSettings {\n  /** Month to display, Date object or date string in `YYYY-MM-DD` format */\n  month: Date | string;\n\n  /** `useStyles` return value of `YearView` */\n  getStyles: GetStylesApi<YearViewFactory>;\n\n  /** Events grouped by date */\n  groupedEvents?: GroupedEvents;\n\n  /** Assigns ref of every day based on its position in the month, used for keyboard navigation */\n  __getDayRef?: (weekIndex: number, dayIndex: number, node: HTMLButtonElement) => void;\n\n  /** Called when any keydown event is registered on day, used for keyboard navigation */\n  __onDayKeyDown?: (\n    event: React.KeyboardEvent<HTMLButtonElement>,\n    payload: YearViewDayKeydownPayload\n  ) => void;\n\n  /** Index of the first day of the month in the grid (for determining which day should be in tab order) */\n  firstDayIndex?: { weekIndex: number; dayIndex: number };\n}\n\nexport function YearViewMonth({\n  month,\n  getStyles,\n  monthLabelFormat = 'MMMM',\n  withWeekNumbers,\n  withWeekDays,\n  locale,\n  firstDayOfWeek,\n  weekdayFormat,\n  weekendDays,\n  withWeekendDays,\n  getDayProps,\n  onDayClick,\n  onWeekNumberClick,\n  onMonthClick,\n  getWeekNumberProps,\n  highlightToday,\n  groupedEvents,\n  mode,\n  withOutsideDays,\n  __getDayRef,\n  __onDayKeyDown,\n  firstDayIndex,\n}: YearViewMonthProps) {\n  const ctx = useDatesContext();\n  const theme = useMantineTheme();\n  const today = dayjs();\n\n  const resolvedFirstDayOfWeek = ctx.getFirstDayOfWeek(firstDayOfWeek);\n  const resolvedWeekendDays = ctx.getWeekendDays(weekendDays);\n  const hiddenColumns = new Set(\n    getHiddenWeekendColumns({\n      weekendDays: resolvedWeekendDays,\n      firstDayOfWeek: resolvedFirstDayOfWeek,\n      withWeekendDays,\n    })\n  );\n\n  const weekdays = withWeekDays\n    ? getWeekdaysNames({\n        locale: ctx.getLocale(locale),\n        format: weekdayFormat,\n        firstDayOfWeek: resolvedFirstDayOfWeek,\n      })\n        .filter((_, index) => !hiddenColumns.has(index))\n        .map((day, index) => (\n          <div {...getStyles('yearViewWeekday')} key={index}>\n            {day}\n          </div>\n        ))\n    : null;\n\n  const weeks = getMonthDays({\n    month: dayjs(month).format('YYYY-MM-DD'),\n    firstDayOfWeek: resolvedFirstDayOfWeek,\n    consistentWeeks: true,\n  }).map((week, weekIndex) => {\n    const visibleDays = getVisibleWeekDays({\n      week,\n      weekendDays: resolvedWeekendDays,\n      withWeekendDays,\n    });\n\n    const days = visibleDays.map((date, dayIndex) => {\n      const outside = !isSameMonth(date, month);\n\n      if (outside && !withOutsideDays) {\n        return <div {...getStyles('yearViewDay')} data-day-placeholder key={date} />;\n      }\n\n      const weekend = resolvedWeekendDays.includes(dayjs(date).day() as DayOfWeek);\n      const ariaLabel = dayjs(date)\n        .locale(locale || ctx.locale)\n        .format('MMMM D, YYYY');\n\n      const dayProps = getDayProps?.(dayjs(date).format('YYYY-MM-DD')) || {};\n      const isToday = dayjs(date).isSame(today, 'day') && highlightToday;\n      const dayEvents = groupedEvents?.[dayjs(date).format('YYYY-MM-DD')] || [];\n\n      // Determine if this day should be in the tab order\n      // Only the first day of the month (not outside) should be focusable via tab\n      const isFirstDayOfMonth =\n        firstDayIndex &&\n        weekIndex === firstDayIndex.weekIndex &&\n        dayIndex === firstDayIndex.dayIndex;\n      const isInTabOrder = mode !== 'static' && !outside && isFirstDayOfMonth;\n\n      const indicators = dayEvents.slice(0, 3).map((event) => (\n        <div\n          {...getStyles('yearViewDayIndicator', {\n            style: { backgroundColor: getThemeColor(event.color, theme) },\n          })}\n          key={event.id}\n        />\n      ));\n\n      return (\n        <UnstyledButton\n          aria-label={ariaLabel}\n          {...dayProps}\n          {...getStyles('yearViewDay', { className: dayProps.className, style: dayProps.style })}\n          key={date}\n          mod={[{ outside, weekend, today: isToday, static: mode === 'static' }, dayProps.mod]}\n          tabIndex={isInTabOrder ? 0 : -1}\n          ref={(node) => {\n            if (node) {\n              __getDayRef?.(weekIndex, dayIndex, node);\n            }\n          }}\n          onKeyDown={(event) => {\n            dayProps.onKeyDown?.(event);\n            __onDayKeyDown?.(event, { weekIndex, dayIndex, date });\n          }}\n          onClick={\n            mode === 'static'\n              ? undefined\n              : (event) => {\n                  onDayClick?.(dayjs(date).format('YYYY-MM-DD'), event);\n                  dayProps.onClick?.(event);\n                }\n          }\n        >\n          {dayjs(date).format('D')}\n\n          <div {...getStyles('yearViewDayIndicators')}>{indicators}</div>\n        </UnstyledButton>\n      );\n    });\n\n    const weekNumberProps = getWeekNumberProps?.(dayjs(week[0]).format('YYYY-MM-DD')) || {};\n    const weekNumber = getWeekNumber(week);\n\n    return (\n      <div {...getStyles('yearViewWeek')} key={weekIndex}>\n        {withWeekNumbers && (\n          <UnstyledButton\n            key={weekNumber}\n            aria-label={`Week ${weekNumber}`}\n            title={`Week ${weekNumber}`}\n            {...weekNumberProps}\n            onClick={\n              mode === 'static'\n                ? undefined\n                : (event) => {\n                    onWeekNumberClick?.(dayjs(week[0]).format('YYYY-MM-DD'), event);\n                    weekNumberProps.onClick?.(event);\n                  }\n            }\n            mod={{ static: mode === 'static' }}\n            tabIndex={mode === 'static' ? -1 : 0}\n            {...getStyles('yearViewWeekNumber', {\n              className: weekNumberProps.className,\n              style: weekNumberProps.style,\n            })}\n          >\n            {weekNumber}\n          </UnstyledButton>\n        )}\n\n        {days}\n      </div>\n    );\n  });\n\n  return (\n    <Box\n      mod={[\n        {\n          'with-week-numbers': withWeekNumbers,\n          'with-weekdays': withWeekDays,\n          static: mode === 'static',\n        },\n      ]}\n      {...getStyles('yearViewMonth')}\n    >\n      <UnstyledButton\n        onClick={\n          mode === 'static'\n            ? undefined\n            : (event) => onMonthClick?.(dayjs(month).startOf('month').format('YYYY-MM-DD'), event)\n        }\n        mod={{ static: mode === 'static' }}\n        tabIndex={mode === 'static' ? -1 : 0}\n        {...getStyles('yearViewMonthCaption')}\n      >\n        {formatDate({ locale: ctx.getLocale(locale), date: month, format: monthLabelFormat })}\n      </UnstyledButton>\n\n      {weekdays && (\n        <div {...getStyles('yearViewWeekdays')}>\n          {withWeekNumbers && <div {...getStyles('yearViewWeekdaysCorner')} />}\n          {weekdays}\n        </div>\n      )}\n\n      {weeks}\n    </Box>\n  );\n}\n"],"mappings":"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"}

package/cjs/components/YearView/get-visible-week-days.cjs

@@ -0,0 +1,24 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let dayjs = require("dayjs");
+dayjs = require_runtime.__toESM(dayjs);
+//#region packages/@mantine/schedule/src/components/YearView/get-visible-week-days.ts
+const DAYS_IN_WEEK = 7;
+/**
+* Returns indices of week columns (0-6, relative to `firstDayOfWeek`) that are
+* hidden because they fall on a weekend day and `withWeekendDays` is `false`.
+*/
+function getHiddenWeekendColumns({ weekendDays, firstDayOfWeek, withWeekendDays }) {
+	if (withWeekendDays !== false) return [];
+	return Array.from({ length: DAYS_IN_WEEK }, (_, index) => index).filter((index) => weekendDays.includes((firstDayOfWeek + index) % DAYS_IN_WEEK));
+}
+/** Filters out weekend days from a week when `withWeekendDays` is `false` */
+function getVisibleWeekDays({ week, weekendDays, withWeekendDays }) {
+	if (withWeekendDays !== false) return week;
+	return week.filter((date) => !weekendDays.includes((0, dayjs.default)(date).day()));
+}
+//#endregion
+exports.getHiddenWeekendColumns = getHiddenWeekendColumns;
+exports.getVisibleWeekDays = getVisibleWeekDays;
+
+//# sourceMappingURL=get-visible-week-days.cjs.map

package/cjs/components/YearView/get-visible-week-days.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-visible-week-days.cjs","names":[],"sources":["../../../src/components/YearView/get-visible-week-days.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { DateStringValue, DayOfWeek } from '../../types';\n\nconst DAYS_IN_WEEK = 7;\n\ninterface HiddenWeekendColumnsInput {\n  weekendDays: DayOfWeek[];\n  firstDayOfWeek: DayOfWeek;\n  withWeekendDays: boolean | undefined;\n}\n\n/**\n * Returns indices of week columns (0-6, relative to `firstDayOfWeek`) that are\n * hidden because they fall on a weekend day and `withWeekendDays` is `false`.\n */\nexport function getHiddenWeekendColumns({\n  weekendDays,\n  firstDayOfWeek,\n  withWeekendDays,\n}: HiddenWeekendColumnsInput): number[] {\n  if (withWeekendDays !== false) {\n    return [];\n  }\n\n  return Array.from({ length: DAYS_IN_WEEK }, (_, index) => index).filter((index) =>\n    weekendDays.includes(((firstDayOfWeek + index) % DAYS_IN_WEEK) as DayOfWeek)\n  );\n}\n\ninterface VisibleWeekDaysInput {\n  week: DateStringValue[];\n  weekendDays: DayOfWeek[];\n  withWeekendDays: boolean | undefined;\n}\n\n/** Filters out weekend days from a week when `withWeekendDays` is `false` */\nexport function getVisibleWeekDays({\n  week,\n  weekendDays,\n  withWeekendDays,\n}: VisibleWeekDaysInput): DateStringValue[] {\n  if (withWeekendDays !== false) {\n    return week;\n  }\n\n  return week.filter((date) => !weekendDays.includes(dayjs(date).day() as DayOfWeek));\n}\n"],"mappings":";;;;;AAGA,MAAM,eAAe;;;;;AAYrB,SAAgB,wBAAwB,EACtC,aACA,gBACA,mBACsC;CACtC,IAAI,oBAAoB,OACtB,OAAO,CAAC;CAGV,OAAO,MAAM,KAAK,EAAE,QAAQ,aAAa,IAAI,GAAG,UAAU,KAAK,CAAC,CAAC,QAAQ,UACvE,YAAY,UAAW,iBAAiB,SAAS,YAA0B,CAC7E;AACF;;AASA,SAAgB,mBAAmB,EACjC,MACA,aACA,mBAC0C;CAC1C,IAAI,oBAAoB,OACtB,OAAO;CAGT,OAAO,KAAK,QAAQ,SAAS,CAAC,YAAY,UAAA,GAAA,MAAA,QAAA,CAAe,IAAI,CAAC,CAAC,IAAI,CAAc,CAAC;AACpF"}

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

@@ -0,0 +1,119 @@
+"use client";
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+const require_get_index_from_drag_point = require("../utils/get-index-from-drag-point/get-index-from-drag-point.cjs");
+const require_calculate_month_resize_dates = require("../utils/calculate-month-resize-dates/calculate-month-resize-dates.cjs");
+let dayjs = require("dayjs");
+dayjs = require_runtime.__toESM(dayjs);
+let react = require("react");
+//#region packages/@mantine/schedule/src/hooks/use-day-grid-event-resize.ts
+/**
+* Resizes an event by dragging its start or end edge across a strip of day cells.
+* The target day is resolved by hit-testing `cells` with the pointer position, so
+* the hook works for any layout that renders one element per day in a single row.
+*/
+function useDayGridEventResize({ enabled = false, mode = "default", onEventResize, canResizeEvent }) {
+	const [resizeState, setResizeState] = (0, react.useState)(null);
+	const resizeRef = (0, react.useRef)(null);
+	const justResizedRef = (0, react.useRef)(false);
+	const stableOnEventResize = (0, react.useEffectEvent)(onEventResize || (() => {}));
+	const handleResizeStart = (0, react.useCallback)(({ event, edge, cells, days, pointerEvent }) => {
+		if (!enabled || mode === "static") return;
+		pointerEvent.preventDefault();
+		pointerEvent.stopPropagation();
+		const originalStart = (0, dayjs.default)(event.start).format("YYYY-MM-DD HH:mm:ss");
+		const originalEnd = (0, dayjs.default)(event.end).format("YYYY-MM-DD HH:mm:ss");
+		const state = {
+			eventId: event.id,
+			event,
+			edge,
+			cells,
+			days,
+			dayIndex: -1,
+			originalStart,
+			originalEnd,
+			start: originalStart,
+			end: originalEnd
+		};
+		resizeRef.current = state;
+		setResizeState(state);
+	}, [enabled, mode]);
+	const isResizing = resizeState !== null;
+	(0, react.useEffect)(() => {
+		if (!isResizing) return;
+		const savedUserSelect = document.body.style.userSelect;
+		const savedCursor = document.body.style.cursor;
+		document.body.style.userSelect = "none";
+		document.body.style.cursor = "ew-resize";
+		const handlePointerMove = (e) => {
+			const state = resizeRef.current;
+			if (!state) return;
+			const dayIndex = require_get_index_from_drag_point.getIndexFromDragPoint(state.cells, e.clientX);
+			if (dayIndex === null || dayIndex === state.dayIndex) return;
+			const targetDay = state.days[dayIndex];
+			if (!targetDay) return;
+			const { start, end } = require_calculate_month_resize_dates.calculateMonthResizeDates({
+				event: state.event,
+				edge: state.edge,
+				targetDay
+			});
+			resizeRef.current = {
+				...state,
+				dayIndex,
+				start,
+				end
+			};
+			setResizeState(resizeRef.current);
+		};
+		const endGesture = () => {
+			resizeRef.current = null;
+			setResizeState(null);
+			justResizedRef.current = true;
+			requestAnimationFrame(() => {
+				justResizedRef.current = false;
+			});
+		};
+		const handlePointerUp = () => {
+			const state = resizeRef.current;
+			if (state && (state.start !== state.originalStart || state.end !== state.originalEnd)) stableOnEventResize({
+				eventId: state.eventId,
+				newStart: state.start,
+				newEnd: state.end,
+				event: state.event
+			});
+			endGesture();
+		};
+		document.addEventListener("pointermove", handlePointerMove);
+		document.addEventListener("pointerup", handlePointerUp);
+		document.addEventListener("pointercancel", endGesture);
+		return () => {
+			document.body.style.userSelect = savedUserSelect;
+			document.body.style.cursor = savedCursor;
+			document.removeEventListener("pointermove", handlePointerMove);
+			document.removeEventListener("pointerup", handlePointerUp);
+			document.removeEventListener("pointercancel", endGesture);
+		};
+	}, [isResizing]);
+	const isResizableEvent = (0, react.useCallback)((event) => {
+		if (!enabled || mode === "static" || event.display === "background") return false;
+		return canResizeEvent ? canResizeEvent(event) : true;
+	}, [
+		enabled,
+		mode,
+		canResizeEvent
+	]);
+	const wasResizing = (0, react.useCallback)(() => justResizedRef.current, []);
+	return {
+		handleResizeStart,
+		isResizing,
+		resizingEventId: resizeState?.eventId ?? null,
+		resizingEdge: resizeState?.edge ?? null,
+		previewStart: resizeState?.start ?? null,
+		previewEnd: resizeState?.end ?? null,
+		isResizableEvent,
+		wasResizing
+	};
+}
+//#endregion
+exports.useDayGridEventResize = useDayGridEventResize;
+
+//# sourceMappingURL=use-day-grid-event-resize.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-day-grid-event-resize.cjs","names":["getIndexFromDragPoint","calculateMonthResizeDates"],"sources":["../../src/hooks/use-day-grid-event-resize.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useCallback, useEffect, useEffectEvent, useRef, useState } from 'react';\nimport { DateStringValue, DateTimeStringValue, ScheduleEventData, ScheduleMode } from '../types';\nimport {\n  calculateMonthResizeDates,\n  MonthResizeEdge,\n} from '../utils/calculate-month-resize-dates/calculate-month-resize-dates';\nimport { getIndexFromDragPoint } from '../utils/get-index-from-drag-point/get-index-from-drag-point';\n\ninterface ResizeState {\n  eventId: string | number;\n  event: ScheduleEventData;\n  edge: MonthResizeEdge;\n  cells: (HTMLElement | null)[];\n  days: DateStringValue[];\n  dayIndex: number;\n  originalStart: DateTimeStringValue;\n  originalEnd: DateTimeStringValue;\n  start: DateTimeStringValue;\n  end: DateTimeStringValue;\n}\n\nexport interface UseDayGridEventResizeInput {\n  enabled?: boolean;\n  mode?: ScheduleMode;\n  onEventResize?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n  canResizeEvent?: (event: ScheduleEventData) => boolean;\n}\n\nexport interface DayGridResizeStartInput {\n  event: ScheduleEventData;\n  edge: MonthResizeEdge;\n  cells: (HTMLElement | null)[];\n  days: DateStringValue[];\n  pointerEvent: React.PointerEvent;\n}\n\n/**\n * Resizes an event by dragging its start or end edge across a strip of day cells.\n * The target day is resolved by hit-testing `cells` with the pointer position, so\n * the hook works for any layout that renders one element per day in a single row.\n */\nexport function useDayGridEventResize({\n  enabled = false,\n  mode = 'default',\n  onEventResize,\n  canResizeEvent,\n}: UseDayGridEventResizeInput) {\n  const [resizeState, setResizeState] = useState<ResizeState | null>(null);\n  const resizeRef = useRef<ResizeState | null>(null);\n  const justResizedRef = useRef(false);\n  const stableOnEventResize = useEffectEvent(onEventResize || (() => {}));\n\n  const handleResizeStart = useCallback(\n    ({ event, edge, cells, days, pointerEvent }: DayGridResizeStartInput) => {\n      if (!enabled || mode === 'static') {\n        return;\n      }\n\n      pointerEvent.preventDefault();\n      pointerEvent.stopPropagation();\n\n      const originalStart = dayjs(event.start).format('YYYY-MM-DD HH:mm:ss');\n      const originalEnd = dayjs(event.end).format('YYYY-MM-DD HH:mm:ss');\n\n      const state: ResizeState = {\n        eventId: event.id,\n        event,\n        edge,\n        cells,\n        days,\n        dayIndex: -1,\n        originalStart,\n        originalEnd,\n        start: originalStart,\n        end: originalEnd,\n      };\n\n      resizeRef.current = state;\n      setResizeState(state);\n    },\n    [enabled, mode]\n  );\n\n  const isResizing = resizeState !== null;\n\n  useEffect(() => {\n    if (!isResizing) {\n      return undefined;\n    }\n\n    const savedUserSelect = document.body.style.userSelect;\n    const savedCursor = document.body.style.cursor;\n    document.body.style.userSelect = 'none';\n    document.body.style.cursor = 'ew-resize';\n\n    const handlePointerMove = (e: PointerEvent) => {\n      const state = resizeRef.current;\n      if (!state) {\n        return;\n      }\n\n      const dayIndex = getIndexFromDragPoint(state.cells, e.clientX);\n      if (dayIndex === null || dayIndex === state.dayIndex) {\n        return;\n      }\n\n      const targetDay = state.days[dayIndex];\n      if (!targetDay) {\n        return;\n      }\n\n      const { start, end } = calculateMonthResizeDates({\n        event: state.event,\n        edge: state.edge,\n        targetDay,\n      });\n\n      resizeRef.current = { ...state, dayIndex, start, end };\n      setResizeState(resizeRef.current);\n    };\n\n    const endGesture = () => {\n      resizeRef.current = null;\n      setResizeState(null);\n      justResizedRef.current = true;\n      requestAnimationFrame(() => {\n        justResizedRef.current = false;\n      });\n    };\n\n    const handlePointerUp = () => {\n      const state = resizeRef.current;\n      if (state && (state.start !== state.originalStart || state.end !== state.originalEnd)) {\n        stableOnEventResize({\n          eventId: state.eventId,\n          newStart: state.start,\n          newEnd: state.end,\n          event: state.event,\n        });\n      }\n\n      endGesture();\n    };\n\n    document.addEventListener('pointermove', handlePointerMove);\n    document.addEventListener('pointerup', handlePointerUp);\n    document.addEventListener('pointercancel', endGesture);\n\n    return () => {\n      document.body.style.userSelect = savedUserSelect;\n      document.body.style.cursor = savedCursor;\n      document.removeEventListener('pointermove', handlePointerMove);\n      document.removeEventListener('pointerup', handlePointerUp);\n      document.removeEventListener('pointercancel', endGesture);\n    };\n  }, [isResizing]);\n\n  const isResizableEvent = useCallback(\n    (event: ScheduleEventData) => {\n      if (!enabled || mode === 'static' || event.display === 'background') {\n        return false;\n      }\n      return canResizeEvent ? canResizeEvent(event) : true;\n    },\n    [enabled, mode, canResizeEvent]\n  );\n\n  const wasResizing = useCallback(() => justResizedRef.current, []);\n\n  return {\n    handleResizeStart,\n    isResizing,\n    resizingEventId: resizeState?.eventId ?? null,\n    resizingEdge: resizeState?.edge ?? null,\n    previewStart: resizeState?.start ?? null,\n    previewEnd: resizeState?.end ?? null,\n    isResizableEvent,\n    wasResizing,\n  };\n}\n"],"mappings":"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"}

package/cjs/utils/calculate-month-resize-dates/calculate-month-resize-dates.cjs

@@ -0,0 +1,39 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let dayjs = require("dayjs");
+dayjs = require_runtime.__toESM(dayjs);
+//#region packages/@mantine/schedule/src/utils/calculate-month-resize-dates/calculate-month-resize-dates.ts
+const DATE_TIME_FORMAT = "YYYY-MM-DD HH:mm:ss";
+function isExclusiveMidnight(value) {
+	return value.hour() === 0 && value.minute() === 0 && value.second() === 0;
+}
+function withTimeOf(day, source) {
+	return day.startOf("day").hour(source.hour()).minute(source.minute()).second(source.second()).millisecond(source.millisecond());
+}
+function calculateMonthResizeDates({ event, edge, targetDay }) {
+	const originalStart = (0, dayjs.default)(event.start);
+	const originalEnd = (0, dayjs.default)(event.end);
+	const target = (0, dayjs.default)(targetDay).startOf("day");
+	const startDay = originalStart.startOf("day");
+	const endAtMidnight = isExclusiveMidnight(originalEnd);
+	const endDay = endAtMidnight ? originalEnd.startOf("day").subtract(1, "day") : originalEnd.startOf("day");
+	if (edge === "start") {
+		let newStart = withTimeOf(target.isAfter(endDay) ? endDay : target, originalStart);
+		if (!newStart.isBefore(originalEnd)) newStart = newStart.subtract(1, "day");
+		return {
+			start: newStart.format(DATE_TIME_FORMAT),
+			end: originalEnd.format(DATE_TIME_FORMAT)
+		};
+	}
+	const clampedDay = target.isBefore(startDay) ? startDay : target;
+	let newEnd = endAtMidnight ? clampedDay.add(1, "day").startOf("day") : withTimeOf(clampedDay, originalEnd);
+	if (!newEnd.isAfter(originalStart)) newEnd = newEnd.add(1, "day");
+	return {
+		start: originalStart.format(DATE_TIME_FORMAT),
+		end: newEnd.format(DATE_TIME_FORMAT)
+	};
+}
+//#endregion
+exports.calculateMonthResizeDates = calculateMonthResizeDates;
+
+//# sourceMappingURL=calculate-month-resize-dates.cjs.map

package/cjs/utils/calculate-month-resize-dates/calculate-month-resize-dates.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculate-month-resize-dates.cjs","names":[],"sources":["../../../src/utils/calculate-month-resize-dates/calculate-month-resize-dates.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { DateStringValue, DateTimeStringValue, ScheduleEventData } from '../../types';\n\nexport type MonthResizeEdge = 'start' | 'end';\n\nexport interface CalculateMonthResizeDatesInput {\n  /** The event being resized */\n  event: ScheduleEventData;\n\n  /** Edge of the event that is being dragged */\n  edge: MonthResizeEdge;\n\n  /** The day on which the dragged edge was released */\n  targetDay: DateStringValue;\n}\n\nexport interface CalculateMonthResizeDatesResult {\n  /** New start date for the event */\n  start: DateTimeStringValue;\n\n  /** New end date for the event */\n  end: DateTimeStringValue;\n}\n\nconst DATE_TIME_FORMAT = 'YYYY-MM-DD HH:mm:ss';\n\nfunction isExclusiveMidnight(value: dayjs.Dayjs): boolean {\n  return value.hour() === 0 && value.minute() === 0 && value.second() === 0;\n}\n\nfunction withTimeOf(day: dayjs.Dayjs, source: dayjs.Dayjs): dayjs.Dayjs {\n  return day\n    .startOf('day')\n    .hour(source.hour())\n    .minute(source.minute())\n    .second(source.second())\n    .millisecond(source.millisecond());\n}\n\nexport function calculateMonthResizeDates({\n  event,\n  edge,\n  targetDay,\n}: CalculateMonthResizeDatesInput): CalculateMonthResizeDatesResult {\n  const originalStart = dayjs(event.start);\n  const originalEnd = dayjs(event.end);\n  const target = dayjs(targetDay).startOf('day');\n\n  const startDay = originalStart.startOf('day');\n  const endAtMidnight = isExclusiveMidnight(originalEnd);\n  const endDay = endAtMidnight\n    ? originalEnd.startOf('day').subtract(1, 'day')\n    : originalEnd.startOf('day');\n\n  if (edge === 'start') {\n    const clampedDay = target.isAfter(endDay) ? endDay : target;\n    let newStart = withTimeOf(clampedDay, originalStart);\n\n    if (!newStart.isBefore(originalEnd)) {\n      newStart = newStart.subtract(1, 'day');\n    }\n\n    return {\n      start: newStart.format(DATE_TIME_FORMAT),\n      end: originalEnd.format(DATE_TIME_FORMAT),\n    };\n  }\n\n  const clampedDay = target.isBefore(startDay) ? startDay : target;\n  let newEnd = endAtMidnight\n    ? clampedDay.add(1, 'day').startOf('day')\n    : withTimeOf(clampedDay, originalEnd);\n\n  if (!newEnd.isAfter(originalStart)) {\n    newEnd = newEnd.add(1, 'day');\n  }\n\n  return {\n    start: originalStart.format(DATE_TIME_FORMAT),\n    end: newEnd.format(DATE_TIME_FORMAT),\n  };\n}\n"],"mappings":";;;;;AAwBA,MAAM,mBAAmB;AAEzB,SAAS,oBAAoB,OAA6B;CACxD,OAAO,MAAM,KAAK,MAAM,KAAK,MAAM,OAAO,MAAM,KAAK,MAAM,OAAO,MAAM;AAC1E;AAEA,SAAS,WAAW,KAAkB,QAAkC;CACtE,OAAO,IACJ,QAAQ,KAAK,CAAC,CACd,KAAK,OAAO,KAAK,CAAC,CAAC,CACnB,OAAO,OAAO,OAAO,CAAC,CAAC,CACvB,OAAO,OAAO,OAAO,CAAC,CAAC,CACvB,YAAY,OAAO,YAAY,CAAC;AACrC;AAEA,SAAgB,0BAA0B,EACxC,OACA,MACA,aACkE;CAClE,MAAM,iBAAA,GAAA,MAAA,QAAA,CAAsB,MAAM,KAAK;CACvC,MAAM,eAAA,GAAA,MAAA,QAAA,CAAoB,MAAM,GAAG;CACnC,MAAM,UAAA,GAAA,MAAA,QAAA,CAAe,SAAS,CAAC,CAAC,QAAQ,KAAK;CAE7C,MAAM,WAAW,cAAc,QAAQ,KAAK;CAC5C,MAAM,gBAAgB,oBAAoB,WAAW;CACrD,MAAM,SAAS,gBACX,YAAY,QAAQ,KAAK,CAAC,CAAC,SAAS,GAAG,KAAK,IAC5C,YAAY,QAAQ,KAAK;CAE7B,IAAI,SAAS,SAAS;EAEpB,IAAI,WAAW,WADI,OAAO,QAAQ,MAAM,IAAI,SAAS,QACf,aAAa;EAEnD,IAAI,CAAC,SAAS,SAAS,WAAW,GAChC,WAAW,SAAS,SAAS,GAAG,KAAK;EAGvC,OAAO;GACL,OAAO,SAAS,OAAO,gBAAgB;GACvC,KAAK,YAAY,OAAO,gBAAgB;EAC1C;CACF;CAEA,MAAM,aAAa,OAAO,SAAS,QAAQ,IAAI,WAAW;CAC1D,IAAI,SAAS,gBACT,WAAW,IAAI,GAAG,KAAK,CAAC,CAAC,QAAQ,KAAK,IACtC,WAAW,YAAY,WAAW;CAEtC,IAAI,CAAC,OAAO,QAAQ,aAAa,GAC/B,SAAS,OAAO,IAAI,GAAG,KAAK;CAG9B,OAAO;EACL,OAAO,cAAc,OAAO,gBAAgB;EAC5C,KAAK,OAAO,OAAO,gBAAgB;CACrC;AACF"}