Function useListState

packages/react-stately/src/list/useListState.ts:50–83

(props: ListProps<T>)

 * of items from props, and manages multiple selection state.
 */
export function useListState<T>(props: ListProps<T>): ListState<T> {
  let {filter, layoutDelegate} = props;

  let selectionState = useMultipleSelectionState(props);
  let disabledKeys = useMemo(
    () => (props.disabledKeys ? new Set(props.disabledKeys) : new Set<Key>()),
    [props.disabledKeys]
  );

  let factory = useCallback(
    nodes =>
      filter ? new ListCollection(filter(nodes)) : new ListCollection(nodes as Iterable<Node<T>>),
    [filter]
  );
  let context = useMemo(
    () => ({suppressTextValueWarning: props.suppressTextValueWarning}),
    [props.suppressTextValueWarning]
  );

  let collection = useCollection(props, factory, context);

  let selectionManager = useMemo(
    () => new SelectionManager(collection, selectionState, {layoutDelegate}),
    [collection, selectionState, layoutDelegate]
  );

  useFocusedKeyReset(collection, selectionManager);

  return {
    collection,
    disabledKeys,
    selectionManager
  };
}

/**
 * Filters a collection using the provided filter function and returns a new ListState.