npm - @acusti/dropdown - Versions diffs - 0.52.0 → 0.53.0 - Mend

@acusti/dropdown 0.52.0 → 0.53.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 (4) hide show

package/dist/Dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.js","sources":["../src/styles.ts","../src/helpers.ts","../src/Dropdown.tsx"],"sourcesContent":["import { SYSTEM_UI_FONT } from '@acusti/styling';\n\nexport const ROOT_CLASS_NAME = 'uktdropdown';\nexport const ROOT_SELECTOR = `.${ROOT_CLASS_NAME}`;\n\nexport const BODY_CLASS_NAME = `${ROOT_CLASS_NAME}-body`;\nexport const LABEL_CLASS_NAME = `${ROOT_CLASS_NAME}-label`;\nexport const LABEL_TEXT_CLASS_NAME = `${ROOT_CLASS_NAME}-label-text`;\nexport const TRIGGER_CLASS_NAME = `${ROOT_CLASS_NAME}-trigger`;\n\nexport const BODY_SELECTOR = `.${BODY_CLASS_NAME}`;\nexport const LABEL_SELECTOR = `.${LABEL_CLASS_NAME}`;\nexport const LABEL_TEXT_SELECTOR = `.${LABEL_TEXT_CLASS_NAME}`;\nexport const TRIGGER_SELECTOR = `.${TRIGGER_CLASS_NAME}`;\n\nexport const BODY_MAX_HEIGHT_VAR = '--uktdd-body-max-height';\nexport const BODY_MAX_WIDTH_VAR = '--uktdd-body-max-width';\n\nexport const STYLES = `\n:root {\n --uktdd-font-family: ${SYSTEM_UI_FONT};\n --uktdd-body-bg-color: #fff;\n --uktdd-body-bg-color-hover: rgb(105,162,249);\n --uktdd-body-color-hover: #fff;\n --uktdd-body-buffer: 10px;\n ${BODY_MAX_HEIGHT_VAR}: calc(100vh - var(--uktdd-body-buffer));\n ${BODY_MAX_WIDTH_VAR}: calc(100vw - var(--uktdd-body-buffer));\n --uktdd-body-pad-bottom: 9px;\n --uktdd-body-pad-left: 12px;\n --uktdd-body-pad-right: 12px;\n --uktdd-body-pad-top: 9px;\n --uktdd-label-pad-right: 10px;\n}\n${ROOT_SELECTOR},\n${TRIGGER_SELECTOR} {\n font-family: var(--uktdd-font-family);\n}\n${ROOT_SELECTOR} {\n width: max-content;\n}\n${ROOT_SELECTOR}.disabled {\n pointer-events: none;\n}\n${ROOT_SELECTOR} > * {\n cursor: default;\n}\n${LABEL_SELECTOR} {\n display: flex;\n align-items: center;\n}\n${LABEL_TEXT_SELECTOR} {\n padding-right: var(--uktdd-label-pad-right);\n}\n${BODY_SELECTOR} {\n box-sizing: border-box;\n position: absolute;\n top: anchor(bottom);\n left: anchor(left);\n bottom: auto;\n right: auto;\n position-try-fallbacks: --uktdd-top-left, --uktdd-bottom-right, --uktdd-top-right;\n min-height: 50px;\n max-height: var(${BODY_MAX_HEIGHT_VAR});\n min-width: min(50px, 100%);\n max-width: var(${BODY_MAX_WIDTH_VAR});\n overflow: auto;\n z-index: 2;\n padding: var(--uktdd-body-pad-top) var(--uktdd-body-pad-right) var(--uktdd-body-pad-bottom) var(--uktdd-body-pad-left);\n background-color: var(--uktdd-body-bg-color);\n box-shadow: 0 8px 18px rgba(0,0,0,0.25);\n}\n@position-try --uktdd-top-left {\n bottom: anchor(top);\n left: anchor(left);\n top: auto;\n right: auto;\n}\n@position-try --uktdd-bottom-right {\n top: anchor(bottom);\n right: anchor(right);\n bottom: auto;\n left: auto;\n}\n@position-try --uktdd-top-right {\n bottom: anchor(top);\n right: anchor(right);\n top: auto;\n left: auto;\n}\n${BODY_SELECTOR}.has-items {\n user-select: none;\n}\n${BODY_SELECTOR} [data-ukt-active] {\n background-color: var(--uktdd-body-bg-color-hover);\n color: var(--uktdd-body-color-hover);\n}\n`;\n","import { getBestMatch } from '@acusti/matchmaking';\nimport { type SyntheticEvent } from 'react';\n\nimport { type Item } from './Dropdown.js';\nimport { BODY_SELECTOR } from './styles.js';\n\nexport const ITEM_SELECTOR = `[data-ukt-item], [data-ukt-value]`;\n\nexport const getItemElements = (dropdownElement: HTMLElement \| null) => {\n if (!dropdownElement) return null;\n\n const bodyElement = dropdownElement.querySelector(BODY_SELECTOR);\n if (!bodyElement) return null;\n\n let items: HTMLCollection \| NodeListOf<Element> =\n bodyElement.querySelectorAll(ITEM_SELECTOR);\n\n if (items.length) return items;\n // If no items found via [data-ukt-item] or [data-ukt-value] selector,\n // use first instance of multiple children found\n items = bodyElement.children;\n while (items.length === 1) {\n if (items[0].children == null) break;\n items = items[0].children;\n }\n // If unable to find an element with more than one child, treat direct child as items\n if (items.length === 1) {\n items = bodyElement.children;\n }\n return items;\n};\n\nexport const getActiveItemElement = (dropdownElement: HTMLElement \| null) => {\n if (!dropdownElement) return null;\n return dropdownElement.querySelector('[data-ukt-active]') as HTMLElement \| null;\n};\n\nconst clearItemElementsState = (itemElements: Array<HTMLElement>) => {\n itemElements.forEach((itemElement) => {\n if (itemElement.hasAttribute('data-ukt-active')) {\n delete itemElement.dataset.uktActive;\n }\n });\n};\n\ntype BaseSetActiveItemPayload = {\n dropdownElement: HTMLElement;\n element?: null;\n event: Event \| SyntheticEvent<HTMLElement>;\n index?: null;\n indexAddend?: null;\n isExactMatch?: null;\n onActiveItem?: (payload: Item) => void;\n text?: null;\n};\n\nexport const setActiveItem = ({\n dropdownElement,\n element,\n event,\n index,\n indexAddend,\n isExactMatch,\n onActiveItem,\n text,\n}:\n \| ({\n element: HTMLElement;\n } & Omit<BaseSetActiveItemPayload, 'element'>)\n \| ({\n index: number;\n } & Omit<BaseSetActiveItemPayload, 'index'>)\n \| ({\n indexAddend: number;\n } & Omit<BaseSetActiveItemPayload, 'indexAddend'>)\n \| ({\n isExactMatch?: boolean;\n text: string;\n } & Omit<BaseSetActiveItemPayload, 'isExactMatch' \| 'text'>)) => {\n const items = getItemElements(dropdownElement);\n if (!items) return;\n\n const itemElements = Array.from(items) as Array<HTMLElement>;\n if (!itemElements.length) return;\n\n const lastIndex = itemElements.length - 1;\n const currentActiveIndex = itemElements.findIndex((itemElement) =>\n itemElement.hasAttribute('data-ukt-active'),\n );\n\n let nextActiveIndex = currentActiveIndex;\n if (typeof index === 'number') {\n // Negative index means count back from the end\n nextActiveIndex = index < 0 ? itemElements.length + index : index;\n }\n\n if (element) {\n nextActiveIndex = itemElements.findIndex(\n (itemElement) => itemElement === element,\n );\n } else if (typeof indexAddend === 'number') {\n // If there’s no currentActiveIndex and we are handling -1, start at lastIndex\n if (currentActiveIndex === -1 && indexAddend === -1) {\n nextActiveIndex = lastIndex;\n } else {\n nextActiveIndex += indexAddend;\n }\n // Keep it within the bounds of the items list\n nextActiveIndex = Math.max(0, Math.min(nextActiveIndex, lastIndex));\n } else if (typeof text === 'string') {\n // If text is empty, clear existing active items and early return\n if (!text) {\n clearItemElementsState(itemElements);\n return;\n }\n\n const itemTexts = itemElements.map((itemElement) => itemElement.innerText);\n if (isExactMatch) {\n const textToCompare = text.toLowerCase();\n nextActiveIndex = itemTexts.findIndex((itemText) =>\n itemText.toLowerCase().startsWith(textToCompare),\n );\n // If isExactMatch is required and no exact match was found, clear active items\n if (nextActiveIndex === -1) {\n clearItemElementsState(itemElements);\n }\n } else {\n const bestMatch = getBestMatch({ items: itemTexts, text });\n nextActiveIndex = itemTexts.findIndex((itemText) => itemText === bestMatch);\n }\n }\n\n const nextActiveItem = items[nextActiveIndex] as HTMLElement \| null;\n if (nextActiveItem == null \|\| nextActiveIndex === currentActiveIndex) return;\n\n // Clear any existing active dropdown body item state\n clearItemElementsState(itemElements);\n nextActiveItem.setAttribute('data-ukt-active', '');\n const label = nextActiveItem.innerText;\n const value = nextActiveItem.dataset.uktValue ?? label;\n onActiveItem?.({ element: nextActiveItem, event, label, value });\n // Find closest scrollable parent and ensure that next active item is visible\n let { parentElement } = nextActiveItem;\n let scrollableParent = null;\n while (!scrollableParent && parentElement && parentElement !== dropdownElement) {\n const isScrollable = parentElement.scrollHeight > parentElement.clientHeight + 15;\n if (isScrollable) {\n scrollableParent = parentElement;\n } else {\n parentElement = parentElement.parentElement;\n }\n }\n\n if (scrollableParent) {\n const parentRect = scrollableParent.getBoundingClientRect();\n const itemRect = nextActiveItem.getBoundingClientRect();\n const isAboveTop = itemRect.top < parentRect.top;\n const isBelowBottom = itemRect.bottom > parentRect.bottom;\n if (isAboveTop \|\| isBelowBottom) {\n let { scrollTop } = scrollableParent;\n // Item isn’t fully visible; adjust scrollTop to put item within closest edge\n if (isAboveTop) {\n scrollTop -= parentRect.top - itemRect.top;\n } else {\n scrollTop += itemRect.bottom - parentRect.bottom;\n }\n scrollableParent.scrollTop = scrollTop;\n }\n }\n};\n","/* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/mouse-events-have-key-events, jsx-a11y/no-static-element-interactions /\nimport { Style } from '@acusti/styling';\nimport useBoundingClientRect from '@acusti/use-bounding-client-rect';\nimport useKeyboardEvents, {\n isEventTargetUsingKeyEvent,\n} from '@acusti/use-keyboard-events';\nimport clsx from 'clsx';\nimport {\n Children,\n type CSSProperties,\n Fragment,\n isValidElement,\n type JSX,\n type MouseEvent as ReactMouseEvent,\n type ReactNode,\n type SyntheticEvent,\n useEffect,\n useId,\n useRef,\n useState,\n} from 'react';\n\nimport {\n getActiveItemElement,\n getItemElements,\n ITEM_SELECTOR,\n setActiveItem,\n} from './helpers.js';\nimport {\n BODY_CLASS_NAME,\n BODY_MAX_HEIGHT_VAR,\n BODY_MAX_WIDTH_VAR,\n BODY_SELECTOR,\n LABEL_CLASS_NAME,\n LABEL_TEXT_CLASS_NAME,\n ROOT_CLASS_NAME,\n STYLES,\n TRIGGER_CLASS_NAME,\n} from './styles.js';\n\nexport type Item = {\n element: MaybeHTMLElement;\n event: Event \| SyntheticEvent<HTMLElement>;\n label: string;\n value: string;\n};\n\nexport type Props = {\n /\n Boolean indicating if the user can submit a value not already in the\n * dropdown.\n /\n allowCreate?: boolean;\n /\n Boolean indicating if the user can submit an empty value (i.e. clear\n * the value). Defaults to true.\n /\n allowEmpty?: boolean;\n /\n Can take a single React element or exactly two renderable children.\n /\n children: ChildrenTuple \| JSX.Element;\n className?: string;\n disabled?: boolean;\n /\n Group identifier string links dropdowns together into a menu\n * (like macOS top menubar).\n /\n group?: string;\n hasItems?: boolean;\n isOpenOnMount?: boolean;\n isSearchable?: boolean;\n keepOpenOnSubmit?: boolean;\n label?: string;\n minHeightBody?: number;\n minWidthBody?: number;\n /\n Only usable in conjunction with {isSearchable: true}.\n * Used as search input’s name.\n /\n name?: string;\n onActiveItem?: (payload: Item) => void;\n onClick?: (event: ReactMouseEvent<HTMLElement>) => unknown;\n onClose?: () => unknown;\n onMouseDown?: (event: ReactMouseEvent<HTMLElement>) => unknown;\n onMouseUp?: (event: ReactMouseEvent<HTMLElement>) => unknown;\n onOpen?: () => unknown;\n onSubmitItem?: (payload: Item) => void;\n /\n Only usable in conjunction with {isSearchable: true}.\n * Used as search input’s placeholder.\n /\n placeholder?: string;\n style?: CSSProperties;\n /\n Only usable in conjunction with {isSearchable: true}.\n * Used as search input’s tabIndex.\n /\n tabIndex?: number;\n /\n Used as search input’s value if props.isSearchable === true\n * Used to determine if value has changed to avoid triggering onSubmitItem if not\n /\n value?: string;\n};\n\ntype ChildrenTuple = [ReactNode, ReactNode] \| readonly [ReactNode, ReactNode];\n\ntype MaybeHTMLElement = HTMLElement \| null;\n\ntype MousePosition = { clientX: number; clientY: number };\n\ntype TimeoutID = ReturnType<typeof setTimeout>;\n\nconst CHILDREN_ERROR =\n '@acusti/dropdown requires either 1 child (the dropdown body) or 2 children: the dropdown trigger and the dropdown body.';\nconst CLICKABLE_SELECTOR = 'button, a[href], input[type=\"button\"], input[type=\"submit\"]';\nconst TEXT_INPUT_SELECTOR =\n 'input:not([type=radio]):not([type=checkbox]):not([type=range]),textarea';\n\nexport default function Dropdown({\n allowCreate,\n allowEmpty = true,\n children,\n className,\n disabled,\n hasItems = true,\n isOpenOnMount,\n isSearchable,\n keepOpenOnSubmit = !hasItems,\n label,\n minHeightBody = 30,\n minWidthBody = 100,\n name,\n onActiveItem,\n onClick,\n onClose,\n onMouseDown,\n onMouseUp,\n onOpen,\n onSubmitItem,\n placeholder,\n style: styleFromProps,\n tabIndex,\n value,\n}: Props) {\n const childrenCount = Children.count(children);\n if (childrenCount !== 1 && childrenCount !== 2) {\n if (childrenCount === 0) {\n throw new Error(CHILDREN_ERROR + ' Received no children.');\n }\n console.error(`${CHILDREN_ERROR} Received ${childrenCount} children.`);\n }\n\n let trigger: React.ReactNode;\n if (childrenCount > 1) {\n trigger = (children as ChildrenTuple)[0];\n }\n\n const [isOpen, setIsOpen] = useState<boolean>(isOpenOnMount ?? false);\n const [isOpening, setIsOpening] = useState<boolean>(!isOpenOnMount);\n const [dropdownElement, setDropdownElement] = useState<MaybeHTMLElement>(null);\n const [dropdownBodyElement, setDropdownBodyElement] =\n useState<MaybeHTMLElement>(null);\n const id = useId();\n\n const inputElementRef = useRef<HTMLInputElement \| null>(null);\n const closingTimerRef = useRef<null \| TimeoutID>(null);\n const isOpeningTimerRef = useRef<null \| TimeoutID>(null);\n const currentInputMethodRef = useRef<'keyboard' \| 'mouse'>('mouse');\n const clearEnteredCharactersTimerRef = useRef<null \| TimeoutID>(null);\n const enteredCharactersRef = useRef<string>('');\n const mouseDownPositionRef = useRef<MousePosition \| null>(null);\n\n const allowCreateRef = useRef(allowCreate);\n const allowEmptyRef = useRef(allowEmpty);\n const hasItemsRef = useRef(hasItems);\n const isOpenRef = useRef(isOpen);\n const isOpeningRef = useRef(isOpening);\n const keepOpenOnSubmitRef = useRef(keepOpenOnSubmit);\n const onCloseRef = useRef(onClose);\n const onOpenRef = useRef(onOpen);\n const onSubmitItemRef = useRef(onSubmitItem);\n const valueRef = useRef(value);\n\n useEffect(() => {\n allowCreateRef.current = allowCreate;\n allowEmptyRef.current = allowEmpty;\n hasItemsRef.current = hasItems;\n isOpenRef.current = isOpen;\n isOpeningRef.current = isOpening;\n keepOpenOnSubmitRef.current = keepOpenOnSubmit;\n onCloseRef.current = onClose;\n onOpenRef.current = onOpen;\n onSubmitItemRef.current = onSubmitItem;\n valueRef.current = value;\n }, [\n allowCreate,\n allowEmpty,\n hasItems,\n isOpen,\n isOpening,\n keepOpenOnSubmit,\n onClose,\n onOpen,\n onSubmitItem,\n value,\n ]);\n\n const isMountedRef = useRef(false);\n\n useEffect(() => {\n if (!isMountedRef.current) {\n isMountedRef.current = true;\n // If isOpenOnMount, trigger onOpen right away\n if (isOpenRef.current && onOpenRef.current) {\n onOpenRef.current();\n }\n return;\n }\n\n if (isOpen && onOpenRef.current) {\n onOpenRef.current();\n } else if (!isOpen && onCloseRef.current) {\n onCloseRef.current();\n }\n }, [isOpen]);\n\n const closeDropdown = () => {\n setIsOpen(false);\n setIsOpening(false);\n mouseDownPositionRef.current = null;\n if (closingTimerRef.current) {\n clearTimeout(closingTimerRef.current);\n closingTimerRef.current = null;\n }\n };\n\n const handleSubmitItem = (event: Event \| React.SyntheticEvent<HTMLElement>) => {\n if (isOpenRef.current && !keepOpenOnSubmitRef.current) {\n // A short timeout before closing is better UX when user selects an item so dropdown\n // doesn’t close before expected. It also enables using <Link />s in the dropdown body.\n closingTimerRef.current = setTimeout(closeDropdown, 90);\n }\n\n if (!hasItemsRef.current) return;\n\n const element = getActiveItemElement(dropdownElement);\n if (!element && !allowCreateRef.current) {\n // If not allowEmpty, don’t allow submitting an empty item\n if (!allowEmptyRef.current) return;\n // If we have an input element as trigger & the user didn’t clear the text, do nothing\n if (inputElementRef.current?.value) return;\n }\n\n let itemLabel = element?.innerText ?? '';\n if (inputElementRef.current) {\n if (!element) {\n itemLabel = inputElementRef.current.value;\n } else {\n inputElementRef.current.value = itemLabel;\n }\n\n if (\n inputElementRef.current ===\n inputElementRef.current.ownerDocument.activeElement\n ) {\n inputElementRef.current.blur();\n }\n }\n\n const nextValue = element?.dataset.uktValue ?? itemLabel;\n // If parent is controlling Dropdown via props.value and nextValue is the same, do nothing\n if (valueRef.current && valueRef.current === nextValue) return;\n\n // If the item is clickable or contains exactly one clickable element, invoke it\n // (but only if the event didn’t already originate from that element)\n if (element) {\n const eventTarget = event.target as HTMLElement;\n\n if (element.matches(CLICKABLE_SELECTOR)) {\n // The item element itself is clickable (e.g., <button data-ukt-value=\"…\">)\n if (element !== eventTarget && !element.contains(eventTarget)) {\n element.click();\n }\n } else {\n // Check if item contains exactly one clickable child element\n const clickableElements = element.querySelectorAll(CLICKABLE_SELECTOR);\n if (clickableElements.length === 1) {\n const clickableElement = clickableElements[0] as HTMLElement;\n if (\n clickableElement !== eventTarget &&\n !clickableElement.contains(eventTarget)\n ) {\n clickableElement.click();\n }\n }\n }\n }\n\n onSubmitItemRef.current?.({\n element,\n event,\n label: itemLabel,\n value: nextValue,\n });\n };\n\n const handleMouseMove = ({ clientX, clientY }: ReactMouseEvent<HTMLElement>) => {\n currentInputMethodRef.current = 'mouse';\n const initialPosition = mouseDownPositionRef.current;\n if (!initialPosition) return;\n if (\n Math.abs(initialPosition.clientX - clientX) < 12 &&\n Math.abs(initialPosition.clientY - clientY) < 12\n ) {\n return;\n }\n setIsOpening(false);\n };\n\n const handleMouseOver = (event: ReactMouseEvent<HTMLElement>) => {\n if (!hasItemsRef.current) return;\n\n // If user isn’t currently using the mouse to navigate the dropdown, do nothing\n if (currentInputMethodRef.current !== 'mouse') return;\n\n // Ensure we have the dropdown root HTMLElement\n if (!dropdownElement) return;\n\n const itemElements = getItemElements(dropdownElement);\n if (!itemElements) return;\n\n const eventTarget = event.target as HTMLElement;\n const item = eventTarget.closest(ITEM_SELECTOR) as MaybeHTMLElement;\n const element = item ?? eventTarget;\n for (const itemElement of itemElements) {\n if (itemElement === element) {\n setActiveItem({ dropdownElement, element, event, onActiveItem });\n return;\n }\n }\n };\n\n const handleMouseOut = (event: ReactMouseEvent<HTMLElement>) => {\n if (!hasItemsRef.current) return;\n const activeItem = getActiveItemElement(dropdownElement);\n if (!activeItem) return;\n const eventRelatedTarget = event.relatedTarget as HTMLElement;\n if (activeItem !== event.target \|\| activeItem.contains(eventRelatedTarget)) {\n return;\n }\n // If user moused out of activeItem (not into a descendant), it’s no longer active\n delete activeItem.dataset.uktActive;\n };\n\n const handleMouseDown = (event: ReactMouseEvent<HTMLElement>) => {\n if (onMouseDown) onMouseDown(event);\n if (isOpenRef.current) return;\n\n setIsOpen(true);\n setIsOpening(true);\n mouseDownPositionRef.current = {\n clientX: event.clientX,\n clientY: event.clientY,\n };\n isOpeningTimerRef.current = setTimeout(() => {\n setIsOpening(false);\n isOpeningTimerRef.current = null;\n }, 1000);\n };\n\n const handleMouseUp = (event: ReactMouseEvent<HTMLElement>) => {\n if (onMouseUp) onMouseUp(event);\n // If dropdown is still opening or isn’t open or is closing, do nothing\n if (isOpeningRef.current \|\| !isOpenRef.current \|\| closingTimerRef.current) {\n return;\n }\n\n const eventTarget = event.target as HTMLElement;\n // If click was outside dropdown body, don’t trigger submit\n if (!eventTarget.closest(BODY_SELECTOR)) {\n // Don’t close dropdown if isOpening or search input is focused\n if (\n !isOpeningRef.current &&\n inputElementRef.current !== eventTarget.ownerDocument.activeElement\n ) {\n closeDropdown();\n }\n return;\n }\n\n // If dropdown has no items and click was within dropdown body, do nothing\n if (!hasItemsRef.current) return;\n\n handleSubmitItem(event);\n };\n\n const handleKeyDown = (event: KeyboardEvent) => {\n const { altKey, ctrlKey, key, metaKey } = event;\n const eventTarget = event.target as HTMLElement;\n if (!dropdownElement) return;\n\n const onEventHandled = () => {\n event.stopPropagation();\n event.preventDefault();\n currentInputMethodRef.current = 'keyboard';\n };\n\n const isEventTargetingDropdown = dropdownElement.contains(eventTarget);\n\n if (!isOpenRef.current) {\n // If dropdown is closed, don’t handle key events if event target isn’t within dropdown\n if (!isEventTargetingDropdown) return;\n // Open the dropdown on spacebar, enter, or if isSearchable and user hits the ↑/↓ arrows\n if (\n key === ' ' \|\|\n key === 'Enter' \|\|\n (hasItemsRef.current && (key === 'ArrowUp' \|\| key === 'ArrowDown'))\n ) {\n onEventHandled();\n setIsOpen(true);\n }\n return;\n }\n\n const isTargetUsingKeyEvents = isEventTargetUsingKeyEvent(event);\n\n // If dropdown isOpen + hasItems & eventTargetNotUsingKeyEvents, handle characters\n if (hasItemsRef.current && !isTargetUsingKeyEvents) {\n let isEditingCharacters = !ctrlKey && !metaKey && /^[A-Za-z0-9]$/.test(key);\n // User could also be editing characters if there are already characters entered\n // and they are hitting delete or spacebar\n if (!isEditingCharacters && enteredCharactersRef.current) {\n isEditingCharacters = key === ' ' \|\| key === 'Backspace';\n }\n\n if (isEditingCharacters) {\n onEventHandled();\n if (key === 'Backspace') {\n enteredCharactersRef.current = enteredCharactersRef.current.slice(\n 0,\n -1,\n );\n } else {\n enteredCharactersRef.current += key;\n }\n\n setActiveItem({\n dropdownElement,\n event,\n // If props.allowCreate, only override the input’s value with an\n // exact text match so user can enter a value not in items\n isExactMatch: allowCreateRef.current,\n onActiveItem,\n text: enteredCharactersRef.current,\n });\n\n if (clearEnteredCharactersTimerRef.current) {\n clearTimeout(clearEnteredCharactersTimerRef.current);\n }\n\n clearEnteredCharactersTimerRef.current = setTimeout(() => {\n enteredCharactersRef.current = '';\n clearEnteredCharactersTimerRef.current = null;\n }, 1500);\n\n return;\n }\n }\n\n // If dropdown isOpen, handle submitting the value\n if (key === 'Enter' \|\| (key === ' ' && !inputElementRef.current)) {\n onEventHandled();\n handleSubmitItem(event);\n return;\n }\n\n // If dropdown isOpen, handle closing it on escape or spacebar if !hasItems\n if (\n key === 'Escape' \|\|\n (isEventTargetingDropdown && key === ' ' && !hasItemsRef.current)\n ) {\n // Close dropdown if hasItems or event target not using key events\n if (hasItemsRef.current \|\| !isTargetUsingKeyEvents) {\n closeDropdown();\n }\n return;\n }\n\n // Handle ↑/↓ arrows\n if (hasItemsRef.current) {\n if (key === 'ArrowUp') {\n onEventHandled();\n if (altKey \|\| metaKey) {\n setActiveItem({ dropdownElement, event, index: 0, onActiveItem });\n } else {\n setActiveItem({\n dropdownElement,\n event,\n indexAddend: -1,\n onActiveItem,\n });\n }\n return;\n }\n if (key === 'ArrowDown') {\n onEventHandled();\n if (altKey \|\| metaKey) {\n // Using a negative index counts back from the end\n setActiveItem({ dropdownElement, event, index: -1, onActiveItem });\n } else {\n setActiveItem({\n dropdownElement,\n event,\n indexAddend: 1,\n onActiveItem,\n });\n }\n return;\n }\n }\n };\n\n useKeyboardEvents({ ignoreUsedKeyboardEvents: false, onKeyDown: handleKeyDown });\n\n const handleRef = (ref: HTMLDivElement \| null): (() => void) \| void => {\n setDropdownElement(ref);\n if (!ref) return;\n\n const { ownerDocument } = ref;\n let inputElement = inputElementRef.current;\n // Check if trigger is a textual input or textarea element\n if (!inputElement && ref.firstElementChild) {\n if (ref.firstElementChild.matches(TEXT_INPUT_SELECTOR)) {\n inputElement = ref.firstElementChild as HTMLInputElement;\n } else {\n inputElement = ref.firstElementChild.querySelector(TEXT_INPUT_SELECTOR);\n }\n inputElementRef.current = inputElement;\n }\n\n const handleGlobalMouseDown = ({ target }: MouseEvent) => {\n const eventTarget = target as HTMLElement;\n if (!ref.contains(eventTarget)) {\n // Close dropdown on an outside click\n closeDropdown();\n }\n };\n\n const handleGlobalMouseUp = ({ target }: MouseEvent) => {\n if (!isOpenRef.current \|\| closingTimerRef.current) return;\n\n // If still isOpening (gets set false 1s after open triggers), set it to false onMouseUp\n if (isOpeningRef.current) {\n setIsOpening(false);\n if (isOpeningTimerRef.current) {\n clearTimeout(isOpeningTimerRef.current);\n isOpeningTimerRef.current = null;\n }\n return;\n }\n\n const eventTarget = target as HTMLElement;\n // Only handle mouseup events from outside the dropdown here\n if (!ref.contains(eventTarget)) {\n closeDropdown();\n }\n };\n\n // Close dropdown if any element is focused outside of this dropdown\n const handleGlobalFocusIn = ({ target }: Event) => {\n if (!isOpenRef.current) return;\n\n const eventTarget = target as HTMLElement;\n // If focused element is a descendant or a parent of the dropdown, do nothing\n if (ref.contains(eventTarget) \|\| eventTarget.contains(ref)) {\n return;\n }\n\n closeDropdown();\n };\n\n document.addEventListener('focusin', handleGlobalFocusIn);\n document.addEventListener('mousedown', handleGlobalMouseDown);\n document.addEventListener('mouseup', handleGlobalMouseUp);\n\n if (ownerDocument !== document) {\n ownerDocument.addEventListener('focusin', handleGlobalFocusIn);\n ownerDocument.addEventListener('mousedown', handleGlobalMouseDown);\n ownerDocument.addEventListener('mouseup', handleGlobalMouseUp);\n }\n\n // If dropdown should be open on mount, focus it\n if (isOpenOnMount) {\n ref.focus();\n }\n\n const handleInput = (event: Event) => {\n if (!isOpenRef.current) setIsOpen(true);\n\n const input = event.target as HTMLInputElement;\n const isDeleting = enteredCharactersRef.current.length > input.value.length;\n enteredCharactersRef.current = input.value;\n // When deleting text, if there’s already an active item and\n // input isn’t empty, preserve the active item, else update it\n if (isDeleting && input.value.length && getActiveItemElement(ref)) {\n return;\n }\n\n setActiveItem({\n dropdownElement: ref,\n event,\n // If props.allowCreate, only override the input’s value with an\n // exact text match so user can enter a value not in items\n isExactMatch: allowCreateRef.current,\n onActiveItem,\n text: enteredCharactersRef.current,\n });\n };\n\n if (inputElement) {\n inputElement.addEventListener('input', handleInput);\n }\n\n return () => {\n document.removeEventListener('focusin', handleGlobalFocusIn);\n document.removeEventListener('mousedown', handleGlobalMouseDown);\n document.removeEventListener('mouseup', handleGlobalMouseUp);\n\n if (ownerDocument !== document) {\n ownerDocument.removeEventListener('focusin', handleGlobalFocusIn);\n ownerDocument.removeEventListener('mousedown', handleGlobalMouseDown);\n ownerDocument.removeEventListener('mouseup', handleGlobalMouseUp);\n }\n\n if (inputElement) {\n inputElement.removeEventListener('input', handleInput);\n }\n };\n };\n\n if (!isValidElement(trigger)) {\n if (isSearchable) {\n trigger = (\n <input\n autoComplete=\"off\"\n className={TRIGGER_CLASS_NAME}\n defaultValue={value ?? ''}\n disabled={disabled}\n name={name}\n onFocus={() => setIsOpen(true)}\n placeholder={placeholder}\n ref={inputElementRef}\n tabIndex={tabIndex}\n type=\"text\"\n />\n );\n } else {\n trigger = (\n <button className={TRIGGER_CLASS_NAME} tabIndex={0} type=\"button\">\n {trigger}\n </button>\n );\n }\n }\n\n if (label) {\n trigger = (\n <label className={LABEL_CLASS_NAME}>\n <div className={LABEL_TEXT_CLASS_NAME}>{label}</div>\n {trigger}\n </label>\n );\n }\n\n const dropdownRect = useBoundingClientRect(dropdownElement);\n const dropdownBodyRect = useBoundingClientRect(dropdownBodyElement);\n const boundingElement = getBoundingAncestor(dropdownBodyElement);\n const boundingElementRect = useBoundingClientRect(boundingElement);\n let maxHeight;\n let maxWidth;\n if (\n dropdownBodyRect.top != null &&\n dropdownRect.top != null &&\n boundingElementRect.top != null\n ) {\n const maxHeightUp = dropdownBodyRect.bottom - boundingElementRect.top;\n const maxHeightDown = boundingElementRect.bottom - dropdownBodyRect.top;\n maxHeight = Math.round(\n dropdownBodyRect.top > dropdownRect.top ? maxHeightDown : maxHeightUp,\n );\n const maxWidthLeft = dropdownBodyRect.right - boundingElementRect.left;\n const maxWidthRight = boundingElementRect.right - dropdownBodyRect.left;\n maxWidth = Math.round(\n dropdownBodyRect.left > dropdownRect.left ? maxWidthRight : maxWidthLeft,\n );\n }\n\n const style = {\n ...styleFromProps,\n ...(maxHeight != null && maxHeight > minHeightBody\n ? { [BODY_MAX_HEIGHT_VAR]: `calc(${maxHeight}px - var(--uktdd-body-buffer))` }\n : null),\n ...(maxWidth != null && maxWidth > minWidthBody\n ? { [BODY_MAX_WIDTH_VAR]: `calc(${maxWidth}px - var(--uktdd-body-buffer))` }\n : null),\n };\n\n const anchorStyles = `\\\n[data-ukt-id=\"${id}\"] > :first-child {\n anchor-name: --uktdd-anchor${id};\n}\n[data-ukt-id=\"${id}\"] ${BODY_SELECTOR} {\n position-anchor: --uktdd-anchor${id};\n}`;\n\n return (\n <Fragment>\n <Style href=\"@acusti/dropdown/Dropdown\">{STYLES}</Style>\n <Style href={`@acusti/dropdown/Dropdown/${id}`}>{anchorStyles}</Style>\n <div\n className={clsx(ROOT_CLASS_NAME, className, {\n disabled,\n 'is-open': isOpen,\n 'is-searchable': isSearchable,\n })}\n data-ukt-id={id}\n onClick={onClick}\n onMouseDown={handleMouseDown}\n onMouseMove={handleMouseMove}\n onMouseOut={handleMouseOut}\n onMouseOver={handleMouseOver}\n onMouseUp={handleMouseUp}\n ref={handleRef}\n style={style}\n >\n {trigger}\n {/ TODO next version of Dropdown should use <Activity> for body https://react.dev/reference/react/Activity */}\n {isOpen ? (\n <div className={BODY_CLASS_NAME} ref={setDropdownBodyElement}>\n {childrenCount > 1 ? (children as ChildrenTuple)[1] : children}\n </div>\n ) : null}\n </div>\n </Fragment>\n );\n}\n\nfunction getBoundingAncestor(element?: MaybeHTMLElement): MaybeHTMLElement {\n while (element?.parentElement) {\n // If we’ve reached the body, use that as boundingElement\n if (element.parentElement.tagName === 'BODY') return element.parentElement;\n // Only need to check one overflow direction, because if either direction\n // is not visible, neither can be visible\n if (getComputedStyle(element.parentElement).overflowX !== 'visible') {\n return element.parentElement;\n }\n\n element = element.parentElement as MaybeHTMLElement;\n }\n\n return null;\n}\n"],"names":["ROOT_CLASS_NAME","ROOT_SELECTOR","BODY_CLASS_NAME","LABEL_CLASS_NAME","LABEL_TEXT_CLASS_NAME","TRIGGER_CLASS_NAME","BODY_SELECTOR","LABEL_SELECTOR","LABEL_TEXT_SELECTOR","TRIGGER_SELECTOR","BODY_MAX_HEIGHT_VAR","BODY_MAX_WIDTH_VAR","STYLES","SYSTEM_UI_FONT","ITEM_SELECTOR","getItemElements","dropdownElement","bodyElement","querySelector","items","querySelectorAll","length","children","getActiveItemElement","clearItemElementsState","itemElements","forEach","itemElement","hasAttribute","dataset","uktActive","setActiveItem","element","event","index","indexAddend","isExactMatch","onActiveItem","text","Array","from","lastIndex","currentActiveIndex","findIndex","nextActiveIndex","Math","max","min","itemTexts","map","innerText","textToCompare","toLowerCase","itemText","startsWith","bestMatch","getBestMatch","nextActiveItem","setAttribute","label","value","uktValue","parentElement","scrollableParent","isScrollable","scrollHeight","clientHeight","parentRect","getBoundingClientRect","itemRect","isAboveTop","top","isBelowBottom","bottom","scrollTop","CHILDREN_ERROR","CLICKABLE_SELECTOR","TEXT_INPUT_SELECTOR","Dropdown","t0","$","_c","allowCreate","allowEmpty","t1","className","disabled","hasItems","t2","isOpenOnMount","isSearchable","keepOpenOnSubmit","t3","minHeightBody","t4","minWidthBody","t5","name","onClick","onClose","onMouseDown","onMouseUp","onOpen","onSubmitItem","placeholder","style","styleFromProps","tabIndex","undefined","childrenCount","Children","count","Error","console","error","trigger","isOpen","setIsOpen","useState","isOpening","setIsOpening","setDropdownElement","dropdownBodyElement","setDropdownBodyElement","id","useId","inputElementRef","useRef","closingTimerRef","isOpeningTimerRef","currentInputMethodRef","clearEnteredCharactersTimerRef","enteredCharactersRef","mouseDownPositionRef","allowCreateRef","allowEmptyRef","hasItemsRef","isOpenRef","isOpeningRef","keepOpenOnSubmitRef","onCloseRef","onOpenRef","onSubmitItemRef","valueRef","t6","t7","current","useEffect","isMountedRef","t8","t9","t10","Symbol","for","clearTimeout","closeDropdown","t11","setTimeout","itemLabel","ownerDocument","activeElement","blur","nextValue","eventTarget","target","matches","contains","click","clickableElements","clickableElement","handleSubmitItem","t12","t13","clientX","clientY","initialPosition","abs","handleMouseMove","event_0","eventTarget_0","item","closest","element_0","handleMouseOver","t14","event_1","activeItem","eventRelatedTarget","relatedTarget","handleMouseOut","t15","event_2","handleMouseDown","t16","event_3","eventTarget_1","handleMouseUp","t17","event_4","altKey","ctrlKey","key","metaKey","eventTarget_2","onEventHandled","stopPropagation","preventDefault","isEventTargetingDropdown","isTargetUsingKeyEvents","isEventTargetUsingKeyEvent","isEditingCharacters","test","slice","handleKeyDown","t18","ignoreUsedKeyboardEvents","onKeyDown","useKeyboardEvents","t19","ref","inputElement","firstElementChild","handleGlobalMouseDown","t20","eventTarget_3","handleGlobalMouseUp","t21","target_0","eventTarget_4","handleGlobalFocusIn","t22","target_1","eventTarget_5","document","addEventListener","focus","handleInput","event_5","input","isDeleting","removeEventListener","handleRef","isValidElement","dropdownRect","useBoundingClientRect","dropdownBodyRect","getBoundingAncestor","boundingElement","boundingElementRect","maxHeight","maxWidth","maxHeightUp","maxHeightDown","round","maxWidthLeft","right","left","maxWidthRight","t23","anchorStyles","t24","t25","t26","t27","clsx","t28","t29","t30","tagName","getComputedStyle","overflowX"],"mappings":"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"}
1	+ {"version":3,"file":"Dropdown.js","names":["SYSTEM_UI_FONT","ROOT_CLASS_NAME","ROOT_SELECTOR","BODY_CLASS_NAME","LABEL_CLASS_NAME","LABEL_TEXT_CLASS_NAME","TRIGGER_CLASS_NAME","BODY_SELECTOR","LABEL_SELECTOR","LABEL_TEXT_SELECTOR","TRIGGER_SELECTOR","BODY_MAX_HEIGHT_VAR","BODY_MAX_WIDTH_VAR","STYLES","getBestMatch","SyntheticEvent","Item","BODY_SELECTOR","ITEM_SELECTOR","getItemElements","dropdownElement","HTMLElement","bodyElement","querySelector","items","HTMLCollection","NodeListOf","Element","querySelectorAll","length","children","getActiveItemElement","clearItemElementsState","itemElements","Array","forEach","itemElement","hasAttribute","dataset","uktActive","BaseSetActiveItemPayload","element","event","Event","index","indexAddend","isExactMatch","onActiveItem","payload","text","setActiveItem","Omit","from","lastIndex","currentActiveIndex","findIndex","nextActiveIndex","Math","max","min","itemTexts","map","innerText","textToCompare","toLowerCase","itemText","startsWith","bestMatch","nextActiveItem","setAttribute","label","value","uktValue","parentElement","scrollableParent","isScrollable","scrollHeight","clientHeight","parentRect","getBoundingClientRect","itemRect","isAboveTop","top","isBelowBottom","bottom","scrollTop","Style","useBoundingClientRect","useKeyboardEvents","isEventTargetUsingKeyEvent","clsx","Children","CSSProperties","Fragment","isValidElement","JSX","MouseEvent","ReactMouseEvent","ReactNode","SyntheticEvent","useEffect","useRef","useState","getActiveItemElement","getItemElements","ITEM_SELECTOR","setActiveItem","BODY_CLASS_NAME","BODY_MAX_HEIGHT_VAR","BODY_SELECTOR","LABEL_CLASS_NAME","LABEL_TEXT_CLASS_NAME","ROOT_CLASS_NAME","STYLES","TRIGGER_CLASS_NAME","Item","element","MaybeHTMLElement","event","Event","HTMLElement","label","value","Props","allowCreate","allowEmpty","children","ChildrenTuple","Element","className","disabled","group","hasItems","isOpenOnMount","isSearchable","keepOpenOnSubmit","minHeightBody","minWidthBody","name","onActiveItem","payload","onClick","onClose","onMouseDown","onMouseUp","onOpen","onSubmitItem","placeholder","style","tabIndex","MousePosition","clientX","clientY","TimeoutID","ReturnType","setTimeout","CHILDREN_ERROR","CLICKABLE_SELECTOR","TEXT_INPUT_SELECTOR","Dropdown","t0","$","_c","t1","t2","t3","t4","t5","styleFromProps","undefined","childrenCount","count","Error","console","error","trigger","isOpen","setIsOpen","isOpening","setIsOpening","dropdownElement","setDropdownElement","dropdownBodyElement","setDropdownBodyElement","inputElementRef","closingTimerRef","isOpeningTimerRef","currentInputMethodRef","clearEnteredCharactersTimerRef","enteredCharactersRef","mouseDownPositionRef","allowCreateRef","allowEmptyRef","hasItemsRef","isOpenRef","isOpeningRef","keepOpenOnSubmitRef","onCloseRef","onOpenRef","onSubmitItemRef","valueRef","t6","t7","current","isMountedRef","t8","t9","t10","Symbol","for","clearTimeout","closeDropdown","t11","itemLabel","innerText","ownerDocument","activeElement","blur","nextValue","dataset","uktValue","eventTarget","target","matches","contains","click","clickableElements","querySelectorAll","length","clickableElement","handleSubmitItem","t12","t13","initialPosition","Math","abs","handleMouseMove","event_0","itemElements","eventTarget_0","item","closest","element_0","itemElement","handleMouseOver","t14","event_1","activeItem","eventRelatedTarget","relatedTarget","uktActive","handleMouseOut","t15","event_2","handleMouseDown","t16","event_3","eventTarget_1","handleMouseUp","t17","event_4","altKey","ctrlKey","key","metaKey","eventTarget_2","onEventHandled","stopPropagation","preventDefault","isEventTargetingDropdown","isTargetUsingKeyEvents","isEditingCharacters","test","slice","isExactMatch","text","index","indexAddend","handleKeyDown","t18","ignoreUsedKeyboardEvents","onKeyDown","t19","ref","inputElement","firstElementChild","HTMLInputElement","querySelector","handleGlobalMouseDown","t20","eventTarget_3","handleGlobalMouseUp","t21","target_0","eventTarget_4","handleGlobalFocusIn","t22","target_1","eventTarget_5","document","addEventListener","focus","handleInput","event_5","input","isDeleting","removeEventListener","handleRef","dropdownRect","dropdownBodyRect","getBoundingAncestor","boundingElement","boundingElementRect","maxHeight","top","maxHeightUp","bottom","maxHeightDown","round","t23","t24","t25","t26","parentElement","tagName","getComputedStyle","overflowX"],"sources":["../src/styles.ts","../src/helpers.ts","../src/Dropdown.tsx"],"sourcesContent":["import { SYSTEM_UI_FONT } from '@acusti/styling';\n\nexport const ROOT_CLASS_NAME = 'uktdropdown';\nexport const ROOT_SELECTOR = `.${ROOT_CLASS_NAME}`;\n\nexport const BODY_CLASS_NAME = `${ROOT_CLASS_NAME}-body`;\nexport const LABEL_CLASS_NAME = `${ROOT_CLASS_NAME}-label`;\nexport const LABEL_TEXT_CLASS_NAME = `${ROOT_CLASS_NAME}-label-text`;\nexport const TRIGGER_CLASS_NAME = `${ROOT_CLASS_NAME}-trigger`;\n\nexport const BODY_SELECTOR = `.${BODY_CLASS_NAME}`;\nexport const LABEL_SELECTOR = `.${LABEL_CLASS_NAME}`;\nexport const LABEL_TEXT_SELECTOR = `.${LABEL_TEXT_CLASS_NAME}`;\nexport const TRIGGER_SELECTOR = `.${TRIGGER_CLASS_NAME}`;\n\nexport const BODY_MAX_HEIGHT_VAR = '--uktdd-body-max-height';\nexport const BODY_MAX_WIDTH_VAR = '--uktdd-body-max-width';\n\nexport const STYLES = `\n:root {\n --uktdd-font-family: ${SYSTEM_UI_FONT};\n --uktdd-body-bg-color: #fff;\n --uktdd-body-bg-color-hover: rgb(105,162,249);\n --uktdd-body-color-hover: #fff;\n --uktdd-body-buffer: 10px;\n ${BODY_MAX_HEIGHT_VAR}: calc(100vh - var(--uktdd-body-buffer));\n ${BODY_MAX_WIDTH_VAR}: calc(100vw - var(--uktdd-body-buffer));\n --uktdd-body-pad-bottom: 9px;\n --uktdd-body-pad-left: 12px;\n --uktdd-body-pad-right: 12px;\n --uktdd-body-pad-top: 9px;\n --uktdd-label-pad-right: 10px;\n}\n${ROOT_SELECTOR},\n${TRIGGER_SELECTOR} {\n font-family: var(--uktdd-font-family);\n}\n${ROOT_SELECTOR} {\n width: max-content;\n anchor-scope: --uktdd-anchor;\n}\n${ROOT_SELECTOR}.disabled {\n pointer-events: none;\n}\n${ROOT_SELECTOR} > * {\n cursor: default;\n}\n${ROOT_SELECTOR} > :first-child {\n anchor-name: --uktdd-anchor;\n}\n${LABEL_SELECTOR} {\n display: flex;\n align-items: center;\n}\n${LABEL_TEXT_SELECTOR} {\n padding-right: var(--uktdd-label-pad-right);\n}\n${BODY_SELECTOR} {\n box-sizing: border-box;\n position: absolute;\n position-anchor: --uktdd-anchor;\n top: anchor(bottom);\n left: anchor(left);\n bottom: auto;\n right: auto;\n position-try-fallbacks: --uktdd-top-left, --uktdd-bottom-right, --uktdd-top-right;\n min-height: 50px;\n max-height: var(${BODY_MAX_HEIGHT_VAR});\n min-width: min(50px, 100%);\n max-width: var(${BODY_MAX_WIDTH_VAR});\n overflow: auto;\n z-index: 2;\n padding: var(--uktdd-body-pad-top) var(--uktdd-body-pad-right) var(--uktdd-body-pad-bottom) var(--uktdd-body-pad-left);\n background-color: var(--uktdd-body-bg-color);\n box-shadow: 0 8px 18px rgba(0,0,0,0.25);\n}\n@position-try --uktdd-top-left {\n bottom: anchor(top);\n left: anchor(left);\n top: auto;\n right: auto;\n}\n@position-try --uktdd-bottom-right {\n top: anchor(bottom);\n right: anchor(right);\n bottom: auto;\n left: auto;\n}\n@position-try --uktdd-top-right {\n bottom: anchor(top);\n right: anchor(right);\n top: auto;\n left: auto;\n}\n${BODY_SELECTOR}.has-items {\n user-select: none;\n}\n${BODY_SELECTOR} [data-ukt-active] {\n background-color: var(--uktdd-body-bg-color-hover);\n color: var(--uktdd-body-color-hover);\n}\n`;\n","import { getBestMatch } from '@acusti/matchmaking';\nimport { type SyntheticEvent } from 'react';\n\nimport { type Item } from './Dropdown.js';\nimport { BODY_SELECTOR } from './styles.js';\n\nexport const ITEM_SELECTOR = `[data-ukt-item], [data-ukt-value]`;\n\nexport const getItemElements = (dropdownElement: HTMLElement \| null) => {\n if (!dropdownElement) return null;\n\n const bodyElement = dropdownElement.querySelector(BODY_SELECTOR);\n if (!bodyElement) return null;\n\n let items: HTMLCollection \| NodeListOf<Element> =\n bodyElement.querySelectorAll(ITEM_SELECTOR);\n\n if (items.length) return items;\n // If no items found via [data-ukt-item] or [data-ukt-value] selector,\n // use first instance of multiple children found\n items = bodyElement.children;\n while (items.length === 1) {\n if (items[0].children == null) break;\n items = items[0].children;\n }\n // If unable to find an element with more than one child, treat direct child as items\n if (items.length === 1) {\n items = bodyElement.children;\n }\n return items;\n};\n\nexport const getActiveItemElement = (dropdownElement: HTMLElement \| null) => {\n if (!dropdownElement) return null;\n return dropdownElement.querySelector('[data-ukt-active]') as HTMLElement \| null;\n};\n\nconst clearItemElementsState = (itemElements: Array<HTMLElement>) => {\n itemElements.forEach((itemElement) => {\n if (itemElement.hasAttribute('data-ukt-active')) {\n delete itemElement.dataset.uktActive;\n }\n });\n};\n\ntype BaseSetActiveItemPayload = {\n dropdownElement: HTMLElement;\n element?: null;\n event: Event \| SyntheticEvent<HTMLElement>;\n index?: null;\n indexAddend?: null;\n isExactMatch?: null;\n onActiveItem?: (payload: Item) => void;\n text?: null;\n};\n\nexport const setActiveItem = ({\n dropdownElement,\n element,\n event,\n index,\n indexAddend,\n isExactMatch,\n onActiveItem,\n text,\n}:\n \| ({\n element: HTMLElement;\n } & Omit<BaseSetActiveItemPayload, 'element'>)\n \| ({\n index: number;\n } & Omit<BaseSetActiveItemPayload, 'index'>)\n \| ({\n indexAddend: number;\n } & Omit<BaseSetActiveItemPayload, 'indexAddend'>)\n \| ({\n isExactMatch?: boolean;\n text: string;\n } & Omit<BaseSetActiveItemPayload, 'isExactMatch' \| 'text'>)) => {\n const items = getItemElements(dropdownElement);\n if (!items) return;\n\n const itemElements = Array.from(items) as Array<HTMLElement>;\n if (!itemElements.length) return;\n\n const lastIndex = itemElements.length - 1;\n const currentActiveIndex = itemElements.findIndex((itemElement) =>\n itemElement.hasAttribute('data-ukt-active'),\n );\n\n let nextActiveIndex = currentActiveIndex;\n if (typeof index === 'number') {\n // Negative index means count back from the end\n nextActiveIndex = index < 0 ? itemElements.length + index : index;\n }\n\n if (element) {\n nextActiveIndex = itemElements.findIndex(\n (itemElement) => itemElement === element,\n );\n } else if (typeof indexAddend === 'number') {\n // If there’s no currentActiveIndex and we are handling -1, start at lastIndex\n if (currentActiveIndex === -1 && indexAddend === -1) {\n nextActiveIndex = lastIndex;\n } else {\n nextActiveIndex += indexAddend;\n }\n // Keep it within the bounds of the items list\n nextActiveIndex = Math.max(0, Math.min(nextActiveIndex, lastIndex));\n } else if (typeof text === 'string') {\n // If text is empty, clear existing active items and early return\n if (!text) {\n clearItemElementsState(itemElements);\n return;\n }\n\n const itemTexts = itemElements.map((itemElement) => itemElement.innerText);\n if (isExactMatch) {\n const textToCompare = text.toLowerCase();\n nextActiveIndex = itemTexts.findIndex((itemText) =>\n itemText.toLowerCase().startsWith(textToCompare),\n );\n // If isExactMatch is required and no exact match was found, clear active items\n if (nextActiveIndex === -1) {\n clearItemElementsState(itemElements);\n }\n } else {\n const bestMatch = getBestMatch({ items: itemTexts, text });\n nextActiveIndex = itemTexts.findIndex((itemText) => itemText === bestMatch);\n }\n }\n\n const nextActiveItem = items[nextActiveIndex] as HTMLElement \| null;\n if (nextActiveItem == null \|\| nextActiveIndex === currentActiveIndex) return;\n\n // Clear any existing active dropdown body item state\n clearItemElementsState(itemElements);\n nextActiveItem.setAttribute('data-ukt-active', '');\n const label = nextActiveItem.innerText;\n const value = nextActiveItem.dataset.uktValue ?? label;\n onActiveItem?.({ element: nextActiveItem, event, label, value });\n // Find closest scrollable parent and ensure that next active item is visible\n let { parentElement } = nextActiveItem;\n let scrollableParent = null;\n while (!scrollableParent && parentElement && parentElement !== dropdownElement) {\n const isScrollable = parentElement.scrollHeight > parentElement.clientHeight + 15;\n if (isScrollable) {\n scrollableParent = parentElement;\n } else {\n parentElement = parentElement.parentElement;\n }\n }\n\n if (scrollableParent) {\n const parentRect = scrollableParent.getBoundingClientRect();\n const itemRect = nextActiveItem.getBoundingClientRect();\n const isAboveTop = itemRect.top < parentRect.top;\n const isBelowBottom = itemRect.bottom > parentRect.bottom;\n if (isAboveTop \|\| isBelowBottom) {\n let { scrollTop } = scrollableParent;\n // Item isn’t fully visible; adjust scrollTop to put item within closest edge\n if (isAboveTop) {\n scrollTop -= parentRect.top - itemRect.top;\n } else {\n scrollTop += itemRect.bottom - parentRect.bottom;\n }\n scrollableParent.scrollTop = scrollTop;\n }\n }\n};\n","/* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/mouse-events-have-key-events, jsx-a11y/no-static-element-interactions /\nimport { Style } from '@acusti/styling';\nimport useBoundingClientRect from '@acusti/use-bounding-client-rect';\nimport useKeyboardEvents, {\n isEventTargetUsingKeyEvent,\n} from '@acusti/use-keyboard-events';\nimport clsx from 'clsx';\nimport {\n Children,\n type CSSProperties,\n Fragment,\n isValidElement,\n type JSX,\n type MouseEvent as ReactMouseEvent,\n type ReactNode,\n type SyntheticEvent,\n useEffect,\n useRef,\n useState,\n} from 'react';\n\nimport {\n getActiveItemElement,\n getItemElements,\n ITEM_SELECTOR,\n setActiveItem,\n} from './helpers.js';\nimport {\n BODY_CLASS_NAME,\n BODY_MAX_HEIGHT_VAR,\n BODY_SELECTOR,\n LABEL_CLASS_NAME,\n LABEL_TEXT_CLASS_NAME,\n ROOT_CLASS_NAME,\n STYLES,\n TRIGGER_CLASS_NAME,\n} from './styles.js';\n\nexport type Item = {\n element: MaybeHTMLElement;\n event: Event \| SyntheticEvent<HTMLElement>;\n label: string;\n value: string;\n};\n\nexport type Props = {\n /\n Boolean indicating if the user can submit a value not already in the\n * dropdown.\n /\n allowCreate?: boolean;\n /\n Boolean indicating if the user can submit an empty value (i.e. clear\n * the value). Defaults to true.\n /\n allowEmpty?: boolean;\n /\n Can take a single React element or exactly two renderable children.\n /\n children: ChildrenTuple \| JSX.Element;\n className?: string;\n disabled?: boolean;\n /\n Group identifier string links dropdowns together into a menu\n * (like macOS top menubar).\n /\n group?: string;\n hasItems?: boolean;\n isOpenOnMount?: boolean;\n isSearchable?: boolean;\n keepOpenOnSubmit?: boolean;\n label?: string;\n minHeightBody?: number;\n minWidthBody?: number;\n /\n Only usable in conjunction with {isSearchable: true}.\n * Used as search input’s name.\n /\n name?: string;\n onActiveItem?: (payload: Item) => void;\n onClick?: (event: ReactMouseEvent<HTMLElement>) => unknown;\n onClose?: () => unknown;\n onMouseDown?: (event: ReactMouseEvent<HTMLElement>) => unknown;\n onMouseUp?: (event: ReactMouseEvent<HTMLElement>) => unknown;\n onOpen?: () => unknown;\n onSubmitItem?: (payload: Item) => void;\n /\n Only usable in conjunction with {isSearchable: true}.\n * Used as search input’s placeholder.\n /\n placeholder?: string;\n style?: CSSProperties;\n /\n Only usable in conjunction with {isSearchable: true}.\n * Used as search input’s tabIndex.\n /\n tabIndex?: number;\n /\n Used as search input’s value if props.isSearchable === true\n * Used to determine if value has changed to avoid triggering onSubmitItem if not\n /\n value?: string;\n};\n\ntype ChildrenTuple = [ReactNode, ReactNode] \| readonly [ReactNode, ReactNode];\n\ntype MaybeHTMLElement = HTMLElement \| null;\n\ntype MousePosition = { clientX: number; clientY: number };\n\ntype TimeoutID = ReturnType<typeof setTimeout>;\n\nconst CHILDREN_ERROR =\n '@acusti/dropdown requires either 1 child (the dropdown body) or 2 children: the dropdown trigger and the dropdown body.';\nconst CLICKABLE_SELECTOR = 'button, a[href], input[type=\"button\"], input[type=\"submit\"]';\nconst TEXT_INPUT_SELECTOR =\n 'input:not([type=radio]):not([type=checkbox]):not([type=range]),textarea';\n\nexport default function Dropdown({\n allowCreate,\n allowEmpty = true,\n children,\n className,\n disabled,\n hasItems = true,\n isOpenOnMount,\n isSearchable,\n keepOpenOnSubmit = !hasItems,\n label,\n minHeightBody = 30,\n minWidthBody = 100,\n name,\n onActiveItem,\n onClick,\n onClose,\n onMouseDown,\n onMouseUp,\n onOpen,\n onSubmitItem,\n placeholder,\n style: styleFromProps,\n tabIndex,\n value,\n}: Props) {\n const childrenCount = Children.count(children);\n if (childrenCount !== 1 && childrenCount !== 2) {\n if (childrenCount === 0) {\n throw new Error(CHILDREN_ERROR + ' Received no children.');\n }\n console.error(`${CHILDREN_ERROR} Received ${childrenCount} children.`);\n }\n\n let trigger: React.ReactNode;\n if (childrenCount > 1) {\n trigger = (children as ChildrenTuple)[0];\n }\n\n const [isOpen, setIsOpen] = useState<boolean>(isOpenOnMount ?? false);\n const [isOpening, setIsOpening] = useState<boolean>(!isOpenOnMount);\n const [dropdownElement, setDropdownElement] = useState<MaybeHTMLElement>(null);\n const [dropdownBodyElement, setDropdownBodyElement] =\n useState<MaybeHTMLElement>(null);\n const inputElementRef = useRef<HTMLInputElement \| null>(null);\n const closingTimerRef = useRef<null \| TimeoutID>(null);\n const isOpeningTimerRef = useRef<null \| TimeoutID>(null);\n const currentInputMethodRef = useRef<'keyboard' \| 'mouse'>('mouse');\n const clearEnteredCharactersTimerRef = useRef<null \| TimeoutID>(null);\n const enteredCharactersRef = useRef<string>('');\n const mouseDownPositionRef = useRef<MousePosition \| null>(null);\n\n const allowCreateRef = useRef(allowCreate);\n const allowEmptyRef = useRef(allowEmpty);\n const hasItemsRef = useRef(hasItems);\n const isOpenRef = useRef(isOpen);\n const isOpeningRef = useRef(isOpening);\n const keepOpenOnSubmitRef = useRef(keepOpenOnSubmit);\n const onCloseRef = useRef(onClose);\n const onOpenRef = useRef(onOpen);\n const onSubmitItemRef = useRef(onSubmitItem);\n const valueRef = useRef(value);\n\n useEffect(() => {\n allowCreateRef.current = allowCreate;\n allowEmptyRef.current = allowEmpty;\n hasItemsRef.current = hasItems;\n isOpenRef.current = isOpen;\n isOpeningRef.current = isOpening;\n keepOpenOnSubmitRef.current = keepOpenOnSubmit;\n onCloseRef.current = onClose;\n onOpenRef.current = onOpen;\n onSubmitItemRef.current = onSubmitItem;\n valueRef.current = value;\n }, [\n allowCreate,\n allowEmpty,\n hasItems,\n isOpen,\n isOpening,\n keepOpenOnSubmit,\n onClose,\n onOpen,\n onSubmitItem,\n value,\n ]);\n\n const isMountedRef = useRef(false);\n\n useEffect(() => {\n if (!isMountedRef.current) {\n isMountedRef.current = true;\n // If isOpenOnMount, trigger onOpen right away\n if (isOpenRef.current && onOpenRef.current) {\n onOpenRef.current();\n }\n return;\n }\n\n if (isOpen && onOpenRef.current) {\n onOpenRef.current();\n } else if (!isOpen && onCloseRef.current) {\n onCloseRef.current();\n }\n }, [isOpen]);\n\n const closeDropdown = () => {\n setIsOpen(false);\n setIsOpening(false);\n mouseDownPositionRef.current = null;\n if (closingTimerRef.current != null) {\n clearTimeout(closingTimerRef.current);\n closingTimerRef.current = null;\n }\n };\n\n const handleSubmitItem = (event: Event \| React.SyntheticEvent<HTMLElement>) => {\n if (isOpenRef.current && !keepOpenOnSubmitRef.current) {\n // A short timeout before closing is better UX when user selects an item so dropdown\n // doesn’t close before expected. It also enables using <Link />s in the dropdown body.\n closingTimerRef.current = setTimeout(closeDropdown, 90);\n }\n\n if (!hasItemsRef.current) return;\n\n const element = getActiveItemElement(dropdownElement);\n if (!element && !allowCreateRef.current) {\n // If not allowEmpty, don’t allow submitting an empty item\n if (!allowEmptyRef.current) return;\n // If we have an input element as trigger & the user didn’t clear the text, do nothing\n if (inputElementRef.current?.value) return;\n }\n\n let itemLabel = element?.innerText ?? '';\n if (inputElementRef.current) {\n if (!element) {\n itemLabel = inputElementRef.current.value;\n } else {\n inputElementRef.current.value = itemLabel;\n }\n\n if (\n inputElementRef.current ===\n inputElementRef.current.ownerDocument.activeElement\n ) {\n inputElementRef.current.blur();\n }\n }\n\n const nextValue = element?.dataset.uktValue ?? itemLabel;\n // If parent is controlling Dropdown via props.value and nextValue is the same, do nothing\n if (valueRef.current && valueRef.current === nextValue) return;\n\n // If the item is clickable or contains exactly one clickable element, invoke it\n // (but only if the event didn’t already originate from that element)\n if (element) {\n const eventTarget = event.target as HTMLElement;\n\n if (element.matches(CLICKABLE_SELECTOR)) {\n // The item element itself is clickable (e.g., <button data-ukt-value=\"…\">)\n if (element !== eventTarget && !element.contains(eventTarget)) {\n element.click();\n }\n } else {\n // Check if item contains exactly one clickable child element\n const clickableElements = element.querySelectorAll(CLICKABLE_SELECTOR);\n if (clickableElements.length === 1) {\n const clickableElement = clickableElements[0] as HTMLElement;\n if (\n clickableElement !== eventTarget &&\n !clickableElement.contains(eventTarget)\n ) {\n clickableElement.click();\n }\n }\n }\n }\n\n onSubmitItemRef.current?.({\n element,\n event,\n label: itemLabel,\n value: nextValue,\n });\n };\n\n const handleMouseMove = ({ clientX, clientY }: ReactMouseEvent<HTMLElement>) => {\n currentInputMethodRef.current = 'mouse';\n const initialPosition = mouseDownPositionRef.current;\n if (!initialPosition) return;\n if (\n Math.abs(initialPosition.clientX - clientX) < 12 &&\n Math.abs(initialPosition.clientY - clientY) < 12\n ) {\n return;\n }\n setIsOpening(false);\n };\n\n const handleMouseOver = (event: ReactMouseEvent<HTMLElement>) => {\n if (!hasItemsRef.current) return;\n\n // If user isn’t currently using the mouse to navigate the dropdown, do nothing\n if (currentInputMethodRef.current !== 'mouse') return;\n\n // Ensure we have the dropdown root HTMLElement\n if (!dropdownElement) return;\n\n const itemElements = getItemElements(dropdownElement);\n if (!itemElements) return;\n\n const eventTarget = event.target as HTMLElement;\n const item = eventTarget.closest(ITEM_SELECTOR) as MaybeHTMLElement;\n const element = item ?? eventTarget;\n for (const itemElement of itemElements) {\n if (itemElement === element) {\n setActiveItem({ dropdownElement, element, event, onActiveItem });\n return;\n }\n }\n };\n\n const handleMouseOut = (event: ReactMouseEvent<HTMLElement>) => {\n if (!hasItemsRef.current) return;\n const activeItem = getActiveItemElement(dropdownElement);\n if (!activeItem) return;\n const eventRelatedTarget = event.relatedTarget as HTMLElement;\n if (activeItem !== event.target \|\| activeItem.contains(eventRelatedTarget)) {\n return;\n }\n // If user moused out of activeItem (not into a descendant), it’s no longer active\n delete activeItem.dataset.uktActive;\n };\n\n const handleMouseDown = (event: ReactMouseEvent<HTMLElement>) => {\n if (onMouseDown) onMouseDown(event);\n if (isOpenRef.current) return;\n\n setIsOpen(true);\n setIsOpening(true);\n mouseDownPositionRef.current = {\n clientX: event.clientX,\n clientY: event.clientY,\n };\n isOpeningTimerRef.current = setTimeout(() => {\n setIsOpening(false);\n isOpeningTimerRef.current = null;\n }, 1000);\n };\n\n const handleMouseUp = (event: ReactMouseEvent<HTMLElement>) => {\n if (onMouseUp) onMouseUp(event);\n // If dropdown is still opening or isn’t open or is closing, do nothing\n if (\n isOpeningRef.current \|\|\n !isOpenRef.current \|\|\n closingTimerRef.current != null\n ) {\n return;\n }\n\n const eventTarget = event.target as HTMLElement;\n // If click was outside dropdown body, don’t trigger submit\n if (!eventTarget.closest(BODY_SELECTOR)) {\n // Don’t close dropdown if isOpening or search input is focused\n if (\n !isOpeningRef.current &&\n inputElementRef.current !== eventTarget.ownerDocument.activeElement\n ) {\n closeDropdown();\n }\n return;\n }\n\n // If dropdown has no items and click was within dropdown body, do nothing\n if (!hasItemsRef.current) return;\n\n handleSubmitItem(event);\n };\n\n const handleKeyDown = (event: KeyboardEvent) => {\n const { altKey, ctrlKey, key, metaKey } = event;\n const eventTarget = event.target as HTMLElement;\n if (!dropdownElement) return;\n\n const onEventHandled = () => {\n event.stopPropagation();\n event.preventDefault();\n currentInputMethodRef.current = 'keyboard';\n };\n\n const isEventTargetingDropdown = dropdownElement.contains(eventTarget);\n\n if (!isOpenRef.current) {\n // If dropdown is closed, don’t handle key events if event target isn’t within dropdown\n if (!isEventTargetingDropdown) return;\n // Open the dropdown on spacebar, enter, or if isSearchable and user hits the ↑/↓ arrows\n if (\n key === ' ' \|\|\n key === 'Enter' \|\|\n (hasItemsRef.current && (key === 'ArrowUp' \|\| key === 'ArrowDown'))\n ) {\n onEventHandled();\n setIsOpen(true);\n }\n return;\n }\n\n const isTargetUsingKeyEvents = isEventTargetUsingKeyEvent(event);\n\n // If dropdown isOpen + hasItems & eventTargetNotUsingKeyEvents, handle characters\n if (hasItemsRef.current && !isTargetUsingKeyEvents) {\n let isEditingCharacters = !ctrlKey && !metaKey && /^[A-Za-z0-9]$/.test(key);\n // User could also be editing characters if there are already characters entered\n // and they are hitting delete or spacebar\n if (!isEditingCharacters && enteredCharactersRef.current) {\n isEditingCharacters = key === ' ' \|\| key === 'Backspace';\n }\n\n if (isEditingCharacters) {\n onEventHandled();\n if (key === 'Backspace') {\n enteredCharactersRef.current = enteredCharactersRef.current.slice(\n 0,\n -1,\n );\n } else {\n enteredCharactersRef.current += key;\n }\n\n setActiveItem({\n dropdownElement,\n event,\n // If props.allowCreate, only override the input’s value with an\n // exact text match so user can enter a value not in items\n isExactMatch: allowCreateRef.current,\n onActiveItem,\n text: enteredCharactersRef.current,\n });\n\n if (clearEnteredCharactersTimerRef.current != null) {\n clearTimeout(clearEnteredCharactersTimerRef.current);\n }\n\n clearEnteredCharactersTimerRef.current = setTimeout(() => {\n enteredCharactersRef.current = '';\n clearEnteredCharactersTimerRef.current = null;\n }, 1500);\n\n return;\n }\n }\n\n // If dropdown isOpen, handle submitting the value\n if (key === 'Enter' \|\| (key === ' ' && !inputElementRef.current)) {\n onEventHandled();\n handleSubmitItem(event);\n return;\n }\n\n // If dropdown isOpen, handle closing it on escape or spacebar if !hasItems\n if (\n key === 'Escape' \|\|\n (isEventTargetingDropdown && key === ' ' && !hasItemsRef.current)\n ) {\n // Close dropdown if hasItems or event target not using key events\n if (hasItemsRef.current \|\| !isTargetUsingKeyEvents) {\n closeDropdown();\n }\n return;\n }\n\n // Handle ↑/↓ arrows\n if (hasItemsRef.current) {\n if (key === 'ArrowUp') {\n onEventHandled();\n if (altKey \|\| metaKey) {\n setActiveItem({ dropdownElement, event, index: 0, onActiveItem });\n } else {\n setActiveItem({\n dropdownElement,\n event,\n indexAddend: -1,\n onActiveItem,\n });\n }\n return;\n }\n if (key === 'ArrowDown') {\n onEventHandled();\n if (altKey \|\| metaKey) {\n // Using a negative index counts back from the end\n setActiveItem({ dropdownElement, event, index: -1, onActiveItem });\n } else {\n setActiveItem({\n dropdownElement,\n event,\n indexAddend: 1,\n onActiveItem,\n });\n }\n return;\n }\n }\n };\n\n useKeyboardEvents({ ignoreUsedKeyboardEvents: false, onKeyDown: handleKeyDown });\n\n const handleRef = (ref: HTMLDivElement \| null): (() => void) \| void => {\n setDropdownElement(ref);\n if (!ref) return;\n\n const { ownerDocument } = ref;\n let inputElement = inputElementRef.current;\n // Check if trigger is a textual input or textarea element\n if (!inputElement && ref.firstElementChild) {\n if (ref.firstElementChild.matches(TEXT_INPUT_SELECTOR)) {\n inputElement = ref.firstElementChild as HTMLInputElement;\n } else {\n inputElement = ref.firstElementChild.querySelector(TEXT_INPUT_SELECTOR);\n }\n inputElementRef.current = inputElement;\n }\n\n const handleGlobalMouseDown = ({ target }: MouseEvent) => {\n const eventTarget = target as HTMLElement;\n if (!ref.contains(eventTarget)) {\n // Close dropdown on an outside click\n closeDropdown();\n }\n };\n\n const handleGlobalMouseUp = ({ target }: MouseEvent) => {\n if (!isOpenRef.current \|\| closingTimerRef.current != null) return;\n\n // If still isOpening (gets set false 1s after open triggers), set it to false onMouseUp\n if (isOpeningRef.current) {\n setIsOpening(false);\n if (isOpeningTimerRef.current != null) {\n clearTimeout(isOpeningTimerRef.current);\n isOpeningTimerRef.current = null;\n }\n return;\n }\n\n const eventTarget = target as HTMLElement;\n // Only handle mouseup events from outside the dropdown here\n if (!ref.contains(eventTarget)) {\n closeDropdown();\n }\n };\n\n // Close dropdown if any element is focused outside of this dropdown\n const handleGlobalFocusIn = ({ target }: Event) => {\n if (!isOpenRef.current) return;\n\n const eventTarget = target as HTMLElement;\n // If focused element is a descendant or a parent of the dropdown, do nothing\n if (ref.contains(eventTarget) \|\| eventTarget.contains(ref)) {\n return;\n }\n\n closeDropdown();\n };\n\n document.addEventListener('focusin', handleGlobalFocusIn);\n document.addEventListener('mousedown', handleGlobalMouseDown);\n document.addEventListener('mouseup', handleGlobalMouseUp);\n\n if (ownerDocument !== document) {\n ownerDocument.addEventListener('focusin', handleGlobalFocusIn);\n ownerDocument.addEventListener('mousedown', handleGlobalMouseDown);\n ownerDocument.addEventListener('mouseup', handleGlobalMouseUp);\n }\n\n // If dropdown should be open on mount, focus it\n if (isOpenOnMount) {\n ref.focus();\n }\n\n const handleInput = (event: Event) => {\n if (!isOpenRef.current) setIsOpen(true);\n\n const input = event.target as HTMLInputElement;\n const isDeleting = enteredCharactersRef.current.length > input.value.length;\n enteredCharactersRef.current = input.value;\n // When deleting text, if there’s already an active item and\n // input isn’t empty, preserve the active item, else update it\n if (isDeleting && input.value.length && getActiveItemElement(ref)) {\n return;\n }\n\n setActiveItem({\n dropdownElement: ref,\n event,\n // If props.allowCreate, only override the input’s value with an\n // exact text match so user can enter a value not in items\n isExactMatch: allowCreateRef.current,\n onActiveItem,\n text: enteredCharactersRef.current,\n });\n };\n\n if (inputElement) {\n inputElement.addEventListener('input', handleInput);\n }\n\n return () => {\n document.removeEventListener('focusin', handleGlobalFocusIn);\n document.removeEventListener('mousedown', handleGlobalMouseDown);\n document.removeEventListener('mouseup', handleGlobalMouseUp);\n\n if (ownerDocument !== document) {\n ownerDocument.removeEventListener('focusin', handleGlobalFocusIn);\n ownerDocument.removeEventListener('mousedown', handleGlobalMouseDown);\n ownerDocument.removeEventListener('mouseup', handleGlobalMouseUp);\n }\n\n if (inputElement) {\n inputElement.removeEventListener('input', handleInput);\n }\n };\n };\n\n if (!isValidElement(trigger)) {\n if (isSearchable) {\n trigger = (\n <input\n autoComplete=\"off\"\n className={TRIGGER_CLASS_NAME}\n defaultValue={value ?? ''}\n disabled={disabled}\n name={name}\n onFocus={() => setIsOpen(true)}\n placeholder={placeholder}\n ref={inputElementRef}\n tabIndex={tabIndex}\n type=\"text\"\n />\n );\n } else {\n trigger = (\n <button className={TRIGGER_CLASS_NAME} tabIndex={0} type=\"button\">\n {trigger}\n </button>\n );\n }\n }\n\n if (label) {\n trigger = (\n <label className={LABEL_CLASS_NAME}>\n <div className={LABEL_TEXT_CLASS_NAME}>{label}</div>\n {trigger}\n </label>\n );\n }\n\n const dropdownRect = useBoundingClientRect(dropdownElement);\n const dropdownBodyRect = useBoundingClientRect(dropdownBodyElement);\n const boundingElement = getBoundingAncestor(dropdownBodyElement);\n const boundingElementRect = useBoundingClientRect(boundingElement);\n let maxHeight;\n if (\n dropdownBodyRect.top != null &&\n dropdownRect.top != null &&\n boundingElementRect.top != null\n ) {\n const maxHeightUp = dropdownBodyRect.bottom - boundingElementRect.top;\n const maxHeightDown = boundingElementRect.bottom - dropdownBodyRect.top;\n maxHeight = Math.round(\n dropdownBodyRect.top > dropdownRect.top ? maxHeightDown : maxHeightUp,\n );\n }\n\n const style = {\n ...styleFromProps,\n ...(maxHeight != null && maxHeight > minHeightBody\n ? { [BODY_MAX_HEIGHT_VAR]: `calc(${maxHeight}px - var(--uktdd-body-buffer))` }\n : null),\n };\n\n return (\n <Fragment>\n <Style href=\"@acusti/dropdown/Dropdown\">{STYLES}</Style>\n <div\n className={clsx(ROOT_CLASS_NAME, className, {\n disabled,\n 'is-open': isOpen,\n 'is-searchable': isSearchable,\n })}\n onClick={onClick}\n onMouseDown={handleMouseDown}\n onMouseMove={handleMouseMove}\n onMouseOut={handleMouseOut}\n onMouseOver={handleMouseOver}\n onMouseUp={handleMouseUp}\n ref={handleRef}\n style={style}\n >\n {trigger}\n {/ TODO next version of Dropdown should use <Activity> for body https://react.dev/reference/react/Activity */}\n {isOpen ? (\n <div className={BODY_CLASS_NAME} ref={setDropdownBodyElement}>\n {childrenCount > 1 ? (children as ChildrenTuple)[1] : children}\n </div>\n ) : null}\n </div>\n </Fragment>\n );\n}\n\nfunction getBoundingAncestor(element?: MaybeHTMLElement): MaybeHTMLElement {\n while (element?.parentElement) {\n // If we’ve reached the body, use that as boundingElement\n if (element.parentElement.tagName === 'BODY') return element.parentElement;\n // Only need to check one overflow direction, because if either direction\n // is not visible, neither can be visible\n if (getComputedStyle(element.parentElement).overflowX !== 'visible') {\n return element.parentElement;\n }\n\n element = element.parentElement as MaybeHTMLElement;\n }\n\n return null;\n}\n"],"mappings":"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"}

package/dist/styles.d.ts CHANGED Viewed

@@ -10,4 +10,4 @@ export declare const LABEL_TEXT_SELECTOR = ".uktdropdown-label-text";
 export declare const TRIGGER_SELECTOR = ".uktdropdown-trigger";
 export declare const BODY_MAX_HEIGHT_VAR = "--uktdd-body-max-height";
 export declare const BODY_MAX_WIDTH_VAR = "--uktdd-body-max-width";
-export declare const STYLES = "\n:root {\n  --uktdd-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  --uktdd-body-bg-color: #fff;\n  --uktdd-body-bg-color-hover: rgb(105,162,249);\n  --uktdd-body-color-hover: #fff;\n  --uktdd-body-buffer: 10px;\n  --uktdd-body-max-height: calc(100vh - var(--uktdd-body-buffer));\n  --uktdd-body-max-width: calc(100vw - var(--uktdd-body-buffer));\n  --uktdd-body-pad-bottom: 9px;\n  --uktdd-body-pad-left: 12px;\n  --uktdd-body-pad-right: 12px;\n  --uktdd-body-pad-top: 9px;\n  --uktdd-label-pad-right: 10px;\n}\n.uktdropdown,\n.uktdropdown-trigger {\n  font-family: var(--uktdd-font-family);\n}\n.uktdropdown {\n  width: max-content;\n}\n.uktdropdown.disabled {\n  pointer-events: none;\n}\n.uktdropdown > * {\n  cursor: default;\n}\n.uktdropdown-label {\n  display: flex;\n  align-items: center;\n}\n.uktdropdown-label-text {\n  padding-right: var(--uktdd-label-pad-right);\n}\n.uktdropdown-body {\n  box-sizing: border-box;\n  position: absolute;\n  top: anchor(bottom);\n  left: anchor(left);\n  bottom: auto;\n  right: auto;\n  position-try-fallbacks: --uktdd-top-left, --uktdd-bottom-right, --uktdd-top-right;\n  min-height: 50px;\n  max-height: var(--uktdd-body-max-height);\n  min-width: min(50px, 100%);\n  max-width: var(--uktdd-body-max-width);\n  overflow: auto;\n  z-index: 2;\n  padding: var(--uktdd-body-pad-top) var(--uktdd-body-pad-right) var(--uktdd-body-pad-bottom) var(--uktdd-body-pad-left);\n  background-color: var(--uktdd-body-bg-color);\n  box-shadow: 0 8px 18px rgba(0,0,0,0.25);\n}\n@position-try --uktdd-top-left {\n  bottom: anchor(top);\n  left: anchor(left);\n  top: auto;\n  right: auto;\n}\n@position-try --uktdd-bottom-right {\n  top: anchor(bottom);\n  right: anchor(right);\n  bottom: auto;\n  left: auto;\n}\n@position-try --uktdd-top-right {\n  bottom: anchor(top);\n  right: anchor(right);\n  top: auto;\n  left: auto;\n}\n.uktdropdown-body.has-items {\n  user-select: none;\n}\n.uktdropdown-body [data-ukt-active] {\n  background-color: var(--uktdd-body-bg-color-hover);\n  color: var(--uktdd-body-color-hover);\n}\n";
+export declare const STYLES = "\n:root {\n  --uktdd-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  --uktdd-body-bg-color: #fff;\n  --uktdd-body-bg-color-hover: rgb(105,162,249);\n  --uktdd-body-color-hover: #fff;\n  --uktdd-body-buffer: 10px;\n  --uktdd-body-max-height: calc(100vh - var(--uktdd-body-buffer));\n  --uktdd-body-max-width: calc(100vw - var(--uktdd-body-buffer));\n  --uktdd-body-pad-bottom: 9px;\n  --uktdd-body-pad-left: 12px;\n  --uktdd-body-pad-right: 12px;\n  --uktdd-body-pad-top: 9px;\n  --uktdd-label-pad-right: 10px;\n}\n.uktdropdown,\n.uktdropdown-trigger {\n  font-family: var(--uktdd-font-family);\n}\n.uktdropdown {\n  width: max-content;\n  anchor-scope: --uktdd-anchor;\n}\n.uktdropdown.disabled {\n  pointer-events: none;\n}\n.uktdropdown > * {\n  cursor: default;\n}\n.uktdropdown > :first-child {\n  anchor-name: --uktdd-anchor;\n}\n.uktdropdown-label {\n  display: flex;\n  align-items: center;\n}\n.uktdropdown-label-text {\n  padding-right: var(--uktdd-label-pad-right);\n}\n.uktdropdown-body {\n  box-sizing: border-box;\n  position: absolute;\n  position-anchor: --uktdd-anchor;\n  top: anchor(bottom);\n  left: anchor(left);\n  bottom: auto;\n  right: auto;\n  position-try-fallbacks: --uktdd-top-left, --uktdd-bottom-right, --uktdd-top-right;\n  min-height: 50px;\n  max-height: var(--uktdd-body-max-height);\n  min-width: min(50px, 100%);\n  max-width: var(--uktdd-body-max-width);\n  overflow: auto;\n  z-index: 2;\n  padding: var(--uktdd-body-pad-top) var(--uktdd-body-pad-right) var(--uktdd-body-pad-bottom) var(--uktdd-body-pad-left);\n  background-color: var(--uktdd-body-bg-color);\n  box-shadow: 0 8px 18px rgba(0,0,0,0.25);\n}\n@position-try --uktdd-top-left {\n  bottom: anchor(top);\n  left: anchor(left);\n  top: auto;\n  right: auto;\n}\n@position-try --uktdd-bottom-right {\n  top: anchor(bottom);\n  right: anchor(right);\n  bottom: auto;\n  left: auto;\n}\n@position-try --uktdd-top-right {\n  bottom: anchor(top);\n  right: anchor(right);\n  top: auto;\n  left: auto;\n}\n.uktdropdown-body.has-items {\n  user-select: none;\n}\n.uktdropdown-body [data-ukt-active] {\n  background-color: var(--uktdd-body-bg-color-hover);\n  color: var(--uktdd-body-color-hover);\n}\n";

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@acusti/dropdown",
-    "version": "0.52.0",
+    "version": "0.53.0",
     "type": "module",
     "sideEffects": false,
     "exports": "./dist/Dropdown.js",
@@ -42,18 +42,18 @@
     "homepage": "https://github.com/acusti/uikit/tree/main/packages/dropdown#readme",
     "devDependencies": {
         "@testing-library/dom": "^10.4.1",
-        "@testing-library/react": "^16.3.0",
+        "@testing-library/react": "^16.3.2",
         "@testing-library/user-event": "^14.6.1",
-        "@types/react": "^19.2.2",
+        "@types/react": "^19.2.10",
         "@vitejs/plugin-react": "^5.0.4",
         "babel-plugin-react-compiler": "^1",
-        "happy-dom": "^20.0.10",
+        "happy-dom": "^20.4.0",
         "react": "^19",
         "react-dom": "^19",
         "typescript": "5.9.2",
         "unplugin-dts": "^1.0.0-beta.6",
-        "vite": "^7.1.10",
-        "vitest": "^3.2.4"
+        "vite": "^8.0.0-0",
+        "vitest": "^4"
     },
     "dependencies": {
         "@acusti/matchmaking": "^0.10.0",