react-aria/dist/private/selection/useTypeSelect.mjs.map

Spectrum UI components in React

{"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"}