npm - @purpur/library - Versions diffs - 10.1.0 → 10.2.0 - Mend

@purpur/library 10.1.0 → 10.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (294) hide show

package/dist/dropdown-BAM4nQhd.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"dropdown-BAM4nQhd.mjs","sources":["../../../components/dropdown/src/dropdown.types.ts","../../../components/dropdown/src/dropdown-shared.tsx","../../../components/dropdown/src/useDropdownFilter.ts","../../../components/dropdown/src/useDropdownInput.ts","../../../components/dropdown/src/dropdown-combobox.tsx","../../../components/dropdown/src/useDropdownHighlight.ts","../../../components/dropdown/src/useOnClickOutside.ts","../../../components/dropdown/src/useDropdown.ts","../../../components/dropdown/src/dropdown-select.tsx","../../../components/dropdown/src/dropdown.tsx"],"sourcesContent":["export type DropdownOption = {\n /**\n * Content rendered for this option in the trigger and listbox. Accepts any `ReactNode`.\n * For `combobox` mode, text-input syncing and the default search filter require a plain\n * `string` — non-string labels fall back to `value` for those, so provide `value`\n * (or a custom `filterOption`) when using a non-string label with `combobox`.\n */\n label: React.ReactNode;\n id: string;\n value?: string;\n disabled?: boolean;\n};\n\n/** Plain-text form of an option's label, for text inputs, search filtering, and ARIA strings. */\nexport const getOptionLabelText = (option: Pick<DropdownOption, \"label\" | \"value\">): string =>\n typeof option.label === \"string\" ? option.label : option.value ?? \"\";\n\n/** Shared props across all variants */\ntype DropdownBaseProps = {\n /** Unique id used to prefix all sub-element ids. */\n id?: string;\n /** Visible label rendered above the field. */\n label?: string;\n /** Accessible label for the listbox popup (required for select/combobox). */\n listboxLabel?: string;\n /** Placeholder text shown when no value is selected. */\n placeholder?: string;\n /** Helper text rendered below the field. */\n helperText?: string;\n /** Error text rendered below the field. Puts the field in an error state. */\n errorText?: string;\n /** Render the field with a valid (success) appearance. */\n valid?: boolean;\n /** Show a loading spinner inside the field. */\n loading?: boolean;\n /** Render on dark backgrounds. */\n negative?: boolean;\n /** Mark the field as required. */\n required?: boolean;\n /** Disable the field. */\n disabled?: boolean;\n /** Make the field read-only. */\n readOnly?: boolean;\n /**\n * Label for the \"Select all\" option. Only effective when `multiple` is `true`.\n * The option is hidden automatically when any disabled option is **not** selected.\n */\n selectAllLabel?: string;\n /** Text appended after the hidden chip count (e.g. `\"+4 more\"`). Only effective when `multiple` is `true`. */\n moreOptionsText?: string;\n className?: string;\n [\"data-testid\"]?: string;\n};\n\n// ── Multi-select variant (moreOptionsText required) ──────────────────\n\ntype DropdownMultipleProps = DropdownBaseProps & {\n multiple: true;\n moreOptionsText: string;\n /** The accessible label for each chip's remove button. */\n removeOptionAriaLabel: string;\n};\n\n// ── Single-select variant (moreOptionsText optional) ─────────────────\n\ntype DropdownSingleProps = DropdownBaseProps & {\n multiple?: false | undefined;\n moreOptionsText?: string;\n removeOptionAriaLabel?: never;\n};\n\n// ── Shared props for select variant ──────────────────────────────────\n\ntype DropdownSelectSharedProps = {\n combobox?: false;\n options: DropdownOption[];\n /** Currently selected option (single-select, controlled). */\n selectedOption?: DropdownOption;\n /** Currently selected options (multi-select, controlled). */\n selectedOptions?: DropdownOption[];\n /** Fired when an option is selected or deselected. */\n onSelect?: (toggledOption: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;\n /** Open the listbox when the trigger receives focus. */\n openOnFocus?: boolean;\n /** Maximum height of the listbox popup. */\n listboxMaxHeight?: string | number;\n filterOption?: never;\n onInputChange?: never;\n inputValue?: never;\n defaultInputValue?: never;\n noOptionsText?: never;\n highlightFirstOption?: never;\n formatOption?: never;\n};\n\n// ── Shared props for combobox variant ────────────────────────────────\n\ntype DropdownComboboxSharedProps = {\n combobox: true;\n options: DropdownOption[];\n /** Currently selected option (single-select, controlled). */\n selectedOption?: DropdownOption;\n /** Currently selected options (multi-select, controlled). */\n selectedOptions?: DropdownOption[];\n /** Fired when an option is selected or deselected. */\n onSelect?: (toggledOption: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;\n /** Custom filter for autocomplete results. */\n filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;\n /** Controlled input value. */\n inputValue?: string;\n /** Default input value (uncontrolled). */\n defaultInputValue?: string;\n /** Fired when the text-input value changes. */\n onInputChange?: (value: string) => void;\n /** Text shown when filtering yields no results. */\n noOptionsText?: React.ReactNode;\n /** Highlight the first option automatically. */\n highlightFirstOption?: boolean;\n /** Open the listbox when the input receives focus. */\n openOnFocus?: boolean;\n /** Maximum height of the listbox popup. */\n listboxMaxHeight?: string | number;\n /** Custom renderer for an option's label in the listbox, given the current input value. Defaults to bolding the matched text. */\n formatOption?: (option: DropdownOption, inputValue: string) => React.ReactNode;\n};\n\n// ── Custom select (single & multi) ────────────────────────────────────\n\nexport type DropdownSelectProps =\n | (DropdownMultipleProps & DropdownSelectSharedProps)\n | (DropdownSingleProps & DropdownSelectSharedProps);\n\n// ── Combobox / autocomplete ──────────────────────────────────────────\n\nexport type DropdownComboboxProps =\n | (DropdownMultipleProps & DropdownComboboxSharedProps)\n | (DropdownSingleProps & DropdownComboboxSharedProps);\n\nexport type DropdownProps = DropdownSelectProps | DropdownComboboxProps;\n","import React from \"react\";\nimport type { CheckedState } from \"@purpur/checkbox\";\nimport { Checkbox } from \"@purpur/checkbox\";\nimport { DismissableChipGroup } from \"@purpur/dismissable-chip-group\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Label } from \"@purpur/label\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dropdown.module.scss\";\nimport type { DropdownOption } from \"./dropdown.types\";\nimport { getOptionLabelText } from \"./dropdown.types\";\n\nconst cx = c.bind(styles);\nexport const rootClassName = \"purpur-dropdown\";\n\ntype GetTestId = (name: string) => string | undefined;\n\ntype DropdownLabelProps = {\n fieldId: string;\n htmlForSuffix?: string;\n label?: string;\n getTestId: GetTestId;\n disabled: boolean;\n negative: boolean;\n required: boolean;\n};\n\nexport const DropdownLabel = ({\n fieldId,\n htmlForSuffix,\n label,\n getTestId,\n disabled,\n negative,\n required,\n}: DropdownLabelProps) => {\n if (!label) return null;\n\n return (\n <Label\n htmlFor={htmlForSuffix ? `${fieldId}-${htmlForSuffix}` : fieldId}\n className={cx(`${rootClassName}__label`)}\n data-testid={getTestId(\"label\")}\n disabled={disabled}\n negative={negative}\n >\n {required && <span aria-hidden>*</span>}\n {label}\n </Label>\n );\n};\n\ntype DropdownEndAdornmentsProps = {\n getTestId: GetTestId;\n loading?: boolean;\n disabled: boolean;\n negative: boolean;\n isValid: boolean;\n isOpen?: boolean;\n readOnly?: boolean;\n showChevronOpen: boolean;\n};\n\nexport const DropdownEndAdornments = ({\n getTestId,\n loading,\n disabled,\n negative,\n isValid,\n isOpen,\n readOnly,\n showChevronOpen,\n}: DropdownEndAdornmentsProps) => (\n <span className={cx(`${rootClassName}__end-adornments`)}>\n {loading ? (\n <Spinner\n disabled={disabled}\n size=\"xxs\"\n negative={negative}\n data-testid={getTestId(\"spinner\")}\n />\n ) : (\n <>\n {isValid && (\n <IconCheckCircleFilled\n data-testid={getTestId(\"valid-icon\")}\n className={cx(`${rootClassName}__valid-icon`)}\n />\n )}\n <IconChevronDown\n className={cx(`${rootClassName}__chevron-icon`, {\n [`${rootClassName}__chevron-icon--open`]: showChevronOpen && isOpen,\n [`${rootClassName}__chevron-icon--disabled`]: disabled,\n [`${rootClassName}__chevron-icon--readonly`]: readOnly && !disabled,\n [`${rootClassName}__chevron-icon--is-valid`]: isValid,\n [`${rootClassName}__chevron-icon--negative`]: negative,\n })}\n data-testid={getTestId(\"dropdown-icon\")}\n size=\"sm\"\n />\n </>\n )}\n </span>\n);\n\nconst MAX_VISIBLE_TAGS = 6;\n\ntype DropdownTagsProps = {\n selectedItems: DropdownOption[];\n getTestId: GetTestId;\n disabled: boolean;\n negative: boolean;\n onRemove: (option: DropdownOption) => void;\n isSelect?: boolean;\n moreOptionsText?: string;\n removeOptionAriaLabel?: string;\n};\n\nexport const DropdownTags = ({\n selectedItems,\n getTestId,\n disabled,\n negative,\n onRemove,\n isSelect,\n moreOptionsText,\n removeOptionAriaLabel,\n}: DropdownTagsProps) => {\n if (!selectedItems.length) return null;\n\n const capEnabled = moreOptionsText !== undefined && selectedItems.length > MAX_VISIBLE_TAGS;\n const visibleItems = capEnabled ? selectedItems.slice(-MAX_VISIBLE_TAGS) : selectedItems;\n const hiddenCount = selectedItems.length - visibleItems.length;\n\n return (\n <DismissableChipGroup\n className={cx(`${rootClassName}__chip-group`, {\n [`${rootClassName}__chip-group--select`]: isSelect,\n })}\n negative={negative}\n data-testid={getTestId(\"tags\")}\n size=\"sm\"\n >\n {visibleItems.map((item) => (\n <DismissableChipGroup.Item\n key={item.id}\n id={item.id}\n data-testid={getTestId(`tag-${item.id}`)}\n aria-label={\n removeOptionAriaLabel\n ? `${removeOptionAriaLabel} ${getOptionLabelText(item)}`\n : getOptionLabelText(item)\n }\n onDismiss={() => {\n onRemove(item);\n }}\n disabled={disabled || item.disabled}\n >\n {item.label}\n </DismissableChipGroup.Item>\n ))}\n {hiddenCount > 0 && (\n <li\n className={cx(`${rootClassName}__chip-group-more`)}\n data-testid={getTestId(\"tags-more\")}\n >\n {`+${hiddenCount} ${moreOptionsText}`}\n </li>\n )}\n </DismissableChipGroup>\n );\n};\n\ntype DropdownFooterProps = {\n errorText?: string;\n helperText?: string;\n helperTextId: string;\n negative: boolean;\n};\n\nexport const DropdownFooter = ({\n errorText,\n helperText,\n helperTextId,\n negative,\n}: DropdownFooterProps) => (\n <>\n {errorText && <FieldErrorText negative={negative}>{errorText}</FieldErrorText>}\n {helperText && !errorText && (\n <FieldHelperText id={helperTextId} negative={negative}>\n {helperText}\n </FieldHelperText>\n )}\n </>\n);\n\nexport const SELECT_ALL_OPTION_ID = \"__purpur-dropdown-select-all__\";\n\ntype ShouldShowSelectAllArgs = {\n selectAllLabel?: string;\n multiple?: boolean;\n options: DropdownOption[];\n selectedItems: DropdownOption[];\n};\n\nexport const shouldShowSelectAll = ({\n selectAllLabel,\n multiple,\n options,\n selectedItems,\n}: ShouldShowSelectAllArgs): boolean => {\n if (!selectAllLabel || !multiple) return false;\n const enabledOptions = options.filter((o) => !o.disabled);\n if (enabledOptions.length === 0) return false;\n const disabledOptions = options.filter((o) => o.disabled);\n const hasDisabledUnselected = disabledOptions.some(\n (o) => !selectedItems.some((s) => s.id === o.id)\n );\n // Hide \"All\" when a disabled option is not selected (can't select everything)\n return !hasDisabledUnselected;\n};\n\ntype DropdownListboxItemsProps = {\n optionsToShow: DropdownOption[];\n getListboxItemProps: (option: DropdownOption, index: number) => Record<string, unknown>;\n multiple?: boolean;\n negative: boolean;\n fieldId: string;\n noOptionsText?: React.ReactNode;\n selectAllLabel?: string;\n selectedItems?: DropdownOption[];\n /** Renders an option's label. Defaults to the raw `option.label`. */\n renderLabel?: (option: DropdownOption) => React.ReactNode;\n};\n\nexport const DropdownListboxItems = ({\n optionsToShow,\n getListboxItemProps,\n multiple,\n negative,\n fieldId,\n noOptionsText,\n selectAllLabel,\n selectedItems = [],\n renderLabel = (option) => option.label,\n}: DropdownListboxItemsProps) => {\n if (noOptionsText !== undefined && !optionsToShow.length) {\n return <Listbox.Item noninteractive>{noOptionsText}</Listbox.Item>;\n }\n\n const hasSelectAll = optionsToShow[0]?.id === SELECT_ALL_OPTION_ID;\n\n let selectAllCheckedState: CheckedState = false;\n if (hasSelectAll) {\n const realOptions = optionsToShow.filter((o) => o.id !== SELECT_ALL_OPTION_ID);\n const enabledOptions = realOptions.filter((o) => !o.disabled);\n const enabledSelectedCount = enabledOptions.filter((o) =>\n selectedItems.some((s) => s.id === o.id)\n ).length;\n const allEnabledSelected =\n enabledOptions.length > 0 && enabledSelectedCount === enabledOptions.length;\n const someSelected = selectedItems.length > 0;\n selectAllCheckedState = allEnabledSelected ? true : someSelected ? \"indeterminate\" : false;\n }\n\n return optionsToShow.map((option, index) => {\n const { key, selected, ...itemProps } = getListboxItemProps(option, index);\n\n if (option.id === SELECT_ALL_OPTION_ID) {\n return (\n <Listbox.Item\n key={key as string}\n {...itemProps}\n aria-selected={selectAllCheckedState === true}\n className={cx(\n `${rootClassName}__checkbox-item-multiple`,\n `${rootClassName}__select-all-item`\n )}\n hideSelectedIcon\n >\n <span className={cx(`${rootClassName}__checkbox-container`)}>\n <Checkbox\n id={`${fieldId}-checkbox-select-all`}\n checked={selectAllCheckedState}\n label={selectAllLabel}\n negative={negative}\n aria-hidden\n />\n </span>\n </Listbox.Item>\n );\n }\n\n if (multiple) {\n return (\n <Listbox.Item\n key={key as string}\n {...itemProps}\n className={cx(`${rootClassName}__checkbox-item-multiple`, {\n [`${rootClassName}__select-all-child`]: hasSelectAll,\n })}\n selected={!!selected}\n hideSelectedIcon\n >\n <span\n className={cx(`${rootClassName}__checkbox-container`, {\n [`${rootClassName}__checkbox-container--disabled`]: option.disabled,\n })}\n >\n <Checkbox\n id={`${fieldId}-checkbox-${option.id}`}\n checked={!!selected}\n label={renderLabel(option)}\n negative={negative}\n aria-hidden\n disabled={option.disabled}\n />\n </span>\n </Listbox.Item>\n );\n }\n\n return (\n <Listbox.Item key={key as string} {...itemProps} selected={!!selected}>\n <div>{renderLabel(option)}</div>\n </Listbox.Item>\n );\n });\n};\n\nexport { cx };\n","import type { DropdownOption } from \"./dropdown.types\";\nimport { getOptionLabelText } from \"./dropdown.types\";\n\nconst filterOptions = (\n options: DropdownOption[],\n searchTerm: string | undefined,\n filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean\n): DropdownOption[] => {\n if (filterOption) {\n return options.filter((option) => filterOption(searchTerm, option));\n }\n if (!searchTerm) return options;\n const chunks = searchTerm.toUpperCase().split(\" \");\n return options.filter((option) =>\n chunks.every((chunk) =>\n (option.value || (typeof option.label === \"string\" ? option.label : \"\"))\n .toUpperCase()\n .includes(chunk)\n )\n );\n};\n\nexport const getFilteredOptions = ({\n options,\n searchTerm,\n filterOption,\n selectedOption,\n multiple,\n}: {\n options: DropdownOption[];\n searchTerm: string | undefined;\n filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;\n selectedOption?: DropdownOption;\n multiple: boolean;\n}): DropdownOption[] => {\n if (!multiple && selectedOption && getOptionLabelText(selectedOption) === searchTerm) {\n return options;\n }\n return filterOptions(options, searchTerm, filterOption);\n};\n","import { useState } from \"react\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\nimport { getOptionLabelText } from \"./dropdown.types\";\n\nexport type UseDropdownInputParams = {\n controlledInputValue?: string;\n defaultInputValue?: string;\n selectedOption?: DropdownOption;\n onInputChange?: (value: string) => void;\n};\n\nexport const useDropdownInput = ({\n controlledInputValue,\n defaultInputValue,\n selectedOption,\n onInputChange,\n}: UseDropdownInputParams) => {\n const [internalInputValue, setInternalInputValue] = useState(\n (typeof controlledInputValue === \"string\"\n ? controlledInputValue\n : defaultInputValue ?? (selectedOption ? getOptionLabelText(selectedOption) : undefined)) ??\n \"\"\n );\n\n const displayInputValue =\n typeof controlledInputValue === \"string\" ? controlledInputValue : internalInputValue;\n\n const populateInputField = (value: string) => {\n onInputChange?.(value);\n setInternalInputValue(value);\n };\n\n return {\n displayInputValue,\n populateInputField,\n };\n};\n","import React, { forwardRef, useId } from \"react\";\nimport { HighlightMatch } from \"@purpur/highlight-match\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { useAutocomplete } from \"@purpur/use-autocomplete\";\n\nimport type { DropdownComboboxProps, DropdownOption } from \"./dropdown.types\";\nimport { getOptionLabelText } from \"./dropdown.types\";\nimport {\n cx,\n DropdownEndAdornments,\n DropdownFooter,\n DropdownLabel,\n DropdownListboxItems,\n DropdownTags,\n rootClassName,\n SELECT_ALL_OPTION_ID,\n shouldShowSelectAll,\n} from \"./dropdown-shared\";\nimport { getFilteredOptions } from \"./useDropdownFilter\";\nimport { useDropdownInput } from \"./useDropdownInput\";\n\nexport const DropdownCombobox = forwardRef<HTMLDivElement, DropdownComboboxProps>((props, ref) => {\n const {\n id: propId,\n label,\n options,\n className,\n errorText,\n helperText,\n placeholder,\n negative = false,\n readOnly = false,\n disabled = false,\n required = false,\n valid,\n loading,\n multiple = false,\n selectedOption,\n selectedOptions = [],\n onSelect,\n openOnFocus = false,\n listboxMaxHeight,\n listboxLabel,\n filterOption,\n inputValue,\n defaultInputValue,\n onInputChange,\n noOptionsText,\n highlightFirstOption = false,\n selectAllLabel,\n moreOptionsText,\n removeOptionAriaLabel,\n formatOption,\n [\"data-testid\"]: dataTestId,\n } = props;\n\n const randomId = useId();\n const fieldId = propId ?? randomId;\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n const isValid = !!valid && !errorText;\n const helperTextId = `${fieldId}-helper-text`;\n\n const selectedItems = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n const { displayInputValue, populateInputField } = useDropdownInput({\n controlledInputValue: inputValue,\n defaultInputValue,\n selectedOption,\n onInputChange,\n });\n\n const optionsToShow = getFilteredOptions({\n options,\n searchTerm: displayInputValue,\n filterOption,\n selectedOption,\n multiple,\n });\n\n const showSelectAll = shouldShowSelectAll({\n selectAllLabel,\n multiple,\n options,\n selectedItems,\n });\n\n // Hide \"Select all\" when the user is actively searching/filtering.\n const selectAllMatchesSearch = showSelectAll && !displayInputValue;\n\n // Inject a virtual \"Select all\" option so it participates in keyboard navigation.\n const optionsWithSelectAll =\n showSelectAll && selectAllMatchesSearch\n ? [{ id: SELECT_ALL_OPTION_ID, label: selectAllLabel as string }, ...optionsToShow]\n : optionsToShow;\n\n const handleSelectAll = () => {\n const enabledOptions = options.filter((o) => !o.disabled);\n const allEnabledSelected = enabledOptions.every((o) =>\n selectedItems.some((s) => s.id === o.id)\n );\n if (allEnabledSelected) {\n const next = selectedItems.filter((o) => o.disabled);\n onSelect?.(undefined, next);\n } else {\n const disabledSelected = selectedItems.filter((o) => o.disabled);\n const next = [...disabledSelected, ...enabledOptions];\n onSelect?.(undefined, next);\n }\n populateInputField(\"\");\n };\n\n const handleAutocompleteSelect = (option: DropdownOption) => {\n if (option.id === SELECT_ALL_OPTION_ID) {\n handleSelectAll();\n return;\n }\n if (multiple) {\n const isAlreadySelected = selectedItems.some((o) => o.id === option.id);\n const next = isAlreadySelected\n ? selectedItems.filter((o) => o.id !== option.id)\n : [...selectedItems, option];\n onSelect?.(option, next);\n populateInputField(\"\");\n } else {\n onSelect?.(option, [option]);\n populateInputField(getOptionLabelText(option));\n }\n };\n\n const {\n rootRef,\n inputRef,\n inputProps,\n listboxProps,\n getListboxItemProps,\n isOpen,\n openListbox,\n anchorStyle,\n } = useAutocomplete({\n id: fieldId,\n // useAutocomplete only reads id/disabled, never label's value, so this is safe even though\n // DropdownOption.label can be a ReactNode instead of the string it's typed to require.\n options: optionsWithSelectAll as (DropdownOption & { label: string })[],\n listboxLabel: listboxLabel || label || \"Options\",\n selectedOption: (multiple ? undefined : selectedOption) as\n | (DropdownOption & { label: string })\n | undefined,\n disabled,\n readOnly,\n openOnFocus,\n listboxMaxHeight,\n highlightFirstOption,\n closeOnSelect: !multiple,\n noOptionsText,\n negative,\n onSelect: handleAutocompleteSelect,\n [\"data-testid\"]: dataTestId,\n });\n\n const setRootRef = (node: HTMLDivElement | null) => {\n (rootRef as React.RefObject<HTMLDivElement | null>).current = node;\n if (typeof ref === \"function\") ref(node);\n else if (ref) (ref as React.RefObject<HTMLDivElement | null>).current = node;\n };\n\n // For multi-select the hook doesn't know about selectedOptions, so inject\n // the correct `selected` state here based on selectedItems.\n const getListboxItemPropsWithSelection = (option: DropdownOption, index: number) => {\n const props = getListboxItemProps(option as DropdownOption & { label: string }, index);\n if (multiple) {\n const isSelected = selectedItems.some((o) => o.id === option.id);\n return { ...props, selected: isSelected, \"aria-selected\": isSelected };\n }\n return props;\n };\n\n const renderOptionLabel = (option: DropdownOption) => {\n if (formatOption) return formatOption(option, displayInputValue);\n if (typeof option.label !== \"string\") return option.label;\n return <HighlightMatch text={option.label} query={displayInputValue} />;\n };\n\n const handleRemoveTag = (option: DropdownOption) => {\n const next = selectedItems.filter((o) => o.id !== option.id);\n onSelect?.(option, next);\n };\n\n const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (\n multiple &&\n event.key === \"Backspace\" &&\n event.currentTarget.value === \"\" &&\n selectedItems.length > 0\n ) {\n // Find the last non-disabled chip to remove; disabled chips cannot be removed.\n for (let i = selectedItems.length - 1; i >= 0; i--) {\n if (!selectedItems[i].disabled) {\n handleRemoveTag(selectedItems[i]);\n break;\n }\n }\n }\n (inputProps as React.InputHTMLAttributes<HTMLInputElement>)?.onKeyDown?.(event);\n };\n\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n populateInputField(e.target.value);\n if (!isOpen) {\n openListbox();\n }\n };\n\n const handleInputBlur: React.FocusEventHandler<HTMLInputElement> = (event) => {\n (inputProps as React.InputHTMLAttributes<HTMLInputElement>)?.onBlur?.(event);\n if (multiple) return;\n // Clicking an option blurs the input before its mouseup selects it, so defer and skip the\n // revert if focus is still in the field — otherwise the list would shift under the click.\n setTimeout(() => {\n if (rootRef.current?.contains(document.activeElement)) return;\n const expectedValue = selectedOption ? getOptionLabelText(selectedOption) : \"\";\n if (displayInputValue !== expectedValue) {\n populateInputField(expectedValue);\n }\n });\n };\n\n const handleContainerClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n if (disabled || readOnly) return;\n\n const target = event.target as HTMLElement;\n // Ignore clicks on the input (it has its own mousedown handler) or chip dismiss buttons.\n if (\n target === (inputRef as React.RefObject<HTMLInputElement>).current ||\n target.closest(\"button\")\n ) {\n return;\n }\n\n const input = (inputRef as React.RefObject<HTMLInputElement>).current;\n input?.dispatchEvent(new MouseEvent(\"mousedown\", { bubbles: true }));\n input?.focus();\n };\n\n // True when every option (enabled and disabled) is currently selected and a\n // `selectAllLabel` is configured. In that case the field shows the label\n // text instead of a list of chips.\n const allEnabledSelected =\n multiple &&\n !!selectAllLabel &&\n options.length > 0 &&\n options.every((o) => selectedItems.some((s) => s.id === o.id));\n\n const wrapperClassName = cx(rootClassName, className, {\n [`${rootClassName}--negative`]: negative,\n });\n\n return (\n <div ref={setRootRef} className={wrapperClassName}>\n <DropdownLabel\n fieldId={fieldId}\n htmlForSuffix=\"input\"\n label={label}\n getTestId={getTestId}\n disabled={disabled}\n negative={negative}\n required={required}\n />\n <div className={cx(`${rootClassName}__field-row`)}>\n {/* disable eslint rules for this div since it is just visual container and the input inside is still accessible and has its own handlers.*/}\n {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n <div\n className={cx(`${rootClassName}__combobox-container`, {\n [`${rootClassName}__combobox-container--error`]: !!errorText,\n [`${rootClassName}__combobox-container--is-valid`]: isValid,\n [`${rootClassName}__combobox-container--negative`]: negative,\n [`${rootClassName}__combobox-container--disabled`]: disabled,\n [`${rootClassName}__combobox-container--readonly`]: readOnly && !disabled,\n })}\n style={anchorStyle}\n onClick={handleContainerClick}\n >\n {multiple && !allEnabledSelected && (\n <DropdownTags\n selectedItems={selectedItems}\n getTestId={getTestId}\n disabled={disabled}\n negative={negative}\n onRemove={handleRemoveTag}\n moreOptionsText={moreOptionsText}\n removeOptionAriaLabel={removeOptionAriaLabel}\n />\n )}\n <input\n {...(inputProps as React.InputHTMLAttributes<HTMLInputElement>)}\n ref={inputRef as React.RefObject<HTMLInputElement>}\n id={`${fieldId}-input`}\n data-testid={getTestId(\"input\")}\n onKeyDown={handleInputKeyDown}\n onChange={handleInputChange}\n onBlur={handleInputBlur}\n value={allEnabledSelected && !displayInputValue ? selectAllLabel : displayInputValue}\n placeholder={placeholder}\n className={cx(`${rootClassName}__input`, {\n [`${rootClassName}__input--negative`]: negative,\n })}\n aria-describedby={helperTextId}\n aria-invalid={!!errorText}\n disabled={disabled}\n readOnly={readOnly}\n />\n <DropdownEndAdornments\n getTestId={getTestId}\n loading={loading}\n disabled={disabled}\n negative={negative}\n isValid={isValid}\n isOpen={isOpen}\n showChevronOpen\n />\n <span\n className={cx(`${rootClassName}__frame`, {\n [`${rootClassName}__frame--negative`]: negative,\n })}\n />\n </div>\n </div>\n {isOpen && (\n <Listbox {...listboxProps} className={cx(`${rootClassName}__listbox`)}>\n {DropdownListboxItems({\n optionsToShow: optionsWithSelectAll,\n getListboxItemProps: getListboxItemPropsWithSelection,\n multiple,\n negative,\n fieldId,\n noOptionsText,\n selectAllLabel,\n selectedItems,\n renderLabel: renderOptionLabel,\n })}\n </Listbox>\n )}\n <DropdownFooter\n errorText={errorText}\n helperText={helperText}\n helperTextId={helperTextId}\n negative={negative}\n />\n </div>\n );\n});\n\nDropdownCombobox.displayName = \"DropdownCombobox\";\n","import { useRef, useState } from \"react\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\n\nexport type HighlightedOption = DropdownOption & { isSetByClickEvent?: boolean };\n\nexport type UseDropdownHighlightParams = {\n options: DropdownOption[];\n highlightFirstOption: boolean;\n};\n\nexport const useDropdownHighlight = ({\n options,\n highlightFirstOption,\n}: UseDropdownHighlightParams) => {\n const listboxRef = useRef<HTMLUListElement>(null);\n const optionRefs = useRef<Record<string, HTMLLIElement>>({});\n\n const [highlightedOption, setHighlightedOption] = useState<HighlightedOption | undefined>(\n highlightFirstOption ? options[0] : undefined\n );\n\n const scrollOptionIntoView = (optionEl: HTMLLIElement | undefined) => {\n if (optionEl) {\n const optionRect = optionEl.getBoundingClientRect();\n const listboxRect = listboxRef.current?.getBoundingClientRect() || { top: 0, bottom: 0 };\n const isOutside = optionRect.top < listboxRect.top || optionRect.bottom > listboxRect.bottom;\n if (isOutside) {\n optionEl.scrollIntoView({ block: \"nearest\" });\n }\n }\n };\n\n const findNextOption = (\n direction: \"ArrowUp\" | \"ArrowDown\",\n optionsToShow: DropdownOption[]\n ): DropdownOption | undefined => {\n const enabledList = optionsToShow.filter((o) => !o.disabled);\n if (!enabledList.length) return undefined;\n\n const currentIndex = highlightedOption\n ? enabledList.findIndex((o) => o.id === highlightedOption.id)\n : -1;\n\n if (direction === \"ArrowDown\") {\n return enabledList[(currentIndex + 1) % enabledList.length];\n }\n return enabledList[(currentIndex - 1 + enabledList.length) % enabledList.length];\n };\n\n const highlightOption = (option: DropdownOption | undefined) => {\n setHighlightedOption(option ? { ...option } : undefined);\n if (option) scrollOptionIntoView(optionRefs.current[option.id]);\n };\n\n const highlightByClick = (option: DropdownOption) => {\n if (option.id !== highlightedOption?.id) {\n setHighlightedOption({ ...option, isSetByClickEvent: true });\n }\n };\n\n const highlightSelected = (option: DropdownOption, eventType: \"CLICK\" | \"KEYBOARD\") => {\n requestAnimationFrame(() => {\n const isSetByClickEvent = eventType === \"CLICK\";\n setHighlightedOption({ ...option, isSetByClickEvent });\n scrollOptionIntoView(optionRefs.current[option.id]);\n });\n };\n\n const resetHighlight = () => {\n setHighlightedOption(undefined);\n };\n\n return {\n highlightedOption,\n listboxRef,\n optionRefs,\n findNextOption,\n highlightOption,\n highlightByClick,\n highlightSelected,\n resetHighlight,\n };\n};\n","import { useCallback, useEffect } from \"react\";\n\nexport const useOnClickOutside = (element: HTMLElement | null, callback: () => void) => {\n const handleClickOutside = useCallback(\n (event: MouseEvent) => {\n if (element && !element.contains(event.target as Node)) {\n callback();\n }\n },\n [callback, element]\n );\n\n useEffect(() => {\n document.addEventListener(\"mousedown\", handleClickOutside);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, [handleClickOutside]);\n};\n","import type { CSSProperties } from \"react\";\nimport { useCallback, useId, useRef, useState } from \"react\";\nimport type { ListboxItemProps, ListboxProps } from \"@purpur/listbox\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\nimport { getOptionLabelText } from \"./dropdown.types\";\nimport { getFilteredOptions } from \"./useDropdownFilter\";\nimport { useDropdownHighlight } from \"./useDropdownHighlight\";\nimport { useDropdownInput } from \"./useDropdownInput\";\nimport { useOnClickOutside } from \"./useOnClickOutside\";\n\n// ── Hook params ────────────────────────────────────────────────────────\n\nexport type UseDropdownParams = {\n id: string;\n variant: \"select\" | \"combobox\";\n options: DropdownOption[];\n listboxLabel: string;\n multiple?: boolean;\n\n // Selection\n selectedOption?: DropdownOption;\n selectedOptions?: DropdownOption[];\n onSelect?: (toggledOption: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;\n\n // Combobox-specific\n filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;\n inputValue?: string;\n defaultInputValue?: string;\n onInputChange?: (value: string) => void;\n noOptionsText?: React.ReactNode;\n highlightFirstOption?: boolean;\n\n // Shared behaviour\n negative: boolean;\n openOnFocus?: boolean;\n listboxMaxHeight?: string | number;\n disabled?: boolean;\n readOnly?: boolean;\n\n [\"data-testid\"]?: string;\n};\n\n// ── Return type ────────────────────────────────────────────────────────\n\nexport type UseDropdownReturn = {\n rootRef: React.RefObject<HTMLDivElement | null>;\n triggerContainerProps: Record<string, unknown> | null;\n triggerProps: Record<string, unknown>;\n inputProps: Record<string, unknown> | null;\n listboxProps: ListboxProps;\n getListboxItemProps: (option: DropdownOption, index: number) => ListboxItemProps;\n optionsToShow: DropdownOption[];\n isOpen: boolean;\n highlightedOption: DropdownOption | undefined;\n selectedItems: DropdownOption[];\n anchorStyle: CSSProperties;\n};\n\n// ── Hook ───────────────────────────────────────────────────────────────\n\nexport const useDropdown = ({\n id,\n variant,\n options,\n listboxLabel,\n multiple = false,\n selectedOption,\n selectedOptions = [],\n onSelect,\n filterOption,\n inputValue: controlledInputValue,\n defaultInputValue,\n onInputChange,\n noOptionsText,\n highlightFirstOption = false,\n openOnFocus = false,\n listboxMaxHeight,\n negative,\n disabled = false,\n readOnly = false,\n [\"data-testid\"]: dataTestId,\n}: UseDropdownParams): UseDropdownReturn => {\n const isCombobox = variant === \"combobox\";\n const uniqueId = useId();\n\n // ── Refs ─────────────────────────────────────────────────────────────\n const rootRef = useRef<HTMLDivElement | null>(null);\n const triggerRef = useRef<HTMLButtonElement | null>(null);\n const inputRef = useRef<HTMLInputElement | null>(null);\n\n // ── Sub-hooks ────────────────────────────────────────────────────────\n const highlight = useDropdownHighlight({ options, highlightFirstOption });\n const { displayInputValue, populateInputField } = useDropdownInput({\n controlledInputValue,\n defaultInputValue,\n selectedOption,\n onInputChange,\n });\n\n // ── Open / close ────────────────────────────────────────────────────\n const [isOpen, setIsOpen] = useState(false);\n\n const closeListbox = () => {\n setIsOpen(false);\n highlight.resetHighlight();\n };\n\n useOnClickOutside(rootRef.current, closeListbox);\n\n const openListbox = ({ eventType }: { eventType: \"CLICK\" | \"KEYBOARD\" }) => {\n setIsOpen(true);\n const current = multiple ? undefined : selectedOption;\n if (current) {\n highlight.highlightSelected(current, eventType);\n }\n };\n\n // ── Derived state ───────────────────────────────────────────────────\n const resolvedSelected = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n const optionsToShow = isCombobox\n ? getFilteredOptions({\n options,\n searchTerm: displayInputValue,\n filterOption,\n selectedOption,\n multiple,\n })\n : options;\n\n const showListbox = isOpen && (!!optionsToShow.length || !!noOptionsText);\n\n // ── Helpers ──────────────────────────────────────────────────────────\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n\n // ── Selection ────────────────────────────────────────────────────────\n const selectOption = (option: DropdownOption | undefined) => {\n if (!option || option.disabled) return;\n\n if (multiple) {\n const isAlreadySelected = resolvedSelected.some((o) => o.id === option.id);\n const next = isAlreadySelected\n ? resolvedSelected.filter((o) => o.id !== option.id)\n : [...resolvedSelected, option];\n onSelect?.(option, next);\n if (isCombobox) {\n populateInputField(\"\");\n inputRef.current?.focus();\n }\n } else {\n onSelect?.(option, [option]);\n if (isCombobox) {\n populateInputField(getOptionLabelText(option));\n }\n closeListbox();\n (isCombobox ? inputRef : triggerRef).current?.focus();\n }\n };\n\n // ── Navigation ───────────────────────────────────────────────────────\n const highlightNextOption = (direction: \"ArrowUp\" | \"ArrowDown\") => {\n if (!showListbox) openListbox({ eventType: \"KEYBOARD\" });\n const next = highlight.findNextOption(direction, optionsToShow);\n highlight.highlightOption(next);\n };\n\n // ── Keyboard ─────────────────────────────────────────────────────────\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (disabled || readOnly) return;\n\n switch (event.key) {\n case \"ArrowUp\":\n case \"ArrowDown\":\n event.preventDefault();\n highlightNextOption(event.key);\n break;\n case \"Enter\": {\n event.preventDefault();\n if (showListbox && highlight.highlightedOption) {\n selectOption(highlight.highlightedOption);\n } else if (!showListbox) {\n openListbox({ eventType: \"KEYBOARD\" });\n }\n break;\n }\n case \" \": {\n if (!isCombobox) {\n event.preventDefault();\n if (showListbox && highlight.highlightedOption) {\n selectOption(highlight.highlightedOption);\n } else if (!showListbox) {\n openListbox({ eventType: \"KEYBOARD\" });\n }\n }\n break;\n }\n case \"Escape\":\n event.preventDefault();\n closeListbox();\n break;\n case \"Tab\":\n closeListbox();\n break;\n case \"Home\":\n case \"End\":\n if (isCombobox) closeListbox();\n break;\n }\n };\n\n // ── Combobox input handlers ─────────────────────────────────────────\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n populateInputField(e.target.value);\n highlight.resetHighlight();\n if (!isOpen) openListbox({ eventType: \"KEYBOARD\" });\n };\n\n const handleInputMouseDown = () => {\n if (disabled || readOnly) return;\n isOpen ? closeListbox() : openListbox({ eventType: \"CLICK\" });\n };\n\n const handleInputFocus = () => {\n if (!isOpen && openOnFocus && !disabled && !readOnly) {\n openListbox({ eventType: \"KEYBOARD\" });\n }\n inputRef.current?.select();\n };\n\n const handleInputBlur = () => {\n setTimeout(() => {\n const activeEl = document.activeElement;\n // Only close when focus has moved to a real element outside the dropdown.\n // Guarding against document.body prevents a false-positive close when a\n // screen reader navigates with its virtual cursor: the input blurs but no\n // DOM element receives physical focus (activeElement falls back to body).\n if (\n activeEl !== document.body &&\n !inputRef.current?.contains(activeEl) &&\n !highlight.listboxRef.current?.contains(activeEl) &&\n !rootRef.current?.contains(activeEl)\n ) {\n closeListbox();\n if (isCombobox && !multiple) {\n populateInputField(selectedOption ? getOptionLabelText(selectedOption) : \"\");\n }\n }\n });\n };\n\n // ── Select trigger handlers ─────────────────────────────────────────\n const handleTriggerClick = () => {\n if (disabled || readOnly) return;\n isOpen ? closeListbox() : openListbox({ eventType: \"CLICK\" });\n };\n\n const handleTriggerContainerClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n if (disabled || readOnly) return;\n\n const clickedButton = (event.target as HTMLElement).closest(\"button\");\n if (clickedButton && clickedButton !== triggerRef.current) {\n return;\n }\n\n handleTriggerClick();\n };\n\n const handleTriggerFocus = () => {\n if (!isOpen && openOnFocus && !disabled && !readOnly) {\n openListbox({ eventType: \"KEYBOARD\" });\n }\n };\n\n // ── Build props ──────────────────────────────────────────────────────\n const listboxId = `${id}-listbox`;\n const createListboxItemId = (option: DropdownOption) => `${id}-listbox-item-${option.id}`;\n const anchorName = `--purpur-dropdown-${uniqueId.replace(/:/g, \"\")}`;\n const anchorStyle = { anchorName } as CSSProperties;\n const triggerContainerProps: Record<string, unknown> | null = isCombobox\n ? null\n : {\n onClick: handleTriggerContainerClick,\n };\n\n // ── Popover sync ────────────────────────────────────────────────────\n const listboxCallbackRef = useCallback(\n (node: HTMLUListElement | null) => {\n (highlight.listboxRef as React.MutableRefObject<HTMLUListElement | null>).current = node;\n if (node && typeof node.showPopover === \"function\") {\n try {\n node.showPopover();\n } catch {\n // Popover not supported or already open\n }\n }\n },\n [highlight.listboxRef]\n );\n\n const listboxProps = {\n \"aria-label\": listboxLabel,\n \"aria-expanded\": showListbox,\n \"data-testid\": getTestId(\"listbox\"),\n id: listboxId,\n ref: listboxCallbackRef,\n onMouseLeave: () => highlight.resetHighlight(),\n popover: \"manual\",\n negative,\n style: {\n ...(listboxMaxHeight\n ? {\n maxHeight:\n typeof listboxMaxHeight === \"number\" ? `${listboxMaxHeight}px` : listboxMaxHeight,\n }\n : {}),\n positionAnchor: anchorName,\n } as CSSProperties,\n } as ListboxProps;\n\n const getListboxItemProps = (option: DropdownOption, index: number): ListboxItemProps => {\n const isSelected = resolvedSelected.some((o) => o.id === option.id);\n const { highlightedOption } = highlight;\n\n const highlighted =\n (option.id === highlightedOption?.id ||\n (highlightFirstOption && !highlightedOption && index === 0)) &&\n !highlightedOption?.isSetByClickEvent;\n\n return {\n \"data-testid\": getTestId(`listbox-item-${option.id}`),\n id: createListboxItemId(option),\n key: option.id,\n onMouseMove: () => highlight.highlightByClick(option),\n onMouseUp: () => selectOption(option),\n ref: (el) => {\n if (el) highlight.optionRefs.current[option.id] = el;\n },\n tabIndex: -1,\n selected: isSelected,\n disabled: option.disabled,\n highlighted,\n hovered: option.id === highlightedOption?.id && !!highlightedOption?.isSetByClickEvent,\n \"aria-selected\": isSelected,\n };\n };\n\n const triggerProps: Record<string, unknown> = isCombobox\n ? {}\n : {\n ref: triggerRef,\n type: \"button\" as const,\n role: \"combobox\",\n \"aria-haspopup\": \"listbox\",\n \"aria-expanded\": showListbox,\n \"aria-controls\": listboxId,\n \"aria-disabled\": disabled,\n \"data-testid\": getTestId(\"trigger\"),\n id: `${id}-trigger`,\n onKeyDown: handleKeyDown,\n onFocus: handleTriggerFocus,\n disabled,\n tabIndex: disabled ? -1 : 0,\n style: anchorStyle,\n };\n\n const inputProps: Record<string, unknown> | null = isCombobox\n ? {\n ref: inputRef,\n role: \"combobox\",\n \"aria-autocomplete\": \"list\" as const,\n \"aria-expanded\": showListbox,\n \"aria-controls\": listboxId,\n \"aria-activedescendant\": highlight.highlightedOption\n ? createListboxItemId(highlight.highlightedOption)\n : undefined,\n \"data-testid\": getTestId(\"input\"),\n autoComplete: \"off\",\n id: `${id}-input`,\n type: \"text\",\n value: displayInputValue,\n onChange: handleInputChange,\n onMouseDown: handleInputMouseDown,\n onFocus: handleInputFocus,\n onBlur: handleInputBlur,\n onKeyDown: handleKeyDown,\n disabled,\n readOnly,\n }\n : null;\n\n return {\n rootRef,\n triggerContainerProps,\n triggerProps,\n inputProps,\n listboxProps,\n getListboxItemProps,\n optionsToShow,\n isOpen: showListbox,\n highlightedOption: highlight.highlightedOption,\n selectedItems: resolvedSelected,\n anchorStyle,\n };\n};\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\n\nimport type { DropdownOption, DropdownSelectProps } from \"./dropdown.types\";\nimport {\n cx,\n DropdownEndAdornments,\n DropdownFooter,\n DropdownLabel,\n DropdownListboxItems,\n DropdownTags,\n rootClassName,\n SELECT_ALL_OPTION_ID,\n shouldShowSelectAll,\n} from \"./dropdown-shared\";\nimport { useDropdown } from \"./useDropdown\";\n\nexport const DropdownSelect = forwardRef<HTMLDivElement, DropdownSelectProps>((props, ref) => {\n const {\n id: propId,\n label,\n options,\n className,\n errorText,\n helperText,\n placeholder,\n negative = false,\n readOnly = false,\n disabled = false,\n required = false,\n valid = false,\n loading = false,\n multiple = false,\n selectedOption,\n selectedOptions = [],\n onSelect,\n openOnFocus = false,\n listboxMaxHeight,\n listboxLabel,\n selectAllLabel,\n moreOptionsText,\n removeOptionAriaLabel,\n [\"data-testid\"]: dataTestId,\n } = props;\n\n const randomId = useId();\n const fieldId = propId ?? randomId;\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n const isValid = !!valid && !errorText;\n const helperTextId = `${fieldId}-helper-text`;\n\n // Resolve selected items up-front so we can decide whether to show the\n // virtual \"Select all\" option.\n const resolvedSelectedItems = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n const showSelectAll = shouldShowSelectAll({\n selectAllLabel,\n multiple,\n options,\n selectedItems: resolvedSelectedItems,\n });\n\n const handleSelectAll = () => {\n const enabledOptions = options.filter((o) => !o.disabled);\n const allEnabledSelected = enabledOptions.every((o) =>\n resolvedSelectedItems.some((s) => s.id === o.id)\n );\n if (allEnabledSelected) {\n // Deselect all enabled options, keep disabled+selected as-is\n const next = resolvedSelectedItems.filter((o) => o.disabled);\n onSelect?.(undefined, next);\n } else {\n // Select all enabled, keep disabled+selected as-is\n const disabledSelected = resolvedSelectedItems.filter((o) => o.disabled);\n const next = [...disabledSelected, ...enabledOptions];\n onSelect?.(undefined, next);\n }\n };\n\n // Intercept selection of the virtual \"Select all\" option routed through the\n // hook's keyboard/mouse handlers and redirect to the dedicated handler.\n const handleHookSelect = (\n toggledOption: DropdownOption | undefined,\n nextSelected: DropdownOption[]\n ) => {\n if (toggledOption?.id === SELECT_ALL_OPTION_ID) {\n handleSelectAll();\n return;\n }\n onSelect?.(toggledOption, nextSelected);\n };\n\n const hookOptions = showSelectAll\n ? [{ id: SELECT_ALL_OPTION_ID, label: selectAllLabel as string }, ...options]\n : options;\n\n const dropdown = useDropdown({\n id: fieldId,\n variant: \"select\",\n options: hookOptions,\n listboxLabel: listboxLabel || label || \"Options\",\n multiple,\n negative,\n selectedOption,\n selectedOptions,\n onSelect: handleHookSelect,\n openOnFocus,\n listboxMaxHeight,\n disabled,\n readOnly,\n [\"data-testid\"]: dataTestId,\n });\n\n const setRootRef = (node: HTMLDivElement | null) => {\n (dropdown.rootRef as React.RefObject<HTMLDivElement | null>).current = node;\n if (typeof ref === \"function\") ref(node);\n else if (ref) (ref as React.RefObject<HTMLDivElement | null>).current = node;\n };\n\n const {\n triggerContainerProps,\n triggerProps,\n listboxProps,\n getListboxItemProps,\n optionsToShow,\n isOpen,\n selectedItems,\n anchorStyle,\n } = dropdown;\n\n const triggerButtonProps = {\n ...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>),\n };\n delete triggerButtonProps.style;\n\n const handleRemoveTag = (option: DropdownOption) => {\n const next = selectedItems.filter((o) => o.id !== option.id);\n onSelect?.(option, next);\n };\n\n // True when every option (enabled and disabled) is currently selected and a\n // `selectAllLabel` is configured. In that case the field shows the label\n // text instead of a list of chips.\n const allEnabledSelected =\n multiple &&\n !!selectAllLabel &&\n options.length > 0 &&\n options.every((o) => selectedItems.some((s) => s.id === o.id));\n\n const displayLabel = multiple\n ? allEnabledSelected\n ? selectAllLabel\n : selectedItems.length === 0\n ? placeholder || \"\"\n : \"\"\n : selectedOption?.label || placeholder || \"\";\n\n const wrapperClassName = cx(rootClassName, className, {\n [`${rootClassName}--negative`]: negative,\n });\n\n return (\n <div ref={setRootRef} className={wrapperClassName}>\n <DropdownLabel\n fieldId={fieldId}\n htmlForSuffix=\"trigger\"\n label={label}\n getTestId={getTestId}\n disabled={disabled}\n negative={negative}\n required={required}\n />\n <div className={cx(`${rootClassName}__field-row`)}>\n <div\n {...(triggerContainerProps as React.HTMLAttributes<HTMLDivElement>)}\n className={cx(`${rootClassName}__trigger-container`, {\n [`${rootClassName}__trigger-container--error`]: !!errorText,\n [`${rootClassName}__trigger-container--is-valid`]: isValid,\n [`${rootClassName}__trigger-container--negative`]: negative,\n [`${rootClassName}__trigger-container--disabled`]: disabled,\n [`${rootClassName}__trigger-container--readonly`]: readOnly && !disabled,\n [`${rootClassName}__trigger-container--has-tags`]:\n multiple && selectedItems.length > 0 && !allEnabledSelected,\n })}\n style={anchorStyle}\n >\n {multiple && !allEnabledSelected && (\n <DropdownTags\n selectedItems={selectedItems}\n getTestId={getTestId}\n disabled={disabled}\n negative={negative}\n onRemove={handleRemoveTag}\n moreOptionsText={moreOptionsText}\n removeOptionAriaLabel={removeOptionAriaLabel}\n isSelect\n />\n )}\n <button\n {...triggerButtonProps}\n className={cx(`${rootClassName}__trigger`, {\n [`${rootClassName}__trigger--is-valid`]: isValid,\n [`${rootClassName}__trigger--negative`]: negative,\n [`${rootClassName}__trigger--disabled`]: disabled,\n [`${rootClassName}__trigger--readonly`]: readOnly && !disabled,\n [`${rootClassName}__trigger--placeholder`]: !selectedItems.length,\n })}\n aria-describedby={helperTextId}\n >\n <span className={cx(`${rootClassName}__trigger-text`)}>{displayLabel}</span>\n </button>\n <DropdownEndAdornments\n getTestId={getTestId}\n loading={loading}\n disabled={disabled}\n negative={negative}\n isValid={isValid}\n isOpen={isOpen}\n readOnly={readOnly}\n showChevronOpen\n />\n <span\n className={cx(`${rootClassName}__frame`, {\n [`${rootClassName}__frame--negative`]: negative,\n })}\n />\n </div>\n </div>\n {isOpen && (\n <Listbox {...listboxProps} className={cx(`${rootClassName}__listbox`)}>\n {DropdownListboxItems({\n optionsToShow,\n getListboxItemProps,\n multiple,\n negative,\n fieldId,\n selectAllLabel,\n selectedItems,\n })}\n </Listbox>\n )}\n <DropdownFooter\n errorText={errorText}\n helperText={helperText}\n helperTextId={helperTextId}\n negative={negative}\n />\n </div>\n );\n});\n\nDropdownSelect.displayName = \"DropdownSelect\";\n","import React, { forwardRef } from \"react\";\n\nimport type { DropdownComboboxProps, DropdownProps, DropdownSelectProps } from \"./dropdown.types\";\nimport { DropdownCombobox } from \"./dropdown-combobox\";\nimport { DropdownSelect } from \"./dropdown-select\";\n\nexport const Dropdown = forwardRef<HTMLDivElement, DropdownProps>((props, ref) => {\n if (props.combobox) {\n return <DropdownCombobox ref={ref} {...(props as DropdownComboboxProps)} />;\n }\n\n return <DropdownSelect ref={ref} {...(props as DropdownSelectProps)} />;\n});\n\nDropdown.displayName = \"Dropdown\";\n\nexport type {\n DropdownComboboxProps,\n DropdownOption,\n DropdownProps,\n DropdownSelectProps,\n} from \"./dropdown.types\";\nexport { useDropdown } from \"./useDropdown\";\n"],"names":["getOptionLabelText","option","cx","c","styles","rootClassName","DropdownLabel","fieldId","htmlForSuffix","label","getTestId","disabled","negative","required","jsxs","Label","jsx","DropdownEndAdornments","loading","isValid","isOpen","readOnly","showChevronOpen","Spinner","Fragment","IconCheckCircleFilled","IconChevronDown","MAX_VISIBLE_TAGS","DropdownTags","selectedItems","onRemove","isSelect","moreOptionsText","removeOptionAriaLabel","visibleItems","hiddenCount","DismissableChipGroup","item","DropdownFooter","errorText","helperText","helperTextId","FieldErrorText","FieldHelperText","SELECT_ALL_OPTION_ID","shouldShowSelectAll","selectAllLabel","multiple","options","o","s","DropdownListboxItems","optionsToShow","getListboxItemProps","noOptionsText","renderLabel","Listbox","hasSelectAll","selectAllCheckedState","enabledOptions","enabledSelectedCount","allEnabledSelected","someSelected","index","key","selected","itemProps","Checkbox","filterOptions","searchTerm","filterOption","chunks","chunk","getFilteredOptions","selectedOption","useDropdownInput","controlledInputValue","defaultInputValue","onInputChange","internalInputValue","setInternalInputValue","useState","value","DropdownCombobox","forwardRef","props","ref","propId","className","placeholder","valid","selectedOptions","onSelect","openOnFocus","listboxMaxHeight","listboxLabel","inputValue","highlightFirstOption","formatOption","dataTestId","randomId","useId","name","displayInputValue","populateInputField","showSelectAll","optionsWithSelectAll","handleSelectAll","next","handleAutocompleteSelect","rootRef","inputRef","inputProps","listboxProps","openListbox","anchorStyle","useAutocomplete","setRootRef","node","getListboxItemPropsWithSelection","isSelected","renderOptionLabel","HighlightMatch","handleRemoveTag","handleInputKeyDown","event","i","handleInputChange","e","handleInputBlur","expectedValue","handleContainerClick","target","input","wrapperClassName","useDropdownHighlight","listboxRef","useRef","optionRefs","highlightedOption","setHighlightedOption","scrollOptionIntoView","optionEl","optionRect","listboxRect","direction","enabledList","currentIndex","eventType","useOnClickOutside","element","callback","handleClickOutside","useCallback","useEffect","useDropdown","id","variant","isCombobox","uniqueId","triggerRef","highlight","setIsOpen","closeListbox","current","resolvedSelected","showListbox","selectOption","highlightNextOption","handleKeyDown","handleInputMouseDown","handleInputFocus","activeEl","handleTriggerClick","handleTriggerContainerClick","clickedButton","handleTriggerFocus","listboxId","createListboxItemId","anchorName","triggerContainerProps","listboxCallbackRef","highlighted","el","triggerProps","DropdownSelect","resolvedSelectedItems","handleHookSelect","toggledOption","nextSelected","hookOptions","dropdown","triggerButtonProps","displayLabel","Dropdown"],"mappings":"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"}

