primereact/contextmenu/contextmenu.esm.min.js

PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime

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