primereact 9.2.3 → 9.3.1

package/contextmenu/contextmenu.cjs.js

@@ -9,6 +9,7 @@ var hooks = require('primereact/hooks');
 var portal = require('primereact/portal');
 var utils = require('primereact/utils');
 var ripple = require('primereact/ripple');
+var angleright = require('primereact/icons/angleright');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -119,6 +120,7 @@ var ContextMenuBase = {
     transitionOptions: null,
     onShow: null,
     onHide: null,
+    submenuIcon: null,
     children: undefined
   },
   getProps: function getProps(props) {
@@ -207,7 +209,8 @@ var ContextMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
         model: item.items,
         resetMenu: item !== activeItemState,
         onLeafClick: props.onLeafClick,
-        isMobileMode: props.isMobileMode
+        isMobileMode: props.isMobileMode,
+        submenuIcon: props.submenuIcon
       });
     }
     return null;
@@ -224,19 +227,23 @@ var ContextMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     var linkClassName = utils.classNames('p-menuitem-link', {
       'p-disabled': item.disabled
     });
-    var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
-    var submenuIconClassName = 'p-submenu-icon pi pi-angle-right';
+    var iconClassName = 'p-menuitem-icon';
     var icon = utils.IconUtils.getJSXIcon(item.icon, {
-      className: 'p-menuitem-icon'
+      className: iconClassName
+    }, {
+      props: props.menuProps
+    });
+    var submenuIconClassName = 'p-submenu-icon';
+    var submenuIcon = item.items && utils.IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, {
+      className: submenuIconClassName
+    }), {
+      className: submenuIconClassName
     }, {
       props: props.menuProps
     });
     var label = item.label && /*#__PURE__*/React__namespace.createElement("span", {
       className: "p-menuitem-text"
     }, item.label);
-    var submenuIcon = item.items && /*#__PURE__*/React__namespace.createElement("span", {
-      className: submenuIconClassName
-    });
     var submenu = createSubmenu(item);
     var content = /*#__PURE__*/React__namespace.createElement("a", {
       href: item.url || '#',
@@ -249,21 +256,6 @@ var ContextMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
       "aria-haspopup": item.items != null,
       "aria-disabled": item.disabled
     }, icon, label, submenuIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
-    if (item.template) {
-      var defaultContentOptions = {
-        onClick: function onClick(event) {
-          return onItemClick(event, item);
-        },
-        className: linkClassName,
-        labelClassName: 'p-menuitem-text',
-        iconClassName: iconClassName,
-        submenuIconClassName: submenuIconClassName,
-        element: content,
-        props: props,
-        active: active
-      };
-      content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
-    }
     return /*#__PURE__*/React__namespace.createElement("li", {
       key: key,
       role: "none",
@@ -529,7 +521,8 @@ var ContextMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       root: true,
       resetMenu: resetMenuState,
       onLeafClick: onLeafClick,
-      isMobileMode: isMobileMode
+      isMobileMode: isMobileMode,
+      submenuIcon: props.submenuIcon
     })));
   };
   var element = createContextMenu();

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"),i=require("primereact/utils"),u=require("primereact/ripple");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(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 c=a(e),s=l(t);function m(){return m=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},m.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,l=[],a=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return l}}function d(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 b(e,t){if(e){if("string"==typeof e)return d(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)?d(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 h(e,t){return p(e)||f(e,t)||b(e,t)||g()}var y={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,children:void 0},getProps:function(e){return i.ObjectUtils.getMergedProps(e,y.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,y.defaultProps)}},v=c.memo((function(e){var t=h(c.useState(null),2),o=t[0],l=t[1],a=c.useRef(null),s=e.root||!e.resetMenu;!0===e.resetMenu&&null!==o&&l(null);var m=function(t,n){n.disabled||e.isMobileMode?t.preventDefault():l(n)},p=function(t,n){n.disabled?t.preventDefault():(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),e.isMobileMode&&n.items&&l(o&&n===o?null:n),n.items||e.onLeafClick(t))},f=function(){if(!e.isMobileMode){var t=a.current.parentElement,n=i.DomHandler.getOffset(t),r=i.DomHandler.getViewport(),o=a.current.offsetParent?a.current.offsetWidth:i.DomHandler.getHiddenElementOuterWidth(a.current),u=i.DomHandler.getOuterWidth(t.children[0]),l=parseInt(n.top,10)+a.current.offsetHeight-i.DomHandler.getWindowScrollTop();a.current.style.top=l>r.height?r.height-l+"px":"0px",a.current.style.left=parseInt(n.left,10)+u+o>r.width-i.DomHandler.calculateScrollbarWidth()?-1*o+"px":u+"px"}};r.useUpdateEffect((function(){s&&f()}));var d=function(e){return c.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},b=function(t){return t.items?c.createElement(v,{menuProps:e.menuProps,model:t.items,resetMenu:t!==o,onLeafClick:e.onLeafClick,isMobileMode:e.isMobileMode}):null},g=function(t,n){if(!1===t.visible)return null;var r=o===t,l=t.label+"_"+n,a=i.classNames("p-menuitem",{"p-menuitem-active":r},t.className),s=i.classNames("p-menuitem-link",{"p-disabled":t.disabled}),f=i.classNames("p-menuitem-icon",t.icon),d="p-submenu-icon pi pi-angle-right",g=i.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),h=t.label&&c.createElement("span",{className:"p-menuitem-text"},t.label),y=t.items&&c.createElement("span",{className:d}),v=b(t),x=c.createElement("a",{href:t.url||"#",className:s,target:t.target,onClick:function(e){return p(e,t)},role:"menuitem","aria-haspopup":null!=t.items,"aria-disabled":t.disabled},g,h,y,c.createElement(u.Ripple,null));t.template&&(x=i.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return p(e,t)},className:s,labelClassName:"p-menuitem-text",iconClassName:f,submenuIconClassName:d,element:x,props:e,active:r}));return c.createElement("li",{key:l,role:"none",id:t.id,className:a,style:t.style,onMouseEnter:function(e){return m(e,t)}},x,v)},y=function(e,t){return e.separator?d(t):g(e,t)},x=i.classNames({"p-submenu-list":!e.root}),E=e.model?e.model.map(y):null;return c.createElement(n.CSSTransition,{nodeRef:a,classNames:"p-contextmenusub",in:s,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){f()}},c.createElement("ul",{ref:a,className:x},E))}));v.displayName="ContextMenuSub";var x=c.memo(c.forwardRef((function(e,t){var u=y.getProps(e),l=h(c.useState(!1),2),a=l[0],p=l[1],f=h(c.useState(!1),2),d=f[0],b=f[1],g=h(c.useState(!1),2),x=g[0],E=g[1],M=h(c.useState(null),2),O=M[0],H=M[1],S=c.useRef(null),N=c.useRef(null),P=c.useRef(null),I=r.useMatchMedia("screen and (max-width: ".concat(u.breakpoint,")"),!!u.breakpoint),k=h(r.useEventListener({type:"click",listener:function(e){$(e)&&2!==e.button&&(_(e),E(!0))}}),2),w=k[0],D=k[1],j=h(r.useEventListener({type:"contextmenu",listener:function(e){A(e)}}),1)[0],C=h(r.useResizeListener({listener:function(e){a&&!i.DomHandler.isTouchDevice()&&_(e)}}),2),U=C[0],T=C[1],L=function(){if(!P.current){P.current=i.DomHandler.createInlineStyle(s.default.nonce);var e="".concat(O),t="\n@media screen and (max-width: ".concat(u.breakpoint,") {\n    .p-contextmenu[").concat(e,"] > ul {\n        max-height: ").concat(u.scrollHeight,";\n        overflow: ").concat(u.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');P.current.innerHTML=t}},R=function(){P.current=i.DomHandler.removeInlineStyle(P.current)},Z=function(){E(!1)},q=function(){E(!1)},A=function(e){e.stopPropagation(),e.preventDefault(),N.current=e,a?b(!0):(p(!0),u.onShow&&u.onShow(N.current))},_=function(e){N.current=e,p(!1),b(!1),u.onHide&&u.onHide(N.current)},W=function(){u.autoZIndex&&i.ZIndexUtils.set("menu",S.current,s.default.autoZIndex,u.baseZIndex||s.default.zIndex.menu),V(N.current),O&&u.breakpoint&&(S.current.setAttribute(O,""),L())},z=function(){B()},X=function(){F(),i.ZIndexUtils.clear(S.current)},J=function(){i.ZIndexUtils.clear(S.current),R()},V=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=S.current.offsetParent?S.current.offsetWidth:i.DomHandler.getHiddenElementOuterWidth(S.current),o=S.current.offsetParent?S.current.offsetHeight:i.DomHandler.getHiddenElementOuterHeight(S.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),S.current.style.left=t+"px",S.current.style.top=n+"px"}},Y=function(e){E(!0),_(e),e.stopPropagation()},$=function(e){return S&&S.current&&!(S.current.isSameNode(e.target)||S.current.contains(e.target))},B=function(){U(),w()},F=function(){T(),D()};r.useMountEffect((function(){u.global&&j(),u.breakpoint&&!O&&H(i.UniqueComponentId())})),r.useUpdateEffect((function(){return O&&S.current&&(S.current.setAttribute(O,""),L()),function(){R()}}),[O,u.breakpoint]),r.useUpdateEffect((function(){a?(p(!1),b(!1),E(!0)):d||a||!x||A(N.current)}),[d]),r.useUnmountEffect((function(){i.ZIndexUtils.clear(S.current)})),c.useImperativeHandle(t,(function(){return{props:u,show:A,hide:_,getElement:function(){return S.current}}}));var G,K,Q=(G=y.getOtherProps(u),K=i.classNames("p-contextmenu p-component",u.className,{"p-input-filled":"filled"===s.default.inputStyle,"p-ripple-disabled":!1===s.default.ripple}),c.createElement(n.CSSTransition,{nodeRef:S,classNames:"p-contextmenu",in:a,timeout:{enter:250,exit:0},options:u.transitionOptions,unmountOnExit:!0,onEnter:W,onEntered:z,onExit:X,onExited:J},c.createElement("div",m({ref:S,id:u.id,className:K,style:u.style},G,{onClick:Z,onMouseEnter:q}),c.createElement(v,{menuProps:u,model:u.model,root:!0,resetMenu:x,onLeafClick:Y,isMobileMode:I}))));return c.createElement(o.Portal,{element:Q,appendTo:u.appendTo})})));x.displayName="ContextMenu",exports.ContextMenu=x;
+"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/ripple"),l=require("primereact/icons/angleright");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 s=c(e),m=a(t);function p(){return p=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},p.apply(this,arguments)}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=[],a=!0,c=!1;try{if(u=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=u.call(n)).done)&&(l.push(r.value),l.length!==t);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)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 g(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 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 y(e,t){return f(e)||d(e,t)||g(e,t)||h()}var v={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},getProps:function(e){return u.ObjectUtils.getMergedProps(e,v.defaultProps)},getOtherProps:function(e){return u.ObjectUtils.getDiffProps(e,v.defaultProps)}},x=s.memo((function(e){var t=y(s.useState(null),2),o=t[0],a=t[1],c=s.useRef(null),m=e.root||!e.resetMenu;!0===e.resetMenu&&null!==o&&a(null);var p=function(t,n){n.disabled||e.isMobileMode?t.preventDefault():a(n)},f=function(t,n){n.disabled?t.preventDefault():(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),e.isMobileMode&&n.items&&a(o&&n===o?null:n),n.items||e.onLeafClick(t))},d=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]),l=parseInt(n.top,10)+c.current.offsetHeight-u.DomHandler.getWindowScrollTop();c.current.style.top=l>r.height?r.height-l+"px":"0px",c.current.style.left=parseInt(n.left,10)+i+o>r.width-u.DomHandler.calculateScrollbarWidth()?-1*o+"px":i+"px"}};r.useUpdateEffect((function(){m&&d()}));var b=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},g=function(t){return t.items?s.createElement(x,{menuProps:e.menuProps,model:t.items,resetMenu:t!==o,onLeafClick:e.onLeafClick,isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon}):null},h=function(t,n){if(!1===t.visible)return null;var r=t.label+"_"+n,a=u.classNames("p-menuitem",{"p-menuitem-active":o===t},t.className),c=u.classNames("p-menuitem-link",{"p-disabled":t.disabled}),m=u.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),d="p-submenu-icon",b=t.items&&u.IconUtils.getJSXIcon(e.submenuIcon||s.createElement(l.AngleRightIcon,{className:d}),{className:d},{props:e.menuProps}),h=t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label),y=g(t);return s.createElement("li",{key:r,role:"none",id:t.id,className:a,style:t.style,onMouseEnter:function(e){return p(e,t)}},s.createElement("a",{href:t.url||"#",className:c,target:t.target,onClick:function(e){return f(e,t)},role:"menuitem","aria-haspopup":null!=t.items,"aria-disabled":t.disabled},m,h,b,s.createElement(i.Ripple,null)),y)},v=function(e,t){return e.separator?b(t):h(e,t)},E=u.classNames({"p-submenu-list":!e.root}),I=e.model?e.model.map(v):null;return s.createElement(n.CSSTransition,{nodeRef:c,classNames:"p-contextmenusub",in:m,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){d()}},s.createElement("ul",{ref:c,className:E},I))}));x.displayName="ContextMenuSub";var E=s.memo(s.forwardRef((function(e,t){var i=v.getProps(e),l=y(s.useState(!1),2),a=l[0],c=l[1],f=y(s.useState(!1),2),d=f[0],b=f[1],g=y(s.useState(!1),2),h=g[0],E=g[1],I=y(s.useState(null),2),M=I[0],O=I[1],H=s.useRef(null),S=s.useRef(null),P=s.useRef(null),N=r.useMatchMedia("screen and (max-width: ".concat(i.breakpoint,")"),!!i.breakpoint),k=y(r.useEventListener({type:"click",listener:function(e){$(e)&&2!==e.button&&(_(e),E(!0))}}),2),w=k[0],D=k[1],j=y(r.useEventListener({type:"contextmenu",listener:function(e){Z(e)}}),1)[0],C=y(r.useResizeListener({listener:function(e){a&&!u.DomHandler.isTouchDevice()&&_(e)}}),2),U=C[0],T=C[1],L=function(){if(!P.current){P.current=u.DomHandler.createInlineStyle(m.default.nonce);var e="".concat(M),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');P.current.innerHTML=t}},R=function(){P.current=u.DomHandler.removeInlineStyle(P.current)},q=function(){E(!1)},A=function(){E(!1)},Z=function(e){e.stopPropagation(),e.preventDefault(),S.current=e,a?b(!0):(c(!0),i.onShow&&i.onShow(S.current))},_=function(e){S.current=e,c(!1),b(!1),i.onHide&&i.onHide(S.current)},W=function(){i.autoZIndex&&u.ZIndexUtils.set("menu",H.current,m.default.autoZIndex,i.baseZIndex||m.default.zIndex.menu),V(S.current),M&&i.breakpoint&&(H.current.setAttribute(M,""),L())},z=function(){B()},X=function(){F(),u.ZIndexUtils.clear(H.current)},J=function(){u.ZIndexUtils.clear(H.current),R()},V=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=H.current.offsetParent?H.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(H.current),o=H.current.offsetParent?H.current.offsetHeight:u.DomHandler.getHiddenElementOuterHeight(H.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),H.current.style.left=t+"px",H.current.style.top=n+"px"}},Y=function(e){E(!0),_(e),e.stopPropagation()},$=function(e){return H&&H.current&&!(H.current.isSameNode(e.target)||H.current.contains(e.target))},B=function(){U(),w()},F=function(){T(),D()};r.useMountEffect((function(){i.global&&j(),i.breakpoint&&!M&&O(u.UniqueComponentId())})),r.useUpdateEffect((function(){return M&&H.current&&(H.current.setAttribute(M,""),L()),function(){R()}}),[M,i.breakpoint]),r.useUpdateEffect((function(){a?(c(!1),b(!1),E(!0)):d||a||!h||Z(S.current)}),[d]),r.useUnmountEffect((function(){u.ZIndexUtils.clear(H.current)})),s.useImperativeHandle(t,(function(){return{props:i,show:Z,hide:_,getElement:function(){return H.current}}}));var G,K,Q=(G=v.getOtherProps(i),K=u.classNames("p-contextmenu p-component",i.className,{"p-input-filled":"filled"===m.default.inputStyle,"p-ripple-disabled":!1===m.default.ripple}),s.createElement(n.CSSTransition,{nodeRef:H,classNames:"p-contextmenu",in:a,timeout:{enter:250,exit:0},options:i.transitionOptions,unmountOnExit:!0,onEnter:W,onEntered:z,onExit:X,onExited:J},s.createElement("div",p({ref:H,id:i.id,className:K,style:i.style},G,{onClick:q,onMouseEnter:A}),s.createElement(x,{menuProps:i,model:i.model,root:!0,resetMenu:h,onLeafClick:Y,isMobileMode:N,submenuIcon:i.submenuIcon}))));return s.createElement(o.Portal,{element:Q,appendTo:i.appendTo})})));E.displayName="ContextMenu",exports.ContextMenu=E;

package/contextmenu/contextmenu.d.ts

@@ -10,6 +10,7 @@
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
 import { MenuItem } from '../menuitem';
+import { IconType } from '../utils/utils';
 
 /**
  * Defines valid properties in ContextMenu component. In addition to these, all properties of HTMLDivElement can be used in this component.
@@ -53,6 +54,10 @@ export interface ContextMenuProps extends Omit<React.DetailedHTMLProps<React.HTM
      * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
      */
     transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * Icon of the submenu.
+     */
+    submenuIcon?: IconType<ContextMenuProps> | undefined;
     /**
      * Callback to invoke when a popup menu is shown.
      * @param {React.SyntheticEvent} event - Browser event.

package/contextmenu/contextmenu.esm.js

@@ -5,6 +5,7 @@ import { useUpdateEffect, useMatchMedia, useEventListener, useResizeListener, us
 import { Portal } from 'primereact/portal';
 import { ObjectUtils, classNames, DomHandler, IconUtils, UniqueComponentId, ZIndexUtils } from 'primereact/utils';
 import { Ripple } from 'primereact/ripple';
+import { AngleRightIcon } from 'primereact/icons/angleright';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -92,6 +93,7 @@ var ContextMenuBase = {
     transitionOptions: null,
     onShow: null,
     onHide: null,
+    submenuIcon: null,
     children: undefined
   },
   getProps: function getProps(props) {
@@ -180,7 +182,8 @@ var ContextMenuSub = /*#__PURE__*/React.memo(function (props) {
         model: item.items,
         resetMenu: item !== activeItemState,
         onLeafClick: props.onLeafClick,
-        isMobileMode: props.isMobileMode
+        isMobileMode: props.isMobileMode,
+        submenuIcon: props.submenuIcon
       });
     }
     return null;
@@ -197,19 +200,23 @@ var ContextMenuSub = /*#__PURE__*/React.memo(function (props) {
     var linkClassName = classNames('p-menuitem-link', {
       'p-disabled': item.disabled
     });
-    var iconClassName = classNames('p-menuitem-icon', item.icon);
-    var submenuIconClassName = 'p-submenu-icon pi pi-angle-right';
+    var iconClassName = 'p-menuitem-icon';
     var icon = IconUtils.getJSXIcon(item.icon, {
-      className: 'p-menuitem-icon'
+      className: iconClassName
+    }, {
+      props: props.menuProps
+    });
+    var submenuIconClassName = 'p-submenu-icon';
+    var submenuIcon = item.items && IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React.createElement(AngleRightIcon, {
+      className: submenuIconClassName
+    }), {
+      className: submenuIconClassName
     }, {
       props: props.menuProps
     });
     var label = item.label && /*#__PURE__*/React.createElement("span", {
       className: "p-menuitem-text"
     }, item.label);
-    var submenuIcon = item.items && /*#__PURE__*/React.createElement("span", {
-      className: submenuIconClassName
-    });
     var submenu = createSubmenu(item);
     var content = /*#__PURE__*/React.createElement("a", {
       href: item.url || '#',
@@ -222,21 +229,6 @@ var ContextMenuSub = /*#__PURE__*/React.memo(function (props) {
       "aria-haspopup": item.items != null,
       "aria-disabled": item.disabled
     }, icon, label, submenuIcon, /*#__PURE__*/React.createElement(Ripple, null));
-    if (item.template) {
-      var defaultContentOptions = {
-        onClick: function onClick(event) {
-          return onItemClick(event, item);
-        },
-        className: linkClassName,
-        labelClassName: 'p-menuitem-text',
-        iconClassName: iconClassName,
-        submenuIconClassName: submenuIconClassName,
-        element: content,
-        props: props,
-        active: active
-      };
-      content = ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
-    }
     return /*#__PURE__*/React.createElement("li", {
       key: key,
       role: "none",
@@ -502,7 +494,8 @@ var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       root: true,
       resetMenu: resetMenuState,
       onLeafClick: onLeafClick,
-      isMobileMode: isMobileMode
+      isMobileMode: isMobileMode,
+      submenuIcon: props.submenuIcon
     })));
   };
   var element = createContextMenu();

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 l,useUnmountEffect as a}from"primereact/hooks";import{Portal as c}from"primereact/portal";import{ObjectUtils as s,classNames as m,DomHandler as p,IconUtils as f,UniqueComponentId as d,ZIndexUtils as b}from"primereact/utils";import{Ripple as g}from"primereact/ripple";function h(){return h=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},h.apply(this,arguments)}function y(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,l=[],a=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return l}}function x(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 E(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function M(){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 S(e,t){return y(e)||v(e,t)||E(e,t)||M()}var k={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,children:void 0},getProps:function(e){return s.getMergedProps(e,k.defaultProps)},getOtherProps:function(e){return s.getDiffProps(e,k.defaultProps)}},N=e.memo((function(t){var o=S(e.useState(null),2),i=o[0],u=o[1],l=e.useRef(null),a=t.root||!t.resetMenu;!0===t.resetMenu&&null!==i&&u(null);var c=function(e,n){n.disabled||t.isMobileMode?e.preventDefault():u(n)},d=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))},b=function(){if(!t.isMobileMode){var e=l.current.parentElement,n=p.getOffset(e),r=p.getViewport(),o=l.current.offsetParent?l.current.offsetWidth:p.getHiddenElementOuterWidth(l.current),i=p.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+l.current.offsetHeight-p.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-p.calculateScrollbarWidth()?-1*o+"px":i+"px"}};r((function(){a&&b()}));var h=function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator",role:"separator"})},y=function(n){return n.items?e.createElement(N,{menuProps:t.menuProps,model:n.items,resetMenu:n!==i,onLeafClick:t.onLeafClick,isMobileMode:t.isMobileMode}):null},v=function(n,r){if(!1===n.visible)return null;var o=i===n,u=n.label+"_"+r,l=m("p-menuitem",{"p-menuitem-active":o},n.className),a=m("p-menuitem-link",{"p-disabled":n.disabled}),p=m("p-menuitem-icon",n.icon),b="p-submenu-icon pi pi-angle-right",h=f.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:t.menuProps}),v=n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),x=n.items&&e.createElement("span",{className:b}),E=y(n),M=e.createElement("a",{href:n.url||"#",className:a,target:n.target,onClick:function(e){return d(e,n)},role:"menuitem","aria-haspopup":null!=n.items,"aria-disabled":n.disabled},h,v,x,e.createElement(g,null));n.template&&(M=s.getJSXElement(n.template,n,{onClick:function(e){return d(e,n)},className:a,labelClassName:"p-menuitem-text",iconClassName:p,submenuIconClassName:b,element:M,props:t,active:o}));return e.createElement("li",{key:u,role:"none",id:n.id,className:l,style:n.style,onMouseEnter:function(e){return c(e,n)}},M,E)},x=function(e,t){return e.separator?h(t):v(e,t)},E=m({"p-submenu-list":!t.root}),M=t.model?t.model.map(x):null;return e.createElement(n,{nodeRef:l,classNames:"p-contextmenusub",in:a,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){b()}},e.createElement("ul",{ref:l,className:E},M))}));N.displayName="ContextMenuSub";var P=e.memo(e.forwardRef((function(s,f){var g=k.getProps(s),y=S(e.useState(!1),2),v=y[0],x=y[1],E=S(e.useState(!1),2),M=E[0],P=E[1],w=S(e.useState(!1),2),O=w[0],I=w[1],C=S(e.useState(null),2),H=C[0],T=C[1],j=e.useRef(null),A=e.useRef(null),L=e.useRef(null),R=o("screen and (max-width: ".concat(g.breakpoint,")"),!!g.breakpoint),W=S(i({type:"click",listener:function(e){ne(e)&&2!==e.button&&(B(e),I(!0))}}),2),D=W[0],Z=W[1],_=S(i({type:"contextmenu",listener:function(e){q(e)}}),1)[0],X=S(u({listener:function(e){v&&!p.isTouchDevice()&&B(e)}}),2),J=X[0],V=X[1],Y=function(){if(!L.current){L.current=p.createInlineStyle(t.nonce);var e="".concat(H),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}},z=function(){L.current=p.removeInlineStyle(L.current)},U=function(){I(!1)},$=function(){I(!1)},q=function(e){e.stopPropagation(),e.preventDefault(),A.current=e,v?P(!0):(x(!0),g.onShow&&g.onShow(A.current))},B=function(e){A.current=e,x(!1),P(!1),g.onHide&&g.onHide(A.current)},F=function(){g.autoZIndex&&b.set("menu",j.current,t.autoZIndex,g.baseZIndex||t.zIndex.menu),ee(A.current),H&&g.breakpoint&&(j.current.setAttribute(H,""),Y())},G=function(){re()},K=function(){oe(),b.clear(j.current)},Q=function(){b.clear(j.current),z()},ee=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=j.current.offsetParent?j.current.offsetWidth:p.getHiddenElementOuterWidth(j.current),o=j.current.offsetParent?j.current.offsetHeight:p.getHiddenElementOuterHeight(j.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),j.current.style.left=t+"px",j.current.style.top=n+"px"}},te=function(e){I(!0),B(e),e.stopPropagation()},ne=function(e){return j&&j.current&&!(j.current.isSameNode(e.target)||j.current.contains(e.target))},re=function(){J(),D()},oe=function(){V(),Z()};l((function(){g.global&&_(),g.breakpoint&&!H&&T(d())})),r((function(){return H&&j.current&&(j.current.setAttribute(H,""),Y()),function(){z()}}),[H,g.breakpoint]),r((function(){v?(x(!1),P(!1),I(!0)):M||v||!O||q(A.current)}),[M]),a((function(){b.clear(j.current)})),e.useImperativeHandle(f,(function(){return{props:g,show:q,hide:B,getElement:function(){return j.current}}}));var ie,ue,le=(ie=k.getOtherProps(g),ue=m("p-contextmenu p-component",g.className,{"p-input-filled":"filled"===t.inputStyle,"p-ripple-disabled":!1===t.ripple}),e.createElement(n,{nodeRef:j,classNames:"p-contextmenu",in:v,timeout:{enter:250,exit:0},options:g.transitionOptions,unmountOnExit:!0,onEnter:F,onEntered:G,onExit:K,onExited:Q},e.createElement("div",h({ref:j,id:g.id,className:ue,style:g.style},ie,{onClick:U,onMouseEnter:$}),e.createElement(N,{menuProps:g,model:g.model,root:!0,resetMenu:O,onLeafClick:te,isMobileMode:R}))));return e.createElement(c,{element:le,appendTo:g.appendTo})})));P.displayName="ContextMenu";export{P as ContextMenu};
+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 l,useUnmountEffect as c}from"primereact/hooks";import{Portal as a}from"primereact/portal";import{ObjectUtils as s,classNames as m,DomHandler as p,IconUtils as f,UniqueComponentId as d,ZIndexUtils as b}from"primereact/utils";import{Ripple as g}from"primereact/ripple";import{AngleRightIcon as h}from"primereact/icons/angleright";function y(){return y=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},y.apply(this,arguments)}function v(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,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 M(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 I(){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 S(e,t){return v(e)||x(e,t)||M(e,t)||I()}var P={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},getProps:function(e){return s.getMergedProps(e,P.defaultProps)},getOtherProps:function(e){return s.getDiffProps(e,P.defaultProps)}},k=e.memo((function(t){var o=S(e.useState(null),2),i=o[0],u=o[1],l=e.useRef(null),c=t.root||!t.resetMenu;!0===t.resetMenu&&null!==i&&u(null);var a=function(e,n){n.disabled||t.isMobileMode?e.preventDefault():u(n)},s=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))},d=function(){if(!t.isMobileMode){var e=l.current.parentElement,n=p.getOffset(e),r=p.getViewport(),o=l.current.offsetParent?l.current.offsetWidth:p.getHiddenElementOuterWidth(l.current),i=p.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+l.current.offsetHeight-p.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-p.calculateScrollbarWidth()?-1*o+"px":i+"px"}};r((function(){c&&d()}));var b=function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator",role:"separator"})},y=function(n){return n.items?e.createElement(k,{menuProps:t.menuProps,model:n.items,resetMenu:n!==i,onLeafClick:t.onLeafClick,isMobileMode:t.isMobileMode,submenuIcon:t.submenuIcon}):null},v=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=f.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:t.menuProps}),p="p-submenu-icon",d=n.items&&f.getJSXIcon(t.submenuIcon||e.createElement(h,{className:p}),{className:p},{props:t.menuProps}),b=n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),v=y(n);return e.createElement("li",{key:o,role:"none",id:n.id,className:u,style:n.style,onMouseEnter:function(e){return a(e,n)}},e.createElement("a",{href:n.url||"#",className:l,target:n.target,onClick:function(e){return s(e,n)},role:"menuitem","aria-haspopup":null!=n.items,"aria-disabled":n.disabled},c,b,d,e.createElement(g,null)),v)},x=function(e,t){return e.separator?b(t):v(e,t)},E=m({"p-submenu-list":!t.root}),M=t.model?t.model.map(x):null;return e.createElement(n,{nodeRef:l,classNames:"p-contextmenusub",in:c,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){d()}},e.createElement("ul",{ref:l,className:E},M))}));k.displayName="ContextMenuSub";var w=e.memo(e.forwardRef((function(s,f){var g=P.getProps(s),h=S(e.useState(!1),2),v=h[0],x=h[1],E=S(e.useState(!1),2),M=E[0],I=E[1],w=S(e.useState(!1),2),O=w[0],N=w[1],H=S(e.useState(null),2),T=H[0],C=H[1],j=e.useRef(null),A=e.useRef(null),L=e.useRef(null),R=o("screen and (max-width: ".concat(g.breakpoint,")"),!!g.breakpoint),W=S(i({type:"click",listener:function(e){ne(e)&&2!==e.button&&(B(e),N(!0))}}),2),D=W[0],Z=W[1],_=S(i({type:"contextmenu",listener:function(e){q(e)}}),1)[0],X=S(u({listener:function(e){v&&!p.isTouchDevice()&&B(e)}}),2),J=X[0],V=X[1],Y=function(){if(!L.current){L.current=p.createInlineStyle(t.nonce);var e="".concat(T),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}},z=function(){L.current=p.removeInlineStyle(L.current)},U=function(){N(!1)},$=function(){N(!1)},q=function(e){e.stopPropagation(),e.preventDefault(),A.current=e,v?I(!0):(x(!0),g.onShow&&g.onShow(A.current))},B=function(e){A.current=e,x(!1),I(!1),g.onHide&&g.onHide(A.current)},F=function(){g.autoZIndex&&b.set("menu",j.current,t.autoZIndex,g.baseZIndex||t.zIndex.menu),ee(A.current),T&&g.breakpoint&&(j.current.setAttribute(T,""),Y())},G=function(){re()},K=function(){oe(),b.clear(j.current)},Q=function(){b.clear(j.current),z()},ee=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=j.current.offsetParent?j.current.offsetWidth:p.getHiddenElementOuterWidth(j.current),o=j.current.offsetParent?j.current.offsetHeight:p.getHiddenElementOuterHeight(j.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),j.current.style.left=t+"px",j.current.style.top=n+"px"}},te=function(e){N(!0),B(e),e.stopPropagation()},ne=function(e){return j&&j.current&&!(j.current.isSameNode(e.target)||j.current.contains(e.target))},re=function(){J(),D()},oe=function(){V(),Z()};l((function(){g.global&&_(),g.breakpoint&&!T&&C(d())})),r((function(){return T&&j.current&&(j.current.setAttribute(T,""),Y()),function(){z()}}),[T,g.breakpoint]),r((function(){v?(x(!1),I(!1),N(!0)):M||v||!O||q(A.current)}),[M]),c((function(){b.clear(j.current)})),e.useImperativeHandle(f,(function(){return{props:g,show:q,hide:B,getElement:function(){return j.current}}}));var ie,ue,le=(ie=P.getOtherProps(g),ue=m("p-contextmenu p-component",g.className,{"p-input-filled":"filled"===t.inputStyle,"p-ripple-disabled":!1===t.ripple}),e.createElement(n,{nodeRef:j,classNames:"p-contextmenu",in:v,timeout:{enter:250,exit:0},options:g.transitionOptions,unmountOnExit:!0,onEnter:F,onEntered:G,onExit:K,onExited:Q},e.createElement("div",y({ref:j,id:g.id,className:ue,style:g.style},ie,{onClick:U,onMouseEnter:$}),e.createElement(k,{menuProps:g,model:g.model,root:!0,resetMenu:O,onLeafClick:te,isMobileMode:R,submenuIcon:g.submenuIcon}))));return e.createElement(a,{element:le,appendTo:g.appendTo})})));w.displayName="ContextMenu";export{w as ContextMenu};

package/contextmenu/contextmenu.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransition, hooks, portal, utils, ripple) {
+this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransition, hooks, portal, utils, ripple, angleright) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -111,6 +111,7 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransiti
       transitionOptions: null,
       onShow: null,
       onHide: null,
+      submenuIcon: null,
       children: undefined
     },
     getProps: function getProps(props) {
@@ -199,7 +200,8 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransiti
           model: item.items,
           resetMenu: item !== activeItemState,
           onLeafClick: props.onLeafClick,
-          isMobileMode: props.isMobileMode
+          isMobileMode: props.isMobileMode,
+          submenuIcon: props.submenuIcon
         });
       }
       return null;
