@x15ventures/x15-ui-library 3.11.4

package/dist/cjs/components/navigation/bubbleNavigator/parentReturnButton/ParentReturnButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParentReturnButton.js","names":["_react","_interopRequireWildcard","require","_SimpleButton","_bubbleNavigatorUtilities","_BubbleNavigatorContext","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ParentReturnButton","childItem","onBubbleClick","bubbleNavigatorContext","useContext","BubbleNavigatorContext","path","bubblesData","parentItem","getParentItemFromPath","Array","isArray","length","id","label","description","handleParentReturnButtonClick","createElement","className","SimpleButton","cssClass","title","onClickHandler","leftIcon","icon","exports"],"sources":["../../../../../../src/components/navigation/bubbleNavigator/parentReturnButton/ParentReturnButton.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { GenericFunction } from '../../../../interfaces/generic.interface';\nimport { SimpleButton } from '../../../form/buttons/SimpleButton';\nimport { BubbleItem } from '../bubbleNavigator.interface';\nimport { getParentItemFromPath } from '../bubbleNavigatorUtilities';\nimport { BubbleNavigatorContext } from '../bubbleNavigatorContext/BubbleNavigatorContext';\n\ninterface ParentReturnButtonProps {\n  childItem?: BubbleItem;\n  onBubbleClick?: GenericFunction;\n}\n\nexport const ParentReturnButton: React.FC<ParentReturnButtonProps> = (\n  {\n    childItem,\n    onBubbleClick\n  }\n) => {\n  const bubbleNavigatorContext = useContext(BubbleNavigatorContext);\n\n  if (!childItem || !childItem.path || !bubbleNavigatorContext?.bubbleNavigatorContext) {\n    return null;\n  }\n\n  const { bubbleNavigatorContext: bubblesData } = bubbleNavigatorContext;\n\n  const parentItem: BubbleItem | BubbleItem[] = getParentItemFromPath(\n    {\n      bubblesData,\n      path: childItem.path\n    }\n  );\n\n  if (Array.isArray(parentItem) || childItem.path.length === 1) {\n    // The parent is the root tree so don't render a return button\n    return null;\n  }\n\n  const {\n    id,\n    label,\n    description,\n    path\n  } = parentItem as BubbleItem;\n\n  const handleParentReturnButtonClick = () => {\n    if (onBubbleClick) {\n      onBubbleClick({\n        parentItem,\n        path\n      });\n    }\n  };\n\n  return (\n    <div className=\"parentReturnButton\">\n      <SimpleButton\n        cssClass=\"button primary compact\"\n        label={ label }\n        title={ description }\n        id={ id }\n        onClickHandler={ handleParentReturnButtonClick }\n        leftIcon={ { icon: 'arrow-up' } }\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,yBAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AAA0F,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAOnF,MAAMkB,kBAAqD,GAAGA,CACnE;EACEC,SAAS;EACTC;AACF,CAAC,KACE;EACH,MAAMC,sBAAsB,GAAG,IAAAC,iBAAU,EAACC,8CAAsB,CAAC;EAEjE,IAAI,CAACJ,SAAS,IAAI,CAACA,SAAS,CAACK,IAAI,IAAI,CAACH,sBAAsB,EAAEA,sBAAsB,EAAE;IACpF,OAAO,IAAI;EACb;EAEA,MAAM;IAAEA,sBAAsB,EAAEI;EAAY,CAAC,GAAGJ,sBAAsB;EAEtE,MAAMK,UAAqC,GAAG,IAAAC,+CAAqB,EACjE;IACEF,WAAW;IACXD,IAAI,EAAEL,SAAS,CAACK;EAClB,CACF,CAAC;EAED,IAAII,KAAK,CAACC,OAAO,CAACH,UAAU,CAAC,IAAIP,SAAS,CAACK,IAAI,CAACM,MAAM,KAAK,CAAC,EAAE;IAC5D;IACA,OAAO,IAAI;EACb;EAEA,MAAM;IACJC,EAAE;IACFC,KAAK;IACLC,WAAW;IACXT;EACF,CAAC,GAAGE,UAAwB;EAE5B,MAAMQ,6BAA6B,GAAGA,CAAA,KAAM;IAC1C,IAAId,aAAa,EAAE;MACjBA,aAAa,CAAC;QACZM,UAAU;QACVF;MACF,CAAC,CAAC;IACJ;EACF,CAAC;EAED,oBACE/B,MAAA,CAAAgB,OAAA,CAAA0B,aAAA;IAAKC,SAAS,EAAC;EAAoB,gBACjC3C,MAAA,CAAAgB,OAAA,CAAA0B,aAAA,CAACvC,aAAA,CAAAyC,YAAY;IACXC,QAAQ,EAAC,wBAAwB;IACjCN,KAAK,EAAGA,KAAO;IACfO,KAAK,EAAGN,WAAa;IACrBF,EAAE,EAAGA,EAAI;IACTS,cAAc,EAAGN,6BAA+B;IAChDO,QAAQ,EAAG;MAAEC,IAAI,EAAE;IAAW;EAAG,CAClC,CACE,CAAC;AAEV,CAAC;AAACC,OAAA,CAAAzB,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/dist/cjs/components/navigation/link/Link.js

@@ -0,0 +1,24 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Link = void 0;
+var _react = _interopRequireDefault(require("react"));
+const Link = ({
+  href,
+  label,
+  target = '_self',
+  customCssClass = ''
+}) => /*#__PURE__*/_react.default.createElement("a", {
+  href: href,
+  title: label,
+  target: target,
+  className: `link ${customCssClass}`,
+  rel: target === '_blank' ? 'noopener noreferrer' : undefined
+}, label);
+exports.Link = Link;
+var _default = exports.default = Link;
+//# sourceMappingURL=Link.js.map

package/dist/cjs/components/navigation/link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","Link","_react","href","label","target","customCssClass","createElement","title","className","rel","undefined","_default"],"sources":["../../../../../src/components/navigation/link/Link.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nexport interface LinkProps {\n    href: string;\n    label: string;\n    target?: '_self' | '_blank' | '_parent' | '_top';\n    customCssClass?: string;\n}\n\nexport const Link: React.FC<LinkProps> = ({\n  href,\n  label,\n  target = '_self',\n  customCssClass = ''\n}) => (\n  <a\n    href={ href }\n    title={ label }\n    target={ target }\n    className={ `link ${ customCssClass }` }\n    rel={ target === '_blank' ? 'noopener noreferrer' : undefined }\n  >\n    { label }\n  </a>\n);\n\nexport default Link;"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,OAAA,GAAAF,OAAA,CAAAG,IAAA;AAEb,IAAAC,MAAA,GAAAR,sBAAA,CAAAC,OAAA;AASO,MAAMM,IAAyB,GAAGA,CAAC;EACxCE,IAAI;EACJC,KAAK;EACLC,MAAM,GAAG,OAAO;EAChBC,cAAc,GAAG;AACnB,CAAC,kBACCJ,MAAA,CAAAF,OAAA,CAAAO,aAAA;EACEJ,IAAI,EAAGA,IAAM;EACbK,KAAK,EAAGJ,KAAO;EACfC,MAAM,EAAGA,MAAQ;EACjBI,SAAS,EAAG,QAASH,cAAc,EAAK;EACxCI,GAAG,EAAGL,MAAM,KAAK,QAAQ,GAAG,qBAAqB,GAAGM;AAAW,GAE7DP,KACD,CACJ;AAACN,OAAA,CAAAG,IAAA,GAAAA,IAAA;AAAA,IAAAW,QAAA,GAAAd,OAAA,CAAAE,OAAA,GAEaC,IAAI","ignoreList":[]}

package/dist/cjs/components/navigation/menu/Menu.interfaces.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=Menu.interfaces.js.map

package/dist/cjs/components/navigation/menu/Menu.interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.interfaces.js","names":[],"sources":["../../../../../src/components/navigation/menu/Menu.interfaces.ts"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\nimport { GenericFunction } from '../../../interfaces';\n\nexport type MenuItemIconStates = {\n  open: string,\n  closed: string\n}\n\nexport type MenuItemIconPropTypes = string | ReactElement | MenuItemIconStates;\n\nexport type MenuItemIconsPropTypes = {\n  left?: MenuItemIconPropTypes,\n  right?: MenuItemIconPropTypes\n};\n\nexport interface MenuButtonPropTypes {\n  url?: string;\n  isOpen?: boolean;\n  icons?: MenuItemIconsPropTypes;\n  label: string | ReactElement | ReactNode;\n  hideLabel?: boolean;\n  onSelect?: GenericFunction;\n  hideItem?: boolean;\n  isActive?: boolean;\n  customCssClass?: string;\n  route?: string;\n  path?: number[];\n  id: string;\n  menuItems?: MenuItemPropTypes[];\n}\n\nexport interface MenuItemPropTypes extends MenuButtonPropTypes {\n  menuItems?: MenuItemPropTypes[];\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/navigation/menu/Menu.js

@@ -0,0 +1,89 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Menu = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _SubMenuItems = require("./subMenuItems/SubMenuItems");
+var _OverflowScroll = require("../../../hooks/OverflowScroll");
+require("./menu.css");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const Menu = ({
+  wrapper = {
+    customCssClass: ''
+  },
+  id = 'mainMenu',
+  activeRoute = '',
+  menuItems,
+  behaviour = 'hamburger',
+  layout = 'vertical'
+}) => {
+  const [menuItemsState, setMenuItemsState] = (0, _react.useState)(menuItems);
+  const [recalcTrigger, setRecalcTrigger] = (0, _react.useState)(false);
+  const [activeSubmenuRef, setActiveSubmenuRef] = (0, _react.useState)(null);
+  const menuWrapperRef = _react.default.useRef(null);
+  (0, _OverflowScroll.useOverflowScroll)({
+    targetRef: activeSubmenuRef || {
+      current: null
+    },
+    direction: 'y',
+    edgeOffset: 20,
+    requiresRecalc: behaviour === 'popSubmenus' && activeSubmenuRef ? recalcTrigger : false
+  });
+  (0, _OverflowScroll.useOverflowScroll)({
+    targetRef: menuWrapperRef,
+    direction: 'y',
+    edgeOffset: 10
+  });
+  const applyOpenAndActiveClasses = (menuItem, itemPath) => {
+    const newState = !menuItem.isOpen;
+    const adjustedMenuState = [...menuItemsState];
+    if (behaviour === 'popSubmenus') {
+      setRecalcTrigger(prev => !prev);
+
+      // Close all the menu items first
+      for (let m = 0; m < adjustedMenuState.length; m += 1) {
+        adjustedMenuState[m].isOpen = false;
+      }
+    }
+
+    // Break up the itemPath segments and make sure all the parents are open as well
+    for (let i = 0; i < itemPath.length; i += 1) {
+      if (adjustedMenuState[itemPath[i]]) {
+        adjustedMenuState[itemPath[i]].isOpen = newState;
+      }
+    }
+    setMenuItemsState(adjustedMenuState);
+  };
+  const handleMenuButtonClick = (event, menuItem, itemPath) => {
+    if (menuItem.onSelect) {
+      menuItem.onSelect(event);
+    }
+    applyOpenAndActiveClasses(menuItem, itemPath);
+  };
+  (0, _react.useEffect)(() => {
+    setMenuItemsState(menuItems);
+  }, [menuItems]);
+  return /*#__PURE__*/_react.default.createElement("nav", {
+    id: id,
+    className: `menuWrapper ${behaviour} ${layout} ${wrapper.customCssClass}`,
+    ref: menuWrapperRef
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `menu ${layout === 'horizontal' ? 'hoverBehaviours' : ''}`
+  }, menuItemsState.length && /*#__PURE__*/_react.default.createElement(_SubMenuItems.SubMenuItems, {
+    menuId: id,
+    activeRoute: activeRoute,
+    onMenuButtonClick: handleMenuButtonClick,
+    subMenuItems: menuItemsState,
+    subMenuId: `${id}_subMenu_1`,
+    level: 1,
+    isHoverTrigger: layout === 'horizontal',
+    behaviour: behaviour,
+    onSubmenuRefChange: behaviour === 'popSubmenus' ? setActiveSubmenuRef : undefined
+  })));
+};
+exports.Menu = Menu;
+var _default = exports.default = Menu;
+//# sourceMappingURL=Menu.js.map

