@xo-union/tk-component-header-nav/lib/components/HeaderNav/useNavigationMenus.cjs.js

"use strict";

var _WeakMap = require("@babel/runtime-corejs3/core-js/weak-map");
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js/object/define-property");
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptor");
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
_Object$defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js/set-timeout"));
var _react = _interopRequireWildcard(require("react"));
var _tkUiBreakpoints = require("@xo-union/tk-ui-breakpoints");
var _orionWebLibReact = require("@tkww/orion-web-lib-react");
var _useToggleCjs = require("./useToggle.cjs.js");
var _typesCjs = require("./types.cjs.js");
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
const useOutsideClick = (isHamburgerOpenInMobile, actions, refs) => {
  (0, _orionWebLibReact.useClickZoneEffect)({
    enabled: isHamburgerOpenInMobile,
    onClickOutside: () => {
      actions.closeHamburger();
    },
    relatedRefs: [refs.topLevelNavRef, refs.megaMenuContainerRef, refs.mobileAppBarItemsRef]
  });
};
const useNavigationMenus = _ref => {
  let {
    activeProduct,
    __openOnLoad__
  } = _ref;
  const [isHamburgerOpen, hamburgerActions] = (0, _useToggleCjs.useToggle)(Boolean(__openOnLoad__));
  const [openMenuID, menuActions] = (0, _useToggleCjs.useNamedToggle)(__openOnLoad__);
  const [openDevice, openDeviceActions] = (0, _useToggleCjs.useNamedToggle)();
  const returnFocusRef = _react.default.useRef();
  const buttonRefs = _react.default.useRef({});
  const mobileMedia = (0, _tkUiBreakpoints.useMobileMedia)();
  _react.default.useEffect(() => {
    const timeout = (0, _setTimeout2.default)(() => {
      if (!isHamburgerOpen) {
        menuActions.off();
      }
    }, 300);
    return () => {
      clearTimeout(timeout);
    };
  }, [isHamburgerOpen]); // eslint-disable-line react-hooks/exhaustive-deps

  const closeMenu = function () {
    let {
      returnFocus = true
    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
    const returnFocusElement = returnFocusRef.current;
    returnFocusRef.current = null;
    if (returnFocusElement && returnFocus) {
      const timeout = mobileMedia.yes ? 300 : 0;
      (0, _setTimeout2.default)(() => {
        returnFocusElement.focus();
      }, timeout);
    }
    openDeviceActions.off();
    menuActions.off();
  };
  const actions = {
    openMenu: (menuID, _ref2) => {
      let {
        returnFocusElement,
        device
      } = _ref2;
      returnFocusRef.current = returnFocusElement;
      menuActions.on(menuID);
      openDeviceActions.on(device);
      hamburgerActions.on();
    },
    closeMenu,
    toggleHamburger: () => {
      if (activeProduct) {
        menuActions.on(activeProduct);
        openDeviceActions.on(null);
      }
      hamburgerActions.toggle();
    },
    closeHamburger: () => {
      hamburgerActions.off();
    },
    closeAll: options => {
      closeMenu(options);
      hamburgerActions.off();
    },
    closeLast: options => {
      if (openMenuID) {
        closeMenu(options);
        return;
      }
      hamburgerActions.off();
    }
  };
  const isAnyMenuOpen = openMenuID !== null;
  const isHamburgerOpenInMobile = mobileMedia.yes && isHamburgerOpen;
  const state = {
    isHamburgerOpen,
    isAnyMenuOpen,
    isAnyMegaMenuOpen: isAnyMenuOpen && openMenuID !== _typesCjs.menuTypes.ACCOUNT_SETTINGS,
    wasOpenedWithKeyboard: openDevice === 'keyboard',
    isHamburgerOpenInMobile
  };
  const selectors = {
    isMenuActive: menuID => menuID === openMenuID
  };
  const refs = {
    topLevelNavRef: (0, _react.useRef)(null),
    megaMenuContainerRef: (0, _react.useRef)(null),
    mobileAppBarItemsRef: (0, _react.useRef)(null),
    getButtonRef: function () {
      let menuID = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : openMenuID;
      if (buttonRefs.current[menuID]) {
        return buttonRefs.current[menuID];
      }
      const ref = /*#__PURE__*/_react.default.createRef();
      buttonRefs.current[menuID] = ref;
      return buttonRefs.current[menuID];
    }
  };
  useOutsideClick(isHamburgerOpenInMobile, actions, refs);
  return [state, actions, selectors, refs];
};
var _default = useNavigationMenus;
exports.default = _default;