jaci-ui 0.7.0 → 0.9.0
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/CHANGELOG.md +12 -0
- package/README.md +75 -0
- package/dist/_virtual/_rolldown/runtime.cjs +23 -0
- package/dist/components/alert-dialog/alert-dialog.cjs +4 -1
- package/dist/components/alert-dialog/alert-dialog.cjs.map +1 -1
- package/dist/components/alert-dialog/alert-dialog.d.cts +2 -2
- package/dist/components/alert-dialog/alert-dialog.d.ts +2 -2
- package/dist/components/alert-dialog/alert-dialog.js +4 -1
- package/dist/components/alert-dialog/alert-dialog.js.map +1 -1
- package/dist/components/carousel/carousel.cjs +342 -0
- package/dist/components/carousel/carousel.cjs.map +1 -0
- package/dist/components/carousel/carousel.d.cts +44 -0
- package/dist/components/carousel/carousel.d.ts +44 -0
- package/dist/components/carousel/carousel.js +330 -0
- package/dist/components/carousel/carousel.js.map +1 -0
- package/dist/components/carousel/index.d.cts +2 -0
- package/dist/components/carousel/index.d.ts +2 -0
- package/dist/components/code/code.cjs +32 -5
- package/dist/components/code/code.cjs.map +1 -1
- package/dist/components/code/code.d.cts +1 -0
- package/dist/components/code/code.d.ts +1 -0
- package/dist/components/code/code.js +34 -7
- package/dist/components/code/code.js.map +1 -1
- package/dist/components/color-picker/color-picker.cjs +4 -1
- package/dist/components/color-picker/color-picker.cjs.map +1 -1
- package/dist/components/color-picker/color-picker.d.cts +2 -2
- package/dist/components/color-picker/color-picker.d.ts +2 -2
- package/dist/components/color-picker/color-picker.js +4 -1
- package/dist/components/color-picker/color-picker.js.map +1 -1
- package/dist/components/color-swatch/color-swatch.cjs +33 -0
- package/dist/components/color-swatch/color-swatch.cjs.map +1 -0
- package/dist/components/color-swatch/color-swatch.d.cts +13 -0
- package/dist/components/color-swatch/color-swatch.d.ts +13 -0
- package/dist/components/color-swatch/color-swatch.js +33 -0
- package/dist/components/color-swatch/color-swatch.js.map +1 -0
- package/dist/components/color-swatch/index.d.cts +2 -0
- package/dist/components/color-swatch/index.d.ts +2 -0
- package/dist/components/combobox/combobox.cjs +4 -1
- package/dist/components/combobox/combobox.cjs.map +1 -1
- package/dist/components/combobox/combobox.d.cts +2 -2
- package/dist/components/combobox/combobox.d.ts +2 -2
- package/dist/components/combobox/combobox.js +4 -1
- package/dist/components/combobox/combobox.js.map +1 -1
- package/dist/components/command/command.cjs +76 -13
- package/dist/components/command/command.cjs.map +1 -1
- package/dist/components/command/command.d.cts +7 -1
- package/dist/components/command/command.d.ts +7 -1
- package/dist/components/command/command.js +76 -13
- package/dist/components/command/command.js.map +1 -1
- package/dist/components/command/index.d.cts +2 -2
- package/dist/components/command/index.d.ts +2 -2
- package/dist/components/context-menu/context-menu.cjs +4 -1
- package/dist/components/context-menu/context-menu.cjs.map +1 -1
- package/dist/components/context-menu/context-menu.d.cts +2 -2
- package/dist/components/context-menu/context-menu.d.ts +2 -2
- package/dist/components/context-menu/context-menu.js +4 -1
- package/dist/components/context-menu/context-menu.js.map +1 -1
- package/dist/components/date-picker/date-picker.cjs +4 -1
- package/dist/components/date-picker/date-picker.cjs.map +1 -1
- package/dist/components/date-picker/date-picker.d.cts +2 -2
- package/dist/components/date-picker/date-picker.d.ts +2 -2
- package/dist/components/date-picker/date-picker.js +4 -1
- package/dist/components/date-picker/date-picker.js.map +1 -1
- package/dist/components/date-range-picker/date-range-picker.cjs +4 -1
- package/dist/components/date-range-picker/date-range-picker.cjs.map +1 -1
- package/dist/components/date-range-picker/date-range-picker.d.cts +2 -2
- package/dist/components/date-range-picker/date-range-picker.d.ts +2 -2
- package/dist/components/date-range-picker/date-range-picker.js +4 -1
- package/dist/components/date-range-picker/date-range-picker.js.map +1 -1
- package/dist/components/dialog/dialog.cjs +4 -1
- package/dist/components/dialog/dialog.cjs.map +1 -1
- package/dist/components/dialog/dialog.d.cts +2 -2
- package/dist/components/dialog/dialog.d.ts +2 -2
- package/dist/components/dialog/dialog.js +4 -1
- package/dist/components/dialog/dialog.js.map +1 -1
- package/dist/components/download-trigger/download-trigger.cjs +25 -0
- package/dist/components/download-trigger/download-trigger.cjs.map +1 -0
- package/dist/components/download-trigger/download-trigger.d.cts +12 -0
- package/dist/components/download-trigger/download-trigger.d.ts +12 -0
- package/dist/components/download-trigger/download-trigger.js +25 -0
- package/dist/components/download-trigger/download-trigger.js.map +1 -0
- package/dist/components/download-trigger/index.d.cts +2 -0
- package/dist/components/download-trigger/index.d.ts +2 -0
- package/dist/components/drawer/drawer.cjs +4 -1
- package/dist/components/drawer/drawer.cjs.map +1 -1
- package/dist/components/drawer/drawer.d.cts +2 -2
- package/dist/components/drawer/drawer.d.ts +2 -2
- package/dist/components/drawer/drawer.js +4 -1
- package/dist/components/drawer/drawer.js.map +1 -1
- package/dist/components/figure/figure.cjs +45 -36
- package/dist/components/figure/figure.cjs.map +1 -1
- package/dist/components/figure/figure.js +45 -36
- package/dist/components/figure/figure.js.map +1 -1
- package/dist/components/image/image.cjs +41 -32
- package/dist/components/image/image.cjs.map +1 -1
- package/dist/components/image/image.js +41 -32
- package/dist/components/image/image.js.map +1 -1
- package/dist/components/menu/menu.cjs +4 -1
- package/dist/components/menu/menu.cjs.map +1 -1
- package/dist/components/menu/menu.d.cts +2 -2
- package/dist/components/menu/menu.d.ts +2 -2
- package/dist/components/menu/menu.js +4 -1
- package/dist/components/menu/menu.js.map +1 -1
- package/dist/components/menubar/menubar.cjs +4 -1
- package/dist/components/menubar/menubar.cjs.map +1 -1
- package/dist/components/menubar/menubar.d.cts +2 -2
- package/dist/components/menubar/menubar.d.ts +2 -2
- package/dist/components/menubar/menubar.js +4 -1
- package/dist/components/menubar/menubar.js.map +1 -1
- package/dist/components/navigation/navigation.cjs +3 -1
- package/dist/components/navigation/navigation.cjs.map +1 -1
- package/dist/components/navigation/navigation.js +3 -1
- package/dist/components/navigation/navigation.js.map +1 -1
- package/dist/components/navigation-menu/navigation-menu.cjs +4 -1
- package/dist/components/navigation-menu/navigation-menu.cjs.map +1 -1
- package/dist/components/navigation-menu/navigation-menu.d.cts +2 -2
- package/dist/components/navigation-menu/navigation-menu.d.ts +2 -2
- package/dist/components/navigation-menu/navigation-menu.js +4 -1
- package/dist/components/navigation-menu/navigation-menu.js.map +1 -1
- package/dist/components/popover/popover.cjs +4 -1
- package/dist/components/popover/popover.cjs.map +1 -1
- package/dist/components/popover/popover.d.cts +2 -2
- package/dist/components/popover/popover.d.ts +2 -2
- package/dist/components/popover/popover.js +4 -1
- package/dist/components/popover/popover.js.map +1 -1
- package/dist/components/qr-code/index.d.cts +2 -0
- package/dist/components/qr-code/index.d.ts +2 -0
- package/dist/components/qr-code/qr-code.cjs +118 -0
- package/dist/components/qr-code/qr-code.cjs.map +1 -0
- package/dist/components/qr-code/qr-code.d.cts +17 -0
- package/dist/components/qr-code/qr-code.d.ts +17 -0
- package/dist/components/qr-code/qr-code.js +116 -0
- package/dist/components/qr-code/qr-code.js.map +1 -0
- package/dist/components/select/select.cjs +4 -1
- package/dist/components/select/select.cjs.map +1 -1
- package/dist/components/select/select.d.cts +2 -2
- package/dist/components/select/select.d.ts +2 -2
- package/dist/components/select/select.js +4 -1
- package/dist/components/select/select.js.map +1 -1
- package/dist/components/sidebar/sidebar.cjs +24 -17
- package/dist/components/sidebar/sidebar.cjs.map +1 -1
- package/dist/components/sidebar/sidebar.d.cts +4 -2
- package/dist/components/sidebar/sidebar.d.ts +4 -2
- package/dist/components/sidebar/sidebar.js +24 -17
- package/dist/components/sidebar/sidebar.js.map +1 -1
- package/dist/components/spacer/index.d.cts +2 -0
- package/dist/components/spacer/index.d.ts +2 -0
- package/dist/components/spacer/spacer.cjs +24 -0
- package/dist/components/spacer/spacer.cjs.map +1 -0
- package/dist/components/spacer/spacer.d.cts +10 -0
- package/dist/components/spacer/spacer.d.ts +10 -0
- package/dist/components/spacer/spacer.js +24 -0
- package/dist/components/spacer/spacer.js.map +1 -0
- package/dist/components/toast/toast.cjs +4 -1
- package/dist/components/toast/toast.cjs.map +1 -1
- package/dist/components/toast/toast.d.cts +1 -1
- package/dist/components/toast/toast.d.ts +1 -1
- package/dist/components/toast/toast.js +4 -1
- package/dist/components/toast/toast.js.map +1 -1
- package/dist/components/tooltip/tooltip.cjs +4 -1
- package/dist/components/tooltip/tooltip.cjs.map +1 -1
- package/dist/components/tooltip/tooltip.d.cts +2 -2
- package/dist/components/tooltip/tooltip.d.ts +2 -2
- package/dist/components/tooltip/tooltip.js +4 -1
- package/dist/components/tooltip/tooltip.js.map +1 -1
- package/dist/index.cjs +11 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +12 -2
- package/dist/index.d.ts +12 -2
- package/dist/index.js +7 -1
- package/dist/index.js.map +1 -0
- package/dist/styled-system/recipes/carousel.cjs +48 -0
- package/dist/styled-system/recipes/carousel.cjs.map +1 -0
- package/dist/styled-system/recipes/carousel.js +48 -0
- package/dist/styled-system/recipes/carousel.js.map +1 -0
- package/dist/styled-system/recipes/code.cjs +4 -2
- package/dist/styled-system/recipes/code.cjs.map +1 -1
- package/dist/styled-system/recipes/code.js +4 -2
- package/dist/styled-system/recipes/code.js.map +1 -1
- package/dist/styled-system/recipes/color-swatch.cjs +37 -0
- package/dist/styled-system/recipes/color-swatch.cjs.map +1 -0
- package/dist/styled-system/recipes/color-swatch.js +37 -0
- package/dist/styled-system/recipes/color-swatch.js.map +1 -0
- package/dist/styled-system/recipes/command.cjs +3 -3
- package/dist/styled-system/recipes/command.cjs.map +1 -1
- package/dist/styled-system/recipes/command.js +3 -3
- package/dist/styled-system/recipes/command.js.map +1 -1
- package/dist/styled-system/recipes/download-trigger.cjs +39 -0
- package/dist/styled-system/recipes/download-trigger.cjs.map +1 -0
- package/dist/styled-system/recipes/download-trigger.js +39 -0
- package/dist/styled-system/recipes/download-trigger.js.map +1 -0
- package/dist/styled-system/recipes/figure.cjs +1 -0
- package/dist/styled-system/recipes/figure.cjs.map +1 -1
- package/dist/styled-system/recipes/figure.js +1 -0
- package/dist/styled-system/recipes/figure.js.map +1 -1
- package/dist/styled-system/recipes/image.cjs +1 -0
- package/dist/styled-system/recipes/image.cjs.map +1 -1
- package/dist/styled-system/recipes/image.js +1 -0
- package/dist/styled-system/recipes/image.js.map +1 -1
- package/dist/styled-system/recipes/layout-spacer.cjs +88 -0
- package/dist/styled-system/recipes/layout-spacer.cjs.map +1 -0
- package/dist/styled-system/recipes/layout-spacer.js +88 -0
- package/dist/styled-system/recipes/layout-spacer.js.map +1 -0
- package/dist/styled-system/recipes/qr-code.cjs +25 -0
- package/dist/styled-system/recipes/qr-code.cjs.map +1 -0
- package/dist/styled-system/recipes/qr-code.js +25 -0
- package/dist/styled-system/recipes/qr-code.js.map +1 -0
- package/dist/styles.css +662 -106
- package/dist/theme/theme-provider.cjs +46 -8
- package/dist/theme/theme-provider.cjs.map +1 -1
- package/dist/theme/theme-provider.js +46 -8
- package/dist/theme/theme-provider.js.map +1 -1
- package/dist/theme/theme-scope.cjs +21 -0
- package/dist/theme/theme-scope.cjs.map +1 -0
- package/dist/theme/theme-scope.js +19 -0
- package/dist/theme/theme-scope.js.map +1 -0
- package/package.json +10 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker.cjs","names":["isBeforeDay","isAfterDay","startOfMonth","dateRangePicker","createCalendarDate","addMonths","addDays","dateKey","BasePopover","toInputDate","cx","withRecipeClassName","formatDateLabel","getMonthLabels","isSameDay","getCalendarDays","getWeekdayLabels","formatMonthLabel"],"sources":["../../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport {\n createContext,\n forwardRef,\n useCallback,\n useContext,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { PopoverRoot as BasePopoverRoot } from \"@base-ui/react/popover\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { dateRangePicker } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport {\n addDays,\n addMonths,\n createCalendarDate,\n dateKey,\n formatDateLabel,\n formatMonthLabel,\n getCalendarDays,\n getMonthLabels,\n getWeekdayLabels,\n isAfterDay,\n isBeforeDay,\n isSameDay,\n startOfMonth,\n toInputDate,\n} from \"../date-picker/date-utils\";\n\nexport interface DateRange {\n start: Date | null;\n end: Date | null;\n}\n\nexport interface DateRangePickerYearRange {\n start: number;\n end: number;\n}\n\nexport interface DateRangePickerRootProps extends Omit<BasePopoverRoot.Props, \"children\"> {\n value?: DateRange;\n defaultValue?: DateRange;\n onValueChange?: (range: DateRange) => void;\n referenceDate?: Date;\n locale?: string;\n weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n minDate?: Date;\n maxDate?: Date;\n isDateDisabled?: (date: Date) => boolean;\n yearRange?: DateRangePickerYearRange;\n closeOnSelect?: boolean;\n name?: string;\n disabled?: boolean;\n placeholder?: ReactNode;\n children?: ReactNode;\n}\n\ninterface DateRangePickerContextValue {\n canNavigate: (amount: number) => boolean;\n close: () => void;\n dateDisabled: (date: Date) => boolean;\n disabled: boolean;\n focusDate: (date: Date, direction?: number) => void;\n focusedDate: Date;\n hoveredDate: Date | null;\n locale: string;\n maxDate: Date | undefined;\n minDate: Date | undefined;\n month: Date;\n monthDisabled: (date: Date) => boolean;\n onSelect: (date: Date) => void;\n range: DateRange;\n selectMonth: (month: number) => void;\n selectYear: (year: number) => void;\n setMonth: (date: Date) => void;\n setHoveredDate: (date: Date | null) => void;\n setRange: (range: DateRange) => void;\n styles: ReturnType<typeof dateRangePicker>;\n today: Date;\n triggerId: string;\n weekStartsOn: number;\n yearRange: DateRangePickerYearRange;\n registerDay: (key: string, node: HTMLButtonElement | null) => void;\n}\n\nconst DateRangePickerContext = createContext<DateRangePickerContextValue | null>(null);\n\nfunction useDateRangePickerContext() {\n const context = useContext(DateRangePickerContext);\n if (!context)\n throw new Error(\"DateRangePicker parts must be rendered inside DateRangePicker.Root.\");\n return context;\n}\n\nfunction sameMonth(left: Date, right: Date) {\n return left.getFullYear() === right.getFullYear() && left.getMonth() === right.getMonth();\n}\n\nfunction dateInRange(date: Date, range: DateRange, preview: Date | null) {\n const end = range.end ?? preview;\n return Boolean(range.start && end && !isBeforeDay(date, range.start) && !isAfterDay(date, end));\n}\n\nexport function DateRangePickerRoot({\n children,\n closeOnSelect = true,\n defaultValue = { start: null, end: null },\n disabled = false,\n isDateDisabled,\n locale = \"pt-BR\",\n maxDate,\n minDate,\n name,\n onValueChange,\n referenceDate,\n value: controlledValue,\n weekStartsOn = 0,\n yearRange: configuredYearRange,\n ...popoverProps\n}: DateRangePickerRootProps) {\n const [uncontrolledRange, setUncontrolledRange] = useState<DateRange>(defaultValue);\n const range = controlledValue ?? uncontrolledRange;\n const initialDate = range.start ?? referenceDate ?? new Date();\n const [month, setMonthState] = useState(() => startOfMonth(initialDate));\n const [focusedDate, setFocusedDate] = useState(range.start ?? initialDate);\n const [hoveredDate, setHoveredDate] = useState<Date | null>(null);\n const dayRefs = useRef(new Map<string, HTMLButtonElement>());\n const actionsRef = useRef<BasePopoverRoot.Actions | null>(null);\n const triggerId = useId();\n const styles = dateRangePicker();\n const today = useMemo(() => referenceDate ?? new Date(), [referenceDate]);\n const minMonth = minDate ? startOfMonth(minDate) : undefined;\n const maxMonth = maxDate ? startOfMonth(maxDate) : undefined;\n const yearRange = useMemo(() => {\n const start = configuredYearRange?.start ?? today.getFullYear() - 100;\n const end = configuredYearRange?.end ?? today.getFullYear() + 20;\n const years = [\n range.start?.getFullYear(),\n range.end?.getFullYear(),\n minDate?.getFullYear(),\n maxDate?.getFullYear(),\n ].filter((year): year is number => year !== undefined);\n return { start: Math.min(start, end, ...years), end: Math.max(start, end, ...years) };\n }, [\n configuredYearRange?.end,\n configuredYearRange?.start,\n maxDate,\n minDate,\n range.end,\n range.start,\n today,\n ]);\n\n const dateDisabled = useCallback(\n (date: Date) =>\n Boolean(\n (minDate && isBeforeDay(date, minDate)) ||\n (maxDate && isAfterDay(date, maxDate)) ||\n isDateDisabled?.(date),\n ),\n [isDateDisabled, maxDate, minDate],\n );\n const monthDisabled = useCallback(\n (date: Date) => {\n const first = startOfMonth(date);\n const last = createCalendarDate(date.getFullYear(), date.getMonth() + 1, 0);\n return Boolean(\n (minDate && isBeforeDay(last, minDate)) || (maxDate && isAfterDay(first, maxDate)),\n );\n },\n [maxDate, minDate],\n );\n const clampMonth = useCallback(\n (date: Date) => {\n const normalized = startOfMonth(date);\n if (minMonth && isBeforeDay(normalized, minMonth)) return minMonth;\n if (maxMonth && isAfterDay(normalized, maxMonth)) return maxMonth;\n return normalized;\n },\n [maxMonth, minMonth],\n );\n const setMonth = useCallback((date: Date) => setMonthState(clampMonth(date)), [clampMonth]);\n const canNavigate = useCallback(\n (amount: number) => {\n const next = addMonths(month, amount);\n return (\n !(minMonth && isBeforeDay(next, minMonth)) && !(maxMonth && isAfterDay(next, maxMonth))\n );\n },\n [maxMonth, minMonth, month],\n );\n const setRange = useCallback(\n (nextRange: DateRange) => {\n if (controlledValue === undefined) setUncontrolledRange(nextRange);\n onValueChange?.(nextRange);\n },\n [controlledValue, onValueChange],\n );\n const close = useCallback(() => actionsRef.current?.close(), []);\n const onSelect = useCallback(\n (date: Date) => {\n if (disabled || dateDisabled(date)) return;\n const nextDate = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n let nextRange: DateRange;\n if (!range.start || range.end) nextRange = { start: nextDate, end: null };\n else if (isBeforeDay(nextDate, range.start)) nextRange = { start: nextDate, end: null };\n else nextRange = { start: range.start, end: nextDate };\n setRange(nextRange);\n setFocusedDate(nextDate);\n setMonth(nextDate);\n setHoveredDate(null);\n if (nextRange.start && nextRange.end && closeOnSelect) close();\n },\n [close, closeOnSelect, dateDisabled, disabled, range.end, range.start, setMonth, setRange],\n );\n const focusDate = useCallback(\n (date: Date, direction = 1) => {\n let next = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n const step = direction < 0 ? -1 : 1;\n let attempts = 0;\n while (dateDisabled(next) && attempts < 366) {\n next = addDays(next, step);\n attempts += 1;\n }\n setFocusedDate(next);\n setMonth(next);\n const focusTarget = () => dayRefs.current.get(dateKey(next))?.focus();\n focusTarget();\n queueMicrotask(focusTarget);\n },\n [dateDisabled, setMonth],\n );\n const selectMonth = useCallback(\n (monthIndex: number) => setMonth(createCalendarDate(month.getFullYear(), monthIndex, 1)),\n [month, setMonth],\n );\n const selectYear = useCallback(\n (year: number) => setMonth(createCalendarDate(year, month.getMonth(), 1)),\n [month, setMonth],\n );\n const registerDay = useCallback((key: string, node: HTMLButtonElement | null) => {\n if (node) dayRefs.current.set(key, node);\n else dayRefs.current.delete(key);\n }, []);\n\n useEffect(() => {\n const selected = range.end ?? range.start;\n if (!selected) return;\n setFocusedDate(selected);\n setMonthState((current) => (sameMonth(current, selected) ? current : clampMonth(selected)));\n }, [clampMonth, range.end, range.start]);\n\n const context: DateRangePickerContextValue = {\n canNavigate,\n close,\n dateDisabled,\n disabled,\n focusDate,\n focusedDate,\n hoveredDate,\n locale,\n maxDate,\n minDate,\n month,\n monthDisabled,\n onSelect,\n range,\n registerDay,\n selectMonth,\n selectYear,\n setHoveredDate,\n setMonth,\n setRange,\n styles,\n today,\n triggerId,\n weekStartsOn,\n yearRange,\n };\n\n return (\n <DateRangePickerContext.Provider value={context}>\n <BasePopover.Root {...popoverProps} actionsRef={actionsRef}>\n {children}\n </BasePopover.Root>\n {name ? (\n <>\n <input\n disabled={disabled}\n name={`${name}[start]`}\n type=\"hidden\"\n value={toInputDate(range.start)}\n />\n <input\n disabled={disabled}\n name={`${name}[end]`}\n type=\"hidden\"\n value={toInputDate(range.end)}\n />\n </>\n ) : null}\n </DateRangePickerContext.Provider>\n );\n}\n\nexport type DateRangePickerLabelProps = ComponentPropsWithoutRef<\"label\">;\nexport const DateRangePickerLabel = forwardRef<HTMLLabelElement, DateRangePickerLabelProps>(\n function DateRangePickerLabel({ className, ...props }, ref) {\n const { styles, triggerId } = useDateRangePickerContext();\n return (\n // biome-ignore lint/a11y/noLabelWithoutControl: the consumer renders the trigger/control in this composition.\n <label\n {...props}\n className={cx(styles.label, className)}\n data-slot=\"date-range-picker-label\"\n htmlFor={props.htmlFor ?? triggerId}\n ref={ref}\n />\n );\n },\n);\n\nexport type DateRangePickerControlProps = ComponentPropsWithoutRef<\"div\">;\nexport const DateRangePickerControl = forwardRef<HTMLDivElement, DateRangePickerControlProps>(\n function DateRangePickerControl({ className, ...props }, ref) {\n const { styles } = useDateRangePickerContext();\n return (\n <div\n {...props}\n className={cx(styles.control, className)}\n data-slot=\"date-range-picker-control\"\n ref={ref}\n />\n );\n },\n);\n\nexport type DateRangePickerTriggerProps = ComponentPropsWithoutRef<typeof BasePopover.Trigger>;\nexport const DateRangePickerTrigger = forwardRef<HTMLButtonElement, DateRangePickerTriggerProps>(\n function DateRangePickerTrigger({ children, className, disabled, id, ...props }, ref) {\n const { disabled: pickerDisabled, styles, triggerId } = useDateRangePickerContext();\n return (\n <BasePopover.Trigger\n {...props}\n aria-label={props[\"aria-label\"] ?? \"Choose date range\"}\n className={withRecipeClassName(styles.trigger, className)}\n data-jaci-component=\"date-range-picker\"\n data-slot=\"date-range-picker-trigger\"\n disabled={disabled ?? pickerDisabled}\n id={id ?? triggerId}\n ref={ref}\n >\n {children ?? (\n <>\n <DateRangePickerValue />\n <span aria-hidden=\"true\">▾</span>\n </>\n )}\n </BasePopover.Trigger>\n );\n },\n);\n\nexport interface DateRangePickerValueProps extends ComponentPropsWithoutRef<\"span\"> {\n placeholder?: ReactNode;\n}\nexport const DateRangePickerValue = forwardRef<HTMLSpanElement, DateRangePickerValueProps>(\n function DateRangePickerValue({ children, className, placeholder, ...props }, ref) {\n const { locale, range, styles } = useDateRangePickerContext();\n const value =\n children ??\n (range.start && range.end\n ? `${formatDateLabel(range.start, locale, \"\")} – ${formatDateLabel(range.end, locale, \"\")}`\n : range.start\n ? `${formatDateLabel(range.start, locale, \"\")} – …`\n : (placeholder ?? \"Select a date range\"));\n return (\n <span\n {...props}\n className={cx(styles.value, className)}\n data-placeholder={range.start ? undefined : \"true\"}\n data-slot=\"date-range-picker-value\"\n ref={ref}\n >\n {value}\n </span>\n );\n },\n);\n\nexport type DateRangePickerClearProps = ComponentPropsWithoutRef<\"button\">;\nexport const DateRangePickerClear = forwardRef<HTMLButtonElement, DateRangePickerClearProps>(\n function DateRangePickerClear({ children = \"×\", className, disabled, onClick, ...props }, ref) {\n const {\n disabled: pickerDisabled,\n range,\n setRange,\n styles,\n close,\n } = useDateRangePickerContext();\n return (\n <button\n {...props}\n aria-label={props[\"aria-label\"] ?? \"Clear date range\"}\n className={cx(styles.clear, className)}\n data-slot=\"date-range-picker-clear\"\n disabled={disabled || pickerDisabled || (!range.start && !range.end)}\n onClick={(event) => {\n setRange({ start: null, end: null });\n close();\n onClick?.(event);\n }}\n ref={ref}\n type=\"button\"\n >\n {children}\n </button>\n );\n },\n);\n\nexport type DateRangePickerPortalProps = ComponentPropsWithoutRef<typeof BasePopover.Portal>;\nexport const DateRangePickerPortal = BasePopover.Portal;\nexport type DateRangePickerPositionerProps = ComponentPropsWithoutRef<\n typeof BasePopover.Positioner\n>;\nexport const DateRangePickerPositioner = forwardRef<HTMLDivElement, DateRangePickerPositionerProps>(\n function DateRangePickerPositioner({ className, ...props }, ref) {\n const { styles } = useDateRangePickerContext();\n return (\n <BasePopover.Positioner\n {...props}\n className={withRecipeClassName(styles.positioner, className)}\n data-slot=\"date-range-picker-positioner\"\n ref={ref}\n />\n );\n },\n);\nexport type DateRangePickerPopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\nexport const DateRangePickerPopup = forwardRef<HTMLDivElement, DateRangePickerPopupProps>(\n function DateRangePickerPopup({ className, ...props }, ref) {\n const { styles } = useDateRangePickerContext();\n return (\n <BasePopover.Popup\n {...props}\n aria-label={props[\"aria-label\"] ?? \"Calendar\"}\n className={withRecipeClassName(styles.popup, className)}\n data-slot=\"date-range-picker-popup\"\n ref={ref}\n />\n );\n },\n);\nexport type DateRangePickerCloseProps = ComponentPropsWithoutRef<typeof BasePopover.Close>;\nexport const DateRangePickerClose = forwardRef<HTMLButtonElement, DateRangePickerCloseProps>(\n function DateRangePickerClose({ className, ...props }, ref) {\n const { styles } = useDateRangePickerContext();\n return (\n <BasePopover.Close\n {...props}\n className={withRecipeClassName(styles.close, className)}\n data-slot=\"date-range-picker-close\"\n ref={ref}\n />\n );\n },\n);\n\nexport type DateRangePickerHeaderProps = ComponentPropsWithoutRef<\"div\">;\nexport const DateRangePickerHeader = forwardRef<HTMLDivElement, DateRangePickerHeaderProps>(\n function DateRangePickerHeader({ className, ...props }, ref) {\n const { styles } = useDateRangePickerContext();\n return (\n <div\n {...props}\n className={cx(styles.header, className)}\n data-slot=\"date-range-picker-header\"\n ref={ref}\n />\n );\n },\n);\nexport type DateRangePickerNavigationProps = ComponentPropsWithoutRef<\"button\"> & {\n amount?: number;\n};\nconst DateRangePickerNavigationButton = forwardRef<\n HTMLButtonElement,\n DateRangePickerNavigationProps\n>(function DateRangePickerNavigationButton(\n { amount = 1, children, className, onClick, ...props },\n ref,\n) {\n const { canNavigate, month, setMonth, styles } = useDateRangePickerContext();\n const isDisabled = props.disabled || !canNavigate(amount);\n return (\n <button\n {...props}\n aria-label={props[\"aria-label\"] ?? (amount < 0 ? \"Previous month\" : \"Next month\")}\n className={cx(styles.navigation, className)}\n data-slot={amount < 0 ? \"date-range-picker-previous\" : \"date-range-picker-next\"}\n disabled={isDisabled}\n onClick={(event) => {\n if (!isDisabled) setMonth(addMonths(month, amount));\n onClick?.(event);\n }}\n ref={ref}\n type=\"button\"\n >\n {children ?? (amount < 0 ? \"‹\" : \"›\")}\n </button>\n );\n});\nexport const DateRangePickerPrevious = forwardRef<\n HTMLButtonElement,\n DateRangePickerNavigationProps\n>(function DateRangePickerPrevious(props, ref) {\n return <DateRangePickerNavigationButton {...props} amount={-1} ref={ref} />;\n});\nexport const DateRangePickerNext = forwardRef<HTMLButtonElement, DateRangePickerNavigationProps>(\n function DateRangePickerNext(props, ref) {\n return <DateRangePickerNavigationButton {...props} amount={1} ref={ref} />;\n },\n);\nexport type DateRangePickerMonthSelectProps = Omit<\n ComponentPropsWithoutRef<\"select\">,\n \"children\" | \"onChange\" | \"value\"\n>;\nexport const DateRangePickerMonthSelect = forwardRef<\n HTMLSelectElement,\n DateRangePickerMonthSelectProps\n>(function DateRangePickerMonthSelect({ className, ...props }, ref) {\n const { locale, month, monthDisabled, selectMonth, styles } = useDateRangePickerContext();\n const labels = getMonthLabels(locale);\n return (\n <select\n {...props}\n aria-label={props[\"aria-label\"] ?? \"Select month\"}\n className={cx(styles.monthSelect, className)}\n data-slot=\"date-range-picker-month-select\"\n onChange={(event) => selectMonth(Number(event.currentTarget.value))}\n ref={ref}\n value={month.getMonth()}\n >\n {labels.map((label, index) => (\n <option\n disabled={monthDisabled(createCalendarDate(month.getFullYear(), index, 1))}\n key={label}\n value={index}\n >\n {label}\n </option>\n ))}\n </select>\n );\n});\nexport type DateRangePickerYearSelectProps = Omit<\n ComponentPropsWithoutRef<\"select\">,\n \"children\" | \"onChange\" | \"value\"\n>;\nexport const DateRangePickerYearSelect = forwardRef<\n HTMLSelectElement,\n DateRangePickerYearSelectProps\n>(function DateRangePickerYearSelect({ className, ...props }, ref) {\n const { month, monthDisabled, selectYear, styles, yearRange } = useDateRangePickerContext();\n const years = Array.from(\n { length: yearRange.end - yearRange.start + 1 },\n (_, index) => yearRange.start + index,\n );\n return (\n <select\n {...props}\n aria-label={props[\"aria-label\"] ?? \"Select year\"}\n className={cx(styles.yearSelect, className)}\n data-slot=\"date-range-picker-year-select\"\n onChange={(event) => selectYear(Number(event.currentTarget.value))}\n ref={ref}\n value={month.getFullYear()}\n >\n {years.map((year) => (\n <option\n disabled={monthDisabled(createCalendarDate(year, month.getMonth(), 1))}\n key={year}\n value={year}\n >\n {year}\n </option>\n ))}\n </select>\n );\n});\n\nexport interface DateRangePickerDayProps extends Omit<ComponentPropsWithoutRef<\"button\">, \"value\"> {\n date: Date;\n}\nexport const DateRangePickerDay = forwardRef<HTMLButtonElement, DateRangePickerDayProps>(\n function DateRangePickerDay(\n { children, className, date, disabled, onClick, onKeyDown, onMouseEnter, ...props },\n ref,\n ) {\n const {\n dateDisabled,\n disabled: pickerDisabled,\n focusDate,\n focusedDate,\n hoveredDate,\n locale,\n month,\n range,\n onSelect,\n registerDay,\n setHoveredDate,\n styles,\n today,\n weekStartsOn,\n } = useDateRangePickerContext();\n const key = dateKey(date);\n const isDisabled = Boolean(disabled || pickerDisabled || dateDisabled(date));\n const isStart = Boolean(range.start && isSameDay(date, range.start));\n const isEnd = Boolean(range.end && isSameDay(date, range.end));\n const inRange = dateInRange(date, range, hoveredDate);\n const outsideMonth = !sameMonth(date, month);\n const isFocused = isSameDay(date, focusedDate);\n const isToday = isSameDay(date, today);\n return (\n // biome-ignore lint/a11y/useSemanticElements: the roving button is the interactive grid cell.\n <button\n {...props}\n aria-label={\n props[\"aria-label\"] ?? new Intl.DateTimeFormat(locale, { dateStyle: \"full\" }).format(date)\n }\n aria-current={isToday ? \"date\" : undefined}\n aria-selected={isStart || isEnd}\n className={cx(styles.day, className)}\n data-date={key}\n data-disabled={isDisabled || undefined}\n data-in-range={inRange || undefined}\n data-outside-month={outsideMonth || undefined}\n data-range-end={isEnd || undefined}\n data-range-start={isStart || undefined}\n data-slot=\"date-range-picker-day\"\n data-today={isToday || undefined}\n disabled={isDisabled}\n onClick={(event) => {\n onSelect(date);\n onClick?.(event);\n }}\n onKeyDown={(event) => {\n if (!event.defaultPrevented) {\n let nextDate: Date | undefined;\n switch (event.key) {\n case \"ArrowLeft\":\n nextDate = addDays(date, -1);\n break;\n case \"ArrowRight\":\n nextDate = addDays(date, 1);\n break;\n case \"ArrowUp\":\n nextDate = addDays(date, -7);\n break;\n case \"ArrowDown\":\n nextDate = addDays(date, 7);\n break;\n case \"Home\":\n nextDate = addDays(date, -((date.getDay() - weekStartsOn + 7) % 7));\n break;\n case \"End\":\n nextDate = addDays(date, 6 - ((date.getDay() - weekStartsOn + 7) % 7));\n break;\n case \"PageUp\":\n nextDate = addMonths(date, event.shiftKey ? -12 : -1);\n break;\n case \"PageDown\":\n nextDate = addMonths(date, event.shiftKey ? 12 : 1);\n break;\n case \"Enter\":\n case \" \":\n if (!isDisabled) {\n event.preventDefault();\n onSelect(date);\n }\n break;\n }\n if (nextDate) {\n event.preventDefault();\n focusDate(nextDate, nextDate < date ? -1 : 1);\n }\n }\n onKeyDown?.(event);\n }}\n onMouseEnter={(event) => {\n if (!isDisabled) setHoveredDate(date);\n onMouseEnter?.(event);\n }}\n ref={(node) => {\n registerDay(key, node);\n if (typeof ref === \"function\") ref(node);\n else if (ref) ref.current = node;\n }}\n role=\"gridcell\"\n tabIndex={isFocused && !isDisabled ? 0 : -1}\n type=\"button\"\n >\n {children ?? date.getDate()}\n </button>\n );\n },\n);\n\nexport interface DateRangePickerCalendarProps\n extends Omit<ComponentPropsWithoutRef<\"section\">, \"children\"> {\n \"aria-label\"?: string;\n}\nexport const DateRangePickerCalendar = forwardRef<HTMLElement, DateRangePickerCalendarProps>(\n function DateRangePickerCalendar({ \"aria-label\": ariaLabel, className, ...props }, ref) {\n const { locale, month, styles, weekStartsOn } = useDateRangePickerContext();\n const days = useMemo(() => getCalendarDays(month, weekStartsOn), [month, weekStartsOn]);\n const weekdays = useMemo(() => getWeekdayLabels(locale, weekStartsOn), [locale, weekStartsOn]);\n return (\n <section\n {...props}\n aria-label={ariaLabel ?? formatMonthLabel(month, locale)}\n className={cx(styles.calendar, className)}\n data-slot=\"date-range-picker-calendar\"\n ref={ref}\n >\n <div aria-hidden=\"true\" className={styles.weekdays} data-slot=\"date-range-picker-weekdays\">\n {weekdays.map((weekday) => (\n <span className={styles.weekday} data-slot=\"date-range-picker-weekday\" key={weekday}>\n {weekday}\n </span>\n ))}\n </div>\n {/* biome-ignore lint/a11y/useSemanticElements: the calendar uses the ARIA grid pattern. */}\n <div\n aria-label={formatMonthLabel(month, locale)}\n className={styles.grid}\n data-slot=\"date-range-picker-grid\"\n role=\"grid\"\n >\n {days.map((date) => (\n <DateRangePickerDay date={date} key={dateKey(date)} />\n ))}\n </div>\n </section>\n );\n },\n);\n\nexport interface DateRangePickerPreviewProps extends ComponentPropsWithoutRef<\"div\"> {\n children?: ReactNode;\n}\nexport const DateRangePickerPreview = forwardRef<HTMLDivElement, DateRangePickerPreviewProps>(\n function DateRangePickerPreview({ children, className, ...props }, ref) {\n const { hoveredDate, locale, range, styles } = useDateRangePickerContext();\n const content =\n children ??\n (range.start\n ? `${formatDateLabel(range.start, locale, \"\")} – ${range.end ? formatDateLabel(range.end, locale, \"\") : hoveredDate ? formatDateLabel(hoveredDate, locale, \"\") : \"…\"}`\n : \"Select a start date\");\n return (\n <div\n {...props}\n aria-live=\"polite\"\n className={cx(styles.preview, className)}\n data-slot=\"date-range-picker-preview\"\n ref={ref}\n >\n {content}\n </div>\n );\n },\n);\n\nexport interface DateRangePickerInputProps\n extends Omit<ComponentPropsWithoutRef<\"input\">, \"type\" | \"value\" | \"onChange\"> {\n side: \"start\" | \"end\";\n}\nexport const DateRangePickerInput = forwardRef<HTMLInputElement, DateRangePickerInputProps>(\n function DateRangePickerInput({ className, onBlur, onInput, side, ...props }, ref) {\n const { disabled, range, setRange, styles } = useDateRangePickerContext();\n const value = toInputDate(side === \"start\" ? range.start : range.end);\n return (\n <input\n {...props}\n aria-label={props[\"aria-label\"] ?? (side === \"start\" ? \"Start date\" : \"End date\")}\n className={cx(styles.input, className)}\n data-slot={`date-range-picker-${side}-input`}\n disabled={disabled || props.disabled}\n onChange={(event) => {\n const [year, month, day] = event.currentTarget.value.split(\"-\").map(Number);\n if (!year || !month || !day) return;\n const date = createCalendarDate(year, month - 1, day);\n setRange(\n side === \"start\" ? { start: date, end: range.end } : { start: range.start, end: date },\n );\n }}\n onBlur={onBlur}\n onInput={onInput}\n ref={ref}\n type=\"date\"\n value={value}\n />\n );\n },\n);\n\nexport const DateRangePickerStartInput = forwardRef<\n HTMLInputElement,\n Omit<DateRangePickerInputProps, \"side\">\n>(function DateRangePickerStartInput(props, ref) {\n return <DateRangePickerInput {...props} ref={ref} side=\"start\" />;\n});\nexport const DateRangePickerEndInput = forwardRef<\n HTMLInputElement,\n Omit<DateRangePickerInputProps, \"side\">\n>(function DateRangePickerEndInput(props, ref) {\n return <DateRangePickerInput {...props} ref={ref} side=\"end\" />;\n});\n\nexport const DateRangePicker = {\n Root: DateRangePickerRoot,\n Label: DateRangePickerLabel,\n Control: DateRangePickerControl,\n Trigger: DateRangePickerTrigger,\n Value: DateRangePickerValue,\n Clear: DateRangePickerClear,\n Portal: DateRangePickerPortal,\n Positioner: DateRangePickerPositioner,\n Popup: DateRangePickerPopup,\n Close: DateRangePickerClose,\n Header: DateRangePickerHeader,\n Previous: DateRangePickerPrevious,\n Next: DateRangePickerNext,\n MonthSelect: DateRangePickerMonthSelect,\n YearSelect: DateRangePickerYearSelect,\n Calendar: DateRangePickerCalendar,\n Day: DateRangePickerDay,\n Preview: DateRangePickerPreview,\n StartInput: DateRangePickerStartInput,\n EndInput: DateRangePickerEndInput,\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"date-range-picker.cjs","names":["isBeforeDay","isAfterDay","startOfMonth","dateRangePicker","createCalendarDate","addMonths","addDays","dateKey","BasePopover","toInputDate","cx","withRecipeClassName","formatDateLabel","useThemePortalProps","getMonthLabels","isSameDay","getCalendarDays","getWeekdayLabels","formatMonthLabel"],"sources":["../../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport {\n createContext,\n forwardRef,\n useCallback,\n useContext,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { PopoverRoot as BasePopoverRoot } from \"@base-ui/react/popover\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { dateRangePicker } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\nimport {\n addDays,\n addMonths,\n createCalendarDate,\n dateKey,\n formatDateLabel,\n formatMonthLabel,\n getCalendarDays,\n getMonthLabels,\n getWeekdayLabels,\n isAfterDay,\n isBeforeDay,\n isSameDay,\n startOfMonth,\n toInputDate,\n} from \"../date-picker/date-utils\";\n\nexport interface DateRange {\n start: Date | null;\n end: Date | null;\n}\n\nexport interface DateRangePickerYearRange {\n start: number;\n end: number;\n}\n\nexport interface DateRangePickerRootProps extends Omit<BasePopoverRoot.Props, \"children\"> {\n value?: DateRange;\n defaultValue?: DateRange;\n onValueChange?: (range: DateRange) => void;\n referenceDate?: Date;\n locale?: string;\n weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n minDate?: Date;\n maxDate?: Date;\n isDateDisabled?: (date: Date) => boolean;\n yearRange?: DateRangePickerYearRange;\n closeOnSelect?: boolean;\n name?: string;\n disabled?: boolean;\n placeholder?: ReactNode;\n children?: ReactNode;\n}\n\ninterface DateRangePickerContextValue {\n canNavigate: (amount: number) => boolean;\n close: () => void;\n dateDisabled: (date: Date) => boolean;\n disabled: boolean;\n focusDate: (date: Date, direction?: number) => void;\n focusedDate: Date;\n hoveredDate: Date | null;\n locale: string;\n maxDate: Date | undefined;\n minDate: Date | undefined;\n month: Date;\n monthDisabled: (date: Date) => boolean;\n onSelect: (date: Date) => void;\n range: DateRange;\n selectMonth: (month: number) => void;\n selectYear: (year: number) => void;\n setMonth: (date: Date) => void;\n setHoveredDate: (date: Date | null) => void;\n setRange: (range: DateRange) => void;\n styles: ReturnType<typeof dateRangePicker>;\n today: Date;\n triggerId: string;\n weekStartsOn: number;\n yearRange: DateRangePickerYearRange;\n registerDay: (key: string, node: HTMLButtonElement | null) => void;\n}\n\nconst DateRangePickerContext = createContext<DateRangePickerContextValue | null>(null);\n\nfunction useDateRangePickerContext() {\n const context = useContext(DateRangePickerContext);\n if (!context)\n throw new Error(\"DateRangePicker parts must be rendered inside DateRangePicker.Root.\");\n return context;\n}\n\nfunction sameMonth(left: Date, right: Date) {\n return left.getFullYear() === right.getFullYear() && left.getMonth() === right.getMonth();\n}\n\nfunction dateInRange(date: Date, range: DateRange, preview: Date | null) {\n const end = range.end ?? preview;\n return Boolean(range.start && end && !isBeforeDay(date, range.start) && !isAfterDay(date, end));\n}\n\nexport function DateRangePickerRoot({\n children,\n closeOnSelect = true,\n defaultValue = { start: null, end: null },\n disabled = false,\n isDateDisabled,\n locale = \"pt-BR\",\n maxDate,\n minDate,\n name,\n onValueChange,\n referenceDate,\n value: controlledValue,\n weekStartsOn = 0,\n yearRange: configuredYearRange,\n ...popoverProps\n}: DateRangePickerRootProps) {\n const [uncontrolledRange, setUncontrolledRange] = useState<DateRange>(defaultValue);\n const range = controlledValue ?? uncontrolledRange;\n const initialDate = range.start ?? referenceDate ?? new Date();\n const [month, setMonthState] = useState(() => startOfMonth(initialDate));\n const [focusedDate, setFocusedDate] = useState(range.start ?? initialDate);\n const [hoveredDate, setHoveredDate] = useState<Date | null>(null);\n const dayRefs = useRef(new Map<string, HTMLButtonElement>());\n const actionsRef = useRef<BasePopoverRoot.Actions | null>(null);\n const triggerId = useId();\n const styles = dateRangePicker();\n const today = useMemo(() => referenceDate ?? new Date(), [referenceDate]);\n const minMonth = minDate ? startOfMonth(minDate) : undefined;\n const maxMonth = maxDate ? startOfMonth(maxDate) : undefined;\n const yearRange = useMemo(() => {\n const start = configuredYearRange?.start ?? today.getFullYear() - 100;\n const end = configuredYearRange?.end ?? today.getFullYear() + 20;\n const years = [\n range.start?.getFullYear(),\n range.end?.getFullYear(),\n minDate?.getFullYear(),\n maxDate?.getFullYear(),\n ].filter((year): year is number => year !== undefined);\n return { start: Math.min(start, end, ...years), end: Math.max(start, end, ...years) };\n }, [\n configuredYearRange?.end,\n configuredYearRange?.start,\n maxDate,\n minDate,\n range.end,\n range.start,\n today,\n ]);\n\n const dateDisabled = useCallback(\n (date: Date) =>\n Boolean(\n (minDate && isBeforeDay(date, minDate)) ||\n (maxDate && isAfterDay(date, maxDate)) ||\n isDateDisabled?.(date),\n ),\n [isDateDisabled, maxDate, minDate],\n );\n const monthDisabled = useCallback(\n (date: Date) => {\n const first = startOfMonth(date);\n const last = createCalendarDate(date.getFullYear(), date.getMonth() + 1, 0);\n return Boolean(\n (minDate && isBeforeDay(last, minDate)) || (maxDate && isAfterDay(first, maxDate)),\n );\n },\n [maxDate, minDate],\n );\n const clampMonth = useCallback(\n (date: Date) => {\n const normalized = startOfMonth(date);\n if (minMonth && isBeforeDay(normalized, minMonth)) return minMonth;\n if (maxMonth && isAfterDay(normalized, maxMonth)) return maxMonth;\n return normalized;\n },\n [maxMonth, minMonth],\n );\n const setMonth = useCallback((date: Date) => setMonthState(clampMonth(date)), [clampMonth]);\n const canNavigate = useCallback(\n (amount: number) => {\n const next = addMonths(month, amount);\n return (\n !(minMonth && isBeforeDay(next, minMonth)) && !(maxMonth && isAfterDay(next, maxMonth))\n );\n },\n [maxMonth, minMonth, month],\n );\n const setRange = useCallback(\n (nextRange: DateRange) => {\n if (controlledValue === undefined) setUncontrolledRange(nextRange);\n onValueChange?.(nextRange);\n },\n [controlledValue, onValueChange],\n );\n const close = useCallback(() => actionsRef.current?.close(), []);\n const onSelect = useCallback(\n (date: Date) => {\n if (disabled || dateDisabled(date)) return;\n const nextDate = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n let nextRange: DateRange;\n if (!range.start || range.end) nextRange = { start: nextDate, end: null };\n else if (isBeforeDay(nextDate, range.start)) nextRange = { start: nextDate, end: null };\n else nextRange = { start: range.start, end: nextDate };\n setRange(nextRange);\n setFocusedDate(nextDate);\n setMonth(nextDate);\n setHoveredDate(null);\n if (nextRange.start && nextRange.end && closeOnSelect) close();\n },\n [close, closeOnSelect, dateDisabled, disabled, range.end, range.start, setMonth, setRange],\n );\n const focusDate = useCallback(\n (date: Date, direction = 1) => {\n let next = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n const step = direction < 0 ? -1 : 1;\n let attempts = 0;\n while (dateDisabled(next) && attempts < 366) {\n next = addDays(next, step);\n attempts += 1;\n }\n setFocusedDate(next);\n setMonth(next);\n const focusTarget = () => dayRefs.current.get(dateKey(next))?.focus();\n focusTarget();\n queueMicrotask(focusTarget);\n },\n [dateDisabled, setMonth],\n );\n const selectMonth = useCallback(\n (monthIndex: number) => setMonth(createCalendarDate(month.getFullYear(), monthIndex, 1)),\n [month, setMonth],\n );\n const selectYear = useCallback(\n (year: number) => setMonth(createCalendarDate(year, month.getMonth(), 1)),\n [month, setMonth],\n );\n const registerDay = useCallback((key: string, node: HTMLButtonElement | null) => {\n if (node) dayRefs.current.set(key, node);\n else dayRefs.current.delete(key);\n }, []);\n\n useEffect(() => {\n const selected = range.end ?? range.start;\n if (!selected) return;\n setFocusedDate(selected);\n setMonthState((current) => (sameMonth(current, selected) ? current : clampMonth(selected)));\n }, [clampMonth, range.end, range.start]);\n\n const context: DateRangePickerContextValue = {\n canNavigate,\n close,\n dateDisabled,\n disabled,\n focusDate,\n focusedDate,\n hoveredDate,\n locale,\n maxDate,\n minDate,\n month,\n monthDisabled,\n onSelect,\n range,\n registerDay,\n selectMonth,\n selectYear,\n setHoveredDate,\n setMonth,\n setRange,\n styles,\n today,\n triggerId,\n weekStartsOn,\n yearRange,\n };\n\n return (\n <DateRangePickerContext.Provider value={context}>\n <BasePopover.Root {...popoverProps} actionsRef={actionsRef}>\n {children}\n </BasePopover.Root>\n {name ? (\n <>\n <input\n disabled={disabled}\n name={`${name}[start]`}\n type=\"hidden\"\n value={toInputDate(range.start)}\n />\n <input\n disabled={disabled}\n name={`${name}[end]`}\n type=\"hidden\"\n value={toInputDate(range.end)}\n />\n </>\n ) : null}\n </DateRangePickerContext.Provider>\n );\n}\n\nexport type DateRangePickerLabelProps = ComponentPropsWithoutRef<\"label\">;\nexport const DateRangePickerLabel = forwardRef<HTMLLabelElement, DateRangePickerLabelProps>(\n function DateRangePickerLabel({ className, ...props }, ref) {\n const { styles, triggerId } = useDateRangePickerContext();\n return (\n // biome-ignore lint/a11y/noLabelWithoutControl: the consumer renders the trigger/control in this composition.\n <label\n {...props}\n className={cx(styles.label, className)}\n data-slot=\"date-range-picker-label\"\n htmlFor={props.htmlFor ?? triggerId}\n ref={ref}\n />\n );\n },\n);\n\nexport type DateRangePickerControlProps = ComponentPropsWithoutRef<\"div\">;\nexport const DateRangePickerControl = forwardRef<HTMLDivElement, DateRangePickerControlProps>(\n function DateRangePickerControl({ className, ...props }, ref) {\n const { styles } = useDateRangePickerContext();\n return (\n <div\n {...props}\n className={cx(styles.control, className)}\n data-slot=\"date-range-picker-control\"\n ref={ref}\n />\n );\n },\n);\n\nexport type DateRangePickerTriggerProps = ComponentPropsWithoutRef<typeof BasePopover.Trigger>;\nexport const DateRangePickerTrigger = forwardRef<HTMLButtonElement, DateRangePickerTriggerProps>(\n function DateRangePickerTrigger({ children, className, disabled, id, ...props }, ref) {\n const { disabled: pickerDisabled, styles, triggerId } = useDateRangePickerContext();\n return (\n <BasePopover.Trigger\n {...props}\n aria-label={props[\"aria-label\"] ?? \"Choose date range\"}\n className={withRecipeClassName(styles.trigger, className)}\n data-jaci-component=\"date-range-picker\"\n data-slot=\"date-range-picker-trigger\"\n disabled={disabled ?? pickerDisabled}\n id={id ?? triggerId}\n ref={ref}\n >\n {children ?? (\n <>\n <DateRangePickerValue />\n <span aria-hidden=\"true\">▾</span>\n </>\n )}\n </BasePopover.Trigger>\n );\n },\n);\n\nexport interface DateRangePickerValueProps extends ComponentPropsWithoutRef<\"span\"> {\n placeholder?: ReactNode;\n}\nexport const DateRangePickerValue = forwardRef<HTMLSpanElement, DateRangePickerValueProps>(\n function DateRangePickerValue({ children, className, placeholder, ...props }, ref) {\n const { locale, range, styles } = useDateRangePickerContext();\n const value =\n children ??\n (range.start && range.end\n ? `${formatDateLabel(range.start, locale, \"\")} – ${formatDateLabel(range.end, locale, \"\")}`\n : range.start\n ? `${formatDateLabel(range.start, locale, \"\")} – …`\n : (placeholder ?? \"Select a date range\"));\n return (\n <span\n {...props}\n className={cx(styles.value, className)}\n data-placeholder={range.start ? undefined : \"true\"}\n data-slot=\"date-range-picker-value\"\n ref={ref}\n >\n {value}\n </span>\n );\n },\n);\n\nexport type DateRangePickerClearProps = ComponentPropsWithoutRef<\"button\">;\nexport const DateRangePickerClear = forwardRef<HTMLButtonElement, DateRangePickerClearProps>(\n function DateRangePickerClear({ children = \"×\", className, disabled, onClick, ...props }, ref) {\n const {\n disabled: pickerDisabled,\n range,\n setRange,\n styles,\n close,\n } = useDateRangePickerContext();\n return (\n <button\n {...props}\n aria-label={props[\"aria-label\"] ?? \"Clear date range\"}\n className={cx(styles.clear, className)}\n data-slot=\"date-range-picker-clear\"\n disabled={disabled || pickerDisabled || (!range.start && !range.end)}\n onClick={(event) => {\n setRange({ start: null, end: null });\n close();\n onClick?.(event);\n }}\n ref={ref}\n type=\"button\"\n >\n {children}\n </button>\n );\n },\n);\n\nexport type DateRangePickerPortalProps = ComponentPropsWithoutRef<typeof BasePopover.Portal>;\nexport function DateRangePickerPortal(props: DateRangePickerPortalProps) {\n return <BasePopover.Portal {...useThemePortalProps(props)} />;\n}\nexport type DateRangePickerPositionerProps = ComponentPropsWithoutRef<\n typeof BasePopover.Positioner\n>;\nexport const DateRangePickerPositioner = forwardRef<HTMLDivElement, DateRangePickerPositionerProps>(\n function DateRangePickerPositioner({ className, ...props }, ref) {\n const { styles } = useDateRangePickerContext();\n return (\n <BasePopover.Positioner\n {...props}\n className={withRecipeClassName(styles.positioner, className)}\n data-slot=\"date-range-picker-positioner\"\n ref={ref}\n />\n );\n },\n);\nexport type DateRangePickerPopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\nexport const DateRangePickerPopup = forwardRef<HTMLDivElement, DateRangePickerPopupProps>(\n function DateRangePickerPopup({ className, ...props }, ref) {\n const { styles } = useDateRangePickerContext();\n return (\n <BasePopover.Popup\n {...props}\n aria-label={props[\"aria-label\"] ?? \"Calendar\"}\n className={withRecipeClassName(styles.popup, className)}\n data-slot=\"date-range-picker-popup\"\n ref={ref}\n />\n );\n },\n);\nexport type DateRangePickerCloseProps = ComponentPropsWithoutRef<typeof BasePopover.Close>;\nexport const DateRangePickerClose = forwardRef<HTMLButtonElement, DateRangePickerCloseProps>(\n function DateRangePickerClose({ className, ...props }, ref) {\n const { styles } = useDateRangePickerContext();\n return (\n <BasePopover.Close\n {...props}\n className={withRecipeClassName(styles.close, className)}\n data-slot=\"date-range-picker-close\"\n ref={ref}\n />\n );\n },\n);\n\nexport type DateRangePickerHeaderProps = ComponentPropsWithoutRef<\"div\">;\nexport const DateRangePickerHeader = forwardRef<HTMLDivElement, DateRangePickerHeaderProps>(\n function DateRangePickerHeader({ className, ...props }, ref) {\n const { styles } = useDateRangePickerContext();\n return (\n <div\n {...props}\n className={cx(styles.header, className)}\n data-slot=\"date-range-picker-header\"\n ref={ref}\n />\n );\n },\n);\nexport type DateRangePickerNavigationProps = ComponentPropsWithoutRef<\"button\"> & {\n amount?: number;\n};\nconst DateRangePickerNavigationButton = forwardRef<\n HTMLButtonElement,\n DateRangePickerNavigationProps\n>(function DateRangePickerNavigationButton(\n { amount = 1, children, className, onClick, ...props },\n ref,\n) {\n const { canNavigate, month, setMonth, styles } = useDateRangePickerContext();\n const isDisabled = props.disabled || !canNavigate(amount);\n return (\n <button\n {...props}\n aria-label={props[\"aria-label\"] ?? (amount < 0 ? \"Previous month\" : \"Next month\")}\n className={cx(styles.navigation, className)}\n data-slot={amount < 0 ? \"date-range-picker-previous\" : \"date-range-picker-next\"}\n disabled={isDisabled}\n onClick={(event) => {\n if (!isDisabled) setMonth(addMonths(month, amount));\n onClick?.(event);\n }}\n ref={ref}\n type=\"button\"\n >\n {children ?? (amount < 0 ? \"‹\" : \"›\")}\n </button>\n );\n});\nexport const DateRangePickerPrevious = forwardRef<\n HTMLButtonElement,\n DateRangePickerNavigationProps\n>(function DateRangePickerPrevious(props, ref) {\n return <DateRangePickerNavigationButton {...props} amount={-1} ref={ref} />;\n});\nexport const DateRangePickerNext = forwardRef<HTMLButtonElement, DateRangePickerNavigationProps>(\n function DateRangePickerNext(props, ref) {\n return <DateRangePickerNavigationButton {...props} amount={1} ref={ref} />;\n },\n);\nexport type DateRangePickerMonthSelectProps = Omit<\n ComponentPropsWithoutRef<\"select\">,\n \"children\" | \"onChange\" | \"value\"\n>;\nexport const DateRangePickerMonthSelect = forwardRef<\n HTMLSelectElement,\n DateRangePickerMonthSelectProps\n>(function DateRangePickerMonthSelect({ className, ...props }, ref) {\n const { locale, month, monthDisabled, selectMonth, styles } = useDateRangePickerContext();\n const labels = getMonthLabels(locale);\n return (\n <select\n {...props}\n aria-label={props[\"aria-label\"] ?? \"Select month\"}\n className={cx(styles.monthSelect, className)}\n data-slot=\"date-range-picker-month-select\"\n onChange={(event) => selectMonth(Number(event.currentTarget.value))}\n ref={ref}\n value={month.getMonth()}\n >\n {labels.map((label, index) => (\n <option\n disabled={monthDisabled(createCalendarDate(month.getFullYear(), index, 1))}\n key={label}\n value={index}\n >\n {label}\n </option>\n ))}\n </select>\n );\n});\nexport type DateRangePickerYearSelectProps = Omit<\n ComponentPropsWithoutRef<\"select\">,\n \"children\" | \"onChange\" | \"value\"\n>;\nexport const DateRangePickerYearSelect = forwardRef<\n HTMLSelectElement,\n DateRangePickerYearSelectProps\n>(function DateRangePickerYearSelect({ className, ...props }, ref) {\n const { month, monthDisabled, selectYear, styles, yearRange } = useDateRangePickerContext();\n const years = Array.from(\n { length: yearRange.end - yearRange.start + 1 },\n (_, index) => yearRange.start + index,\n );\n return (\n <select\n {...props}\n aria-label={props[\"aria-label\"] ?? \"Select year\"}\n className={cx(styles.yearSelect, className)}\n data-slot=\"date-range-picker-year-select\"\n onChange={(event) => selectYear(Number(event.currentTarget.value))}\n ref={ref}\n value={month.getFullYear()}\n >\n {years.map((year) => (\n <option\n disabled={monthDisabled(createCalendarDate(year, month.getMonth(), 1))}\n key={year}\n value={year}\n >\n {year}\n </option>\n ))}\n </select>\n );\n});\n\nexport interface DateRangePickerDayProps extends Omit<ComponentPropsWithoutRef<\"button\">, \"value\"> {\n date: Date;\n}\nexport const DateRangePickerDay = forwardRef<HTMLButtonElement, DateRangePickerDayProps>(\n function DateRangePickerDay(\n { children, className, date, disabled, onClick, onKeyDown, onMouseEnter, ...props },\n ref,\n ) {\n const {\n dateDisabled,\n disabled: pickerDisabled,\n focusDate,\n focusedDate,\n hoveredDate,\n locale,\n month,\n range,\n onSelect,\n registerDay,\n setHoveredDate,\n styles,\n today,\n weekStartsOn,\n } = useDateRangePickerContext();\n const key = dateKey(date);\n const isDisabled = Boolean(disabled || pickerDisabled || dateDisabled(date));\n const isStart = Boolean(range.start && isSameDay(date, range.start));\n const isEnd = Boolean(range.end && isSameDay(date, range.end));\n const inRange = dateInRange(date, range, hoveredDate);\n const outsideMonth = !sameMonth(date, month);\n const isFocused = isSameDay(date, focusedDate);\n const isToday = isSameDay(date, today);\n return (\n // biome-ignore lint/a11y/useSemanticElements: the roving button is the interactive grid cell.\n <button\n {...props}\n aria-label={\n props[\"aria-label\"] ?? new Intl.DateTimeFormat(locale, { dateStyle: \"full\" }).format(date)\n }\n aria-current={isToday ? \"date\" : undefined}\n aria-selected={isStart || isEnd}\n className={cx(styles.day, className)}\n data-date={key}\n data-disabled={isDisabled || undefined}\n data-in-range={inRange || undefined}\n data-outside-month={outsideMonth || undefined}\n data-range-end={isEnd || undefined}\n data-range-start={isStart || undefined}\n data-slot=\"date-range-picker-day\"\n data-today={isToday || undefined}\n disabled={isDisabled}\n onClick={(event) => {\n onSelect(date);\n onClick?.(event);\n }}\n onKeyDown={(event) => {\n if (!event.defaultPrevented) {\n let nextDate: Date | undefined;\n switch (event.key) {\n case \"ArrowLeft\":\n nextDate = addDays(date, -1);\n break;\n case \"ArrowRight\":\n nextDate = addDays(date, 1);\n break;\n case \"ArrowUp\":\n nextDate = addDays(date, -7);\n break;\n case \"ArrowDown\":\n nextDate = addDays(date, 7);\n break;\n case \"Home\":\n nextDate = addDays(date, -((date.getDay() - weekStartsOn + 7) % 7));\n break;\n case \"End\":\n nextDate = addDays(date, 6 - ((date.getDay() - weekStartsOn + 7) % 7));\n break;\n case \"PageUp\":\n nextDate = addMonths(date, event.shiftKey ? -12 : -1);\n break;\n case \"PageDown\":\n nextDate = addMonths(date, event.shiftKey ? 12 : 1);\n break;\n case \"Enter\":\n case \" \":\n if (!isDisabled) {\n event.preventDefault();\n onSelect(date);\n }\n break;\n }\n if (nextDate) {\n event.preventDefault();\n focusDate(nextDate, nextDate < date ? -1 : 1);\n }\n }\n onKeyDown?.(event);\n }}\n onMouseEnter={(event) => {\n if (!isDisabled) setHoveredDate(date);\n onMouseEnter?.(event);\n }}\n ref={(node) => {\n registerDay(key, node);\n if (typeof ref === \"function\") ref(node);\n else if (ref) ref.current = node;\n }}\n role=\"gridcell\"\n tabIndex={isFocused && !isDisabled ? 0 : -1}\n type=\"button\"\n >\n {children ?? date.getDate()}\n </button>\n );\n },\n);\n\nexport interface DateRangePickerCalendarProps\n extends Omit<ComponentPropsWithoutRef<\"section\">, \"children\"> {\n \"aria-label\"?: string;\n}\nexport const DateRangePickerCalendar = forwardRef<HTMLElement, DateRangePickerCalendarProps>(\n function DateRangePickerCalendar({ \"aria-label\": ariaLabel, className, ...props }, ref) {\n const { locale, month, styles, weekStartsOn } = useDateRangePickerContext();\n const days = useMemo(() => getCalendarDays(month, weekStartsOn), [month, weekStartsOn]);\n const weekdays = useMemo(() => getWeekdayLabels(locale, weekStartsOn), [locale, weekStartsOn]);\n return (\n <section\n {...props}\n aria-label={ariaLabel ?? formatMonthLabel(month, locale)}\n className={cx(styles.calendar, className)}\n data-slot=\"date-range-picker-calendar\"\n ref={ref}\n >\n <div aria-hidden=\"true\" className={styles.weekdays} data-slot=\"date-range-picker-weekdays\">\n {weekdays.map((weekday) => (\n <span className={styles.weekday} data-slot=\"date-range-picker-weekday\" key={weekday}>\n {weekday}\n </span>\n ))}\n </div>\n {/* biome-ignore lint/a11y/useSemanticElements: the calendar uses the ARIA grid pattern. */}\n <div\n aria-label={formatMonthLabel(month, locale)}\n className={styles.grid}\n data-slot=\"date-range-picker-grid\"\n role=\"grid\"\n >\n {days.map((date) => (\n <DateRangePickerDay date={date} key={dateKey(date)} />\n ))}\n </div>\n </section>\n );\n },\n);\n\nexport interface DateRangePickerPreviewProps extends ComponentPropsWithoutRef<\"div\"> {\n children?: ReactNode;\n}\nexport const DateRangePickerPreview = forwardRef<HTMLDivElement, DateRangePickerPreviewProps>(\n function DateRangePickerPreview({ children, className, ...props }, ref) {\n const { hoveredDate, locale, range, styles } = useDateRangePickerContext();\n const content =\n children ??\n (range.start\n ? `${formatDateLabel(range.start, locale, \"\")} – ${range.end ? formatDateLabel(range.end, locale, \"\") : hoveredDate ? formatDateLabel(hoveredDate, locale, \"\") : \"…\"}`\n : \"Select a start date\");\n return (\n <div\n {...props}\n aria-live=\"polite\"\n className={cx(styles.preview, className)}\n data-slot=\"date-range-picker-preview\"\n ref={ref}\n >\n {content}\n </div>\n );\n },\n);\n\nexport interface DateRangePickerInputProps\n extends Omit<ComponentPropsWithoutRef<\"input\">, \"type\" | \"value\" | \"onChange\"> {\n side: \"start\" | \"end\";\n}\nexport const DateRangePickerInput = forwardRef<HTMLInputElement, DateRangePickerInputProps>(\n function DateRangePickerInput({ className, onBlur, onInput, side, ...props }, ref) {\n const { disabled, range, setRange, styles } = useDateRangePickerContext();\n const value = toInputDate(side === \"start\" ? range.start : range.end);\n return (\n <input\n {...props}\n aria-label={props[\"aria-label\"] ?? (side === \"start\" ? \"Start date\" : \"End date\")}\n className={cx(styles.input, className)}\n data-slot={`date-range-picker-${side}-input`}\n disabled={disabled || props.disabled}\n onChange={(event) => {\n const [year, month, day] = event.currentTarget.value.split(\"-\").map(Number);\n if (!year || !month || !day) return;\n const date = createCalendarDate(year, month - 1, day);\n setRange(\n side === \"start\" ? { start: date, end: range.end } : { start: range.start, end: date },\n );\n }}\n onBlur={onBlur}\n onInput={onInput}\n ref={ref}\n type=\"date\"\n value={value}\n />\n );\n },\n);\n\nexport const DateRangePickerStartInput = forwardRef<\n HTMLInputElement,\n Omit<DateRangePickerInputProps, \"side\">\n>(function DateRangePickerStartInput(props, ref) {\n return <DateRangePickerInput {...props} ref={ref} side=\"start\" />;\n});\nexport const DateRangePickerEndInput = forwardRef<\n HTMLInputElement,\n Omit<DateRangePickerInputProps, \"side\">\n>(function DateRangePickerEndInput(props, ref) {\n return <DateRangePickerInput {...props} ref={ref} side=\"end\" />;\n});\n\nexport const DateRangePicker = {\n Root: DateRangePickerRoot,\n Label: DateRangePickerLabel,\n Control: DateRangePickerControl,\n Trigger: DateRangePickerTrigger,\n Value: DateRangePickerValue,\n Clear: DateRangePickerClear,\n Portal: DateRangePickerPortal,\n Positioner: DateRangePickerPositioner,\n Popup: DateRangePickerPopup,\n Close: DateRangePickerClose,\n Header: DateRangePickerHeader,\n Previous: DateRangePickerPrevious,\n Next: DateRangePickerNext,\n MonthSelect: DateRangePickerMonthSelect,\n YearSelect: DateRangePickerYearSelect,\n Calendar: DateRangePickerCalendar,\n Day: DateRangePickerDay,\n Preview: DateRangePickerPreview,\n StartInput: DateRangePickerStartInput,\n EndInput: DateRangePickerEndInput,\n};\n"],"mappings":"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"}
|
|
@@ -52,7 +52,7 @@ declare const DateRangePickerValue: import("react").ForwardRefExoticComponent<Da
|
|
|
52
52
|
type DateRangePickerClearProps = ComponentPropsWithoutRef<"button">;
|
|
53
53
|
declare const DateRangePickerClear: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
54
54
|
type DateRangePickerPortalProps = ComponentPropsWithoutRef<typeof Popover.Portal>;
|
|
55
|
-
declare
|
|
55
|
+
declare function DateRangePickerPortal(props: DateRangePickerPortalProps): import("react").JSX.Element;
|
|
56
56
|
type DateRangePickerPositionerProps = ComponentPropsWithoutRef<typeof Popover.Positioner>;
|
|
57
57
|
declare const DateRangePickerPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
58
58
|
type DateRangePickerPopupProps = ComponentPropsWithoutRef<typeof Popover.Popup>;
|
|
@@ -110,7 +110,7 @@ declare const DateRangePicker: {
|
|
|
110
110
|
} & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
111
111
|
Value: import("react").ForwardRefExoticComponent<DateRangePickerValueProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
112
112
|
Clear: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
113
|
-
Portal:
|
|
113
|
+
Portal: typeof DateRangePickerPortal;
|
|
114
114
|
Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
115
115
|
Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
116
116
|
Close: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -52,7 +52,7 @@ declare const DateRangePickerValue: import("react").ForwardRefExoticComponent<Da
|
|
|
52
52
|
type DateRangePickerClearProps = ComponentPropsWithoutRef<"button">;
|
|
53
53
|
declare const DateRangePickerClear: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
54
54
|
type DateRangePickerPortalProps = ComponentPropsWithoutRef<typeof Popover.Portal>;
|
|
55
|
-
declare
|
|
55
|
+
declare function DateRangePickerPortal(props: DateRangePickerPortalProps): import("react").JSX.Element;
|
|
56
56
|
type DateRangePickerPositionerProps = ComponentPropsWithoutRef<typeof Popover.Positioner>;
|
|
57
57
|
declare const DateRangePickerPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
58
58
|
type DateRangePickerPopupProps = ComponentPropsWithoutRef<typeof Popover.Popup>;
|
|
@@ -110,7 +110,7 @@ declare const DateRangePicker: {
|
|
|
110
110
|
} & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
111
111
|
Value: import("react").ForwardRefExoticComponent<DateRangePickerValueProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
112
112
|
Clear: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
113
|
-
Portal:
|
|
113
|
+
Portal: typeof DateRangePickerPortal;
|
|
114
114
|
Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
115
115
|
Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
116
116
|
Close: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { cx } from "../../styled-system/css/cx.js";
|
|
3
3
|
import { withRecipeClassName } from "../base-ui.js";
|
|
4
4
|
import { dateRangePicker } from "../../styled-system/recipes/date-range-picker.js";
|
|
5
|
+
import { useThemePortalProps } from "../../theme/theme-scope.js";
|
|
5
6
|
import { addDays, addMonths, createCalendarDate, dateKey, formatDateLabel, formatMonthLabel, getCalendarDays, getMonthLabels, getWeekdayLabels, isAfterDay, isBeforeDay, isSameDay, startOfMonth, toInputDate } from "../date-picker/date-utils.js";
|
|
6
7
|
import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
|
|
7
8
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -265,7 +266,9 @@ const DateRangePickerClear = forwardRef(function DateRangePickerClear({ children
|
|
|
265
266
|
children
|
|
266
267
|
});
|
|
267
268
|
});
|
|
268
|
-
|
|
269
|
+
function DateRangePickerPortal(props) {
|
|
270
|
+
return /* @__PURE__ */ jsx(Popover.Portal, { ...useThemePortalProps(props) });
|
|
271
|
+
}
|
|
269
272
|
const DateRangePickerPositioner = forwardRef(function DateRangePickerPositioner({ className, ...props }, ref) {
|
|
270
273
|
const { styles } = useDateRangePickerContext();
|
|
271
274
|
return /* @__PURE__ */ jsx(Popover.Positioner, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker.js","names":["BasePopover"],"sources":["../../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport {\n createContext,\n forwardRef,\n useCallback,\n useContext,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { PopoverRoot as BasePopoverRoot } from \"@base-ui/react/popover\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { dateRangePicker } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport {\n addDays,\n addMonths,\n createCalendarDate,\n dateKey,\n formatDateLabel,\n formatMonthLabel,\n getCalendarDays,\n getMonthLabels,\n getWeekdayLabels,\n isAfterDay,\n isBeforeDay,\n isSameDay,\n startOfMonth,\n toInputDate,\n} from \"../date-picker/date-utils\";\n\nexport interface DateRange {\n start: Date | null;\n end: Date | null;\n}\n\nexport interface DateRangePickerYearRange {\n start: number;\n end: number;\n}\n\nexport interface DateRangePickerRootProps extends Omit<BasePopoverRoot.Props, \"children\"> {\n value?: DateRange;\n defaultValue?: DateRange;\n onValueChange?: (range: DateRange) => void;\n referenceDate?: Date;\n locale?: string;\n weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n minDate?: Date;\n maxDate?: Date;\n isDateDisabled?: (date: Date) => boolean;\n yearRange?: DateRangePickerYearRange;\n closeOnSelect?: boolean;\n name?: string;\n disabled?: boolean;\n placeholder?: ReactNode;\n children?: ReactNode;\n}\n\ninterface DateRangePickerContextValue {\n canNavigate: (amount: number) => boolean;\n close: () => void;\n dateDisabled: (date: Date) => boolean;\n disabled: boolean;\n focusDate: (date: Date, direction?: number) => void;\n focusedDate: Date;\n hoveredDate: Date | null;\n locale: string;\n maxDate: Date | undefined;\n minDate: Date | undefined;\n month: Date;\n monthDisabled: (date: Date) => boolean;\n onSelect: (date: Date) => void;\n range: DateRange;\n selectMonth: (month: number) => void;\n selectYear: (year: number) => void;\n setMonth: (date: Date) => void;\n setHoveredDate: (date: Date | null) => void;\n setRange: (range: DateRange) => void;\n styles: ReturnType<typeof dateRangePicker>;\n today: Date;\n triggerId: string;\n weekStartsOn: number;\n yearRange: DateRangePickerYearRange;\n registerDay: (key: string, node: HTMLButtonElement | null) => void;\n}\n\nconst DateRangePickerContext = createContext<DateRangePickerContextValue | null>(null);\n\nfunction useDateRangePickerContext() {\n const context = useContext(DateRangePickerContext);\n if (!context)\n throw new Error(\"DateRangePicker parts must be rendered inside DateRangePicker.Root.\");\n return context;\n}\n\nfunction sameMonth(left: Date, right: Date) {\n return left.getFullYear() === right.getFullYear() && left.getMonth() === right.getMonth();\n}\n\nfunction dateInRange(date: Date, range: DateRange, preview: Date | null) {\n const end = range.end ?? preview;\n return Boolean(range.start && end && !isBeforeDay(date, range.start) && !isAfterDay(date, end));\n}\n\nexport function DateRangePickerRoot({\n children,\n closeOnSelect = true,\n defaultValue = { start: null, end: null },\n disabled = false,\n isDateDisabled,\n locale = \"pt-BR\",\n maxDate,\n minDate,\n name,\n onValueChange,\n referenceDate,\n value: controlledValue,\n weekStartsOn = 0,\n yearRange: configuredYearRange,\n ...popoverProps\n}: DateRangePickerRootProps) {\n const [uncontrolledRange, setUncontrolledRange] = useState<DateRange>(defaultValue);\n const range = controlledValue ?? uncontrolledRange;\n const initialDate = range.start ?? referenceDate ?? new Date();\n const [month, setMonthState] = useState(() => startOfMonth(initialDate));\n const [focusedDate, setFocusedDate] = useState(range.start ?? initialDate);\n const [hoveredDate, setHoveredDate] = useState<Date | null>(null);\n const dayRefs = useRef(new Map<string, HTMLButtonElement>());\n const actionsRef = useRef<BasePopoverRoot.Actions | null>(null);\n const triggerId = useId();\n const styles = dateRangePicker();\n const today = useMemo(() => referenceDate ?? new Date(), [referenceDate]);\n const minMonth = minDate ? startOfMonth(minDate) : undefined;\n const maxMonth = maxDate ? startOfMonth(maxDate) : undefined;\n const yearRange = useMemo(() => {\n const start = configuredYearRange?.start ?? today.getFullYear() - 100;\n const end = configuredYearRange?.end ?? today.getFullYear() + 20;\n const years = [\n range.start?.getFullYear(),\n range.end?.getFullYear(),\n minDate?.getFullYear(),\n maxDate?.getFullYear(),\n ].filter((year): year is number => year !== undefined);\n return { start: Math.min(start, end, ...years), end: Math.max(start, end, ...years) };\n }, [\n configuredYearRange?.end,\n configuredYearRange?.start,\n maxDate,\n minDate,\n range.end,\n range.start,\n today,\n ]);\n\n const dateDisabled = useCallback(\n (date: Date) =>\n Boolean(\n (minDate && isBeforeDay(date, minDate)) ||\n (maxDate && isAfterDay(date, maxDate)) ||\n isDateDisabled?.(date),\n ),\n [isDateDisabled, maxDate, minDate],\n );\n const monthDisabled = useCallback(\n (date: Date) => {\n const first = startOfMonth(date);\n const last = createCalendarDate(date.getFullYear(), date.getMonth() + 1, 0);\n return Boolean(\n (minDate && isBeforeDay(last, minDate)) || (maxDate && isAfterDay(first, maxDate)),\n );\n },\n [maxDate, minDate],\n );\n const clampMonth = useCallback(\n (date: Date) => {\n const normalized = startOfMonth(date);\n if (minMonth && isBeforeDay(normalized, minMonth)) return minMonth;\n if (maxMonth && isAfterDay(normalized, maxMonth)) return maxMonth;\n return normalized;\n },\n [maxMonth, minMonth],\n );\n const setMonth = useCallback((date: Date) => setMonthState(clampMonth(date)), [clampMonth]);\n const canNavigate = useCallback(\n (amount: number) => {\n const next = addMonths(month, amount);\n return (\n !(minMonth && isBeforeDay(next, minMonth)) && !(maxMonth && isAfterDay(next, maxMonth))\n );\n },\n [maxMonth, minMonth, month],\n );\n const setRange = useCallback(\n (nextRange: DateRange) => {\n if (controlledValue === undefined) setUncontrolledRange(nextRange);\n onValueChange?.(nextRange);\n },\n [controlledValue, onValueChange],\n );\n const close = useCallback(() => actionsRef.current?.close(), []);\n const onSelect = useCallback(\n (date: Date) => {\n if (disabled || dateDisabled(date)) return;\n const nextDate = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n let nextRange: DateRange;\n if (!range.start || range.end) nextRange = { start: nextDate, end: null };\n else if (isBeforeDay(nextDate, range.start)) nextRange = { start: nextDate, end: null };\n else nextRange = { start: range.start, end: nextDate };\n setRange(nextRange);\n setFocusedDate(nextDate);\n setMonth(nextDate);\n setHoveredDate(null);\n if (nextRange.start && nextRange.end && closeOnSelect) close();\n },\n [close, closeOnSelect, dateDisabled, disabled, range.end, range.start, setMonth, setRange],\n );\n const focusDate = useCallback(\n (date: Date, direction = 1) => {\n let next = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n const step = direction < 0 ? -1 : 1;\n let attempts = 0;\n while (dateDisabled(next) && attempts < 366) {\n next = addDays(next, step);\n attempts += 1;\n }\n setFocusedDate(next);\n setMonth(next);\n const focusTarget = () => dayRefs.current.get(dateKey(next))?.focus();\n focusTarget();\n queueMicrotask(focusTarget);\n },\n [dateDisabled, setMonth],\n );\n const selectMonth = useCallback(\n (monthIndex: number) => setMonth(createCalendarDate(month.getFullYear(), monthIndex, 1)),\n [month, setMonth],\n );\n const selectYear = useCallback(\n (year: number) => setMonth(createCalendarDate(year, month.getMonth(), 1)),\n [month, setMonth],\n );\n const registerDay = useCallback((key: string, node: HTMLButtonElement | null) => {\n if (node) dayRefs.current.set(key, node);\n else dayRefs.current.delete(key);\n }, []);\n\n useEffect(() => {\n const selected = range.end ?? range.start;\n if (!selected) return;\n setFocusedDate(selected);\n setMonthState((current) => (sameMonth(current, selected) ? current : clampMonth(selected)));\n }, [clampMonth, range.end, range.start]);\n\n const context: DateRangePickerContextValue = {\n canNavigate,\n close,\n dateDisabled,\n disabled,\n focusDate,\n focusedDate,\n hoveredDate,\n locale,\n maxDate,\n minDate,\n month,\n monthDisabled,\n onSelect,\n range,\n registerDay,\n selectMonth,\n selectYear,\n setHoveredDate,\n setMonth,\n setRange,\n styles,\n today,\n triggerId,\n weekStartsOn,\n yearRange,\n };\n\n return (\n <DateRangePickerContext.Provider value={context}>\n <BasePopover.Root {...popoverProps} actionsRef={actionsRef}>\n {children}\n </BasePopover.Root>\n {name ? (\n <>\n <input\n disabled={disabled}\n name={`${name}[start]`}\n type=\"hidden\"\n value={toInputDate(range.start)}\n />\n <input\n disabled={disabled}\n name={`${name}[end]`}\n type=\"hidden\"\n value={toInputDate(range.end)}\n />\n </>\n ) : null}\n </DateRangePickerContext.Provider>\n );\n}\n\nexport type DateRangePickerLabelProps = ComponentPropsWithoutRef<\"label\">;\nexport const DateRangePickerLabel = forwardRef<HTMLLabelElement, DateRangePickerLabelProps>(\n function DateRangePickerLabel({ className, ...props }, ref) {\n const { styles, triggerId } = useDateRangePickerContext();\n return (\n // biome-ignore lint/a11y/noLabelWithoutControl: the consumer renders the trigger/control in this composition.\n <label\n {...props}\n className={cx(styles.label, className)}\n data-slot=\"date-range-picker-label\"\n htmlFor={props.htmlFor ?? triggerId}\n ref={ref}\n />\n );\n },\n);\n\nexport type DateRangePickerControlProps = ComponentPropsWithoutRef<\"div\">;\nexport const DateRangePickerControl = forwardRef<HTMLDivElement, DateRangePickerControlProps>(\n function DateRangePickerControl({ className, ...props }, ref) {\n const { styles } = useDateRangePickerContext();\n return (\n <div\n {...props}\n className={cx(styles.control, className)}\n data-slot=\"date-range-picker-control\"\n ref={ref}\n />\n );\n },\n);\n\nexport type DateRangePickerTriggerProps = ComponentPropsWithoutRef<typeof BasePopover.Trigger>;\nexport const DateRangePickerTrigger = forwardRef<HTMLButtonElement, DateRangePickerTriggerProps>(\n function DateRangePickerTrigger({ children, className, disabled, id, ...props }, ref) {\n const { disabled: pickerDisabled, styles, triggerId } = useDateRangePickerContext();\n return (\n <BasePopover.Trigger\n {...props}\n aria-label={props[\"aria-label\"] ?? \"Choose date range\"}\n className={withRecipeClassName(styles.trigger, className)}\n data-jaci-component=\"date-range-picker\"\n data-slot=\"date-range-picker-trigger\"\n disabled={disabled ?? pickerDisabled}\n id={id ?? triggerId}\n ref={ref}\n >\n {children ?? (\n <>\n <DateRangePickerValue />\n <span aria-hidden=\"true\">▾</span>\n </>\n )}\n </BasePopover.Trigger>\n );\n },\n);\n\nexport interface DateRangePickerValueProps extends ComponentPropsWithoutRef<\"span\"> {\n placeholder?: ReactNode;\n}\nexport const DateRangePickerValue = forwardRef<HTMLSpanElement, DateRangePickerValueProps>(\n function DateRangePickerValue({ children, className, placeholder, ...props }, ref) {\n const { locale, range, styles } = useDateRangePickerContext();\n const value =\n children ??\n (range.start && range.end\n ? `${formatDateLabel(range.start, locale, \"\")} – ${formatDateLabel(range.end, locale, \"\")}`\n : range.start\n ? `${formatDateLabel(range.start, locale, \"\")} – …`\n : (placeholder ?? \"Select a date range\"));\n return (\n <span\n {...props}\n className={cx(styles.value, className)}\n data-placeholder={range.start ? undefined : \"true\"}\n data-slot=\"date-range-picker-value\"\n ref={ref}\n >\n {value}\n </span>\n );\n },\n);\n\nexport type DateRangePickerClearProps = ComponentPropsWithoutRef<\"button\">;\nexport const DateRangePickerClear = forwardRef<HTMLButtonElement, DateRangePickerClearProps>(\n function DateRangePickerClear({ children = \"×\", className, disabled, onClick, ...props }, ref) {\n const {\n disabled: pickerDisabled,\n range,\n setRange,\n styles,\n close,\n } = useDateRangePickerContext();\n return (\n <button\n {...props}\n aria-label={props[\"aria-label\"] ?? \"Clear date range\"}\n className={cx(styles.clear, className)}\n data-slot=\"date-range-picker-clear\"\n disabled={disabled || pickerDisabled || (!range.start && !range.end)}\n onClick={(event) => {\n setRange({ start: null, end: null });\n close();\n onClick?.(event);\n }}\n ref={ref}\n type=\"button\"\n >\n {children}\n </button>\n );\n },\n);\n\nexport type DateRangePickerPortalProps = ComponentPropsWithoutRef<typeof BasePopover.Portal>;\nexport const DateRangePickerPortal = BasePopover.Portal;\nexport type DateRangePickerPositionerProps = ComponentPropsWithoutRef<\n typeof BasePopover.Positioner\n>;\nexport const DateRangePickerPositioner = forwardRef<HTMLDivElement, DateRangePickerPositionerProps>(\n function DateRangePickerPositioner({ className, ...props }, ref) {\n const { styles } = useDateRangePickerContext();\n return (\n <BasePopover.Positioner\n {...props}\n className={withRecipeClassName(styles.positioner, className)}\n data-slot=\"date-range-picker-positioner\"\n ref={ref}\n />\n );\n },\n);\nexport type DateRangePickerPopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\nexport const DateRangePickerPopup = forwardRef<HTMLDivElement, DateRangePickerPopupProps>(\n function DateRangePickerPopup({ className, ...props }, ref) {\n const { styles } = useDateRangePickerContext();\n return (\n <BasePopover.Popup\n {...props}\n aria-label={props[\"aria-label\"] ?? \"Calendar\"}\n className={withRecipeClassName(styles.popup, className)}\n data-slot=\"date-range-picker-popup\"\n ref={ref}\n />\n );\n },\n);\nexport type DateRangePickerCloseProps = ComponentPropsWithoutRef<typeof BasePopover.Close>;\nexport const DateRangePickerClose = forwardRef<HTMLButtonElement, DateRangePickerCloseProps>(\n function DateRangePickerClose({ className, ...props }, ref) {\n const { styles } = useDateRangePickerContext();\n return (\n <BasePopover.Close\n {...props}\n className={withRecipeClassName(styles.close, className)}\n data-slot=\"date-range-picker-close\"\n ref={ref}\n />\n );\n },\n);\n\nexport type DateRangePickerHeaderProps = ComponentPropsWithoutRef<\"div\">;\nexport const DateRangePickerHeader = forwardRef<HTMLDivElement, DateRangePickerHeaderProps>(\n function DateRangePickerHeader({ className, ...props }, ref) {\n const { styles } = useDateRangePickerContext();\n return (\n <div\n {...props}\n className={cx(styles.header, className)}\n data-slot=\"date-range-picker-header\"\n ref={ref}\n />\n );\n },\n);\nexport type DateRangePickerNavigationProps = ComponentPropsWithoutRef<\"button\"> & {\n amount?: number;\n};\nconst DateRangePickerNavigationButton = forwardRef<\n HTMLButtonElement,\n DateRangePickerNavigationProps\n>(function DateRangePickerNavigationButton(\n { amount = 1, children, className, onClick, ...props },\n ref,\n) {\n const { canNavigate, month, setMonth, styles } = useDateRangePickerContext();\n const isDisabled = props.disabled || !canNavigate(amount);\n return (\n <button\n {...props}\n aria-label={props[\"aria-label\"] ?? (amount < 0 ? \"Previous month\" : \"Next month\")}\n className={cx(styles.navigation, className)}\n data-slot={amount < 0 ? \"date-range-picker-previous\" : \"date-range-picker-next\"}\n disabled={isDisabled}\n onClick={(event) => {\n if (!isDisabled) setMonth(addMonths(month, amount));\n onClick?.(event);\n }}\n ref={ref}\n type=\"button\"\n >\n {children ?? (amount < 0 ? \"‹\" : \"›\")}\n </button>\n );\n});\nexport const DateRangePickerPrevious = forwardRef<\n HTMLButtonElement,\n DateRangePickerNavigationProps\n>(function DateRangePickerPrevious(props, ref) {\n return <DateRangePickerNavigationButton {...props} amount={-1} ref={ref} />;\n});\nexport const DateRangePickerNext = forwardRef<HTMLButtonElement, DateRangePickerNavigationProps>(\n function DateRangePickerNext(props, ref) {\n return <DateRangePickerNavigationButton {...props} amount={1} ref={ref} />;\n },\n);\nexport type DateRangePickerMonthSelectProps = Omit<\n ComponentPropsWithoutRef<\"select\">,\n \"children\" | \"onChange\" | \"value\"\n>;\nexport const DateRangePickerMonthSelect = forwardRef<\n HTMLSelectElement,\n DateRangePickerMonthSelectProps\n>(function DateRangePickerMonthSelect({ className, ...props }, ref) {\n const { locale, month, monthDisabled, selectMonth, styles } = useDateRangePickerContext();\n const labels = getMonthLabels(locale);\n return (\n <select\n {...props}\n aria-label={props[\"aria-label\"] ?? \"Select month\"}\n className={cx(styles.monthSelect, className)}\n data-slot=\"date-range-picker-month-select\"\n onChange={(event) => selectMonth(Number(event.currentTarget.value))}\n ref={ref}\n value={month.getMonth()}\n >\n {labels.map((label, index) => (\n <option\n disabled={monthDisabled(createCalendarDate(month.getFullYear(), index, 1))}\n key={label}\n value={index}\n >\n {label}\n </option>\n ))}\n </select>\n );\n});\nexport type DateRangePickerYearSelectProps = Omit<\n ComponentPropsWithoutRef<\"select\">,\n \"children\" | \"onChange\" | \"value\"\n>;\nexport const DateRangePickerYearSelect = forwardRef<\n HTMLSelectElement,\n DateRangePickerYearSelectProps\n>(function DateRangePickerYearSelect({ className, ...props }, ref) {\n const { month, monthDisabled, selectYear, styles, yearRange } = useDateRangePickerContext();\n const years = Array.from(\n { length: yearRange.end - yearRange.start + 1 },\n (_, index) => yearRange.start + index,\n );\n return (\n <select\n {...props}\n aria-label={props[\"aria-label\"] ?? \"Select year\"}\n className={cx(styles.yearSelect, className)}\n data-slot=\"date-range-picker-year-select\"\n onChange={(event) => selectYear(Number(event.currentTarget.value))}\n ref={ref}\n value={month.getFullYear()}\n >\n {years.map((year) => (\n <option\n disabled={monthDisabled(createCalendarDate(year, month.getMonth(), 1))}\n key={year}\n value={year}\n >\n {year}\n </option>\n ))}\n </select>\n );\n});\n\nexport interface DateRangePickerDayProps extends Omit<ComponentPropsWithoutRef<\"button\">, \"value\"> {\n date: Date;\n}\nexport const DateRangePickerDay = forwardRef<HTMLButtonElement, DateRangePickerDayProps>(\n function DateRangePickerDay(\n { children, className, date, disabled, onClick, onKeyDown, onMouseEnter, ...props },\n ref,\n ) {\n const {\n dateDisabled,\n disabled: pickerDisabled,\n focusDate,\n focusedDate,\n hoveredDate,\n locale,\n month,\n range,\n onSelect,\n registerDay,\n setHoveredDate,\n styles,\n today,\n weekStartsOn,\n } = useDateRangePickerContext();\n const key = dateKey(date);\n const isDisabled = Boolean(disabled || pickerDisabled || dateDisabled(date));\n const isStart = Boolean(range.start && isSameDay(date, range.start));\n const isEnd = Boolean(range.end && isSameDay(date, range.end));\n const inRange = dateInRange(date, range, hoveredDate);\n const outsideMonth = !sameMonth(date, month);\n const isFocused = isSameDay(date, focusedDate);\n const isToday = isSameDay(date, today);\n return (\n // biome-ignore lint/a11y/useSemanticElements: the roving button is the interactive grid cell.\n <button\n {...props}\n aria-label={\n props[\"aria-label\"] ?? new Intl.DateTimeFormat(locale, { dateStyle: \"full\" }).format(date)\n }\n aria-current={isToday ? \"date\" : undefined}\n aria-selected={isStart || isEnd}\n className={cx(styles.day, className)}\n data-date={key}\n data-disabled={isDisabled || undefined}\n data-in-range={inRange || undefined}\n data-outside-month={outsideMonth || undefined}\n data-range-end={isEnd || undefined}\n data-range-start={isStart || undefined}\n data-slot=\"date-range-picker-day\"\n data-today={isToday || undefined}\n disabled={isDisabled}\n onClick={(event) => {\n onSelect(date);\n onClick?.(event);\n }}\n onKeyDown={(event) => {\n if (!event.defaultPrevented) {\n let nextDate: Date | undefined;\n switch (event.key) {\n case \"ArrowLeft\":\n nextDate = addDays(date, -1);\n break;\n case \"ArrowRight\":\n nextDate = addDays(date, 1);\n break;\n case \"ArrowUp\":\n nextDate = addDays(date, -7);\n break;\n case \"ArrowDown\":\n nextDate = addDays(date, 7);\n break;\n case \"Home\":\n nextDate = addDays(date, -((date.getDay() - weekStartsOn + 7) % 7));\n break;\n case \"End\":\n nextDate = addDays(date, 6 - ((date.getDay() - weekStartsOn + 7) % 7));\n break;\n case \"PageUp\":\n nextDate = addMonths(date, event.shiftKey ? -12 : -1);\n break;\n case \"PageDown\":\n nextDate = addMonths(date, event.shiftKey ? 12 : 1);\n break;\n case \"Enter\":\n case \" \":\n if (!isDisabled) {\n event.preventDefault();\n onSelect(date);\n }\n break;\n }\n if (nextDate) {\n event.preventDefault();\n focusDate(nextDate, nextDate < date ? -1 : 1);\n }\n }\n onKeyDown?.(event);\n }}\n onMouseEnter={(event) => {\n if (!isDisabled) setHoveredDate(date);\n onMouseEnter?.(event);\n }}\n ref={(node) => {\n registerDay(key, node);\n if (typeof ref === \"function\") ref(node);\n else if (ref) ref.current = node;\n }}\n role=\"gridcell\"\n tabIndex={isFocused && !isDisabled ? 0 : -1}\n type=\"button\"\n >\n {children ?? date.getDate()}\n </button>\n );\n },\n);\n\nexport interface DateRangePickerCalendarProps\n extends Omit<ComponentPropsWithoutRef<\"section\">, \"children\"> {\n \"aria-label\"?: string;\n}\nexport const DateRangePickerCalendar = forwardRef<HTMLElement, DateRangePickerCalendarProps>(\n function DateRangePickerCalendar({ \"aria-label\": ariaLabel, className, ...props }, ref) {\n const { locale, month, styles, weekStartsOn } = useDateRangePickerContext();\n const days = useMemo(() => getCalendarDays(month, weekStartsOn), [month, weekStartsOn]);\n const weekdays = useMemo(() => getWeekdayLabels(locale, weekStartsOn), [locale, weekStartsOn]);\n return (\n <section\n {...props}\n aria-label={ariaLabel ?? formatMonthLabel(month, locale)}\n className={cx(styles.calendar, className)}\n data-slot=\"date-range-picker-calendar\"\n ref={ref}\n >\n <div aria-hidden=\"true\" className={styles.weekdays} data-slot=\"date-range-picker-weekdays\">\n {weekdays.map((weekday) => (\n <span className={styles.weekday} data-slot=\"date-range-picker-weekday\" key={weekday}>\n {weekday}\n </span>\n ))}\n </div>\n {/* biome-ignore lint/a11y/useSemanticElements: the calendar uses the ARIA grid pattern. */}\n <div\n aria-label={formatMonthLabel(month, locale)}\n className={styles.grid}\n data-slot=\"date-range-picker-grid\"\n role=\"grid\"\n >\n {days.map((date) => (\n <DateRangePickerDay date={date} key={dateKey(date)} />\n ))}\n </div>\n </section>\n );\n },\n);\n\nexport interface DateRangePickerPreviewProps extends ComponentPropsWithoutRef<\"div\"> {\n children?: ReactNode;\n}\nexport const DateRangePickerPreview = forwardRef<HTMLDivElement, DateRangePickerPreviewProps>(\n function DateRangePickerPreview({ children, className, ...props }, ref) {\n const { hoveredDate, locale, range, styles } = useDateRangePickerContext();\n const content =\n children ??\n (range.start\n ? `${formatDateLabel(range.start, locale, \"\")} – ${range.end ? formatDateLabel(range.end, locale, \"\") : hoveredDate ? formatDateLabel(hoveredDate, locale, \"\") : \"…\"}`\n : \"Select a start date\");\n return (\n <div\n {...props}\n aria-live=\"polite\"\n className={cx(styles.preview, className)}\n data-slot=\"date-range-picker-preview\"\n ref={ref}\n >\n {content}\n </div>\n );\n },\n);\n\nexport interface DateRangePickerInputProps\n extends Omit<ComponentPropsWithoutRef<\"input\">, \"type\" | \"value\" | \"onChange\"> {\n side: \"start\" | \"end\";\n}\nexport const DateRangePickerInput = forwardRef<HTMLInputElement, DateRangePickerInputProps>(\n function DateRangePickerInput({ className, onBlur, onInput, side, ...props }, ref) {\n const { disabled, range, setRange, styles } = useDateRangePickerContext();\n const value = toInputDate(side === \"start\" ? range.start : range.end);\n return (\n <input\n {...props}\n aria-label={props[\"aria-label\"] ?? (side === \"start\" ? \"Start date\" : \"End date\")}\n className={cx(styles.input, className)}\n data-slot={`date-range-picker-${side}-input`}\n disabled={disabled || props.disabled}\n onChange={(event) => {\n const [year, month, day] = event.currentTarget.value.split(\"-\").map(Number);\n if (!year || !month || !day) return;\n const date = createCalendarDate(year, month - 1, day);\n setRange(\n side === \"start\" ? { start: date, end: range.end } : { start: range.start, end: date },\n );\n }}\n onBlur={onBlur}\n onInput={onInput}\n ref={ref}\n type=\"date\"\n value={value}\n />\n );\n },\n);\n\nexport const DateRangePickerStartInput = forwardRef<\n HTMLInputElement,\n Omit<DateRangePickerInputProps, \"side\">\n>(function DateRangePickerStartInput(props, ref) {\n return <DateRangePickerInput {...props} ref={ref} side=\"start\" />;\n});\nexport const DateRangePickerEndInput = forwardRef<\n HTMLInputElement,\n Omit<DateRangePickerInputProps, \"side\">\n>(function DateRangePickerEndInput(props, ref) {\n return <DateRangePickerInput {...props} ref={ref} side=\"end\" />;\n});\n\nexport const DateRangePicker = {\n Root: DateRangePickerRoot,\n Label: DateRangePickerLabel,\n Control: DateRangePickerControl,\n Trigger: DateRangePickerTrigger,\n Value: DateRangePickerValue,\n Clear: DateRangePickerClear,\n Portal: DateRangePickerPortal,\n Positioner: DateRangePickerPositioner,\n Popup: DateRangePickerPopup,\n Close: DateRangePickerClose,\n Header: DateRangePickerHeader,\n Previous: DateRangePickerPrevious,\n Next: DateRangePickerNext,\n MonthSelect: DateRangePickerMonthSelect,\n YearSelect: DateRangePickerYearSelect,\n Calendar: DateRangePickerCalendar,\n Day: DateRangePickerDay,\n Preview: DateRangePickerPreview,\n StartInput: DateRangePickerStartInput,\n EndInput: DateRangePickerEndInput,\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"date-range-picker.js","names":["BasePopover"],"sources":["../../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport {\n createContext,\n forwardRef,\n useCallback,\n useContext,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { PopoverRoot as BasePopoverRoot } from \"@base-ui/react/popover\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { dateRangePicker } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\nimport {\n addDays,\n addMonths,\n createCalendarDate,\n dateKey,\n formatDateLabel,\n formatMonthLabel,\n getCalendarDays,\n getMonthLabels,\n getWeekdayLabels,\n isAfterDay,\n isBeforeDay,\n isSameDay,\n startOfMonth,\n toInputDate,\n} from \"../date-picker/date-utils\";\n\nexport interface DateRange {\n start: Date | null;\n end: Date | null;\n}\n\nexport interface DateRangePickerYearRange {\n start: number;\n end: number;\n}\n\nexport interface DateRangePickerRootProps extends Omit<BasePopoverRoot.Props, \"children\"> {\n value?: DateRange;\n defaultValue?: DateRange;\n onValueChange?: (range: DateRange) => void;\n referenceDate?: Date;\n locale?: string;\n weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n minDate?: Date;\n maxDate?: Date;\n isDateDisabled?: (date: Date) => boolean;\n yearRange?: DateRangePickerYearRange;\n closeOnSelect?: boolean;\n name?: string;\n disabled?: boolean;\n placeholder?: ReactNode;\n children?: ReactNode;\n}\n\ninterface DateRangePickerContextValue {\n canNavigate: (amount: number) => boolean;\n close: () => void;\n dateDisabled: (date: Date) => boolean;\n disabled: boolean;\n focusDate: (date: Date, direction?: number) => void;\n focusedDate: Date;\n hoveredDate: Date | null;\n locale: string;\n maxDate: Date | undefined;\n minDate: Date | undefined;\n month: Date;\n monthDisabled: (date: Date) => boolean;\n onSelect: (date: Date) => void;\n range: DateRange;\n selectMonth: (month: number) => void;\n selectYear: (year: number) => void;\n setMonth: (date: Date) => void;\n setHoveredDate: (date: Date | null) => void;\n setRange: (range: DateRange) => void;\n styles: ReturnType<typeof dateRangePicker>;\n today: Date;\n triggerId: string;\n weekStartsOn: number;\n yearRange: DateRangePickerYearRange;\n registerDay: (key: string, node: HTMLButtonElement | null) => void;\n}\n\nconst DateRangePickerContext = createContext<DateRangePickerContextValue | null>(null);\n\nfunction useDateRangePickerContext() {\n const context = useContext(DateRangePickerContext);\n if (!context)\n throw new Error(\"DateRangePicker parts must be rendered inside DateRangePicker.Root.\");\n return context;\n}\n\nfunction sameMonth(left: Date, right: Date) {\n return left.getFullYear() === right.getFullYear() && left.getMonth() === right.getMonth();\n}\n\nfunction dateInRange(date: Date, range: DateRange, preview: Date | null) {\n const end = range.end ?? preview;\n return Boolean(range.start && end && !isBeforeDay(date, range.start) && !isAfterDay(date, end));\n}\n\nexport function DateRangePickerRoot({\n children,\n closeOnSelect = true,\n defaultValue = { start: null, end: null },\n disabled = false,\n isDateDisabled,\n locale = \"pt-BR\",\n maxDate,\n minDate,\n name,\n onValueChange,\n referenceDate,\n value: controlledValue,\n weekStartsOn = 0,\n yearRange: configuredYearRange,\n ...popoverProps\n}: DateRangePickerRootProps) {\n const [uncontrolledRange, setUncontrolledRange] = useState<DateRange>(defaultValue);\n const range = controlledValue ?? uncontrolledRange;\n const initialDate = range.start ?? referenceDate ?? new Date();\n const [month, setMonthState] = useState(() => startOfMonth(initialDate));\n const [focusedDate, setFocusedDate] = useState(range.start ?? initialDate);\n const [hoveredDate, setHoveredDate] = useState<Date | null>(null);\n const dayRefs = useRef(new Map<string, HTMLButtonElement>());\n const actionsRef = useRef<BasePopoverRoot.Actions | null>(null);\n const triggerId = useId();\n const styles = dateRangePicker();\n const today = useMemo(() => referenceDate ?? new Date(), [referenceDate]);\n const minMonth = minDate ? startOfMonth(minDate) : undefined;\n const maxMonth = maxDate ? startOfMonth(maxDate) : undefined;\n const yearRange = useMemo(() => {\n const start = configuredYearRange?.start ?? today.getFullYear() - 100;\n const end = configuredYearRange?.end ?? today.getFullYear() + 20;\n const years = [\n range.start?.getFullYear(),\n range.end?.getFullYear(),\n minDate?.getFullYear(),\n maxDate?.getFullYear(),\n ].filter((year): year is number => year !== undefined);\n return { start: Math.min(start, end, ...years), end: Math.max(start, end, ...years) };\n }, [\n configuredYearRange?.end,\n configuredYearRange?.start,\n maxDate,\n minDate,\n range.end,\n range.start,\n today,\n ]);\n\n const dateDisabled = useCallback(\n (date: Date) =>\n Boolean(\n (minDate && isBeforeDay(date, minDate)) ||\n (maxDate && isAfterDay(date, maxDate)) ||\n isDateDisabled?.(date),\n ),\n [isDateDisabled, maxDate, minDate],\n );\n const monthDisabled = useCallback(\n (date: Date) => {\n const first = startOfMonth(date);\n const last = createCalendarDate(date.getFullYear(), date.getMonth() + 1, 0);\n return Boolean(\n (minDate && isBeforeDay(last, minDate)) || (maxDate && isAfterDay(first, maxDate)),\n );\n },\n [maxDate, minDate],\n );\n const clampMonth = useCallback(\n (date: Date) => {\n const normalized = startOfMonth(date);\n if (minMonth && isBeforeDay(normalized, minMonth)) return minMonth;\n if (maxMonth && isAfterDay(normalized, maxMonth)) return maxMonth;\n return normalized;\n },\n [maxMonth, minMonth],\n );\n const setMonth = useCallback((date: Date) => setMonthState(clampMonth(date)), [clampMonth]);\n const canNavigate = useCallback(\n (amount: number) => {\n const next = addMonths(month, amount);\n return (\n !(minMonth && isBeforeDay(next, minMonth)) && !(maxMonth && isAfterDay(next, maxMonth))\n );\n },\n [maxMonth, minMonth, month],\n );\n const setRange = useCallback(\n (nextRange: DateRange) => {\n if (controlledValue === undefined) setUncontrolledRange(nextRange);\n onValueChange?.(nextRange);\n },\n [controlledValue, onValueChange],\n );\n const close = useCallback(() => actionsRef.current?.close(), []);\n const onSelect = useCallback(\n (date: Date) => {\n if (disabled || dateDisabled(date)) return;\n const nextDate = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n let nextRange: DateRange;\n if (!range.start || range.end) nextRange = { start: nextDate, end: null };\n else if (isBeforeDay(nextDate, range.start)) nextRange = { start: nextDate, end: null };\n else nextRange = { start: range.start, end: nextDate };\n setRange(nextRange);\n setFocusedDate(nextDate);\n setMonth(nextDate);\n setHoveredDate(null);\n if (nextRange.start && nextRange.end && closeOnSelect) close();\n },\n [close, closeOnSelect, dateDisabled, disabled, range.end, range.start, setMonth, setRange],\n );\n const focusDate = useCallback(\n (date: Date, direction = 1) => {\n let next = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n const step = direction < 0 ? -1 : 1;\n let attempts = 0;\n while (dateDisabled(next) && attempts < 366) {\n next = addDays(next, step);\n attempts += 1;\n }\n setFocusedDate(next);\n setMonth(next);\n const focusTarget = () => dayRefs.current.get(dateKey(next))?.focus();\n focusTarget();\n queueMicrotask(focusTarget);\n },\n [dateDisabled, setMonth],\n );\n const selectMonth = useCallback(\n (monthIndex: number) => setMonth(createCalendarDate(month.getFullYear(), monthIndex, 1)),\n [month, setMonth],\n );\n const selectYear = useCallback(\n (year: number) => setMonth(createCalendarDate(year, month.getMonth(), 1)),\n [month, setMonth],\n );\n const registerDay = useCallback((key: string, node: HTMLButtonElement | null) => {\n if (node) dayRefs.current.set(key, node);\n else dayRefs.current.delete(key);\n }, []);\n\n useEffect(() => {\n const selected = range.end ?? range.start;\n if (!selected) return;\n setFocusedDate(selected);\n setMonthState((current) => (sameMonth(current, selected) ? current : clampMonth(selected)));\n }, [clampMonth, range.end, range.start]);\n\n const context: DateRangePickerContextValue = {\n canNavigate,\n close,\n dateDisabled,\n disabled,\n focusDate,\n focusedDate,\n hoveredDate,\n locale,\n maxDate,\n minDate,\n month,\n monthDisabled,\n onSelect,\n range,\n registerDay,\n selectMonth,\n selectYear,\n setHoveredDate,\n setMonth,\n setRange,\n styles,\n today,\n triggerId,\n weekStartsOn,\n yearRange,\n };\n\n return (\n <DateRangePickerContext.Provider value={context}>\n <BasePopover.Root {...popoverProps} actionsRef={actionsRef}>\n {children}\n </BasePopover.Root>\n {name ? (\n <>\n <input\n disabled={disabled}\n name={`${name}[start]`}\n type=\"hidden\"\n value={toInputDate(range.start)}\n />\n <input\n disabled={disabled}\n name={`${name}[end]`}\n type=\"hidden\"\n value={toInputDate(range.end)}\n />\n </>\n ) : null}\n </DateRangePickerContext.Provider>\n );\n}\n\nexport type DateRangePickerLabelProps = ComponentPropsWithoutRef<\"label\">;\nexport const DateRangePickerLabel = forwardRef<HTMLLabelElement, DateRangePickerLabelProps>(\n function DateRangePickerLabel({ className, ...props }, ref) {\n const { styles, triggerId } = useDateRangePickerContext();\n return (\n // biome-ignore lint/a11y/noLabelWithoutControl: the consumer renders the trigger/control in this composition.\n <label\n {...props}\n className={cx(styles.label, className)}\n data-slot=\"date-range-picker-label\"\n htmlFor={props.htmlFor ?? triggerId}\n ref={ref}\n />\n );\n },\n);\n\nexport type DateRangePickerControlProps = ComponentPropsWithoutRef<\"div\">;\nexport const DateRangePickerControl = forwardRef<HTMLDivElement, DateRangePickerControlProps>(\n function DateRangePickerControl({ className, ...props }, ref) {\n const { styles } = useDateRangePickerContext();\n return (\n <div\n {...props}\n className={cx(styles.control, className)}\n data-slot=\"date-range-picker-control\"\n ref={ref}\n />\n );\n },\n);\n\nexport type DateRangePickerTriggerProps = ComponentPropsWithoutRef<typeof BasePopover.Trigger>;\nexport const DateRangePickerTrigger = forwardRef<HTMLButtonElement, DateRangePickerTriggerProps>(\n function DateRangePickerTrigger({ children, className, disabled, id, ...props }, ref) {\n const { disabled: pickerDisabled, styles, triggerId } = useDateRangePickerContext();\n return (\n <BasePopover.Trigger\n {...props}\n aria-label={props[\"aria-label\"] ?? \"Choose date range\"}\n className={withRecipeClassName(styles.trigger, className)}\n data-jaci-component=\"date-range-picker\"\n data-slot=\"date-range-picker-trigger\"\n disabled={disabled ?? pickerDisabled}\n id={id ?? triggerId}\n ref={ref}\n >\n {children ?? (\n <>\n <DateRangePickerValue />\n <span aria-hidden=\"true\">▾</span>\n </>\n )}\n </BasePopover.Trigger>\n );\n },\n);\n\nexport interface DateRangePickerValueProps extends ComponentPropsWithoutRef<\"span\"> {\n placeholder?: ReactNode;\n}\nexport const DateRangePickerValue = forwardRef<HTMLSpanElement, DateRangePickerValueProps>(\n function DateRangePickerValue({ children, className, placeholder, ...props }, ref) {\n const { locale, range, styles } = useDateRangePickerContext();\n const value =\n children ??\n (range.start && range.end\n ? `${formatDateLabel(range.start, locale, \"\")} – ${formatDateLabel(range.end, locale, \"\")}`\n : range.start\n ? `${formatDateLabel(range.start, locale, \"\")} – …`\n : (placeholder ?? \"Select a date range\"));\n return (\n <span\n {...props}\n className={cx(styles.value, className)}\n data-placeholder={range.start ? undefined : \"true\"}\n data-slot=\"date-range-picker-value\"\n ref={ref}\n >\n {value}\n </span>\n );\n },\n);\n\nexport type DateRangePickerClearProps = ComponentPropsWithoutRef<\"button\">;\nexport const DateRangePickerClear = forwardRef<HTMLButtonElement, DateRangePickerClearProps>(\n function DateRangePickerClear({ children = \"×\", className, disabled, onClick, ...props }, ref) {\n const {\n disabled: pickerDisabled,\n range,\n setRange,\n styles,\n close,\n } = useDateRangePickerContext();\n return (\n <button\n {...props}\n aria-label={props[\"aria-label\"] ?? \"Clear date range\"}\n className={cx(styles.clear, className)}\n data-slot=\"date-range-picker-clear\"\n disabled={disabled || pickerDisabled || (!range.start && !range.end)}\n onClick={(event) => {\n setRange({ start: null, end: null });\n close();\n onClick?.(event);\n }}\n ref={ref}\n type=\"button\"\n >\n {children}\n </button>\n );\n },\n);\n\nexport type DateRangePickerPortalProps = ComponentPropsWithoutRef<typeof BasePopover.Portal>;\nexport function DateRangePickerPortal(props: DateRangePickerPortalProps) {\n return <BasePopover.Portal {...useThemePortalProps(props)} />;\n}\nexport type DateRangePickerPositionerProps = ComponentPropsWithoutRef<\n typeof BasePopover.Positioner\n>;\nexport const DateRangePickerPositioner = forwardRef<HTMLDivElement, DateRangePickerPositionerProps>(\n function DateRangePickerPositioner({ className, ...props }, ref) {\n const { styles } = useDateRangePickerContext();\n return (\n <BasePopover.Positioner\n {...props}\n className={withRecipeClassName(styles.positioner, className)}\n data-slot=\"date-range-picker-positioner\"\n ref={ref}\n />\n );\n },\n);\nexport type DateRangePickerPopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\nexport const DateRangePickerPopup = forwardRef<HTMLDivElement, DateRangePickerPopupProps>(\n function DateRangePickerPopup({ className, ...props }, ref) {\n const { styles } = useDateRangePickerContext();\n return (\n <BasePopover.Popup\n {...props}\n aria-label={props[\"aria-label\"] ?? \"Calendar\"}\n className={withRecipeClassName(styles.popup, className)}\n data-slot=\"date-range-picker-popup\"\n ref={ref}\n />\n );\n },\n);\nexport type DateRangePickerCloseProps = ComponentPropsWithoutRef<typeof BasePopover.Close>;\nexport const DateRangePickerClose = forwardRef<HTMLButtonElement, DateRangePickerCloseProps>(\n function DateRangePickerClose({ className, ...props }, ref) {\n const { styles } = useDateRangePickerContext();\n return (\n <BasePopover.Close\n {...props}\n className={withRecipeClassName(styles.close, className)}\n data-slot=\"date-range-picker-close\"\n ref={ref}\n />\n );\n },\n);\n\nexport type DateRangePickerHeaderProps = ComponentPropsWithoutRef<\"div\">;\nexport const DateRangePickerHeader = forwardRef<HTMLDivElement, DateRangePickerHeaderProps>(\n function DateRangePickerHeader({ className, ...props }, ref) {\n const { styles } = useDateRangePickerContext();\n return (\n <div\n {...props}\n className={cx(styles.header, className)}\n data-slot=\"date-range-picker-header\"\n ref={ref}\n />\n );\n },\n);\nexport type DateRangePickerNavigationProps = ComponentPropsWithoutRef<\"button\"> & {\n amount?: number;\n};\nconst DateRangePickerNavigationButton = forwardRef<\n HTMLButtonElement,\n DateRangePickerNavigationProps\n>(function DateRangePickerNavigationButton(\n { amount = 1, children, className, onClick, ...props },\n ref,\n) {\n const { canNavigate, month, setMonth, styles } = useDateRangePickerContext();\n const isDisabled = props.disabled || !canNavigate(amount);\n return (\n <button\n {...props}\n aria-label={props[\"aria-label\"] ?? (amount < 0 ? \"Previous month\" : \"Next month\")}\n className={cx(styles.navigation, className)}\n data-slot={amount < 0 ? \"date-range-picker-previous\" : \"date-range-picker-next\"}\n disabled={isDisabled}\n onClick={(event) => {\n if (!isDisabled) setMonth(addMonths(month, amount));\n onClick?.(event);\n }}\n ref={ref}\n type=\"button\"\n >\n {children ?? (amount < 0 ? \"‹\" : \"›\")}\n </button>\n );\n});\nexport const DateRangePickerPrevious = forwardRef<\n HTMLButtonElement,\n DateRangePickerNavigationProps\n>(function DateRangePickerPrevious(props, ref) {\n return <DateRangePickerNavigationButton {...props} amount={-1} ref={ref} />;\n});\nexport const DateRangePickerNext = forwardRef<HTMLButtonElement, DateRangePickerNavigationProps>(\n function DateRangePickerNext(props, ref) {\n return <DateRangePickerNavigationButton {...props} amount={1} ref={ref} />;\n },\n);\nexport type DateRangePickerMonthSelectProps = Omit<\n ComponentPropsWithoutRef<\"select\">,\n \"children\" | \"onChange\" | \"value\"\n>;\nexport const DateRangePickerMonthSelect = forwardRef<\n HTMLSelectElement,\n DateRangePickerMonthSelectProps\n>(function DateRangePickerMonthSelect({ className, ...props }, ref) {\n const { locale, month, monthDisabled, selectMonth, styles } = useDateRangePickerContext();\n const labels = getMonthLabels(locale);\n return (\n <select\n {...props}\n aria-label={props[\"aria-label\"] ?? \"Select month\"}\n className={cx(styles.monthSelect, className)}\n data-slot=\"date-range-picker-month-select\"\n onChange={(event) => selectMonth(Number(event.currentTarget.value))}\n ref={ref}\n value={month.getMonth()}\n >\n {labels.map((label, index) => (\n <option\n disabled={monthDisabled(createCalendarDate(month.getFullYear(), index, 1))}\n key={label}\n value={index}\n >\n {label}\n </option>\n ))}\n </select>\n );\n});\nexport type DateRangePickerYearSelectProps = Omit<\n ComponentPropsWithoutRef<\"select\">,\n \"children\" | \"onChange\" | \"value\"\n>;\nexport const DateRangePickerYearSelect = forwardRef<\n HTMLSelectElement,\n DateRangePickerYearSelectProps\n>(function DateRangePickerYearSelect({ className, ...props }, ref) {\n const { month, monthDisabled, selectYear, styles, yearRange } = useDateRangePickerContext();\n const years = Array.from(\n { length: yearRange.end - yearRange.start + 1 },\n (_, index) => yearRange.start + index,\n );\n return (\n <select\n {...props}\n aria-label={props[\"aria-label\"] ?? \"Select year\"}\n className={cx(styles.yearSelect, className)}\n data-slot=\"date-range-picker-year-select\"\n onChange={(event) => selectYear(Number(event.currentTarget.value))}\n ref={ref}\n value={month.getFullYear()}\n >\n {years.map((year) => (\n <option\n disabled={monthDisabled(createCalendarDate(year, month.getMonth(), 1))}\n key={year}\n value={year}\n >\n {year}\n </option>\n ))}\n </select>\n );\n});\n\nexport interface DateRangePickerDayProps extends Omit<ComponentPropsWithoutRef<\"button\">, \"value\"> {\n date: Date;\n}\nexport const DateRangePickerDay = forwardRef<HTMLButtonElement, DateRangePickerDayProps>(\n function DateRangePickerDay(\n { children, className, date, disabled, onClick, onKeyDown, onMouseEnter, ...props },\n ref,\n ) {\n const {\n dateDisabled,\n disabled: pickerDisabled,\n focusDate,\n focusedDate,\n hoveredDate,\n locale,\n month,\n range,\n onSelect,\n registerDay,\n setHoveredDate,\n styles,\n today,\n weekStartsOn,\n } = useDateRangePickerContext();\n const key = dateKey(date);\n const isDisabled = Boolean(disabled || pickerDisabled || dateDisabled(date));\n const isStart = Boolean(range.start && isSameDay(date, range.start));\n const isEnd = Boolean(range.end && isSameDay(date, range.end));\n const inRange = dateInRange(date, range, hoveredDate);\n const outsideMonth = !sameMonth(date, month);\n const isFocused = isSameDay(date, focusedDate);\n const isToday = isSameDay(date, today);\n return (\n // biome-ignore lint/a11y/useSemanticElements: the roving button is the interactive grid cell.\n <button\n {...props}\n aria-label={\n props[\"aria-label\"] ?? new Intl.DateTimeFormat(locale, { dateStyle: \"full\" }).format(date)\n }\n aria-current={isToday ? \"date\" : undefined}\n aria-selected={isStart || isEnd}\n className={cx(styles.day, className)}\n data-date={key}\n data-disabled={isDisabled || undefined}\n data-in-range={inRange || undefined}\n data-outside-month={outsideMonth || undefined}\n data-range-end={isEnd || undefined}\n data-range-start={isStart || undefined}\n data-slot=\"date-range-picker-day\"\n data-today={isToday || undefined}\n disabled={isDisabled}\n onClick={(event) => {\n onSelect(date);\n onClick?.(event);\n }}\n onKeyDown={(event) => {\n if (!event.defaultPrevented) {\n let nextDate: Date | undefined;\n switch (event.key) {\n case \"ArrowLeft\":\n nextDate = addDays(date, -1);\n break;\n case \"ArrowRight\":\n nextDate = addDays(date, 1);\n break;\n case \"ArrowUp\":\n nextDate = addDays(date, -7);\n break;\n case \"ArrowDown\":\n nextDate = addDays(date, 7);\n break;\n case \"Home\":\n nextDate = addDays(date, -((date.getDay() - weekStartsOn + 7) % 7));\n break;\n case \"End\":\n nextDate = addDays(date, 6 - ((date.getDay() - weekStartsOn + 7) % 7));\n break;\n case \"PageUp\":\n nextDate = addMonths(date, event.shiftKey ? -12 : -1);\n break;\n case \"PageDown\":\n nextDate = addMonths(date, event.shiftKey ? 12 : 1);\n break;\n case \"Enter\":\n case \" \":\n if (!isDisabled) {\n event.preventDefault();\n onSelect(date);\n }\n break;\n }\n if (nextDate) {\n event.preventDefault();\n focusDate(nextDate, nextDate < date ? -1 : 1);\n }\n }\n onKeyDown?.(event);\n }}\n onMouseEnter={(event) => {\n if (!isDisabled) setHoveredDate(date);\n onMouseEnter?.(event);\n }}\n ref={(node) => {\n registerDay(key, node);\n if (typeof ref === \"function\") ref(node);\n else if (ref) ref.current = node;\n }}\n role=\"gridcell\"\n tabIndex={isFocused && !isDisabled ? 0 : -1}\n type=\"button\"\n >\n {children ?? date.getDate()}\n </button>\n );\n },\n);\n\nexport interface DateRangePickerCalendarProps\n extends Omit<ComponentPropsWithoutRef<\"section\">, \"children\"> {\n \"aria-label\"?: string;\n}\nexport const DateRangePickerCalendar = forwardRef<HTMLElement, DateRangePickerCalendarProps>(\n function DateRangePickerCalendar({ \"aria-label\": ariaLabel, className, ...props }, ref) {\n const { locale, month, styles, weekStartsOn } = useDateRangePickerContext();\n const days = useMemo(() => getCalendarDays(month, weekStartsOn), [month, weekStartsOn]);\n const weekdays = useMemo(() => getWeekdayLabels(locale, weekStartsOn), [locale, weekStartsOn]);\n return (\n <section\n {...props}\n aria-label={ariaLabel ?? formatMonthLabel(month, locale)}\n className={cx(styles.calendar, className)}\n data-slot=\"date-range-picker-calendar\"\n ref={ref}\n >\n <div aria-hidden=\"true\" className={styles.weekdays} data-slot=\"date-range-picker-weekdays\">\n {weekdays.map((weekday) => (\n <span className={styles.weekday} data-slot=\"date-range-picker-weekday\" key={weekday}>\n {weekday}\n </span>\n ))}\n </div>\n {/* biome-ignore lint/a11y/useSemanticElements: the calendar uses the ARIA grid pattern. */}\n <div\n aria-label={formatMonthLabel(month, locale)}\n className={styles.grid}\n data-slot=\"date-range-picker-grid\"\n role=\"grid\"\n >\n {days.map((date) => (\n <DateRangePickerDay date={date} key={dateKey(date)} />\n ))}\n </div>\n </section>\n );\n },\n);\n\nexport interface DateRangePickerPreviewProps extends ComponentPropsWithoutRef<\"div\"> {\n children?: ReactNode;\n}\nexport const DateRangePickerPreview = forwardRef<HTMLDivElement, DateRangePickerPreviewProps>(\n function DateRangePickerPreview({ children, className, ...props }, ref) {\n const { hoveredDate, locale, range, styles } = useDateRangePickerContext();\n const content =\n children ??\n (range.start\n ? `${formatDateLabel(range.start, locale, \"\")} – ${range.end ? formatDateLabel(range.end, locale, \"\") : hoveredDate ? formatDateLabel(hoveredDate, locale, \"\") : \"…\"}`\n : \"Select a start date\");\n return (\n <div\n {...props}\n aria-live=\"polite\"\n className={cx(styles.preview, className)}\n data-slot=\"date-range-picker-preview\"\n ref={ref}\n >\n {content}\n </div>\n );\n },\n);\n\nexport interface DateRangePickerInputProps\n extends Omit<ComponentPropsWithoutRef<\"input\">, \"type\" | \"value\" | \"onChange\"> {\n side: \"start\" | \"end\";\n}\nexport const DateRangePickerInput = forwardRef<HTMLInputElement, DateRangePickerInputProps>(\n function DateRangePickerInput({ className, onBlur, onInput, side, ...props }, ref) {\n const { disabled, range, setRange, styles } = useDateRangePickerContext();\n const value = toInputDate(side === \"start\" ? range.start : range.end);\n return (\n <input\n {...props}\n aria-label={props[\"aria-label\"] ?? (side === \"start\" ? \"Start date\" : \"End date\")}\n className={cx(styles.input, className)}\n data-slot={`date-range-picker-${side}-input`}\n disabled={disabled || props.disabled}\n onChange={(event) => {\n const [year, month, day] = event.currentTarget.value.split(\"-\").map(Number);\n if (!year || !month || !day) return;\n const date = createCalendarDate(year, month - 1, day);\n setRange(\n side === \"start\" ? { start: date, end: range.end } : { start: range.start, end: date },\n );\n }}\n onBlur={onBlur}\n onInput={onInput}\n ref={ref}\n type=\"date\"\n value={value}\n />\n );\n },\n);\n\nexport const DateRangePickerStartInput = forwardRef<\n HTMLInputElement,\n Omit<DateRangePickerInputProps, \"side\">\n>(function DateRangePickerStartInput(props, ref) {\n return <DateRangePickerInput {...props} ref={ref} side=\"start\" />;\n});\nexport const DateRangePickerEndInput = forwardRef<\n HTMLInputElement,\n Omit<DateRangePickerInputProps, \"side\">\n>(function DateRangePickerEndInput(props, ref) {\n return <DateRangePickerInput {...props} ref={ref} side=\"end\" />;\n});\n\nexport const DateRangePicker = {\n Root: DateRangePickerRoot,\n Label: DateRangePickerLabel,\n Control: DateRangePickerControl,\n Trigger: DateRangePickerTrigger,\n Value: DateRangePickerValue,\n Clear: DateRangePickerClear,\n Portal: DateRangePickerPortal,\n Positioner: DateRangePickerPositioner,\n Popup: DateRangePickerPopup,\n Close: DateRangePickerClose,\n Header: DateRangePickerHeader,\n Previous: DateRangePickerPrevious,\n Next: DateRangePickerNext,\n MonthSelect: DateRangePickerMonthSelect,\n YearSelect: DateRangePickerYearSelect,\n Calendar: DateRangePickerCalendar,\n Day: DateRangePickerDay,\n Preview: DateRangePickerPreview,\n StartInput: DateRangePickerStartInput,\n EndInput: DateRangePickerEndInput,\n};\n"],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
const require_cx = require("../../styled-system/css/cx.cjs");
|
|
3
3
|
const require_base_ui = require("../base-ui.cjs");
|
|
4
4
|
const require_dialog = require("../../styled-system/recipes/dialog.cjs");
|
|
5
|
+
const require_theme_scope = require("../../theme/theme-scope.cjs");
|
|
5
6
|
let react = require("react");
|
|
6
7
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
7
8
|
let _base_ui_react_dialog = require("@base-ui/react/dialog");
|
|
@@ -20,7 +21,9 @@ const DialogTrigger = (0, react.forwardRef)(function DialogTrigger({ className,
|
|
|
20
21
|
/**
|
|
21
22
|
* Preserves Base UI's portal behavior and optional container/ref APIs.
|
|
22
23
|
*/
|
|
23
|
-
|
|
24
|
+
function DialogPortal(props) {
|
|
25
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Portal, { ...require_theme_scope.useThemePortalProps(props) });
|
|
26
|
+
}
|
|
24
27
|
const DialogBackdrop = (0, react.forwardRef)(function DialogBackdrop({ className, ...props }, ref) {
|
|
25
28
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Backdrop, {
|
|
26
29
|
...props,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.cjs","names":["BaseDialog","withRecipeClassName","dialog","cx"],"sources":["../../../src/components/dialog/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { DialogRoot as BaseDialogRoot } from \"@base-ui/react/dialog\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { dialog } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type DialogSize = \"sm\" | \"md\" | \"lg\";\n\n/**\n * Groups the dialog parts. It supports Base UI's controlled open/onOpenChange\n * API and uncontrolled defaultOpen API.\n */\nexport type DialogRootProps<Payload = unknown> = BaseDialogRoot.Props<Payload>;\n\nexport function DialogRoot<Payload = unknown>(props: DialogRootProps<Payload>) {\n return <BaseDialog.Root {...props} />;\n}\n\nexport type DialogTriggerProps = ComponentPropsWithoutRef<typeof BaseDialog.Trigger>;\n\nexport const DialogTrigger = forwardRef<HTMLButtonElement, DialogTriggerProps>(\n function DialogTrigger({ className, ...props }, ref) {\n return (\n <BaseDialog.Trigger\n {...props}\n ref={ref}\n className={withRecipeClassName(dialog().trigger, className)}\n data-slot=\"dialog-trigger\"\n />\n );\n },\n);\n\nexport type DialogPortalProps = ComponentPropsWithoutRef<typeof BaseDialog.Portal>;\n\n/**\n * Preserves Base UI's portal behavior and optional container/ref APIs.\n */\nexport
|
|
1
|
+
{"version":3,"file":"dialog.cjs","names":["BaseDialog","withRecipeClassName","dialog","useThemePortalProps","cx"],"sources":["../../../src/components/dialog/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { DialogRoot as BaseDialogRoot } from \"@base-ui/react/dialog\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { dialog } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport type DialogSize = \"sm\" | \"md\" | \"lg\";\n\n/**\n * Groups the dialog parts. It supports Base UI's controlled open/onOpenChange\n * API and uncontrolled defaultOpen API.\n */\nexport type DialogRootProps<Payload = unknown> = BaseDialogRoot.Props<Payload>;\n\nexport function DialogRoot<Payload = unknown>(props: DialogRootProps<Payload>) {\n return <BaseDialog.Root {...props} />;\n}\n\nexport type DialogTriggerProps = ComponentPropsWithoutRef<typeof BaseDialog.Trigger>;\n\nexport const DialogTrigger = forwardRef<HTMLButtonElement, DialogTriggerProps>(\n function DialogTrigger({ className, ...props }, ref) {\n return (\n <BaseDialog.Trigger\n {...props}\n ref={ref}\n className={withRecipeClassName(dialog().trigger, className)}\n data-slot=\"dialog-trigger\"\n />\n );\n },\n);\n\nexport type DialogPortalProps = ComponentPropsWithoutRef<typeof BaseDialog.Portal>;\n\n/**\n * Preserves Base UI's portal behavior and optional container/ref APIs.\n */\nexport function DialogPortal(props: DialogPortalProps) {\n return <BaseDialog.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type DialogBackdropProps = ComponentPropsWithoutRef<typeof BaseDialog.Backdrop>;\n\nexport const DialogBackdrop = forwardRef<HTMLDivElement, DialogBackdropProps>(\n function DialogBackdrop({ className, ...props }, ref) {\n return (\n <BaseDialog.Backdrop\n {...props}\n ref={ref}\n className={withRecipeClassName(dialog().backdrop, className)}\n data-slot=\"dialog-backdrop\"\n />\n );\n },\n);\n\nexport type DialogViewportProps = ComponentPropsWithoutRef<typeof BaseDialog.Viewport>;\n\nexport const DialogViewport = forwardRef<HTMLDivElement, DialogViewportProps>(\n function DialogViewport({ className, ...props }, ref) {\n return (\n <BaseDialog.Viewport\n {...props}\n ref={ref}\n className={withRecipeClassName(dialog().viewport, className)}\n data-slot=\"dialog-viewport\"\n />\n );\n },\n);\n\nexport interface DialogPopupProps extends ComponentPropsWithoutRef<typeof BaseDialog.Popup> {\n size?: DialogSize;\n}\n\nexport const DialogPopup = forwardRef<HTMLDivElement, DialogPopupProps>(function DialogPopup(\n { className, size = \"md\", ...props },\n ref,\n) {\n return (\n <BaseDialog.Popup\n {...props}\n ref={ref}\n className={withRecipeClassName(dialog({ size }).popup, className)}\n data-jaci-component=\"dialog\"\n data-slot=\"dialog-popup\"\n />\n );\n});\n\nexport type DialogHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const DialogHeader = forwardRef<HTMLDivElement, DialogHeaderProps>(function DialogHeader(\n { className, ...props },\n ref,\n) {\n return (\n <div\n {...props}\n ref={ref}\n className={cx(dialog().header, className)}\n data-slot=\"dialog-header\"\n />\n );\n});\n\nexport type DialogTitleProps = ComponentPropsWithoutRef<typeof BaseDialog.Title>;\n\nexport const DialogTitle = forwardRef<HTMLHeadingElement, DialogTitleProps>(function DialogTitle(\n { className, ...props },\n ref,\n) {\n return (\n <BaseDialog.Title\n {...props}\n ref={ref}\n className={withRecipeClassName(dialog().title, className)}\n data-slot=\"dialog-title\"\n />\n );\n});\n\nexport type DialogDescriptionProps = ComponentPropsWithoutRef<typeof BaseDialog.Description>;\n\nexport const DialogDescription = forwardRef<HTMLParagraphElement, DialogDescriptionProps>(\n function DialogDescription({ className, ...props }, ref) {\n return (\n <BaseDialog.Description\n {...props}\n ref={ref}\n className={withRecipeClassName(dialog().description, className)}\n data-slot=\"dialog-description\"\n />\n );\n },\n);\n\nexport type DialogBodyProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const DialogBody = forwardRef<HTMLDivElement, DialogBodyProps>(function DialogBody(\n { className, ...props },\n ref,\n) {\n return (\n <div {...props} ref={ref} className={cx(dialog().body, className)} data-slot=\"dialog-body\" />\n );\n});\n\nexport type DialogFooterProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const DialogFooter = forwardRef<HTMLDivElement, DialogFooterProps>(function DialogFooter(\n { className, ...props },\n ref,\n) {\n return (\n <div\n {...props}\n ref={ref}\n className={cx(dialog().footer, className)}\n data-slot=\"dialog-footer\"\n />\n );\n});\n\nexport type DialogCloseProps = ComponentPropsWithoutRef<typeof BaseDialog.Close>;\n\nexport const DialogClose = forwardRef<HTMLButtonElement, DialogCloseProps>(function DialogClose(\n { \"aria-label\": ariaLabel, children, className, ...props },\n ref,\n) {\n const hasVisibleLabel = children != null;\n\n return (\n <BaseDialog.Close\n {...props}\n aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close dialog\")}\n ref={ref}\n className={withRecipeClassName(hasVisibleLabel ? dialog().action : dialog().close, className)}\n data-slot=\"dialog-close\"\n >\n {children ?? \"×\"}\n </BaseDialog.Close>\n );\n});\n\nexport const Dialog = {\n Root: DialogRoot,\n Trigger: DialogTrigger,\n Portal: DialogPortal,\n Backdrop: DialogBackdrop,\n Viewport: DialogViewport,\n Popup: DialogPopup,\n Header: DialogHeader,\n Title: DialogTitle,\n Description: DialogDescription,\n Body: DialogBody,\n Footer: DialogFooter,\n Close: DialogClose,\n createHandle: BaseDialog.createHandle,\n};\n"],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ type DialogPortalProps = ComponentPropsWithoutRef<typeof Dialog.Portal>;
|
|
|
14
14
|
/**
|
|
15
15
|
* Preserves Base UI's portal behavior and optional container/ref APIs.
|
|
16
16
|
*/
|
|
17
|
-
declare
|
|
17
|
+
declare function DialogPortal(props: DialogPortalProps): import("react").JSX.Element;
|
|
18
18
|
type DialogBackdropProps = ComponentPropsWithoutRef<typeof Dialog.Backdrop>;
|
|
19
19
|
declare const DialogBackdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
20
20
|
type DialogViewportProps = ComponentPropsWithoutRef<typeof Dialog.Viewport>;
|
|
@@ -38,7 +38,7 @@ declare const DialogClose: import("react").ForwardRefExoticComponent<Omit<Omit<i
|
|
|
38
38
|
declare const Dialog$1: {
|
|
39
39
|
Root: typeof DialogRoot$1;
|
|
40
40
|
Trigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogTriggerProps<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
41
|
-
Portal:
|
|
41
|
+
Portal: typeof DialogPortal;
|
|
42
42
|
Backdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
43
43
|
Viewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
44
44
|
Popup: import("react").ForwardRefExoticComponent<DialogPopupProps & import("react").RefAttributes<HTMLDivElement>>;
|