primereact 10.3.3 → 10.4.0

package/menubar/menubar.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n,{PrimeReactContext as t,ariaLabel as r}from"primereact/api";import{ComponentBase as i,useHandleStyle as o}from"primereact/componentbase";import{useMergeProps as u,useEventListener as a,useResizeListener as c,useMountEffect as l,useUpdateEffect as s,useUnmountEffect as m}from"primereact/hooks";import{BarsIcon as f}from"primereact/icons/bars";import{classNames as p,ObjectUtils as d,IconUtils as b,DomHandler as v,UniqueComponentId as y,ZIndexUtils as g}from"primereact/utils";import{AngleDownIcon as x}from"primereact/icons/angledown";import{AngleRightIcon as I}from"primereact/icons/angleright";import{Ripple as h}from"primereact/ripple";function E(e){return E="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},E(e)}function k(e,n){if("object"!==E(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=k(e,"string");return"symbol"===E(n)?n:String(n)}function w(e,n,t){return(n=S(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e){if(Array.isArray(e))return e}function P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function N(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 K(e,n){if(e){if("string"==typeof e)return N(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)?N(e,n):void 0}}function j(){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 D(e,n){return O(e)||P(e,n)||K(e,n)||j()}var A=i.extend({defaultProps:{__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,ariaLabel:null,ariaLabelledBy:null,onFocus:null,onBlur:null,submenuIcon:null,menuIcon:null,end:null,children:void 0},css:{classes:{start:"p-menubar-start",end:"p-menubar-end",button:"p-menubar-button",root:function(e){return p("p-menubar p-component",{"p-menubar-mobile-active":e.mobileActiveState})},separator:"p-menuitem-separator",icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",menuitem:function(e){return p("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-menubar-root-list",content:"p-menuitem-content",submenu:"p-submenu-list",action:function(e){return p("p-menuitem-link",{"p-disabled":e.disabled})}},styles:"\n@layer primereact {\n    .p-menubar {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-menubar ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menubar .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-menubar .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-menubar .p-menuitem {\n        position: relative;\n    }\n\n    .p-menubar-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-menubar-root-list > li ul {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n\n    .p-menubar .p-submenu-list {\n        display: none;\n        position: absolute;\n        z-index: 1;\n    }\n\n    .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-menubar .p-menubar-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    .p-menubar-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n"}});function C(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 L(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var M=e.memo(e.forwardRef((function(n,t){var r=u(),i=n.ptm,o=n.cx,a=function(e,t,r){return i(t,{props:n,hostName:n.hostName,context:{item:e,index:r,active:v(e),focused:E(e),disabled:g(e),level:n.level}})},c=function(e,t){g(t)||n.mobileActive?e.preventDefault():n.onItemMouseEnter&&n.onItemMouseEnter({originalEvent:e,processedItem:t})},l=function(e,n){var t=n.item;g(n)?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),s({originalEvent:e,processedItem:n,isFocus:!0}))},s=function(e){n.onLeafClick&&n.onLeafClick(e)},m=function(e){return"".concat(n.id,"_").concat(e.key)},f=function(e,n,t){return e&&e.item?d.getItemValue(e.item[n],t):void 0},v=function(e){return n.activeItemPath.some((function(n){return n.key===e.key}))},y=function(e){return!1!==f(e,"visible")},g=function(e){return f(e,"disabled")},E=function(e){return n.focusedItemId===m(e)},k=function(e){return d.isNotEmpty(e.items)},S=function(e){return e-n.model.slice(0,e).filter((function(e){return y(e)&&f(e,"separator")})).length+1},O=function(t){var u=n.id+"_separator_"+t,a=r({id:u,key:u,className:o("separator"),role:"separator"},i("separator",{hostName:n.hostName}));return e.createElement("li",a)},P=function(t){var r=t&&t.items;return r?e.createElement(M,{id:n.id,hostName:n.hostName,menuProps:n.menuProps,level:n.level+1,model:r,activeItemPath:n.activeItemPath,focusedItemId:n.focusedItemId,onLeafClick:s,onItemMouseEnter:n.onItemMouseEnter,submenuIcon:n.submenuIcon,ptm:i,style:{display:v(t)?"block":"none"},cx:o}):null},N=function(t,i){var u=t.item;if(!y(t))return null;var s=m(t),O=v(t),N=E(t),K=g(t)||!1,j=k(t),D=p("p-menuitem-link",{"p-disabled":K}),A=p("p-menuitem-icon",f(t,"icon")),C=r({className:o("icon")},a(t,"icon",i)),M=b.getJSXIcon(u.icon,L({},C),{props:n.menuProps}),T=r({className:o("label")},a(t,"label",i)),R=u.label&&e.createElement("span",T,u.label),B=f(t,"items"),F=r({className:o("submenuIcon")},a(t,"submenuIcon",i)),_=B&&b.getJSXIcon(n.root?n.submenuIcon||e.createElement(x,F):n.submenuIcon||e.createElement(I,F),L({},F),{props:L({menuProps:n.menuProps},n)}),J=P(t),X=r({href:u.url||"#",tabIndex:"-1","aria-hidden":"true",className:o("action",{disabled:K}),onFocus:function(e){return e.stopPropagation()},target:f(t,"target"),"aria-haspopup":null!=B},a(t,"action",i)),z=e.createElement("a",X,M,R,_,e.createElement(h,null));u.template&&(z=d.getJSXElement(u.template,u,{className:D,labelClassName:"p-menuitem-text",iconClassName:A,submenuIconClassName:"p-submenu-icon",element:z,props:n}));var U=r({onClick:function(e){return l(e,t)},onMouseEnter:function(e){return c(e,t)},className:o("content")},a(t,"content",i)),V=f(t,"className"),H=r(w({id:s,key:s,role:"menuitem","aria-label":u.label,"aria-disabled":K,"aria-expanded":j?O:void 0,"aria-haspopup":j&&!u.url?"menu":void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return y(e)&&!f(e,"separator")})).length,"aria-posinset":S(i),"data-p-highlight":O,"data-p-focused":N,"data-p-disabled":K,className:p(V,o("menuitem",{active:O,focused:N,disabled:K}))},"data-p-disabled",K||!1),a(t,"menuitem",i));return e.createElement("li",H,e.createElement("div",U,z),J)},K=n.root?"menubar":"menu",j=n.root?"menu":"submenu",D=n.root?"0":null,A=n.model?n.model.map((function(e,n){return f(e,"separator")?O(n):N(e,n)})):null,C=r({ref:t,className:o(j),level:n.level,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,id:n.id,tabIndex:D,"aria-activedescendant":n.ariaActivedescendant,style:n.style,role:K},i(j));return e.createElement("ul",C,A)})));function T(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 R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?T(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):T(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}M.displayName="MenubarSub";var B=e.memo(e.forwardRef((function(i,x){var I=u(),h=e.useContext(t),E=A.getProps(i,h),k=D(e.useState(E.id),2),S=k[0],O=k[1],P=D(e.useState(!1),2),N=P[0],K=P[1],j=D(e.useState(!1),2),C=j[0],L=j[1],T=D(e.useState({index:-1,level:0,parentKey:""}),2),B=T[0],F=T[1],_=D(e.useState(null),2),J=_[0],X=_[1],z=D(e.useState([]),2),U=z[0],V=z[1],H=D(e.useState([]),2),W=H[0],Z=H[1],Y=D(e.useState([]),2),$=Y[0],q=Y[1],G=D(e.useState(!1),2),Q=G[0],ee=G[1],ne=D(e.useState(!1),2),te=ne[0],re=ne[1],ie=e.useRef(null),oe=e.useRef(null),ue=e.useRef(null),ae=e.useRef(""),ce=e.useRef(null),le=e.useRef(!1),se=A.setMetaData({props:E,state:{id:S,mobileActive:N}}),me=se.ptm,fe=se.cx;o(A.css.styles,se.isUnstyled,{name:"menubar"});var pe=D(a({type:"click",listener:function(e){Ee(e)&&(ie.current&&!ie.current.contains(e.target)&&he())}}),2),de=pe[0],be=pe[1],ve=D(c({listener:function(e){v.isTouchDevice()||he(e)}}),2),ye=ve[0],ge=ve[1],xe=function(e){N?(K(!1),he()):(K(!0),setTimeout((function(){Ie()}),1)),e.preventDefault()},Ie=function(){F({index:We(),level:0,parentKey:""}),v.focus(oe.current)},he=function(e){N&&(K(!1),setTimeout((function(){v.focus(ue.current)}),0)),V([]),F({index:-1,level:0,parentKey:""}),e&&v.focus(oe.current),re(!1)},Ee=function(e){return oe.current!==e.target&&!oe.current.contains(e.target)&&ue.current!==e.target&&!ue.current.contains(e.target)},ke=function(e,n){return e?d.getItemValue(e[n]):void 0},Se=function(e){return ke(e,"separator")},we=function(e){return e?ke(e.item,"label"):void 0},Oe=function(e){return e&&d.isNotEmpty(e.items)},Pe=function(e){var n=e.processedItem,t=e.isFocus;if(!d.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=d.isNotEmpty(n.items),c=U.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&c.push(n),F({index:r,level:o,parentKey:u}),V(c),a&&re(!0),t&&v.focus(oe.current)}},Ne=function(e){var n=W[B.index];if(n?d.isEmpty(n.parent):null){Oe(n)&&(Pe({originalEvent:e,processedItem:n}),F({index:-1,parentKey:n.key}),setTimeout((function(){return ee(!0)}),0))}else{var t=-1!==B.index?Ue(B.index):We();$e(t)}e.preventDefault()},Ke=function(e){var n=W[B.index];if(d.isEmpty(n.parent)){Oe(n)&&(Pe({originalEvent:e,processedItem:n}),F({index:-1,parentKey:n.key}),le.current=!0,setTimeout((function(){return ee(!0)}),0))}else{var t=U.find((function(e){return e.key===n.parentKey}));if(0===B.index&&t&&""===t.parentKey)F({index:-1,parentKey:t?t.parentKey:""}),ae.current="",je(e);else{var r=-1!==B.index?Ve(B.index):Ze();$e(r)}}e.preventDefault()},je=function(e){var n=W[B.index],t=n?U.find((function(e){return e.key===n.parentKey})):null;if(t)Pe({originalEvent:e,processedItem:t}),V(U.filter((function(e){return e.key!==t.key})));else{var r=-1!==B.index?Ve(B.index):Ze();$e(r)}e.preventDefault()},De=function(e){var n=W[B.index];if(n?U.find((function(e){return e.key===n.parentKey})):null){Oe(n)&&(Pe({originalEvent:e,processedItem:n}),F({index:-1,parentKey:n.key}),setTimeout((function(){return ee(!0)}),0))}else{var t=-1!==B.index?Ue(B.index):We();$e(t)}e.preventDefault()},Ae=function(e){$e(Xe()),e.preventDefault()},Ce=function(e){$e(ze()),e.preventDefault()},Le=function(e){if(-1!==B.index){var n=v.findSingle(oe.current,'li[id="'.concat("".concat(J),'"]')),t=n&&v.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},Me=function(e){Le(e)},Te=function(e){he(!0),F({focusedItemInfo:B,index:We()})},Re=function(e){if(-1!==B.index){var n=W[B.index];!Oe(n)&&Pe({originalEvent:e,processedItem:n})}he()},Be=function(e){return Fe(e)&&we(e).toLocaleLowerCase().startsWith(ae.current.toLocaleLowerCase())},Fe=function(e){return!!e&&!ke(e.item,"disabled")&&!Se(e.item)},_e=function(e){return Fe(e)&&Je(e)},Je=function(e){return U.some((function(n){return n.key===e.key}))},Xe=function(){return W.findIndex((function(e){return Fe(e)}))},ze=function(){return d.findLastIndex(W,(function(e){return Fe(e)}))},Ue=function(e){var n=e<W.length-1?W.slice(e+1).findIndex((function(e){return Fe(e)})):-1;return n>-1?n+e+1:e},Ve=function(e){var n=e>0?d.findLastIndex(W.slice(0,e),(function(e){return Fe(e)})):-1;return n>-1?n:e},He=function(){return W.findIndex((function(e){return _e(e)}))},We=function(){var e=He();return e<0?Xe():e},Ze=function(){var e=He();return e<0?ze():e},Ye=function(e,n){ae.current=(ae.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==B.index?-1===(t=W.slice(B.index).findIndex((function(e){return Be(e)})))?W.slice(0,B.index).findIndex((function(e){return Be(e)})):t+B.index:W.findIndex((function(e){return Be(e)})))&&(r=!0),-1===t&&-1===B.index&&(t=We()),-1!==t&&$e(t),ce.current&&clearTimeout(ce.current),ce.current=setTimeout((function(){ae.current="",ce.current=null}),500),r},$e=function(e){B.index!==e&&(F(R(R({},B),{},{index:e})),qe())},qe=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(S,"_").concat(e):J,t=v.findSingle(oe.current,'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},Ge=e.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var u=(""!==r?r+"_":"")+o,a={item:e,index:o,level:n,key:u,parent:t,parentKey:r};a.items=Ge(e.items,n+1,a,u),i.push(a)})),i}),[]);l((function(){S||O(y())})),s((function(){N?(de(),ye(),g.set("menu",oe.current,h&&h.autoZIndex||n.autoZIndex,h&&h.zIndex.menu||n.zIndex.menu)):(ge(),be(),g.clear(oe.current))}),[N]),e.useEffect((function(){var e=Ge(E.model||[],0,null,"");q(e)}),[E.model,Ge]),s((function(){var e=U.find((function(e){return e.key===B.parentKey}));Z(e?e.items:$)}),[U,B,$]),s((function(){d.isNotEmpty(U)?(de(),ye()):(be(),ge())}),[U]),s((function(){if(Q){var e=-1!==B.index?Ue(B.index):le.current?ze():We();$e(e),le.current=!1,ee(!1)}}),[Q]),s((function(){X(-1!==B.index?"".concat(S).concat(d.isNotEmpty(B.parentKey)?"_"+B.parentKey:"","_").concat(B.index):null)}),[B]),m((function(){g.clear(oe.current)})),e.useImperativeHandle(x,(function(){return{props:E,toggle:xe,getElement:function(){return ie.current},getRootMenu:function(){return oe.current},getMenuButton:function(){return ue.current}}}));var Qe=function(){if(E.start){var n=d.getJSXElement(E.start,E),t=I({className:fe("start")},me("start"));return e.createElement("div",t,n)}return null}(),en=function(){if(E.end){var n=d.getJSXElement(E.end,E),t=I({className:fe("end")},me("end"));return e.createElement("div",t,n)}return null}(),nn=function(){if(E.model&&E.model.length<1)return null;var n=I(w(w(w(w({ref:ue,href:"#",tabIndex:"0","aria-haspopup":!!(N&&E.model&&E.model.lentgh>0),"aria-expanded":N,"aria-label":r("navigation"),"aria-controls":S,role:"button"},"tabIndex",0),"className",fe("button")),"onKeyDown",(function(e){var n;("Enter"===(n=e).code||"Space"===n.code)&&xe(n)})),"onClick",(function(e){return xe(e)})),me("button")),t=I(me("popupIcon")),i=b.getJSXIcon(E.menuIcon||e.createElement(f,t),R({},t),{props:E});return e.createElement("a",n,i)}(),tn=e.createElement(M,{hostName:"Menubar",ariaActivedescendant:C?J:void 0,level:0,id:S,ref:oe,menuProps:E,model:$,onLeafClick:function(e){var n=e.originalEvent,t=e.processedItem,r=Oe(t),i=d.isEmpty(t.parent);if(Je(t)){var o=t.index,u=t.key,a=t.level,c=t.parentKey;V(U.filter((function(e){return u!==e.key&&u.startsWith(e.key)}))),F({index:o,level:a,parentKey:c}),r||re(!i),setTimeout((function(){v.focus(oe.current),r&&re(!0)}),0)}else if(r)v.focus(oe.current),Pe({originalEvent:n,processedItem:t});else{var l=i?t:U.find((function(e){return""===e.parentKey})),s=l?l.index:-1;he(n),F({index:s,parentKey:l?l.parentKey:""}),K(!1)}},onItemMouseEnter:function(e){!N&&te&&Pe(e)},onFocus:function(e){L(!0),F(-1!==B.index?B:{index:We(),level:0,parentKey:""}),E.onFocus&&E.onFocus(e)},onBlur:function(e){L(!1),F({index:-1,level:0,parentKey:""}),ae.current="",re(!1),E.onBlur&&E.onBlur(e)},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Ne(e);break;case"ArrowUp":Ke(e);break;case"ArrowLeft":je(e);break;case"ArrowRight":De(e);break;case"Home":Ae(e);break;case"End":Ce(e);break;case"Space":Me(e);break;case"Enter":Le(e);break;case"Escape":Te();break;case"Tab":Re(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&d.isPrintableCharacter(e.key)&&Ye(e,e.key)}},root:!0,activeItemPath:U,focusedItemId:C?J:void 0,submenuIcon:E.submenuIcon,ptm:me,cx:fe}),rn=I({id:E.id,ref:ie,className:p(E.className,fe("root",{mobileActiveState:N})),style:E.style},A.getOtherProps(E),me("root"));return e.createElement("div",rn,Qe,nn,tn,en)})));B.displayName="Menubar";export{B as Menubar};
+import*as e from"react";import n,{PrimeReactContext as t,ariaLabel as r}from"primereact/api";import{ComponentBase as i,useHandleStyle as o}from"primereact/componentbase";import{useMergeProps as u,useEventListener as a,useResizeListener as c,useMountEffect as l,useUpdateEffect as s,useUnmountEffect as m}from"primereact/hooks";import{BarsIcon as f}from"primereact/icons/bars";import{classNames as p,ObjectUtils as d,IconUtils as b,DomHandler as v,UniqueComponentId as y,ZIndexUtils as g}from"primereact/utils";import{AngleDownIcon as x}from"primereact/icons/angledown";import{AngleRightIcon as I}from"primereact/icons/angleright";import{Ripple as h}from"primereact/ripple";function E(e){return E="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},E(e)}function k(e,n){if("object"!==E(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=k(e,"string");return"symbol"===E(n)?n:String(n)}function w(e,n,t){return(n=S(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e){if(Array.isArray(e))return e}function P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function N(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 K(e,n){if(e){if("string"==typeof e)return N(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)?N(e,n):void 0}}function j(){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 D(e,n){return O(e)||P(e,n)||K(e,n)||j()}var A=i.extend({defaultProps:{__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,ariaLabel:null,ariaLabelledBy:null,onFocus:null,onBlur:null,submenuIcon:null,menuIcon:null,end:null,children:void 0},css:{classes:{start:"p-menubar-start",end:"p-menubar-end",button:"p-menubar-button",root:function(e){return p("p-menubar p-component",{"p-menubar-mobile-active":e.mobileActiveState})},separator:"p-menuitem-separator",icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",menuitem:function(e){return p("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-menubar-root-list",content:"p-menuitem-content",submenu:"p-submenu-list",action:function(e){return p("p-menuitem-link",{"p-disabled":e.disabled})}},styles:"\n@layer primereact {\n    .p-menubar {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-menubar ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menubar .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-menubar .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-menubar .p-menuitem {\n        position: relative;\n    }\n\n    .p-menubar-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-menubar-root-list > li ul {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n\n    .p-menubar .p-submenu-list {\n        display: none;\n        position: absolute;\n        z-index: 1;\n    }\n\n    .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-menubar .p-menubar-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    .p-menubar-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n"}});function C(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 L(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var M=e.memo(e.forwardRef((function(n,t){var r=u(),i=n.ptm,o=n.cx,a=function(e,t,r){return i(t,{props:n,hostName:n.hostName,context:{item:e,index:r,active:v(e),focused:E(e),disabled:g(e),level:n.level}})},c=function(e,t){g(t)||n.mobileActive?e.preventDefault():n.onItemMouseEnter&&n.onItemMouseEnter({originalEvent:e,processedItem:t})},l=function(e,n){var t=n.item;g(n)?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),s({originalEvent:e,processedItem:n,isFocus:!0}))},s=function(e){n.onLeafClick&&n.onLeafClick(e)},m=function(e){return e.item&&e.item.id?e.item.id:"".concat(n.id,"_").concat(e.key)},f=function(e,n,t){return e&&e.item?d.getItemValue(e.item[n],t):void 0},v=function(e){return n.activeItemPath.some((function(n){return n.key===e.key}))},y=function(e){return!1!==f(e,"visible")},g=function(e){return f(e,"disabled")},E=function(e){return n.focusedItemId===m(e)},k=function(e){return d.isNotEmpty(e.items)},S=function(e){return e-n.model.slice(0,e).filter((function(e){return y(e)&&f(e,"separator")})).length+1},O=function(t){var u=n.id+"_separator_"+t,a=r({id:u,key:u,className:o("separator"),role:"separator"},i("separator",{hostName:n.hostName}));return e.createElement("li",a)},P=function(t){var r=t&&t.items;return r?e.createElement(M,{id:n.id,hostName:n.hostName,menuProps:n.menuProps,level:n.level+1,model:r,activeItemPath:n.activeItemPath,focusedItemId:n.focusedItemId,onLeafClick:s,onItemMouseEnter:n.onItemMouseEnter,submenuIcon:n.submenuIcon,ptm:i,style:{display:v(t)?"block":"none"},cx:o}):null},N=function(t,i){var u=t.item;if(!y(t))return null;var s=m(t),O=v(t),N=E(t),K=g(t)||!1,j=k(t),D=p("p-menuitem-link",{"p-disabled":K}),A=p("p-menuitem-icon",f(t,"icon")),C=r({className:o("icon")},a(t,"icon",i)),M=b.getJSXIcon(u.icon,L({},C),{props:n.menuProps}),T=r({className:o("label")},a(t,"label",i)),R=u.label&&e.createElement("span",T,u.label),B=f(t,"items"),F=r({className:o("submenuIcon")},a(t,"submenuIcon",i)),_=B&&b.getJSXIcon(n.root?n.submenuIcon||e.createElement(x,F):n.submenuIcon||e.createElement(I,F),L({},F),{props:L({menuProps:n.menuProps},n)}),J=P(t),X=r({href:u.url||"#",tabIndex:"-1","aria-hidden":"true",className:o("action",{disabled:K}),onFocus:function(e){return e.stopPropagation()},target:f(t,"target"),"aria-haspopup":null!=B},a(t,"action",i)),z=e.createElement("a",X,M,R,_,e.createElement(h,null));u.template&&(z=d.getJSXElement(u.template,u,{className:D,labelClassName:"p-menuitem-text",iconClassName:A,submenuIconClassName:"p-submenu-icon",element:z,props:n}));var U=r({onClick:function(e){return l(e,t)},onMouseEnter:function(e){return c(e,t)},className:o("content")},a(t,"content",i)),V=f(t,"className"),H=r(w({id:s,key:s,role:"menuitem","aria-label":u.label,"aria-disabled":K,"aria-expanded":j?O:void 0,"aria-haspopup":j&&!u.url?"menu":void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return y(e)&&!f(e,"separator")})).length,"aria-posinset":S(i),"data-p-highlight":O,"data-p-focused":N,"data-p-disabled":K,className:p(V,o("menuitem",{active:O,focused:N,disabled:K}))},"data-p-disabled",K||!1),a(t,"menuitem",i));return e.createElement("li",H,e.createElement("div",U,z),J)},K=n.root?"menubar":"menu",j=n.root?"menu":"submenu",D=n.root?"0":null,A=n.model?n.model.map((function(e,n){return f(e,"separator")?O(n):N(e,n)})):null,C=r({ref:t,className:o(j),level:n.level,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,id:n.id,tabIndex:D,"aria-activedescendant":n.ariaActivedescendant,style:n.style,role:K},i(j));return e.createElement("ul",C,A)})));function T(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 R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?T(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):T(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}M.displayName="MenubarSub";var B=e.memo(e.forwardRef((function(i,x){var I=u(),h=e.useContext(t),E=A.getProps(i,h),k=D(e.useState(E.id),2),S=k[0],O=k[1],P=D(e.useState(!1),2),N=P[0],K=P[1],j=D(e.useState(!1),2),C=j[0],L=j[1],T=D(e.useState({index:-1,level:0,parentKey:""}),2),B=T[0],F=T[1],_=D(e.useState(null),2),J=_[0],X=_[1],z=D(e.useState([]),2),U=z[0],V=z[1],H=D(e.useState([]),2),W=H[0],Z=H[1],Y=D(e.useState([]),2),$=Y[0],q=Y[1],G=D(e.useState(!1),2),Q=G[0],ee=G[1],ne=D(e.useState(!1),2),te=ne[0],re=ne[1],ie=e.useRef(null),oe=e.useRef(null),ue=e.useRef(null),ae=e.useRef(""),ce=e.useRef(null),le=e.useRef(!1),se=A.setMetaData({props:E,state:{id:S,mobileActive:N}}),me=se.ptm,fe=se.cx;o(A.css.styles,se.isUnstyled,{name:"menubar"});var pe=D(a({type:"click",listener:function(e){Ee(e)&&(ie.current&&!ie.current.contains(e.target)&&he())}}),2),de=pe[0],be=pe[1],ve=D(c({listener:function(e){v.isTouchDevice()||he(e)}}),2),ye=ve[0],ge=ve[1],xe=function(e){N?(K(!1),he()):(K(!0),setTimeout((function(){Ie()}),1)),e.preventDefault()},Ie=function(){F({index:We(),level:0,parentKey:""}),v.focus(oe.current)},he=function(e){N&&(K(!1),setTimeout((function(){v.focus(ue.current)}),0)),V([]),F({index:-1,level:0,parentKey:""}),e&&v.focus(oe.current),re(!1)},Ee=function(e){return oe.current!==e.target&&!oe.current.contains(e.target)&&ue.current!==e.target&&!ue.current.contains(e.target)},ke=function(e,n){return e?d.getItemValue(e[n]):void 0},Se=function(e){return ke(e,"separator")},we=function(e){return e?ke(e.item,"label"):void 0},Oe=function(e){return e&&d.isNotEmpty(e.items)},Pe=function(e){var n=e.processedItem,t=e.isFocus;if(!d.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=d.isNotEmpty(n.items),c=U.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&c.push(n),F({index:r,level:o,parentKey:u}),V(c),a&&re(!0),t&&v.focus(oe.current)}},Ne=function(e){var n=W[B.index];if(n?d.isEmpty(n.parent):null){Oe(n)&&(Pe({originalEvent:e,processedItem:n}),F({index:-1,parentKey:n.key}),setTimeout((function(){return ee(!0)}),0))}else{var t=-1!==B.index?Ue(B.index):We();$e(t)}e.preventDefault()},Ke=function(e){var n=W[B.index];if(d.isEmpty(n.parent)){Oe(n)&&(Pe({originalEvent:e,processedItem:n}),F({index:-1,parentKey:n.key}),le.current=!0,setTimeout((function(){return ee(!0)}),0))}else{var t=U.find((function(e){return e.key===n.parentKey}));if(0===B.index&&t&&""===t.parentKey)F({index:-1,parentKey:t?t.parentKey:""}),ae.current="",je(e);else{var r=-1!==B.index?Ve(B.index):Ze();$e(r)}}e.preventDefault()},je=function(e){var n=W[B.index],t=n?U.find((function(e){return e.key===n.parentKey})):null;if(t)Pe({originalEvent:e,processedItem:t}),V(U.filter((function(e){return e.key!==t.key})));else{var r=-1!==B.index?Ve(B.index):Ze();$e(r)}e.preventDefault()},De=function(e){var n=W[B.index];if(n?U.find((function(e){return e.key===n.parentKey})):null){Oe(n)&&(Pe({originalEvent:e,processedItem:n}),F({index:-1,parentKey:n.key}),setTimeout((function(){return ee(!0)}),0))}else{var t=-1!==B.index?Ue(B.index):We();$e(t)}e.preventDefault()},Ae=function(e){$e(Xe()),e.preventDefault()},Ce=function(e){$e(ze()),e.preventDefault()},Le=function(e){if(-1!==B.index){var n=v.findSingle(oe.current,'li[id="'.concat("".concat(J),'"]')),t=n&&v.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},Me=function(e){Le(e)},Te=function(e){he(!0),F({focusedItemInfo:B,index:We()})},Re=function(e){if(-1!==B.index){var n=W[B.index];!Oe(n)&&Pe({originalEvent:e,processedItem:n})}he()},Be=function(e){return Fe(e)&&we(e).toLocaleLowerCase().startsWith(ae.current.toLocaleLowerCase())},Fe=function(e){return!!e&&!ke(e.item,"disabled")&&!Se(e.item)},_e=function(e){return Fe(e)&&Je(e)},Je=function(e){return U.some((function(n){return n.key===e.key}))},Xe=function(){return W.findIndex((function(e){return Fe(e)}))},ze=function(){return d.findLastIndex(W,(function(e){return Fe(e)}))},Ue=function(e){var n=e<W.length-1?W.slice(e+1).findIndex((function(e){return Fe(e)})):-1;return n>-1?n+e+1:e},Ve=function(e){var n=e>0?d.findLastIndex(W.slice(0,e),(function(e){return Fe(e)})):-1;return n>-1?n:e},He=function(){return W.findIndex((function(e){return _e(e)}))},We=function(){var e=He();return e<0?Xe():e},Ze=function(){var e=He();return e<0?ze():e},Ye=function(e,n){ae.current=(ae.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==B.index?-1===(t=W.slice(B.index).findIndex((function(e){return Be(e)})))?W.slice(0,B.index).findIndex((function(e){return Be(e)})):t+B.index:W.findIndex((function(e){return Be(e)})))&&(r=!0),-1===t&&-1===B.index&&(t=We()),-1!==t&&$e(t),ce.current&&clearTimeout(ce.current),ce.current=setTimeout((function(){ae.current="",ce.current=null}),500),r},$e=function(e){B.index!==e&&(F(R(R({},B),{},{index:e})),qe())},qe=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(S,"_").concat(e):J,t=v.findSingle(oe.current,'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},Ge=e.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var u=(""!==r?r+"_":"")+o,a={item:e,index:o,level:n,key:u,parent:t,parentKey:r};a.items=Ge(e.items,n+1,a,u),i.push(a)})),i}),[]);l((function(){S||O(y())})),s((function(){N?(de(),ye(),g.set("menu",oe.current,h&&h.autoZIndex||n.autoZIndex,h&&h.zIndex.menu||n.zIndex.menu)):(ge(),be(),g.clear(oe.current))}),[N]),e.useEffect((function(){var e=Ge(E.model||[],0,null,"");q(e)}),[E.model,Ge]),s((function(){var e=U.find((function(e){return e.key===B.parentKey}));Z(e?e.items:$)}),[U,B,$]),s((function(){d.isNotEmpty(U)?(de(),ye()):(be(),ge())}),[U]),s((function(){if(Q){var e=-1!==B.index?Ue(B.index):le.current?ze():We();$e(e),le.current=!1,ee(!1)}}),[Q]),s((function(){X(-1!==B.index?"".concat(S).concat(d.isNotEmpty(B.parentKey)?"_"+B.parentKey:"","_").concat(B.index):null)}),[B]),m((function(){g.clear(oe.current)})),e.useImperativeHandle(x,(function(){return{props:E,toggle:xe,getElement:function(){return ie.current},getRootMenu:function(){return oe.current},getMenuButton:function(){return ue.current}}}));var Qe=function(){if(E.start){var n=d.getJSXElement(E.start,E),t=I({className:fe("start")},me("start"));return e.createElement("div",t,n)}return null}(),en=function(){if(E.end){var n=d.getJSXElement(E.end,E),t=I({className:fe("end")},me("end"));return e.createElement("div",t,n)}return null}(),nn=function(){if(E.model&&E.model.length<1)return null;var n=I(w(w(w(w({ref:ue,href:"#",tabIndex:"0","aria-haspopup":!!(N&&E.model&&E.model.lentgh>0),"aria-expanded":N,"aria-label":r("navigation"),"aria-controls":S,role:"button"},"tabIndex",0),"className",fe("button")),"onKeyDown",(function(e){var n;("Enter"===(n=e).code||"Space"===n.code)&&xe(n)})),"onClick",(function(e){return xe(e)})),me("button")),t=I(me("popupIcon")),i=b.getJSXIcon(E.menuIcon||e.createElement(f,t),R({},t),{props:E});return e.createElement("a",n,i)}(),tn=e.createElement(M,{hostName:"Menubar",ariaActivedescendant:C?J:void 0,level:0,id:S,ref:oe,menuProps:E,model:$,onLeafClick:function(e){var n=e.originalEvent,t=e.processedItem,r=Oe(t),i=d.isEmpty(t.parent);if(Je(t)){var o=t.index,u=t.key,a=t.level,c=t.parentKey;V(U.filter((function(e){return u!==e.key&&u.startsWith(e.key)}))),F({index:o,level:a,parentKey:c}),r||re(!i),setTimeout((function(){v.focus(oe.current),r&&re(!0)}),0)}else if(r)v.focus(oe.current),Pe({originalEvent:n,processedItem:t});else{var l=i?t:U.find((function(e){return""===e.parentKey})),s=l?l.index:-1;he(n),F({index:s,parentKey:l?l.parentKey:""}),K(!1)}},onItemMouseEnter:function(e){!N&&te&&Pe(e)},onFocus:function(e){L(!0),F(-1!==B.index?B:{index:We(),level:0,parentKey:""}),E.onFocus&&E.onFocus(e)},onBlur:function(e){L(!1),F({index:-1,level:0,parentKey:""}),ae.current="",re(!1),E.onBlur&&E.onBlur(e)},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Ne(e);break;case"ArrowUp":Ke(e);break;case"ArrowLeft":je(e);break;case"ArrowRight":De(e);break;case"Home":Ae(e);break;case"End":Ce(e);break;case"Space":Me(e);break;case"Enter":Le(e);break;case"Escape":Te();break;case"Tab":Re(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&d.isPrintableCharacter(e.key)&&Ye(e,e.key)}},root:!0,activeItemPath:U,focusedItemId:C?J:void 0,submenuIcon:E.submenuIcon,ptm:me,cx:fe}),rn=I({id:E.id,ref:ie,className:p(E.className,fe("root",{mobileActiveState:N})),style:E.style},A.getOtherProps(E),me("root"));return e.createElement("div",rn,Qe,nn,tn,en)})));B.displayName="Menubar";export{B as Menubar};

package/menubar/menubar.js

@@ -234,6 +234,9 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
       props.onLeafClick && props.onLeafClick(event);
     };
     var getItemId = function getItemId(processedItem) {
+      if (processedItem.item && processedItem.item.id) {
+        return processedItem.item.id;
+      }
       return "".concat(props.id, "_").concat(processedItem.key);
     };
     var getItemProp = function getItemProp(processedItem, name, params) {

package/menubar/menubar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.menubar=function(e,n,t,r,i,o,a,u,c,l){"use strict";function s(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 f=m(n),p=s(t);function d(e){return d="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},d(e)}function b(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=b(e,"string");return"symbol"===d(n)?n:String(n)}function y(e,n,t){return(n=v(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function g(e){if(Array.isArray(e))return e}function x(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,u=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(u.push(r.value),u.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(l)throw i}}return u}}function I(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 h(e,n){if(e){if("string"==typeof e)return I(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)?I(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 O(e,n){return g(e)||x(e,n)||h(e,n)||E()}var k=r.ComponentBase.extend({defaultProps:{__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,ariaLabel:null,ariaLabelledBy:null,onFocus:null,onBlur:null,submenuIcon:null,menuIcon:null,end:null,children:void 0},css:{classes:{start:"p-menubar-start",end:"p-menubar-end",button:"p-menubar-button",root:function(e){return a.classNames("p-menubar p-component",{"p-menubar-mobile-active":e.mobileActiveState})},separator:"p-menuitem-separator",icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",menuitem:function(e){return a.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-menubar-root-list",content:"p-menuitem-content",submenu:"p-submenu-list",action:function(e){return a.classNames("p-menuitem-link",{"p-disabled":e.disabled})}},styles:"\n@layer primereact {\n    .p-menubar {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-menubar ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menubar .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-menubar .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-menubar .p-menuitem {\n        position: relative;\n    }\n\n    .p-menubar-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-menubar-root-list > li ul {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n\n    .p-menubar .p-submenu-list {\n        display: none;\n        position: absolute;\n        z-index: 1;\n    }\n\n    .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-menubar .p-menubar-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    .p-menubar-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 S(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){y(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 P=f.memo(f.forwardRef((function(e,n){var t=i.useMergeProps(),r=e.ptm,o=e.cx,s=function(n,t,i){return r(t,{props:e,hostName:e.hostName,context:{item:n,index:i,active:g(n),focused:h(n),disabled:I(n),level:e.level}})},m=function(n,t){I(t)||e.mobileActive?n.preventDefault():e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},p=function(e,n){var t=n.item;I(n)?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),d({originalEvent:e,processedItem:n,isFocus:!0}))},d=function(n){e.onLeafClick&&e.onLeafClick(n)},b=function(n){return"".concat(e.id,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?a.ObjectUtils.getItemValue(e.item[n],t):void 0},g=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},x=function(e){return!1!==v(e,"visible")},I=function(e){return v(e,"disabled")},h=function(n){return e.focusedItemId===b(n)},E=function(e){return a.ObjectUtils.isNotEmpty(e.items)},O=function(n){return n-e.model.slice(0,n).filter((function(e){return x(e)&&v(e,"separator")})).length+1},k=function(n){var i=e.id+"_separator_"+n,a=t({id:i,key:i,className:o("separator"),role:"separator"},r("separator",{hostName:e.hostName}));return f.createElement("li",a)},j=function(n){var t=n&&n.items;return t?f.createElement(P,{id:e.id,hostName:e.hostName,menuProps:e.menuProps,level:e.level+1,model:t,activeItemPath:e.activeItemPath,focusedItemId:e.focusedItemId,onLeafClick:d,onItemMouseEnter:e.onItemMouseEnter,submenuIcon:e.submenuIcon,ptm:r,style:{display:g(n)?"block":"none"},cx:o}):null},w=function(n,r){var i=n.item;if(!x(n))return null;var d=b(n),k=g(n),P=h(n),w=I(n)||!1,N=E(n),D=a.classNames("p-menuitem-link",{"p-disabled":w}),U=a.classNames("p-menuitem-icon",v(n,"icon")),K=t({className:o("icon")},s(n,"icon",r)),M=a.IconUtils.getJSXIcon(i.icon,S({},K),{props:e.menuProps}),A=t({className:o("label")},s(n,"label",r)),C=i.label&&f.createElement("span",A,i.label),L=v(n,"items"),R=t({className:o("submenuIcon")},s(n,"submenuIcon",r)),H=L&&a.IconUtils.getJSXIcon(e.root?e.submenuIcon||f.createElement(u.AngleDownIcon,R):e.submenuIcon||f.createElement(c.AngleRightIcon,R),S({},R),{props:S({menuProps:e.menuProps},e)}),T=j(n),_=t({href:i.url||"#",tabIndex:"-1","aria-hidden":"true",className:o("action",{disabled:w}),onFocus:function(e){return e.stopPropagation()},target:v(n,"target"),"aria-haspopup":null!=L},s(n,"action",r)),B=f.createElement("a",_,M,C,H,f.createElement(l.Ripple,null));i.template&&(B=a.ObjectUtils.getJSXElement(i.template,i,{className:D,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:B,props:e}));var F=t({onClick:function(e){return p(e,n)},onMouseEnter:function(e){return m(e,n)},className:o("content")},s(n,"content",r)),z=v(n,"className"),J=t(y({id:d,key:d,role:"menuitem","aria-label":i.label,"aria-disabled":w,"aria-expanded":N?k:void 0,"aria-haspopup":N&&!i.url?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return x(e)&&!v(e,"separator")})).length,"aria-posinset":O(r),"data-p-highlight":k,"data-p-focused":P,"data-p-disabled":w,className:a.classNames(z,o("menuitem",{active:k,focused:P,disabled:w}))},"data-p-disabled",w||!1),s(n,"menuitem",r));return f.createElement("li",J,f.createElement("div",F,B),T)},N=e.root?"menubar":"menu",D=e.root?"menu":"submenu",U=e.root?"0":null,K=e.model?e.model.map((function(e,n){return v(e,"separator")?k(n):w(e,n)})):null,M=t({ref:n,className:o(D),level:e.level,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,id:e.id,tabIndex:U,"aria-activedescendant":e.ariaActivedescendant,style:e.style,role:N},r(D));return f.createElement("ul",M,K)})));function w(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 N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}P.displayName="MenubarSub";var D=f.memo(f.forwardRef((function(e,n){var u=i.useMergeProps(),c=f.useContext(t.PrimeReactContext),l=k.getProps(e,c),s=O(f.useState(l.id),2),m=s[0],d=s[1],b=O(f.useState(!1),2),v=b[0],g=b[1],x=O(f.useState(!1),2),I=x[0],h=x[1],E=O(f.useState({index:-1,level:0,parentKey:""}),2),j=E[0],S=E[1],w=O(f.useState(null),2),D=w[0],U=w[1],K=O(f.useState([]),2),M=K[0],A=K[1],C=O(f.useState([]),2),L=C[0],R=C[1],H=O(f.useState([]),2),T=H[0],_=H[1],B=O(f.useState(!1),2),F=B[0],z=B[1],J=O(f.useState(!1),2),X=J[0],Z=J[1],V=f.useRef(null),W=f.useRef(null),q=f.useRef(null),Y=f.useRef(""),$=f.useRef(null),G=f.useRef(!1),Q=k.setMetaData({props:l,state:{id:m,mobileActive:v}}),ee=Q.ptm,ne=Q.cx;r.useHandleStyle(k.css.styles,Q.isUnstyled,{name:"menubar"});var te=O(i.useEventListener({type:"click",listener:function(e){me(e)&&(V.current&&!V.current.contains(e.target)&&se())}}),2),re=te[0],ie=te[1],oe=O(i.useResizeListener({listener:function(e){a.DomHandler.isTouchDevice()||se(e)}}),2),ae=oe[0],ue=oe[1],ce=function(e){v?(g(!1),se()):(g(!0),setTimeout((function(){le()}),1)),e.preventDefault()},le=function(){S({index:Le(),level:0,parentKey:""}),a.DomHandler.focus(W.current)},se=function(e){v&&(g(!1),setTimeout((function(){a.DomHandler.focus(q.current)}),0)),A([]),S({index:-1,level:0,parentKey:""}),e&&a.DomHandler.focus(W.current),Z(!1)},me=function(e){return W.current!==e.target&&!W.current.contains(e.target)&&q.current!==e.target&&!q.current.contains(e.target)},fe=function(e,n){return e?a.ObjectUtils.getItemValue(e[n]):void 0},pe=function(e){return fe(e,"separator")},de=function(e){return e?fe(e.item,"label"):void 0},be=function(e){return e&&a.ObjectUtils.isNotEmpty(e.items)},ve=function(e){var n=e.processedItem,t=e.isFocus;if(!a.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,c=a.ObjectUtils.isNotEmpty(n.items),l=M.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));c&&l.push(n),S({index:r,level:o,parentKey:u}),A(l),c&&Z(!0),t&&a.DomHandler.focus(W.current)}},ye=function(e){var n=L[j.index];if(n?a.ObjectUtils.isEmpty(n.parent):null){be(n)&&(ve({originalEvent:e,processedItem:n}),S({index:-1,parentKey:n.key}),setTimeout((function(){return z(!0)}),0))}else{var t=-1!==j.index?Me(j.index):Le();Te(t)}e.preventDefault()},ge=function(e){var n=L[j.index];if(a.ObjectUtils.isEmpty(n.parent)){be(n)&&(ve({originalEvent:e,processedItem:n}),S({index:-1,parentKey:n.key}),G.current=!0,setTimeout((function(){return z(!0)}),0))}else{var t=M.find((function(e){return e.key===n.parentKey}));if(0===j.index&&t&&""===t.parentKey)S({index:-1,parentKey:t?t.parentKey:""}),Y.current="",xe(e);else{var r=-1!==j.index?Ae(j.index):Re();Te(r)}}e.preventDefault()},xe=function(e){var n=L[j.index],t=n?M.find((function(e){return e.key===n.parentKey})):null;if(t)ve({originalEvent:e,processedItem:t}),A(M.filter((function(e){return e.key!==t.key})));else{var r=-1!==j.index?Ae(j.index):Re();Te(r)}e.preventDefault()},Ie=function(e){var n=L[j.index];if(n?M.find((function(e){return e.key===n.parentKey})):null){be(n)&&(ve({originalEvent:e,processedItem:n}),S({index:-1,parentKey:n.key}),setTimeout((function(){return z(!0)}),0))}else{var t=-1!==j.index?Me(j.index):Le();Te(t)}e.preventDefault()},he=function(e){Te(Ue()),e.preventDefault()},Ee=function(e){Te(Ke()),e.preventDefault()},Oe=function(e){if(-1!==j.index){var n=a.DomHandler.findSingle(W.current,'li[id="'.concat("".concat(D),'"]')),t=n&&a.DomHandler.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},ke=function(e){Oe(e)},je=function(e){se(!0),S({focusedItemInfo:j,index:Le()})},Se=function(e){if(-1!==j.index){var n=L[j.index];!be(n)&&ve({originalEvent:e,processedItem:n})}se()},Pe=function(e){return we(e)&&de(e).toLocaleLowerCase().startsWith(Y.current.toLocaleLowerCase())},we=function(e){return!!e&&!fe(e.item,"disabled")&&!pe(e.item)},Ne=function(e){return we(e)&&De(e)},De=function(e){return M.some((function(n){return n.key===e.key}))},Ue=function(){return L.findIndex((function(e){return we(e)}))},Ke=function(){return a.ObjectUtils.findLastIndex(L,(function(e){return we(e)}))},Me=function(e){var n=e<L.length-1?L.slice(e+1).findIndex((function(e){return we(e)})):-1;return n>-1?n+e+1:e},Ae=function(e){var n=e>0?a.ObjectUtils.findLastIndex(L.slice(0,e),(function(e){return we(e)})):-1;return n>-1?n:e},Ce=function(){return L.findIndex((function(e){return Ne(e)}))},Le=function(){var e=Ce();return e<0?Ue():e},Re=function(){var e=Ce();return e<0?Ke():e},He=function(e,n){Y.current=(Y.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==j.index?-1===(t=L.slice(j.index).findIndex((function(e){return Pe(e)})))?L.slice(0,j.index).findIndex((function(e){return Pe(e)})):t+j.index:L.findIndex((function(e){return Pe(e)})))&&(r=!0),-1===t&&-1===j.index&&(t=Le()),-1!==t&&Te(t),$.current&&clearTimeout($.current),$.current=setTimeout((function(){Y.current="",$.current=null}),500),r},Te=function(e){j.index!==e&&(S(N(N({},j),{},{index:e})),_e())},_e=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(m,"_").concat(e):D,t=a.DomHandler.findSingle(W.current,'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},Be=f.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var a=(""!==r?r+"_":"")+o,u={item:e,index:o,level:n,key:a,parent:t,parentKey:r};u.items=Be(e.items,n+1,u,a),i.push(u)})),i}),[]);i.useMountEffect((function(){m||d(a.UniqueComponentId())})),i.useUpdateEffect((function(){v?(re(),ae(),a.ZIndexUtils.set("menu",W.current,c&&c.autoZIndex||p.default.autoZIndex,c&&c.zIndex.menu||p.default.zIndex.menu)):(ue(),ie(),a.ZIndexUtils.clear(W.current))}),[v]),f.useEffect((function(){var e=Be(l.model||[],0,null,"");_(e)}),[l.model,Be]),i.useUpdateEffect((function(){var e=M.find((function(e){return e.key===j.parentKey}));R(e?e.items:T)}),[M,j,T]),i.useUpdateEffect((function(){a.ObjectUtils.isNotEmpty(M)?(re(),ae()):(ie(),ue())}),[M]),i.useUpdateEffect((function(){if(F){var e=-1!==j.index?Me(j.index):G.current?Ke():Le();Te(e),G.current=!1,z(!1)}}),[F]),i.useUpdateEffect((function(){U(-1!==j.index?"".concat(m).concat(a.ObjectUtils.isNotEmpty(j.parentKey)?"_"+j.parentKey:"","_").concat(j.index):null)}),[j]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(W.current)})),f.useImperativeHandle(n,(function(){return{props:l,toggle:ce,getElement:function(){return V.current},getRootMenu:function(){return W.current},getMenuButton:function(){return q.current}}}));var Fe=function(){if(l.start){var e=a.ObjectUtils.getJSXElement(l.start,l),n=u({className:ne("start")},ee("start"));return f.createElement("div",n,e)}return null}(),ze=function(){if(l.end){var e=a.ObjectUtils.getJSXElement(l.end,l),n=u({className:ne("end")},ee("end"));return f.createElement("div",n,e)}return null}(),Je=function(){if(l.model&&l.model.length<1)return null;var e=u(y(y(y(y({ref:q,href:"#",tabIndex:"0","aria-haspopup":!!(v&&l.model&&l.model.lentgh>0),"aria-expanded":v,"aria-label":t.ariaLabel("navigation"),"aria-controls":m,role:"button"},"tabIndex",0),"className",ne("button")),"onKeyDown",(function(e){var n;("Enter"===(n=e).code||"Space"===n.code)&&ce(n)})),"onClick",(function(e){return ce(e)})),ee("button")),n=u(ee("popupIcon")),r=a.IconUtils.getJSXIcon(l.menuIcon||f.createElement(o.BarsIcon,n),N({},n),{props:l});return f.createElement("a",e,r)}(),Xe=f.createElement(P,{hostName:"Menubar",ariaActivedescendant:I?D:void 0,level:0,id:m,ref:W,menuProps:l,model:T,onLeafClick:function(e){var n=e.originalEvent,t=e.processedItem,r=be(t),i=a.ObjectUtils.isEmpty(t.parent);if(De(t)){var o=t.index,u=t.key,c=t.level,l=t.parentKey;A(M.filter((function(e){return u!==e.key&&u.startsWith(e.key)}))),S({index:o,level:c,parentKey:l}),r||Z(!i),setTimeout((function(){a.DomHandler.focus(W.current),r&&Z(!0)}),0)}else if(r)a.DomHandler.focus(W.current),ve({originalEvent:n,processedItem:t});else{var s=i?t:M.find((function(e){return""===e.parentKey})),m=s?s.index:-1;se(n),S({index:m,parentKey:s?s.parentKey:""}),g(!1)}},onItemMouseEnter:function(e){!v&&X&&ve(e)},onFocus:function(e){h(!0),S(-1!==j.index?j:{index:Le(),level:0,parentKey:""}),l.onFocus&&l.onFocus(e)},onBlur:function(e){h(!1),S({index:-1,level:0,parentKey:""}),Y.current="",Z(!1),l.onBlur&&l.onBlur(e)},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":ye(e);break;case"ArrowUp":ge(e);break;case"ArrowLeft":xe(e);break;case"ArrowRight":Ie(e);break;case"Home":he(e);break;case"End":Ee(e);break;case"Space":ke(e);break;case"Enter":Oe(e);break;case"Escape":je();break;case"Tab":Se(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&a.ObjectUtils.isPrintableCharacter(e.key)&&He(e,e.key)}},root:!0,activeItemPath:M,focusedItemId:I?D:void 0,submenuIcon:l.submenuIcon,ptm:ee,cx:ne}),Ze=u({id:l.id,ref:V,className:a.classNames(l.className,ne("root",{mobileActiveState:v})),style:l.style},k.getOtherProps(l),ee("root"));return f.createElement("div",Ze,Fe,Je,Xe,ze)})));return D.displayName="Menubar",e.Menubar=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.bars,primereact.utils,primereact.icons.angledown,primereact.icons.angleright,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.menubar=function(e,n,t,r,i,o,a,u,c,l){"use strict";function s(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 f=m(n),p=s(t);function d(e){return d="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},d(e)}function b(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=b(e,"string");return"symbol"===d(n)?n:String(n)}function y(e,n,t){return(n=v(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function g(e){if(Array.isArray(e))return e}function x(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,u=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(u.push(r.value),u.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(l)throw i}}return u}}function I(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 h(e,n){if(e){if("string"==typeof e)return I(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)?I(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 O(e,n){return g(e)||x(e,n)||h(e,n)||E()}var k=r.ComponentBase.extend({defaultProps:{__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,ariaLabel:null,ariaLabelledBy:null,onFocus:null,onBlur:null,submenuIcon:null,menuIcon:null,end:null,children:void 0},css:{classes:{start:"p-menubar-start",end:"p-menubar-end",button:"p-menubar-button",root:function(e){return a.classNames("p-menubar p-component",{"p-menubar-mobile-active":e.mobileActiveState})},separator:"p-menuitem-separator",icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",menuitem:function(e){return a.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-menubar-root-list",content:"p-menuitem-content",submenu:"p-submenu-list",action:function(e){return a.classNames("p-menuitem-link",{"p-disabled":e.disabled})}},styles:"\n@layer primereact {\n    .p-menubar {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-menubar ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menubar .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-menubar .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-menubar .p-menuitem {\n        position: relative;\n    }\n\n    .p-menubar-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-menubar-root-list > li ul {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n\n    .p-menubar .p-submenu-list {\n        display: none;\n        position: absolute;\n        z-index: 1;\n    }\n\n    .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-menubar .p-menubar-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    .p-menubar-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 S(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){y(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 P=f.memo(f.forwardRef((function(e,n){var t=i.useMergeProps(),r=e.ptm,o=e.cx,s=function(n,t,i){return r(t,{props:e,hostName:e.hostName,context:{item:n,index:i,active:g(n),focused:h(n),disabled:I(n),level:e.level}})},m=function(n,t){I(t)||e.mobileActive?n.preventDefault():e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},p=function(e,n){var t=n.item;I(n)?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),d({originalEvent:e,processedItem:n,isFocus:!0}))},d=function(n){e.onLeafClick&&e.onLeafClick(n)},b=function(n){return n.item&&n.item.id?n.item.id:"".concat(e.id,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?a.ObjectUtils.getItemValue(e.item[n],t):void 0},g=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},x=function(e){return!1!==v(e,"visible")},I=function(e){return v(e,"disabled")},h=function(n){return e.focusedItemId===b(n)},E=function(e){return a.ObjectUtils.isNotEmpty(e.items)},O=function(n){return n-e.model.slice(0,n).filter((function(e){return x(e)&&v(e,"separator")})).length+1},k=function(n){var i=e.id+"_separator_"+n,a=t({id:i,key:i,className:o("separator"),role:"separator"},r("separator",{hostName:e.hostName}));return f.createElement("li",a)},j=function(n){var t=n&&n.items;return t?f.createElement(P,{id:e.id,hostName:e.hostName,menuProps:e.menuProps,level:e.level+1,model:t,activeItemPath:e.activeItemPath,focusedItemId:e.focusedItemId,onLeafClick:d,onItemMouseEnter:e.onItemMouseEnter,submenuIcon:e.submenuIcon,ptm:r,style:{display:g(n)?"block":"none"},cx:o}):null},w=function(n,r){var i=n.item;if(!x(n))return null;var d=b(n),k=g(n),P=h(n),w=I(n)||!1,N=E(n),D=a.classNames("p-menuitem-link",{"p-disabled":w}),U=a.classNames("p-menuitem-icon",v(n,"icon")),K=t({className:o("icon")},s(n,"icon",r)),M=a.IconUtils.getJSXIcon(i.icon,S({},K),{props:e.menuProps}),A=t({className:o("label")},s(n,"label",r)),C=i.label&&f.createElement("span",A,i.label),L=v(n,"items"),R=t({className:o("submenuIcon")},s(n,"submenuIcon",r)),H=L&&a.IconUtils.getJSXIcon(e.root?e.submenuIcon||f.createElement(u.AngleDownIcon,R):e.submenuIcon||f.createElement(c.AngleRightIcon,R),S({},R),{props:S({menuProps:e.menuProps},e)}),T=j(n),_=t({href:i.url||"#",tabIndex:"-1","aria-hidden":"true",className:o("action",{disabled:w}),onFocus:function(e){return e.stopPropagation()},target:v(n,"target"),"aria-haspopup":null!=L},s(n,"action",r)),B=f.createElement("a",_,M,C,H,f.createElement(l.Ripple,null));i.template&&(B=a.ObjectUtils.getJSXElement(i.template,i,{className:D,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:B,props:e}));var F=t({onClick:function(e){return p(e,n)},onMouseEnter:function(e){return m(e,n)},className:o("content")},s(n,"content",r)),z=v(n,"className"),J=t(y({id:d,key:d,role:"menuitem","aria-label":i.label,"aria-disabled":w,"aria-expanded":N?k:void 0,"aria-haspopup":N&&!i.url?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return x(e)&&!v(e,"separator")})).length,"aria-posinset":O(r),"data-p-highlight":k,"data-p-focused":P,"data-p-disabled":w,className:a.classNames(z,o("menuitem",{active:k,focused:P,disabled:w}))},"data-p-disabled",w||!1),s(n,"menuitem",r));return f.createElement("li",J,f.createElement("div",F,B),T)},N=e.root?"menubar":"menu",D=e.root?"menu":"submenu",U=e.root?"0":null,K=e.model?e.model.map((function(e,n){return v(e,"separator")?k(n):w(e,n)})):null,M=t({ref:n,className:o(D),level:e.level,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,id:e.id,tabIndex:U,"aria-activedescendant":e.ariaActivedescendant,style:e.style,role:N},r(D));return f.createElement("ul",M,K)})));function w(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 N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}P.displayName="MenubarSub";var D=f.memo(f.forwardRef((function(e,n){var u=i.useMergeProps(),c=f.useContext(t.PrimeReactContext),l=k.getProps(e,c),s=O(f.useState(l.id),2),m=s[0],d=s[1],b=O(f.useState(!1),2),v=b[0],g=b[1],x=O(f.useState(!1),2),I=x[0],h=x[1],E=O(f.useState({index:-1,level:0,parentKey:""}),2),j=E[0],S=E[1],w=O(f.useState(null),2),D=w[0],U=w[1],K=O(f.useState([]),2),M=K[0],A=K[1],C=O(f.useState([]),2),L=C[0],R=C[1],H=O(f.useState([]),2),T=H[0],_=H[1],B=O(f.useState(!1),2),F=B[0],z=B[1],J=O(f.useState(!1),2),X=J[0],Z=J[1],V=f.useRef(null),W=f.useRef(null),q=f.useRef(null),Y=f.useRef(""),$=f.useRef(null),G=f.useRef(!1),Q=k.setMetaData({props:l,state:{id:m,mobileActive:v}}),ee=Q.ptm,ne=Q.cx;r.useHandleStyle(k.css.styles,Q.isUnstyled,{name:"menubar"});var te=O(i.useEventListener({type:"click",listener:function(e){me(e)&&(V.current&&!V.current.contains(e.target)&&se())}}),2),re=te[0],ie=te[1],oe=O(i.useResizeListener({listener:function(e){a.DomHandler.isTouchDevice()||se(e)}}),2),ae=oe[0],ue=oe[1],ce=function(e){v?(g(!1),se()):(g(!0),setTimeout((function(){le()}),1)),e.preventDefault()},le=function(){S({index:Le(),level:0,parentKey:""}),a.DomHandler.focus(W.current)},se=function(e){v&&(g(!1),setTimeout((function(){a.DomHandler.focus(q.current)}),0)),A([]),S({index:-1,level:0,parentKey:""}),e&&a.DomHandler.focus(W.current),Z(!1)},me=function(e){return W.current!==e.target&&!W.current.contains(e.target)&&q.current!==e.target&&!q.current.contains(e.target)},fe=function(e,n){return e?a.ObjectUtils.getItemValue(e[n]):void 0},pe=function(e){return fe(e,"separator")},de=function(e){return e?fe(e.item,"label"):void 0},be=function(e){return e&&a.ObjectUtils.isNotEmpty(e.items)},ve=function(e){var n=e.processedItem,t=e.isFocus;if(!a.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,c=a.ObjectUtils.isNotEmpty(n.items),l=M.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));c&&l.push(n),S({index:r,level:o,parentKey:u}),A(l),c&&Z(!0),t&&a.DomHandler.focus(W.current)}},ye=function(e){var n=L[j.index];if(n?a.ObjectUtils.isEmpty(n.parent):null){be(n)&&(ve({originalEvent:e,processedItem:n}),S({index:-1,parentKey:n.key}),setTimeout((function(){return z(!0)}),0))}else{var t=-1!==j.index?Me(j.index):Le();Te(t)}e.preventDefault()},ge=function(e){var n=L[j.index];if(a.ObjectUtils.isEmpty(n.parent)){be(n)&&(ve({originalEvent:e,processedItem:n}),S({index:-1,parentKey:n.key}),G.current=!0,setTimeout((function(){return z(!0)}),0))}else{var t=M.find((function(e){return e.key===n.parentKey}));if(0===j.index&&t&&""===t.parentKey)S({index:-1,parentKey:t?t.parentKey:""}),Y.current="",xe(e);else{var r=-1!==j.index?Ae(j.index):Re();Te(r)}}e.preventDefault()},xe=function(e){var n=L[j.index],t=n?M.find((function(e){return e.key===n.parentKey})):null;if(t)ve({originalEvent:e,processedItem:t}),A(M.filter((function(e){return e.key!==t.key})));else{var r=-1!==j.index?Ae(j.index):Re();Te(r)}e.preventDefault()},Ie=function(e){var n=L[j.index];if(n?M.find((function(e){return e.key===n.parentKey})):null){be(n)&&(ve({originalEvent:e,processedItem:n}),S({index:-1,parentKey:n.key}),setTimeout((function(){return z(!0)}),0))}else{var t=-1!==j.index?Me(j.index):Le();Te(t)}e.preventDefault()},he=function(e){Te(Ue()),e.preventDefault()},Ee=function(e){Te(Ke()),e.preventDefault()},Oe=function(e){if(-1!==j.index){var n=a.DomHandler.findSingle(W.current,'li[id="'.concat("".concat(D),'"]')),t=n&&a.DomHandler.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},ke=function(e){Oe(e)},je=function(e){se(!0),S({focusedItemInfo:j,index:Le()})},Se=function(e){if(-1!==j.index){var n=L[j.index];!be(n)&&ve({originalEvent:e,processedItem:n})}se()},Pe=function(e){return we(e)&&de(e).toLocaleLowerCase().startsWith(Y.current.toLocaleLowerCase())},we=function(e){return!!e&&!fe(e.item,"disabled")&&!pe(e.item)},Ne=function(e){return we(e)&&De(e)},De=function(e){return M.some((function(n){return n.key===e.key}))},Ue=function(){return L.findIndex((function(e){return we(e)}))},Ke=function(){return a.ObjectUtils.findLastIndex(L,(function(e){return we(e)}))},Me=function(e){var n=e<L.length-1?L.slice(e+1).findIndex((function(e){return we(e)})):-1;return n>-1?n+e+1:e},Ae=function(e){var n=e>0?a.ObjectUtils.findLastIndex(L.slice(0,e),(function(e){return we(e)})):-1;return n>-1?n:e},Ce=function(){return L.findIndex((function(e){return Ne(e)}))},Le=function(){var e=Ce();return e<0?Ue():e},Re=function(){var e=Ce();return e<0?Ke():e},He=function(e,n){Y.current=(Y.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==j.index?-1===(t=L.slice(j.index).findIndex((function(e){return Pe(e)})))?L.slice(0,j.index).findIndex((function(e){return Pe(e)})):t+j.index:L.findIndex((function(e){return Pe(e)})))&&(r=!0),-1===t&&-1===j.index&&(t=Le()),-1!==t&&Te(t),$.current&&clearTimeout($.current),$.current=setTimeout((function(){Y.current="",$.current=null}),500),r},Te=function(e){j.index!==e&&(S(N(N({},j),{},{index:e})),_e())},_e=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(m,"_").concat(e):D,t=a.DomHandler.findSingle(W.current,'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},Be=f.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var a=(""!==r?r+"_":"")+o,u={item:e,index:o,level:n,key:a,parent:t,parentKey:r};u.items=Be(e.items,n+1,u,a),i.push(u)})),i}),[]);i.useMountEffect((function(){m||d(a.UniqueComponentId())})),i.useUpdateEffect((function(){v?(re(),ae(),a.ZIndexUtils.set("menu",W.current,c&&c.autoZIndex||p.default.autoZIndex,c&&c.zIndex.menu||p.default.zIndex.menu)):(ue(),ie(),a.ZIndexUtils.clear(W.current))}),[v]),f.useEffect((function(){var e=Be(l.model||[],0,null,"");_(e)}),[l.model,Be]),i.useUpdateEffect((function(){var e=M.find((function(e){return e.key===j.parentKey}));R(e?e.items:T)}),[M,j,T]),i.useUpdateEffect((function(){a.ObjectUtils.isNotEmpty(M)?(re(),ae()):(ie(),ue())}),[M]),i.useUpdateEffect((function(){if(F){var e=-1!==j.index?Me(j.index):G.current?Ke():Le();Te(e),G.current=!1,z(!1)}}),[F]),i.useUpdateEffect((function(){U(-1!==j.index?"".concat(m).concat(a.ObjectUtils.isNotEmpty(j.parentKey)?"_"+j.parentKey:"","_").concat(j.index):null)}),[j]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(W.current)})),f.useImperativeHandle(n,(function(){return{props:l,toggle:ce,getElement:function(){return V.current},getRootMenu:function(){return W.current},getMenuButton:function(){return q.current}}}));var Fe=function(){if(l.start){var e=a.ObjectUtils.getJSXElement(l.start,l),n=u({className:ne("start")},ee("start"));return f.createElement("div",n,e)}return null}(),ze=function(){if(l.end){var e=a.ObjectUtils.getJSXElement(l.end,l),n=u({className:ne("end")},ee("end"));return f.createElement("div",n,e)}return null}(),Je=function(){if(l.model&&l.model.length<1)return null;var e=u(y(y(y(y({ref:q,href:"#",tabIndex:"0","aria-haspopup":!!(v&&l.model&&l.model.lentgh>0),"aria-expanded":v,"aria-label":t.ariaLabel("navigation"),"aria-controls":m,role:"button"},"tabIndex",0),"className",ne("button")),"onKeyDown",(function(e){var n;("Enter"===(n=e).code||"Space"===n.code)&&ce(n)})),"onClick",(function(e){return ce(e)})),ee("button")),n=u(ee("popupIcon")),r=a.IconUtils.getJSXIcon(l.menuIcon||f.createElement(o.BarsIcon,n),N({},n),{props:l});return f.createElement("a",e,r)}(),Xe=f.createElement(P,{hostName:"Menubar",ariaActivedescendant:I?D:void 0,level:0,id:m,ref:W,menuProps:l,model:T,onLeafClick:function(e){var n=e.originalEvent,t=e.processedItem,r=be(t),i=a.ObjectUtils.isEmpty(t.parent);if(De(t)){var o=t.index,u=t.key,c=t.level,l=t.parentKey;A(M.filter((function(e){return u!==e.key&&u.startsWith(e.key)}))),S({index:o,level:c,parentKey:l}),r||Z(!i),setTimeout((function(){a.DomHandler.focus(W.current),r&&Z(!0)}),0)}else if(r)a.DomHandler.focus(W.current),ve({originalEvent:n,processedItem:t});else{var s=i?t:M.find((function(e){return""===e.parentKey})),m=s?s.index:-1;se(n),S({index:m,parentKey:s?s.parentKey:""}),g(!1)}},onItemMouseEnter:function(e){!v&&X&&ve(e)},onFocus:function(e){h(!0),S(-1!==j.index?j:{index:Le(),level:0,parentKey:""}),l.onFocus&&l.onFocus(e)},onBlur:function(e){h(!1),S({index:-1,level:0,parentKey:""}),Y.current="",Z(!1),l.onBlur&&l.onBlur(e)},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":ye(e);break;case"ArrowUp":ge(e);break;case"ArrowLeft":xe(e);break;case"ArrowRight":Ie(e);break;case"Home":he(e);break;case"End":Ee(e);break;case"Space":ke(e);break;case"Enter":Oe(e);break;case"Escape":je();break;case"Tab":Se(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&a.ObjectUtils.isPrintableCharacter(e.key)&&He(e,e.key)}},root:!0,activeItemPath:M,focusedItemId:I?D:void 0,submenuIcon:l.submenuIcon,ptm:ee,cx:ne}),Ze=u({id:l.id,ref:V,className:a.classNames(l.className,ne("root",{mobileActiveState:v})),style:l.style},k.getOtherProps(l),ee("root"));return f.createElement("div",Ze,Fe,Je,Xe,ze)})));return D.displayName="Menubar",e.Menubar=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.bars,primereact.utils,primereact.icons.angledown,primereact.icons.angleright,primereact.ripple);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "primereact",
-    "version": "10.3.3",
+    "version": "10.4.0",
     "private": false,
     "author": "PrimeTek Informatics",
     "description": "PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 370+ ready to use UI blocks to build spectacular applications in no time.",

package/panelmenu/panelmenu.cjs.js

@@ -147,19 +147,6 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-/* eslint-disable */
-var useUpdateEffect = function useUpdateEffect(fn, deps) {
-  var mounted = React__namespace.useRef(false);
-  return React__namespace.useEffect(function () {
-    if (!mounted.current) {
-      mounted.current = true;
-      return;
-    }
-    return fn && fn();
-  }, deps);
-};
-/* eslint-enable */
-
 var classes = {
   headerIcon: function headerIcon(_ref) {
     var item = _ref.item;
@@ -242,6 +229,19 @@ var PanelMenuBase = componentbase.ComponentBase.extend({
   }
 });
 
+/* eslint-disable */
+var useUpdateEffect = function useUpdateEffect(fn, deps) {
+  var mounted = React__namespace.useRef(false);
+  return React__namespace.useEffect(function () {
+    if (!mounted.current) {
+      mounted.current = true;
+      return;
+    }
+    return fn && fn();
+  }, deps);
+};
+/* eslint-enable */
+
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PanelMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
@@ -947,9 +947,13 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     return item ? utils.ObjectUtils.getItemValue(item[name]) : undefined;
   };
   var isItemActive = function isItemActive(item) {
-    return props.expandedKeys ? props.expandedKeys[getItemProp(item, 'key')] : props.multiple ? activeItemsState.some(function (subItem) {
-      return utils.ObjectUtils.equals(item, subItem);
-    }) : utils.ObjectUtils.equals(item, activeItemState);
+    if (props.expandedKeys) {
+      return props.expandedKeys[getItemProp(item, 'key')];
+    } else {
+      return props.multiple ? activeItemsState.some(function (subItem) {
+        return utils.ObjectUtils.equals(item, subItem);
+      }) : utils.ObjectUtils.equals(item, activeItemState);
+    }
   };
   var isItemVisible = function isItemVisible(item) {
     return getItemProp(item, 'visible') !== false;
@@ -1049,7 +1053,7 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   var changeActiveItem = function changeActiveItem(event, item) {
     if (!isItemDisabled(item)) {
       var active = isItemActive(item);
-      var isOpen = !active;
+      var isExpanded = !active;
       var _activeItemState = activeItemState && utils.ObjectUtils.equals(item, activeItemState) ? null : item;
       setActiveItemState(_activeItemState);
       if (props.multiple) {
@@ -1067,9 +1071,9 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       }
       changeExpandedKeys({
         item: item,
-        expanded: !active
+        expanded: isExpanded
       });
-      isOpen ? props.onOpen && props.onOpen({
+      isExpanded && event ? props.onOpen && props.onOpen({
         originalEvent: event,
         item: item
       }) : props.onClose && props.onClose({
@@ -1112,8 +1116,15 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   hooks.useMountEffect(function () {
     !idState && setIdState(utils.UniqueComponentId());
   });
-  useUpdateEffect(function () {
+  React__namespace.useEffect(function () {
     setAnimationDisabled(true);
+    props.model && props.model.forEach(function (item) {
+      if (item.expanded) {
+        changeActiveItem(null, item);
+        item.expanded = false;
+      }
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.model]);
   var onEnter = function onEnter() {
     setAnimationDisabled(false);
@@ -1123,7 +1134,7 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       return null;
     }
     var key = item.id || idState + '_' + index;
-    var active = isItemActive(item);
+    var active = isItemActive(item) || item.expanded;
     var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
     var headerIconProps = mergeProps({
       className: cx('headerIcon', {

package/panelmenu/panelmenu.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/csstransition"),a=require("primereact/hooks"),i=require("primereact/icons/chevrondown"),o=require("primereact/icons/chevronright"),l=require("primereact/utils");function c(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 u=c(e);function s(){return s=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},s.apply(this,arguments)}function m(e){return m="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},m(e)}function d(e,n){if("object"!==m(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function f(e){var n=d(e,"string");return"symbol"===m(n)?n:String(n)}function p(e,n,t){return(n=f(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function b(e){throw new TypeError('"'+e+'" is read-only')}function v(e){if(Array.isArray(e))return e}function y(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}function g(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 h(e,n){if(e){if("string"==typeof e)return g(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)?g(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 O(e,n){return v(e)||y(e,n)||h(e,n)||E()}var I=function(e,n){var t=u.useRef(!1);return u.useEffect((function(){if(t.current)return e&&e();t.current=!0}),n)},N=t.ComponentBase.extend({defaultProps:{__TYPE:"PanelMenu",id:null,model:null,style:null,submenuIcon:null,expandedKeys:null,className:null,onExpandedKeysChange:null,onOpen:null,onClose:null,multiple:!1,transitionOptions:null,children:void 0},css:{classes:{headerIcon:function(e){return l.classNames("p-menuitem-icon",e.item.icon)},headerSubmenuIcon:"p-submenu-icon",headerLabel:"p-menuitem-text",headerAction:"p-panelmenu-header-link",panel:function(e){return l.classNames("p-panelmenu-panel",e.item.className)},header:function(e){var n=e.item;return l.classNames("p-component p-panelmenu-header",{"p-highlight":e.active&&!!n.items,"p-disabled":n.disabled})},headerContent:"p-panelmenu-header-content",menuContent:"p-panelmenu-content",root:function(e){return l.classNames("p-panelmenu p-component",e.props.className)},separator:"p-menuitem-separator",toggleableContent:function(e){return l.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!e.active})},icon:function(e){return l.classNames("p-menuitem-icon",e.item.icon)},label:"p-menuitem-text",submenuicon:"p-submenu-icon",content:"p-menuitem-content",action:function(e){return l.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return l.classNames("p-menuitem",e.item.className,{"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-panelmenu-root-list",submenu:"p-submenu-list",transition:"p-toggleable-content"},styles:"\n@layer primereact {\n    .p-panelmenu .p-panelmenu-header-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        position: relative;\n        text-decoration: none;\n    }\n\n    .p-panelmenu .p-panelmenu-header-link:focus {\n        z-index: 1;\n    }\n\n    .p-panelmenu .p-submenu-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-panelmenu .p-menuitem-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        text-decoration: none;\n        text-decoration: none;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-panelmenu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n"}});function x(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 j(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?x(Object(t),!0).forEach((function(n){p(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):x(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=u.memo(u.forwardRef((function(e,n){var t=a.useMergeProps(),c=e.ptm,m=e.cx,d=u.useRef(null),f=function(n,t){return c(n,j({hostName:e.hostName},t))},p=function(e,n,t){return f(n,{context:{item:e,index:t,active:y(e),focused:E(e),disabled:h(e)}})},b=function(n){return"".concat(e.panelId,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?l.ObjectUtils.getItemValue(e.item[n],t):void 0},y=function(n){return e.activeItemPath&&e.activeItemPath.some((function(e){return e.key===n.key}))},g=function(e){return!1!==v(e,"visible")},h=function(e){return v(e,"disabled")},E=function(n){return e.focusedItemId===b(n)},O=function(e){return l.ObjectUtils.isNotEmpty(e.items)},I=function(e,n){v(n,"url")||e.preventDefault(),v(n,"command",{originalEvent:e,item:n.item}),N({processedItem:n,expanded:!y(n)})},N=function(n){e.onItemToggle(n)},x=function(n){return n-e.model.slice(0,n).filter((function(e){return g(e)&&v(e,"separator")})).length+1};u.useImperativeHandle(n,(function(){return{getElement:function(){return d.current}}}));var S=function(n){var r=e.id+"_sep_"+n,a=t({id:r,key:r,className:m("separator"),role:"separator"},f("separator"));return u.createElement("li",a)},w=function(n,a){var i=u.createRef(),o=t({className:m("toggleableContent",{active:a})},f("toggleableContent"));if(g(n)&&O(n)){var l=t({classNames:m("transition"),timeout:{enter:1e3,exit:450},in:a,unmountOnExit:!0},f("transition"));return u.createElement(r.CSSTransition,s({nodeRef:i},l),u.createElement("div",s({ref:i},o),u.createElement(k,{id:b(n)+"_list",role:"group",panelId:e.panelId,level:e.level+1,focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,onItemToggle:N,menuProps:e.menuProps,model:n.items,submenuIcon:e.submenuIcon,ptm:c,cx:m})))}return null},D=function(n,r){var a=n.item;if(!1===g(n))return null;var c=b(n),s=y(n),d=E(n),f=h(a),N=l.classNames("p-menuitem-link",{"p-disabled":a.disabled}),k=l.classNames("p-menuitem-icon",a.icon),S=t({className:m("icon",{item:a})},p(n,"icon",r)),D=l.IconUtils.getJSXIcon(a.icon,j({},S),{props:e.menuProps}),P=t({className:m("label")},p(n,"label",r)),C=a.label&&u.createElement("span",P,a.label),U=t({className:m("submenuicon")},p(n,"submenuicon",r)),H=a.items&&l.IconUtils.getJSXIcon(s?e.submenuIcon||u.createElement(i.ChevronDownIcon,U):e.submenuIcon||u.createElement(o.ChevronRightIcon,U)),K=w(n,s),T=t({href:a.url||"#",className:m("action",{item:a}),target:a.target,onFocus:function(e){return e.stopPropagation()},tabIndex:"-1","aria-hidden":!0},p(n,"action",r)),A=u.createElement("a",T,H,D,C);a.template&&(A=l.ObjectUtils.getJSXElement(a.template,a,{className:N,labelClassName:"p-menuitem-text",iconClassName:k,submenuIconClassName:"p-panelmenu-icon",element:A,props:e,leaf:!a.items,active:s}));var R=t({onClick:function(e){return I(e,n)},className:m("content")},p(n,"content",r)),_=t({key:c,id:c,className:m("menuitem",{item:a,focused:d,disabled:f}),style:a.style,role:"treeitem","aria-label":a.label,"aria-expanded":O(a)?s:void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return g(e)&&!v(e,"separator")})).length,"aria-posinset":x(r),"data-p-focused":d,"data-p-disabled":f},p(n,"menuitem",r));return u.createElement("li",_,u.createElement("div",R,A),K)},P=e.model?e.model.map((function(e,n){return v(e,"separator")?S(n):D(e,n)})):null,C=e.root?"menu":"submenu",U=t({id:e.id,ref:d,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,"aria-activedescendant":e.ariaActivedescendant,role:e.role,className:l.classNames(m(C),e.className)},c(C));return u.createElement("ul",U,P)})));k.displayName="PanelMenuSub";var S=u.memo((function(e){var n=e.ptm,t=e.cx,r=O(u.useState(!1),2),a=r[0],i=r[1],o=O(u.useState(null),2),c=o[0],s=o[1],m=O(u.useState(null),2),d=m[0],f=m[1],p=O(u.useState([]),2),b=p[0],v=p[1],y=O(u.useState(null),2),g=y[0],h=y[1],E=O(u.useState([]),2),N=E[0],x=E[1],j=u.useRef(null),S=u.useRef(null),w=u.useRef(null),D=function(e,n){return e&&e.item?l.ObjectUtils.getItemValue(e.item[n]):void 0},P=function(e){return D(e,"label")},C=function(e){return!1!==D(e,"visible")},U=function(e){return D(e,"disabled")},H=function(e){return b&&b.some((function(n){return n.key===e.parentKey}))},K=function(){return w.current&&w.current.getElement()},T=function(e){var n=l.ObjectUtils.isNotEmpty(c)?Y(c):z();Q({originalEvent:e,processedItem:n,focusOnNext:!0}),e.preventDefault()},A=function(e){var n=l.ObjectUtils.isNotEmpty(c)?$(c):W();Q({originalEvent:e,processedItem:n,selfCheck:!0}),e.preventDefault()},R=function(e){l.ObjectUtils.isNotEmpty(c)&&(b.some((function(e){return e.key===c.key}))?v(b.filter((function(e){return e.key!==c.key}))):s(l.ObjectUtils.isNotEmpty(c.parent)?c.parent:c),e.preventDefault())},_=function(e){if(l.ObjectUtils.isNotEmpty(c)){if(l.ObjectUtils.isNotEmpty(c.items))if(b.some((function(e){return e.key===c.key})))T(e);else{var n=b.filter((function(e){return e.parentKey!==c.parentKey}));n.push(c),v(n)}e.preventDefault()}},q=function(e){Q({originalEvent:e,processedItem:z(),allowHeaderFocus:!1}),e.preventDefault()},M=function(e){Q({originalEvent:e,processedItem:W(),focusOnNext:!0,allowHeaderFocus:!1}),e.preventDefault()},L=function(e){if(l.ObjectUtils.isNotEmpty(c)){var n=l.DomHandler.findSingle(K(),'li[id="'.concat("".concat(d),'"]')),t=n&&(l.DomHandler.findSingle(n,'[data-pc-section="action"]')||l.DomHandler.findSingle(n,"a,button"));t?t.click():n&&n.click()}e.preventDefault()},F=function(e){L(e)},J=function(e,n){var t=e.currentTarget.closest('[data-pc-section="panel"]');return t&&t.contains(n)},X=function(e){return V(e)&&P(e).toLocaleLowerCase().startsWith(j.current.toLocaleLowerCase())},B=function(e){return!!e&&(0===e.level||H(e))&&C(e)},V=function(e){return!!e&&!U(e)&&!D(e,"separator")},z=function(){return N.find((function(e){return V(e)}))},W=function(){return l.ObjectUtils.findLast(N,(function(e){return V(e)}))},Y=function(e){var n=N.findIndex((function(n){return n.key===e.key}));return(n<N.length-1?N.slice(n+1).find((function(e){return V(e)})):void 0)||e},$=function(e){var n=N.findIndex((function(n){return n.key===e.key}));return(n>0?l.ObjectUtils.findLast(N.slice(0,n),(function(e){return V(e)})):void 0)||e},G=function(e,n){j.current=(j.current||"")+n;var t=null,r=!1;if(l.ObjectUtils.isNotEmpty(c)){var a=N.findIndex((function(e){return e.key===c.key}));t=N.slice(a).find((function(e){return X(e)})),t=l.ObjectUtils.isEmpty(t)?N.slice(0,a).find((function(e){return X(e)})):t}else t=N.find((function(e){return X(e)}));return l.ObjectUtils.isNotEmpty(t)&&(r=!0),l.ObjectUtils.isEmpty(t)&&l.ObjectUtils.isEmpty(c)&&(t=z()),l.ObjectUtils.isNotEmpty(t)&&Q({originalEvent:e,processedItem:t,allowHeaderFocus:!1}),S&&clearTimeout(S.current),S.current=setTimeout((function(){j.current="",S.currentt=null}),500),r},Q=function(n){var t=n.originalEvent,r=n.processedItem,a=n.focusOnNext,i=n.selfCheck,o=n.allowHeaderFocus,u=void 0===o||o;l.ObjectUtils.isNotEmpty(c)&&c.key!==r.key?(s(r),Z()):u&&e.onHeaderFocus&&e.onHeaderFocus({originalEvent:t,focusOnNext:a,selfCheck:i})},Z=function(){var e=l.DomHandler.findSingle(K(),'li[id="'.concat("".concat(d),'"]'));e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},ee=function n(t,r){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=r||0===a&&e.model;if(!i)return null;for(var o=0;o<i.length;o++){var l=i[o];if((D(l,"key")||l.key)===t)return l;var c=n(t,l.items,a+1);if(c)return c}},ne=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=[];return n&&n.forEach((function(n,o){var l=n.key?n.key:(""!==a?a+"_":"")+o,c={item:n,index:o,level:t,key:l,parent:r,parentKey:a};c.items=e(n.items,t+1,c,l),i.push(c)})),i},te=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return n&&n.forEach((function(n){B(n)&&(t.push(n),e(n.items,t))})),t};return u.useEffect((function(){var n=ne(e.model);h(n)}),[e.model]),u.useEffect((function(){var e=te(g);x(e)}),[g,b]),u.useEffect((function(){var n;n=Object.entries(e.expandedKeys||{}).reduce((function(e,n){var t=O(n,2);if(t[1]){var r=ee(t[0]);r&&e.push(r)}return e}),[]),v(n)}),[e.expandedKeys]),I((function(){var n=l.ObjectUtils.isNotEmpty(c)?"".concat(e.panelId,"_").concat(c.key):null;f(n)}),[e.panelId,c]),u.createElement(k,{hostName:"PanelMenu",id:e.panelId+"_list",ref:w,role:"tree",tabIndex:-1,ariaActivedescendant:a?d:void 0,panelId:e.panelId,focusedItemId:a?d:void 0,model:g,activeItemPath:b,menuProps:e.menuProps,onFocus:function(e){i(!0);var n=c||(J(e,e.relatedTarget)?z():W());s(n)},onBlur:function(){i(!1),s(null),j.current=""},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":T(e);break;case"ArrowUp":A(e);break;case"ArrowLeft":R(e);break;case"ArrowRight":_(e);break;case"Home":q(e);break;case"End":M(e);break;case"Space":F(e);break;case"Enter":case"NumpadEnter":L(e);break;case"Escape":case"Tab":case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&l.ObjectUtils.isPrintableCharacter(e.key)&&G(e,e.key)}},onItemToggle:function(n){var t=n.processedItem,r=n.expanded;if(e.expandedKeys)e.onToggle&&e.onToggle({item:t.item,expanded:r});else{var a=b.filter((function(e){return e.parentKey!==t.parentKey}));r&&a.push(t),v(a)}l.DomHandler.focus(K()),s(t)},level:0,className:t("submenu"),submenuIcon:e.submenuIcon,root:!0,ptm:n,cx:t})}));function w(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 D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){p(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}S.displayName="PanelMenuList";var P=u.memo(u.forwardRef((function(e,c){var m=a.useMergeProps(),d=u.useContext(n.PrimeReactContext),f=N.getProps(e,d),p=O(u.useState(f.id),2),v=p[0],y=p[1],g=O(u.useState(null),2),h=g[0],E=g[1],x=O(u.useState([]),2),j=x[0],k=x[1],w=O(u.useState(!1),2),P=w[1],C=u.useRef(null),U=N.setMetaData({props:f,state:{id:v,activeItem:h}}),H=U.ptm,K=U.cx;t.useHandleStyle(N.css.styles,U.isUnstyled,{name:"panelmenu"});var T=function(e,n){n.disabled?e.preventDefault():(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),n.items&&ne(e,n))},A=function(e,n){return e?l.ObjectUtils.getItemValue(e[n]):void 0},R=function(e){return f.expandedKeys?f.expandedKeys[A(e,"key")]:f.multiple?j.some((function(n){return l.ObjectUtils.equals(e,n)})):l.ObjectUtils.equals(e,h)},_=function(e){return!1!==A(e,"visible")},q=function(e){return A(e,"disabled")},M=function(e){return l.ObjectUtils.equals(e,h)},L=function(e){return"".concat(v,"_").concat(e)},F=function(e){return"".concat(L(e),"_header")},J=function(e){return"".concat(L(e),"_content")},X=function(e,n){switch(e.code){case"ArrowDown":B(e);break;case"ArrowUp":V(e);break;case"Home":z(e);break;case"End":W(e);break;case"Enter":case"NumpadEnter":case"Space":Y(e,n)}},B=function(e){var n=!0===l.DomHandler.getAttribute(e.currentTarget,"data-p-highlight")?l.DomHandler.findSingle(e.currentTarget.nextElementSibling,'[data-pc-section="menu"]'):null;n?l.DomHandler.focus(n):ee({originalEvent:e,focusOnNext:!0}),e.preventDefault()},V=function(e){var n=G(e.currentTarget.parentElement)||Z(),t=!0===l.DomHandler.getAttribute(n,"data-p-highlight")?l.DomHandler.findSingle(n.nextElementSibling,'[data-pc-section="menu"]'):null;t?l.DomHandler.focus(t):ee({originalEvent:e,focusOnNext:!1}),e.preventDefault()},z=function(e){re(e,Q()),e.preventDefault()},W=function(e){re(e,Z()),e.preventDefault()},Y=function(e,n){var t=l.DomHandler.findSingle(e.currentTarget,'[data-pc-section="headeraction"]');t?t.click():T(e,n),e.preventDefault()},$=function e(n){var t=l.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?n:n.nextElementSibling,'[data-pc-section="header"]');return t?l.DomHandler.getAttribute(t,"data-p-disabled")?e(t.parentElement):t:null},G=function e(n){var t=l.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?n:n.previousElementSibling,'[data-pc-section="header"]');return t?l.DomHandler.getAttribute(t,"data-p-disabled")?e(t.parentElement):t:null},Q=function(){return $(C.current.firstElementChild,!0)},Z=function(){return G(C.current.lastElementChild,!0)},ee=function(e){var n=e.originalEvent,t=e.focusOnNext,r=e.selfCheck,a=n.currentTarget.closest('[data-pc-section="panel"]'),i=r?l.DomHandler.findSingle(a,'[data-pc-section="header"]'):t?$(a):G(a);i?re(n,i):t?z(n):W(n)},ne=function(e,n){if(!q(n)){var t=R(n),r=!t,a=h&&l.ObjectUtils.equals(n,h)?null:n;if(E(a),f.multiple){var i=j;j.some((function(e){return l.ObjectUtils.equals(n,e)}))?(j.filter((function(e){return!l.ObjectUtils.equals(n,e)})),b("activeItems")):i.push(n),k(i)}te({item:n,expanded:!t}),r?f.onOpen&&f.onOpen({originalEvent:e,item:n}):f.onClose&&f.onClose({originalEvent:e,item:n})}},te=function(e){var n=e.item,t=e.expanded,r=void 0!==t&&t;if(f.expandedKeys){var a=D({},f.expandedKeys);r?a[n.key]=!0:delete a[n.key],f.onExpandedKeysChange&&f.onExpandedKeysChange(a)}},re=function(e,n){n&&l.DomHandler.focus(n)},ae=function(e,n,t){return H(n,{context:{active:R(e),focused:M(e),disabled:q(e),index:t}})};u.useImperativeHandle(c,(function(){return{props:f,getElement:function(){return C.current}}})),a.useMountEffect((function(){!v&&y(l.UniqueComponentId())})),I((function(){P(!0)}),[f.model]);var ie=function(){P(!1)},oe=f.model?f.model.map((function(e,n){if(!_(e))return null;var t=e.id||v+"_"+n,a=R(e),c=l.classNames("p-menuitem-icon",e.icon),d=m({className:K("headerIcon",{item:e})},ae(e,"headerIcon",n)),p=l.IconUtils.getJSXIcon(e.icon,D({},d),{props:f}),b=m({className:K("headerSubmenuIcon")},ae(e,"headerSubmenuIcon",n)),y=e.items&&l.IconUtils.getJSXIcon(a?f.submenuIcon||u.createElement(i.ChevronDownIcon,b):f.submenuIcon||u.createElement(o.ChevronRightIcon,b)),g=m({className:K("headerLabel")},ae(e,"headerLabel",n)),h=e.label&&u.createElement("span",g,e.label),E=u.createRef(),O=m({href:e.url||"#",className:K("headerAction"),tabIndex:"-1"},ae(e,"headerAction",n)),I=u.createElement("a",O,y,p,h);e.template&&(I=l.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return T(n,e)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:"p-panelmenu-icon",iconClassName:c,element:I,props:f,leaf:!e.items,active:a}));var N=m({key:t,className:K("panel",{item:e}),style:e.style},ae(e,"panel",n)),x=m({id:F(n),className:K("header",{active:a,item:e}),"aria-label":e.label,"aria-expanded":a,"aria-disabled":e.disabled,"aria-controls":J(n),tabIndex:e.disabled?null:"0",onClick:function(n){return T(n,e)},onKeyDown:function(n){return X(n,e)},"data-p-disabled":e.disabled,"data-p-highlight":a,role:"button",style:e.style},ae(e,"header",n)),j=m({className:K("headerContent")},ae(e,"headerContent",n)),k=m({className:K("menuContent")},ae(e,"menuContent",n)),w=m({className:K("toggleableContent",{active:a}),role:"region","aria-labelledby":F(n)},ae(e,"toggleableContent",n)),P=m({classNames:K("transition"),timeout:{enter:1e3,exit:450},onEnter:ie,in:a,unmountOnExit:!0,options:f.transitionOptions},ae(e,"transition",n));return u.createElement("div",N,u.createElement("div",x,u.createElement("div",j,I)),u.createElement(r.CSSTransition,s({nodeRef:E},P),u.createElement("div",s({id:J(n),ref:E},w),u.createElement("div",k,u.createElement(S,{panelId:L(n),menuProps:f,onToggle:te,onHeaderFocus:ee,level:0,model:e.items,expandedKeys:f.expandedKeys,className:"p-panelmenu-root-submenu",submenuIcon:f.submenuIcon,ptm:H,cx:K})))))})):null,le=m({ref:C,className:K("root"),id:f.id,style:f.style},N.getOtherProps(f),H("root"));return u.createElement("div",le,oe)})));P.displayName="PanelMenu",exports.PanelMenu=P;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),a=require("primereact/hooks"),i=require("primereact/icons/chevrondown"),o=require("primereact/icons/chevronright"),l=require("primereact/utils");function c(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 u=c(e);function s(){return s=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},s.apply(this,arguments)}function m(e){return m="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},m(e)}function d(e,n){if("object"!==m(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function f(e){var n=d(e,"string");return"symbol"===m(n)?n:String(n)}function p(e,n,t){return(n=f(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function b(e){throw new TypeError('"'+e+'" is read-only')}function v(e){if(Array.isArray(e))return e}function y(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}function g(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 h(e,n){if(e){if("string"==typeof e)return g(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)?g(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 O(e,n){return v(e)||y(e,n)||h(e,n)||E()}var I=t.ComponentBase.extend({defaultProps:{__TYPE:"PanelMenu",id:null,model:null,style:null,submenuIcon:null,expandedKeys:null,className:null,onExpandedKeysChange:null,onOpen:null,onClose:null,multiple:!1,transitionOptions:null,children:void 0},css:{classes:{headerIcon:function(e){return l.classNames("p-menuitem-icon",e.item.icon)},headerSubmenuIcon:"p-submenu-icon",headerLabel:"p-menuitem-text",headerAction:"p-panelmenu-header-link",panel:function(e){return l.classNames("p-panelmenu-panel",e.item.className)},header:function(e){var n=e.item;return l.classNames("p-component p-panelmenu-header",{"p-highlight":e.active&&!!n.items,"p-disabled":n.disabled})},headerContent:"p-panelmenu-header-content",menuContent:"p-panelmenu-content",root:function(e){return l.classNames("p-panelmenu p-component",e.props.className)},separator:"p-menuitem-separator",toggleableContent:function(e){return l.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!e.active})},icon:function(e){return l.classNames("p-menuitem-icon",e.item.icon)},label:"p-menuitem-text",submenuicon:"p-submenu-icon",content:"p-menuitem-content",action:function(e){return l.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return l.classNames("p-menuitem",e.item.className,{"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-panelmenu-root-list",submenu:"p-submenu-list",transition:"p-toggleable-content"},styles:"\n@layer primereact {\n    .p-panelmenu .p-panelmenu-header-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        position: relative;\n        text-decoration: none;\n    }\n\n    .p-panelmenu .p-panelmenu-header-link:focus {\n        z-index: 1;\n    }\n\n    .p-panelmenu .p-submenu-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-panelmenu .p-menuitem-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        text-decoration: none;\n        text-decoration: none;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-panelmenu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n"}});function N(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 x(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?N(Object(t),!0).forEach((function(n){p(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var j=u.memo(u.forwardRef((function(e,n){var t=a.useMergeProps(),c=e.ptm,m=e.cx,d=u.useRef(null),f=function(n,t){return c(n,x({hostName:e.hostName},t))},p=function(e,n,t){return f(n,{context:{item:e,index:t,active:y(e),focused:E(e),disabled:h(e)}})},b=function(n){return"".concat(e.panelId,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?l.ObjectUtils.getItemValue(e.item[n],t):void 0},y=function(n){return e.activeItemPath&&e.activeItemPath.some((function(e){return e.key===n.key}))},g=function(e){return!1!==v(e,"visible")},h=function(e){return v(e,"disabled")},E=function(n){return e.focusedItemId===b(n)},O=function(e){return l.ObjectUtils.isNotEmpty(e.items)},I=function(e,n){v(n,"url")||e.preventDefault(),v(n,"command",{originalEvent:e,item:n.item}),N({processedItem:n,expanded:!y(n)})},N=function(n){e.onItemToggle(n)},k=function(n){return n-e.model.slice(0,n).filter((function(e){return g(e)&&v(e,"separator")})).length+1};u.useImperativeHandle(n,(function(){return{getElement:function(){return d.current}}}));var S=function(n){var r=e.id+"_sep_"+n,a=t({id:r,key:r,className:m("separator"),role:"separator"},f("separator"));return u.createElement("li",a)},w=function(n,a){var i=u.createRef(),o=t({className:m("toggleableContent",{active:a})},f("toggleableContent"));if(g(n)&&O(n)){var l=t({classNames:m("transition"),timeout:{enter:1e3,exit:450},in:a,unmountOnExit:!0},f("transition"));return u.createElement(r.CSSTransition,s({nodeRef:i},l),u.createElement("div",s({ref:i},o),u.createElement(j,{id:b(n)+"_list",role:"group",panelId:e.panelId,level:e.level+1,focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,onItemToggle:N,menuProps:e.menuProps,model:n.items,submenuIcon:e.submenuIcon,ptm:c,cx:m})))}return null},D=function(n,r){var a=n.item;if(!1===g(n))return null;var c=b(n),s=y(n),d=E(n),f=h(a),N=l.classNames("p-menuitem-link",{"p-disabled":a.disabled}),j=l.classNames("p-menuitem-icon",a.icon),S=t({className:m("icon",{item:a})},p(n,"icon",r)),D=l.IconUtils.getJSXIcon(a.icon,x({},S),{props:e.menuProps}),P=t({className:m("label")},p(n,"label",r)),C=a.label&&u.createElement("span",P,a.label),U=t({className:m("submenuicon")},p(n,"submenuicon",r)),H=a.items&&l.IconUtils.getJSXIcon(s?e.submenuIcon||u.createElement(i.ChevronDownIcon,U):e.submenuIcon||u.createElement(o.ChevronRightIcon,U)),K=w(n,s),T=t({href:a.url||"#",className:m("action",{item:a}),target:a.target,onFocus:function(e){return e.stopPropagation()},tabIndex:"-1","aria-hidden":!0},p(n,"action",r)),A=u.createElement("a",T,H,D,C);a.template&&(A=l.ObjectUtils.getJSXElement(a.template,a,{className:N,labelClassName:"p-menuitem-text",iconClassName:j,submenuIconClassName:"p-panelmenu-icon",element:A,props:e,leaf:!a.items,active:s}));var R=t({onClick:function(e){return I(e,n)},className:m("content")},p(n,"content",r)),_=t({key:c,id:c,className:m("menuitem",{item:a,focused:d,disabled:f}),style:a.style,role:"treeitem","aria-label":a.label,"aria-expanded":O(a)?s:void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return g(e)&&!v(e,"separator")})).length,"aria-posinset":k(r),"data-p-focused":d,"data-p-disabled":f},p(n,"menuitem",r));return u.createElement("li",_,u.createElement("div",R,A),K)},P=e.model?e.model.map((function(e,n){return v(e,"separator")?S(n):D(e,n)})):null,C=e.root?"menu":"submenu",U=t({id:e.id,ref:d,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,"aria-activedescendant":e.ariaActivedescendant,role:e.role,className:l.classNames(m(C),e.className)},c(C));return u.createElement("ul",U,P)})));j.displayName="PanelMenuSub";var k=u.memo((function(e){var n,t,r,a=e.ptm,i=e.cx,o=O(u.useState(!1),2),c=o[0],s=o[1],m=O(u.useState(null),2),d=m[0],f=m[1],p=O(u.useState(null),2),b=p[0],v=p[1],y=O(u.useState([]),2),g=y[0],h=y[1],E=O(u.useState(null),2),I=E[0],N=E[1],x=O(u.useState([]),2),k=x[0],S=x[1],w=u.useRef(null),D=u.useRef(null),P=u.useRef(null),C=function(e,n){return e&&e.item?l.ObjectUtils.getItemValue(e.item[n]):void 0},U=function(e){return C(e,"label")},H=function(e){return!1!==C(e,"visible")},K=function(e){return C(e,"disabled")},T=function(e){return g&&g.some((function(n){return n.key===e.parentKey}))},A=function(){return P.current&&P.current.getElement()},R=function(e){var n=l.ObjectUtils.isNotEmpty(d)?G(d):Y();ee({originalEvent:e,processedItem:n,focusOnNext:!0}),e.preventDefault()},_=function(e){var n=l.ObjectUtils.isNotEmpty(d)?Q(d):$();ee({originalEvent:e,processedItem:n,selfCheck:!0}),e.preventDefault()},q=function(e){l.ObjectUtils.isNotEmpty(d)&&(g.some((function(e){return e.key===d.key}))?h(g.filter((function(e){return e.key!==d.key}))):f(l.ObjectUtils.isNotEmpty(d.parent)?d.parent:d),e.preventDefault())},M=function(e){if(l.ObjectUtils.isNotEmpty(d)){if(l.ObjectUtils.isNotEmpty(d.items))if(g.some((function(e){return e.key===d.key})))R(e);else{var n=g.filter((function(e){return e.parentKey!==d.parentKey}));n.push(d),h(n)}e.preventDefault()}},L=function(e){ee({originalEvent:e,processedItem:Y(),allowHeaderFocus:!1}),e.preventDefault()},F=function(e){ee({originalEvent:e,processedItem:$(),focusOnNext:!0,allowHeaderFocus:!1}),e.preventDefault()},J=function(e){if(l.ObjectUtils.isNotEmpty(d)){var n=l.DomHandler.findSingle(A(),'li[id="'.concat("".concat(b),'"]')),t=n&&(l.DomHandler.findSingle(n,'[data-pc-section="action"]')||l.DomHandler.findSingle(n,"a,button"));t?t.click():n&&n.click()}e.preventDefault()},X=function(e){J(e)},B=function(e,n){var t=e.currentTarget.closest('[data-pc-section="panel"]');return t&&t.contains(n)},V=function(e){return W(e)&&U(e).toLocaleLowerCase().startsWith(w.current.toLocaleLowerCase())},z=function(e){return!!e&&(0===e.level||T(e))&&H(e)},W=function(e){return!!e&&!K(e)&&!C(e,"separator")},Y=function(){return k.find((function(e){return W(e)}))},$=function(){return l.ObjectUtils.findLast(k,(function(e){return W(e)}))},G=function(e){var n=k.findIndex((function(n){return n.key===e.key}));return(n<k.length-1?k.slice(n+1).find((function(e){return W(e)})):void 0)||e},Q=function(e){var n=k.findIndex((function(n){return n.key===e.key}));return(n>0?l.ObjectUtils.findLast(k.slice(0,n),(function(e){return W(e)})):void 0)||e},Z=function(e,n){w.current=(w.current||"")+n;var t=null,r=!1;if(l.ObjectUtils.isNotEmpty(d)){var a=k.findIndex((function(e){return e.key===d.key}));t=k.slice(a).find((function(e){return V(e)})),t=l.ObjectUtils.isEmpty(t)?k.slice(0,a).find((function(e){return V(e)})):t}else t=k.find((function(e){return V(e)}));return l.ObjectUtils.isNotEmpty(t)&&(r=!0),l.ObjectUtils.isEmpty(t)&&l.ObjectUtils.isEmpty(d)&&(t=Y()),l.ObjectUtils.isNotEmpty(t)&&ee({originalEvent:e,processedItem:t,allowHeaderFocus:!1}),D&&clearTimeout(D.current),D.current=setTimeout((function(){w.current="",D.currentt=null}),500),r},ee=function(n){var t=n.originalEvent,r=n.processedItem,a=n.focusOnNext,i=n.selfCheck,o=n.allowHeaderFocus,c=void 0===o||o;l.ObjectUtils.isNotEmpty(d)&&d.key!==r.key?(f(r),ne()):c&&e.onHeaderFocus&&e.onHeaderFocus({originalEvent:t,focusOnNext:a,selfCheck:i})},ne=function(){var e=l.DomHandler.findSingle(A(),'li[id="'.concat("".concat(b),'"]'));e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},te=function n(t,r){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=r||0===a&&e.model;if(!i)return null;for(var o=0;o<i.length;o++){var l=i[o];if((C(l,"key")||l.key)===t)return l;var c=n(t,l.items,a+1);if(c)return c}},re=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=[];return n&&n.forEach((function(n,o){var l=n.key?n.key:(""!==a?a+"_":"")+o,c={item:n,index:o,level:t,key:l,parent:r,parentKey:a};c.items=e(n.items,t+1,c,l),i.push(c)})),i},ae=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return n&&n.forEach((function(n){z(n)&&(t.push(n),e(n.items,t))})),t};return u.useEffect((function(){var n=re(e.model);N(n)}),[e.model]),u.useEffect((function(){var e=ae(I);S(e)}),[I,g]),u.useEffect((function(){var n;n=Object.entries(e.expandedKeys||{}).reduce((function(e,n){var t=O(n,2);if(t[1]){var r=te(t[0]);r&&e.push(r)}return e}),[]),h(n)}),[e.expandedKeys]),n=function(){var n=l.ObjectUtils.isNotEmpty(d)?"".concat(e.panelId,"_").concat(d.key):null;v(n)},t=[e.panelId,d],r=u.useRef(!1),u.useEffect((function(){if(r.current)return n&&n();r.current=!0}),t),u.createElement(j,{hostName:"PanelMenu",id:e.panelId+"_list",ref:P,role:"tree",tabIndex:-1,ariaActivedescendant:c?b:void 0,panelId:e.panelId,focusedItemId:c?b:void 0,model:I,activeItemPath:g,menuProps:e.menuProps,onFocus:function(e){s(!0);var n=d||(B(e,e.relatedTarget)?Y():$());f(n)},onBlur:function(){s(!1),f(null),w.current=""},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":R(e);break;case"ArrowUp":_(e);break;case"ArrowLeft":q(e);break;case"ArrowRight":M(e);break;case"Home":L(e);break;case"End":F(e);break;case"Space":X(e);break;case"Enter":case"NumpadEnter":J(e);break;case"Escape":case"Tab":case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&l.ObjectUtils.isPrintableCharacter(e.key)&&Z(e,e.key)}},onItemToggle:function(n){var t=n.processedItem,r=n.expanded;if(e.expandedKeys)e.onToggle&&e.onToggle({item:t.item,expanded:r});else{var a=g.filter((function(e){return e.parentKey!==t.parentKey}));r&&a.push(t),h(a)}l.DomHandler.focus(A()),f(t)},level:0,className:i("submenu"),submenuIcon:e.submenuIcon,root:!0,ptm:a,cx:i})}));function S(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?S(Object(t),!0).forEach((function(n){p(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}k.displayName="PanelMenuList";var D=u.memo(u.forwardRef((function(e,c){var m=a.useMergeProps(),d=u.useContext(n.PrimeReactContext),f=I.getProps(e,d),p=O(u.useState(f.id),2),v=p[0],y=p[1],g=O(u.useState(null),2),h=g[0],E=g[1],N=O(u.useState([]),2),x=N[0],j=N[1],S=O(u.useState(!1),2),D=S[1],P=u.useRef(null),C=I.setMetaData({props:f,state:{id:v,activeItem:h}}),U=C.ptm,H=C.cx;t.useHandleStyle(I.css.styles,C.isUnstyled,{name:"panelmenu"});var K=function(e,n){n.disabled?e.preventDefault():(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),n.items&&ee(e,n))},T=function(e,n){return e?l.ObjectUtils.getItemValue(e[n]):void 0},A=function(e){return f.expandedKeys?f.expandedKeys[T(e,"key")]:f.multiple?x.some((function(n){return l.ObjectUtils.equals(e,n)})):l.ObjectUtils.equals(e,h)},R=function(e){return!1!==T(e,"visible")},_=function(e){return T(e,"disabled")},q=function(e){return l.ObjectUtils.equals(e,h)},M=function(e){return"".concat(v,"_").concat(e)},L=function(e){return"".concat(M(e),"_header")},F=function(e){return"".concat(M(e),"_content")},J=function(e,n){switch(e.code){case"ArrowDown":X(e);break;case"ArrowUp":B(e);break;case"Home":V(e);break;case"End":z(e);break;case"Enter":case"NumpadEnter":case"Space":W(e,n)}},X=function(e){var n=!0===l.DomHandler.getAttribute(e.currentTarget,"data-p-highlight")?l.DomHandler.findSingle(e.currentTarget.nextElementSibling,'[data-pc-section="menu"]'):null;n?l.DomHandler.focus(n):Z({originalEvent:e,focusOnNext:!0}),e.preventDefault()},B=function(e){var n=$(e.currentTarget.parentElement)||Q(),t=!0===l.DomHandler.getAttribute(n,"data-p-highlight")?l.DomHandler.findSingle(n.nextElementSibling,'[data-pc-section="menu"]'):null;t?l.DomHandler.focus(t):Z({originalEvent:e,focusOnNext:!1}),e.preventDefault()},V=function(e){te(e,G()),e.preventDefault()},z=function(e){te(e,Q()),e.preventDefault()},W=function(e,n){var t=l.DomHandler.findSingle(e.currentTarget,'[data-pc-section="headeraction"]');t?t.click():K(e,n),e.preventDefault()},Y=function e(n){var t=l.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?n:n.nextElementSibling,'[data-pc-section="header"]');return t?l.DomHandler.getAttribute(t,"data-p-disabled")?e(t.parentElement):t:null},$=function e(n){var t=l.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?n:n.previousElementSibling,'[data-pc-section="header"]');return t?l.DomHandler.getAttribute(t,"data-p-disabled")?e(t.parentElement):t:null},G=function(){return Y(P.current.firstElementChild,!0)},Q=function(){return $(P.current.lastElementChild,!0)},Z=function(e){var n=e.originalEvent,t=e.focusOnNext,r=e.selfCheck,a=n.currentTarget.closest('[data-pc-section="panel"]'),i=r?l.DomHandler.findSingle(a,'[data-pc-section="header"]'):t?Y(a):$(a);i?te(n,i):t?V(n):z(n)},ee=function(e,n){if(!_(n)){var t=!A(n),r=h&&l.ObjectUtils.equals(n,h)?null:n;if(E(r),f.multiple){var a=x;x.some((function(e){return l.ObjectUtils.equals(n,e)}))?(x.filter((function(e){return!l.ObjectUtils.equals(n,e)})),b("activeItems")):a.push(n),j(a)}ne({item:n,expanded:t}),t&&e?f.onOpen&&f.onOpen({originalEvent:e,item:n}):f.onClose&&f.onClose({originalEvent:e,item:n})}},ne=function(e){var n=e.item,t=e.expanded,r=void 0!==t&&t;if(f.expandedKeys){var a=w({},f.expandedKeys);r?a[n.key]=!0:delete a[n.key],f.onExpandedKeysChange&&f.onExpandedKeysChange(a)}},te=function(e,n){n&&l.DomHandler.focus(n)},re=function(e,n,t){return U(n,{context:{active:A(e),focused:q(e),disabled:_(e),index:t}})};u.useImperativeHandle(c,(function(){return{props:f,getElement:function(){return P.current}}})),a.useMountEffect((function(){!v&&y(l.UniqueComponentId())})),u.useEffect((function(){D(!0),f.model&&f.model.forEach((function(e){e.expanded&&(ee(null,e),e.expanded=!1)}))}),[f.model]);var ae=function(){D(!1)},ie=f.model?f.model.map((function(e,n){if(!R(e))return null;var t=e.id||v+"_"+n,a=A(e)||e.expanded,c=l.classNames("p-menuitem-icon",e.icon),d=m({className:H("headerIcon",{item:e})},re(e,"headerIcon",n)),p=l.IconUtils.getJSXIcon(e.icon,w({},d),{props:f}),b=m({className:H("headerSubmenuIcon")},re(e,"headerSubmenuIcon",n)),y=e.items&&l.IconUtils.getJSXIcon(a?f.submenuIcon||u.createElement(i.ChevronDownIcon,b):f.submenuIcon||u.createElement(o.ChevronRightIcon,b)),g=m({className:H("headerLabel")},re(e,"headerLabel",n)),h=e.label&&u.createElement("span",g,e.label),E=u.createRef(),O=m({href:e.url||"#",className:H("headerAction"),tabIndex:"-1"},re(e,"headerAction",n)),I=u.createElement("a",O,y,p,h);e.template&&(I=l.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return K(n,e)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:"p-panelmenu-icon",iconClassName:c,element:I,props:f,leaf:!e.items,active:a}));var N=m({key:t,className:H("panel",{item:e}),style:e.style},re(e,"panel",n)),x=m({id:L(n),className:H("header",{active:a,item:e}),"aria-label":e.label,"aria-expanded":a,"aria-disabled":e.disabled,"aria-controls":F(n),tabIndex:e.disabled?null:"0",onClick:function(n){return K(n,e)},onKeyDown:function(n){return J(n,e)},"data-p-disabled":e.disabled,"data-p-highlight":a,role:"button",style:e.style},re(e,"header",n)),j=m({className:H("headerContent")},re(e,"headerContent",n)),S=m({className:H("menuContent")},re(e,"menuContent",n)),D=m({className:H("toggleableContent",{active:a}),role:"region","aria-labelledby":L(n)},re(e,"toggleableContent",n)),P=m({classNames:H("transition"),timeout:{enter:1e3,exit:450},onEnter:ae,in:a,unmountOnExit:!0,options:f.transitionOptions},re(e,"transition",n));return u.createElement("div",N,u.createElement("div",x,u.createElement("div",j,I)),u.createElement(r.CSSTransition,s({nodeRef:E},P),u.createElement("div",s({id:F(n),ref:E},D),u.createElement("div",S,u.createElement(k,{panelId:M(n),menuProps:f,onToggle:ne,onHeaderFocus:Z,level:0,model:e.items,expandedKeys:f.expandedKeys,className:"p-panelmenu-root-submenu",submenuIcon:f.submenuIcon,ptm:U,cx:H})))))})):null,oe=m({ref:P,className:H("root"),id:f.id,style:f.style},I.getOtherProps(f),U("root"));return u.createElement("div",oe,ie)})));D.displayName="PanelMenu",exports.PanelMenu=D;

package/panelmenu/panelmenu.esm.js

@@ -123,19 +123,6 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-/* eslint-disable */
-var useUpdateEffect = function useUpdateEffect(fn, deps) {
-  var mounted = React.useRef(false);
-  return React.useEffect(function () {
-    if (!mounted.current) {
-      mounted.current = true;
-      return;
-    }
-    return fn && fn();
-  }, deps);
-};
-/* eslint-enable */
-
 var classes = {
   headerIcon: function headerIcon(_ref) {
     var item = _ref.item;
@@ -218,6 +205,19 @@ var PanelMenuBase = ComponentBase.extend({
   }
 });
 
+/* eslint-disable */
+var useUpdateEffect = function useUpdateEffect(fn, deps) {
+  var mounted = React.useRef(false);
+  return React.useEffect(function () {
+    if (!mounted.current) {
+      mounted.current = true;
+      return;
+    }
+    return fn && fn();
+  }, deps);
+};
+/* eslint-enable */
+
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PanelMenuSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -923,9 +923,13 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     return item ? ObjectUtils.getItemValue(item[name]) : undefined;
   };
   var isItemActive = function isItemActive(item) {
-    return props.expandedKeys ? props.expandedKeys[getItemProp(item, 'key')] : props.multiple ? activeItemsState.some(function (subItem) {
-      return ObjectUtils.equals(item, subItem);
-    }) : ObjectUtils.equals(item, activeItemState);
+    if (props.expandedKeys) {
+      return props.expandedKeys[getItemProp(item, 'key')];
+    } else {
+      return props.multiple ? activeItemsState.some(function (subItem) {
+        return ObjectUtils.equals(item, subItem);
+      }) : ObjectUtils.equals(item, activeItemState);
+    }
   };
   var isItemVisible = function isItemVisible(item) {
     return getItemProp(item, 'visible') !== false;
@@ -1025,7 +1029,7 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var changeActiveItem = function changeActiveItem(event, item) {
     if (!isItemDisabled(item)) {
       var active = isItemActive(item);
-      var isOpen = !active;
+      var isExpanded = !active;
       var _activeItemState = activeItemState && ObjectUtils.equals(item, activeItemState) ? null : item;
       setActiveItemState(_activeItemState);
       if (props.multiple) {
@@ -1043,9 +1047,9 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       }
       changeExpandedKeys({
         item: item,
-        expanded: !active
+        expanded: isExpanded
       });
-      isOpen ? props.onOpen && props.onOpen({
+      isExpanded && event ? props.onOpen && props.onOpen({
         originalEvent: event,
         item: item
       }) : props.onClose && props.onClose({
@@ -1088,8 +1092,15 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   useMountEffect(function () {
     !idState && setIdState(UniqueComponentId());
   });
-  useUpdateEffect(function () {
+  React.useEffect(function () {
     setAnimationDisabled(true);
+    props.model && props.model.forEach(function (item) {
+      if (item.expanded) {
+        changeActiveItem(null, item);
+        item.expanded = false;
+      }
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.model]);
   var onEnter = function onEnter() {
     setAnimationDisabled(false);
@@ -1099,7 +1110,7 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       return null;
     }
     var key = item.id || idState + '_' + index;
-    var active = isItemActive(item);
+    var active = isItemActive(item) || item.expanded;
     var iconClassName = classNames('p-menuitem-icon', item.icon);
     var headerIconProps = mergeProps({
       className: cx('headerIcon', {