package/dist/cjs/components/navigation/menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","names":["Object","defineProperty","exports","value","default","Menu","_react","_interopRequireWildcard","require","_SubMenuItems","_OverflowScroll","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","wrapper","customCssClass","id","activeRoute","menuItems","behaviour","layout","menuItemsState","setMenuItemsState","useState","recalcTrigger","setRecalcTrigger","activeSubmenuRef","setActiveSubmenuRef","menuWrapperRef","React","useRef","useOverflowScroll","targetRef","current","direction","edgeOffset","requiresRecalc","applyOpenAndActiveClasses","menuItem","itemPath","newState","isOpen","adjustedMenuState","prev","m","length","handleMenuButtonClick","event","onSelect","useEffect","createElement","className","ref","SubMenuItems","menuId","onMenuButtonClick","subMenuItems","subMenuId","level","isHoverTrigger","onSubmenuRefChange","undefined","_default"],"sources":["../../../../../src/components/navigation/menu/Menu.tsx"],"sourcesContent":["'use client';\n\nimport React, { useEffect, useState } from 'react';\nimport { MenuButtonPropTypes, MenuItemPropTypes } from './Menu.interfaces';\nimport { SubMenuItems } from './subMenuItems/SubMenuItems';\nimport { useOverflowScroll } from '../../../hooks/OverflowScroll';\n\nimport './menu.scss';\n\nexport interface MenuProps {\n  wrapper?: {\n    customCssClass?: string\n  },\n  id?: string,\n  layout?: 'horizontal' | 'vertical',\n  behaviour?: 'hamburger' | 'floating' | 'popSubmenus',\n  activeRoute?: string,\n  menuItems: MenuButtonPropTypes[]\n}\n\nexport const Menu: React.FC<MenuProps> = (\n  {\n    wrapper = {\n      customCssClass: ''\n    },\n    id = 'mainMenu',\n    activeRoute = '',\n    menuItems,\n    behaviour = 'hamburger',\n    layout = 'vertical'\n  }\n) => {\n  const [menuItemsState, setMenuItemsState] = useState(menuItems);\n  const [recalcTrigger, setRecalcTrigger] = useState(false);\n  const [activeSubmenuRef, setActiveSubmenuRef] = useState<React.RefObject<HTMLUListElement> | null>(null);\n  const menuWrapperRef = React.useRef<HTMLElement>(null);\n\n  useOverflowScroll({\n    targetRef: activeSubmenuRef || { current: null },\n    direction: 'y',\n    edgeOffset: 20,\n    requiresRecalc: behaviour === 'popSubmenus' && activeSubmenuRef ? recalcTrigger : false\n  });\n\n  useOverflowScroll({\n    targetRef: menuWrapperRef,\n    direction: 'y',\n    edgeOffset: 10,\n  });\n\n  const applyOpenAndActiveClasses = (menuItem: MenuItemPropTypes, itemPath: number[]) => {\n    const newState = !menuItem.isOpen;\n\n    const adjustedMenuState = [...menuItemsState];\n    if (behaviour === 'popSubmenus') {\n      setRecalcTrigger((prev) => !prev);\n\n      // Close all the menu items first\n      for (let m = 0; m < adjustedMenuState.length; m += 1) {\n        adjustedMenuState[m].isOpen = false;\n      }\n    }\n\n    // Break up the itemPath segments and make sure all the parents are open as well\n    for (let i = 0; i < itemPath.length; i += 1) {\n      if (adjustedMenuState[itemPath[i]]) {\n        adjustedMenuState[itemPath[i]].isOpen = newState;\n      }\n    }\n    setMenuItemsState(adjustedMenuState);\n  };\n\n  const handleMenuButtonClick = (event: React.UIEvent, menuItem: MenuItemPropTypes, itemPath : number[]) => {\n    if (menuItem.onSelect) {\n      menuItem.onSelect(event);\n    }\n    applyOpenAndActiveClasses(menuItem, itemPath);\n  };\n\n  useEffect(() => {\n    setMenuItemsState(menuItems);\n  }, [menuItems]);\n\n  return (\n    <nav id={ id } className={ `menuWrapper ${ behaviour } ${ layout } ${ wrapper.customCssClass }` } ref={ menuWrapperRef }>\n      <div className={ `menu ${ layout === 'horizontal' ? 'hoverBehaviours' : '' }` }>\n        {\n          menuItemsState.length\n          && (\n            <SubMenuItems\n              menuId={ id }\n              activeRoute={ activeRoute }\n              onMenuButtonClick={ handleMenuButtonClick }\n              subMenuItems={ menuItemsState } \n              subMenuId={ `${ id }_subMenu_1` }\n              level={ 1 }\n              isHoverTrigger={ layout === 'horizontal' }\n              behaviour={ behaviour }\n              onSubmenuRefChange={ behaviour === 'popSubmenus' ? setActiveSubmenuRef : undefined }\n            />\n          )\n        }\n      </div>\n    </nav>\n  );\n};\n\nexport default Menu;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/navigation/menu/menu.css

@@ -0,0 +1,79 @@
+/* Popovers */
+/* BUTTONS */
+.menuWrapper.vertical .subMenuItems {
+  display: flex;
+  flex-direction: column;
+  row-gap: 0;
+  align-items: center;
+  justify-content: flex-start;
+  display: none;
+}
+.menuWrapper.vertical .subMenuItems.subMenuItems_level1, .menuWrapper.vertical .subMenuItems.isOpen {
+  display: flex;
+}
+.menuWrapper.vertical .subMenuItems .subMenu {
+  display: flex;
+  flex-direction: column;
+  row-gap: 0;
+  align-items: center;
+  justify-content: flex-start;
+  width: var(--menuWidth, 100%);
+}
+.menuWrapper.vertical .subMenuItems .subMenu > * {
+  width: var(--menuWidth, 100%);
+}
+.menuWrapper.vertical .subMenuItems .subMenu.level_2 .activeMenuItem,
+.menuWrapper.vertical .subMenuItems .subMenu.level_2 button {
+  padding-left: var(--menuLeftPaddingLvl2, 20px);
+}
+.menuWrapper.vertical .subMenuItems .subMenu.level_3 button {
+  padding-left: var(--menuLeftPaddingLvl3, 40px);
+}
+.menuWrapper.vertical.popSubmenus .menu {
+  width: var(--menuPopSubmenusWidth, 280px);
+}
+.menuWrapper.vertical.popSubmenus .menu .subMenu.level_1 {
+  position: relative;
+}
+.menuWrapper.vertical.popSubmenus .subMenuItems .subMenu.level_2 button, .menuWrapper.vertical.popSubmenus .subMenuItems .subMenu.level_2 .activeMenuItem, .menuWrapper.vertical.popSubmenus .subMenuItems .subMenu.level_3 button, .menuWrapper.vertical.popSubmenus .subMenuItems .subMenu.level_3 .activeMenuItem {
+  padding: var(--menuButtonPadding, 0 10px);
+}
+.menuWrapper.vertical.popSubmenus .subMenuItems_level2 {
+  position: absolute;
+  left: calc(var(--menuPopSubmenusWidth, 280px) + var(--menuPopSubmenusGap, 20px));
+  width: var(--menuPopSubmenusWidth, 280px);
+  top: 0;
+}
+.menuWrapper button,
+.menuWrapper .activeMenuItem {
+  background: none;
+  border: none;
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  margin: 0;
+  cursor: pointer;
+  font-weight: 500;
+  box-sizing: border-box;
+  column-gap: 10px;
+  row-gap: 10px;
+  min-width: 44px;
+  min-height: 44px;
+  border-radius: var(--buttonBorderRadius);
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 16px;
+  border-radius: var(--menuButtonBorderRadius, 0px);
+  width: var(--menuWidth, 100%);
+  text-align: left;
+  padding: var(--menuButtonPadding, 0 10px);
+}
+.menuWrapper button .labelText,
+.menuWrapper .activeMenuItem .labelText {
+  flex: 1;
+}
+.menuWrapper .activeMenuItem {
+  background: var(--menuActiveItemBg, #d3dee4);
+  border-radius: var(--menuActiveItemBorderRadius, 3px);
+}

package/dist/cjs/components/navigation/menu/menuItemContent/MenuItemContent.js

@@ -0,0 +1,36 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuItemContent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _MenuItemIcon = require("./MenuItemIcon");
+const MenuItemContent = ({
+  itemDefinition,
+  renderRightIcon = true,
+  isHoverTrigger
+}) => {
+  const {
+    icons,
+    isOpen,
+    label,
+    hideLabel
+  } = itemDefinition;
+  const hasIcons = typeof icons !== 'undefined';
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, hasIcons && icons.left && (0, _MenuItemIcon.MenuItemIcon)({
+    icon: icons.left,
+    isOpen,
+    isHoverTrigger
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: `${hideLabel ? 'sr-only' : 'labelText'}`
+  }, label), hasIcons && icons.right && renderRightIcon && (0, _MenuItemIcon.MenuItemIcon)({
+    icon: icons.right,
+    isOpen,
+    isHoverTrigger
+  }));
+};
+exports.MenuItemContent = MenuItemContent;
+//# sourceMappingURL=MenuItemContent.js.map

package/dist/cjs/components/navigation/menu/menuItemContent/MenuItemContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemContent.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","MenuItemContent","_react","_MenuItemIcon","itemDefinition","renderRightIcon","isHoverTrigger","icons","isOpen","label","hideLabel","hasIcons","default","createElement","Fragment","left","MenuItemIcon","icon","className","right"],"sources":["../../../../../../src/components/navigation/menu/menuItemContent/MenuItemContent.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { MenuButtonPropTypes } from '../Menu.interfaces';\nimport { MenuItemIcon } from './MenuItemIcon';\n\ninterface MenuItemContentProps {\n  itemDefinition: MenuButtonPropTypes,\n  renderRightIcon?: boolean,\n  isHoverTrigger?: boolean\n}\n\nexport const MenuItemContent: React.FC<MenuItemContentProps> = (\n  {\n    itemDefinition,\n    renderRightIcon = true,\n    isHoverTrigger\n  }\n) => {\n  const {\n    icons,\n    isOpen,\n    label,\n    hideLabel\n  } = itemDefinition;\n\n  const hasIcons = typeof icons !== 'undefined';\n\n  return (\n    <>\n      { hasIcons && icons.left && MenuItemIcon({ icon: icons.left, isOpen, isHoverTrigger }) }\n\n      <span className={ `${ hideLabel ? 'sr-only' : 'labelText' }` }>{ label }</span>\n\n      { hasIcons && icons.right && renderRightIcon && MenuItemIcon({ icon: icons.right, isOpen, isHoverTrigger }) }\n    </>\n  );\n};\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,eAAA;AAEb,IAAAC,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AAEA,IAAAO,aAAA,GAAAP,OAAA;AAQO,MAAMK,eAA+C,GAAGA,CAC7D;EACEG,cAAc;EACdC,eAAe,GAAG,IAAI;EACtBC;AACF,CAAC,KACE;EACH,MAAM;IACJC,KAAK;IACLC,MAAM;IACNC,KAAK;IACLC;EACF,CAAC,GAAGN,cAAc;EAElB,MAAMO,QAAQ,GAAG,OAAOJ,KAAK,KAAK,WAAW;EAE7C,oBACEL,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAAAX,MAAA,CAAAU,OAAA,CAAAE,QAAA,QACIH,QAAQ,IAAIJ,KAAK,CAACQ,IAAI,IAAI,IAAAC,0BAAY,EAAC;IAAEC,IAAI,EAAEV,KAAK,CAACQ,IAAI;IAAEP,MAAM;IAAEF;EAAe,CAAC,CAAC,eAEtFJ,MAAA,CAAAU,OAAA,CAAAC,aAAA;IAAMK,SAAS,EAAG,GAAIR,SAAS,GAAG,SAAS,GAAG,WAAW;EAAK,GAAGD,KAAa,CAAC,EAE7EE,QAAQ,IAAIJ,KAAK,CAACY,KAAK,IAAId,eAAe,IAAI,IAAAW,0BAAY,EAAC;IAAEC,IAAI,EAAEV,KAAK,CAACY,KAAK;IAAEX,MAAM;IAAEF;EAAe,CAAC,CAC1G,CAAC;AAEP,CAAC;AAACP,OAAA,CAAAE,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/cjs/components/navigation/menu/menuItemContent/MenuItemIcon.js

@@ -0,0 +1,49 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuItemIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Icon = require("../../../design/icons/basicIcon/Icon");
+const MenuItemIcon = ({
+  icon,
+  isOpen = false,
+  isHoverTrigger
+}) => {
+  const RenderIcon = (icon, hoverState) => /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    customCssClass: hoverState ? 'hover' : '',
+    icon: icon
+  });
+  if (typeof icon === 'string') {
+    return /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+      icon: icon
+    });
+  }
+  if (/*#__PURE__*/_react.default.isValidElement(icon)) {
+    return icon;
+  }
+  const stateBasedIcons = typeof icon !== 'string';
+  if (stateBasedIcons) {
+    const {
+      open,
+      closed
+    } = icon;
+    if (isHoverTrigger) {
+      return /*#__PURE__*/_react.default.createElement("span", {
+        className: "menuIconsHoverWrapper"
+      }, RenderIcon(open, true), RenderIcon(closed));
+    }
+    if (open && closed) {
+      if (isOpen) {
+        return RenderIcon(open, true);
+      }
+      return RenderIcon(closed);
+    }
+  }
+  return icon;
+};
+exports.MenuItemIcon = MenuItemIcon;
+//# sourceMappingURL=MenuItemIcon.js.map

package/dist/cjs/components/navigation/menu/menuItemContent/MenuItemIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemIcon.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","MenuItemIcon","_react","_Icon","icon","isOpen","isHoverTrigger","RenderIcon","hoverState","default","createElement","Icon","customCssClass","React","isValidElement","stateBasedIcons","open","closed","className"],"sources":["../../../../../../src/components/navigation/menu/menuItemContent/MenuItemIcon.tsx"],"sourcesContent":["'use client';\n\nimport React, { ReactNode } from 'react';\nimport { MenuItemIconPropTypes, MenuItemIconStates } from '../Menu.interfaces';\nimport { Icon } from '../../../design/icons/basicIcon/Icon';\n\ninterface MenuItemIconProps {\n  icon: MenuItemIconPropTypes;\n  isOpen?: boolean;\n  isHoverTrigger?: boolean;\n}\n\nexport const MenuItemIcon: React.FC<MenuItemIconProps> = (\n  {\n    icon,\n    isOpen = false,\n    isHoverTrigger\n  }\n) => {\n  const RenderIcon = (icon: string, hoverState?: boolean) => (\n    <Icon customCssClass={ hoverState ? 'hover' : '' } icon={ icon } />\n  );\n\n  if (typeof icon === 'string') {\n    return <Icon icon={ icon } />;\n  }\n\n  if (React.isValidElement(icon)) {\n    return icon as ReactNode;\n  }\n\n  const stateBasedIcons = typeof icon !== 'string';\n  if (stateBasedIcons) {\n    const { open, closed } = icon as MenuItemIconStates;\n\n    if (isHoverTrigger) {\n      return (\n        <span className=\"menuIconsHoverWrapper\">\n          { RenderIcon(open, true) }\n          { RenderIcon(closed) }\n        </span>\n      );\n    }\n\n    if (open && closed) {\n      if (isOpen) {\n        return RenderIcon(open, true);\n      }\n      return RenderIcon(closed);\n    }\n  }\n\n  return icon as ReactNode;\n};\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,YAAA;AAEb,IAAAC,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AAEA,IAAAO,KAAA,GAAAP,OAAA;AAQO,MAAMK,YAAyC,GAAGA,CACvD;EACEG,IAAI;EACJC,MAAM,GAAG,KAAK;EACdC;AACF,CAAC,KACE;EACH,MAAMC,UAAU,GAAGA,CAACH,IAAY,EAAEI,UAAoB,kBACpDN,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAAQ,IAAI;IAACC,cAAc,EAAGJ,UAAU,GAAG,OAAO,GAAG,EAAI;IAACJ,IAAI,EAAGA;EAAM,CAAE,CACnE;EAED,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IAC5B,oBAAOF,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAAQ,IAAI;MAACP,IAAI,EAAGA;IAAM,CAAE,CAAC;EAC/B;EAEA,iBAAIS,cAAK,CAACC,cAAc,CAACV,IAAI,CAAC,EAAE;IAC9B,OAAOA,IAAI;EACb;EAEA,MAAMW,eAAe,GAAG,OAAOX,IAAI,KAAK,QAAQ;EAChD,IAAIW,eAAe,EAAE;IACnB,MAAM;MAAEC,IAAI;MAAEC;IAAO,CAAC,GAAGb,IAA0B;IAEnD,IAAIE,cAAc,EAAE;MAClB,oBACEJ,MAAA,CAAAO,OAAA,CAAAC,aAAA;QAAMQ,SAAS,EAAC;MAAuB,GACnCX,UAAU,CAACS,IAAI,EAAE,IAAI,CAAC,EACtBT,UAAU,CAACU,MAAM,CACf,CAAC;IAEX;IAEA,IAAID,IAAI,IAAIC,MAAM,EAAE;MAClB,IAAIZ,MAAM,EAAE;QACV,OAAOE,UAAU,CAACS,IAAI,EAAE,IAAI,CAAC;MAC/B;MACA,OAAOT,UAAU,CAACU,MAAM,CAAC;IAC3B;EACF;EAEA,OAAOb,IAAI;AACb,CAAC;AAACL,OAAA,CAAAE,YAAA,GAAAA,YAAA","ignoreList":[]}

package/dist/cjs/components/navigation/menu/menuUtilities.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GetSubMenuCssClass = void 0;
+const GetSubMenuCssClass = ({
+  level,
+  subMenuItem
+}) => {
+  const {
+    isOpen,
+    menuItems,
+    customCssClass
+  } = subMenuItem;
+  const cssClasses = ['subMenu', `level_${level}`];
+  if (customCssClass) {
+    cssClasses.push(customCssClass);
+  }
+  if (menuItems && menuItems.length > 0) {
+    cssClasses.push('hasSubmenu');
+    if (isOpen) {
+      cssClasses.push('open');
+    } else {
+      cssClasses.push('closed');
+    }
+  }
+  return cssClasses.join(' ');
+};
+exports.GetSubMenuCssClass = GetSubMenuCssClass;
+//# sourceMappingURL=menuUtilities.js.map

package/dist/cjs/components/navigation/menu/menuUtilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuUtilities.js","names":["GetSubMenuCssClass","level","subMenuItem","isOpen","menuItems","customCssClass","cssClasses","push","length","join","exports"],"sources":["../../../../../src/components/navigation/menu/menuUtilities.ts"],"sourcesContent":["import { MenuItemPropTypes } from './Menu.interfaces';\n\nexport const GetSubMenuCssClass = (\n  {\n    level,\n    subMenuItem\n  } :\n  {\n    level: number,\n    subMenuItem: MenuItemPropTypes\n  }\n) => {\n  const { isOpen, menuItems, customCssClass } = subMenuItem;\n\n  const cssClasses = ['subMenu', `level_${ level }`];\n\n  if (customCssClass) {\n    cssClasses.push(customCssClass);\n  }\n\n  if (menuItems && menuItems.length > 0) {\n    cssClasses.push('hasSubmenu');\n    if (isOpen) {\n      cssClasses.push('open');\n    } else {\n      cssClasses.push('closed');\n    }\n  }\n  return cssClasses.join(' ');\n};\n"],"mappings":";;;;;;AAEO,MAAMA,kBAAkB,GAAGA,CAChC;EACEC,KAAK;EACLC;AAKF,CAAC,KACE;EACH,MAAM;IAAEC,MAAM;IAAEC,SAAS;IAAEC;EAAe,CAAC,GAAGH,WAAW;EAEzD,MAAMI,UAAU,GAAG,CAAC,SAAS,EAAE,SAAUL,KAAK,EAAG,CAAC;EAElD,IAAII,cAAc,EAAE;IAClBC,UAAU,CAACC,IAAI,CAACF,cAAc,CAAC;EACjC;EAEA,IAAID,SAAS,IAAIA,SAAS,CAACI,MAAM,GAAG,CAAC,EAAE;IACrCF,UAAU,CAACC,IAAI,CAAC,YAAY,CAAC;IAC7B,IAAIJ,MAAM,EAAE;MACVG,UAAU,CAACC,IAAI,CAAC,MAAM,CAAC;IACzB,CAAC,MAAM;MACLD,UAAU,CAACC,IAAI,CAAC,QAAQ,CAAC;IAC3B;EACF;EACA,OAAOD,UAAU,CAACG,IAAI,CAAC,GAAG,CAAC;AAC7B,CAAC;AAACC,OAAA,CAAAV,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/dist/cjs/components/navigation/menu/subMenuItems/ActiveSubMenuItem.js

@@ -0,0 +1,25 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActiveSubMenuItem = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _MenuItemContent = require("../menuItemContent/MenuItemContent");
+const ActiveSubMenuItem = ({
+  subMenuItem,
+  icons
+}) => /*#__PURE__*/_react.default.createElement("span", {
+  className: "activeMenuItem"
+}, /*#__PURE__*/_react.default.createElement(_MenuItemContent.MenuItemContent, {
+  itemDefinition: {
+    ...subMenuItem,
+    icons,
+    isOpen: subMenuItem.isOpen,
+    isActive: true
+  }
+}));
+exports.ActiveSubMenuItem = ActiveSubMenuItem;
+//# sourceMappingURL=ActiveSubMenuItem.js.map

package/dist/cjs/components/navigation/menu/subMenuItems/ActiveSubMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveSubMenuItem.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","ActiveSubMenuItem","_react","_MenuItemContent","subMenuItem","icons","default","createElement","className","MenuItemContent","itemDefinition","isOpen","isActive"],"sources":["../../../../../../src/components/navigation/menu/subMenuItems/ActiveSubMenuItem.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { MenuButtonPropTypes, MenuItemIconsPropTypes } from '../Menu.interfaces';\nimport { MenuItemContent } from '../menuItemContent/MenuItemContent';\n\ninterface ActiveSubMenuItemProps {\n  subMenuItem: MenuButtonPropTypes,\n  icons?: MenuItemIconsPropTypes\n}\n\nexport const ActiveSubMenuItem: React.FC<ActiveSubMenuItemProps> = (\n  {\n    subMenuItem,\n    icons\n  }\n) => (\n  <span className=\"activeMenuItem\">\n    <MenuItemContent\n      itemDefinition={\n        {\n          ...subMenuItem,\n          icons,\n          isOpen: subMenuItem.isOpen,\n          isActive: true\n        }\n      }\n    />\n  </span>\n);\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,iBAAA;AAEb,IAAAC,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AAEA,IAAAO,gBAAA,GAAAP,OAAA;AAOO,MAAMK,iBAAmD,GAAGA,CACjE;EACEG,WAAW;EACXC;AACF,CAAC,kBAEDH,MAAA,CAAAI,OAAA,CAAAC,aAAA;EAAMC,SAAS,EAAC;AAAgB,gBAC9BN,MAAA,CAAAI,OAAA,CAAAC,aAAA,CAACJ,gBAAA,CAAAM,eAAe;EACdC,cAAc,EACZ;IACE,GAAGN,WAAW;IACdC,KAAK;IACLM,MAAM,EAAEP,WAAW,CAACO,MAAM;IAC1BC,QAAQ,EAAE;EACZ;AACD,CACF,CACG,CACP;AAACb,OAAA,CAAAE,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/dist/cjs/components/navigation/menu/subMenuItems/SubMenuButton.js

@@ -0,0 +1,68 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SubMenuButton = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _ActiveSubMenuItem = require("./ActiveSubMenuItem");
+var _MenuItemContent = require("../menuItemContent/MenuItemContent");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const SubMenuButton = ({
+  subMenuItem,
+  isHoverTrigger,
+  subMenuId,
+  hasSubmenu,
+  path,
+  activeRoute,
+  onMenuButtonClick
+}) => {
+  const {
+    url,
+    icons,
+    isActive,
+    isOpen,
+    id,
+    customCssClass,
+    route
+  } = subMenuItem;
+  const subMenuButton = (0, _react.useRef)(null);
+  const hasRightIcon = icons && icons.right;
+  const hasLeftIcon = icons && icons.left;
+  if (isActive || route && activeRoute === route) {
+    return /*#__PURE__*/_react.default.createElement(_ActiveSubMenuItem.ActiveSubMenuItem, {
+      subMenuItem: subMenuItem,
+      icons: icons
+    });
+  }
+  const ariaProperties = hasSubmenu ? {
+    'aria-expanded': isOpen,
+    'aria-controls': subMenuId
+  } : {};
+  const triggerCssClass = `
+    menuTrigger 
+    ${url ? 'withLink' : ''} 
+    ${hasLeftIcon ? 'hasLeftIcon' : ''} 
+    ${hasRightIcon ? 'hasRightIcon' : ''}
+    ${customCssClass || ''}
+  `;
+  return /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
+    ref: subMenuButton
+  }, ariaProperties, {
+    id: id,
+    type: "button",
+    className: triggerCssClass,
+    onClick: e => onMenuButtonClick(e, subMenuItem, path),
+    "data-path": path
+  }), /*#__PURE__*/_react.default.createElement(_MenuItemContent.MenuItemContent, {
+    itemDefinition: {
+      ...subMenuItem
+    },
+    isHoverTrigger: isHoverTrigger
+  }));
+};
+exports.SubMenuButton = SubMenuButton;
+//# sourceMappingURL=SubMenuButton.js.map

package/dist/cjs/components/navigation/menu/subMenuItems/SubMenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenuButton.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","SubMenuButton","_extends2","_react","_interopRequireWildcard","_ActiveSubMenuItem","_MenuItemContent","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","subMenuItem","isHoverTrigger","subMenuId","hasSubmenu","path","activeRoute","onMenuButtonClick","url","icons","isActive","isOpen","id","customCssClass","route","subMenuButton","useRef","hasRightIcon","right","hasLeftIcon","left","createElement","ActiveSubMenuItem","ariaProperties","triggerCssClass","ref","type","className","onClick","MenuItemContent","itemDefinition"],"sources":["../../../../../../src/components/navigation/menu/subMenuItems/SubMenuButton.tsx"],"sourcesContent":["'use client';\n\nimport React, { useRef } from 'react';\nimport { MenuButtonPropTypes } from '../Menu.interfaces';\nimport { GenericFunction } from '../../../../interfaces';\nimport { ActiveSubMenuItem } from './ActiveSubMenuItem';\nimport { MenuItemContent } from '../menuItemContent/MenuItemContent';\n\ninterface SubMenuButtonProps {\n  subMenuItem: MenuButtonPropTypes;\n  activeRoute: string;\n  isHoverTrigger: boolean;\n  subMenuId: string\n  hasSubmenu?: boolean;\n  path: number[];\n  onMenuButtonClick: GenericFunction;\n}\n\nexport const SubMenuButton: React.FC<SubMenuButtonProps> = (\n  {\n    subMenuItem,\n    isHoverTrigger,\n    subMenuId,\n    hasSubmenu,\n    path,\n    activeRoute,\n    onMenuButtonClick\n  }\n) => {\n  const {\n    url, icons, isActive, isOpen, id, customCssClass, route\n  } = subMenuItem;\n\n  const subMenuButton = useRef(null);\n\n  const hasRightIcon = icons && icons.right;\n  const hasLeftIcon = icons && icons.left;\n\n  if (isActive || (route && activeRoute === route)) {\n    return (\n      <ActiveSubMenuItem\n        subMenuItem={ subMenuItem }\n        icons={ icons }\n      />\n    );\n  }\n\n  const ariaProperties = hasSubmenu ? {\n    'aria-expanded': isOpen,\n    'aria-controls': subMenuId\n  } : {};\n\n  const triggerCssClass = `\n    menuTrigger \n    ${ url ? 'withLink' : '' } \n    ${ hasLeftIcon ? 'hasLeftIcon' : '' } \n    ${ hasRightIcon ? 'hasRightIcon' : '' }\n    ${ customCssClass || '' }\n  `;\n\n  return (\n    <button\n      ref={ subMenuButton }\n      { ...ariaProperties }\n      id={ id }\n      type=\"button\"\n      className={ triggerCssClass }\n      onClick={ (e) => onMenuButtonClick(e, subMenuItem, path) }\n      data-path={ path }\n    >\n      <MenuItemContent\n        itemDefinition={\n          {\n            ...subMenuItem\n          }\n        }\n        isHoverTrigger={ isHoverTrigger }\n      />\n    </button>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/navigation/menu/subMenuItems/SubMenuItems.js

@@ -0,0 +1,126 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SubMenuItems = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _menuUtilities = require("../menuUtilities");
+var _SubMenuButton = require("./SubMenuButton");
+var _ClickOutside = require("../../../../hooks/ClickOutside");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const SubMenuItems = ({
+  menuId,
+  activeRoute,
+  subMenuItems,
+  subMenuIsOpen = false,
+  isHoverTrigger = true,
+  subMenuId,
+  level = 0,
+  path = [],
+  onMenuButtonClick = () => {},
+  behaviour,
+  onSubmenuRefChange
+}) => {
+  if (!subMenuItems || !subMenuItems.length) {
+    return '';
+  }
+  const menuRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (behaviour === 'popSubmenus' && level === 2 && subMenuIsOpen && onSubmenuRefChange) {
+      onSubmenuRefChange(menuRef);
+    } else if (behaviour === 'popSubmenus' && level === 2 && !subMenuIsOpen && onSubmenuRefChange) {
+      onSubmenuRefChange(null);
+    }
+  }, [subMenuIsOpen, level, behaviour, onSubmenuRefChange]);
+  (0, _ClickOutside.useOnClickOutside)(menuRef, behaviour === 'popSubmenus' && subMenuIsOpen && level > 1 ? event => {
+    const clickedElement = event.target;
+
+    // Check if the clicked element is a menu button within this menu component
+    const rootMenuElement = document.getElementById(menuId);
+
+    // Only consider clicks on menu elements that are part of this menu component
+    if (rootMenuElement && (clickedElement.closest(`#${menuId} .menuTrigger`) || clickedElement.closest(`#${menuId} .menuItem`))) {
+      // If we clicked on a menu button within this menu component, let normal click handling take over
+      return;
+    }
+
+    // Close submenu by simulating a click on its parent
+    if (path && path.length > 0) {
+      const syntheticEvent = {
+        type: 'click',
+        preventDefault: () => {},
+        stopPropagation: () => {}
+      };
+
+      // Get the parent path
+      const parentPath = path.length > 2 ? path.slice(0, -1) : path;
+      if (parentPath.length > 0) {
+        // Create a minimal menu item that's currently open (so it will be closed)
+        const menuItem = {
+          isOpen: true
+        };
+        onMenuButtonClick(syntheticEvent, menuItem, parentPath);
+      }
+    }
+  } : undefined);
+  const nextLevel = parseInt(String(level), 10) + 1;
+  const wrapperCssClass = `
+    noBullet 
+    subMenuItems 
+    subMenuItems_level${level} 
+    ${subMenuIsOpen ? 'isOpen' : ''}
+    ${isHoverTrigger ? 'hoverTrigger' : ''}
+    `;
+  return /*#__PURE__*/_react.default.createElement("ul", {
+    className: wrapperCssClass,
+    id: subMenuId,
+    ref: menuRef
+  }, subMenuItems.map((subMenuItem, index) => {
+    const {
+      menuItems,
+      hideItem,
+      isOpen,
+      isActive
+    } = subMenuItem;
+    const hasSubmenu = menuItems && menuItems.length > 0;
+    const subMenuId = `${menuId}_subMenu_${nextLevel}_${index}`;
+    const subMenuCssClass = (0, _menuUtilities.GetSubMenuCssClass)({
+      level,
+      subMenuItem
+    });
+    const itemPath = [...path, index];
+    if (hideItem) {
+      return null;
+    }
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: subMenuId,
+      className: subMenuCssClass
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "menuItem"
+    }, /*#__PURE__*/_react.default.createElement(_SubMenuButton.SubMenuButton, {
+      subMenuItem,
+      subMenuId,
+      hasSubmenu,
+      activeRoute,
+      path: itemPath,
+      onMenuButtonClick,
+      isHoverTrigger
+    })), /*#__PURE__*/_react.default.createElement(SubMenuItems, {
+      menuId,
+      subMenuId,
+      activeRoute,
+      subMenuItems: menuItems,
+      subMenuIsOpen: isOpen || isActive,
+      level: nextLevel,
+      path: itemPath,
+      onMenuButtonClick,
+      behaviour,
+      // Pass behaviour to child SubMenuItems
+      onSubmenuRefChange
+    }));
+  }));
+};
+exports.SubMenuItems = SubMenuItems;
+//# sourceMappingURL=SubMenuItems.js.map