package/dist/dropdown-Cr8DVw2T.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const o=require("react/jsx-runtime"),O=require("react"),ve=require("./use-autocomplete.es-Djt1u2i8.js"),ue=require("./listbox-lXO21cJV.js"),ye=require("./checkbox-qjWQEoa5.js"),$e=require("./dismissable-chip-group-CVo3CS8K.js"),Pe=require("./field-error-text-FhQulSV5.js"),qe=require("./field-helper-text-DSKO-Tce.js"),Ke=require("./check-circle-filled.es-5-GXE9l4.js"),Ve=require("./chevron-down.es-BMjgiS3F.js"),He=require("./label-yHK80hhV.js"),Me=require("./spinner-tKunS_o-.js"),Ue=require("./bind-DeUYJ6m9.js"),ee=e=>typeof e.label=="string"?e.label:e.value??"",Ye={"purpur-dropdown":"_purpur-dropdown_p8b57_1","purpur-dropdown--negative":"_purpur-dropdown--negative_p8b57_14","purpur-dropdown__label":"_purpur-dropdown__label_p8b57_17","purpur-dropdown__field-row":"_purpur-dropdown__field-row_p8b57_22","purpur-dropdown__frame":"_purpur-dropdown__frame_p8b57_26","purpur-dropdown__frame--negative":"_purpur-dropdown__frame--negative_p8b57_33","purpur-dropdown__trigger-container":"_purpur-dropdown__trigger-container_p8b57_36","purpur-dropdown__chip-group":"_purpur-dropdown__chip-group_p8b57_48","purpur-dropdown__trigger-container--has-tags":"_purpur-dropdown__trigger-container--has-tags_p8b57_52","purpur-dropdown__trigger-container--disabled":"_purpur-dropdown__trigger-container--disabled_p8b57_55","purpur-dropdown__trigger-container--readonly":"_purpur-dropdown__trigger-container--readonly_p8b57_55","purpur-dropdown__trigger-container--negative":"_purpur-dropdown__trigger-container--negative_p8b57_62","purpur-dropdown__trigger-container--error":"_purpur-dropdown__trigger-container--error_p8b57_65","purpur-dropdown__trigger-container--is-valid":"_purpur-dropdown__trigger-container--is-valid_p8b57_68","purpur-dropdown__input":"_purpur-dropdown__input_p8b57_71","purpur-dropdown__trigger":"_purpur-dropdown__trigger_p8b57_36","purpur-dropdown__trigger--placeholder":"_purpur-dropdown__trigger--placeholder_p8b57_119","purpur-dropdown__trigger--is-valid":"_purpur-dropdown__trigger--is-valid_p8b57_122","purpur-dropdown__trigger--disabled":"_purpur-dropdown__trigger--disabled_p8b57_125","purpur-dropdown__trigger--readonly":"_purpur-dropdown__trigger--readonly_p8b57_129","purpur-dropdown__trigger--negative":"_purpur-dropdown__trigger--negative_p8b57_133","purpur-dropdown__trigger-text":"_purpur-dropdown__trigger-text_p8b57_146","purpur-dropdown__combobox-container":"_purpur-dropdown__combobox-container_p8b57_152","purpur-dropdown__combobox-container--disabled":"_purpur-dropdown__combobox-container--disabled_p8b57_162","purpur-dropdown__combobox-container--readonly":"_purpur-dropdown__combobox-container--readonly_p8b57_169","purpur-dropdown__combobox-container--error":"_purpur-dropdown__combobox-container--error_p8b57_176","purpur-dropdown__combobox-container--is-valid":"_purpur-dropdown__combobox-container--is-valid_p8b57_179","purpur-dropdown__combobox-container--negative":"_purpur-dropdown__combobox-container--negative_p8b57_182","purpur-dropdown__input--negative":"_purpur-dropdown__input--negative_p8b57_221","purpur-dropdown__chip-group--select":"_purpur-dropdown__chip-group--select_p8b57_244","purpur-dropdown__chip-group-more":"_purpur-dropdown__chip-group-more_p8b57_250","purpur-dropdown__end-adornments":"_purpur-dropdown__end-adornments_p8b57_261","purpur-dropdown__chevron-icon":"_purpur-dropdown__chevron-icon_p8b57_272","purpur-dropdown__chevron-icon--open":"_purpur-dropdown__chevron-icon--open_p8b57_277","purpur-dropdown__chevron-icon--disabled":"_purpur-dropdown__chevron-icon--disabled_p8b57_280","purpur-dropdown__chevron-icon--readonly":"_purpur-dropdown__chevron-icon--readonly_p8b57_283","purpur-dropdown__chevron-icon--negative":"_purpur-dropdown__chevron-icon--negative_p8b57_286","purpur-dropdown__valid-icon":"_purpur-dropdown__valid-icon_p8b57_289","purpur-dropdown__listbox":"_purpur-dropdown__listbox_p8b57_292","purpur-dropdown__checkbox-item-multiple":"_purpur-dropdown__checkbox-item-multiple_p8b57_301","purpur-dropdown__checkbox-container":"_purpur-dropdown__checkbox-container_p8b57_304","purpur-dropdown__checkbox-container--disabled":"_purpur-dropdown__checkbox-container--disabled_p8b57_311","purpur-dropdown__select-all-child":"_purpur-dropdown__select-all-child_p8b57_314"},x=Ue.c.bind(Ye),r="purpur-dropdown",Ie=({fieldId:e,htmlForSuffix:n,label:d,getTestId:a,disabled:i,negative:u,required:g})=>d?o.jsxs(He.Label,{htmlFor:n?`${e}-${n}`:e,className:x(`${r}__label`),"data-testid":a("label"),disabled:i,negative:u,children:[g&&o.jsx("span",{"aria-hidden":!0,children:"*"}),d]}):null,Ce=({getTestId:e,loading:n,disabled:d,negative:a,isValid:i,isOpen:u,readOnly:g,showChevronOpen:m})=>o.jsx("span",{className:x(`${r}__end-adornments`),children:n?o.jsx(Me.Spinner,{disabled:d,size:"xxs",negative:a,"data-testid":e("spinner")}):o.jsxs(o.Fragment,{children:[i&&o.jsx(Ke.r,{"data-testid":e("valid-icon"),className:x(`${r}__valid-icon`)}),o.jsx(Ve.l,{className:x(`${r}__chevron-icon`,{[`${r}__chevron-icon--open`]:m&&u,[`${r}__chevron-icon--disabled`]:d,[`${r}__chevron-icon--readonly`]:g&&!d,[`${r}__chevron-icon--is-valid`]:i,[`${r}__chevron-icon--negative`]:a}),"data-testid":e("dropdown-icon"),size:"sm"})]})}),Se=6,ke=({selectedItems:e,getTestId:n,disabled:d,negative:a,onRemove:i,isSelect:u,moreOptionsText:g,removeOptionAriaLabel:m})=>{if(!e.length)return null;const p=g!==void 0&&e.length>Se?e.slice(-Se):e,y=e.length-p.length;return o.jsxs($e.DismissableChipGroup,{className:x(`${r}__chip-group`,{[`${r}__chip-group--select`]:u}),negative:a,"data-testid":n("tags"),size:"sm",children:[p.map(l=>o.jsx($e.DismissableChipGroup.Item,{id:l.id,"data-testid":n(`tag-${l.id}`),"aria-label":m?`${m} ${ee(l)}`:ee(l),onDismiss:()=>{i(l)},disabled:d\|\|l.disabled,children:l.label},l.id)),y>0&&o.jsx("li",{className:x(`${r}__chip-group-more`),"data-testid":n("tags-more"),children:`+${y} ${g}`})]})},Oe=({errorText:e,helperText:n,helperTextId:d,negative:a})=>o.jsxs(o.Fragment,{children:[e&&o.jsx(Pe.FieldErrorText,{negative:a,children:e}),n&&!e&&o.jsx(qe.FieldHelperText,{id:d,negative:a,children:n})]}),se="__purpur-dropdown-select-all__",je=({selectAllLabel:e,multiple:n,options:d,selectedItems:a})=>!e\|\|!n\|\|d.filter(m=>!m.disabled).length===0?!1:!d.filter(m=>m.disabled).some(m=>!a.some(j=>j.id===m.id)),De=({optionsToShow:e,getListboxItemProps:n,multiple:d,negative:a,fieldId:i,noOptionsText:u,selectAllLabel:g,selectedItems:m=[],renderLabel:j=p=>p.label})=>{if(u!==void 0&&!e.length)return o.jsx(ue.Listbox.Item,{noninteractive:!0,children:u});const p=e[0]?.id===se;let y=!1;if(p){const _=e.filter(f=>f.id!==se).filter(f=>!f.disabled),$=_.filter(f=>m.some(C=>C.id===f.id)).length,h=_.length>0&&$===_.length,c=m.length>0;y=h?!0:c?"indeterminate":!1}return e.map((l,_)=>{const{key:$,selected:h,...c}=n(l,_);return l.id===se?o.jsx(ue.Listbox.Item,{...c,"aria-selected":y===!0,className:x(`${r}__checkbox-item-multiple`,`${r}__select-all-item`),hideSelectedIcon:!0,children:o.jsx("span",{className:x(`${r}__checkbox-container`),children:o.jsx(ye.Checkbox,{id:`${i}-checkbox-select-all`,checked:y,label:g,negative:a,"aria-hidden":!0})})},$):d?o.jsx(ue.Listbox.Item,{...c,className:x(`${r}__checkbox-item-multiple`,{[`${r}__select-all-child`]:p}),selected:!!h,hideSelectedIcon:!0,children:o.jsx("span",{className:x(`${r}__checkbox-container`,{[`${r}__checkbox-container--disabled`]:l.disabled}),children:o.jsx(ye.Checkbox,{id:`${i}-checkbox-${l.id}`,checked:!!h,label:j(l),negative:a,"aria-hidden":!0,disabled:l.disabled})})},$):o.jsx(ue.Listbox.Item,{...c,selected:!!h,children:o.jsx("div",{children:j(l)})},$)})},Ge=(e,n,d)=>{if(d)return e.filter(i=>d(n,i));if(!n)return e;const a=n.toUpperCase().split(" ");return e.filter(i=>a.every(u=>(i.value\|\|(typeof i.label=="string"?i.label:"")).toUpperCase().includes(u)))},Re=({options:e,searchTerm:n,filterOption:d,selectedOption:a,multiple:i})=>!i&&a&&ee(a)===n?e:Ge(e,n,d),Le=({controlledInputValue:e,defaultInputValue:n,selectedOption:d,onInputChange:a})=>{const[i,u]=O.useState((typeof e=="string"?e:n??(d?ee(d):void 0))??"");return{displayInputValue:typeof e=="string"?e:i,populateInputField:j=>{a?.(j),u(j)}}},Ne=O.forwardRef((e,n)=>{const{id:d,label:a,options:i,className:u,errorText:g,helperText:m,placeholder:j,negative:p=!1,readOnly:y=!1,disabled:l=!1,required:_=!1,valid:$,loading:h,multiple:c=!1,selectedOption:f,selectedOptions:C=[],onSelect:S,openOnFocus:de=!1,listboxMaxHeight:N,listboxLabel:_e,filterOption:q,inputValue:re,defaultInputValue:G,onInputChange:b,noOptionsText:te,highlightFirstOption:K=!1,selectAllLabel:D,moreOptionsText:J,removeOptionAriaLabel:E,formatOption:R,["data-testid"]:V}=e,oe=O.useId(),k=d??oe,H=s=>V?`${V}-${s}`:void 0,z=!!$&&!g,le=`${k}-helper-text`,w=c?C:f?[f]:[],{displayInputValue:M,populateInputField:W}=Le({controlledInputValue:re,defaultInputValue:G,selectedOption:f,onInputChange:b}),ce=Re({options:i,searchTerm:M,filterOption:q,selectedOption:f,multiple:c}),ae=je({selectAllLabel:D,multiple:c,options:i,selectedItems:w}),A=ae&&(ae&&!M)?[{id:se,label:D},...ce]:ce,ge=()=>{const s=i.filter(L=>!L.disabled);if(s.every(L=>w.some(P=>P.id===L.id))){const L=w.filter(P=>P.disabled);S?.(void 0,L)}else{const P=[...w.filter(me=>me.disabled),...s];S?.(void 0,P)}W("")},Q=s=>{if(s.id===se){ge();return}if(c){const L=w.some(P=>P.id===s.id)?w.filter(P=>P.id!==s.id):[...w,s];S?.(s,L),W("")}else S?.(s,[s]),W(ee(s))},{rootRef:ne,inputRef:Y,inputProps:Z,listboxProps:he,getListboxItemProps:v,isOpen:T,openListbox:B,anchorStyle:X}=ve.te({id:k,options:A,listboxLabel:_e\|\|a\|\|"Options",selectedOption:c?void 0:f,disabled:l,readOnly:y,openOnFocus:de,listboxMaxHeight:N,highlightFirstOption:K,closeOnSelect:!c,noOptionsText:te,negative:p,onSelect:Q,"data-testid":V}),fe=s=>{ne.current=s,typeof n=="function"?n(s):n&&(n.current=s)},t=(s,I)=>{const L=v(s,I);if(c){const P=w.some(me=>me.id===s.id);return{...L,selected:P,"aria-selected":P}}return L},F=s=>R?R(s,M):typeof s.label!="string"?s.label:o.jsx(ve.x,{text:s.label,query:M}),ie=s=>{const I=w.filter(L=>L.id!==s.id);S?.(s,I)},U=s=>{if(c&&s.key==="Backspace"&&s.currentTarget.value===""&&w.length>0){for(let I=w.length-1;I>=0;I--)if(!w[I].disabled){ie(w[I]);break}}Z?.onKeyDown?.(s)},xe=s=>{W(s.target.value),T\|\|B()},pe=s=>{Z?.onBlur?.(s),!c&&setTimeout(()=>{if(ne.current?.contains(document.activeElement))return;const I=f?ee(f):"";M!==I&&W(I)})},Be=s=>{if(l\|\|y)return;const I=s.target;if(I===Y.current\|\|I.closest("button"))return;const L=Y.current;L?.dispatchEvent(new MouseEvent("mousedown",{bubbles:!0})),L?.focus()},we=c&&!!D&&i.length>0&&i.every(s=>w.some(I=>I.id===s.id)),Fe=x(r,u,{[`${r}--negative`]:p});return o.jsxs("div",{ref:fe,className:Fe,children:[o.jsx(Ie,{fieldId:k,htmlForSuffix:"input",label:a,getTestId:H,disabled:l,negative:p,required:_}),o.jsx("div",{className:x(`${r}__field-row`),children:o.jsxs("div",{className:x(`${r}__combobox-container`,{[`${r}__combobox-container--error`]:!!g,[`${r}__combobox-container--is-valid`]:z,[`${r}__combobox-container--negative`]:p,[`${r}__combobox-container--disabled`]:l,[`${r}__combobox-container--readonly`]:y&&!l}),style:X,onClick:Be,children:[c&&!we&&o.jsx(ke,{selectedItems:w,getTestId:H,disabled:l,negative:p,onRemove:ie,moreOptionsText:J,removeOptionAriaLabel:E}),o.jsx("input",{...Z,ref:Y,id:`${k}-input`,"data-testid":H("input"),onKeyDown:U,onChange:xe,onBlur:pe,value:we&&!M?D:M,placeholder:j,className:x(`${r}__input`,{[`${r}__input--negative`]:p}),"aria-describedby":le,"aria-invalid":!!g,disabled:l,readOnly:y}),o.jsx(Ce,{getTestId:H,loading:h,disabled:l,negative:p,isValid:z,isOpen:T,showChevronOpen:!0}),o.jsx("span",{className:x(`${r}__frame`,{[`${r}__frame--negative`]:p})})]})}),T&&o.jsx(ue.Listbox,{...he,className:x(`${r}__listbox`),children:De({optionsToShow:A,getListboxItemProps:t,multiple:c,negative:p,fieldId:k,noOptionsText:te,selectAllLabel:D,selectedItems:w,renderLabel:F})}),o.jsx(Oe,{errorText:g,helperText:m,helperTextId:le,negative:p})]})});Ne.displayName="DropdownCombobox";const ze=({options:e,highlightFirstOption:n})=>{const d=O.useRef(null),a=O.useRef({}),[i,u]=O.useState(n?e[0]:void 0),g=_=>{if(_){const $=_.getBoundingClientRect(),h=d.current?.getBoundingClientRect()\|\|{top:0,bottom:0};($.top<h.top\|\|$.bottom>h.bottom)&&_.scrollIntoView({block:"nearest"})}};return{highlightedOption:i,listboxRef:d,optionRefs:a,findNextOption:(_,$)=>{const h=$.filter(f=>!f.disabled);if(!h.length)return;const c=i?h.findIndex(f=>f.id===i.id):-1;return _==="ArrowDown"?h[(c+1)%h.length]:h[(c-1+h.length)%h.length]},highlightOption:_=>{u(_?{..._}:void 0),_&&g(a.current[_.id])},highlightByClick:_=>{_.id!==i?.id&&u({..._,isSetByClickEvent:!0})},highlightSelected:(_,$)=>{requestAnimationFrame(()=>{u({..._,isSetByClickEvent:$==="CLICK"}),g(a.current[_.id])})},resetHighlight:()=>{u(void 0)}}},We=(e,n)=>{const d=O.useCallback(a=>{e&&!e.contains(a.target)&&n()},[n,e]);O.useEffect(()=>(document.addEventListener("mousedown",d),()=>{document.removeEventListener("mousedown",d)}),[d])},Ee=({id:e,variant:n,options:d,listboxLabel:a,multiple:i=!1,selectedOption:u,selectedOptions:g=[],onSelect:m,filterOption:j,inputValue:p,defaultInputValue:y,onInputChange:l,noOptionsText:_,highlightFirstOption:$=!1,openOnFocus:h=!1,listboxMaxHeight:c,negative:f,disabled:C=!1,readOnly:S=!1,["data-testid"]:de})=>{const N=n==="combobox",_e=O.useId(),q=O.useRef(null),re=O.useRef(null),G=O.useRef(null),b=ze({options:d,highlightFirstOption:$}),{displayInputValue:te,populateInputField:K}=Le({controlledInputValue:p,defaultInputValue:y,selectedOption:u,onInputChange:l}),[D,J]=O.useState(!1),E=()=>{J(!1),b.resetHighlight()};We(q.current,E);const R=({eventType:t})=>{J(!0);const F=i?void 0:u;F&&b.highlightSelected(F,t)},V=i?g:u?[u]:[],oe=N?Re({options:d,searchTerm:te,filterOption:j,selectedOption:u,multiple:i}):d,k=D&&(!!oe.length\|\|!!_),H=t=>de?`${de}-${t}`:void 0,z=t=>{if(!(!t\|\|t.disabled))if(i){const ie=V.some(U=>U.id===t.id)?V.filter(U=>U.id!==t.id):[...V,t];m?.(t,ie),N&&(K(""),G.current?.focus())}else m?.(t,[t]),N&&K(ee(t)),E(),(N?G:re).current?.focus()},le=t=>{k\|\|R({eventType:"KEYBOARD"});const F=b.findNextOption(t,oe);b.highlightOption(F)},w=t=>{if(!(C\|\|S))switch(t.key){case"ArrowUp":case"ArrowDown":t.preventDefault(),le(t.key);break;case"Enter":{t.preventDefault(),k&&b.highlightedOption?z(b.highlightedOption):k\|\|R({eventType:"KEYBOARD"});break}case" ":{N\|\|(t.preventDefault(),k&&b.highlightedOption?z(b.highlightedOption):k\|\|R({eventType:"KEYBOARD"}));break}case"Escape":t.preventDefault(),E();break;case"Tab":E();break;case"Home":case"End":N&&E();break}},M=t=>{K(t.target.value),b.resetHighlight(),D\|\|R({eventType:"KEYBOARD"})},W=()=>{C\|\|S\|\|(D?E():R({eventType:"CLICK"}))},ce=()=>{!D&&h&&!C&&!S&&R({eventType:"KEYBOARD"}),G.current?.select()},ae=()=>{setTimeout(()=>{const t=document.activeElement;t!==document.body&&!G.current?.contains(t)&&!b.listboxRef.current?.contains(t)&&!q.current?.contains(t)&&(E(),N&&!i&&K(u?ee(u):""))})},be=()=>{C\|\|S\|\|(D?E():R({eventType:"CLICK"}))},A=t=>{if(C\|\|S)return;const F=t.target.closest("button");F&&F!==re.current\|\|be()},ge=()=>{!D&&h&&!C&&!S&&R({eventType:"KEYBOARD"})},Q=`${e}-listbox`,ne=t=>`${e}-listbox-item-${t.id}`,Y=`--purpur-dropdown-${_e.replace(/:/g,"")}`,Z={anchorName:Y},he=N?null:{onClick:A},v=O.useCallback(t=>{if(b.listboxRef.current=t,t&&typeof t.showPopover=="function")try{t.showPopover()}catch{}},[b.listboxRef]),T={"aria-label":a,"aria-expanded":k,"data-testid":H("listbox"),id:Q,ref:v,onMouseLeave:()=>b.resetHighlight(),popover:"manual",negative:f,style:{...c?{maxHeight:typeof c=="number"?`${c}px`:c}:{},positionAnchor:Y}},B=(t,F)=>{const ie=V.some(pe=>pe.id===t.id),{highlightedOption:U}=b,xe=(t.id===U?.id\|\|$&&!U&&F===0)&&!U?.isSetByClickEvent;return{"data-testid":H(`listbox-item-${t.id}`),id:ne(t),key:t.id,onMouseMove:()=>b.highlightByClick(t),onMouseUp:()=>z(t),ref:pe=>{pe&&(b.optionRefs.current[t.id]=pe)},tabIndex:-1,selected:ie,disabled:t.disabled,highlighted:xe,hovered:t.id===U?.id&&!!U?.isSetByClickEvent,"aria-selected":ie}},X=N?{}:{ref:re,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":k,"aria-controls":Q,"aria-disabled":C,"data-testid":H("trigger"),id:`${e}-trigger`,onKeyDown:w,onFocus:ge,disabled:C,tabIndex:C?-1:0,style:Z},fe=N?{ref:G,role:"combobox","aria-autocomplete":"list","aria-expanded":k,"aria-controls":Q,"aria-activedescendant":b.highlightedOption?ne(b.highlightedOption):void 0,"data-testid":H("input"),autoComplete:"off",id:`${e}-input`,type:"text",value:te,onChange:M,onMouseDown:W,onFocus:ce,onBlur:ae,onKeyDown:w,disabled:C,readOnly:S}:null;return{rootRef:q,triggerContainerProps:he,triggerProps:X,inputProps:fe,listboxProps:T,getListboxItemProps:B,optionsToShow:oe,isOpen:k,highlightedOption:b.highlightedOption,selectedItems:V,anchorStyle:Z}},Ae=O.forwardRef((e,n)=>{const{id:d,label:a,options:i,className:u,errorText:g,helperText:m,placeholder:j,negative:p=!1,readOnly:y=!1,disabled:l=!1,required:_=!1,valid:$=!1,loading:h=!1,multiple:c=!1,selectedOption:f,selectedOptions:C=[],onSelect:S,openOnFocus:de=!1,listboxMaxHeight:N,listboxLabel:_e,selectAllLabel:q,moreOptionsText:re,removeOptionAriaLabel:G,["data-testid"]:b}=e,te=O.useId(),K=d??te,D=v=>b?`${b}-${v}`:void 0,J=!!$&&!g,E=`${K}-helper-text`,R=c?C:f?[f]:[],V=je({selectAllLabel:q,multiple:c,options:i,selectedItems:R}),oe=()=>{const v=i.filter(B=>!B.disabled);if(v.every(B=>R.some(X=>X.id===B.id))){const B=R.filter(X=>X.disabled);S?.(void 0,B)}else{const X=[...R.filter(fe=>fe.disabled),...v];S?.(void 0,X)}},k=(v,T)=>{if(v?.id===se){oe();return}S?.(v,T)},H=V?[{id:se,label:q},...i]:i,z=Ee({id:K,variant:"select",options:H,listboxLabel:_e\|\|a\|\|"Options",multiple:c,negative:p,selectedOption:f,selectedOptions:C,onSelect:k,openOnFocus:de,listboxMaxHeight:N,disabled:l,readOnly:y,"data-testid":b}),le=v=>{z.rootRef.current=v,typeof n=="function"?n(v):n&&(n.current=v)},{triggerContainerProps:w,triggerProps:M,listboxProps:W,getListboxItemProps:ce,optionsToShow:ae,isOpen:be,selectedItems:A,anchorStyle:ge}=z,Q={...M};delete Q.style;const ne=v=>{const T=A.filter(B=>B.id!==v.id);S?.(v,T)},Y=c&&!!q&&i.length>0&&i.every(v=>A.some(T=>T.id===v.id)),Z=c?Y?q:A.length===0&&j\|\|"":f?.label\|\|j\|\|"",he=x(r,u,{[`${r}--negative`]:p});return o.jsxs("div",{ref:le,className:he,children:[o.jsx(Ie,{fieldId:K,htmlForSuffix:"trigger",label:a,getTestId:D,disabled:l,negative:p,required:_}),o.jsx("div",{className:x(`${r}__field-row`),children:o.jsxs("div",{...w,className:x(`${r}__trigger-container`,{[`${r}__trigger-container--error`]:!!g,[`${r}__trigger-container--is-valid`]:J,[`${r}__trigger-container--negative`]:p,[`${r}__trigger-container--disabled`]:l,[`${r}__trigger-container--readonly`]:y&&!l,[`${r}__trigger-container--has-tags`]:c&&A.length>0&&!Y}),style:ge,children:[c&&!Y&&o.jsx(ke,{selectedItems:A,getTestId:D,disabled:l,negative:p,onRemove:ne,moreOptionsText:re,removeOptionAriaLabel:G,isSelect:!0}),o.jsx("button",{...Q,className:x(`${r}__trigger`,{[`${r}__trigger--is-valid`]:J,[`${r}__trigger--negative`]:p,[`${r}__trigger--disabled`]:l,[`${r}__trigger--readonly`]:y&&!l,[`${r}__trigger--placeholder`]:!A.length}),"aria-describedby":E,children:o.jsx("span",{className:x(`${r}__trigger-text`),children:Z})}),o.jsx(Ce,{getTestId:D,loading:h,disabled:l,negative:p,isValid:J,isOpen:be,readOnly:y,showChevronOpen:!0}),o.jsx("span",{className:x(`${r}__frame`,{[`${r}__frame--negative`]:p})})]})}),be&&o.jsx(ue.Listbox,{...W,className:x(`${r}__listbox`),children:De({optionsToShow:ae,getListboxItemProps:ce,multiple:c,negative:p,fieldId:K,selectAllLabel:q,selectedItems:A})}),o.jsx(Oe,{errorText:g,helperText:m,helperTextId:E,negative:p})]})});Ae.displayName="DropdownSelect";const Te=O.forwardRef((e,n)=>e.combobox?o.jsx(Ne,{ref:n,...e}):o.jsx(Ae,{ref:n,...e}));Te.displayName="Dropdown";exports.Dropdown=Te;exports.useDropdown=Ee;
2	+ //# sourceMappingURL=dropdown-Cr8DVw2T.js.map

package/dist/dropdown-Cr8DVw2T.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"dropdown-Cr8DVw2T.js","sources":["../../../components/dropdown/src/dropdown.types.ts","../../../components/dropdown/src/dropdown-shared.tsx","../../../components/dropdown/src/useDropdownFilter.ts","../../../components/dropdown/src/useDropdownInput.ts","../../../components/dropdown/src/dropdown-combobox.tsx","../../../components/dropdown/src/useDropdownHighlight.ts","../../../components/dropdown/src/useOnClickOutside.ts","../../../components/dropdown/src/useDropdown.ts","../../../components/dropdown/src/dropdown-select.tsx","../../../components/dropdown/src/dropdown.tsx"],"sourcesContent":["export type DropdownOption = {\n /**\n * Content rendered for this option in the trigger and listbox. Accepts any `ReactNode`.\n * For `combobox` mode, text-input syncing and the default search filter require a plain\n * `string` — non-string labels fall back to `value` for those, so provide `value`\n * (or a custom `filterOption`) when using a non-string label with `combobox`.\n */\n label: React.ReactNode;\n id: string;\n value?: string;\n disabled?: boolean;\n};\n\n/** Plain-text form of an option's label, for text inputs, search filtering, and ARIA strings. */\nexport const getOptionLabelText = (option: Pick<DropdownOption, \"label\" | \"value\">): string =>\n typeof option.label === \"string\" ? option.label : option.value ?? \"\";\n\n/** Shared props across all variants */\ntype DropdownBaseProps = {\n /** Unique id used to prefix all sub-element ids. */\n id?: string;\n /** Visible label rendered above the field. */\n label?: string;\n /** Accessible label for the listbox popup (required for select/combobox). */\n listboxLabel?: string;\n /** Placeholder text shown when no value is selected. */\n placeholder?: string;\n /** Helper text rendered below the field. */\n helperText?: string;\n /** Error text rendered below the field. Puts the field in an error state. */\n errorText?: string;\n /** Render the field with a valid (success) appearance. */\n valid?: boolean;\n /** Show a loading spinner inside the field. */\n loading?: boolean;\n /** Render on dark backgrounds. */\n negative?: boolean;\n /** Mark the field as required. */\n required?: boolean;\n /** Disable the field. */\n disabled?: boolean;\n /** Make the field read-only. */\n readOnly?: boolean;\n /**\n * Label for the \"Select all\" option. Only effective when `multiple` is `true`.\n * The option is hidden automatically when any disabled option is **not** selected.\n */\n selectAllLabel?: string;\n /** Text appended after the hidden chip count (e.g. `\"+4 more\"`). Only effective when `multiple` is `true`. */\n moreOptionsText?: string;\n className?: string;\n [\"data-testid\"]?: string;\n};\n\n// ── Multi-select variant (moreOptionsText required) ──────────────────\n\ntype DropdownMultipleProps = DropdownBaseProps & {\n multiple: true;\n moreOptionsText: string;\n /** The accessible label for each chip's remove button. */\n removeOptionAriaLabel: string;\n};\n\n// ── Single-select variant (moreOptionsText optional) ─────────────────\n\ntype DropdownSingleProps = DropdownBaseProps & {\n multiple?: false | undefined;\n moreOptionsText?: string;\n removeOptionAriaLabel?: never;\n};\n\n// ── Shared props for select variant ──────────────────────────────────\n\ntype DropdownSelectSharedProps = {\n combobox?: false;\n options: DropdownOption[];\n /** Currently selected option (single-select, controlled). */\n selectedOption?: DropdownOption;\n /** Currently selected options (multi-select, controlled). */\n selectedOptions?: DropdownOption[];\n /** Fired when an option is selected or deselected. */\n onSelect?: (toggledOption: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;\n /** Open the listbox when the trigger receives focus. */\n openOnFocus?: boolean;\n /** Maximum height of the listbox popup. */\n listboxMaxHeight?: string | number;\n filterOption?: never;\n onInputChange?: never;\n inputValue?: never;\n defaultInputValue?: never;\n noOptionsText?: never;\n highlightFirstOption?: never;\n formatOption?: never;\n};\n\n// ── Shared props for combobox variant ────────────────────────────────\n\ntype DropdownComboboxSharedProps = {\n combobox: true;\n options: DropdownOption[];\n /** Currently selected option (single-select, controlled). */\n selectedOption?: DropdownOption;\n /** Currently selected options (multi-select, controlled). */\n selectedOptions?: DropdownOption[];\n /** Fired when an option is selected or deselected. */\n onSelect?: (toggledOption: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;\n /** Custom filter for autocomplete results. */\n filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;\n /** Controlled input value. */\n inputValue?: string;\n /** Default input value (uncontrolled). */\n defaultInputValue?: string;\n /** Fired when the text-input value changes. */\n onInputChange?: (value: string) => void;\n /** Text shown when filtering yields no results. */\n noOptionsText?: React.ReactNode;\n /** Highlight the first option automatically. */\n highlightFirstOption?: boolean;\n /** Open the listbox when the input receives focus. */\n openOnFocus?: boolean;\n /** Maximum height of the listbox popup. */\n listboxMaxHeight?: string | number;\n /** Custom renderer for an option's label in the listbox, given the current input value. Defaults to bolding the matched text. */\n formatOption?: (option: DropdownOption, inputValue: string) => React.ReactNode;\n};\n\n// ── Custom select (single & multi) ────────────────────────────────────\n\nexport type DropdownSelectProps =\n | (DropdownMultipleProps & DropdownSelectSharedProps)\n | (DropdownSingleProps & DropdownSelectSharedProps);\n\n// ── Combobox / autocomplete ──────────────────────────────────────────\n\nexport type DropdownComboboxProps =\n | (DropdownMultipleProps & DropdownComboboxSharedProps)\n | (DropdownSingleProps & DropdownComboboxSharedProps);\n\nexport type DropdownProps = DropdownSelectProps | DropdownComboboxProps;\n","import React from \"react\";\nimport type { CheckedState } from \"@purpur/checkbox\";\nimport { Checkbox } from \"@purpur/checkbox\";\nimport { DismissableChipGroup } from \"@purpur/dismissable-chip-group\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Label } from \"@purpur/label\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dropdown.module.scss\";\nimport type { DropdownOption } from \"./dropdown.types\";\nimport { getOptionLabelText } from \"./dropdown.types\";\n\nconst cx = c.bind(styles);\nexport const rootClassName = \"purpur-dropdown\";\n\ntype GetTestId = (name: string) => string | undefined;\n\ntype DropdownLabelProps = {\n fieldId: string;\n htmlForSuffix?: string;\n label?: string;\n getTestId: GetTestId;\n disabled: boolean;\n negative: boolean;\n required: boolean;\n};\n\nexport const DropdownLabel = ({\n fieldId,\n htmlForSuffix,\n label,\n getTestId,\n disabled,\n negative,\n required,\n}: DropdownLabelProps) => {\n if (!label) return null;\n\n return (\n <Label\n htmlFor={htmlForSuffix ? `${fieldId}-${htmlForSuffix}` : fieldId}\n className={cx(`${rootClassName}__label`)}\n data-testid={getTestId(\"label\")}\n disabled={disabled}\n negative={negative}\n >\n {required && <span aria-hidden>*</span>}\n {label}\n </Label>\n );\n};\n\ntype DropdownEndAdornmentsProps = {\n getTestId: GetTestId;\n loading?: boolean;\n disabled: boolean;\n negative: boolean;\n isValid: boolean;\n isOpen?: boolean;\n readOnly?: boolean;\n showChevronOpen: boolean;\n};\n\nexport const DropdownEndAdornments = ({\n getTestId,\n loading,\n disabled,\n negative,\n isValid,\n isOpen,\n readOnly,\n showChevronOpen,\n}: DropdownEndAdornmentsProps) => (\n <span className={cx(`${rootClassName}__end-adornments`)}>\n {loading ? (\n <Spinner\n disabled={disabled}\n size=\"xxs\"\n negative={negative}\n data-testid={getTestId(\"spinner\")}\n />\n ) : (\n <>\n {isValid && (\n <IconCheckCircleFilled\n data-testid={getTestId(\"valid-icon\")}\n className={cx(`${rootClassName}__valid-icon`)}\n />\n )}\n <IconChevronDown\n className={cx(`${rootClassName}__chevron-icon`, {\n [`${rootClassName}__chevron-icon--open`]: showChevronOpen && isOpen,\n [`${rootClassName}__chevron-icon--disabled`]: disabled,\n [`${rootClassName}__chevron-icon--readonly`]: readOnly && !disabled,\n [`${rootClassName}__chevron-icon--is-valid`]: isValid,\n [`${rootClassName}__chevron-icon--negative`]: negative,\n })}\n data-testid={getTestId(\"dropdown-icon\")}\n size=\"sm\"\n />\n </>\n )}\n </span>\n);\n\nconst MAX_VISIBLE_TAGS = 6;\n\ntype DropdownTagsProps = {\n selectedItems: DropdownOption[];\n getTestId: GetTestId;\n disabled: boolean;\n negative: boolean;\n onRemove: (option: DropdownOption) => void;\n isSelect?: boolean;\n moreOptionsText?: string;\n removeOptionAriaLabel?: string;\n};\n\nexport const DropdownTags = ({\n selectedItems,\n getTestId,\n disabled,\n negative,\n onRemove,\n isSelect,\n moreOptionsText,\n removeOptionAriaLabel,\n}: DropdownTagsProps) => {\n if (!selectedItems.length) return null;\n\n const capEnabled = moreOptionsText !== undefined && selectedItems.length > MAX_VISIBLE_TAGS;\n const visibleItems = capEnabled ? selectedItems.slice(-MAX_VISIBLE_TAGS) : selectedItems;\n const hiddenCount = selectedItems.length - visibleItems.length;\n\n return (\n <DismissableChipGroup\n className={cx(`${rootClassName}__chip-group`, {\n [`${rootClassName}__chip-group--select`]: isSelect,\n })}\n negative={negative}\n data-testid={getTestId(\"tags\")}\n size=\"sm\"\n >\n {visibleItems.map((item) => (\n <DismissableChipGroup.Item\n key={item.id}\n id={item.id}\n data-testid={getTestId(`tag-${item.id}`)}\n aria-label={\n removeOptionAriaLabel\n ? `${removeOptionAriaLabel} ${getOptionLabelText(item)}`\n : getOptionLabelText(item)\n }\n onDismiss={() => {\n onRemove(item);\n }}\n disabled={disabled || item.disabled}\n >\n {item.label}\n </DismissableChipGroup.Item>\n ))}\n {hiddenCount > 0 && (\n <li\n className={cx(`${rootClassName}__chip-group-more`)}\n data-testid={getTestId(\"tags-more\")}\n >\n {`+${hiddenCount} ${moreOptionsText}`}\n </li>\n )}\n </DismissableChipGroup>\n );\n};\n\ntype DropdownFooterProps = {\n errorText?: string;\n helperText?: string;\n helperTextId: string;\n negative: boolean;\n};\n\nexport const DropdownFooter = ({\n errorText,\n helperText,\n helperTextId,\n negative,\n}: DropdownFooterProps) => (\n <>\n {errorText && <FieldErrorText negative={negative}>{errorText}</FieldErrorText>}\n {helperText && !errorText && (\n <FieldHelperText id={helperTextId} negative={negative}>\n {helperText}\n </FieldHelperText>\n )}\n </>\n);\n\nexport const SELECT_ALL_OPTION_ID = \"__purpur-dropdown-select-all__\";\n\ntype ShouldShowSelectAllArgs = {\n selectAllLabel?: string;\n multiple?: boolean;\n options: DropdownOption[];\n selectedItems: DropdownOption[];\n};\n\nexport const shouldShowSelectAll = ({\n selectAllLabel,\n multiple,\n options,\n selectedItems,\n}: ShouldShowSelectAllArgs): boolean => {\n if (!selectAllLabel || !multiple) return false;\n const enabledOptions = options.filter((o) => !o.disabled);\n if (enabledOptions.length === 0) return false;\n const disabledOptions = options.filter((o) => o.disabled);\n const hasDisabledUnselected = disabledOptions.some(\n (o) => !selectedItems.some((s) => s.id === o.id)\n );\n // Hide \"All\" when a disabled option is not selected (can't select everything)\n return !hasDisabledUnselected;\n};\n\ntype DropdownListboxItemsProps = {\n optionsToShow: DropdownOption[];\n getListboxItemProps: (option: DropdownOption, index: number) => Record<string, unknown>;\n multiple?: boolean;\n negative: boolean;\n fieldId: string;\n noOptionsText?: React.ReactNode;\n selectAllLabel?: string;\n selectedItems?: DropdownOption[];\n /** Renders an option's label. Defaults to the raw `option.label`. */\n renderLabel?: (option: DropdownOption) => React.ReactNode;\n};\n\nexport const DropdownListboxItems = ({\n optionsToShow,\n getListboxItemProps,\n multiple,\n negative,\n fieldId,\n noOptionsText,\n selectAllLabel,\n selectedItems = [],\n renderLabel = (option) => option.label,\n}: DropdownListboxItemsProps) => {\n if (noOptionsText !== undefined && !optionsToShow.length) {\n return <Listbox.Item noninteractive>{noOptionsText}</Listbox.Item>;\n }\n\n const hasSelectAll = optionsToShow[0]?.id === SELECT_ALL_OPTION_ID;\n\n let selectAllCheckedState: CheckedState = false;\n if (hasSelectAll) {\n const realOptions = optionsToShow.filter((o) => o.id !== SELECT_ALL_OPTION_ID);\n const enabledOptions = realOptions.filter((o) => !o.disabled);\n const enabledSelectedCount = enabledOptions.filter((o) =>\n selectedItems.some((s) => s.id === o.id)\n ).length;\n const allEnabledSelected =\n enabledOptions.length > 0 && enabledSelectedCount === enabledOptions.length;\n const someSelected = selectedItems.length > 0;\n selectAllCheckedState = allEnabledSelected ? true : someSelected ? \"indeterminate\" : false;\n }\n\n return optionsToShow.map((option, index) => {\n const { key, selected, ...itemProps } = getListboxItemProps(option, index);\n\n if (option.id === SELECT_ALL_OPTION_ID) {\n return (\n <Listbox.Item\n key={key as string}\n {...itemProps}\n aria-selected={selectAllCheckedState === true}\n className={cx(\n `${rootClassName}__checkbox-item-multiple`,\n `${rootClassName}__select-all-item`\n )}\n hideSelectedIcon\n >\n <span className={cx(`${rootClassName}__checkbox-container`)}>\n <Checkbox\n id={`${fieldId}-checkbox-select-all`}\n checked={selectAllCheckedState}\n label={selectAllLabel}\n negative={negative}\n aria-hidden\n />\n </span>\n </Listbox.Item>\n );\n }\n\n if (multiple) {\n return (\n <Listbox.Item\n key={key as string}\n {...itemProps}\n className={cx(`${rootClassName}__checkbox-item-multiple`, {\n [`${rootClassName}__select-all-child`]: hasSelectAll,\n })}\n selected={!!selected}\n hideSelectedIcon\n >\n <span\n className={cx(`${rootClassName}__checkbox-container`, {\n [`${rootClassName}__checkbox-container--disabled`]: option.disabled,\n })}\n >\n <Checkbox\n id={`${fieldId}-checkbox-${option.id}`}\n checked={!!selected}\n label={renderLabel(option)}\n negative={negative}\n aria-hidden\n disabled={option.disabled}\n />\n </span>\n </Listbox.Item>\n );\n }\n\n return (\n <Listbox.Item key={key as string} {...itemProps} selected={!!selected}>\n <div>{renderLabel(option)}</div>\n </Listbox.Item>\n );\n });\n};\n\nexport { cx };\n","import type { DropdownOption } from \"./dropdown.types\";\nimport { getOptionLabelText } from \"./dropdown.types\";\n\nconst filterOptions = (\n options: DropdownOption[],\n searchTerm: string | undefined,\n filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean\n): DropdownOption[] => {\n if (filterOption) {\n return options.filter((option) => filterOption(searchTerm, option));\n }\n if (!searchTerm) return options;\n const chunks = searchTerm.toUpperCase().split(\" \");\n return options.filter((option) =>\n chunks.every((chunk) =>\n (option.value || (typeof option.label === \"string\" ? option.label : \"\"))\n .toUpperCase()\n .includes(chunk)\n )\n );\n};\n\nexport const getFilteredOptions = ({\n options,\n searchTerm,\n filterOption,\n selectedOption,\n multiple,\n}: {\n options: DropdownOption[];\n searchTerm: string | undefined;\n filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;\n selectedOption?: DropdownOption;\n multiple: boolean;\n}): DropdownOption[] => {\n if (!multiple && selectedOption && getOptionLabelText(selectedOption) === searchTerm) {\n return options;\n }\n return filterOptions(options, searchTerm, filterOption);\n};\n","import { useState } from \"react\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\nimport { getOptionLabelText } from \"./dropdown.types\";\n\nexport type UseDropdownInputParams = {\n controlledInputValue?: string;\n defaultInputValue?: string;\n selectedOption?: DropdownOption;\n onInputChange?: (value: string) => void;\n};\n\nexport const useDropdownInput = ({\n controlledInputValue,\n defaultInputValue,\n selectedOption,\n onInputChange,\n}: UseDropdownInputParams) => {\n const [internalInputValue, setInternalInputValue] = useState(\n (typeof controlledInputValue === \"string\"\n ? controlledInputValue\n : defaultInputValue ?? (selectedOption ? getOptionLabelText(selectedOption) : undefined)) ??\n \"\"\n );\n\n const displayInputValue =\n typeof controlledInputValue === \"string\" ? controlledInputValue : internalInputValue;\n\n const populateInputField = (value: string) => {\n onInputChange?.(value);\n setInternalInputValue(value);\n };\n\n return {\n displayInputValue,\n populateInputField,\n };\n};\n","import React, { forwardRef, useId } from \"react\";\nimport { HighlightMatch } from \"@purpur/highlight-match\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { useAutocomplete } from \"@purpur/use-autocomplete\";\n\nimport type { DropdownComboboxProps, DropdownOption } from \"./dropdown.types\";\nimport { getOptionLabelText } from \"./dropdown.types\";\nimport {\n cx,\n DropdownEndAdornments,\n DropdownFooter,\n DropdownLabel,\n DropdownListboxItems,\n DropdownTags,\n rootClassName,\n SELECT_ALL_OPTION_ID,\n shouldShowSelectAll,\n} from \"./dropdown-shared\";\nimport { getFilteredOptions } from \"./useDropdownFilter\";\nimport { useDropdownInput } from \"./useDropdownInput\";\n\nexport const DropdownCombobox = forwardRef<HTMLDivElement, DropdownComboboxProps>((props, ref) => {\n const {\n id: propId,\n label,\n options,\n className,\n errorText,\n helperText,\n placeholder,\n negative = false,\n readOnly = false,\n disabled = false,\n required = false,\n valid,\n loading,\n multiple = false,\n selectedOption,\n selectedOptions = [],\n onSelect,\n openOnFocus = false,\n listboxMaxHeight,\n listboxLabel,\n filterOption,\n inputValue,\n defaultInputValue,\n onInputChange,\n noOptionsText,\n highlightFirstOption = false,\n selectAllLabel,\n moreOptionsText,\n removeOptionAriaLabel,\n formatOption,\n [\"data-testid\"]: dataTestId,\n } = props;\n\n const randomId = useId();\n const fieldId = propId ?? randomId;\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n const isValid = !!valid && !errorText;\n const helperTextId = `${fieldId}-helper-text`;\n\n const selectedItems = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n const { displayInputValue, populateInputField } = useDropdownInput({\n controlledInputValue: inputValue,\n defaultInputValue,\n selectedOption,\n onInputChange,\n });\n\n const optionsToShow = getFilteredOptions({\n options,\n searchTerm: displayInputValue,\n filterOption,\n selectedOption,\n multiple,\n });\n\n const showSelectAll = shouldShowSelectAll({\n selectAllLabel,\n multiple,\n options,\n selectedItems,\n });\n\n // Hide \"Select all\" when the user is actively searching/filtering.\n const selectAllMatchesSearch = showSelectAll && !displayInputValue;\n\n // Inject a virtual \"Select all\" option so it participates in keyboard navigation.\n const optionsWithSelectAll =\n showSelectAll && selectAllMatchesSearch\n ? [{ id: SELECT_ALL_OPTION_ID, label: selectAllLabel as string }, ...optionsToShow]\n : optionsToShow;\n\n const handleSelectAll = () => {\n const enabledOptions = options.filter((o) => !o.disabled);\n const allEnabledSelected = enabledOptions.every((o) =>\n selectedItems.some((s) => s.id === o.id)\n );\n if (allEnabledSelected) {\n const next = selectedItems.filter((o) => o.disabled);\n onSelect?.(undefined, next);\n } else {\n const disabledSelected = selectedItems.filter((o) => o.disabled);\n const next = [...disabledSelected, ...enabledOptions];\n onSelect?.(undefined, next);\n }\n populateInputField(\"\");\n };\n\n const handleAutocompleteSelect = (option: DropdownOption) => {\n if (option.id === SELECT_ALL_OPTION_ID) {\n handleSelectAll();\n return;\n }\n if (multiple) {\n const isAlreadySelected = selectedItems.some((o) => o.id === option.id);\n const next = isAlreadySelected\n ? selectedItems.filter((o) => o.id !== option.id)\n : [...selectedItems, option];\n onSelect?.(option, next);\n populateInputField(\"\");\n } else {\n onSelect?.(option, [option]);\n populateInputField(getOptionLabelText(option));\n }\n };\n\n const {\n rootRef,\n inputRef,\n inputProps,\n listboxProps,\n getListboxItemProps,\n isOpen,\n openListbox,\n anchorStyle,\n } = useAutocomplete({\n id: fieldId,\n // useAutocomplete only reads id/disabled, never label's value, so this is safe even though\n // DropdownOption.label can be a ReactNode instead of the string it's typed to require.\n options: optionsWithSelectAll as (DropdownOption & { label: string })[],\n listboxLabel: listboxLabel || label || \"Options\",\n selectedOption: (multiple ? undefined : selectedOption) as\n | (DropdownOption & { label: string })\n | undefined,\n disabled,\n readOnly,\n openOnFocus,\n listboxMaxHeight,\n highlightFirstOption,\n closeOnSelect: !multiple,\n noOptionsText,\n negative,\n onSelect: handleAutocompleteSelect,\n [\"data-testid\"]: dataTestId,\n });\n\n const setRootRef = (node: HTMLDivElement | null) => {\n (rootRef as React.RefObject<HTMLDivElement | null>).current = node;\n if (typeof ref === \"function\") ref(node);\n else if (ref) (ref as React.RefObject<HTMLDivElement | null>).current = node;\n };\n\n // For multi-select the hook doesn't know about selectedOptions, so inject\n // the correct `selected` state here based on selectedItems.\n const getListboxItemPropsWithSelection = (option: DropdownOption, index: number) => {\n const props = getListboxItemProps(option as DropdownOption & { label: string }, index);\n if (multiple) {\n const isSelected = selectedItems.some((o) => o.id === option.id);\n return { ...props, selected: isSelected, \"aria-selected\": isSelected };\n }\n return props;\n };\n\n const renderOptionLabel = (option: DropdownOption) => {\n if (formatOption) return formatOption(option, displayInputValue);\n if (typeof option.label !== \"string\") return option.label;\n return <HighlightMatch text={option.label} query={displayInputValue} />;\n };\n\n const handleRemoveTag = (option: DropdownOption) => {\n const next = selectedItems.filter((o) => o.id !== option.id);\n onSelect?.(option, next);\n };\n\n const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (\n multiple &&\n event.key === \"Backspace\" &&\n event.currentTarget.value === \"\" &&\n selectedItems.length > 0\n ) {\n // Find the last non-disabled chip to remove; disabled chips cannot be removed.\n for (let i = selectedItems.length - 1; i >= 0; i--) {\n if (!selectedItems[i].disabled) {\n handleRemoveTag(selectedItems[i]);\n break;\n }\n }\n }\n (inputProps as React.InputHTMLAttributes<HTMLInputElement>)?.onKeyDown?.(event);\n };\n\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n populateInputField(e.target.value);\n if (!isOpen) {\n openListbox();\n }\n };\n\n const handleInputBlur: React.FocusEventHandler<HTMLInputElement> = (event) => {\n (inputProps as React.InputHTMLAttributes<HTMLInputElement>)?.onBlur?.(event);\n if (multiple) return;\n // Clicking an option blurs the input before its mouseup selects it, so defer and skip the\n // revert if focus is still in the field — otherwise the list would shift under the click.\n setTimeout(() => {\n if (rootRef.current?.contains(document.activeElement)) return;\n const expectedValue = selectedOption ? getOptionLabelText(selectedOption) : \"\";\n if (displayInputValue !== expectedValue) {\n populateInputField(expectedValue);\n }\n });\n };\n\n const handleContainerClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n if (disabled || readOnly) return;\n\n const target = event.target as HTMLElement;\n // Ignore clicks on the input (it has its own mousedown handler) or chip dismiss buttons.\n if (\n target === (inputRef as React.RefObject<HTMLInputElement>).current ||\n target.closest(\"button\")\n ) {\n return;\n }\n\n const input = (inputRef as React.RefObject<HTMLInputElement>).current;\n input?.dispatchEvent(new MouseEvent(\"mousedown\", { bubbles: true }));\n input?.focus();\n };\n\n // True when every option (enabled and disabled) is currently selected and a\n // `selectAllLabel` is configured. In that case the field shows the label\n // text instead of a list of chips.\n const allEnabledSelected =\n multiple &&\n !!selectAllLabel &&\n options.length > 0 &&\n options.every((o) => selectedItems.some((s) => s.id === o.id));\n\n const wrapperClassName = cx(rootClassName, className, {\n [`${rootClassName}--negative`]: negative,\n });\n\n return (\n <div ref={setRootRef} className={wrapperClassName}>\n <DropdownLabel\n fieldId={fieldId}\n htmlForSuffix=\"input\"\n label={label}\n getTestId={getTestId}\n disabled={disabled}\n negative={negative}\n required={required}\n />\n <div className={cx(`${rootClassName}__field-row`)}>\n {/* disable eslint rules for this div since it is just visual container and the input inside is still accessible and has its own handlers.*/}\n {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n <div\n className={cx(`${rootClassName}__combobox-container`, {\n [`${rootClassName}__combobox-container--error`]: !!errorText,\n [`${rootClassName}__combobox-container--is-valid`]: isValid,\n [`${rootClassName}__combobox-container--negative`]: negative,\n [`${rootClassName}__combobox-container--disabled`]: disabled,\n [`${rootClassName}__combobox-container--readonly`]: readOnly && !disabled,\n })}\n style={anchorStyle}\n onClick={handleContainerClick}\n >\n {multiple && !allEnabledSelected && (\n <DropdownTags\n selectedItems={selectedItems}\n getTestId={getTestId}\n disabled={disabled}\n negative={negative}\n onRemove={handleRemoveTag}\n moreOptionsText={moreOptionsText}\n removeOptionAriaLabel={removeOptionAriaLabel}\n />\n )}\n <input\n {...(inputProps as React.InputHTMLAttributes<HTMLInputElement>)}\n ref={inputRef as React.RefObject<HTMLInputElement>}\n id={`${fieldId}-input`}\n data-testid={getTestId(\"input\")}\n onKeyDown={handleInputKeyDown}\n onChange={handleInputChange}\n onBlur={handleInputBlur}\n value={allEnabledSelected && !displayInputValue ? selectAllLabel : displayInputValue}\n placeholder={placeholder}\n className={cx(`${rootClassName}__input`, {\n [`${rootClassName}__input--negative`]: negative,\n })}\n aria-describedby={helperTextId}\n aria-invalid={!!errorText}\n disabled={disabled}\n readOnly={readOnly}\n />\n <DropdownEndAdornments\n getTestId={getTestId}\n loading={loading}\n disabled={disabled}\n negative={negative}\n isValid={isValid}\n isOpen={isOpen}\n showChevronOpen\n />\n <span\n className={cx(`${rootClassName}__frame`, {\n [`${rootClassName}__frame--negative`]: negative,\n })}\n />\n </div>\n </div>\n {isOpen && (\n <Listbox {...listboxProps} className={cx(`${rootClassName}__listbox`)}>\n {DropdownListboxItems({\n optionsToShow: optionsWithSelectAll,\n getListboxItemProps: getListboxItemPropsWithSelection,\n multiple,\n negative,\n fieldId,\n noOptionsText,\n selectAllLabel,\n selectedItems,\n renderLabel: renderOptionLabel,\n })}\n </Listbox>\n )}\n <DropdownFooter\n errorText={errorText}\n helperText={helperText}\n helperTextId={helperTextId}\n negative={negative}\n />\n </div>\n );\n});\n\nDropdownCombobox.displayName = \"DropdownCombobox\";\n","import { useRef, useState } from \"react\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\n\nexport type HighlightedOption = DropdownOption & { isSetByClickEvent?: boolean };\n\nexport type UseDropdownHighlightParams = {\n options: DropdownOption[];\n highlightFirstOption: boolean;\n};\n\nexport const useDropdownHighlight = ({\n options,\n highlightFirstOption,\n}: UseDropdownHighlightParams) => {\n const listboxRef = useRef<HTMLUListElement>(null);\n const optionRefs = useRef<Record<string, HTMLLIElement>>({});\n\n const [highlightedOption, setHighlightedOption] = useState<HighlightedOption | undefined>(\n highlightFirstOption ? options[0] : undefined\n );\n\n const scrollOptionIntoView = (optionEl: HTMLLIElement | undefined) => {\n if (optionEl) {\n const optionRect = optionEl.getBoundingClientRect();\n const listboxRect = listboxRef.current?.getBoundingClientRect() || { top: 0, bottom: 0 };\n const isOutside = optionRect.top < listboxRect.top || optionRect.bottom > listboxRect.bottom;\n if (isOutside) {\n optionEl.scrollIntoView({ block: \"nearest\" });\n }\n }\n };\n\n const findNextOption = (\n direction: \"ArrowUp\" | \"ArrowDown\",\n optionsToShow: DropdownOption[]\n ): DropdownOption | undefined => {\n const enabledList = optionsToShow.filter((o) => !o.disabled);\n if (!enabledList.length) return undefined;\n\n const currentIndex = highlightedOption\n ? enabledList.findIndex((o) => o.id === highlightedOption.id)\n : -1;\n\n if (direction === \"ArrowDown\") {\n return enabledList[(currentIndex + 1) % enabledList.length];\n }\n return enabledList[(currentIndex - 1 + enabledList.length) % enabledList.length];\n };\n\n const highlightOption = (option: DropdownOption | undefined) => {\n setHighlightedOption(option ? { ...option } : undefined);\n if (option) scrollOptionIntoView(optionRefs.current[option.id]);\n };\n\n const highlightByClick = (option: DropdownOption) => {\n if (option.id !== highlightedOption?.id) {\n setHighlightedOption({ ...option, isSetByClickEvent: true });\n }\n };\n\n const highlightSelected = (option: DropdownOption, eventType: \"CLICK\" | \"KEYBOARD\") => {\n requestAnimationFrame(() => {\n const isSetByClickEvent = eventType === \"CLICK\";\n setHighlightedOption({ ...option, isSetByClickEvent });\n scrollOptionIntoView(optionRefs.current[option.id]);\n });\n };\n\n const resetHighlight = () => {\n setHighlightedOption(undefined);\n };\n\n return {\n highlightedOption,\n listboxRef,\n optionRefs,\n findNextOption,\n highlightOption,\n highlightByClick,\n highlightSelected,\n resetHighlight,\n };\n};\n","import { useCallback, useEffect } from \"react\";\n\nexport const useOnClickOutside = (element: HTMLElement | null, callback: () => void) => {\n const handleClickOutside = useCallback(\n (event: MouseEvent) => {\n if (element && !element.contains(event.target as Node)) {\n callback();\n }\n },\n [callback, element]\n );\n\n useEffect(() => {\n document.addEventListener(\"mousedown\", handleClickOutside);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, [handleClickOutside]);\n};\n","import type { CSSProperties } from \"react\";\nimport { useCallback, useId, useRef, useState } from \"react\";\nimport type { ListboxItemProps, ListboxProps } from \"@purpur/listbox\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\nimport { getOptionLabelText } from \"./dropdown.types\";\nimport { getFilteredOptions } from \"./useDropdownFilter\";\nimport { useDropdownHighlight } from \"./useDropdownHighlight\";\nimport { useDropdownInput } from \"./useDropdownInput\";\nimport { useOnClickOutside } from \"./useOnClickOutside\";\n\n// ── Hook params ────────────────────────────────────────────────────────\n\nexport type UseDropdownParams = {\n id: string;\n variant: \"select\" | \"combobox\";\n options: DropdownOption[];\n listboxLabel: string;\n multiple?: boolean;\n\n // Selection\n selectedOption?: DropdownOption;\n selectedOptions?: DropdownOption[];\n onSelect?: (toggledOption: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;\n\n // Combobox-specific\n filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;\n inputValue?: string;\n defaultInputValue?: string;\n onInputChange?: (value: string) => void;\n noOptionsText?: React.ReactNode;\n highlightFirstOption?: boolean;\n\n // Shared behaviour\n negative: boolean;\n openOnFocus?: boolean;\n listboxMaxHeight?: string | number;\n disabled?: boolean;\n readOnly?: boolean;\n\n [\"data-testid\"]?: string;\n};\n\n// ── Return type ────────────────────────────────────────────────────────\n\nexport type UseDropdownReturn = {\n rootRef: React.RefObject<HTMLDivElement | null>;\n triggerContainerProps: Record<string, unknown> | null;\n triggerProps: Record<string, unknown>;\n inputProps: Record<string, unknown> | null;\n listboxProps: ListboxProps;\n getListboxItemProps: (option: DropdownOption, index: number) => ListboxItemProps;\n optionsToShow: DropdownOption[];\n isOpen: boolean;\n highlightedOption: DropdownOption | undefined;\n selectedItems: DropdownOption[];\n anchorStyle: CSSProperties;\n};\n\n// ── Hook ───────────────────────────────────────────────────────────────\n\nexport const useDropdown = ({\n id,\n variant,\n options,\n listboxLabel,\n multiple = false,\n selectedOption,\n selectedOptions = [],\n onSelect,\n filterOption,\n inputValue: controlledInputValue,\n defaultInputValue,\n onInputChange,\n noOptionsText,\n highlightFirstOption = false,\n openOnFocus = false,\n listboxMaxHeight,\n negative,\n disabled = false,\n readOnly = false,\n [\"data-testid\"]: dataTestId,\n}: UseDropdownParams): UseDropdownReturn => {\n const isCombobox = variant === \"combobox\";\n const uniqueId = useId();\n\n // ── Refs ─────────────────────────────────────────────────────────────\n const rootRef = useRef<HTMLDivElement | null>(null);\n const triggerRef = useRef<HTMLButtonElement | null>(null);\n const inputRef = useRef<HTMLInputElement | null>(null);\n\n // ── Sub-hooks ────────────────────────────────────────────────────────\n const highlight = useDropdownHighlight({ options, highlightFirstOption });\n const { displayInputValue, populateInputField } = useDropdownInput({\n controlledInputValue,\n defaultInputValue,\n selectedOption,\n onInputChange,\n });\n\n // ── Open / close ────────────────────────────────────────────────────\n const [isOpen, setIsOpen] = useState(false);\n\n const closeListbox = () => {\n setIsOpen(false);\n highlight.resetHighlight();\n };\n\n useOnClickOutside(rootRef.current, closeListbox);\n\n const openListbox = ({ eventType }: { eventType: \"CLICK\" | \"KEYBOARD\" }) => {\n setIsOpen(true);\n const current = multiple ? undefined : selectedOption;\n if (current) {\n highlight.highlightSelected(current, eventType);\n }\n };\n\n // ── Derived state ───────────────────────────────────────────────────\n const resolvedSelected = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n const optionsToShow = isCombobox\n ? getFilteredOptions({\n options,\n searchTerm: displayInputValue,\n filterOption,\n selectedOption,\n multiple,\n })\n : options;\n\n const showListbox = isOpen && (!!optionsToShow.length || !!noOptionsText);\n\n // ── Helpers ──────────────────────────────────────────────────────────\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n\n // ── Selection ────────────────────────────────────────────────────────\n const selectOption = (option: DropdownOption | undefined) => {\n if (!option || option.disabled) return;\n\n if (multiple) {\n const isAlreadySelected = resolvedSelected.some((o) => o.id === option.id);\n const next = isAlreadySelected\n ? resolvedSelected.filter((o) => o.id !== option.id)\n : [...resolvedSelected, option];\n onSelect?.(option, next);\n if (isCombobox) {\n populateInputField(\"\");\n inputRef.current?.focus();\n }\n } else {\n onSelect?.(option, [option]);\n if (isCombobox) {\n populateInputField(getOptionLabelText(option));\n }\n closeListbox();\n (isCombobox ? inputRef : triggerRef).current?.focus();\n }\n };\n\n // ── Navigation ───────────────────────────────────────────────────────\n const highlightNextOption = (direction: \"ArrowUp\" | \"ArrowDown\") => {\n if (!showListbox) openListbox({ eventType: \"KEYBOARD\" });\n const next = highlight.findNextOption(direction, optionsToShow);\n highlight.highlightOption(next);\n };\n\n // ── Keyboard ─────────────────────────────────────────────────────────\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (disabled || readOnly) return;\n\n switch (event.key) {\n case \"ArrowUp\":\n case \"ArrowDown\":\n event.preventDefault();\n highlightNextOption(event.key);\n break;\n case \"Enter\": {\n event.preventDefault();\n if (showListbox && highlight.highlightedOption) {\n selectOption(highlight.highlightedOption);\n } else if (!showListbox) {\n openListbox({ eventType: \"KEYBOARD\" });\n }\n break;\n }\n case \" \": {\n if (!isCombobox) {\n event.preventDefault();\n if (showListbox && highlight.highlightedOption) {\n selectOption(highlight.highlightedOption);\n } else if (!showListbox) {\n openListbox({ eventType: \"KEYBOARD\" });\n }\n }\n break;\n }\n case \"Escape\":\n event.preventDefault();\n closeListbox();\n break;\n case \"Tab\":\n closeListbox();\n break;\n case \"Home\":\n case \"End\":\n if (isCombobox) closeListbox();\n break;\n }\n };\n\n // ── Combobox input handlers ─────────────────────────────────────────\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n populateInputField(e.target.value);\n highlight.resetHighlight();\n if (!isOpen) openListbox({ eventType: \"KEYBOARD\" });\n };\n\n const handleInputMouseDown = () => {\n if (disabled || readOnly) return;\n isOpen ? closeListbox() : openListbox({ eventType: \"CLICK\" });\n };\n\n const handleInputFocus = () => {\n if (!isOpen && openOnFocus && !disabled && !readOnly) {\n openListbox({ eventType: \"KEYBOARD\" });\n }\n inputRef.current?.select();\n };\n\n const handleInputBlur = () => {\n setTimeout(() => {\n const activeEl = document.activeElement;\n // Only close when focus has moved to a real element outside the dropdown.\n // Guarding against document.body prevents a false-positive close when a\n // screen reader navigates with its virtual cursor: the input blurs but no\n // DOM element receives physical focus (activeElement falls back to body).\n if (\n activeEl !== document.body &&\n !inputRef.current?.contains(activeEl) &&\n !highlight.listboxRef.current?.contains(activeEl) &&\n !rootRef.current?.contains(activeEl)\n ) {\n closeListbox();\n if (isCombobox && !multiple) {\n populateInputField(selectedOption ? getOptionLabelText(selectedOption) : \"\");\n }\n }\n });\n };\n\n // ── Select trigger handlers ─────────────────────────────────────────\n const handleTriggerClick = () => {\n if (disabled || readOnly) return;\n isOpen ? closeListbox() : openListbox({ eventType: \"CLICK\" });\n };\n\n const handleTriggerContainerClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n if (disabled || readOnly) return;\n\n const clickedButton = (event.target as HTMLElement).closest(\"button\");\n if (clickedButton && clickedButton !== triggerRef.current) {\n return;\n }\n\n handleTriggerClick();\n };\n\n const handleTriggerFocus = () => {\n if (!isOpen && openOnFocus && !disabled && !readOnly) {\n openListbox({ eventType: \"KEYBOARD\" });\n }\n };\n\n // ── Build props ──────────────────────────────────────────────────────\n const listboxId = `${id}-listbox`;\n const createListboxItemId = (option: DropdownOption) => `${id}-listbox-item-${option.id}`;\n const anchorName = `--purpur-dropdown-${uniqueId.replace(/:/g, \"\")}`;\n const anchorStyle = { anchorName } as CSSProperties;\n const triggerContainerProps: Record<string, unknown> | null = isCombobox\n ? null\n : {\n onClick: handleTriggerContainerClick,\n };\n\n // ── Popover sync ────────────────────────────────────────────────────\n const listboxCallbackRef = useCallback(\n (node: HTMLUListElement | null) => {\n (highlight.listboxRef as React.MutableRefObject<HTMLUListElement | null>).current = node;\n if (node && typeof node.showPopover === \"function\") {\n try {\n node.showPopover();\n } catch {\n // Popover not supported or already open\n }\n }\n },\n [highlight.listboxRef]\n );\n\n const listboxProps = {\n \"aria-label\": listboxLabel,\n \"aria-expanded\": showListbox,\n \"data-testid\": getTestId(\"listbox\"),\n id: listboxId,\n ref: listboxCallbackRef,\n onMouseLeave: () => highlight.resetHighlight(),\n popover: \"manual\",\n negative,\n style: {\n ...(listboxMaxHeight\n ? {\n maxHeight:\n typeof listboxMaxHeight === \"number\" ? `${listboxMaxHeight}px` : listboxMaxHeight,\n }\n : {}),\n positionAnchor: anchorName,\n } as CSSProperties,\n } as ListboxProps;\n\n const getListboxItemProps = (option: DropdownOption, index: number): ListboxItemProps => {\n const isSelected = resolvedSelected.some((o) => o.id === option.id);\n const { highlightedOption } = highlight;\n\n const highlighted =\n (option.id === highlightedOption?.id ||\n (highlightFirstOption && !highlightedOption && index === 0)) &&\n !highlightedOption?.isSetByClickEvent;\n\n return {\n \"data-testid\": getTestId(`listbox-item-${option.id}`),\n id: createListboxItemId(option),\n key: option.id,\n onMouseMove: () => highlight.highlightByClick(option),\n onMouseUp: () => selectOption(option),\n ref: (el) => {\n if (el) highlight.optionRefs.current[option.id] = el;\n },\n tabIndex: -1,\n selected: isSelected,\n disabled: option.disabled,\n highlighted,\n hovered: option.id === highlightedOption?.id && !!highlightedOption?.isSetByClickEvent,\n \"aria-selected\": isSelected,\n };\n };\n\n const triggerProps: Record<string, unknown> = isCombobox\n ? {}\n : {\n ref: triggerRef,\n type: \"button\" as const,\n role: \"combobox\",\n \"aria-haspopup\": \"listbox\",\n \"aria-expanded\": showListbox,\n \"aria-controls\": listboxId,\n \"aria-disabled\": disabled,\n \"data-testid\": getTestId(\"trigger\"),\n id: `${id}-trigger`,\n onKeyDown: handleKeyDown,\n onFocus: handleTriggerFocus,\n disabled,\n tabIndex: disabled ? -1 : 0,\n style: anchorStyle,\n };\n\n const inputProps: Record<string, unknown> | null = isCombobox\n ? {\n ref: inputRef,\n role: \"combobox\",\n \"aria-autocomplete\": \"list\" as const,\n \"aria-expanded\": showListbox,\n \"aria-controls\": listboxId,\n \"aria-activedescendant\": highlight.highlightedOption\n ? createListboxItemId(highlight.highlightedOption)\n : undefined,\n \"data-testid\": getTestId(\"input\"),\n autoComplete: \"off\",\n id: `${id}-input`,\n type: \"text\",\n value: displayInputValue,\n onChange: handleInputChange,\n onMouseDown: handleInputMouseDown,\n onFocus: handleInputFocus,\n onBlur: handleInputBlur,\n onKeyDown: handleKeyDown,\n disabled,\n readOnly,\n }\n : null;\n\n return {\n rootRef,\n triggerContainerProps,\n triggerProps,\n inputProps,\n listboxProps,\n getListboxItemProps,\n optionsToShow,\n isOpen: showListbox,\n highlightedOption: highlight.highlightedOption,\n selectedItems: resolvedSelected,\n anchorStyle,\n };\n};\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\n\nimport type { DropdownOption, DropdownSelectProps } from \"./dropdown.types\";\nimport {\n cx,\n DropdownEndAdornments,\n DropdownFooter,\n DropdownLabel,\n DropdownListboxItems,\n DropdownTags,\n rootClassName,\n SELECT_ALL_OPTION_ID,\n shouldShowSelectAll,\n} from \"./dropdown-shared\";\nimport { useDropdown } from \"./useDropdown\";\n\nexport const DropdownSelect = forwardRef<HTMLDivElement, DropdownSelectProps>((props, ref) => {\n const {\n id: propId,\n label,\n options,\n className,\n errorText,\n helperText,\n placeholder,\n negative = false,\n readOnly = false,\n disabled = false,\n required = false,\n valid = false,\n loading = false,\n multiple = false,\n selectedOption,\n selectedOptions = [],\n onSelect,\n openOnFocus = false,\n listboxMaxHeight,\n listboxLabel,\n selectAllLabel,\n moreOptionsText,\n removeOptionAriaLabel,\n [\"data-testid\"]: dataTestId,\n } = props;\n\n const randomId = useId();\n const fieldId = propId ?? randomId;\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n const isValid = !!valid && !errorText;\n const helperTextId = `${fieldId}-helper-text`;\n\n // Resolve selected items up-front so we can decide whether to show the\n // virtual \"Select all\" option.\n const resolvedSelectedItems = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n const showSelectAll = shouldShowSelectAll({\n selectAllLabel,\n multiple,\n options,\n selectedItems: resolvedSelectedItems,\n });\n\n const handleSelectAll = () => {\n const enabledOptions = options.filter((o) => !o.disabled);\n const allEnabledSelected = enabledOptions.every((o) =>\n resolvedSelectedItems.some((s) => s.id === o.id)\n );\n if (allEnabledSelected) {\n // Deselect all enabled options, keep disabled+selected as-is\n const next = resolvedSelectedItems.filter((o) => o.disabled);\n onSelect?.(undefined, next);\n } else {\n // Select all enabled, keep disabled+selected as-is\n const disabledSelected = resolvedSelectedItems.filter((o) => o.disabled);\n const next = [...disabledSelected, ...enabledOptions];\n onSelect?.(undefined, next);\n }\n };\n\n // Intercept selection of the virtual \"Select all\" option routed through the\n // hook's keyboard/mouse handlers and redirect to the dedicated handler.\n const handleHookSelect = (\n toggledOption: DropdownOption | undefined,\n nextSelected: DropdownOption[]\n ) => {\n if (toggledOption?.id === SELECT_ALL_OPTION_ID) {\n handleSelectAll();\n return;\n }\n onSelect?.(toggledOption, nextSelected);\n };\n\n const hookOptions = showSelectAll\n ? [{ id: SELECT_ALL_OPTION_ID, label: selectAllLabel as string }, ...options]\n : options;\n\n const dropdown = useDropdown({\n id: fieldId,\n variant: \"select\",\n options: hookOptions,\n listboxLabel: listboxLabel || label || \"Options\",\n multiple,\n negative,\n selectedOption,\n selectedOptions,\n onSelect: handleHookSelect,\n openOnFocus,\n listboxMaxHeight,\n disabled,\n readOnly,\n [\"data-testid\"]: dataTestId,\n });\n\n const setRootRef = (node: HTMLDivElement | null) => {\n (dropdown.rootRef as React.RefObject<HTMLDivElement | null>).current = node;\n if (typeof ref === \"function\") ref(node);\n else if (ref) (ref as React.RefObject<HTMLDivElement | null>).current = node;\n };\n\n const {\n triggerContainerProps,\n triggerProps,\n listboxProps,\n getListboxItemProps,\n optionsToShow,\n isOpen,\n selectedItems,\n anchorStyle,\n } = dropdown;\n\n const triggerButtonProps = {\n ...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>),\n };\n delete triggerButtonProps.style;\n\n const handleRemoveTag = (option: DropdownOption) => {\n const next = selectedItems.filter((o) => o.id !== option.id);\n onSelect?.(option, next);\n };\n\n // True when every option (enabled and disabled) is currently selected and a\n // `selectAllLabel` is configured. In that case the field shows the label\n // text instead of a list of chips.\n const allEnabledSelected =\n multiple &&\n !!selectAllLabel &&\n options.length > 0 &&\n options.every((o) => selectedItems.some((s) => s.id === o.id));\n\n const displayLabel = multiple\n ? allEnabledSelected\n ? selectAllLabel\n : selectedItems.length === 0\n ? placeholder || \"\"\n : \"\"\n : selectedOption?.label || placeholder || \"\";\n\n const wrapperClassName = cx(rootClassName, className, {\n [`${rootClassName}--negative`]: negative,\n });\n\n return (\n <div ref={setRootRef} className={wrapperClassName}>\n <DropdownLabel\n fieldId={fieldId}\n htmlForSuffix=\"trigger\"\n label={label}\n getTestId={getTestId}\n disabled={disabled}\n negative={negative}\n required={required}\n />\n <div className={cx(`${rootClassName}__field-row`)}>\n <div\n {...(triggerContainerProps as React.HTMLAttributes<HTMLDivElement>)}\n className={cx(`${rootClassName}__trigger-container`, {\n [`${rootClassName}__trigger-container--error`]: !!errorText,\n [`${rootClassName}__trigger-container--is-valid`]: isValid,\n [`${rootClassName}__trigger-container--negative`]: negative,\n [`${rootClassName}__trigger-container--disabled`]: disabled,\n [`${rootClassName}__trigger-container--readonly`]: readOnly && !disabled,\n [`${rootClassName}__trigger-container--has-tags`]:\n multiple && selectedItems.length > 0 && !allEnabledSelected,\n })}\n style={anchorStyle}\n >\n {multiple && !allEnabledSelected && (\n <DropdownTags\n selectedItems={selectedItems}\n getTestId={getTestId}\n disabled={disabled}\n negative={negative}\n onRemove={handleRemoveTag}\n moreOptionsText={moreOptionsText}\n removeOptionAriaLabel={removeOptionAriaLabel}\n isSelect\n />\n )}\n <button\n {...triggerButtonProps}\n className={cx(`${rootClassName}__trigger`, {\n [`${rootClassName}__trigger--is-valid`]: isValid,\n [`${rootClassName}__trigger--negative`]: negative,\n [`${rootClassName}__trigger--disabled`]: disabled,\n [`${rootClassName}__trigger--readonly`]: readOnly && !disabled,\n [`${rootClassName}__trigger--placeholder`]: !selectedItems.length,\n })}\n aria-describedby={helperTextId}\n >\n <span className={cx(`${rootClassName}__trigger-text`)}>{displayLabel}</span>\n </button>\n <DropdownEndAdornments\n getTestId={getTestId}\n loading={loading}\n disabled={disabled}\n negative={negative}\n isValid={isValid}\n isOpen={isOpen}\n readOnly={readOnly}\n showChevronOpen\n />\n <span\n className={cx(`${rootClassName}__frame`, {\n [`${rootClassName}__frame--negative`]: negative,\n })}\n />\n </div>\n </div>\n {isOpen && (\n <Listbox {...listboxProps} className={cx(`${rootClassName}__listbox`)}>\n {DropdownListboxItems({\n optionsToShow,\n getListboxItemProps,\n multiple,\n negative,\n fieldId,\n selectAllLabel,\n selectedItems,\n })}\n </Listbox>\n )}\n <DropdownFooter\n errorText={errorText}\n helperText={helperText}\n helperTextId={helperTextId}\n negative={negative}\n />\n </div>\n );\n});\n\nDropdownSelect.displayName = \"DropdownSelect\";\n","import React, { forwardRef } from \"react\";\n\nimport type { DropdownComboboxProps, DropdownProps, DropdownSelectProps } from \"./dropdown.types\";\nimport { DropdownCombobox } from \"./dropdown-combobox\";\nimport { DropdownSelect } from \"./dropdown-select\";\n\nexport const Dropdown = forwardRef<HTMLDivElement, DropdownProps>((props, ref) => {\n if (props.combobox) {\n return <DropdownCombobox ref={ref} {...(props as DropdownComboboxProps)} />;\n }\n\n return <DropdownSelect ref={ref} {...(props as DropdownSelectProps)} />;\n});\n\nDropdown.displayName = \"Dropdown\";\n\nexport type {\n DropdownComboboxProps,\n DropdownOption,\n DropdownProps,\n DropdownSelectProps,\n} from \"./dropdown.types\";\nexport { useDropdown } from \"./useDropdown\";\n"],"names":["getOptionLabelText","option","cx","c","styles","rootClassName","DropdownLabel","fieldId","htmlForSuffix","label","getTestId","disabled","negative","required","jsxs","Label","jsx","DropdownEndAdornments","loading","isValid","isOpen","readOnly","showChevronOpen","Spinner","Fragment","IconCheckCircleFilled","IconChevronDown","MAX_VISIBLE_TAGS","DropdownTags","selectedItems","onRemove","isSelect","moreOptionsText","removeOptionAriaLabel","visibleItems","hiddenCount","DismissableChipGroup","item","DropdownFooter","errorText","helperText","helperTextId","FieldErrorText","FieldHelperText","SELECT_ALL_OPTION_ID","shouldShowSelectAll","selectAllLabel","multiple","options","o","s","DropdownListboxItems","optionsToShow","getListboxItemProps","noOptionsText","renderLabel","Listbox","hasSelectAll","selectAllCheckedState","enabledOptions","enabledSelectedCount","allEnabledSelected","someSelected","index","key","selected","itemProps","Checkbox","filterOptions","searchTerm","filterOption","chunks","chunk","getFilteredOptions","selectedOption","useDropdownInput","controlledInputValue","defaultInputValue","onInputChange","internalInputValue","setInternalInputValue","useState","value","DropdownCombobox","forwardRef","props","ref","propId","className","placeholder","valid","selectedOptions","onSelect","openOnFocus","listboxMaxHeight","listboxLabel","inputValue","highlightFirstOption","formatOption","dataTestId","randomId","useId","name","displayInputValue","populateInputField","showSelectAll","optionsWithSelectAll","handleSelectAll","next","handleAutocompleteSelect","rootRef","inputRef","inputProps","listboxProps","openListbox","anchorStyle","useAutocomplete","setRootRef","node","getListboxItemPropsWithSelection","isSelected","renderOptionLabel","HighlightMatch","handleRemoveTag","handleInputKeyDown","event","i","handleInputChange","e","handleInputBlur","expectedValue","handleContainerClick","target","input","wrapperClassName","useDropdownHighlight","listboxRef","useRef","optionRefs","highlightedOption","setHighlightedOption","scrollOptionIntoView","optionEl","optionRect","listboxRect","direction","enabledList","currentIndex","eventType","useOnClickOutside","element","callback","handleClickOutside","useCallback","useEffect","useDropdown","id","variant","isCombobox","uniqueId","triggerRef","highlight","setIsOpen","closeListbox","current","resolvedSelected","showListbox","selectOption","highlightNextOption","handleKeyDown","handleInputMouseDown","handleInputFocus","activeEl","handleTriggerClick","handleTriggerContainerClick","clickedButton","handleTriggerFocus","listboxId","createListboxItemId","anchorName","triggerContainerProps","listboxCallbackRef","highlighted","el","triggerProps","DropdownSelect","resolvedSelectedItems","handleHookSelect","toggledOption","nextSelected","hookOptions","dropdown","triggerButtonProps","displayLabel","Dropdown"],"mappings":"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"}

package/dist/dropdown.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./dropdown-s8FhNU5N.js");exports.Dropdown=o.Dropdown;exports.useDropdown=o.useDropdown;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./dropdown-Cr8DVw2T.js");exports.Dropdown=o.Dropdown;exports.useDropdown=o.useDropdown;
 //# sourceMappingURL=dropdown.cjs.js.map

package/dist/dropdown.es.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { D as p, u as s } from "./dropdown-DJr5COdU.mjs";
+import { D as p, u as s } from "./dropdown-BAM4nQhd.mjs";
 export {
   p as Dropdown,
   s as useDropdown