primereact 10.2.1 → 10.3.1

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/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),i=require("primereact/portal"),u=require("primereact/utils"),a=require("primereact/icons/angleright"),l=require("primereact/ripple");function c(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=c(t);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}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,a=[],l=!0,c=!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)&&(a.push(r.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}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=n.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},css:{classes:{root:function(e){var t=e.context;return u.classNames("p-contextmenu p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===p.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===p.default.ripple})},menu:function(e){return u.classNames({"p-submenu-list":!e.menuProps.root})},menuitem:function(e){return u.classNames("p-menuitem",{"p-menuitem-active":e.active},e.item.className)},action:function(e){return u.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",separator:"p-menu-separator",transition:"p-contextmenu",submenuTransition:"p-contextmenusub"},styles:"\n@layer primereact {\n    .p-contextmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-contextmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n    }\n    \n    .p-contextmenu .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-contextmenu .p-menuitem-text {\n        line-height: 1;\n    }\n    \n    .p-contextmenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-contextmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-contextmenu-enter {\n        opacity: 0;\n    }\n    \n    .p-contextmenu-enter-active {\n        opacity: 1;\n        transition: opacity 250ms;\n    }\n}\n"}});function O(e){return O="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},O(e)}function E(e,t){if("object"!==O(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function P(e){var t=E(e,"string");return"symbol"===O(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 N(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=m.memo((function(e){var t=h(m.useState(null),2),n=t[0],i=t[1],c=m.useRef(null),s=e.root||!e.resetMenu,p=e.ptm,d=e.cx,b=function(t,r){return p(r,{hostName:e.hostName,context:{active:n===t}})};!0===e.resetMenu&&null!==n&&i(null);var y=function(t,n){n.disabled||e.isMobileMode?t.preventDefault():i(n)},g=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))},v=function(){if(!e.isMobileMode){var t=c.current.parentElement,n=u.DomHandler.getOffset(t),r=u.DomHandler.getViewport(),o=c.current.offsetParent?c.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(c.current),i=u.DomHandler.getOuterWidth(t.children[0]),a=parseInt(n.top,10)+c.current.offsetHeight-u.DomHandler.getWindowScrollTop();c.current.style.top=a>r.height?r.height-a+"px":"0px",c.current.style.left=parseInt(n.left,10)+i+o>r.width-u.DomHandler.calculateScrollbarWidth()?-1*o+"px":i+"px"}};o.useUpdateEffect((function(){s&&v()}));var x=function(t){var n=e.id+"_separator_"+t,r=u.mergeProps({id:n,key:n,className:d("separator"),role:"separator"},p("separator",{hostName:e.hostName}));return m.createElement("li",r)},O=function(t,r){return t.items?m.createElement(w,{id:e.id+"_"+r,hostName:e.hostName,menuProps:e.menuProps,model:t.items,resetMenu:t!==n,onLeafClick:e.onLeafClick,isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:p,cx:d}):null},E=function(t,r){if(!1===t.visible)return null;var o=n===t,i=t.id||e.id+"_"+r,c=u.mergeProps({className:d("icon")},b(t,"icon")),s=u.IconUtils.getJSXIcon(t.icon,N({},c),{props:e.menuProps}),p=u.mergeProps({className:d("submenuIcon")},b(t,"submenuIcon")),f=u.mergeProps({className:d("label")},b(t,"label")),v=t.items&&u.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(a.AngleRightIcon,p),N({},p),{props:e.menuProps}),h=t.label&&m.createElement("span",f,t.label),x=O(t,r),E=u.mergeProps({href:t.url||"#",className:d("action",{item:t}),target:t.target,onClick:function(e){return g(e,t)},role:"menuitem","aria-haspopup":null!=t.items,"aria-disabled":t.disabled},b(t,"action")),P=m.createElement("a",E,s,h,v,m.createElement(l.Ripple,null));if(t.template){var I={onClick:function(e){return g(e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:"p-menuitem-icon",submenuIconClassName:d("submenuIcon"),element:P,props:e,active:o};P=u.ObjectUtils.getJSXElement(t.template,t,I)}var w=u.mergeProps(S(S({id:i,key:i,role:"none",className:d("menuitem",{item:t,active:o}),style:t.style},"key",i),"onMouseEnter",(function(e){return y(e,t)})),b(t,"menuitem"));return m.createElement("li",w,P,x)},P=e.model?e.model.map((function(e,t){return e.separator?x(t):E(e,t)})):null,I=u.mergeProps({className:d("menu",{menuProps:e})},p("menu",{hostName:e.hostName})),M=u.mergeProps({classNames:d("submenuTransition"),in:s,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){v()}},p("menu.transition",{hostName:e.hostName}));return m.createElement(r.CSSTransition,f({nodeRef:c},M),m.createElement("ul",f({ref:c},I),P))}));w.displayName="ContextMenuSub";var M=m.memo(m.forwardRef((function(e,a){var l=m.useContext(t.PrimeReactContext),c=x.getProps(e,l),s=h(m.useState(c.id),2),d=s[0],b=s[1],y=h(m.useState(!1),2),g=y[0],v=y[1],O=h(m.useState(!1),2),E=O[0],P=O[1],S=h(m.useState(!1),2),I=S[0],N=S[1],M=h(m.useState(null),2),j=M[0],H=M[1],k=x.setMetaData({props:c,state:{id:d,visible:g,reshow:E,resetMenu:I,attributeSelector:j}}),D=k.ptm,C=k.cx;n.useHandleStyle(x.css.styles,k.isUnstyled,{name:"contextmenu"});var T=m.useRef(null),U=m.useRef(null),L=m.useRef(null),R=o.useMatchMedia("screen and (max-width: ".concat(c.breakpoint,")"),!!c.breakpoint),q=h(o.useEventListener({type:"click",listener:function(e){te(e)&&2!==e.button&&(B(e),N(!0))}}),2),Z=q[0],_=q[1],A=h(o.useEventListener({type:"contextmenu",when:c.global,listener:function(e){Y(e)}}),1)[0],W=h(o.useResizeListener({listener:function(e){g&&!u.DomHandler.isTouchDevice()&&B(e)}}),2),z=W[0],X=W[1],J=function(){if(!L.current){L.current=u.DomHandler.createInlineStyle(l&&l.nonce||p.default.nonce);var e="".concat(j),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;\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=t}},V=function(){L.current=u.DomHandler.removeInlineStyle(L.current)},Y=function(e){e.stopPropagation(),e.preventDefault(),U.current=e,g?P(!0):(v(!0),c.onShow&&c.onShow(U.current))},B=function(e){U.current=e,v(!1),P(!1),c.onHide&&c.onHide(U.current)},$=function(){u.DomHandler.addStyles(T.current,{position:"absolute"}),c.autoZIndex&&u.ZIndexUtils.set("menu",T.current,l&&l.autoZIndex||p.default.autoZIndex,c.baseZIndex||l&&l.zIndex.menu||p.default.zIndex.menu),Q(U.current),j&&c.breakpoint&&(T.current.setAttribute(j,""),J())},F=function(){ne()},G=function(){re(),u.ZIndexUtils.clear(T.current)},K=function(){u.ZIndexUtils.clear(T.current),V()},Q=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=T.current.offsetParent?T.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(T.current),o=T.current.offsetParent?T.current.offsetHeight:u.DomHandler.getHiddenElementOuterHeight(T.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),T.current.style.left=t+"px",T.current.style.top=n+"px"}},ee=function(e){N(!0),B(e),e.stopPropagation()},te=function(e){return T&&T.current&&!(T.current.isSameNode(e.target)||T.current.contains(e.target))},ne=function(){z(),Z()},re=function(){X(),_()};o.useMountEffect((function(){var e=u.UniqueComponentId();!d&&b(e),c.global&&A(),c.breakpoint&&!j&&H(e)})),o.useUpdateEffect((function(){c.global&&A()}),[c.global]),o.useUpdateEffect((function(){return j&&T.current&&(T.current.setAttribute(j,""),J()),function(){V()}}),[j,c.breakpoint]),o.useUpdateEffect((function(){g?(v(!1),P(!1),N(!0)):E||g||!I||Y(U.current)}),[E]),o.useUnmountEffect((function(){u.ZIndexUtils.clear(T.current)})),m.useImperativeHandle(a,(function(){return{props:c,show:Y,hide:B,getElement:function(){return T.current}}}));var oe,ie,ue=(oe=u.mergeProps({id:c.id,className:u.classNames(c.className,C("root",{context:l})),style:c.style,onClick:function(e){N(!1)},onMouseEnter:function(e){N(!1)}},x.getOtherProps(c),D("root")),ie=u.mergeProps({classNames:C("transition"),in:g,timeout:{enter:250,exit:0},options:c.transitionOptions,unmountOnExit:!0,onEnter:$,onEntered:F,onExit:G,onExited:K},D("transition")),m.createElement(r.CSSTransition,f({nodeRef:T},ie),m.createElement("div",f({ref:T},oe),m.createElement(w,{hostName:"ContextMenu",id:d,menuProps:c,model:c.model,root:!0,resetMenu:I,onLeafClick:ee,isMobileMode:R,submenuIcon:c.submenuIcon,ptm:D,cx:C}))));return m.createElement(i.Portal,{element:ue,appendTo:c.appendTo})})));M.displayName="ContextMenu",exports.ContextMenu=M;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),i=require("primereact/portal"),a=require("primereact/utils"),u=require("primereact/icons/angleright"),c=require("primereact/ripple");function l(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),f=l(t);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(this,arguments)}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 b(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 v(e){var t=b(e,"string");return"symbol"===p(t)?t:String(t)}function y(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function x(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,u=[],c=!0,l=!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)&&(u.push(r.value),u.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(l)throw o}}return u}}function h(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 I(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,t){return x(e)||g(e,t)||I(e,t)||E()}var P=n.ComponentBase.extend({defaultProps:{__TYPE:"ContextMenu",id:null,ariaLabel:null,ariaLabelledby:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,tabIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onFocus:null,onBlur:null,onShow:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.context;return a.classNames("p-contextmenu p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===f.default.ripple})},menu:function(e){var t=e.menuProps;return a.classNames({" p-contextmenu-root-list":t.root,"p-submenu-list":!t.root})},menuitem:function(e){return a.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.item.className)},action:function(e){return a.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},content:"p-menuitem-content",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",separator:"p-menuitem-separator",transition:"p-contextmenu",submenuTransition:"p-contextmenusub"},styles:"\n@layer primereact {\n    .p-contextmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-contextmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n    }\n\n    .p-contextmenu .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-contextmenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-contextmenu .p-menuitem {\n        position: relative;\n    }\n\n    .p-contextmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-contextmenu-enter {\n        opacity: 0;\n    }\n\n    .p-contextmenu-enter-active {\n        opacity: 1;\n        transition: opacity 250ms;\n    }\n}\n"}});function k(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 S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=m.memo(m.forwardRef((function(e,t){var n=m.useRef(null),i=e.root||!e.resetMenu,l=e.ptm,s=e.cx,f=function(t,n,r){return l(n,{hostName:e.hostName,context:{active:h(t),focused:O(t),disabled:E(t),index:r}})},p=function(t,n){n.disabled||e.isMobileMode?t.preventDefault():e.onItemMouseEnter({originalEvent:t,processedItem:n})},b=function(t,n){var r=n.item;r.disabled?t.preventDefault():(r.url||t.preventDefault(),r.command&&r.command({originalEvent:t,item:r}),e.onItemClick({originalEvent:t,processedItem:n,isFocus:!0}),r.items||e.onLeafClick(t))},v=function(){if(!e.isMobileMode){var t=n.current.parentElement,r=a.DomHandler.getOffset(t),o=a.DomHandler.getViewport(),i=n.current.offsetParent?n.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(n.current),u=a.DomHandler.getOuterWidth(t.children[0]),c=parseInt(r.top,10)+n.current.offsetHeight-a.DomHandler.getWindowScrollTop();n.current.style.top=c>o.height?o.height-c+"px":"0px",n.current.style.left=parseInt(r.left,10)+u+i>o.width-a.DomHandler.calculateScrollbarWidth()?-1*i+"px":u+"px"}};o.useUpdateEffect((function(){i&&v()}));var x=function(t){return"".concat(e.menuId,"_").concat(t.key)},g=function(e,t,n){return e&&e.item?a.ObjectUtils.getItemValue(e.item[t],n):void 0},h=function(t){return e.activeItemPath&&e.activeItemPath.some((function(e){return e.key===t.key}))},I=function(e){return!1!==g(e,"visible")},E=function(e){return g(e,"disabled")},O=function(t){return e.focusedItemId===x(t)},P=function(e){return a.ObjectUtils.isNotEmpty(e.items)},k=function(t){return t-e.model.slice(0,t).filter((function(e){return I(e)&&g(e,"separator")})).length+1};m.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return n.current}}}));var j=function(t){var n=e.id+"_separator_"+t,r=a.mergeProps({id:n,key:n,className:s("separator"),role:"separator"},l("separator",{hostName:e.hostName}));return m.createElement("li",r)},D=function(t,n){return P(t)?m.createElement(w,{id:e.id+"_"+n,role:"menu",menuId:e.menuId,focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,hostName:e.hostName,ariaLabelledby:x(t),menuProps:e.menuProps,model:t.items,resetMenu:!h(t),onLeafClick:e.onLeafClick,onItemClick:e.onItemClick,onItemMouseEnter:e.onItemMouseEnter,isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:l,cx:s}):null},N=function(t,n){if(!I(t))return null;var r=t.item,o=h(t),i=E(t),l=O(t),d=P(t),v=x(t),w=a.mergeProps({className:s("icon")},f(t,"icon",n)),j=a.IconUtils.getJSXIcon(r.icon,S({},w),{props:e.menuProps}),N=a.mergeProps({className:s("submenuIcon")},f(t,"submenuIcon",n)),H=a.mergeProps({className:s("label")},f(t,"label",n)),M=g(t,"items")&&a.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(u.AngleRightIcon,N),S({},N),{props:e.menuProps}),U=r.label&&m.createElement("span",H,r.label),C=D(t,n),L=a.mergeProps({href:r.url||"#","aria-hidden":!0,tabIndex:-1,className:s("action",{item:r}),target:r.target},f(t,"action",n)),K=m.createElement("a",L,j,U,M,m.createElement(c.Ripple,null));if(r.template){var T={className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:"p-menuitem-icon",submenuIconClassName:s("submenuIcon"),element:K,props:e,active:o};K=a.ObjectUtils.getJSXElement(r.template,r,T)}var R=a.mergeProps({onClick:function(e){return b(e,t)},onMouseEnter:function(e){return p(e,t)},className:s("content")},f(t,"content",n)),A=a.mergeProps(y({id:v,key:v,role:"menuitem","aria-label":r.label,"aria-disabled":i,"aria-expanded":d?o:void 0,"aria-haspopup":d&&!r.url?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return I(e)&&!g(e,"separator")})).length,"aria-posinset":k(n),"data-p-highlight":o,"data-p-focused":l,"data-p-disabled":i,className:s("menuitem",{item:r,active:o,focused:l,disabled:E(r)}),style:r.style},"key",v),f(t,"menuitem",n));return m.createElement("li",A,m.createElement("div",R,K),C)},H=e.model?e.model.map((function(e,t){return e.separator?j(t):N(e,t)})):null,M=a.mergeProps({className:s("menu",{menuProps:e}),onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":"vertical","aria-activedescendant":e.ariaActivedescendant,tabIndex:e.tabIndex,role:e.role},l("menu",{hostName:e.hostName})),U=a.mergeProps({classNames:s("submenuTransition"),in:i,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){v()}},l("menu.transition",{hostName:e.hostName}));return m.createElement(r.CSSTransition,d({nodeRef:n},U),m.createElement("ul",d({ref:n},M),H))})));function j(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 D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}w.displayName="ContextMenuSub";var N=m.memo(m.forwardRef((function(e,u){var c=m.useContext(t.PrimeReactContext),l=P.getProps(e,c),s=O(m.useState(l.id),2),p=s[0],b=s[1],v=O(m.useState(!1),2),y=v[0],x=v[1],g=O(m.useState(!1),2),h=g[0],I=g[1],E=O(m.useState(!1),2),k=E[0],S=E[1],j=O(m.useState(null),2),N=j[0],H=j[1],M=O(m.useState(!1),2),U=M[0],C=M[1],L=O(m.useState(!1),2),K=L[0],T=L[1],R=O(m.useState({index:-1,level:0,parentKey:""}),2),A=R[0],_=R[1],q=O(m.useState(""),2),Z=q[0],W=q[1],B=O(m.useState([]),2),F=B[0],z=B[1],V=O(m.useState([]),2),X=V[0],J=V[1],Y=O(m.useState(null),2),$=Y[0],G=Y[1],Q=P.setMetaData({props:l,state:{id:p,visible:y,reshow:h,resetMenu:k,attributeSelector:N}}),ee=Q.ptm,te=Q.cx;n.useHandleStyle(P.css.styles,Q.isUnstyled,{name:"contextmenu"});var ne=m.useRef(null),re=m.useRef(null),oe=m.useRef(null),ie=m.useRef(""),ae=m.useRef(null),ue=m.useRef(null),ce=o.useMatchMedia("screen and (max-width: ".concat(l.breakpoint,")"),!!l.breakpoint),le=O(o.useEventListener({type:"click",listener:function(e){we(e)&&2!==e.button&&(ge(e),S(!0))}}),2),se=le[0],me=le[1],fe=O(o.useEventListener({type:"contextmenu",when:l.global,listener:function(e){xe(e)}}),1)[0],de=O(o.useResizeListener({listener:function(e){y&&!a.DomHandler.isTouchDevice()&&ge(e)}}),2),pe=de[0],be=de[1],ve=function(){if(!ue.current){ue.current=a.DomHandler.createInlineStyle(c&&c.nonce||f.default.nonce,c&&c.styleContainer);var e="".concat(N),t="\n@media screen and (max-width: ".concat(l.breakpoint,") {\n    .p-contextmenu[").concat(e,"] > ul {\n        max-height: ").concat(l.scrollHeight,";\n        overflow: ").concat(l.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;\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');ue.current.innerHTML=t}},ye=function(){ue.current=a.DomHandler.removeInlineStyle(ue.current)},xe=function(e){W([]),_({index:-1,level:0,parentKey:""}),e.stopPropagation(),e.preventDefault(),oe.current=e,y?I(!0):(x(!0),l.onShow&&l.onShow(oe.current)),Promise.resolve().then((function(){re.current&&a.DomHandler.focus(re.current.getElement())}))},ge=function(e){oe.current=e,x(!1),I(!1),W([]),_({index:-1,level:0,parentKey:""}),l.onHide&&l.onHide(oe.current)},he=function(){a.DomHandler.addStyles(ne.current,{position:"absolute"}),l.autoZIndex&&a.ZIndexUtils.set("menu",ne.current,c&&c.autoZIndex||f.default.autoZIndex,l.baseZIndex||c&&c.zIndex.menu||f.default.zIndex.menu),Pe(oe.current),N&&l.breakpoint&&(ne.current.setAttribute(N,""),ve())},Ie=function(){je()},Ee=function(){De(),a.ZIndexUtils.clear(ne.current)},Oe=function(){a.ZIndexUtils.clear(ne.current),ye()},Pe=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=ne.current.offsetParent?ne.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(ne.current),o=ne.current.offsetParent?ne.current.offsetHeight:a.DomHandler.getHiddenElementOuterHeight(ne.current),i=a.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),ne.current.style.left=t+"px",ne.current.style.top=n+"px"}},ke=function e(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return t&&t.forEach((function(t,a){var u=(""!==o?o+"_":"")+a,c={item:t,index:a,level:n,separator:t.separator,key:u,parent:r,parentKey:o};c.items=e(t.items,n+1,c,u),i.push(c)})),i},Se=function(e){S(!0),ge(e),e.stopPropagation()},we=function(e){return ne&&ne.current&&!(ne.current.isSameNode(e.target)||ne.current.contains(e.target))},je=function(){pe(),se()},De=function(){be(),me()};o.useMountEffect((function(){var e=a.UniqueComponentId();!p&&b(e),l.global&&fe(),l.breakpoint&&!N&&H(e)})),o.useUpdateEffect((function(){l.global&&fe()}),[l.global]),o.useUpdateEffect((function(){return N&&ne.current&&(ne.current.setAttribute(N,""),ve()),function(){ye()}}),[N,l.breakpoint]),o.useUpdateEffect((function(){y?(x(!1),I(!1),S(!0)):h||y||!k||xe(oe.current)}),[h]),o.useUpdateEffect((function(){var e=ke(l.model||[],0,null,"");z(e)}),[l.model]),o.useUpdateEffect((function(){var e=-1!==A.index?"".concat(p).concat(a.ObjectUtils.isNotEmpty(A.parentKey)?"_"+A.parentKey:"","_").concat(A.index):null;G(e)}),[A]),o.useUpdateEffect((function(){var e=Z&&Z.find((function(e){return e.key===A.parentKey}));J(e?e.items:F)}),[Z,A]),o.useUpdateEffect((function(){if(K){var e=-1!==A.index?rt(A.index):lt();Je(e),W(Z.filter((function(e){return e.parentKey!==A.parentKey}))),T(!1)}}),[K]),o.useUnmountEffect((function(){a.ZIndexUtils.clear(ne.current)})),m.useImperativeHandle(u,(function(){return{props:l,show:xe,hide:ge,getElement:function(){return ne.current}}}));var Ne,He,Me=function(e){C(!0),_(-1!==A.index?A:{index:-1,level:0,parentKey:""}),l.onFocus&&l.onFocus(e)},Ue=function(e){C(!1),_({index:-1,level:0,parentKey:""}),ie.current="",ie.current="",l.onBlur&&l.onBlur(e)},Ce=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Re(e);break;case"ArrowUp":Ae(e);break;case"ArrowLeft":_e(e);break;case"ArrowRight":qe(e);break;case"Home":Ze(e);break;case"End":We(e);break;case"Space":Fe(e);break;case"Enter":Be(e);break;case"Escape":ze(e);break;case"Tab":Ve(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&a.ObjectUtils.isPrintableCharacter(e.key)&&Xe(e,e.key)}},Le=function(e){var t=e.processedItem,n=e.isFocus,r=e.updateState,o=void 0===r||r;if(!a.ObjectUtils.isEmpty(t)){var i=t.index,u=t.key,c=t.level,l=t.parentKey,s=a.ObjectUtils.isNotEmpty(t.items),m=Z.filter((function(e){return e.parentKey!==l&&e.parentKey!==u}));s&&o&&(m.push(t),x(!0)),_({index:i,level:c,parentKey:l}),W(m),n&&a.DomHandler.focus(re.current.getElement())}},Ke=function(e){var t=e.processedItem,n=Qe(t);if(it(t)){var r=t.index,o=t.key,i=t.level,u=t.parentKey;W(Z.filter((function(e){return o!==e.key&&o.startsWith(e.key)}))),_({index:r,level:i,parentKey:u}),a.DomHandler.focus(re.current.getElement())}else n?Le(e):ge()},Te=function(e){Le(e)},Re=function(e){var t=-1!==A.index?rt(A.index):lt();Je(t),e.preventDefault()},Ae=function(e){if(e.altKey){if(-1!==A.index){var t=X[A.index];!Qe(t)&&Le({originalEvent:e,processedItem:t})}e.preventDefault()}else{var n=-1!==A.index?ot(A.index):st();Je(n),e.preventDefault()}},_e=function(e){var t=X[A.index],n=Z.find((function(e){return e.key===t.parentKey}));a.ObjectUtils.isEmpty(t.parent)||(_({index:-1,parentKey:n?n.parentKey:""}),ie.current="",setTimeout((function(){return T(!0)}),0)),e.preventDefault()},qe=function(e){var t=X[A.index];Qe(t)&&(Le({originalEvent:e,processedItem:t}),_({index:-1,parentKey:t.key}),ie.current="",setTimeout((function(){return T(!0)}),0)),e.preventDefault()},Ze=function(e){Je(ut()),e.preventDefault()},We=function(e){Je(ct()),e.preventDefault()},Be=function(e){if(-1!==A.index){var t=a.DomHandler.findSingle(re.current.getElement(),'li[id="'.concat("".concat($),'"]')),n=t&&a.DomHandler.findSingle(t,'a[data-pc-section="action"]');n?n.click():t&&t.click(),!Qe(X[A.index])&&_(D(D({},A),{},{index:lt()}))}e.preventDefault()},Fe=function(e){Be(e)},ze=function(e){ge(),_({focusedItemInfo:A,index:lt()}),e.preventDefault()},Ve=function(e){if(-1!==A.index){var t=X[A.index];!Qe(t)&&Le({originalEvent:e,processedItem:t})}ge()},Xe=function(e,t){ie.current=ie.current||""+t;var n=-1,r=!1;return-1!==(n=-1!==A.index?-1===(n=X.slice(A.index).findIndex((function(e){return nt(e)})))?X.slice(0,A.index).findIndex((function(e){return nt(e)})):n+A.index:X.findIndex((function(e){return nt(e)})))&&(r=!0),-1===n&&-1===A.index&&(n=lt()),-1!==n&&Je(n),ae.current&&clearTimeout(ae.current),ae.current=setTimeout((function(){ie.current="",ae.current=null}),500),r},Je=function(e){A.index!==e&&(_(D(D({},A),{},{index:e})),Ye())},Ye=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,t=-1!==e?"".concat(p,"_").concat(e):$,n=a.DomHandler.findSingle(re.current.getElement(),'li[id="'.concat(t,'"]'));n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"start"})},$e=function(e,t){return e?a.ObjectUtils.getItemValue(e[t]):void 0},Ge=function(e){return e?$e(e.item,"label"):void 0},Qe=function(e){return e&&a.ObjectUtils.isNotEmpty(e.items)},et=function(e){return $e(e,"separator")},tt=function(e){return!!e&&!$e(e.item,"disabled")&&!et(e.item)},nt=function(e){return tt(e)&&Ge(e).toLocaleLowerCase().startsWith(ie.current.toLocaleLowerCase())},rt=function(e){var t=e<X.length-1?X.slice(e+1).findIndex((function(e){return tt(e)})):-1;return t>-1?t+e+1:e},ot=function(e){var t=e>0?a.ObjectUtils.findLastIndex(X.slice(0,e),(function(e){return tt(e)})):-1;return t>-1?t:e},it=function(e){return Z&&Z.some((function(t){return t.key===e.key}))},at=function(e){return tt(e)&&it(e)},ut=function(){return X.findIndex((function(e){return tt(e)}))},ct=function(){return a.ObjectUtils.findLastIndex(X,(function(e){return tt(e)}))},lt=function(){var e=mt();return e<0?ut():e},st=function(){var e=mt();return e<0?ct():e},mt=function(){return X.findIndex((function(e){return at(e)}))},ft=(Ne=a.mergeProps({id:l.id,className:a.classNames(l.className,te("root",{context:c})),style:l.style,onClick:function(e){S(!1)},onMouseEnter:function(e){S(!1)}},P.getOtherProps(l),ee("root")),He=a.mergeProps({classNames:te("transition"),in:y,timeout:{enter:250,exit:0},options:l.transitionOptions,unmountOnExit:!0,onEnter:he,onEntered:Ie,onExit:Ee,onExited:Oe},ee("transition")),m.createElement(r.CSSTransition,d({nodeRef:ne},He),m.createElement("div",d({ref:ne},Ne),m.createElement(w,{ref:re,ariaLabel:l.ariaLabel,ariaLabelledby:l.ariaLabelledby,activeItemPath:Z,hostName:"ContextMenu",id:p+"_list",role:"menubar",tabIndex:l.tabIndex||0,ariaActivedescendant:U?$:void 0,menuId:p,focusedItemId:U?$:void 0,menuProps:l,model:F,level:0,root:!0,onItemClick:Ke,onItemMouseEnter:Te,onFocus:Me,onBlur:Ue,onKeyDown:Ce,resetMenu:k,onLeafClick:Se,isMobileMode:ce,submenuIcon:l.submenuIcon,ptm:ee,cx:te}))));return m.createElement(i.Portal,{element:ft,appendTo:l.appendTo})})));N.displayName="ContextMenu",exports.ContextMenu=N;

package/contextmenu/contextmenu.d.ts

@@ -72,6 +72,20 @@ export interface ContextMenuPassThroughOptions {
      * Used to control React Transition API.
      */
     transition?: ContextMenuPassThroughTransitionType;
+    /**
+     * Index of the element in tabbing order.
+     */
+    tabIndex?: number | undefined;
+    /**
+     * Callback to invoke when ContextMenu receives focus.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
+    onFocus?(event: React.SyntheticEvent): void;
+    /**
+     * Callback to invoke when ContextMenu loses focus.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
+    onBlur?(event: React.SyntheticEvent): void;
 }
 
 /**
@@ -129,6 +143,14 @@ export interface ContextMenuProps extends Omit<React.DetailedHTMLProps<React.HTM
      * @defaultValue true
      */
     autoZIndex?: boolean | undefined;
+    /**
+     * Used to define a string that labels the component.
+     */
+    ariaLabel?: string | undefined;
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     */
+    ariaLabelledBy?: string | undefined;
     /**
      * Base zIndex value to use in layering.
      * @defaultValue 0
@@ -147,7 +169,7 @@ export interface ContextMenuProps extends Omit<React.DetailedHTMLProps<React.HTM
      * 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 | undefined | null;
+    appendTo?: 'self' | HTMLElement | undefined | null | (() => HTMLElement);
     /**
      * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
      */