primereact 10.3.0 → 10.3.2

package/menu/menu.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/overlayservice"),i=require("primereact/portal"),u=require("primereact/utils");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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 s=c(e),p=l(n);function m(){return m=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},m.apply(this,arguments)}function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function f(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=f(e,"string");return"symbol"===d(n)?n:String(n)}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 v(e){if(Array.isArray(e))return y(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(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 h(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e){return v(e)||g(e)||E(e)||h()}function S(e){if(Array.isArray(e))return e}function x(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,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 P(){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 j(e,n){return S(e)||x(e,n)||E(e,n)||P()}var w=t.ComponentBase.extend({defaultProps:{__TYPE:"Menu",id:null,ariaLabel:null,ariaLabelledBy:null,tabIndex:0,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,onFocus:null,onBlur:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return u.classNames("p-menu p-component",{"p-menu-overlay":e.props.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===p.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===p.default.ripple})},menu:"p-menu-list p-reset",content:"p-menuitem-content",action:function(e){return u.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return u.classNames("p-menuitem",{"p-focus":e.focused})},submenuHeader:function(e){return u.classNames("p-submenu-header",{"p-disabled":e.submenu.disabled})},separator:"p-menu-separator",label:"p-menuitem-text",icon:"p-menuitem-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-menu-overlay {\n        position: absolute;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n\n    .p-menu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-menu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n",inlineStyles:{submenuHeader:function(e){return e.submenu.style},menuitem:function(e){return e.item.style}}}}),D=function(e){var n=s.useRef(void 0);return s.useEffect((function(){n.current=e})),n.current},N=function(e,n,t){var r,a,o,i,l,c,p,m,d,f,b,y,v,g,E,h=(i=void 0===(o=(r={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),t(e))}}).target)?"document":o,l=r.type,c=r.listener,p=r.options,d=void 0===(m=r.when)||m,f=s.useRef(null),b=s.useRef(null),y=D(c),v=D(p),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};u.ObjectUtils.isNotEmpty(e.target)&&(E(),(e.when||d)&&(f.current=u.DomHandler.getTargetElement(e.target))),!b.current&&f.current&&(b.current=function(e){return c&&c(e)},f.current.addEventListener(l,b.current,p))},E=function(){b.current&&(f.current.removeEventListener(l,b.current,p),b.current=null)},s.useEffect((function(){d?f.current=u.DomHandler.getTargetElement(i):(E(),f.current=null)}),[i,d]),s.useEffect((function(){!b.current||""+y==""+c&&v===p||(E(),d&&g())}),[c,p,d]),a=function(){E()},s.useEffect((function(){return a}),[]),[g,E]),O=j(h,2),S=O[0],x=O[1];return s.useEffect((function(){if(n&&e.current)return S(),function(){x()}})),[e,t]};function I(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 k(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?I(Object(t),!0).forEach((function(n){var r,a,o;r=e,o=t[n],(a=b(a=n))in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):I(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var H=s.memo(s.forwardRef((function(e,l){var c=s.useContext(n.PrimeReactContext),d=w.getProps(e,c),f=j(s.useState(d.id),2),b=f[0],y=f[1],v=j(s.useState(!d.popup),2),g=v[0],E=v[1],h=j(s.useState(-1),2),S=h[0],x=h[1],P=j(s.useState(-1),2),D=P[0],I=P[1],H=j(s.useState(!1),2),A=H[0],T=H[1],_=w.setMetaData({props:d,state:{id:b,visible:g}}),C=_.ptm,U=_.cx,q=_.sx;t.useHandleStyle(w.css.styles,_.isUnstyled,{name:"menu"});var R=s.useRef(null),M=s.useRef(null),Z=s.useRef(null);N(Z,d.popup&&d.closeOnEscape,(function(e){ie(e)}));var B=j(a.useOverlayListener({target:Z,overlay:R,listener:function(e,n){n.valid&&(ie(e),x(-1))},when:g}),2),L=B[0],F=B[1],z=function(e,n,t){n.disabled?e.preventDefault():(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),d.popup&&ie(e),d.popup||S===t||x(t),e.preventDefault(),e.stopPropagation())},J=function(e){T(!0),d.popup||(-1!==D?(te(D),I(-1)):te(0)),d.onFocus&&d.onFocus(e)},K=function(e){T(!1),x(-1),d.onBlur&&d.onBlur(e)},X=function(e){switch(e.code){case"ArrowDown":G(e);break;case"ArrowUp":Y(e);break;case"Home":$(e);break;case"End":Q(e);break;case"Enter":V(e);break;case"Space":W(e);break;case"Escape":d.popup&&(u.DomHandler.focus(Z.current),ie(e));case"Tab":d.popup&&g&&ie(e)}},G=function(e){var n=ee(S);te(n),e.preventDefault()},Y=function(e){if(e.altKey&&d.popup)u.DomHandler.focus(Z.current),ie(e),e.preventDefault();else{var n=ne(S);te(n),e.preventDefault()}},$=function(e){te(0),e.preventDefault()},Q=function(e){te(u.DomHandler.find(R.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1),e.preventDefault()},V=function(e){var n=u.DomHandler.findSingle(R.current,'li[id="'.concat("".concat(S),'"]')),t=n&&u.DomHandler.findSingle(n,'a[data-pc-section="action"]');d.popup&&u.DomHandler.focus(Z.current),t?t.click():n&&n.click(),e.preventDefault()},W=function(e){V(e)},ee=function(e){var n=O(u.DomHandler.find(R.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},ne=function(e){var n=O(u.DomHandler.find(R.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},te=function(e){var n=u.DomHandler.find(R.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]'),t=e>=n.length?n.length-1:e<0?0:e;t>-1&&x(n[t].getAttribute("id"))},re=function(){return-1!==S?S:null},ae=function(e){d.popup&&(g?ie(e):oe(e))},oe=function(e){Z.current=e.currentTarget,E(!0),d.onShow&&d.onShow(e)},ie=function(e){Z.current=e.currentTarget,E(!1),d.onHide&&d.onHide(e)},ue=function(){u.DomHandler.addStyles(R.current,{position:"absolute",top:"0",left:"0"}),u.ZIndexUtils.set("menu",R.current,c&&c.autoZIndex||p.default.autoZIndex,d.baseZIndex||c&&c.zIndex.menu||p.default.zIndex.menu),u.DomHandler.absolutePosition(R.current,Z.current,d.popupAlignment),d.popup&&(u.DomHandler.focus(M.current),te(0))},le=function(){L()},ce=function(){Z.current=null,F()},se=function(){u.ZIndexUtils.clear(R.current)};a.useMountEffect((function(){b||y(u.UniqueComponentId())})),a.useUnmountEffect((function(){u.ZIndexUtils.clear(R.current)})),s.useImperativeHandle(l,(function(){return{props:d,toggle:ae,show:oe,hide:ie,getElement:function(){return R.current},getTarget:function(){return Z.current}}}));var pe=function(e,n){var t=b+"_sub_"+n,r=e.items.map((function(e,n){return de(e,n,t)})),a=u.mergeProps({id:t,key:t,role:"none",className:u.classNames(e.className,U("submenuHeader",{submenu:e})),style:q("submenuHeader",{submenu:e}),"data-p-disabled":e.disabled},C("submenuHeader"));return s.createElement(s.Fragment,{key:t},s.createElement("li",a,e.label),r)},me=function(e){var n=b+"_separator_"+e,t=u.mergeProps({id:n,key:n,className:U("separator"),role:"separator"},C("separator"));return s.createElement("li",t)},de=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(!1===e.visible)return null;var r=u.classNames("p-menuitem-link",{"p-disabled":e.disabled}),a=u.classNames("p-menuitem-icon",e.icon),o=u.mergeProps({className:U("icon")},C("icon")),i=u.IconUtils.getJSXIcon(e.icon,k({},o),{props:d}),l=u.mergeProps({className:U("label")},C("label")),c=e.label&&s.createElement("span",l,e.label),p=e.id||(t||b)+"_"+n,m=u.mergeProps({onClick:function(n){return z(n,e,p)},className:U("content")},C("content")),f=u.mergeProps({href:e.url||"#",className:U("action",{item:e}),onFocus:function(e){return e.stopPropagation()},target:e.target,tabIndex:"-1","aria-label":e.label,"aria-hidden":!0,"aria-disabled":e.disabled,"data-p-disabled":e.disabled},C("action")),y=s.createElement("div",m,s.createElement("a",f,i,c));e.template&&(y=u.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return z(n,e,p)},className:r,tabIndex:"-1",labelClassName:"p-menuitem-text",iconClassName:a,element:y,props:d}));var v=u.mergeProps({id:p,key:p,className:u.classNames(e.className,U("menuitem",{focused:S===p})),style:q("menuitem",{item:e}),role:"menuitem","aria-label":e.label,"aria-disabled":e.disabled,"data-p-focused":re()===p,"data-p-disabled":e.disabled||!1},C("menuitem"));return s.createElement("li",v,y)},fe=function(e,n){return e.separator?me(n):e.items?pe(e,n):de(e,n)},be=function(){if(d.model){var e=d.model.map(fe),n=u.mergeProps({className:u.classNames(d.className,U("root",{context:c})),style:d.style,onClick:function(e){return n=e,void(d.popup&&o.OverlayService.emit("overlay-click",{originalEvent:n,target:Z.current}));var n}},w.getOtherProps(d),C("root")),t=u.mergeProps({ref:M,className:U("menu"),id:b+"_list",tabIndex:d.tabIndex||"0",role:"menu","aria-label":d.ariaLabel,"aria-labelledby":d.ariaLabelledBy,"aria-activedescendant":A?re():void 0,onFocus:J,onKeyDown:X,onBlur:K},C("menu")),a=u.mergeProps({classNames:U("transition"),in:g,timeout:{enter:120,exit:100},options:d.transitionOptions,unmountOnExit:!0,onEnter:ue,onEntered:le,onExit:ce,onExited:se},C("transition"));return s.createElement(r.CSSTransition,m({nodeRef:R},a),s.createElement("div",m({id:d.id,ref:R},n),s.createElement("ul",t,e)))}return null}();return d.popup?s.createElement(i.Portal,{element:be,appendTo:d.appendTo}):be})));H.displayName="Menu",exports.Menu=H;
+"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/overlayservice"),i=require("primereact/portal"),l=require("primereact/utils");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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 s=c(e),p=u(n);function m(){return m=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},m.apply(this,arguments)}function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function f(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=f(e,"string");return"symbol"===d(n)?n:String(n)}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 v(e){if(Array.isArray(e))return y(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(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 h(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e){return v(e)||g(e)||O(e)||h()}function E(e){if(Array.isArray(e))return e}function x(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,o,i,l=[],u=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=o.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}function j(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,n){return E(e)||x(e,n)||O(e,n)||j()}var w=t.ComponentBase.extend({defaultProps:{__TYPE:"Menu",id:null,ariaLabel:null,ariaLabelledBy:null,tabIndex:0,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,onFocus:null,onBlur:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return l.classNames("p-menu p-component",{"p-menu-overlay":e.props.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===p.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===p.default.ripple})},menu:"p-menu-list p-reset",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",{"p-focus":e.focused})},submenuHeader:function(e){return l.classNames("p-submenu-header",{"p-disabled":e.submenu.disabled})},separator:"p-menu-separator",label:"p-menuitem-text",icon:"p-menuitem-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-menu-overlay {\n        position: absolute;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n\n    .p-menu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-menu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n",inlineStyles:{submenuHeader:function(e){return e.submenu.style},menuitem:function(e){return e.item.style}}}});function D(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 I(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){var r,a,o;r=e,o=t[n],(a=b(a=n))in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var P=s.memo(s.forwardRef((function(e,u){var c=a.useMergeProps(),d=s.useContext(n.PrimeReactContext),f=w.getProps(e,d),b=N(s.useState(f.id),2),y=b[0],v=b[1],g=N(s.useState(!f.popup),2),O=g[0],h=g[1],E=N(s.useState(-1),2),x=E[0],j=E[1],D=N(s.useState(-1),2),P=D[0],k=D[1],H=N(s.useState(!1),2),A=H[0],_=H[1],T=w.setMetaData({props:f,state:{id:y,visible:O}}),C=T.ptm,U=T.cx,M=T.sx;t.useHandleStyle(w.css.styles,T.isUnstyled,{name:"menu"});var q=s.useRef(null),R=s.useRef(null),Z=s.useRef(null),B=a.useDisplayOrder("menu",!(!O||!f.popup));a.useGlobalOnEscapeKey({callback:function(e){le(e)},when:O&&f.popup&&f.closeOnEscape&&B,priority:[a.ESC_KEY_HANDLING_PRIORITIES.MENU,B]});var F=N(a.useOverlayListener({target:Z,overlay:q,listener:function(e,n){n.valid&&(le(e),j(-1))},when:O}),2),L=F[0],K=F[1],z=function(e,n,t){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),f.popup&&le(e),f.popup||x===t||j(t),n.url||(e.preventDefault(),e.stopPropagation()))},G=function(e){_(!0),f.popup||(-1!==P?(re(P),k(-1)):re(0)),f.onFocus&&f.onFocus(e)},J=function(e){_(!1),j(-1),f.onBlur&&f.onBlur(e)},X=function(e){switch(e.code){case"ArrowDown":Y(e);break;case"ArrowUp":$(e);break;case"Home":Q(e);break;case"End":V(e);break;case"Enter":W(e);break;case"Space":ee(e);break;case"Escape":f.popup&&(l.DomHandler.focus(Z.current),le(e));case"Tab":f.popup&&O&&le(e)}},Y=function(e){var n=ne(x);re(n),e.preventDefault()},$=function(e){if(e.altKey&&f.popup)l.DomHandler.focus(Z.current),le(e),e.preventDefault();else{var n=te(x);re(n),e.preventDefault()}},Q=function(e){re(0),e.preventDefault()},V=function(e){re(l.DomHandler.find(q.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1),e.preventDefault()},W=function(e){var n=l.DomHandler.findSingle(q.current,'li[id="'.concat("".concat(x),'"]')),t=n&&l.DomHandler.findSingle(n,'a[data-pc-section="action"]');f.popup&&l.DomHandler.focus(Z.current),t?t.click():n&&n.click(),e.preventDefault()},ee=function(e){W(e)},ne=function(e){var n=S(l.DomHandler.find(q.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},te=function(e){var n=S(l.DomHandler.find(q.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},re=function(e){var n=l.DomHandler.find(q.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]'),t=e>=n.length?n.length-1:e<0?0:e;t>-1&&j(n[t].getAttribute("id"))},ae=function(){return-1!==x?x:null},oe=function(e){f.popup&&(O?le(e):ie(e))},ie=function(e){Z.current=e.currentTarget,h(!0),f.onShow&&f.onShow(e)},le=function(e){Z.current=e.currentTarget,h(!1),f.onHide&&f.onHide(e)},ue=function(){l.DomHandler.addStyles(q.current,{position:"absolute",top:"0",left:"0"}),l.ZIndexUtils.set("menu",q.current,d&&d.autoZIndex||p.default.autoZIndex,f.baseZIndex||d&&d.zIndex.menu||p.default.zIndex.menu),l.DomHandler.absolutePosition(q.current,Z.current,f.popupAlignment),f.popup&&(l.DomHandler.focus(R.current),re(0))},ce=function(){L()},se=function(){Z.current=null,K()},pe=function(){l.ZIndexUtils.clear(q.current)};a.useMountEffect((function(){y||v(l.UniqueComponentId())})),a.useUnmountEffect((function(){l.ZIndexUtils.clear(q.current)})),s.useImperativeHandle(u,(function(){return{props:f,toggle:oe,show:ie,hide:le,getElement:function(){return q.current},getTarget:function(){return Z.current}}}));var me=function(e,n){var t=y+"_sub_"+n,r=e.items.map((function(e,n){return fe(e,n,t)})),a=c({id:t,key:t,role:"none",className:l.classNames(e.className,U("submenuHeader",{submenu:e})),style:M("submenuHeader",{submenu:e}),"data-p-disabled":e.disabled},C("submenuHeader"));return s.createElement(s.Fragment,{key:t},s.createElement("li",a,e.label),r)},de=function(e){var n=y+"_separator_"+e,t=c({id:n,key:n,className:U("separator"),role:"separator"},C("separator"));return s.createElement("li",t)},fe=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(!1===e.visible)return null;var r=l.classNames("p-menuitem-link",{"p-disabled":e.disabled}),a=l.classNames("p-menuitem-icon",e.icon),o=c({className:U("icon")},C("icon")),i=l.IconUtils.getJSXIcon(e.icon,I({},o),{props:f}),u=c({className:U("label")},C("label")),p=e.label&&s.createElement("span",u,e.label),m=e.id||(t||y)+"_"+n,d=c({onClick:function(n){return z(n,e,m)},className:U("content")},C("content")),b=c({href:e.url||"#",className:U("action",{item:e}),onFocus:function(e){return e.stopPropagation()},target:e.target,tabIndex:"-1","aria-label":e.label,"aria-hidden":!0,"aria-disabled":e.disabled,"data-p-disabled":e.disabled},C("action")),v=s.createElement("div",d,s.createElement("a",b,i,p));e.template&&(v=l.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return z(n,e,m)},className:r,tabIndex:"-1",labelClassName:"p-menuitem-text",iconClassName:a,element:v,props:f}));var g=c({id:m,key:m,className:l.classNames(e.className,U("menuitem",{focused:x===m})),style:M("menuitem",{item:e}),role:"menuitem","aria-label":e.label,"aria-disabled":e.disabled,"data-p-focused":ae()===m,"data-p-disabled":e.disabled||!1},C("menuitem"));return s.createElement("li",g,v)},be=function(e,n){return e.separator?de(n):e.items?me(e,n):fe(e,n)},ye=function(){if(f.model){var e=f.model.map(be),n=c({className:l.classNames(f.className,U("root",{context:d})),style:f.style,onClick:function(e){return n=e,void(f.popup&&o.OverlayService.emit("overlay-click",{originalEvent:n,target:Z.current}));var n}},w.getOtherProps(f),C("root")),t=c({ref:R,className:U("menu"),id:y+"_list",tabIndex:f.tabIndex||"0",role:"menu","aria-label":f.ariaLabel,"aria-labelledby":f.ariaLabelledBy,"aria-activedescendant":A?ae():void 0,onFocus:G,onKeyDown:X,onBlur:J},C("menu")),a=c({classNames:U("transition"),in:O,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:ue,onEntered:ce,onExit:se,onExited:pe},C("transition"));return s.createElement(r.CSSTransition,m({nodeRef:q},a),s.createElement("div",m({id:f.id,ref:q},n),s.createElement("ul",t,e)))}return null}();return f.popup?s.createElement(i.Portal,{element:ye,appendTo:f.appendTo}):ye})));P.displayName="Menu",exports.Menu=P;

package/menu/menu.d.ts

@@ -118,7 +118,7 @@ export interface MenuProps extends Omit<React.DetailedHTMLProps<React.HTMLAttrib
      * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and 'self'. The self value is used to render a component where it is located.
      * @defaultValue document.body
      */
-    appendTo?: 'self' | HTMLElement | null | undefined;
+    appendTo?: 'self' | HTMLElement | undefined | null | (() => HTMLElement);
     /**
      * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
      * @type {CSSTransitionProps}

package/menu/menu.esm.js

@@ -3,10 +3,10 @@ import * as React from 'react';
 import PrimeReact, { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
-import { useOverlayListener, useMountEffect, useUnmountEffect as useUnmountEffect$1 } from 'primereact/hooks';
+import { useMergeProps, useDisplayOrder, useGlobalOnEscapeKey, ESC_KEY_HANDLING_PRIORITIES, useOverlayListener, useMountEffect, useUnmountEffect } from 'primereact/hooks';
 import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
-import { classNames, DomHandler, ObjectUtils, UniqueComponentId, ZIndexUtils, mergeProps, IconUtils } from 'primereact/utils';
+import { classNames, UniqueComponentId, ZIndexUtils, DomHandler, IconUtils, ObjectUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -211,109 +211,10 @@ var MenuBase = ComponentBase.extend({
   }
 });
 
-var usePrevious = function usePrevious(newValue) {
-  var ref = React.useRef(undefined);
-  React.useEffect(function () {
-    ref.current = newValue;
-  });
-  return ref.current;
-};
-
-/* eslint-disable */
-var useUnmountEffect = function useUnmountEffect(fn) {
-  return React.useEffect(function () {
-    return fn;
-  }, []);
-};
-/* eslint-enable */
-
-/* eslint-disable */
-var useEventListener = function useEventListener(_ref) {
-  var _ref$target = _ref.target,
-    target = _ref$target === void 0 ? 'document' : _ref$target,
-    type = _ref.type,
-    listener = _ref.listener,
-    options = _ref.options,
-    _ref$when = _ref.when,
-    when = _ref$when === void 0 ? true : _ref$when;
-  var targetRef = React.useRef(null);
-  var listenerRef = React.useRef(null);
-  var prevListener = usePrevious(listener);
-  var prevOptions = usePrevious(options);
-  var bind = function bind() {
-    var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    if (ObjectUtils.isNotEmpty(bindOptions.target)) {
-      unbind();
-      (bindOptions.when || when) && (targetRef.current = DomHandler.getTargetElement(bindOptions.target));
-    }
-    if (!listenerRef.current && targetRef.current) {
-      listenerRef.current = function (event) {
-        return listener && listener(event);
-      };
-      targetRef.current.addEventListener(type, listenerRef.current, options);
-    }
-  };
-  var unbind = function unbind() {
-    if (listenerRef.current) {
-      targetRef.current.removeEventListener(type, listenerRef.current, options);
-      listenerRef.current = null;
-    }
-  };
-  React.useEffect(function () {
-    if (when) {
-      targetRef.current = DomHandler.getTargetElement(target);
-    } else {
-      unbind();
-      targetRef.current = null;
-    }
-  }, [target, when]);
-  React.useEffect(function () {
-    // to properly compare functions we can implicitly converting the function to it's body's text as a String
-    if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
-      unbind();
-      when && bind();
-    }
-  }, [listener, options, when]);
-  useUnmountEffect(function () {
-    unbind();
-  });
-  return [bind, unbind];
-};
-/* eslint-enable */
-
-var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
-  var handleEsc = function handleEsc(event) {
-    if (event.key === 'Esc' || event.key === 'Escape') {
-      event.stopImmediatePropagation();
-      callback(event);
-    }
-    return;
-  };
-  var _useEventListener = useEventListener({
-      type: 'keydown',
-      listener: handleEsc
-    }),
-    _useEventListener2 = _slicedToArray(_useEventListener, 2),
-    bindKeyDownListener = _useEventListener2[0],
-    unbindKeyDownListener = _useEventListener2[1];
-  React.useEffect(function () {
-    if (!condition) {
-      return;
-    }
-    if (!ref.current) {
-      return;
-    }
-    bindKeyDownListener();
-    return function () {
-      unbindKeyDownListener();
-    };
-  });
-  return [ref, callback];
-};
-
 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 Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = MenuBase.getProps(inProps, context);
   var _React$useState = React.useState(props.id),
@@ -353,8 +254,13 @@ var Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
   var menuRef = React.useRef(null);
   var listRef = React.useRef(null);
   var targetRef = React.useRef(null);
-  useOnEscapeKey(targetRef, props.popup && props.closeOnEscape, function (event) {
-    hide(event);
+  var popupMenuDisplayOrder = useDisplayOrder('menu', !!(visibleState && props.popup));
+  useGlobalOnEscapeKey({
+    callback: function callback(event) {
+      hide(event);
+    },
+    when: visibleState && props.popup && props.closeOnEscape && popupMenuDisplayOrder,
+    priority: [ESC_KEY_HANDLING_PRIORITIES.MENU, popupMenuDisplayOrder]
   });
   var _useOverlayListener = useOverlayListener({
       target: targetRef,
@@ -384,9 +290,6 @@ var Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
       event.preventDefault();
       return;
     }
-    if (!item.url) {
-      event.preventDefault();
-    }
     if (item.command) {
       item.command({
         originalEvent: event,
@@ -399,8 +302,10 @@ var Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
     if (!props.popup && focusedOptionIndex !== key) {
       setFocusedOptionIndex(key);
     }
-    event.preventDefault();
-    event.stopPropagation();
+    if (!item.url) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
   };
   var onListFocus = function onListFocus(event) {
     setFocused(true);
@@ -546,7 +451,7 @@ var Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
       setIdState(UniqueComponentId());
     }
   });
-  useUnmountEffect$1(function () {
+  useUnmountEffect(function () {
     ZIndexUtils.clear(menuRef.current);
   });
   React.useImperativeHandle(ref, function () {

package/menu/menu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{CSSTransition as i}from"primereact/csstransition";import{useOverlayListener as a,useMountEffect as u,useUnmountEffect as l}from"primereact/hooks";import{OverlayService as c}from"primereact/overlayservice";import{Portal as s}from"primereact/portal";import{classNames as p,DomHandler as m,ObjectUtils as f,UniqueComponentId as d,ZIndexUtils as b,mergeProps as y,IconUtils as v}from"primereact/utils";function g(){return g=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},g.apply(this,arguments)}function h(e){return h="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},h(e)}function E(e,n){if("object"!==h(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=E(e,"string");return"symbol"===h(n)?n:String(n)}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 O(e){if(Array.isArray(e))return x(e)}function w(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}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 j(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(e){return O(e)||w(e)||k(e)||j()}function P(e){if(Array.isArray(e))return e}function N(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,u=[],l=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(u.push(r.value),u.length!==n);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw o}}return u}}function D(){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 A(e,n){return P(e)||N(e,n)||k(e,n)||D()}var T=r.extend({defaultProps:{__TYPE:"Menu",id:null,ariaLabel:null,ariaLabelledBy:null,tabIndex:0,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,onFocus:null,onBlur:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var t=e.context;return p("p-menu p-component",{"p-menu-overlay":e.props.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},menu:"p-menu-list p-reset",content:"p-menuitem-content",action:function(e){return p("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return p("p-menuitem",{"p-focus":e.focused})},submenuHeader:function(e){return p("p-submenu-header",{"p-disabled":e.submenu.disabled})},separator:"p-menu-separator",label:"p-menuitem-text",icon:"p-menuitem-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-menu-overlay {\n        position: absolute;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n\n    .p-menu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-menu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n",inlineStyles:{submenuHeader:function(e){return e.submenu.style},menuitem:function(e){return e.item.style}}}}),H=function(n){var t=e.useRef(void 0);return e.useEffect((function(){t.current=n})),t.current},R=function(n,t,r){var o,i,a,u,l,c,s,p,d,b,y,v,g,h,E,S=(u=void 0===(a=(o={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),r(e))}}).target)?"document":a,l=o.type,c=o.listener,s=o.options,d=void 0===(p=o.when)||p,b=e.useRef(null),y=e.useRef(null),v=H(c),g=H(s),h=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};f.isNotEmpty(e.target)&&(E(),(e.when||d)&&(b.current=m.getTargetElement(e.target))),!y.current&&b.current&&(y.current=function(e){return c&&c(e)},b.current.addEventListener(l,y.current,s))},E=function(){y.current&&(b.current.removeEventListener(l,y.current,s),y.current=null)},e.useEffect((function(){d?b.current=m.getTargetElement(u):(E(),b.current=null)}),[u,d]),e.useEffect((function(){!y.current||""+v==""+c&&g===s||(E(),d&&h())}),[c,s,d]),i=function(){E()},e.useEffect((function(){return i}),[]),[h,E]),x=A(S,2),O=x[0],w=x[1];return e.useEffect((function(){if(t&&n.current)return O(),function(){w()}})),[n,r]};function _(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?_(Object(t),!0).forEach((function(n){var r,o,i;r=e,i=t[n],(o=S(o=n))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):_(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var B=e.memo(e.forwardRef((function(r,h){var E=e.useContext(t),S=T.getProps(r,E),x=A(e.useState(S.id),2),O=x[0],w=x[1],k=A(e.useState(!S.popup),2),j=k[0],P=k[1],N=A(e.useState(-1),2),D=N[0],H=N[1],_=A(e.useState(-1),2),B=_[0],F=_[1],L=A(e.useState(!1),2),Z=L[0],M=L[1],U=T.setMetaData({props:S,state:{id:O,visible:j}}),z=U.ptm,J=U.cx,K=U.sx;o(T.css.styles,U.isUnstyled,{name:"menu"});var X=e.useRef(null),G=e.useRef(null),Y=e.useRef(null);R(Y,S.popup&&S.closeOnEscape,(function(e){de(e)}));var $=A(a({target:Y,overlay:X,listener:function(e,n){n.valid&&(de(e),H(-1))},when:j}),2),q=$[0],Q=$[1],V=function(e,n,t){n.disabled?e.preventDefault():(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),S.popup&&de(e),S.popup||D===t||H(t),e.preventDefault(),e.stopPropagation())},W=function(e){M(!0),S.popup||(-1!==B?(se(B),F(-1)):se(0)),S.onFocus&&S.onFocus(e)},ee=function(e){M(!1),H(-1),S.onBlur&&S.onBlur(e)},ne=function(e){switch(e.code){case"ArrowDown":te(e);break;case"ArrowUp":re(e);break;case"Home":oe(e);break;case"End":ie(e);break;case"Enter":ae(e);break;case"Space":ue(e);break;case"Escape":S.popup&&(m.focus(Y.current),de(e));case"Tab":S.popup&&j&&de(e)}},te=function(e){var n=le(D);se(n),e.preventDefault()},re=function(e){if(e.altKey&&S.popup)m.focus(Y.current),de(e),e.preventDefault();else{var n=ce(D);se(n),e.preventDefault()}},oe=function(e){se(0),e.preventDefault()},ie=function(e){se(m.find(X.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1),e.preventDefault()},ae=function(e){var n=m.findSingle(X.current,'li[id="'.concat("".concat(D),'"]')),t=n&&m.findSingle(n,'a[data-pc-section="action"]');S.popup&&m.focus(Y.current),t?t.click():n&&n.click(),e.preventDefault()},ue=function(e){ae(e)},le=function(e){var n=I(m.find(X.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},ce=function(e){var n=I(m.find(X.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},se=function(e){var n=m.find(X.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]'),t=e>=n.length?n.length-1:e<0?0:e;t>-1&&H(n[t].getAttribute("id"))},pe=function(){return-1!==D?D:null},me=function(e){S.popup&&(j?de(e):fe(e))},fe=function(e){Y.current=e.currentTarget,P(!0),S.onShow&&S.onShow(e)},de=function(e){Y.current=e.currentTarget,P(!1),S.onHide&&S.onHide(e)},be=function(){m.addStyles(X.current,{position:"absolute",top:"0",left:"0"}),b.set("menu",X.current,E&&E.autoZIndex||n.autoZIndex,S.baseZIndex||E&&E.zIndex.menu||n.zIndex.menu),m.absolutePosition(X.current,Y.current,S.popupAlignment),S.popup&&(m.focus(G.current),se(0))},ye=function(){q()},ve=function(){Y.current=null,Q()},ge=function(){b.clear(X.current)};u((function(){O||w(d())})),l((function(){b.clear(X.current)})),e.useImperativeHandle(h,(function(){return{props:S,toggle:me,show:fe,hide:de,getElement:function(){return X.current},getTarget:function(){return Y.current}}}));var he=function(n,t){var r=O+"_sub_"+t,o=n.items.map((function(e,n){return Se(e,n,r)})),i=y({id:r,key:r,role:"none",className:p(n.className,J("submenuHeader",{submenu:n})),style:K("submenuHeader",{submenu:n}),"data-p-disabled":n.disabled},z("submenuHeader"));return e.createElement(e.Fragment,{key:r},e.createElement("li",i,n.label),o)},Ee=function(n){var t=O+"_separator_"+n,r=y({id:t,key:t,className:J("separator"),role:"separator"},z("separator"));return e.createElement("li",r)},Se=function(n,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(!1===n.visible)return null;var o=p("p-menuitem-link",{"p-disabled":n.disabled}),i=p("p-menuitem-icon",n.icon),a=y({className:J("icon")},z("icon")),u=v.getJSXIcon(n.icon,C({},a),{props:S}),l=y({className:J("label")},z("label")),c=n.label&&e.createElement("span",l,n.label),s=n.id||(r||O)+"_"+t,m=y({onClick:function(e){return V(e,n,s)},className:J("content")},z("content")),d=y({href:n.url||"#",className:J("action",{item:n}),onFocus:function(e){return e.stopPropagation()},target:n.target,tabIndex:"-1","aria-label":n.label,"aria-hidden":!0,"aria-disabled":n.disabled,"data-p-disabled":n.disabled},z("action")),b=e.createElement("div",m,e.createElement("a",d,u,c));n.template&&(b=f.getJSXElement(n.template,n,{onClick:function(e){return V(e,n,s)},className:o,tabIndex:"-1",labelClassName:"p-menuitem-text",iconClassName:i,element:b,props:S}));var g=y({id:s,key:s,className:p(n.className,J("menuitem",{focused:D===s})),style:K("menuitem",{item:n}),role:"menuitem","aria-label":n.label,"aria-disabled":n.disabled,"data-p-focused":pe()===s,"data-p-disabled":n.disabled||!1},z("menuitem"));return e.createElement("li",g,b)},xe=function(e,n){return e.separator?Ee(n):e.items?he(e,n):Se(e,n)},Oe=function(){if(S.model){var n=S.model.map(xe),t=y({className:p(S.className,J("root",{context:E})),style:S.style,onClick:function(e){return n=e,void(S.popup&&c.emit("overlay-click",{originalEvent:n,target:Y.current}));var n}},T.getOtherProps(S),z("root")),r=y({ref:G,className:J("menu"),id:O+"_list",tabIndex:S.tabIndex||"0",role:"menu","aria-label":S.ariaLabel,"aria-labelledby":S.ariaLabelledBy,"aria-activedescendant":Z?pe():void 0,onFocus:W,onKeyDown:ne,onBlur:ee},z("menu")),o=y({classNames:J("transition"),in:j,timeout:{enter:120,exit:100},options:S.transitionOptions,unmountOnExit:!0,onEnter:be,onEntered:ye,onExit:ve,onExited:ge},z("transition"));return e.createElement(i,g({nodeRef:X},o),e.createElement("div",g({id:S.id,ref:X},t),e.createElement("ul",r,n)))}return null}();return S.popup?e.createElement(s,{element:Oe,appendTo:S.appendTo}):Oe})));B.displayName="Menu";export{B as Menu};
+import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as a}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as i,useDisplayOrder as u,useGlobalOnEscapeKey as l,ESC_KEY_HANDLING_PRIORITIES as c,useOverlayListener as s,useMountEffect as p,useUnmountEffect as m}from"primereact/hooks";import{OverlayService as d}from"primereact/overlayservice";import{Portal as f}from"primereact/portal";import{classNames as b,UniqueComponentId as y,ZIndexUtils as v,DomHandler as g,IconUtils as h,ObjectUtils as S}from"primereact/utils";function x(){return x=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},x.apply(this,arguments)}function E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function O(e,n){if("object"!==E(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function w(e){var n=O(e,"string");return"symbol"===E(n)?n:String(n)}function j(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){if(Array.isArray(e))return j(e)}function I(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function N(e,n){if(e){if("string"==typeof e)return j(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)?j(e,n):void 0}}function P(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function D(e){return k(e)||I(e)||N(e)||P()}function A(e){if(Array.isArray(e))return e}function T(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 H(){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,n){return A(e)||T(e,n)||N(e,n)||H()}var C=r.extend({defaultProps:{__TYPE:"Menu",id:null,ariaLabel:null,ariaLabelledBy:null,tabIndex:0,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,onFocus:null,onBlur:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var t=e.context;return b("p-menu p-component",{"p-menu-overlay":e.props.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},menu:"p-menu-list p-reset",content:"p-menuitem-content",action:function(e){return b("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return b("p-menuitem",{"p-focus":e.focused})},submenuHeader:function(e){return b("p-submenu-header",{"p-disabled":e.submenu.disabled})},separator:"p-menu-separator",label:"p-menuitem-text",icon:"p-menuitem-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-menu-overlay {\n        position: absolute;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n\n    .p-menu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-menu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n",inlineStyles:{submenuHeader:function(e){return e.submenu.style},menuitem:function(e){return e.item.style}}}});function B(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 F(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?B(Object(t),!0).forEach((function(n){var r,a,o;r=e,o=t[n],(a=w(a=n))in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):B(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var M=e.memo(e.forwardRef((function(r,E){var O=i(),w=e.useContext(t),j=C.getProps(r,w),k=_(e.useState(j.id),2),I=k[0],N=k[1],P=_(e.useState(!j.popup),2),A=P[0],T=P[1],H=_(e.useState(-1),2),B=H[0],M=H[1],R=_(e.useState(-1),2),Z=R[0],L=R[1],U=_(e.useState(!1),2),z=U[0],J=U[1],K=C.setMetaData({props:j,state:{id:I,visible:A}}),X=K.ptm,G=K.cx,Y=K.sx;a(C.css.styles,K.isUnstyled,{name:"menu"});var $=e.useRef(null),q=e.useRef(null),Q=e.useRef(null),V=u("menu",!(!A||!j.popup));l({callback:function(e){ge(e)},when:A&&j.popup&&j.closeOnEscape&&V,priority:[c.MENU,V]});var W=_(s({target:Q,overlay:$,listener:function(e,n){n.valid&&(ge(e),M(-1))},when:A}),2),ee=W[0],ne=W[1],te=function(e,n,t){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),j.popup&&ge(e),j.popup||B===t||M(t),n.url||(e.preventDefault(),e.stopPropagation()))},re=function(e){J(!0),j.popup||(-1!==Z?(fe(Z),L(-1)):fe(0)),j.onFocus&&j.onFocus(e)},ae=function(e){J(!1),M(-1),j.onBlur&&j.onBlur(e)},oe=function(e){switch(e.code){case"ArrowDown":ie(e);break;case"ArrowUp":ue(e);break;case"Home":le(e);break;case"End":ce(e);break;case"Enter":se(e);break;case"Space":pe(e);break;case"Escape":j.popup&&(g.focus(Q.current),ge(e));case"Tab":j.popup&&A&&ge(e)}},ie=function(e){var n=me(B);fe(n),e.preventDefault()},ue=function(e){if(e.altKey&&j.popup)g.focus(Q.current),ge(e),e.preventDefault();else{var n=de(B);fe(n),e.preventDefault()}},le=function(e){fe(0),e.preventDefault()},ce=function(e){fe(g.find($.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1),e.preventDefault()},se=function(e){var n=g.findSingle($.current,'li[id="'.concat("".concat(B),'"]')),t=n&&g.findSingle(n,'a[data-pc-section="action"]');j.popup&&g.focus(Q.current),t?t.click():n&&n.click(),e.preventDefault()},pe=function(e){se(e)},me=function(e){var n=D(g.find($.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},de=function(e){var n=D(g.find($.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},fe=function(e){var n=g.find($.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]'),t=e>=n.length?n.length-1:e<0?0:e;t>-1&&M(n[t].getAttribute("id"))},be=function(){return-1!==B?B:null},ye=function(e){j.popup&&(A?ge(e):ve(e))},ve=function(e){Q.current=e.currentTarget,T(!0),j.onShow&&j.onShow(e)},ge=function(e){Q.current=e.currentTarget,T(!1),j.onHide&&j.onHide(e)},he=function(){g.addStyles($.current,{position:"absolute",top:"0",left:"0"}),v.set("menu",$.current,w&&w.autoZIndex||n.autoZIndex,j.baseZIndex||w&&w.zIndex.menu||n.zIndex.menu),g.absolutePosition($.current,Q.current,j.popupAlignment),j.popup&&(g.focus(q.current),fe(0))},Se=function(){ee()},xe=function(){Q.current=null,ne()},Ee=function(){v.clear($.current)};p((function(){I||N(y())})),m((function(){v.clear($.current)})),e.useImperativeHandle(E,(function(){return{props:j,toggle:ye,show:ve,hide:ge,getElement:function(){return $.current},getTarget:function(){return Q.current}}}));var Oe=function(n,t){var r=I+"_sub_"+t,a=n.items.map((function(e,n){return je(e,n,r)})),o=O({id:r,key:r,role:"none",className:b(n.className,G("submenuHeader",{submenu:n})),style:Y("submenuHeader",{submenu:n}),"data-p-disabled":n.disabled},X("submenuHeader"));return e.createElement(e.Fragment,{key:r},e.createElement("li",o,n.label),a)},we=function(n){var t=I+"_separator_"+n,r=O({id:t,key:t,className:G("separator"),role:"separator"},X("separator"));return e.createElement("li",r)},je=function(n,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(!1===n.visible)return null;var a=b("p-menuitem-link",{"p-disabled":n.disabled}),o=b("p-menuitem-icon",n.icon),i=O({className:G("icon")},X("icon")),u=h.getJSXIcon(n.icon,F({},i),{props:j}),l=O({className:G("label")},X("label")),c=n.label&&e.createElement("span",l,n.label),s=n.id||(r||I)+"_"+t,p=O({onClick:function(e){return te(e,n,s)},className:G("content")},X("content")),m=O({href:n.url||"#",className:G("action",{item:n}),onFocus:function(e){return e.stopPropagation()},target:n.target,tabIndex:"-1","aria-label":n.label,"aria-hidden":!0,"aria-disabled":n.disabled,"data-p-disabled":n.disabled},X("action")),d=e.createElement("div",p,e.createElement("a",m,u,c));n.template&&(d=S.getJSXElement(n.template,n,{onClick:function(e){return te(e,n,s)},className:a,tabIndex:"-1",labelClassName:"p-menuitem-text",iconClassName:o,element:d,props:j}));var f=O({id:s,key:s,className:b(n.className,G("menuitem",{focused:B===s})),style:Y("menuitem",{item:n}),role:"menuitem","aria-label":n.label,"aria-disabled":n.disabled,"data-p-focused":be()===s,"data-p-disabled":n.disabled||!1},X("menuitem"));return e.createElement("li",f,d)},ke=function(e,n){return e.separator?we(n):e.items?Oe(e,n):je(e,n)},Ie=function(){if(j.model){var n=j.model.map(ke),t=O({className:b(j.className,G("root",{context:w})),style:j.style,onClick:function(e){return n=e,void(j.popup&&d.emit("overlay-click",{originalEvent:n,target:Q.current}));var n}},C.getOtherProps(j),X("root")),r=O({ref:q,className:G("menu"),id:I+"_list",tabIndex:j.tabIndex||"0",role:"menu","aria-label":j.ariaLabel,"aria-labelledby":j.ariaLabelledBy,"aria-activedescendant":z?be():void 0,onFocus:re,onKeyDown:oe,onBlur:ae},X("menu")),a=O({classNames:G("transition"),in:A,timeout:{enter:120,exit:100},options:j.transitionOptions,unmountOnExit:!0,onEnter:he,onEntered:Se,onExit:xe,onExited:Ee},X("transition"));return e.createElement(o,x({nodeRef:$},a),e.createElement("div",x({id:j.id,ref:$},t),e.createElement("ul",r,n)))}return null}();return j.popup?e.createElement(f,{element:Ie,appendTo:j.appendTo}):Ie})));M.displayName="Menu";export{M as Menu};

package/menu/menu.js

@@ -228,109 +228,10 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
     }
   });
 
-  var usePrevious = function usePrevious(newValue) {
-    var ref = React__namespace.useRef(undefined);
-    React__namespace.useEffect(function () {
-      ref.current = newValue;
-    });
-    return ref.current;
-  };
-
-  /* eslint-disable */
-  var useUnmountEffect = function useUnmountEffect(fn) {
-    return React__namespace.useEffect(function () {
-      return fn;
-    }, []);
-  };
-  /* eslint-enable */
-
-  /* eslint-disable */
-  var useEventListener = function useEventListener(_ref) {
-    var _ref$target = _ref.target,
-      target = _ref$target === void 0 ? 'document' : _ref$target,
-      type = _ref.type,
-      listener = _ref.listener,
-      options = _ref.options,
-      _ref$when = _ref.when,
-      when = _ref$when === void 0 ? true : _ref$when;
-    var targetRef = React__namespace.useRef(null);
-    var listenerRef = React__namespace.useRef(null);
-    var prevListener = usePrevious(listener);
-    var prevOptions = usePrevious(options);
-    var bind = function bind() {
-      var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      if (utils.ObjectUtils.isNotEmpty(bindOptions.target)) {
-        unbind();
-        (bindOptions.when || when) && (targetRef.current = utils.DomHandler.getTargetElement(bindOptions.target));
-      }
-      if (!listenerRef.current && targetRef.current) {
-        listenerRef.current = function (event) {
-          return listener && listener(event);
-        };
-        targetRef.current.addEventListener(type, listenerRef.current, options);
-      }
-    };
-    var unbind = function unbind() {
-      if (listenerRef.current) {
-        targetRef.current.removeEventListener(type, listenerRef.current, options);
-        listenerRef.current = null;
-      }
-    };
-    React__namespace.useEffect(function () {
-      if (when) {
-        targetRef.current = utils.DomHandler.getTargetElement(target);
-      } else {
-        unbind();
-        targetRef.current = null;
-      }
-    }, [target, when]);
-    React__namespace.useEffect(function () {
-      // to properly compare functions we can implicitly converting the function to it's body's text as a String
-      if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
-        unbind();
-        when && bind();
-      }
-    }, [listener, options, when]);
-    useUnmountEffect(function () {
-      unbind();
-    });
-    return [bind, unbind];
-  };
-  /* eslint-enable */
-
-  var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
-    var handleEsc = function handleEsc(event) {
-      if (event.key === 'Esc' || event.key === 'Escape') {
-        event.stopImmediatePropagation();
-        callback(event);
-      }
-      return;
-    };
-    var _useEventListener = useEventListener({
-        type: 'keydown',
-        listener: handleEsc
-      }),
-      _useEventListener2 = _slicedToArray(_useEventListener, 2),
-      bindKeyDownListener = _useEventListener2[0],
-      unbindKeyDownListener = _useEventListener2[1];
-    React__namespace.useEffect(function () {
-      if (!condition) {
-        return;
-      }
-      if (!ref.current) {
-        return;
-      }
-      bindKeyDownListener();
-      return function () {
-        unbindKeyDownListener();
-      };
-    });
-    return [ref, callback];
-  };
-
   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 Menu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = MenuBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(props.id),
@@ -370,8 +271,13 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
     var menuRef = React__namespace.useRef(null);
     var listRef = React__namespace.useRef(null);
     var targetRef = React__namespace.useRef(null);
-    useOnEscapeKey(targetRef, props.popup && props.closeOnEscape, function (event) {
-      hide(event);
+    var popupMenuDisplayOrder = hooks.useDisplayOrder('menu', !!(visibleState && props.popup));
+    hooks.useGlobalOnEscapeKey({
+      callback: function callback(event) {
+        hide(event);
+      },
+      when: visibleState && props.popup && props.closeOnEscape && popupMenuDisplayOrder,
+      priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.MENU, popupMenuDisplayOrder]
     });
     var _useOverlayListener = hooks.useOverlayListener({
         target: targetRef,
@@ -401,9 +307,6 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
         event.preventDefault();
         return;
       }
-      if (!item.url) {
-        event.preventDefault();
-      }
       if (item.command) {
         item.command({
           originalEvent: event,
@@ -416,8 +319,10 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
       if (!props.popup && focusedOptionIndex !== key) {
         setFocusedOptionIndex(key);
       }
-      event.preventDefault();
-      event.stopPropagation();
+      if (!item.url) {
+        event.preventDefault();
+        event.stopPropagation();
+      }
     };
     var onListFocus = function onListFocus(event) {
       setFocused(true);
@@ -585,7 +490,7 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
       var items = submenu.items.map(function (item, index) {
         return createMenuItem(item, index, key);
       });
-      var submenuHeaderProps = utils.mergeProps({
+      var submenuHeaderProps = mergeProps({
         id: key,
         key: key,
         role: 'none',
@@ -603,7 +508,7 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
     };
     var createSeparator = function createSeparator(index) {
       var key = idState + '_separator_' + index;
-      var separatorProps = utils.mergeProps({
+      var separatorProps = mergeProps({
         id: key,
         key: key,
         className: cx('separator'),
@@ -620,24 +525,24 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
         'p-disabled': item.disabled
       });
       var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
-      var iconProps = utils.mergeProps({
+      var iconProps = mergeProps({
         className: cx('icon')
       }, ptm('icon'));
       var icon = utils.IconUtils.getJSXIcon(item.icon, _objectSpread({}, iconProps), {
         props: props
       });
-      var labelProps = utils.mergeProps({
+      var labelProps = mergeProps({
         className: cx('label')
       }, ptm('label'));
       var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
       var key = item.id || (parentId || idState) + '_' + index;
-      var contentProps = utils.mergeProps({
+      var contentProps = mergeProps({
         onClick: function onClick(event) {
           return onItemClick(event, item, key);
         },
         className: cx('content')
       }, ptm('content'));
-      var actionProps = utils.mergeProps({
+      var actionProps = mergeProps({
         href: item.url || '#',
         className: cx('action', {
           item: item
@@ -667,7 +572,7 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
         };
         content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
       }
-      var menuitemProps = utils.mergeProps({
+      var menuitemProps = mergeProps({
         id: key,
         key: key,
         className: utils.classNames(item.className, cx('menuitem', {
@@ -693,7 +598,7 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
     var createElement = function createElement() {
       if (props.model) {
         var menuitems = createMenu();
-        var rootProps = utils.mergeProps({
+        var rootProps = mergeProps({
           className: utils.classNames(props.className, cx('root', {
             context: context
           })),
@@ -702,7 +607,7 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
             return onPanelClick(e);
           }
         }, MenuBase.getOtherProps(props), ptm('root'));
-        var menuProps = utils.mergeProps({
+        var menuProps = mergeProps({
           ref: listRef,
           className: cx('menu'),
           id: idState + '_list',
@@ -715,7 +620,7 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
           onKeyDown: onListKeyDown,
           onBlur: onListBlur
         }, ptm('menu'));
-        var transitionProps = utils.mergeProps({
+        var transitionProps = mergeProps({
           classNames: cx('transition'),
           "in": visibleState,
           timeout: {

package/menu/menu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.menu=function(e,n,t,r,a,o,i,u,l){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(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 p=s(n),m=c(t);function f(){return f=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},f.apply(this,arguments)}function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function b(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=b(e,"string");return"symbol"===d(n)?n:String(n)}function v(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 g(e){if(Array.isArray(e))return v(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,n){if(e){if("string"==typeof e)return v(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)?v(e,n):void 0}}function O(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e){return g(e)||h(e)||E(e)||O()}function x(e){if(Array.isArray(e))return e}function P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,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 j(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,n){return x(e)||P(e,n)||E(e,n)||j()}var D=r.ComponentBase.extend({defaultProps:{__TYPE:"Menu",id:null,ariaLabel:null,ariaLabelledBy:null,tabIndex:0,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,onFocus:null,onBlur:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return l.classNames("p-menu p-component",{"p-menu-overlay":e.props.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===m.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===m.default.ripple})},menu:"p-menu-list p-reset",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",{"p-focus":e.focused})},submenuHeader:function(e){return l.classNames("p-submenu-header",{"p-disabled":e.submenu.disabled})},separator:"p-menu-separator",label:"p-menuitem-text",icon:"p-menuitem-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-menu-overlay {\n        position: absolute;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n\n    .p-menu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-menu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n",inlineStyles:{submenuHeader:function(e){return e.submenu.style},menuitem:function(e){return e.item.style}}}}),N=function(e){var n=p.useRef(void 0);return p.useEffect((function(){n.current=e})),n.current},I=function(e,n,t){var r,a,o,i,u,c,s,m,f,d,b,y,v,g,h,E=(i=void 0===(o=(r={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),t(e))}}).target)?"document":o,u=r.type,c=r.listener,s=r.options,f=void 0===(m=r.when)||m,d=p.useRef(null),b=p.useRef(null),y=N(c),v=N(s),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};l.ObjectUtils.isNotEmpty(e.target)&&(h(),(e.when||f)&&(d.current=l.DomHandler.getTargetElement(e.target))),!b.current&&d.current&&(b.current=function(e){return c&&c(e)},d.current.addEventListener(u,b.current,s))},h=function(){b.current&&(d.current.removeEventListener(u,b.current,s),b.current=null)},p.useEffect((function(){f?d.current=l.DomHandler.getTargetElement(i):(h(),d.current=null)}),[i,f]),p.useEffect((function(){!b.current||""+y==""+c&&v===s||(h(),f&&g())}),[c,s,f]),a=function(){h()},p.useEffect((function(){return a}),[]),[g,h]),O=w(E,2),S=O[0],x=O[1];return p.useEffect((function(){if(n&&e.current)return S(),function(){x()}})),[e,t]};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 H(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){var r,a,o;r=e,o=t[n],(a=y(a=n))in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var A=p.memo(p.forwardRef((function(e,n){var c=p.useContext(t.PrimeReactContext),s=D.getProps(e,c),d=w(p.useState(s.id),2),b=d[0],y=d[1],v=w(p.useState(!s.popup),2),g=v[0],h=v[1],E=w(p.useState(-1),2),O=E[0],x=E[1],P=w(p.useState(-1),2),j=P[0],N=P[1],k=w(p.useState(!1),2),A=k[0],T=k[1],_=D.setMetaData({props:s,state:{id:b,visible:g}}),C=_.ptm,U=_.cx,R=_.sx;r.useHandleStyle(D.css.styles,_.isUnstyled,{name:"menu"});var M=p.useRef(null),Z=p.useRef(null),B=p.useRef(null);I(B,s.popup&&s.closeOnEscape,(function(e){ie(e)}));var L=w(o.useOverlayListener({target:B,overlay:M,listener:function(e,n){n.valid&&(ie(e),x(-1))},when:g}),2),F=L[0],z=L[1],J=function(e,n,t){n.disabled?e.preventDefault():(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),s.popup&&ie(e),s.popup||O===t||x(t),e.preventDefault(),e.stopPropagation())},K=function(e){T(!0),s.popup||(-1!==j?(te(j),N(-1)):te(0)),s.onFocus&&s.onFocus(e)},X=function(e){T(!1),x(-1),s.onBlur&&s.onBlur(e)},q=function(e){switch(e.code){case"ArrowDown":G(e);break;case"ArrowUp":Y(e);break;case"Home":$(e);break;case"End":Q(e);break;case"Enter":V(e);break;case"Space":W(e);break;case"Escape":s.popup&&(l.DomHandler.focus(B.current),ie(e));case"Tab":s.popup&&g&&ie(e)}},G=function(e){var n=ee(O);te(n),e.preventDefault()},Y=function(e){if(e.altKey&&s.popup)l.DomHandler.focus(B.current),ie(e),e.preventDefault();else{var n=ne(O);te(n),e.preventDefault()}},$=function(e){te(0),e.preventDefault()},Q=function(e){te(l.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1),e.preventDefault()},V=function(e){var n=l.DomHandler.findSingle(M.current,'li[id="'.concat("".concat(O),'"]')),t=n&&l.DomHandler.findSingle(n,'a[data-pc-section="action"]');s.popup&&l.DomHandler.focus(B.current),t?t.click():n&&n.click(),e.preventDefault()},W=function(e){V(e)},ee=function(e){var n=S(l.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},ne=function(e){var n=S(l.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},te=function(e){var n=l.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]'),t=e>=n.length?n.length-1:e<0?0:e;t>-1&&x(n[t].getAttribute("id"))},re=function(){return-1!==O?O:null},ae=function(e){s.popup&&(g?ie(e):oe(e))},oe=function(e){B.current=e.currentTarget,h(!0),s.onShow&&s.onShow(e)},ie=function(e){B.current=e.currentTarget,h(!1),s.onHide&&s.onHide(e)},ue=function(){l.DomHandler.addStyles(M.current,{position:"absolute",top:"0",left:"0"}),l.ZIndexUtils.set("menu",M.current,c&&c.autoZIndex||m.default.autoZIndex,s.baseZIndex||c&&c.zIndex.menu||m.default.zIndex.menu),l.DomHandler.absolutePosition(M.current,B.current,s.popupAlignment),s.popup&&(l.DomHandler.focus(Z.current),te(0))},le=function(){F()},ce=function(){B.current=null,z()},se=function(){l.ZIndexUtils.clear(M.current)};o.useMountEffect((function(){b||y(l.UniqueComponentId())})),o.useUnmountEffect((function(){l.ZIndexUtils.clear(M.current)})),p.useImperativeHandle(n,(function(){return{props:s,toggle:ae,show:oe,hide:ie,getElement:function(){return M.current},getTarget:function(){return B.current}}}));var pe=function(e,n){var t=b+"_sub_"+n,r=e.items.map((function(e,n){return fe(e,n,t)})),a=l.mergeProps({id:t,key:t,role:"none",className:l.classNames(e.className,U("submenuHeader",{submenu:e})),style:R("submenuHeader",{submenu:e}),"data-p-disabled":e.disabled},C("submenuHeader"));return p.createElement(p.Fragment,{key:t},p.createElement("li",a,e.label),r)},me=function(e){var n=b+"_separator_"+e,t=l.mergeProps({id:n,key:n,className:U("separator"),role:"separator"},C("separator"));return p.createElement("li",t)},fe=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(!1===e.visible)return null;var r=l.classNames("p-menuitem-link",{"p-disabled":e.disabled}),a=l.classNames("p-menuitem-icon",e.icon),o=l.mergeProps({className:U("icon")},C("icon")),i=l.IconUtils.getJSXIcon(e.icon,H({},o),{props:s}),u=l.mergeProps({className:U("label")},C("label")),c=e.label&&p.createElement("span",u,e.label),m=e.id||(t||b)+"_"+n,f=l.mergeProps({onClick:function(n){return J(n,e,m)},className:U("content")},C("content")),d=l.mergeProps({href:e.url||"#",className:U("action",{item:e}),onFocus:function(e){return e.stopPropagation()},target:e.target,tabIndex:"-1","aria-label":e.label,"aria-hidden":!0,"aria-disabled":e.disabled,"data-p-disabled":e.disabled},C("action")),y=p.createElement("div",f,p.createElement("a",d,i,c));e.template&&(y=l.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return J(n,e,m)},className:r,tabIndex:"-1",labelClassName:"p-menuitem-text",iconClassName:a,element:y,props:s}));var v=l.mergeProps({id:m,key:m,className:l.classNames(e.className,U("menuitem",{focused:O===m})),style:R("menuitem",{item:e}),role:"menuitem","aria-label":e.label,"aria-disabled":e.disabled,"data-p-focused":re()===m,"data-p-disabled":e.disabled||!1},C("menuitem"));return p.createElement("li",v,y)},de=function(e,n){return e.separator?me(n):e.items?pe(e,n):fe(e,n)},be=function(){if(s.model){var e=s.model.map(de),n=l.mergeProps({className:l.classNames(s.className,U("root",{context:c})),style:s.style,onClick:function(e){return n=e,void(s.popup&&i.OverlayService.emit("overlay-click",{originalEvent:n,target:B.current}));var n}},D.getOtherProps(s),C("root")),t=l.mergeProps({ref:Z,className:U("menu"),id:b+"_list",tabIndex:s.tabIndex||"0",role:"menu","aria-label":s.ariaLabel,"aria-labelledby":s.ariaLabelledBy,"aria-activedescendant":A?re():void 0,onFocus:K,onKeyDown:q,onBlur:X},C("menu")),r=l.mergeProps({classNames:U("transition"),in:g,timeout:{enter:120,exit:100},options:s.transitionOptions,unmountOnExit:!0,onEnter:ue,onEntered:le,onExit:ce,onExited:se},C("transition"));return p.createElement(a.CSSTransition,f({nodeRef:M},r),p.createElement("div",f({id:s.id,ref:M},n),p.createElement("ul",t,e)))}return null}();return s.popup?p.createElement(u.Portal,{element:be,appendTo:s.appendTo}):be})));return A.displayName="Menu",e.Menu=A,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.menu=function(e,n,t,r,a,o,i,l,u){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(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 p=s(n),m=c(t);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function b(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=b(e,"string");return"symbol"===f(n)?n:String(n)}function v(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 g(e){if(Array.isArray(e))return v(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,n){if(e){if("string"==typeof e)return v(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)?v(e,n):void 0}}function S(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e){return g(e)||h(e)||O(e)||S()}function x(e){if(Array.isArray(e))return e}function j(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,o,i,l=[],u=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=o.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}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 w(e,n){return x(e)||j(e,n)||O(e,n)||N()}var D=r.ComponentBase.extend({defaultProps:{__TYPE:"Menu",id:null,ariaLabel:null,ariaLabelledBy:null,tabIndex:0,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,onFocus:null,onBlur:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return u.classNames("p-menu p-component",{"p-menu-overlay":e.props.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===m.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===m.default.ripple})},menu:"p-menu-list p-reset",content:"p-menuitem-content",action:function(e){return u.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return u.classNames("p-menuitem",{"p-focus":e.focused})},submenuHeader:function(e){return u.classNames("p-submenu-header",{"p-disabled":e.submenu.disabled})},separator:"p-menu-separator",label:"p-menuitem-text",icon:"p-menuitem-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-menu-overlay {\n        position: absolute;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n\n    .p-menu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-menu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n",inlineStyles:{submenuHeader:function(e){return e.submenu.style},menuitem:function(e){return e.item.style}}}});function I(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 P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?I(Object(t),!0).forEach((function(n){var r,a,o;r=e,o=t[n],(a=y(a=n))in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):I(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=p.memo(p.forwardRef((function(e,n){var c=o.useMergeProps(),s=p.useContext(t.PrimeReactContext),f=D.getProps(e,s),b=w(p.useState(f.id),2),y=b[0],v=b[1],g=w(p.useState(!f.popup),2),h=g[0],O=g[1],S=w(p.useState(-1),2),x=S[0],j=S[1],N=w(p.useState(-1),2),I=N[0],k=N[1],H=w(p.useState(!1),2),A=H[0],_=H[1],T=D.setMetaData({props:f,state:{id:y,visible:h}}),C=T.ptm,U=T.cx,M=T.sx;r.useHandleStyle(D.css.styles,T.isUnstyled,{name:"menu"});var R=p.useRef(null),Z=p.useRef(null),B=p.useRef(null),F=o.useDisplayOrder("menu",!(!h||!f.popup));o.useGlobalOnEscapeKey({callback:function(e){le(e)},when:h&&f.popup&&f.closeOnEscape&&F,priority:[o.ESC_KEY_HANDLING_PRIORITIES.MENU,F]});var L=w(o.useOverlayListener({target:B,overlay:R,listener:function(e,n){n.valid&&(le(e),j(-1))},when:h}),2),K=L[0],z=L[1],G=function(e,n,t){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),f.popup&&le(e),f.popup||x===t||j(t),n.url||(e.preventDefault(),e.stopPropagation()))},J=function(e){_(!0),f.popup||(-1!==I?(re(I),k(-1)):re(0)),f.onFocus&&f.onFocus(e)},X=function(e){_(!1),j(-1),f.onBlur&&f.onBlur(e)},Y=function(e){switch(e.code){case"ArrowDown":q(e);break;case"ArrowUp":$(e);break;case"Home":Q(e);break;case"End":V(e);break;case"Enter":W(e);break;case"Space":ee(e);break;case"Escape":f.popup&&(u.DomHandler.focus(B.current),le(e));case"Tab":f.popup&&h&&le(e)}},q=function(e){var n=ne(x);re(n),e.preventDefault()},$=function(e){if(e.altKey&&f.popup)u.DomHandler.focus(B.current),le(e),e.preventDefault();else{var n=te(x);re(n),e.preventDefault()}},Q=function(e){re(0),e.preventDefault()},V=function(e){re(u.DomHandler.find(R.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1),e.preventDefault()},W=function(e){var n=u.DomHandler.findSingle(R.current,'li[id="'.concat("".concat(x),'"]')),t=n&&u.DomHandler.findSingle(n,'a[data-pc-section="action"]');f.popup&&u.DomHandler.focus(B.current),t?t.click():n&&n.click(),e.preventDefault()},ee=function(e){W(e)},ne=function(e){var n=E(u.DomHandler.find(R.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},te=function(e){var n=E(u.DomHandler.find(R.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},re=function(e){var n=u.DomHandler.find(R.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]'),t=e>=n.length?n.length-1:e<0?0:e;t>-1&&j(n[t].getAttribute("id"))},ae=function(){return-1!==x?x:null},oe=function(e){f.popup&&(h?le(e):ie(e))},ie=function(e){B.current=e.currentTarget,O(!0),f.onShow&&f.onShow(e)},le=function(e){B.current=e.currentTarget,O(!1),f.onHide&&f.onHide(e)},ue=function(){u.DomHandler.addStyles(R.current,{position:"absolute",top:"0",left:"0"}),u.ZIndexUtils.set("menu",R.current,s&&s.autoZIndex||m.default.autoZIndex,f.baseZIndex||s&&s.zIndex.menu||m.default.zIndex.menu),u.DomHandler.absolutePosition(R.current,B.current,f.popupAlignment),f.popup&&(u.DomHandler.focus(Z.current),re(0))},ce=function(){K()},se=function(){B.current=null,z()},pe=function(){u.ZIndexUtils.clear(R.current)};o.useMountEffect((function(){y||v(u.UniqueComponentId())})),o.useUnmountEffect((function(){u.ZIndexUtils.clear(R.current)})),p.useImperativeHandle(n,(function(){return{props:f,toggle:oe,show:ie,hide:le,getElement:function(){return R.current},getTarget:function(){return B.current}}}));var me=function(e,n){var t=y+"_sub_"+n,r=e.items.map((function(e,n){return fe(e,n,t)})),a=c({id:t,key:t,role:"none",className:u.classNames(e.className,U("submenuHeader",{submenu:e})),style:M("submenuHeader",{submenu:e}),"data-p-disabled":e.disabled},C("submenuHeader"));return p.createElement(p.Fragment,{key:t},p.createElement("li",a,e.label),r)},de=function(e){var n=y+"_separator_"+e,t=c({id:n,key:n,className:U("separator"),role:"separator"},C("separator"));return p.createElement("li",t)},fe=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(!1===e.visible)return null;var r=u.classNames("p-menuitem-link",{"p-disabled":e.disabled}),a=u.classNames("p-menuitem-icon",e.icon),o=c({className:U("icon")},C("icon")),i=u.IconUtils.getJSXIcon(e.icon,P({},o),{props:f}),l=c({className:U("label")},C("label")),s=e.label&&p.createElement("span",l,e.label),m=e.id||(t||y)+"_"+n,d=c({onClick:function(n){return G(n,e,m)},className:U("content")},C("content")),b=c({href:e.url||"#",className:U("action",{item:e}),onFocus:function(e){return e.stopPropagation()},target:e.target,tabIndex:"-1","aria-label":e.label,"aria-hidden":!0,"aria-disabled":e.disabled,"data-p-disabled":e.disabled},C("action")),v=p.createElement("div",d,p.createElement("a",b,i,s));e.template&&(v=u.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return G(n,e,m)},className:r,tabIndex:"-1",labelClassName:"p-menuitem-text",iconClassName:a,element:v,props:f}));var g=c({id:m,key:m,className:u.classNames(e.className,U("menuitem",{focused:x===m})),style:M("menuitem",{item:e}),role:"menuitem","aria-label":e.label,"aria-disabled":e.disabled,"data-p-focused":ae()===m,"data-p-disabled":e.disabled||!1},C("menuitem"));return p.createElement("li",g,v)},be=function(e,n){return e.separator?de(n):e.items?me(e,n):fe(e,n)},ye=function(){if(f.model){var e=f.model.map(be),n=c({className:u.classNames(f.className,U("root",{context:s})),style:f.style,onClick:function(e){return n=e,void(f.popup&&i.OverlayService.emit("overlay-click",{originalEvent:n,target:B.current}));var n}},D.getOtherProps(f),C("root")),t=c({ref:Z,className:U("menu"),id:y+"_list",tabIndex:f.tabIndex||"0",role:"menu","aria-label":f.ariaLabel,"aria-labelledby":f.ariaLabelledBy,"aria-activedescendant":A?ae():void 0,onFocus:J,onKeyDown:Y,onBlur:X},C("menu")),r=c({classNames:U("transition"),in:h,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:ue,onEntered:ce,onExit:se,onExited:pe},C("transition"));return p.createElement(a.CSSTransition,d({nodeRef:R},r),p.createElement("div",d({id:f.id,ref:R},n),p.createElement("ul",t,e)))}return null}();return f.popup?p.createElement(l.Portal,{element:ye,appendTo:f.appendTo}):ye})));return k.displayName="Menu",e.Menu=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils);