Function ListBoxInner

packages/react-aria-components/src/ListBox.tsx:239–440

({state: inputState, props, listBoxRef}: ListBoxInnerProps<T>)

}

function ListBoxInner<T>({state: inputState, props, listBoxRef}: ListBoxInnerProps<T>) {
  // oxlint-disable-next-line react/react-compiler
  [props, listBoxRef] = useContextProps(props, listBoxRef, SelectableCollectionContext);
  let {dragAndDropHooks, layout = 'stack', orientation = 'vertical', filter} = props;
  // oxlint-disable-next-line react/react-compiler
  let state = UNSTABLE_useFilteredListState(inputState, filter);
  let {collection, selectionManager} = state;
  let isListDraggable = !!dragAndDropHooks?.useDraggableCollectionState;
  let isListDroppable = !!dragAndDropHooks?.useDroppableCollectionState;
  let {direction} = useLocale();
  let {disabledBehavior, disabledKeys} = selectionManager;
  let collator = useCollator({usage: 'search', sensitivity: 'base'});
  let {
    isVirtualized,
    layoutDelegate,
    dropTargetDelegate: ctxDropTargetDelegate,
    CollectionRoot
  } = useContext(CollectionRendererContext);
  let keyboardDelegate = useMemo(
    // oxlint-disable-next-line react/react-compiler
    () =>
      props.keyboardDelegate ||
      new ListKeyboardDelegate({
        collection,
        collator,
        ref: listBoxRef,
        disabledKeys,
        disabledBehavior,
        layout,
        orientation,
        direction,
        layoutDelegate
      }),
    [
      collection,
      collator,
      listBoxRef,
      disabledBehavior,
      disabledKeys,
      orientation,
      direction,
      props.keyboardDelegate,
      layout,
      layoutDelegate
    ]
  );

  let {listBoxProps} = useListBox(
    {
      ...props,
      shouldSelectOnPressUp: isListDraggable || props.shouldSelectOnPressUp,
      keyboardDelegate,
      isVirtualized
    },
    state,
    listBoxRef
  );