primereact 10.3.0 → 10.3.2

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"),o=require("primereact/icons/chevrondown"),i=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 p(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 d(e){var n=p(e,"string");return"symbol"===m(n)?n:String(n)}function f(e,n,t){return(n=d(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 g(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,o,i,l=[],c=!0,u=!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)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}function y(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 y(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)?y(e,n):void 0}}function O(){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 E(e,n){return v(e)||g(e,n)||h(e,n)||O()}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){return l.classNames("p-component p-panelmenu-header",{"p-highlight":e.active,"p-disabled":e.item.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){f(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 P=u.memo(u.forwardRef((function(e,n){var t=e.ptm,a=e.cx,c=u.useRef(null),m=function(n,r){return t(n,j({hostName:e.hostName},r))},p=function(e,n,t){return m(n,{context:{item:e,index:t,active:b(e),focused:y(e),disabled:g(e)}})},d=function(n){return"".concat(e.panelId,"_").concat(n.key)},f=function(e,n,t){return e&&e.item?l.ObjectUtils.getItemValue(e.item[n],t):void 0},b=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},v=function(e){return!1!==f(e,"visible")},g=function(e){return f(e,"disabled")},y=function(n){return e.focusedItemId===d(n)},h=function(e){return l.ObjectUtils.isNotEmpty(e.items)},O=function(e,n){f(n,"url")||e.preventDefault(),f(n,"command",{originalEvent:e,item:n.item}),E({processedItem:n,expanded:!b(n)})},E=function(n){e.onItemToggle(n)},I=function(n){return n-e.model.slice(0,n).filter((function(e){return v(e)&&f(e,"separator")})).length+1};u.useImperativeHandle(n,(function(){return{getElement:function(){return c.current}}}));var N=function(n){var t=e.id+"_sep_"+n,r=l.mergeProps({id:t,key:t,className:a("separator"),role:"separator"},m("separator"));return u.createElement("li",r)},x=function(n,o){var i=u.createRef(),c=l.mergeProps({className:a("toggleableContent",{active:o})},m("toggleableContent"));if(v(n)&&h(n)){var p=l.mergeProps({classNames:a("transition"),timeout:{enter:1e3,exit:450},in:o,unmountOnExit:!0},m("transition"));return u.createElement(r.CSSTransition,s({nodeRef:i},p),u.createElement("div",s({ref:i},c),u.createElement(P,{id:d(n)+"_list",role:"group",panelId:e.panelId,level:e.level+1,focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,onItemToggle:E,menuProps:e.menuProps,model:n.items,submenuIcon:e.submenuIcon,ptm:t,cx:a})))}return null},k=function(n,t){var r=n.item;if(!1===v(n))return null;var c=d(n),s=b(n),m=y(n),E=g(r),N=l.classNames("p-menuitem-link",{"p-disabled":r.disabled}),P=l.classNames("p-menuitem-icon",r.icon),k=l.mergeProps({className:a("icon",{item:r})},p(n,"icon",t)),S=l.IconUtils.getJSXIcon(r.icon,j({},k),{props:e.menuProps}),w=l.mergeProps({className:a("label")},p(n,"label",t)),D=r.label&&u.createElement("span",w,r.label),C=l.mergeProps({className:a("submenuicon")},p(n,"submenuicon",t)),U=r.items&&l.IconUtils.getJSXIcon(s?e.submenuIcon||u.createElement(o.ChevronDownIcon,C):e.submenuIcon||u.createElement(i.ChevronRightIcon,C)),H=x(n,s),K=l.mergeProps({href:r.url||"#",className:a("action",{item:r}),target:r.target,onFocus:function(e){return e.stopPropagation()},tabIndex:"-1","aria-hidden":!0},p(n,"action",t)),T=u.createElement("a",K,U,S,D);r.template&&(T=l.ObjectUtils.getJSXElement(r.template,r,{className:N,labelClassName:"p-menuitem-text",iconClassName:P,submenuIconClassName:"p-panelmenu-icon",element:T,props:e,leaf:!r.items,active:s}));var A=l.mergeProps({onClick:function(e){return O(e,n)},className:a("content")},p(n,"content",t)),R=l.mergeProps({key:c,id:c,className:a("menuitem",{item:r,focused:m,disabled:E}),style:r.style,role:"treeitem","aria-label":r.label,"aria-expanded":h(r)?s:void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return v(e)&&!f(e,"separator")})).length,"aria-posinset":I(t),"data-p-focused":m,"data-p-disabled":E},p(n,"menuitem",t));return u.createElement("li",R,u.createElement("div",A,T),H)},S=e.model?e.model.map((function(e,n){return f(e,"separator")?N(n):k(e,n)})):null,w=e.root?"menu":"submenu",D=l.mergeProps({id:e.id,ref:c,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,"aria-activedescendant":e.ariaActivedescendant,role:e.role,className:l.classNames(a(w),e.className)},t(w));return u.createElement("ul",D,S)})));P.displayName="PanelMenuSub";var k=u.memo((function(e){var n=e.ptm,t=e.cx,r=E(u.useState(!1),2),a=r[0],o=r[1],i=E(u.useState(null),2),c=i[0],s=i[1],m=E(u.useState(null),2),p=m[0],d=m[1],f=E(u.useState(null),2),b=f[0],v=f[1],g=E(u.useState(null),2),y=g[0],h=g[1],O=E(u.useState([]),2),N=O[0],x=O[1],j=u.useRef(null),k=u.useRef(null),S=u.useRef(null),w=function(e,n){return e&&e.item?l.ObjectUtils.getItemValue(e.item[n]):void 0},D=function(e){return w(e,"label")},C=function(e){return!1!==w(e,"visible")},U=function(e){return w(e,"disabled")},H=function(e){return b.some((function(n){return n.key===e.parentKey}))},K=function(){return S.current&&S.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()},L=function(e){Q({originalEvent:e,processedItem:W(),focusOnNext:!0,allowHeaderFocus:!1}),e.preventDefault()},F=function(e){if(l.ObjectUtils.isNotEmpty(c)){var n=l.DomHandler.findSingle(K(),'li[id="'.concat("".concat(p),'"]')),t=n&&(l.DomHandler.findSingle(n,'[data-pc-section="action"]')||l.DomHandler.findSingle(n,"a,button"));t?t.click():n&&n.click()}e.preventDefault()},M=function(e){F(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)&&D(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)&&!w(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}),k&&clearTimeout(k.current),k.current=setTimeout((function(){j.current="",k.currentt=null}),500),r},Q=function(n){var t=n.originalEvent,r=n.processedItem,a=n.focusOnNext,o=n.selfCheck,i=n.allowHeaderFocus,u=void 0===i||i;l.ObjectUtils.isNotEmpty(c)&&c.key!==r.key?(s(r),Z()):u&&e.onHeaderFocus&&e.onHeaderFocus({originalEvent:t,focusOnNext:a,selfCheck:o})},Z=function(){var e=l.DomHandler.findSingle(K(),'li[id="'.concat("".concat(p),'"]'));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,o=r||0===a&&e.model;if(!o)return null;for(var i=0;i<o.length;i++){var l=o[i];if((w(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]:"",o=[];return n&&n.forEach((function(n,i){var l=n.key?n.key:(""!==a?a+"_":"")+i,c={item:n,index:i,level:t,key:l,parent:r,parentKey:a};c.items=e(n.items,t+1,c,l),o.push(c)})),o},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 I((function(){var n=ne(e.model);h(n)}),[e.model]),I((function(){var e=te(y);x(e)}),[y,b]),I((function(){var n=l.ObjectUtils.isNotEmpty(c)?"".concat(e.panelId,"_").concat(c.key):null;d(n)}),[e.panelId,c]),I((function(){var n;n=Object.entries(e.expandedKeys||{}).reduce((function(e,n){var t=E(n,2);if(t[1]){var r=ee(t[0]);r&&e.push(r)}return e}),[]),v(n)}),[e.expandedKeys]),u.createElement(P,{hostName:"PanelMenu",id:e.panelId+"_list",ref:S,role:"tree",tabIndex:-1,ariaActivedescendant:a?p:void 0,panelId:e.panelId,focusedItemId:a?p:void 0,model:y,activeItemPath:b,menuProps:e.menuProps,onFocus:function(e){o(!0);var n=c||(J(e,e.relatedTarget)?z():W());s(n)},onBlur:function(){o(!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":L(e);break;case"Space":M(e);break;case"Enter":case"NumpadEnter":F(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 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){f(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=u.useContext(n.PrimeReactContext),p=N.getProps(e,m),d=E(u.useState(p.id),2),f=d[0],v=d[1],g=E(u.useState(null),2),y=g[0],h=g[1],O=E(u.useState([]),2),x=O[0],j=O[1],P=E(u.useState(!1),2),S=P[1],D=u.useRef(null),C=N.setMetaData({props:p,state:{id:f,activeItem:y}}),U=C.ptm,H=C.cx;t.useHandleStyle(N.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}),ee(e,n))},T=function(e,n){return e?l.ObjectUtils.getItemValue(e[n]):void 0},A=function(e){return p.expandedKeys?p.expandedKeys[T(e,"key")]:p.multiple?x.some((function(n){return l.ObjectUtils.equals(e,n)})):l.ObjectUtils.equals(e,y)},R=function(e){return!1!==T(e,"visible")},_=function(e){return T(e,"disabled")},q=function(e){return l.ObjectUtils.equals(e,y)},L=function(e){return"".concat(f,"_").concat(e)},F=function(e){return"".concat(L(e),"_header")},M=function(e){return"".concat(L(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(D.current.firstElementChild,!0)},Q=function(){return $(D.current.lastElementChild,!0)},Z=function(e){var n=e.originalEvent,t=e.focusOnNext,r=e.selfCheck,a=n.currentTarget.closest('[data-pc-section="panel"]'),o=r?l.DomHandler.findSingle(a,'[data-pc-section="header"]'):t?Y(a):$(a);o?te(n,o):t?V(n):z(n)},ee=function(e,n){if(!_(n)){var t=A(n),r=!t,a=y&&l.ObjectUtils.equals(n,y)?null:n;if(h(a),p.multiple){var o=x;x.some((function(e){return l.ObjectUtils.equals(n,e)}))?(x.filter((function(e){return!l.ObjectUtils.equals(n,e)})),b("activeItems")):o.push(n),j(o)}ne({item:n,expanded:!t}),r?p.onOpen&&p.onOpen({originalEvent:e,item:n}):p.onClose&&p.onClose({originalEvent:e,item:n})}},ne=function(e){var n=e.item,t=e.expanded,r=void 0!==t&&t;if(p.expandedKeys){var a=w({},p.expandedKeys);r?a[n.key]=!0:delete a[n.key],p.onExpandedKeysChange&&p.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:p,getElement:function(){return D.current}}})),a.useMountEffect((function(){f||v(l.UniqueComponentId())})),I((function(){S(!0)}),[p.model]);var ae=function(){S(!1)},oe=p.model?p.model.map((function(e,n){if(!R(e))return null;var t=e.id||f+"_"+n,a=A(e),c=l.classNames("p-menuitem-icon",e.icon),m=l.mergeProps({className:H("headerIcon",{item:e})},re(e,"headerIcon",n)),d=l.IconUtils.getJSXIcon(e.icon,w({},m),{props:p}),b=l.mergeProps({className:H("headerSubmenuIcon")},re(e,"headerSubmenuIcon",n)),v=e.items&&l.IconUtils.getJSXIcon(a?p.submenuIcon||u.createElement(o.ChevronDownIcon,b):p.submenuIcon||u.createElement(i.ChevronRightIcon,b)),g=l.mergeProps({className:H("headerLabel")},re(e,"headerLabel",n)),y=e.label&&u.createElement("span",g,e.label),h=u.createRef(),O=l.mergeProps({href:e.url||"#",className:H("headerAction"),tabIndex:"-1"},re(e,"headerAction",n)),E=u.createElement("a",O,v,d,y);e.template&&(E=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:E,props:p,leaf:!e.items,active:a}));var I=l.mergeProps({key:t,className:H("panel",{item:e}),style:e.style},re(e,"panel",n)),N=l.mergeProps({id:F(n),className:H("header",{active:a,item:e}),"aria-label":e.label,"aria-expanded":a,"aria-disabled":e.disabled,"aria-controls":M(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)),x=l.mergeProps({className:H("headerContent")},re(e,"headerContent",n)),j=l.mergeProps({className:H("menuContent")},re(e,"menuContent",n)),P=l.mergeProps({className:H("toggleableContent",{active:a}),role:"region","aria-labelledby":F(n)},re(e,"toggleableContent",n)),S=l.mergeProps({classNames:H("transition"),timeout:{enter:1e3,exit:450},onEnter:ae,in:a,unmountOnExit:!0,options:p.transitionOptions},re(e,"transition",n));return u.createElement("div",I,u.createElement("div",N,u.createElement("div",x,E)),u.createElement(r.CSSTransition,s({nodeRef:h},S),u.createElement("div",s({id:M(n),ref:h},P),u.createElement("div",j,u.createElement(k,{panelId:L(n),menuProps:p,onToggle:ne,onHeaderFocus:Z,level:0,model:e.items,expandedKeys:p.expandedKeys,className:"p-panelmenu-root-submenu",submenuIcon:p.submenuIcon,ptm:U,cx:H})))))})):null,ie=l.mergeProps({ref:D,className:H("root"),id:p.id,style:p.style},N.getOtherProps(p),U("root"));return u.createElement("div",ie,oe)})));D.displayName="PanelMenu",exports.PanelMenu=D;
+"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;

