Function useSelect

packages/react-aria/src/select/useSelect.ts:114–307

(
  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 {keyboardProps} = useKeyboard({
    shortcuts: {
      ArrowLeft: () => {
        if (state.selectionManager.selectionMode === 'multiple') {
          return false;
        }
        let key =
          state.selectedKey != null
            ? delegate.getKeyAbove?.(state.selectedKey)
            : delegate.getFirstKey?.();
        if (key != null) {
          state.setSelectedKey(key);
        }
      },
      ArrowRight: () => {
        if (state.selectionManager.selectionMode === 'multiple') {
          return false;
        }
        let key =
          state.selectedKey != null
            ? delegate.getKeyBelow?.(state.selectedKey)
            : delegate.getFirstKey?.();
        if (key != null) {
          state.setSelectedKey(key);
        }
      }
    },
    allowRepeats: true,
    onKeyDown: props.onKeyDown,
    onKeyUp: props.onKeyUp
  });