@@ -216,19 +218,23 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransiti
       var linkClassName = utils.classNames('p-menuitem-link', {
         'p-disabled': item.disabled
       });
-      var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
-      var submenuIconClassName = 'p-submenu-icon pi pi-angle-right';
+      var iconClassName = 'p-menuitem-icon';
       var icon = utils.IconUtils.getJSXIcon(item.icon, {
-        className: 'p-menuitem-icon'
+        className: iconClassName
+      }, {
+        props: props.menuProps
+      });
+      var submenuIconClassName = 'p-submenu-icon';
+      var submenuIcon = item.items && utils.IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, {
+        className: submenuIconClassName
+      }), {
+        className: submenuIconClassName
       }, {
         props: props.menuProps
       });
       var label = item.label && /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-menuitem-text"
       }, item.label);
-      var submenuIcon = item.items && /*#__PURE__*/React__namespace.createElement("span", {
-        className: submenuIconClassName
-      });
       var submenu = createSubmenu(item);
       var content = /*#__PURE__*/React__namespace.createElement("a", {
         href: item.url || '#',
@@ -241,21 +247,6 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransiti
         "aria-haspopup": item.items != null,
         "aria-disabled": item.disabled
       }, icon, label, submenuIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
-      if (item.template) {
-        var defaultContentOptions = {
-          onClick: function onClick(event) {
-            return onItemClick(event, item);
-          },
-          className: linkClassName,
-          labelClassName: 'p-menuitem-text',
-          iconClassName: iconClassName,
-          submenuIconClassName: submenuIconClassName,
-          element: content,
-          props: props,
-          active: active
-        };
-        content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
-      }
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
         role: "none",
@@ -521,7 +512,8 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransiti
         root: true,
         resetMenu: resetMenuState,
         onLeafClick: onLeafClick,
-        isMobileMode: isMobileMode
+        isMobileMode: isMobileMode,
+        submenuIcon: props.submenuIcon
       })));
     };
     var element = createContextMenu();
