Function useActionBarContainer

packages/@react-spectrum/s2/src/ActionBar.tsx:249–300

(
  props: ActionBarContainerHookProps
)

}

export function useActionBarContainer(
  props: ActionBarContainerHookProps
): ActionBarContainerHookResult {
  let {renderActionBar, scrollRef} = props;
  let [selectedKeys, setSelectedKeys] = useControlledState(
    props.selectedKeys,
    props.defaultSelectedKeys || new Set(),
    props.onSelectionChange
  );
  let selectedKeysSet = useMemo(
    () => (selectedKeys === 'all' ? (selectedKeys as 'all') : new Set(selectedKeys)),
    [selectedKeys]
  );
  let actionBar = useMemo(
    () => renderActionBar?.(selectedKeysSet),
    [renderActionBar, selectedKeysSet]
  );
  let selectedItemCount = selectedKeysSet === 'all' ? ('all' as const) : selectedKeysSet.size;
  let [actionBarHeight, setActionBarHeight] = useState(0);
  let actionBarRef = useCallback((ref: DOMRefValue | null) => {
    let actionBar = ref?.UNSAFE_getDOMNode();
    if (actionBar) {
      setActionBarHeight(actionBar.offsetHeight + 8);
    } else {
      setActionBarHeight(0);
    }
  }, []);

  let actionBarContext = useMemo(
    () => ({
      ref: actionBarRef,
      scrollRef,
      selectedItemCount,
      onClearSelection: () => setSelectedKeys(new Set())
    }),
    [scrollRef, actionBarRef, selectedItemCount, setSelectedKeys]
  );

  let wrappedActionBar = useMemo(
    () => (
      <ActionBarContext.Provider value={actionBarContext}>{actionBar}</ActionBarContext.Provider>
    ),
    [actionBarContext, actionBar]
  );

  return {
    selectedKeys,
    onSelectionChange: setSelectedKeys,
    actionBar: wrappedActionBar,
    actionBarHeight
  };
}