@acusti/dropdown 0.16.0 → 0.18.1

package/dist/Dropdown.js

@@ -1,43 +1,16 @@
+// TODO add mouseout event handler to check event.target and clear active element
+// whenever mouse leaves it
 import InputText from '@acusti/input-text';
 import { Style } from '@acusti/styling';
 import useIsOutOfBounds from '@acusti/use-is-out-of-bounds';
 import classnames from 'classnames';
 import * as React from 'react';
-import {
-    BODY_CLASS_NAME,
-    BODY_SELECTOR,
-    LABEL_CLASS_NAME,
-    LABEL_TEXT_CLASS_NAME,
-    ROOT_CLASS_NAME,
-    STYLES,
-    TRIGGER_CLASS_NAME,
-} from './styles.js';
-import {
-    getActiveItemElement,
-    getItemElements,
-    ITEM_SELECTOR,
-    KEY_EVENT_ELEMENTS,
-    setActiveItem,
-} from './helpers.js';
+import { BODY_CLASS_NAME, BODY_SELECTOR, LABEL_CLASS_NAME, LABEL_TEXT_CLASS_NAME, ROOT_CLASS_NAME, STYLES, TRIGGER_CLASS_NAME, } from './styles.js';
+import { getActiveItemElement, getItemElements, ITEM_SELECTOR, KEY_EVENT_ELEMENTS, setActiveItem, } from './helpers.js';
 const { Children, Fragment, useCallback, useLayoutEffect, useRef, useState } = React;
