react-aria 3.49.0 → 3.50.0

package/dist/private/selection/useSelectableCollection.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria/src/selection/useSelectableCollection.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {CLEAR_FOCUS_EVENT, FOCUS_EVENT} from '../utils/constants';\n\nimport {dispatchVirtualFocus, moveVirtualFocus} from '../focus/virtualFocus';\nimport {\n  DOMAttributes,\n  FocusableElement,\n  FocusStrategy,\n  Key,\n  KeyboardDelegate,\n  RefObject\n} from '@react-types/shared';\nimport {flushSync} from 'react-dom';\nimport {FocusEvent, KeyboardEvent, useEffect, useRef} from 'react';\nimport {focusSafely} from '../interactions/focusSafely';\nimport {focusWithoutScrolling} from '../utils/focusWithoutScrolling';\nimport {\n  getActiveElement,\n  getEventTarget,\n  isFocusWithin,\n  nodeContains\n} from '../utils/shadowdom/DOMFunctions';\nimport {getFocusableTreeWalker} from '../focus/FocusScope';\nimport {getInteractionModality} from '../interactions/useFocusVisible';\nimport {getItemElement, isNonContiguousSelectionModifier, useCollectionId} from './utils';\nimport {isCtrlKeyPressed} from '../utils/keyboard';\nimport {isTabbable} from '../utils/isFocusable';\nimport {mergeProps} from '../utils/mergeProps';\nimport {MultipleSelectionManager} from 'react-stately/useMultipleSelectionState';\nimport {scrollIntoView, scrollIntoViewport} from '../utils/scrollIntoView';\nimport {useEvent} from '../utils/useEvent';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useRouter} from '../utils/openLink';\nimport {useTypeSelect} from './useTypeSelect';\nimport {useUpdateLayoutEffect} from '../utils/useUpdateLayoutEffect';\n\nexport interface AriaSelectableCollectionOptions {\n  /**\n   * An interface for reading and updating multiple selection state.\n   */\n  selectionManager: MultipleSelectionManager;\n  /**\n   * A delegate object that implements behavior for keyboard focus movement.\n   */\n  keyboardDelegate: KeyboardDelegate;\n  /**\n   * The ref attached to the element representing the collection.\n   */\n  ref: RefObject<HTMLElement | null>;\n  /**\n   * Whether the collection or one of its items should be automatically focused upon render.\n   *\n   * @default false\n   */\n  autoFocus?: boolean | FocusStrategy;\n  /**\n   * Whether focus should wrap around when the end/start is reached.\n   *\n   * @default false\n   */\n  shouldFocusWrap?: boolean;\n  /**\n   * Whether the collection allows empty selection.\n   *\n   * @default false\n   */\n  disallowEmptySelection?: boolean;\n  /**\n   * Whether the collection allows the user to select all items via keyboard shortcut.\n   *\n   * @default false\n   */\n  disallowSelectAll?: boolean;\n  /**\n   * Whether pressing the Escape should clear selection in the collection or not.\n   *\n   * @default 'clearSelection'\n   */\n  escapeKeyBehavior?: 'clearSelection' | 'none';\n  /**\n   * Whether selection should occur automatically on focus.\n   *\n   * @default false\n   */\n  selectOnFocus?: boolean;\n  /**\n   * Whether typeahead is disabled.\n   *\n   * @default false\n   */\n  disallowTypeAhead?: boolean;\n  /**\n   * Whether the collection items should use virtual focus instead of being focused directly.\n   */\n  shouldUseVirtualFocus?: boolean;\n  /**\n   * Whether navigation through tab key is enabled.\n   */\n  allowsTabNavigation?: boolean;\n  /**\n   * Whether the collection items are contained in a virtual scroller.\n   */\n  isVirtualized?: boolean;\n  /**\n   * The ref attached to the scrollable body. Used to provide automatic scrolling on item focus for\n   * non-virtualized collections. If not provided, defaults to the collection ref.\n   */\n  scrollRef?: RefObject<HTMLElement | null>;\n  /**\n   * The behavior of links in the collection.\n   * - 'action': link behaves like onAction.\n   * - 'selection': link follows selection interactions (e.g. if URL drives selection).\n   * - 'override': links override all other interactions (link items are not selectable).\n   *\n   * @default 'action'\n   */\n  linkBehavior?: 'action' | 'selection' | 'override';\n}\n\nexport interface SelectableCollectionAria {\n  /** Props for the collection element. */\n  collectionProps: DOMAttributes;\n}\n\n/**\n * Handles interactions with selectable collections.\n */\nexport function useSelectableCollection(\n  options: AriaSelectableCollectionOptions\n): SelectableCollectionAria {\n  let {\n    selectionManager: manager,\n    keyboardDelegate: delegate,\n    ref,\n    autoFocus = false,\n    shouldFocusWrap = false,\n    disallowEmptySelection = false,\n    disallowSelectAll = false,\n    escapeKeyBehavior = 'clearSelection',\n    selectOnFocus = manager.selectionBehavior === 'replace',\n    disallowTypeAhead = false,\n    shouldUseVirtualFocus,\n    allowsTabNavigation = false,\n    // If no scrollRef is provided, assume the collection ref is the scrollable region\n    scrollRef = ref,\n    linkBehavior = 'action'\n  } = options;\n  let {direction} = useLocale();\n  let router = useRouter();\n\n  let onKeyDown = (e: KeyboardEvent) => {\n    // Prevent option + tab from doing anything since it doesn't move focus to the cells, only buttons/checkboxes\n    if (e.altKey && e.key === 'Tab') {\n      e.preventDefault();\n    }\n\n    // Keyboard events bubble through portals. Don't handle keyboard events\n    // for elements outside the collection (e.g. menus).\n    if (!ref.current || !nodeContains(ref.current, getEventTarget(e) as Element)) {\n      return;\n    }\n\n    const navigateToKey = (key: Key | undefined, childFocus?: FocusStrategy) => {\n      if (key != null) {\n        if (\n          manager.isLink(key) &&\n          linkBehavior === 'selection' &&\n          selectOnFocus &&\n          !isNonContiguousSelectionModifier(e)\n        ) {\n          // Set focused key and re-render synchronously to bring item into view if needed.\n          flushSync(() => {\n            manager.setFocusedKey(key, childFocus);\n          });\n\n          let item = getItemElement(ref, key);\n          let itemProps = manager.getItemProps(key);\n          if (item) {\n            router.open(item, e, itemProps.href, itemProps.routerOptions);\n          }\n\n          return;\n        }\n\n        manager.setFocusedKey(key, childFocus);\n\n        if (manager.isLink(key) && linkBehavior === 'override') {\n          return;\n        }\n\n        if (e.shiftKey && manager.selectionMode === 'multiple') {\n          manager.extendSelection(key);\n        } else if (selectOnFocus && !isNonContiguousSelectionModifier(e)) {\n          manager.replaceSelection(key);\n        }\n      }\n    };\n\n    switch (e.key) {\n      case 'ArrowDown': {\n        if (delegate.getKeyBelow) {\n          let nextKey =\n            manager.focusedKey != null\n              ? delegate.getKeyBelow?.(manager.focusedKey)\n              : delegate.getFirstKey?.();\n          if (nextKey == null && shouldFocusWrap) {\n            nextKey = delegate.getFirstKey?.(manager.focusedKey);\n          }\n          if (nextKey != null) {\n            e.preventDefault();\n            navigateToKey(nextKey);\n          }\n        }\n        break;\n      }\n      case 'ArrowUp': {\n        if (delegate.getKeyAbove) {\n          let nextKey =\n            manager.focusedKey != null\n              ? delegate.getKeyAbove?.(manager.focusedKey)\n              : delegate.getLastKey?.();\n          if (nextKey == null && shouldFocusWrap) {\n            nextKey = delegate.getLastKey?.(manager.focusedKey);\n          }\n          if (nextKey != null) {\n            e.preventDefault();\n            navigateToKey(nextKey);\n          }\n        }\n        break;\n      }\n      case 'ArrowLeft': {\n        if (delegate.getKeyLeftOf) {\n          let nextKey: Key | undefined | null =\n            manager.focusedKey != null\n              ? delegate.getKeyLeftOf?.(manager.focusedKey)\n              : delegate.getFirstKey?.();\n          if (nextKey == null && shouldFocusWrap) {\n            nextKey =\n              direction === 'rtl'\n                ? delegate.getFirstKey?.(manager.focusedKey)\n                : delegate.getLastKey?.(manager.focusedKey);\n          }\n          if (nextKey != null) {\n            e.preventDefault();\n            navigateToKey(nextKey, direction === 'rtl' ? 'first' : 'last');\n          }\n        }\n        break;\n      }\n      case 'ArrowRight': {\n        if (delegate.getKeyRightOf) {\n          let nextKey: Key | undefined | null =\n            manager.focusedKey != null\n              ? delegate.getKeyRightOf?.(manager.focusedKey)\n              : delegate.getFirstKey?.();\n          if (nextKey == null && shouldFocusWrap) {\n            nextKey =\n              direction === 'rtl'\n                ? delegate.getLastKey?.(manager.focusedKey)\n                : delegate.getFirstKey?.(manager.focusedKey);\n          }\n          if (nextKey != null) {\n            e.preventDefault();\n            navigateToKey(nextKey, direction === 'rtl' ? 'last' : 'first');\n          }\n        }\n        break;\n      }\n      case 'Home':\n        if (delegate.getFirstKey) {\n          if (manager.focusedKey === null && e.shiftKey) {\n            return;\n          }\n          e.preventDefault();\n          let firstKey: Key | null = delegate.getFirstKey(manager.focusedKey, isCtrlKeyPressed(e));\n          manager.setFocusedKey(firstKey);\n          if (firstKey != null) {\n            if (isCtrlKeyPressed(e) && e.shiftKey && manager.selectionMode === 'multiple') {\n              manager.extendSelection(firstKey);\n            } else if (selectOnFocus) {\n              manager.replaceSelection(firstKey);\n            }\n          }\n        }\n        break;\n      case 'End':\n        if (delegate.getLastKey) {\n          if (manager.focusedKey === null && e.shiftKey) {\n            return;\n          }\n          e.preventDefault();\n          let lastKey = delegate.getLastKey(manager.focusedKey, isCtrlKeyPressed(e));\n          manager.setFocusedKey(lastKey);\n          if (lastKey != null) {\n            if (isCtrlKeyPressed(e) && e.shiftKey && manager.selectionMode === 'multiple') {\n              manager.extendSelection(lastKey);\n            } else if (selectOnFocus) {\n              manager.replaceSelection(lastKey);\n            }\n          }\n        }\n        break;\n      case 'PageDown':\n        if (delegate.getKeyPageBelow && manager.focusedKey != null) {\n          let nextKey = delegate.getKeyPageBelow(manager.focusedKey);\n          if (nextKey != null) {\n            e.preventDefault();\n            navigateToKey(nextKey);\n          }\n        }\n        break;\n      case 'PageUp':\n        if (delegate.getKeyPageAbove && manager.focusedKey != null) {\n          let nextKey = delegate.getKeyPageAbove(manager.focusedKey);\n          if (nextKey != null) {\n            e.preventDefault();\n            navigateToKey(nextKey);\n          }\n        }\n        break;\n      case 'a':\n        if (\n          isCtrlKeyPressed(e) &&\n          manager.selectionMode === 'multiple' &&\n          disallowSelectAll !== true\n        ) {\n          e.preventDefault();\n          manager.selectAll();\n        }\n        break;\n      case 'Escape':\n        if (\n          escapeKeyBehavior === 'clearSelection' &&\n          !disallowEmptySelection &&\n          manager.selectedKeys.size !== 0\n        ) {\n          e.stopPropagation();\n          e.preventDefault();\n          manager.clearSelection();\n        }\n        break;\n      case 'Tab': {\n        if (!allowsTabNavigation) {\n          // There may be elements that are \"tabbable\" inside a collection (e.g. in a grid cell).\n          // However, collections should be treated as a single tab stop, with arrow key navigation internally.\n          // We don't control the rendering of these, so we can't override the tabIndex to prevent tabbing.\n          // Instead, we handle the Tab key, and move focus manually to the first/last tabbable element\n          // in the collection, so that the browser default behavior will apply starting from that element\n          // rather than the currently focused one.\n          if (e.shiftKey) {\n            ref.current.focus();\n          } else {\n            let walker = getFocusableTreeWalker(ref.current, {tabbable: true});\n            let next: FocusableElement | undefined = undefined;\n            let last: FocusableElement;\n            do {\n              last = walker.lastChild() as FocusableElement;\n              // oxlint-disable-next-line max-depth\n              if (last) {\n                next = last;\n              }\n            } while (last);\n\n            // If the active element is NOT tabbable but is contained by an element that IS tabbable (aka the cell), the browser will actually move focus to\n            // the containing element. We need to special case this so that tab will move focus out of the grid instead of looping between\n            // focusing the containing cell and back to the non-tabbable child element\n            let activeElement = getActiveElement();\n            if (next && (!isFocusWithin(next) || (activeElement && !isTabbable(activeElement)))) {\n              focusWithoutScrolling(next);\n            }\n          }\n          break;\n        }\n      }\n    }\n  };\n\n  // Store the scroll position so we can restore it later.\n  /// TODO: should this happen all the time??\n  let scrollPos = useRef({top: 0, left: 0});\n  useEvent(scrollRef, 'scroll', () => {\n    scrollPos.current = {\n      top: scrollRef.current?.scrollTop ?? 0,\n      left: scrollRef.current?.scrollLeft ?? 0\n    };\n  });\n\n  let onFocus = (e: FocusEvent) => {\n    if (manager.isFocused) {\n      // If a focus event bubbled through a portal, reset focus state.\n      if (!nodeContains(e.currentTarget, getEventTarget(e))) {\n        manager.setFocused(false);\n      }\n\n      return;\n    }\n\n    // Focus events can bubble through portals. Ignore these events.\n    if (!nodeContains(e.currentTarget, getEventTarget(e))) {\n      return;\n    }\n\n    manager.setFocused(true);\n    if (manager.focusedKey == null) {\n      let navigateToKey = (key: Key | undefined | null) => {\n        if (key != null) {\n          manager.setFocusedKey(key);\n          if (selectOnFocus && !manager.isSelected(key)) {\n            manager.replaceSelection(key);\n          }\n        }\n      };\n      // If the user hasn't yet interacted with the collection, there will be no focusedKey set.\n      // Attempt to detect whether the user is tabbing forward or backward into the collection\n      // and either focus the first or last item accordingly.\n      let relatedTarget = e.relatedTarget as Element;\n      if (\n        relatedTarget &&\n        e.currentTarget.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING\n      ) {\n        navigateToKey(manager.lastSelectedKey ?? delegate.getLastKey?.());\n      } else {\n        navigateToKey(manager.firstSelectedKey ?? delegate.getFirstKey?.());\n      }\n    } else if (scrollRef.current) {\n      // Restore the scroll position to what it was before.\n      scrollRef.current.scrollTop = scrollPos.current.top;\n      scrollRef.current.scrollLeft = scrollPos.current.left;\n    }\n\n    if (manager.focusedKey != null && scrollRef.current) {\n      // Refocus and scroll the focused item into view if it exists within the scrollable region.\n      let element = getItemElement(ref, manager.focusedKey);\n      if (element instanceof HTMLElement) {\n        // This prevents a flash of focus on the first/last element in the collection, or the collection itself.\n        if (!isFocusWithin(element) && !shouldUseVirtualFocus) {\n          focusWithoutScrolling(element);\n        }\n\n        let modality = getInteractionModality();\n        if (modality === 'keyboard') {\n          scrollIntoViewport(element, {containingElement: ref.current});\n        }\n      }\n    }\n  };\n\n  let onBlur = e => {\n    // Don't set blurred and then focused again if moving focus within the collection.\n    if (!nodeContains(e.currentTarget, e.relatedTarget as HTMLElement)) {\n      manager.setFocused(false);\n    }\n  };\n\n  // Ref to track whether the first item in the collection should be automatically focused. Specifically used for autocomplete when user types\n  // to focus the first key AFTER the collection updates.\n  // TODO: potentially expand the usage of this\n  let shouldVirtualFocusFirst = useRef(false);\n  // Add event listeners for custom virtual events. These handle updating the focused key in response to various keyboard events\n  // at the autocomplete level\n  // TODO: fix type later\n  useEvent(\n    ref,\n    FOCUS_EVENT,\n    !shouldUseVirtualFocus\n      ? undefined\n      : (e: any) => {\n          let {detail} = e;\n          e.stopPropagation();\n          manager.setFocused(true);\n          // If the user is typing forwards, autofocus the first option in the list.\n          if (detail?.focusStrategy === 'first') {\n            shouldVirtualFocusFirst.current = true;\n          }\n        }\n  );\n\n  // update active descendant\n  useUpdateLayoutEffect(() => {\n    if (shouldVirtualFocusFirst.current) {\n      let keyToFocus = delegate.getFirstKey?.() ?? null;\n\n      // If no focusable items exist in the list, make sure to clear any activedescendant that may still exist and move focus back to\n      // the original active element (e.g. the autocomplete input)\n      if (keyToFocus == null) {\n        let previousActiveElement = getActiveElement();\n        moveVirtualFocus(ref.current);\n        dispatchVirtualFocus(previousActiveElement!, null);\n\n        // If there wasn't a focusable key but the collection had items, then that means we aren't in an intermediate load state and all keys are disabled.\n        // Reset shouldVirtualFocusFirst so that we don't erronously autofocus an item when the collection is filtered again.\n        if (manager.collection.size > 0) {\n          shouldVirtualFocusFirst.current = false;\n        }\n      } else {\n        manager.setFocusedKey(keyToFocus);\n        // Only set shouldVirtualFocusFirst to false if we've successfully set the first key as the focused key\n        // If there wasn't a key to focus, we might be in a temporary loading state so we'll want to still focus the first key\n        // after the collection updates after load\n        shouldVirtualFocusFirst.current = false;\n      }\n    }\n  }, [manager.collection]);\n\n  // reset focus first flag\n  useUpdateLayoutEffect(() => {\n    // If user causes the focused key to change in any other way, clear shouldVirtualFocusFirst so we don't\n    // accidentally move focus from under them. Skip this if the collection was empty because we might be in a load\n    // state and will still want to focus the first item after load\n    if (manager.collection.size > 0) {\n      shouldVirtualFocusFirst.current = false;\n    }\n  }, [manager.focusedKey]);\n\n  useEvent(\n    ref,\n    CLEAR_FOCUS_EVENT,\n    !shouldUseVirtualFocus\n      ? undefined\n      : (e: any) => {\n          e.stopPropagation();\n          manager.setFocused(false);\n          if (e.detail?.clearFocusKey) {\n            manager.setFocusedKey(null);\n          }\n        }\n  );\n\n  const autoFocusRef = useRef(autoFocus);\n  const didAutoFocusRef = useRef(false);\n  useEffect(() => {\n    if (autoFocusRef.current) {\n      let focusedKey: Key | null = null;\n\n      // Check focus strategy to determine which item to focus\n      if (autoFocus === 'first') {\n        focusedKey = delegate.getFirstKey?.() ?? null;\n      }\n      if (autoFocus === 'last') {\n        focusedKey = delegate.getLastKey?.() ?? null;\n      }\n\n      // If there are any selected keys, make the first one the new focus target\n      let selectedKeys = manager.selectedKeys;\n      if (selectedKeys.size) {\n        for (let key of selectedKeys) {\n          if (manager.canSelectItem(key)) {\n            focusedKey = key;\n            break;\n          }\n        }\n      }\n\n      manager.setFocused(true);\n      manager.setFocusedKey(focusedKey);\n\n      // If no default focus key is selected, focus the collection itself.\n      if (focusedKey == null && !shouldUseVirtualFocus && ref.current) {\n        focusSafely(ref.current);\n      }\n\n      // Wait until the collection has items to autofocus.\n      if (manager.collection.size > 0) {\n        autoFocusRef.current = false;\n        didAutoFocusRef.current = true;\n      }\n    }\n  });\n\n  // Scroll the focused element into view when the focusedKey changes.\n  let lastFocusedKey = useRef(manager.focusedKey);\n  let raf = useRef<number | null>(null);\n  useEffect(() => {\n    if (\n      manager.isFocused &&\n      manager.focusedKey != null &&\n      (manager.focusedKey !== lastFocusedKey.current || didAutoFocusRef.current) &&\n      scrollRef.current &&\n      ref.current\n    ) {\n      let modality = getInteractionModality();\n      let element = getItemElement(ref, manager.focusedKey);\n      if (!(element instanceof HTMLElement)) {\n        // If item element wasn't found, return early (don't update autoFocusRef and lastFocusedKey).\n        // The collection may initially be empty (e.g. virtualizer), so wait until the element exists.\n        return;\n      }\n\n      if (modality === 'keyboard' || didAutoFocusRef.current) {\n        if (raf.current) {\n          cancelAnimationFrame(raf.current);\n        }\n\n        raf.current = requestAnimationFrame(() => {\n          if (scrollRef.current) {\n            scrollIntoView(scrollRef.current, element);\n            // Avoid scroll in iOS VO, since it may cause overlay to close (i.e. RAC submenu)\n            if (modality !== 'virtual') {\n              scrollIntoViewport(element, {containingElement: ref.current});\n            }\n          }\n        });\n      }\n    }\n\n    // If the focused key becomes null (e.g. the last item is deleted), focus the whole collection.\n    if (\n      !shouldUseVirtualFocus &&\n      manager.isFocused &&\n      manager.focusedKey == null &&\n      lastFocusedKey.current != null &&\n      ref.current\n    ) {\n      focusSafely(ref.current);\n    }\n\n    lastFocusedKey.current = manager.focusedKey;\n    didAutoFocusRef.current = false;\n  });\n\n  useEffect(() => {\n    return () => {\n      if (raf.current) {\n        cancelAnimationFrame(raf.current);\n      }\n    };\n  }, []);\n\n  // Intercept FocusScope restoration since virtualized collections can reuse DOM nodes.\n  useEvent(ref, 'react-aria-focus-scope-restore', e => {\n    e.preventDefault();\n    manager.setFocused(true);\n  });\n\n  let handlers = {\n    onKeyDown,\n    onFocus,\n    onBlur,\n    onMouseDown(e) {\n      // Ignore events that bubbled through portals.\n      if (scrollRef.current === getEventTarget(e)) {\n        // Prevent focus going to the collection when clicking on the scrollbar.\n        e.preventDefault();\n      }\n    }\n  };\n\n  let {typeSelectProps} = useTypeSelect({\n    keyboardDelegate: delegate,\n    selectionManager: manager\n  });\n\n  if (!disallowTypeAhead) {\n    handlers = mergeProps(typeSelectProps, handlers);\n  }\n\n  // If nothing is focused within the collection, make the collection itself tabbable.\n  // This will be marshalled to either the first or last item depending on where focus came from.\n  let tabIndex: number | undefined = undefined;\n  if (!shouldUseVirtualFocus) {\n    tabIndex = manager.focusedKey == null ? 0 : -1;\n  }\n\n  let collectionId = useCollectionId(manager.collection);\n  return {\n    collectionProps: mergeProps(handlers, {\n      tabIndex,\n      'data-collection': collectionId\n    })\n  };\n}\n"],"names":[],"version":3,"file":"useSelectableCollection.mjs.map"}
+{"mappings":"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","sources":["packages/react-aria/src/selection/useSelectableCollection.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {CLEAR_FOCUS_EVENT, FOCUS_EVENT} from '../utils/constants';\n\nimport {dispatchVirtualFocus, moveVirtualFocus} from '../focus/virtualFocus';\nimport {\n  DOMAttributes,\n  FocusableElement,\n  FocusStrategy,\n  Key,\n  KeyboardDelegate,\n  RefObject\n} from '@react-types/shared';\nimport {flushSync} from 'react-dom';\nimport {FocusEvent, KeyboardEvent, useEffect, useRef} from 'react';\nimport {focusSafely} from '../interactions/focusSafely';\nimport {focusWithoutScrolling} from '../utils/focusWithoutScrolling';\nimport {\n  getActiveElement,\n  getEventTarget,\n  isFocusWithin,\n  nodeContains\n} from '../utils/shadowdom/DOMFunctions';\nimport {getFocusableTreeWalker} from '../focus/FocusScope';\nimport {getInteractionModality} from '../interactions/useFocusVisible';\nimport {getItemElement, isNonContiguousSelectionModifier, useCollectionId} from './utils';\nimport {isCtrlKeyPressed} from '../utils/keyboard';\nimport {isTabbable} from '../utils/isFocusable';\nimport {mergeProps} from '../utils/mergeProps';\nimport {MultipleSelectionManager} from 'react-stately/useMultipleSelectionState';\nimport {scrollIntoView, scrollIntoViewport} from '../utils/scrollIntoView';\nimport {useEvent} from '../utils/useEvent';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useRouter} from '../utils/openLink';\nimport {useTypeSelect} from './useTypeSelect';\nimport {useUpdateLayoutEffect} from '../utils/useUpdateLayoutEffect';\n\nexport interface AriaSelectableCollectionOptions {\n  /**\n   * An interface for reading and updating multiple selection state.\n   */\n  selectionManager: MultipleSelectionManager;\n  /**\n   * A delegate object that implements behavior for keyboard focus movement.\n   */\n  keyboardDelegate: KeyboardDelegate;\n  /**\n   * The ref attached to the element representing the collection.\n   */\n  ref: RefObject<HTMLElement | null>;\n  /**\n   * Whether the collection or one of its items should be automatically focused upon render.\n   *\n   * @default false\n   */\n  autoFocus?: boolean | FocusStrategy;\n  /**\n   * Whether focus should wrap around when the end/start is reached.\n   *\n   * @default false\n   */\n  shouldFocusWrap?: boolean;\n  /**\n   * Whether the collection allows empty selection.\n   *\n   * @default false\n   */\n  disallowEmptySelection?: boolean;\n  /**\n   * Whether the collection allows the user to select all items via keyboard shortcut.\n   *\n   * @default false\n   */\n  disallowSelectAll?: boolean;\n  /**\n   * Whether pressing the Escape should clear selection in the collection or not.\n   *\n   * @default 'clearSelection'\n   */\n  escapeKeyBehavior?: 'clearSelection' | 'none';\n  /**\n   * Whether selection should occur automatically on focus.\n   *\n   * @default false\n   */\n  selectOnFocus?: boolean;\n  /**\n   * Whether typeahead is disabled.\n   *\n   * @default false\n   */\n  disallowTypeAhead?: boolean;\n  /**\n   * Whether the collection items should use virtual focus instead of being focused directly.\n   */\n  shouldUseVirtualFocus?: boolean;\n  /**\n   * Whether navigation through tab key is enabled.\n   */\n  allowsTabNavigation?: boolean;\n  /**\n   * Whether the collection items are contained in a virtual scroller.\n   */\n  isVirtualized?: boolean;\n  /**\n   * The ref attached to the scrollable body. Used to provide automatic scrolling on item focus for\n   * non-virtualized collections. If not provided, defaults to the collection ref.\n   */\n  scrollRef?: RefObject<HTMLElement | null>;\n  /**\n   * The behavior of links in the collection.\n   * - 'action': link behaves like onAction.\n   * - 'selection': link follows selection interactions (e.g. if URL drives selection).\n   * - 'override': links override all other interactions (link items are not selectable).\n   *\n   * @default 'action'\n   */\n  linkBehavior?: 'action' | 'selection' | 'override';\n  /**\n   * Which item in the collection to focus when tabbing into the collection. Overrides default\n   * roving tab index like behavior.\n   *\n   * @private\n   */\n  UNSTABLE_focusOnEntry?: 'first' | 'last';\n}\n\nexport interface SelectableCollectionAria {\n  /** Props for the collection element. */\n  collectionProps: DOMAttributes;\n}\n\n/**\n * Handles interactions with selectable collections.\n */\nexport function useSelectableCollection(\n  options: AriaSelectableCollectionOptions\n): SelectableCollectionAria {\n  let {\n    selectionManager: manager,\n    keyboardDelegate: delegate,\n    ref,\n    autoFocus = false,\n    shouldFocusWrap = false,\n    disallowEmptySelection = false,\n    disallowSelectAll = false,\n    escapeKeyBehavior = 'clearSelection',\n    selectOnFocus = manager.selectionBehavior === 'replace',\n    disallowTypeAhead = false,\n    shouldUseVirtualFocus,\n    allowsTabNavigation = false,\n    // If no scrollRef is provided, assume the collection ref is the scrollable region\n    scrollRef = ref,\n    linkBehavior = 'action',\n    UNSTABLE_focusOnEntry\n  } = options;\n  let {direction} = useLocale();\n  let router = useRouter();\n\n  let onKeyDown = (e: KeyboardEvent) => {\n    // Prevent option + tab from doing anything since it doesn't move focus to the cells, only buttons/checkboxes\n    if (e.altKey && e.key === 'Tab') {\n      e.preventDefault();\n    }\n\n    // Keyboard events bubble through portals. Don't handle keyboard events\n    // for elements outside the collection (e.g. menus).\n    if (!ref.current || !nodeContains(ref.current, getEventTarget(e) as Element)) {\n      return;\n    }\n\n    const navigateToKey = (key: Key | undefined, childFocus?: FocusStrategy) => {\n      if (key != null) {\n        if (\n          manager.isLink(key) &&\n          linkBehavior === 'selection' &&\n          selectOnFocus &&\n          !isNonContiguousSelectionModifier(e)\n        ) {\n          // Set focused key and re-render synchronously to bring item into view if needed.\n          flushSync(() => {\n            manager.setFocusedKey(key, childFocus);\n          });\n\n          let item = getItemElement(ref, key);\n          let itemProps = manager.getItemProps(key);\n          if (item) {\n            router.open(item, e, itemProps.href, itemProps.routerOptions);\n          }\n\n          return;\n        }\n\n        manager.setFocusedKey(key, childFocus);\n\n        if (manager.isLink(key) && linkBehavior === 'override') {\n          return;\n        }\n\n        if (e.shiftKey && manager.selectionMode === 'multiple') {\n          manager.extendSelection(key);\n        } else if (selectOnFocus && !isNonContiguousSelectionModifier(e)) {\n          manager.replaceSelection(key);\n        }\n      }\n    };\n\n    switch (e.key) {\n      case 'ArrowDown': {\n        if (delegate.getKeyBelow) {\n          let nextKey =\n            manager.focusedKey != null\n              ? delegate.getKeyBelow?.(manager.focusedKey)\n              : delegate.getFirstKey?.();\n          if (nextKey == null && shouldFocusWrap) {\n            nextKey = delegate.getFirstKey?.(manager.focusedKey);\n          }\n          if (nextKey != null) {\n            e.preventDefault();\n            navigateToKey(nextKey);\n          }\n        }\n        break;\n      }\n      case 'ArrowUp': {\n        if (delegate.getKeyAbove) {\n          let nextKey =\n            manager.focusedKey != null\n              ? delegate.getKeyAbove?.(manager.focusedKey)\n              : delegate.getLastKey?.();\n          if (nextKey == null && shouldFocusWrap) {\n            nextKey = delegate.getLastKey?.(manager.focusedKey);\n          }\n          if (nextKey != null) {\n            e.preventDefault();\n            navigateToKey(nextKey);\n          }\n        }\n        break;\n      }\n      case 'ArrowLeft': {\n        if (delegate.getKeyLeftOf) {\n          let nextKey: Key | undefined | null =\n            manager.focusedKey != null\n              ? delegate.getKeyLeftOf?.(manager.focusedKey)\n              : delegate.getFirstKey?.();\n          if (nextKey == null && shouldFocusWrap) {\n            nextKey =\n              direction === 'rtl'\n                ? delegate.getFirstKey?.(manager.focusedKey)\n                : delegate.getLastKey?.(manager.focusedKey);\n          }\n          if (nextKey != null) {\n            e.preventDefault();\n            navigateToKey(nextKey, direction === 'rtl' ? 'first' : 'last');\n          }\n        }\n        break;\n      }\n      case 'ArrowRight': {\n        if (delegate.getKeyRightOf) {\n          let nextKey: Key | undefined | null =\n            manager.focusedKey != null\n              ? delegate.getKeyRightOf?.(manager.focusedKey)\n              : delegate.getFirstKey?.();\n          if (nextKey == null && shouldFocusWrap) {\n            nextKey =\n              direction === 'rtl'\n                ? delegate.getLastKey?.(manager.focusedKey)\n                : delegate.getFirstKey?.(manager.focusedKey);\n          }\n          if (nextKey != null) {\n            e.preventDefault();\n            navigateToKey(nextKey, direction === 'rtl' ? 'last' : 'first');\n          }\n        }\n        break;\n      }\n      case 'Home':\n        if (delegate.getFirstKey) {\n          if (manager.focusedKey === null && e.shiftKey) {\n            return;\n          }\n\n          e.preventDefault();\n          let firstKey: Key | null = delegate.getFirstKey(manager.focusedKey, isCtrlKeyPressed(e));\n          manager.setFocusedKey(firstKey);\n          if (firstKey != null) {\n            if (isCtrlKeyPressed(e) && e.shiftKey && manager.selectionMode === 'multiple') {\n              manager.extendSelection(firstKey);\n            } else if (selectOnFocus) {\n              manager.replaceSelection(firstKey);\n            }\n          }\n        }\n        break;\n      case 'End':\n        if (delegate.getLastKey) {\n          if (manager.focusedKey === null && e.shiftKey) {\n            return;\n          }\n          e.preventDefault();\n          let lastKey = delegate.getLastKey(manager.focusedKey, isCtrlKeyPressed(e));\n          manager.setFocusedKey(lastKey);\n          if (lastKey != null) {\n            if (isCtrlKeyPressed(e) && e.shiftKey && manager.selectionMode === 'multiple') {\n              manager.extendSelection(lastKey);\n            } else if (selectOnFocus) {\n              manager.replaceSelection(lastKey);\n            }\n          }\n        }\n        break;\n      case 'PageDown':\n        if (delegate.getKeyPageBelow && manager.focusedKey != null) {\n          let nextKey = delegate.getKeyPageBelow(manager.focusedKey);\n          if (nextKey != null) {\n            e.preventDefault();\n            navigateToKey(nextKey);\n          }\n        }\n        break;\n      case 'PageUp':\n        if (delegate.getKeyPageAbove && manager.focusedKey != null) {\n          let nextKey = delegate.getKeyPageAbove(manager.focusedKey);\n          if (nextKey != null) {\n            e.preventDefault();\n            navigateToKey(nextKey);\n          }\n        }\n        break;\n      case 'a':\n        if (\n          isCtrlKeyPressed(e) &&\n          manager.selectionMode === 'multiple' &&\n          disallowSelectAll !== true\n        ) {\n          e.preventDefault();\n          manager.selectAll();\n        }\n        break;\n      case 'Escape':\n        if (\n          escapeKeyBehavior === 'clearSelection' &&\n          !disallowEmptySelection &&\n          manager.selectedKeys.size !== 0\n        ) {\n          e.stopPropagation();\n          e.preventDefault();\n          manager.clearSelection();\n        }\n        break;\n      case 'Tab': {\n        if (!allowsTabNavigation) {\n          // There may be elements that are \"tabbable\" inside a collection (e.g. in a grid cell).\n          // However, collections should be treated as a single tab stop, with arrow key navigation internally.\n          // We don't control the rendering of these, so we can't override the tabIndex to prevent tabbing.\n          // Instead, we handle the Tab key, and move focus manually to the first/last tabbable element\n          // in the collection, so that the browser default behavior will apply starting from that element\n          // rather than the currently focused one.\n          if (e.shiftKey) {\n            ref.current.focus();\n          } else {\n            let walker = getFocusableTreeWalker(ref.current, {tabbable: true});\n            let next: FocusableElement | undefined = undefined;\n            let last: FocusableElement;\n            do {\n              last = walker.lastChild() as FocusableElement;\n              // oxlint-disable-next-line max-depth\n              if (last) {\n                next = last;\n              }\n            } while (last);\n\n            // If the active element is NOT tabbable but is contained by an element that IS tabbable (aka the cell), the browser will actually move focus to\n            // the containing element. We need to special case this so that tab will move focus out of the grid instead of looping between\n            // focusing the containing cell and back to the non-tabbable child element\n            let activeElement = getActiveElement();\n            if (next && (!isFocusWithin(next) || (activeElement && !isTabbable(activeElement)))) {\n              focusWithoutScrolling(next);\n            }\n          }\n          break;\n        }\n      }\n    }\n  };\n\n  // Store the scroll position so we can restore it later.\n  /// TODO: should this happen all the time??\n  let scrollPos = useRef({top: 0, left: 0});\n  useEvent(scrollRef, 'scroll', () => {\n    scrollPos.current = {\n      top: scrollRef.current?.scrollTop ?? 0,\n      left: scrollRef.current?.scrollLeft ?? 0\n    };\n  });\n\n  let onFocus = (e: FocusEvent) => {\n    if (manager.isFocused) {\n      // If a focus event bubbled through a portal, reset focus state.\n      if (!nodeContains(e.currentTarget, getEventTarget(e))) {\n        manager.setFocused(false);\n      }\n      return;\n    }\n\n    // Focus events can bubble through portals. Ignore these events.\n    if (!nodeContains(e.currentTarget, getEventTarget(e))) {\n      return;\n    }\n\n    let modality = getInteractionModality();\n    manager.setFocused(true);\n    let navigateToKey = (key: Key | undefined | null) => {\n      if (key != null) {\n        manager.setFocusedKey(key);\n        if (selectOnFocus && !manager.isSelected(key)) {\n          manager.replaceSelection(key);\n        }\n      }\n    };\n\n    // we need the \"virtual\" modality case checks here because shift tabbing from the prompt field's attachment card back into the\n    // thread is a virtual focus event (the tab handler in onKeyDown focuses the ref of the AttachementList aka TagGroup via a focus() call, hence the virtual modality)\n    if (UNSTABLE_focusOnEntry && (modality === 'keyboard' || modality === 'virtual')) {\n      // always go to the first item in the Thread when tabbing forwards/backwards into the collection\n      // since it is probably more important to the user to see the new prompt reply rather than go to the last focused key\n      navigateToKey(\n        UNSTABLE_focusOnEntry === 'first' ? delegate.getFirstKey?.() : delegate.getLastKey?.()\n      );\n    } else if (manager.focusedKey == null) {\n      // If the user hasn't yet interacted with the collection, there will be no focusedKey set.\n      // Attempt to detect whether the user is tabbing forward or backward into the collection\n      // and either focus the first or last item accordingly.\n      let relatedTarget = e.relatedTarget as Element;\n      if (\n        relatedTarget &&\n        e.currentTarget.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING\n      ) {\n        navigateToKey(manager.lastSelectedKey ?? delegate.getLastKey?.());\n      } else {\n        navigateToKey(manager.firstSelectedKey ?? delegate.getFirstKey?.());\n      }\n    } else if (scrollRef.current) {\n      // Restore the scroll position to what it was before.\n      scrollRef.current.scrollTop = scrollPos.current.top;\n      scrollRef.current.scrollLeft = scrollPos.current.left;\n    }\n\n    if (manager.focusedKey != null && scrollRef.current) {\n      // Refocus and scroll the focused item into view if it exists within the scrollable region.\n      let element = getItemElement(ref, manager.focusedKey);\n      if (element instanceof HTMLElement) {\n        // This prevents a flash of focus on the first/last element in the collection, or the collection itself.\n        if (!isFocusWithin(element) && !shouldUseVirtualFocus) {\n          focusWithoutScrolling(element);\n        }\n\n        if (modality === 'keyboard' || (UNSTABLE_focusOnEntry && modality === 'virtual')) {\n          scrollIntoViewport(element, {containingElement: ref.current});\n        }\n      }\n    }\n  };\n\n  let onBlur = e => {\n    // Don't set blurred and then focused again if moving focus within the collection.\n    if (!nodeContains(e.currentTarget, e.relatedTarget as HTMLElement)) {\n      manager.setFocused(false);\n    }\n  };\n\n  // Ref to track whether the first item in the collection should be automatically focused. Specifically used for autocomplete when user types\n  // to focus the first key AFTER the collection updates.\n  // TODO: potentially expand the usage of this\n  let shouldVirtualFocusFirst = useRef(false);\n  // Add event listeners for custom virtual events. These handle updating the focused key in response to various keyboard events\n  // at the autocomplete level\n  // TODO: fix type later\n  useEvent(\n    ref,\n    FOCUS_EVENT,\n    !shouldUseVirtualFocus\n      ? undefined\n      : (e: any) => {\n          let {detail} = e;\n          e.stopPropagation();\n          manager.setFocused(true);\n          // If the user is typing forwards, autofocus the first option in the list.\n          if (detail?.focusStrategy === 'first') {\n            shouldVirtualFocusFirst.current = true;\n          }\n        }\n  );\n\n  // update active descendant\n  let firstKey = delegate.getFirstKey?.() ?? null;\n  useUpdateLayoutEffect(() => {\n    if (shouldVirtualFocusFirst.current) {\n      // If no focusable items exist in the list, make sure to clear any activedescendant that may still exist and move focus back to\n      // the original active element (e.g. the autocomplete input)\n      if (firstKey == null) {\n        let previousActiveElement = getActiveElement();\n        moveVirtualFocus(ref.current);\n        dispatchVirtualFocus(previousActiveElement!, null);\n\n        // If there wasn't a focusable key but the collection had items, then that means we aren't in an intermediate load state and all keys are disabled.\n        // Reset shouldVirtualFocusFirst so that we don't erronously autofocus an item when the collection is filtered again.\n        if (manager.collection.size > 0) {\n          shouldVirtualFocusFirst.current = false;\n        }\n      } else {\n        manager.setFocusedKey(firstKey);\n        // Only set shouldVirtualFocusFirst to false if we've successfully set the first key as the focused key\n        // If there wasn't a key to focus, we might be in a temporary loading state so we'll want to still focus the first key\n        // after the collection updates after load\n        shouldVirtualFocusFirst.current = false;\n      }\n    }\n  }, [firstKey, manager.collection.size]);\n\n  // reset focus first flag\n  useUpdateLayoutEffect(() => {\n    // If user causes the focused key to change in any other way, clear shouldVirtualFocusFirst so we don't\n    // accidentally move focus from under them. Skip this if the collection was empty because we might be in a load\n    // state and will still want to focus the first item after load\n    if (manager.collection.size > 0) {\n      shouldVirtualFocusFirst.current = false;\n    }\n  }, [manager.focusedKey]);\n\n  useEvent(\n    ref,\n    CLEAR_FOCUS_EVENT,\n    !shouldUseVirtualFocus\n      ? undefined\n      : (e: any) => {\n          e.stopPropagation();\n          manager.setFocused(false);\n          if (e.detail?.clearFocusKey) {\n            manager.setFocusedKey(null);\n          }\n        }\n  );\n\n  const autoFocusRef = useRef(autoFocus);\n  const didAutoFocusRef = useRef(false);\n  useEffect(() => {\n    if (autoFocusRef.current) {\n      let focusedKey: Key | null = null;\n\n      // Check focus strategy to determine which item to focus\n      if (autoFocus === 'first') {\n        focusedKey = delegate.getFirstKey?.() ?? null;\n      }\n      if (autoFocus === 'last') {\n        focusedKey = delegate.getLastKey?.() ?? null;\n      }\n\n      // If there are any selected keys, make the first one the new focus target\n      let selectedKeys = manager.selectedKeys;\n      if (selectedKeys.size) {\n        for (let key of selectedKeys) {\n          if (manager.canSelectItem(key)) {\n            focusedKey = key;\n            break;\n          }\n        }\n      }\n\n      manager.setFocused(true);\n      manager.setFocusedKey(focusedKey);\n\n      // If no default focus key is selected, focus the collection itself.\n      if (focusedKey == null && !shouldUseVirtualFocus && ref.current) {\n        focusSafely(ref.current);\n      }\n\n      // Wait until the collection has items to autofocus.\n      if (manager.collection.size > 0) {\n        autoFocusRef.current = false;\n        didAutoFocusRef.current = true;\n      }\n    }\n  });\n\n  // Scroll the focused element into view when the focusedKey changes.\n  let lastFocusedKey = useRef(manager.focusedKey);\n  let raf = useRef<number | null>(null);\n  useEffect(() => {\n    if (\n      manager.isFocused &&\n      manager.focusedKey != null &&\n      (manager.focusedKey !== lastFocusedKey.current || didAutoFocusRef.current) &&\n      scrollRef.current &&\n      ref.current\n    ) {\n      let modality = getInteractionModality();\n      let element = getItemElement(ref, manager.focusedKey);\n      if (!(element instanceof HTMLElement)) {\n        // If item element wasn't found, return early (don't update autoFocusRef and lastFocusedKey).\n        // The collection may initially be empty (e.g. virtualizer), so wait until the element exists.\n        return;\n      }\n\n      if (modality === 'keyboard' || didAutoFocusRef.current) {\n        if (raf.current) {\n          cancelAnimationFrame(raf.current);\n        }\n\n        raf.current = requestAnimationFrame(() => {\n          if (scrollRef.current) {\n            scrollIntoView(scrollRef.current, element);\n            // Avoid scroll in iOS VO, since it may cause overlay to close (i.e. RAC submenu)\n            if (modality !== 'virtual') {\n              scrollIntoViewport(element, {containingElement: ref.current});\n            }\n          }\n        });\n      }\n    }\n\n    // If the focused key becomes null (e.g. the last item is deleted), focus the whole collection.\n    if (\n      !shouldUseVirtualFocus &&\n      manager.isFocused &&\n      manager.focusedKey == null &&\n      lastFocusedKey.current != null &&\n      ref.current\n    ) {\n      focusSafely(ref.current);\n    }\n\n    lastFocusedKey.current = manager.focusedKey;\n    didAutoFocusRef.current = false;\n  });\n\n  useEffect(() => {\n    return () => {\n      if (raf.current) {\n        cancelAnimationFrame(raf.current);\n      }\n    };\n  }, []);\n\n  // Intercept FocusScope restoration since virtualized collections can reuse DOM nodes.\n  useEvent(ref, 'react-aria-focus-scope-restore', e => {\n    e.preventDefault();\n    manager.setFocused(true);\n  });\n\n  let handlers = {\n    onKeyDown,\n    onFocus,\n    onBlur,\n    onMouseDown(e) {\n      // Ignore events that bubbled through portals.\n      if (scrollRef.current === getEventTarget(e)) {\n        // Prevent focus going to the collection when clicking on the scrollbar.\n        e.preventDefault();\n      }\n    }\n  };\n\n  let {typeSelectProps} = useTypeSelect({\n    keyboardDelegate: delegate,\n    selectionManager: manager\n  });\n\n  if (!disallowTypeAhead) {\n    handlers = mergeProps(typeSelectProps, handlers);\n  }\n\n  // If nothing is focused within the collection, make the collection itself tabbable.\n  // This will be marshalled to either the first or last item depending on where focus came from.\n  let tabIndex: number | undefined = undefined;\n  if (!shouldUseVirtualFocus) {\n    tabIndex = manager.focusedKey == null ? 0 : -1;\n  }\n\n  let collectionId = useCollectionId(manager.collection);\n  return {\n    collectionProps: mergeProps(handlers, {\n      tabIndex,\n      'data-collection': collectionId\n    })\n  };\n}\n"],"names":[],"version":3,"file":"useSelectableCollection.mjs.map"}

package/dist/private/selection/useTypeSelect.cjs

@@ -27,40 +27,72 @@ function $a6299e8d95fc8908$export$e32c88dfddc6e1d8(options) {
     let state = (0, $h2mV5$react.useRef)({
         search: '',
         timeout: undefined
-    }).current;
-    let onKeyDown = (e)=>{
-        let character = $a6299e8d95fc8908$var$getStringForKey(e.key);
-        if (!character || e.ctrlKey || e.metaKey || !(0, $da02ee888921bc9e$exports.nodeContains)(e.currentTarget, (0, $da02ee888921bc9e$exports.getEventTarget)(e)) || state.search.length === 0 && character === ' ') return;
-        // Do not propagate the Spacebar event if it's meant to be part of the search.
-        // When we time out, the search term becomes empty, hence the check on length.
-        // Trimming is to account for the case of pressing the Spacebar more than once,
-        // which should cycle through the selection/deselection of the focused item.
-        if (character === ' ' && state.search.trim().length > 0) {
+    });
+    let onKeyDownCapture = (e)=>{
+        // if we're in the middle of a search, then a spacebar should be treated as a search and we should not propagate the event
+        // since we handle this one in a capture phase, we should ignore it in the bubble phase
+        if (state.current.search.length > 0 && e.key === ' ') {
             e.preventDefault();
-            if (!('continuePropagation' in e)) e.stopPropagation();
+            if (!('continuePropagation' in e) || 'continuePropagation' in e && !e.isPropagationStopped()) e.stopPropagation();
+            state.current.search += ' ';
+            if (keyboardDelegate.getKeyForSearch != null) {
+                // Use the delegate to find a key to focus.
+                // Prioritize items after the currently focused item, falling back to searching the whole list.
+                let key = keyboardDelegate.getKeyForSearch(state.current.search, selectionManager.focusedKey);
+                // If no key found, search from the top.
+                if (key == null) key = keyboardDelegate.getKeyForSearch(state.current.search);
+                if (key != null) {
+                    selectionManager.setFocusedKey(key);
+                    if (onTypeSelect) onTypeSelect(key);
+                }
+            }
+            clearTimeout(state.current.timeout);
+            state.current.timeout = setTimeout(()=>{
+                state.current.search = '';
+            }, $a6299e8d95fc8908$var$TYPEAHEAD_DEBOUNCE_WAIT_MS);
         }
-        state.search += character;
+    };
+    let onKeyDown = (e)=>{
+        let character = $a6299e8d95fc8908$var$getStringForKey(e.key);
+        if (!character || e.ctrlKey || e.metaKey || e.altKey || !(0, $da02ee888921bc9e$exports.nodeContains)(e.currentTarget, (0, $da02ee888921bc9e$exports.getEventTarget)(e)) || state.current.search.length === 0 && character === ' ') return;
+        state.current.search += character;
         if (keyboardDelegate.getKeyForSearch != null) {
             // Use the delegate to find a key to focus.
             // Prioritize items after the currently focused item, falling back to searching the whole list.
-            let key = keyboardDelegate.getKeyForSearch(state.search, selectionManager.focusedKey);
-            // If no key found, search from the top.
-            if (key == null) key = keyboardDelegate.getKeyForSearch(state.search);
+            let key = keyboardDelegate.getKeyForSearch(state.current.search, selectionManager.focusedKey);
+            if (key == null) key = keyboardDelegate.getKeyForSearch(state.current.search);
             if (key != null) {
                 selectionManager.setFocusedKey(key);
                 if (onTypeSelect) onTypeSelect(key);
+                e.preventDefault();
+                if (!('continuePropagation' in e)) e.stopPropagation();
+            } else {
+                // if still nothing then the type to select is done and everything is reset
+                state.current.search = '';
+                clearTimeout(state.current.timeout);
+                state.current.timeout = undefined;
+                return;
             }
         }
-        clearTimeout(state.timeout);
-        state.timeout = setTimeout(()=>{
-            state.search = '';
+        clearTimeout(state.current.timeout);
+        state.current.timeout = setTimeout(()=>{
+            state.current.search = '';
         }, $a6299e8d95fc8908$var$TYPEAHEAD_DEBOUNCE_WAIT_MS);
     };
+    (0, $h2mV5$react.useEffect)(()=>{
+        let timeout = state.current.timeout;
+        return ()=>{
+            clearTimeout(timeout);
+        };
+    }, [
+        state
+    ]);
     return {
         typeSelectProps: {
             // Using a capturing listener to catch the keydown event before
             // other hooks in order to handle the Spacebar event.
-            onKeyDownCapture: keyboardDelegate.getKeyForSearch ? onKeyDown : undefined
+            onKeyDownCapture: keyboardDelegate.getKeyForSearch ? onKeyDownCapture : undefined,
+            onKeyDown: keyboardDelegate.getKeyForSearch ? onKeyDown : undefined
         }
     };
 }

package/dist/private/selection/useTypeSelect.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;AAOD;;CAEC,GACD,MAAM,mDAA6B,MAAM,WAAW;AA2B7C,SAAS,0CAAc,OAA8B;IAC1D,IAAI,oBAAC,gBAAgB,oBAAE,gBAAgB,gBAAE,YAAY,EAAC,GAAG;IACzD,IAAI,QAAQ,CAAA,GAAA,mBAAK,EAAwE;QACvF,QAAQ;QACR,SAAS;IACX,GAAG,OAAO;IAEV,IAAI,YAAY,CAAC;QACf,IAAI,YAAY,sCAAgB,EAAE,GAAG;QACrC,IACE,CAAC,aACD,EAAE,OAAO,IACT,EAAE,OAAO,IACT,CAAC,CAAA,GAAA,sCAAW,EAAE,EAAE,aAAa,EAAE,CAAA,GAAA,wCAAa,EAAE,OAC7C,MAAM,MAAM,CAAC,MAAM,KAAK,KAAK,cAAc,KAE5C;QAGF,8EAA8E;QAC9E,8EAA8E;QAC9E,+EAA+E;QAC/E,4EAA4E;QAC5E,IAAI,cAAc,OAAO,MAAM,MAAM,CAAC,IAAI,GAAG,MAAM,GAAG,GAAG;YACvD,EAAE,cAAc;YAChB,IAAI,CAAE,CAAA,yBAAyB,CAAA,GAC7B,EAAE,eAAe;QAErB;QAEA,MAAM,MAAM,IAAI;QAEhB,IAAI,iBAAiB,eAAe,IAAI,MAAM;YAC5C,2CAA2C;YAC3C,+FAA+F;YAC/F,IAAI,MAAM,iBAAiB,eAAe,CAAC,MAAM,MAAM,EAAE,iBAAiB,UAAU;YAEpF,wCAAwC;YACxC,IAAI,OAAO,MACT,MAAM,iBAAiB,eAAe,CAAC,MAAM,MAAM;YAGrD,IAAI,OAAO,MAAM;gBACf,iBAAiB,aAAa,CAAC;gBAC/B,IAAI,cACF,aAAa;YAEjB;QACF;QAEA,aAAa,MAAM,OAAO;QAC1B,MAAM,OAAO,GAAG,WAAW;YACzB,MAAM,MAAM,GAAG;QACjB,GAAG;IACL;IAEA,OAAO;QACL,iBAAiB;YACf,+DAA+D;YAC/D,qDAAqD;YACrD,kBAAkB,iBAAiB,eAAe,GAAG,YAAY;QACnE;IACF;AACF;AAEA,SAAS,sCAAgB,GAAW;IAClC,mDAAmD;IACnD,+DAA+D;IAC/D,6BAA6B;IAC7B,0CAA0C;IAC1C,IAAI,IAAI,MAAM,KAAK,KAAK,CAAC,UAAU,IAAI,CAAC,MACtC,OAAO;IAGT,OAAO;AACT","sources":["packages/react-aria/src/selection/useTypeSelect.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMAttributes, Key, KeyboardDelegate} from '@react-types/shared';\nimport {getEventTarget, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {KeyboardEvent, useRef} from 'react';\nimport {MultipleSelectionManager} from 'react-stately/useMultipleSelectionState';\n\n/**\n * Controls how long to wait before clearing the typeahead buffer.\n */\nconst TYPEAHEAD_DEBOUNCE_WAIT_MS = 1000; // 1 second\n\nexport interface AriaTypeSelectOptions {\n  /**\n   * A delegate that returns collection item keys with respect to visual layout.\n   */\n  keyboardDelegate: KeyboardDelegate;\n  /**\n   * An interface for reading and updating multiple selection state.\n   */\n  selectionManager: MultipleSelectionManager;\n  /**\n   * Called when an item is focused by typing.\n   */\n  onTypeSelect?: (key: Key) => void;\n}\n\nexport interface TypeSelectAria {\n  /**\n   * Props to be spread on the owner of the options.\n   */\n  typeSelectProps: DOMAttributes;\n}\n\n/**\n * Handles typeahead interactions with collections.\n */\nexport function useTypeSelect(options: AriaTypeSelectOptions): TypeSelectAria {\n  let {keyboardDelegate, selectionManager, onTypeSelect} = options;\n  let state = useRef<{search: string; timeout: ReturnType<typeof setTimeout> | undefined}>({\n    search: '',\n    timeout: undefined\n  }).current;\n\n  let onKeyDown = (e: KeyboardEvent) => {\n    let character = getStringForKey(e.key);\n    if (\n      !character ||\n      e.ctrlKey ||\n      e.metaKey ||\n      !nodeContains(e.currentTarget, getEventTarget(e) as HTMLElement) ||\n      (state.search.length === 0 && character === ' ')\n    ) {\n      return;\n    }\n\n    // Do not propagate the Spacebar event if it's meant to be part of the search.\n    // When we time out, the search term becomes empty, hence the check on length.\n    // Trimming is to account for the case of pressing the Spacebar more than once,\n    // which should cycle through the selection/deselection of the focused item.\n    if (character === ' ' && state.search.trim().length > 0) {\n      e.preventDefault();\n      if (!('continuePropagation' in e)) {\n        e.stopPropagation();\n      }\n    }\n\n    state.search += character;\n\n    if (keyboardDelegate.getKeyForSearch != null) {\n      // Use the delegate to find a key to focus.\n      // Prioritize items after the currently focused item, falling back to searching the whole list.\n      let key = keyboardDelegate.getKeyForSearch(state.search, selectionManager.focusedKey);\n\n      // If no key found, search from the top.\n      if (key == null) {\n        key = keyboardDelegate.getKeyForSearch(state.search);\n      }\n\n      if (key != null) {\n        selectionManager.setFocusedKey(key);\n        if (onTypeSelect) {\n          onTypeSelect(key);\n        }\n      }\n    }\n\n    clearTimeout(state.timeout);\n    state.timeout = setTimeout(() => {\n      state.search = '';\n    }, TYPEAHEAD_DEBOUNCE_WAIT_MS);\n  };\n\n  return {\n    typeSelectProps: {\n      // Using a capturing listener to catch the keydown event before\n      // other hooks in order to handle the Spacebar event.\n      onKeyDownCapture: keyboardDelegate.getKeyForSearch ? onKeyDown : undefined\n    }\n  };\n}\n\nfunction getStringForKey(key: string) {\n  // If the key is of length 1, it is an ASCII value.\n  // Otherwise, if there are no ASCII characters in the key name,\n  // it is a Unicode character.\n  // See https://www.w3.org/TR/uievents-key/\n  if (key.length === 1 || !/^[A-Z]/i.test(key)) {\n    return key;\n  }\n\n  return '';\n}\n"],"names":[],"version":3,"file":"useTypeSelect.cjs.map"}
+{"mappings":"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","sources":["packages/react-aria/src/selection/useTypeSelect.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMAttributes, Key, KeyboardDelegate} from '@react-types/shared';\nimport {getEventTarget, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {KeyboardEvent, useEffect, useRef} from 'react';\nimport {MultipleSelectionManager} from 'react-stately/useMultipleSelectionState';\n\n/**\n * Controls how long to wait before clearing the typeahead buffer.\n */\nconst TYPEAHEAD_DEBOUNCE_WAIT_MS = 1000; // 1 second\n\nexport interface AriaTypeSelectOptions {\n  /**\n   * A delegate that returns collection item keys with respect to visual layout.\n   */\n  keyboardDelegate: KeyboardDelegate;\n  /**\n   * An interface for reading and updating multiple selection state.\n   */\n  selectionManager: MultipleSelectionManager;\n  /**\n   * Called when an item is focused by typing.\n   */\n  onTypeSelect?: (key: Key) => void;\n}\n\nexport interface TypeSelectAria {\n  /**\n   * Props to be spread on the owner of the options.\n   */\n  typeSelectProps: DOMAttributes;\n}\n\n/**\n * Handles typeahead interactions with collections.\n */\nexport function useTypeSelect(options: AriaTypeSelectOptions): TypeSelectAria {\n  let {keyboardDelegate, selectionManager, onTypeSelect} = options;\n  let state = useRef<{search: string; timeout: ReturnType<typeof setTimeout> | undefined}>({\n    search: '',\n    timeout: undefined\n  });\n\n  let onKeyDownCapture = (e: KeyboardEvent) => {\n    // if we're in the middle of a search, then a spacebar should be treated as a search and we should not propagate the event\n    // since we handle this one in a capture phase, we should ignore it in the bubble phase\n    if (state.current.search.length > 0 && e.key === ' ') {\n      e.preventDefault();\n      if (\n        !('continuePropagation' in e) ||\n        ('continuePropagation' in e && !e.isPropagationStopped())\n      ) {\n        e.stopPropagation();\n      }\n      state.current.search += ' ';\n\n      if (keyboardDelegate.getKeyForSearch != null) {\n        // Use the delegate to find a key to focus.\n        // Prioritize items after the currently focused item, falling back to searching the whole list.\n        let key = keyboardDelegate.getKeyForSearch(\n          state.current.search,\n          selectionManager.focusedKey\n        );\n\n        // If no key found, search from the top.\n        if (key == null) {\n          key = keyboardDelegate.getKeyForSearch(state.current.search);\n        }\n\n        if (key != null) {\n          selectionManager.setFocusedKey(key);\n          if (onTypeSelect) {\n            onTypeSelect(key);\n          }\n        }\n      }\n\n      clearTimeout(state.current.timeout);\n      state.current.timeout = setTimeout(() => {\n        state.current.search = '';\n      }, TYPEAHEAD_DEBOUNCE_WAIT_MS);\n    }\n  };\n\n  let onKeyDown = (e: KeyboardEvent) => {\n    let character = getStringForKey(e.key);\n    if (\n      !character ||\n      e.ctrlKey ||\n      e.metaKey ||\n      e.altKey ||\n      !nodeContains(e.currentTarget, getEventTarget(e) as HTMLElement) ||\n      (state.current.search.length === 0 && character === ' ')\n    ) {\n      return;\n    }\n\n    state.current.search += character;\n\n    if (keyboardDelegate.getKeyForSearch != null) {\n      // Use the delegate to find a key to focus.\n      // Prioritize items after the currently focused item, falling back to searching the whole list.\n      let key = keyboardDelegate.getKeyForSearch(state.current.search, selectionManager.focusedKey);\n\n      if (key == null) {\n        key = keyboardDelegate.getKeyForSearch(state.current.search);\n      }\n\n      if (key != null) {\n        selectionManager.setFocusedKey(key);\n        if (onTypeSelect) {\n          onTypeSelect(key);\n        }\n        e.preventDefault();\n        if (!('continuePropagation' in e)) {\n          e.stopPropagation();\n        }\n      } else {\n        // if still nothing then the type to select is done and everything is reset\n        state.current.search = '';\n        clearTimeout(state.current.timeout);\n        state.current.timeout = undefined;\n        return;\n      }\n    }\n\n    clearTimeout(state.current.timeout);\n    state.current.timeout = setTimeout(() => {\n      state.current.search = '';\n    }, TYPEAHEAD_DEBOUNCE_WAIT_MS);\n  };\n\n  useEffect(() => {\n    let timeout = state.current.timeout;\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [state]);\n\n  return {\n    typeSelectProps: {\n      // Using a capturing listener to catch the keydown event before\n      // other hooks in order to handle the Spacebar event.\n      onKeyDownCapture: keyboardDelegate.getKeyForSearch ? onKeyDownCapture : undefined,\n      onKeyDown: keyboardDelegate.getKeyForSearch ? onKeyDown : undefined\n    }\n  };\n}\n\nfunction getStringForKey(key: string) {\n  // If the key is of length 1, it is an ASCII value.\n  // Otherwise, if there are no ASCII characters in the key name,\n  // it is a Unicode character.\n  // See https://www.w3.org/TR/uievents-key/\n  if (key.length === 1 || !/^[A-Z]/i.test(key)) {\n    return key;\n  }\n\n  return '';\n}\n"],"names":[],"version":3,"file":"useTypeSelect.cjs.map"}

package/dist/private/selection/useTypeSelect.js

@@ -1,5 +1,5 @@
 import {getEventTarget as $d8ac7ed472840322$export$e58f029f0fbfdb29, nodeContains as $d8ac7ed472840322$export$4282f70798064fe0} from "../utils/shadowdom/DOMFunctions.js";
-import {useRef as $hxkp5$useRef} from "react";
+import {useRef as $hxkp5$useRef, useEffect as $hxkp5$useEffect} from "react";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -21,40 +21,72 @@ function $d6feb9780eea1a71$export$e32c88dfddc6e1d8(options) {
     let state = (0, $hxkp5$useRef)({
         search: '',
         timeout: undefined
-    }).current;
-    let onKeyDown = (e)=>{
-        let character = $d6feb9780eea1a71$var$getStringForKey(e.key);
-        if (!character || e.ctrlKey || e.metaKey || !(0, $d8ac7ed472840322$export$4282f70798064fe0)(e.currentTarget, (0, $d8ac7ed472840322$export$e58f029f0fbfdb29)(e)) || state.search.length === 0 && character === ' ') return;
-        // Do not propagate the Spacebar event if it's meant to be part of the search.
-        // When we time out, the search term becomes empty, hence the check on length.
-        // Trimming is to account for the case of pressing the Spacebar more than once,
-        // which should cycle through the selection/deselection of the focused item.
-        if (character === ' ' && state.search.trim().length > 0) {
+    });
+    let onKeyDownCapture = (e)=>{
+        // if we're in the middle of a search, then a spacebar should be treated as a search and we should not propagate the event
+        // since we handle this one in a capture phase, we should ignore it in the bubble phase
+        if (state.current.search.length > 0 && e.key === ' ') {
             e.preventDefault();
-            if (!('continuePropagation' in e)) e.stopPropagation();
+            if (!('continuePropagation' in e) || 'continuePropagation' in e && !e.isPropagationStopped()) e.stopPropagation();
+            state.current.search += ' ';
+            if (keyboardDelegate.getKeyForSearch != null) {
+                // Use the delegate to find a key to focus.
+                // Prioritize items after the currently focused item, falling back to searching the whole list.
+                let key = keyboardDelegate.getKeyForSearch(state.current.search, selectionManager.focusedKey);
+                // If no key found, search from the top.
+                if (key == null) key = keyboardDelegate.getKeyForSearch(state.current.search);
+                if (key != null) {
+                    selectionManager.setFocusedKey(key);
+                    if (onTypeSelect) onTypeSelect(key);
+                }
+            }
+            clearTimeout(state.current.timeout);
+            state.current.timeout = setTimeout(()=>{
+                state.current.search = '';
+            }, $d6feb9780eea1a71$var$TYPEAHEAD_DEBOUNCE_WAIT_MS);
         }
-        state.search += character;
+    };
+    let onKeyDown = (e)=>{
+        let character = $d6feb9780eea1a71$var$getStringForKey(e.key);
+        if (!character || e.ctrlKey || e.metaKey || e.altKey || !(0, $d8ac7ed472840322$export$4282f70798064fe0)(e.currentTarget, (0, $d8ac7ed472840322$export$e58f029f0fbfdb29)(e)) || state.current.search.length === 0 && character === ' ') return;
+        state.current.search += character;
         if (keyboardDelegate.getKeyForSearch != null) {
             // Use the delegate to find a key to focus.
             // Prioritize items after the currently focused item, falling back to searching the whole list.
-            let key = keyboardDelegate.getKeyForSearch(state.search, selectionManager.focusedKey);
-            // If no key found, search from the top.
-            if (key == null) key = keyboardDelegate.getKeyForSearch(state.search);
+            let key = keyboardDelegate.getKeyForSearch(state.current.search, selectionManager.focusedKey);
+            if (key == null) key = keyboardDelegate.getKeyForSearch(state.current.search);
             if (key != null) {
                 selectionManager.setFocusedKey(key);
                 if (onTypeSelect) onTypeSelect(key);
+                e.preventDefault();
+                if (!('continuePropagation' in e)) e.stopPropagation();
+            } else {
+                // if still nothing then the type to select is done and everything is reset
+                state.current.search = '';
+                clearTimeout(state.current.timeout);
+                state.current.timeout = undefined;
+                return;
             }
         }
-        clearTimeout(state.timeout);
-        state.timeout = setTimeout(()=>{
-            state.search = '';
+        clearTimeout(state.current.timeout);
+        state.current.timeout = setTimeout(()=>{
+            state.current.search = '';
         }, $d6feb9780eea1a71$var$TYPEAHEAD_DEBOUNCE_WAIT_MS);
     };
+    (0, $hxkp5$useEffect)(()=>{
+        let timeout = state.current.timeout;
+        return ()=>{
+            clearTimeout(timeout);
+        };
+    }, [
+        state
+    ]);
     return {
         typeSelectProps: {
             // Using a capturing listener to catch the keydown event before
             // other hooks in order to handle the Spacebar event.
-            onKeyDownCapture: keyboardDelegate.getKeyForSearch ? onKeyDown : undefined
+            onKeyDownCapture: keyboardDelegate.getKeyForSearch ? onKeyDownCapture : undefined,
+            onKeyDown: keyboardDelegate.getKeyForSearch ? onKeyDown : undefined
         }
     };
 }

package/dist/private/selection/useTypeSelect.js.map

@@ -1 +1 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAOD;;CAEC,GACD,MAAM,mDAA6B,MAAM,WAAW;AA2B7C,SAAS,0CAAc,OAA8B;IAC1D,IAAI,oBAAC,gBAAgB,oBAAE,gBAAgB,gBAAE,YAAY,EAAC,GAAG;IACzD,IAAI,QAAQ,CAAA,GAAA,aAAK,EAAwE;QACvF,QAAQ;QACR,SAAS;IACX,GAAG,OAAO;IAEV,IAAI,YAAY,CAAC;QACf,IAAI,YAAY,sCAAgB,EAAE,GAAG;QACrC,IACE,CAAC,aACD,EAAE,OAAO,IACT,EAAE,OAAO,IACT,CAAC,CAAA,GAAA,yCAAW,EAAE,EAAE,aAAa,EAAE,CAAA,GAAA,yCAAa,EAAE,OAC7C,MAAM,MAAM,CAAC,MAAM,KAAK,KAAK,cAAc,KAE5C;QAGF,8EAA8E;QAC9E,8EAA8E;QAC9E,+EAA+E;QAC/E,4EAA4E;QAC5E,IAAI,cAAc,OAAO,MAAM,MAAM,CAAC,IAAI,GAAG,MAAM,GAAG,GAAG;YACvD,EAAE,cAAc;YAChB,IAAI,CAAE,CAAA,yBAAyB,CAAA,GAC7B,EAAE,eAAe;QAErB;QAEA,MAAM,MAAM,IAAI;QAEhB,IAAI,iBAAiB,eAAe,IAAI,MAAM;YAC5C,2CAA2C;YAC3C,+FAA+F;YAC/F,IAAI,MAAM,iBAAiB,eAAe,CAAC,MAAM,MAAM,EAAE,iBAAiB,UAAU;YAEpF,wCAAwC;YACxC,IAAI,OAAO,MACT,MAAM,iBAAiB,eAAe,CAAC,MAAM,MAAM;YAGrD,IAAI,OAAO,MAAM;gBACf,iBAAiB,aAAa,CAAC;gBAC/B,IAAI,cACF,aAAa;YAEjB;QACF;QAEA,aAAa,MAAM,OAAO;QAC1B,MAAM,OAAO,GAAG,WAAW;YACzB,MAAM,MAAM,GAAG;QACjB,GAAG;IACL;IAEA,OAAO;QACL,iBAAiB;YACf,+DAA+D;YAC/D,qDAAqD;YACrD,kBAAkB,iBAAiB,eAAe,GAAG,YAAY;QACnE;IACF;AACF;AAEA,SAAS,sCAAgB,GAAW;IAClC,mDAAmD;IACnD,+DAA+D;IAC/D,6BAA6B;IAC7B,0CAA0C;IAC1C,IAAI,IAAI,MAAM,KAAK,KAAK,CAAC,UAAU,IAAI,CAAC,MACtC,OAAO;IAGT,OAAO;AACT","sources":["packages/react-aria/src/selection/useTypeSelect.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMAttributes, Key, KeyboardDelegate} from '@react-types/shared';\nimport {getEventTarget, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {KeyboardEvent, useRef} from 'react';\nimport {MultipleSelectionManager} from 'react-stately/useMultipleSelectionState';\n\n/**\n * Controls how long to wait before clearing the typeahead buffer.\n */\nconst TYPEAHEAD_DEBOUNCE_WAIT_MS = 1000; // 1 second\n\nexport interface AriaTypeSelectOptions {\n  /**\n   * A delegate that returns collection item keys with respect to visual layout.\n   */\n  keyboardDelegate: KeyboardDelegate;\n  /**\n   * An interface for reading and updating multiple selection state.\n   */\n  selectionManager: MultipleSelectionManager;\n  /**\n   * Called when an item is focused by typing.\n   */\n  onTypeSelect?: (key: Key) => void;\n}\n\nexport interface TypeSelectAria {\n  /**\n   * Props to be spread on the owner of the options.\n   */\n  typeSelectProps: DOMAttributes;\n}\n\n/**\n * Handles typeahead interactions with collections.\n */\nexport function useTypeSelect(options: AriaTypeSelectOptions): TypeSelectAria {\n  let {keyboardDelegate, selectionManager, onTypeSelect} = options;\n  let state = useRef<{search: string; timeout: ReturnType<typeof setTimeout> | undefined}>({\n    search: '',\n    timeout: undefined\n  }).current;\n\n  let onKeyDown = (e: KeyboardEvent) => {\n    let character = getStringForKey(e.key);\n    if (\n      !character ||\n      e.ctrlKey ||\n      e.metaKey ||\n      !nodeContains(e.currentTarget, getEventTarget(e) as HTMLElement) ||\n      (state.search.length === 0 && character === ' ')\n    ) {\n      return;\n    }\n\n    // Do not propagate the Spacebar event if it's meant to be part of the search.\n    // When we time out, the search term becomes empty, hence the check on length.\n    // Trimming is to account for the case of pressing the Spacebar more than once,\n    // which should cycle through the selection/deselection of the focused item.\n    if (character === ' ' && state.search.trim().length > 0) {\n      e.preventDefault();\n      if (!('continuePropagation' in e)) {\n        e.stopPropagation();\n      }\n    }\n\n    state.search += character;\n\n    if (keyboardDelegate.getKeyForSearch != null) {\n      // Use the delegate to find a key to focus.\n      // Prioritize items after the currently focused item, falling back to searching the whole list.\n      let key = keyboardDelegate.getKeyForSearch(state.search, selectionManager.focusedKey);\n\n      // If no key found, search from the top.\n      if (key == null) {\n        key = keyboardDelegate.getKeyForSearch(state.search);\n      }\n\n      if (key != null) {\n        selectionManager.setFocusedKey(key);\n        if (onTypeSelect) {\n          onTypeSelect(key);\n        }\n      }\n    }\n\n    clearTimeout(state.timeout);\n    state.timeout = setTimeout(() => {\n      state.search = '';\n    }, TYPEAHEAD_DEBOUNCE_WAIT_MS);\n  };\n\n  return {\n    typeSelectProps: {\n      // Using a capturing listener to catch the keydown event before\n      // other hooks in order to handle the Spacebar event.\n      onKeyDownCapture: keyboardDelegate.getKeyForSearch ? onKeyDown : undefined\n    }\n  };\n}\n\nfunction getStringForKey(key: string) {\n  // If the key is of length 1, it is an ASCII value.\n  // Otherwise, if there are no ASCII characters in the key name,\n  // it is a Unicode character.\n  // See https://www.w3.org/TR/uievents-key/\n  if (key.length === 1 || !/^[A-Z]/i.test(key)) {\n    return key;\n  }\n\n  return '';\n}\n"],"names":[],"version":3,"file":"useTypeSelect.js.map"}
+{"mappings":"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","sources":["packages/react-aria/src/selection/useTypeSelect.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMAttributes, Key, KeyboardDelegate} from '@react-types/shared';\nimport {getEventTarget, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {KeyboardEvent, useEffect, useRef} from 'react';\nimport {MultipleSelectionManager} from 'react-stately/useMultipleSelectionState';\n\n/**\n * Controls how long to wait before clearing the typeahead buffer.\n */\nconst TYPEAHEAD_DEBOUNCE_WAIT_MS = 1000; // 1 second\n\nexport interface AriaTypeSelectOptions {\n  /**\n   * A delegate that returns collection item keys with respect to visual layout.\n   */\n  keyboardDelegate: KeyboardDelegate;\n  /**\n   * An interface for reading and updating multiple selection state.\n   */\n  selectionManager: MultipleSelectionManager;\n  /**\n   * Called when an item is focused by typing.\n   */\n  onTypeSelect?: (key: Key) => void;\n}\n\nexport interface TypeSelectAria {\n  /**\n   * Props to be spread on the owner of the options.\n   */\n  typeSelectProps: DOMAttributes;\n}\n\n/**\n * Handles typeahead interactions with collections.\n */\nexport function useTypeSelect(options: AriaTypeSelectOptions): TypeSelectAria {\n  let {keyboardDelegate, selectionManager, onTypeSelect} = options;\n  let state = useRef<{search: string; timeout: ReturnType<typeof setTimeout> | undefined}>({\n    search: '',\n    timeout: undefined\n  });\n\n  let onKeyDownCapture = (e: KeyboardEvent) => {\n    // if we're in the middle of a search, then a spacebar should be treated as a search and we should not propagate the event\n    // since we handle this one in a capture phase, we should ignore it in the bubble phase\n    if (state.current.search.length > 0 && e.key === ' ') {\n      e.preventDefault();\n      if (\n        !('continuePropagation' in e) ||\n        ('continuePropagation' in e && !e.isPropagationStopped())\n      ) {\n        e.stopPropagation();\n      }\n      state.current.search += ' ';\n\n      if (keyboardDelegate.getKeyForSearch != null) {\n        // Use the delegate to find a key to focus.\n        // Prioritize items after the currently focused item, falling back to searching the whole list.\n        let key = keyboardDelegate.getKeyForSearch(\n          state.current.search,\n          selectionManager.focusedKey\n        );\n\n        // If no key found, search from the top.\n        if (key == null) {\n          key = keyboardDelegate.getKeyForSearch(state.current.search);\n        }\n\n        if (key != null) {\n          selectionManager.setFocusedKey(key);\n          if (onTypeSelect) {\n            onTypeSelect(key);\n          }\n        }\n      }\n\n      clearTimeout(state.current.timeout);\n      state.current.timeout = setTimeout(() => {\n        state.current.search = '';\n      }, TYPEAHEAD_DEBOUNCE_WAIT_MS);\n    }\n  };\n\n  let onKeyDown = (e: KeyboardEvent) => {\n    let character = getStringForKey(e.key);\n    if (\n      !character ||\n      e.ctrlKey ||\n      e.metaKey ||\n      e.altKey ||\n      !nodeContains(e.currentTarget, getEventTarget(e) as HTMLElement) ||\n      (state.current.search.length === 0 && character === ' ')\n    ) {\n      return;\n    }\n\n    state.current.search += character;\n\n    if (keyboardDelegate.getKeyForSearch != null) {\n      // Use the delegate to find a key to focus.\n      // Prioritize items after the currently focused item, falling back to searching the whole list.\n      let key = keyboardDelegate.getKeyForSearch(state.current.search, selectionManager.focusedKey);\n\n      if (key == null) {\n        key = keyboardDelegate.getKeyForSearch(state.current.search);\n      }\n\n      if (key != null) {\n        selectionManager.setFocusedKey(key);\n        if (onTypeSelect) {\n          onTypeSelect(key);\n        }\n        e.preventDefault();\n        if (!('continuePropagation' in e)) {\n          e.stopPropagation();\n        }\n      } else {\n        // if still nothing then the type to select is done and everything is reset\n        state.current.search = '';\n        clearTimeout(state.current.timeout);\n        state.current.timeout = undefined;\n        return;\n      }\n    }\n\n    clearTimeout(state.current.timeout);\n    state.current.timeout = setTimeout(() => {\n      state.current.search = '';\n    }, TYPEAHEAD_DEBOUNCE_WAIT_MS);\n  };\n\n  useEffect(() => {\n    let timeout = state.current.timeout;\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [state]);\n\n  return {\n    typeSelectProps: {\n      // Using a capturing listener to catch the keydown event before\n      // other hooks in order to handle the Spacebar event.\n      onKeyDownCapture: keyboardDelegate.getKeyForSearch ? onKeyDownCapture : undefined,\n      onKeyDown: keyboardDelegate.getKeyForSearch ? onKeyDown : undefined\n    }\n  };\n}\n\nfunction getStringForKey(key: string) {\n  // If the key is of length 1, it is an ASCII value.\n  // Otherwise, if there are no ASCII characters in the key name,\n  // it is a Unicode character.\n  // See https://www.w3.org/TR/uievents-key/\n  if (key.length === 1 || !/^[A-Z]/i.test(key)) {\n    return key;\n  }\n\n  return '';\n}\n"],"names":[],"version":3,"file":"useTypeSelect.js.map"}

package/dist/private/selection/useTypeSelect.mjs

@@ -1,5 +1,5 @@
 import {getEventTarget as $23f2114a1b82827e$export$e58f029f0fbfdb29, nodeContains as $23f2114a1b82827e$export$4282f70798064fe0} from "../utils/shadowdom/DOMFunctions.mjs";
-import {useRef as $dLAPo$useRef} from "react";
+import {useRef as $dLAPo$useRef, useEffect as $dLAPo$useEffect} from "react";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -21,40 +21,72 @@ function $f5a4a9a3486154da$export$e32c88dfddc6e1d8(options) {
     let state = (0, $dLAPo$useRef)({
         search: '',
         timeout: undefined
-    }).current;
-    let onKeyDown = (e)=>{
-        let character = $f5a4a9a3486154da$var$getStringForKey(e.key);
-        if (!character || e.ctrlKey || e.metaKey || !(0, $23f2114a1b82827e$export$4282f70798064fe0)(e.currentTarget, (0, $23f2114a1b82827e$export$e58f029f0fbfdb29)(e)) || state.search.length === 0 && character === ' ') return;
-        // Do not propagate the Spacebar event if it's meant to be part of the search.
-        // When we time out, the search term becomes empty, hence the check on length.
-        // Trimming is to account for the case of pressing the Spacebar more than once,
-        // which should cycle through the selection/deselection of the focused item.
-        if (character === ' ' && state.search.trim().length > 0) {
+    });
+    let onKeyDownCapture = (e)=>{
+        // if we're in the middle of a search, then a spacebar should be treated as a search and we should not propagate the event
+        // since we handle this one in a capture phase, we should ignore it in the bubble phase
+        if (state.current.search.length > 0 && e.key === ' ') {
             e.preventDefault();
-            if (!('continuePropagation' in e)) e.stopPropagation();
+            if (!('continuePropagation' in e) || 'continuePropagation' in e && !e.isPropagationStopped()) e.stopPropagation();
+            state.current.search += ' ';
+            if (keyboardDelegate.getKeyForSearch != null) {
+                // Use the delegate to find a key to focus.
+                // Prioritize items after the currently focused item, falling back to searching the whole list.
+                let key = keyboardDelegate.getKeyForSearch(state.current.search, selectionManager.focusedKey);
+                // If no key found, search from the top.
+                if (key == null) key = keyboardDelegate.getKeyForSearch(state.current.search);
+                if (key != null) {
+                    selectionManager.setFocusedKey(key);
+                    if (onTypeSelect) onTypeSelect(key);
+                }
+            }
+            clearTimeout(state.current.timeout);
+            state.current.timeout = setTimeout(()=>{
+                state.current.search = '';
+            }, $f5a4a9a3486154da$var$TYPEAHEAD_DEBOUNCE_WAIT_MS);
         }
-        state.search += character;
+    };
+    let onKeyDown = (e)=>{
+        let character = $f5a4a9a3486154da$var$getStringForKey(e.key);
+        if (!character || e.ctrlKey || e.metaKey || e.altKey || !(0, $23f2114a1b82827e$export$4282f70798064fe0)(e.currentTarget, (0, $23f2114a1b82827e$export$e58f029f0fbfdb29)(e)) || state.current.search.length === 0 && character === ' ') return;
+        state.current.search += character;
         if (keyboardDelegate.getKeyForSearch != null) {
             // Use the delegate to find a key to focus.
             // Prioritize items after the currently focused item, falling back to searching the whole list.
-            let key = keyboardDelegate.getKeyForSearch(state.search, selectionManager.focusedKey);
-            // If no key found, search from the top.
-            if (key == null) key = keyboardDelegate.getKeyForSearch(state.search);
+            let key = keyboardDelegate.getKeyForSearch(state.current.search, selectionManager.focusedKey);
+            if (key == null) key = keyboardDelegate.getKeyForSearch(state.current.search);
             if (key != null) {
                 selectionManager.setFocusedKey(key);
                 if (onTypeSelect) onTypeSelect(key);
+                e.preventDefault();
+                if (!('continuePropagation' in e)) e.stopPropagation();
+            } else {
+                // if still nothing then the type to select is done and everything is reset
+                state.current.search = '';
+                clearTimeout(state.current.timeout);
+                state.current.timeout = undefined;
+                return;
             }
         }
-        clearTimeout(state.timeout);
-        state.timeout = setTimeout(()=>{
-            state.search = '';
+        clearTimeout(state.current.timeout);
+        state.current.timeout = setTimeout(()=>{
+            state.current.search = '';
         }, $f5a4a9a3486154da$var$TYPEAHEAD_DEBOUNCE_WAIT_MS);
     };
+    (0, $dLAPo$useEffect)(()=>{
+        let timeout = state.current.timeout;
+        return ()=>{
+            clearTimeout(timeout);
+        };
+    }, [
+        state
+    ]);
     return {
         typeSelectProps: {
             // Using a capturing listener to catch the keydown event before
             // other hooks in order to handle the Spacebar event.
-            onKeyDownCapture: keyboardDelegate.getKeyForSearch ? onKeyDown : undefined
+            onKeyDownCapture: keyboardDelegate.getKeyForSearch ? onKeyDownCapture : undefined,
+            onKeyDown: keyboardDelegate.getKeyForSearch ? onKeyDown : undefined
         }
     };
 }

package/dist/private/selection/useTypeSelect.mjs.map

@@ -1 +1 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAOD;;CAEC,GACD,MAAM,mDAA6B,MAAM,WAAW;AA2B7C,SAAS,0CAAc,OAA8B;IAC1D,IAAI,oBAAC,gBAAgB,oBAAE,gBAAgB,gBAAE,YAAY,EAAC,GAAG;IACzD,IAAI,QAAQ,CAAA,GAAA,aAAK,EAAwE;QACvF,QAAQ;QACR,SAAS;IACX,GAAG,OAAO;IAEV,IAAI,YAAY,CAAC;QACf,IAAI,YAAY,sCAAgB,EAAE,GAAG;QACrC,IACE,CAAC,aACD,EAAE,OAAO,IACT,EAAE,OAAO,IACT,CAAC,CAAA,GAAA,yCAAW,EAAE,EAAE,aAAa,EAAE,CAAA,GAAA,yCAAa,EAAE,OAC7C,MAAM,MAAM,CAAC,MAAM,KAAK,KAAK,cAAc,KAE5C;QAGF,8EAA8E;QAC9E,8EAA8E;QAC9E,+EAA+E;QAC/E,4EAA4E;QAC5E,IAAI,cAAc,OAAO,MAAM,MAAM,CAAC,IAAI,GAAG,MAAM,GAAG,GAAG;YACvD,EAAE,cAAc;YAChB,IAAI,CAAE,CAAA,yBAAyB,CAAA,GAC7B,EAAE,eAAe;QAErB;QAEA,MAAM,MAAM,IAAI;QAEhB,IAAI,iBAAiB,eAAe,IAAI,MAAM;YAC5C,2CAA2C;YAC3C,+FAA+F;YAC/F,IAAI,MAAM,iBAAiB,eAAe,CAAC,MAAM,MAAM,EAAE,iBAAiB,UAAU;YAEpF,wCAAwC;YACxC,IAAI,OAAO,MACT,MAAM,iBAAiB,eAAe,CAAC,MAAM,MAAM;YAGrD,IAAI,OAAO,MAAM;gBACf,iBAAiB,aAAa,CAAC;gBAC/B,IAAI,cACF,aAAa;YAEjB;QACF;QAEA,aAAa,MAAM,OAAO;QAC1B,MAAM,OAAO,GAAG,WAAW;YACzB,MAAM,MAAM,GAAG;QACjB,GAAG;IACL;IAEA,OAAO;QACL,iBAAiB;YACf,+DAA+D;YAC/D,qDAAqD;YACrD,kBAAkB,iBAAiB,eAAe,GAAG,YAAY;QACnE;IACF;AACF;AAEA,SAAS,sCAAgB,GAAW;IAClC,mDAAmD;IACnD,+DAA+D;IAC/D,6BAA6B;IAC7B,0CAA0C;IAC1C,IAAI,IAAI,MAAM,KAAK,KAAK,CAAC,UAAU,IAAI,CAAC,MACtC,OAAO;IAGT,OAAO;AACT","sources":["packages/react-aria/src/selection/useTypeSelect.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMAttributes, Key, KeyboardDelegate} from '@react-types/shared';\nimport {getEventTarget, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {KeyboardEvent, useRef} from 'react';\nimport {MultipleSelectionManager} from 'react-stately/useMultipleSelectionState';\n\n/**\n * Controls how long to wait before clearing the typeahead buffer.\n */\nconst TYPEAHEAD_DEBOUNCE_WAIT_MS = 1000; // 1 second\n\nexport interface AriaTypeSelectOptions {\n  /**\n   * A delegate that returns collection item keys with respect to visual layout.\n   */\n  keyboardDelegate: KeyboardDelegate;\n  /**\n   * An interface for reading and updating multiple selection state.\n   */\n  selectionManager: MultipleSelectionManager;\n  /**\n   * Called when an item is focused by typing.\n   */\n  onTypeSelect?: (key: Key) => void;\n}\n\nexport interface TypeSelectAria {\n  /**\n   * Props to be spread on the owner of the options.\n   */\n  typeSelectProps: DOMAttributes;\n}\n\n/**\n * Handles typeahead interactions with collections.\n */\nexport function useTypeSelect(options: AriaTypeSelectOptions): TypeSelectAria {\n  let {keyboardDelegate, selectionManager, onTypeSelect} = options;\n  let state = useRef<{search: string; timeout: ReturnType<typeof setTimeout> | undefined}>({\n    search: '',\n    timeout: undefined\n  }).current;\n\n  let onKeyDown = (e: KeyboardEvent) => {\n    let character = getStringForKey(e.key);\n    if (\n      !character ||\n      e.ctrlKey ||\n      e.metaKey ||\n      !nodeContains(e.currentTarget, getEventTarget(e) as HTMLElement) ||\n      (state.search.length === 0 && character === ' ')\n    ) {\n      return;\n    }\n\n    // Do not propagate the Spacebar event if it's meant to be part of the search.\n    // When we time out, the search term becomes empty, hence the check on length.\n    // Trimming is to account for the case of pressing the Spacebar more than once,\n    // which should cycle through the selection/deselection of the focused item.\n    if (character === ' ' && state.search.trim().length > 0) {\n      e.preventDefault();\n      if (!('continuePropagation' in e)) {\n        e.stopPropagation();\n      }\n    }\n\n    state.search += character;\n\n    if (keyboardDelegate.getKeyForSearch != null) {\n      // Use the delegate to find a key to focus.\n      // Prioritize items after the currently focused item, falling back to searching the whole list.\n      let key = keyboardDelegate.getKeyForSearch(state.search, selectionManager.focusedKey);\n\n      // If no key found, search from the top.\n      if (key == null) {\n        key = keyboardDelegate.getKeyForSearch(state.search);\n      }\n\n      if (key != null) {\n        selectionManager.setFocusedKey(key);\n        if (onTypeSelect) {\n          onTypeSelect(key);\n        }\n      }\n    }\n\n    clearTimeout(state.timeout);\n    state.timeout = setTimeout(() => {\n      state.search = '';\n    }, TYPEAHEAD_DEBOUNCE_WAIT_MS);\n  };\n\n  return {\n    typeSelectProps: {\n      // Using a capturing listener to catch the keydown event before\n      // other hooks in order to handle the Spacebar event.\n      onKeyDownCapture: keyboardDelegate.getKeyForSearch ? onKeyDown : undefined\n    }\n  };\n}\n\nfunction getStringForKey(key: string) {\n  // If the key is of length 1, it is an ASCII value.\n  // Otherwise, if there are no ASCII characters in the key name,\n  // it is a Unicode character.\n  // See https://www.w3.org/TR/uievents-key/\n  if (key.length === 1 || !/^[A-Z]/i.test(key)) {\n    return key;\n  }\n\n  return '';\n}\n"],"names":[],"version":3,"file":"useTypeSelect.mjs.map"}
+{"mappings":"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","sources":["packages/react-aria/src/selection/useTypeSelect.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMAttributes, Key, KeyboardDelegate} from '@react-types/shared';\nimport {getEventTarget, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {KeyboardEvent, useEffect, useRef} from 'react';\nimport {MultipleSelectionManager} from 'react-stately/useMultipleSelectionState';\n\n/**\n * Controls how long to wait before clearing the typeahead buffer.\n */\nconst TYPEAHEAD_DEBOUNCE_WAIT_MS = 1000; // 1 second\n\nexport interface AriaTypeSelectOptions {\n  /**\n   * A delegate that returns collection item keys with respect to visual layout.\n   */\n  keyboardDelegate: KeyboardDelegate;\n  /**\n   * An interface for reading and updating multiple selection state.\n   */\n  selectionManager: MultipleSelectionManager;\n  /**\n   * Called when an item is focused by typing.\n   */\n  onTypeSelect?: (key: Key) => void;\n}\n\nexport interface TypeSelectAria {\n  /**\n   * Props to be spread on the owner of the options.\n   */\n  typeSelectProps: DOMAttributes;\n}\n\n/**\n * Handles typeahead interactions with collections.\n */\nexport function useTypeSelect(options: AriaTypeSelectOptions): TypeSelectAria {\n  let {keyboardDelegate, selectionManager, onTypeSelect} = options;\n  let state = useRef<{search: string; timeout: ReturnType<typeof setTimeout> | undefined}>({\n    search: '',\n    timeout: undefined\n  });\n\n  let onKeyDownCapture = (e: KeyboardEvent) => {\n    // if we're in the middle of a search, then a spacebar should be treated as a search and we should not propagate the event\n    // since we handle this one in a capture phase, we should ignore it in the bubble phase\n    if (state.current.search.length > 0 && e.key === ' ') {\n      e.preventDefault();\n      if (\n        !('continuePropagation' in e) ||\n        ('continuePropagation' in e && !e.isPropagationStopped())\n      ) {\n        e.stopPropagation();\n      }\n      state.current.search += ' ';\n\n      if (keyboardDelegate.getKeyForSearch != null) {\n        // Use the delegate to find a key to focus.\n        // Prioritize items after the currently focused item, falling back to searching the whole list.\n        let key = keyboardDelegate.getKeyForSearch(\n          state.current.search,\n          selectionManager.focusedKey\n        );\n\n        // If no key found, search from the top.\n        if (key == null) {\n          key = keyboardDelegate.getKeyForSearch(state.current.search);\n        }\n\n        if (key != null) {\n          selectionManager.setFocusedKey(key);\n          if (onTypeSelect) {\n            onTypeSelect(key);\n          }\n        }\n      }\n\n      clearTimeout(state.current.timeout);\n      state.current.timeout = setTimeout(() => {\n        state.current.search = '';\n      }, TYPEAHEAD_DEBOUNCE_WAIT_MS);\n    }\n  };\n\n  let onKeyDown = (e: KeyboardEvent) => {\n    let character = getStringForKey(e.key);\n    if (\n      !character ||\n      e.ctrlKey ||\n      e.metaKey ||\n      e.altKey ||\n      !nodeContains(e.currentTarget, getEventTarget(e) as HTMLElement) ||\n      (state.current.search.length === 0 && character === ' ')\n    ) {\n      return;\n    }\n\n    state.current.search += character;\n\n    if (keyboardDelegate.getKeyForSearch != null) {\n      // Use the delegate to find a key to focus.\n      // Prioritize items after the currently focused item, falling back to searching the whole list.\n      let key = keyboardDelegate.getKeyForSearch(state.current.search, selectionManager.focusedKey);\n\n      if (key == null) {\n        key = keyboardDelegate.getKeyForSearch(state.current.search);\n      }\n\n      if (key != null) {\n        selectionManager.setFocusedKey(key);\n        if (onTypeSelect) {\n          onTypeSelect(key);\n        }\n        e.preventDefault();\n        if (!('continuePropagation' in e)) {\n          e.stopPropagation();\n        }\n      } else {\n        // if still nothing then the type to select is done and everything is reset\n        state.current.search = '';\n        clearTimeout(state.current.timeout);\n        state.current.timeout = undefined;\n        return;\n      }\n    }\n\n    clearTimeout(state.current.timeout);\n    state.current.timeout = setTimeout(() => {\n      state.current.search = '';\n    }, TYPEAHEAD_DEBOUNCE_WAIT_MS);\n  };\n\n  useEffect(() => {\n    let timeout = state.current.timeout;\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [state]);\n\n  return {\n    typeSelectProps: {\n      // Using a capturing listener to catch the keydown event before\n      // other hooks in order to handle the Spacebar event.\n      onKeyDownCapture: keyboardDelegate.getKeyForSearch ? onKeyDownCapture : undefined,\n      onKeyDown: keyboardDelegate.getKeyForSearch ? onKeyDown : undefined\n    }\n  };\n}\n\nfunction getStringForKey(key: string) {\n  // If the key is of length 1, it is an ASCII value.\n  // Otherwise, if there are no ASCII characters in the key name,\n  // it is a Unicode character.\n  // See https://www.w3.org/TR/uievents-key/\n  if (key.length === 1 || !/^[A-Z]/i.test(key)) {\n    return key;\n  }\n\n  return '';\n}\n"],"names":[],"version":3,"file":"useTypeSelect.mjs.map"}