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

@purpur/library 10.1.1 → 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 (286) hide show

package/dist/dropdown-CxEElxNf.mjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dropdown-CxEElxNf.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};\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};\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};\n\nexport const DropdownListboxItems = ({\n optionsToShow,\n getListboxItemProps,\n multiple,\n negative,\n fieldId,\n noOptionsText,\n selectAllLabel,\n selectedItems = [],\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={option.label}\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>{option.label}</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 { 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 [\"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 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 })}\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","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","dataTestId","randomId","useId","name","displayInputValue","populateInputField","showSelectAll","optionsWithSelectAll","handleSelectAll","next","handleAutocompleteSelect","rootRef","inputRef","inputProps","listboxProps","openListbox","anchorStyle","useAutocomplete","setRootRef","node","getListboxItemPropsWithSelection","isSelected","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/search-field-BTJtRyw5.mjs DELETED Viewed

@@ -1,184 +0,0 @@
-import { jsx as e, jsxs as K } from "react/jsx-runtime";
-import { forwardRef as k, useId as V } from "react";
-import { L as S } from "./listbox-CtV-Vcmy.mjs";
-import { t as M } from "./use-autocomplete.es-CKb0RHKG.mjs";
-import { c as j } from "./bind-CU-R61T-.mjs";
-import { s as D } from "./search.es-DoFKg2Hr.mjs";
-import { T as C } from "./text-field-MQHeITxy.mjs";
-import { b as F } from "./button-mHw_J7JU.mjs";
-const L = {
-  "purpur-search-field": "_purpur-search-field_fgjyk_1",
-  "purpur-search-field--has-clear-button": "_purpur-search-field--has-clear-button_fgjyk_4",
-  "purpur-search-field--no-gap": "_purpur-search-field--no-gap_fgjyk_13",
-  "purpur-search-field__wrapper": "_purpur-search-field__wrapper_fgjyk_17",
-  "purpur-search-field__wrapper--gap": "_purpur-search-field__wrapper--gap_fgjyk_20",
-  "purpur-search-field__search-icon": "_purpur-search-field__search-icon_fgjyk_24",
-  "purpur-search-field__close-icon": "_purpur-search-field__close-icon_fgjyk_24",
-  "purpur-search-field__search-icon--negative": "_purpur-search-field__search-icon--negative_fgjyk_27",
-  "purpur-search-field__close-icon--negative": "_purpur-search-field__close-icon--negative_fgjyk_27",
-  "purpur-search-field__autocomplete-root": "_purpur-search-field__autocomplete-root_fgjyk_30",
-  "purpur-search-field__listbox": "_purpur-search-field__listbox_fgjyk_34"
-}, E = {
-  "purpur-search-field-button": "_purpur-search-field-button_c16yo_1",
-  "purpur-search-field-button--icon-only": "_purpur-search-field-button--icon-only_c16yo_1"
-}, H = j.bind(E), I = "purpur-search-field-button", P = ({
-  ["data-testid"]: t,
-  disabled: n,
-  iconOnly: p,
-  negative: u,
-  label: d,
-  type: r = "submit",
-  onClick: o
-}) => {
-  const _ = {
-    className: H(I, {
-      [`${I}--icon-only`]: p
-    }),
-    disabled: n,
-    "data-testid": t,
-    negative: u,
-    onClick: o
-  };
-  return p ? /* @__PURE__ */ e(F, { ..._, "aria-label": d, iconOnly: !0, size: "sm", type: r, variant: "primary", children: /* @__PURE__ */ e(D, { size: "xs" }) }) : /* @__PURE__ */ e(F, { ..._, size: "sm", type: r, variant: "primary", children: d });
-}, ee = ["button-attached", "no-button"], y = j.bind(L), l = "purpur-search-field", v = k(
-  ({
-    ["data-testid"]: t,
-    className: n,
-    clearButtonAriaLabel: p,
-    disabled: u,
-    submitBehavior: d = "form",
-    iconOnlySearchButton: r,
-    negative: o = !1,
-    onClear: _,
-    onSearch: f,
-    searchButtonLabel: a,
-    variant: m,
-    formRef: g,
-    wrapperStyle: s,
-    ...i
-  }, x) => {
-    const b = (c) => t ? `${t}-${c}` : void 0, R = (typeof i.value == "number" ? i.value !== void 0 : i.value?.length) && !u && !i.readOnly && !i.loading, $ = d === "manual", A = y(n, l, {
-      [`${l}--no-gap`]: m === "button-attached",
-      [`${l}--has-clear-button`]: R
-    }), N = {
-      ref: x,
-      className: A,
-      clearButtonAriaLabel: p,
-      disabled: u,
-      negative: o,
-      onClear: _,
-      startAdornment: r ? null : /* @__PURE__ */ e(
-        D,
-        {
-          size: "xs",
-          className: y(`${l}__search-icon`, {
-            [`${l}__search-icon--negative`]: o
-          })
-        },
-        "1"
-      ),
-      "data-testid": b("text-field"),
-      type: "search",
-      ...i
-    }, w = m !== "no-button" ? /* @__PURE__ */ e(
-      P,
-      {
-        type: $ ? "button" : "submit",
-        onClick: $ ? (c) => f?.(c) : void 0,
-        disabled: u,
-        iconOnly: r,
-        negative: o,
-        label: a,
-        "data-testid": b("button")
-      }
-    ) : null;
-    if ($) {
-      const c = (h) => {
-        i.onKeyDown?.(h), h.key === "Enter" && !h.defaultPrevented && (h.preventDefault(), f?.(h));
-      };
-      return /* @__PURE__ */ e(
-        "div",
-        {
-          className: y(`${l}__wrapper`),
-          "data-testid": t,
-          style: s,
-          children: /* @__PURE__ */ e(C, { ...N, onKeyDown: c, afterField: w })
-        }
-      );
-    }
-    return /* @__PURE__ */ e(
-      "form",
-      {
-        ref: g,
-        className: y(`${l}__wrapper`),
-        "data-testid": t,
-        style: s,
-        onSubmit: (c) => {
-          c.preventDefault(), f?.(c);
-        },
-        children: /* @__PURE__ */ e(C, { ...N, afterField: w })
-      }
-    );
-  }
-);
-v.displayName = "SearchFieldBase";
-const O = j.bind(L), B = "purpur-search-field", z = k(
-  ({
-    suggestions: t,
-    suggestionsLabel: n,
-    onSelectSuggestion: p,
-    openSuggestionsOnFocus: u,
-    suggestionsMaxHeight: d,
-    ...r
-  }, o) => {
-    const _ = V(), f = r.id ?? _, a = M({
-      id: f,
-      options: t,
-      listboxLabel: n,
-      disabled: r.disabled,
-      negative: r.negative,
-      readOnly: r.readOnly,
-      openOnFocus: u,
-      listboxMaxHeight: d,
-      onSelect: p,
-      "data-testid": r["data-testid"]
-    }), m = (s) => {
-      a.inputRef.current = s, typeof o == "function" ? o(s) : o && (o.current = s);
-    }, g = (s) => {
-      r.onChange?.(s), a.isOpen || a.openListbox();
-    };
-    return /* @__PURE__ */ K(
-      "div",
-      {
-        ref: a.rootRef,
-        className: O(`${B}__autocomplete-root`),
-        children: [
-          /* @__PURE__ */ e(
-            v,
-            {
-              ref: m,
-              ...r,
-              onChange: g,
-              id: f,
-              wrapperStyle: a.anchorStyle,
-              ...a.inputProps
-            }
-          ),
-          a.isOpen && /* @__PURE__ */ e(S, { ...a.listboxProps, className: O(`${B}__listbox`), children: t.map((s, i) => {
-            const { key: x, ...b } = a.getListboxItemProps(s, i);
-            return /* @__PURE__ */ e(S.Item, { ...b, children: s.label }, x);
-          }) })
-        ]
-      }
-    );
-  }
-);
-z.displayName = "SearchFieldAutocomplete";
-const q = k((t, n) => t.suggestions ? /* @__PURE__ */ e(z, { ref: n, ...t }) : /* @__PURE__ */ e(v, { ref: n, ...t }));
-q.displayName = "SearchField";
-export {
-  q as S,
-  z as a,
-  ee as s
-};
-//# sourceMappingURL=search-field-BTJtRyw5.mjs.map

package/dist/search-field-BTJtRyw5.mjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"search-field-BTJtRyw5.mjs","sources":["../../../components/search-field/src/search-field-button.tsx","../../../components/search-field/src/search-field-base.tsx","../../../components/search-field/src/search-field-autocomplete.tsx","../../../components/search-field/src/search-field.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field-button.module.scss\";\n\ntype Props = {\n [\"data-testid\"]?: string;\n disabled?: boolean;\n iconOnly?: boolean;\n negative?: boolean;\n label: string;\n type?: \"submit\" | \"button\";\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field-button\";\n\nexport const SearchFieldButton = ({\n [\"data-testid\"]: dataTestid,\n disabled,\n iconOnly,\n negative,\n label,\n type = \"submit\",\n onClick,\n}: Props) => {\n const buttonProps = {\n className: cx(rootClassName, {\n [`${rootClassName}--icon-only`]: iconOnly,\n }),\n disabled,\n [\"data-testid\"]: dataTestid,\n negative,\n onClick,\n };\n\n if (iconOnly) {\n return (\n <Button {...buttonProps} aria-label={label} iconOnly size=\"sm\" type={type} variant=\"primary\">\n <IconSearch size=\"xs\" />\n </Button>\n );\n }\n\n return (\n <Button {...buttonProps} size=\"sm\" type={type} variant=\"primary\">\n {label}\n </Button>\n );\n};\n","import React, {\n type ChangeEvent,\n type CSSProperties,\n forwardRef,\n type RefObject,\n type SubmitEvent,\n} from \"react\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport { TextField, type TextFieldProps } from \"@purpur/text-field\";\nimport { type AutocompleteOption } from \"@purpur/use-autocomplete\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field.module.scss\";\nimport { SearchFieldButton } from \"./search-field-button\";\n\nexport const searchFieldVariants = [\"button-attached\", \"no-button\"] as const;\n\ntype Variant = (typeof searchFieldVariants)[number];\n\ntype DefaultProps = {\n [\"data-testid\"]?: string;\n clearButtonAriaLabel: string;\n disabled?: boolean;\n /**\n * Will display only a search icon in the search button if `true`.\n * */\n iconOnlySearchButton?: boolean;\n negative?: boolean;\n onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n /**\n * Event handler called when the clear button is clicked.\n * */\n onClear: () => void;\n /**\n * Event handler called when the search is triggered.\n * */\n onSearch?: (event?: React.SyntheticEvent) => void;\n /**\n * Controls how the search field handles submission.\n * - `\"form\"` (default): Renders a `<form>` element and submits via form submission.\n * - `\"manual\"`: Renders a `<div>` instead of a `<form>` element.\n * Use this when the component is nested inside another form.\n * */\n submitBehavior?: \"form\" | \"manual\";\n /**\n * The label text (or `aria-label` if `iconOnlySearchButton` is `true`) of the search button.\n * */\n searchButtonLabel?: string;\n variant: Variant;\n formRef?: RefObject<HTMLFormElement>;\n};\n\ntype TextSearchButton = {\n iconOnlySearchButton?: false;\n searchButtonLabel: string;\n variant: \"button-attached\";\n};\n\ntype IconOnlySearchButton = {\n iconOnlySearchButton: true;\n searchButtonLabel: string;\n variant: \"button-attached\";\n};\n\ntype NoButton = {\n searchButtonLabel?: never;\n variant: \"no-button\";\n};\n\nexport type SearchFieldBaseProps = DefaultProps &\n (TextSearchButton | IconOnlySearchButton | NoButton) &\n Omit<TextFieldProps, \"startAdornment\" | \"endAdornment\" | \"afterField\" | \"onChange\" | \"variant\">;\n\ntype SearchFieldBaseInternalProps = SearchFieldBaseProps & {\n wrapperStyle?: CSSProperties;\n};\n\ntype SearchFieldAutocompleteSharedProps = {\n /**\n * Called when the user selects a suggestion.\n */\n onSelectSuggestion?: (option: AutocompleteOption) => void;\n /**\n * Open the suggestions listbox when the input receives focus.\n */\n openSuggestionsOnFocus?: boolean;\n /**\n * Maximum height of the suggestions listbox. A number is interpreted as px.\n */\n suggestionsMaxHeight?: string | number;\n};\n\ntype SearchFieldWithoutAutocomplete = SearchFieldAutocompleteSharedProps & {\n suggestions?: never;\n suggestionsLabel?: never;\n};\n\ntype SearchFieldWithAutocomplete = SearchFieldAutocompleteSharedProps & {\n /**\n * The list of suggestions to display in a listbox below the field.\n * No filtering is applied — pass the already-correct (pre-filtered) list.\n * If autocomplete should stay enabled while there are temporarily no matches,\n * pass an empty array instead of `undefined` or `null`. Changing this prop\n * from an absent value to an array switches between the regular and\n * autocomplete variants, which causes a re-render, drops input focus, and\n * hides the listbox.\n */\n suggestions: AutocompleteOption[];\n /**\n * Accessible label for the suggestions listbox.\n */\n suggestionsLabel: string;\n};\n\nexport type SearchFieldAutocompleteEnhancements =\n | SearchFieldWithoutAutocomplete\n | SearchFieldWithAutocomplete;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field\";\n\nexport const SearchFieldBase = forwardRef<HTMLInputElement, SearchFieldBaseInternalProps>(\n (\n {\n [\"data-testid\"]: dataTestId,\n className,\n clearButtonAriaLabel,\n disabled,\n submitBehavior = \"form\",\n iconOnlySearchButton,\n negative = false,\n onClear,\n onSearch,\n searchButtonLabel,\n variant,\n formRef,\n wrapperStyle,\n ...props\n },\n ref\n ) => {\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n const hasValue =\n typeof props.value === \"number\" ? props.value !== undefined : props.value?.length;\n const hasClearButton = hasValue && !disabled && !props.readOnly && !props.loading;\n const isManualSubmit = submitBehavior === \"manual\";\n\n const classes = cx(className, rootClassName, {\n [`${rootClassName}--no-gap`]: variant === \"button-attached\",\n [`${rootClassName}--has-clear-button`]: hasClearButton,\n });\n\n const textFieldProps: TextFieldProps = {\n ref,\n className: classes,\n clearButtonAriaLabel,\n disabled,\n negative,\n onClear,\n startAdornment: !iconOnlySearchButton ? (\n <IconSearch\n size=\"xs\"\n className={cx(`${rootClassName}__search-icon`, {\n [`${rootClassName}__search-icon--negative`]: negative,\n })}\n key=\"1\"\n />\n ) : null,\n \"data-testid\": getTestId(\"text-field\"),\n type: \"search\" as const,\n ...props,\n };\n\n const searchButton =\n variant !== \"no-button\" ? (\n <SearchFieldButton\n type={isManualSubmit ? \"button\" : \"submit\"}\n onClick={isManualSubmit ? (event) => onSearch?.(event) : undefined}\n disabled={disabled}\n iconOnly={iconOnlySearchButton}\n negative={negative}\n label={searchButtonLabel}\n data-testid={getTestId(\"button\")}\n />\n ) : null;\n\n if (isManualSubmit) {\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n props.onKeyDown?.(event);\n\n if (event.key === \"Enter\" && !event.defaultPrevented) {\n event.preventDefault();\n onSearch?.(event);\n }\n };\n\n return (\n <div\n className={cx(`${rootClassName}__wrapper`)}\n data-testid={dataTestId}\n style={wrapperStyle}\n >\n <TextField {...textFieldProps} onKeyDown={handleKeyDown} afterField={searchButton} />\n </div>\n );\n }\n\n return (\n <form\n ref={formRef}\n className={cx(`${rootClassName}__wrapper`)}\n data-testid={dataTestId}\n style={wrapperStyle}\n onSubmit={(e: SubmitEvent<HTMLFormElement>) => {\n e.preventDefault();\n onSearch?.(e);\n }}\n >\n <TextField {...textFieldProps} afterField={searchButton} />\n </form>\n );\n }\n);\n\nSearchFieldBase.displayName = \"SearchFieldBase\";\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { type AutocompleteOption, useAutocomplete } from \"@purpur/use-autocomplete\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field.module.scss\";\nimport {\n type SearchFieldAutocompleteEnhancements,\n SearchFieldBase,\n type SearchFieldBaseProps,\n} from \"./search-field-base\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field\";\n\nexport type SearchFieldAutocompleteProps = SearchFieldBaseProps &\n Extract<SearchFieldAutocompleteEnhancements, { suggestions: AutocompleteOption[] }>;\n\nexport const SearchFieldAutocomplete = forwardRef<HTMLInputElement, SearchFieldAutocompleteProps>(\n (\n {\n suggestions,\n suggestionsLabel,\n onSelectSuggestion,\n openSuggestionsOnFocus,\n suggestionsMaxHeight,\n ...searchFieldProps\n },\n ref\n ) => {\n const randomId = useId();\n const inputId = (searchFieldProps.id as string | undefined) ?? randomId;\n const autocomplete = useAutocomplete({\n id: inputId,\n options: suggestions,\n listboxLabel: suggestionsLabel,\n disabled: searchFieldProps.disabled,\n negative: searchFieldProps.negative,\n readOnly: searchFieldProps.readOnly,\n openOnFocus: openSuggestionsOnFocus,\n listboxMaxHeight: suggestionsMaxHeight,\n onSelect: onSelectSuggestion,\n [\"data-testid\"]: searchFieldProps[\"data-testid\"],\n });\n\n const setInputRef = (node: HTMLInputElement | null) => {\n (autocomplete.inputRef as React.MutableRefObject<HTMLInputElement | null>).current = node;\n if (typeof ref === \"function\") ref(node);\n else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n };\n\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n searchFieldProps.onChange?.(event);\n if (!autocomplete.isOpen) {\n autocomplete.openListbox();\n }\n };\n return (\n <div\n ref={autocomplete.rootRef as React.RefObject<HTMLDivElement>}\n className={cx(`${rootClassName}__autocomplete-root`)}\n >\n <SearchFieldBase\n ref={setInputRef}\n {...searchFieldProps}\n onChange={handleInputChange}\n id={inputId}\n wrapperStyle={autocomplete.anchorStyle}\n {...autocomplete.inputProps}\n />\n {autocomplete.isOpen && (\n <Listbox {...autocomplete.listboxProps} className={cx(`${rootClassName}__listbox`)}>\n {suggestions.map((option, index) => {\n const { key, ...listboxItemProps } = autocomplete.getListboxItemProps(option, index);\n\n return (\n <Listbox.Item key={key} {...listboxItemProps}>\n {option.label}\n </Listbox.Item>\n );\n })}\n </Listbox>\n )}\n </div>\n );\n }\n);\n\nSearchFieldAutocomplete.displayName = \"SearchFieldAutocomplete\";\n","import React, { forwardRef } from \"react\";\n\nimport { SearchFieldAutocomplete } from \"./search-field-autocomplete\";\nimport {\n type SearchFieldAutocompleteEnhancements,\n SearchFieldBase,\n type SearchFieldBaseProps,\n searchFieldVariants,\n} from \"./search-field-base\";\n\nexport { searchFieldVariants };\n\nexport type SearchFieldProps = SearchFieldBaseProps & SearchFieldAutocompleteEnhancements;\n\nexport const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>((props, ref) => {\n if (props.suggestions) {\n return <SearchFieldAutocomplete ref={ref} {...props} />;\n }\n\n return <SearchFieldBase ref={ref} {...props} />;\n});\n\nSearchField.displayName = \"SearchField\";\n\nexport {\n SearchFieldAutocomplete,\n type SearchFieldAutocompleteProps,\n} from \"./search-field-autocomplete\";\n"],"names":["cx","c","styles","rootClassName","SearchFieldButton","dataTestid","disabled","iconOnly","negative","label","type","onClick","buttonProps","Button","IconSearch","jsx","searchFieldVariants","SearchFieldBase","forwardRef","dataTestId","className","clearButtonAriaLabel","submitBehavior","iconOnlySearchButton","onClear","onSearch","searchButtonLabel","variant","formRef","wrapperStyle","props","ref","getTestId","name","hasClearButton","isManualSubmit","classes","textFieldProps","searchButton","event","handleKeyDown","TextField","e","SearchFieldAutocomplete","suggestions","suggestionsLabel","onSelectSuggestion","openSuggestionsOnFocus","suggestionsMaxHeight","searchFieldProps","randomId","useId","inputId","autocomplete","useAutocomplete","setInputRef","node","handleInputChange","jsxs","Listbox","option","index","key","listboxItemProps","SearchField"],"mappings":"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"}

package/dist/search-field-nzVXak1a.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";const e=require("react/jsx-runtime"),y=require("react"),S=require("./listbox-lXO21cJV.js"),V=require("./use-autocomplete.es-BwAzMcau.js"),k=require("./bind-DeUYJ6m9.js"),O=require("./search.es-Cg2amJSR.js"),q=require("./text-field-BSgqJjpv.js"),C=require("./button-C5CYysw5.js"),A={"purpur-search-field":"_purpur-search-field_fgjyk_1","purpur-search-field--has-clear-button":"_purpur-search-field--has-clear-button_fgjyk_4","purpur-search-field--no-gap":"_purpur-search-field--no-gap_fgjyk_13","purpur-search-field__wrapper":"_purpur-search-field__wrapper_fgjyk_17","purpur-search-field__wrapper--gap":"_purpur-search-field__wrapper--gap_fgjyk_20","purpur-search-field__search-icon":"_purpur-search-field__search-icon_fgjyk_24","purpur-search-field__close-icon":"_purpur-search-field__close-icon_fgjyk_24","purpur-search-field__search-icon--negative":"_purpur-search-field__search-icon--negative_fgjyk_27","purpur-search-field__close-icon--negative":"_purpur-search-field__close-icon--negative_fgjyk_27","purpur-search-field__autocomplete-root":"_purpur-search-field__autocomplete-root_fgjyk_30","purpur-search-field__listbox":"_purpur-search-field__listbox_fgjyk_34"},K={"purpur-search-field-button":"_purpur-search-field-button_c16yo_1","purpur-search-field-button--icon-only":"_purpur-search-field-button--icon-only_c16yo_1"},M=k.c.bind(K),R="purpur-search-field-button",E=({["data-testid"]:t,disabled:o,iconOnly:d,negative:u,label:p,type:r="submit",onClick:n})=>{const _={className:M(R,{[`${R}--icon-only`]:d}),disabled:o,"data-testid":t,negative:u,onClick:n};return d?e.jsx(C.Button,{..._,"aria-label":p,iconOnly:!0,size:"sm",type:r,variant:"primary",children:e.jsx(O.s,{size:"xs"})}):e.jsx(C.Button,{..._,size:"sm",type:r,variant:"primary",children:p})},H=["button-attached","no-button"],x=k.c.bind(A),l="purpur-search-field",v=y.forwardRef(({["data-testid"]:t,className:o,clearButtonAriaLabel:d,disabled:u,submitBehavior:p="form",iconOnlySearchButton:r,negative:n=!1,onClear:_,onSearch:f,searchButtonLabel:s,variant:b,formRef:g,wrapperStyle:a,...i},j)=>{const m=c=>t?`${t}-${c}`:void 0,L=(typeof i.value=="number"?i.value!==void 0:i.value?.length)&&!u&&!i.readOnly&&!i.loading,$=p==="manual",z=x(o,l,{[`${l}--no-gap`]:b==="button-attached",[`${l}--has-clear-button`]:L}),w={ref:j,className:z,clearButtonAriaLabel:d,disabled:u,negative:n,onClear:_,startAdornment:r?null:e.jsx(O.s,{size:"xs",className:x(`${l}__search-icon`,{[`${l}__search-icon--negative`]:n})},"1"),"data-testid":m("text-field"),type:"search",...i},F=b!=="no-button"?e.jsx(E,{type:$?"button":"submit",onClick:$?c=>f?.(c):void 0,disabled:u,iconOnly:r,negative:n,label:s,"data-testid":m("button")}):null;if($){const c=h=>{i.onKeyDown?.(h),h.key==="Enter"&&!h.defaultPrevented&&(h.preventDefault(),f?.(h))};return e.jsx("div",{className:x(`${l}__wrapper`),"data-testid":t,style:a,children:e.jsx(q.TextField,{...w,onKeyDown:c,afterField:F})})}return e.jsx("form",{ref:g,className:x(`${l}__wrapper`),"data-testid":t,style:a,onSubmit:c=>{c.preventDefault(),f?.(c)},children:e.jsx(q.TextField,{...w,afterField:F})})});v.displayName="SearchFieldBase";const B=k.c.bind(A),I="purpur-search-field",N=y.forwardRef(({suggestions:t,suggestionsLabel:o,onSelectSuggestion:d,openSuggestionsOnFocus:u,suggestionsMaxHeight:p,...r},n)=>{const _=y.useId(),f=r.id??_,s=V.te({id:f,options:t,listboxLabel:o,disabled:r.disabled,negative:r.negative,readOnly:r.readOnly,openOnFocus:u,listboxMaxHeight:p,onSelect:d,"data-testid":r["data-testid"]}),b=a=>{s.inputRef.current=a,typeof n=="function"?n(a):n&&(n.current=a)},g=a=>{r.onChange?.(a),s.isOpen\|\|s.openListbox()};return e.jsxs("div",{ref:s.rootRef,className:B(`${I}__autocomplete-root`),children:[e.jsx(v,{ref:b,...r,onChange:g,id:f,wrapperStyle:s.anchorStyle,...s.inputProps}),s.isOpen&&e.jsx(S.Listbox,{...s.listboxProps,className:B(`${I}__listbox`),children:t.map((a,i)=>{const{key:j,...m}=s.getListboxItemProps(a,i);return e.jsx(S.Listbox.Item,{...m,children:a.label},j)})})]})});N.displayName="SearchFieldAutocomplete";const D=y.forwardRef((t,o)=>t.suggestions?e.jsx(N,{ref:o,...t}):e.jsx(v,{ref:o,...t}));D.displayName="SearchField";exports.SearchField=D;exports.SearchFieldAutocomplete=N;exports.searchFieldVariants=H;
2	- //# sourceMappingURL=search-field-nzVXak1a.js.map

package/dist/search-field-nzVXak1a.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"search-field-nzVXak1a.js","sources":["../../../components/search-field/src/search-field-button.tsx","../../../components/search-field/src/search-field-base.tsx","../../../components/search-field/src/search-field-autocomplete.tsx","../../../components/search-field/src/search-field.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field-button.module.scss\";\n\ntype Props = {\n [\"data-testid\"]?: string;\n disabled?: boolean;\n iconOnly?: boolean;\n negative?: boolean;\n label: string;\n type?: \"submit\" | \"button\";\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field-button\";\n\nexport const SearchFieldButton = ({\n [\"data-testid\"]: dataTestid,\n disabled,\n iconOnly,\n negative,\n label,\n type = \"submit\",\n onClick,\n}: Props) => {\n const buttonProps = {\n className: cx(rootClassName, {\n [`${rootClassName}--icon-only`]: iconOnly,\n }),\n disabled,\n [\"data-testid\"]: dataTestid,\n negative,\n onClick,\n };\n\n if (iconOnly) {\n return (\n <Button {...buttonProps} aria-label={label} iconOnly size=\"sm\" type={type} variant=\"primary\">\n <IconSearch size=\"xs\" />\n </Button>\n );\n }\n\n return (\n <Button {...buttonProps} size=\"sm\" type={type} variant=\"primary\">\n {label}\n </Button>\n );\n};\n","import React, {\n type ChangeEvent,\n type CSSProperties,\n forwardRef,\n type RefObject,\n type SubmitEvent,\n} from \"react\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport { TextField, type TextFieldProps } from \"@purpur/text-field\";\nimport { type AutocompleteOption } from \"@purpur/use-autocomplete\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field.module.scss\";\nimport { SearchFieldButton } from \"./search-field-button\";\n\nexport const searchFieldVariants = [\"button-attached\", \"no-button\"] as const;\n\ntype Variant = (typeof searchFieldVariants)[number];\n\ntype DefaultProps = {\n [\"data-testid\"]?: string;\n clearButtonAriaLabel: string;\n disabled?: boolean;\n /**\n * Will display only a search icon in the search button if `true`.\n * */\n iconOnlySearchButton?: boolean;\n negative?: boolean;\n onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n /**\n * Event handler called when the clear button is clicked.\n * */\n onClear: () => void;\n /**\n * Event handler called when the search is triggered.\n * */\n onSearch?: (event?: React.SyntheticEvent) => void;\n /**\n * Controls how the search field handles submission.\n * - `\"form\"` (default): Renders a `<form>` element and submits via form submission.\n * - `\"manual\"`: Renders a `<div>` instead of a `<form>` element.\n * Use this when the component is nested inside another form.\n * */\n submitBehavior?: \"form\" | \"manual\";\n /**\n * The label text (or `aria-label` if `iconOnlySearchButton` is `true`) of the search button.\n * */\n searchButtonLabel?: string;\n variant: Variant;\n formRef?: RefObject<HTMLFormElement>;\n};\n\ntype TextSearchButton = {\n iconOnlySearchButton?: false;\n searchButtonLabel: string;\n variant: \"button-attached\";\n};\n\ntype IconOnlySearchButton = {\n iconOnlySearchButton: true;\n searchButtonLabel: string;\n variant: \"button-attached\";\n};\n\ntype NoButton = {\n searchButtonLabel?: never;\n variant: \"no-button\";\n};\n\nexport type SearchFieldBaseProps = DefaultProps &\n (TextSearchButton | IconOnlySearchButton | NoButton) &\n Omit<TextFieldProps, \"startAdornment\" | \"endAdornment\" | \"afterField\" | \"onChange\" | \"variant\">;\n\ntype SearchFieldBaseInternalProps = SearchFieldBaseProps & {\n wrapperStyle?: CSSProperties;\n};\n\ntype SearchFieldAutocompleteSharedProps = {\n /**\n * Called when the user selects a suggestion.\n */\n onSelectSuggestion?: (option: AutocompleteOption) => void;\n /**\n * Open the suggestions listbox when the input receives focus.\n */\n openSuggestionsOnFocus?: boolean;\n /**\n * Maximum height of the suggestions listbox. A number is interpreted as px.\n */\n suggestionsMaxHeight?: string | number;\n};\n\ntype SearchFieldWithoutAutocomplete = SearchFieldAutocompleteSharedProps & {\n suggestions?: never;\n suggestionsLabel?: never;\n};\n\ntype SearchFieldWithAutocomplete = SearchFieldAutocompleteSharedProps & {\n /**\n * The list of suggestions to display in a listbox below the field.\n * No filtering is applied — pass the already-correct (pre-filtered) list.\n * If autocomplete should stay enabled while there are temporarily no matches,\n * pass an empty array instead of `undefined` or `null`. Changing this prop\n * from an absent value to an array switches between the regular and\n * autocomplete variants, which causes a re-render, drops input focus, and\n * hides the listbox.\n */\n suggestions: AutocompleteOption[];\n /**\n * Accessible label for the suggestions listbox.\n */\n suggestionsLabel: string;\n};\n\nexport type SearchFieldAutocompleteEnhancements =\n | SearchFieldWithoutAutocomplete\n | SearchFieldWithAutocomplete;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field\";\n\nexport const SearchFieldBase = forwardRef<HTMLInputElement, SearchFieldBaseInternalProps>(\n (\n {\n [\"data-testid\"]: dataTestId,\n className,\n clearButtonAriaLabel,\n disabled,\n submitBehavior = \"form\",\n iconOnlySearchButton,\n negative = false,\n onClear,\n onSearch,\n searchButtonLabel,\n variant,\n formRef,\n wrapperStyle,\n ...props\n },\n ref\n ) => {\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n const hasValue =\n typeof props.value === \"number\" ? props.value !== undefined : props.value?.length;\n const hasClearButton = hasValue && !disabled && !props.readOnly && !props.loading;\n const isManualSubmit = submitBehavior === \"manual\";\n\n const classes = cx(className, rootClassName, {\n [`${rootClassName}--no-gap`]: variant === \"button-attached\",\n [`${rootClassName}--has-clear-button`]: hasClearButton,\n });\n\n const textFieldProps: TextFieldProps = {\n ref,\n className: classes,\n clearButtonAriaLabel,\n disabled,\n negative,\n onClear,\n startAdornment: !iconOnlySearchButton ? (\n <IconSearch\n size=\"xs\"\n className={cx(`${rootClassName}__search-icon`, {\n [`${rootClassName}__search-icon--negative`]: negative,\n })}\n key=\"1\"\n />\n ) : null,\n \"data-testid\": getTestId(\"text-field\"),\n type: \"search\" as const,\n ...props,\n };\n\n const searchButton =\n variant !== \"no-button\" ? (\n <SearchFieldButton\n type={isManualSubmit ? \"button\" : \"submit\"}\n onClick={isManualSubmit ? (event) => onSearch?.(event) : undefined}\n disabled={disabled}\n iconOnly={iconOnlySearchButton}\n negative={negative}\n label={searchButtonLabel}\n data-testid={getTestId(\"button\")}\n />\n ) : null;\n\n if (isManualSubmit) {\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n props.onKeyDown?.(event);\n\n if (event.key === \"Enter\" && !event.defaultPrevented) {\n event.preventDefault();\n onSearch?.(event);\n }\n };\n\n return (\n <div\n className={cx(`${rootClassName}__wrapper`)}\n data-testid={dataTestId}\n style={wrapperStyle}\n >\n <TextField {...textFieldProps} onKeyDown={handleKeyDown} afterField={searchButton} />\n </div>\n );\n }\n\n return (\n <form\n ref={formRef}\n className={cx(`${rootClassName}__wrapper`)}\n data-testid={dataTestId}\n style={wrapperStyle}\n onSubmit={(e: SubmitEvent<HTMLFormElement>) => {\n e.preventDefault();\n onSearch?.(e);\n }}\n >\n <TextField {...textFieldProps} afterField={searchButton} />\n </form>\n );\n }\n);\n\nSearchFieldBase.displayName = \"SearchFieldBase\";\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { type AutocompleteOption, useAutocomplete } from \"@purpur/use-autocomplete\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field.module.scss\";\nimport {\n type SearchFieldAutocompleteEnhancements,\n SearchFieldBase,\n type SearchFieldBaseProps,\n} from \"./search-field-base\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field\";\n\nexport type SearchFieldAutocompleteProps = SearchFieldBaseProps &\n Extract<SearchFieldAutocompleteEnhancements, { suggestions: AutocompleteOption[] }>;\n\nexport const SearchFieldAutocomplete = forwardRef<HTMLInputElement, SearchFieldAutocompleteProps>(\n (\n {\n suggestions,\n suggestionsLabel,\n onSelectSuggestion,\n openSuggestionsOnFocus,\n suggestionsMaxHeight,\n ...searchFieldProps\n },\n ref\n ) => {\n const randomId = useId();\n const inputId = (searchFieldProps.id as string | undefined) ?? randomId;\n const autocomplete = useAutocomplete({\n id: inputId,\n options: suggestions,\n listboxLabel: suggestionsLabel,\n disabled: searchFieldProps.disabled,\n negative: searchFieldProps.negative,\n readOnly: searchFieldProps.readOnly,\n openOnFocus: openSuggestionsOnFocus,\n listboxMaxHeight: suggestionsMaxHeight,\n onSelect: onSelectSuggestion,\n [\"data-testid\"]: searchFieldProps[\"data-testid\"],\n });\n\n const setInputRef = (node: HTMLInputElement | null) => {\n (autocomplete.inputRef as React.MutableRefObject<HTMLInputElement | null>).current = node;\n if (typeof ref === \"function\") ref(node);\n else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n };\n\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n searchFieldProps.onChange?.(event);\n if (!autocomplete.isOpen) {\n autocomplete.openListbox();\n }\n };\n return (\n <div\n ref={autocomplete.rootRef as React.RefObject<HTMLDivElement>}\n className={cx(`${rootClassName}__autocomplete-root`)}\n >\n <SearchFieldBase\n ref={setInputRef}\n {...searchFieldProps}\n onChange={handleInputChange}\n id={inputId}\n wrapperStyle={autocomplete.anchorStyle}\n {...autocomplete.inputProps}\n />\n {autocomplete.isOpen && (\n <Listbox {...autocomplete.listboxProps} className={cx(`${rootClassName}__listbox`)}>\n {suggestions.map((option, index) => {\n const { key, ...listboxItemProps } = autocomplete.getListboxItemProps(option, index);\n\n return (\n <Listbox.Item key={key} {...listboxItemProps}>\n {option.label}\n </Listbox.Item>\n );\n })}\n </Listbox>\n )}\n </div>\n );\n }\n);\n\nSearchFieldAutocomplete.displayName = \"SearchFieldAutocomplete\";\n","import React, { forwardRef } from \"react\";\n\nimport { SearchFieldAutocomplete } from \"./search-field-autocomplete\";\nimport {\n type SearchFieldAutocompleteEnhancements,\n SearchFieldBase,\n type SearchFieldBaseProps,\n searchFieldVariants,\n} from \"./search-field-base\";\n\nexport { searchFieldVariants };\n\nexport type SearchFieldProps = SearchFieldBaseProps & SearchFieldAutocompleteEnhancements;\n\nexport const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>((props, ref) => {\n if (props.suggestions) {\n return <SearchFieldAutocomplete ref={ref} {...props} />;\n }\n\n return <SearchFieldBase ref={ref} {...props} />;\n});\n\nSearchField.displayName = \"SearchField\";\n\nexport {\n SearchFieldAutocomplete,\n type SearchFieldAutocompleteProps,\n} from \"./search-field-autocomplete\";\n"],"names":["cx","c","styles","rootClassName","SearchFieldButton","dataTestid","disabled","iconOnly","negative","label","type","onClick","buttonProps","Button","IconSearch","jsx","searchFieldVariants","SearchFieldBase","forwardRef","dataTestId","className","clearButtonAriaLabel","submitBehavior","iconOnlySearchButton","onClear","onSearch","searchButtonLabel","variant","formRef","wrapperStyle","props","ref","getTestId","name","hasClearButton","isManualSubmit","classes","textFieldProps","searchButton","event","handleKeyDown","TextField","e","SearchFieldAutocomplete","suggestions","suggestionsLabel","onSelectSuggestion","openSuggestionsOnFocus","suggestionsMaxHeight","searchFieldProps","randomId","useId","inputId","autocomplete","useAutocomplete","setInputRef","node","handleInputChange","jsxs","Listbox","option","index","key","listboxItemProps","SearchField"],"mappings":"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"}

package/dist/use-autocomplete.es-BwAzMcau.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";const o=require("react"),W=({id:f,options:v,listboxLabel:L,selectedOption:c,negative:S,disabled:m=!1,readOnly:g=!1,openOnFocus:$=!1,listboxMaxHeight:l,highlightFirstOption:y=!1,onSelect:A,closeOnSelect:T=!0,noOptionsText:K,["data-testid"]:k})=>{const M=o.useId(),u=o.useRef(null),h=o.useRef(null),p=o.useRef(null),x=o.useRef({}),[C,E]=o.useState(!1),[n,d]=o.useState(y?v[0]:void 0),R=`${f}-listbox`,F=`${f}-input`,w=e=>`${f}-listbox-item-${e.id}`,B=`--purpur-autocomplete-${M.replace(/:/g,"")}`,P={anchorName:B},D=e=>k?`${k}-${e}`:void 0,i=o.useCallback(()=>{E(!1),d(void 0)},[]);o.useEffect(()=>{const e=t=>{u.current&&!u.current.contains(t.target)&&!p.current?.contains(t.target)&&i()};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[i]);const b=({eventType:e})=>{E(!0),c&&requestAnimationFrame(()=>{d({...c,isSetByClickEvent:e==="CLICK"}),O(x.current[c.id])})},O=e=>{if(!e)return;const t=e.getBoundingClientRect(),s=p.current?.getBoundingClientRect()??{top:0,bottom:0};(t.top<s.top\|\|t.bottom>s.bottom)&&e.scrollIntoView({block:"nearest"})},r=C&&(v.length>0\|\|!!K),Y=e=>{const t=v.filter(a=>!a.disabled);if(!t.length)return;const s=n?t.findIndex(a=>a.id===n.id):-1;return e==="ArrowDown"?t[(s+1)%t.length]:t[(s-1+t.length)%t.length]},q=e=>{r\|\|b({eventType:"KEYBOARD"});const t=Y(e);d(t?{...t}:void 0),t&&O(x.current[t.id])},I=e=>{e.disabled\|\|(A?.(e),h.current?.focus(),T&&i())},U=()=>{b({eventType:"KEYBOARD"})},H=e=>{if(!(m\|\|g))switch(e.key){case"ArrowUp":case"ArrowDown":e.preventDefault(),q(e.key);break;case"Enter":r&&n&&(e.preventDefault(),I(n));break;case"Escape":e.preventDefault(),i();break;case"Tab":i();break}},N=()=>{!C&&$&&!m&&!g&&b({eventType:"KEYBOARD"})},V=()=>{setTimeout(()=>{const e=document.activeElement;e!==document.body&&!h.current?.contains(e)&&!p.current?.contains(e)&&!u.current?.contains(e)&&i()})},j=()=>{m\|\|g\|\|(r?i():b({eventType:"CLICK"}))},z=o.useCallback(e=>{if(p.current=e,e&&typeof e.showPopover=="function")try{e.showPopover()}catch{}},[]),G={"aria-label":L,"aria-expanded":r,"data-testid":D("listbox"),id:R,ref:z,onMouseLeave:()=>d(void 0),popover:"manual",negative:S,style:{...l?{maxHeight:typeof l=="number"?`${l}px`:l}:{},positionAnchor:B}},J=(e,t)=>{const s=(e.id===n?.id\|\|y&&!n&&t===0)&&!n?.isSetByClickEvent;return{"data-testid":D(`listbox-item-${e.id}`),id:w(e),key:e.id,onMouseMove:()=>{e.id!==n?.id&&d({...e,isSetByClickEvent:!0})},onMouseUp:()=>I(e),ref:a=>{a&&(x.current[e.id]=a)},tabIndex:-1,selected:e.id===c?.id,disabled:e.disabled,highlighted:s,hovered:e.id===n?.id&&!!n?.isSetByClickEvent,"aria-selected":e.id===c?.id}},Q={role:"combobox","aria-autocomplete":"list","aria-expanded":r,"aria-controls":R,"aria-activedescendant":n?w(n):void 0,autoComplete:"off",onKeyDown:H,onFocus:N,onBlur:V,onMouseDown:j};return{rootRef:u,inputRef:h,inputId:F,inputProps:Q,listboxProps:G,getListboxItemProps:J,isOpen:r,openListbox:U,anchorStyle:P}};exports.te=W;
2	- //# sourceMappingURL=use-autocomplete.es-BwAzMcau.js.map

package/dist/use-autocomplete.es-BwAzMcau.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"use-autocomplete.es-BwAzMcau.js","sources":["../../../hooks/autocomplete/dist/use-autocomplete.es.js"],"sourcesContent":["import { useId as _, useRef as b, useState as A, useCallback as $, useEffect as H } from \"react\";\nconst te = ({\n id: p,\n options: m,\n listboxLabel: O,\n selectedOption: r,\n negative: K,\n disabled: v = !1,\n readOnly: h = !1,\n openOnFocus: S = !1,\n listboxMaxHeight: u,\n highlightFirstOption: y = !1,\n onSelect: T,\n closeOnSelect: P = !0,\n noOptionsText: M,\n [\"data-testid\"]: w\n}) => {\n const N = _(), l = b(null), x = b(null), d = b(null), g = b({}), [k, I] = A(!1), [n, a] = A(\n y ? m[0] : void 0\n ), C = `${p}-listbox`, Y = `${p}-input`, E = (e) => `${p}-listbox-item-${e.id}`, R = `--purpur-autocomplete-${N.replace(/:/g, \"\")}`, q = { anchorName: R }, B = (e) => w ? `${w}-${e}` : void 0, o = $(() => {\n I(!1), a(void 0);\n }, []);\n H(() => {\n const e = (t) => {\n l.current && !l.current.contains(t.target) && !d.current?.contains(t.target) && o();\n };\n return document.addEventListener(\"mousedown\", e), () => document.removeEventListener(\"mousedown\", e);\n }, [o]);\n const f = ({ eventType: e }) => {\n I(!0), r && requestAnimationFrame(() => {\n a({ ...r, isSetByClickEvent: e === \"CLICK\" }), D(g.current[r.id]);\n });\n }, D = (e) => {\n if (!e) return;\n const t = e.getBoundingClientRect(), s = d.current?.getBoundingClientRect() ?? { top: 0, bottom: 0 };\n (t.top < s.top || t.bottom > s.bottom) && e.scrollIntoView({ block: \"nearest\" });\n }, c = k && (m.length > 0 || !!M), F = (e) => {\n const t = m.filter((i) => !i.disabled);\n if (!t.length) return;\n const s = n ? t.findIndex((i) => i.id === n.id) : -1;\n return e === \"ArrowDown\" ? t[(s + 1) % t.length] : t[(s - 1 + t.length) % t.length];\n }, U = (e) => {\n c || f({ eventType: \"KEYBOARD\" });\n const t = F(e);\n a(t ? { ...t } : void 0), t && D(g.current[t.id]);\n }, L = (e) => {\n e.disabled || (T?.(e), x.current?.focus(), P && o());\n }, V = () => {\n f({ eventType: \"KEYBOARD\" });\n }, j = (e) => {\n if (!(v || h))\n switch (e.key) {\n case \"ArrowUp\":\n case \"ArrowDown\":\n e.preventDefault(), U(e.key);\n break;\n case \"Enter\":\n c && n && (e.preventDefault(), L(n));\n break;\n case \"Escape\":\n e.preventDefault(), o();\n break;\n case \"Tab\":\n o();\n break;\n }\n }, z = () => {\n !k && S && !v && !h && f({ eventType: \"KEYBOARD\" });\n }, G = () => {\n setTimeout(() => {\n const e = document.activeElement;\n e !== document.body && !x.current?.contains(e) && !d.current?.contains(e) && !l.current?.contains(e) && o();\n });\n }, J = () => {\n v || h || (c ? o() : f({ eventType: \"CLICK\" }));\n }, Q = $((e) => {\n if (d.current = e, e && typeof e.showPopover == \"function\")\n try {\n e.showPopover();\n } catch {\n }\n }, []), W = {\n \"aria-label\": O,\n \"aria-expanded\": c,\n \"data-testid\": B(\"listbox\"),\n id: C,\n ref: Q,\n onMouseLeave: () => a(void 0),\n popover: \"manual\",\n negative: K,\n style: {\n ...u ? {\n maxHeight: typeof u == \"number\" ? `${u}px` : u\n } : {},\n positionAnchor: R\n }\n }, X = (e, t) => {\n const s = (e.id === n?.id || y && !n && t === 0) && !n?.isSetByClickEvent;\n return {\n \"data-testid\": B(`listbox-item-${e.id}`),\n id: E(e),\n key: e.id,\n onMouseMove: () => {\n e.id !== n?.id && a({ ...e, isSetByClickEvent: !0 });\n },\n onMouseUp: () => L(e),\n ref: (i) => {\n i && (g.current[e.id] = i);\n },\n tabIndex: -1,\n selected: e.id === r?.id,\n disabled: e.disabled,\n highlighted: s,\n hovered: e.id === n?.id && !!n?.isSetByClickEvent,\n \"aria-selected\": e.id === r?.id\n };\n }, Z = {\n role: \"combobox\",\n \"aria-autocomplete\": \"list\",\n \"aria-expanded\": c,\n \"aria-controls\": C,\n \"aria-activedescendant\": n ? E(n) : void 0,\n autoComplete: \"off\",\n onKeyDown: j,\n onFocus: z,\n onBlur: G,\n onMouseDown: J\n };\n return {\n rootRef: l,\n inputRef: x,\n inputId: Y,\n inputProps: Z,\n listboxProps: W,\n getListboxItemProps: X,\n isOpen: c,\n openListbox: V,\n anchorStyle: q\n };\n};\nexport {\n te as useAutocomplete\n};\n//# sourceMappingURL=use-autocomplete.es.js.map\n"],"names":["te","p","m","O","r","K","v","h","S","u","T","P","M","w","N","_","l","b","x","d","g","k","I","A","a","C","Y","E","R","q","B","o","$","H","f","D","c","F","i","U","L","V","j","z","G","J","Q","W","X","Z"],"mappings":"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"}