@gunkin/uiify 0.0.1-alpha → 0.0.2-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/dist/components/accordion/Accordion.d.ts +2 -2
- package/dist/components/accordion/Accordion.d.ts.map +1 -1
- package/dist/components/accordion/Accordion.js +1 -2
- package/dist/components/accordion/Accordion.js.map +1 -1
- package/dist/components/alert-modal/AlertModal.d.ts +1 -1
- package/dist/components/alert-modal/AlertModal.d.ts.map +1 -1
- package/dist/components/alert-modal/AlertModal.js +5 -8
- package/dist/components/alert-modal/AlertModal.js.map +1 -1
- package/dist/components/alert-modal/AlertModalParts.d.ts +4 -29
- package/dist/components/alert-modal/AlertModalParts.d.ts.map +1 -1
- package/dist/components/alert-modal/AlertModalParts.js +29 -36
- package/dist/components/alert-modal/AlertModalParts.js.map +1 -1
- package/dist/components/alert-modal/types.d.ts +0 -3
- package/dist/components/alert-modal/types.d.ts.map +1 -1
- package/dist/components/behavior.css +91 -48
- package/dist/components/behavior.css.map +1 -1
- package/dist/components/breadcrumb/Breadcrumb.js +1 -1
- package/dist/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/components/button/Button.d.ts.map +1 -1
- package/dist/components/button/Button.js +1 -0
- package/dist/components/button/Button.js.map +1 -1
- package/dist/components/candle-chart/CandleChart.d.ts.map +1 -1
- package/dist/components/candle-chart/CandleChart.js +39 -55
- package/dist/components/candle-chart/CandleChart.js.map +1 -1
- package/dist/components/candle-chart/client/CandleChartClient.js.map +1 -1
- package/dist/components/carousel/CarouselMarkup.d.ts.map +1 -1
- package/dist/components/carousel/CarouselMarkup.js +26 -45
- package/dist/components/carousel/CarouselMarkup.js.map +1 -1
- package/dist/components/carousel/carousel-markup.d.ts +0 -1
- package/dist/components/carousel/carousel-markup.d.ts.map +1 -1
- package/dist/components/carousel/carousel-markup.js +0 -5
- package/dist/components/carousel/carousel-markup.js.map +1 -1
- package/dist/components/carousel/client/carousel-controller.js +2 -2
- package/dist/components/carousel/client/carousel-controller.js.map +1 -1
- package/dist/components/carousel/client/carousel-controls.d.ts.map +1 -1
- package/dist/components/carousel/client/carousel-controls.js +3 -5
- package/dist/components/carousel/client/carousel-controls.js.map +1 -1
- package/dist/components/carousel/client/carousel-drag.js +1 -1
- package/dist/components/carousel/client/carousel-drag.js.map +1 -1
- package/dist/components/carousel/client/carousel-observer.js +2 -2
- package/dist/components/carousel/client/carousel-observer.js.map +1 -1
- package/dist/components/carousel/fade/fade-controller.js +2 -2
- package/dist/components/carousel/fade/fade-controller.js.map +1 -1
- package/dist/components/carousel/fade/fade-swipe.js +1 -1
- package/dist/components/carousel/fade/fade-swipe.js.map +1 -1
- package/dist/components/carousel/index.d.ts +1 -1
- package/dist/components/carousel/index.d.ts.map +1 -1
- package/dist/components/carousel/index.js.map +1 -1
- package/dist/components/carousel/types.d.ts +0 -13
- package/dist/components/carousel/types.d.ts.map +1 -1
- package/dist/components/checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/checkbox/Checkbox.js +3 -2
- package/dist/components/checkbox/Checkbox.js.map +1 -1
- package/dist/components/combobox/Combobox.d.ts.map +1 -1
- package/dist/components/combobox/Combobox.js +7 -1
- package/dist/components/combobox/Combobox.js.map +1 -1
- package/dist/components/combobox/types.d.ts +1 -0
- 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 +21 -4
- package/dist/components/context-menu/ContextMenu.js.map +1 -1
- package/dist/components/drawer/Drawer.d.ts.map +1 -1
- package/dist/components/drawer/Drawer.js +15 -0
- package/dist/components/drawer/Drawer.js.map +1 -1
- package/dist/components/drawer/DrawerNative.d.ts +1 -1
- package/dist/components/drawer/DrawerNative.d.ts.map +1 -1
- package/dist/components/drawer/DrawerNative.js +28 -13
- package/dist/components/drawer/DrawerNative.js.map +1 -1
- package/dist/components/drawer/types.d.ts +0 -2
- 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 +2 -1
- package/dist/components/dropdown-menu/DropdownMenu.js.map +1 -1
- package/dist/components/dropdown-menu/DropdownMenuBar.d.ts +1 -1
- package/dist/components/dropdown-menu/DropdownMenuBar.d.ts.map +1 -1
- package/dist/components/dropdown-menu/DropdownMenuBar.js +12 -2
- package/dist/components/dropdown-menu/DropdownMenuBar.js.map +1 -1
- package/dist/components/dropdown-menu/types.d.ts +1 -0
- package/dist/components/dropdown-menu/types.d.ts.map +1 -1
- package/dist/components/enhance/listeners.js +1 -1
- package/dist/components/enhance/listeners.js.map +1 -1
- package/dist/components/enhance/sync.d.ts.map +1 -1
- package/dist/components/enhance/sync.js +7 -4
- package/dist/components/enhance/sync.js.map +1 -1
- package/dist/components/field/Field.d.ts.map +1 -1
- package/dist/components/field/Field.js +6 -0
- package/dist/components/field/Field.js.map +1 -1
- package/dist/components/file-upload/FileUpload.d.ts.map +1 -1
- package/dist/components/file-upload/FileUpload.js +8 -2
- package/dist/components/file-upload/FileUpload.js.map +1 -1
- package/dist/components/file-upload/types.d.ts +1 -0
- package/dist/components/file-upload/types.d.ts.map +1 -1
- package/dist/components/hover-card/HoverCard.d.ts.map +1 -1
- package/dist/components/hover-card/HoverCard.js +2 -0
- 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 +1 -0
- package/dist/components/input/Input.js.map +1 -1
- package/dist/components/internal/choice-family/ChoiceGroup.d.ts +1 -2
- package/dist/components/internal/choice-family/ChoiceGroup.d.ts.map +1 -1
- package/dist/components/internal/choice-family/ChoiceGroup.js +5 -6
- package/dist/components/internal/choice-family/ChoiceGroup.js.map +1 -1
- package/dist/components/internal/choice-family/types.d.ts +0 -4
- package/dist/components/internal/choice-family/types.d.ts.map +1 -1
- package/dist/components/line-chart/LineChart.d.ts.map +1 -1
- package/dist/components/line-chart/LineChart.js +30 -38
- package/dist/components/line-chart/LineChart.js.map +1 -1
- package/dist/components/line-chart/client/LineChartClient.js.map +1 -1
- package/dist/components/modal/Modal.d.ts +1 -1
- package/dist/components/modal/Modal.d.ts.map +1 -1
- package/dist/components/modal/Modal.js +4 -6
- package/dist/components/modal/Modal.js.map +1 -1
- package/dist/components/modal/ModalParts.d.ts +3 -30
- package/dist/components/modal/ModalParts.d.ts.map +1 -1
- package/dist/components/modal/ModalParts.js +20 -17
- 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 +5 -2
- package/dist/components/modal/client/ModalClientContent.js.map +1 -1
- package/dist/components/modal/types.d.ts +0 -2
- package/dist/components/modal/types.d.ts.map +1 -1
- package/dist/components/otp-input/OtpInput.d.ts.map +1 -1
- package/dist/components/otp-input/OtpInput.js +3 -0
- package/dist/components/otp-input/OtpInput.js.map +1 -1
- package/dist/components/popup/Popup.d.ts.map +1 -1
- package/dist/components/popup/Popup.js +8 -3
- package/dist/components/popup/Popup.js.map +1 -1
- package/dist/components/popup/PopupParts.d.ts +3 -26
- package/dist/components/popup/PopupParts.d.ts.map +1 -1
- package/dist/components/popup/PopupParts.js +27 -18
- package/dist/components/popup/PopupParts.js.map +1 -1
- package/dist/components/radio-group/RadioGroup.d.ts.map +1 -1
- package/dist/components/radio-group/RadioGroup.js +0 -1
- package/dist/components/radio-group/RadioGroup.js.map +1 -1
- package/dist/components/select/Select.d.ts.map +1 -1
- package/dist/components/select/Select.js +1 -0
- package/dist/components/select/Select.js.map +1 -1
- package/dist/components/slider/Slider.d.ts.map +1 -1
- package/dist/components/slider/Slider.js +1 -0
- package/dist/components/slider/Slider.js.map +1 -1
- package/dist/components/spinner/Spinner.d.ts.map +1 -1
- package/dist/components/spinner/Spinner.js +2 -2
- package/dist/components/spinner/Spinner.js.map +1 -1
- package/dist/components/spinner/types.d.ts +1 -1
- package/dist/components/spinner/types.d.ts.map +1 -1
- package/dist/components/stepper/Stepper.js +2 -2
- package/dist/components/stepper/Stepper.js.map +1 -1
- package/dist/components/switch/Switch.d.ts.map +1 -1
- package/dist/components/switch/Switch.js +1 -0
- package/dist/components/switch/Switch.js.map +1 -1
- package/dist/components/tabs/Tabs.d.ts.map +1 -1
- package/dist/components/tabs/Tabs.js +1 -3
- package/dist/components/tabs/Tabs.js.map +1 -1
- package/dist/components/tags-input/TagsInput.d.ts.map +1 -1
- package/dist/components/tags-input/TagsInput.js +6 -1
- package/dist/components/tags-input/TagsInput.js.map +1 -1
- package/dist/components/tags-input/types.d.ts +1 -0
- package/dist/components/tags-input/types.d.ts.map +1 -1
- package/dist/components/textarea/Textarea.d.ts.map +1 -1
- package/dist/components/textarea/Textarea.js +1 -0
- package/dist/components/textarea/Textarea.js.map +1 -1
- package/dist/components/toast/Toast.d.ts.map +1 -1
- package/dist/components/toast/Toast.js +2 -1
- 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 +4 -1
- package/dist/components/toast/ToastElements.js.map +1 -1
- package/dist/components/toggle/Toggle.d.ts.map +1 -1
- package/dist/components/toggle/Toggle.js +1 -0
- package/dist/components/toggle/Toggle.js.map +1 -1
- package/dist/components/toolbar/Toolbar.d.ts.map +1 -1
- package/dist/components/toolbar/Toolbar.js +5 -3
- package/dist/components/toolbar/Toolbar.js.map +1 -1
- package/dist/components/toolbar/ToolbarShell.d.ts.map +1 -1
- package/dist/components/toolbar/ToolbarShell.js +8 -5
- package/dist/components/toolbar/ToolbarShell.js.map +1 -1
- package/dist/components/tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/tooltip/Tooltip.js +2 -0
- package/dist/components/tooltip/Tooltip.js.map +1 -1
- package/dist/components/virtual-scroll/VirtualScroll.js +2 -2
- package/dist/components/virtual-scroll/VirtualScroll.js.map +1 -1
- package/dist/components/virtual-scroll/VirtualScrollRowShell.d.ts +1 -1
- package/dist/components/virtual-scroll/VirtualScrollRowShell.js +3 -3
- package/dist/components/virtual-scroll/VirtualScrollRowShell.js.map +1 -1
- package/dist/components/virtual-scroll/virtual-scroll-scroll-sync.js +2 -2
- package/dist/components/virtual-scroll/virtual-scroll-scroll-sync.js.map +1 -1
- package/dist/core/render-native-invoker.d.ts +6 -3
- package/dist/core/render-native-invoker.d.ts.map +1 -1
- package/dist/core/render-native-invoker.js +5 -3
- package/dist/core/render-native-invoker.js.map +1 -1
- package/dist/elements/choice/Choice.d.ts +2 -2
- package/dist/elements/choice/Choice.js +1 -1
- package/dist/elements/choice/Choice.js.map +1 -1
- package/dist/elements/choice/types.d.ts +1 -1
- package/dist/elements/choice/types.d.ts.map +1 -1
- package/dist/elements/dialog/Dialog.d.ts +3 -3
- package/dist/elements/dialog/Dialog.d.ts.map +1 -1
- package/dist/elements/dialog/Dialog.js +5 -3
- package/dist/elements/dialog/Dialog.js.map +1 -1
- package/dist/elements/popover/Popover.d.ts +6 -5
- package/dist/elements/popover/Popover.d.ts.map +1 -1
- package/dist/elements/popover/Popover.js +8 -4
- package/dist/elements/popover/Popover.js.map +1 -1
- package/dist/styles/index.css +1 -1
- package/dist/styles/tailwind.css +33 -35
- package/dist/styles/tokens.css +1 -1
- package/package.json +7 -2
|
@@ -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 { usePopover } from \"@gunkin/uiify/core/popover\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\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 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 multiple = props.multiple === 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 (props.multiple === true) {\n multiDefaultValue = props.defaultValue ?? [];\n multiValue = props.value;\n multiOnValueChange = props.onValueChange;\n } else {\n singleOnValueChange = props.onValueChange;\n singleValue = props.value ?? props.defaultValue;\n }\n\n const {\n children,\n defaultInputValue,\n defaultOpen,\n filterFn = defaultComboboxFilter,\n inputValue: controlledInputValue,\n items,\n onInputValueChange,\n onOpenChange,\n open: controlledOpen,\n } = props;\n const addOnPaste = multiple ? (props.addOnPaste ?? true) : false;\n const allowCustomValue = multiple ? (props.allowCustomValue ?? false) : false;\n const delimiters = multiple ? (props.delimiters ?? DEFAULT_MULTI_DELIMITERS) : EMPTY_DELIMITERS;\n const maxValues = multiple ? props.maxValues : undefined;\n const validateValue = multiple ? props.validateValue : 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 <CollectionProvider>\n <ComboboxProvider value={contextValue}>{children}</ComboboxProvider>\n </CollectionProvider>\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, ...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 return (\n <span data-part=\"tag\" key={value}>\n {label}\n <button\n aria-label={`Remove ${label}`}\n data-part=\"tag-remove\"\n type=\"button\"\n onMouseDown={(event) => event.preventDefault()}\n 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 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 ...(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 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\" } = 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 mergedRef = useMergedRefs(popupRef, positionerRef);\n\n return (\n <DismissableLayer\n branches={branches}\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-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 { className, item } = props;\n const { activeStore, isValueSelected, multiple, selectItem } = useComboboxContext(\"Item\");\n const id = useId();\n const ref = useCollectionItem({ data: item, id });\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 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 ...(className ? { className } : {}),\n children: item.label,\n onMouseDown(event: SyntheticEvent<HTMLElement>) {\n event.preventDefault();\n },\n onClick: () => {\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 } = props;\n return useRenderElement({\n defaultTag: \"div\",\n props: {\n role: \"presentation\",\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 { usePopover } from \"@gunkin/uiify/core/popover\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\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 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 multiple = props.multiple === 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 (props.multiple === true) {\n multiDefaultValue = props.defaultValue ?? [];\n multiValue = props.value;\n multiOnValueChange = props.onValueChange;\n } else {\n singleOnValueChange = props.onValueChange;\n singleValue = props.value ?? props.defaultValue;\n }\n\n const {\n className,\n children,\n defaultInputValue,\n defaultOpen,\n filterFn = defaultComboboxFilter,\n inputValue: controlledInputValue,\n items,\n onInputValueChange,\n onOpenChange,\n open: controlledOpen,\n } = props;\n const addOnPaste = multiple ? (props.addOnPaste ?? true) : false;\n const allowCustomValue = multiple ? (props.allowCustomValue ?? false) : false;\n const delimiters = multiple ? (props.delimiters ?? DEFAULT_MULTI_DELIMITERS) : EMPTY_DELIMITERS;\n const maxValues = multiple ? props.maxValues : undefined;\n const validateValue = multiple ? props.validateValue : 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 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, ...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 return (\n <span data-part=\"tag\" key={value}>\n {label}\n <button\n aria-label={`Remove ${label}`}\n data-part=\"tag-remove\"\n type=\"button\"\n onMouseDown={(event) => event.preventDefault()}\n 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 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\" } = 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 mergedRef = useMergedRefs(popupRef, positionerRef);\n\n return (\n <DismissableLayer\n branches={branches}\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 { className, item } = props;\n const { activeStore, isValueSelected, multiple, selectItem } = useComboboxContext(\"Item\");\n const id = useId();\n const ref = useCollectionItem({ data: item, id });\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 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(event: SyntheticEvent<HTMLElement>) {\n event.preventDefault();\n },\n onClick: () => {\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 } = props;\n return useRenderElement({\n defaultTag: \"div\",\n props: {\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":[]}
|
|
@@ -54,6 +54,7 @@ export interface ComboboxContextValue {
|
|
|
54
54
|
readonly value?: string | readonly string[] | undefined;
|
|
55
55
|
}
|
|
56
56
|
export interface ComboboxRootShellOwnProps {
|
|
57
|
+
readonly className?: string;
|
|
57
58
|
readonly defaultInputValue?: string;
|
|
58
59
|
readonly defaultOpen?: boolean;
|
|
59
60
|
readonly defaultValue?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/types.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,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;AAEjE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,WAAW,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IAC1C,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3C,QAAQ,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;IACzD,QAAQ,CAAC,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;CAC1E;AAED,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAErE,MAAM,MAAM,gBAAgB,GAAG,CAC7B,KAAK,EAAE,SAAS,gBAAgB,EAAE,EAClC,UAAU,EAAE,MAAM,KACf,gBAAgB,EAAE,CAAC;AAExB,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CACrD;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,WAAW,EAAE,mBAAmB,CAAC;IAC1C,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,WAAW,EAAE,uBAAuB,CAAC,aAAa,CAAC,CAAC;IAC7D,QAAQ,CAAC,SAAS,EAAE,uBAAuB,CAAC,WAAW,CAAC,CAAC;IACzD,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,SAAS,gBAAgB,EAAE,CAAC;IAC5C,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,UAAU,EAAE,SAAS,MAAM,EAAE,CAAC;IACvC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,cAAc,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3C,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,QAAQ,CAAC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACrD,QAAQ,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACjD,QAAQ,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;IACpD,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IAChD,QAAQ,CAAC,eAAe,EAAE,uBAAuB,CAAC,iBAAiB,CAAC,CAAC;IACrE,QAAQ,CAAC,aAAa,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC;IACjE,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,eAAe,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;CACzD;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACpC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,SAAS,gBAAgB,EAAE,CAAC;CAC7C;AAED,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IAC7C,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;CAC7C;AAED,MAAM,WAAW,sBAAuB,SAAQ,yBAAyB;IACvE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,uBACf,SACE,yBAAyB,EACzB,IAAI,CAAC,8BAA8B,EAAE,eAAe,GAAG,OAAO,CAAC;IACjE,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAC1B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,sBACf,SACE,IAAI,CAAC,yBAAyB,EAAE,cAAc,CAAC,EAC/C,IAAI,CAAC,8BAA8B,EAAE,eAAe,GAAG,OAAO,CAAC,EAC/D,yBAAyB;IAC3B,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC;IACxB,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1C,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,sBAAsB,CAAC;AAEjF,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,oBAAoB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CACjF,GAAG,EACH,uBAAuB,EACvB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,iBAAiB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC9E,GAAG,EACH,oBAAoB,EACpB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,kBAAkB,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,IAAI,eAAe,CACjF,GAAG,EACH,qBAAqB,EACrB;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,EACjB,gBAAgB,CACjB,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,oBAAoB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,eAAe,CACpF,GAAG,EACH,uBAAuB,EACvB;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,EACjB,WAAW,CACZ,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,QAAQ,EAAE,CAAC,aAAa,EAAE,gBAAgB,EAAE,KAAK,SAAS,CAAC;IACpE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;CAC5B;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAC;CACjC;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu/ContextMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,WAAW,EAKX,YAAY,EAEb,MAAM,OAAO,CAAC;AAQf,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;AAEpB,YAAY,EAAE,eAAe,EAAE,CAAC;AAKhC,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu/ContextMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,WAAW,EAKX,YAAY,EAEb,MAAM,OAAO,CAAC;AAQf,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;AAEpB,YAAY,EAAE,eAAe,EAAE,CAAC;AAKhC,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,GAAG,IAAI,CA8DhF;yBA9De,eAAe;;;AAiE/B,wBAAgB,kBAAkB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAChE,KAAK,EAAE,uBAAuB,CAAC,GAAG,CAAC,GAClC,YAAY,GAAG,IAAI,CAsBrB;AAED,wBAAgB,kBAAkB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAChE,KAAK,EAAE,uBAAuB,CAAC,GAAG,CAAC,GAClC,YAAY,GAAG,IAAI,CA4CrB;yBA9Ce,kBAAkB;;;AAiDlC,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC7D,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CA6DrB;yBA/De,eAAe;;;AA8F/B,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,+BAA+B,GACrC,YAAY,GAAG,IAAI,CAyCrB;yBA3Ce,uBAAuB;;;AA8CvC,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,4BAA4B,GAAG,YAAY,GAAG,IAAI,CAgC7F;yBAhCe,oBAAoB;;;AA6CpC,wBAAgB,cAAc,CAAC,KAAK,EAAE,sBAAsB,GAAG,YAAY,GAAG,IAAI,CAKjF;yBALe,cAAc;;;AAQ9B,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,6BAA6B,GAAG,YAAY,GAAG,IAAI,CAsC/F;yBAtCe,qBAAqB;;;AAyCrC,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,6BAA6B,GAAG,YAAY,GAAG,IAAI,CAoB/F;AAED,eAAO,MAAM,gBAAgB,kBAAY,CAAC;AAE1C,eAAO,MAAM,oBAAoB,sBAAgB,CAAC;AAElD,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAavB,CAAC"}
|
|
@@ -15,6 +15,7 @@ function ContextMenuRoot(props) {
|
|
|
15
15
|
const { children, defaultOpen, onOpenChange, open } = props;
|
|
16
16
|
const virtualAnchorRef = useRef(null);
|
|
17
17
|
const [radioValue, setRadioValue] = useState();
|
|
18
|
+
const [pointerAnchor, setPointerAnchor] = useState(false);
|
|
18
19
|
const surface = useMenuSurface({
|
|
19
20
|
align: "start",
|
|
20
21
|
mode: "manual",
|
|
@@ -29,6 +30,7 @@ function ContextMenuRoot(props) {
|
|
|
29
30
|
event.preventDefault();
|
|
30
31
|
virtualAnchorRef.current?.style.setProperty("--uiify-context-menu-x", `${event.clientX}px`);
|
|
31
32
|
virtualAnchorRef.current?.style.setProperty("--uiify-context-menu-y", `${event.clientY}px`);
|
|
33
|
+
setPointerAnchor(true);
|
|
32
34
|
setTriggerElement(event.currentTarget);
|
|
33
35
|
openPopover();
|
|
34
36
|
queueMicrotask(() => focusMenuItem(contentRef.current));
|
|
@@ -36,8 +38,14 @@ function ContextMenuRoot(props) {
|
|
|
36
38
|
[contentRef, openPopover, setTriggerElement]
|
|
37
39
|
);
|
|
38
40
|
const contextValue = useMemo(
|
|
39
|
-
() => ({
|
|
40
|
-
|
|
41
|
+
() => ({
|
|
42
|
+
...surface,
|
|
43
|
+
anchorProps: pointerAnchor ? {} : surface.anchorProps,
|
|
44
|
+
openAtPointer,
|
|
45
|
+
radioValue,
|
|
46
|
+
setRadioValue
|
|
47
|
+
}),
|
|
48
|
+
[pointerAnchor, surface, openAtPointer, radioValue]
|
|
41
49
|
);
|
|
42
50
|
return /* @__PURE__ */ jsxs(ContextMenuProvider, { value: contextValue, children: [
|
|
43
51
|
/* @__PURE__ */ jsx(
|
|
@@ -48,7 +56,7 @@ function ContextMenuRoot(props) {
|
|
|
48
56
|
virtualAnchorRef.current = element;
|
|
49
57
|
},
|
|
50
58
|
"data-virtual-anchor": "",
|
|
51
|
-
...surface.anchorProps,
|
|
59
|
+
...pointerAnchor ? surface.anchorProps : {},
|
|
52
60
|
style: {
|
|
53
61
|
position: "fixed",
|
|
54
62
|
left: "var(--uiify-context-menu-x, 0px)",
|
|
@@ -65,7 +73,7 @@ function ContextMenuRoot(props) {
|
|
|
65
73
|
ContextMenuRoot.displayName = "ContextMenuRoot";
|
|
66
74
|
function ContextMenuTrigger(props) {
|
|
67
75
|
const { as, render, className, ...consumerProps } = props;
|
|
68
|
-
const { open, openAtPointer, setTriggerElement } = useContextMenuContext("Trigger");
|
|
76
|
+
const { anchorProps, open, openAtPointer, setTriggerElement } = useContextMenuContext("Trigger");
|
|
69
77
|
const [consumerRef, withoutRef] = splitRef(consumerProps);
|
|
70
78
|
const mergedRef = useMergedRefs(setTriggerElement, consumerRef);
|
|
71
79
|
const { onContextMenu: consumerOnContextMenu } = withoutRef;
|
|
@@ -74,6 +82,7 @@ function ContextMenuTrigger(props) {
|
|
|
74
82
|
defaultTag: "div",
|
|
75
83
|
props: {
|
|
76
84
|
...withoutRef,
|
|
85
|
+
...anchorProps,
|
|
77
86
|
ref: mergedRef,
|
|
78
87
|
...className ? { className } : {},
|
|
79
88
|
onContextMenu: composeEventHandlers(consumerOnContextMenu, openAtPointer)
|
|
@@ -101,6 +110,8 @@ function ContextMenuContent(props) {
|
|
|
101
110
|
...positionerProps,
|
|
102
111
|
ref: mergedRef,
|
|
103
112
|
role: "menu",
|
|
113
|
+
"data-part": "content",
|
|
114
|
+
"data-uiify-menu": "",
|
|
104
115
|
"data-state": open ? "open" : "closed",
|
|
105
116
|
...className ? { className } : {},
|
|
106
117
|
onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
|
|
@@ -148,6 +159,7 @@ function ContextMenuItem(props) {
|
|
|
148
159
|
const itemProps = {
|
|
149
160
|
...consumerProps,
|
|
150
161
|
role: "menuitem",
|
|
162
|
+
"data-part": "item",
|
|
151
163
|
...className ? { className } : {},
|
|
152
164
|
onClick: composeEventHandlers(consumerOnClick, handleSelect),
|
|
153
165
|
onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
|
|
@@ -216,6 +228,7 @@ function ContextMenuCheckboxItem(props) {
|
|
|
216
228
|
...{
|
|
217
229
|
...consumerProps,
|
|
218
230
|
role: "menuitemcheckbox",
|
|
231
|
+
"data-part": "item",
|
|
219
232
|
"aria-checked": isIndeterminate ? "mixed" : isChecked,
|
|
220
233
|
"data-state": isIndeterminate ? "indeterminate" : isChecked ? "checked" : "unchecked",
|
|
221
234
|
...className ? { className } : {},
|
|
@@ -246,6 +259,7 @@ function ContextMenuRadioItem(props) {
|
|
|
246
259
|
...{
|
|
247
260
|
...consumerProps,
|
|
248
261
|
role: "menuitemradio",
|
|
262
|
+
"data-part": "item",
|
|
249
263
|
"aria-checked": checked,
|
|
250
264
|
"data-state": checked ? "checked" : "unchecked",
|
|
251
265
|
...className ? { className } : {},
|
|
@@ -290,6 +304,7 @@ function ContextMenuSubTrigger(props) {
|
|
|
290
304
|
...{
|
|
291
305
|
...consumerProps,
|
|
292
306
|
role: "menuitem",
|
|
307
|
+
"data-part": "item",
|
|
293
308
|
"aria-haspopup": "menu",
|
|
294
309
|
"aria-expanded": sub.open,
|
|
295
310
|
...className ? { className } : {},
|
|
@@ -309,6 +324,8 @@ function ContextMenuSubContent(props) {
|
|
|
309
324
|
defaultTag: "div",
|
|
310
325
|
props: {
|
|
311
326
|
role: "menu",
|
|
327
|
+
"data-part": "sub-content",
|
|
328
|
+
"data-uiify-menu": "",
|
|
312
329
|
"data-state": sub.open ? "open" : "closed",
|
|
313
330
|
hidden: !sub.open ? true : void 0,
|
|
314
331
|
...className ? { className } : {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/context-menu/ContextMenu.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport type {\n ElementType,\n FocusEvent,\n KeyboardEvent,\n MouseEvent,\n PointerEvent,\n ReactElement,\n SyntheticEvent,\n} from \"react\";\nimport { useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport { createPartContext, splitRef } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { RovingFocusItem, RovingFocusRoot } from \"@gunkin/uiify/core/roving-focus\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { createMenuSelectEvent } from \"../internal/menu/menu-utils.js\";\nimport { focusMenuItem } from \"../internal/menu/focus-menu-item.js\";\nimport { MenuLabel, MenuSeparator } from \"../internal/menu/menu-parts.js\";\nimport { useMenuSurface } from \"../internal/menu/use-menu-surface.js\";\nimport type { MenuSelectEvent } from \"../internal/menu/types.js\";\nimport type {\n ContextMenuContextValue,\n ContextMenuRootProps,\n ContextMenuTriggerProps,\n ContextMenuContentProps,\n ContextMenuItemProps,\n ContextMenuCheckboxItemOwnProps,\n ContextMenuRadioItemOwnProps,\n ContextMenuSubOwnProps,\n ContextMenuSubTriggerOwnProps,\n ContextMenuSubContentOwnProps,\n} from \"./types.js\";\n\nexport type { MenuSelectEvent };\n\nconst [ContextMenuProvider, useContextMenuContext] =\n createPartContext<ContextMenuContextValue>(\"ContextMenu\");\n\nexport function ContextMenuRoot(props: ContextMenuRootProps): ReactElement | null {\n const { children, defaultOpen, onOpenChange, open } = props;\n const virtualAnchorRef = useRef<HTMLSpanElement | null>(null);\n const [radioValue, setRadioValue] = useState<string | undefined>();\n const surface = useMenuSurface({\n align: \"start\",\n mode: \"manual\",\n side: \"bottom\",\n ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n ...(open !== undefined ? { open } : {}),\n ...(onOpenChange ? { onOpenChange } : {}),\n });\n const { contentRef, openPopover, setTriggerElement } = surface;\n\n const openAtPointer = useCallback(\n (event: MouseEvent<HTMLElement>) => {\n event.preventDefault();\n virtualAnchorRef.current?.style.setProperty(\"--uiify-context-menu-x\", `${event.clientX}px`);\n virtualAnchorRef.current?.style.setProperty(\"--uiify-context-menu-y\", `${event.clientY}px`);\n setTriggerElement(event.currentTarget);\n openPopover();\n queueMicrotask(() => focusMenuItem(contentRef.current));\n },\n [contentRef, openPopover, setTriggerElement],\n );\n\n const contextValue = useMemo<ContextMenuContextValue>(\n () => ({ ...surface, openAtPointer, radioValue, setRadioValue }),\n [surface, openAtPointer, radioValue],\n );\n\n return (\n <ContextMenuProvider value={contextValue}>\n <span\n aria-hidden\n ref={(element) => {\n virtualAnchorRef.current = element;\n }}\n data-virtual-anchor=\"\"\n {...surface.anchorProps}\n style={\n {\n position: \"fixed\",\n left: \"var(--uiify-context-menu-x, 0px)\",\n top: \"var(--uiify-context-menu-y, 0px)\",\n width: 0,\n height: 0,\n pointerEvents: \"none\",\n } as React.CSSProperties\n }\n />\n {children}\n </ContextMenuProvider>\n );\n}\nContextMenuRoot.displayName = \"ContextMenuRoot\";\n\nexport function ContextMenuTrigger<TAs extends ElementType = \"div\">(\n props: ContextMenuTriggerProps<TAs>,\n): ReactElement | null {\n const { as, render, className, ...consumerProps } = props as ContextMenuTriggerProps<\"div\">;\n const { open, openAtPointer, setTriggerElement } = useContextMenuContext(\"Trigger\");\n const [consumerRef, withoutRef] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n const mergedRef = useMergedRefs(setTriggerElement, consumerRef);\n const { onContextMenu: consumerOnContextMenu } = withoutRef as {\n onContextMenu?: (event: MouseEvent<HTMLElement>) => void;\n };\n\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n ...withoutRef,\n ref: mergedRef,\n ...(className ? { className } : {}),\n onContextMenu: composeEventHandlers(consumerOnContextMenu, openAtPointer),\n },\n render,\n state: { open },\n });\n}\n\nexport function ContextMenuContent<TAs extends ElementType = \"div\">(\n props: ContextMenuContentProps<TAs>,\n): ReactElement | null {\n const { as, className, children, render, ...consumerProps } =\n props as ContextMenuContentProps<\"div\">;\n const { close, contentRef, focusTrigger, open, popupProps, popupRef, positionerProps } =\n useContextMenuContext(\"Content\");\n const [consumerRef, withoutRef] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n const mergedRef = useMergedRefs(popupRef, contentRef, consumerRef);\n const { onKeyDown: consumerOnKeyDown } = withoutRef as {\n onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n if (event.key === \"Escape\") {\n event.preventDefault();\n close();\n focusTrigger();\n }\n };\n\n const contentProps = {\n ...withoutRef,\n ...popupProps,\n ...positionerProps,\n ref: mergedRef,\n role: \"menu\",\n \"data-state\": open ? \"open\" : \"closed\",\n ...(className ? { className } : {}),\n onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n children,\n };\n\n if (render) {\n return (\n <RovingFocusRoot\n orientation=\"vertical\"\n render={(renderProps) => render(renderProps, { open })}\n {...contentProps}\n />\n );\n }\n\n return <RovingFocusRoot as={as ?? \"div\"} orientation=\"vertical\" {...contentProps} />;\n}\nContextMenuContent.displayName = \"ContextMenuContent\";\n\nexport function ContextMenuItem<TAs extends ElementType = \"div\">(\n props: ContextMenuItemProps<TAs>,\n): ReactElement | null {\n const {\n as,\n render,\n children,\n className,\n disabled = false,\n onSelect,\n textValue,\n ...consumerProps\n } = props as ContextMenuItemProps<\"div\">;\n const { close, focusTrigger } = useContextMenuContext(\"Item\");\n const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps as {\n onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n };\n\n const handleSelect = (event: SyntheticEvent<HTMLElement>) => {\n if (disabled) return;\n const selectEvent = createMenuSelectEvent();\n onSelect?.(selectEvent);\n if (!selectEvent.defaultPrevented) {\n close();\n focusTrigger();\n }\n event.preventDefault();\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n if (event.key === \"Enter\" || event.key === \" \") handleSelect(event);\n };\n\n const itemProps = {\n ...consumerProps,\n role: \"menuitem\",\n ...(className ? { className } : {}),\n onClick: composeEventHandlers(consumerOnClick, handleSelect),\n onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n children,\n };\n\n if (render) {\n return (\n <RovingFocusItem\n disabled={disabled}\n render={render}\n {...(textValue !== undefined ? { textValue } : {})}\n {...(itemProps as object)}\n />\n );\n }\n\n return (\n <RovingFocusItem\n as={as ?? \"div\"}\n disabled={disabled}\n {...(textValue !== undefined ? { textValue } : {})}\n {...(itemProps as object)}\n />\n );\n}\nContextMenuItem.displayName = \"ContextMenuItem\";\n\n/**\n * Shared \"activate this menu item\" logic for CheckboxItem and RadioItem: run\n * the item-specific action, close the menu, and return focus to the trigger,\n * unless disabled. Not promoted to internal/menu — it has no second consumer\n * yet, so it remains local to this component.\n */\nfunction useItemActivation(\n disabled: boolean,\n action: () => void,\n close: () => void,\n focusTrigger: () => void,\n): {\n readonly handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n readonly handleSelect: (event: SyntheticEvent<HTMLElement>) => void;\n} {\n const handleSelect = (event: SyntheticEvent<HTMLElement>) => {\n if (disabled) return;\n action();\n close();\n focusTrigger();\n event.preventDefault();\n };\n const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n if (event.key === \"Enter\" || event.key === \" \") handleSelect(event);\n };\n return { handleKeyDown, handleSelect };\n}\n\nexport function ContextMenuCheckboxItem(\n props: ContextMenuCheckboxItemOwnProps,\n): ReactElement | null {\n const {\n checked = false,\n children,\n className,\n disabled = false,\n onCheckedChange,\n textValue,\n ...consumerProps\n } = props;\n const { close, focusTrigger } = useContextMenuContext(\"CheckboxItem\");\n const isChecked = checked === true;\n const isIndeterminate = checked === \"indeterminate\";\n const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps as {\n onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n };\n const { handleKeyDown, handleSelect } = useItemActivation(\n disabled,\n () => onCheckedChange?.(!isChecked),\n close,\n focusTrigger,\n );\n\n return (\n <RovingFocusItem\n disabled={disabled}\n {...(textValue !== undefined ? { textValue } : {})}\n {...{\n ...consumerProps,\n role: \"menuitemcheckbox\",\n \"aria-checked\": (isIndeterminate ? \"mixed\" : isChecked) as boolean | \"mixed\",\n \"data-state\": isIndeterminate ? \"indeterminate\" : isChecked ? \"checked\" : \"unchecked\",\n ...(className ? { className } : {}),\n onClick: composeEventHandlers(consumerOnClick, handleSelect),\n onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n children,\n }}\n />\n );\n}\nContextMenuCheckboxItem.displayName = \"ContextMenuCheckboxItem\";\n\nexport function ContextMenuRadioItem(props: ContextMenuRadioItemOwnProps): ReactElement | null {\n const { children, className, disabled = false, textValue, value, ...consumerProps } = props;\n const { close, focusTrigger, radioValue, setRadioValue } = useContextMenuContext(\"RadioItem\");\n const checked = radioValue === value;\n const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps as {\n onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n };\n const { handleKeyDown, handleSelect } = useItemActivation(\n disabled,\n () => setRadioValue(value),\n close,\n focusTrigger,\n );\n\n return (\n <RovingFocusItem\n disabled={disabled}\n {...(textValue !== undefined ? { textValue } : {})}\n {...{\n ...consumerProps,\n role: \"menuitemradio\",\n \"aria-checked\": checked,\n \"data-state\": checked ? \"checked\" : \"unchecked\",\n ...(className ? { className } : {}),\n onClick: composeEventHandlers(consumerOnClick, handleSelect),\n onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n children,\n }}\n />\n );\n}\nContextMenuRadioItem.displayName = \"ContextMenuRadioItem\";\n\ninterface ContextMenuSubValue {\n readonly open: boolean;\n readonly setOpen: (open: boolean) => void;\n}\n\nconst [ContextMenuSubProvider, useContextMenuSubContext] = createPartContext<ContextMenuSubValue>(\n \"ContextMenu\",\n \"Sub\",\n);\n\nexport function ContextMenuSub(props: ContextMenuSubOwnProps): ReactElement | null {\n const { children } = props;\n const [open, setOpen] = useState(false);\n const value = useMemo(() => ({ open, setOpen }), [open]);\n return <ContextMenuSubProvider value={value}>{children}</ContextMenuSubProvider>;\n}\nContextMenuSub.displayName = \"ContextMenuSub\";\n\nexport function ContextMenuSubTrigger(props: ContextMenuSubTriggerOwnProps): ReactElement | null {\n const { children, className, disabled = false, textValue, ...consumerProps } = props;\n const sub = useContextMenuSubContext(\"SubTrigger\");\n const {\n onFocus: consumerOnFocus,\n onKeyDown: consumerOnKeyDown,\n onPointerEnter: consumerOnPointerEnter,\n } = consumerProps as {\n onFocus?: (event: FocusEvent<HTMLElement>) => void;\n onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n if (event.key === \"ArrowRight\") {\n event.preventDefault();\n sub.setOpen(true);\n }\n };\n\n return (\n <RovingFocusItem\n disabled={disabled}\n {...(textValue !== undefined ? { textValue } : {})}\n {...{\n ...consumerProps,\n role: \"menuitem\",\n \"aria-haspopup\": \"menu\" as const,\n \"aria-expanded\": sub.open,\n ...(className ? { className } : {}),\n onPointerEnter: composeEventHandlers(consumerOnPointerEnter, () => sub.setOpen(true)),\n onFocus: composeEventHandlers(consumerOnFocus, () => sub.setOpen(true)),\n onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n children,\n }}\n />\n );\n}\nContextMenuSubTrigger.displayName = \"ContextMenuSubTrigger\";\n\nexport function ContextMenuSubContent(props: ContextMenuSubContentOwnProps): ReactElement | null {\n const { children, className } = props;\n const sub = useContextMenuSubContext(\"SubContent\");\n\n const element = useRenderElement({\n defaultTag: \"div\",\n props: {\n role: \"menu\",\n \"data-state\": sub.open ? \"open\" : \"closed\",\n hidden: !sub.open ? true : undefined,\n ...(className ? { className } : {}),\n children: sub.open ? children : null,\n },\n state: { open: sub.open },\n });\n\n if (!sub.open) return null;\n return element;\n}\n\nexport const ContextMenuLabel = MenuLabel;\n\nexport const ContextMenuSeparator = MenuSeparator;\n\nexport const ContextMenu = {\n CheckboxItem: ContextMenuCheckboxItem,\n Content: ContextMenuContent,\n Item: ContextMenuItem,\n Label: ContextMenuLabel,\n RadioItem: ContextMenuRadioItem,\n Root: ContextMenuRoot,\n Separator: ContextMenuSeparator,\n Sub: Object.assign(ContextMenuSub, {\n Content: ContextMenuSubContent,\n Trigger: ContextMenuSubTrigger,\n }),\n Trigger: ContextMenuTrigger,\n};\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/context-menu/ContextMenu.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport type {\n ElementType,\n FocusEvent,\n KeyboardEvent,\n MouseEvent,\n PointerEvent,\n ReactElement,\n SyntheticEvent,\n} from \"react\";\nimport { useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport { createPartContext, splitRef } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { RovingFocusItem, RovingFocusRoot } from \"@gunkin/uiify/core/roving-focus\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { createMenuSelectEvent } from \"../internal/menu/menu-utils.js\";\nimport { focusMenuItem } from \"../internal/menu/focus-menu-item.js\";\nimport { MenuLabel, MenuSeparator } from \"../internal/menu/menu-parts.js\";\nimport { useMenuSurface } from \"../internal/menu/use-menu-surface.js\";\nimport type { MenuSelectEvent } from \"../internal/menu/types.js\";\nimport type {\n ContextMenuContextValue,\n ContextMenuRootProps,\n ContextMenuTriggerProps,\n ContextMenuContentProps,\n ContextMenuItemProps,\n ContextMenuCheckboxItemOwnProps,\n ContextMenuRadioItemOwnProps,\n ContextMenuSubOwnProps,\n ContextMenuSubTriggerOwnProps,\n ContextMenuSubContentOwnProps,\n} from \"./types.js\";\n\nexport type { MenuSelectEvent };\n\nconst [ContextMenuProvider, useContextMenuContext] =\n createPartContext<ContextMenuContextValue>(\"ContextMenu\");\n\nexport function ContextMenuRoot(props: ContextMenuRootProps): ReactElement | null {\n const { children, defaultOpen, onOpenChange, open } = props;\n const virtualAnchorRef = useRef<HTMLSpanElement | null>(null);\n const [radioValue, setRadioValue] = useState<string | undefined>();\n const [pointerAnchor, setPointerAnchor] = useState(false);\n const surface = useMenuSurface({\n align: \"start\",\n mode: \"manual\",\n side: \"bottom\",\n ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n ...(open !== undefined ? { open } : {}),\n ...(onOpenChange ? { onOpenChange } : {}),\n });\n const { contentRef, openPopover, setTriggerElement } = surface;\n\n const openAtPointer = useCallback(\n (event: MouseEvent<HTMLElement>) => {\n event.preventDefault();\n virtualAnchorRef.current?.style.setProperty(\"--uiify-context-menu-x\", `${event.clientX}px`);\n virtualAnchorRef.current?.style.setProperty(\"--uiify-context-menu-y\", `${event.clientY}px`);\n setPointerAnchor(true);\n setTriggerElement(event.currentTarget);\n openPopover();\n queueMicrotask(() => focusMenuItem(contentRef.current));\n },\n [contentRef, openPopover, setTriggerElement],\n );\n\n const contextValue = useMemo<ContextMenuContextValue>(\n () => ({\n ...surface,\n anchorProps: pointerAnchor ? {} : surface.anchorProps,\n openAtPointer,\n radioValue,\n setRadioValue,\n }),\n [pointerAnchor, surface, openAtPointer, radioValue],\n );\n\n return (\n <ContextMenuProvider value={contextValue}>\n <span\n aria-hidden\n ref={(element) => {\n virtualAnchorRef.current = element;\n }}\n data-virtual-anchor=\"\"\n {...(pointerAnchor ? surface.anchorProps : {})}\n style={\n {\n position: \"fixed\",\n left: \"var(--uiify-context-menu-x, 0px)\",\n top: \"var(--uiify-context-menu-y, 0px)\",\n width: 0,\n height: 0,\n pointerEvents: \"none\",\n } as React.CSSProperties\n }\n />\n {children}\n </ContextMenuProvider>\n );\n}\nContextMenuRoot.displayName = \"ContextMenuRoot\";\n\nexport function ContextMenuTrigger<TAs extends ElementType = \"div\">(\n props: ContextMenuTriggerProps<TAs>,\n): ReactElement | null {\n const { as, render, className, ...consumerProps } = props as ContextMenuTriggerProps<\"div\">;\n const { anchorProps, open, openAtPointer, setTriggerElement } = useContextMenuContext(\"Trigger\");\n const [consumerRef, withoutRef] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n const mergedRef = useMergedRefs(setTriggerElement, consumerRef);\n const { onContextMenu: consumerOnContextMenu } = withoutRef as {\n onContextMenu?: (event: MouseEvent<HTMLElement>) => void;\n };\n\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n ...withoutRef,\n ...anchorProps,\n ref: mergedRef,\n ...(className ? { className } : {}),\n onContextMenu: composeEventHandlers(consumerOnContextMenu, openAtPointer),\n },\n render,\n state: { open },\n });\n}\n\nexport function ContextMenuContent<TAs extends ElementType = \"div\">(\n props: ContextMenuContentProps<TAs>,\n): ReactElement | null {\n const { as, className, children, render, ...consumerProps } =\n props as ContextMenuContentProps<\"div\">;\n const { close, contentRef, focusTrigger, open, popupProps, popupRef, positionerProps } =\n useContextMenuContext(\"Content\");\n const [consumerRef, withoutRef] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n const mergedRef = useMergedRefs(popupRef, contentRef, consumerRef);\n const { onKeyDown: consumerOnKeyDown } = withoutRef as {\n onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n if (event.key === \"Escape\") {\n event.preventDefault();\n close();\n focusTrigger();\n }\n };\n\n const contentProps = {\n ...withoutRef,\n ...popupProps,\n ...positionerProps,\n ref: mergedRef,\n role: \"menu\",\n \"data-part\": \"content\",\n \"data-uiify-menu\": \"\",\n \"data-state\": open ? \"open\" : \"closed\",\n ...(className ? { className } : {}),\n onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n children,\n };\n\n if (render) {\n return (\n <RovingFocusRoot\n orientation=\"vertical\"\n render={(renderProps) => render(renderProps, { open })}\n {...contentProps}\n />\n );\n }\n\n return <RovingFocusRoot as={as ?? \"div\"} orientation=\"vertical\" {...contentProps} />;\n}\nContextMenuContent.displayName = \"ContextMenuContent\";\n\nexport function ContextMenuItem<TAs extends ElementType = \"div\">(\n props: ContextMenuItemProps<TAs>,\n): ReactElement | null {\n const {\n as,\n render,\n children,\n className,\n disabled = false,\n onSelect,\n textValue,\n ...consumerProps\n } = props as ContextMenuItemProps<\"div\">;\n const { close, focusTrigger } = useContextMenuContext(\"Item\");\n const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps as {\n onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n };\n\n const handleSelect = (event: SyntheticEvent<HTMLElement>) => {\n if (disabled) return;\n const selectEvent = createMenuSelectEvent();\n onSelect?.(selectEvent);\n if (!selectEvent.defaultPrevented) {\n close();\n focusTrigger();\n }\n event.preventDefault();\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n if (event.key === \"Enter\" || event.key === \" \") handleSelect(event);\n };\n\n const itemProps = {\n ...consumerProps,\n role: \"menuitem\",\n \"data-part\": \"item\",\n ...(className ? { className } : {}),\n onClick: composeEventHandlers(consumerOnClick, handleSelect),\n onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n children,\n };\n\n if (render) {\n return (\n <RovingFocusItem\n disabled={disabled}\n render={render}\n {...(textValue !== undefined ? { textValue } : {})}\n {...(itemProps as object)}\n />\n );\n }\n\n return (\n <RovingFocusItem\n as={as ?? \"div\"}\n disabled={disabled}\n {...(textValue !== undefined ? { textValue } : {})}\n {...(itemProps as object)}\n />\n );\n}\nContextMenuItem.displayName = \"ContextMenuItem\";\n\n/**\n * Shared \"activate this menu item\" logic for CheckboxItem and RadioItem: run\n * the item-specific action, close the menu, and return focus to the trigger,\n * unless disabled. Not promoted to internal/menu — it has no second consumer\n * yet, so it remains local to this component.\n */\nfunction useItemActivation(\n disabled: boolean,\n action: () => void,\n close: () => void,\n focusTrigger: () => void,\n): {\n readonly handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n readonly handleSelect: (event: SyntheticEvent<HTMLElement>) => void;\n} {\n const handleSelect = (event: SyntheticEvent<HTMLElement>) => {\n if (disabled) return;\n action();\n close();\n focusTrigger();\n event.preventDefault();\n };\n const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n if (event.key === \"Enter\" || event.key === \" \") handleSelect(event);\n };\n return { handleKeyDown, handleSelect };\n}\n\nexport function ContextMenuCheckboxItem(\n props: ContextMenuCheckboxItemOwnProps,\n): ReactElement | null {\n const {\n checked = false,\n children,\n className,\n disabled = false,\n onCheckedChange,\n textValue,\n ...consumerProps\n } = props;\n const { close, focusTrigger } = useContextMenuContext(\"CheckboxItem\");\n const isChecked = checked === true;\n const isIndeterminate = checked === \"indeterminate\";\n const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps as {\n onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n };\n const { handleKeyDown, handleSelect } = useItemActivation(\n disabled,\n () => onCheckedChange?.(!isChecked),\n close,\n focusTrigger,\n );\n\n return (\n <RovingFocusItem\n disabled={disabled}\n {...(textValue !== undefined ? { textValue } : {})}\n {...{\n ...consumerProps,\n role: \"menuitemcheckbox\",\n \"data-part\": \"item\",\n \"aria-checked\": (isIndeterminate ? \"mixed\" : isChecked) as boolean | \"mixed\",\n \"data-state\": isIndeterminate ? \"indeterminate\" : isChecked ? \"checked\" : \"unchecked\",\n ...(className ? { className } : {}),\n onClick: composeEventHandlers(consumerOnClick, handleSelect),\n onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n children,\n }}\n />\n );\n}\nContextMenuCheckboxItem.displayName = \"ContextMenuCheckboxItem\";\n\nexport function ContextMenuRadioItem(props: ContextMenuRadioItemOwnProps): ReactElement | null {\n const { children, className, disabled = false, textValue, value, ...consumerProps } = props;\n const { close, focusTrigger, radioValue, setRadioValue } = useContextMenuContext(\"RadioItem\");\n const checked = radioValue === value;\n const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps as {\n onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n };\n const { handleKeyDown, handleSelect } = useItemActivation(\n disabled,\n () => setRadioValue(value),\n close,\n focusTrigger,\n );\n\n return (\n <RovingFocusItem\n disabled={disabled}\n {...(textValue !== undefined ? { textValue } : {})}\n {...{\n ...consumerProps,\n role: \"menuitemradio\",\n \"data-part\": \"item\",\n \"aria-checked\": checked,\n \"data-state\": checked ? \"checked\" : \"unchecked\",\n ...(className ? { className } : {}),\n onClick: composeEventHandlers(consumerOnClick, handleSelect),\n onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n children,\n }}\n />\n );\n}\nContextMenuRadioItem.displayName = \"ContextMenuRadioItem\";\n\ninterface ContextMenuSubValue {\n readonly open: boolean;\n readonly setOpen: (open: boolean) => void;\n}\n\nconst [ContextMenuSubProvider, useContextMenuSubContext] = createPartContext<ContextMenuSubValue>(\n \"ContextMenu\",\n \"Sub\",\n);\n\nexport function ContextMenuSub(props: ContextMenuSubOwnProps): ReactElement | null {\n const { children } = props;\n const [open, setOpen] = useState(false);\n const value = useMemo(() => ({ open, setOpen }), [open]);\n return <ContextMenuSubProvider value={value}>{children}</ContextMenuSubProvider>;\n}\nContextMenuSub.displayName = \"ContextMenuSub\";\n\nexport function ContextMenuSubTrigger(props: ContextMenuSubTriggerOwnProps): ReactElement | null {\n const { children, className, disabled = false, textValue, ...consumerProps } = props;\n const sub = useContextMenuSubContext(\"SubTrigger\");\n const {\n onFocus: consumerOnFocus,\n onKeyDown: consumerOnKeyDown,\n onPointerEnter: consumerOnPointerEnter,\n } = consumerProps as {\n onFocus?: (event: FocusEvent<HTMLElement>) => void;\n onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n if (event.key === \"ArrowRight\") {\n event.preventDefault();\n sub.setOpen(true);\n }\n };\n\n return (\n <RovingFocusItem\n disabled={disabled}\n {...(textValue !== undefined ? { textValue } : {})}\n {...{\n ...consumerProps,\n role: \"menuitem\",\n \"data-part\": \"item\",\n \"aria-haspopup\": \"menu\" as const,\n \"aria-expanded\": sub.open,\n ...(className ? { className } : {}),\n onPointerEnter: composeEventHandlers(consumerOnPointerEnter, () => sub.setOpen(true)),\n onFocus: composeEventHandlers(consumerOnFocus, () => sub.setOpen(true)),\n onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n children,\n }}\n />\n );\n}\nContextMenuSubTrigger.displayName = \"ContextMenuSubTrigger\";\n\nexport function ContextMenuSubContent(props: ContextMenuSubContentOwnProps): ReactElement | null {\n const { children, className } = props;\n const sub = useContextMenuSubContext(\"SubContent\");\n\n const element = useRenderElement({\n defaultTag: \"div\",\n props: {\n role: \"menu\",\n \"data-part\": \"sub-content\",\n \"data-uiify-menu\": \"\",\n \"data-state\": sub.open ? \"open\" : \"closed\",\n hidden: !sub.open ? true : undefined,\n ...(className ? { className } : {}),\n children: sub.open ? children : null,\n },\n state: { open: sub.open },\n });\n\n if (!sub.open) return null;\n return element;\n}\n\nexport const ContextMenuLabel = MenuLabel;\n\nexport const ContextMenuSeparator = MenuSeparator;\n\nexport const ContextMenu = {\n CheckboxItem: ContextMenuCheckboxItem,\n Content: ContextMenuContent,\n Item: ContextMenuItem,\n Label: ContextMenuLabel,\n RadioItem: ContextMenuRadioItem,\n Root: ContextMenuRoot,\n Separator: ContextMenuSeparator,\n Sub: Object.assign(ContextMenuSub, {\n Content: ContextMenuSubContent,\n Trigger: ContextMenuSubTrigger,\n }),\n Trigger: ContextMenuTrigger,\n};\n"],"mappings":"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","names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAgB,YAAY,EAAkB,MAAM,OAAO,CAAC;AAaxE,OAAO,KAAK,EAGV,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,yBAAyB,EACzB,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAI3B,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CAyFtE;yBAzFe,UAAU;;;AA4F1B,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAgB,YAAY,EAAkB,MAAM,OAAO,CAAC;AAaxE,OAAO,KAAK,EAGV,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,yBAAyB,EACzB,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAI3B,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CAyFtE;yBAzFe,UAAU;;;AA4F1B,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CAuB5E;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CA4E5E;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,GAAG,IAAI,CAqB3E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,yBAAyB,GAAG,YAAY,GAAG,IAAI,CAqBvF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAqBxE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,GAAG,IAAI,CAsD7E;AAED,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAC"}
|
|
@@ -109,6 +109,9 @@ function DrawerTrigger(props) {
|
|
|
109
109
|
...consumerProps,
|
|
110
110
|
ref: mergedRef,
|
|
111
111
|
type: "button",
|
|
112
|
+
"data-uiify-button": "",
|
|
113
|
+
"data-part": "trigger",
|
|
114
|
+
"data-uiify-drawer": "",
|
|
112
115
|
"aria-controls": contentId,
|
|
113
116
|
"aria-expanded": open,
|
|
114
117
|
"aria-haspopup": "dialog",
|
|
@@ -164,8 +167,10 @@ function DrawerContent(props) {
|
|
|
164
167
|
"aria-describedby": descriptionId,
|
|
165
168
|
"aria-labelledby": labelId,
|
|
166
169
|
"aria-modal": modal ? true : void 0,
|
|
170
|
+
"data-part": "content",
|
|
167
171
|
"data-side": side,
|
|
168
172
|
"data-state": open ? "open" : "closed",
|
|
173
|
+
"data-uiify-drawer": "",
|
|
169
174
|
"data-snap-enabled": snapEnabled ? "" : void 0,
|
|
170
175
|
...className ? { className } : {},
|
|
171
176
|
...consumerStyle || styleVars ? { style: { ...consumerStyle, ...styleVars } } : {},
|
|
@@ -199,6 +204,8 @@ function DrawerTitle(props) {
|
|
|
199
204
|
defaultTag: "h2",
|
|
200
205
|
props: {
|
|
201
206
|
id,
|
|
207
|
+
"data-part": "title",
|
|
208
|
+
"data-uiify-drawer": "",
|
|
202
209
|
...className ? { className } : {},
|
|
203
210
|
children
|
|
204
211
|
},
|
|
@@ -217,6 +224,8 @@ function DrawerDescription(props) {
|
|
|
217
224
|
defaultTag: "p",
|
|
218
225
|
props: {
|
|
219
226
|
id,
|
|
227
|
+
"data-part": "description",
|
|
228
|
+
"data-uiify-drawer": "",
|
|
220
229
|
...className ? { className } : {},
|
|
221
230
|
children
|
|
222
231
|
},
|
|
@@ -231,6 +240,10 @@ function DrawerClose(props) {
|
|
|
231
240
|
props: {
|
|
232
241
|
...consumerProps,
|
|
233
242
|
type: "button",
|
|
243
|
+
"data-uiify-button": "",
|
|
244
|
+
"data-part": "close",
|
|
245
|
+
"data-uiify-drawer": "",
|
|
246
|
+
"data-variant": "ghost",
|
|
234
247
|
onClick: composeEventHandlers(consumerProps.onClick, () => {
|
|
235
248
|
close();
|
|
236
249
|
}),
|
|
@@ -253,6 +266,8 @@ function DrawerHandle(props) {
|
|
|
253
266
|
defaultTag: "div",
|
|
254
267
|
props: snapEnabled ? {
|
|
255
268
|
"aria-hidden": true,
|
|
269
|
+
"data-part": "handle",
|
|
270
|
+
"data-uiify-drawer": "",
|
|
256
271
|
"data-dragging": dragging ? "" : void 0,
|
|
257
272
|
"data-side": side,
|
|
258
273
|
...className ? { className } : {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo, useRef, useState, useSyncExternalStore } from \"react\";\nimport type { PointerEvent, ReactElement, SyntheticEvent } from \"react\";\nimport {\n useId,\n useIsomorphicLayoutEffect,\n useLockBodyScroll,\n useMergedRefs,\n useResizeObserver,\n} from \"@gunkin/uiify/hooks\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { useDialog } from \"@gunkin/uiify/core/dialog\";\nimport { createDrawerStore } from \"./drawer-store.js\";\nimport type {\n DrawerStore,\n DrawerContextValue,\n DrawerRootProps,\n DrawerTriggerProps,\n DrawerContentProps,\n DrawerTitleOwnProps,\n DrawerDescriptionOwnProps,\n DrawerCloseProps,\n DrawerHandleOwnProps,\n} from \"./client-types.js\";\n\nconst [DrawerProvider, useDrawerContext] = createPartContext<DrawerContextValue>(\"Drawer\");\n\nexport function DrawerRoot(props: DrawerRootProps): ReactElement | null {\n const {\n activeSnapPoint,\n children,\n defaultActiveSnapPoint,\n defaultOpen,\n dismissible = true,\n modal = true,\n onOpenChange,\n onSnapChange,\n open,\n side = \"bottom\",\n snapPoints,\n } = props;\n const contentId = useId();\n const dialog = useDialog({\n modal,\n ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n ...(open !== undefined ? { open } : {}),\n ...(onOpenChange ? { onOpenChange } : {}),\n });\n const [labelId, setLabelId] = useState<string | undefined>();\n const [descriptionId, setDescriptionId] = useState<string | undefined>();\n const triggerRef = useRef<HTMLButtonElement | null>(null);\n const wasOpenRef = useRef(dialog.open);\n const storeRef = useRef<DrawerStore | null>(null);\n storeRef.current ??= createDrawerStore({\n side,\n dismissible,\n onDismiss: () => dialog.close(),\n ...(snapPoints ? { snapPoints } : {}),\n ...(activeSnapPoint !== undefined ? { activeSnapPoint } : {}),\n ...(defaultActiveSnapPoint !== undefined ? { defaultActiveSnapPoint } : {}),\n ...(onSnapChange ? { onSnapChange } : {}),\n });\n const store = storeRef.current;\n\n useLockBodyScroll(modal && dialog.open);\n\n useIsomorphicLayoutEffect(() => {\n if (activeSnapPoint !== undefined) store.syncActiveSnapPoint(activeSnapPoint);\n }, [activeSnapPoint, store]);\n\n useIsomorphicLayoutEffect(() => {\n if (wasOpenRef.current && !dialog.open) {\n queueMicrotask(() => triggerRef.current?.focus({ preventScroll: true }));\n }\n wasOpenRef.current = dialog.open;\n }, [dialog.open]);\n\n const snapEnabled = Boolean(snapPoints && snapPoints.length > 0);\n\n const contextValue = useMemo<DrawerContextValue>(\n () => ({\n close: dialog.close,\n contentId,\n descriptionId,\n dialogProps: dialog.dialogProps,\n dialogRef: dialog.dialogRef,\n dismissible,\n labelId,\n modal,\n open: dialog.open,\n openDialog: dialog.openDialog,\n setDescriptionId,\n setLabelId,\n side,\n snapEnabled,\n store,\n triggerRef,\n }),\n [\n contentId,\n descriptionId,\n dialog.close,\n dialog.dialogProps,\n dialog.dialogRef,\n dialog.open,\n dialog.openDialog,\n dismissible,\n labelId,\n modal,\n side,\n snapEnabled,\n store,\n ],\n );\n\n return <DrawerProvider value={contextValue}>{children}</DrawerProvider>;\n}\nDrawerRoot.displayName = \"DrawerRoot\";\n\nexport function DrawerTrigger(props: DrawerTriggerProps): ReactElement | null {\n const { children, className, ref, ...consumerProps } = props;\n const { contentId, open, openDialog, triggerRef } = useDrawerContext(\"Trigger\");\n const mergedRef = useMergedRefs(triggerRef, ref);\n\n return useRenderElement({\n defaultTag: \"button\",\n props: {\n ...consumerProps,\n ref: mergedRef,\n type: \"button\",\n \"aria-controls\": contentId,\n \"aria-expanded\": open,\n \"aria-haspopup\": \"dialog\",\n onClick: composeEventHandlers(consumerProps.onClick, openDialog),\n ...(className ? { className } : {}),\n children,\n },\n state: {},\n });\n}\n\nexport function DrawerContent(props: DrawerContentProps): ReactElement | null {\n const { children, className, ref, style: consumerStyle, ...consumerProps } = props;\n const {\n contentId,\n descriptionId,\n dialogProps,\n dialogRef,\n labelId,\n modal,\n open,\n side,\n snapEnabled,\n store,\n } = useDrawerContext(\"Content\");\n const containerRef = useRef<HTMLDialogElement | null>(null);\n const mergedRef = useMergedRefs(dialogRef, containerRef, ref);\n const size = useResizeObserver(containerRef);\n const transform = useSyncExternalStore(\n (listener) => store.subscribe(listener),\n () => store.getTransform(),\n () => \"\",\n );\n const activeSnap = useSyncExternalStore(\n (listener) => store.subscribe(listener),\n () => store.getActiveSnapPoint(),\n () => 1,\n );\n\n useIsomorphicLayoutEffect(() => {\n if (!size) return;\n const vertical = side === \"top\" || side === \"bottom\";\n store.setContainerSize(vertical ? size.height : size.width);\n }, [side, size, store]);\n\n const styleVars =\n snapEnabled && transform\n ? ({\n \"--uiify-drawer-transform\": transform,\n \"--uiify-drawer-snap\": String(activeSnap),\n } as React.CSSProperties)\n : undefined;\n\n const content = useRenderElement({\n defaultTag: \"dialog\",\n props: {\n ...consumerProps,\n ref: mergedRef,\n id: contentId,\n \"aria-describedby\": descriptionId,\n \"aria-labelledby\": labelId,\n \"aria-modal\": modal ? true : undefined,\n \"data-side\": side,\n \"data-state\": open ? \"open\" : \"closed\",\n \"data-snap-enabled\": snapEnabled ? \"\" : undefined,\n ...(className ? { className } : {}),\n ...(consumerStyle || styleVars ? { style: { ...consumerStyle, ...styleVars } } : {}),\n onCancel: composeEventHandlers(\n consumerProps.onCancel,\n (event: SyntheticEvent<HTMLDialogElement>) => {\n dialogProps.onCancel?.(event);\n },\n ),\n onClose: composeEventHandlers(\n consumerProps.onClose,\n (event: SyntheticEvent<HTMLDialogElement>) => {\n dialogProps.onClose?.(event);\n },\n ),\n children,\n },\n state: { open, side },\n });\n\n return content;\n}\n\nexport function DrawerTitle(props: DrawerTitleOwnProps): ReactElement | null {\n const { children, className } = props;\n const id = useId();\n const { setLabelId } = useDrawerContext(\"Title\");\n\n useIsomorphicLayoutEffect(() => {\n setLabelId(id);\n return () => setLabelId(undefined);\n }, [id, setLabelId]);\n\n return useRenderElement({\n defaultTag: \"h2\",\n props: {\n id,\n ...(className ? { className } : {}),\n children,\n },\n state: {},\n });\n}\n\nexport function DrawerDescription(props: DrawerDescriptionOwnProps): ReactElement | null {\n const { children, className } = props;\n const id = useId();\n const { setDescriptionId } = useDrawerContext(\"Description\");\n\n useIsomorphicLayoutEffect(() => {\n setDescriptionId(id);\n return () => setDescriptionId(undefined);\n }, [id, setDescriptionId]);\n\n return useRenderElement({\n defaultTag: \"p\",\n props: {\n id,\n ...(className ? { className } : {}),\n children,\n },\n state: {},\n });\n}\n\nexport function DrawerClose(props: DrawerCloseProps): ReactElement | null {\n const { children, className, ...consumerProps } = props;\n const { close } = useDrawerContext(\"Close\");\n\n return useRenderElement({\n defaultTag: \"button\",\n props: {\n ...consumerProps,\n type: \"button\",\n onClick: composeEventHandlers(consumerProps.onClick, () => {\n close();\n }),\n ...(className ? { className } : {}),\n children,\n },\n state: {},\n });\n}\n\nexport function DrawerHandle(props: DrawerHandleOwnProps): ReactElement | null {\n const { className, onPointerCancel, onPointerDown, onPointerMove, onPointerUp } = props;\n const { side, snapEnabled, store } = useDrawerContext(\"Handle\");\n const dragging = useSyncExternalStore(\n (listener) => store.subscribe(listener),\n () => store.isDragging(),\n () => false,\n );\n\n const axis = side === \"top\" || side === \"bottom\" ? \"clientY\" : \"clientX\";\n\n return useRenderElement({\n defaultTag: \"div\",\n props: snapEnabled\n ? {\n \"aria-hidden\": true,\n \"data-dragging\": dragging ? \"\" : undefined,\n \"data-side\": side,\n ...(className ? { className } : {}),\n onPointerDown: composeEventHandlers(\n onPointerDown,\n (event: PointerEvent<HTMLDivElement>) => {\n event.currentTarget.setPointerCapture(event.pointerId);\n store.startDrag(event[axis]);\n },\n ),\n onPointerMove: composeEventHandlers(\n onPointerMove,\n (event: PointerEvent<HTMLDivElement>) => {\n if (!store.isDragging()) return;\n store.moveDrag(event[axis]);\n },\n ),\n onPointerUp: composeEventHandlers(onPointerUp, (event: PointerEvent<HTMLDivElement>) => {\n if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n event.currentTarget.releasePointerCapture(event.pointerId);\n }\n store.endDrag();\n }),\n onPointerCancel: composeEventHandlers(\n onPointerCancel,\n (event: PointerEvent<HTMLDivElement>) => {\n if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n event.currentTarget.releasePointerCapture(event.pointerId);\n }\n store.endDrag();\n },\n ),\n }\n : { \"aria-hidden\": true, hidden: true },\n state: { dragging },\n });\n}\n\nexport const Drawer = {\n Close: DrawerClose,\n Content: DrawerContent,\n Description: DrawerDescription,\n Handle: DrawerHandle,\n Root: DrawerRoot,\n Title: DrawerTitle,\n Trigger: DrawerTrigger,\n};\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo, useRef, useState, useSyncExternalStore } from \"react\";\nimport type { PointerEvent, ReactElement, SyntheticEvent } from \"react\";\nimport {\n useId,\n useIsomorphicLayoutEffect,\n useLockBodyScroll,\n useMergedRefs,\n useResizeObserver,\n} from \"@gunkin/uiify/hooks\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { useDialog } from \"@gunkin/uiify/core/dialog\";\nimport { createDrawerStore } from \"./drawer-store.js\";\nimport type {\n DrawerStore,\n DrawerContextValue,\n DrawerRootProps,\n DrawerTriggerProps,\n DrawerContentProps,\n DrawerTitleOwnProps,\n DrawerDescriptionOwnProps,\n DrawerCloseProps,\n DrawerHandleOwnProps,\n} from \"./client-types.js\";\n\nconst [DrawerProvider, useDrawerContext] = createPartContext<DrawerContextValue>(\"Drawer\");\n\nexport function DrawerRoot(props: DrawerRootProps): ReactElement | null {\n const {\n activeSnapPoint,\n children,\n defaultActiveSnapPoint,\n defaultOpen,\n dismissible = true,\n modal = true,\n onOpenChange,\n onSnapChange,\n open,\n side = \"bottom\",\n snapPoints,\n } = props;\n const contentId = useId();\n const dialog = useDialog({\n modal,\n ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n ...(open !== undefined ? { open } : {}),\n ...(onOpenChange ? { onOpenChange } : {}),\n });\n const [labelId, setLabelId] = useState<string | undefined>();\n const [descriptionId, setDescriptionId] = useState<string | undefined>();\n const triggerRef = useRef<HTMLButtonElement | null>(null);\n const wasOpenRef = useRef(dialog.open);\n const storeRef = useRef<DrawerStore | null>(null);\n storeRef.current ??= createDrawerStore({\n side,\n dismissible,\n onDismiss: () => dialog.close(),\n ...(snapPoints ? { snapPoints } : {}),\n ...(activeSnapPoint !== undefined ? { activeSnapPoint } : {}),\n ...(defaultActiveSnapPoint !== undefined ? { defaultActiveSnapPoint } : {}),\n ...(onSnapChange ? { onSnapChange } : {}),\n });\n const store = storeRef.current;\n\n useLockBodyScroll(modal && dialog.open);\n\n useIsomorphicLayoutEffect(() => {\n if (activeSnapPoint !== undefined) store.syncActiveSnapPoint(activeSnapPoint);\n }, [activeSnapPoint, store]);\n\n useIsomorphicLayoutEffect(() => {\n if (wasOpenRef.current && !dialog.open) {\n queueMicrotask(() => triggerRef.current?.focus({ preventScroll: true }));\n }\n wasOpenRef.current = dialog.open;\n }, [dialog.open]);\n\n const snapEnabled = Boolean(snapPoints && snapPoints.length > 0);\n\n const contextValue = useMemo<DrawerContextValue>(\n () => ({\n close: dialog.close,\n contentId,\n descriptionId,\n dialogProps: dialog.dialogProps,\n dialogRef: dialog.dialogRef,\n dismissible,\n labelId,\n modal,\n open: dialog.open,\n openDialog: dialog.openDialog,\n setDescriptionId,\n setLabelId,\n side,\n snapEnabled,\n store,\n triggerRef,\n }),\n [\n contentId,\n descriptionId,\n dialog.close,\n dialog.dialogProps,\n dialog.dialogRef,\n dialog.open,\n dialog.openDialog,\n dismissible,\n labelId,\n modal,\n side,\n snapEnabled,\n store,\n ],\n );\n\n return <DrawerProvider value={contextValue}>{children}</DrawerProvider>;\n}\nDrawerRoot.displayName = \"DrawerRoot\";\n\nexport function DrawerTrigger(props: DrawerTriggerProps): ReactElement | null {\n const { children, className, ref, ...consumerProps } = props;\n const { contentId, open, openDialog, triggerRef } = useDrawerContext(\"Trigger\");\n const mergedRef = useMergedRefs(triggerRef, ref);\n\n return useRenderElement({\n defaultTag: \"button\",\n props: {\n ...consumerProps,\n ref: mergedRef,\n type: \"button\",\n \"data-uiify-button\": \"\",\n \"data-part\": \"trigger\",\n \"data-uiify-drawer\": \"\",\n \"aria-controls\": contentId,\n \"aria-expanded\": open,\n \"aria-haspopup\": \"dialog\",\n onClick: composeEventHandlers(consumerProps.onClick, openDialog),\n ...(className ? { className } : {}),\n children,\n },\n state: {},\n });\n}\n\nexport function DrawerContent(props: DrawerContentProps): ReactElement | null {\n const { children, className, ref, style: consumerStyle, ...consumerProps } = props;\n const {\n contentId,\n descriptionId,\n dialogProps,\n dialogRef,\n labelId,\n modal,\n open,\n side,\n snapEnabled,\n store,\n } = useDrawerContext(\"Content\");\n const containerRef = useRef<HTMLDialogElement | null>(null);\n const mergedRef = useMergedRefs(dialogRef, containerRef, ref);\n const size = useResizeObserver(containerRef);\n const transform = useSyncExternalStore(\n (listener) => store.subscribe(listener),\n () => store.getTransform(),\n () => \"\",\n );\n const activeSnap = useSyncExternalStore(\n (listener) => store.subscribe(listener),\n () => store.getActiveSnapPoint(),\n () => 1,\n );\n\n useIsomorphicLayoutEffect(() => {\n if (!size) return;\n const vertical = side === \"top\" || side === \"bottom\";\n store.setContainerSize(vertical ? size.height : size.width);\n }, [side, size, store]);\n\n const styleVars =\n snapEnabled && transform\n ? ({\n \"--uiify-drawer-transform\": transform,\n \"--uiify-drawer-snap\": String(activeSnap),\n } as React.CSSProperties)\n : undefined;\n\n const content = useRenderElement({\n defaultTag: \"dialog\",\n props: {\n ...consumerProps,\n ref: mergedRef,\n id: contentId,\n \"aria-describedby\": descriptionId,\n \"aria-labelledby\": labelId,\n \"aria-modal\": modal ? true : undefined,\n \"data-part\": \"content\",\n \"data-side\": side,\n \"data-state\": open ? \"open\" : \"closed\",\n \"data-uiify-drawer\": \"\",\n \"data-snap-enabled\": snapEnabled ? \"\" : undefined,\n ...(className ? { className } : {}),\n ...(consumerStyle || styleVars ? { style: { ...consumerStyle, ...styleVars } } : {}),\n onCancel: composeEventHandlers(\n consumerProps.onCancel,\n (event: SyntheticEvent<HTMLDialogElement>) => {\n dialogProps.onCancel?.(event);\n },\n ),\n onClose: composeEventHandlers(\n consumerProps.onClose,\n (event: SyntheticEvent<HTMLDialogElement>) => {\n dialogProps.onClose?.(event);\n },\n ),\n children,\n },\n state: { open, side },\n });\n\n return content;\n}\n\nexport function DrawerTitle(props: DrawerTitleOwnProps): ReactElement | null {\n const { children, className } = props;\n const id = useId();\n const { setLabelId } = useDrawerContext(\"Title\");\n\n useIsomorphicLayoutEffect(() => {\n setLabelId(id);\n return () => setLabelId(undefined);\n }, [id, setLabelId]);\n\n return useRenderElement({\n defaultTag: \"h2\",\n props: {\n id,\n \"data-part\": \"title\",\n \"data-uiify-drawer\": \"\",\n ...(className ? { className } : {}),\n children,\n },\n state: {},\n });\n}\n\nexport function DrawerDescription(props: DrawerDescriptionOwnProps): ReactElement | null {\n const { children, className } = props;\n const id = useId();\n const { setDescriptionId } = useDrawerContext(\"Description\");\n\n useIsomorphicLayoutEffect(() => {\n setDescriptionId(id);\n return () => setDescriptionId(undefined);\n }, [id, setDescriptionId]);\n\n return useRenderElement({\n defaultTag: \"p\",\n props: {\n id,\n \"data-part\": \"description\",\n \"data-uiify-drawer\": \"\",\n ...(className ? { className } : {}),\n children,\n },\n state: {},\n });\n}\n\nexport function DrawerClose(props: DrawerCloseProps): ReactElement | null {\n const { children, className, ...consumerProps } = props;\n const { close } = useDrawerContext(\"Close\");\n\n return useRenderElement({\n defaultTag: \"button\",\n props: {\n ...consumerProps,\n type: \"button\",\n \"data-uiify-button\": \"\",\n \"data-part\": \"close\",\n \"data-uiify-drawer\": \"\",\n \"data-variant\": \"ghost\",\n onClick: composeEventHandlers(consumerProps.onClick, () => {\n close();\n }),\n ...(className ? { className } : {}),\n children,\n },\n state: {},\n });\n}\n\nexport function DrawerHandle(props: DrawerHandleOwnProps): ReactElement | null {\n const { className, onPointerCancel, onPointerDown, onPointerMove, onPointerUp } = props;\n const { side, snapEnabled, store } = useDrawerContext(\"Handle\");\n const dragging = useSyncExternalStore(\n (listener) => store.subscribe(listener),\n () => store.isDragging(),\n () => false,\n );\n\n const axis = side === \"top\" || side === \"bottom\" ? \"clientY\" : \"clientX\";\n\n return useRenderElement({\n defaultTag: \"div\",\n props: snapEnabled\n ? {\n \"aria-hidden\": true,\n \"data-part\": \"handle\",\n \"data-uiify-drawer\": \"\",\n \"data-dragging\": dragging ? \"\" : undefined,\n \"data-side\": side,\n ...(className ? { className } : {}),\n onPointerDown: composeEventHandlers(\n onPointerDown,\n (event: PointerEvent<HTMLDivElement>) => {\n event.currentTarget.setPointerCapture(event.pointerId);\n store.startDrag(event[axis]);\n },\n ),\n onPointerMove: composeEventHandlers(\n onPointerMove,\n (event: PointerEvent<HTMLDivElement>) => {\n if (!store.isDragging()) return;\n store.moveDrag(event[axis]);\n },\n ),\n onPointerUp: composeEventHandlers(onPointerUp, (event: PointerEvent<HTMLDivElement>) => {\n if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n event.currentTarget.releasePointerCapture(event.pointerId);\n }\n store.endDrag();\n }),\n onPointerCancel: composeEventHandlers(\n onPointerCancel,\n (event: PointerEvent<HTMLDivElement>) => {\n if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n event.currentTarget.releasePointerCapture(event.pointerId);\n }\n store.endDrag();\n },\n ),\n }\n : { \"aria-hidden\": true, hidden: true },\n state: { dragging },\n });\n}\n\nexport const Drawer = {\n Close: DrawerClose,\n Content: DrawerContent,\n Description: DrawerDescription,\n Handle: DrawerHandle,\n Root: DrawerRoot,\n Title: DrawerTitle,\n Trigger: DrawerTrigger,\n};\n"],"mappings":"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","names":[]}
|
|
@@ -14,7 +14,7 @@ import type { DrawerProps } from "./types.js";
|
|
|
14
14
|
* and so keep a looser prop type (see ModalParts.tsx), this shell has no
|
|
15
15
|
* public "DrawerContent" part to keep loose.
|
|
16
16
|
*/
|
|
17
|
-
export declare function DrawerPanel({ id, trigger, title, description, children, closeLabel, side,
|
|
17
|
+
export declare function DrawerPanel({ id, trigger, title, description, children, closeLabel, side, className, }: DrawerProps): ReactElement;
|
|
18
18
|
export declare namespace DrawerPanel {
|
|
19
19
|
var displayName: string;
|
|
20
20
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerNative.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/DrawerNative.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DrawerNative.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/DrawerNative.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,UAAoB,EACpB,IAAe,EACf,SAAS,GACV,EAAE,WAAW,GAAG,YAAY,CA2C5B;yBApDe,WAAW"}
|