primereact 10.5.2 → 10.6.0

package/megamenu/megamenu.cjs.js

@@ -403,26 +403,26 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         key: key,
         parentKey: parentKey
       });
+    } else if (grouped) {
+      onItemChange(event);
     } else {
-      if (grouped) {
-        onItemChange(event);
-      } else {
-        var rootProcessedItemIndex = activeItemState ? activeItemState.index : -1;
-        var rootProcessedItemKey = activeItemState ? activeItemState.key : '';
-        hide(originalEvent);
-        setFocusedItemInfo({
-          index: rootProcessedItemIndex,
-          key: rootProcessedItemKey,
-          parentKey: ''
-        });
-        setMobileActiveState(false);
-      }
+      var rootProcessedItemIndex = activeItemState ? activeItemState.index : -1;
+      var rootProcessedItemKey = activeItemState ? activeItemState.key : '';
+      hide(originalEvent);
+      setFocusedItemInfo({
+        index: rootProcessedItemIndex,
+        key: rootProcessedItemKey,
+        parentKey: ''
+      });
+      setMobileActiveState(false);
     }
   };
   var onItemChange = function onItemChange(event) {
     var processedItem = event.processedItem,
       isFocus = event.isFocus;
-    if (utils.ObjectUtils.isEmpty(processedItem)) return;
+    if (utils.ObjectUtils.isEmpty(processedItem)) {
+      return;
+    }
     var index = processedItem.index,
       key = processedItem.key,
       parentKey = processedItem.parentKey,
@@ -474,16 +474,14 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         parentKey: parentKey
       });
       setDirty(!root);
