primereact 8.0.0-rc.1 → 8.0.1

package/contextmenu/contextmenu.cjs.js

@@ -190,6 +190,7 @@ var ContextMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
   var createSubmenu = function createSubmenu(item) {
     if (item.items) {
       return /*#__PURE__*/React__namespace.createElement(ContextMenuSub, {
+        menuProps: props.menuProps,
         model: item.items,
         resetMenu: item !== activeItemState,
         onLeafClick: props.onLeafClick
@@ -210,8 +211,10 @@ var ContextMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     });
     var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
     var submenuIconClassName = 'p-submenu-icon pi pi-angle-right';
-    var icon = item.icon && /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClassName
+    var icon = utils.IconUtils.getJSXIcon(item.icon, {
+      className: 'p-menuitem-icon'
+    }, {
+      props: props.menuProps
     });
     var label = item.label && /*#__PURE__*/React__namespace.createElement("span", {
       className: "p-menuitem-text"
@@ -491,6 +494,7 @@ var ContextMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       onClick: onMenuClick,
       onMouseEnter: onMenuMouseEnter
     }), /*#__PURE__*/React__namespace.createElement(ContextMenuSub, {
+      menuProps: props,
       model: props.model,
       root: true,
       resetMenu: resetMenuState,

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

package/contextmenu/contextmenu.d.ts

@@ -16,6 +16,7 @@ export interface ContextMenuProps {
     transitionOptions?: CSSTransitionProps;
     onShow?(e: React.SyntheticEvent): void;
     onHide?(e: React.SyntheticEvent): void;
+    children?: React.ReactNode;
 }
 
 export declare class ContextMenu extends React.Component<ContextMenuProps, any> {

package/contextmenu/contextmenu.esm.js

@@ -3,7 +3,7 @@ import PrimeReact from 'primereact/api';
 import { CSSTransition } from 'primereact/csstransition';
 import { useUpdateEffect, useEventListener, useResizeListener, useMountEffect, useUnmountEffect } from 'primereact/hooks';
 import { Portal } from 'primereact/portal';
-import { classNames, DomHandler, ObjectUtils, ZIndexUtils } from 'primereact/utils';
+import { classNames, DomHandler, IconUtils, ObjectUtils, ZIndexUtils } from 'primereact/utils';
 import { Ripple } from 'primereact/ripple';
 
 function _extends() {
@@ -163,6 +163,7 @@ var ContextMenuSub = /*#__PURE__*/React.memo(function (props) {
   var createSubmenu = function createSubmenu(item) {
     if (item.items) {
       return /*#__PURE__*/React.createElement(ContextMenuSub, {
+        menuProps: props.menuProps,
         model: item.items,
         resetMenu: item !== activeItemState,
         onLeafClick: props.onLeafClick
@@ -183,8 +184,10 @@ var ContextMenuSub = /*#__PURE__*/React.memo(function (props) {
     });
     var iconClassName = classNames('p-menuitem-icon', item.icon);
     var submenuIconClassName = 'p-submenu-icon pi pi-angle-right';
-    var icon = item.icon && /*#__PURE__*/React.createElement("span", {
-      className: iconClassName
+    var icon = IconUtils.getJSXIcon(item.icon, {
+      className: 'p-menuitem-icon'
+    }, {
+      props: props.menuProps
     });
     var label = item.label && /*#__PURE__*/React.createElement("span", {
       className: "p-menuitem-text"
@@ -464,6 +467,7 @@ var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       onClick: onMenuClick,
       onMouseEnter: onMenuMouseEnter
     }), /*#__PURE__*/React.createElement(ContextMenuSub, {
+      menuProps: props,
       model: props.model,
       root: true,
       resetMenu: resetMenuState,

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

package/contextmenu/contextmenu.js

@@ -182,6 +182,7 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransiti
     var createSubmenu = function createSubmenu(item) {
       if (item.items) {
         return /*#__PURE__*/React__namespace.createElement(ContextMenuSub, {
+          menuProps: props.menuProps,
           model: item.items,
           resetMenu: item !== activeItemState,
           onLeafClick: props.onLeafClick
@@ -202,8 +203,10 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransiti
       });
       var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
       var submenuIconClassName = 'p-submenu-icon pi pi-angle-right';
-      var icon = item.icon && /*#__PURE__*/React__namespace.createElement("span", {
-        className: iconClassName
+      var icon = utils.IconUtils.getJSXIcon(item.icon, {
+        className: 'p-menuitem-icon'
+      }, {
+        props: props.menuProps
       });
       var label = item.label && /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-menuitem-text"
@@ -483,6 +486,7 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransiti
         onClick: onMenuClick,
         onMouseEnter: onMenuMouseEnter
       }), /*#__PURE__*/React__namespace.createElement(ContextMenuSub, {
+        menuProps: props,
         model: props.model,
         root: true,
         resetMenu: resetMenuState,

package/contextmenu/contextmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.contextmenu=function(e,t,n,r,o,a,l,u){"use strict";function i(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=i(n);function f(){return f=Object.assign||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 p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],l=!0,u=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);l=!0);}catch(e){u=!0,o=e}finally{try{l||null==n.return||n.return()}finally{if(u)throw o}}return a}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return d(e)||p(e,t)||y(e,t)||h()}var v=s.memo((function(e){var t=E(s.useState(null),2),n=t[0],a=t[1],i=s.useRef(null),c=e.root||!e.resetMenu;!0===e.resetMenu&&null!==n&&a(null);var m=function(e,t){t.disabled?e.preventDefault():a(t)},f=function(t,n){n.disabled?t.preventDefault():(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items||e.onLeafClick(t))},d=function(){var e=i.current.parentElement,t=l.DomHandler.getOffset(i.current.parentElement),n=l.DomHandler.getViewport(),r=i.current.offsetParent?i.current.offsetWidth:l.DomHandler.getHiddenElementOuterWidth(i.current),o=l.DomHandler.getOuterWidth(e.children[0]);i.current.style.top="0px",i.current.style.left=parseInt(t.left,10)+o+r>n.width-l.DomHandler.calculateScrollbarWidth()?-1*r+"px":o+"px"};o.useUpdateEffect((function(){c&&d()}));var p=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},b=function(t){return t.items?s.createElement(v,{model:t.items,resetMenu:t!==n,onLeafClick:e.onLeafClick}):null},y=function(t,r){var o=n===t,a=t.label+"_"+r,i=l.classNames("p-menuitem",{"p-menuitem-active":o},t.className),c=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),d=l.classNames("p-menuitem-icon",t.icon),p="p-submenu-icon pi pi-angle-right",y=t.icon&&s.createElement("span",{className:d}),h=t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label),E=t.items&&s.createElement("span",{className:p}),v=b(t),g=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},y,h,E,s.createElement(u.Ripple,null));t.template&&(g=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return f(e,t)},className:c,labelClassName:"p-menuitem-text",iconClassName:d,submenuIconClassName:p,element:g,props:e,active:o}));return s.createElement("li",{key:a,role:"none",className:i,style:t.style,onMouseEnter:function(e){return m(e,t)}},g,v)},h=function(e,t){return e.separator?p(t):y(e,t)},g=l.classNames({"p-submenu-list":!e.root}),x=e.model?e.model.map(h):null;return s.createElement(r.CSSTransition,{nodeRef:i,classNames:"p-contextmenusub",in:c,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){d()}},s.createElement("ul",{ref:i,className:g},x))}));v.displayName="ContextMenuSub";var g=s.memo(s.forwardRef((function(e,t){var n=E(s.useState(!1),2),u=n[0],i=n[1],c=E(s.useState(!1),2),d=c[0],p=c[1],b=E(s.useState(!1),2),y=b[0],h=b[1],x=s.useRef(null),N=s.useRef(null),O=E(o.useEventListener({type:"click",listener:function(e){A(e)&&2!==e.button&&(P(e),h(!0))}}),2),S=O[0],H=O[1],C=E(o.useEventListener({type:"contextmenu",listener:function(e){k(e)}}),1)[0],D=E(o.useResizeListener({listener:function(e){u&&!l.DomHandler.isTouchDevice()&&P(e)}}),2),I=D[0],w=D[1],j=function(){h(!1)},M=function(){h(!1)},k=function(t){t.stopPropagation(),t.preventDefault(),N.current=t,u?p(!0):(i(!0),e.onShow&&e.onShow(N.current))},P=function(t){N.current=t,i(!1),p(!1),e.onHide&&e.onHide(N.current)},T=function(){e.autoZIndex&&l.ZIndexUtils.set("menu",x.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.menu),Z(N.current)},L=function(){W()},U=function(){z(),l.ZIndexUtils.clear(x.current)},R=function(){l.ZIndexUtils.clear(x.current)},Z=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=x.current.offsetParent?x.current.offsetWidth:l.DomHandler.getHiddenElementOuterWidth(x.current),o=x.current.offsetParent?x.current.offsetHeight:l.DomHandler.getHiddenElementOuterHeight(x.current),a=l.DomHandler.getViewport();t+r-document.body.scrollLeft>a.width&&(t-=r),n+o-document.body.scrollTop>a.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),x.current.style.left=t+"px",x.current.style.top=n+"px"}},_=function(e){h(!0),P(e),e.stopPropagation()},A=function(e){return x&&x.current&&!(x.current.isSameNode(e.target)||x.current.contains(e.target))},W=function(){I(),S()},z=function(){w(),H()};o.useMountEffect((function(){e.global&&C()})),o.useUpdateEffect((function(){u?(i(!1),p(!1),h(!0)):d||u||!y||k(N.current)}),[d]),o.useUnmountEffect((function(){l.ZIndexUtils.clear(x.current)})),s.useImperativeHandle(t,(function(){return{show:k,hide:P}}));var V,X,Y=(V=l.ObjectUtils.findDiffKeys(e,g.defaultProps),X=l.classNames("p-contextmenu p-component",e.className),s.createElement(r.CSSTransition,{nodeRef:x,classNames:"p-contextmenu",in:u,timeout:{enter:250,exit:0},options:e.transitionOptions,unmountOnExit:!0,onEnter:T,onEntered:L,onExit:U,onExited:R},s.createElement("div",f({ref:x,id:e.id,className:X,style:e.style},V,{onClick:j,onMouseEnter:M}),s.createElement(v,{model:e.model,root:!0,resetMenu:y,onLeafClick:_}))));return s.createElement(a.Portal,{element:Y,appendTo:e.appendTo})})));return g.displayName="ContextMenu",g.defaultProps={__TYPE:"ContextMenu",id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},e.ContextMenu=g,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,a,l,u){"use strict";function i(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=i(n);function f(){return f=Object.assign||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 p(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,a=[],l=!0,u=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);l=!0);}catch(e){u=!0,o=e}finally{try{l||null==n.return||n.return()}finally{if(u)throw o}}return a}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return p(e)||d(e,t)||y(e,t)||h()}var v=s.memo((function(e){var t=E(s.useState(null),2),n=t[0],a=t[1],i=s.useRef(null),c=e.root||!e.resetMenu;!0===e.resetMenu&&null!==n&&a(null);var m=function(e,t){t.disabled?e.preventDefault():a(t)},f=function(t,n){n.disabled?t.preventDefault():(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items||e.onLeafClick(t))},p=function(){var e=i.current.parentElement,t=l.DomHandler.getOffset(i.current.parentElement),n=l.DomHandler.getViewport(),r=i.current.offsetParent?i.current.offsetWidth:l.DomHandler.getHiddenElementOuterWidth(i.current),o=l.DomHandler.getOuterWidth(e.children[0]);i.current.style.top="0px",i.current.style.left=parseInt(t.left,10)+o+r>n.width-l.DomHandler.calculateScrollbarWidth()?-1*r+"px":o+"px"};o.useUpdateEffect((function(){c&&p()}));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(v,{menuProps:e.menuProps,model:t.items,resetMenu:t!==n,onLeafClick:e.onLeafClick}):null},y=function(t,r){var o=n===t,a=t.label+"_"+r,i=l.classNames("p-menuitem",{"p-menuitem-active":o},t.className),c=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),p=l.classNames("p-menuitem-icon",t.icon),d="p-submenu-icon pi pi-angle-right",y=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),h=t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label),E=t.items&&s.createElement("span",{className:d}),v=b(t),g=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},y,h,E,s.createElement(u.Ripple,null));t.template&&(g=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return f(e,t)},className:c,labelClassName:"p-menuitem-text",iconClassName:p,submenuIconClassName:d,element:g,props:e,active:o}));return s.createElement("li",{key:a,role:"none",className:i,style:t.style,onMouseEnter:function(e){return m(e,t)}},g,v)},h=function(e,t){return e.separator?d(t):y(e,t)},g=l.classNames({"p-submenu-list":!e.root}),x=e.model?e.model.map(h):null;return s.createElement(r.CSSTransition,{nodeRef:i,classNames:"p-contextmenusub",in:c,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){p()}},s.createElement("ul",{ref:i,className:g},x))}));v.displayName="ContextMenuSub";var g=s.memo(s.forwardRef((function(e,t){var n=E(s.useState(!1),2),u=n[0],i=n[1],c=E(s.useState(!1),2),p=c[0],d=c[1],b=E(s.useState(!1),2),y=b[0],h=b[1],x=s.useRef(null),N=s.useRef(null),O=E(o.useEventListener({type:"click",listener:function(e){A(e)&&2!==e.button&&(k(e),h(!0))}}),2),S=O[0],H=O[1],I=E(o.useEventListener({type:"contextmenu",listener:function(e){M(e)}}),1)[0],C=E(o.useResizeListener({listener:function(e){u&&!l.DomHandler.isTouchDevice()&&k(e)}}),2),P=C[0],D=C[1],w=function(){h(!1)},j=function(){h(!1)},M=function(t){t.stopPropagation(),t.preventDefault(),N.current=t,u?d(!0):(i(!0),e.onShow&&e.onShow(N.current))},k=function(t){N.current=t,i(!1),d(!1),e.onHide&&e.onHide(N.current)},T=function(){e.autoZIndex&&l.ZIndexUtils.set("menu",x.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.menu),Z(N.current)},U=function(){W()},L=function(){z(),l.ZIndexUtils.clear(x.current)},R=function(){l.ZIndexUtils.clear(x.current)},Z=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=x.current.offsetParent?x.current.offsetWidth:l.DomHandler.getHiddenElementOuterWidth(x.current),o=x.current.offsetParent?x.current.offsetHeight:l.DomHandler.getHiddenElementOuterHeight(x.current),a=l.DomHandler.getViewport();t+r-document.body.scrollLeft>a.width&&(t-=r),n+o-document.body.scrollTop>a.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),x.current.style.left=t+"px",x.current.style.top=n+"px"}},_=function(e){h(!0),k(e),e.stopPropagation()},A=function(e){return x&&x.current&&!(x.current.isSameNode(e.target)||x.current.contains(e.target))},W=function(){P(),S()},z=function(){D(),H()};o.useMountEffect((function(){e.global&&I()})),o.useUpdateEffect((function(){u?(i(!1),d(!1),h(!0)):p||u||!y||M(N.current)}),[p]),o.useUnmountEffect((function(){l.ZIndexUtils.clear(x.current)})),s.useImperativeHandle(t,(function(){return{show:M,hide:k}}));var X,J,V=(X=l.ObjectUtils.findDiffKeys(e,g.defaultProps),J=l.classNames("p-contextmenu p-component",e.className),s.createElement(r.CSSTransition,{nodeRef:x,classNames:"p-contextmenu",in:u,timeout:{enter:250,exit:0},options:e.transitionOptions,unmountOnExit:!0,onEnter:T,onEntered:U,onExit:L,onExited:R},s.createElement("div",f({ref:x,id:e.id,className:J,style:e.style},X,{onClick:w,onMouseEnter:j}),s.createElement(v,{menuProps:e,model:e.model,root:!0,resetMenu:y,onLeafClick:_}))));return s.createElement(a.Portal,{element:V,appendTo:e.appendTo})})));return g.displayName="ContextMenu",g.defaultProps={__TYPE:"ContextMenu",id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},e.ContextMenu=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils,primereact.ripple);