@gunkin/uiify 0.0.25-alpha → 0.0.26-alpha
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/agents/reference/components/accordion.md +4 -4
- package/agents/reference/components/alert-modal.md +10 -10
- package/agents/reference/components/alert.md +1 -1
- package/agents/reference/components/aspect-ratio.md +1 -1
- package/agents/reference/components/avatar.md +2 -2
- package/agents/reference/components/breadcrumb.md +9 -10
- package/agents/reference/components/candle-chart.md +35 -35
- package/agents/reference/components/carousel.md +10 -14
- package/agents/reference/components/collapsible.md +3 -3
- package/agents/reference/components/color-picker.md +6 -6
- package/agents/reference/components/combobox.md +7 -17
- package/agents/reference/components/context-menu.md +5 -26
- package/agents/reference/components/date-picker.md +2 -1
- package/agents/reference/components/drawer.md +17 -31
- package/agents/reference/components/dropdown-menu.md +2 -3
- package/agents/reference/components/field.md +11 -11
- package/agents/reference/components/form-error-summary.md +4 -4
- package/agents/reference/components/input-group.md +1 -0
- package/agents/reference/components/input.md +1 -0
- package/agents/reference/components/line-chart.md +29 -29
- package/agents/reference/components/modal.md +13 -15
- package/agents/reference/components/number-field.md +1 -1
- package/agents/reference/components/otp-input.md +2 -1
- package/agents/reference/components/pagination.md +7 -8
- package/agents/reference/components/rating.md +1 -1
- package/agents/reference/components/segmented-control.md +1 -0
- package/agents/reference/components/select.md +1 -0
- package/agents/reference/components/slider.md +4 -4
- package/agents/reference/components/spinner.md +1 -1
- package/agents/reference/components/table.md +1 -1
- package/agents/reference/components/tabs.md +6 -6
- package/agents/reference/components/tags-input.md +5 -12
- package/agents/reference/components/toast.md +8 -15
- package/agents/reference/components/toggle.md +4 -3
- package/agents/reference/components/virtual-scroll.md +4 -5
- package/agents/reference/elements/choice.md +3 -3
- package/agents/reference/elements/details.md +2 -2
- package/agents/reference/elements/popover.md +3 -3
- package/dist/components/accordion/Accordion.d.ts.map +1 -1
- package/dist/components/accordion/Accordion.js +20 -46
- package/dist/components/accordion/Accordion.js.map +1 -1
- package/dist/components/accordion/types.d.ts +6 -15
- package/dist/components/accordion/types.d.ts.map +1 -1
- package/dist/components/alert/Alert.d.ts.map +1 -1
- package/dist/components/alert/Alert.js +5 -14
- package/dist/components/alert/Alert.js.map +1 -1
- package/dist/components/alert/types.d.ts +3 -7
- package/dist/components/alert/types.d.ts.map +1 -1
- package/dist/components/alert-modal/AlertModal.d.ts.map +1 -1
- package/dist/components/alert-modal/AlertModal.js +28 -137
- package/dist/components/alert-modal/AlertModal.js.map +1 -1
- package/dist/components/alert-modal/AlertModalParts.d.ts.map +1 -1
- package/dist/components/alert-modal/AlertModalParts.js +4 -37
- package/dist/components/alert-modal/AlertModalParts.js.map +1 -1
- package/dist/components/alert-modal/types.d.ts +15 -33
- package/dist/components/alert-modal/types.d.ts.map +1 -1
- package/dist/components/aspect-ratio/AspectRatio.d.ts.map +1 -1
- package/dist/components/aspect-ratio/AspectRatio.js +4 -12
- package/dist/components/aspect-ratio/AspectRatio.js.map +1 -1
- package/dist/components/aspect-ratio/types.d.ts +3 -6
- package/dist/components/aspect-ratio/types.d.ts.map +1 -1
- package/dist/components/avatar/Avatar.d.ts.map +1 -1
- package/dist/components/avatar/Avatar.js +4 -21
- package/dist/components/avatar/Avatar.js.map +1 -1
- package/dist/components/avatar/types.d.ts +4 -14
- package/dist/components/avatar/types.d.ts.map +1 -1
- package/dist/components/breadcrumb/Breadcrumb.d.ts.map +1 -1
- package/dist/components/breadcrumb/Breadcrumb.js +43 -123
- package/dist/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/components/breadcrumb/types.d.ts +12 -35
- package/dist/components/breadcrumb/types.d.ts.map +1 -1
- package/dist/components/candle-chart/CandleChart.d.ts.map +1 -1
- package/dist/components/candle-chart/CandleChart.js +122 -186
- package/dist/components/candle-chart/CandleChart.js.map +1 -1
- package/dist/components/candle-chart/client/CandleChartClient.d.ts.map +1 -1
- package/dist/components/candle-chart/client/CandleChartClient.js +8 -15
- package/dist/components/candle-chart/client/CandleChartClient.js.map +1 -1
- package/dist/components/candle-chart/types.d.ts +42 -116
- package/dist/components/candle-chart/types.d.ts.map +1 -1
- package/dist/components/carousel/CarouselMarkup.d.ts.map +1 -1
- package/dist/components/carousel/CarouselMarkup.js +55 -142
- package/dist/components/carousel/CarouselMarkup.js.map +1 -1
- package/dist/components/carousel/types.d.ts +13 -80
- package/dist/components/carousel/types.d.ts.map +1 -1
- package/dist/components/collapsible/Collapsible.d.ts +1 -5
- package/dist/components/collapsible/Collapsible.d.ts.map +1 -1
- package/dist/components/collapsible/Collapsible.js +3 -33
- package/dist/components/collapsible/Collapsible.js.map +1 -1
- package/dist/components/collapsible/types.d.ts +4 -18
- package/dist/components/collapsible/types.d.ts.map +1 -1
- package/dist/components/color-picker/ColorPicker.d.ts.map +1 -1
- package/dist/components/color-picker/ColorPicker.js +28 -123
- package/dist/components/color-picker/ColorPicker.js.map +1 -1
- package/dist/components/color-picker/types.d.ts +11 -30
- package/dist/components/color-picker/types.d.ts.map +1 -1
- package/dist/components/combobox/Combobox.d.ts.map +1 -1
- package/dist/components/combobox/Combobox.js +30 -23
- package/dist/components/combobox/Combobox.js.map +1 -1
- package/dist/components/combobox/types.d.ts +9 -29
- package/dist/components/combobox/types.d.ts.map +1 -1
- package/dist/components/context-menu/ContextMenu.d.ts.map +1 -1
- package/dist/components/context-menu/ContextMenu.js +30 -53
- package/dist/components/context-menu/ContextMenu.js.map +1 -1
- package/dist/components/context-menu/types.d.ts +6 -31
- package/dist/components/context-menu/types.d.ts.map +1 -1
- package/dist/components/date-picker/DatePicker.d.ts +1 -1
- package/dist/components/date-picker/DatePicker.d.ts.map +1 -1
- package/dist/components/date-picker/DatePicker.js +2 -1
- package/dist/components/date-picker/DatePicker.js.map +1 -1
- package/dist/components/date-picker/types.d.ts +4 -1
- package/dist/components/date-picker/types.d.ts.map +1 -1
- package/dist/components/drawer/Drawer.d.ts.map +1 -1
- package/dist/components/drawer/Drawer.js +12 -12
- package/dist/components/drawer/Drawer.js.map +1 -1
- package/dist/components/drawer/DrawerNative.d.ts.map +1 -1
- package/dist/components/drawer/DrawerNative.js +47 -252
- package/dist/components/drawer/DrawerNative.js.map +1 -1
- package/dist/components/drawer/types.d.ts +25 -30
- package/dist/components/drawer/types.d.ts.map +1 -1
- package/dist/components/dropdown-menu/DropdownMenu.d.ts.map +1 -1
- package/dist/components/dropdown-menu/DropdownMenu.js +30 -27
- package/dist/components/dropdown-menu/DropdownMenu.js.map +1 -1
- package/dist/components/dropdown-menu/DropdownMenuBar.d.ts.map +1 -1
- package/dist/components/dropdown-menu/DropdownMenuBar.js +3 -7
- package/dist/components/dropdown-menu/DropdownMenuBar.js.map +1 -1
- package/dist/components/dropdown-menu/types.d.ts +2 -5
- package/dist/components/dropdown-menu/types.d.ts.map +1 -1
- package/dist/components/field/Field.js +7 -7
- package/dist/components/field/Field.js.map +1 -1
- package/dist/components/field/types.d.ts +11 -11
- package/dist/components/field/types.d.ts.map +1 -1
- package/dist/components/form-error-summary/FormErrorSummary.d.ts.map +1 -1
- package/dist/components/form-error-summary/FormErrorSummary.js +20 -34
- package/dist/components/form-error-summary/FormErrorSummary.js.map +1 -1
- package/dist/components/form-error-summary/types.d.ts +6 -16
- package/dist/components/form-error-summary/types.d.ts.map +1 -1
- package/dist/components/hover-card/HoverCard.d.ts.map +1 -1
- package/dist/components/hover-card/HoverCard.js +9 -9
- package/dist/components/hover-card/HoverCard.js.map +1 -1
- package/dist/components/input/Input.d.ts.map +1 -1
- package/dist/components/input/Input.js +2 -0
- package/dist/components/input/Input.js.map +1 -1
- package/dist/components/input/types.d.ts +3 -0
- package/dist/components/input/types.d.ts.map +1 -1
- package/dist/components/input-group/InputGroup.d.ts.map +1 -1
- package/dist/components/input-group/InputGroup.js +2 -1
- package/dist/components/input-group/InputGroup.js.map +1 -1
- package/dist/components/input-group/types.d.ts +3 -0
- package/dist/components/input-group/types.d.ts.map +1 -1
- package/dist/components/internal/chart-scrollbar/use-scrollbar-reserve.d.ts +2 -2
- package/dist/components/internal/chart-scrollbar/use-scrollbar-reserve.d.ts.map +1 -1
- package/dist/components/internal/chart-scrollbar/use-scrollbar-reserve.js +11 -3
- package/dist/components/internal/chart-scrollbar/use-scrollbar-reserve.js.map +1 -1
- package/dist/components/internal/choice-family/ChoiceGroup.d.ts.map +1 -1
- package/dist/components/internal/choice-family/ChoiceGroup.js +14 -51
- package/dist/components/internal/choice-family/ChoiceGroup.js.map +1 -1
- package/dist/components/internal/choice-family/types.d.ts +8 -40
- package/dist/components/internal/choice-family/types.d.ts.map +1 -1
- package/dist/components/internal/control-size/types.d.ts +3 -0
- package/dist/components/internal/control-size/types.d.ts.map +1 -0
- package/dist/components/internal/control-size/types.js +1 -0
- package/dist/components/internal/control-size/types.js.map +1 -0
- package/dist/components/internal/live-chart/types.d.ts +3 -1
- package/dist/components/internal/live-chart/types.d.ts.map +1 -1
- package/dist/components/internal/live-chart/use-live-chart-window.d.ts.map +1 -1
- package/dist/components/internal/live-chart/use-live-chart-window.js +21 -5
- package/dist/components/internal/live-chart/use-live-chart-window.js.map +1 -1
- package/dist/components/internal/menu/menu-parts.d.ts.map +1 -1
- package/dist/components/internal/menu/menu-parts.js +3 -3
- package/dist/components/internal/menu/menu-parts.js.map +1 -1
- package/dist/components/internal/native-check-control/NativeCheckControl.d.ts.map +1 -1
- package/dist/components/internal/native-check-control/NativeCheckControl.js +8 -32
- package/dist/components/internal/native-check-control/NativeCheckControl.js.map +1 -1
- package/dist/components/internal/native-check-control/types.d.ts +4 -18
- package/dist/components/internal/native-check-control/types.d.ts.map +1 -1
- package/dist/components/line-chart/LineChart.d.ts.map +1 -1
- package/dist/components/line-chart/LineChart.js +134 -208
- package/dist/components/line-chart/LineChart.js.map +1 -1
- package/dist/components/line-chart/client/LineChartClient.d.ts.map +1 -1
- package/dist/components/line-chart/client/LineChartClient.js +8 -15
- package/dist/components/line-chart/client/LineChartClient.js.map +1 -1
- package/dist/components/line-chart/types.d.ts +36 -103
- package/dist/components/line-chart/types.d.ts.map +1 -1
- package/dist/components/modal/Modal.d.ts.map +1 -1
- package/dist/components/modal/Modal.js +34 -115
- package/dist/components/modal/Modal.js.map +1 -1
- package/dist/components/modal/ModalAnatomy.js +6 -6
- package/dist/components/modal/ModalAnatomy.js.map +1 -1
- package/dist/components/modal/ModalParts.js +1 -1
- package/dist/components/modal/ModalParts.js.map +1 -1
- package/dist/components/modal/client/ModalClientContent.d.ts.map +1 -1
- package/dist/components/modal/client/ModalClientContent.js +2 -2
- package/dist/components/modal/client/ModalClientContent.js.map +1 -1
- package/dist/components/modal/types.d.ts +19 -19
- package/dist/components/modal/types.d.ts.map +1 -1
- package/dist/components/number-field/NumberField.d.ts.map +1 -1
- package/dist/components/number-field/NumberField.js +13 -11
- package/dist/components/number-field/NumberField.js.map +1 -1
- package/dist/components/number-field/types.d.ts +1 -1
- package/dist/components/number-field/types.d.ts.map +1 -1
- package/dist/components/otp-input/OtpInput.d.ts.map +1 -1
- package/dist/components/otp-input/OtpInput.js +9 -9
- package/dist/components/otp-input/OtpInput.js.map +1 -1
- package/dist/components/otp-input/types.d.ts +4 -1
- package/dist/components/otp-input/types.d.ts.map +1 -1
- package/dist/components/pagination/Pagination.d.ts.map +1 -1
- package/dist/components/pagination/Pagination.js +26 -69
- package/dist/components/pagination/Pagination.js.map +1 -1
- package/dist/components/pagination/PaginationShell.d.ts.map +1 -1
- package/dist/components/pagination/PaginationShell.js +5 -6
- package/dist/components/pagination/PaginationShell.js.map +1 -1
- package/dist/components/pagination/types.d.ts +9 -32
- package/dist/components/pagination/types.d.ts.map +1 -1
- package/dist/components/rating/types.d.ts +1 -5
- package/dist/components/rating/types.d.ts.map +1 -1
- package/dist/components/segmented-control/SegmentedControl.d.ts +1 -1
- package/dist/components/segmented-control/SegmentedControl.d.ts.map +1 -1
- package/dist/components/segmented-control/SegmentedControl.js +4 -2
- package/dist/components/segmented-control/SegmentedControl.js.map +1 -1
- package/dist/components/segmented-control/client/SegmentedControlClient.d.ts +1 -1
- package/dist/components/segmented-control/client/SegmentedControlClient.d.ts.map +1 -1
- package/dist/components/segmented-control/client/SegmentedControlClient.js +4 -2
- package/dist/components/segmented-control/client/SegmentedControlClient.js.map +1 -1
- package/dist/components/segmented-control/types.d.ts +3 -0
- package/dist/components/segmented-control/types.d.ts.map +1 -1
- package/dist/components/select/Select.d.ts.map +1 -1
- package/dist/components/select/Select.js +2 -0
- package/dist/components/select/Select.js.map +1 -1
- package/dist/components/select/types.d.ts +3 -0
- package/dist/components/select/types.d.ts.map +1 -1
- package/dist/components/slider/Slider.d.ts.map +1 -1
- package/dist/components/slider/Slider.js +12 -7
- package/dist/components/slider/Slider.js.map +1 -1
- package/dist/components/slider/client/SliderClient.d.ts.map +1 -1
- package/dist/components/slider/client/SliderClient.js +53 -100
- package/dist/components/slider/client/SliderClient.js.map +1 -1
- package/dist/components/slider/types.d.ts +8 -38
- package/dist/components/slider/types.d.ts.map +1 -1
- package/dist/components/spinner/Spinner.d.ts.map +1 -1
- package/dist/components/spinner/Spinner.js +2 -10
- package/dist/components/spinner/Spinner.js.map +1 -1
- package/dist/components/spinner/types.d.ts +3 -6
- package/dist/components/spinner/types.d.ts.map +1 -1
- package/dist/components/table/client/TableColumnHeader.d.ts.map +1 -1
- package/dist/components/table/client/TableColumnHeader.js +1 -15
- package/dist/components/table/client/TableColumnHeader.js.map +1 -1
- package/dist/components/table/types.d.ts +2 -6
- package/dist/components/table/types.d.ts.map +1 -1
- package/dist/components/tabs/Tabs.d.ts.map +1 -1
- package/dist/components/tabs/Tabs.js +9 -43
- package/dist/components/tabs/Tabs.js.map +1 -1
- package/dist/components/tabs/types.d.ts +8 -21
- package/dist/components/tabs/types.d.ts.map +1 -1
- package/dist/components/tags-input/TagsInput.d.ts.map +1 -1
- package/dist/components/tags-input/TagsInput.js +16 -27
- package/dist/components/tags-input/TagsInput.js.map +1 -1
- package/dist/components/tags-input/types.d.ts +8 -23
- package/dist/components/tags-input/types.d.ts.map +1 -1
- package/dist/components/toast/Toast.d.ts.map +1 -1
- package/dist/components/toast/Toast.js +13 -62
- package/dist/components/toast/Toast.js.map +1 -1
- package/dist/components/toast/ToastElements.d.ts.map +1 -1
- package/dist/components/toast/ToastElements.js +20 -57
- package/dist/components/toast/ToastElements.js.map +1 -1
- package/dist/components/toast/types.d.ts +9 -36
- package/dist/components/toast/types.d.ts.map +1 -1
- package/dist/components/toggle/Toggle.d.ts +1 -1
- package/dist/components/toggle/Toggle.d.ts.map +1 -1
- package/dist/components/toggle/Toggle.js +36 -61
- package/dist/components/toggle/Toggle.js.map +1 -1
- package/dist/components/toggle/types.d.ts +5 -24
- package/dist/components/toggle/types.d.ts.map +1 -1
- package/dist/components/tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/tooltip/Tooltip.js +4 -4
- package/dist/components/tooltip/Tooltip.js.map +1 -1
- package/dist/components/virtual-scroll/VirtualScroll.d.ts.map +1 -1
- package/dist/components/virtual-scroll/VirtualScroll.js +65 -43
- package/dist/components/virtual-scroll/VirtualScroll.js.map +1 -1
- package/dist/components/virtual-scroll/VirtualScrollRowShell.js +2 -2
- package/dist/components/virtual-scroll/VirtualScrollRowShell.js.map +1 -1
- package/dist/components/virtual-scroll/types.d.ts +7 -20
- package/dist/components/virtual-scroll/types.d.ts.map +1 -1
- package/dist/components/virtual-scroll/types.js.map +1 -1
- package/dist/components/virtual-scroll/virtual-scroll-scroll-sync.d.ts +3 -0
- package/dist/components/virtual-scroll/virtual-scroll-scroll-sync.d.ts.map +1 -1
- package/dist/components/virtual-scroll/virtual-scroll-scroll-sync.js +11 -2
- package/dist/components/virtual-scroll/virtual-scroll-scroll-sync.js.map +1 -1
- package/dist/core/class-names.d.ts +3 -0
- package/dist/core/class-names.d.ts.map +1 -0
- package/dist/core/class-names.js +7 -0
- package/dist/core/class-names.js.map +1 -0
- package/dist/core/part-names.d.ts +8 -0
- package/dist/core/part-names.d.ts.map +1 -0
- package/dist/core/part-names.js +111 -0
- package/dist/core/part-names.js.map +1 -0
- package/dist/core/polymorphic.d.ts +10 -3
- package/dist/core/polymorphic.d.ts.map +1 -1
- package/dist/core/render-native-invoker.d.ts +1 -0
- package/dist/core/render-native-invoker.d.ts.map +1 -1
- package/dist/core/render-native-invoker.js +6 -6
- package/dist/core/render-native-invoker.js.map +1 -1
- package/dist/core/roving-focus.d.ts +2 -2
- package/dist/core/roving-focus.d.ts.map +1 -1
- package/dist/core/roving-focus.js +6 -7
- package/dist/core/roving-focus.js.map +1 -1
- package/dist/core/slot-props.d.ts +9 -7
- package/dist/core/slot-props.d.ts.map +1 -1
- package/dist/core/slot-props.js +4 -14
- package/dist/core/slot-props.js.map +1 -1
- package/dist/elements/choice/Choice.d.ts.map +1 -1
- package/dist/elements/choice/Choice.js +5 -42
- package/dist/elements/choice/Choice.js.map +1 -1
- package/dist/elements/choice/types.d.ts +4 -11
- package/dist/elements/choice/types.d.ts.map +1 -1
- package/dist/elements/details/Details.d.ts.map +1 -1
- package/dist/elements/details/Details.js +4 -5
- package/dist/elements/details/Details.js.map +1 -1
- package/dist/elements/details/types.d.ts +3 -3
- package/dist/elements/details/types.d.ts.map +1 -1
- package/dist/elements/dialog/Dialog.d.ts.map +1 -1
- package/dist/elements/dialog/Dialog.js +1 -1
- package/dist/elements/dialog/Dialog.js.map +1 -1
- package/dist/elements/invoker/Invoker.js +3 -3
- package/dist/elements/invoker/Invoker.js.map +1 -1
- package/dist/elements/popover/Popover.d.ts.map +1 -1
- package/dist/elements/popover/Popover.js +3 -3
- package/dist/elements/popover/Popover.js.map +1 -1
- package/dist/elements/popover/types.d.ts +6 -4
- package/dist/elements/popover/types.d.ts.map +1 -1
- package/dist/styles/index.css +1 -1
- package/dist/styles/tailwind.css +2 -2
- package/dist/styles/tokens.css +1 -1
- package/package.json +1 -1
- package/skills/uiify/references/elements/aspect-ratio.md +1 -1
- package/skills/uiify/references/elements/field.md +1 -1
- package/skills/uiify/references/elements/toggle.md +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useRef, useState, useSyncExternalStore } from \"react\";\nimport type {\n ClipboardEvent,\n ElementType,\n KeyboardEvent,\n ReactElement,\n SyntheticEvent,\n} from \"react\";\nimport {\n useControllableState,\n useId,\n useIsomorphicLayoutEffect,\n useMergedRefs,\n} from \"@gunkin/uiify/hooks\";\nimport { createPartContext, splitRef } from \"@gunkin/uiify/core\";\nimport { useAnchorPosition } from \"@gunkin/uiify/core/anchor-position\";\nimport {\n CollectionProvider,\n useCollection,\n useCollectionItem,\n} from \"@gunkin/uiify/core/collection\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { DismissableLayer } from \"@gunkin/uiify/core/dismissable-layer\";\nimport { isComposingKeyEvent } from \"@gunkin/uiify/core/ime\";\nimport { usePopover } from \"@gunkin/uiify/core/popover\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { resolveRepeatedSlotProps } from \"../../core/slot-props.js\";\nimport {\n createComboboxActiveStore,\n defaultComboboxFilter,\n moveActiveId,\n} from \"./combobox-store.js\";\nimport {\n canAddComboboxValue,\n normalizeComboboxValue,\n splitComboboxValues,\n} from \"./combobox-values.js\";\nimport type {\n ComboboxActiveStore,\n ComboboxControlProps,\n ComboboxItemData,\n ComboboxContextValue,\n ComboboxRootProps,\n ComboboxMultiValueOptions,\n ComboboxTagsProps,\n ComboboxInputProps,\n ComboboxTriggerProps,\n ComboboxContentOwnProps,\n ComboboxItemOwnProps,\n ComboboxEmptyOwnProps,\n} from \"./types.js\";\n\nexport type { ComboboxItemData } from \"./types.js\";\n\nconst [ComboboxProvider, useComboboxContext] = createPartContext<ComboboxContextValue>(\"Combobox\");\nconst DEFAULT_MULTI_DELIMITERS = [\",\"] as const;\nconst EMPTY_DELIMITERS: readonly string[] = [];\n\nfunction getEnabledIds(collection: ReturnType<typeof useCollection<ComboboxItemData>>): string[] {\n return collection.filter((entry) => !entry.data.disabled).map((entry) => entry.id);\n}\n\nexport function ComboboxRoot(props: ComboboxRootProps): ReactElement | null {\n const rootProps = props as ComboboxRootProps & ComboboxMultiValueOptions;\n const {\n addOnPaste: configuredAddOnPaste,\n allowCustomValue: configuredAllowCustomValue,\n children,\n className,\n defaultInputValue,\n defaultOpen,\n defaultValue,\n delimiters: configuredDelimiters,\n filterFn = defaultComboboxFilter,\n id,\n inputValue: controlledInputValue,\n items,\n maxValues: configuredMaxValues,\n multiple: multipleMode,\n onInputValueChange,\n onOpenChange,\n onValueChange,\n open: controlledOpen,\n validateValue: configuredValidateValue,\n value: controlledValue,\n ...consumerProps\n } = rootProps;\n const multiple = multipleMode === true;\n let multiDefaultValue: readonly string[] = [];\n let multiValue: readonly string[] | undefined;\n let multiOnValueChange: ((value: string[]) => void) | undefined;\n let singleOnValueChange: ((value: string) => void) | undefined;\n let singleValue: string | undefined;\n\n if (multipleMode === true) {\n multiDefaultValue = (defaultValue as readonly string[] | undefined) ?? [];\n multiValue = controlledValue as readonly string[] | undefined;\n multiOnValueChange = onValueChange as ((value: string[]) => void) | undefined;\n } else {\n singleOnValueChange = onValueChange as ((value: string) => void) | undefined;\n singleValue = (controlledValue as string | undefined) ?? (defaultValue as string | undefined);\n }\n\n const addOnPaste = multiple ? (configuredAddOnPaste ?? true) : false;\n const allowCustomValue = multiple ? (configuredAllowCustomValue ?? false) : false;\n const delimiters = multiple\n ? (configuredDelimiters ?? DEFAULT_MULTI_DELIMITERS)\n : EMPTY_DELIMITERS;\n const maxValues = multiple ? configuredMaxValues : undefined;\n const validateValue = multiple ? configuredValidateValue : undefined;\n\n const listboxId = useId();\n const activeStoreRef = useRef<ComboboxActiveStore | null>(null);\n activeStoreRef.current ??= createComboboxActiveStore();\n const activeStore = activeStoreRef.current;\n const inputRef = useRef<HTMLElement | null>(null);\n const [inputNode, setInputNode] = useState<HTMLElement | null>(null);\n const [internalInputValue, setInternalInputValue] = useState(defaultInputValue ?? \"\");\n const inputValue = controlledInputValue ?? internalInputValue;\n const [selectedValues, setSelectedValues] = useControllableState<readonly string[]>({\n defaultValue: [...multiDefaultValue],\n ...(multiValue !== undefined ? { value: multiValue } : {}),\n ...(multiOnValueChange\n ? { onChange: (next: readonly string[]) => multiOnValueChange([...next]) }\n : {}),\n });\n\n const popover = usePopover({\n mode: \"auto\",\n ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n ...(controlledOpen !== undefined ? { open: controlledOpen } : {}),\n ...(onOpenChange ? { onOpenChange } : {}),\n });\n const anchor = useAnchorPosition();\n\n const setInputElement = useCallback((element: HTMLElement | null) => {\n inputRef.current = element;\n setInputNode(element);\n }, []);\n\n const setInputValue = useCallback(\n (next: string) => {\n if (controlledInputValue === undefined) setInternalInputValue(next);\n onInputValueChange?.(next);\n },\n [controlledInputValue, onInputValueChange],\n );\n\n const isValueSelected = useCallback(\n (value: string) => multiple && selectedValues.includes(value),\n [multiple, selectedValues],\n );\n\n const getValueLabel = useCallback(\n (value: string) => items.find((item) => item.value === value)?.label ?? value,\n [items],\n );\n\n const removeValue = useCallback(\n (value: string) => {\n if (!multiple) return;\n setSelectedValues((current) => {\n if (!current.includes(value)) return current;\n return current.filter((selectedValue) => selectedValue !== value);\n });\n },\n [multiple, setSelectedValues],\n );\n\n const addValue = useCallback(\n (value: string): boolean => {\n let added = false;\n setSelectedValues((current) => {\n if (\n !canAddComboboxValue(value, current, {\n ...(maxValues !== undefined ? { maxValues } : {}),\n ...(validateValue ? { validateValue } : {}),\n })\n )\n return current;\n added = true;\n return [...current, value];\n });\n if (added) {\n setInputValue(\"\");\n activeStore.setActiveId(null);\n }\n return added;\n },\n [activeStore, maxValues, setInputValue, setSelectedValues, validateValue],\n );\n\n const toggleValue = useCallback(\n (item: ComboboxItemData) => {\n if (!multiple || item.disabled) return;\n let added = false;\n setSelectedValues((current) => {\n if (current.includes(item.value)) {\n return current.filter((value) => value !== item.value);\n }\n if (\n !canAddComboboxValue(item.value, current, {\n ...(maxValues !== undefined ? { maxValues } : {}),\n ...(validateValue ? { validateValue } : {}),\n })\n )\n return current;\n added = true;\n return [...current, item.value];\n });\n if (added) setInputValue(\"\");\n },\n [maxValues, multiple, setInputValue, setSelectedValues, validateValue],\n );\n\n const commitValue = useCallback(\n (value: string): boolean => {\n if (!multiple) return false;\n const normalizedValue = normalizeComboboxValue(value);\n const item = items.find(\n (candidate) => candidate.value === normalizedValue || candidate.label === normalizedValue,\n );\n if (item?.disabled || (!item && !allowCustomValue)) return false;\n return addValue(item?.value ?? normalizedValue);\n },\n [addValue, allowCustomValue, items, multiple],\n );\n\n const selectItem = useCallback(\n (item: ComboboxItemData) => {\n if (multiple) {\n toggleValue(item);\n return;\n }\n singleOnValueChange?.(item.value);\n setInputValue(item.label);\n activeStore.setActiveId(null);\n popover.close();\n },\n [activeStore, multiple, popover, setInputValue, singleOnValueChange, toggleValue],\n );\n\n useIsomorphicLayoutEffect(() => {\n if (!popover.open) activeStore.setActiveId(null);\n }, [activeStore, popover.open]);\n\n const contextValue = useMemo<ComboboxContextValue>(\n () => ({\n activeStore,\n addOnPaste,\n anchorProps: anchor.anchorProps,\n anchorRef: anchor.anchorRef,\n close: popover.close,\n filterFn,\n inputNode,\n inputValue,\n items,\n listboxId,\n delimiters,\n multiple,\n selectedValues,\n getValueLabel,\n isValueSelected,\n toggleValue,\n removeValue,\n commitValue,\n open: popover.openPopover,\n openState: popover.open,\n popupProps: popover.popupProps,\n popupRef: popover.popupRef,\n positionerProps: anchor.positionerProps,\n positionerRef: anchor.positionerRef,\n selectItem,\n setInputElement,\n setInputValue,\n ...(multiple\n ? { value: selectedValues }\n : singleValue !== undefined\n ? { value: singleValue }\n : {}),\n }),\n [\n activeStore,\n addOnPaste,\n anchor.anchorProps,\n anchor.anchorRef,\n anchor.positionerProps,\n anchor.positionerRef,\n commitValue,\n delimiters,\n filterFn,\n getValueLabel,\n inputNode,\n inputValue,\n items,\n isValueSelected,\n listboxId,\n multiple,\n popover.close,\n popover.open,\n popover.openPopover,\n popover.popupProps,\n popover.popupRef,\n selectItem,\n selectedValues,\n setInputElement,\n setInputValue,\n removeValue,\n singleValue,\n toggleValue,\n ],\n );\n\n return (\n <div {...consumerProps} id={id} className={className} data-uiify-combobox=\"\">\n <CollectionProvider>\n <ComboboxProvider value={contextValue}>{children}</ComboboxProvider>\n </CollectionProvider>\n </div>\n );\n}\nComboboxRoot.displayName = \"ComboboxRoot\";\n\nexport function ComboboxControl<TAs extends ElementType = \"div\">(\n props: ComboboxControlProps<TAs>,\n): ReactElement | null {\n const { as, render, children, className, ...consumerProps } =\n props as ComboboxControlProps<ElementType>;\n\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n ...consumerProps,\n \"data-part\": \"control\",\n ...(className ? { className } : {}),\n children,\n },\n render,\n state: {},\n });\n}\nComboboxControl.displayName = \"ComboboxControl\";\n\nfunction ComboboxTagsMultiple<TAs extends ElementType = \"div\">(\n props: ComboboxTagsProps<TAs>,\n): ReactElement | null {\n const { as, render, children, className, slotProps, ...consumerProps } =\n props as ComboboxTagsProps<ElementType>;\n const { getValueLabel, removeValue, selectedValues } = useComboboxContext(\"Tags\");\n\n const tags = selectedValues.map((value) => {\n const label = getValueLabel(value);\n const tagProps = resolveRepeatedSlotProps(slotProps?.tag, value, [\"data-part\"]);\n const removeProps = resolveRepeatedSlotProps(slotProps?.remove, value, [\n \"aria-label\",\n \"data-part\",\n \"type\",\n ]);\n return (\n <span {...tagProps} data-part=\"tag\" key={value}>\n {label}\n <button\n {...removeProps}\n aria-label={`Remove ${label}`}\n data-part=\"tag-remove\"\n type=\"button\"\n onMouseDown={(event) => {\n removeProps.onMouseDown?.(event);\n event.preventDefault();\n }}\n onClick={composeEventHandlers(removeProps.onClick, () => removeValue(value))}\n >\n ×\n </button>\n </span>\n );\n });\n\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n ...consumerProps,\n \"data-part\": \"tags\",\n ...(className ? { className } : {}),\n children: (\n <>\n {tags}\n {children}\n </>\n ),\n },\n render,\n state: {},\n });\n}\nComboboxTagsMultiple.displayName = \"ComboboxTagsMultiple\";\n\nexport function ComboboxTags<TAs extends ElementType = \"div\">(\n props: ComboboxTagsProps<TAs>,\n): ReactElement | null {\n const { multiple } = useComboboxContext(\"Tags\");\n if (!multiple) return null;\n\n return <ComboboxTagsMultiple {...props} />;\n}\nComboboxTags.displayName = \"ComboboxTags\";\n\nexport function ComboboxInput<TAs extends ElementType = \"input\">(\n props: ComboboxInputProps<TAs>,\n): ReactElement | null {\n const { as, render, className, ...consumerProps } = props as ComboboxInputProps<\"input\">;\n const {\n activeStore,\n addOnPaste,\n anchorProps,\n anchorRef,\n close,\n inputValue,\n listboxId,\n commitValue,\n delimiters,\n multiple,\n open,\n openState,\n removeValue,\n selectedValues,\n selectItem,\n setInputElement,\n setInputValue,\n } = useComboboxContext(\"Input\");\n const collection = useCollection<ComboboxItemData>();\n const activeId = useSyncExternalStore(activeStore.subscribe, activeStore.getActiveId, () => null);\n const [consumerRef, withoutRef] = splitRef<HTMLInputElement, typeof consumerProps>(consumerProps);\n const mergedRef = useMergedRefs(anchorRef, setInputElement, consumerRef);\n const {\n onChange: consumerOnChange,\n onKeyDown: consumerOnKeyDown,\n onPaste: consumerOnPaste,\n } = withoutRef as {\n onChange?: (event: SyntheticEvent<HTMLInputElement>) => void;\n onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;\n onPaste?: (event: ClipboardEvent<HTMLInputElement>) => void;\n };\n\n const navigate = (direction: \"first\" | \"last\" | \"next\" | \"prev\") => {\n const nextId = moveActiveId(getEnabledIds(collection), activeId, direction);\n activeStore.setActiveId(nextId);\n };\n\n const handleChange = (event: SyntheticEvent<HTMLInputElement>) => {\n setInputValue(event.currentTarget.value);\n if (!openState) open();\n activeStore.setActiveId(null);\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (isComposingKeyEvent(event)) return;\n const isDelimiterKey = event.key.length === 1 && delimiters.includes(event.key);\n if (event.key === \"ArrowDown\") {\n event.preventDefault();\n if (!openState) open();\n navigate(activeId ? \"next\" : \"first\");\n } else if (event.key === \"ArrowUp\") {\n event.preventDefault();\n if (!openState) open();\n navigate(activeId ? \"prev\" : \"last\");\n } else if (event.key === \"Enter\" && openState && activeId) {\n event.preventDefault();\n const match = collection.find((entry) => entry.id === activeId);\n if (match) selectItem(match.data);\n } else if (multiple && (event.key === \"Enter\" || isDelimiterKey)) {\n event.preventDefault();\n commitValue(inputValue);\n } else if (multiple && event.key === \"Backspace\" && !inputValue && selectedValues.length > 0) {\n event.preventDefault();\n const lastValue = selectedValues.at(-1);\n if (lastValue !== undefined) removeValue(lastValue);\n } else if (event.key === \"Escape\" && openState) {\n event.preventDefault();\n close();\n }\n };\n\n const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n if (!multiple || !addOnPaste) return;\n const text = event.clipboardData.getData(\"text\");\n const separators = [...delimiters, \"\\n\", \"\\r\", \"\\t\"];\n if (!separators.some((delimiter) => delimiter.length > 0 && text.includes(delimiter))) return;\n event.preventDefault();\n for (const value of splitComboboxValues(text, delimiters)) commitValue(value);\n };\n\n return useRenderElement({\n as,\n defaultTag: \"input\",\n props: {\n ...withoutRef,\n ...anchorProps,\n ref: mergedRef,\n role: \"combobox\",\n \"aria-autocomplete\": \"list\",\n \"aria-controls\": listboxId,\n \"aria-expanded\": openState,\n ...(activeId ? { \"aria-activedescendant\": activeId } : {}),\n \"data-part\": \"input\",\n ...(className ? { className } : {}),\n value: inputValue,\n onChange: composeEventHandlers(consumerOnChange, handleChange),\n onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n onPaste: composeEventHandlers(consumerOnPaste, handlePaste),\n },\n render,\n state: { open: openState },\n });\n}\n\nexport function ComboboxTrigger<TAs extends ElementType = \"button\">(\n props: ComboboxTriggerProps<TAs>,\n): ReactElement | null {\n const { as, render, children, className, ...consumerProps } =\n props as ComboboxTriggerProps<\"button\">;\n const { close, inputNode, listboxId, open, openState } = useComboboxContext(\"Trigger\");\n const nativeButton = !as || as === \"button\";\n const { onClick: consumerOnClick } = consumerProps as {\n onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n };\n\n const handleClick = () => {\n if (openState) close();\n else open();\n inputNode?.focus({ preventScroll: true });\n };\n\n return useRenderElement({\n as,\n defaultTag: \"button\",\n props: {\n ...consumerProps,\n \"aria-expanded\": openState,\n \"aria-controls\": listboxId,\n \"aria-haspopup\": \"listbox\",\n ...(nativeButton ? { type: \"button\" } : {}),\n ...(className ? { className } : {}),\n \"data-part\": \"trigger\",\n children,\n onClick: composeEventHandlers(consumerOnClick, handleClick),\n },\n render,\n state: { open: openState },\n });\n}\n\nexport function ComboboxContent(props: ComboboxContentOwnProps): ReactElement | null {\n const { align = \"start\", children, className, side = \"bottom\", ...consumerProps } = props;\n const {\n close,\n filterFn,\n inputNode,\n inputValue,\n items,\n listboxId,\n multiple,\n openState,\n popupProps,\n popupRef,\n positionerProps,\n positionerRef,\n } = useComboboxContext(\"Content\");\n\n const filteredItems = useMemo(() => filterFn(items, inputValue), [filterFn, inputValue, items]);\n\n const branches = useMemo(() => {\n const set = new Set<Element>();\n if (inputNode) set.add(inputNode);\n return set;\n }, [inputNode]);\n const [consumerRef, domProps] = splitRef<HTMLDivElement, typeof consumerProps>(consumerProps);\n const mergedRef = useMergedRefs(popupRef, positionerRef, consumerRef);\n\n return (\n <DismissableLayer\n branches={branches}\n {...domProps}\n onDismiss={() => close()}\n {...popupProps}\n {...positionerProps}\n ref={mergedRef}\n id={listboxId}\n // Combobox pattern requires an ARIA listbox; native <select> cannot replace it.\n // oxlint-disable-next-line jsx-a11y/prefer-tag-over-role -- ARIA combobox popup\n role=\"listbox\"\n aria-multiselectable={multiple ? true : undefined}\n data-align={align}\n data-part=\"content\"\n data-side={side}\n data-state={openState ? \"open\" : \"closed\"}\n {...(className ? { className } : {})}\n >\n {children(filteredItems)}\n </DismissableLayer>\n );\n}\nComboboxContent.displayName = \"ComboboxContent\";\n\nexport function ComboboxItem(props: ComboboxItemOwnProps): ReactElement | null {\n const {\n className,\n item,\n onClick: consumerOnClick,\n onMouseDown: consumerOnMouseDown,\n ref: consumerRef,\n ...consumerProps\n } = props;\n const { activeStore, isValueSelected, multiple, selectItem } = useComboboxContext(\"Item\");\n const id = useId();\n const collectionRef = useCollectionItem({ data: item, id });\n const ref = useMergedRefs(collectionRef, consumerRef);\n const active = useSyncExternalStore(\n (onStoreChange) => activeStore.subscribeItem(id, onStoreChange),\n () => activeStore.isActive(id),\n () => false,\n );\n const selected = multiple ? isValueSelected(item.value) : active;\n\n return useRenderElement({\n defaultTag: \"div\",\n props: {\n ...consumerProps,\n ref,\n id,\n role: \"option\",\n \"aria-disabled\": item.disabled ? true : undefined,\n \"aria-selected\": selected,\n \"data-disabled\": item.disabled ? \"\" : undefined,\n \"data-highlighted\": active ? \"\" : undefined,\n \"data-selected\": multiple && selected ? \"\" : undefined,\n \"data-part\": \"item\",\n ...(className ? { className } : {}),\n children: item.label,\n onMouseDown: composeEventHandlers(consumerOnMouseDown, (event) => event.preventDefault()),\n onClick: composeEventHandlers(consumerOnClick, () => {\n if (!item.disabled) selectItem(item);\n }),\n },\n state: { active, disabled: Boolean(item.disabled), selected },\n });\n}\n\nexport function ComboboxEmpty(props: ComboboxEmptyOwnProps): ReactElement | null {\n const { children, className, ...consumerProps } = props;\n return useRenderElement({\n defaultTag: \"div\",\n props: {\n ...consumerProps,\n role: \"presentation\",\n \"data-part\": \"empty\",\n ...(className ? { className } : {}),\n children,\n },\n state: {},\n });\n}\n\nexport const Combobox = {\n Control: ComboboxControl,\n Content: ComboboxContent,\n Empty: ComboboxEmpty,\n Input: ComboboxInput,\n Item: ComboboxItem,\n Root: ComboboxRoot,\n Tags: ComboboxTags,\n Trigger: ComboboxTrigger,\n};\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useRef, useState, useSyncExternalStore } from \"react\";\nimport type {\n ClipboardEvent,\n ElementType,\n KeyboardEvent,\n ReactElement,\n SyntheticEvent,\n} from \"react\";\nimport {\n useControllableState,\n useId,\n useIsomorphicLayoutEffect,\n useMergedRefs,\n} from \"@gunkin/uiify/hooks\";\nimport { createPartContext, splitRef } from \"@gunkin/uiify/core\";\nimport { useAnchorPosition } from \"@gunkin/uiify/core/anchor-position\";\nimport {\n CollectionProvider,\n useCollection,\n useCollectionItem,\n} from \"@gunkin/uiify/core/collection\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { DismissableLayer } from \"@gunkin/uiify/core/dismissable-layer\";\nimport { isComposingKeyEvent } from \"@gunkin/uiify/core/ime\";\nimport { usePopover } from \"@gunkin/uiify/core/popover\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { resolveRepeatedSlotProps } from \"../../core/slot-props.js\";\nimport {\n createComboboxActiveStore,\n defaultComboboxFilter,\n moveActiveId,\n} from \"./combobox-store.js\";\nimport {\n canAddComboboxValue,\n normalizeComboboxValue,\n splitComboboxValues,\n} from \"./combobox-values.js\";\nimport type {\n ComboboxActiveStore,\n ComboboxControlProps,\n ComboboxItemData,\n ComboboxContextValue,\n ComboboxRootProps,\n ComboboxMultiValueOptions,\n ComboboxTagsProps,\n ComboboxInputProps,\n ComboboxTriggerProps,\n ComboboxContentOwnProps,\n ComboboxItemOwnProps,\n ComboboxEmptyOwnProps,\n} from \"./types.js\";\n\nexport type { ComboboxItemData } from \"./types.js\";\n\nconst [ComboboxProvider, useComboboxContext] = createPartContext<ComboboxContextValue>(\"Combobox\");\nconst DEFAULT_MULTI_DELIMITERS = [\",\"] as const;\nconst EMPTY_DELIMITERS: readonly string[] = [];\n\nfunction getEnabledIds(collection: ReturnType<typeof useCollection<ComboboxItemData>>): string[] {\n return collection.filter((entry) => !entry.data.disabled).map((entry) => entry.id);\n}\n\nexport function ComboboxRoot(props: ComboboxRootProps): ReactElement | null {\n const rootProps = props as ComboboxRootProps & ComboboxMultiValueOptions;\n const {\n addOnPaste: configuredAddOnPaste,\n allowCustomValue: configuredAllowCustomValue,\n children,\n className,\n defaultInputValue,\n defaultOpen,\n defaultValue,\n delimiters: configuredDelimiters,\n filterFn = defaultComboboxFilter,\n id,\n inputValue: controlledInputValue,\n items,\n maxValues: configuredMaxValues,\n multiple: multipleMode,\n onInputValueChange,\n onOpenChange,\n onValueChange,\n open: controlledOpen,\n size,\n validateValue: configuredValidateValue,\n value: controlledValue,\n ...consumerProps\n } = rootProps;\n const multiple = multipleMode === true;\n let multiDefaultValue: readonly string[] = [];\n let multiValue: readonly string[] | undefined;\n let multiOnValueChange: ((value: string[]) => void) | undefined;\n let singleOnValueChange: ((value: string) => void) | undefined;\n let singleValue: string | undefined;\n\n if (multipleMode === true) {\n multiDefaultValue = (defaultValue as readonly string[] | undefined) ?? [];\n multiValue = controlledValue as readonly string[] | undefined;\n multiOnValueChange = onValueChange as ((value: string[]) => void) | undefined;\n } else {\n singleOnValueChange = onValueChange as ((value: string) => void) | undefined;\n singleValue = (controlledValue as string | undefined) ?? (defaultValue as string | undefined);\n }\n\n const addOnPaste = multiple ? (configuredAddOnPaste ?? true) : false;\n const allowCustomValue = multiple ? (configuredAllowCustomValue ?? false) : false;\n const delimiters = multiple\n ? (configuredDelimiters ?? DEFAULT_MULTI_DELIMITERS)\n : EMPTY_DELIMITERS;\n const maxValues = multiple ? configuredMaxValues : undefined;\n const validateValue = multiple ? configuredValidateValue : undefined;\n\n const listboxId = useId();\n const activeStoreRef = useRef<ComboboxActiveStore | null>(null);\n activeStoreRef.current ??= createComboboxActiveStore();\n const activeStore = activeStoreRef.current;\n const inputRef = useRef<HTMLElement | null>(null);\n const [inputNode, setInputNode] = useState<HTMLElement | null>(null);\n const [internalInputValue, setInternalInputValue] = useState(defaultInputValue ?? \"\");\n const inputValue = controlledInputValue ?? internalInputValue;\n const [selectedValues, setSelectedValues] = useControllableState<readonly string[]>({\n defaultValue: [...multiDefaultValue],\n ...(multiValue !== undefined ? { value: multiValue } : {}),\n ...(multiOnValueChange\n ? { onChange: (next: readonly string[]) => multiOnValueChange([...next]) }\n : {}),\n });\n\n const popover = usePopover({\n mode: \"auto\",\n ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n ...(controlledOpen !== undefined ? { open: controlledOpen } : {}),\n ...(onOpenChange ? { onOpenChange } : {}),\n });\n const anchor = useAnchorPosition();\n\n const setInputElement = useCallback((element: HTMLElement | null) => {\n inputRef.current = element;\n setInputNode(element);\n }, []);\n\n const setInputValue = useCallback(\n (next: string) => {\n if (controlledInputValue === undefined) setInternalInputValue(next);\n onInputValueChange?.(next);\n },\n [controlledInputValue, onInputValueChange],\n );\n\n const isValueSelected = useCallback(\n (value: string) => multiple && selectedValues.includes(value),\n [multiple, selectedValues],\n );\n\n const getValueLabel = useCallback(\n (value: string) => items.find((item) => item.value === value)?.label ?? value,\n [items],\n );\n\n const removeValue = useCallback(\n (value: string) => {\n if (!multiple) return;\n setSelectedValues((current) => {\n if (!current.includes(value)) return current;\n return current.filter((selectedValue) => selectedValue !== value);\n });\n },\n [multiple, setSelectedValues],\n );\n\n const addValue = useCallback(\n (value: string): boolean => {\n let added = false;\n setSelectedValues((current) => {\n if (\n !canAddComboboxValue(value, current, {\n ...(maxValues !== undefined ? { maxValues } : {}),\n ...(validateValue ? { validateValue } : {}),\n })\n )\n return current;\n added = true;\n return [...current, value];\n });\n if (added) {\n setInputValue(\"\");\n activeStore.setActiveId(null);\n }\n return added;\n },\n [activeStore, maxValues, setInputValue, setSelectedValues, validateValue],\n );\n\n const toggleValue = useCallback(\n (item: ComboboxItemData) => {\n if (!multiple || item.disabled) return;\n let added = false;\n setSelectedValues((current) => {\n if (current.includes(item.value)) {\n return current.filter((value) => value !== item.value);\n }\n if (\n !canAddComboboxValue(item.value, current, {\n ...(maxValues !== undefined ? { maxValues } : {}),\n ...(validateValue ? { validateValue } : {}),\n })\n )\n return current;\n added = true;\n return [...current, item.value];\n });\n if (added) setInputValue(\"\");\n },\n [maxValues, multiple, setInputValue, setSelectedValues, validateValue],\n );\n\n const commitValue = useCallback(\n (value: string): boolean => {\n if (!multiple) return false;\n const normalizedValue = normalizeComboboxValue(value);\n const item = items.find(\n (candidate) => candidate.value === normalizedValue || candidate.label === normalizedValue,\n );\n if (item?.disabled || (!item && !allowCustomValue)) return false;\n return addValue(item?.value ?? normalizedValue);\n },\n [addValue, allowCustomValue, items, multiple],\n );\n\n const selectItem = useCallback(\n (item: ComboboxItemData) => {\n if (multiple) {\n toggleValue(item);\n return;\n }\n singleOnValueChange?.(item.value);\n setInputValue(item.label);\n activeStore.setActiveId(null);\n popover.close();\n },\n [activeStore, multiple, popover, setInputValue, singleOnValueChange, toggleValue],\n );\n\n useIsomorphicLayoutEffect(() => {\n if (!popover.open) activeStore.setActiveId(null);\n }, [activeStore, popover.open]);\n\n const contextValue = useMemo<ComboboxContextValue>(\n () => ({\n activeStore,\n addOnPaste,\n anchorProps: anchor.anchorProps,\n anchorRef: anchor.anchorRef,\n close: popover.close,\n filterFn,\n inputNode,\n inputValue,\n items,\n listboxId,\n delimiters,\n multiple,\n selectedValues,\n getValueLabel,\n isValueSelected,\n toggleValue,\n removeValue,\n commitValue,\n open: popover.openPopover,\n openState: popover.open,\n popupProps: popover.popupProps,\n popupRef: popover.popupRef,\n positionerProps: anchor.positionerProps,\n positionerRef: anchor.positionerRef,\n selectItem,\n setInputElement,\n setInputValue,\n ...(multiple\n ? { value: selectedValues }\n : singleValue !== undefined\n ? { value: singleValue }\n : {}),\n }),\n [\n activeStore,\n addOnPaste,\n anchor.anchorProps,\n anchor.anchorRef,\n anchor.positionerProps,\n anchor.positionerRef,\n commitValue,\n delimiters,\n filterFn,\n getValueLabel,\n inputNode,\n inputValue,\n items,\n isValueSelected,\n listboxId,\n multiple,\n popover.close,\n popover.open,\n popover.openPopover,\n popover.popupProps,\n popover.popupRef,\n selectItem,\n selectedValues,\n setInputElement,\n setInputValue,\n removeValue,\n singleValue,\n toggleValue,\n ],\n );\n\n return (\n <div\n data-uiify-combobox=\"\"\n {...(size !== undefined ? { \"data-size\": size } : {})}\n {...consumerProps}\n id={id}\n className={className}\n >\n <CollectionProvider>\n <ComboboxProvider value={contextValue}>{children}</ComboboxProvider>\n </CollectionProvider>\n </div>\n );\n}\nComboboxRoot.displayName = \"ComboboxRoot\";\n\nexport function ComboboxControl<TAs extends ElementType = \"div\">(\n props: ComboboxControlProps<TAs>,\n): ReactElement | null {\n const { as, render, children, className, ...consumerProps } =\n props as ComboboxControlProps<ElementType>;\n\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n \"data-part\": \"control\",\n ...consumerProps,\n ...(className ? { className } : {}),\n children,\n },\n render,\n state: {},\n });\n}\nComboboxControl.displayName = \"ComboboxControl\";\n\nfunction ComboboxTagsMultiple<TAs extends ElementType = \"div\">(\n props: ComboboxTagsProps<TAs>,\n): ReactElement | null {\n const { as, render, children, className, slotProps, ...consumerProps } =\n props as ComboboxTagsProps<ElementType>;\n const { getValueLabel, removeValue, selectedValues } = useComboboxContext(\"Tags\");\n\n const tags = selectedValues.map((value) => {\n const label = getValueLabel(value);\n const tagProps = resolveRepeatedSlotProps(slotProps?.tag, value);\n const removeProps = resolveRepeatedSlotProps(slotProps?.remove, value);\n return (\n <span data-part=\"tag\" {...tagProps} key={value}>\n {label}\n <button\n aria-label={`Remove ${label}`}\n data-part=\"tag-remove\"\n type=\"button\"\n {...removeProps}\n onMouseDown={composeEventHandlers(removeProps.onMouseDown, (event) =>\n event.preventDefault(),\n )}\n onClick={composeEventHandlers(removeProps.onClick, () => removeValue(value))}\n >\n ×\n </button>\n </span>\n );\n });\n\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n \"data-part\": \"tags\",\n ...consumerProps,\n ...(className ? { className } : {}),\n children: (\n <>\n {tags}\n {children}\n </>\n ),\n },\n render,\n state: {},\n });\n}\nComboboxTagsMultiple.displayName = \"ComboboxTagsMultiple\";\n\nexport function ComboboxTags<TAs extends ElementType = \"div\">(\n props: ComboboxTagsProps<TAs>,\n): ReactElement | null {\n const { multiple } = useComboboxContext(\"Tags\");\n if (!multiple) return null;\n\n return <ComboboxTagsMultiple {...props} />;\n}\nComboboxTags.displayName = \"ComboboxTags\";\n\nexport function ComboboxInput<TAs extends ElementType = \"input\">(\n props: ComboboxInputProps<TAs>,\n): ReactElement | null {\n const { as, render, className, ...consumerProps } = props as ComboboxInputProps<\"input\">;\n const {\n activeStore,\n addOnPaste,\n anchorProps,\n anchorRef,\n close,\n inputValue,\n listboxId,\n commitValue,\n delimiters,\n multiple,\n open,\n openState,\n removeValue,\n selectedValues,\n selectItem,\n setInputElement,\n setInputValue,\n } = useComboboxContext(\"Input\");\n const collection = useCollection<ComboboxItemData>();\n const activeId = useSyncExternalStore(activeStore.subscribe, activeStore.getActiveId, () => null);\n const [consumerRef, withoutRef] = splitRef<HTMLInputElement, typeof consumerProps>(consumerProps);\n const mergedRef = useMergedRefs(anchorRef, setInputElement, consumerRef);\n const {\n onChange: consumerOnChange,\n onKeyDown: consumerOnKeyDown,\n onPaste: consumerOnPaste,\n } = withoutRef as {\n onChange?: (event: SyntheticEvent<HTMLInputElement>) => void;\n onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;\n onPaste?: (event: ClipboardEvent<HTMLInputElement>) => void;\n };\n\n const navigate = (direction: \"first\" | \"last\" | \"next\" | \"prev\") => {\n const nextId = moveActiveId(getEnabledIds(collection), activeId, direction);\n activeStore.setActiveId(nextId);\n };\n\n const handleChange = (event: SyntheticEvent<HTMLInputElement>) => {\n setInputValue(event.currentTarget.value);\n if (!openState) open();\n activeStore.setActiveId(null);\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (isComposingKeyEvent(event)) return;\n const isDelimiterKey = event.key.length === 1 && delimiters.includes(event.key);\n if (event.key === \"ArrowDown\") {\n event.preventDefault();\n if (!openState) open();\n navigate(activeId ? \"next\" : \"first\");\n } else if (event.key === \"ArrowUp\") {\n event.preventDefault();\n if (!openState) open();\n navigate(activeId ? \"prev\" : \"last\");\n } else if (event.key === \"Enter\" && openState && activeId) {\n event.preventDefault();\n const match = collection.find((entry) => entry.id === activeId);\n if (match) selectItem(match.data);\n } else if (multiple && (event.key === \"Enter\" || isDelimiterKey)) {\n event.preventDefault();\n commitValue(inputValue);\n } else if (multiple && event.key === \"Backspace\" && !inputValue && selectedValues.length > 0) {\n event.preventDefault();\n const lastValue = selectedValues.at(-1);\n if (lastValue !== undefined) removeValue(lastValue);\n } else if (event.key === \"Escape\" && openState) {\n event.preventDefault();\n close();\n }\n };\n\n const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n if (!multiple || !addOnPaste) return;\n const text = event.clipboardData.getData(\"text\");\n const separators = [...delimiters, \"\\n\", \"\\r\", \"\\t\"];\n if (!separators.some((delimiter) => delimiter.length > 0 && text.includes(delimiter))) return;\n event.preventDefault();\n for (const value of splitComboboxValues(text, delimiters)) commitValue(value);\n };\n\n return useRenderElement({\n as,\n defaultTag: \"input\",\n props: {\n ...anchorProps,\n role: \"combobox\",\n \"aria-autocomplete\": \"list\",\n \"aria-controls\": listboxId,\n \"aria-expanded\": openState,\n ...(activeId ? { \"aria-activedescendant\": activeId } : {}),\n \"data-part\": \"input\",\n ...(className ? { className } : {}),\n value: inputValue,\n ...withoutRef,\n ref: mergedRef,\n onChange: composeEventHandlers(consumerOnChange, handleChange),\n onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n onPaste: composeEventHandlers(consumerOnPaste, handlePaste),\n },\n render,\n state: { open: openState },\n });\n}\n\nexport function ComboboxTrigger<TAs extends ElementType = \"button\">(\n props: ComboboxTriggerProps<TAs>,\n): ReactElement | null {\n const { as, render, children, className, ...consumerProps } =\n props as ComboboxTriggerProps<\"button\">;\n const { close, inputNode, listboxId, open, openState } = useComboboxContext(\"Trigger\");\n const nativeButton = !as || as === \"button\";\n const { onClick: consumerOnClick } = consumerProps as {\n onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n };\n\n const handleClick = () => {\n if (openState) close();\n else open();\n inputNode?.focus({ preventScroll: true });\n };\n\n return useRenderElement({\n as,\n defaultTag: \"button\",\n props: {\n \"aria-expanded\": openState,\n \"aria-controls\": listboxId,\n \"aria-haspopup\": \"listbox\",\n ...(nativeButton ? { type: \"button\" } : {}),\n ...(className ? { className } : {}),\n \"data-part\": \"trigger\",\n ...consumerProps,\n children,\n onClick: composeEventHandlers(consumerOnClick, handleClick),\n },\n render,\n state: { open: openState },\n });\n}\n\nexport function ComboboxContent(props: ComboboxContentOwnProps): ReactElement | null {\n const { align = \"start\", children, className, side = \"bottom\", ...consumerProps } = props;\n const {\n close,\n filterFn,\n inputNode,\n inputValue,\n items,\n listboxId,\n multiple,\n openState,\n popupProps,\n popupRef,\n positionerProps,\n positionerRef,\n } = useComboboxContext(\"Content\");\n\n const filteredItems = useMemo(() => filterFn(items, inputValue), [filterFn, inputValue, items]);\n\n const branches = useMemo(() => {\n const set = new Set<Element>();\n if (inputNode) set.add(inputNode);\n return set;\n }, [inputNode]);\n const [consumerRef, domProps] = splitRef<HTMLDivElement, typeof consumerProps>(consumerProps);\n const mergedRef = useMergedRefs(popupRef, positionerRef, consumerRef);\n\n return (\n <DismissableLayer\n branches={branches}\n onDismiss={() => close()}\n {...popupProps}\n {...positionerProps}\n id={listboxId}\n // Combobox pattern requires an ARIA listbox; native <select> cannot replace it.\n // oxlint-disable-next-line jsx-a11y/prefer-tag-over-role -- ARIA combobox popup\n role=\"listbox\"\n aria-multiselectable={multiple ? true : undefined}\n data-align={align}\n data-part=\"content\"\n data-side={side}\n data-state={openState ? \"open\" : \"closed\"}\n {...domProps}\n ref={mergedRef}\n {...(className ? { className } : {})}\n >\n {children(filteredItems)}\n </DismissableLayer>\n );\n}\nComboboxContent.displayName = \"ComboboxContent\";\n\nexport function ComboboxItem(props: ComboboxItemOwnProps): ReactElement | null {\n const {\n className,\n item,\n onClick: consumerOnClick,\n onMouseDown: consumerOnMouseDown,\n ref: consumerRef,\n ...consumerProps\n } = props;\n const { activeStore, isValueSelected, multiple, selectItem } = useComboboxContext(\"Item\");\n const id = useId();\n const collectionRef = useCollectionItem({ data: item, id });\n const ref = useMergedRefs(collectionRef, consumerRef);\n const active = useSyncExternalStore(\n (onStoreChange) => activeStore.subscribeItem(id, onStoreChange),\n () => activeStore.isActive(id),\n () => false,\n );\n const selected = multiple ? isValueSelected(item.value) : active;\n\n return useRenderElement({\n defaultTag: \"div\",\n props: {\n id,\n role: \"option\",\n \"aria-disabled\": item.disabled ? true : undefined,\n \"aria-selected\": selected,\n \"data-disabled\": item.disabled ? \"\" : undefined,\n \"data-highlighted\": active ? \"\" : undefined,\n \"data-selected\": multiple && selected ? \"\" : undefined,\n \"data-part\": \"item\",\n ...consumerProps,\n ref,\n ...(className ? { className } : {}),\n children: item.label,\n onMouseDown: composeEventHandlers(consumerOnMouseDown, (event) => event.preventDefault()),\n onClick: composeEventHandlers(consumerOnClick, () => {\n if (!item.disabled) selectItem(item);\n }),\n },\n state: { active, disabled: Boolean(item.disabled), selected },\n });\n}\n\nexport function ComboboxEmpty(props: ComboboxEmptyOwnProps): ReactElement | null {\n const { children, className, ...consumerProps } = props;\n return useRenderElement({\n defaultTag: \"div\",\n props: {\n role: \"presentation\",\n \"data-part\": \"empty\",\n ...consumerProps,\n ...(className ? { className } : {}),\n children,\n },\n state: {},\n });\n}\n\nexport const Combobox = {\n Control: ComboboxControl,\n Content: ComboboxContent,\n Empty: ComboboxEmpty,\n Input: ComboboxInput,\n Item: ComboboxItem,\n Root: ComboboxRoot,\n Tags: ComboboxTags,\n Trigger: ComboboxTrigger,\n};\n"],"mappings":"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","names":[]}
|
|
@@ -2,7 +2,8 @@ import type { ComponentPropsWithRef, ElementType, ReactNode } from "react";
|
|
|
2
2
|
import type { AnchorAlign, AnchorSide, UseAnchorPositionReturn } from "@gunkin/uiify/core/anchor-position";
|
|
3
3
|
import type { PopoverChangeHandler, UsePopoverReturn } from "@gunkin/uiify/core/popover";
|
|
4
4
|
import type { RenderableProps } from "@gunkin/uiify/core/render";
|
|
5
|
-
import type {
|
|
5
|
+
import type { ControlSize } from "../internal/control-size/types.js";
|
|
6
|
+
import type { ConsumerDataAttributes, RepeatedSlotProps, SlotProps } from "../../core/slot-props.js";
|
|
6
7
|
export interface ComboboxItemData {
|
|
7
8
|
readonly disabled?: boolean;
|
|
8
9
|
readonly label: string;
|
|
@@ -61,6 +62,8 @@ export interface ComboboxRootShellOwnProps extends Omit<ComponentPropsWithRef<"d
|
|
|
61
62
|
readonly defaultValue?: string;
|
|
62
63
|
readonly filterFn?: ComboboxFilterFn;
|
|
63
64
|
readonly items: readonly ComboboxItemData[];
|
|
65
|
+
/** Sets the control's height and text size; `md` is the default. */
|
|
66
|
+
readonly size?: ControlSize;
|
|
64
67
|
}
|
|
65
68
|
export interface ComboboxRootControlledOwnProps {
|
|
66
69
|
readonly inputValue?: string;
|
|
@@ -98,15 +101,9 @@ export interface ComboboxTagsOwnProps {
|
|
|
98
101
|
readonly className?: string;
|
|
99
102
|
readonly slotProps?: ComboboxTagsSlotProps;
|
|
100
103
|
}
|
|
101
|
-
type ComboboxRepeatedSlotProps<TTag extends ElementType, TOwned extends object = object> = RepeatedSlotProps<Omit<ComponentPropsWithRef<TTag>, "children" | "dangerouslySetInnerHTML">, TOwned & {
|
|
102
|
-
readonly "data-part"?: never;
|
|
103
|
-
}>;
|
|
104
104
|
export interface ComboboxTagsSlotProps {
|
|
105
|
-
readonly tag?:
|
|
106
|
-
readonly remove?:
|
|
107
|
-
readonly "aria-label"?: never;
|
|
108
|
-
readonly type?: never;
|
|
109
|
-
}>;
|
|
105
|
+
readonly tag?: RepeatedSlotProps<SlotProps<"span">>;
|
|
106
|
+
readonly remove?: RepeatedSlotProps<SlotProps<"button">>;
|
|
110
107
|
}
|
|
111
108
|
export type ComboboxTagsProps<TAs extends ElementType = "div"> = RenderableProps<TAs, ComboboxTagsOwnProps, Record<string, never>, HTMLElement>;
|
|
112
109
|
export interface ComboboxInputOwnProps {
|
|
@@ -122,31 +119,14 @@ export interface ComboboxTriggerOwnProps {
|
|
|
122
119
|
export type ComboboxTriggerProps<TAs extends ElementType = "button"> = RenderableProps<TAs, ComboboxTriggerOwnProps, {
|
|
123
120
|
open: boolean;
|
|
124
121
|
}, HTMLElement>;
|
|
125
|
-
export type ComboboxContentOwnProps =
|
|
126
|
-
readonly "aria-multiselectable"?: never;
|
|
127
|
-
readonly "data-align"?: never;
|
|
128
|
-
readonly "data-part"?: never;
|
|
129
|
-
readonly "data-side"?: never;
|
|
130
|
-
readonly "data-state"?: never;
|
|
122
|
+
export type ComboboxContentOwnProps = SlotProps<"div"> & {
|
|
131
123
|
readonly align?: AnchorAlign;
|
|
132
124
|
readonly children: (filteredItems: ComboboxItemData[]) => ReactNode;
|
|
133
|
-
readonly className?: string;
|
|
134
125
|
readonly side?: AnchorSide;
|
|
135
126
|
};
|
|
136
|
-
export interface ComboboxItemOwnProps extends
|
|
137
|
-
readonly "aria-disabled"?: never;
|
|
138
|
-
readonly "aria-selected"?: never;
|
|
139
|
-
readonly className?: string;
|
|
140
|
-
readonly "data-disabled"?: never;
|
|
141
|
-
readonly "data-highlighted"?: never;
|
|
142
|
-
readonly "data-part"?: never;
|
|
143
|
-
readonly "data-selected"?: never;
|
|
127
|
+
export interface ComboboxItemOwnProps extends SlotProps<"div"> {
|
|
144
128
|
readonly item: ComboboxItemData;
|
|
145
129
|
}
|
|
146
|
-
export interface ComboboxEmptyOwnProps extends Omit<ComponentPropsWithRef<"div">, "
|
|
147
|
-
readonly children?: ReactNode;
|
|
148
|
-
readonly className?: string;
|
|
149
|
-
readonly "data-part"?: never;
|
|
130
|
+
export interface ComboboxEmptyOwnProps extends Omit<ComponentPropsWithRef<"div">, "dangerouslySetInnerHTML">, ConsumerDataAttributes {
|
|
150
131
|
}
|
|
151
|
-
export {};
|
|
152
132
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EACV,WAAW,EACX,UAAU,EACV,uBAAuB,EACxB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu/ContextMenu.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu/ContextMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,WAAW,EAKX,YAAY,EAGb,MAAM,OAAO,CAAC;AASf,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,KAAK,EAEV,oBAAoB,EACpB,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,+BAA+B,EAC/B,4BAA4B,EAC5B,sBAAsB,EACtB,6BAA6B,EAC7B,6BAA6B,EAC9B,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,eAAe,EAAE,CAAC;AAGhC,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,GAAG,IAAI,CAwEhF;yBAxEe,eAAe;;;AA0E/B,wBAAgB,kBAAkB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAChE,KAAK,EAAE,uBAAuB,CAAC,GAAG,CAAC,GAClC,YAAY,GAAG,IAAI,CAqBrB;AACD,wBAAgB,kBAAkB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAChE,KAAK,EAAE,uBAAuB,CAAC,GAAG,CAAC,GAClC,YAAY,GAAG,IAAI,CAoDrB;yBAtDe,kBAAkB;;;AAwDlC,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC7D,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CAwDrB;yBA1De,eAAe;;;AAuF/B,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,+BAA+B,GACrC,YAAY,GAAG,IAAI,CAwCrB;yBA1Ce,uBAAuB;;;AA4CvC,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,4BAA4B,GAAG,YAAY,GAAG,IAAI,CA+B7F;yBA/Be,oBAAoB;;;AA2CpC,wBAAgB,cAAc,CAAC,KAAK,EAAE,sBAAsB,GAAG,YAAY,GAAG,IAAI,CAOjF;yBAPe,cAAc;;;AAS9B,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,6BAA6B,GAAG,YAAY,GAAG,IAAI,CA0C/F;yBA1Ce,qBAAqB;;;AA4CrC,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,6BAA6B,GAAG,YAAY,GAAG,IAAI,CAgC/F;AACD,eAAO,MAAM,gBAAgB,kBAAY,CAAC;AAC1C,eAAO,MAAM,oBAAoB,sBAAgB,CAAC;AAClD,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAavB,CAAC"}
|
|
@@ -12,26 +12,9 @@ import { focusMenuItem } from "../internal/menu/focus-menu-item.js";
|
|
|
12
12
|
import { MenuLabel, MenuSeparator } from "../internal/menu/menu-parts.js";
|
|
13
13
|
import { useMenuSurface } from "../internal/menu/use-menu-surface.js";
|
|
14
14
|
const [ContextMenuProvider, useContextMenuContext] = createPartContext("ContextMenu");
|
|
15
|
-
const VIRTUAL_ANCHOR_PROTECTED_PROPS = /* @__PURE__ */ new Set([
|
|
16
|
-
"children",
|
|
17
|
-
"dangerouslySetInnerHTML",
|
|
18
|
-
"data-anchor",
|
|
19
|
-
"data-uiify-menu",
|
|
20
|
-
"data-virtual-anchor"
|
|
21
|
-
]);
|
|
22
|
-
function getVirtualAnchorProps(props) {
|
|
23
|
-
return Object.fromEntries(
|
|
24
|
-
Object.entries(props ?? {}).filter(([name]) => !VIRTUAL_ANCHOR_PROTECTED_PROPS.has(name))
|
|
25
|
-
);
|
|
26
|
-
}
|
|
27
|
-
function withoutDangerousHTML(props) {
|
|
28
|
-
return Object.fromEntries(
|
|
29
|
-
Object.entries(props).filter(([name]) => name !== "dangerouslySetInnerHTML")
|
|
30
|
-
);
|
|
31
|
-
}
|
|
32
15
|
function ContextMenuRoot(props) {
|
|
33
16
|
const { children, defaultOpen, id, onOpenChange, open, slotProps } = props;
|
|
34
|
-
const virtualAnchorProps =
|
|
17
|
+
const virtualAnchorProps = slotProps?.virtualAnchor;
|
|
35
18
|
const virtualAnchorRef = useRef(null);
|
|
36
19
|
const mergedVirtualAnchorRef = useMergedRefs(virtualAnchorRef, virtualAnchorProps?.ref);
|
|
37
20
|
const [radioValue, setRadioValue] = useState();
|
|
@@ -49,14 +32,24 @@ function ContextMenuRoot(props) {
|
|
|
49
32
|
const openAtPointer = useCallback(
|
|
50
33
|
(event) => {
|
|
51
34
|
event.preventDefault();
|
|
52
|
-
|
|
53
|
-
|
|
35
|
+
const coordinates = {
|
|
36
|
+
"--uiify-context-menu-x": `${event.clientX}px`,
|
|
37
|
+
"--uiify-context-menu-y": `${event.clientY}px`,
|
|
38
|
+
...virtualAnchorProps?.style
|
|
39
|
+
};
|
|
40
|
+
for (const property of ["--uiify-context-menu-x", "--uiify-context-menu-y"]) {
|
|
41
|
+
const value = coordinates[property];
|
|
42
|
+
virtualAnchorRef.current?.style.setProperty(
|
|
43
|
+
property,
|
|
44
|
+
value === void 0 ? "" : String(value)
|
|
45
|
+
);
|
|
46
|
+
}
|
|
54
47
|
setPointerAnchor(true);
|
|
55
48
|
setTriggerElement(event.currentTarget);
|
|
56
49
|
openPopover();
|
|
57
50
|
queueMicrotask(() => focusMenuItem(contentRef.current));
|
|
58
51
|
},
|
|
59
|
-
[contentRef, openPopover, setTriggerElement]
|
|
52
|
+
[contentRef, openPopover, setTriggerElement, virtualAnchorProps?.style]
|
|
60
53
|
);
|
|
61
54
|
const contextValue = useMemo(
|
|
62
55
|
() => ({
|
|
@@ -72,19 +65,19 @@ function ContextMenuRoot(props) {
|
|
|
72
65
|
/* @__PURE__ */ jsx(
|
|
73
66
|
"span",
|
|
74
67
|
{
|
|
75
|
-
...virtualAnchorProps,
|
|
76
68
|
"aria-hidden": true,
|
|
77
|
-
ref: mergedVirtualAnchorRef,
|
|
78
69
|
"data-virtual-anchor": "",
|
|
79
70
|
...pointerAnchor ? surface.anchorProps : {},
|
|
71
|
+
...virtualAnchorProps,
|
|
72
|
+
ref: mergedVirtualAnchorRef,
|
|
80
73
|
style: {
|
|
81
|
-
...virtualAnchorProps?.style,
|
|
82
74
|
position: "fixed",
|
|
83
75
|
left: "var(--uiify-context-menu-x, 0px)",
|
|
84
76
|
top: "var(--uiify-context-menu-y, 0px)",
|
|
85
77
|
width: 0,
|
|
86
78
|
height: 0,
|
|
87
|
-
pointerEvents: "none"
|
|
79
|
+
pointerEvents: "none",
|
|
80
|
+
...virtualAnchorProps?.style
|
|
88
81
|
}
|
|
89
82
|
}
|
|
90
83
|
),
|
|
@@ -102,10 +95,10 @@ function ContextMenuTrigger(props) {
|
|
|
102
95
|
as,
|
|
103
96
|
defaultTag: "div",
|
|
104
97
|
props: {
|
|
105
|
-
...withoutRef,
|
|
106
98
|
...anchorProps,
|
|
107
|
-
ref: mergedRef,
|
|
108
99
|
...className ? { className } : {},
|
|
100
|
+
...withoutRef,
|
|
101
|
+
ref: mergedRef,
|
|
109
102
|
onContextMenu: composeEventHandlers(consumerOnContextMenu, openAtPointer)
|
|
110
103
|
},
|
|
111
104
|
render,
|
|
@@ -138,15 +131,15 @@ function ContextMenuContent(props) {
|
|
|
138
131
|
}
|
|
139
132
|
};
|
|
140
133
|
const contentProps = {
|
|
141
|
-
...withoutRef,
|
|
142
134
|
...popupProps,
|
|
143
135
|
...positionerProps,
|
|
144
|
-
ref: mergedRef,
|
|
145
136
|
role: "menu",
|
|
146
137
|
"data-part": "content",
|
|
147
138
|
"data-uiify-menu": "",
|
|
148
139
|
"data-state": open ? "open" : "closed",
|
|
149
140
|
...className ? { className } : {},
|
|
141
|
+
...withoutRef,
|
|
142
|
+
ref: mergedRef,
|
|
150
143
|
onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
|
|
151
144
|
children
|
|
152
145
|
};
|
|
@@ -190,10 +183,10 @@ function ContextMenuItem(props) {
|
|
|
190
183
|
if (event.key === "Enter" || event.key === " ") handleSelect(event);
|
|
191
184
|
};
|
|
192
185
|
const itemProps = {
|
|
193
|
-
...consumerProps,
|
|
194
186
|
role: "menuitem",
|
|
195
187
|
"data-part": "item",
|
|
196
188
|
...className ? { className } : {},
|
|
189
|
+
...consumerProps,
|
|
197
190
|
onClick: composeEventHandlers(consumerOnClick, handleSelect),
|
|
198
191
|
onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
|
|
199
192
|
children
|
|
@@ -239,10 +232,8 @@ function ContextMenuCheckboxItem(props) {
|
|
|
239
232
|
children,
|
|
240
233
|
className,
|
|
241
234
|
disabled = false,
|
|
242
|
-
id,
|
|
243
235
|
onCheckedChange,
|
|
244
236
|
textValue,
|
|
245
|
-
ref: consumerRef,
|
|
246
237
|
...consumerProps
|
|
247
238
|
} = props;
|
|
248
239
|
const { close, focusTrigger } = useContextMenuContext("CheckboxItem");
|
|
@@ -261,14 +252,12 @@ function ContextMenuCheckboxItem(props) {
|
|
|
261
252
|
disabled,
|
|
262
253
|
...textValue !== void 0 ? { textValue } : {},
|
|
263
254
|
...{
|
|
264
|
-
...withoutDangerousHTML(consumerProps),
|
|
265
|
-
...id !== void 0 ? { id } : {},
|
|
266
|
-
...consumerRef ? { ref: consumerRef } : {},
|
|
267
255
|
role: "menuitemcheckbox",
|
|
268
256
|
"data-part": "item",
|
|
269
257
|
"aria-checked": isIndeterminate ? "mixed" : isChecked,
|
|
270
258
|
"data-state": isIndeterminate ? "indeterminate" : isChecked ? "checked" : "unchecked",
|
|
271
259
|
...className ? { className } : {},
|
|
260
|
+
...consumerProps,
|
|
272
261
|
onClick: composeEventHandlers(consumerOnClick, handleSelect),
|
|
273
262
|
onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
|
|
274
263
|
children
|
|
@@ -278,16 +267,7 @@ function ContextMenuCheckboxItem(props) {
|
|
|
278
267
|
}
|
|
279
268
|
ContextMenuCheckboxItem.displayName = "ContextMenuCheckboxItem";
|
|
280
269
|
function ContextMenuRadioItem(props) {
|
|
281
|
-
const {
|
|
282
|
-
children,
|
|
283
|
-
className,
|
|
284
|
-
disabled = false,
|
|
285
|
-
id,
|
|
286
|
-
ref: consumerRef,
|
|
287
|
-
textValue,
|
|
288
|
-
value,
|
|
289
|
-
...consumerProps
|
|
290
|
-
} = props;
|
|
270
|
+
const { children, className, disabled = false, textValue, value, ...consumerProps } = props;
|
|
291
271
|
const { close, focusTrigger, radioValue, setRadioValue } = useContextMenuContext("RadioItem");
|
|
292
272
|
const checked = radioValue === value;
|
|
293
273
|
const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps;
|
|
@@ -303,14 +283,12 @@ function ContextMenuRadioItem(props) {
|
|
|
303
283
|
disabled,
|
|
304
284
|
...textValue !== void 0 ? { textValue } : {},
|
|
305
285
|
...{
|
|
306
|
-
...withoutDangerousHTML(consumerProps),
|
|
307
|
-
...id !== void 0 ? { id } : {},
|
|
308
|
-
...consumerRef ? { ref: consumerRef } : {},
|
|
309
286
|
role: "menuitemradio",
|
|
310
287
|
"data-part": "item",
|
|
311
288
|
"aria-checked": checked,
|
|
312
289
|
"data-state": checked ? "checked" : "unchecked",
|
|
313
290
|
...className ? { className } : {},
|
|
291
|
+
...consumerProps,
|
|
314
292
|
onClick: composeEventHandlers(consumerOnClick, handleSelect),
|
|
315
293
|
onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
|
|
316
294
|
children
|
|
@@ -333,7 +311,7 @@ function ContextMenuSub(props) {
|
|
|
333
311
|
}
|
|
334
312
|
ContextMenuSub.displayName = "ContextMenuSub";
|
|
335
313
|
function ContextMenuSubTrigger(props) {
|
|
336
|
-
const { children, className, disabled = false,
|
|
314
|
+
const { children, className, disabled = false, textValue, ...consumerProps } = props;
|
|
337
315
|
const sub = useContextMenuSubContext("SubTrigger");
|
|
338
316
|
const [consumerRef, withoutRef] = splitRef(consumerProps);
|
|
339
317
|
const mergedRef = useMergedRefs(sub.triggerRef, consumerRef);
|
|
@@ -353,16 +331,15 @@ function ContextMenuSubTrigger(props) {
|
|
|
353
331
|
RovingFocusItem,
|
|
354
332
|
{
|
|
355
333
|
disabled,
|
|
356
|
-
...id !== void 0 ? { id } : {},
|
|
357
334
|
...textValue !== void 0 ? { textValue } : {},
|
|
358
335
|
...{
|
|
359
|
-
...withoutDangerousHTML(withoutRef),
|
|
360
|
-
ref: mergedRef,
|
|
361
336
|
role: "menuitem",
|
|
362
337
|
"data-part": "item",
|
|
363
338
|
"aria-haspopup": "menu",
|
|
364
339
|
"aria-expanded": sub.open,
|
|
365
340
|
...className ? { className } : {},
|
|
341
|
+
...withoutRef,
|
|
342
|
+
ref: mergedRef,
|
|
366
343
|
onPointerEnter: composeEventHandlers(consumerOnPointerEnter, () => sub.setOpen(true)),
|
|
367
344
|
onFocus: composeEventHandlers(consumerOnFocus, () => {
|
|
368
345
|
if (!sub.skipFocusOpenRef.current) sub.setOpen(true);
|
|
@@ -390,13 +367,13 @@ function ContextMenuSubContent(props) {
|
|
|
390
367
|
const element = useRenderElement({
|
|
391
368
|
defaultTag: "div",
|
|
392
369
|
props: {
|
|
393
|
-
...withoutDangerousHTML(consumerProps),
|
|
394
370
|
role: "menu",
|
|
395
371
|
"data-part": "sub-content",
|
|
396
372
|
"data-uiify-menu": "",
|
|
397
373
|
"data-state": sub.open ? "open" : "closed",
|
|
398
374
|
hidden: !sub.open ? true : void 0,
|
|
399
375
|
...className ? { className } : {},
|
|
376
|
+
...consumerProps,
|
|
400
377
|
onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
|
|
401
378
|
children: sub.open ? children : null
|
|
402
379
|
},
|