-const noop = () => {};
-const CHILDREN_ERROR =
-    '@acusti/dropdown requires either 1 child (the dropdown body) or 2 children: the dropdown trigger and the dropdown body.';
-const Dropdown = ({
-    allowEmpty = true,
-    children,
-    className,
-    disabled,
-    hasItems = true,
-    isOpenOnMount,
-    isSearchable,
-    label,
-    name,
-    onSubmitItem,
-    placeholder,
-    tabIndex,
-    value,
-}) => {
+const noop = () => { };
+const CHILDREN_ERROR = '@acusti/dropdown requires either 1 child (the dropdown body) or 2 children: the dropdown trigger and the dropdown body.';
+const Dropdown = ({ allowEmpty = true, children, className, disabled, hasItems = true, isOpenOnMount, isSearchable, label, name, onSubmitItem, placeholder, tabIndex, value, }) => {
     const childrenCount = Children.count(children);
     if (childrenCount !== 1 && childrenCount !== 2) {
         if (childrenCount === 0) {
@@ -99,39 +72,30 @@ const Dropdown = ({
             // doesn’t close before expected. It also enables using <Link />s in the dropdown body.
             closingTimerRef.current = setTimeout(closeDropdown, 90);
         }
-        if (!hasItemsRef.current) return;
+        if (!hasItemsRef.current)
+            return;
         const nextElement = getActiveItemElement(dropdownElementRef.current);
         if (!nextElement) {
             // If not allowEmpty, don’t allow submitting an empty item
-            if (!allowEmptyRef.current) return;
+            if (!allowEmptyRef.current)
+                return;
             // If we have an input element as trigger & the user didn’t clear the text, do nothing
-            if (
-                (_a = inputElementRef.current) === null || _a === void 0
-                    ? void 0
-                    : _a.value
-            )
+            if ((_a = inputElementRef.current) === null || _a === void 0 ? void 0 : _a.value)
                 return;
         }
-        const label =
-            (nextElement === null || nextElement === void 0
-                ? void 0
-                : nextElement.innerText) || '';
-        const nextValue =
-            (nextElement === null || nextElement === void 0
-                ? void 0
-                : nextElement.dataset.uktValue) || label;
+        const label = (nextElement === null || nextElement === void 0 ? void 0 : nextElement.innerText) || '';
+        const nextValue = (nextElement === null || nextElement === void 0 ? void 0 : nextElement.dataset.uktValue) || label;
         const nextItem = { element: nextElement, value: nextValue };
         if (inputElementRef.current) {
             inputElementRef.current.value = label;
-            if (
-                inputElementRef.current ===
-                inputElementRef.current.ownerDocument.activeElement
-            ) {
+            if (inputElementRef.current ===
+                inputElementRef.current.ownerDocument.activeElement) {
                 inputElementRef.current.blur();
             }
         }
         // If parent is controlling Dropdown via props.value and nextValue is the same, do nothing
-        if (valueRef.current && valueRef.current === nextValue) return;
+        if (valueRef.current && valueRef.current === nextValue)
+            return;
         if (onSubmitItemRef.current) {
             onSubmitItemRef.current(nextItem);
         }
@@ -139,24 +103,27 @@ const Dropdown = ({
     const handleMouseMove = useCallback(({ clientX, clientY }) => {
         currentInputMethodRef.current = 'mouse';
         const initialPosition = mouseDownPositionRef.current;
-        if (!initialPosition) return;
-        if (
-            Math.abs(initialPosition.clientX - clientX) < 12 &&
-            Math.abs(initialPosition.clientY - clientY) < 12
-        ) {
+        if (!initialPosition)
+            return;
+        if (Math.abs(initialPosition.clientX - clientX) < 12 &&
+            Math.abs(initialPosition.clientY - clientY) < 12) {
             return;
         }
         setIsOpening(false);
     }, []);
     const handleMouseOver = useCallback((event) => {
-        if (!hasItemsRef.current) return;
+        if (!hasItemsRef.current)
+            return;
         // If user isn’t currently using the mouse to navigate the dropdown, do nothing
-        if (currentInputMethodRef.current !== 'mouse') return;
+        if (currentInputMethodRef.current !== 'mouse')
+            return;
         // Ensure we have the dropdown root HTMLElement
         const dropdownElement = dropdownElementRef.current;
-        if (!dropdownElement) return;
+        if (!dropdownElement)
+            return;
         const itemElements = getItemElements(dropdownElement);
-        if (!itemElements) return;
+        if (!itemElements)
+            return;
         const eventTarget = event.target;
         const item = eventTarget.closest(ITEM_SELECTOR);
         const element = item || eventTarget;
@@ -171,327 +138,282 @@ const Dropdown = ({
         }
     }, []);
     const cleanupEventListenersRef = useRef(noop);
-    const handleRef = useCallback(
-        (ref) => {
-            dropdownElementRef.current = ref;
-            if (!ref) {
-                // If component was unmounted, cleanup handlers
-                cleanupEventListenersRef.current();
-                cleanupEventListenersRef.current = noop;
+    const handleRef = useCallback((ref) => {
+        dropdownElementRef.current = ref;
+        if (!ref) {
+            // If component was unmounted, cleanup handlers
+            cleanupEventListenersRef.current();
+            cleanupEventListenersRef.current = noop;
+            return;
+        }
+        const { ownerDocument } = ref;
+        let inputElement = inputElementRef.current;
+        // Check if trigger from props is an input or textarea element
+        if (isTriggerFromProps && !inputElement && ref.firstElementChild) {
+            inputElement = ref.firstElementChild.querySelector('input:not([type=radio]):not([type=checkbox]):not([type=range]),textarea');
+            inputElementRef.current = inputElement;
+        }
+        const handleMouseDown = ({ clientX, clientY, target }) => {
+            const eventTarget = target;
+            if (dropdownElementRef.current &&
+                !dropdownElementRef.current.contains(eventTarget)) {
+                // Close dropdown on an outside click
+                closeDropdown();
                 return;
             }
-            const { ownerDocument } = ref;
-            let inputElement = inputElementRef.current;
-            // Check if trigger from props is an input or textarea element
-            if (isTriggerFromProps && !inputElement && ref.firstElementChild) {
-                inputElement = ref.firstElementChild.querySelector(
-                    'input:not([type=radio]):not([type=checkbox]):not([type=range]),textarea',
-                );
-                inputElementRef.current = inputElement;
-            }
-            const handleMouseDown = ({ clientX, clientY, target }) => {
-                const eventTarget = target;
-                if (
-                    dropdownElementRef.current &&
-                    !dropdownElementRef.current.contains(eventTarget)
-                ) {
-                    // Close dropdown on an outside click
-                    closeDropdown();
-                    return;
-                }
-                if (isOpenRef.current) return;
-                setIsOpen(true);
-                setIsOpening(true);
-                mouseDownPositionRef.current = { clientX, clientY };
-                isOpeningTimerRef.current = setTimeout(() => {
-                    setIsOpening(false);
+            if (isOpenRef.current)
+                return;
+            setIsOpen(true);
+            setIsOpening(true);
+            mouseDownPositionRef.current = { clientX, clientY };
+            isOpeningTimerRef.current = setTimeout(() => {
+                setIsOpening(false);
+                isOpeningTimerRef.current = null;
+            }, 1000);
+        };
+        const handleMouseUp = ({ target }) => {
+            if (!isOpenRef.current || closingTimerRef.current)
+                return;
+            // If still isOpening (gets set false 1s after open triggers), set it to false onMouseUp
+            if (isOpeningRef.current) {
+                setIsOpening(false);
+                if (isOpeningTimerRef.current) {
+                    clearTimeout(isOpeningTimerRef.current);
                     isOpeningTimerRef.current = null;
-                }, 1000);
+                }
+                return;
+            }
+            const isTargetInBody = target.closest(BODY_SELECTOR);
+            // If mouseup is on dropdown body and there are no items, don’t close the dropdown
+            if (!hasItemsRef.current && isTargetInBody)
+                return;
+            // If mouseup is on an item, trigger submit item, else close the dropdown
+            if (isTargetInBody) {
+                handleSubmitItem();
+            }
+            else if (!inputElementRef.current ||
+                (dropdownElementRef.current &&
+                    dropdownElementRef.current.contains(ownerDocument.activeElement))) {
+                // If dropdown is searchable and ref is still focused, this won’t be invoked
+                closeDropdown();
+            }
+        };
+        const handleKeyDown = (event) => {
+            const { altKey, ctrlKey, key, metaKey } = event;
+            const eventTarget = event.target;
+            const dropdownElement = dropdownElementRef.current;
+            if (!dropdownElement)
+                return;
+            const onEventHandled = () => {
+                event.stopPropagation();
+                event.preventDefault();
+                currentInputMethodRef.current = 'keyboard';
             };
-            const handleMouseUp = ({ target }) => {
-                if (!isOpenRef.current || closingTimerRef.current) return;
-                // If still isOpening (gets set false 1s after open triggers), set it to false onMouseUp
-                if (isOpeningRef.current) {
-                    setIsOpening(false);
-                    if (isOpeningTimerRef.current) {
-                        clearTimeout(isOpeningTimerRef.current);
-                        isOpeningTimerRef.current = null;
-                    }
+            const isEventTargetingDropdown = dropdownElement.contains(eventTarget);
+            if (!isOpenRef.current) {
+                // If dropdown is closed, don’t handle key events if event target isn’t within dropdown
+                if (!isEventTargetingDropdown)
+                    return;
+                // Open the dropdown on spacebar, enter, or if isSearchable and user hits the up/down arrows
+                if (key === ' ' ||
+                    key === 'Enter' ||
+                    (hasItemsRef.current &&
+                        (key === 'ArrowUp' || key === 'ArrowDown'))) {
+                    onEventHandled();
+                    setIsOpen(true);
                     return;
                 }
-                const isTargetInBody = target.closest(BODY_SELECTOR);
-                // If mouseup is on dropdown body and there are no items, don’t close the dropdown
-                if (!hasItemsRef.current && isTargetInBody) return;
-                // If mouseup is on an item, trigger submit item, else close the dropdown
-                if (isTargetInBody) {
-                    handleSubmitItem();
-                } else if (
-                    !inputElementRef.current ||
-                    (dropdownElementRef.current &&
-                        dropdownElementRef.current.contains(ownerDocument.activeElement))
-                ) {
-                    // If dropdown is searchable and ref is still focused, this won’t be invoked
-                    closeDropdown();
+                return;
+            }
+            // If dropdown isOpen, hasItems, and not isSearchable, handle entering characters
+            if (hasItemsRef.current && !inputElementRef.current) {
+                let isEditingCharacters = !ctrlKey && !metaKey && /^[A-Za-z0-9]$/.test(key);
+                // User could also be editing characters if there are already characters entered
+                // and they are hitting delete or spacebar
+                if (!isEditingCharacters && enteredCharactersRef.current) {
+                    isEditingCharacters = key === ' ' || key === 'Backspace';
                 }
-            };
-            const handleKeyDown = (event) => {
-                const { altKey, ctrlKey, key, metaKey } = event;
-                const eventTarget = event.target;
-                const dropdownElement = dropdownElementRef.current;
-                if (!dropdownElement) return;
-                const onEventHandled = () => {
-                    event.stopPropagation();
-                    event.preventDefault();
-                    currentInputMethodRef.current = 'keyboard';
-                };
-                const isEventTargetingDropdown = dropdownElement.contains(eventTarget);
-                if (!isOpenRef.current) {
-                    // If dropdown is closed, don’t handle key events if event target isn’t within dropdown
-                    if (!isEventTargetingDropdown) return;
-                    // Open the dropdown on spacebar, enter, or if isSearchable and user hits the up/down arrows
-                    if (
-                        key === ' ' ||
-                        key === 'Enter' ||
-                        (hasItemsRef.current &&
-                            (key === 'ArrowUp' || key === 'ArrowDown'))
-                    ) {
-                        onEventHandled();
-                        setIsOpen(true);
-                        return;
+                if (isEditingCharacters) {
+                    onEventHandled();
+                    if (key === 'Backspace') {
+                        enteredCharactersRef.current =
+                            enteredCharactersRef.current.slice(0, -1);
                     }
+                    else {
+                        enteredCharactersRef.current += key;
+                    }
+                    setActiveItem({
+                        dropdownElement,
+                        // If input element came from props, only override the input’s value
+                        // with an exact text match so user can enter a value not in items
+                        isExactMatch: isTriggerFromPropsRef.current,
+                        text: enteredCharactersRef.current,
+                    });
+                    if (clearEnteredCharactersTimerRef.current) {
+                        clearTimeout(clearEnteredCharactersTimerRef.current);
+                    }
+                    clearEnteredCharactersTimerRef.current = setTimeout(() => {
+                        enteredCharactersRef.current = '';
+                        clearEnteredCharactersTimerRef.current = null;
+                    }, 1500);
                     return;
                 }
-                // If dropdown isOpen, hasItems, and not isSearchable, handle entering characters
-                if (hasItemsRef.current && !inputElementRef.current) {
-                    let isEditingCharacters =
-                        !ctrlKey && !metaKey && /^[A-Za-z0-9]$/.test(key);
-                    // User could also be editing characters if there are already characters entered
-                    // and they are hitting delete or spacebar
-                    if (!isEditingCharacters && enteredCharactersRef.current) {
-                        isEditingCharacters = key === ' ' || key === 'Backspace';
-                    }
-                    if (isEditingCharacters) {
-                        onEventHandled();
-                        if (key === 'Backspace') {
-                            enteredCharactersRef.current =
-                                enteredCharactersRef.current.slice(0, -1);
-                        } else {
-                            enteredCharactersRef.current += key;
-                        }
+            }
+            // If dropdown isOpen, handle submitting the value
+            if (key === 'Enter' || (key === ' ' && !inputElementRef.current)) {
+                onEventHandled();
+                handleSubmitItem();
+                return;
+            }
+            // If dropdown isOpen, handle closing it on escape or spacebar if !hasItems
+            if (key === 'Escape' ||
+                (isEventTargetingDropdown && key === ' ' && !hasItemsRef.current)) {
+                // If there are no items & event target element uses key events, don’t close it
+                if (!hasItemsRef.current &&
+                    (eventTarget.isContentEditable ||
+                        KEY_EVENT_ELEMENTS.has(eventTarget.tagName))) {
+                    return;
+                }
+                closeDropdown();
+                return;
+            }
+            // Handle ↑/↓ arrows
+            if (hasItemsRef.current) {
+                if (key === 'ArrowUp') {
+                    onEventHandled();
+                    if (altKey || metaKey) {
                         setActiveItem({
                             dropdownElement,
-                            // If input element came from props, only override the input’s value
-                            // with an exact text match so user can enter a value not in items
-                            isExactMatch: isTriggerFromPropsRef.current,
-                            text: enteredCharactersRef.current,
+                            index: 0,
                         });
-                        if (clearEnteredCharactersTimerRef.current) {
-                            clearTimeout(clearEnteredCharactersTimerRef.current);
-                        }
-                        clearEnteredCharactersTimerRef.current = setTimeout(() => {
-                            enteredCharactersRef.current = '';
-                            clearEnteredCharactersTimerRef.current = null;
-                        }, 1500);
-                        return;
                     }
-                }
-                // If dropdown isOpen, handle submitting the value
-                if (key === 'Enter' || (key === ' ' && !inputElementRef.current)) {
-                    onEventHandled();
-                    handleSubmitItem();
-                    return;
-                }
-                // If dropdown isOpen, handle closing it on escape or spacebar if !hasItems
-                if (
-                    key === 'Escape' ||
-                    (isEventTargetingDropdown && key === ' ' && !hasItemsRef.current)
-                ) {
-                    // If there are no items & event target element uses key events, don’t close it
-                    if (
-                        !hasItemsRef.current &&
-                        (eventTarget.isContentEditable ||
-                            KEY_EVENT_ELEMENTS.has(eventTarget.tagName))
-                    ) {
-                        return;
+                    else {
+                        setActiveItem({
+                            dropdownElement,
+                            indexAddend: -1,
+                        });
                     }
-                    closeDropdown();
                     return;
                 }
-                // Handle ↑/↓ arrows
-                if (hasItemsRef.current) {
-                    if (key === 'ArrowUp') {
-                        onEventHandled();
-                        if (altKey || metaKey) {
-                            setActiveItem({
-                                dropdownElement,
-                                index: 0,
-                            });
-                        } else {
-                            setActiveItem({
-                                dropdownElement,
-                                indexAddend: -1,
-                            });
-                        }
-                        return;
+                if (key === 'ArrowDown') {
+                    onEventHandled();
+                    if (altKey || metaKey) {
+                        // Using a negative index counts back from the end
+                        setActiveItem({
+                            dropdownElement,
+                            index: -1,
+                        });
                     }
-                    if (key === 'ArrowDown') {
-                        onEventHandled();
-                        if (altKey || metaKey) {
-                            // Using a negative index counts back from the end
-                            setActiveItem({
-                                dropdownElement,
-                                index: -1,
-                            });
-                        } else {
-                            setActiveItem({
-                                dropdownElement,
-                                indexAddend: 1,
-                            });
-                        }
-                        return;
+                    else {
+                        setActiveItem({
+                            dropdownElement,
+                            indexAddend: 1,
+                        });
                     }
-                }
-            };
-            // Close dropdown if any element is focused outside of this dropdown
-            const handleFocusIn = (event) => {
-                if (!isOpenRef.current) return;
-                const eventTarget = event.target;
-                // If focused element is a descendant or a parent of the dropdown, do nothing
-                if (
-                    !dropdownElementRef.current ||
-                    dropdownElementRef.current.contains(eventTarget) ||
-                    eventTarget.contains(dropdownElementRef.current)
-                ) {
                     return;
                 }
-                closeDropdown();
-            };
-            document.addEventListener('focusin', handleFocusIn);
-            document.addEventListener('keydown', handleKeyDown);
-            document.addEventListener('mousedown', handleMouseDown);
-            document.addEventListener('mouseup', handleMouseUp);
-            if (ownerDocument !== document) {
-                ownerDocument.addEventListener('focusin', handleFocusIn);
-                ownerDocument.addEventListener('keydown', handleKeyDown);
-                ownerDocument.addEventListener('mousedown', handleMouseDown);
-                ownerDocument.addEventListener('mouseup', handleMouseUp);
             }
-            // If dropdown should be open on mount, focus it
-            if (isOpenOnMount) {
-                ref.focus();
+        };
+        // Close dropdown if any element is focused outside of this dropdown
+        const handleFocusIn = (event) => {
+            if (!isOpenRef.current)
+                return;
+            const eventTarget = event.target;
+            // If focused element is a descendant or a parent of the dropdown, do nothing
+            if (!dropdownElementRef.current ||
+                dropdownElementRef.current.contains(eventTarget) ||
+                eventTarget.contains(dropdownElementRef.current)) {
+                return;
+            }
+            closeDropdown();
+        };
+        document.addEventListener('focusin', handleFocusIn);
+        document.addEventListener('keydown', handleKeyDown);
+        document.addEventListener('mousedown', handleMouseDown);
+        document.addEventListener('mouseup', handleMouseUp);
+        if (ownerDocument !== document) {
+            ownerDocument.addEventListener('focusin', handleFocusIn);
+            ownerDocument.addEventListener('keydown', handleKeyDown);
+            ownerDocument.addEventListener('mousedown', handleMouseDown);
+            ownerDocument.addEventListener('mouseup', handleMouseUp);
+        }
+        // If dropdown should be open on mount, focus it
+        if (isOpenOnMount) {
+            ref.focus();
+        }
+        const handleInput = (event) => {
+            const dropdownElement = dropdownElementRef.current;
+            if (!dropdownElement)
+                return;
+            if (!isOpenRef.current)
+                setIsOpen(true);
+            const input = event.target;
+            const isDeleting = enteredCharactersRef.current.length > input.value.length;
+            enteredCharactersRef.current = input.value;
+            // Don’t set a new active item if user is deleting text unless text is now empty
+            if (isDeleting && input.value.length)
+                return;
+            setActiveItem({
+                dropdownElement,
+                // If input element came from props, only override the input’s value
+                // with an exact text match so user can enter a value not in items
+                isExactMatch: isTriggerFromPropsRef.current,
+                text: enteredCharactersRef.current,
+            });
+        };
+        if (inputElement) {
+            inputElement.addEventListener('input', handleInput);
+        }
+        cleanupEventListenersRef.current = () => {
+            document.removeEventListener('focusin', handleFocusIn);
+            document.removeEventListener('keydown', handleKeyDown);
+            document.removeEventListener('mousedown', handleMouseDown);
+            document.removeEventListener('mouseup', handleMouseUp);
+            if (ownerDocument !== document) {
+                ownerDocument.removeEventListener('focusin', handleFocusIn);
+                ownerDocument.removeEventListener('keydown', handleKeyDown);
+                ownerDocument.removeEventListener('mousedown', handleMouseDown);
+                ownerDocument.removeEventListener('mouseup', handleMouseUp);
             }
-            const handleInput = (event) => {
-                const dropdownElement = dropdownElementRef.current;
-                if (!dropdownElement) return;
-                if (!isOpenRef.current) setIsOpen(true);
-                const input = event.target;
-                const isDeleting =
-                    enteredCharactersRef.current.length > input.value.length;
-                enteredCharactersRef.current = input.value;
-                // Don’t set a new active item if user is deleting text unless text is now empty
-                if (isDeleting && input.value.length) return;
-                setActiveItem({
-                    dropdownElement,
-                    // If input element came from props, only override the input’s value
-                    // with an exact text match so user can enter a value not in items
-                    isExactMatch: isTriggerFromPropsRef.current,
-                    text: enteredCharactersRef.current,
-                });
-            };
             if (inputElement) {
-                inputElement.addEventListener('input', handleInput);
+                inputElement.removeEventListener('input', handleInput);
             }
-            cleanupEventListenersRef.current = () => {
-                document.removeEventListener('focusin', handleFocusIn);
-                document.removeEventListener('keydown', handleKeyDown);
-                document.removeEventListener('mousedown', handleMouseDown);
-                document.removeEventListener('mouseup', handleMouseUp);
-                if (ownerDocument !== document) {
-                    ownerDocument.removeEventListener('focusin', handleFocusIn);
-                    ownerDocument.removeEventListener('keydown', handleKeyDown);
-                    ownerDocument.removeEventListener('mousedown', handleMouseDown);
-                    ownerDocument.removeEventListener('mouseup', handleMouseUp);
-                }
-                if (inputElement) {
-                    inputElement.removeEventListener('input', handleInput);
-                }
-            };
-        },
-        [closeDropdown, handleSubmitItem, isOpenOnMount, isTriggerFromProps],
-    );
+        };
+    }, [closeDropdown, handleSubmitItem, isOpenOnMount, isTriggerFromProps]);
     const handleTriggerFocus = useCallback(() => {
         setIsOpen(true);
     }, []);
     if (!isTriggerFromProps) {
         if (isSearchable) {
-            trigger = React.createElement(InputText, {
-                className: TRIGGER_CLASS_NAME,
-                disabled: disabled,
-                initialValue: value || '',
-                name: name,
-                onFocus: handleTriggerFocus,
-                placeholder: placeholder,
-                ref: inputElementRef,
-                selectTextOnFocus: true,
-                tabIndex: tabIndex,
-                type: 'text',
-            });
-        } else {
-            trigger = React.createElement(
-                'button',
-                { className: TRIGGER_CLASS_NAME, tabIndex: 0 },
-                trigger,
-            );
+            trigger = (React.createElement(InputText, { className: TRIGGER_CLASS_NAME, disabled: disabled, initialValue: value || '', name: name, onFocus: handleTriggerFocus, placeholder: placeholder, ref: inputElementRef, selectTextOnFocus: true, tabIndex: tabIndex, type: "text" }));
+        }
+        else {
+            trigger = (React.createElement("button", { className: TRIGGER_CLASS_NAME, tabIndex: 0 }, trigger));
         }
     }
     if (label) {
-        trigger = React.createElement(
-            'label',
-            { className: LABEL_CLASS_NAME },
-            React.createElement('div', { className: LABEL_TEXT_CLASS_NAME }, label),
-            trigger,
-        );
+        trigger = (React.createElement("label", { className: LABEL_CLASS_NAME },
+            React.createElement("div", { className: LABEL_TEXT_CLASS_NAME }, label),
+            trigger));
     }
-    return React.createElement(
-        Fragment,
-        null,
+    return (React.createElement(Fragment, null,
         React.createElement(Style, null, STYLES),
-        React.createElement(
-            'div',
-            {
-                className: classnames(ROOT_CLASS_NAME, className, {
-                    disabled,
-                    'is-open': isOpen,
-                    'is-searchable': isSearchable,
-                }),
-                onMouseMove: handleMouseMove,
-                onMouseOver: handleMouseOver,
-                ref: handleRef,
-                tabIndex:
-                    isSearchable || inputElementRef.current || !isTriggerFromProps
-                        ? undefined
-                        : 0,
-            },
+        React.createElement("div", { className: classnames(ROOT_CLASS_NAME, className, {
+                disabled,
+                'is-open': isOpen,
+                'is-searchable': isSearchable,
+            }), onMouseMove: handleMouseMove, onMouseOver: handleMouseOver, ref: handleRef, tabIndex: isSearchable || inputElementRef.current || !isTriggerFromProps
+                ? undefined
+                : 0 },
             trigger,
-            isOpen
-                ? React.createElement(
-                      'div',
-                      {
-                          className: classnames(BODY_CLASS_NAME, {
-                              'calculating-position': !outOfBounds.hasLayout,
-                              'has-items': hasItems,
-                              'out-of-bounds-bottom': outOfBounds.bottom,
-                              'out-of-bounds-left': outOfBounds.left,
-                              'out-of-bounds-right': outOfBounds.right,
-                              'out-of-bounds-top': outOfBounds.top,
-                          }),
-                          ref: setDropdownBodyElement,
-                      },
-                      children[1] || children[0] || children,
-                  )
-                : null,
-        ),
-    );
+            isOpen ? (React.createElement("div", { className: classnames(BODY_CLASS_NAME, {
+                    'calculating-position': !outOfBounds.hasLayout,
+                    'has-items': hasItems,
+                    'out-of-bounds-bottom': outOfBounds.bottom,
+                    'out-of-bounds-left': outOfBounds.left,
+                    'out-of-bounds-right': outOfBounds.right,
+                    'out-of-bounds-top': outOfBounds.top,
+                }), ref: setDropdownBodyElement }, children[1] || children[0] || children)) : null)));
 };
 export default Dropdown;
-//# sourceMappingURL=Dropdown.js.map
+//# sourceMappingURL=Dropdown.js.map

package/dist/Dropdown.js.flow

@@ -1,58 +1,58 @@
 /**
  * Flowtype definitions for Dropdown
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.14.1
+ * Flowgen v1.20.0
  * @flow
  */
 
-import * as React from 'react';
+import * as React from "react";
 export type Item = {|
-    element: HTMLElement | null,
-    value: string,
+  element: HTMLElement | null,
+  value: string,
 |};
 export type Props = {|
-    /**
-     * Boolean indicating if the user can submit an empty value (i.e. clear the value); defaults to true
-     */
-    allowEmpty?: boolean,
+  /**
+   * Boolean indicating if the user can submit an empty value (i.e. clear the value); defaults to true
+   */
+  allowEmpty?: boolean,
 
-    /**
-     * Can take a single React element (e.g. ReactChild) or exactly two renderable children
-     */
-    children: React.Element<any> | [React.Node, React.Node],
-    className?: string,
-    disabled?: boolean,
+  /**
+   * Can take a single React element (e.g. ReactChild) or exactly two renderable children
+   */
+  children: React.Element<any> | [React.Node, React.Node],
+  className?: string,
+  disabled?: boolean,
 
-    /**
-     * Group identifier string links dropdowns together into a menu (like macOS top menubar)
-     */
-    group?: string,
-    hasItems?: boolean,
-    isOpenOnMount?: boolean,
-    isSearchable?: boolean,
-    label?: string,
+  /**
+   * Group identifier string links dropdowns together into a menu (like macOS top menubar)
+   */
+  group?: string,
+  hasItems?: boolean,
+  isOpenOnMount?: boolean,
+  isSearchable?: boolean,
+  label?: string,
 
-    /**
-     * Only usable in conjunction with {isSearchable: true}; used as search input’s name
-     */
-    name?: string,
-    onSubmitItem?: (payload: Item) => void,
+  /**
+   * Only usable in conjunction with {isSearchable: true}; used as search input’s name
+   */
+  name?: string,
+  onSubmitItem?: (payload: Item) => void,
 
-    /**
-     * Only usable in conjunction with {isSearchable: true}; used as search input’s placeholder
-     */
-    placeholder?: string,
+  /**
+   * Only usable in conjunction with {isSearchable: true}; used as search input’s placeholder
+   */
+  placeholder?: string,
 
-    /**
-     * Only usable in conjunction with {isSearchable: true}; used as search input’s tabIndex
-     */
-    tabIndex?: number,
+  /**
+   * Only usable in conjunction with {isSearchable: true}; used as search input’s tabIndex
+   */
+  tabIndex?: number,
 
-    /**
-     * Used as search input’s value if props.isSearchable === true
-     * Used to determine if value has changed to avoid triggering onSubmitItem if not
-     */
-    value?: string,
+  /**
+   * Used as search input’s value if props.isSearchable === true
+   * Used to determine if value has changed to avoid triggering onSubmitItem if not
+   */
+  value?: string,
 |};
 declare var Dropdown: React.StatelessFunctionalComponent<Props>;
 declare export default typeof Dropdown;

package/dist/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../src/Dropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../src/Dropdown.tsx"],"names":[],"mappings":"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"}

package/dist/helpers.d.ts

@@ -1,48 +1,33 @@
-export declare const ITEM_SELECTOR = '[data-ukt-item], [data-ukt-value]';
+export declare const ITEM_SELECTOR = "[data-ukt-item], [data-ukt-value]";
 export declare const KEY_EVENT_ELEMENTS: Set<string>;
-export declare const getItemElements: (
-    dropdownElement: HTMLElement | null,
-) => NodeListOf<Element> | HTMLCollection | null;
-export declare const getActiveItemElement: (
-    dropdownElement: HTMLElement | null,
-) => HTMLElement | null;
-export declare const setActiveItem: ({
-    dropdownElement,
-    element,
-    index,
-    indexAddend,
-    isExactMatch,
-    text,
-}:
-    | {
-          dropdownElement: HTMLElement;
-          element: HTMLElement;
-          index?: null | undefined;
-          indexAddend?: null | undefined;
-          isExactMatch?: null | undefined;
-          text?: null | undefined;
-      }
-    | {
-          dropdownElement: HTMLElement;
-          element?: null | undefined;
-          index: number;
-          indexAddend?: null | undefined;
-          isExactMatch?: null | undefined;
-          text?: null | undefined;
-      }
-    | {
-          dropdownElement: HTMLElement;
-          element?: null | undefined;
-          index?: null | undefined;
-          indexAddend: number;
-          isExactMatch?: null | undefined;
-          text?: null | undefined;
-      }
-    | {
-          dropdownElement: HTMLElement;
-          element?: null | undefined;
-          index?: null | undefined;
-          indexAddend?: null | undefined;
-          isExactMatch?: boolean | undefined;
-          text: string;
-      }) => void;
+export declare const getItemElements: (dropdownElement: HTMLElement | null) => NodeListOf<Element> | HTMLCollection | null;
+export declare const getActiveItemElement: (dropdownElement: HTMLElement | null) => HTMLElement | null;
+export declare const setActiveItem: ({ dropdownElement, element, index, indexAddend, isExactMatch, text, }: {
+    dropdownElement: HTMLElement;
+    element: HTMLElement;
+    index?: null | undefined;
+    indexAddend?: null | undefined;
+    isExactMatch?: null | undefined;
+    text?: null | undefined;
+} | {
+    dropdownElement: HTMLElement;
+    element?: null | undefined;
+    index: number;
+    indexAddend?: null | undefined;
+    isExactMatch?: null | undefined;
+    text?: null | undefined;
+} | {
+    dropdownElement: HTMLElement;
+    element?: null | undefined;
+    index?: null | undefined;
+    indexAddend: number;
+    isExactMatch?: null | undefined;
+    text?: null | undefined;
+} | {
+    dropdownElement: HTMLElement;
+    element?: null | undefined;
+    index?: null | undefined;
+    indexAddend?: null | undefined;
+    isExactMatch?: boolean | undefined;
+    text: string;
+}) => void;

package/dist/helpers.js

@@ -3,16 +3,20 @@ import { BODY_SELECTOR } from './styles.js';
 export const ITEM_SELECTOR = `[data-ukt-item], [data-ukt-value]`;
 export const KEY_EVENT_ELEMENTS = new Set(['INPUT', 'TEXTAREA']);
 export const getItemElements = (dropdownElement) => {
-    if (!dropdownElement) return null;
+    if (!dropdownElement)
+        return null;
     const bodyElement = dropdownElement.querySelector(BODY_SELECTOR);
-    if (!bodyElement) return null;
+    if (!bodyElement)
+        return null;
     let items = bodyElement.querySelectorAll(ITEM_SELECTOR);
-    if (items.length) return items;
+    if (items.length)
+        return items;
     // If no items found via [data-ukt-item] or [data-ukt-value] selector,
     // use first instance of multiple children found
     items = bodyElement.children;
     while (items.length === 1) {
-        if (!items[0].children) break;
+        if (!items[0].children)
+            break;
         items = items[0].children;
     }
     // If unable to find an element with more than one child, treat direct child as items
@@ -22,7 +26,8 @@ export const getItemElements = (dropdownElement) => {
     return items;
 };
 export const getActiveItemElement = (dropdownElement) => {
-    if (!dropdownElement) return null;
+    if (!dropdownElement)
+        return null;
     return dropdownElement.querySelector('[data-ukt-active]');
 };
 const clearItemElementsState = (itemElements) => {
@@ -32,45 +37,40 @@ const clearItemElementsState = (itemElements) => {
         }
     });
 };
-export const setActiveItem = ({
-    dropdownElement,
-    element,
-    index,
-    indexAddend,
-    isExactMatch,
-    text,
-}) => {
+export const setActiveItem = ({ dropdownElement, element, index, indexAddend, isExactMatch, text, }) => {
     const items = getItemElements(dropdownElement);
-    if (!items) return;
+    if (!items)
+        return;
     const itemElements = Array.from(items);
-    if (!itemElements.length) return;
+    if (!itemElements.length)
+        return;
     const lastIndex = itemElements.length - 1;
-    const currentActiveIndex = itemElements.findIndex((itemElement) =>
-        itemElement.hasAttribute('data-ukt-active'),
-    );
+    const currentActiveIndex = itemElements.findIndex((itemElement) => itemElement.hasAttribute('data-ukt-active'));
     let nextActiveIndex = currentActiveIndex;
     if (typeof index === 'number') {
         // Negative index means count back from the end
         nextActiveIndex = index < 0 ? itemElements.length + index : index;
     }
     if (element) {
-        nextActiveIndex = itemElements.findIndex(
-            (itemElement) => itemElement === element,
-        );
-    } else if (typeof indexAddend === 'number') {
+        nextActiveIndex = itemElements.findIndex((itemElement) => itemElement === element);
+    }
+    else if (typeof indexAddend === 'number') {
         // If there’s no currentActiveIndex and we are handling -1, start at lastIndex
         if (currentActiveIndex === -1 && indexAddend === -1) {
             nextActiveIndex = lastIndex;
-        } else {
+        }
+        else {
             nextActiveIndex += indexAddend;
         }
         // Keep it within the bounds of the items list
         if (nextActiveIndex < 0) {
             nextActiveIndex = 0;
-        } else if (nextActiveIndex > lastIndex) {
+        }
+        else if (nextActiveIndex > lastIndex) {
             nextActiveIndex = lastIndex;
         }
-    } else if (typeof text === 'string') {
+    }
+    else if (typeof text === 'string') {
         // If text is empty, clear existing active items and early return
         if (!text) {
             clearItemElementsState(itemElements);
@@ -79,19 +79,19 @@ export const setActiveItem = ({
         const itemTexts = itemElements.map((itemElement) => itemElement.innerText);
         if (isExactMatch) {
             const textToCompare = text.toLowerCase();
-            nextActiveIndex = itemTexts.findIndex((itemText) =>
-                itemText.toLowerCase().startsWith(textToCompare),
-            );
+            nextActiveIndex = itemTexts.findIndex((itemText) => itemText.toLowerCase().startsWith(textToCompare));
             // If isExactMatch is required and no exact match was found, clear active items
             if (nextActiveIndex === -1) {
                 clearItemElementsState(itemElements);
             }
-        } else {
+        }
+        else {
             const bestMatch = getBestMatch({ items: itemTexts, text });
             nextActiveIndex = itemTexts.findIndex((text) => text === bestMatch);
         }
     }
-    if (nextActiveIndex === -1 || nextActiveIndex === currentActiveIndex) return;
+    if (nextActiveIndex === -1 || nextActiveIndex === currentActiveIndex)
+        return;
     // Clear any existing active dropdown body item state
     clearItemElementsState(itemElements);
     const nextActiveItem = items[nextActiveIndex];
@@ -101,11 +101,11 @@ export const setActiveItem = ({
         let { parentElement } = nextActiveItem;
         let scrollableParent = null;
         while (!scrollableParent && parentElement && parentElement !== dropdownElement) {
-            const isScrollable =
-                parentElement.scrollHeight > parentElement.clientHeight + 15;
+            const isScrollable = parentElement.scrollHeight > parentElement.clientHeight + 15;
             if (isScrollable) {
                 scrollableParent = parentElement;
-            } else {
+            }
+            else {
                 parentElement = parentElement.parentElement;
             }
         }
@@ -119,7 +119,8 @@ export const setActiveItem = ({
                 // Item isn’t fully visible; adjust scrollTop to put item within closest edge
                 if (isAboveTop) {
                     scrollTop -= parentRect.top - itemRect.top;
-                } else {
+                }
+                else {
                     scrollTop += itemRect.bottom - parentRect.bottom;
                 }
                 scrollableParent.scrollTop = scrollTop;
@@ -127,4 +128,4 @@ export const setActiveItem = ({
         }
     }
 };
-//# sourceMappingURL=helpers.js.map
+//# sourceMappingURL=helpers.js.map

package/dist/helpers.js.flow

@@ -1,50 +1,50 @@
 /**
  * Flowtype definitions for helpers
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.14.1
+ * Flowgen v1.20.0
  * @flow
  */
 
-declare export var ITEM_SELECTOR: '[data-ukt-item], [data-ukt-value]';
+declare export var ITEM_SELECTOR: "[data-ukt-item], [data-ukt-value]";
 declare export var KEY_EVENT_ELEMENTS: Set<string>;
 declare export var getItemElements: (
-    dropdownElement: HTMLElement | null,
+  dropdownElement: HTMLElement | null
 ) => NodeListOf<Element> | HTMLCollection | null;
 declare export var getActiveItemElement: (
-    dropdownElement: HTMLElement | null,
+  dropdownElement: HTMLElement | null
 ) => HTMLElement | null;
 declare export var setActiveItem: (
-    x:
-        | {|
-              dropdownElement: HTMLElement,
-              element: HTMLElement,
-              index?: null | void,
-              indexAddend?: null | void,
-              isExactMatch?: null | void,
-              text?: null | void,
-          |}
-        | {|
-              dropdownElement: HTMLElement,
-              element?: null | void,
-              index: number,
-              indexAddend?: null | void,
-              isExactMatch?: null | void,
-              text?: null | void,
-          |}
-        | {|
-              dropdownElement: HTMLElement,
-              element?: null | void,
-              index?: null | void,
-              indexAddend: number,
-              isExactMatch?: null | void,
-              text?: null | void,
-          |}
-        | {|
-              dropdownElement: HTMLElement,
-              element?: null | void,
-              index?: null | void,
-              indexAddend?: null | void,
-              isExactMatch?: boolean | void,
-              text: string,
-          |},
+  x:
+    | {|
+        dropdownElement: HTMLElement,
+        element: HTMLElement,
+        index?: null | void,
+        indexAddend?: null | void,
+        isExactMatch?: null | void,
+        text?: null | void,
+      |}
+    | {|
+        dropdownElement: HTMLElement,
+        element?: null | void,
+        index: number,
+        indexAddend?: null | void,
+        isExactMatch?: null | void,
+        text?: null | void,
+      |}
+    | {|
+        dropdownElement: HTMLElement,
+        element?: null | void,
+        index?: null | void,
+        indexAddend: number,
+        isExactMatch?: null | void,
+        text?: null | void,
+      |}
+    | {|
+        dropdownElement: HTMLElement,
+        element?: null | void,
+        index?: null | void,
+        indexAddend?: null | void,
+        isExactMatch?: boolean | void,
+        text: string,
+      |}
 ) => void;

package/dist/styles.d.ts

@@ -1,4 +1,4 @@
-export declare const ROOT_CLASS_NAME = 'uktdropdown';
+export declare const ROOT_CLASS_NAME = "uktdropdown";
 export declare const ROOT_SELECTOR: string;
 export declare const BODY_CLASS_NAME: string;
 export declare const LABEL_CLASS_NAME: string;

package/dist/styles.js

@@ -77,4 +77,4 @@ ${BODY_SELECTOR} [data-ukt-active] {
   color: var(--uktdd-body-color-hover);
 }
 `;
-//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styles.js.map

package/dist/styles.js.flow

@@ -1,11 +1,11 @@
 /**
  * Flowtype definitions for styles
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.14.1
+ * Flowgen v1.20.0
  * @flow
  */
 
-declare export var ROOT_CLASS_NAME: 'uktdropdown';
+declare export var ROOT_CLASS_NAME: "uktdropdown";
 declare export var ROOT_SELECTOR: string;
 declare export var BODY_CLASS_NAME: string;
 declare export var LABEL_CLASS_NAME: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@acusti/dropdown",
-    "version": "0.16.0",
+    "version": "0.18.1",
     "type": "module",
     "sideEffects": false,
     "exports": "./dist/Dropdown.js",
@@ -21,14 +21,14 @@
     },
     "homepage": "https://github.com/acusti/uikit/tree/main/packages/dropdown#readme",
     "devDependencies": {
-        "@types/classnames": "^2.2.11",
-        "@types/react": "^17.0.3",
-        "typescript": "^4.4.3"
+        "@types/react": "^18.0.15",
+        "classnames": "^2",
+        "typescript": "~4.6.4"
     },
     "dependencies": {
-        "@acusti/input-text": "^0.9.0",
+        "@acusti/input-text": "^0.11.0",
         "@acusti/matchmaking": "^0.3.0",
-        "@acusti/styling": "^0.5.0",
+        "@acusti/styling": "^0.5.1",
         "@acusti/use-is-out-of-bounds": "^0.5.0"
     },
     "peerDependencies": {