@szhsin/react-menu/dist/esm/hooks/useMenuStateAndFocus.mjs

React component for building accessible menu, dropdown, submenu, context menu, and more

import { useState } from 'react';
import { useMenuState } from './useMenuState.mjs';

const useMenuStateAndFocus = options => {
  const [menuProps, toggleMenu] = useMenuState(options);
  const [menuItemFocus, setMenuItemFocus] = useState();
  const openMenu = (position, alwaysUpdate) => {
    setMenuItemFocus({
      position,
      alwaysUpdate
    });
    toggleMenu(true);
  };
  return [{
    menuItemFocus,
    ...menuProps
  }, toggleMenu, openMenu];
};

export { useMenuStateAndFocus };