Function useSelect

packages/react-aria/src/select/useSelect.ts:113–309

(
  props: AriaSelectOptions<T, M>,
  state: SelectState<T, M>,
  ref: RefObject<HTMLElement | null>
)

 * @param state - State for the select, as returned by `useListState`.
 */
export function useSelect<T, M extends SelectionMode = 'single'>(
  props: AriaSelectOptions<T, M>,
  state: SelectState<T, M>,
  ref: RefObject<HTMLElement | null>
): SelectAria<T, M> {
  let {keyboardDelegate, isDisabled, isRequired, name, form, validationBehavior = 'aria'} = props;

  // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).
  // When virtualized, the layout object will be passed in as a prop and override this.
  let collator = useCollator({usage: 'search', sensitivity: 'base'});
  let delegate = useMemo(
    () =>
      keyboardDelegate ||
      new ListKeyboardDelegate(state.collection, state.disabledKeys, ref, collator),
    [keyboardDelegate, state.collection, state.disabledKeys, collator, ref]
  );

  let {menuTriggerProps, menuProps} = useMenuTrigger<T>(
    {
      isDisabled,
      type: 'listbox'
    },
    state,
    ref
  );

  let onKeyDown = (e: KeyboardEvent) => {
    if (state.selectionManager.selectionMode === 'multiple') {
      return;
    }

    switch (e.key) {
      case 'ArrowLeft': {
        // prevent scrolling containers
        e.preventDefault();

        let key =
          state.selectedKey != null
            ? delegate.getKeyAbove?.(state.selectedKey)
            : delegate.getFirstKey?.();
        if (key != null) {
          state.setSelectedKey(key);
        }
        break;
      }
      case 'ArrowRight': {
        // prevent scrolling containers
        e.preventDefault();

        let key =
          state.selectedKey != null
            ? delegate.getKeyBelow?.(state.selectedKey)
            : delegate.getFirstKey?.();
        if (key != null) {
          state.setSelectedKey(key);
        }
        break;
      }