primereact 9.5.0 → 9.6.0

package/contextmenu/contextmenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),o=require("primereact/portal"),u=require("primereact/utils"),i=require("primereact/componentbase"),l=require("primereact/ripple"),c=require("primereact/icons/angleright");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var m=s(e),p=a(t);function f(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,u,i,l=[],c=!0,a=!1;try{if(u=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=u.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){a=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(a)throw o}}return l}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}function g(){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 v(e,t){return f(e)||d(e,t)||y(e,t)||g()}var h=i.ComponentBase.extend({defaultProps:{__TYPE:"ContextMenu",id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0}});function x(e){return x="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},x(e)}function E(e,t){if("object"!==x(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==x(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=E(e,"string");return"symbol"===x(t)?t:String(t)}function P(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=m.memo((function(e){var t=v(m.useState(null),2),o=t[0],i=t[1],a=m.useRef(null),s=e.root||!e.resetMenu,p=function(t,n){return e.ptm(n,{context:{active:o===t}})};!0===e.resetMenu&&null!==o&&i(null);var f=function(t,n){n.disabled||e.isMobileMode?t.preventDefault():i(n)},d=function(t,n){n.disabled?t.preventDefault():(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),e.isMobileMode&&n.items&&i(o&&n===o?null:n),n.items||e.onLeafClick(t))},b=function(){if(!e.isMobileMode){var t=a.current.parentElement,n=u.DomHandler.getOffset(t),r=u.DomHandler.getViewport(),o=a.current.offsetParent?a.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(a.current),i=u.DomHandler.getOuterWidth(t.children[0]),l=parseInt(n.top,10)+a.current.offsetHeight-u.DomHandler.getWindowScrollTop();a.current.style.top=l>r.height?r.height-l+"px":"0px",a.current.style.left=parseInt(n.left,10)+i+o>r.width-u.DomHandler.calculateScrollbarWidth()?-1*o+"px":i+"px"}};r.useUpdateEffect((function(){s&&b()}));var y=function(t){var n=u.mergeProps({role:"separator",key:"separator_"+t,className:"p-menu-separator"},e.ptm("separator"));return m.createElement("li",n)},g=function(t){return t.items?m.createElement(M,{menuProps:e.menuProps,model:t.items,resetMenu:t!==o,onLeafClick:e.onLeafClick,isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm}):null},h=function(t,n){if(!1===t.visible)return null;var r=t.label+"_"+n,i=u.classNames("p-menuitem",{"p-menuitem-active":o===t},t.className),a=u.classNames("p-menuitem-link",{"p-disabled":t.disabled}),s=u.mergeProps({className:"p-menuitem-icon"},p(t,"icon")),b=u.IconUtils.getJSXIcon(t.icon,I({},s),{props:e.menuProps}),y=u.mergeProps({className:"p-submenu-icon"},p(t,"submenuIcon")),v=u.mergeProps({className:"p-menuitem-text"},p(t,"label")),h=t.items&&u.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(c.AngleRightIcon,y),I({},y),{props:e.menuProps}),x=t.label&&m.createElement("span",v,t.label),E=g(t),O=u.mergeProps({href:t.url||"#",className:a,target:t.target,onClick:function(e){return d(e,t)},role:"menuitem","aria-haspopup":null!=t.items,"aria-disabled":t.disabled},p(t,"action")),P=m.createElement("a",O,b,x,h,m.createElement(l.Ripple,null)),S=u.mergeProps({id:t.id,role:"none",className:i,style:t.style,key:r,onMouseEnter:function(e){return f(e,t)}},p(t,"menuitem"));return m.createElement("li",S,P,E)},x=function(e,t){return e.separator?y(t):h(e,t)},E=u.classNames({"p-submenu-list":!e.root}),O=e.model?e.model.map(x):null,P=u.mergeProps({ref:a,className:E},e.ptm("menu"));return m.createElement(n.CSSTransition,{nodeRef:a,classNames:"p-contextmenusub",in:s,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){b()}},m.createElement("ul",P,O))}));M.displayName="ContextMenuSub";var w=m.memo(m.forwardRef((function(e,t){var i=h.getProps(e),l=v(m.useState(!1),2),c=l[0],a=l[1],s=v(m.useState(!1),2),f=s[0],d=s[1],b=v(m.useState(!1),2),y=b[0],g=b[1],x=v(m.useState(null),2),E=x[0],O=x[1],P=h.setMetaData({props:i,state:{visible:c,reshow:f,resetMenu:y,attributeSelector:E}}).ptm,S=m.useRef(null),I=m.useRef(null),w=m.useRef(null),j=r.useMatchMedia("screen and (max-width: ".concat(i.breakpoint,")"),!!i.breakpoint),H=v(r.useEventListener({type:"click",listener:function(e){V(e)&&2!==e.button&&(A(e),g(!0))}}),2),D=H[0],k=H[1],N=v(r.useEventListener({type:"contextmenu",listener:function(e){R(e)}}),1)[0],C=v(r.useResizeListener({listener:function(e){c&&!u.DomHandler.isTouchDevice()&&A(e)}}),2),T=C[0],U=C[1],L=function(){if(!w.current){w.current=u.DomHandler.createInlineStyle(p.default.nonce);var e="".concat(E),t="\n@media screen and (max-width: ".concat(i.breakpoint,") {\n    .p-contextmenu[").concat(e,"] > ul {\n        max-height: ").concat(i.scrollHeight,";\n        overflow: ").concat(i.scrollHeight?"auto":"",";\n    }\n\n    .p-contextmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0 !important;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-contextmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n}\n');w.current.innerHTML=t}},q=function(){w.current=u.DomHandler.removeInlineStyle(w.current)},R=function(e){e.stopPropagation(),e.preventDefault(),I.current=e,c?d(!0):(a(!0),i.onShow&&i.onShow(I.current))},A=function(e){I.current=e,a(!1),d(!1),i.onHide&&i.onHide(I.current)},Z=function(){i.autoZIndex&&u.ZIndexUtils.set("menu",S.current,p.default.autoZIndex,i.baseZIndex||p.default.zIndex.menu),X(I.current),E&&i.breakpoint&&(S.current.setAttribute(E,""),L())},_=function(){Y()},W=function(){B(),u.ZIndexUtils.clear(S.current)},z=function(){u.ZIndexUtils.clear(S.current),q()},X=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=S.current.offsetParent?S.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(S.current),o=S.current.offsetParent?S.current.offsetHeight:u.DomHandler.getHiddenElementOuterHeight(S.current),i=u.DomHandler.getViewport();t+r-document.body.scrollLeft>i.width&&(t-=r),n+o-document.body.scrollTop>i.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),S.current.style.left=t+"px",S.current.style.top=n+"px"}},J=function(e){g(!0),A(e),e.stopPropagation()},V=function(e){return S&&S.current&&!(S.current.isSameNode(e.target)||S.current.contains(e.target))},Y=function(){T(),D()},B=function(){U(),k()};r.useMountEffect((function(){i.global&&N(),i.breakpoint&&!E&&O(u.UniqueComponentId())})),r.useUpdateEffect((function(){return E&&S.current&&(S.current.setAttribute(E,""),L()),function(){q()}}),[E,i.breakpoint]),r.useUpdateEffect((function(){c?(a(!1),d(!1),g(!0)):f||c||!y||R(I.current)}),[f]),r.useUnmountEffect((function(){u.ZIndexUtils.clear(S.current)})),m.useImperativeHandle(t,(function(){return{props:i,show:R,hide:A,getElement:function(){return S.current}}}));var $,F,G=($=u.classNames("p-contextmenu p-component",i.className,{"p-input-filled":"filled"===p.default.inputStyle,"p-ripple-disabled":!1===p.default.ripple}),F=u.mergeProps({id:i.id,ref:S,className:$,style:i.style,onClick:function(e){g(!1)},onMouseEnter:function(e){g(!1)}},h.getOtherProps(i),P("root")),m.createElement(n.CSSTransition,{nodeRef:S,classNames:"p-contextmenu",in:c,timeout:{enter:250,exit:0},options:i.transitionOptions,unmountOnExit:!0,onEnter:Z,onEntered:_,onExit:W,onExited:z},m.createElement("div",F,m.createElement(M,{menuProps:i,model:i.model,root:!0,resetMenu:y,onLeafClick:J,isMobileMode:j,submenuIcon:i.submenuIcon,ptm:P}))));return m.createElement(o.Portal,{element:G,appendTo:i.appendTo})})));w.displayName="ContextMenu",exports.ContextMenu=w;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),o=require("primereact/portal"),u=require("primereact/utils"),i=require("primereact/componentbase"),l=require("primereact/ripple"),c=require("primereact/icons/angleright");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var m=s(e),p=a(t);function f(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,u,i,l=[],c=!0,a=!1;try{if(u=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=u.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){a=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(a)throw o}}return l}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}function g(){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 v(e,t){return f(e)||d(e,t)||y(e,t)||g()}var h=i.ComponentBase.extend({defaultProps:{__TYPE:"ContextMenu",id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0}});function x(e){return x="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},x(e)}function E(e,t){if("object"!==x(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==x(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=E(e,"string");return"symbol"===x(t)?t:String(t)}function P(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=m.memo((function(e){var t=v(m.useState(null),2),o=t[0],i=t[1],a=m.useRef(null),s=e.root||!e.resetMenu,p=function(t,n){return e.ptm(n,{context:{active:o===t}})};!0===e.resetMenu&&null!==o&&i(null);var f=function(t,n){n.disabled||e.isMobileMode?t.preventDefault():i(n)},d=function(t,n){n.disabled?t.preventDefault():(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),e.isMobileMode&&n.items&&i(o&&n===o?null:n),n.items||e.onLeafClick(t))},b=function(){if(!e.isMobileMode){var t=a.current.parentElement,n=u.DomHandler.getOffset(t),r=u.DomHandler.getViewport(),o=a.current.offsetParent?a.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(a.current),i=u.DomHandler.getOuterWidth(t.children[0]),l=parseInt(n.top,10)+a.current.offsetHeight-u.DomHandler.getWindowScrollTop();a.current.style.top=l>r.height?r.height-l+"px":"0px",a.current.style.left=parseInt(n.left,10)+i+o>r.width-u.DomHandler.calculateScrollbarWidth()?-1*o+"px":i+"px"}};r.useUpdateEffect((function(){s&&b()}));var y=function(t){var n=u.mergeProps({role:"separator",key:"separator_"+t,className:"p-menu-separator"},e.ptm("separator"));return m.createElement("li",n)},g=function(t){return t.items?m.createElement(M,{menuProps:e.menuProps,model:t.items,resetMenu:t!==o,onLeafClick:e.onLeafClick,isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm}):null},h=function(t,n){if(!1===t.visible)return null;var r=t.label+"_"+n,i=u.classNames("p-menuitem",{"p-menuitem-active":o===t},t.className),a=u.classNames("p-menuitem-link",{"p-disabled":t.disabled}),s=u.mergeProps({className:"p-menuitem-icon"},p(t,"icon")),b=u.IconUtils.getJSXIcon(t.icon,I({},s),{props:e.menuProps}),y=u.mergeProps({className:"p-submenu-icon"},p(t,"submenuIcon")),v=u.mergeProps({className:"p-menuitem-text"},p(t,"label")),h=t.items&&u.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(c.AngleRightIcon,y),I({},y),{props:e.menuProps}),x=t.label&&m.createElement("span",v,t.label),E=g(t),O=u.mergeProps({href:t.url||"#",className:a,target:t.target,onClick:function(e){return d(e,t)},role:"menuitem","aria-haspopup":null!=t.items,"aria-disabled":t.disabled},p(t,"action")),P=m.createElement("a",O,b,x,h,m.createElement(l.Ripple,null)),S=u.mergeProps({id:t.id,role:"none",className:i,style:t.style,key:r,onMouseEnter:function(e){return f(e,t)}},p(t,"menuitem"));return m.createElement("li",S,P,E)},x=function(e,t){return e.separator?y(t):h(e,t)},E=u.classNames({"p-submenu-list":!e.root}),O=e.model?e.model.map(x):null,P=u.mergeProps({ref:a,className:E},e.ptm("menu"));return m.createElement(n.CSSTransition,{nodeRef:a,classNames:"p-contextmenusub",in:s,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){b()}},m.createElement("ul",P,O))}));M.displayName="ContextMenuSub";var w=m.memo(m.forwardRef((function(e,i){var l=m.useContext(t.PrimeReactContext),c=h.getProps(e,l),a=v(m.useState(!1),2),s=a[0],f=a[1],d=v(m.useState(!1),2),b=d[0],y=d[1],g=v(m.useState(!1),2),x=g[0],E=g[1],O=v(m.useState(null),2),P=O[0],S=O[1],I=h.setMetaData({props:c,state:{visible:s,reshow:b,resetMenu:x,attributeSelector:P}}).ptm,w=m.useRef(null),j=m.useRef(null),H=m.useRef(null),D=r.useMatchMedia("screen and (max-width: ".concat(c.breakpoint,")"),!!c.breakpoint),k=v(r.useEventListener({type:"click",listener:function(e){B(e)&&2!==e.button&&(_(e),E(!0))}}),2),N=k[0],C=k[1],T=v(r.useEventListener({type:"contextmenu",when:c.global,listener:function(e){A(e)}}),1)[0],U=v(r.useResizeListener({listener:function(e){s&&!u.DomHandler.isTouchDevice()&&_(e)}}),2),L=U[0],R=U[1],q=function(){if(!H.current){H.current=u.DomHandler.createInlineStyle(l&&l.nonce||p.default.nonce);var e="".concat(P),t="\n@media screen and (max-width: ".concat(c.breakpoint,") {\n    .p-contextmenu[").concat(e,"] > ul {\n        max-height: ").concat(c.scrollHeight,";\n        overflow: ").concat(c.scrollHeight?"auto":"",";\n    }\n\n    .p-contextmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0 !important;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-contextmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n}\n');H.current.innerHTML=t}},Z=function(){H.current=u.DomHandler.removeInlineStyle(H.current)},A=function(e){e.stopPropagation(),e.preventDefault(),j.current=e,s?y(!0):(f(!0),c.onShow&&c.onShow(j.current))},_=function(e){j.current=e,f(!1),y(!1),c.onHide&&c.onHide(j.current)},W=function(){c.autoZIndex&&u.ZIndexUtils.set("menu",w.current,l&&l.autoZIndex||p.default.autoZIndex,c.baseZIndex||l&&l.zIndex.menu||p.default.zIndex.menu),V(j.current),P&&c.breakpoint&&(w.current.setAttribute(P,""),q())},z=function(){$()},X=function(){F(),u.ZIndexUtils.clear(w.current)},J=function(){u.ZIndexUtils.clear(w.current),Z()},V=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=w.current.offsetParent?w.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(w.current),o=w.current.offsetParent?w.current.offsetHeight:u.DomHandler.getHiddenElementOuterHeight(w.current),i=u.DomHandler.getViewport();t+r-document.body.scrollLeft>i.width&&(t-=r),n+o-document.body.scrollTop>i.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),w.current.style.left=t+"px",w.current.style.top=n+"px"}},Y=function(e){E(!0),_(e),e.stopPropagation()},B=function(e){return w&&w.current&&!(w.current.isSameNode(e.target)||w.current.contains(e.target))},$=function(){L(),N()},F=function(){R(),C()};r.useMountEffect((function(){c.breakpoint&&!P&&S(u.UniqueComponentId())})),r.useUpdateEffect((function(){c.global&&T()}),[c.global]),r.useUpdateEffect((function(){return P&&w.current&&(w.current.setAttribute(P,""),q()),function(){Z()}}),[P,c.breakpoint]),r.useUpdateEffect((function(){s?(f(!1),y(!1),E(!0)):b||s||!x||A(j.current)}),[b]),r.useUnmountEffect((function(){u.ZIndexUtils.clear(w.current)})),m.useImperativeHandle(i,(function(){return{props:c,show:A,hide:_,getElement:function(){return w.current}}}));var G,K,Q=(G=u.classNames("p-contextmenu p-component",c.className,{"p-input-filled":l&&"filled"===l.inputStyle||"filled"===p.default.inputStyle,"p-ripple-disabled":l&&!1===l.ripple||!1===p.default.ripple}),K=u.mergeProps({id:c.id,ref:w,className:G,style:c.style,onClick:function(e){E(!1)},onMouseEnter:function(e){E(!1)}},h.getOtherProps(c),I("root")),m.createElement(n.CSSTransition,{nodeRef:w,classNames:"p-contextmenu",in:s,timeout:{enter:250,exit:0},options:c.transitionOptions,unmountOnExit:!0,onEnter:W,onEntered:z,onExit:X,onExited:J},m.createElement("div",K,m.createElement(M,{menuProps:c,model:c.model,root:!0,resetMenu:x,onLeafClick:Y,isMobileMode:D,submenuIcon:c.submenuIcon,ptm:I}))));return m.createElement(o.Portal,{element:Q,appendTo:c.appendTo})})));w.displayName="ContextMenu",exports.ContextMenu=w;

package/contextmenu/contextmenu.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import PrimeReact from 'primereact/api';
+import PrimeReact, { PrimeReactContext } from 'primereact/api';
 import { CSSTransition } from 'primereact/csstransition';
 import { useUpdateEffect, useMatchMedia, useEventListener, useResizeListener, useMountEffect, useUnmountEffect } from 'primereact/hooks';
 import { Portal } from 'primereact/portal';
@@ -304,7 +304,8 @@ var ContextMenuSub = /*#__PURE__*/React.memo(function (props) {
 ContextMenuSub.displayName = 'ContextMenuSub';
 
 var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = ContextMenuBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = ContextMenuBase.getProps(inProps, context);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
@@ -349,6 +350,7 @@ var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     unbindDocumentClickListener = _useEventListener2[1];
   var _useEventListener3 = useEventListener({
       type: 'contextmenu',
+      when: props.global,
       listener: function listener(event) {
         show(event);
       }
@@ -367,7 +369,7 @@ var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     unbindDocumentResizeListener = _useResizeListener2[1];
   var createStyle = function createStyle() {
     if (!styleElementRef.current) {
-      styleElementRef.current = DomHandler.createInlineStyle(PrimeReact.nonce);
+      styleElementRef.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce);
       var selector = "".concat(attributeSelectorState);
       var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-contextmenu[").concat(selector, "] > ul {\n        max-height: ").concat(props.scrollHeight, ";\n        overflow: ").concat(props.scrollHeight ? 'auto' : '', ";\n    }\n\n    .p-contextmenu[").concat(selector, "] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-contextmenu[").concat(selector, "] .p-menuitem-active > .p-submenu-list {\n        left: 0 !important;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-contextmenu[").concat(selector, "] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-contextmenu[").concat(selector, "] .p-submenu-icon:before {\n        content: \"\\e930\";\n    }\n}\n");
       styleElementRef.current.innerHTML = innerHTML;
@@ -401,7 +403,7 @@ var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   };
   var onEnter = function onEnter() {
     if (props.autoZIndex) {
-      ZIndexUtils.set('menu', menuRef.current, PrimeReact.autoZIndex, props.baseZIndex || PrimeReact.zIndex['menu']);
+      ZIndexUtils.set('menu', menuRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, props.baseZIndex || context && context.zIndex['menu'] || PrimeReact.zIndex['menu']);
     }
     position(currentEvent.current);
     if (attributeSelectorState && props.breakpoint) {
@@ -468,13 +470,13 @@ var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     unbindDocumentClickListener();
   };
   useMountEffect(function () {
-    if (props.global) {
-      bindDocumentContextMenuListener();
-    }
     if (props.breakpoint) {
       !attributeSelectorState && setAttributeSelectorState(UniqueComponentId());
     }
   });
+  useUpdateEffect(function () {
+    props.global && bindDocumentContextMenuListener();
+  }, [props.global]);
   useUpdateEffect(function () {
     if (attributeSelectorState && menuRef.current) {
       menuRef.current.setAttribute(attributeSelectorState, '');
@@ -508,8 +510,8 @@ var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   });
   var createContextMenu = function createContextMenu() {
     var className = classNames('p-contextmenu p-component', props.className, {
-      'p-input-filled': PrimeReact.inputStyle === 'filled',
-      'p-ripple-disabled': PrimeReact.ripple === false
+      'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact.inputStyle === 'filled',
+      'p-ripple-disabled': context && context.ripple === false || PrimeReact.ripple === false
     });
     var rootProps = mergeProps({
       id: props.id,

package/contextmenu/contextmenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useUpdateEffect as r,useMatchMedia as o,useEventListener as i,useResizeListener as u,useMountEffect as c,useUnmountEffect as l}from"primereact/hooks";import{Portal as a}from"primereact/portal";import{classNames as s,mergeProps as m,DomHandler as p,IconUtils as f,UniqueComponentId as d,ZIndexUtils as b}from"primereact/utils";import{ComponentBase as y}from"primereact/componentbase";import{Ripple as g}from"primereact/ripple";import{AngleRightIcon as v}from"primereact/icons/angleright";function h(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,c=[],l=!0,a=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){a=!0,o=e}finally{try{if(!l&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(a)throw o}}return c}}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function S(e,t){if(e){if("string"==typeof e)return E(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?E(e,t):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 w(e,t){return h(e)||x(e,t)||S(e,t)||O()}var M=y.extend({defaultProps:{__TYPE:"ContextMenu",id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0}});function P(e){return P="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},P(e)}function I(e,t){if("object"!==P(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==P(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=I(e,"string");return"symbol"===P(t)?t:String(t)}function j(e,t,n){return(t=k(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=e.memo((function(t){var o=w(e.useState(null),2),i=o[0],u=o[1],c=e.useRef(null),l=t.root||!t.resetMenu,a=function(e,n){return t.ptm(n,{context:{active:i===e}})};!0===t.resetMenu&&null!==i&&u(null);var d=function(e,n){n.disabled||t.isMobileMode?e.preventDefault():u(n)},b=function(e,n){n.disabled?e.preventDefault():(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),t.isMobileMode&&n.items&&u(i&&n===i?null:n),n.items||t.onLeafClick(e))},y=function(){if(!t.isMobileMode){var e=c.current.parentElement,n=p.getOffset(e),r=p.getViewport(),o=c.current.offsetParent?c.current.offsetWidth:p.getHiddenElementOuterWidth(c.current),i=p.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+c.current.offsetHeight-p.getWindowScrollTop();c.current.style.top=u>r.height?r.height-u+"px":"0px",c.current.style.left=parseInt(n.left,10)+i+o>r.width-p.calculateScrollbarWidth()?-1*o+"px":i+"px"}};r((function(){l&&y()}));var h=function(n){var r=m({role:"separator",key:"separator_"+n,className:"p-menu-separator"},t.ptm("separator"));return e.createElement("li",r)},x=function(n){return n.items?e.createElement(T,{menuProps:t.menuProps,model:n.items,resetMenu:n!==i,onLeafClick:t.onLeafClick,isMobileMode:t.isMobileMode,submenuIcon:t.submenuIcon,ptm:t.ptm}):null},E=function(n,r){if(!1===n.visible)return null;var o=n.label+"_"+r,u=s("p-menuitem",{"p-menuitem-active":i===n},n.className),c=s("p-menuitem-link",{"p-disabled":n.disabled}),l=m({className:"p-menuitem-icon"},a(n,"icon")),p=f.getJSXIcon(n.icon,H({},l),{props:t.menuProps}),y=m({className:"p-submenu-icon"},a(n,"submenuIcon")),h=m({className:"p-menuitem-text"},a(n,"label")),E=n.items&&f.getJSXIcon(t.submenuIcon||e.createElement(v,y),H({},y),{props:t.menuProps}),S=n.label&&e.createElement("span",h,n.label),O=x(n),w=m({href:n.url||"#",className:c,target:n.target,onClick:function(e){return b(e,n)},role:"menuitem","aria-haspopup":null!=n.items,"aria-disabled":n.disabled},a(n,"action")),M=e.createElement("a",w,p,S,E,e.createElement(g,null)),P=m({id:n.id,role:"none",className:u,style:n.style,key:o,onMouseEnter:function(e){return d(e,n)}},a(n,"menuitem"));return e.createElement("li",P,M,O)},S=function(e,t){return e.separator?h(t):E(e,t)},O=s({"p-submenu-list":!t.root}),M=t.model?t.model.map(S):null,P=m({ref:c,className:O},t.ptm("menu"));return e.createElement(n,{nodeRef:c,classNames:"p-contextmenusub",in:l,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){y()}},e.createElement("ul",P,M))}));T.displayName="ContextMenuSub";var C=e.memo(e.forwardRef((function(f,y){var g=M.getProps(f),v=w(e.useState(!1),2),h=v[0],x=v[1],E=w(e.useState(!1),2),S=E[0],O=E[1],P=w(e.useState(!1),2),I=P[0],k=P[1],j=w(e.useState(null),2),N=j[0],H=j[1],C=M.setMetaData({props:g,state:{visible:h,reshow:S,resetMenu:I,attributeSelector:N}}).ptm,D=e.useRef(null),A=e.useRef(null),L=e.useRef(null),R=o("screen and (max-width: ".concat(g.breakpoint,")"),!!g.breakpoint),W=w(i({type:"click",listener:function(e){te(e)&&2!==e.button&&(q(e),k(!0))}}),2),Z=W[0],_=W[1],X=w(i({type:"contextmenu",listener:function(e){$(e)}}),1)[0],J=w(u({listener:function(e){h&&!p.isTouchDevice()&&q(e)}}),2),V=J[0],Y=J[1],z=function(){if(!L.current){L.current=p.createInlineStyle(t.nonce);var e="".concat(N),n="\n@media screen and (max-width: ".concat(g.breakpoint,") {\n    .p-contextmenu[").concat(e,"] > ul {\n        max-height: ").concat(g.scrollHeight,";\n        overflow: ").concat(g.scrollHeight?"auto":"",";\n    }\n\n    .p-contextmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0 !important;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-contextmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n}\n');L.current.innerHTML=n}},U=function(){L.current=p.removeInlineStyle(L.current)},$=function(e){e.stopPropagation(),e.preventDefault(),A.current=e,h?O(!0):(x(!0),g.onShow&&g.onShow(A.current))},q=function(e){A.current=e,x(!1),O(!1),g.onHide&&g.onHide(A.current)},B=function(){g.autoZIndex&&b.set("menu",D.current,t.autoZIndex,g.baseZIndex||t.zIndex.menu),Q(A.current),N&&g.breakpoint&&(D.current.setAttribute(N,""),z())},F=function(){ne()},G=function(){re(),b.clear(D.current)},K=function(){b.clear(D.current),U()},Q=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=D.current.offsetParent?D.current.offsetWidth:p.getHiddenElementOuterWidth(D.current),o=D.current.offsetParent?D.current.offsetHeight:p.getHiddenElementOuterHeight(D.current),i=p.getViewport();t+r-document.body.scrollLeft>i.width&&(t-=r),n+o-document.body.scrollTop>i.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),D.current.style.left=t+"px",D.current.style.top=n+"px"}},ee=function(e){k(!0),q(e),e.stopPropagation()},te=function(e){return D&&D.current&&!(D.current.isSameNode(e.target)||D.current.contains(e.target))},ne=function(){V(),Z()},re=function(){Y(),_()};c((function(){g.global&&X(),g.breakpoint&&!N&&H(d())})),r((function(){return N&&D.current&&(D.current.setAttribute(N,""),z()),function(){U()}}),[N,g.breakpoint]),r((function(){h?(x(!1),O(!1),k(!0)):S||h||!I||$(A.current)}),[S]),l((function(){b.clear(D.current)})),e.useImperativeHandle(y,(function(){return{props:g,show:$,hide:q,getElement:function(){return D.current}}}));var oe,ie,ue=(oe=s("p-contextmenu p-component",g.className,{"p-input-filled":"filled"===t.inputStyle,"p-ripple-disabled":!1===t.ripple}),ie=m({id:g.id,ref:D,className:oe,style:g.style,onClick:function(e){k(!1)},onMouseEnter:function(e){k(!1)}},M.getOtherProps(g),C("root")),e.createElement(n,{nodeRef:D,classNames:"p-contextmenu",in:h,timeout:{enter:250,exit:0},options:g.transitionOptions,unmountOnExit:!0,onEnter:B,onEntered:F,onExit:G,onExited:K},e.createElement("div",ie,e.createElement(T,{menuProps:g,model:g.model,root:!0,resetMenu:I,onLeafClick:ee,isMobileMode:R,submenuIcon:g.submenuIcon,ptm:C}))));return e.createElement(a,{element:ue,appendTo:g.appendTo})})));C.displayName="ContextMenu";export{C as ContextMenu};
+import*as e from"react";import t,{PrimeReactContext as n}from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useUpdateEffect as o,useMatchMedia as i,useEventListener as u,useResizeListener as l,useMountEffect as c,useUnmountEffect as a}from"primereact/hooks";import{Portal as s}from"primereact/portal";import{classNames as m,mergeProps as p,DomHandler as f,IconUtils as d,UniqueComponentId as b,ZIndexUtils as y}from"primereact/utils";import{ComponentBase as g}from"primereact/componentbase";import{Ripple as h}from"primereact/ripple";import{AngleRightIcon as v}from"primereact/icons/angleright";function x(e){if(Array.isArray(e))return e}function S(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,l=[],c=!0,a=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){a=!0,o=e}finally{try{if(!c&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(a)throw o}}return l}}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e,t){if(e){if("string"==typeof e)return E(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?E(e,t):void 0}}function w(){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 I(e,t){return x(e)||S(e,t)||O(e,t)||w()}var M=g.extend({defaultProps:{__TYPE:"ContextMenu",id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0}});function P(e){return P="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},P(e)}function k(e,t){if("object"!==P(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==P(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function j(e){var t=k(e,"string");return"symbol"===P(t)?t:String(t)}function N(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){N(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=e.memo((function(t){var n=I(e.useState(null),2),i=n[0],u=n[1],l=e.useRef(null),c=t.root||!t.resetMenu,a=function(e,n){return t.ptm(n,{context:{active:i===e}})};!0===t.resetMenu&&null!==i&&u(null);var s=function(e,n){n.disabled||t.isMobileMode?e.preventDefault():u(n)},b=function(e,n){n.disabled?e.preventDefault():(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),t.isMobileMode&&n.items&&u(i&&n===i?null:n),n.items||t.onLeafClick(e))},y=function(){if(!t.isMobileMode){var e=l.current.parentElement,n=f.getOffset(e),r=f.getViewport(),o=l.current.offsetParent?l.current.offsetWidth:f.getHiddenElementOuterWidth(l.current),i=f.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+l.current.offsetHeight-f.getWindowScrollTop();l.current.style.top=u>r.height?r.height-u+"px":"0px",l.current.style.left=parseInt(n.left,10)+i+o>r.width-f.calculateScrollbarWidth()?-1*o+"px":i+"px"}};o((function(){c&&y()}));var g=function(n){var r=p({role:"separator",key:"separator_"+n,className:"p-menu-separator"},t.ptm("separator"));return e.createElement("li",r)},x=function(n){return n.items?e.createElement(C,{menuProps:t.menuProps,model:n.items,resetMenu:n!==i,onLeafClick:t.onLeafClick,isMobileMode:t.isMobileMode,submenuIcon:t.submenuIcon,ptm:t.ptm}):null},S=function(n,r){if(!1===n.visible)return null;var o=n.label+"_"+r,u=m("p-menuitem",{"p-menuitem-active":i===n},n.className),l=m("p-menuitem-link",{"p-disabled":n.disabled}),c=p({className:"p-menuitem-icon"},a(n,"icon")),f=d.getJSXIcon(n.icon,T({},c),{props:t.menuProps}),y=p({className:"p-submenu-icon"},a(n,"submenuIcon")),g=p({className:"p-menuitem-text"},a(n,"label")),S=n.items&&d.getJSXIcon(t.submenuIcon||e.createElement(v,y),T({},y),{props:t.menuProps}),E=n.label&&e.createElement("span",g,n.label),O=x(n),w=p({href:n.url||"#",className:l,target:n.target,onClick:function(e){return b(e,n)},role:"menuitem","aria-haspopup":null!=n.items,"aria-disabled":n.disabled},a(n,"action")),I=e.createElement("a",w,f,E,S,e.createElement(h,null)),M=p({id:n.id,role:"none",className:u,style:n.style,key:o,onMouseEnter:function(e){return s(e,n)}},a(n,"menuitem"));return e.createElement("li",M,I,O)},E=function(e,t){return e.separator?g(t):S(e,t)},O=m({"p-submenu-list":!t.root}),w=t.model?t.model.map(E):null,M=p({ref:l,className:O},t.ptm("menu"));return e.createElement(r,{nodeRef:l,classNames:"p-contextmenusub",in:c,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){y()}},e.createElement("ul",M,w))}));C.displayName="ContextMenuSub";var D=e.memo(e.forwardRef((function(d,g){var h=e.useContext(n),v=M.getProps(d,h),x=I(e.useState(!1),2),S=x[0],E=x[1],O=I(e.useState(!1),2),w=O[0],P=O[1],k=I(e.useState(!1),2),j=k[0],N=k[1],H=I(e.useState(null),2),T=H[0],D=H[1],A=M.setMetaData({props:v,state:{visible:S,reshow:w,resetMenu:j,attributeSelector:T}}).ptm,L=e.useRef(null),R=e.useRef(null),W=e.useRef(null),Z=i("screen and (max-width: ".concat(v.breakpoint,")"),!!v.breakpoint),_=I(u({type:"click",listener:function(e){re(e)&&2!==e.button&&(F(e),N(!0))}}),2),X=_[0],z=_[1],J=I(u({type:"contextmenu",when:v.global,listener:function(e){B(e)}}),1)[0],V=I(l({listener:function(e){S&&!f.isTouchDevice()&&F(e)}}),2),Y=V[0],U=V[1],$=function(){if(!W.current){W.current=f.createInlineStyle(h&&h.nonce||t.nonce);var e="".concat(T),n="\n@media screen and (max-width: ".concat(v.breakpoint,") {\n    .p-contextmenu[").concat(e,"] > ul {\n        max-height: ").concat(v.scrollHeight,";\n        overflow: ").concat(v.scrollHeight?"auto":"",";\n    }\n\n    .p-contextmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0 !important;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-contextmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n}\n');W.current.innerHTML=n}},q=function(){W.current=f.removeInlineStyle(W.current)},B=function(e){e.stopPropagation(),e.preventDefault(),R.current=e,S?P(!0):(E(!0),v.onShow&&v.onShow(R.current))},F=function(e){R.current=e,E(!1),P(!1),v.onHide&&v.onHide(R.current)},G=function(){v.autoZIndex&&y.set("menu",L.current,h&&h.autoZIndex||t.autoZIndex,v.baseZIndex||h&&h.zIndex.menu||t.zIndex.menu),te(R.current),T&&v.breakpoint&&(L.current.setAttribute(T,""),$())},K=function(){oe()},Q=function(){ie(),y.clear(L.current)},ee=function(){y.clear(L.current),q()},te=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=L.current.offsetParent?L.current.offsetWidth:f.getHiddenElementOuterWidth(L.current),o=L.current.offsetParent?L.current.offsetHeight:f.getHiddenElementOuterHeight(L.current),i=f.getViewport();t+r-document.body.scrollLeft>i.width&&(t-=r),n+o-document.body.scrollTop>i.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),L.current.style.left=t+"px",L.current.style.top=n+"px"}},ne=function(e){N(!0),F(e),e.stopPropagation()},re=function(e){return L&&L.current&&!(L.current.isSameNode(e.target)||L.current.contains(e.target))},oe=function(){Y(),X()},ie=function(){U(),z()};c((function(){v.breakpoint&&!T&&D(b())})),o((function(){v.global&&J()}),[v.global]),o((function(){return T&&L.current&&(L.current.setAttribute(T,""),$()),function(){q()}}),[T,v.breakpoint]),o((function(){S?(E(!1),P(!1),N(!0)):w||S||!j||B(R.current)}),[w]),a((function(){y.clear(L.current)})),e.useImperativeHandle(g,(function(){return{props:v,show:B,hide:F,getElement:function(){return L.current}}}));var ue,le,ce=(ue=m("p-contextmenu p-component",v.className,{"p-input-filled":h&&"filled"===h.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":h&&!1===h.ripple||!1===t.ripple}),le=p({id:v.id,ref:L,className:ue,style:v.style,onClick:function(e){N(!1)},onMouseEnter:function(e){N(!1)}},M.getOtherProps(v),A("root")),e.createElement(r,{nodeRef:L,classNames:"p-contextmenu",in:S,timeout:{enter:250,exit:0},options:v.transitionOptions,unmountOnExit:!0,onEnter:G,onEntered:K,onExit:Q,onExited:ee},e.createElement("div",le,e.createElement(C,{menuProps:v,model:v.model,root:!0,resetMenu:j,onLeafClick:ne,isMobileMode:Z,submenuIcon:v.submenuIcon,ptm:A}))));return e.createElement(s,{element:ce,appendTo:v.appendTo})})));D.displayName="ContextMenu";export{D as ContextMenu};

package/contextmenu/contextmenu.js

@@ -321,7 +321,8 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransiti
   ContextMenuSub.displayName = 'ContextMenuSub';
 
   var ContextMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = ContextMenuBase.getProps(inProps);
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+    var props = ContextMenuBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],
@@ -366,6 +367,7 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransiti
       unbindDocumentClickListener = _useEventListener2[1];
     var _useEventListener3 = hooks.useEventListener({
         type: 'contextmenu',
+        when: props.global,
         listener: function listener(event) {
           show(event);
         }
@@ -384,7 +386,7 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransiti
       unbindDocumentResizeListener = _useResizeListener2[1];
     var createStyle = function createStyle() {
       if (!styleElementRef.current) {
-        styleElementRef.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
+        styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
         var selector = "".concat(attributeSelectorState);
         var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-contextmenu[").concat(selector, "] > ul {\n        max-height: ").concat(props.scrollHeight, ";\n        overflow: ").concat(props.scrollHeight ? 'auto' : '', ";\n    }\n\n    .p-contextmenu[").concat(selector, "] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-contextmenu[").concat(selector, "] .p-menuitem-active > .p-submenu-list {\n        left: 0 !important;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-contextmenu[").concat(selector, "] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-contextmenu[").concat(selector, "] .p-submenu-icon:before {\n        content: \"\\e930\";\n    }\n}\n");
         styleElementRef.current.innerHTML = innerHTML;
@@ -418,7 +420,7 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransiti
     };
     var onEnter = function onEnter() {
       if (props.autoZIndex) {
-        utils.ZIndexUtils.set('menu', menuRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['menu']);
+        utils.ZIndexUtils.set('menu', menuRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex['menu'] || PrimeReact__default["default"].zIndex['menu']);
       }
       position(currentEvent.current);
       if (attributeSelectorState && props.breakpoint) {
@@ -485,13 +487,13 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransiti
       unbindDocumentClickListener();
     };
     hooks.useMountEffect(function () {
-      if (props.global) {
-        bindDocumentContextMenuListener();
-      }
       if (props.breakpoint) {
         !attributeSelectorState && setAttributeSelectorState(utils.UniqueComponentId());
       }
     });
+    hooks.useUpdateEffect(function () {
+      props.global && bindDocumentContextMenuListener();
+    }, [props.global]);
     hooks.useUpdateEffect(function () {
       if (attributeSelectorState && menuRef.current) {
         menuRef.current.setAttribute(attributeSelectorState, '');
@@ -525,8 +527,8 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransiti
     });
     var createContextMenu = function createContextMenu() {
       var className = utils.classNames('p-contextmenu p-component', props.className, {
-        'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
-        'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+        'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
       });
       var rootProps = utils.mergeProps({
         id: props.id,

package/contextmenu/contextmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.contextmenu=function(e,t,n,r,o,i,u,l,c,a){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=m(t),f=s(n);function d(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,l=[],c=!0,a=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){a=!0,o=e}finally{try{if(!c&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(a)throw o}}return l}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function g(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function v(){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 h(e,t){return d(e)||b(e,t)||g(e,t)||v()}var x=l.ComponentBase.extend({defaultProps:{__TYPE:"ContextMenu",id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0}});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,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function P(e){var t=O(e,"string");return"symbol"===E(t)?t:String(t)}function S(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=p.memo((function(e){var t=h(p.useState(null),2),n=t[0],i=t[1],l=p.useRef(null),s=e.root||!e.resetMenu,m=function(t,r){return e.ptm(r,{context:{active:n===t}})};!0===e.resetMenu&&null!==n&&i(null);var f=function(t,n){n.disabled||e.isMobileMode?t.preventDefault():i(n)},d=function(t,r){r.disabled?t.preventDefault():(r.url||t.preventDefault(),r.command&&r.command({originalEvent:t,item:r}),e.isMobileMode&&r.items&&i(n&&r===n?null:r),r.items||e.onLeafClick(t))},b=function(){if(!e.isMobileMode){var t=l.current.parentElement,n=u.DomHandler.getOffset(t),r=u.DomHandler.getViewport(),o=l.current.offsetParent?l.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(l.current),i=u.DomHandler.getOuterWidth(t.children[0]),c=parseInt(n.top,10)+l.current.offsetHeight-u.DomHandler.getWindowScrollTop();l.current.style.top=c>r.height?r.height-c+"px":"0px",l.current.style.left=parseInt(n.left,10)+i+o>r.width-u.DomHandler.calculateScrollbarWidth()?-1*o+"px":i+"px"}};o.useUpdateEffect((function(){s&&b()}));var y=function(t){var n=u.mergeProps({role:"separator",key:"separator_"+t,className:"p-menu-separator"},e.ptm("separator"));return p.createElement("li",n)},g=function(t){return t.items?p.createElement(w,{menuProps:e.menuProps,model:t.items,resetMenu:t!==n,onLeafClick:e.onLeafClick,isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm}):null},v=function(t,r){if(!1===t.visible)return null;var o=t.label+"_"+r,i=u.classNames("p-menuitem",{"p-menuitem-active":n===t},t.className),l=u.classNames("p-menuitem-link",{"p-disabled":t.disabled}),s=u.mergeProps({className:"p-menuitem-icon"},m(t,"icon")),b=u.IconUtils.getJSXIcon(t.icon,M({},s),{props:e.menuProps}),y=u.mergeProps({className:"p-submenu-icon"},m(t,"submenuIcon")),v=u.mergeProps({className:"p-menuitem-text"},m(t,"label")),h=t.items&&u.IconUtils.getJSXIcon(e.submenuIcon||p.createElement(a.AngleRightIcon,y),M({},y),{props:e.menuProps}),x=t.label&&p.createElement("span",v,t.label),E=g(t),O=u.mergeProps({href:t.url||"#",className:l,target:t.target,onClick:function(e){return d(e,t)},role:"menuitem","aria-haspopup":null!=t.items,"aria-disabled":t.disabled},m(t,"action")),P=p.createElement("a",O,b,x,h,p.createElement(c.Ripple,null)),S=u.mergeProps({id:t.id,role:"none",className:i,style:t.style,key:o,onMouseEnter:function(e){return f(e,t)}},m(t,"menuitem"));return p.createElement("li",S,P,E)},x=function(e,t){return e.separator?y(t):v(e,t)},E=u.classNames({"p-submenu-list":!e.root}),O=e.model?e.model.map(x):null,P=u.mergeProps({ref:l,className:E},e.ptm("menu"));return p.createElement(r.CSSTransition,{nodeRef:l,classNames:"p-contextmenusub",in:s,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){b()}},p.createElement("ul",P,O))}));w.displayName="ContextMenuSub";var j=p.memo(p.forwardRef((function(e,t){var n=x.getProps(e),l=h(p.useState(!1),2),c=l[0],a=l[1],s=h(p.useState(!1),2),m=s[0],d=s[1],b=h(p.useState(!1),2),y=b[0],g=b[1],v=h(p.useState(null),2),E=v[0],O=v[1],P=x.setMetaData({props:n,state:{visible:c,reshow:m,resetMenu:y,attributeSelector:E}}).ptm,S=p.useRef(null),I=p.useRef(null),M=p.useRef(null),j=o.useMatchMedia("screen and (max-width: ".concat(n.breakpoint,")"),!!n.breakpoint),H=h(o.useEventListener({type:"click",listener:function(e){Y(e)&&2!==e.button&&(Z(e),g(!0))}}),2),D=H[0],k=H[1],N=h(o.useEventListener({type:"contextmenu",listener:function(e){A(e)}}),1)[0],C=h(o.useResizeListener({listener:function(e){c&&!u.DomHandler.isTouchDevice()&&Z(e)}}),2),T=C[0],U=C[1],L=function(){if(!M.current){M.current=u.DomHandler.createInlineStyle(f.default.nonce);var e="".concat(E),t="\n@media screen and (max-width: ".concat(n.breakpoint,") {\n    .p-contextmenu[").concat(e,"] > ul {\n        max-height: ").concat(n.scrollHeight,";\n        overflow: ").concat(n.scrollHeight?"auto":"",";\n    }\n\n    .p-contextmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0 !important;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-contextmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n}\n');M.current.innerHTML=t}},R=function(){M.current=u.DomHandler.removeInlineStyle(M.current)},A=function(e){e.stopPropagation(),e.preventDefault(),I.current=e,c?d(!0):(a(!0),n.onShow&&n.onShow(I.current))},Z=function(e){I.current=e,a(!1),d(!1),n.onHide&&n.onHide(I.current)},_=function(){n.autoZIndex&&u.ZIndexUtils.set("menu",S.current,f.default.autoZIndex,n.baseZIndex||f.default.zIndex.menu),J(I.current),E&&n.breakpoint&&(S.current.setAttribute(E,""),L())},W=function(){q()},z=function(){B(),u.ZIndexUtils.clear(S.current)},X=function(){u.ZIndexUtils.clear(S.current),R()},J=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=S.current.offsetParent?S.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(S.current),o=S.current.offsetParent?S.current.offsetHeight:u.DomHandler.getHiddenElementOuterHeight(S.current),i=u.DomHandler.getViewport();t+r-document.body.scrollLeft>i.width&&(t-=r),n+o-document.body.scrollTop>i.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),S.current.style.left=t+"px",S.current.style.top=n+"px"}},V=function(e){g(!0),Z(e),e.stopPropagation()},Y=function(e){return S&&S.current&&!(S.current.isSameNode(e.target)||S.current.contains(e.target))},q=function(){T(),D()},B=function(){U(),k()};o.useMountEffect((function(){n.global&&N(),n.breakpoint&&!E&&O(u.UniqueComponentId())})),o.useUpdateEffect((function(){return E&&S.current&&(S.current.setAttribute(E,""),L()),function(){R()}}),[E,n.breakpoint]),o.useUpdateEffect((function(){c?(a(!1),d(!1),g(!0)):m||c||!y||A(I.current)}),[m]),o.useUnmountEffect((function(){u.ZIndexUtils.clear(S.current)})),p.useImperativeHandle(t,(function(){return{props:n,show:A,hide:Z,getElement:function(){return S.current}}}));var $,F,G=($=u.classNames("p-contextmenu p-component",n.className,{"p-input-filled":"filled"===f.default.inputStyle,"p-ripple-disabled":!1===f.default.ripple}),F=u.mergeProps({id:n.id,ref:S,className:$,style:n.style,onClick:function(e){g(!1)},onMouseEnter:function(e){g(!1)}},x.getOtherProps(n),P("root")),p.createElement(r.CSSTransition,{nodeRef:S,classNames:"p-contextmenu",in:c,timeout:{enter:250,exit:0},options:n.transitionOptions,unmountOnExit:!0,onEnter:_,onEntered:W,onExit:z,onExited:X},p.createElement("div",F,p.createElement(w,{menuProps:n,model:n.model,root:!0,resetMenu:y,onLeafClick:V,isMobileMode:j,submenuIcon:n.submenuIcon,ptm:P}))));return p.createElement(i.Portal,{element:G,appendTo:n.appendTo})})));return j.displayName="ContextMenu",e.ContextMenu=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils,primereact.componentbase,primereact.ripple,primereact.icons.angleright);
+this.primereact=this.primereact||{},this.primereact.contextmenu=function(e,t,n,r,o,u,i,l,c,a){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=m(t),f=s(n);function d(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,u,i,l=[],c=!0,a=!1;try{if(u=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=u.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){a=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(a)throw o}}return l}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function g(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}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 v(e,t){return d(e)||b(e,t)||g(e,t)||h()}var x=l.ComponentBase.extend({defaultProps:{__TYPE:"ContextMenu",id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0}});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,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function P(e){var t=O(e,"string");return"symbol"===E(t)?t:String(t)}function S(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=p.memo((function(e){var t=v(p.useState(null),2),n=t[0],u=t[1],l=p.useRef(null),s=e.root||!e.resetMenu,m=function(t,r){return e.ptm(r,{context:{active:n===t}})};!0===e.resetMenu&&null!==n&&u(null);var f=function(t,n){n.disabled||e.isMobileMode?t.preventDefault():u(n)},d=function(t,r){r.disabled?t.preventDefault():(r.url||t.preventDefault(),r.command&&r.command({originalEvent:t,item:r}),e.isMobileMode&&r.items&&u(n&&r===n?null:r),r.items||e.onLeafClick(t))},b=function(){if(!e.isMobileMode){var t=l.current.parentElement,n=i.DomHandler.getOffset(t),r=i.DomHandler.getViewport(),o=l.current.offsetParent?l.current.offsetWidth:i.DomHandler.getHiddenElementOuterWidth(l.current),u=i.DomHandler.getOuterWidth(t.children[0]),c=parseInt(n.top,10)+l.current.offsetHeight-i.DomHandler.getWindowScrollTop();l.current.style.top=c>r.height?r.height-c+"px":"0px",l.current.style.left=parseInt(n.left,10)+u+o>r.width-i.DomHandler.calculateScrollbarWidth()?-1*o+"px":u+"px"}};o.useUpdateEffect((function(){s&&b()}));var y=function(t){var n=i.mergeProps({role:"separator",key:"separator_"+t,className:"p-menu-separator"},e.ptm("separator"));return p.createElement("li",n)},g=function(t){return t.items?p.createElement(w,{menuProps:e.menuProps,model:t.items,resetMenu:t!==n,onLeafClick:e.onLeafClick,isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm}):null},h=function(t,r){if(!1===t.visible)return null;var o=t.label+"_"+r,u=i.classNames("p-menuitem",{"p-menuitem-active":n===t},t.className),l=i.classNames("p-menuitem-link",{"p-disabled":t.disabled}),s=i.mergeProps({className:"p-menuitem-icon"},m(t,"icon")),b=i.IconUtils.getJSXIcon(t.icon,M({},s),{props:e.menuProps}),y=i.mergeProps({className:"p-submenu-icon"},m(t,"submenuIcon")),h=i.mergeProps({className:"p-menuitem-text"},m(t,"label")),v=t.items&&i.IconUtils.getJSXIcon(e.submenuIcon||p.createElement(a.AngleRightIcon,y),M({},y),{props:e.menuProps}),x=t.label&&p.createElement("span",h,t.label),E=g(t),O=i.mergeProps({href:t.url||"#",className:l,target:t.target,onClick:function(e){return d(e,t)},role:"menuitem","aria-haspopup":null!=t.items,"aria-disabled":t.disabled},m(t,"action")),P=p.createElement("a",O,b,x,v,p.createElement(c.Ripple,null)),S=i.mergeProps({id:t.id,role:"none",className:u,style:t.style,key:o,onMouseEnter:function(e){return f(e,t)}},m(t,"menuitem"));return p.createElement("li",S,P,E)},x=function(e,t){return e.separator?y(t):h(e,t)},E=i.classNames({"p-submenu-list":!e.root}),O=e.model?e.model.map(x):null,P=i.mergeProps({ref:l,className:E},e.ptm("menu"));return p.createElement(r.CSSTransition,{nodeRef:l,classNames:"p-contextmenusub",in:s,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){b()}},p.createElement("ul",P,O))}));w.displayName="ContextMenuSub";var j=p.memo(p.forwardRef((function(e,t){var l=p.useContext(n.PrimeReactContext),c=x.getProps(e,l),a=v(p.useState(!1),2),s=a[0],m=a[1],d=v(p.useState(!1),2),b=d[0],y=d[1],g=v(p.useState(!1),2),h=g[0],E=g[1],O=v(p.useState(null),2),P=O[0],S=O[1],I=x.setMetaData({props:c,state:{visible:s,reshow:b,resetMenu:h,attributeSelector:P}}).ptm,M=p.useRef(null),j=p.useRef(null),H=p.useRef(null),D=o.useMatchMedia("screen and (max-width: ".concat(c.breakpoint,")"),!!c.breakpoint),k=v(o.useEventListener({type:"click",listener:function(e){B(e)&&2!==e.button&&(W(e),E(!0))}}),2),N=k[0],C=k[1],T=v(o.useEventListener({type:"contextmenu",when:c.global,listener:function(e){_(e)}}),1)[0],U=v(o.useResizeListener({listener:function(e){s&&!i.DomHandler.isTouchDevice()&&W(e)}}),2),R=U[0],L=U[1],Z=function(){if(!H.current){H.current=i.DomHandler.createInlineStyle(l&&l.nonce||f.default.nonce);var e="".concat(P),t="\n@media screen and (max-width: ".concat(c.breakpoint,") {\n    .p-contextmenu[").concat(e,"] > ul {\n        max-height: ").concat(c.scrollHeight,";\n        overflow: ").concat(c.scrollHeight?"auto":"",";\n    }\n\n    .p-contextmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0 !important;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-contextmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n}\n');H.current.innerHTML=t}},A=function(){H.current=i.DomHandler.removeInlineStyle(H.current)},_=function(e){e.stopPropagation(),e.preventDefault(),j.current=e,s?y(!0):(m(!0),c.onShow&&c.onShow(j.current))},W=function(e){j.current=e,m(!1),y(!1),c.onHide&&c.onHide(j.current)},z=function(){c.autoZIndex&&i.ZIndexUtils.set("menu",M.current,l&&l.autoZIndex||f.default.autoZIndex,c.baseZIndex||l&&l.zIndex.menu||f.default.zIndex.menu),Y(j.current),P&&c.breakpoint&&(M.current.setAttribute(P,""),Z())},X=function(){$()},J=function(){F(),i.ZIndexUtils.clear(M.current)},V=function(){i.ZIndexUtils.clear(M.current),A()},Y=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=M.current.offsetParent?M.current.offsetWidth:i.DomHandler.getHiddenElementOuterWidth(M.current),o=M.current.offsetParent?M.current.offsetHeight:i.DomHandler.getHiddenElementOuterHeight(M.current),u=i.DomHandler.getViewport();t+r-document.body.scrollLeft>u.width&&(t-=r),n+o-document.body.scrollTop>u.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),M.current.style.left=t+"px",M.current.style.top=n+"px"}},q=function(e){E(!0),W(e),e.stopPropagation()},B=function(e){return M&&M.current&&!(M.current.isSameNode(e.target)||M.current.contains(e.target))},$=function(){R(),N()},F=function(){L(),C()};o.useMountEffect((function(){c.breakpoint&&!P&&S(i.UniqueComponentId())})),o.useUpdateEffect((function(){c.global&&T()}),[c.global]),o.useUpdateEffect((function(){return P&&M.current&&(M.current.setAttribute(P,""),Z()),function(){A()}}),[P,c.breakpoint]),o.useUpdateEffect((function(){s?(m(!1),y(!1),E(!0)):b||s||!h||_(j.current)}),[b]),o.useUnmountEffect((function(){i.ZIndexUtils.clear(M.current)})),p.useImperativeHandle(t,(function(){return{props:c,show:_,hide:W,getElement:function(){return M.current}}}));var G,K,Q=(G=i.classNames("p-contextmenu p-component",c.className,{"p-input-filled":l&&"filled"===l.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":l&&!1===l.ripple||!1===f.default.ripple}),K=i.mergeProps({id:c.id,ref:M,className:G,style:c.style,onClick:function(e){E(!1)},onMouseEnter:function(e){E(!1)}},x.getOtherProps(c),I("root")),p.createElement(r.CSSTransition,{nodeRef:M,classNames:"p-contextmenu",in:s,timeout:{enter:250,exit:0},options:c.transitionOptions,unmountOnExit:!0,onEnter:z,onEntered:X,onExit:J,onExited:V},p.createElement("div",K,p.createElement(w,{menuProps:c,model:c.model,root:!0,resetMenu:h,onLeafClick:q,isMobileMode:D,submenuIcon:c.submenuIcon,ptm:I}))));return p.createElement(u.Portal,{element:Q,appendTo:c.appendTo})})));return j.displayName="ContextMenu",e.ContextMenu=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils,primereact.componentbase,primereact.ripple,primereact.icons.angleright);