+    } else if (grouped) {
+      onItemChange(event);
     } else {
-      if (grouped) {
-        onItemChange(event);
-      } else {
-        var rootProcessedItem = root ? processedItem : activeItemState;
-        hide();
-        changeFocusedItemInfo(originalEvent, rootProcessedItem ? rootProcessedItem.index : -1);
-        setMobileActiveState(false);
-        utils.DomHandler.focus(menubarRef.current);
-      }
+      var rootProcessedItem = root ? processedItem : activeItemState;
+      hide();
+      changeFocusedItemInfo(originalEvent, rootProcessedItem ? rootProcessedItem.index : -1);
+      setMobileActiveState(false);
+      utils.DomHandler.focus(menubarRef.current);
     }
   };
   var show = function show() {
@@ -519,7 +517,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       hide();
     } else {
       setMobileActiveState(true);
-      utils.ZIndexUtils.set('menu', menubarRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['menu'] || PrimeReact__default["default"].zIndex['menu']);
+      utils.ZIndexUtils.set('menu', menubarRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex.menu || PrimeReact__default["default"].zIndex.menu);
       setTimeout(function () {
         show();
       }, 1);
@@ -571,7 +569,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (activeItemState) {
       bindListeners();
       if (!isMobileMode) {
-        utils.ZIndexUtils.set('menu', currentPanel, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['menu'] || PrimeReact__default["default"].zIndex['menu']);
+        utils.ZIndexUtils.set('menu', currentPanel, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex.menu || PrimeReact__default["default"].zIndex.menu);
       }
     } else {
       unbindListeners();
@@ -658,6 +656,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         onSpaceKey(event);
         break;
       case 'Enter':
+      case 'NumpadEnter':
         onEnterKey(event);
         break;
       case 'Escape':
@@ -1012,7 +1011,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         parentKey: parentKey,
         columnIndex: columnIndex !== undefined ? columnIndex : parent && parent.columnIndex !== undefined ? parent.columnIndex : index
       };
-      newItem['items'] = level === 0 && item.items && item.items.length > 0 ? item.items.map(function (_items, _index) {
+      newItem.items = level === 0 && item.items && item.items.length > 0 ? item.items.map(function (_items, _index) {
         return createProcessedItems(_items, level + 1, newItem, key, _index);
       }) : createProcessedItems(item.items, level + 1, newItem, key);
       _processedItems.push(newItem);
@@ -1049,78 +1048,77 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
     if (item.separator) {
       return createSeparator(index);
-    } else {
-      var key = getItemId(processedItem);
-      var linkClassName = utils.classNames('p-menuitem-link', {
-        'p-disabled': item.disabled
-      });
-      var iconProps = mergeProps({
-        className: utils.classNames(item.icon, cx('icon'))
-      }, ptm('icon'));
-      var labelProps = mergeProps({
-        className: cx('label')
-      }, ptm('label'));
-      var iconClassName = utils.classNames(item.icon, 'p-menuitem-icon');
-      var icon = utils.IconUtils.getJSXIcon(item.icon, _objectSpread({}, iconProps), {
+    }
+    var key = getItemId(processedItem);
+    var linkClassName = utils.classNames('p-menuitem-link', {
+      'p-disabled': item.disabled
+    });
+    var iconProps = mergeProps({
+      className: utils.classNames(item.icon, cx('icon'))
+    }, ptm('icon'));
+    var labelProps = mergeProps({
+      className: cx('label')
+    }, ptm('label'));
+    var iconClassName = utils.classNames(item.icon, 'p-menuitem-icon');
+    var icon = utils.IconUtils.getJSXIcon(item.icon, _objectSpread({}, iconProps), {
+      props: props
+    });
+    var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
+    var actionProps = mergeProps({
+      href: item.url || '#',
+      className: cx('action', {
+        item: item
+      }),
+      target: item.target,
+      tabIndex: '-1',
+      'aria-hidden': true
+    }, getPTOptions(processedItem, 'action', index));
+    var isFocused = isItemFocused(processedItem);
+    var isDisabled = isItemDisabled(processedItem);
+    var isGroup = isItemGroup(processedItem);
+    var isActive = isItemActive(processedItem);
+    var submenuItemProps = mergeProps({
+      key: key,
+      id: key,
+      'aria-label': getItemLabel(processedItem),
+      'aria-disabled': isDisabled,
+      'aria-haspopup': isGroup ? 'menu' : undefined,
+      'aria-level': '2',
+      'aria-expanded': isGroup ? isActive : undefined,
+      'aria-setsize': getAriaSetSize(),
+      'aria-posinset': getAriaPosInset(index),
+      'data-p-highlight': isActive,
+      'data-p-disabled': isDisabled,
+      'data-p-focused': isFocused,
+      className: utils.classNames(item.className, cx('submenuItem', {
+        focused: isFocused,
+        disabled: isDisabled,
+        active: isActive
+      })),
+      style: item.style,
+      role: 'menuitem'
+    }, getPTOptions(processedItem, 'submenuItem', index));
+    var contentProps = mergeProps({
+      onClick: function onClick(event) {
+        return onLeafClick({
+          originalEvent: event,
+          processedItem: processedItem
+        });
+      },
+      className: cx('content')
+    }, getPTOptions(processedItem, 'content', index));
+    var content = /*#__PURE__*/React__namespace.createElement("a", actionProps, icon, label, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+    if (item.template) {
+      var defaultContentOptions = {
+        className: linkClassName,
+        labelClassName: 'p-menuitem-text',
+        iconClassName: iconClassName,
+        element: content,
         props: props
-      });
-      var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
-      var actionProps = mergeProps({
-        href: item.url || '#',
-        className: cx('action', {
-          item: item
-        }),
-        target: item.target,
-        tabIndex: '-1',
-        'aria-hidden': true
-      }, getPTOptions(processedItem, 'action', index));
-      var isFocused = isItemFocused(processedItem);
-      var isDisabled = isItemDisabled(processedItem);
-      var isGroup = isItemGroup(processedItem);
-      var isActive = isItemActive(processedItem);
-      var submenuItemProps = mergeProps({
-        key: key,
-        id: key,
-        'aria-label': getItemLabel(processedItem),
-        'aria-disabled': isDisabled,
-        'aria-haspopup': isGroup ? 'menu' : undefined,
-        'aria-level': '2',
-        'aria-expanded': isGroup ? isActive : undefined,
-        'aria-setsize': getAriaSetSize(),
-        'aria-posinset': getAriaPosInset(index),
-        'data-p-highlight': isActive,
-        'data-p-disabled': isDisabled,
-        'data-p-focused': isFocused,
-        className: utils.classNames(item.className, cx('submenuItem', {
-          focused: isFocused,
-          disabled: isDisabled,
-          active: isActive
-        })),
-        style: item.style,
-        role: 'menuitem'
-      }, getPTOptions(processedItem, 'submenuItem', index));
-      var contentProps = mergeProps({
-        onClick: function onClick(event) {
-          return onLeafClick({
-            originalEvent: event,
-            processedItem: processedItem
-          });
-        },
-        className: cx('content')
-      }, getPTOptions(processedItem, 'content', index));
-      var content = /*#__PURE__*/React__namespace.createElement("a", actionProps, icon, label, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
-      if (item.template) {
-        var defaultContentOptions = {
-          className: linkClassName,
-          labelClassName: 'p-menuitem-text',
-          iconClassName: iconClassName,
-          element: content,
-          props: props
-        };
-        content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
-      }
-      return /*#__PURE__*/React__namespace.createElement("li", submenuItemProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, content));
+      };
+      content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
+    return /*#__PURE__*/React__namespace.createElement("li", submenuItemProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, content));
   };
   var createSubmenu = function createSubmenu(submenu, index) {
     if (!isItemVisible(submenu)) {

package/megamenu/megamenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),a=require("primereact/icons/angledown"),i=require("primereact/icons/angleright"),o=require("primereact/icons/bars"),u=require("primereact/ripple"),l=require("primereact/utils");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var s=m(e),p=c(n);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function b(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=b(e,"string");return"symbol"===f(n)?n:String(n)}function v(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function y(e){throw new TypeError('"'+e+'" is read-only')}function x(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,o,u=[],l=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(u.push(r.value),u.length!==n);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw a}}return u}}function k(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function I(e,n){if(e){if("string"==typeof e)return k(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?k(e,n):void 0}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,n){return x(e)||h(e,n)||I(e,n)||E()}var O=t.ComponentBase.extend({defaultProps:{__TYPE:"MegaMenu",id:null,model:null,style:null,className:null,orientation:"horizontal",breakpoint:void 0,scrollHeight:"400px",start:null,submenuIcon:null,onFocus:null,onBlur:null,tabIndex:0,menuIcon:null,end:null,children:void 0},css:{classes:{root:function(e){var n=e.props;return l.classNames("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===n.orientation,"p-megamenu-vertical":"vertical"===n.orientation,"p-megamenu-mobile-active":e.mobileActiveState})},content:"p-menuitem-content",separator:"p-menuitem-separator",submenuIcon:"p-submenu-icon",action:function(e){return l.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},submenuItem:function(e){return l.classNames("p-menuitem",{"p-menuitem-active":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},submenuHeader:function(e){return l.classNames("p-megamenu-submenu-header p-submenu-header",{"p-disabled":e.disabled})},submenu:"p-submenu-list p-megamenu-submenu",panel:"p-megamenu-panel",grid:"p-megamenu-grid",icon:"p-menuitem-icon",label:"p-menuitem-text",column:function(e){var n,t=e.category;switch(t.items?t.items.length:0){case 2:n="p-megamenu-col-6";break;case 3:n="p-megamenu-col-4";break;case 4:n="p-megamenu-col-3";break;case 6:n="p-megamenu-col-2";break;default:n="p-megamenu-col-12"}return n},menuButton:"p-megamenu-button",menuitem:function(e){var n=e.activeItemState;return l.classNames("p-menuitem",{"p-menuitem-active p-highlight":n&&n.item===e.category,"p-focus":e.focused,"p-disabled":e.disabled})},menubar:"p-megamenu-root-list",menu:"p-megamenu-root-list",start:"p-megamenu-start",end:"p-megamenu-end"},styles:"\n@layer primereact {\n    .p-megamenu {\n        display: flex;\n    }\n\n    .p-megamenu-root-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-megamenu-root-list > .p-menuitem {\n        position: relative;\n    }\n\n    .p-megamenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-megamenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-megamenu-panel {\n        display: none;\n        position: absolute;\n        width: auto;\n        z-index: 1;\n    }\n\n    .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        display: block;\n    }\n\n    .p-megamenu-submenu {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    /* Horizontal */\n    .p-megamenu-horizontal {\n        align-items: center;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-custom,\n    .p-megamenu-horizontal .p-megamenu-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    /* Vertical */\n    .p-megamenu-vertical {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        left: 100%;\n        top: 0;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link  > .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-megamenu-grid {\n        display: flex;\n    }\n\n    .p-megamenu-col-2,\n    .p-megamenu-col-3,\n    .p-megamenu-col-4,\n    .p-megamenu-col-6,\n    .p-megamenu-col-12 {\n        flex: 0 0 auto;\n        padding: 0.5rem;\n    }\n\n    .p-megamenu-col-2 {\n        width: 16.6667%;\n    }\n\n    .p-megamenu-col-3 {\n        width: 25%;\n    }\n\n    .p-megamenu-col-4 {\n        width: 33.3333%;\n    }\n\n    .p-megamenu-col-6 {\n        width: 50%;\n    }\n\n    .p-megamenu-col-12 {\n        width: 100%;\n    }\n\n    .p-megamenu-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n"}});function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function w(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){v(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var S=s.memo(s.forwardRef((function(e,c){var m=r.useMergeProps(),f=s.useContext(n.PrimeReactContext),b=O.getProps(e,f),g=N(s.useState(b.id),2),x=g[0],h=g[1],k=N(s.useState(null),2),I=k[0],E=k[1],j=N(s.useState(null),2),S=j[0],U=j[1],D=N(s.useState({index:-1,key:"",parentKey:""}),2),K=D[0],P=D[1],z=N(s.useState(null),2),_=z[0],H=z[1],A=N(s.useState(!1),2),M=A[0],C=A[1],L=N(s.useState(null),2),R=L[0],B=L[1],T=N(s.useState([]),2),q=T[0],J=T[1],X=N(s.useState(null),2),Z=X[0],F=X[1],V=N(s.useState(!1),2),W=V[0],Y=V[1],$=N(s.useState(!1),2),G=$[0],Q=$[1],ee=s.useRef(""),ne=s.useRef(null),te=s.useRef(null),re=s.useRef(null),ae=s.useRef(null),ie=s.useRef(null),oe="horizontal"===b.orientation,ue="vertical"===b.orientation,le=r.useMatchMedia("screen and (max-width: ".concat(b.breakpoint,")"),!!b.breakpoint),ce=O.setMetaData({props:b,state:{id:x,activeItem:I&&I.item,attributeSelector:Z,mobileActive:W}}),me=ce.ptm,se=ce.cx;t.useHandleStyle(O.css.styles,ce.isUnstyled,{name:"megamenu"});var pe=function(e,n,t){return me(n,{context:{active:on(e),focused:cn(e),disabled:ln(e),item:e,index:t}})},de=N(r.useEventListener({type:"click",listener:function(e){Oe(e)&&Ne()}}),2),fe=de[0],be=de[1],ge=N(r.useResizeListener({type:"resize",listener:function(){Ne()}}),2),ve=ge[0],ye=ge[1],xe=function(){fe(),ve()},he=function(){be(),ye()},ke=function(e){var n=e.originalEvent,t=e.processedItem,r=t.item;if(r.disabled)n.preventDefault();else{r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r});var a=pn(t);if(qe(t)){var i=t.index,o=t.key,u=t.parentKey;E(null),P({index:i,key:o,parentKey:u})}else if(a)Ie(e);else{var l=I?I.index:-1,c=I?I.key:"";Ne(n),P({index:l,key:c,parentKey:""}),Y(!1)}}},Ie=function(e){var n=e.processedItem,t=e.isFocus;if(!l.ObjectUtils.isEmpty(n)){var r=n.index,a=n.key,i=n.parentKey,o=l.ObjectUtils.isNotEmpty(n.items);o&&E(n),P({index:r,key:a,parentKey:i}),o&&C(!0),t&&l.DomHandler.focus(re.current)}},Ee=function(e){var n=e.originalEvent,t=e.processedItem,r=t.item;if(r.disabled)n.preventDefault();else{r.command&&r.command({originalEvent:n,item:b.item}),r.url||(n.preventDefault(),n.stopPropagation());var a=pn(t),i=l.ObjectUtils.isEmpty(t.parent);if(qe(t)){var o=t.index,u=t.key,c=t.parentKey;E(null),P({index:o,key:u,parentKey:c}),C(!i)}else if(a)Ie(e);else{var m=i?t:I;Ne(),en(n,m?m.index:-1),Y(!1),l.DomHandler.focus(re.current)}}},Ne=function(e){W&&(Y(!1),setTimeout((function(){l.DomHandler.focus(ie.current)}),0)),E(null),e&&(P({index:-1,key:"",parentKey:""}),l.DomHandler.focus(re.current)),C(!1)},Oe=function(e){return te.current&&!(te.current.isSameNode(e.target)||te.current.contains(e.target)||ie.current&&ie.current.contains(e.target))};s.useImperativeHandle(c,(function(){return{props:b,getElement:function(){return te.current}}})),r.useMountEffect((function(){var e=l.UniqueComponentId();!x&&h(e),b.breakpoint&&!Z&&F(e)})),r.useUpdateEffect((function(){return Z&&te.current&&(te.current.setAttribute(Z,""),En()),function(){Nn()}}),[Z,b.breakpoint]),r.useUpdateEffect((function(){W?xe():he()}),[W]),r.useUpdateEffect((function(){if(G){var e=-1!==K.index?Ze(K.index):We();en(e),Q(!1)}}),[G]),r.useUpdateEffect((function(){var e=l.DomHandler.findSingle(te.current,".p-menuitem-active > .p-megamenu-panel");return I?(xe(),le||l.ZIndexUtils.set("menu",e,f&&f.autoZIndex||p.default.autoZIndex,f&&f.zIndex.menu||p.default.zIndex.menu)):he(),le&&e&&e.previousElementSibling.scrollIntoView({block:"nearest",inline:"nearest"}),function(){he(),l.ZIndexUtils.clear(e)}}),[I,le]),r.useUpdateEffect((function(){var e=l.ObjectUtils.isNotEmpty(K.key)?"".concat(x,"_").concat(K.key):null;H(e)}),[K]),s.useEffect((function(){var e=bn(b.model||[],0,null,"");B(e)}),[b.model]),r.useUpdateEffect((function(){var e=l.ObjectUtils.isNotEmpty(I)?I:null,n=e&&e.key===K.parentKey?e.items.reduce((function(e,n){return n.forEach((function(n){n.items.forEach((function(n){e.push(n)}))})),e}),[]):R;J(n)}),[K,I,R]);var je,we=function(e){if(U(!0),-1===K.index){var n=We(),t=$e(n);P({index:n,key:t.key,parentKey:t.parentKey})}b.onFocus&&b.onFocus(e)},Se=function(e){U(!1),P({index:-1,key:"",parentKey:""}),ee.current="",C(!1),b.onBlur&&b.onBlur(e)},Ue=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":De(e);break;case"ArrowUp":Ke(e);break;case"ArrowLeft":Pe(e);break;case"ArrowRight":ze(e);break;case"Home":_e(e);break;case"End":He(e);break;case"Space":Me(e);break;case"Enter":Ae(e);break;case"Escape":Ce(e);break;case"Tab":Le(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&l.ObjectUtils.isPrintableCharacter(e.key)&&Qe(e,e.key)}},De=function(e){if(e.preventDefault(),oe){var n=K;if(l.ObjectUtils.isNotEmpty(I)&&I.key===K.key)y("_focusedItemInfo"),P(n);else{var t=$e(K.index);pn(t)&&(Ie({originalEvent:e,processedItem:t}),y("_focusedItemInfo"),P(n),ee.current="")}setTimeout((function(){return Q(!0)}),0)}else{var r=-1!==K.index?Ze(K.index):We();en(r)}},Ke=function(e){var n=$e(K.index),t=pn(n);if(e.altKey&&oe)-1!==K.index&&!t&&l.ObjectUtils.isNotEmpty(I)&&(0===K.index?(P({index:I.index,key:I.key,parentKey:I.parentKey}),E(null)):en(Je()));else{var r=-1!==K.index?Fe(K.index):Ye();en(r)}e.preventDefault()},Pe=function(e){var n=$e(K.index);if(pn(n)){if(oe){var t=-1!==K.index?Fe(K.index):Ye();en(t)}}else{ue&&l.ObjectUtils.isNotEmpty(I)&&0===n.columnIndex&&(P({index:I.index,key:I.key,parentKey:I.parentKey}),E(null));var r=n.columnIndex-1,a=q.findIndex((function(e){return e.columnIndex===r}));-1!==a&&en(a)}e.preventDefault()},ze=function(e){e.preventDefault();var n=$e(K.index);if(pn(n)){if(ue)if(l.ObjectUtils.isNotEmpty(I)&&I.key===n.key)P({index:-1,key:"",parentKey:I.key});else{var t=$e(K.index);pn(t)&&(Ie({originalEvent:e,processedItem:t}),P({index:-1,key:t.key,parentKey:t.parentKey}),ee.current="")}setTimeout((function(){return Q(!0)}),0)}else{var r=n.columnIndex+1,a=q.findIndex((function(e){return e.columnIndex===r}));-1!==a&&en(a)}},_e=function(e){en(Je()),e.preventDefault()},He=function(e){en(Xe()),e.preventDefault()},Ae=function(e){if(-1!==K.index){var n=l.DomHandler.findSingle(re.current,'li[id="'.concat(_,'"]')),t=n&&l.DomHandler.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},Me=function(e){Ae(e)},Ce=function(e){l.ObjectUtils.isNotEmpty(I)&&(P({index:I.index,key:I.key}),E(null)),e.preventDefault()},Le=function(e){if(-1!==K.index){var n=$e(K.index);!pn(n)&&Ie({originalEvent:e,processedItem:n})}Ne()},Re=function(e){var n=Ge(e);return Be(e)&&n&&n.toLocaleLowerCase().startsWith(ee.current.toLocaleLowerCase())},Be=function(e){return!!e&&!ln(e.item)&&!sn(e.item)},Te=function(e){return Be(e)&&qe(e)},qe=function(e){return!!l.ObjectUtils.isNotEmpty(I)&&I.key===e.key},Je=function(){return q.findIndex((function(e){return Be(e)}))},Xe=function(){return l.ObjectUtils.findLastIndex(q,(function(e){return Be(e)}))},Ze=function(e){var n=e<q.length-1?q.slice(e+1).findIndex((function(e){return Be(e)})):-1;return n>-1?n+e+1:e},Fe=function(e){var n=e>0?l.ObjectUtils.findLastIndex(q.slice(0,e),(function(e){return Be(e)})):-1;return n>-1?n:e},Ve=function(){return q&&q.findIndex((function(e){return Te(e)}))},We=function(){var e=Ve();return e<0?Je():e},Ye=function(){var e=Ve();return e<0?Xe():e},$e=function(e){return l.ObjectUtils.isNotEmpty(q)?q[e]:null},Ge=function(e){return e&&e.item?an(e):void 0},Qe=function(e,n){ee.current=(ee.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==K.index?-1===(t=q.slice(K.index).findIndex((function(e){return Re(e)})))?q.slice(0,K.index).findIndex((function(e){return Re(e)})):t+K.index:q.findIndex((function(e){return Re(e)})))&&(r=!0),-1===t&&-1===K.index&&(t=We()),-1!==t&&en(t),ne&&clearTimeout(ne),ne.current=setTimeout((function(){ee.current="",ne.current=null}),500),r},en=function(e){var n=$e(e),t=l.ObjectUtils.isNotEmpty(n)?n.key:"";P(w(w({},K),{},{index:e,key:t})),nn()},nn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(x,"_").concat(e):_,t=l.DomHandler.findSingle(re.current,'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},tn=function(e){return"".concat(x,"_").concat(e.key)},rn=function(e,n,t){return e&&e.item?l.ObjectUtils.getItemValue(e.item[n],t):void 0},an=function(e){return rn(e,"label")},on=function(e){return!!l.ObjectUtils.isNotEmpty(I)&&I.key===e.key},un=function(e){return!1!==rn(e,"visible")},ln=function(e){return rn(e,"disabled")},cn=function(e){return _===tn(e)},mn=function(e){return l.ObjectUtils.isNotEmpty(e.items)},sn=function(e){return rn(e,"separator")},pn=function(e){return e&&l.ObjectUtils.isNotEmpty(e.items)},dn=function(){return b.model.filter((function(e){return un(e)&&!rn(e,"separator")})).length},fn=function(e){return e-b.model.slice(0,e).filter((function(e){return un(e)&&rn(e,"separator")})).length+1},bn=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=arguments.length>4?arguments[4]:void 0,o=[];return n&&n.forEach((function(n,u){var l=(""!==a?a+"_":"")+(void 0!==i?i+"_":"")+u,c={item:n,index:u,level:t,key:l,parent:r,parentKey:a,columnIndex:void 0!==i?i:r&&void 0!==r.columnIndex?r.columnIndex:u};c.items=0===t&&n.items&&n.items.length>0?n.items.map((function(n,r){return e(n,t+1,c,l,r)})):e(n.items,t+1,c,l),o.push(c)})),o},gn=function(e){var n=x+"_separator__"+e,t=m({id:n,key:n,className:se("separator"),role:"separator"},me("separator"));return s.createElement("li",t)},vn=function(e){if(e.items){var n=m({className:se("submenuIcon")},me("submenuIcon"));return l.IconUtils.getJSXIcon(ue?b.submenuIcon||s.createElement(i.AngleRightIcon,n):b.submenuIcon||s.createElement(a.AngleDownIcon,n),w({},n),{props:b})}return null},yn=function(e,n){var t=e.item;if(!1===t.visible)return null;if(t.separator)return gn(n);var r=tn(e),a=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),i=m({className:l.classNames(t.icon,se("icon"))},me("icon")),o=m({className:se("label")},me("label")),c=l.classNames(t.icon,"p-menuitem-icon"),p=l.IconUtils.getJSXIcon(t.icon,w({},i),{props:b}),d=t.label&&s.createElement("span",o,t.label),f=m({href:t.url||"#",className:se("action",{item:t}),target:t.target,tabIndex:"-1","aria-hidden":!0},pe(e,"action",n)),g=cn(e),v=ln(e),y=mn(e),x=on(e),h=m({key:r,id:r,"aria-label":an(e),"aria-disabled":v,"aria-haspopup":y?"menu":void 0,"aria-level":"2","aria-expanded":y?x:void 0,"aria-setsize":dn(),"aria-posinset":fn(n),"data-p-highlight":x,"data-p-disabled":v,"data-p-focused":g,className:l.classNames(t.className,se("submenuItem",{focused:g,disabled:v,active:x})),style:t.style,role:"menuitem"},pe(e,"submenuItem",n)),k=m({onClick:function(n){return ke({originalEvent:n,processedItem:e})},className:se("content")},pe(e,"content",n)),I=s.createElement("a",f,p,d,s.createElement(u.Ripple,null));return t.template&&(I=l.ObjectUtils.getJSXElement(t.template,t,{className:a,labelClassName:"p-menuitem-text",iconClassName:c,element:I,props:b})),s.createElement("li",h,s.createElement("div",k,I))},xn=function(e,n){if(!un(e))return null;var t=e.items.map(yn),r=e.id||x+"_sub_"+n,a=an(e),i=ln(e),o=m({id:r,key:r,className:l.classNames(e.className,se("submenuHeader",{disabled:i})),style:e.style,role:"presentation","data-p-disabled":i},me("submenuHeader"));return s.createElement(s.Fragment,{key:r},s.createElement("li",o,a),t)},hn=function(e,n,t){var r=e.item,a=r.label+"_column_"+t,i=n.map(xn),o=m({key:a,className:se("column",{category:r})},me("column")),u=I&&I.item===r?"block":"none",l=m({role:"menu",tabIndex:b.disabled?null:b.tabIndex||"0",className:se("submenu"),style:{display:u}},me("submenu"));return s.createElement("div",o,s.createElement("ul",l,i))},kn=function(e){return e.items?e.items.map((function(n,t){return hn(e,n,t)})):null},In=function(e){if(e.item.items){var n=kn(e),t=m({className:se("panel")},me("panel")),r=m({className:se("grid")},me("grid"));return s.createElement("div",t,s.createElement("div",r,n))}return null},En=function(){if(!ae.current){ae.current=l.DomHandler.createInlineStyle(f&&f.nonce||p.default.nonce,f&&f.styleContainer);var e="".concat(Z),n="\n                    @media screen and (max-width: ".concat(b.breakpoint,") {\n                        .p-megamenu[").concat(e,"] > .p-megamenu-root-list .p-menuitem-active .p-megamenu-panel {\n                            position: relative;\n                            left: 0;\n                            box-shadow: none;\n                            border-radius: 0;\n                            background: inherit;\n                        }\n\n                        .p-megamenu[").concat(e,"] {\n                            width: 100%;\n                            position: relative;\n                            padding: 0.5rem;\n                        }\n\n                        .p-megamenu[").concat(e,"] .p-megamenu-grid {\n                            flex-wrap: wrap;\n                        }\n\n                        .p-megamenu[").concat(e,"] .p-megamenu-button {\n                            display: flex;\n                        }\n\n                        .p-megamenu[").concat(e,"] .p-megamenu-root-list {\n                            display: none;\n                        }\n\n                        .p-megamenu[").concat(e,'] div[class*="p-megamenu-col-"] {\n                            width: 100%;\n                        }\n\n                        .p-megamenu[').concat(e,"].p-megamenu-mobile-active .p-megamenu-root-list {\n                            left: 0;\n                            top: 100%;\n                            z-index: 1;\n                            width: 100%;\n                            display: flex;\n                            padding: 0.5rem 0;\n                            position: absolute;\n                            flex-direction: column;\n                        }\n\n                        .p-megamenu[").concat(e,"] .p-menuitem  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                            margin-left: auto;\n                        }\n                        \n                        .p-megamenu[").concat(e,"] .p-submenu-list .p-menuitem-content .p-menuitem-link {\n                            padding-left: 2.25rem;\n                        }\n\n                        ").concat(oe?"\n                                    .p-megamenu[".concat(e,"] .p-menuitem-active  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(-180deg);\n                                    }\n                            "):"","\n\n                        ").concat(ue?"                                                                   \n                                    .p-megamenu[".concat(e,"] .p-menuitem  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(90deg);\n                                    }\n\n                                    .p-megamenu[").concat(e,"] .p-menuitem-active  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(-90deg);\n                                    }\n                            "):"","\n                    }\n                ");ae.current.innerHTML=n}},Nn=function(){ae.current=l.DomHandler.removeInlineStyle(ae.current)},On=function(e,n){var t=e.item,r=m({className:se("icon")},pe(e,"icon",n)),a=l.IconUtils.getJSXIcon(t.icon,w({},r),{props:b}),i=m({className:se("label")},pe(e,"label",n)),o=t.label&&s.createElement("span",i,t.label),c=vn(t),p=In(e),d=m({href:t.url||"#",className:se("action",{item:t}),target:t.target,onFocus:function(e){return e.stopPropagation()},tabIndex:"-1","aria-hidden":!0},pe(e,"action",n)),f=t.template?l.ObjectUtils.getJSXElement(t.template,t,d):s.createElement("a",d,a,o,c,s.createElement(u.Ripple,null)),g=tn(e),y=cn(e),x=ln(e),h=m(v({key:g,id:g,className:l.classNames(t.className,se("menuitem",{category:t,activeItemState:I,focused:y,disabled:x})),"aria-label":an(t),"aria-level":"1","aria-setsize":dn(),"aria-posinset":fn(n),"aria-expanded":mn(e)?on(e):void 0,"aria-haspopup":mn(e)?"menu":void 0,"aria-disabled":ln(e),"data-p-highlight":on(t),"data-p-disabled":x,"data-p-focused":y,style:t.style,role:"menuitem"},"data-p-disabled",t.disabled||!1),pe(e,"menuitem",n)),k=m({onClick:function(n){return Ee({originalEvent:n,processedItem:e})},onMouseEnter:function(n){return t={originalEvent:n,processedItem:e},void(!W&&M&&Ie(t));var t},className:se("content")},pe(e,"content",n));return s.createElement("li",h,s.createElement("div",k,f),p)},jn=m({className:l.classNames(b.className,se("root",{mobileActiveState:W})),id:x,style:b.style},O.getOtherProps(b),me("root")),wn=(je=m({ref:re,tabIndex:b.disabled?null:b.tabIndex||"0",className:se("menu"),onFocus:we,onBlur:Se,onKeyDown:Ue,"aria-label":b.ariaLabel,"aria-labelledby":b.ariaLabelledBy,"aria-orientation":ue?"vertical":"horizontal","aria-activedescendant":S?_:null,id:x+"_list",role:"menubar"},me("menu")),R?s.createElement("ul",je,R.map((function(e,n){return On(e,n)}))):null),Sn=function(){var e=m({className:se("start")},me("start"));if(b.start){var n=l.ObjectUtils.getJSXElement(b.start,b);return s.createElement("div",e,n)}return null}(),Un=function(){var e=m({className:se("end")},me("end"));if(b.end){var n=l.ObjectUtils.getJSXElement(b.end,b);return s.createElement("div",e,n)}return null}(),Dn=function(){if(b.model&&b.model.length<1)return null;var e=m({className:se("menuButton"),href:"#",role:"button","aria-haspopup":!!(b.model&&b.model.length>0),"aria-expanded":W,"aria-controls":x,"aria-label":n.ariaLabel("navigation"),tabIndex:0,onClick:function(e){return e.preventDefault(),void(W?(Y(!1),l.ZIndexUtils.clear(re.current),Ne()):(Y(!0),l.ZIndexUtils.set("menu",re.current,f&&f.autoZIndex||p.default.autoZIndex,f&&f.zIndex.menu||p.default.zIndex.menu),setTimeout((function(){P({index:We(),level:0,parentKey:""})}),1)))}},me("menuButton")),t=m(me("menuButtonIcon")),r=l.IconUtils.getJSXIcon(b.menuIcon||s.createElement(o.BarsIcon,t),w({},t),{props:b});return s.createElement("a",d({ref:ie},e),r)}();return s.createElement("div",d({id:b.id,ref:te},jn),Sn,Dn,wn,Un)})));S.displayName="MegaMenu",exports.MegaMenu=S;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),a=require("primereact/icons/angledown"),i=require("primereact/icons/angleright"),o=require("primereact/icons/bars"),u=require("primereact/ripple"),l=require("primereact/utils");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var s=m(e),p=c(n);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function b(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=b(e,"string");return"symbol"===f(n)?n:String(n)}function v(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function y(e){throw new TypeError('"'+e+'" is read-only')}function x(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,o,u=[],l=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(u.push(r.value),u.length!==n);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw a}}return u}}function k(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function I(e,n){if(e){if("string"==typeof e)return k(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?k(e,n):void 0}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,n){return x(e)||h(e,n)||I(e,n)||E()}var O=t.ComponentBase.extend({defaultProps:{__TYPE:"MegaMenu",id:null,model:null,style:null,className:null,orientation:"horizontal",breakpoint:void 0,scrollHeight:"400px",start:null,submenuIcon:null,onFocus:null,onBlur:null,tabIndex:0,menuIcon:null,end:null,children:void 0},css:{classes:{root:function(e){var n=e.props;return l.classNames("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===n.orientation,"p-megamenu-vertical":"vertical"===n.orientation,"p-megamenu-mobile-active":e.mobileActiveState})},content:"p-menuitem-content",separator:"p-menuitem-separator",submenuIcon:"p-submenu-icon",action:function(e){return l.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},submenuItem:function(e){return l.classNames("p-menuitem",{"p-menuitem-active":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},submenuHeader:function(e){return l.classNames("p-megamenu-submenu-header p-submenu-header",{"p-disabled":e.disabled})},submenu:"p-submenu-list p-megamenu-submenu",panel:"p-megamenu-panel",grid:"p-megamenu-grid",icon:"p-menuitem-icon",label:"p-menuitem-text",column:function(e){var n,t=e.category;switch(t.items?t.items.length:0){case 2:n="p-megamenu-col-6";break;case 3:n="p-megamenu-col-4";break;case 4:n="p-megamenu-col-3";break;case 6:n="p-megamenu-col-2";break;default:n="p-megamenu-col-12"}return n},menuButton:"p-megamenu-button",menuitem:function(e){var n=e.activeItemState;return l.classNames("p-menuitem",{"p-menuitem-active p-highlight":n&&n.item===e.category,"p-focus":e.focused,"p-disabled":e.disabled})},menubar:"p-megamenu-root-list",menu:"p-megamenu-root-list",start:"p-megamenu-start",end:"p-megamenu-end"},styles:"\n@layer primereact {\n    .p-megamenu {\n        display: flex;\n    }\n\n    .p-megamenu-root-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-megamenu-root-list > .p-menuitem {\n        position: relative;\n    }\n\n    .p-megamenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-megamenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-megamenu-panel {\n        display: none;\n        position: absolute;\n        width: auto;\n        z-index: 1;\n    }\n\n    .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        display: block;\n    }\n\n    .p-megamenu-submenu {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    /* Horizontal */\n    .p-megamenu-horizontal {\n        align-items: center;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-custom,\n    .p-megamenu-horizontal .p-megamenu-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    /* Vertical */\n    .p-megamenu-vertical {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        left: 100%;\n        top: 0;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link  > .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-megamenu-grid {\n        display: flex;\n    }\n\n    .p-megamenu-col-2,\n    .p-megamenu-col-3,\n    .p-megamenu-col-4,\n    .p-megamenu-col-6,\n    .p-megamenu-col-12 {\n        flex: 0 0 auto;\n        padding: 0.5rem;\n    }\n\n    .p-megamenu-col-2 {\n        width: 16.6667%;\n    }\n\n    .p-megamenu-col-3 {\n        width: 25%;\n    }\n\n    .p-megamenu-col-4 {\n        width: 33.3333%;\n    }\n\n    .p-megamenu-col-6 {\n        width: 50%;\n    }\n\n    .p-megamenu-col-12 {\n        width: 100%;\n    }\n\n    .p-megamenu-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n"}});function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function w(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){v(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var S=s.memo(s.forwardRef((function(e,c){var m=r.useMergeProps(),f=s.useContext(n.PrimeReactContext),b=O.getProps(e,f),g=N(s.useState(b.id),2),x=g[0],h=g[1],k=N(s.useState(null),2),I=k[0],E=k[1],j=N(s.useState(null),2),S=j[0],U=j[1],D=N(s.useState({index:-1,key:"",parentKey:""}),2),K=D[0],P=D[1],z=N(s.useState(null),2),_=z[0],H=z[1],A=N(s.useState(!1),2),M=A[0],C=A[1],L=N(s.useState(null),2),R=L[0],B=L[1],T=N(s.useState([]),2),q=T[0],J=T[1],X=N(s.useState(null),2),Z=X[0],F=X[1],V=N(s.useState(!1),2),W=V[0],Y=V[1],$=N(s.useState(!1),2),G=$[0],Q=$[1],ee=s.useRef(""),ne=s.useRef(null),te=s.useRef(null),re=s.useRef(null),ae=s.useRef(null),ie=s.useRef(null),oe="horizontal"===b.orientation,ue="vertical"===b.orientation,le=r.useMatchMedia("screen and (max-width: ".concat(b.breakpoint,")"),!!b.breakpoint),ce=O.setMetaData({props:b,state:{id:x,activeItem:I&&I.item,attributeSelector:Z,mobileActive:W}}),me=ce.ptm,se=ce.cx;t.useHandleStyle(O.css.styles,ce.isUnstyled,{name:"megamenu"});var pe=function(e,n,t){return me(n,{context:{active:on(e),focused:cn(e),disabled:ln(e),item:e,index:t}})},de=N(r.useEventListener({type:"click",listener:function(e){Oe(e)&&Ne()}}),2),fe=de[0],be=de[1],ge=N(r.useResizeListener({type:"resize",listener:function(){Ne()}}),2),ve=ge[0],ye=ge[1],xe=function(){fe(),ve()},he=function(){be(),ye()},ke=function(e){var n=e.originalEvent,t=e.processedItem,r=t.item;if(r.disabled)n.preventDefault();else{r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r});var a=pn(t);if(qe(t)){var i=t.index,o=t.key,u=t.parentKey;E(null),P({index:i,key:o,parentKey:u})}else if(a)Ie(e);else{var l=I?I.index:-1,c=I?I.key:"";Ne(n),P({index:l,key:c,parentKey:""}),Y(!1)}}},Ie=function(e){var n=e.processedItem,t=e.isFocus;if(!l.ObjectUtils.isEmpty(n)){var r=n.index,a=n.key,i=n.parentKey,o=l.ObjectUtils.isNotEmpty(n.items);o&&E(n),P({index:r,key:a,parentKey:i}),o&&C(!0),t&&l.DomHandler.focus(re.current)}},Ee=function(e){var n=e.originalEvent,t=e.processedItem,r=t.item;if(r.disabled)n.preventDefault();else{r.command&&r.command({originalEvent:n,item:b.item}),r.url||(n.preventDefault(),n.stopPropagation());var a=pn(t),i=l.ObjectUtils.isEmpty(t.parent);if(qe(t)){var o=t.index,u=t.key,c=t.parentKey;E(null),P({index:o,key:u,parentKey:c}),C(!i)}else if(a)Ie(e);else{var m=i?t:I;Ne(),en(n,m?m.index:-1),Y(!1),l.DomHandler.focus(re.current)}}},Ne=function(e){W&&(Y(!1),setTimeout((function(){l.DomHandler.focus(ie.current)}),0)),E(null),e&&(P({index:-1,key:"",parentKey:""}),l.DomHandler.focus(re.current)),C(!1)},Oe=function(e){return te.current&&!(te.current.isSameNode(e.target)||te.current.contains(e.target)||ie.current&&ie.current.contains(e.target))};s.useImperativeHandle(c,(function(){return{props:b,getElement:function(){return te.current}}})),r.useMountEffect((function(){var e=l.UniqueComponentId();!x&&h(e),b.breakpoint&&!Z&&F(e)})),r.useUpdateEffect((function(){return Z&&te.current&&(te.current.setAttribute(Z,""),En()),function(){Nn()}}),[Z,b.breakpoint]),r.useUpdateEffect((function(){W?xe():he()}),[W]),r.useUpdateEffect((function(){if(G){var e=-1!==K.index?Ze(K.index):We();en(e),Q(!1)}}),[G]),r.useUpdateEffect((function(){var e=l.DomHandler.findSingle(te.current,".p-menuitem-active > .p-megamenu-panel");return I?(xe(),le||l.ZIndexUtils.set("menu",e,f&&f.autoZIndex||p.default.autoZIndex,f&&f.zIndex.menu||p.default.zIndex.menu)):he(),le&&e&&e.previousElementSibling.scrollIntoView({block:"nearest",inline:"nearest"}),function(){he(),l.ZIndexUtils.clear(e)}}),[I,le]),r.useUpdateEffect((function(){var e=l.ObjectUtils.isNotEmpty(K.key)?"".concat(x,"_").concat(K.key):null;H(e)}),[K]),s.useEffect((function(){var e=bn(b.model||[],0,null,"");B(e)}),[b.model]),r.useUpdateEffect((function(){var e=l.ObjectUtils.isNotEmpty(I)?I:null,n=e&&e.key===K.parentKey?e.items.reduce((function(e,n){return n.forEach((function(n){n.items.forEach((function(n){e.push(n)}))})),e}),[]):R;J(n)}),[K,I,R]);var je,we=function(e){if(U(!0),-1===K.index){var n=We(),t=$e(n);P({index:n,key:t.key,parentKey:t.parentKey})}b.onFocus&&b.onFocus(e)},Se=function(e){U(!1),P({index:-1,key:"",parentKey:""}),ee.current="",C(!1),b.onBlur&&b.onBlur(e)},Ue=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":De(e);break;case"ArrowUp":Ke(e);break;case"ArrowLeft":Pe(e);break;case"ArrowRight":ze(e);break;case"Home":_e(e);break;case"End":He(e);break;case"Space":Me(e);break;case"Enter":case"NumpadEnter":Ae(e);break;case"Escape":Ce(e);break;case"Tab":Le(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&l.ObjectUtils.isPrintableCharacter(e.key)&&Qe(e,e.key)}},De=function(e){if(e.preventDefault(),oe){var n=K;if(l.ObjectUtils.isNotEmpty(I)&&I.key===K.key)y("_focusedItemInfo"),P(n);else{var t=$e(K.index);pn(t)&&(Ie({originalEvent:e,processedItem:t}),y("_focusedItemInfo"),P(n),ee.current="")}setTimeout((function(){return Q(!0)}),0)}else{var r=-1!==K.index?Ze(K.index):We();en(r)}},Ke=function(e){var n=$e(K.index),t=pn(n);if(e.altKey&&oe)-1!==K.index&&!t&&l.ObjectUtils.isNotEmpty(I)&&(0===K.index?(P({index:I.index,key:I.key,parentKey:I.parentKey}),E(null)):en(Je()));else{var r=-1!==K.index?Fe(K.index):Ye();en(r)}e.preventDefault()},Pe=function(e){var n=$e(K.index);if(pn(n)){if(oe){var t=-1!==K.index?Fe(K.index):Ye();en(t)}}else{ue&&l.ObjectUtils.isNotEmpty(I)&&0===n.columnIndex&&(P({index:I.index,key:I.key,parentKey:I.parentKey}),E(null));var r=n.columnIndex-1,a=q.findIndex((function(e){return e.columnIndex===r}));-1!==a&&en(a)}e.preventDefault()},ze=function(e){e.preventDefault();var n=$e(K.index);if(pn(n)){if(ue)if(l.ObjectUtils.isNotEmpty(I)&&I.key===n.key)P({index:-1,key:"",parentKey:I.key});else{var t=$e(K.index);pn(t)&&(Ie({originalEvent:e,processedItem:t}),P({index:-1,key:t.key,parentKey:t.parentKey}),ee.current="")}setTimeout((function(){return Q(!0)}),0)}else{var r=n.columnIndex+1,a=q.findIndex((function(e){return e.columnIndex===r}));-1!==a&&en(a)}},_e=function(e){en(Je()),e.preventDefault()},He=function(e){en(Xe()),e.preventDefault()},Ae=function(e){if(-1!==K.index){var n=l.DomHandler.findSingle(re.current,'li[id="'.concat(_,'"]')),t=n&&l.DomHandler.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},Me=function(e){Ae(e)},Ce=function(e){l.ObjectUtils.isNotEmpty(I)&&(P({index:I.index,key:I.key}),E(null)),e.preventDefault()},Le=function(e){if(-1!==K.index){var n=$e(K.index);!pn(n)&&Ie({originalEvent:e,processedItem:n})}Ne()},Re=function(e){var n=Ge(e);return Be(e)&&n&&n.toLocaleLowerCase().startsWith(ee.current.toLocaleLowerCase())},Be=function(e){return!!e&&!ln(e.item)&&!sn(e.item)},Te=function(e){return Be(e)&&qe(e)},qe=function(e){return!!l.ObjectUtils.isNotEmpty(I)&&I.key===e.key},Je=function(){return q.findIndex((function(e){return Be(e)}))},Xe=function(){return l.ObjectUtils.findLastIndex(q,(function(e){return Be(e)}))},Ze=function(e){var n=e<q.length-1?q.slice(e+1).findIndex((function(e){return Be(e)})):-1;return n>-1?n+e+1:e},Fe=function(e){var n=e>0?l.ObjectUtils.findLastIndex(q.slice(0,e),(function(e){return Be(e)})):-1;return n>-1?n:e},Ve=function(){return q&&q.findIndex((function(e){return Te(e)}))},We=function(){var e=Ve();return e<0?Je():e},Ye=function(){var e=Ve();return e<0?Xe():e},$e=function(e){return l.ObjectUtils.isNotEmpty(q)?q[e]:null},Ge=function(e){return e&&e.item?an(e):void 0},Qe=function(e,n){ee.current=(ee.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==K.index?-1===(t=q.slice(K.index).findIndex((function(e){return Re(e)})))?q.slice(0,K.index).findIndex((function(e){return Re(e)})):t+K.index:q.findIndex((function(e){return Re(e)})))&&(r=!0),-1===t&&-1===K.index&&(t=We()),-1!==t&&en(t),ne&&clearTimeout(ne),ne.current=setTimeout((function(){ee.current="",ne.current=null}),500),r},en=function(e){var n=$e(e),t=l.ObjectUtils.isNotEmpty(n)?n.key:"";P(w(w({},K),{},{index:e,key:t})),nn()},nn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(x,"_").concat(e):_,t=l.DomHandler.findSingle(re.current,'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},tn=function(e){return"".concat(x,"_").concat(e.key)},rn=function(e,n,t){return e&&e.item?l.ObjectUtils.getItemValue(e.item[n],t):void 0},an=function(e){return rn(e,"label")},on=function(e){return!!l.ObjectUtils.isNotEmpty(I)&&I.key===e.key},un=function(e){return!1!==rn(e,"visible")},ln=function(e){return rn(e,"disabled")},cn=function(e){return _===tn(e)},mn=function(e){return l.ObjectUtils.isNotEmpty(e.items)},sn=function(e){return rn(e,"separator")},pn=function(e){return e&&l.ObjectUtils.isNotEmpty(e.items)},dn=function(){return b.model.filter((function(e){return un(e)&&!rn(e,"separator")})).length},fn=function(e){return e-b.model.slice(0,e).filter((function(e){return un(e)&&rn(e,"separator")})).length+1},bn=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=arguments.length>4?arguments[4]:void 0,o=[];return n&&n.forEach((function(n,u){var l=(""!==a?a+"_":"")+(void 0!==i?i+"_":"")+u,c={item:n,index:u,level:t,key:l,parent:r,parentKey:a,columnIndex:void 0!==i?i:r&&void 0!==r.columnIndex?r.columnIndex:u};c.items=0===t&&n.items&&n.items.length>0?n.items.map((function(n,r){return e(n,t+1,c,l,r)})):e(n.items,t+1,c,l),o.push(c)})),o},gn=function(e){var n=x+"_separator__"+e,t=m({id:n,key:n,className:se("separator"),role:"separator"},me("separator"));return s.createElement("li",t)},vn=function(e){if(e.items){var n=m({className:se("submenuIcon")},me("submenuIcon"));return l.IconUtils.getJSXIcon(ue?b.submenuIcon||s.createElement(i.AngleRightIcon,n):b.submenuIcon||s.createElement(a.AngleDownIcon,n),w({},n),{props:b})}return null},yn=function(e,n){var t=e.item;if(!1===t.visible)return null;if(t.separator)return gn(n);var r=tn(e),a=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),i=m({className:l.classNames(t.icon,se("icon"))},me("icon")),o=m({className:se("label")},me("label")),c=l.classNames(t.icon,"p-menuitem-icon"),p=l.IconUtils.getJSXIcon(t.icon,w({},i),{props:b}),d=t.label&&s.createElement("span",o,t.label),f=m({href:t.url||"#",className:se("action",{item:t}),target:t.target,tabIndex:"-1","aria-hidden":!0},pe(e,"action",n)),g=cn(e),v=ln(e),y=mn(e),x=on(e),h=m({key:r,id:r,"aria-label":an(e),"aria-disabled":v,"aria-haspopup":y?"menu":void 0,"aria-level":"2","aria-expanded":y?x:void 0,"aria-setsize":dn(),"aria-posinset":fn(n),"data-p-highlight":x,"data-p-disabled":v,"data-p-focused":g,className:l.classNames(t.className,se("submenuItem",{focused:g,disabled:v,active:x})),style:t.style,role:"menuitem"},pe(e,"submenuItem",n)),k=m({onClick:function(n){return ke({originalEvent:n,processedItem:e})},className:se("content")},pe(e,"content",n)),I=s.createElement("a",f,p,d,s.createElement(u.Ripple,null));t.template&&(I=l.ObjectUtils.getJSXElement(t.template,t,{className:a,labelClassName:"p-menuitem-text",iconClassName:c,element:I,props:b}));return s.createElement("li",h,s.createElement("div",k,I))},xn=function(e,n){if(!un(e))return null;var t=e.items.map(yn),r=e.id||x+"_sub_"+n,a=an(e),i=ln(e),o=m({id:r,key:r,className:l.classNames(e.className,se("submenuHeader",{disabled:i})),style:e.style,role:"presentation","data-p-disabled":i},me("submenuHeader"));return s.createElement(s.Fragment,{key:r},s.createElement("li",o,a),t)},hn=function(e,n,t){var r=e.item,a=r.label+"_column_"+t,i=n.map(xn),o=m({key:a,className:se("column",{category:r})},me("column")),u=I&&I.item===r?"block":"none",l=m({role:"menu",tabIndex:b.disabled?null:b.tabIndex||"0",className:se("submenu"),style:{display:u}},me("submenu"));return s.createElement("div",o,s.createElement("ul",l,i))},kn=function(e){return e.items?e.items.map((function(n,t){return hn(e,n,t)})):null},In=function(e){if(e.item.items){var n=kn(e),t=m({className:se("panel")},me("panel")),r=m({className:se("grid")},me("grid"));return s.createElement("div",t,s.createElement("div",r,n))}return null},En=function(){if(!ae.current){ae.current=l.DomHandler.createInlineStyle(f&&f.nonce||p.default.nonce,f&&f.styleContainer);var e="".concat(Z),n="\n                    @media screen and (max-width: ".concat(b.breakpoint,") {\n                        .p-megamenu[").concat(e,"] > .p-megamenu-root-list .p-menuitem-active .p-megamenu-panel {\n                            position: relative;\n                            left: 0;\n                            box-shadow: none;\n                            border-radius: 0;\n                            background: inherit;\n                        }\n\n                        .p-megamenu[").concat(e,"] {\n                            width: 100%;\n                            position: relative;\n                            padding: 0.5rem;\n                        }\n\n                        .p-megamenu[").concat(e,"] .p-megamenu-grid {\n                            flex-wrap: wrap;\n                        }\n\n                        .p-megamenu[").concat(e,"] .p-megamenu-button {\n                            display: flex;\n                        }\n\n                        .p-megamenu[").concat(e,"] .p-megamenu-root-list {\n                            display: none;\n                        }\n\n                        .p-megamenu[").concat(e,'] div[class*="p-megamenu-col-"] {\n                            width: 100%;\n                        }\n\n                        .p-megamenu[').concat(e,"].p-megamenu-mobile-active .p-megamenu-root-list {\n                            left: 0;\n                            top: 100%;\n                            z-index: 1;\n                            width: 100%;\n                            display: flex;\n                            padding: 0.5rem 0;\n                            position: absolute;\n                            flex-direction: column;\n                        }\n\n                        .p-megamenu[").concat(e,"] .p-menuitem  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                            margin-left: auto;\n                        }\n                        \n                        .p-megamenu[").concat(e,"] .p-submenu-list .p-menuitem-content .p-menuitem-link {\n                            padding-left: 2.25rem;\n                        }\n\n                        ").concat(oe?"\n                                    .p-megamenu[".concat(e,"] .p-menuitem-active  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(-180deg);\n                                    }\n                            "):"","\n\n                        ").concat(ue?"                                                                   \n                                    .p-megamenu[".concat(e,"] .p-menuitem  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(90deg);\n                                    }\n\n                                    .p-megamenu[").concat(e,"] .p-menuitem-active  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(-90deg);\n                                    }\n                            "):"","\n                    }\n                ");ae.current.innerHTML=n}},Nn=function(){ae.current=l.DomHandler.removeInlineStyle(ae.current)},On=function(e,n){var t=e.item,r=m({className:se("icon")},pe(e,"icon",n)),a=l.IconUtils.getJSXIcon(t.icon,w({},r),{props:b}),i=m({className:se("label")},pe(e,"label",n)),o=t.label&&s.createElement("span",i,t.label),c=vn(t),p=In(e),d=m({href:t.url||"#",className:se("action",{item:t}),target:t.target,onFocus:function(e){return e.stopPropagation()},tabIndex:"-1","aria-hidden":!0},pe(e,"action",n)),f=t.template?l.ObjectUtils.getJSXElement(t.template,t,d):s.createElement("a",d,a,o,c,s.createElement(u.Ripple,null)),g=tn(e),y=cn(e),x=ln(e),h=m(v({key:g,id:g,className:l.classNames(t.className,se("menuitem",{category:t,activeItemState:I,focused:y,disabled:x})),"aria-label":an(t),"aria-level":"1","aria-setsize":dn(),"aria-posinset":fn(n),"aria-expanded":mn(e)?on(e):void 0,"aria-haspopup":mn(e)?"menu":void 0,"aria-disabled":ln(e),"data-p-highlight":on(t),"data-p-disabled":x,"data-p-focused":y,style:t.style,role:"menuitem"},"data-p-disabled",t.disabled||!1),pe(e,"menuitem",n)),k=m({onClick:function(n){return Ee({originalEvent:n,processedItem:e})},onMouseEnter:function(n){return t={originalEvent:n,processedItem:e},void(!W&&M&&Ie(t));var t},className:se("content")},pe(e,"content",n));return s.createElement("li",h,s.createElement("div",k,f),p)},jn=m({className:l.classNames(b.className,se("root",{mobileActiveState:W})),id:x,style:b.style},O.getOtherProps(b),me("root")),wn=(je=m({ref:re,tabIndex:b.disabled?null:b.tabIndex||"0",className:se("menu"),onFocus:we,onBlur:Se,onKeyDown:Ue,"aria-label":b.ariaLabel,"aria-labelledby":b.ariaLabelledBy,"aria-orientation":ue?"vertical":"horizontal","aria-activedescendant":S?_:null,id:x+"_list",role:"menubar"},me("menu")),R?s.createElement("ul",je,R.map((function(e,n){return On(e,n)}))):null),Sn=function(){var e=m({className:se("start")},me("start"));if(b.start){var n=l.ObjectUtils.getJSXElement(b.start,b);return s.createElement("div",e,n)}return null}(),Un=function(){var e=m({className:se("end")},me("end"));if(b.end){var n=l.ObjectUtils.getJSXElement(b.end,b);return s.createElement("div",e,n)}return null}(),Dn=function(){if(b.model&&b.model.length<1)return null;var e=m({className:se("menuButton"),href:"#",role:"button","aria-haspopup":!!(b.model&&b.model.length>0),"aria-expanded":W,"aria-controls":x,"aria-label":n.ariaLabel("navigation"),tabIndex:0,onClick:function(e){return e.preventDefault(),void(W?(Y(!1),l.ZIndexUtils.clear(re.current),Ne()):(Y(!0),l.ZIndexUtils.set("menu",re.current,f&&f.autoZIndex||p.default.autoZIndex,f&&f.zIndex.menu||p.default.zIndex.menu),setTimeout((function(){P({index:We(),level:0,parentKey:""})}),1)))}},me("menuButton")),t=m(me("menuButtonIcon")),r=l.IconUtils.getJSXIcon(b.menuIcon||s.createElement(o.BarsIcon,t),w({},t),{props:b});return s.createElement("a",d({ref:ie},e),r)}();return s.createElement("div",d({id:b.id,ref:te},jn),Sn,Dn,wn,Un)})));S.displayName="MegaMenu",exports.MegaMenu=S;

package/megamenu/megamenu.esm.js

@@ -376,26 +376,26 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         key: key,
         parentKey: parentKey
       });
+    } else if (grouped) {
+      onItemChange(event);
     } else {
-      if (grouped) {
-        onItemChange(event);
-      } else {
-        var rootProcessedItemIndex = activeItemState ? activeItemState.index : -1;
-        var rootProcessedItemKey = activeItemState ? activeItemState.key : '';
-        hide(originalEvent);
-        setFocusedItemInfo({
-          index: rootProcessedItemIndex,
-          key: rootProcessedItemKey,
-          parentKey: ''
-        });
-        setMobileActiveState(false);
-      }
+      var rootProcessedItemIndex = activeItemState ? activeItemState.index : -1;
+      var rootProcessedItemKey = activeItemState ? activeItemState.key : '';
+      hide(originalEvent);
+      setFocusedItemInfo({
+        index: rootProcessedItemIndex,
+        key: rootProcessedItemKey,
+        parentKey: ''
+      });
+      setMobileActiveState(false);
     }
   };
   var onItemChange = function onItemChange(event) {
     var processedItem = event.processedItem,
       isFocus = event.isFocus;
-    if (ObjectUtils.isEmpty(processedItem)) return;
+    if (ObjectUtils.isEmpty(processedItem)) {
+      return;
+    }
     var index = processedItem.index,
       key = processedItem.key,
       parentKey = processedItem.parentKey,
@@ -447,16 +447,14 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         parentKey: parentKey
       });
       setDirty(!root);
+    } else if (grouped) {
+      onItemChange(event);
     } else {
-      if (grouped) {
-        onItemChange(event);
-      } else {
-        var rootProcessedItem = root ? processedItem : activeItemState;
-        hide();
-        changeFocusedItemInfo(originalEvent, rootProcessedItem ? rootProcessedItem.index : -1);
-        setMobileActiveState(false);
-        DomHandler.focus(menubarRef.current);
-      }
+      var rootProcessedItem = root ? processedItem : activeItemState;
+      hide();
+      changeFocusedItemInfo(originalEvent, rootProcessedItem ? rootProcessedItem.index : -1);
+      setMobileActiveState(false);
+      DomHandler.focus(menubarRef.current);
     }
   };
   var show = function show() {
@@ -492,7 +490,7 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       hide();
     } else {
       setMobileActiveState(true);
-      ZIndexUtils.set('menu', menubarRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, context && context.zIndex['menu'] || PrimeReact.zIndex['menu']);
+      ZIndexUtils.set('menu', menubarRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, context && context.zIndex.menu || PrimeReact.zIndex.menu);
       setTimeout(function () {
         show();
       }, 1);
@@ -544,7 +542,7 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     if (activeItemState) {
       bindListeners();
       if (!isMobileMode) {
-        ZIndexUtils.set('menu', currentPanel, context && context.autoZIndex || PrimeReact.autoZIndex, context && context.zIndex['menu'] || PrimeReact.zIndex['menu']);
+        ZIndexUtils.set('menu', currentPanel, context && context.autoZIndex || PrimeReact.autoZIndex, context && context.zIndex.menu || PrimeReact.zIndex.menu);
       }
     } else {
       unbindListeners();
@@ -631,6 +629,7 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         onSpaceKey(event);
         break;
       case 'Enter':
+      case 'NumpadEnter':
         onEnterKey(event);
         break;
       case 'Escape':
@@ -985,7 +984,7 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         parentKey: parentKey,
         columnIndex: columnIndex !== undefined ? columnIndex : parent && parent.columnIndex !== undefined ? parent.columnIndex : index
       };
-      newItem['items'] = level === 0 && item.items && item.items.length > 0 ? item.items.map(function (_items, _index) {
+      newItem.items = level === 0 && item.items && item.items.length > 0 ? item.items.map(function (_items, _index) {
         return createProcessedItems(_items, level + 1, newItem, key, _index);
       }) : createProcessedItems(item.items, level + 1, newItem, key);
       _processedItems.push(newItem);
@@ -1022,78 +1021,77 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
     if (item.separator) {
       return createSeparator(index);
-    } else {
-      var key = getItemId(processedItem);
-      var linkClassName = classNames('p-menuitem-link', {
-        'p-disabled': item.disabled
-      });
-      var iconProps = mergeProps({
-        className: classNames(item.icon, cx('icon'))
-      }, ptm('icon'));
-      var labelProps = mergeProps({
-        className: cx('label')
-      }, ptm('label'));
-      var iconClassName = classNames(item.icon, 'p-menuitem-icon');
-      var icon = IconUtils.getJSXIcon(item.icon, _objectSpread({}, iconProps), {
+    }
+    var key = getItemId(processedItem);
+    var linkClassName = classNames('p-menuitem-link', {
+      'p-disabled': item.disabled
+    });
+    var iconProps = mergeProps({
+      className: classNames(item.icon, cx('icon'))
+    }, ptm('icon'));
+    var labelProps = mergeProps({
+      className: cx('label')
+    }, ptm('label'));
+    var iconClassName = classNames(item.icon, 'p-menuitem-icon');
+    var icon = IconUtils.getJSXIcon(item.icon, _objectSpread({}, iconProps), {
+      props: props
+    });
+    var label = item.label && /*#__PURE__*/React.createElement("span", labelProps, item.label);
+    var actionProps = mergeProps({
+      href: item.url || '#',
+      className: cx('action', {
+        item: item
+      }),
+      target: item.target,
+      tabIndex: '-1',
+      'aria-hidden': true
+    }, getPTOptions(processedItem, 'action', index));
+    var isFocused = isItemFocused(processedItem);
+    var isDisabled = isItemDisabled(processedItem);
+    var isGroup = isItemGroup(processedItem);
+    var isActive = isItemActive(processedItem);
+    var submenuItemProps = mergeProps({
+      key: key,
+      id: key,
+      'aria-label': getItemLabel(processedItem),
+      'aria-disabled': isDisabled,
+      'aria-haspopup': isGroup ? 'menu' : undefined,
+      'aria-level': '2',
+      'aria-expanded': isGroup ? isActive : undefined,
+      'aria-setsize': getAriaSetSize(),
+      'aria-posinset': getAriaPosInset(index),
+      'data-p-highlight': isActive,
+      'data-p-disabled': isDisabled,
+      'data-p-focused': isFocused,
+      className: classNames(item.className, cx('submenuItem', {
+        focused: isFocused,
+        disabled: isDisabled,
+        active: isActive
+      })),
+      style: item.style,
+      role: 'menuitem'
+    }, getPTOptions(processedItem, 'submenuItem', index));
+    var contentProps = mergeProps({
+      onClick: function onClick(event) {
+        return onLeafClick({
+          originalEvent: event,
+          processedItem: processedItem
+        });
+      },
+      className: cx('content')
+    }, getPTOptions(processedItem, 'content', index));
+    var content = /*#__PURE__*/React.createElement("a", actionProps, icon, label, /*#__PURE__*/React.createElement(Ripple, null));
+    if (item.template) {
+      var defaultContentOptions = {
+        className: linkClassName,
+        labelClassName: 'p-menuitem-text',
+        iconClassName: iconClassName,
+        element: content,
         props: props
-      });
-      var label = item.label && /*#__PURE__*/React.createElement("span", labelProps, item.label);
-      var actionProps = mergeProps({
-        href: item.url || '#',
-        className: cx('action', {
-          item: item
-        }),
-        target: item.target,
-        tabIndex: '-1',
-        'aria-hidden': true
-      }, getPTOptions(processedItem, 'action', index));
-      var isFocused = isItemFocused(processedItem);
-      var isDisabled = isItemDisabled(processedItem);
-      var isGroup = isItemGroup(processedItem);
-      var isActive = isItemActive(processedItem);
-      var submenuItemProps = mergeProps({
-        key: key,
-        id: key,
-        'aria-label': getItemLabel(processedItem),
-        'aria-disabled': isDisabled,
-        'aria-haspopup': isGroup ? 'menu' : undefined,
-        'aria-level': '2',
-        'aria-expanded': isGroup ? isActive : undefined,
-        'aria-setsize': getAriaSetSize(),
-        'aria-posinset': getAriaPosInset(index),
-        'data-p-highlight': isActive,
-        'data-p-disabled': isDisabled,
-        'data-p-focused': isFocused,
-        className: classNames(item.className, cx('submenuItem', {
-          focused: isFocused,
-          disabled: isDisabled,
-          active: isActive
-        })),
-        style: item.style,
-        role: 'menuitem'
-      }, getPTOptions(processedItem, 'submenuItem', index));
-      var contentProps = mergeProps({
-        onClick: function onClick(event) {
-          return onLeafClick({
-            originalEvent: event,
-            processedItem: processedItem
-          });
-        },
-        className: cx('content')
-      }, getPTOptions(processedItem, 'content', index));
-      var content = /*#__PURE__*/React.createElement("a", actionProps, icon, label, /*#__PURE__*/React.createElement(Ripple, null));
-      if (item.template) {
-        var defaultContentOptions = {
-          className: linkClassName,
-          labelClassName: 'p-menuitem-text',
-          iconClassName: iconClassName,
-          element: content,
-          props: props
-        };
-        content = ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
-      }
-      return /*#__PURE__*/React.createElement("li", submenuItemProps, /*#__PURE__*/React.createElement("div", contentProps, content));
+      };
+      content = ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
+    return /*#__PURE__*/React.createElement("li", submenuItemProps, /*#__PURE__*/React.createElement("div", contentProps, content));
   };
   var createSubmenu = function createSubmenu(submenu, index) {
     if (!isItemVisible(submenu)) {