package/panelmenu/panelmenu.esm.js

@@ -3,10 +3,10 @@ import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
-import { useMountEffect } from 'primereact/hooks';
+import { useMergeProps, useMountEffect } from 'primereact/hooks';
 import { ChevronDownIcon } from 'primereact/icons/chevrondown';
 import { ChevronRightIcon } from 'primereact/icons/chevronright';
-import { classNames, mergeProps, ObjectUtils, IconUtils, DomHandler, UniqueComponentId } from 'primereact/utils';
+import { classNames, ObjectUtils, IconUtils, DomHandler, UniqueComponentId } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -152,7 +152,7 @@ var classes = {
     var active = _ref3.active,
       item = _ref3.item;
     return classNames('p-component p-panelmenu-header', {
-      'p-highlight': active,
+      'p-highlight': active && !!item.items,
       'p-disabled': item.disabled
     });
   },
@@ -221,6 +221,7 @@ var PanelMenuBase = ComponentBase.extend({
 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) {
+  var mergeProps = useMergeProps();
   var ptm = props.ptm,
     cx = props.cx;
   var elementRef = React.useRef(null);
@@ -247,7 +248,7 @@ var PanelMenuSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     return processedItem && processedItem.item ? ObjectUtils.getItemValue(processedItem.item[name], params) : undefined;
   };
   var isItemActive = function isItemActive(processedItem) {
-    return props.activeItemPath.some(function (path) {
+    return props.activeItemPath && props.activeItemPath.some(function (path) {
       return path.key === processedItem.key;
     });
   };
@@ -465,7 +466,7 @@ var PanelMenuList = /*#__PURE__*/React.memo(function (props) {
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     focusedItemId = _React$useState6[0],
     setFocusedItemId = _React$useState6[1];
-  var _React$useState7 = React.useState(null),
+  var _React$useState7 = React.useState([]),
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     activeItemPath = _React$useState8[0],
     setActiveItemPath = _React$useState8[1];
@@ -493,7 +494,7 @@ var PanelMenuList = /*#__PURE__*/React.memo(function (props) {
     return getItemProp(processedItem, 'disabled');
   };
   var isItemActive = function isItemActive(processedItem) {
-    return activeItemPath.some(function (path) {
+    return activeItemPath && activeItemPath.some(function (path) {
       return path.key === processedItem.parentKey;
     });
   };
@@ -820,21 +821,24 @@ var PanelMenuList = /*#__PURE__*/React.memo(function (props) {
     });
     return processedFlattenItems;
   };
-  useUpdateEffect(function () {
+  React.useEffect(function () {
     var processed = createProcessedItems(props.model);
     setProcessedItems(processed);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.model]);
-  useUpdateEffect(function () {
+  React.useEffect(function () {
     var _visibleItems = flatItems(processedItems);
     setVisibleItems(_visibleItems);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [processedItems, activeItemPath]);
+  React.useEffect(function () {
+    autoUpdateActiveItemPath(props.expandedKeys);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.expandedKeys]);
   useUpdateEffect(function () {
     var _id = ObjectUtils.isNotEmpty(focusedItem) ? "".concat(props.panelId, "_").concat(focusedItem.key) : null;
     setFocusedItemId(_id);
   }, [props.panelId, focusedItem]);
-  useUpdateEffect(function () {
-    autoUpdateActiveItemPath(props.expandedKeys);
-  }, [props.expandedKeys]);
   return /*#__PURE__*/React.createElement(PanelMenuSub, {
     hostName: "PanelMenu",
     id: props.panelId + '_list',
@@ -864,6 +868,7 @@ PanelMenuList.displayName = 'PanelMenuList';
 function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = PanelMenuBase.getProps(inProps, context);
   var _React$useState = React.useState(props.id),
@@ -910,7 +915,9 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         item: item
       });
     }
-    changeActiveItem(event, item);
+    if (item.items) {
+      changeActiveItem(event, item);
+    }
   };
   var getItemProp = function getItemProp(item, name) {
     return item ? ObjectUtils.getItemValue(item[name]) : undefined;
@@ -1079,9 +1086,7 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     };
   });
   useMountEffect(function () {
-    if (!idState) {
-      setIdState(UniqueComponentId());
-    }
+    !idState && setIdState(UniqueComponentId());
   });
   useUpdateEffect(function () {
     setAnimationDisabled(true);

package/panelmenu/panelmenu.esm.min.js

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

package/panelmenu/panelmenu.js

@@ -166,7 +166,7 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
       var active = _ref3.active,
         item = _ref3.item;
       return utils.classNames('p-component p-panelmenu-header', {
-        'p-highlight': active,
+        'p-highlight': active && !!item.items,
         'p-disabled': item.disabled
       });
     },
@@ -235,6 +235,7 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
   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) {
+    var mergeProps = hooks.useMergeProps();
     var ptm = props.ptm,
       cx = props.cx;
     var elementRef = React__namespace.useRef(null);
@@ -261,7 +262,7 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
       return processedItem && processedItem.item ? utils.ObjectUtils.getItemValue(processedItem.item[name], params) : undefined;
     };
     var isItemActive = function isItemActive(processedItem) {
-      return props.activeItemPath.some(function (path) {
+      return props.activeItemPath && props.activeItemPath.some(function (path) {
         return path.key === processedItem.key;
       });
     };
@@ -312,7 +313,7 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
     });
     var createSeparator = function createSeparator(index) {
       var key = props.id + '_sep_' + index;
-      var separatorProps = utils.mergeProps({
+      var separatorProps = mergeProps({
         id: key,
         key: key,
         className: cx('separator'),
@@ -322,13 +323,13 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
     };
     var createSubmenu = function createSubmenu(processedItem, active) {
       var submenuRef = /*#__PURE__*/React__namespace.createRef();
-      var toggleableContentProps = utils.mergeProps({
+      var toggleableContentProps = mergeProps({
         className: cx('toggleableContent', {
           active: active
         })
       }, _ptm('toggleableContent'));
       if (isItemVisible(processedItem) && isItemGroup(processedItem)) {
-        var transitionProps = utils.mergeProps({
+        var transitionProps = mergeProps({
           classNames: cx('transition'),
           timeout: {
             enter: 1000,
@@ -371,7 +372,7 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
         'p-disabled': item.disabled
       });
       var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
-      var iconProps = utils.mergeProps({
+      var iconProps = mergeProps({
         className: cx('icon', {
           item: item
         })
@@ -379,17 +380,17 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
       var icon = utils.IconUtils.getJSXIcon(item.icon, _objectSpread$1({}, iconProps), {
         props: props.menuProps
       });
-      var labelProps = utils.mergeProps({
+      var labelProps = mergeProps({
         className: cx('label')
       }, getPTOptions(processedItem, 'label', index));
       var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
       var submenuIconClassName = 'p-panelmenu-icon';
-      var submenuIconProps = utils.mergeProps({
+      var submenuIconProps = mergeProps({
         className: cx('submenuicon')
       }, getPTOptions(processedItem, 'submenuicon', index));
       var submenuIcon = item.items && utils.IconUtils.getJSXIcon(active ? props.submenuIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, submenuIconProps) : props.submenuIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, submenuIconProps));
       var submenu = createSubmenu(processedItem, active);
-      var actionProps = utils.mergeProps({
+      var actionProps = mergeProps({
         href: item.url || '#',
         className: cx('action', {
           item: item
@@ -415,13 +416,13 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
         };
         content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
       }
-      var contentProps = utils.mergeProps({
+      var contentProps = mergeProps({
         onClick: function onClick(event) {
           return onItemClick(event, processedItem);
         },
         className: cx('content')
       }, getPTOptions(processedItem, 'content', index));
-      var menuitemProps = utils.mergeProps({
+      var menuitemProps = mergeProps({
         key: key,
         id: key,
         className: cx('menuitem', {
@@ -449,7 +450,7 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
     };
     var menu = createMenu();
     var ptKey = props.root ? 'menu' : 'submenu';
-    var menuProps = utils.mergeProps({
+    var menuProps = mergeProps({
       id: props.id,
       ref: elementRef,
       tabIndex: props.tabIndex,
@@ -479,7 +480,7 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
       _React$useState6 = _slicedToArray(_React$useState5, 2),
       focusedItemId = _React$useState6[0],
       setFocusedItemId = _React$useState6[1];
-    var _React$useState7 = React__namespace.useState(null),
+    var _React$useState7 = React__namespace.useState([]),
       _React$useState8 = _slicedToArray(_React$useState7, 2),
       activeItemPath = _React$useState8[0],
       setActiveItemPath = _React$useState8[1];
@@ -507,7 +508,7 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
       return getItemProp(processedItem, 'disabled');
     };
     var isItemActive = function isItemActive(processedItem) {
-      return activeItemPath.some(function (path) {
+      return activeItemPath && activeItemPath.some(function (path) {
         return path.key === processedItem.parentKey;
       });
     };
@@ -834,21 +835,24 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
       });
       return processedFlattenItems;
     };
-    useUpdateEffect(function () {
+    React__namespace.useEffect(function () {
       var processed = createProcessedItems(props.model);
       setProcessedItems(processed);
+      // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.model]);
-    useUpdateEffect(function () {
+    React__namespace.useEffect(function () {
       var _visibleItems = flatItems(processedItems);
       setVisibleItems(_visibleItems);
+      // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [processedItems, activeItemPath]);
+    React__namespace.useEffect(function () {
+      autoUpdateActiveItemPath(props.expandedKeys);
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.expandedKeys]);
     useUpdateEffect(function () {
       var _id = utils.ObjectUtils.isNotEmpty(focusedItem) ? "".concat(props.panelId, "_").concat(focusedItem.key) : null;
       setFocusedItemId(_id);
     }, [props.panelId, focusedItem]);
-    useUpdateEffect(function () {
-      autoUpdateActiveItemPath(props.expandedKeys);
-    }, [props.expandedKeys]);
     return /*#__PURE__*/React__namespace.createElement(PanelMenuSub, {
       hostName: "PanelMenu",
       id: props.panelId + '_list',
@@ -878,6 +882,7 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
   function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = PanelMenuBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(props.id),
@@ -924,7 +929,9 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
           item: item
         });
       }
-      changeActiveItem(event, item);
+      if (item.items) {
+        changeActiveItem(event, item);
+      }
     };
     var getItemProp = function getItemProp(item, name) {
       return item ? utils.ObjectUtils.getItemValue(item[name]) : undefined;
@@ -1093,9 +1100,7 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
       };
     });
     hooks.useMountEffect(function () {
-      if (!idState) {
-        setIdState(utils.UniqueComponentId());
-      }
+      !idState && setIdState(utils.UniqueComponentId());
     });
     useUpdateEffect(function () {
       setAnimationDisabled(true);
@@ -1110,7 +1115,7 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
       var key = item.id || idState + '_' + index;
       var active = isItemActive(item);
       var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
-      var headerIconProps = utils.mergeProps({
+      var headerIconProps = mergeProps({
         className: cx('headerIcon', {
           item: item
         })
@@ -1119,16 +1124,16 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
         props: props
       });
       var submenuIconClassName = 'p-panelmenu-icon';
-      var headerSubmenuIconProps = utils.mergeProps({
+      var headerSubmenuIconProps = mergeProps({
         className: cx('headerSubmenuIcon')
       }, getPTOptions(item, 'headerSubmenuIcon', index));
       var submenuIcon = item.items && utils.IconUtils.getJSXIcon(active ? props.submenuIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, headerSubmenuIconProps) : props.submenuIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, headerSubmenuIconProps));
-      var headerLabelProps = utils.mergeProps({
+      var headerLabelProps = mergeProps({
         className: cx('headerLabel')
       }, getPTOptions(item, 'headerLabel', index));
       var label = item.label && /*#__PURE__*/React__namespace.createElement("span", headerLabelProps, item.label);
       var menuContentRef = /*#__PURE__*/React__namespace.createRef();
-      var headerActionProps = utils.mergeProps({
+      var headerActionProps = mergeProps({
         href: item.url || '#',
         className: cx('headerAction'),
         tabIndex: '-1'
@@ -1150,14 +1155,14 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
         };
         content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
       }
-      var panelProps = utils.mergeProps({
+      var panelProps = mergeProps({
         key: key,
         className: cx('panel', {
           item: item
         }),
         style: item.style
       }, getPTOptions(item, 'panel', index));
-      var headerProps = utils.mergeProps({
+      var headerProps = mergeProps({
         id: getHeaderId(index),
         className: cx('header', {
           active: active,
@@ -1179,20 +1184,20 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
         role: 'button',
         style: item.style
       }, getPTOptions(item, 'header', index));
-      var headerContentProps = utils.mergeProps({
+      var headerContentProps = mergeProps({
         className: cx('headerContent')
       }, getPTOptions(item, 'headerContent', index));
-      var menuContentProps = utils.mergeProps({
+      var menuContentProps = mergeProps({
         className: cx('menuContent')
       }, getPTOptions(item, 'menuContent', index));
-      var toggleableContentProps = utils.mergeProps({
+      var toggleableContentProps = mergeProps({
         className: cx('toggleableContent', {
           active: active
         }),
         role: 'region',
         'aria-labelledby': getHeaderId(index)
       }, getPTOptions(item, 'toggleableContent', index));
-      var transitionProps = utils.mergeProps({
+      var transitionProps = mergeProps({
         classNames: cx('transition'),
         timeout: {
           enter: 1000,
@@ -1226,7 +1231,7 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
       return props.model ? props.model.map(createPanel) : null;
     };
     var panels = createPanels();
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: elementRef,
       className: cx('root'),
       id: props.id,