@mantine/schedule 9.1.1 → 9.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/CurrentTimeIndicator/CurrentTimeIndicator.cjs.map +1 -1
- package/cjs/components/DayView/DayView.cjs +2 -1
- package/cjs/components/DayView/DayView.cjs.map +1 -1
- package/cjs/components/DayView/get-day-view-events/get-day-positioned-events.cjs +3 -2
- package/cjs/components/DayView/get-day-view-events/get-day-positioned-events.cjs.map +1 -1
- package/cjs/components/DayView/get-day-view-events/get-day-view-events.cjs +4 -2
- package/cjs/components/DayView/get-day-view-events/get-day-view-events.cjs.map +1 -1
- package/cjs/components/DragContext/DragContext.cjs.map +1 -1
- package/cjs/components/MobileMonthView/MobileMonthView.cjs.map +1 -1
- package/cjs/components/MobileMonthView/get-mobile-month-view-events.cjs.map +1 -1
- package/cjs/components/MonthView/MonthView.cjs +19 -9
- package/cjs/components/MonthView/MonthView.cjs.map +1 -1
- package/cjs/components/MonthView/get-month-view-events/add-event-to-day-groups.cjs.map +1 -1
- package/cjs/components/MonthView/get-month-view-events/calculate-event-position-in-week.cjs.map +1 -1
- package/cjs/components/MonthView/get-month-view-events/find-available-row.cjs.map +1 -1
- package/cjs/components/MonthView/get-month-view-events/get-month-positioned-events.cjs.map +1 -1
- package/cjs/components/MonthView/get-month-view-events/get-month-view-events.cjs.map +1 -1
- package/cjs/components/MonthView/get-month-view-events/get-weeks-in-range.cjs.map +1 -1
- package/cjs/components/MonthView/get-renderable-month-event-segments.cjs +121 -0
- package/cjs/components/MonthView/get-renderable-month-event-segments.cjs.map +1 -0
- package/cjs/components/MonthView/handle-month-view-key-down.cjs.map +1 -1
- package/cjs/components/MoreEvents/MoreEvents.cjs.map +1 -1
- package/cjs/components/Schedule/Schedule.cjs.map +1 -1
- package/cjs/components/ScheduleEvent/ScheduleEvent.cjs.map +1 -1
- package/cjs/components/ScheduleEvent/ScheduleEvent.module.cjs.map +1 -1
- package/cjs/components/ScheduleHeader/HeaderControl/HeaderControl.cjs.map +1 -1
- package/cjs/components/ScheduleHeader/MonthYearSelect/MonthYearSelect.cjs.map +1 -1
- package/cjs/components/ScheduleHeader/ScheduleHeader.cjs.map +1 -1
- package/cjs/components/ScheduleHeader/ScheduleHeaderBase.cjs.map +1 -1
- package/cjs/components/ScheduleHeader/ScheduleHeaderContext.cjs.map +1 -1
- package/cjs/components/ScheduleHeader/ViewSelect/ViewSelect.cjs.map +1 -1
- package/cjs/components/WeekView/WeekView.cjs +1 -0
- package/cjs/components/WeekView/WeekView.cjs.map +1 -1
- package/cjs/components/WeekView/WeekViewDay.cjs +5 -2
- package/cjs/components/WeekView/WeekViewDay.cjs.map +1 -1
- package/cjs/components/WeekView/get-week-label/get-week-label.cjs.map +1 -1
- package/cjs/components/WeekView/get-week-view-events/assign-event-rows.cjs.map +1 -1
- package/cjs/components/WeekView/get-week-view-events/calculate-all-day-event-offset.cjs.map +1 -1
- package/cjs/components/WeekView/get-week-view-events/calculate-all-day-event-width.cjs.map +1 -1
- package/cjs/components/WeekView/get-week-view-events/calculate-event-days.cjs.map +1 -1
- package/cjs/components/WeekView/get-week-view-events/calculate-regular-event-overlaps.cjs.map +1 -1
- package/cjs/components/WeekView/get-week-view-events/filter-week-view-events.cjs.map +1 -1
- package/cjs/components/WeekView/get-week-view-events/find-available-column.cjs.map +1 -1
- package/cjs/components/WeekView/get-week-view-events/get-event-end-date.cjs.map +1 -1
- package/cjs/components/WeekView/get-week-view-events/get-hanging-status.cjs.map +1 -1
- package/cjs/components/WeekView/get-week-view-events/get-week-positioned-events.cjs +5 -3
- package/cjs/components/WeekView/get-week-view-events/get-week-positioned-events.cjs.map +1 -1
- package/cjs/components/WeekView/get-week-view-events/get-week-view-events.cjs.map +1 -1
- package/cjs/components/WeekView/handle-week-view-key-down.cjs.map +1 -1
- package/cjs/components/YearView/YearView.cjs.map +1 -1
- package/cjs/components/YearView/YearViewMonth.cjs.map +1 -1
- package/cjs/components/YearView/get-year-view-events/get-year-view-events.cjs.map +1 -1
- package/cjs/components/YearView/handle-year-view-key-down.cjs.map +1 -1
- package/cjs/hooks/use-auto-scroll-on-drag.cjs.map +1 -1
- package/cjs/hooks/use-drag-drop-handlers.cjs.map +1 -1
- package/cjs/hooks/use-drag-state.cjs.map +1 -1
- package/cjs/hooks/use-event-resize.cjs +9 -5
- package/cjs/hooks/use-event-resize.cjs.map +1 -1
- package/cjs/hooks/use-slot-drag-select.cjs.map +1 -1
- package/cjs/labels.cjs.map +1 -1
- package/cjs/utils/calculate-drop-time/calculate-drop-time.cjs.map +1 -1
- package/cjs/utils/calculate-month-drop-date/calculate-month-drop-date.cjs.map +1 -1
- package/cjs/utils/clamp-interval-minutes/clamp-interval-minutes.cjs.map +1 -1
- package/cjs/utils/expand-recurring-events/expand-recurring-events.cjs.map +1 -1
- package/cjs/utils/format-date/format-date.cjs.map +1 -1
- package/cjs/utils/get-business-hours-mod/get-business-hours-mod.cjs +20 -3
- package/cjs/utils/get-business-hours-mod/get-business-hours-mod.cjs.map +1 -1
- package/cjs/utils/get-current-time-position/get-current-time-position.cjs.map +1 -1
- package/cjs/utils/get-day-position/get-day-position.cjs +11 -8
- package/cjs/utils/get-day-position/get-day-position.cjs.map +1 -1
- package/cjs/utils/get-day-time-intervals/get-day-time-intervals.cjs.map +1 -1
- package/cjs/utils/get-end-of-week/get-end-of-week.cjs.map +1 -1
- package/cjs/utils/get-month-days/get-month-days.cjs.map +1 -1
- package/cjs/utils/get-month-range/get-month-range.cjs.map +1 -1
- package/cjs/utils/get-months-by-quarter/get-months-by-quarter.cjs.map +1 -1
- package/cjs/utils/get-months-list/get-months-list.cjs.map +1 -1
- package/cjs/utils/get-start-of-week/get-start-of-week.cjs.map +1 -1
- package/cjs/utils/get-visible-events/get-visible-events.cjs.map +1 -1
- package/cjs/utils/get-week-days/get-week-days.cjs.map +1 -1
- package/cjs/utils/get-week-number/get-week-number.cjs.map +1 -1
- package/cjs/utils/get-weekdays-names/get-weekdays-names.cjs.map +1 -1
- package/cjs/utils/get-years-list/get-years-list.cjs.map +1 -1
- package/cjs/utils/is-after-min-date/is-after-min-date.cjs.map +1 -1
- package/cjs/utils/is-all-day-event/is-all-day-event.cjs.map +1 -1
- package/cjs/utils/is-before-max-date/is-before-max-date.cjs.map +1 -1
- package/cjs/utils/is-event-in-time-range/is-event-in-time-range.cjs.map +1 -1
- package/cjs/utils/is-events-overlap/is-events-overlap.cjs.map +1 -1
- package/cjs/utils/is-in-time-range/is-in-time-range.cjs.map +1 -1
- package/cjs/utils/is-multiday-event/is-multiday-event.cjs.map +1 -1
- package/cjs/utils/is-same-month/is-same-month.cjs.map +1 -1
- package/cjs/utils/is-within-week/is-within-week.cjs.map +1 -1
- package/cjs/utils/next-week/next-week.cjs.map +1 -1
- package/cjs/utils/parse-time-string/parse-time-string.cjs.map +1 -1
- package/cjs/utils/previous-week/previous-week.cjs.map +1 -1
- package/cjs/utils/sort-events/sort-events.cjs.map +1 -1
- package/cjs/utils/to-date-string/to-date-string.cjs.map +1 -1
- package/cjs/utils/to-time-string/to-time-string.cjs.map +1 -1
- package/cjs/utils/validate-event/validate-event.cjs.map +1 -1
- package/esm/components/CurrentTimeIndicator/CurrentTimeIndicator.mjs.map +1 -1
- package/esm/components/DayView/DayView.mjs +2 -1
- package/esm/components/DayView/DayView.mjs.map +1 -1
- package/esm/components/DayView/get-day-view-events/get-day-positioned-events.mjs +3 -2
- package/esm/components/DayView/get-day-view-events/get-day-positioned-events.mjs.map +1 -1
- package/esm/components/DayView/get-day-view-events/get-day-view-events.mjs +4 -2
- package/esm/components/DayView/get-day-view-events/get-day-view-events.mjs.map +1 -1
- package/esm/components/DragContext/DragContext.mjs.map +1 -1
- package/esm/components/MobileMonthView/MobileMonthView.mjs.map +1 -1
- package/esm/components/MobileMonthView/get-mobile-month-view-events.mjs.map +1 -1
- package/esm/components/MonthView/MonthView.mjs +19 -9
- package/esm/components/MonthView/MonthView.mjs.map +1 -1
- package/esm/components/MonthView/get-month-view-events/add-event-to-day-groups.mjs.map +1 -1
- package/esm/components/MonthView/get-month-view-events/calculate-event-position-in-week.mjs.map +1 -1
- package/esm/components/MonthView/get-month-view-events/find-available-row.mjs.map +1 -1
- package/esm/components/MonthView/get-month-view-events/get-month-positioned-events.mjs.map +1 -1
- package/esm/components/MonthView/get-month-view-events/get-month-view-events.mjs.map +1 -1
- package/esm/components/MonthView/get-month-view-events/get-weeks-in-range.mjs.map +1 -1
- package/esm/components/MonthView/get-renderable-month-event-segments.mjs +121 -0
- package/esm/components/MonthView/get-renderable-month-event-segments.mjs.map +1 -0
- package/esm/components/MonthView/handle-month-view-key-down.mjs.map +1 -1
- package/esm/components/MoreEvents/MoreEvents.mjs.map +1 -1
- package/esm/components/Schedule/Schedule.mjs.map +1 -1
- package/esm/components/ScheduleEvent/ScheduleEvent.mjs.map +1 -1
- package/esm/components/ScheduleEvent/ScheduleEvent.module.mjs.map +1 -1
- package/esm/components/ScheduleHeader/HeaderControl/HeaderControl.mjs.map +1 -1
- package/esm/components/ScheduleHeader/MonthYearSelect/MonthYearSelect.mjs.map +1 -1
- package/esm/components/ScheduleHeader/ScheduleHeader.mjs.map +1 -1
- package/esm/components/ScheduleHeader/ScheduleHeaderBase.mjs.map +1 -1
- package/esm/components/ScheduleHeader/ScheduleHeaderContext.mjs.map +1 -1
- package/esm/components/ScheduleHeader/ViewSelect/ViewSelect.mjs.map +1 -1
- package/esm/components/WeekView/WeekView.mjs +1 -0
- package/esm/components/WeekView/WeekView.mjs.map +1 -1
- package/esm/components/WeekView/WeekViewDay.mjs +5 -2
- package/esm/components/WeekView/WeekViewDay.mjs.map +1 -1
- package/esm/components/WeekView/get-week-label/get-week-label.mjs.map +1 -1
- package/esm/components/WeekView/get-week-view-events/assign-event-rows.mjs.map +1 -1
- package/esm/components/WeekView/get-week-view-events/calculate-all-day-event-offset.mjs.map +1 -1
- package/esm/components/WeekView/get-week-view-events/calculate-all-day-event-width.mjs.map +1 -1
- package/esm/components/WeekView/get-week-view-events/calculate-event-days.mjs.map +1 -1
- package/esm/components/WeekView/get-week-view-events/calculate-regular-event-overlaps.mjs.map +1 -1
- package/esm/components/WeekView/get-week-view-events/filter-week-view-events.mjs.map +1 -1
- package/esm/components/WeekView/get-week-view-events/find-available-column.mjs.map +1 -1
- package/esm/components/WeekView/get-week-view-events/get-event-end-date.mjs.map +1 -1
- package/esm/components/WeekView/get-week-view-events/get-hanging-status.mjs.map +1 -1
- package/esm/components/WeekView/get-week-view-events/get-week-positioned-events.mjs +5 -3
- package/esm/components/WeekView/get-week-view-events/get-week-positioned-events.mjs.map +1 -1
- package/esm/components/WeekView/get-week-view-events/get-week-view-events.mjs.map +1 -1
- package/esm/components/WeekView/handle-week-view-key-down.mjs.map +1 -1
- package/esm/components/YearView/YearView.mjs.map +1 -1
- package/esm/components/YearView/YearViewMonth.mjs.map +1 -1
- package/esm/components/YearView/get-year-view-events/get-year-view-events.mjs.map +1 -1
- package/esm/components/YearView/handle-year-view-key-down.mjs.map +1 -1
- package/esm/hooks/use-auto-scroll-on-drag.mjs.map +1 -1
- package/esm/hooks/use-drag-drop-handlers.mjs.map +1 -1
- package/esm/hooks/use-drag-state.mjs.map +1 -1
- package/esm/hooks/use-event-resize.mjs +9 -5
- package/esm/hooks/use-event-resize.mjs.map +1 -1
- package/esm/hooks/use-slot-drag-select.mjs.map +1 -1
- package/esm/labels.mjs.map +1 -1
- package/esm/utils/calculate-drop-time/calculate-drop-time.mjs.map +1 -1
- package/esm/utils/calculate-month-drop-date/calculate-month-drop-date.mjs.map +1 -1
- package/esm/utils/clamp-interval-minutes/clamp-interval-minutes.mjs.map +1 -1
- package/esm/utils/expand-recurring-events/expand-recurring-events.mjs.map +1 -1
- package/esm/utils/format-date/format-date.mjs.map +1 -1
- package/esm/utils/get-business-hours-mod/get-business-hours-mod.mjs +20 -3
- package/esm/utils/get-business-hours-mod/get-business-hours-mod.mjs.map +1 -1
- package/esm/utils/get-current-time-position/get-current-time-position.mjs.map +1 -1
- package/esm/utils/get-day-position/get-day-position.mjs +11 -8
- package/esm/utils/get-day-position/get-day-position.mjs.map +1 -1
- package/esm/utils/get-day-time-intervals/get-day-time-intervals.mjs.map +1 -1
- package/esm/utils/get-end-of-week/get-end-of-week.mjs.map +1 -1
- package/esm/utils/get-month-days/get-month-days.mjs.map +1 -1
- package/esm/utils/get-month-range/get-month-range.mjs.map +1 -1
- package/esm/utils/get-months-by-quarter/get-months-by-quarter.mjs.map +1 -1
- package/esm/utils/get-months-list/get-months-list.mjs.map +1 -1
- package/esm/utils/get-start-of-week/get-start-of-week.mjs.map +1 -1
- package/esm/utils/get-visible-events/get-visible-events.mjs.map +1 -1
- package/esm/utils/get-week-days/get-week-days.mjs.map +1 -1
- package/esm/utils/get-week-number/get-week-number.mjs.map +1 -1
- package/esm/utils/get-weekdays-names/get-weekdays-names.mjs.map +1 -1
- package/esm/utils/get-years-list/get-years-list.mjs.map +1 -1
- package/esm/utils/is-after-min-date/is-after-min-date.mjs.map +1 -1
- package/esm/utils/is-all-day-event/is-all-day-event.mjs.map +1 -1
- package/esm/utils/is-before-max-date/is-before-max-date.mjs.map +1 -1
- package/esm/utils/is-event-in-time-range/is-event-in-time-range.mjs.map +1 -1
- package/esm/utils/is-events-overlap/is-events-overlap.mjs.map +1 -1
- package/esm/utils/is-in-time-range/is-in-time-range.mjs.map +1 -1
- package/esm/utils/is-multiday-event/is-multiday-event.mjs.map +1 -1
- package/esm/utils/is-same-month/is-same-month.mjs.map +1 -1
- package/esm/utils/is-within-week/is-within-week.mjs.map +1 -1
- package/esm/utils/next-week/next-week.mjs.map +1 -1
- package/esm/utils/parse-time-string/parse-time-string.mjs.map +1 -1
- package/esm/utils/previous-week/previous-week.mjs.map +1 -1
- package/esm/utils/sort-events/sort-events.mjs.map +1 -1
- package/esm/utils/to-date-string/to-date-string.mjs.map +1 -1
- package/esm/utils/to-time-string/to-time-string.mjs.map +1 -1
- package/esm/utils/validate-event/validate-event.mjs.map +1 -1
- package/lib/components/DayView/get-day-view-events/get-day-positioned-events.d.ts +3 -1
- package/lib/components/DayView/get-day-view-events/get-day-view-events.d.ts +2 -1
- package/lib/components/MonthView/get-renderable-month-event-segments.d.ts +16 -0
- package/lib/components/Schedule/Schedule.d.ts +1 -1
- package/lib/components/WeekView/WeekView.d.ts +3 -2
- package/lib/components/WeekView/WeekViewDay.d.ts +3 -3
- package/lib/components/WeekView/get-week-view-events/get-week-positioned-events.d.ts +3 -1
- package/lib/utils/get-business-hours-mod/get-business-hours-mod.d.ts +12 -3
- package/lib/utils/get-day-position/get-day-position.d.ts +3 -1
- package/lib/utils/index.d.ts +1 -1
- package/package.json +4 -4
- package/styles.css +25 -0
- package/styles.layer.css +25 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WeekViewDay.cjs","names":["UnstyledButton","getBusinessHoursMod","getLabel","Box"],"sources":["../../../src/components/WeekView/WeekViewDay.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { Box, GetStylesApi, UnstyledButton } from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { getLabel, ScheduleLabelsOverride } from '../../labels';\nimport { DateStringValue, DateTimeStringValue, DayOfWeek, ScheduleMode } from '../../types';\nimport { DayTimeInterval, getBusinessHoursMod } from '../../utils';\nimport type { WeekViewControlsRef } from './handle-week-view-key-down';\nimport type { WeekViewFactory } from './WeekView';\n\nexport interface WeekViewDayProps {\n /** Date to display */\n day: Date | DateStringValue;\n\n /** Index of this day in the week */\n dayIndex: number;\n\n /** Slots intervals */\n slots: DayTimeInterval[];\n\n /** `useStyles` return value of `WeekView` */\n getStyles: GetStylesApi<WeekViewFactory>;\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 /** Events list */\n children?: React.ReactNode;\n\n /** Labels override */\n labels?: ScheduleLabelsOverride;\n\n /** If set to true, highlights business hours with white background */\n highlightBusinessHours?: boolean;\n\n /** Business hours range in `HH:mm:ss` format */\n businessHours?:
|
|
1
|
+
{"version":3,"file":"WeekViewDay.cjs","names":["UnstyledButton","getBusinessHoursMod","getLabel","Box"],"sources":["../../../src/components/WeekView/WeekViewDay.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { Box, GetStylesApi, UnstyledButton } from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { getLabel, ScheduleLabelsOverride } from '../../labels';\nimport { DateStringValue, DateTimeStringValue, DayOfWeek, ScheduleMode } from '../../types';\nimport { BusinessHoursValue, DayTimeInterval, getBusinessHoursMod } from '../../utils';\nimport type { WeekViewControlsRef } from './handle-week-view-key-down';\nimport type { WeekViewFactory } from './WeekView';\n\nexport interface WeekViewDayProps {\n /** Date to display */\n day: Date | DateStringValue;\n\n /** Index of this day in the week */\n dayIndex: number;\n\n /** Slots intervals */\n slots: DayTimeInterval[];\n\n /** `useStyles` return value of `WeekView` */\n getStyles: GetStylesApi<WeekViewFactory>;\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 /** Events list */\n children?: React.ReactNode;\n\n /** Labels override */\n labels?: ScheduleLabelsOverride;\n\n /** If set to true, highlights business hours with white background */\n highlightBusinessHours?: boolean;\n\n /** Business hours range in `HH:mm:ss` format, or per-day record keyed by day of the week */\n businessHours?: BusinessHoursValue;\n\n /** If true, slots are drop targets for drag and drop */\n withEventsDragAndDrop?: boolean;\n\n /** Called when dragging over day slots container */\n onDaySlotsDragOver?: (e: React.DragEvent<HTMLDivElement>, day: string, dayIndex: number) => void;\n\n /** Called when dragging leaves day slots container */\n onDaySlotsDragLeave?: () => void;\n\n /** Called when dropping on day slots container */\n onDaySlotsDrop?: (e: React.DragEvent<HTMLDivElement>, day: string, dayIndex: number) => void;\n\n /** Called when slot is clicked */\n onSlotClick?: (day: string, slotTime: string, event: React.MouseEvent<HTMLButtonElement>) => void;\n\n /** Index of the slot that is currently a drop target */\n dropTargetSlotIndex?: number;\n\n /** Interaction mode: 'default' allows all interactions, 'static' disables event interactions */\n mode?: ScheduleMode;\n\n /** Ref for keyboard navigation */\n slotsRef?: WeekViewControlsRef;\n\n /** Index of the first focusable slot */\n firstSlotIndex?: { dayIndex: number; slotIndex: number };\n\n /** Keyboard event handler for slots */\n onSlotKeyDown?: (\n event: React.KeyboardEvent<HTMLButtonElement>,\n dayIndex: number,\n slotIndex: number\n ) => void;\n\n /** Called when Arrow Up is pressed on the first slot, used to navigate to all-day slot */\n onFirstSlotArrowUp?: (dayIndex: number) => void;\n\n /** If set, enables drag-to-select time slot ranges */\n withDragSlotSelect?: boolean;\n\n /** Called when pointer down on a slot for drag selection */\n onSlotPointerDown?: (\n event: React.PointerEvent<HTMLButtonElement>,\n index: number,\n group: string\n ) => void;\n\n /** Function to check if a slot is drag-selected */\n isSlotDragSelected?: (index: number, group: string) => boolean;\n\n /** Ref callback for the day slots container */\n daySlotsContainerRef?: (node: HTMLDivElement | null) => void;\n\n /** Function to get additional props for each time slot */\n getTimeSlotProps?: (data: {\n start: DateTimeStringValue;\n end: DateTimeStringValue;\n }) => Record<string, any> | undefined;\n}\n\nexport function WeekViewDay({\n day,\n dayIndex,\n slots,\n getStyles,\n weekendDays,\n children,\n labels,\n highlightBusinessHours,\n businessHours,\n withEventsDragAndDrop,\n onDaySlotsDragOver,\n onDaySlotsDragLeave,\n onDaySlotsDrop,\n onSlotClick,\n dropTargetSlotIndex,\n mode,\n slotsRef,\n firstSlotIndex,\n onSlotKeyDown,\n onFirstSlotArrowUp,\n withDragSlotSelect,\n onSlotPointerDown,\n isSlotDragSelected,\n daySlotsContainerRef,\n getTimeSlotProps,\n}: WeekViewDayProps) {\n const ctx = useDatesContext();\n const dayOfWeek = dayjs(day).day() as DayOfWeek;\n const weekend = ctx.getWeekendDays(weekendDays).includes(dayOfWeek);\n const today = dayjs(day).isSame(dayjs(), 'day');\n\n const dayGroup = dayjs(day).format('YYYY-MM-DD');\n\n const items = slots.map((slot, slotIndex) => {\n const isDropTarget = dropTargetSlotIndex === slotIndex;\n const isFirstSlot =\n firstSlotIndex?.dayIndex === dayIndex && firstSlotIndex?.slotIndex === slotIndex;\n const isDragSelected = isSlotDragSelected?.(slotIndex, dayGroup) || false;\n const slotStart = `${dayGroup} ${slot.startTime}` as DateTimeStringValue;\n const slotEnd = `${dayGroup} ${slot.endTime}` as DateTimeStringValue;\n const { onClick: externalOnClick, ...externalSlotProps } =\n getTimeSlotProps?.({ start: slotStart, end: slotEnd }) || {};\n\n const handleClick =\n mode === 'static'\n ? undefined\n : (e: React.MouseEvent<HTMLButtonElement>) => {\n onSlotClick?.(String(day), slot.startTime, e);\n externalOnClick?.(e);\n };\n\n return (\n <UnstyledButton\n key={slot.startTime}\n ref={(node) => {\n if (node && slotsRef?.current) {\n if (!slotsRef.current[dayIndex]) {\n slotsRef.current[dayIndex] = [];\n }\n slotsRef.current[dayIndex][slotIndex] = node;\n }\n }}\n {...getStyles('weekViewDaySlot')}\n mod={{\n 'hour-start': slot.isHourStart,\n ...getBusinessHoursMod({\n time: slot.startTime,\n businessHours,\n highlightBusinessHours,\n dayOfWeek,\n }),\n 'drop-target': isDropTarget,\n 'drag-selected': isDragSelected,\n static: mode === 'static',\n }}\n aria-label={`${getLabel('timeSlot', labels)} ${dayGroup} ${slot.startTime} - ${slot.endTime}`}\n tabIndex={mode === 'static' ? -1 : isFirstSlot ? 0 : -1}\n data-drag-slot-index={withDragSlotSelect && mode !== 'static' ? slotIndex : undefined}\n data-drag-slot-group={withDragSlotSelect && mode !== 'static' ? dayGroup : undefined}\n onKeyDown={(e) => {\n if (slotIndex === 0 && e.key === 'ArrowUp' && onFirstSlotArrowUp) {\n e.preventDefault();\n onFirstSlotArrowUp(dayIndex);\n } else if (onSlotKeyDown) {\n onSlotKeyDown(e, dayIndex, slotIndex);\n }\n }}\n onPointerDown={\n withDragSlotSelect && mode !== 'static'\n ? (e) => onSlotPointerDown?.(e, slotIndex, dayGroup)\n : undefined\n }\n onClick={handleClick}\n onDragOver={\n withEventsDragAndDrop && mode !== 'static' ? (e) => e.preventDefault() : undefined\n }\n {...externalSlotProps}\n />\n );\n });\n\n return (\n <Box {...getStyles('weekViewDay')} mod={{ today, weekend }}>\n <Box\n ref={daySlotsContainerRef}\n mod={{ today }}\n {...getStyles('weekViewDaySlots')}\n onDragOver={\n withEventsDragAndDrop && mode !== 'static'\n ? (e) => onDaySlotsDragOver?.(e, String(day), dayIndex)\n : undefined\n }\n onDragLeave={withEventsDragAndDrop && mode !== 'static' ? onDaySlotsDragLeave : undefined}\n onDrop={\n withEventsDragAndDrop && mode !== 'static'\n ? (e) => onDaySlotsDrop?.(e, String(day), dayIndex)\n : undefined\n }\n >\n {children}\n {items}\n </Box>\n </Box>\n );\n}\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-week-label.cjs","names":["formatDate"],"sources":["../../../../src/components/WeekView/get-week-label/get-week-label.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport type { ReactNode } from 'react';\nimport { DateLabelFormat, DateStringValue } from '../../../types';\nimport { formatDate } from '../../../utils';\n\ninterface GetWeekLabelInput {\n weekdays: Date[] | string[];\n locale: string;\n weekLabelFormat: DateLabelFormat;\n renderWeekLabel?: (params: { weekStart: DateStringValue; weekEnd: DateStringValue }) => ReactNode;\n}\n\nexport function getWeekLabel({\n weekdays,\n locale,\n weekLabelFormat,\n renderWeekLabel,\n}: GetWeekLabelInput) {\n if (renderWeekLabel) {\n return renderWeekLabel({\n weekStart: dayjs(weekdays[0]).format('YYYY-MM-DD'),\n weekEnd: dayjs(weekdays[weekdays.length - 1]).format('YYYY-MM-DD'),\n });\n }\n\n return `${formatDate({\n locale,\n date: weekdays[0],\n format: weekLabelFormat,\n })} – ${formatDate({\n locale,\n date: weekdays[weekdays.length - 1],\n format: weekLabelFormat,\n })}, ${formatDate({ locale, date: weekdays[0], format: 'YYYY' })}`;\n}\n"],"mappings":";;;;;;AAYA,SAAgB,aAAa,EAC3B,UACA,QACA,iBACA,mBACoB;
|
|
1
|
+
{"version":3,"file":"get-week-label.cjs","names":["formatDate"],"sources":["../../../../src/components/WeekView/get-week-label/get-week-label.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport type { ReactNode } from 'react';\nimport { DateLabelFormat, DateStringValue } from '../../../types';\nimport { formatDate } from '../../../utils';\n\ninterface GetWeekLabelInput {\n weekdays: Date[] | string[];\n locale: string;\n weekLabelFormat: DateLabelFormat;\n renderWeekLabel?: (params: { weekStart: DateStringValue; weekEnd: DateStringValue }) => ReactNode;\n}\n\nexport function getWeekLabel({\n weekdays,\n locale,\n weekLabelFormat,\n renderWeekLabel,\n}: GetWeekLabelInput) {\n if (renderWeekLabel) {\n return renderWeekLabel({\n weekStart: dayjs(weekdays[0]).format('YYYY-MM-DD'),\n weekEnd: dayjs(weekdays[weekdays.length - 1]).format('YYYY-MM-DD'),\n });\n }\n\n return `${formatDate({\n locale,\n date: weekdays[0],\n format: weekLabelFormat,\n })} – ${formatDate({\n locale,\n date: weekdays[weekdays.length - 1],\n format: weekLabelFormat,\n })}, ${formatDate({ locale, date: weekdays[0], format: 'YYYY' })}`;\n}\n"],"mappings":";;;;;;AAYA,SAAgB,aAAa,EAC3B,UACA,QACA,iBACA,mBACoB;CACpB,IAAI,iBACF,OAAO,gBAAgB;EACrB,YAAA,GAAA,MAAA,SAAiB,SAAS,EAAE,EAAE,OAAO,YAAY;EACjD,UAAA,GAAA,MAAA,SAAe,SAAS,SAAS,SAAS,EAAE,EAAE,OAAO,YAAY;CACnE,CAAC;CAGH,OAAO,GAAGA,oBAAAA,WAAW;EACnB;EACA,MAAM,SAAS;EACf,QAAQ;CACV,CAAC,EAAE,KAAKA,oBAAAA,WAAW;EACjB;EACA,MAAM,SAAS,SAAS,SAAS;EACjC,QAAQ;CACV,CAAC,EAAE,IAAIA,oBAAAA,WAAW;EAAE;EAAQ,MAAM,SAAS;EAAI,QAAQ;CAAO,CAAC;AACjE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"assign-event-rows.cjs","names":["isEventsOverlap"],"sources":["../../../../src/components/WeekView/get-week-view-events/assign-event-rows.ts"],"sourcesContent":["import { ScheduleEventData, WeekPositionedEventData } from '../../../types';\nimport { isEventsOverlap } from '../../../utils';\n\nexport function assignEventRows(events: WeekPositionedEventData[]): Map<ScheduleEventData, number> {\n const eventRows = new Map<ScheduleEventData, number>();\n\n for (const event of events) {\n let row = 0;\n\n while (true) {\n let hasConflict = false;\n\n for (const [otherEvent, otherRow] of eventRows.entries()) {\n if (otherRow === row && isEventsOverlap(event, otherEvent)) {\n hasConflict = true;\n break;\n }\n }\n\n if (!hasConflict) {\n break;\n }\n\n row++;\n }\n\n eventRows.set(event, row);\n }\n\n return eventRows;\n}\n"],"mappings":";;;AAGA,SAAgB,gBAAgB,QAAmE;CACjG,MAAM,4BAAY,IAAI,
|
|
1
|
+
{"version":3,"file":"assign-event-rows.cjs","names":["isEventsOverlap"],"sources":["../../../../src/components/WeekView/get-week-view-events/assign-event-rows.ts"],"sourcesContent":["import { ScheduleEventData, WeekPositionedEventData } from '../../../types';\nimport { isEventsOverlap } from '../../../utils';\n\nexport function assignEventRows(events: WeekPositionedEventData[]): Map<ScheduleEventData, number> {\n const eventRows = new Map<ScheduleEventData, number>();\n\n for (const event of events) {\n let row = 0;\n\n while (true) {\n let hasConflict = false;\n\n for (const [otherEvent, otherRow] of eventRows.entries()) {\n if (otherRow === row && isEventsOverlap(event, otherEvent)) {\n hasConflict = true;\n break;\n }\n }\n\n if (!hasConflict) {\n break;\n }\n\n row++;\n }\n\n eventRows.set(event, row);\n }\n\n return eventRows;\n}\n"],"mappings":";;;AAGA,SAAgB,gBAAgB,QAAmE;CACjG,MAAM,4BAAY,IAAI,IAA+B;CAErD,KAAK,MAAM,SAAS,QAAQ;EAC1B,IAAI,MAAM;EAEV,OAAO,MAAM;GACX,IAAI,cAAc;GAElB,KAAK,MAAM,CAAC,YAAY,aAAa,UAAU,QAAQ,GACrD,IAAI,aAAa,OAAOA,0BAAAA,gBAAgB,OAAO,UAAU,GAAG;IAC1D,cAAc;IACd;GACF;GAGF,IAAI,CAAC,aACH;GAGF;EACF;EAEA,UAAU,IAAI,OAAO,GAAG;CAC1B;CAEA,OAAO;AACT"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calculate-all-day-event-offset.cjs","names":[],"sources":["../../../../src/components/WeekView/get-week-view-events/calculate-all-day-event-offset.ts"],"sourcesContent":["import dayjs, { Dayjs } from 'dayjs';\nimport { DateStringValue } from '../../../types';\n\ninterface CalculateAllDayEventOffsetInput {\n eventStartDate: Dayjs;\n weekStartDate: Dayjs;\n weekDays: DateStringValue[];\n visibleDaysCount: number;\n hangingStart: boolean;\n}\n\nexport function calculateAllDayEventOffset({\n eventStartDate,\n weekStartDate,\n weekDays,\n visibleDaysCount,\n hangingStart,\n}: CalculateAllDayEventOffsetInput): number {\n let displayStartDate = eventStartDate;\n\n if (hangingStart) {\n displayStartDate = weekStartDate;\n }\n\n if (!weekDays.some((day) => dayjs(day).isSame(displayStartDate, 'day'))) {\n displayStartDate = dayjs(weekDays[0]);\n }\n\n const visibleDaysBeforeEvent =\n weekDays.filter(\n (day) => dayjs(day).isBefore(displayStartDate) || dayjs(day).isSame(displayStartDate, 'day')\n ).length - 1;\n\n return (visibleDaysBeforeEvent / visibleDaysCount) * 100;\n}\n"],"mappings":";;;;;AAWA,SAAgB,2BAA2B,EACzC,gBACA,eACA,UACA,kBACA,gBAC0C;CAC1C,IAAI,mBAAmB;
|
|
1
|
+
{"version":3,"file":"calculate-all-day-event-offset.cjs","names":[],"sources":["../../../../src/components/WeekView/get-week-view-events/calculate-all-day-event-offset.ts"],"sourcesContent":["import dayjs, { Dayjs } from 'dayjs';\nimport { DateStringValue } from '../../../types';\n\ninterface CalculateAllDayEventOffsetInput {\n eventStartDate: Dayjs;\n weekStartDate: Dayjs;\n weekDays: DateStringValue[];\n visibleDaysCount: number;\n hangingStart: boolean;\n}\n\nexport function calculateAllDayEventOffset({\n eventStartDate,\n weekStartDate,\n weekDays,\n visibleDaysCount,\n hangingStart,\n}: CalculateAllDayEventOffsetInput): number {\n let displayStartDate = eventStartDate;\n\n if (hangingStart) {\n displayStartDate = weekStartDate;\n }\n\n if (!weekDays.some((day) => dayjs(day).isSame(displayStartDate, 'day'))) {\n displayStartDate = dayjs(weekDays[0]);\n }\n\n const visibleDaysBeforeEvent =\n weekDays.filter(\n (day) => dayjs(day).isBefore(displayStartDate) || dayjs(day).isSame(displayStartDate, 'day')\n ).length - 1;\n\n return (visibleDaysBeforeEvent / visibleDaysCount) * 100;\n}\n"],"mappings":";;;;;AAWA,SAAgB,2BAA2B,EACzC,gBACA,eACA,UACA,kBACA,gBAC0C;CAC1C,IAAI,mBAAmB;CAEvB,IAAI,cACF,mBAAmB;CAGrB,IAAI,CAAC,SAAS,MAAM,SAAA,GAAA,MAAA,SAAc,GAAG,EAAE,OAAO,kBAAkB,KAAK,CAAC,GACpE,oBAAA,GAAA,MAAA,SAAyB,SAAS,EAAE;CAQtC,QAJE,SAAS,QACN,SAAA,GAAA,MAAA,SAAc,GAAG,EAAE,SAAS,gBAAgB,MAAA,GAAA,MAAA,SAAW,GAAG,EAAE,OAAO,kBAAkB,KAAK,CAC7F,EAAE,SAAS,KAEoB,mBAAoB;AACvD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calculate-all-day-event-width.cjs","names":[],"sources":["../../../../src/components/WeekView/get-week-view-events/calculate-all-day-event-width.ts"],"sourcesContent":["import dayjs, { Dayjs } from 'dayjs';\nimport { DateStringValue } from '../../../types';\n\ninterface CalculateAllDayEventWidthInput {\n eventStartDate: Dayjs;\n actualEndDate: Dayjs;\n weekStartDate: Dayjs;\n weekEndDate: Dayjs;\n weekDays: DateStringValue[];\n visibleDaysCount: number;\n}\n\nexport function calculateAllDayEventWidth({\n eventStartDate,\n actualEndDate,\n weekStartDate,\n weekEndDate,\n weekDays,\n visibleDaysCount,\n}: CalculateAllDayEventWidthInput): number {\n let displayStartDate = eventStartDate;\n if (eventStartDate.isBefore(weekStartDate)) {\n displayStartDate = weekStartDate;\n }\n\n let displayEndDate = actualEndDate;\n if (actualEndDate.isAfter(weekEndDate)) {\n displayEndDate = weekEndDate;\n }\n\n const visibleDaysSpanned = weekDays.filter(\n (day) =>\n (dayjs(day).isAfter(displayStartDate) || dayjs(day).isSame(displayStartDate, 'day')) &&\n (dayjs(day).isBefore(displayEndDate) || dayjs(day).isSame(displayEndDate, 'day'))\n ).length;\n\n return (visibleDaysSpanned / visibleDaysCount) * 100;\n}\n"],"mappings":";;;;;AAYA,SAAgB,0BAA0B,EACxC,gBACA,eACA,eACA,aACA,UACA,oBACyC;CACzC,IAAI,mBAAmB;
|
|
1
|
+
{"version":3,"file":"calculate-all-day-event-width.cjs","names":[],"sources":["../../../../src/components/WeekView/get-week-view-events/calculate-all-day-event-width.ts"],"sourcesContent":["import dayjs, { Dayjs } from 'dayjs';\nimport { DateStringValue } from '../../../types';\n\ninterface CalculateAllDayEventWidthInput {\n eventStartDate: Dayjs;\n actualEndDate: Dayjs;\n weekStartDate: Dayjs;\n weekEndDate: Dayjs;\n weekDays: DateStringValue[];\n visibleDaysCount: number;\n}\n\nexport function calculateAllDayEventWidth({\n eventStartDate,\n actualEndDate,\n weekStartDate,\n weekEndDate,\n weekDays,\n visibleDaysCount,\n}: CalculateAllDayEventWidthInput): number {\n let displayStartDate = eventStartDate;\n if (eventStartDate.isBefore(weekStartDate)) {\n displayStartDate = weekStartDate;\n }\n\n let displayEndDate = actualEndDate;\n if (actualEndDate.isAfter(weekEndDate)) {\n displayEndDate = weekEndDate;\n }\n\n const visibleDaysSpanned = weekDays.filter(\n (day) =>\n (dayjs(day).isAfter(displayStartDate) || dayjs(day).isSame(displayStartDate, 'day')) &&\n (dayjs(day).isBefore(displayEndDate) || dayjs(day).isSame(displayEndDate, 'day'))\n ).length;\n\n return (visibleDaysSpanned / visibleDaysCount) * 100;\n}\n"],"mappings":";;;;;AAYA,SAAgB,0BAA0B,EACxC,gBACA,eACA,eACA,aACA,UACA,oBACyC;CACzC,IAAI,mBAAmB;CACvB,IAAI,eAAe,SAAS,aAAa,GACvC,mBAAmB;CAGrB,IAAI,iBAAiB;CACrB,IAAI,cAAc,QAAQ,WAAW,GACnC,iBAAiB;CASnB,OAN2B,SAAS,QACjC,UAAA,GAAA,MAAA,SACQ,GAAG,EAAE,QAAQ,gBAAgB,MAAA,GAAA,MAAA,SAAW,GAAG,EAAE,OAAO,kBAAkB,KAAK,QAAA,GAAA,MAAA,SAC3E,GAAG,EAAE,SAAS,cAAc,MAAA,GAAA,MAAA,SAAW,GAAG,EAAE,OAAO,gBAAgB,KAAK,EACnF,EAAE,SAE2B,mBAAoB;AACnD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calculate-event-days.cjs","names":[],"sources":["../../../../src/components/WeekView/get-week-view-events/calculate-event-days.ts"],"sourcesContent":["import dayjs, { Dayjs } from 'dayjs';\nimport { DateStringValue, ScheduleEventData } from '../../../types';\n\ninterface CalculateEventDaysInput {\n event: ScheduleEventData;\n weekDays: DateStringValue[];\n actualEndDate: Dayjs;\n}\n\nexport function calculateEventDays({ event, weekDays, actualEndDate }: CalculateEventDaysInput) {\n const eventStartDate = dayjs(event.start).startOf('day');\n\n return weekDays.filter((day) => {\n const dayDate = dayjs(day).startOf('day');\n return (\n (dayDate.isAfter(eventStartDate) || dayDate.isSame(eventStartDate)) &&\n (dayDate.isBefore(actualEndDate) || dayDate.isSame(actualEndDate))\n );\n });\n}\n"],"mappings":";;;;;AASA,SAAgB,mBAAmB,EAAE,OAAO,UAAU,iBAA0C;CAC9F,MAAM,kBAAA,GAAA,MAAA,SAAuB,MAAM,
|
|
1
|
+
{"version":3,"file":"calculate-event-days.cjs","names":[],"sources":["../../../../src/components/WeekView/get-week-view-events/calculate-event-days.ts"],"sourcesContent":["import dayjs, { Dayjs } from 'dayjs';\nimport { DateStringValue, ScheduleEventData } from '../../../types';\n\ninterface CalculateEventDaysInput {\n event: ScheduleEventData;\n weekDays: DateStringValue[];\n actualEndDate: Dayjs;\n}\n\nexport function calculateEventDays({ event, weekDays, actualEndDate }: CalculateEventDaysInput) {\n const eventStartDate = dayjs(event.start).startOf('day');\n\n return weekDays.filter((day) => {\n const dayDate = dayjs(day).startOf('day');\n return (\n (dayDate.isAfter(eventStartDate) || dayDate.isSame(eventStartDate)) &&\n (dayDate.isBefore(actualEndDate) || dayDate.isSame(actualEndDate))\n );\n });\n}\n"],"mappings":";;;;;AASA,SAAgB,mBAAmB,EAAE,OAAO,UAAU,iBAA0C;CAC9F,MAAM,kBAAA,GAAA,MAAA,SAAuB,MAAM,KAAK,EAAE,QAAQ,KAAK;CAEvD,OAAO,SAAS,QAAQ,QAAQ;EAC9B,MAAM,WAAA,GAAA,MAAA,SAAgB,GAAG,EAAE,QAAQ,KAAK;EACxC,QACG,QAAQ,QAAQ,cAAc,KAAK,QAAQ,OAAO,cAAc,OAChE,QAAQ,SAAS,aAAa,KAAK,QAAQ,OAAO,aAAa;CAEpE,CAAC;AACH"}
|
package/cjs/components/WeekView/get-week-view-events/calculate-regular-event-overlaps.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calculate-regular-event-overlaps.cjs","names":["isEventsOverlap"],"sources":["../../../../src/components/WeekView/get-week-view-events/calculate-regular-event-overlaps.ts"],"sourcesContent":["import { WeekPositionedEventData } from '../../../types';\nimport { isEventsOverlap } from '../../../utils';\n\nexport function calculateRegularEventOverlaps(events: WeekPositionedEventData[]): void {\n for (const event of events) {\n let maxOverlappingColumn = event.position.column;\n\n for (const otherEvent of events) {\n if (isEventsOverlap(event, otherEvent)) {\n maxOverlappingColumn = Math.max(maxOverlappingColumn, otherEvent.position.column);\n }\n }\n\n const overlaps = maxOverlappingColumn + 1;\n event.position.overlaps = overlaps;\n event.position.width = 100 / overlaps;\n event.position.offset = (event.position.column * 100) / overlaps;\n }\n}\n"],"mappings":";;;AAGA,SAAgB,8BAA8B,QAAyC;
|
|
1
|
+
{"version":3,"file":"calculate-regular-event-overlaps.cjs","names":["isEventsOverlap"],"sources":["../../../../src/components/WeekView/get-week-view-events/calculate-regular-event-overlaps.ts"],"sourcesContent":["import { WeekPositionedEventData } from '../../../types';\nimport { isEventsOverlap } from '../../../utils';\n\nexport function calculateRegularEventOverlaps(events: WeekPositionedEventData[]): void {\n for (const event of events) {\n let maxOverlappingColumn = event.position.column;\n\n for (const otherEvent of events) {\n if (isEventsOverlap(event, otherEvent)) {\n maxOverlappingColumn = Math.max(maxOverlappingColumn, otherEvent.position.column);\n }\n }\n\n const overlaps = maxOverlappingColumn + 1;\n event.position.overlaps = overlaps;\n event.position.width = 100 / overlaps;\n event.position.offset = (event.position.column * 100) / overlaps;\n }\n}\n"],"mappings":";;;AAGA,SAAgB,8BAA8B,QAAyC;CACrF,KAAK,MAAM,SAAS,QAAQ;EAC1B,IAAI,uBAAuB,MAAM,SAAS;EAE1C,KAAK,MAAM,cAAc,QACvB,IAAIA,0BAAAA,gBAAgB,OAAO,UAAU,GACnC,uBAAuB,KAAK,IAAI,sBAAsB,WAAW,SAAS,MAAM;EAIpF,MAAM,WAAW,uBAAuB;EACxC,MAAM,SAAS,WAAW;EAC1B,MAAM,SAAS,QAAQ,MAAM;EAC7B,MAAM,SAAS,SAAU,MAAM,SAAS,SAAS,MAAO;CAC1D;AACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter-week-view-events.cjs","names":["isWithinWeek","isEventInTimeRange","validateEvent"],"sources":["../../../../src/components/WeekView/get-week-view-events/filter-week-view-events.ts"],"sourcesContent":["import { AnyDateValue, DayOfWeek, ScheduleEventData } from '../../../types';\nimport { isEventInTimeRange, isWithinWeek, validateEvent } from '../../../utils';\n\nexport interface FilterWeekViewEventsInput {\n /** Date (week start) at which events are positioned, used to check if events are all-day */\n date: AnyDateValue;\n\n /** List of all events that belong to the given week, extra events must be filtered out before passing to the function */\n events: ScheduleEventData[] | undefined;\n\n /** Start time of the week view, used to calculate event positions */\n startTime?: string;\n\n /** End time of the week view, used to calculate event positions */\n endTime?: string;\n\n /** First day of the week, 0 - Sunday, 1 - Monday, etc., used to calculate events positions */\n firstDayOfWeek?: DayOfWeek;\n}\n\nexport function filterWeekViewEvents({\n date,\n events,\n startTime,\n endTime,\n firstDayOfWeek = 1,\n}: FilterWeekViewEventsInput): ScheduleEventData[] {\n if (events === undefined) {\n return [];\n }\n\n const ids = new Set<string | number>();\n const filteredEvents: ScheduleEventData[] = [];\n\n for (const event of events) {\n if (\n isWithinWeek({ event, targetWeek: date, firstDayOfWeek }) &&\n isEventInTimeRange({ event, startTime, endTime })\n ) {\n filteredEvents.push(validateEvent(event));\n\n if (!ids.has(event.id)) {\n ids.add(event.id);\n } else {\n throw new Error(`[@mantine/schedule] WeekView: Duplicated event ids found: ${event.id}`);\n }\n }\n }\n\n return filteredEvents;\n}\n"],"mappings":";;;;;AAoBA,SAAgB,qBAAqB,EACnC,MACA,QACA,WACA,SACA,iBAAiB,KACgC;
|
|
1
|
+
{"version":3,"file":"filter-week-view-events.cjs","names":["isWithinWeek","isEventInTimeRange","validateEvent"],"sources":["../../../../src/components/WeekView/get-week-view-events/filter-week-view-events.ts"],"sourcesContent":["import { AnyDateValue, DayOfWeek, ScheduleEventData } from '../../../types';\nimport { isEventInTimeRange, isWithinWeek, validateEvent } from '../../../utils';\n\nexport interface FilterWeekViewEventsInput {\n /** Date (week start) at which events are positioned, used to check if events are all-day */\n date: AnyDateValue;\n\n /** List of all events that belong to the given week, extra events must be filtered out before passing to the function */\n events: ScheduleEventData[] | undefined;\n\n /** Start time of the week view, used to calculate event positions */\n startTime?: string;\n\n /** End time of the week view, used to calculate event positions */\n endTime?: string;\n\n /** First day of the week, 0 - Sunday, 1 - Monday, etc., used to calculate events positions */\n firstDayOfWeek?: DayOfWeek;\n}\n\nexport function filterWeekViewEvents({\n date,\n events,\n startTime,\n endTime,\n firstDayOfWeek = 1,\n}: FilterWeekViewEventsInput): ScheduleEventData[] {\n if (events === undefined) {\n return [];\n }\n\n const ids = new Set<string | number>();\n const filteredEvents: ScheduleEventData[] = [];\n\n for (const event of events) {\n if (\n isWithinWeek({ event, targetWeek: date, firstDayOfWeek }) &&\n isEventInTimeRange({ event, startTime, endTime })\n ) {\n filteredEvents.push(validateEvent(event));\n\n if (!ids.has(event.id)) {\n ids.add(event.id);\n } else {\n throw new Error(`[@mantine/schedule] WeekView: Duplicated event ids found: ${event.id}`);\n }\n }\n }\n\n return filteredEvents;\n}\n"],"mappings":";;;;;AAoBA,SAAgB,qBAAqB,EACnC,MACA,QACA,WACA,SACA,iBAAiB,KACgC;CACjD,IAAI,WAAW,KAAA,GACb,OAAO,CAAC;CAGV,MAAM,sBAAM,IAAI,IAAqB;CACrC,MAAM,iBAAsC,CAAC;CAE7C,KAAK,MAAM,SAAS,QAClB,IACEA,uBAAAA,aAAa;EAAE;EAAO,YAAY;EAAM;CAAe,CAAC,KACxDC,+BAAAA,mBAAmB;EAAE;EAAO;EAAW;CAAQ,CAAC,GAChD;EACA,eAAe,KAAKC,uBAAAA,cAAc,KAAK,CAAC;EAExC,IAAI,CAAC,IAAI,IAAI,MAAM,EAAE,GACnB,IAAI,IAAI,MAAM,EAAE;OAEhB,MAAM,IAAI,MAAM,6DAA6D,MAAM,IAAI;CAE3F;CAGF,OAAO;AACT"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"find-available-column.cjs","names":["isAllDayEvent","isEventsOverlap"],"sources":["../../../../src/components/WeekView/get-week-view-events/find-available-column.ts"],"sourcesContent":["import { DateStringValue, ScheduleEventData } from '../../../types';\nimport { isAllDayEvent, isEventsOverlap } from '../../../utils';\n\ninterface FindAvailableColumnInput {\n columns: Map<string, ScheduleEventData[]>;\n event: ScheduleEventData;\n allDay: boolean;\n allWeekDays: DateStringValue[];\n}\n\nfunction columnHasConflict({\n columns,\n columnIndex,\n event,\n allDay,\n allWeekDays,\n}: FindAvailableColumnInput & { columnIndex: number }): boolean {\n const columnKey = `col-${columnIndex}`;\n if (!columns.has(columnKey)) {\n return false;\n }\n\n const columnEvents = columns.get(columnKey)!;\n\n return columnEvents.some((e) => {\n const eAllDay = allWeekDays.some((day) => isAllDayEvent({ event: e, date: day }));\n const hasTimeConflict = isEventsOverlap(e, event);\n\n if (allDay && eAllDay) {\n return hasTimeConflict;\n }\n\n if (allDay || eAllDay) {\n return false;\n }\n\n return hasTimeConflict;\n });\n}\n\nexport function findAvailableColumn(input: FindAvailableColumnInput): number {\n let column = 0;\n\n while (columnHasConflict({ ...input, columnIndex: column })) {\n column++;\n }\n\n return column;\n}\n"],"mappings":";;;;AAUA,SAAS,kBAAkB,EACzB,SACA,aACA,OACA,QACA,eAC8D;CAC9D,MAAM,YAAY,OAAO;
|
|
1
|
+
{"version":3,"file":"find-available-column.cjs","names":["isAllDayEvent","isEventsOverlap"],"sources":["../../../../src/components/WeekView/get-week-view-events/find-available-column.ts"],"sourcesContent":["import { DateStringValue, ScheduleEventData } from '../../../types';\nimport { isAllDayEvent, isEventsOverlap } from '../../../utils';\n\ninterface FindAvailableColumnInput {\n columns: Map<string, ScheduleEventData[]>;\n event: ScheduleEventData;\n allDay: boolean;\n allWeekDays: DateStringValue[];\n}\n\nfunction columnHasConflict({\n columns,\n columnIndex,\n event,\n allDay,\n allWeekDays,\n}: FindAvailableColumnInput & { columnIndex: number }): boolean {\n const columnKey = `col-${columnIndex}`;\n if (!columns.has(columnKey)) {\n return false;\n }\n\n const columnEvents = columns.get(columnKey)!;\n\n return columnEvents.some((e) => {\n const eAllDay = allWeekDays.some((day) => isAllDayEvent({ event: e, date: day }));\n const hasTimeConflict = isEventsOverlap(e, event);\n\n if (allDay && eAllDay) {\n return hasTimeConflict;\n }\n\n if (allDay || eAllDay) {\n return false;\n }\n\n return hasTimeConflict;\n });\n}\n\nexport function findAvailableColumn(input: FindAvailableColumnInput): number {\n let column = 0;\n\n while (columnHasConflict({ ...input, columnIndex: column })) {\n column++;\n }\n\n return column;\n}\n"],"mappings":";;;;AAUA,SAAS,kBAAkB,EACzB,SACA,aACA,OACA,QACA,eAC8D;CAC9D,MAAM,YAAY,OAAO;CACzB,IAAI,CAAC,QAAQ,IAAI,SAAS,GACxB,OAAO;CAKT,OAFqB,QAAQ,IAAI,SAEf,EAAE,MAAM,MAAM;EAC9B,MAAM,UAAU,YAAY,MAAM,QAAQA,yBAAAA,cAAc;GAAE,OAAO;GAAG,MAAM;EAAI,CAAC,CAAC;EAChF,MAAM,kBAAkBC,0BAAAA,gBAAgB,GAAG,KAAK;EAEhD,IAAI,UAAU,SACZ,OAAO;EAGT,IAAI,UAAU,SACZ,OAAO;EAGT,OAAO;CACT,CAAC;AACH;AAEA,SAAgB,oBAAoB,OAAyC;CAC3E,IAAI,SAAS;CAEb,OAAO,kBAAkB;EAAE,GAAG;EAAO,aAAa;CAAO,CAAC,GACxD;CAGF,OAAO;AACT"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-event-end-date.cjs","names":[],"sources":["../../../../src/components/WeekView/get-week-view-events/get-event-end-date.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { ScheduleEventData } from '../../../types';\n\nexport function getEventEndDate(event: ScheduleEventData) {\n const eventEndDate = dayjs(event.end).startOf('day');\n\n if (dayjs(event.end).hour() === 0 && dayjs(event.end).minute() === 0) {\n return eventEndDate.subtract(1, 'day');\n }\n\n return eventEndDate;\n}\n"],"mappings":";;;;;AAGA,SAAgB,gBAAgB,OAA0B;CACxD,MAAM,gBAAA,GAAA,MAAA,SAAqB,MAAM,
|
|
1
|
+
{"version":3,"file":"get-event-end-date.cjs","names":[],"sources":["../../../../src/components/WeekView/get-week-view-events/get-event-end-date.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { ScheduleEventData } from '../../../types';\n\nexport function getEventEndDate(event: ScheduleEventData) {\n const eventEndDate = dayjs(event.end).startOf('day');\n\n if (dayjs(event.end).hour() === 0 && dayjs(event.end).minute() === 0) {\n return eventEndDate.subtract(1, 'day');\n }\n\n return eventEndDate;\n}\n"],"mappings":";;;;;AAGA,SAAgB,gBAAgB,OAA0B;CACxD,MAAM,gBAAA,GAAA,MAAA,SAAqB,MAAM,GAAG,EAAE,QAAQ,KAAK;CAEnD,KAAA,GAAA,MAAA,SAAU,MAAM,GAAG,EAAE,KAAK,MAAM,MAAA,GAAA,MAAA,SAAW,MAAM,GAAG,EAAE,OAAO,MAAM,GACjE,OAAO,aAAa,SAAS,GAAG,KAAK;CAGvC,OAAO;AACT"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-hanging-status.cjs","names":[],"sources":["../../../../src/components/WeekView/get-week-view-events/get-hanging-status.ts"],"sourcesContent":["import dayjs, { Dayjs } from 'dayjs';\nimport { DateStringValue } from '../../../types';\n\ninterface GetHangingStatusInput {\n eventStartDate: Dayjs;\n actualEndDate: Dayjs;\n weekDays: DateStringValue[];\n}\n\nexport function getHangingStatus({\n eventStartDate,\n actualEndDate,\n weekDays,\n}: GetHangingStatusInput): 'start' | 'end' | 'both' | 'none' {\n const weekStartDate = dayjs(weekDays[0]);\n const weekEndDate = dayjs(weekDays[weekDays.length - 1]);\n\n const hangingStart = eventStartDate.isBefore(weekStartDate);\n const hangingEnd = actualEndDate.isAfter(weekEndDate);\n\n if (hangingStart && hangingEnd) {\n return 'both';\n }\n\n if (hangingStart) {\n return 'start';\n }\n\n if (hangingEnd) {\n return 'end';\n }\n\n return 'none';\n}\n"],"mappings":";;;;;AASA,SAAgB,iBAAiB,EAC/B,gBACA,eACA,YAC2D;CAC3D,MAAM,iBAAA,GAAA,MAAA,SAAsB,SAAS,
|
|
1
|
+
{"version":3,"file":"get-hanging-status.cjs","names":[],"sources":["../../../../src/components/WeekView/get-week-view-events/get-hanging-status.ts"],"sourcesContent":["import dayjs, { Dayjs } from 'dayjs';\nimport { DateStringValue } from '../../../types';\n\ninterface GetHangingStatusInput {\n eventStartDate: Dayjs;\n actualEndDate: Dayjs;\n weekDays: DateStringValue[];\n}\n\nexport function getHangingStatus({\n eventStartDate,\n actualEndDate,\n weekDays,\n}: GetHangingStatusInput): 'start' | 'end' | 'both' | 'none' {\n const weekStartDate = dayjs(weekDays[0]);\n const weekEndDate = dayjs(weekDays[weekDays.length - 1]);\n\n const hangingStart = eventStartDate.isBefore(weekStartDate);\n const hangingEnd = actualEndDate.isAfter(weekEndDate);\n\n if (hangingStart && hangingEnd) {\n return 'both';\n }\n\n if (hangingStart) {\n return 'start';\n }\n\n if (hangingEnd) {\n return 'end';\n }\n\n return 'none';\n}\n"],"mappings":";;;;;AASA,SAAgB,iBAAiB,EAC/B,gBACA,eACA,YAC2D;CAC3D,MAAM,iBAAA,GAAA,MAAA,SAAsB,SAAS,EAAE;CACvC,MAAM,eAAA,GAAA,MAAA,SAAoB,SAAS,SAAS,SAAS,EAAE;CAEvD,MAAM,eAAe,eAAe,SAAS,aAAa;CAC1D,MAAM,aAAa,cAAc,QAAQ,WAAW;CAEpD,IAAI,gBAAgB,YAClB,OAAO;CAGT,IAAI,cACF,OAAO;CAGT,IAAI,YACF,OAAO;CAGT,OAAO;AACT"}
|
|
@@ -15,7 +15,7 @@ const require_get_hanging_status = require("./get-hanging-status.cjs");
|
|
|
15
15
|
let dayjs = require("dayjs");
|
|
16
16
|
dayjs = require_runtime.__toESM(dayjs);
|
|
17
17
|
//#region packages/@mantine/schedule/src/components/WeekView/get-week-view-events/get-week-positioned-events.ts
|
|
18
|
-
function getWeekPositionedEvents({ date, events, startTime, endTime, firstDayOfWeek = 1, weekendDays = [0, 6], withWeekendDays = true }) {
|
|
18
|
+
function getWeekPositionedEvents({ date, events, startTime, endTime, intervalMinutes, firstDayOfWeek = 1, weekendDays = [0, 6], withWeekendDays = true }) {
|
|
19
19
|
const weekDays = require_get_week_days.getWeekDays({
|
|
20
20
|
week: date,
|
|
21
21
|
firstDayOfWeek,
|
|
@@ -71,7 +71,8 @@ function getWeekPositionedEvents({ date, events, startTime, endTime, firstDayOfW
|
|
|
71
71
|
} : require_get_day_position.getDayPosition({
|
|
72
72
|
event: clippedEvent,
|
|
73
73
|
startTime,
|
|
74
|
-
endTime
|
|
74
|
+
endTime,
|
|
75
|
+
intervalMinutes
|
|
75
76
|
});
|
|
76
77
|
if (!isAllDay && verticalPosition.height <= 0) continue;
|
|
77
78
|
const dayWeekOffset = visibleDayIndex / visibleDaysCount * 100;
|
|
@@ -127,7 +128,8 @@ function getWeekPositionedEvents({ date, events, startTime, endTime, firstDayOfW
|
|
|
127
128
|
} : require_get_day_position.getDayPosition({
|
|
128
129
|
event,
|
|
129
130
|
startTime,
|
|
130
|
-
endTime
|
|
131
|
+
endTime,
|
|
132
|
+
intervalMinutes
|
|
131
133
|
});
|
|
132
134
|
if (allDay) {
|
|
133
135
|
const offset = require_calculate_all_day_event_offset.calculateAllDayEventOffset({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-week-positioned-events.cjs","names":["getWeekDays","sortEvents","getEventEndDate","calculateEventDays","getHangingStatus","isAllDayEvent","getDayPosition","findAvailableColumn","calculateAllDayEventOffset","assignEventRows","calculateAllDayEventWidth"],"sources":["../../../../src/components/WeekView/get-week-view-events/get-week-positioned-events.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport {\n AnyDateValue,\n DateStringValue,\n DayOfWeek,\n ScheduleEventData,\n WeekPositionedEventData,\n} from '../../../types';\nimport { getDayPosition, getWeekDays, isAllDayEvent, sortEvents } from '../../../utils';\nimport { assignEventRows } from './assign-event-rows';\nimport { calculateAllDayEventOffset } from './calculate-all-day-event-offset';\nimport { calculateAllDayEventWidth } from './calculate-all-day-event-width';\nimport { calculateEventDays } from './calculate-event-days';\nimport { calculateRegularEventOverlaps } from './calculate-regular-event-overlaps';\nimport { findAvailableColumn } from './find-available-column';\nimport { getEventEndDate } from './get-event-end-date';\nimport { getHangingStatus } from './get-hanging-status';\n\nexport interface GetWeekPositionedEventsInput {\n /** Date (week start) at which events are positioned, used to check if events are all-day */\n date: AnyDateValue;\n\n /** List of all events that belong to the given week, extra events must be filtered out before passing to the function */\n events: ScheduleEventData[];\n\n /** Start time of the week view, used to calculate event positions */\n startTime?: string;\n\n /** End time of the week view, used to calculate event positions */\n endTime?: string;\n\n /** First day of the week, 0 - Sunday, 1 - Monday, etc., used to calculate events positions */\n firstDayOfWeek?: DayOfWeek;\n\n /** Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday */\n weekendDays?: DayOfWeek[];\n\n /** If set to false, weekend days are hidden @default true */\n withWeekendDays?: boolean;\n}\n\n/** Events grouped by week day date (YYYY-MM-DD 00:00:00) and by columns */\nexport interface GroupedWeekEvents {\n allDayEvents: WeekPositionedEventData[];\n regularEvents: Record<DateStringValue, WeekPositionedEventData[]>;\n backgroundEvents: Record<DateStringValue, WeekPositionedEventData[]>;\n}\n\nexport function getWeekPositionedEvents({\n date,\n events,\n startTime,\n endTime,\n firstDayOfWeek = 1,\n weekendDays = [0, 6],\n withWeekendDays = true,\n}: GetWeekPositionedEventsInput): GroupedWeekEvents {\n const weekDays = getWeekDays({ week: date, firstDayOfWeek, withWeekendDays, weekendDays });\n const visibleDaysCount = weekDays.length;\n const weekStartDate = dayjs(weekDays[0]);\n const weekEndDate = dayjs(weekDays[weekDays.length - 1]);\n\n const grouped: GroupedWeekEvents = {\n allDayEvents: [],\n regularEvents: Object.fromEntries(weekDays.map((day) => [day, []])),\n backgroundEvents: Object.fromEntries(weekDays.map((day) => [day, []])),\n };\n\n const columns = new Map<string, ScheduleEventData[]>();\n const allDayColumns = new Map<string, ScheduleEventData[]>();\n const sorted = sortEvents(events);\n\n for (const event of sorted) {\n if (event.display === 'background') {\n const eventStartDate = dayjs(event.start).startOf('day');\n const actualEndDate = getEventEndDate(event);\n const eventWeekDays = calculateEventDays({ event, weekDays, actualEndDate });\n const hanging = getHangingStatus({ eventStartDate, actualEndDate, weekDays });\n\n for (const day of eventWeekDays) {\n const visibleDayIndex = weekDays.indexOf(day);\n if (visibleDayIndex === -1) {\n continue;\n }\n\n const dayStart = dayjs(day);\n const dayEnd = dayStart.endOf('day');\n const eventStart = dayjs(event.start);\n const eventEnd = dayjs(event.end);\n\n const clippedStart = eventStart.isBefore(dayStart) ? dayStart : eventStart;\n const clippedEnd = eventEnd.isAfter(dayEnd) ? dayEnd : eventEnd;\n\n const clippedEvent = {\n ...event,\n start: clippedStart.format('YYYY-MM-DD HH:mm:ss'),\n end: clippedEnd.format('YYYY-MM-DD HH:mm:ss'),\n };\n\n const isAllDay = isAllDayEvent({ event: clippedEvent, date: day });\n const verticalPosition = isAllDay\n ? { top: 0, height: 100 }\n : getDayPosition({ event: clippedEvent, startTime, endTime });\n\n if (!isAllDay && verticalPosition.height <= 0) {\n continue;\n }\n\n const dayWeekOffset = (visibleDayIndex / visibleDaysCount) * 100;\n\n grouped.backgroundEvents[day].push({\n ...event,\n position: {\n ...verticalPosition,\n allDay: isAllDay,\n column: 0,\n width: 100,\n offset: 0,\n overlaps: 1,\n weekOffset: dayWeekOffset,\n row: 0,\n hanging,\n },\n });\n }\n\n continue;\n }\n const eventStartDate = dayjs(event.start).startOf('day');\n const actualEndDate = getEventEndDate(event);\n const eventWeekDays = calculateEventDays({ event, weekDays, actualEndDate });\n\n if (eventWeekDays.length === 0) {\n continue;\n }\n\n const isMultiday = actualEndDate.isAfter(eventStartDate);\n const hanging = getHangingStatus({ eventStartDate, actualEndDate, weekDays });\n const isActuallyAllDay = eventWeekDays.some((day) => isAllDayEvent({ event, date: day }));\n const allDay = isMultiday || isActuallyAllDay;\n\n const columnMap = allDay ? allDayColumns : columns;\n const column = findAvailableColumn({\n columns: columnMap,\n event,\n allDay,\n allWeekDays: weekDays,\n });\n\n const columnKey = `col-${column}`;\n if (!columnMap.has(columnKey)) {\n columnMap.set(columnKey, []);\n }\n columnMap.get(columnKey)!.push(event);\n\n const verticalPosition = allDay\n ? { top: 0, height: 100 }\n : getDayPosition({ event, startTime, endTime });\n\n if (allDay) {\n const offset = calculateAllDayEventOffset({\n eventStartDate,\n weekStartDate,\n weekDays,\n visibleDaysCount,\n hangingStart: hanging === 'start' || hanging === 'both',\n });\n\n grouped.allDayEvents.push({\n ...event,\n position: {\n ...verticalPosition,\n allDay,\n column,\n width: 0,\n offset,\n overlaps: 0,\n row: 0,\n hanging,\n },\n });\n } else {\n for (const day of eventWeekDays) {\n const visibleDayIndex = weekDays.indexOf(day);\n\n if (visibleDayIndex === -1) {\n continue;\n }\n\n const dayWeekOffset = (visibleDayIndex / visibleDaysCount) * 100;\n\n grouped.regularEvents[day].push({\n ...event,\n position: {\n ...verticalPosition,\n allDay,\n column,\n width: 0,\n offset: 0,\n overlaps: 0,\n weekOffset: dayWeekOffset,\n row: 0,\n hanging,\n },\n });\n }\n }\n }\n\n for (const day of weekDays) {\n calculateRegularEventOverlaps(grouped.regularEvents[day]);\n }\n\n if (grouped.allDayEvents.length > 0) {\n const eventRows = assignEventRows(grouped.allDayEvents);\n const assignedRows = new Set<number>();\n\n for (const event of grouped.allDayEvents) {\n const row = eventRows.get(event)!;\n event.position.row = row;\n assignedRows.add(row);\n }\n\n const rowCount = Math.max(...assignedRows) + 1;\n\n for (const event of grouped.allDayEvents) {\n const eventStartDate = dayjs(event.start).startOf('day');\n const actualEndDate = getEventEndDate(event);\n\n event.position.width = calculateAllDayEventWidth({\n eventStartDate,\n actualEndDate,\n weekStartDate,\n weekEndDate,\n weekDays,\n visibleDaysCount,\n });\n\n event.position.overlaps = rowCount;\n }\n }\n\n return grouped;\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"get-week-positioned-events.cjs","names":["getWeekDays","sortEvents","getEventEndDate","calculateEventDays","getHangingStatus","isAllDayEvent","getDayPosition","findAvailableColumn","calculateAllDayEventOffset","assignEventRows","calculateAllDayEventWidth"],"sources":["../../../../src/components/WeekView/get-week-view-events/get-week-positioned-events.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport {\n AnyDateValue,\n DateStringValue,\n DayOfWeek,\n ScheduleEventData,\n WeekPositionedEventData,\n} from '../../../types';\nimport { getDayPosition, getWeekDays, isAllDayEvent, sortEvents } from '../../../utils';\nimport { assignEventRows } from './assign-event-rows';\nimport { calculateAllDayEventOffset } from './calculate-all-day-event-offset';\nimport { calculateAllDayEventWidth } from './calculate-all-day-event-width';\nimport { calculateEventDays } from './calculate-event-days';\nimport { calculateRegularEventOverlaps } from './calculate-regular-event-overlaps';\nimport { findAvailableColumn } from './find-available-column';\nimport { getEventEndDate } from './get-event-end-date';\nimport { getHangingStatus } from './get-hanging-status';\n\nexport interface GetWeekPositionedEventsInput {\n /** Date (week start) at which events are positioned, used to check if events are all-day */\n date: AnyDateValue;\n\n /** List of all events that belong to the given week, extra events must be filtered out before passing to the function */\n events: ScheduleEventData[];\n\n /** Start time of the week view, used to calculate event positions */\n startTime?: string;\n\n /** End time of the week view, used to calculate event positions */\n endTime?: string;\n\n /** Number of minutes per time slot, used to align the canvas to whole slots */\n intervalMinutes?: number;\n\n /** First day of the week, 0 - Sunday, 1 - Monday, etc., used to calculate events positions */\n firstDayOfWeek?: DayOfWeek;\n\n /** Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday */\n weekendDays?: DayOfWeek[];\n\n /** If set to false, weekend days are hidden @default true */\n withWeekendDays?: boolean;\n}\n\n/** Events grouped by week day date (YYYY-MM-DD 00:00:00) and by columns */\nexport interface GroupedWeekEvents {\n allDayEvents: WeekPositionedEventData[];\n regularEvents: Record<DateStringValue, WeekPositionedEventData[]>;\n backgroundEvents: Record<DateStringValue, WeekPositionedEventData[]>;\n}\n\nexport function getWeekPositionedEvents({\n date,\n events,\n startTime,\n endTime,\n intervalMinutes,\n firstDayOfWeek = 1,\n weekendDays = [0, 6],\n withWeekendDays = true,\n}: GetWeekPositionedEventsInput): GroupedWeekEvents {\n const weekDays = getWeekDays({ week: date, firstDayOfWeek, withWeekendDays, weekendDays });\n const visibleDaysCount = weekDays.length;\n const weekStartDate = dayjs(weekDays[0]);\n const weekEndDate = dayjs(weekDays[weekDays.length - 1]);\n\n const grouped: GroupedWeekEvents = {\n allDayEvents: [],\n regularEvents: Object.fromEntries(weekDays.map((day) => [day, []])),\n backgroundEvents: Object.fromEntries(weekDays.map((day) => [day, []])),\n };\n\n const columns = new Map<string, ScheduleEventData[]>();\n const allDayColumns = new Map<string, ScheduleEventData[]>();\n const sorted = sortEvents(events);\n\n for (const event of sorted) {\n if (event.display === 'background') {\n const eventStartDate = dayjs(event.start).startOf('day');\n const actualEndDate = getEventEndDate(event);\n const eventWeekDays = calculateEventDays({ event, weekDays, actualEndDate });\n const hanging = getHangingStatus({ eventStartDate, actualEndDate, weekDays });\n\n for (const day of eventWeekDays) {\n const visibleDayIndex = weekDays.indexOf(day);\n if (visibleDayIndex === -1) {\n continue;\n }\n\n const dayStart = dayjs(day);\n const dayEnd = dayStart.endOf('day');\n const eventStart = dayjs(event.start);\n const eventEnd = dayjs(event.end);\n\n const clippedStart = eventStart.isBefore(dayStart) ? dayStart : eventStart;\n const clippedEnd = eventEnd.isAfter(dayEnd) ? dayEnd : eventEnd;\n\n const clippedEvent = {\n ...event,\n start: clippedStart.format('YYYY-MM-DD HH:mm:ss'),\n end: clippedEnd.format('YYYY-MM-DD HH:mm:ss'),\n };\n\n const isAllDay = isAllDayEvent({ event: clippedEvent, date: day });\n const verticalPosition = isAllDay\n ? { top: 0, height: 100 }\n : getDayPosition({ event: clippedEvent, startTime, endTime, intervalMinutes });\n\n if (!isAllDay && verticalPosition.height <= 0) {\n continue;\n }\n\n const dayWeekOffset = (visibleDayIndex / visibleDaysCount) * 100;\n\n grouped.backgroundEvents[day].push({\n ...event,\n position: {\n ...verticalPosition,\n allDay: isAllDay,\n column: 0,\n width: 100,\n offset: 0,\n overlaps: 1,\n weekOffset: dayWeekOffset,\n row: 0,\n hanging,\n },\n });\n }\n\n continue;\n }\n const eventStartDate = dayjs(event.start).startOf('day');\n const actualEndDate = getEventEndDate(event);\n const eventWeekDays = calculateEventDays({ event, weekDays, actualEndDate });\n\n if (eventWeekDays.length === 0) {\n continue;\n }\n\n const isMultiday = actualEndDate.isAfter(eventStartDate);\n const hanging = getHangingStatus({ eventStartDate, actualEndDate, weekDays });\n const isActuallyAllDay = eventWeekDays.some((day) => isAllDayEvent({ event, date: day }));\n const allDay = isMultiday || isActuallyAllDay;\n\n const columnMap = allDay ? allDayColumns : columns;\n const column = findAvailableColumn({\n columns: columnMap,\n event,\n allDay,\n allWeekDays: weekDays,\n });\n\n const columnKey = `col-${column}`;\n if (!columnMap.has(columnKey)) {\n columnMap.set(columnKey, []);\n }\n columnMap.get(columnKey)!.push(event);\n\n const verticalPosition = allDay\n ? { top: 0, height: 100 }\n : getDayPosition({ event, startTime, endTime, intervalMinutes });\n\n if (allDay) {\n const offset = calculateAllDayEventOffset({\n eventStartDate,\n weekStartDate,\n weekDays,\n visibleDaysCount,\n hangingStart: hanging === 'start' || hanging === 'both',\n });\n\n grouped.allDayEvents.push({\n ...event,\n position: {\n ...verticalPosition,\n allDay,\n column,\n width: 0,\n offset,\n overlaps: 0,\n row: 0,\n hanging,\n },\n });\n } else {\n for (const day of eventWeekDays) {\n const visibleDayIndex = weekDays.indexOf(day);\n\n if (visibleDayIndex === -1) {\n continue;\n }\n\n const dayWeekOffset = (visibleDayIndex / visibleDaysCount) * 100;\n\n grouped.regularEvents[day].push({\n ...event,\n position: {\n ...verticalPosition,\n allDay,\n column,\n width: 0,\n offset: 0,\n overlaps: 0,\n weekOffset: dayWeekOffset,\n row: 0,\n hanging,\n },\n });\n }\n }\n }\n\n for (const day of weekDays) {\n calculateRegularEventOverlaps(grouped.regularEvents[day]);\n }\n\n if (grouped.allDayEvents.length > 0) {\n const eventRows = assignEventRows(grouped.allDayEvents);\n const assignedRows = new Set<number>();\n\n for (const event of grouped.allDayEvents) {\n const row = eventRows.get(event)!;\n event.position.row = row;\n assignedRows.add(row);\n }\n\n const rowCount = Math.max(...assignedRows) + 1;\n\n for (const event of grouped.allDayEvents) {\n const eventStartDate = dayjs(event.start).startOf('day');\n const actualEndDate = getEventEndDate(event);\n\n event.position.width = calculateAllDayEventWidth({\n eventStartDate,\n actualEndDate,\n weekStartDate,\n weekEndDate,\n weekDays,\n visibleDaysCount,\n });\n\n event.position.overlaps = rowCount;\n }\n }\n\n return grouped;\n}\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-week-view-events.cjs","names":["getWeekPositionedEvents","filterWeekViewEvents"],"sources":["../../../../src/components/WeekView/get-week-view-events/get-week-view-events.ts"],"sourcesContent":["import { ScheduleEventData } from '../../../types';\nimport { filterWeekViewEvents } from './filter-week-view-events';\nimport {\n getWeekPositionedEvents,\n GetWeekPositionedEventsInput,\n GroupedWeekEvents,\n} from './get-week-positioned-events';\n\ninterface GetWeekViewEventsInput extends Omit<GetWeekPositionedEventsInput, 'events'> {\n events: ScheduleEventData[] | undefined;\n}\n\nexport function getWeekViewEvents(input: GetWeekViewEventsInput): GroupedWeekEvents {\n return getWeekPositionedEvents({ ...input, events: filterWeekViewEvents(input) });\n}\n"],"mappings":";;;;AAYA,SAAgB,kBAAkB,OAAkD;
|
|
1
|
+
{"version":3,"file":"get-week-view-events.cjs","names":["getWeekPositionedEvents","filterWeekViewEvents"],"sources":["../../../../src/components/WeekView/get-week-view-events/get-week-view-events.ts"],"sourcesContent":["import { ScheduleEventData } from '../../../types';\nimport { filterWeekViewEvents } from './filter-week-view-events';\nimport {\n getWeekPositionedEvents,\n GetWeekPositionedEventsInput,\n GroupedWeekEvents,\n} from './get-week-positioned-events';\n\ninterface GetWeekViewEventsInput extends Omit<GetWeekPositionedEventsInput, 'events'> {\n events: ScheduleEventData[] | undefined;\n}\n\nexport function getWeekViewEvents(input: GetWeekViewEventsInput): GroupedWeekEvents {\n return getWeekPositionedEvents({ ...input, events: filterWeekViewEvents(input) });\n}\n"],"mappings":";;;;AAYA,SAAgB,kBAAkB,OAAkD;CAClF,OAAOA,mCAAAA,wBAAwB;EAAE,GAAG;EAAO,QAAQC,gCAAAA,qBAAqB,KAAK;CAAE,CAAC;AAClF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"handle-week-view-key-down.cjs","names":[],"sources":["../../../src/components/WeekView/handle-week-view-key-down.ts"],"sourcesContent":["import { RefObject } from 'react';\n\n/** Reference to a 2D array of slot buttons: [dayIndex][slotIndex] */\nexport type WeekViewControlsRef = RefObject<HTMLButtonElement[][]>;\n\ntype Direction = 'up' | 'down' | 'left' | 'right';\n\ninterface SlotPosition {\n dayIndex: number;\n slotIndex: number;\n}\n\nfunction getDirection(key: KeyboardEvent['key']): Direction | null {\n switch (key) {\n case 'ArrowDown':\n return 'down';\n case 'ArrowUp':\n return 'up';\n case 'ArrowRight':\n return 'right';\n case 'ArrowLeft':\n return 'left';\n default:\n return null;\n }\n}\n\nfunction getControlsSize(controlsRef: WeekViewControlsRef): number[] | null {\n if (!controlsRef.current) {\n return null;\n }\n return controlsRef.current.map((day) => (day ? day.length : 0));\n}\n\ninterface GetNextPositionInput {\n direction: Direction;\n dayIndex: number;\n slotIndex: number;\n size: number[];\n}\n\nfunction getNextPosition({\n direction,\n dayIndex,\n slotIndex,\n size,\n}: GetNextPositionInput): SlotPosition | null {\n const currentDaySize = size[dayIndex];\n if (!currentDaySize) {\n return null;\n }\n\n switch (direction) {\n case 'up': {\n if (slotIndex === 0) {\n return null;\n }\n return {\n dayIndex,\n slotIndex: slotIndex - 1,\n };\n }\n\n case 'down': {\n if (slotIndex === currentDaySize - 1) {\n return null;\n }\n return {\n dayIndex,\n slotIndex: slotIndex + 1,\n };\n }\n\n case 'left': {\n if (dayIndex === 0) {\n return null;\n }\n const prevDaySize = size[dayIndex - 1];\n const clampedSlotIndex = Math.min(slotIndex, prevDaySize - 1);\n return {\n dayIndex: dayIndex - 1,\n slotIndex: clampedSlotIndex,\n };\n }\n\n case 'right': {\n if (dayIndex === size.length - 1) {\n return null;\n }\n const nextDaySize = size[dayIndex + 1];\n const clampedSlotIndex = Math.min(slotIndex, nextDaySize - 1);\n return {\n dayIndex: dayIndex + 1,\n slotIndex: clampedSlotIndex,\n };\n }\n\n default:\n return null;\n }\n}\n\ninterface FocusOnNextControlInput {\n controlsRef: WeekViewControlsRef;\n direction: Direction;\n dayIndex: number;\n slotIndex: number;\n size: number[];\n}\n\nfunction focusOnNextFocusableControl({\n controlsRef,\n direction,\n dayIndex,\n slotIndex,\n size,\n}: FocusOnNextControlInput): void {\n const nextPosition = getNextPosition({\n direction,\n dayIndex,\n slotIndex,\n size,\n });\n\n if (!nextPosition) {\n return;\n }\n\n const controlToFocus = controlsRef.current?.[nextPosition.dayIndex]?.[nextPosition.slotIndex];\n\n if (!controlToFocus) {\n return;\n }\n\n if (controlToFocus.disabled || controlToFocus.getAttribute('data-hidden')) {\n focusOnNextFocusableControl({\n controlsRef,\n direction,\n dayIndex: nextPosition.dayIndex,\n slotIndex: nextPosition.slotIndex,\n size,\n });\n } else {\n controlToFocus.focus();\n }\n}\n\nexport interface HandleWeekViewKeyDownInput {\n controlsRef: WeekViewControlsRef;\n dayIndex: number;\n slotIndex: number;\n event: React.KeyboardEvent<HTMLButtonElement>;\n}\n\nexport function handleWeekViewKeyDown({\n controlsRef,\n dayIndex,\n slotIndex,\n event,\n}: HandleWeekViewKeyDownInput): void {\n const direction = getDirection(event.key);\n\n if (direction) {\n event.preventDefault();\n\n const size = getControlsSize(controlsRef);\n\n if (!size) {\n return;\n }\n\n focusOnNextFocusableControl({\n controlsRef,\n direction,\n dayIndex,\n slotIndex,\n size,\n });\n }\n}\n"],"mappings":";;AAYA,SAAS,aAAa,KAA6C;
|
|
1
|
+
{"version":3,"file":"handle-week-view-key-down.cjs","names":[],"sources":["../../../src/components/WeekView/handle-week-view-key-down.ts"],"sourcesContent":["import { RefObject } from 'react';\n\n/** Reference to a 2D array of slot buttons: [dayIndex][slotIndex] */\nexport type WeekViewControlsRef = RefObject<HTMLButtonElement[][]>;\n\ntype Direction = 'up' | 'down' | 'left' | 'right';\n\ninterface SlotPosition {\n dayIndex: number;\n slotIndex: number;\n}\n\nfunction getDirection(key: KeyboardEvent['key']): Direction | null {\n switch (key) {\n case 'ArrowDown':\n return 'down';\n case 'ArrowUp':\n return 'up';\n case 'ArrowRight':\n return 'right';\n case 'ArrowLeft':\n return 'left';\n default:\n return null;\n }\n}\n\nfunction getControlsSize(controlsRef: WeekViewControlsRef): number[] | null {\n if (!controlsRef.current) {\n return null;\n }\n return controlsRef.current.map((day) => (day ? day.length : 0));\n}\n\ninterface GetNextPositionInput {\n direction: Direction;\n dayIndex: number;\n slotIndex: number;\n size: number[];\n}\n\nfunction getNextPosition({\n direction,\n dayIndex,\n slotIndex,\n size,\n}: GetNextPositionInput): SlotPosition | null {\n const currentDaySize = size[dayIndex];\n if (!currentDaySize) {\n return null;\n }\n\n switch (direction) {\n case 'up': {\n if (slotIndex === 0) {\n return null;\n }\n return {\n dayIndex,\n slotIndex: slotIndex - 1,\n };\n }\n\n case 'down': {\n if (slotIndex === currentDaySize - 1) {\n return null;\n }\n return {\n dayIndex,\n slotIndex: slotIndex + 1,\n };\n }\n\n case 'left': {\n if (dayIndex === 0) {\n return null;\n }\n const prevDaySize = size[dayIndex - 1];\n const clampedSlotIndex = Math.min(slotIndex, prevDaySize - 1);\n return {\n dayIndex: dayIndex - 1,\n slotIndex: clampedSlotIndex,\n };\n }\n\n case 'right': {\n if (dayIndex === size.length - 1) {\n return null;\n }\n const nextDaySize = size[dayIndex + 1];\n const clampedSlotIndex = Math.min(slotIndex, nextDaySize - 1);\n return {\n dayIndex: dayIndex + 1,\n slotIndex: clampedSlotIndex,\n };\n }\n\n default:\n return null;\n }\n}\n\ninterface FocusOnNextControlInput {\n controlsRef: WeekViewControlsRef;\n direction: Direction;\n dayIndex: number;\n slotIndex: number;\n size: number[];\n}\n\nfunction focusOnNextFocusableControl({\n controlsRef,\n direction,\n dayIndex,\n slotIndex,\n size,\n}: FocusOnNextControlInput): void {\n const nextPosition = getNextPosition({\n direction,\n dayIndex,\n slotIndex,\n size,\n });\n\n if (!nextPosition) {\n return;\n }\n\n const controlToFocus = controlsRef.current?.[nextPosition.dayIndex]?.[nextPosition.slotIndex];\n\n if (!controlToFocus) {\n return;\n }\n\n if (controlToFocus.disabled || controlToFocus.getAttribute('data-hidden')) {\n focusOnNextFocusableControl({\n controlsRef,\n direction,\n dayIndex: nextPosition.dayIndex,\n slotIndex: nextPosition.slotIndex,\n size,\n });\n } else {\n controlToFocus.focus();\n }\n}\n\nexport interface HandleWeekViewKeyDownInput {\n controlsRef: WeekViewControlsRef;\n dayIndex: number;\n slotIndex: number;\n event: React.KeyboardEvent<HTMLButtonElement>;\n}\n\nexport function handleWeekViewKeyDown({\n controlsRef,\n dayIndex,\n slotIndex,\n event,\n}: HandleWeekViewKeyDownInput): void {\n const direction = getDirection(event.key);\n\n if (direction) {\n event.preventDefault();\n\n const size = getControlsSize(controlsRef);\n\n if (!size) {\n return;\n }\n\n focusOnNextFocusableControl({\n controlsRef,\n direction,\n dayIndex,\n slotIndex,\n size,\n });\n }\n}\n"],"mappings":";;AAYA,SAAS,aAAa,KAA6C;CACjE,QAAQ,KAAR;EACE,KAAK,aACH,OAAO;EACT,KAAK,WACH,OAAO;EACT,KAAK,cACH,OAAO;EACT,KAAK,aACH,OAAO;EACT,SACE,OAAO;CACX;AACF;AAEA,SAAS,gBAAgB,aAAmD;CAC1E,IAAI,CAAC,YAAY,SACf,OAAO;CAET,OAAO,YAAY,QAAQ,KAAK,QAAS,MAAM,IAAI,SAAS,CAAE;AAChE;AASA,SAAS,gBAAgB,EACvB,WACA,UACA,WACA,QAC4C;CAC5C,MAAM,iBAAiB,KAAK;CAC5B,IAAI,CAAC,gBACH,OAAO;CAGT,QAAQ,WAAR;EACE,KAAK;GACH,IAAI,cAAc,GAChB,OAAO;GAET,OAAO;IACL;IACA,WAAW,YAAY;GACzB;EAGF,KAAK;GACH,IAAI,cAAc,iBAAiB,GACjC,OAAO;GAET,OAAO;IACL;IACA,WAAW,YAAY;GACzB;EAGF,KAAK,QAAQ;GACX,IAAI,aAAa,GACf,OAAO;GAET,MAAM,cAAc,KAAK,WAAW;GACpC,MAAM,mBAAmB,KAAK,IAAI,WAAW,cAAc,CAAC;GAC5D,OAAO;IACL,UAAU,WAAW;IACrB,WAAW;GACb;EACF;EAEA,KAAK,SAAS;GACZ,IAAI,aAAa,KAAK,SAAS,GAC7B,OAAO;GAET,MAAM,cAAc,KAAK,WAAW;GACpC,MAAM,mBAAmB,KAAK,IAAI,WAAW,cAAc,CAAC;GAC5D,OAAO;IACL,UAAU,WAAW;IACrB,WAAW;GACb;EACF;EAEA,SACE,OAAO;CACX;AACF;AAUA,SAAS,4BAA4B,EACnC,aACA,WACA,UACA,WACA,QACgC;CAChC,MAAM,eAAe,gBAAgB;EACnC;EACA;EACA;EACA;CACF,CAAC;CAED,IAAI,CAAC,cACH;CAGF,MAAM,iBAAiB,YAAY,UAAU,aAAa,YAAY,aAAa;CAEnF,IAAI,CAAC,gBACH;CAGF,IAAI,eAAe,YAAY,eAAe,aAAa,aAAa,GACtE,4BAA4B;EAC1B;EACA;EACA,UAAU,aAAa;EACvB,WAAW,aAAa;EACxB;CACF,CAAC;MAED,eAAe,MAAM;AAEzB;AASA,SAAgB,sBAAsB,EACpC,aACA,UACA,WACA,SACmC;CACnC,MAAM,YAAY,aAAa,MAAM,GAAG;CAExC,IAAI,WAAW;EACb,MAAM,eAAe;EAErB,MAAM,OAAO,gBAAgB,WAAW;EAExC,IAAI,CAAC,MACH;EAGF,4BAA4B;GAC1B;GACA;GACA;GACA;GACA;EACF,CAAC;CACH;AACF"}
|
|
@@ -1 +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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"}
|
|
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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"}
|
|
@@ -1 +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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"}
|
|
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":";;;;;;;;;;;;;;AA8FA,SAAgB,cAAc,EAC5B,OACA,WACA,mBAAmB,QACnB,iBACA,cACA,QACA,gBACA,eACA,aACA,aACA,YACA,mBACA,cACA,oBACA,gBACA,eACA,MACA,iBACA,aACA,gBACA,iBACqB;CACrB,MAAM,OAAA,GAAA,eAAA,iBAAsB;CAC5B,MAAM,SAAA,GAAA,cAAA,iBAAwB;CAC9B,MAAM,SAAA,GAAA,MAAA,SAAc;CAEpB,MAAM,WAAW,eACbA,2BAAAA,iBAAiB;EACf,QAAQ,IAAI,UAAU,MAAM;EAC5B,QAAQ;EACR,gBAAgB,IAAI,kBAAkB,cAAc;CACtD,CAAC,EAAE,KAAK,KAAK,UACX,iBAAA,GAAA,MAAA,eAAC,OAAD;EAAK,GAAI,UAAU,iBAAiB;EAAG,KAAK;CAEvC,GADF,GACE,CACN,IACD;CAEJ,MAAM,QAAQC,uBAAAA,aAAa;EACzB,QAAA,GAAA,MAAA,SAAa,KAAK,EAAE,OAAO,YAAY;EACvC,gBAAgB,IAAI,kBAAkB,cAAc;EACpD,iBAAiB;CACnB,CAAC,EAAE,KAAK,MAAM,cAAc;EAC1B,MAAM,OAAO,KAAK,KAAK,MAAM,aAAa;GACxC,MAAM,UAAU,CAACC,sBAAAA,YAAY,MAAM,KAAK;GAExC,IAAI,WAAW,CAAC,iBACd,OAAO,iBAAA,GAAA,MAAA,eAAC,OAAD;IAAK,GAAI,UAAU,aAAa;IAAG,wBAAA;IAAqB,KAAK;GAAO,CAAA;GAG7E,MAAM,UAAU,IAAI,eAAe,WAAW,EAAE,UAAA,GAAA,MAAA,SAAe,IAAI,EAAE,IAAI,CAAC;GAC1E,MAAM,aAAA,GAAA,MAAA,SAAkB,IAAI,EACzB,OAAO,UAAU,IAAI,MAAM,EAC3B,OAAO,cAAc;GAExB,MAAM,WAAW,eAAA,GAAA,MAAA,SAAoB,IAAI,EAAE,OAAO,YAAY,CAAC,KAAK,CAAC;GACrE,MAAM,WAAA,GAAA,MAAA,SAAgB,IAAI,EAAE,OAAO,OAAO,KAAK,KAAK;GACpD,MAAM,YAAY,iBAAA,GAAA,MAAA,SAAsB,IAAI,EAAE,OAAO,YAAY,MAAM,CAAC;GAIxE,MAAM,oBACJ,iBACA,cAAc,cAAc,aAC5B,aAAa,cAAc;GAC7B,MAAM,eAAe,SAAS,YAAY,CAAC,WAAW;GAEtD,MAAM,aAAa,UAAU,MAAM,GAAG,CAAC,EAAE,KAAK,UAC5C,iBAAA,GAAA,MAAA,eAAC,OAAD;IACE,GAAI,UAAU,wBAAwB,EACpC,OAAO,EAAE,kBAAA,GAAA,cAAA,eAA+B,MAAM,OAAO,KAAK,EAAE,EAC9D,CAAC;IACD,KAAK,MAAM;GACZ,CAAA,CACF;GAED,OACE,iBAAA,GAAA,MAAA,eAACC,cAAAA,gBAAD;IACE,cAAY;IACZ,GAAI;IACJ,GAAI,UAAU,eAAe;KAAE,WAAW,SAAS;KAAW,OAAO,SAAS;IAAM,CAAC;IACrF,KAAK;IACL,KAAK,CAAC;KAAE;KAAS;KAAS,OAAO;KAAS,QAAQ,SAAS;IAAS,GAAG,SAAS,GAAG;IACnF,UAAU,eAAe,IAAI;IAC7B,MAAM,SAAS;KACb,IAAI,MACF,cAAc,WAAW,UAAU,IAAI;IAE3C;IACA,YAAY,UAAU;KACpB,SAAS,YAAY,KAAK;KAC1B,iBAAiB,OAAO;MAAE;MAAW;MAAU;KAAK,CAAC;IACvD;IACA,SACE,SAAS,WACL,KAAA,KACC,UAAU;KACT,cAAA,GAAA,MAAA,SAAmB,IAAI,EAAE,OAAO,YAAY,GAAG,KAAK;KACpD,SAAS,UAAU,KAAK;IAC1B;GAMQ,IAAA,GAAA,MAAA,SAHP,IAAI,EAAE,OAAO,GAAG,GAEvB,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,GAAI,UAAU,uBAAuB;cAAI;GAAgB,CAAA,CAChD;EAEpB,CAAC;EAED,MAAM,kBAAkB,sBAAA,GAAA,MAAA,SAA2B,KAAK,EAAE,EAAE,OAAO,YAAY,CAAC,KAAK,CAAC;EACtF,MAAM,aAAaC,wBAAAA,cAAc,IAAI;EAErC,OACE,iBAAA,GAAA,MAAA,eAAC,OAAD;GAAK,GAAI,UAAU,cAAc;GAAG,KAAK;EA2BpC,GA1BF,mBACC,iBAAA,GAAA,kBAAA,KAACD,cAAAA,gBAAD;GAEE,cAAY,QAAQ;GACpB,OAAO,QAAQ;GACf,GAAI;GACJ,SACE,SAAS,WACL,KAAA,KACC,UAAU;IACT,qBAAA,GAAA,MAAA,SAA0B,KAAK,EAAE,EAAE,OAAO,YAAY,GAAG,KAAK;IAC9D,gBAAgB,UAAU,KAAK;GACjC;GAEN,KAAK,EAAE,QAAQ,SAAS,SAAS;GACjC,UAAU,SAAS,WAAW,KAAK;GACnC,GAAI,UAAU,sBAAsB;IAClC,WAAW,gBAAgB;IAC3B,OAAO,gBAAgB;GACzB,CAAC;aAEA;EACa,GApBT,UAoBS,GAGjB,IACE;CAET,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,MAACE,cAAAA,KAAD;EACE,KAAK,CACH;GACE,qBAAqB;GACrB,iBAAiB;GACjB,QAAQ,SAAS;EACnB,CACF;EACA,GAAI,UAAU,eAAe;YAR/B;GAUE,iBAAA,GAAA,kBAAA,KAACF,cAAAA,gBAAD;IACE,SACE,SAAS,WACL,KAAA,KACC,UAAU,gBAAA,GAAA,MAAA,SAAqB,KAAK,EAAE,QAAQ,OAAO,EAAE,OAAO,YAAY,GAAG,KAAK;IAEzF,KAAK,EAAE,QAAQ,SAAS,SAAS;IACjC,UAAU,SAAS,WAAW,KAAK;IACnC,GAAI,UAAU,sBAAsB;cAEnCG,oBAAAA,WAAW;KAAE,QAAQ,IAAI,UAAU,MAAM;KAAG,MAAM;KAAO,QAAQ;IAAiB,CAAC;GACtE,CAAA;GAEf,YACC,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,GAAI,UAAU,kBAAkB;cAArC,CACG,mBAAmB,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,GAAI,UAAU,wBAAwB,EAAI,CAAA,GAClE,QACE;;GAGN;EACE;;AAET"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-year-view-events.cjs","names":["isMultidayEvent","validateEvent"],"sources":["../../../../src/components/YearView/get-year-view-events/get-year-view-events.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { AnyDateValue, DateStringValue, ScheduleEventData } from '../../../types';\nimport { isMultidayEvent, validateEvent } from '../../../utils';\n\nexport type GroupedEvents = Record<DateStringValue, ScheduleEventData[]>;\n\nfunction groupEventByDate(event: ScheduleEventData, groupedEvents: GroupedEvents) {\n if (isMultidayEvent(event)) {\n const startDate = dayjs(event.start).startOf('day');\n const endDate = dayjs(event.end).startOf('day');\n\n for (\n let date = startDate;\n date.isBefore(endDate) || date.isSame(endDate);\n date = date.add(1, 'day')\n ) {\n const dateKey = date.format('YYYY-MM-DD');\n if (!groupedEvents[dateKey]) {\n groupedEvents[dateKey] = [];\n }\n groupedEvents[dateKey].push(event);\n }\n\n return;\n }\n\n const eventDate = dayjs(event.start).format('YYYY-MM-DD');\n if (!groupedEvents[eventDate]) {\n groupedEvents[eventDate] = [];\n }\n groupedEvents[eventDate].push(event);\n}\n\ninterface GetYearViewEventsInput {\n date: AnyDateValue;\n events: ScheduleEventData[] | undefined;\n}\n\nexport function getYearViewEvents({ date, events }: GetYearViewEventsInput) {\n const groupedEvents: GroupedEvents = {};\n\n if (events === undefined) {\n return groupedEvents;\n }\n\n const ids = new Set<string | number>();\n\n for (const event of events) {\n if (dayjs(event.start).isSame(dayjs(date), 'year')) {\n groupEventByDate(validateEvent(event), groupedEvents);\n\n if (!ids.has(event.id)) {\n ids.add(event.id);\n } else {\n throw new Error(`[@mantine/schedule] YearView: Duplicated event ids found: ${event.id}`);\n }\n }\n }\n\n return groupedEvents;\n}\n"],"mappings":";;;;;;;AAMA,SAAS,iBAAiB,OAA0B,eAA8B;
|
|
1
|
+
{"version":3,"file":"get-year-view-events.cjs","names":["isMultidayEvent","validateEvent"],"sources":["../../../../src/components/YearView/get-year-view-events/get-year-view-events.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { AnyDateValue, DateStringValue, ScheduleEventData } from '../../../types';\nimport { isMultidayEvent, validateEvent } from '../../../utils';\n\nexport type GroupedEvents = Record<DateStringValue, ScheduleEventData[]>;\n\nfunction groupEventByDate(event: ScheduleEventData, groupedEvents: GroupedEvents) {\n if (isMultidayEvent(event)) {\n const startDate = dayjs(event.start).startOf('day');\n const endDate = dayjs(event.end).startOf('day');\n\n for (\n let date = startDate;\n date.isBefore(endDate) || date.isSame(endDate);\n date = date.add(1, 'day')\n ) {\n const dateKey = date.format('YYYY-MM-DD');\n if (!groupedEvents[dateKey]) {\n groupedEvents[dateKey] = [];\n }\n groupedEvents[dateKey].push(event);\n }\n\n return;\n }\n\n const eventDate = dayjs(event.start).format('YYYY-MM-DD');\n if (!groupedEvents[eventDate]) {\n groupedEvents[eventDate] = [];\n }\n groupedEvents[eventDate].push(event);\n}\n\ninterface GetYearViewEventsInput {\n date: AnyDateValue;\n events: ScheduleEventData[] | undefined;\n}\n\nexport function getYearViewEvents({ date, events }: GetYearViewEventsInput) {\n const groupedEvents: GroupedEvents = {};\n\n if (events === undefined) {\n return groupedEvents;\n }\n\n const ids = new Set<string | number>();\n\n for (const event of events) {\n if (dayjs(event.start).isSame(dayjs(date), 'year')) {\n groupEventByDate(validateEvent(event), groupedEvents);\n\n if (!ids.has(event.id)) {\n ids.add(event.id);\n } else {\n throw new Error(`[@mantine/schedule] YearView: Duplicated event ids found: ${event.id}`);\n }\n }\n }\n\n return groupedEvents;\n}\n"],"mappings":";;;;;;;AAMA,SAAS,iBAAiB,OAA0B,eAA8B;CAChF,IAAIA,0BAAAA,gBAAgB,KAAK,GAAG;EAC1B,MAAM,aAAA,GAAA,MAAA,SAAkB,MAAM,KAAK,EAAE,QAAQ,KAAK;EAClD,MAAM,WAAA,GAAA,MAAA,SAAgB,MAAM,GAAG,EAAE,QAAQ,KAAK;EAE9C,KACE,IAAI,OAAO,WACX,KAAK,SAAS,OAAO,KAAK,KAAK,OAAO,OAAO,GAC7C,OAAO,KAAK,IAAI,GAAG,KAAK,GACxB;GACA,MAAM,UAAU,KAAK,OAAO,YAAY;GACxC,IAAI,CAAC,cAAc,UACjB,cAAc,WAAW,CAAC;GAE5B,cAAc,SAAS,KAAK,KAAK;EACnC;EAEA;CACF;CAEA,MAAM,aAAA,GAAA,MAAA,SAAkB,MAAM,KAAK,EAAE,OAAO,YAAY;CACxD,IAAI,CAAC,cAAc,YACjB,cAAc,aAAa,CAAC;CAE9B,cAAc,WAAW,KAAK,KAAK;AACrC;AAOA,SAAgB,kBAAkB,EAAE,MAAM,UAAkC;CAC1E,MAAM,gBAA+B,CAAC;CAEtC,IAAI,WAAW,KAAA,GACb,OAAO;CAGT,MAAM,sBAAM,IAAI,IAAqB;CAErC,KAAK,MAAM,SAAS,QAClB,KAAA,GAAA,MAAA,SAAU,MAAM,KAAK,EAAE,QAAA,GAAA,MAAA,SAAa,IAAI,GAAG,MAAM,GAAG;EAClD,iBAAiBC,uBAAAA,cAAc,KAAK,GAAG,aAAa;EAEpD,IAAI,CAAC,IAAI,IAAI,MAAM,EAAE,GACnB,IAAI,IAAI,MAAM,EAAE;OAEhB,MAAM,IAAI,MAAM,6DAA6D,MAAM,IAAI;CAE3F;CAGF,OAAO;AACT"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"handle-year-view-key-down.cjs","names":[],"sources":["../../../src/components/YearView/handle-year-view-key-down.ts"],"sourcesContent":["import { RefObject } from 'react';\n\n/** Reference to a 3D array of day buttons: [monthIndex][weekIndex][dayIndex] */\nexport type YearViewControlsRef = RefObject<HTMLButtonElement[][][]>;\n\ntype Direction = 'up' | 'down' | 'left' | 'right';\n\ninterface DayPosition {\n monthIndex: number;\n weekIndex: number;\n dayIndex: number;\n}\n\nfunction getDirection(key: KeyboardEvent['key']): Direction | null {\n switch (key) {\n case 'ArrowDown':\n return 'down';\n case 'ArrowUp':\n return 'up';\n case 'ArrowRight':\n return 'right';\n case 'ArrowLeft':\n return 'left';\n default:\n return null;\n }\n}\n\nfunction getControlsSize(controlsRef: YearViewControlsRef): number[][] | null {\n if (!controlsRef.current) {\n return null;\n }\n return controlsRef.current.map((month) =>\n month ? month.map((week) => (week ? week.length : 0)) : []\n );\n}\n\ninterface GetNextPositionInput {\n direction: Direction;\n monthIndex: number;\n weekIndex: number;\n dayIndex: number;\n size: number[][];\n}\n\nfunction getNextPosition({\n direction,\n monthIndex,\n weekIndex,\n dayIndex,\n size,\n}: GetNextPositionInput): DayPosition | null {\n const currentMonthSize = size[monthIndex];\n if (!currentMonthSize) {\n return null;\n }\n\n switch (direction) {\n case 'up': {\n if (weekIndex === 0) {\n if (monthIndex === 0) {\n return null;\n }\n const prevMonthSize = size[monthIndex - 1];\n if (!prevMonthSize || prevMonthSize.length === 0) {\n return null;\n }\n\n const lastWeekIndex = prevMonthSize.length - 1;\n const clampedDayIndex = Math.min(dayIndex, prevMonthSize[lastWeekIndex] - 1);\n return {\n monthIndex: monthIndex - 1,\n weekIndex: lastWeekIndex,\n dayIndex: clampedDayIndex,\n };\n }\n\n const prevWeekSize = currentMonthSize[weekIndex - 1];\n const clampedDayIndex = Math.min(dayIndex, prevWeekSize - 1);\n return {\n monthIndex,\n weekIndex: weekIndex - 1,\n dayIndex: clampedDayIndex,\n };\n }\n\n case 'down': {\n if (weekIndex === currentMonthSize.length - 1) {\n if (monthIndex === size.length - 1) {\n return null;\n }\n const nextMonthSize = size[monthIndex + 1];\n if (!nextMonthSize || nextMonthSize.length === 0) {\n return null;\n }\n\n const clampedDayIndex = Math.min(dayIndex, nextMonthSize[0] - 1);\n return {\n monthIndex: monthIndex + 1,\n weekIndex: 0,\n dayIndex: clampedDayIndex,\n };\n }\n\n const nextWeekSize = currentMonthSize[weekIndex + 1];\n const clampedDayIndex = Math.min(dayIndex, nextWeekSize - 1);\n return {\n monthIndex,\n weekIndex: weekIndex + 1,\n dayIndex: clampedDayIndex,\n };\n }\n\n case 'left': {\n if (dayIndex === 0) {\n if (weekIndex === 0) {\n if (monthIndex === 0) {\n return null;\n }\n const prevMonthSize = size[monthIndex - 1];\n if (!prevMonthSize || prevMonthSize.length === 0) {\n return null;\n }\n const lastWeekIndex = prevMonthSize.length - 1;\n return {\n monthIndex: monthIndex - 1,\n weekIndex: lastWeekIndex,\n dayIndex: prevMonthSize[lastWeekIndex] - 1,\n };\n }\n\n return {\n monthIndex,\n weekIndex: weekIndex - 1,\n dayIndex: currentMonthSize[weekIndex - 1] - 1,\n };\n }\n\n return {\n monthIndex,\n weekIndex,\n dayIndex: dayIndex - 1,\n };\n }\n\n case 'right': {\n const currentWeekSize = currentMonthSize[weekIndex];\n\n if (dayIndex === currentWeekSize - 1) {\n if (weekIndex === currentMonthSize.length - 1) {\n if (monthIndex === size.length - 1) {\n return null;\n }\n const nextMonthSize = size[monthIndex + 1];\n if (!nextMonthSize || nextMonthSize.length === 0) {\n return null;\n }\n return {\n monthIndex: monthIndex + 1,\n weekIndex: 0,\n dayIndex: 0,\n };\n }\n\n return {\n monthIndex,\n weekIndex: weekIndex + 1,\n dayIndex: 0,\n };\n }\n\n return {\n monthIndex,\n weekIndex,\n dayIndex: dayIndex + 1,\n };\n }\n\n default:\n return null;\n }\n}\n\ninterface FocusOnNextControlInput {\n controlsRef: YearViewControlsRef;\n direction: Direction;\n monthIndex: number;\n weekIndex: number;\n dayIndex: number;\n size: number[][];\n}\n\nfunction focusOnNextFocusableControl({\n controlsRef,\n direction,\n monthIndex,\n weekIndex,\n dayIndex,\n size,\n}: FocusOnNextControlInput): void {\n const nextPosition = getNextPosition({\n direction,\n monthIndex,\n weekIndex,\n dayIndex,\n size,\n });\n\n if (!nextPosition) {\n return;\n }\n\n const controlToFocus =\n controlsRef.current?.[nextPosition.monthIndex]?.[nextPosition.weekIndex]?.[\n nextPosition.dayIndex\n ];\n\n if (!controlToFocus) {\n return;\n }\n\n if (\n controlToFocus.disabled ||\n controlToFocus.getAttribute('data-hidden') ||\n controlToFocus.getAttribute('data-outside') ||\n controlToFocus.getAttribute('data-day-placeholder')\n ) {\n focusOnNextFocusableControl({\n controlsRef,\n direction,\n monthIndex: nextPosition.monthIndex,\n weekIndex: nextPosition.weekIndex,\n dayIndex: nextPosition.dayIndex,\n size,\n });\n } else {\n controlToFocus.focus();\n }\n}\n\nexport interface HandleYearViewKeyDownInput {\n controlsRef: YearViewControlsRef;\n monthIndex: number;\n weekIndex: number;\n dayIndex: number;\n event: React.KeyboardEvent<HTMLButtonElement>;\n}\n\nexport function handleYearViewKeyDown({\n controlsRef,\n monthIndex,\n weekIndex,\n dayIndex,\n event,\n}: HandleYearViewKeyDownInput): void {\n const direction = getDirection(event.key);\n\n if (direction) {\n event.preventDefault();\n\n const size = getControlsSize(controlsRef);\n\n if (!size) {\n return;\n }\n\n focusOnNextFocusableControl({\n controlsRef,\n direction,\n monthIndex,\n weekIndex,\n dayIndex,\n size,\n });\n }\n}\n"],"mappings":";;AAaA,SAAS,aAAa,KAA6C;
|
|
1
|
+
{"version":3,"file":"handle-year-view-key-down.cjs","names":[],"sources":["../../../src/components/YearView/handle-year-view-key-down.ts"],"sourcesContent":["import { RefObject } from 'react';\n\n/** Reference to a 3D array of day buttons: [monthIndex][weekIndex][dayIndex] */\nexport type YearViewControlsRef = RefObject<HTMLButtonElement[][][]>;\n\ntype Direction = 'up' | 'down' | 'left' | 'right';\n\ninterface DayPosition {\n monthIndex: number;\n weekIndex: number;\n dayIndex: number;\n}\n\nfunction getDirection(key: KeyboardEvent['key']): Direction | null {\n switch (key) {\n case 'ArrowDown':\n return 'down';\n case 'ArrowUp':\n return 'up';\n case 'ArrowRight':\n return 'right';\n case 'ArrowLeft':\n return 'left';\n default:\n return null;\n }\n}\n\nfunction getControlsSize(controlsRef: YearViewControlsRef): number[][] | null {\n if (!controlsRef.current) {\n return null;\n }\n return controlsRef.current.map((month) =>\n month ? month.map((week) => (week ? week.length : 0)) : []\n );\n}\n\ninterface GetNextPositionInput {\n direction: Direction;\n monthIndex: number;\n weekIndex: number;\n dayIndex: number;\n size: number[][];\n}\n\nfunction getNextPosition({\n direction,\n monthIndex,\n weekIndex,\n dayIndex,\n size,\n}: GetNextPositionInput): DayPosition | null {\n const currentMonthSize = size[monthIndex];\n if (!currentMonthSize) {\n return null;\n }\n\n switch (direction) {\n case 'up': {\n if (weekIndex === 0) {\n if (monthIndex === 0) {\n return null;\n }\n const prevMonthSize = size[monthIndex - 1];\n if (!prevMonthSize || prevMonthSize.length === 0) {\n return null;\n }\n\n const lastWeekIndex = prevMonthSize.length - 1;\n const clampedDayIndex = Math.min(dayIndex, prevMonthSize[lastWeekIndex] - 1);\n return {\n monthIndex: monthIndex - 1,\n weekIndex: lastWeekIndex,\n dayIndex: clampedDayIndex,\n };\n }\n\n const prevWeekSize = currentMonthSize[weekIndex - 1];\n const clampedDayIndex = Math.min(dayIndex, prevWeekSize - 1);\n return {\n monthIndex,\n weekIndex: weekIndex - 1,\n dayIndex: clampedDayIndex,\n };\n }\n\n case 'down': {\n if (weekIndex === currentMonthSize.length - 1) {\n if (monthIndex === size.length - 1) {\n return null;\n }\n const nextMonthSize = size[monthIndex + 1];\n if (!nextMonthSize || nextMonthSize.length === 0) {\n return null;\n }\n\n const clampedDayIndex = Math.min(dayIndex, nextMonthSize[0] - 1);\n return {\n monthIndex: monthIndex + 1,\n weekIndex: 0,\n dayIndex: clampedDayIndex,\n };\n }\n\n const nextWeekSize = currentMonthSize[weekIndex + 1];\n const clampedDayIndex = Math.min(dayIndex, nextWeekSize - 1);\n return {\n monthIndex,\n weekIndex: weekIndex + 1,\n dayIndex: clampedDayIndex,\n };\n }\n\n case 'left': {\n if (dayIndex === 0) {\n if (weekIndex === 0) {\n if (monthIndex === 0) {\n return null;\n }\n const prevMonthSize = size[monthIndex - 1];\n if (!prevMonthSize || prevMonthSize.length === 0) {\n return null;\n }\n const lastWeekIndex = prevMonthSize.length - 1;\n return {\n monthIndex: monthIndex - 1,\n weekIndex: lastWeekIndex,\n dayIndex: prevMonthSize[lastWeekIndex] - 1,\n };\n }\n\n return {\n monthIndex,\n weekIndex: weekIndex - 1,\n dayIndex: currentMonthSize[weekIndex - 1] - 1,\n };\n }\n\n return {\n monthIndex,\n weekIndex,\n dayIndex: dayIndex - 1,\n };\n }\n\n case 'right': {\n const currentWeekSize = currentMonthSize[weekIndex];\n\n if (dayIndex === currentWeekSize - 1) {\n if (weekIndex === currentMonthSize.length - 1) {\n if (monthIndex === size.length - 1) {\n return null;\n }\n const nextMonthSize = size[monthIndex + 1];\n if (!nextMonthSize || nextMonthSize.length === 0) {\n return null;\n }\n return {\n monthIndex: monthIndex + 1,\n weekIndex: 0,\n dayIndex: 0,\n };\n }\n\n return {\n monthIndex,\n weekIndex: weekIndex + 1,\n dayIndex: 0,\n };\n }\n\n return {\n monthIndex,\n weekIndex,\n dayIndex: dayIndex + 1,\n };\n }\n\n default:\n return null;\n }\n}\n\ninterface FocusOnNextControlInput {\n controlsRef: YearViewControlsRef;\n direction: Direction;\n monthIndex: number;\n weekIndex: number;\n dayIndex: number;\n size: number[][];\n}\n\nfunction focusOnNextFocusableControl({\n controlsRef,\n direction,\n monthIndex,\n weekIndex,\n dayIndex,\n size,\n}: FocusOnNextControlInput): void {\n const nextPosition = getNextPosition({\n direction,\n monthIndex,\n weekIndex,\n dayIndex,\n size,\n });\n\n if (!nextPosition) {\n return;\n }\n\n const controlToFocus =\n controlsRef.current?.[nextPosition.monthIndex]?.[nextPosition.weekIndex]?.[\n nextPosition.dayIndex\n ];\n\n if (!controlToFocus) {\n return;\n }\n\n if (\n controlToFocus.disabled ||\n controlToFocus.getAttribute('data-hidden') ||\n controlToFocus.getAttribute('data-outside') ||\n controlToFocus.getAttribute('data-day-placeholder')\n ) {\n focusOnNextFocusableControl({\n controlsRef,\n direction,\n monthIndex: nextPosition.monthIndex,\n weekIndex: nextPosition.weekIndex,\n dayIndex: nextPosition.dayIndex,\n size,\n });\n } else {\n controlToFocus.focus();\n }\n}\n\nexport interface HandleYearViewKeyDownInput {\n controlsRef: YearViewControlsRef;\n monthIndex: number;\n weekIndex: number;\n dayIndex: number;\n event: React.KeyboardEvent<HTMLButtonElement>;\n}\n\nexport function handleYearViewKeyDown({\n controlsRef,\n monthIndex,\n weekIndex,\n dayIndex,\n event,\n}: HandleYearViewKeyDownInput): void {\n const direction = getDirection(event.key);\n\n if (direction) {\n event.preventDefault();\n\n const size = getControlsSize(controlsRef);\n\n if (!size) {\n return;\n }\n\n focusOnNextFocusableControl({\n controlsRef,\n direction,\n monthIndex,\n weekIndex,\n dayIndex,\n size,\n });\n }\n}\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-auto-scroll-on-drag.cjs","names":[],"sources":["../../src/hooks/use-auto-scroll-on-drag.ts"],"sourcesContent":["import { useEffect, useEffectEvent, useRef } from 'react';\n\nconst EDGE_THRESHOLD = 50;\nconst MAX_SCROLL_SPEED = 8;\n\ninterface UseAutoScrollOnDragOptions {\n viewportRef: React.RefObject<HTMLDivElement | null>;\n enabled: boolean;\n}\n\nexport function useAutoScrollOnDrag({ viewportRef, enabled }: UseAutoScrollOnDragOptions) {\n const rafId = useRef<number | null>(null);\n const scrollDirection = useRef<number>(0);\n\n const stopScroll = useEffectEvent(() => {\n if (rafId.current !== null) {\n cancelAnimationFrame(rafId.current);\n rafId.current = null;\n }\n scrollDirection.current = 0;\n });\n\n const startScroll = useEffectEvent(() => {\n if (rafId.current !== null) {\n return;\n }\n\n const tick = () => {\n const viewport = viewportRef.current;\n if (!viewport || scrollDirection.current === 0) {\n rafId.current = null;\n return;\n }\n\n viewport.scrollTop += scrollDirection.current;\n rafId.current = requestAnimationFrame(tick);\n };\n\n rafId.current = requestAnimationFrame(tick);\n });\n\n useEffect(() => {\n if (!enabled) {\n return undefined;\n }\n\n const viewport = viewportRef.current;\n if (!viewport) {\n return undefined;\n }\n\n const handleDragOver = (event: DragEvent) => {\n const rect = viewport.getBoundingClientRect();\n const distanceFromTop = event.clientY - rect.top;\n const distanceFromBottom = rect.bottom - event.clientY;\n\n if (distanceFromTop < EDGE_THRESHOLD) {\n const proximity = 1 - distanceFromTop / EDGE_THRESHOLD;\n scrollDirection.current = -Math.ceil(proximity * MAX_SCROLL_SPEED);\n startScroll();\n } else if (distanceFromBottom < EDGE_THRESHOLD) {\n const proximity = 1 - distanceFromBottom / EDGE_THRESHOLD;\n scrollDirection.current = Math.ceil(proximity * MAX_SCROLL_SPEED);\n startScroll();\n } else {\n stopScroll();\n }\n };\n\n const handleDragEnd = () => {\n stopScroll();\n };\n\n viewport.addEventListener('dragover', handleDragOver);\n viewport.addEventListener('dragleave', handleDragEnd);\n viewport.addEventListener('dragend', handleDragEnd);\n viewport.addEventListener('drop', handleDragEnd);\n\n return () => {\n stopScroll();\n viewport.removeEventListener('dragover', handleDragOver);\n viewport.removeEventListener('dragleave', handleDragEnd);\n viewport.removeEventListener('dragend', handleDragEnd);\n viewport.removeEventListener('drop', handleDragEnd);\n };\n }, [enabled, viewportRef]);\n}\n"],"mappings":";;;;AAEA,MAAM,iBAAiB;AACvB,MAAM,mBAAmB;AAOzB,SAAgB,oBAAoB,EAAE,aAAa,WAAuC;CACxF,MAAM,SAAA,GAAA,MAAA,QAA8B,
|
|
1
|
+
{"version":3,"file":"use-auto-scroll-on-drag.cjs","names":[],"sources":["../../src/hooks/use-auto-scroll-on-drag.ts"],"sourcesContent":["import { useEffect, useEffectEvent, useRef } from 'react';\n\nconst EDGE_THRESHOLD = 50;\nconst MAX_SCROLL_SPEED = 8;\n\ninterface UseAutoScrollOnDragOptions {\n viewportRef: React.RefObject<HTMLDivElement | null>;\n enabled: boolean;\n}\n\nexport function useAutoScrollOnDrag({ viewportRef, enabled }: UseAutoScrollOnDragOptions) {\n const rafId = useRef<number | null>(null);\n const scrollDirection = useRef<number>(0);\n\n const stopScroll = useEffectEvent(() => {\n if (rafId.current !== null) {\n cancelAnimationFrame(rafId.current);\n rafId.current = null;\n }\n scrollDirection.current = 0;\n });\n\n const startScroll = useEffectEvent(() => {\n if (rafId.current !== null) {\n return;\n }\n\n const tick = () => {\n const viewport = viewportRef.current;\n if (!viewport || scrollDirection.current === 0) {\n rafId.current = null;\n return;\n }\n\n viewport.scrollTop += scrollDirection.current;\n rafId.current = requestAnimationFrame(tick);\n };\n\n rafId.current = requestAnimationFrame(tick);\n });\n\n useEffect(() => {\n if (!enabled) {\n return undefined;\n }\n\n const viewport = viewportRef.current;\n if (!viewport) {\n return undefined;\n }\n\n const handleDragOver = (event: DragEvent) => {\n const rect = viewport.getBoundingClientRect();\n const distanceFromTop = event.clientY - rect.top;\n const distanceFromBottom = rect.bottom - event.clientY;\n\n if (distanceFromTop < EDGE_THRESHOLD) {\n const proximity = 1 - distanceFromTop / EDGE_THRESHOLD;\n scrollDirection.current = -Math.ceil(proximity * MAX_SCROLL_SPEED);\n startScroll();\n } else if (distanceFromBottom < EDGE_THRESHOLD) {\n const proximity = 1 - distanceFromBottom / EDGE_THRESHOLD;\n scrollDirection.current = Math.ceil(proximity * MAX_SCROLL_SPEED);\n startScroll();\n } else {\n stopScroll();\n }\n };\n\n const handleDragEnd = () => {\n stopScroll();\n };\n\n viewport.addEventListener('dragover', handleDragOver);\n viewport.addEventListener('dragleave', handleDragEnd);\n viewport.addEventListener('dragend', handleDragEnd);\n viewport.addEventListener('drop', handleDragEnd);\n\n return () => {\n stopScroll();\n viewport.removeEventListener('dragover', handleDragOver);\n viewport.removeEventListener('dragleave', handleDragEnd);\n viewport.removeEventListener('dragend', handleDragEnd);\n viewport.removeEventListener('drop', handleDragEnd);\n };\n }, [enabled, viewportRef]);\n}\n"],"mappings":";;;;AAEA,MAAM,iBAAiB;AACvB,MAAM,mBAAmB;AAOzB,SAAgB,oBAAoB,EAAE,aAAa,WAAuC;CACxF,MAAM,SAAA,GAAA,MAAA,QAA8B,IAAI;CACxC,MAAM,mBAAA,GAAA,MAAA,QAAiC,CAAC;CAExC,MAAM,cAAA,GAAA,MAAA,sBAAkC;EACtC,IAAI,MAAM,YAAY,MAAM;GAC1B,qBAAqB,MAAM,OAAO;GAClC,MAAM,UAAU;EAClB;EACA,gBAAgB,UAAU;CAC5B,CAAC;CAED,MAAM,eAAA,GAAA,MAAA,sBAAmC;EACvC,IAAI,MAAM,YAAY,MACpB;EAGF,MAAM,aAAa;GACjB,MAAM,WAAW,YAAY;GAC7B,IAAI,CAAC,YAAY,gBAAgB,YAAY,GAAG;IAC9C,MAAM,UAAU;IAChB;GACF;GAEA,SAAS,aAAa,gBAAgB;GACtC,MAAM,UAAU,sBAAsB,IAAI;EAC5C;EAEA,MAAM,UAAU,sBAAsB,IAAI;CAC5C,CAAC;CAED,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,CAAC,SACH;EAGF,MAAM,WAAW,YAAY;EAC7B,IAAI,CAAC,UACH;EAGF,MAAM,kBAAkB,UAAqB;GAC3C,MAAM,OAAO,SAAS,sBAAsB;GAC5C,MAAM,kBAAkB,MAAM,UAAU,KAAK;GAC7C,MAAM,qBAAqB,KAAK,SAAS,MAAM;GAE/C,IAAI,kBAAkB,gBAAgB;IACpC,MAAM,YAAY,IAAI,kBAAkB;IACxC,gBAAgB,UAAU,CAAC,KAAK,KAAK,YAAY,gBAAgB;IACjE,YAAY;GACd,OAAO,IAAI,qBAAqB,gBAAgB;IAC9C,MAAM,YAAY,IAAI,qBAAqB;IAC3C,gBAAgB,UAAU,KAAK,KAAK,YAAY,gBAAgB;IAChE,YAAY;GACd,OACE,WAAW;EAEf;EAEA,MAAM,sBAAsB;GAC1B,WAAW;EACb;EAEA,SAAS,iBAAiB,YAAY,cAAc;EACpD,SAAS,iBAAiB,aAAa,aAAa;EACpD,SAAS,iBAAiB,WAAW,aAAa;EAClD,SAAS,iBAAiB,QAAQ,aAAa;EAE/C,aAAa;GACX,WAAW;GACX,SAAS,oBAAoB,YAAY,cAAc;GACvD,SAAS,oBAAoB,aAAa,aAAa;GACvD,SAAS,oBAAoB,WAAW,aAAa;GACrD,SAAS,oBAAoB,QAAQ,aAAa;EACpD;CACF,GAAG,CAAC,SAAS,WAAW,CAAC;AAC3B"}
|