@mantine/schedule 9.0.0-alpha.0

package/cjs/components/ScheduleHeader/ViewSelect/ViewSelect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewSelect.cjs","sources":["../../../../src/components/ScheduleHeader/ViewSelect/ViewSelect.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  MantineRadius,\n  StylesApiProps,\n  useDirection,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { getLabel, ScheduleLabels, ScheduleLabelsOverride } from '../../../labels';\nimport { ScheduleViewLevel } from '../../../types';\nimport { HeaderControl } from '../HeaderControl/HeaderControl';\nimport classes from './ViewSelect.module.css';\n\nexport type ViewSelectStylesNames = 'viewSelect';\n\nexport interface ViewSelectProps\n  extends BoxProps, StylesApiProps<ViewSelectFactory>, ElementProps<'div', 'value' | 'onChange'> {\n  __staticSelector?: string;\n\n  /** A list of views to display @default ['day', 'week', 'month', 'year'] */\n  views?: readonly ScheduleViewLevel[];\n\n  /** Selected view type */\n  value?: ScheduleViewLevel;\n\n  /** Called when view type changes */\n  onChange?: (value: ScheduleViewLevel) => void;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n}\n\nexport type ViewSelectFactory = Factory<{\n  props: ViewSelectProps;\n  ref: HTMLDivElement;\n  stylesNames: ViewSelectStylesNames;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'ViewSelect',\n  views: ['day', 'week', 'month', 'year'],\n} satisfies Partial<ViewSelectProps>;\n\nexport const ViewSelect = factory<ViewSelectFactory>((_props) => {\n  const props = useProps('ViewSelect', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    value,\n    onChange,\n    views,\n    __staticSelector,\n    radius,\n    labels,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ViewSelectFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    rootSelector: 'viewSelect',\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<ViewSelectFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  const { dir } = useDirection();\n  const controlsRef = useRef<(HTMLButtonElement | null)[]>([]);\n  const activatedWithKeyboardRef = useRef(false);\n\n  // Restore focus to the selected tab when the component mounts\n  // This handles the case where focus is lost due to view switch (header unmount/remount)\n  // Only restore focus if the view was activated via keyboard (Enter/Space)\n  useEffect(() => {\n    if (activatedWithKeyboardRef.current && document.activeElement === document.body) {\n      const selectedIndex = views!.findIndex((view) => view === value);\n      if (selectedIndex !== -1) {\n        controlsRef.current[selectedIndex]?.focus();\n      }\n    }\n    activatedWithKeyboardRef.current = false;\n  }, []);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>, index: number) => {\n    const isRtl = dir === 'rtl';\n    const nextKey = isRtl ? 'ArrowLeft' : 'ArrowRight';\n    const prevKey = isRtl ? 'ArrowRight' : 'ArrowLeft';\n\n    if (event.key === nextKey) {\n      event.preventDefault();\n      const nextIndex = index < views!.length - 1 ? index + 1 : 0;\n      controlsRef.current[nextIndex]?.focus();\n    } else if (event.key === prevKey) {\n      event.preventDefault();\n      const prevIndex = index > 0 ? index - 1 : views!.length - 1;\n      controlsRef.current[prevIndex]?.focus();\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      controlsRef.current[0]?.focus();\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      controlsRef.current[views!.length - 1]?.focus();\n    } else if (event.key === 'Enter' || event.key === ' ') {\n      activatedWithKeyboardRef.current = true;\n    }\n  };\n\n  const switchToLabelKeys: Record<ScheduleViewLevel, keyof ScheduleLabels> = {\n    day: 'switchToDayView',\n    week: 'switchToWeekView',\n    month: 'switchToMonthView',\n    year: 'switchToYearView',\n  };\n\n  const items = views!.map((view, index) => {\n    const isSelected = value === view;\n    return (\n      <HeaderControl\n        key={view}\n        ref={(node) => {\n          controlsRef.current[index] = node;\n        }}\n        data-type={view}\n        active={isSelected}\n        onClick={() => onChange?.(view)}\n        onKeyDown={(event) => handleKeyDown(event, index)}\n        classNames={resolvedClassNames}\n        styles={resolvedStyles}\n        __staticSelector={__staticSelector}\n        radius={radius}\n        role=\"tab\"\n        aria-label={getLabel(switchToLabelKeys[view], labels) as string}\n        aria-selected={isSelected}\n        tabIndex={isSelected ? 0 : -1}\n      >\n        {getLabel(view, labels)}\n      </HeaderControl>\n    );\n  });\n\n  return (\n    <Box\n      {...getStyles('viewSelect')}\n      role=\"tablist\"\n      aria-label={getLabel('viewSelectLabel', labels)}\n      {...others}\n    >\n      {items}\n    </Box>\n  );\n});\n\nViewSelect.displayName = '@mantine/schedule/ViewSelect';\nViewSelect.classes = classes;\n"],"names":["factory","useProps","labels","useStyles","classes","useResolvedStylesApi","useDirection","useRef","useEffect","jsx","HeaderControl","getLabel","Box"],"mappings":";;;;;;;;;;AA+CA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,YAAA,CAAA,CAAA,CAAe,CAAA;AAAA,CAAA,CACnB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAkB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAClB,CAAA,CAAA,CAAA,CAAA,CAAA,EAAO,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,EAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA;AACxC,CAAA,CAAA;AAEO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,UAAA,CAAA,CAAA,CAAaA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAA2B,CAAC,MAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA;AAC/D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAS,YAAA,CAAA,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA;AACzD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA;AAAA,CAAA,CAAA,CAAA,CACJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACAC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CACL,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAYC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAA6B,CAAA;AAAA,CAAA,CAAA,CAAA,CAC7C,CAAA,CAAA,CAAA,CAAA,EAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACNC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,YAAA,CAAA,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CACf,CAAA,CAAA;AAED,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAoB,cAAA,CAAA,CAAe,CAAA,CAAA,CAAIC,yBAAA,CAAwC,CAAA;AAAA,CAAA,CAAA,CAAA,CACrF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CACD,CAAA,CAAA;AAED,CAAA,CAAA,MAAM,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAIC,iBAAA,CAAA,CAAa,CAAA;AAC7B,CAAA,CAAA,MAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAcC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAqC,EAAE,CAAA,CAAA;AAC3D,CAAA,CAAA,MAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA2BA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,EAAO,KAAK,CAAA,CAAA;AAK7C,CAAA,CAAAC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA;AACd,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA;AAChF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,MAAS,KAAK,CAAA,CAAA;AAC/D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAkB,CAAA,CAAA,CAAA,CAAI,CAAA;AACxB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,aAAa,CAAA,CAAA,CAAG,KAAA,CAAA,CAAM,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAC5C,CAAA;AAAA,CAAA,CAAA,CAAA,CACF,CAAA;AACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACrC,CAAA,CAAA,CAAG,CAAA,CAAE,CAAA,CAAA;AAEL,CAAA,CAAA,MAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAgB,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA+C,KAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAA;AACtF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,IAAQ,CAAA,CAAA,CAAA,KAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACtB,CAAA,CAAA,CAAA,CAAA,MAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,QAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACtC,CAAA,CAAA,CAAA,CAAA,MAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,QAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEvC,CAAA,CAAA,CAAA,CAAA,IAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,MAAQ,OAAA,CAAA,CAAS,CAAA;AACzB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAe,CAAA;AACrB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAY,CAAA,CAAA,CAAA,CAAA,CAAA,GAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,IAAQ,CAAA,GAAI,CAAA,CAAA;AAC1D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,SAAS,CAAA,CAAA,CAAG,KAAA,CAAA,CAAM,CAAA;AAAA,CAAA,CAAA,CAAA,CACxC,CAAA,MAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,OAAA,CAAA,CAAS,CAAA;AAChC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAe,CAAA;AACrB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAY,CAAA,CAAA,CAAA,CAAA,CAAA,GAAQ,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,EAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAS,CAAA,CAAA;AAC1D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,SAAS,CAAA,CAAA,CAAG,KAAA,CAAA,CAAM,CAAA;AAAA,CAAA,CAAA,CAAA,CACxC,CAAA,MAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,MAAA,CAAA,CAAQ,CAAA;AAC/B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAe,CAAA;AACrB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAG,KAAA,CAAA,CAAM,CAAA;AAAA,CAAA,CAAA,CAAA,CAChC,CAAA,MAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,KAAA,CAAA,CAAO,CAAA;AAC9B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAe,CAAA;AACrB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,GAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA;AAAA,CAAA,CAAA,CAAA,CAChD,WAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,MAAQ,GAAA,CAAA,CAAK,CAAA;AACrD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACrC,CAAA;AAAA,CAAA,CACF,CAAA,CAAA;AAEA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,iBAAA,CAAA,CAAA,CAAqE,CAAA;AAAA,CAAA,CAAA,CAAA,CACzE,CAAA,CAAA,CAAA,EAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACL,CAAA,CAAA,CAAA,CAAA,EAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACN,CAAA,CAAA,CAAA,CAAA,CAAA,EAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACP,IAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CACR,CAAA;AAEA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAA,CAAA,GAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA;AACxC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAa,CAAA,CAAA,CAAA,CAAA,CAAA,KAAU,CAAA,CAAA,CAAA,CAAA,CAAA;AAC7B,CAAA,CAAA,CAAA,CAAA,uBACEC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAACC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAEC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA;AACb,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAC/B,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAW,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACX,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACR,OAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,IAAI,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAC9B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,aAAA,CAAc,CAAA,CAAA,CAAA,CAAA,GAAO,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAChD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACZ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACR,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,EAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACL,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAYC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAA,CAAA,CAAA,CAAI,GAAGT,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAM,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACpD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACf,QAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAa,CAAA,GAAI,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAE1B,QAAA,CAAA,CAAAS,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAS,CAAA,CAAA,CAAA,GAAMT,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAM,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAjBjB,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAkBP,CAAA;AAAA,CAAA,CAEJ,CAAC,CAAA,CAAA;AAED,CAAA,CAAA,uBACEO,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAACG,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACE,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAC1B,CAAA,CAAA,CAAA,CAAA,EAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACL,YAAA,CAAA,CAAYD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAmBT,QAAM,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAC7C,GAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAEH,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CACH,CAAA;AAEJ,CAAC,CAAA,CAAA;AAED,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACzB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAUE,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA;;"}

package/cjs/components/ScheduleHeader/ViewSelect/ViewSelect.module.css.cjs

@@ -0,0 +1,7 @@
+'use client';
+'use strict';
+
+var classes = {"viewSelect":"m_e106e12d"};
+
+module.exports = classes;
+//# sourceMappingURL=ViewSelect.module.css.cjs.map

package/cjs/components/ScheduleHeader/ViewSelect/ViewSelect.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewSelect.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/cjs/components/WeekView/WeekView.cjs

@@ -0,0 +1,557 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var dayjs = require('dayjs');
+var core = require('@mantine/core');
+var dates = require('@mantine/dates');
+var useDragDropHandlers = require('../../hooks/use-drag-drop-handlers.cjs');
+var useSlotDragSelect = require('../../hooks/use-slot-drag-select.cjs');
+var labels = require('../../labels.cjs');
+var formatDate = require('../../utils/format-date/format-date.cjs');
+var getWeekNumber = require('../../utils/get-week-number/get-week-number.cjs');
+var getDayTimeIntervals = require('../../utils/get-day-time-intervals/get-day-time-intervals.cjs');
+var getWeekDays = require('../../utils/get-week-days/get-week-days.cjs');
+var toDateString = require('../../utils/to-date-string/to-date-string.cjs');
+var nextWeek = require('../../utils/next-week/next-week.cjs');
+var previousWeek = require('../../utils/previous-week/previous-week.cjs');
+var isAllDayEvent = require('../../utils/is-all-day-event/is-all-day-event.cjs');
+var calculateDropTime = require('../../utils/calculate-drop-time/calculate-drop-time.cjs');
+var getBusinessHoursMod = require('../../utils/get-business-hours-mod/get-business-hours-mod.cjs');
+var CurrentTimeIndicator = require('../CurrentTimeIndicator/CurrentTimeIndicator.cjs');
+var DragContext = require('../DragContext/DragContext.cjs');
+var ScheduleEvent = require('../ScheduleEvent/ScheduleEvent.cjs');
+var ScheduleHeaderBase = require('../ScheduleHeader/ScheduleHeaderBase.cjs');
+var getWeekLabel = require('./get-week-label/get-week-label.cjs');
+var getWeekViewEvents = require('./get-week-view-events/get-week-view-events.cjs');
+var handleWeekViewKeyDown = require('./handle-week-view-key-down.cjs');
+var WeekView_module = require('./WeekView.module.css.cjs');
+var WeekViewDay = require('./WeekViewDay.cjs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
+
+const defaultProps = {
+  __staticSelector: "WeekView",
+  withWeekendDays: true,
+  withCurrentTimeIndicator: true,
+  startTime: "00:00:00",
+  endTime: "23:59:59",
+  slotLabelFormat: "HH:mm",
+  intervalMinutes: 60,
+  weekdayFormat: "ddd",
+  withWeekNumber: true,
+  withCurrentTimeBubble: true,
+  withAllDaySlots: true,
+  withHeader: true,
+  weekLabelFormat: "MMM DD",
+  highlightBusinessHours: false,
+  businessHours: ["09:00:00", "17:00:00"],
+  withEventsDragAndDrop: false,
+  withDragSlotSelect: false,
+  mode: "default"
+};
+const varsResolver = core.createVarsResolver(
+  (_theme, { radius, allDaySlotHeight, slotHeight }) => ({
+    weekView: {
+      "--week-view-radius": radius ? core.getRadius(radius) : void 0,
+      "--week-view-all-day-slots-height": core.rem(allDaySlotHeight),
+      "--week-view-slot-height": core.rem(slotHeight)
+    }
+  })
+);
+const WeekView = core.factory((_props) => {
+  const props = core.useProps("WeekView", defaultProps, _props);
+  const {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    attributes,
+    vars,
+    startTime,
+    endTime,
+    date,
+    onDateChange,
+    intervalMinutes,
+    slotLabelFormat,
+    withWeekendDays,
+    weekendDays,
+    firstDayOfWeek,
+    weekdayFormat,
+    radius,
+    highlightToday,
+    withCurrentTimeIndicator,
+    scrollAreaProps,
+    locale,
+    withWeekNumber,
+    withCurrentTimeBubble,
+    withAllDaySlots,
+    __staticSelector,
+    withHeader,
+    onViewChange,
+    previousControlProps,
+    nextControlProps,
+    todayControlProps,
+    viewSelectProps,
+    weekLabelFormat,
+    events,
+    allDaySlotHeight,
+    slotHeight,
+    labels: labels$1,
+    highlightBusinessHours,
+    businessHours,
+    renderEventBody,
+    renderEvent,
+    withEventsDragAndDrop,
+    onEventDrop,
+    canDragEvent,
+    onEventDragStart,
+    onEventDragEnd,
+    onTimeSlotClick,
+    onAllDaySlotClick,
+    onEventClick,
+    withDragSlotSelect,
+    onSlotDragEnd,
+    mode,
+    renderWeekLabel,
+    ...others
+  } = props;
+  const getStyles = core.useStyles({
+    name: __staticSelector,
+    classes: WeekView_module,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver,
+    attributes,
+    rootSelector: "weekView"
+  });
+  const { resolvedClassNames, resolvedStyles } = core.useResolvedStylesApi({
+    classNames,
+    styles,
+    props
+  });
+  const stylesApiProps = {
+    classNames: resolvedClassNames,
+    styles: resolvedStyles,
+    attributes,
+    __staticSelector,
+    radius
+  };
+  const [scrolled, setScrolled] = React.useState(false);
+  const ctx = dates.useDatesContext();
+  const slots = getDayTimeIntervals.getDayTimeIntervals({ startTime, endTime, intervalMinutes });
+  const dragDrop = useDragDropHandlers.useDragDropHandlers({
+    enabled: withEventsDragAndDrop,
+    mode,
+    onEventDrop,
+    canDragEvent,
+    onEventDragStart,
+    onEventDragEnd,
+    calculateDropTarget: (target, draggedEvent) => {
+      const slotTime = slots[target.slotIndex].startTime;
+      return calculateDropTime.calculateDropTime({
+        draggedEvent,
+        targetDate: target.day,
+        targetSlotTime: slotTime,
+        intervalMinutes
+      });
+    }
+  });
+  const allDayDragDrop = useDragDropHandlers.useDragDropHandlers({
+    enabled: withEventsDragAndDrop,
+    mode,
+    onEventDrop,
+    canDragEvent,
+    onEventDragStart,
+    onEventDragEnd,
+    calculateDropTarget: (targetDay, draggedEvent) => {
+      const eventDuration = dayjs__default.default(draggedEvent.end).diff(dayjs__default.default(draggedEvent.start), "millisecond");
+      const newStart = dayjs__default.default(targetDay).startOf("day");
+      return { start: newStart.toDate(), end: newStart.add(eventDuration, "millisecond").toDate() };
+    }
+  });
+  const slotDragSelect = useSlotDragSelect.useSlotDragSelect({
+    enabled: withDragSlotSelect && mode !== "static",
+    onDragEnd: (startIndex, endIndex, group) => {
+      if (!onSlotDragEnd) {
+        return;
+      }
+      const slotDate = dayjs__default.default(group).format("YYYY-MM-DD");
+      onSlotDragEnd(
+        `${slotDate} ${slots[startIndex].startTime}`,
+        `${slotDate} ${slots[endIndex].endTime}`
+      );
+    }
+  });
+  const handleSlotDragOver = (e, day, slotIndex) => {
+    dragDrop.handleDragOver(e, { day, slotIndex });
+  };
+  const handleSlotDrop = (e, day, _slotTime, slotIndex) => {
+    dragDrop.handleDrop(e, { day, slotIndex });
+  };
+  const handleTimeSlotClick = (day, slotTime, e) => {
+    if (!onTimeSlotClick) {
+      return;
+    }
+    const slotDate = dayjs__default.default(day).format("YYYY-MM-DD");
+    const slotIndex = slots.findIndex((s) => s.startTime === slotTime);
+    if (slotIndex === -1) {
+      return;
+    }
+    const slot = slots[slotIndex];
+    onTimeSlotClick(`${slotDate} ${slot.startTime}`, `${slotDate} ${slot.endTime}`, e);
+  };
+  const weekEvents = getWeekViewEvents.getWeekViewEvents({
+    date,
+    events,
+    startTime,
+    endTime,
+    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),
+    weekendDays: ctx.getWeekendDays(weekendDays),
+    withWeekendDays
+  });
+  const timeValues = slots.map((interval) => {
+    const intervalTime = dayjs__default.default(`${dayjs__default.default(date).format("YYYY-MM-DD")} ${interval.startTime}`);
+    const label = formatDate.formatDate({
+      date: intervalTime,
+      locale: ctx.getLocale(locale),
+      format: slotLabelFormat
+    });
+    return /* @__PURE__ */ React.createElement(
+      core.Box,
+      {
+        ...getStyles("weekViewSlotLabel"),
+        key: interval.startTime,
+        mod: {
+          "hour-start": interval.isHourStart,
+          ...getBusinessHoursMod.getBusinessHoursMod({
+            time: interval.startTime,
+            businessHours,
+            highlightBusinessHours
+          })
+        }
+      },
+      label
+    );
+  });
+  const weekdays = getWeekDays.getWeekDays({
+    week: date,
+    withWeekendDays,
+    weekendDays: ctx.getWeekendDays(weekendDays),
+    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek)
+  });
+  const slotsRef = React.useRef([]);
+  const allDaySlotsRef = React.useRef([]);
+  const weekdaysRef = React.useRef([]);
+  const firstSlotIndex = { dayIndex: 0, slotIndex: 0 };
+  const handleSlotKeyDown = (event, dayIndex, slotIndex) => {
+    handleWeekViewKeyDown.handleWeekViewKeyDown({
+      controlsRef: slotsRef,
+      dayIndex,
+      slotIndex,
+      event
+    });
+  };
+  const handleAllDaySlotKeyDown = (event, dayIndex) => {
+    const direction = event.key;
+    if (direction === "ArrowRight" && dayIndex < weekdays.length - 1) {
+      event.preventDefault();
+      allDaySlotsRef.current[dayIndex + 1]?.focus();
+    } else if (direction === "ArrowLeft" && dayIndex > 0) {
+      event.preventDefault();
+      allDaySlotsRef.current[dayIndex - 1]?.focus();
+    } else if (direction === "ArrowDown") {
+      event.preventDefault();
+      slotsRef.current?.[dayIndex]?.[0]?.focus();
+    }
+  };
+  const handleWeekdayKeyDown = (event, dayIndex) => {
+    const direction = event.key;
+    if (direction === "ArrowRight" && dayIndex < weekdays.length - 1) {
+      event.preventDefault();
+      weekdaysRef.current[dayIndex + 1]?.focus();
+    } else if (direction === "ArrowLeft" && dayIndex > 0) {
+      event.preventDefault();
+      weekdaysRef.current[dayIndex - 1]?.focus();
+    }
+  };
+  const currentWeekdayIndex = withCurrentTimeIndicator ? weekdays.findIndex((day) => dayjs__default.default(day).isSame(dayjs__default.default(), "date")) : -1;
+  const weekdaysLabels = weekdays.map((day, dayIndex) => /* @__PURE__ */ React.createElement(
+    core.UnstyledButton,
+    {
+      ...getStyles("weekViewDayLabel"),
+      key: day,
+      ref: (node) => {
+        weekdaysRef.current[dayIndex] = node;
+      },
+      "aria-label": `${labels.getLabel("weekday", labels$1)} ${dayjs__default.default(day).format("YYYY-MM-DD")}`,
+      mod: {
+        today: dayjs__default.default(day).isSame(dayjs__default.default(), "day") && !!highlightToday,
+        weekend: ctx.getWeekendDays(weekendDays).includes(dayjs__default.default(day).day()),
+        static: mode === "static"
+      },
+      tabIndex: mode === "static" ? -1 : dayIndex === 0 ? 0 : -1,
+      onKeyDown: mode === "static" ? void 0 : (event) => handleWeekdayKeyDown(event, dayIndex),
+      onClick: mode === "static" ? void 0 : () => {
+        onViewChange?.("day");
+        onDateChange?.(toDateString.toDateString(day));
+      }
+    },
+    /* @__PURE__ */ React.createElement(core.Box, { ...getStyles("weekViewDayWeekday"), key: "weekday" }, formatDate.formatDate({ locale: ctx.getLocale(locale), date: day, format: weekdayFormat })),
+    /* @__PURE__ */ React.createElement("div", { ...getStyles("weekViewDayNumber"), key: "date" }, dayjs__default.default(day).date())
+  ));
+  const days = weekdays.map((day, dayIndex) => {
+    const dayEvents = (weekEvents.regularEvents[day] || []).map((event) => {
+      const eventIsAllDay = isAllDayEvent.isAllDayEvent({ event, date: day });
+      const isDraggable = !eventIsAllDay && dragDrop.isDraggableEvent(event);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ScheduleEvent.ScheduleEvent,
+        {
+          event,
+          autoSize: true,
+          hanging: event.position.hanging,
+          draggable: isDraggable,
+          renderEventBody,
+          renderEvent,
+          radius,
+          mode,
+          onClick: onEventClick ? (e) => onEventClick(event, e) : void 0,
+          style: {
+            position: "absolute",
+            top: `calc(${event.position.top}% + 1px)`,
+            left: `${event.position.offset}%`,
+            width: `${event.position.width}%`,
+            height: `calc(${event.position.height}% - 1px)`
+          }
+        },
+        event.id
+      );
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      WeekViewDay.WeekViewDay,
+      {
+        day,
+        dayIndex,
+        slots,
+        getStyles,
+        weekendDays,
+        highlightBusinessHours,
+        businessHours,
+        labels: labels$1,
+        withEventsDragAndDrop,
+        mode,
+        slotsRef,
+        firstSlotIndex,
+        onSlotKeyDown: handleSlotKeyDown,
+        onSlotClick: handleTimeSlotClick,
+        onFirstSlotArrowUp: withAllDaySlots ? (dayIdx) => {
+          allDaySlotsRef.current[dayIdx]?.focus();
+        } : void 0,
+        onSlotDragOver: handleSlotDragOver,
+        onSlotDragLeave: dragDrop.handleDragLeave,
+        onSlotDrop: (e, dayStr, slotTime) => {
+          const slotIndex = slots.findIndex((s) => s.startTime === slotTime);
+          handleSlotDrop(e, dayStr, slotTime, slotIndex);
+        },
+        dropTargetSlotIndex: dragDrop.dropTarget?.day === day ? dragDrop.dropTarget.slotIndex : void 0,
+        withDragSlotSelect,
+        onSlotPointerDown: slotDragSelect.handleSlotPointerDown,
+        isSlotDragSelected: slotDragSelect.isSlotSelected,
+        children: dayEvents
+      },
+      day
+    );
+  });
+  const allDaySlots = weekdays.map((day, dayIndex) => /* @__PURE__ */ jsxRuntime.jsx(
+    core.UnstyledButton,
+    {
+      "aria-label": `${labels.getLabel("allDay", labels$1)} ${dayjs__default.default(day).format("YYYY-MM-DD")}`,
+      ref: (node) => {
+        allDaySlotsRef.current[dayIndex] = node;
+      },
+      tabIndex: dayIndex === 0 ? 0 : -1,
+      onKeyDown: (event) => handleAllDaySlotKeyDown(event, dayIndex),
+      onClick: mode === "static" || !onAllDaySlotClick ? void 0 : (e) => onAllDaySlotClick(dayjs__default.default(day).format("YYYY-MM-DD"), e),
+      onDragOver: withEventsDragAndDrop && mode !== "static" ? (e) => allDayDragDrop.handleDragOver(e, day) : void 0,
+      onDragLeave: withEventsDragAndDrop && mode !== "static" ? allDayDragDrop.handleDragLeave : void 0,
+      onDrop: withEventsDragAndDrop && mode !== "static" ? (e) => allDayDragDrop.handleDrop(e, day) : void 0,
+      ...getStyles("weekViewDaySlot"),
+      mod: { "drop-target": allDayDragDrop.isDropTarget(day) }
+    },
+    day
+  ));
+  const allDayEventIds = React.useMemo(
+    () => new Set(weekEvents.allDayEvents.map((e) => e.id)),
+    [weekEvents.allDayEvents]
+  );
+  const allDayEvents = weekEvents.allDayEvents.map((event) => /* @__PURE__ */ jsxRuntime.jsx(
+    ScheduleEvent.ScheduleEvent,
+    {
+      event,
+      autoSize: true,
+      nowrap: true,
+      hanging: event.position.hanging,
+      draggable: allDayDragDrop.isDraggableEvent(event),
+      renderEvent,
+      mode,
+      onClick: onEventClick ? (e) => onEventClick(event, e) : void 0,
+      style: {
+        position: "absolute",
+        zIndex: 2,
+        top: `calc(${event.position.row * 50}% + 1px)`,
+        left: `calc(${event.position.offset}% + 1px)`,
+        width: `calc(${event.position.width}% - 1px)`,
+        height: "calc(50% - 2px)",
+        maxHeight: "calc(50% - 2px)"
+      }
+    },
+    event.id
+  ));
+  const extraRows = Math.max(...weekEvents.allDayEvents.map((event) => event.position.row), 1) - 1;
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(
+    core.Box,
+    {
+      ...getStyles("weekView"),
+      mod: { static: mode === "static", "slot-dragging": slotDragSelect.isDragging },
+      ...others,
+      children: [
+        withHeader && /* @__PURE__ */ jsxRuntime.jsx(
+          ScheduleHeaderBase.ScheduleHeaderBase,
+          {
+            view: "week",
+            navigationHandlers: {
+              previous: () => previousWeek.previousWeek(date, ctx.getFirstDayOfWeek(firstDayOfWeek)),
+              next: () => nextWeek.nextWeek(date, ctx.getFirstDayOfWeek(firstDayOfWeek)),
+              today: () => toDateString.toDateString(dayjs__default.default())
+            },
+            control: {
+              miw: 140,
+              title: getWeekLabel.getWeekLabel({
+                weekdays,
+                locale: ctx.getLocale(locale),
+                weekLabelFormat,
+                renderWeekLabel
+              })
+            },
+            labels: labels$1,
+            onDateChange,
+            onViewChange,
+            previousControlProps,
+            nextControlProps,
+            todayControlProps,
+            viewSelectProps,
+            stylesApiProps
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          core.Box,
+          {
+            ...getStyles("weekViewRoot"),
+            __vars: {
+              "--indicator-offset-index": currentWeekdayIndex === -1 ? void 0 : `${currentWeekdayIndex + 1}`,
+              "--number-of-days": withWeekendDays ? "7" : `${7 - ctx.getWeekendDays(weekendDays).length}`
+            },
+            mod: { "with-weekends": withWeekendDays },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              core.ScrollArea.Autosize,
+              {
+                scrollbarSize: 4,
+                ...scrollAreaProps,
+                ...getStyles("weekViewScrollArea", {
+                  className: scrollAreaProps?.className,
+                  style: scrollAreaProps?.style
+                }),
+                onScrollPositionChange: (position) => {
+                  scrollAreaProps?.onScrollPositionChange?.(position);
+                  setScrolled(position.y !== 0);
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(core.Box, { ...getStyles("weekViewHeader"), mod: { scrolled }, children: [
+                    /* @__PURE__ */ React.createElement("div", { ...getStyles("weekViewCorner"), key: "corner" }, withWeekNumber && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { ...getStyles("weekViewWeekLabel"), children: labels.getLabel("week", labels$1) }),
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { ...getStyles("weekViewWeekNumber"), children: getWeekNumber.getWeekNumber(date) })
+                    ] })),
+                    weekdaysLabels
+                  ] }),
+                  withAllDaySlots && /* @__PURE__ */ jsxRuntime.jsxs("div", { ...getStyles("weekViewAllDaySlots"), children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { ...getStyles("weekViewAllDaySlotsLabel"), children: labels.getLabel("allDay", labels$1) }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { ...getStyles("weekViewAllDaySlotsList"), children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        core.Box,
+                        {
+                          ...getStyles("weekViewAllDaySlotsEvents"),
+                          __vars: { "--extra-rows": `${extraRows}` },
+                          children: allDayEvents
+                        }
+                      ),
+                      allDaySlots
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { ...getStyles("weekViewInner"), children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { ...getStyles("weekViewSlotLabels"), children: timeValues }),
+                    withCurrentTimeIndicator && currentWeekdayIndex !== -1 && /* @__PURE__ */ jsxRuntime.jsx(
+                      CurrentTimeIndicator.CurrentTimeIndicator,
+                      {
+                        startOffset: "calc(100% - (100% / var(--number-of-days)) * (var(--number-of-days) - var(--indicator-offset-index) + 1) + ((var(--number-of-days) - var(--indicator-offset-index) + 1) * var(--indicator-labels-offset)))",
+                        endOffset: "calc((100% / var(--number-of-days)) * (var(--number-of-days) - var(--indicator-offset-index)) - (var(--number-of-days) - var(--indicator-offset-index)) * var(--indicator-labels-offset))",
+                        timeBubbleStartOffset: "calc(var(--week-view-slots-label-width) - var(--time-bubble-width))",
+                        currentTimeFormat: slotLabelFormat,
+                        withTimeBubble: withCurrentTimeBubble,
+                        withThumb: withCurrentTimeBubble ? currentWeekdayIndex !== 0 : true,
+                        locale,
+                        startTime,
+                        endTime,
+                        ...stylesApiProps
+                      }
+                    ),
+                    days
+                  ] })
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+  const mergedDragContextValue = React.useMemo(
+    () => ({
+      isDragging: dragDrop.dragContextValue.isDragging || allDayDragDrop.dragContextValue.isDragging,
+      draggedEventId: dragDrop.dragContextValue.draggedEventId ?? allDayDragDrop.dragContextValue.draggedEventId,
+      draggedEvent: dragDrop.dragContextValue.draggedEvent ?? allDayDragDrop.dragContextValue.draggedEvent,
+      dropTarget: dragDrop.dragContextValue.dropTarget ?? allDayDragDrop.dragContextValue.dropTarget,
+      onDragStart: (event) => {
+        if (allDayEventIds.has(event.id)) {
+          allDayDragDrop.handleDragStart(event);
+        } else {
+          dragDrop.handleDragStart(event);
+        }
+      },
+      onDragEnd: () => {
+        dragDrop.handleDragEnd();
+        allDayDragDrop.handleDragEnd();
+      },
+      setDropTarget: dragDrop.dragContextValue.setDropTarget
+    }),
+    [dragDrop.dragContextValue, allDayDragDrop.dragContextValue, allDayEventIds]
+  );
+  if (withEventsDragAndDrop) {
+    return /* @__PURE__ */ jsxRuntime.jsx(DragContext.DragContext.Provider, { value: mergedDragContextValue, children: content });
+  }
+  return content;
+});
+WeekView.displayName = "@mantine/schedule/WeekView";
+WeekView.classes = WeekView_module;
+WeekView.varsResolver = varsResolver;
+
+exports.WeekView = WeekView;
+//# sourceMappingURL=WeekView.cjs.map