@@ -538,4 +530,4 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransiti
 
   return exports;
 
-})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.portal, primereact.utils, primereact.ripple);
+})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.portal, primereact.utils, primereact.ripple, primereact.icons.angleright);

package/contextmenu/contextmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.contextmenu=function(e,t,n,r,o,i,l,u){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 s=c(t),m=a(n);function p(){return p=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},p.apply(this,arguments)}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,i,l,u=[],a=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=i.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw o}}return u}}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 g(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 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 y(e,t){return f(e)||d(e,t)||g(e,t)||h()}var v={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,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,v.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,v.defaultProps)}},x=s.memo((function(e){var t=y(s.useState(null),2),n=t[0],i=t[1],a=s.useRef(null),c=e.root||!e.resetMenu;!0===e.resetMenu&&null!==n&&i(null);var m=function(t,n){n.disabled||e.isMobileMode?t.preventDefault():i(n)},p=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))},f=function(){if(!e.isMobileMode){var t=a.current.parentElement,n=l.DomHandler.getOffset(t),r=l.DomHandler.getViewport(),o=a.current.offsetParent?a.current.offsetWidth:l.DomHandler.getHiddenElementOuterWidth(a.current),i=l.DomHandler.getOuterWidth(t.children[0]),u=parseInt(n.top,10)+a.current.offsetHeight-l.DomHandler.getWindowScrollTop();a.current.style.top=u>r.height?r.height-u+"px":"0px",a.current.style.left=parseInt(n.left,10)+i+o>r.width-l.DomHandler.calculateScrollbarWidth()?-1*o+"px":i+"px"}};o.useUpdateEffect((function(){c&&f()}));var d=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},b=function(t){return t.items?s.createElement(x,{menuProps:e.menuProps,model:t.items,resetMenu:t!==n,onLeafClick:e.onLeafClick,isMobileMode:e.isMobileMode}):null},g=function(t,r){if(!1===t.visible)return null;var o=n===t,i=t.label+"_"+r,a=l.classNames("p-menuitem",{"p-menuitem-active":o},t.className),c=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),f=l.classNames("p-menuitem-icon",t.icon),d="p-submenu-icon pi pi-angle-right",g=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),h=t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label),y=t.items&&s.createElement("span",{className:d}),v=b(t),x=s.createElement("a",{href:t.url||"#",className:c,target:t.target,onClick:function(e){return p(e,t)},role:"menuitem","aria-haspopup":null!=t.items,"aria-disabled":t.disabled},g,h,y,s.createElement(u.Ripple,null));t.template&&(x=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return p(e,t)},className:c,labelClassName:"p-menuitem-text",iconClassName:f,submenuIconClassName:d,element:x,props:e,active:o}));return s.createElement("li",{key:i,role:"none",id:t.id,className:a,style:t.style,onMouseEnter:function(e){return m(e,t)}},x,v)},h=function(e,t){return e.separator?d(t):g(e,t)},v=l.classNames({"p-submenu-list":!e.root}),E=e.model?e.model.map(h):null;return s.createElement(r.CSSTransition,{nodeRef:a,classNames:"p-contextmenusub",in:c,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){f()}},s.createElement("ul",{ref:a,className:v},E))}));x.displayName="ContextMenuSub";var E=s.memo(s.forwardRef((function(e,t){var n=v.getProps(e),u=y(s.useState(!1),2),a=u[0],c=u[1],f=y(s.useState(!1),2),d=f[0],b=f[1],g=y(s.useState(!1),2),h=g[0],E=g[1],M=y(s.useState(null),2),O=M[0],H=M[1],S=s.useRef(null),N=s.useRef(null),P=s.useRef(null),I=o.useMatchMedia("screen and (max-width: ".concat(n.breakpoint,")"),!!n.breakpoint),k=y(o.useEventListener({type:"click",listener:function(e){$(e)&&2!==e.button&&(W(e),E(!0))}}),2),w=k[0],D=k[1],j=y(o.useEventListener({type:"contextmenu",listener:function(e){_(e)}}),1)[0],C=y(o.useResizeListener({listener:function(e){a&&!l.DomHandler.isTouchDevice()&&W(e)}}),2),U=C[0],T=C[1],L=function(){if(!P.current){P.current=l.DomHandler.createInlineStyle(m.default.nonce);var e="".concat(O),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');P.current.innerHTML=t}},R=function(){P.current=l.DomHandler.removeInlineStyle(P.current)},Z=function(){E(!1)},A=function(){E(!1)},_=function(e){e.stopPropagation(),e.preventDefault(),N.current=e,a?b(!0):(c(!0),n.onShow&&n.onShow(N.current))},W=function(e){N.current=e,c(!1),b(!1),n.onHide&&n.onHide(N.current)},z=function(){n.autoZIndex&&l.ZIndexUtils.set("menu",S.current,m.default.autoZIndex,n.baseZIndex||m.default.zIndex.menu),Y(N.current),O&&n.breakpoint&&(S.current.setAttribute(O,""),L())},X=function(){B()},J=function(){F(),l.ZIndexUtils.clear(S.current)},V=function(){l.ZIndexUtils.clear(S.current),R()},Y=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=S.current.offsetParent?S.current.offsetWidth:l.DomHandler.getHiddenElementOuterWidth(S.current),o=S.current.offsetParent?S.current.offsetHeight:l.DomHandler.getHiddenElementOuterHeight(S.current),i=l.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"}},q=function(e){E(!0),W(e),e.stopPropagation()},$=function(e){return S&&S.current&&!(S.current.isSameNode(e.target)||S.current.contains(e.target))},B=function(){U(),w()},F=function(){T(),D()};o.useMountEffect((function(){n.global&&j(),n.breakpoint&&!O&&H(l.UniqueComponentId())})),o.useUpdateEffect((function(){return O&&S.current&&(S.current.setAttribute(O,""),L()),function(){R()}}),[O,n.breakpoint]),o.useUpdateEffect((function(){a?(c(!1),b(!1),E(!0)):d||a||!h||_(N.current)}),[d]),o.useUnmountEffect((function(){l.ZIndexUtils.clear(S.current)})),s.useImperativeHandle(t,(function(){return{props:n,show:_,hide:W,getElement:function(){return S.current}}}));var G,K,Q=(G=v.getOtherProps(n),K=l.classNames("p-contextmenu p-component",n.className,{"p-input-filled":"filled"===m.default.inputStyle,"p-ripple-disabled":!1===m.default.ripple}),s.createElement(r.CSSTransition,{nodeRef:S,classNames:"p-contextmenu",in:a,timeout:{enter:250,exit:0},options:n.transitionOptions,unmountOnExit:!0,onEnter:z,onEntered:X,onExit:J,onExited:V},s.createElement("div",p({ref:S,id:n.id,className:K,style:n.style},G,{onClick:Z,onMouseEnter:A}),s.createElement(x,{menuProps:n,model:n.model,root:!0,resetMenu:h,onLeafClick:q,isMobileMode:I}))));return s.createElement(i.Portal,{element:Q,appendTo:n.appendTo})})));return E.displayName="ContextMenu",e.ContextMenu=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.contextmenu=function(e,t,n,r,o,u,i,l,a){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var 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(t),p=c(n);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,u,i,l=[],a=!0,c=!1;try{if(u=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=u.call(n)).done)&&(l.push(r.value),l.length!==t);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return l}}function g(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 h(e,t){if(e){if("string"==typeof e)return g(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)?g(e,t):void 0}}function y(){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)||h(e,t)||y()}var x={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},getProps:function(e){return i.ObjectUtils.getMergedProps(e,x.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,x.defaultProps)}},E=m.memo((function(e){var t=v(m.useState(null),2),n=t[0],u=t[1],c=m.useRef(null),s=e.root||!e.resetMenu;!0===e.resetMenu&&null!==n&&u(null);var p=function(t,n){n.disabled||e.isMobileMode?t.preventDefault():u(n)},f=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))},d=function(){if(!e.isMobileMode){var t=c.current.parentElement,n=i.DomHandler.getOffset(t),r=i.DomHandler.getViewport(),o=c.current.offsetParent?c.current.offsetWidth:i.DomHandler.getHiddenElementOuterWidth(c.current),u=i.DomHandler.getOuterWidth(t.children[0]),l=parseInt(n.top,10)+c.current.offsetHeight-i.DomHandler.getWindowScrollTop();c.current.style.top=l>r.height?r.height-l+"px":"0px",c.current.style.left=parseInt(n.left,10)+u+o>r.width-i.DomHandler.calculateScrollbarWidth()?-1*o+"px":u+"px"}};o.useUpdateEffect((function(){s&&d()}));var b=function(e){return m.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},g=function(t){return t.items?m.createElement(E,{menuProps:e.menuProps,model:t.items,resetMenu:t!==n,onLeafClick:e.onLeafClick,isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon}):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),c=i.classNames("p-menuitem-link",{"p-disabled":t.disabled}),s=i.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),d="p-submenu-icon",b=t.items&&i.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(a.AngleRightIcon,{className:d}),{className:d},{props:e.menuProps}),h=t.label&&m.createElement("span",{className:"p-menuitem-text"},t.label),y=g(t);return m.createElement("li",{key:o,role:"none",id:t.id,className:u,style:t.style,onMouseEnter:function(e){return p(e,t)}},m.createElement("a",{href:t.url||"#",className:c,target:t.target,onClick:function(e){return f(e,t)},role:"menuitem","aria-haspopup":null!=t.items,"aria-disabled":t.disabled},s,h,b,m.createElement(l.Ripple,null)),y)},y=function(e,t){return e.separator?b(t):h(e,t)},x=i.classNames({"p-submenu-list":!e.root}),I=e.model?e.model.map(y):null;return m.createElement(r.CSSTransition,{nodeRef:c,classNames:"p-contextmenusub",in:s,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){d()}},m.createElement("ul",{ref:c,className:x},I))}));E.displayName="ContextMenuSub";var I=m.memo(m.forwardRef((function(e,t){var n=x.getProps(e),l=v(m.useState(!1),2),a=l[0],c=l[1],s=v(m.useState(!1),2),d=s[0],b=s[1],g=v(m.useState(!1),2),h=g[0],y=g[1],I=v(m.useState(null),2),M=I[0],O=I[1],H=m.useRef(null),S=m.useRef(null),P=m.useRef(null),N=o.useMatchMedia("screen and (max-width: ".concat(n.breakpoint,")"),!!n.breakpoint),k=v(o.useEventListener({type:"click",listener:function(e){$(e)&&2!==e.button&&(W(e),y(!0))}}),2),w=k[0],D=k[1],j=v(o.useEventListener({type:"contextmenu",listener:function(e){_(e)}}),1)[0],C=v(o.useResizeListener({listener:function(e){a&&!i.DomHandler.isTouchDevice()&&W(e)}}),2),U=C[0],T=C[1],L=function(){if(!P.current){P.current=i.DomHandler.createInlineStyle(p.default.nonce);var e="".concat(M),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');P.current.innerHTML=t}},R=function(){P.current=i.DomHandler.removeInlineStyle(P.current)},A=function(){y(!1)},Z=function(){y(!1)},_=function(e){e.stopPropagation(),e.preventDefault(),S.current=e,a?b(!0):(c(!0),n.onShow&&n.onShow(S.current))},W=function(e){S.current=e,c(!1),b(!1),n.onHide&&n.onHide(S.current)},z=function(){n.autoZIndex&&i.ZIndexUtils.set("menu",H.current,p.default.autoZIndex,n.baseZIndex||p.default.zIndex.menu),Y(S.current),M&&n.breakpoint&&(H.current.setAttribute(M,""),L())},X=function(){B()},J=function(){F(),i.ZIndexUtils.clear(H.current)},V=function(){i.ZIndexUtils.clear(H.current),R()},Y=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=H.current.offsetParent?H.current.offsetWidth:i.DomHandler.getHiddenElementOuterWidth(H.current),o=H.current.offsetParent?H.current.offsetHeight:i.DomHandler.getHiddenElementOuterHeight(H.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),H.current.style.left=t+"px",H.current.style.top=n+"px"}},q=function(e){y(!0),W(e),e.stopPropagation()},$=function(e){return H&&H.current&&!(H.current.isSameNode(e.target)||H.current.contains(e.target))},B=function(){U(),w()},F=function(){T(),D()};o.useMountEffect((function(){n.global&&j(),n.breakpoint&&!M&&O(i.UniqueComponentId())})),o.useUpdateEffect((function(){return M&&H.current&&(H.current.setAttribute(M,""),L()),function(){R()}}),[M,n.breakpoint]),o.useUpdateEffect((function(){a?(c(!1),b(!1),y(!0)):d||a||!h||_(S.current)}),[d]),o.useUnmountEffect((function(){i.ZIndexUtils.clear(H.current)})),m.useImperativeHandle(t,(function(){return{props:n,show:_,hide:W,getElement:function(){return H.current}}}));var G,K,Q=(G=x.getOtherProps(n),K=i.classNames("p-contextmenu p-component",n.className,{"p-input-filled":"filled"===p.default.inputStyle,"p-ripple-disabled":!1===p.default.ripple}),m.createElement(r.CSSTransition,{nodeRef:H,classNames:"p-contextmenu",in:a,timeout:{enter:250,exit:0},options:n.transitionOptions,unmountOnExit:!0,onEnter:z,onEntered:X,onExit:J,onExited:V},m.createElement("div",f({ref:H,id:n.id,className:K,style:n.style},G,{onClick:A,onMouseEnter:Z}),m.createElement(E,{menuProps:n,model:n.model,root:!0,resetMenu:h,onLeafClick:q,isMobileMode:N,submenuIcon:n.submenuIcon}))));return m.createElement(u.Portal,{element:Q,appendTo:n.appendTo})})));return I.displayName="ContextMenu",e.ContextMenu=I,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils,primereact.ripple,primereact.icons.angleright);