primereact 7.0.0-rc.2 → 7.2.0

package/contextmenu/contextmenu.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{DomHandler as n,classNames as i,Ripple as r,ObjectUtils as o,CSSTransition as s,ZIndexUtils as u,Portal as c}from"primereact/core";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function m(e,t,n){return t&&a(e.prototype,t),n&&a(e,n),e}function f(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function d(e,t){return(d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function h(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&d(e,t)}function p(e){return(p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function v(e,t){if(t&&("object"===p(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return f(e)}function b(e){return(b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){var t=k();return function(){var n,i=b(e);if(t){var r=b(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return v(this,n)}}function k(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var L=function(u){h(a,t);var c=E(a);function a(t){var n;return l(this,a),(n=c.call(this,t)).state={activeItem:null},n.onEnter=n.onEnter.bind(f(n)),n.submenuRef=e.createRef(),n}return m(a,[{key:"onItemMouseEnter",value:function(e,t){t.disabled?e.preventDefault():this.setState({activeItem:t})}},{key:"onItemClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items||this.props.onLeafClick(e))}},{key:"position",value:function(){var e=this.submenuRef.current.parentElement,t=n.getOffset(this.submenuRef.current.parentElement),i=n.getViewport(),r=this.submenuRef.current.offsetParent?this.submenuRef.current.offsetWidth:n.getHiddenElementOuterWidth(this.submenuRef.current),o=n.getOuterWidth(e.children[0]);this.submenuRef.current.style.top="0px",this.submenuRef.current.style.left=parseInt(t.left,10)+o+r>i.width-n.calculateScrollbarWidth()?-1*r+"px":o+"px"}},{key:"onEnter",value:function(){this.position()}},{key:"isActive",value:function(){return this.props.root||!this.props.resetMenu}},{key:"componentDidUpdate",value:function(){this.isActive()&&this.position()}},{key:"renderSeparator",value:function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator",role:"separator"})}},{key:"renderSubmenu",value:function(t){return t.items?e.createElement(a,{model:t.items,resetMenu:t!==this.state.activeItem,onLeafClick:this.props.onLeafClick}):null}},{key:"renderMenuitem",value:function(t,n){var s=this,u=this.state.activeItem===t,c=i("p-menuitem",{"p-menuitem-active":u},t.className),l=i("p-menuitem-link",{"p-disabled":t.disabled}),a=i("p-menuitem-icon",t.icon),m="p-submenu-icon pi pi-angle-right",f=t.icon&&e.createElement("span",{className:a}),d=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),h=t.items&&e.createElement("span",{className:m}),p=this.renderSubmenu(t),v=e.createElement("a",{href:t.url||"#",className:l,target:t.target,onClick:function(e){return s.onItemClick(e,t,n)},role:"menuitem","aria-haspopup":null!=t.items,"aria-disabled":t.disabled},f,d,h,e.createElement(r,null));t.template&&(v=o.getJSXElement(t.template,t,{onClick:function(e){return s.onItemClick(e,t,n)},className:l,labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:m,element:v,props:this.props,active:u}));return e.createElement("li",{key:t.label+"_"+n,role:"none",className:c,style:t.style,onMouseEnter:function(e){return s.onItemMouseEnter(e,t)}},v,p)}},{key:"renderItem",value:function(e,t){return e.separator?this.renderSeparator(t):this.renderMenuitem(e,t)}},{key:"renderMenu",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"render",value:function(){var t=i({"p-submenu-list":!this.props.root}),n=this.renderMenu(),r=this.isActive();return e.createElement(s,{nodeRef:this.submenuRef,classNames:"p-contextmenusub",in:r,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:this.onEnter},e.createElement("ul",{ref:this.submenuRef,className:t},n))}}],[{key:"getDerivedStateFromProps",value:function(e,t){return!0===e.resetMenu?{activeItem:null}:null}}]),a}();y(L,"defaultProps",{model:null,root:!1,className:null,resetMenu:!1,onLeafClick:null});var R=function(r){h(a,t);var o=E(a);function a(t){var n;return l(this,a),(n=o.call(this,t)).state={visible:!1,reshow:!1,resetMenu:!1},n.onMenuClick=n.onMenuClick.bind(f(n)),n.onLeafClick=n.onLeafClick.bind(f(n)),n.onMenuMouseEnter=n.onMenuMouseEnter.bind(f(n)),n.onEnter=n.onEnter.bind(f(n)),n.onEntered=n.onEntered.bind(f(n)),n.onExit=n.onExit.bind(f(n)),n.onExited=n.onExited.bind(f(n)),n.menuRef=e.createRef(),n}return m(a,[{key:"onMenuClick",value:function(){this.setState({resetMenu:!1})}},{key:"onMenuMouseEnter",value:function(){this.setState({resetMenu:!1})}},{key:"show",value:function(e){var t=this;e instanceof Event||e.persist(),e.stopPropagation(),e.preventDefault(),this.currentEvent=e,this.state.visible?this.setState({reshow:!0}):this.setState({visible:!0},(function(){t.props.onShow&&t.props.onShow(t.currentEvent)}))}},{key:"componentDidUpdate",value:function(e,t){var n=this;if(this.state.visible&&t.reshow!==this.state.reshow){var i=this.currentEvent;this.setState({visible:!1,reshow:!1,rePosition:!1,resetMenu:!0},(function(){return n.show(i)}))}}},{key:"hide",value:function(e){var t=this;e instanceof Event||e.persist(),this.currentEvent=e,this.setState({visible:!1,reshow:!1},(function(){t.props.onHide&&t.props.onHide(t.currentEvent)}))}},{key:"onEnter",value:function(){this.props.autoZIndex&&u.set("menu",this.menuRef.current,this.props.baseZIndex),this.position(this.currentEvent)}},{key:"onEntered",value:function(){this.bindDocumentListeners()}},{key:"onExit",value:function(){this.currentEvent=null,this.unbindDocumentListeners()}},{key:"onExited",value:function(){u.clear(this.menuRef.current)}},{key:"position",value:function(e){if(e){var t=e.pageX+1,i=e.pageY+1,r=this.menuRef.current.offsetParent?this.menuRef.current.offsetWidth:n.getHiddenElementOuterWidth(this.menuRef.current),o=this.menuRef.current.offsetParent?this.menuRef.current.offsetHeight:n.getHiddenElementOuterHeight(this.menuRef.current),s=n.getViewport();t+r-document.body.scrollLeft>s.width&&(t-=r),i+o-document.body.scrollTop>s.height&&(i-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),i<document.body.scrollTop&&(i=document.body.scrollTop),this.menuRef.current.style.left=t+"px",this.menuRef.current.style.top=i+"px"}}},{key:"onLeafClick",value:function(e){this.setState({resetMenu:!0}),this.hide(e),e.stopPropagation()}},{key:"isOutsideClicked",value:function(e){return this.menuRef&&this.menuRef.current&&!(this.menuRef.current.isSameNode(e.target)||this.menuRef.current.contains(e.target))}},{key:"bindDocumentListeners",value:function(){this.bindDocumentResizeListener(),this.bindDocumentClickListener()}},{key:"unbindDocumentListeners",value:function(){this.unbindDocumentResizeListener(),this.unbindDocumentClickListener()}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.isOutsideClicked(t)&&2!==t.button&&(e.hide(t),e.setState({resetMenu:!0}))},document.addEventListener("click",this.documentClickListener))}},{key:"bindDocumentContextMenuListener",value:function(){var e=this;this.documentContextMenuListener||(this.documentContextMenuListener=function(t){e.show(t)},document.addEventListener("contextmenu",this.documentContextMenuListener))}},{key:"bindDocumentResizeListener",value:function(){var e=this;this.documentResizeListener||(this.documentResizeListener=function(t){e.state.visible&&!n.isAndroid()&&e.hide(t)},window.addEventListener("resize",this.documentResizeListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"unbindDocumentContextMenuListener",value:function(){this.documentContextMenuListener&&(document.removeEventListener("contextmenu",this.documentContextMenuListener),this.documentContextMenuListener=null)}},{key:"unbindDocumentResizeListener",value:function(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)}},{key:"componentDidMount",value:function(){this.props.global&&this.bindDocumentContextMenuListener()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentListeners(),this.unbindDocumentContextMenuListener(),u.clear(this.menuRef.current)}},{key:"renderContextMenu",value:function(){var t=i("p-contextmenu p-component",this.props.className);return e.createElement(s,{nodeRef:this.menuRef,classNames:"p-contextmenu",in:this.state.visible,timeout:{enter:250,exit:0},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},e.createElement("div",{ref:this.menuRef,id:this.props.id,className:t,style:this.props.style,onClick:this.onMenuClick,onMouseEnter:this.onMenuMouseEnter},e.createElement(L,{model:this.props.model,root:!0,resetMenu:this.state.resetMenu,onLeafClick:this.onLeafClick})))}},{key:"render",value:function(){var t=this.renderContextMenu();return e.createElement(c,{element:t,appendTo:this.props.appendTo})}}]),a}();y(R,"defaultProps",{id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null});export{R as ContextMenu};
+import e,{Component as t}from"react";import{DomHandler as n,classNames as i,ObjectUtils as r,ZIndexUtils as o}from"primereact/utils";import{CSSTransition as s}from"primereact/csstransition";import{Ripple as u}from"primereact/ripple";import{Portal as c}from"primereact/portal";import l from"primereact/api";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function m(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function f(e,t,n){return t&&m(e.prototype,t),n&&m(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function d(e,t){return d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},d(e,t)}function h(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&d(e,t)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function b(e,t){if(t&&("object"===v(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}function E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(e){var t=L();return function(){var n,i=y(e);if(t){var r=y(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return b(this,n)}}function L(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var R=function(o){h(l,t);var c=k(l);function l(t){var n;return a(this,l),(n=c.call(this,t)).state={activeItem:null},n.onEnter=n.onEnter.bind(p(n)),n.submenuRef=e.createRef(),n}return f(l,[{key:"onItemMouseEnter",value:function(e,t){t.disabled?e.preventDefault():this.setState({activeItem:t})}},{key:"onItemClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items||this.props.onLeafClick(e))}},{key:"position",value:function(){var e=this.submenuRef.current.parentElement,t=n.getOffset(this.submenuRef.current.parentElement),i=n.getViewport(),r=this.submenuRef.current.offsetParent?this.submenuRef.current.offsetWidth:n.getHiddenElementOuterWidth(this.submenuRef.current),o=n.getOuterWidth(e.children[0]);this.submenuRef.current.style.top="0px",this.submenuRef.current.style.left=parseInt(t.left,10)+o+r>i.width-n.calculateScrollbarWidth()?-1*r+"px":o+"px"}},{key:"onEnter",value:function(){this.position()}},{key:"isActive",value:function(){return this.props.root||!this.props.resetMenu}},{key:"componentDidUpdate",value:function(){this.isActive()&&this.position()}},{key:"renderSeparator",value:function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator",role:"separator"})}},{key:"renderSubmenu",value:function(t){return t.items?e.createElement(l,{model:t.items,resetMenu:t!==this.state.activeItem,onLeafClick:this.props.onLeafClick}):null}},{key:"renderMenuitem",value:function(t,n){var o=this,s=this.state.activeItem===t,c=i("p-menuitem",{"p-menuitem-active":s},t.className),l=i("p-menuitem-link",{"p-disabled":t.disabled}),a=i("p-menuitem-icon",t.icon),m="p-submenu-icon pi pi-angle-right",f=t.icon&&e.createElement("span",{className:a}),p=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),d=t.items&&e.createElement("span",{className:m}),h=this.renderSubmenu(t),v=e.createElement("a",{href:t.url||"#",className:l,target:t.target,onClick:function(e){return o.onItemClick(e,t,n)},role:"menuitem","aria-haspopup":null!=t.items,"aria-disabled":t.disabled},f,p,d,e.createElement(u,null));t.template&&(v=r.getJSXElement(t.template,t,{onClick:function(e){return o.onItemClick(e,t,n)},className:l,labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:m,element:v,props:this.props,active:s}));return e.createElement("li",{key:t.label+"_"+n,role:"none",className:c,style:t.style,onMouseEnter:function(e){return o.onItemMouseEnter(e,t)}},v,h)}},{key:"renderItem",value:function(e,t){return e.separator?this.renderSeparator(t):this.renderMenuitem(e,t)}},{key:"renderMenu",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"render",value:function(){var t=i({"p-submenu-list":!this.props.root}),n=this.renderMenu(),r=this.isActive();return e.createElement(s,{nodeRef:this.submenuRef,classNames:"p-contextmenusub",in:r,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:this.onEnter},e.createElement("ul",{ref:this.submenuRef,className:t},n))}}],[{key:"getDerivedStateFromProps",value:function(e,t){return!0===e.resetMenu?{activeItem:null}:null}}]),l}();E(R,"defaultProps",{model:null,root:!1,className:null,resetMenu:!1,onLeafClick:null});var x=function(r){h(m,t);var u=k(m);function m(t){var n;return a(this,m),(n=u.call(this,t)).state={visible:!1,reshow:!1,resetMenu:!1},n.onMenuClick=n.onMenuClick.bind(p(n)),n.onLeafClick=n.onLeafClick.bind(p(n)),n.onMenuMouseEnter=n.onMenuMouseEnter.bind(p(n)),n.onEnter=n.onEnter.bind(p(n)),n.onEntered=n.onEntered.bind(p(n)),n.onExit=n.onExit.bind(p(n)),n.onExited=n.onExited.bind(p(n)),n.menuRef=e.createRef(),n}return f(m,[{key:"onMenuClick",value:function(){this.setState({resetMenu:!1})}},{key:"onMenuMouseEnter",value:function(){this.setState({resetMenu:!1})}},{key:"show",value:function(e){var t=this;e instanceof Event||e.persist(),e.stopPropagation(),e.preventDefault(),this.currentEvent=e,this.state.visible?this.setState({reshow:!0}):this.setState({visible:!0},(function(){t.props.onShow&&t.props.onShow(t.currentEvent)}))}},{key:"hide",value:function(e){var t=this;e instanceof Event||e.persist(),this.currentEvent=e,this.setState({visible:!1,reshow:!1},(function(){t.props.onHide&&t.props.onHide(t.currentEvent)}))}},{key:"onEnter",value:function(){this.props.autoZIndex&&o.set("menu",this.menuRef.current,l.autoZIndex,this.props.baseZIndex||l.zIndex.menu),this.position(this.currentEvent)}},{key:"onEntered",value:function(){this.bindDocumentListeners()}},{key:"onExit",value:function(){this.currentEvent=null,this.unbindDocumentListeners()}},{key:"onExited",value:function(){o.clear(this.menuRef.current)}},{key:"position",value:function(e){if(e){var t=e.pageX+1,i=e.pageY+1,r=this.menuRef.current.offsetParent?this.menuRef.current.offsetWidth:n.getHiddenElementOuterWidth(this.menuRef.current),o=this.menuRef.current.offsetParent?this.menuRef.current.offsetHeight:n.getHiddenElementOuterHeight(this.menuRef.current),s=n.getViewport();t+r-document.body.scrollLeft>s.width&&(t-=r),i+o-document.body.scrollTop>s.height&&(i-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),i<document.body.scrollTop&&(i=document.body.scrollTop),this.menuRef.current.style.left=t+"px",this.menuRef.current.style.top=i+"px"}}},{key:"onLeafClick",value:function(e){this.setState({resetMenu:!0}),this.hide(e),e.stopPropagation()}},{key:"isOutsideClicked",value:function(e){return this.menuRef&&this.menuRef.current&&!(this.menuRef.current.isSameNode(e.target)||this.menuRef.current.contains(e.target))}},{key:"bindDocumentListeners",value:function(){this.bindDocumentResizeListener(),this.bindDocumentClickListener()}},{key:"unbindDocumentListeners",value:function(){this.unbindDocumentResizeListener(),this.unbindDocumentClickListener()}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.isOutsideClicked(t)&&2!==t.button&&(e.hide(t),e.setState({resetMenu:!0}))},document.addEventListener("click",this.documentClickListener))}},{key:"bindDocumentContextMenuListener",value:function(){var e=this;this.documentContextMenuListener||(this.documentContextMenuListener=function(t){e.show(t)},document.addEventListener("contextmenu",this.documentContextMenuListener))}},{key:"bindDocumentResizeListener",value:function(){var e=this;this.documentResizeListener||(this.documentResizeListener=function(t){e.state.visible&&!n.isTouchDevice()&&e.hide(t)},window.addEventListener("resize",this.documentResizeListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"unbindDocumentContextMenuListener",value:function(){this.documentContextMenuListener&&(document.removeEventListener("contextmenu",this.documentContextMenuListener),this.documentContextMenuListener=null)}},{key:"unbindDocumentResizeListener",value:function(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)}},{key:"componentDidMount",value:function(){this.props.global&&this.bindDocumentContextMenuListener()}},{key:"componentDidUpdate",value:function(e,t){var n=this;if(this.state.visible&&(t.reshow!==this.state.reshow||e.model!==this.props.model)){var i=this.currentEvent;this.setState({visible:!1,reshow:!1,rePosition:!1,resetMenu:!0},(function(){return n.show(i)}))}}},{key:"componentWillUnmount",value:function(){this.unbindDocumentListeners(),this.unbindDocumentContextMenuListener(),o.clear(this.menuRef.current)}},{key:"renderContextMenu",value:function(){var t=i("p-contextmenu p-component",this.props.className);return e.createElement(s,{nodeRef:this.menuRef,classNames:"p-contextmenu",in:this.state.visible,timeout:{enter:250,exit:0},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},e.createElement("div",{ref:this.menuRef,id:this.props.id,className:t,style:this.props.style,onClick:this.onMenuClick,onMouseEnter:this.onMenuMouseEnter},e.createElement(R,{model:this.props.model,root:!0,resetMenu:this.state.resetMenu,onLeafClick:this.onLeafClick})))}},{key:"render",value:function(){var t=this.renderContextMenu();return e.createElement(c,{element:t,appendTo:this.props.appendTo})}}]),m}();E(x,"defaultProps",{id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null});export{x as ContextMenu};

package/contextmenu/contextmenu.js

@@ -1,10 +1,11 @@
 this.primereact = this.primereact || {};
-this.primereact.contextmenu = (function (exports, React, core) {
+this.primereact.contextmenu = (function (exports, React, utils, csstransition, ripple, portal, PrimeReact) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
   var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+  var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
   function _classCallCheck(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
@@ -25,6 +26,9 @@ this.primereact.contextmenu = (function (exports, React, core) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -57,23 +61,20 @@ this.primereact.contextmenu = (function (exports, React, core) {
         configurable: true
       }
     });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
     if (superClass) _setPrototypeOf(subClass, superClass);
   }
 
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function _typeof(obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function _typeof(obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-
-    return _typeof(obj);
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
   }
 
   function _possibleConstructorReturn(self, call) {
@@ -127,7 +128,7 @@ this.primereact.contextmenu = (function (exports, React, core) {
         activeItem: null
       };
       _this.onEnter = _this.onEnter.bind(_assertThisInitialized(_this));
-      _this.submenuRef = /*#__PURE__*/React__default['default'].createRef();
+      _this.submenuRef = /*#__PURE__*/React__default["default"].createRef();
       return _this;
     }
 
@@ -170,13 +171,13 @@ this.primereact.contextmenu = (function (exports, React, core) {
       key: "position",
       value: function position() {
         var parentItem = this.submenuRef.current.parentElement;
-        var containerOffset = core.DomHandler.getOffset(this.submenuRef.current.parentElement);
-        var viewport = core.DomHandler.getViewport();
-        var sublistWidth = this.submenuRef.current.offsetParent ? this.submenuRef.current.offsetWidth : core.DomHandler.getHiddenElementOuterWidth(this.submenuRef.current);
-        var itemOuterWidth = core.DomHandler.getOuterWidth(parentItem.children[0]);
+        var containerOffset = utils.DomHandler.getOffset(this.submenuRef.current.parentElement);
+        var viewport = utils.DomHandler.getViewport();
+        var sublistWidth = this.submenuRef.current.offsetParent ? this.submenuRef.current.offsetWidth : utils.DomHandler.getHiddenElementOuterWidth(this.submenuRef.current);
+        var itemOuterWidth = utils.DomHandler.getOuterWidth(parentItem.children[0]);
         this.submenuRef.current.style.top = '0px';
 
-        if (parseInt(containerOffset.left, 10) + itemOuterWidth + sublistWidth > viewport.width - core.DomHandler.calculateScrollbarWidth()) {
+        if (parseInt(containerOffset.left, 10) + itemOuterWidth + sublistWidth > viewport.width - utils.DomHandler.calculateScrollbarWidth()) {
           this.submenuRef.current.style.left = -1 * sublistWidth + 'px';
         } else {
           this.submenuRef.current.style.left = itemOuterWidth + 'px';
@@ -202,7 +203,7 @@ this.primereact.contextmenu = (function (exports, React, core) {
     }, {
       key: "renderSeparator",
       value: function renderSeparator(index) {
-        return /*#__PURE__*/React__default['default'].createElement("li", {
+        return /*#__PURE__*/React__default["default"].createElement("li", {
           key: 'separator_' + index,
           className: "p-menu-separator",
           role: "separator"
@@ -212,7 +213,7 @@ this.primereact.contextmenu = (function (exports, React, core) {
       key: "renderSubmenu",
       value: function renderSubmenu(item) {
         if (item.items) {
-          return /*#__PURE__*/React__default['default'].createElement(ContextMenuSub, {
+          return /*#__PURE__*/React__default["default"].createElement(ContextMenuSub, {
             model: item.items,
             resetMenu: item !== this.state.activeItem,
             onLeafClick: this.props.onLeafClick
@@ -227,25 +228,25 @@ this.primereact.contextmenu = (function (exports, React, core) {
         var _this2 = this;
 
         var active = this.state.activeItem === item;
-        var className = core.classNames('p-menuitem', {
+        var className = utils.classNames('p-menuitem', {
           'p-menuitem-active': active
         }, item.className);
-        var linkClassName = core.classNames('p-menuitem-link', {
+        var linkClassName = utils.classNames('p-menuitem-link', {
           'p-disabled': item.disabled
         });
-        var iconClassName = core.classNames('p-menuitem-icon', item.icon);
+        var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
         var submenuIconClassName = 'p-submenu-icon pi pi-angle-right';
-        var icon = item.icon && /*#__PURE__*/React__default['default'].createElement("span", {
+        var icon = item.icon && /*#__PURE__*/React__default["default"].createElement("span", {
           className: iconClassName
         });
-        var label = item.label && /*#__PURE__*/React__default['default'].createElement("span", {
+        var label = item.label && /*#__PURE__*/React__default["default"].createElement("span", {
           className: "p-menuitem-text"
         }, item.label);
-        var submenuIcon = item.items && /*#__PURE__*/React__default['default'].createElement("span", {
+        var submenuIcon = item.items && /*#__PURE__*/React__default["default"].createElement("span", {
           className: submenuIconClassName
         });
         var submenu = this.renderSubmenu(item);
-        var content = /*#__PURE__*/React__default['default'].createElement("a", {
+        var content = /*#__PURE__*/React__default["default"].createElement("a", {
           href: item.url || '#',
           className: linkClassName,
           target: item.target,
@@ -255,7 +256,7 @@ this.primereact.contextmenu = (function (exports, React, core) {
           role: "menuitem",
           "aria-haspopup": item.items != null,
           "aria-disabled": item.disabled
-        }, icon, label, submenuIcon, /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+        }, icon, label, submenuIcon, /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
 
         if (item.template) {
           var defaultContentOptions = {
@@ -270,10 +271,10 @@ this.primereact.contextmenu = (function (exports, React, core) {
             props: this.props,
             active: active
           };
-          content = core.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
+          content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
         }
 
-        return /*#__PURE__*/React__default['default'].createElement("li", {
+        return /*#__PURE__*/React__default["default"].createElement("li", {
           key: item.label + '_' + index,
           role: "none",
           className: className,
@@ -304,22 +305,22 @@ this.primereact.contextmenu = (function (exports, React, core) {
     }, {
       key: "render",
       value: function render() {
-        var className = core.classNames({
+        var className = utils.classNames({
           'p-submenu-list': !this.props.root
         });
         var submenu = this.renderMenu();
         var isActive = this.isActive();
-        return /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+        return /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
           nodeRef: this.submenuRef,
           classNames: "p-contextmenusub",
-          in: isActive,
+          "in": isActive,
           timeout: {
             enter: 0,
             exit: 0
           },
           unmountOnExit: true,
           onEnter: this.onEnter
-        }, /*#__PURE__*/React__default['default'].createElement("ul", {
+        }, /*#__PURE__*/React__default["default"].createElement("ul", {
           ref: this.submenuRef,
           className: className
         }, submenu));
@@ -371,7 +372,7 @@ this.primereact.contextmenu = (function (exports, React, core) {
       _this4.onEntered = _this4.onEntered.bind(_assertThisInitialized(_this4));
       _this4.onExit = _this4.onExit.bind(_assertThisInitialized(_this4));
       _this4.onExited = _this4.onExited.bind(_assertThisInitialized(_this4));
-      _this4.menuRef = /*#__PURE__*/React__default['default'].createRef();
+      _this4.menuRef = /*#__PURE__*/React__default["default"].createRef();
       return _this4;
     }
 
@@ -416,27 +417,10 @@ this.primereact.contextmenu = (function (exports, React, core) {
           });
         }
       }
-    }, {
-      key: "componentDidUpdate",
-      value: function componentDidUpdate(prevProps, prevState) {
-        var _this6 = this;
-
-        if (this.state.visible && prevState.reshow !== this.state.reshow) {
-          var event = this.currentEvent;
-          this.setState({
-            visible: false,
-            reshow: false,
-            rePosition: false,
-            resetMenu: true
-          }, function () {
-            return _this6.show(event);
-          });
-        }
-      }
     }, {
       key: "hide",
       value: function hide(event) {
-        var _this7 = this;
+        var _this6 = this;
 
         if (!(event instanceof Event)) {
           event.persist();
@@ -447,8 +431,8 @@ this.primereact.contextmenu = (function (exports, React, core) {
           visible: false,
           reshow: false
         }, function () {
-          if (_this7.props.onHide) {
-            _this7.props.onHide(_this7.currentEvent);
+          if (_this6.props.onHide) {
+            _this6.props.onHide(_this6.currentEvent);
           }
         });
       }
@@ -456,7 +440,7 @@ this.primereact.contextmenu = (function (exports, React, core) {
       key: "onEnter",
       value: function onEnter() {
         if (this.props.autoZIndex) {
-          core.ZIndexUtils.set('menu', this.menuRef.current, this.props.baseZIndex);
+          utils.ZIndexUtils.set('menu', this.menuRef.current, PrimeReact__default["default"].autoZIndex, this.props.baseZIndex || PrimeReact__default["default"].zIndex['menu']);
         }
 
         this.position(this.currentEvent);
@@ -475,7 +459,7 @@ this.primereact.contextmenu = (function (exports, React, core) {
     }, {
       key: "onExited",
       value: function onExited() {
-        core.ZIndexUtils.clear(this.menuRef.current);
+        utils.ZIndexUtils.clear(this.menuRef.current);
       }
     }, {
       key: "position",
@@ -483,9 +467,9 @@ this.primereact.contextmenu = (function (exports, React, core) {
         if (event) {
           var left = event.pageX + 1;
           var top = event.pageY + 1;
-          var width = this.menuRef.current.offsetParent ? this.menuRef.current.offsetWidth : core.DomHandler.getHiddenElementOuterWidth(this.menuRef.current);
-          var height = this.menuRef.current.offsetParent ? this.menuRef.current.offsetHeight : core.DomHandler.getHiddenElementOuterHeight(this.menuRef.current);
-          var viewport = core.DomHandler.getViewport(); //flip
+          var width = this.menuRef.current.offsetParent ? this.menuRef.current.offsetWidth : utils.DomHandler.getHiddenElementOuterWidth(this.menuRef.current);
+          var height = this.menuRef.current.offsetParent ? this.menuRef.current.offsetHeight : utils.DomHandler.getHiddenElementOuterHeight(this.menuRef.current);
+          var viewport = utils.DomHandler.getViewport(); //flip
 
           if (left + width - document.body.scrollLeft > viewport.width) {
             left -= width;
@@ -539,14 +523,14 @@ this.primereact.contextmenu = (function (exports, React, core) {
     }, {
       key: "bindDocumentClickListener",
       value: function bindDocumentClickListener() {
-        var _this8 = this;
+        var _this7 = this;
 
         if (!this.documentClickListener) {
           this.documentClickListener = function (event) {
-            if (_this8.isOutsideClicked(event) && event.button !== 2) {
-              _this8.hide(event);
+            if (_this7.isOutsideClicked(event) && event.button !== 2) {
+              _this7.hide(event);
 
-              _this8.setState({
+              _this7.setState({
                 resetMenu: true
               });
             }
@@ -558,11 +542,11 @@ this.primereact.contextmenu = (function (exports, React, core) {
     }, {
       key: "bindDocumentContextMenuListener",
       value: function bindDocumentContextMenuListener() {
-        var _this9 = this;
+        var _this8 = this;
 
         if (!this.documentContextMenuListener) {
           this.documentContextMenuListener = function (event) {
-            _this9.show(event);
+            _this8.show(event);
           };
 
           document.addEventListener('contextmenu', this.documentContextMenuListener);
@@ -571,12 +555,12 @@ this.primereact.contextmenu = (function (exports, React, core) {
     }, {
       key: "bindDocumentResizeListener",
       value: function bindDocumentResizeListener() {
-        var _this10 = this;
+        var _this9 = this;
 
         if (!this.documentResizeListener) {
           this.documentResizeListener = function (event) {
-            if (_this10.state.visible && !core.DomHandler.isAndroid()) {
-              _this10.hide(event);
+            if (_this9.state.visible && !utils.DomHandler.isTouchDevice()) {
+              _this9.hide(event);
             }
           };
 
@@ -614,21 +598,38 @@ this.primereact.contextmenu = (function (exports, React, core) {
           this.bindDocumentContextMenuListener();
         }
       }
+    }, {
+      key: "componentDidUpdate",
+      value: function componentDidUpdate(prevProps, prevState) {
+        var _this10 = this;
+
+        if (this.state.visible && (prevState.reshow !== this.state.reshow || prevProps.model !== this.props.model)) {
+          var event = this.currentEvent;
+          this.setState({
+            visible: false,
+            reshow: false,
+            rePosition: false,
+            resetMenu: true
+          }, function () {
+            return _this10.show(event);
+          });
+        }
+      }
     }, {
       key: "componentWillUnmount",
       value: function componentWillUnmount() {
         this.unbindDocumentListeners();
         this.unbindDocumentContextMenuListener();
-        core.ZIndexUtils.clear(this.menuRef.current);
+        utils.ZIndexUtils.clear(this.menuRef.current);
       }
     }, {
       key: "renderContextMenu",
       value: function renderContextMenu() {
-        var className = core.classNames('p-contextmenu p-component', this.props.className);
-        return /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+        var className = utils.classNames('p-contextmenu p-component', this.props.className);
+        return /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
           nodeRef: this.menuRef,
           classNames: "p-contextmenu",
-          in: this.state.visible,
+          "in": this.state.visible,
           timeout: {
             enter: 250,
             exit: 0
@@ -639,14 +640,14 @@ this.primereact.contextmenu = (function (exports, React, core) {
           onEntered: this.onEntered,
           onExit: this.onExit,
           onExited: this.onExited
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           ref: this.menuRef,
           id: this.props.id,
           className: className,
           style: this.props.style,
           onClick: this.onMenuClick,
           onMouseEnter: this.onMenuMouseEnter
-        }, /*#__PURE__*/React__default['default'].createElement(ContextMenuSub, {
+        }, /*#__PURE__*/React__default["default"].createElement(ContextMenuSub, {
           model: this.props.model,
           root: true,
           resetMenu: this.state.resetMenu,
@@ -657,7 +658,7 @@ this.primereact.contextmenu = (function (exports, React, core) {
       key: "render",
       value: function render() {
         var element = this.renderContextMenu();
-        return /*#__PURE__*/React__default['default'].createElement(core.Portal, {
+        return /*#__PURE__*/React__default["default"].createElement(portal.Portal, {
           element: element,
           appendTo: this.props.appendTo
         });
@@ -687,4 +688,4 @@ this.primereact.contextmenu = (function (exports, React, core) {
 
   return exports;
 
-}({}, React, primereact.core));
+})({}, React, primereact.utils, primereact.csstransition, primereact.ripple, primereact.portal, primereact.api);

package/contextmenu/contextmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.contextmenu=function(e,t,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(t);function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function u(e,t,n){return t&&s(e.prototype,t),n&&s(e,n),e}function l(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function c(e,t){return(c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&c(e,t)}function m(e){return(m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function f(e,t){if(t&&("object"===m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return l(e)}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e){var t=v();return function(){var n,i=d(e);if(t){var r=d(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return f(this,n)}}function v(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var b=function(e){a(i,e);var t=h(i);function i(e){var n;return o(this,i),(n=t.call(this,e)).state={activeItem:null},n.onEnter=n.onEnter.bind(l(n)),n.submenuRef=r.default.createRef(),n}return u(i,[{key:"onItemMouseEnter",value:function(e,t){t.disabled?e.preventDefault():this.setState({activeItem:t})}},{key:"onItemClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items||this.props.onLeafClick(e))}},{key:"position",value:function(){var e=this.submenuRef.current.parentElement,t=n.DomHandler.getOffset(this.submenuRef.current.parentElement),i=n.DomHandler.getViewport(),r=this.submenuRef.current.offsetParent?this.submenuRef.current.offsetWidth:n.DomHandler.getHiddenElementOuterWidth(this.submenuRef.current),o=n.DomHandler.getOuterWidth(e.children[0]);this.submenuRef.current.style.top="0px",this.submenuRef.current.style.left=parseInt(t.left,10)+o+r>i.width-n.DomHandler.calculateScrollbarWidth()?-1*r+"px":o+"px"}},{key:"onEnter",value:function(){this.position()}},{key:"isActive",value:function(){return this.props.root||!this.props.resetMenu}},{key:"componentDidUpdate",value:function(){this.isActive()&&this.position()}},{key:"renderSeparator",value:function(e){return r.default.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})}},{key:"renderSubmenu",value:function(e){return e.items?r.default.createElement(i,{model:e.items,resetMenu:e!==this.state.activeItem,onLeafClick:this.props.onLeafClick}):null}},{key:"renderMenuitem",value:function(e,t){var i=this,o=this.state.activeItem===e,s=n.classNames("p-menuitem",{"p-menuitem-active":o},e.className),u=n.classNames("p-menuitem-link",{"p-disabled":e.disabled}),l=n.classNames("p-menuitem-icon",e.icon),c="p-submenu-icon pi pi-angle-right",a=e.icon&&r.default.createElement("span",{className:l}),m=e.label&&r.default.createElement("span",{className:"p-menuitem-text"},e.label),f=e.items&&r.default.createElement("span",{className:c}),d=this.renderSubmenu(e),p=r.default.createElement("a",{href:e.url||"#",className:u,target:e.target,onClick:function(n){return i.onItemClick(n,e,t)},role:"menuitem","aria-haspopup":null!=e.items,"aria-disabled":e.disabled},a,m,f,r.default.createElement(n.Ripple,null));e.template&&(p=n.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return i.onItemClick(n,e,t)},className:u,labelClassName:"p-menuitem-text",iconClassName:l,submenuIconClassName:c,element:p,props:this.props,active:o}));return r.default.createElement("li",{key:e.label+"_"+t,role:"none",className:s,style:e.style,onMouseEnter:function(t){return i.onItemMouseEnter(t,e)}},p,d)}},{key:"renderItem",value:function(e,t){return e.separator?this.renderSeparator(t):this.renderMenuitem(e,t)}},{key:"renderMenu",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"render",value:function(){var e=n.classNames({"p-submenu-list":!this.props.root}),t=this.renderMenu(),i=this.isActive();return r.default.createElement(n.CSSTransition,{nodeRef:this.submenuRef,classNames:"p-contextmenusub",in:i,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:this.onEnter},r.default.createElement("ul",{ref:this.submenuRef,className:e},t))}}],[{key:"getDerivedStateFromProps",value:function(e,t){return!0===e.resetMenu?{activeItem:null}:null}}]),i}(t.Component);p(b,"defaultProps",{model:null,root:!1,className:null,resetMenu:!1,onLeafClick:null});var y=function(e){a(i,e);var t=h(i);function i(e){var n;return o(this,i),(n=t.call(this,e)).state={visible:!1,reshow:!1,resetMenu:!1},n.onMenuClick=n.onMenuClick.bind(l(n)),n.onLeafClick=n.onLeafClick.bind(l(n)),n.onMenuMouseEnter=n.onMenuMouseEnter.bind(l(n)),n.onEnter=n.onEnter.bind(l(n)),n.onEntered=n.onEntered.bind(l(n)),n.onExit=n.onExit.bind(l(n)),n.onExited=n.onExited.bind(l(n)),n.menuRef=r.default.createRef(),n}return u(i,[{key:"onMenuClick",value:function(){this.setState({resetMenu:!1})}},{key:"onMenuMouseEnter",value:function(){this.setState({resetMenu:!1})}},{key:"show",value:function(e){var t=this;e instanceof Event||e.persist(),e.stopPropagation(),e.preventDefault(),this.currentEvent=e,this.state.visible?this.setState({reshow:!0}):this.setState({visible:!0},(function(){t.props.onShow&&t.props.onShow(t.currentEvent)}))}},{key:"componentDidUpdate",value:function(e,t){var n=this;if(this.state.visible&&t.reshow!==this.state.reshow){var i=this.currentEvent;this.setState({visible:!1,reshow:!1,rePosition:!1,resetMenu:!0},(function(){return n.show(i)}))}}},{key:"hide",value:function(e){var t=this;e instanceof Event||e.persist(),this.currentEvent=e,this.setState({visible:!1,reshow:!1},(function(){t.props.onHide&&t.props.onHide(t.currentEvent)}))}},{key:"onEnter",value:function(){this.props.autoZIndex&&n.ZIndexUtils.set("menu",this.menuRef.current,this.props.baseZIndex),this.position(this.currentEvent)}},{key:"onEntered",value:function(){this.bindDocumentListeners()}},{key:"onExit",value:function(){this.currentEvent=null,this.unbindDocumentListeners()}},{key:"onExited",value:function(){n.ZIndexUtils.clear(this.menuRef.current)}},{key:"position",value:function(e){if(e){var t=e.pageX+1,i=e.pageY+1,r=this.menuRef.current.offsetParent?this.menuRef.current.offsetWidth:n.DomHandler.getHiddenElementOuterWidth(this.menuRef.current),o=this.menuRef.current.offsetParent?this.menuRef.current.offsetHeight:n.DomHandler.getHiddenElementOuterHeight(this.menuRef.current),s=n.DomHandler.getViewport();t+r-document.body.scrollLeft>s.width&&(t-=r),i+o-document.body.scrollTop>s.height&&(i-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),i<document.body.scrollTop&&(i=document.body.scrollTop),this.menuRef.current.style.left=t+"px",this.menuRef.current.style.top=i+"px"}}},{key:"onLeafClick",value:function(e){this.setState({resetMenu:!0}),this.hide(e),e.stopPropagation()}},{key:"isOutsideClicked",value:function(e){return this.menuRef&&this.menuRef.current&&!(this.menuRef.current.isSameNode(e.target)||this.menuRef.current.contains(e.target))}},{key:"bindDocumentListeners",value:function(){this.bindDocumentResizeListener(),this.bindDocumentClickListener()}},{key:"unbindDocumentListeners",value:function(){this.unbindDocumentResizeListener(),this.unbindDocumentClickListener()}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.isOutsideClicked(t)&&2!==t.button&&(e.hide(t),e.setState({resetMenu:!0}))},document.addEventListener("click",this.documentClickListener))}},{key:"bindDocumentContextMenuListener",value:function(){var e=this;this.documentContextMenuListener||(this.documentContextMenuListener=function(t){e.show(t)},document.addEventListener("contextmenu",this.documentContextMenuListener))}},{key:"bindDocumentResizeListener",value:function(){var e=this;this.documentResizeListener||(this.documentResizeListener=function(t){e.state.visible&&!n.DomHandler.isAndroid()&&e.hide(t)},window.addEventListener("resize",this.documentResizeListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"unbindDocumentContextMenuListener",value:function(){this.documentContextMenuListener&&(document.removeEventListener("contextmenu",this.documentContextMenuListener),this.documentContextMenuListener=null)}},{key:"unbindDocumentResizeListener",value:function(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)}},{key:"componentDidMount",value:function(){this.props.global&&this.bindDocumentContextMenuListener()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentListeners(),this.unbindDocumentContextMenuListener(),n.ZIndexUtils.clear(this.menuRef.current)}},{key:"renderContextMenu",value:function(){var e=n.classNames("p-contextmenu p-component",this.props.className);return r.default.createElement(n.CSSTransition,{nodeRef:this.menuRef,classNames:"p-contextmenu",in:this.state.visible,timeout:{enter:250,exit:0},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},r.default.createElement("div",{ref:this.menuRef,id:this.props.id,className:e,style:this.props.style,onClick:this.onMenuClick,onMouseEnter:this.onMenuMouseEnter},r.default.createElement(b,{model:this.props.model,root:!0,resetMenu:this.state.resetMenu,onLeafClick:this.onLeafClick})))}},{key:"render",value:function(){var e=this.renderContextMenu();return r.default.createElement(n.Portal,{element:e,appendTo:this.props.appendTo})}}]),i}(t.Component);return p(y,"defaultProps",{id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null}),e.ContextMenu=y,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.contextmenu=function(e,t,n,i,r,o,s){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=u(t),a=u(s);function c(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function m(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function f(e,t,n){return t&&m(e.prototype,t),n&&m(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function d(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},p(e,t)}function h(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function b(e,t){if(t&&("object"===v(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return d(e)}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}function E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(e){var t=L();return function(){var n,i=y(e);if(t){var r=y(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return b(this,n)}}function L(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var C=function(e){h(o,e);var t=k(o);function o(e){var n;return c(this,o),(n=t.call(this,e)).state={activeItem:null},n.onEnter=n.onEnter.bind(d(n)),n.submenuRef=l.default.createRef(),n}return f(o,[{key:"onItemMouseEnter",value:function(e,t){t.disabled?e.preventDefault():this.setState({activeItem:t})}},{key:"onItemClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items||this.props.onLeafClick(e))}},{key:"position",value:function(){var e=this.submenuRef.current.parentElement,t=n.DomHandler.getOffset(this.submenuRef.current.parentElement),i=n.DomHandler.getViewport(),r=this.submenuRef.current.offsetParent?this.submenuRef.current.offsetWidth:n.DomHandler.getHiddenElementOuterWidth(this.submenuRef.current),o=n.DomHandler.getOuterWidth(e.children[0]);this.submenuRef.current.style.top="0px",this.submenuRef.current.style.left=parseInt(t.left,10)+o+r>i.width-n.DomHandler.calculateScrollbarWidth()?-1*r+"px":o+"px"}},{key:"onEnter",value:function(){this.position()}},{key:"isActive",value:function(){return this.props.root||!this.props.resetMenu}},{key:"componentDidUpdate",value:function(){this.isActive()&&this.position()}},{key:"renderSeparator",value:function(e){return l.default.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})}},{key:"renderSubmenu",value:function(e){return e.items?l.default.createElement(o,{model:e.items,resetMenu:e!==this.state.activeItem,onLeafClick:this.props.onLeafClick}):null}},{key:"renderMenuitem",value:function(e,t){var i=this,o=this.state.activeItem===e,s=n.classNames("p-menuitem",{"p-menuitem-active":o},e.className),u=n.classNames("p-menuitem-link",{"p-disabled":e.disabled}),a=n.classNames("p-menuitem-icon",e.icon),c="p-submenu-icon pi pi-angle-right",m=e.icon&&l.default.createElement("span",{className:a}),f=e.label&&l.default.createElement("span",{className:"p-menuitem-text"},e.label),d=e.items&&l.default.createElement("span",{className:c}),p=this.renderSubmenu(e),h=l.default.createElement("a",{href:e.url||"#",className:u,target:e.target,onClick:function(n){return i.onItemClick(n,e,t)},role:"menuitem","aria-haspopup":null!=e.items,"aria-disabled":e.disabled},m,f,d,l.default.createElement(r.Ripple,null));e.template&&(h=n.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return i.onItemClick(n,e,t)},className:u,labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:c,element:h,props:this.props,active:o}));return l.default.createElement("li",{key:e.label+"_"+t,role:"none",className:s,style:e.style,onMouseEnter:function(t){return i.onItemMouseEnter(t,e)}},h,p)}},{key:"renderItem",value:function(e,t){return e.separator?this.renderSeparator(t):this.renderMenuitem(e,t)}},{key:"renderMenu",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"render",value:function(){var e=n.classNames({"p-submenu-list":!this.props.root}),t=this.renderMenu(),r=this.isActive();return l.default.createElement(i.CSSTransition,{nodeRef:this.submenuRef,classNames:"p-contextmenusub",in:r,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:this.onEnter},l.default.createElement("ul",{ref:this.submenuRef,className:e},t))}}],[{key:"getDerivedStateFromProps",value:function(e,t){return!0===e.resetMenu?{activeItem:null}:null}}]),o}(t.Component);E(C,"defaultProps",{model:null,root:!1,className:null,resetMenu:!1,onLeafClick:null});var x=function(e){h(r,e);var t=k(r);function r(e){var n;return c(this,r),(n=t.call(this,e)).state={visible:!1,reshow:!1,resetMenu:!1},n.onMenuClick=n.onMenuClick.bind(d(n)),n.onLeafClick=n.onLeafClick.bind(d(n)),n.onMenuMouseEnter=n.onMenuMouseEnter.bind(d(n)),n.onEnter=n.onEnter.bind(d(n)),n.onEntered=n.onEntered.bind(d(n)),n.onExit=n.onExit.bind(d(n)),n.onExited=n.onExited.bind(d(n)),n.menuRef=l.default.createRef(),n}return f(r,[{key:"onMenuClick",value:function(){this.setState({resetMenu:!1})}},{key:"onMenuMouseEnter",value:function(){this.setState({resetMenu:!1})}},{key:"show",value:function(e){var t=this;e instanceof Event||e.persist(),e.stopPropagation(),e.preventDefault(),this.currentEvent=e,this.state.visible?this.setState({reshow:!0}):this.setState({visible:!0},(function(){t.props.onShow&&t.props.onShow(t.currentEvent)}))}},{key:"hide",value:function(e){var t=this;e instanceof Event||e.persist(),this.currentEvent=e,this.setState({visible:!1,reshow:!1},(function(){t.props.onHide&&t.props.onHide(t.currentEvent)}))}},{key:"onEnter",value:function(){this.props.autoZIndex&&n.ZIndexUtils.set("menu",this.menuRef.current,a.default.autoZIndex,this.props.baseZIndex||a.default.zIndex.menu),this.position(this.currentEvent)}},{key:"onEntered",value:function(){this.bindDocumentListeners()}},{key:"onExit",value:function(){this.currentEvent=null,this.unbindDocumentListeners()}},{key:"onExited",value:function(){n.ZIndexUtils.clear(this.menuRef.current)}},{key:"position",value:function(e){if(e){var t=e.pageX+1,i=e.pageY+1,r=this.menuRef.current.offsetParent?this.menuRef.current.offsetWidth:n.DomHandler.getHiddenElementOuterWidth(this.menuRef.current),o=this.menuRef.current.offsetParent?this.menuRef.current.offsetHeight:n.DomHandler.getHiddenElementOuterHeight(this.menuRef.current),s=n.DomHandler.getViewport();t+r-document.body.scrollLeft>s.width&&(t-=r),i+o-document.body.scrollTop>s.height&&(i-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),i<document.body.scrollTop&&(i=document.body.scrollTop),this.menuRef.current.style.left=t+"px",this.menuRef.current.style.top=i+"px"}}},{key:"onLeafClick",value:function(e){this.setState({resetMenu:!0}),this.hide(e),e.stopPropagation()}},{key:"isOutsideClicked",value:function(e){return this.menuRef&&this.menuRef.current&&!(this.menuRef.current.isSameNode(e.target)||this.menuRef.current.contains(e.target))}},{key:"bindDocumentListeners",value:function(){this.bindDocumentResizeListener(),this.bindDocumentClickListener()}},{key:"unbindDocumentListeners",value:function(){this.unbindDocumentResizeListener(),this.unbindDocumentClickListener()}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.isOutsideClicked(t)&&2!==t.button&&(e.hide(t),e.setState({resetMenu:!0}))},document.addEventListener("click",this.documentClickListener))}},{key:"bindDocumentContextMenuListener",value:function(){var e=this;this.documentContextMenuListener||(this.documentContextMenuListener=function(t){e.show(t)},document.addEventListener("contextmenu",this.documentContextMenuListener))}},{key:"bindDocumentResizeListener",value:function(){var e=this;this.documentResizeListener||(this.documentResizeListener=function(t){e.state.visible&&!n.DomHandler.isTouchDevice()&&e.hide(t)},window.addEventListener("resize",this.documentResizeListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"unbindDocumentContextMenuListener",value:function(){this.documentContextMenuListener&&(document.removeEventListener("contextmenu",this.documentContextMenuListener),this.documentContextMenuListener=null)}},{key:"unbindDocumentResizeListener",value:function(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)}},{key:"componentDidMount",value:function(){this.props.global&&this.bindDocumentContextMenuListener()}},{key:"componentDidUpdate",value:function(e,t){var n=this;if(this.state.visible&&(t.reshow!==this.state.reshow||e.model!==this.props.model)){var i=this.currentEvent;this.setState({visible:!1,reshow:!1,rePosition:!1,resetMenu:!0},(function(){return n.show(i)}))}}},{key:"componentWillUnmount",value:function(){this.unbindDocumentListeners(),this.unbindDocumentContextMenuListener(),n.ZIndexUtils.clear(this.menuRef.current)}},{key:"renderContextMenu",value:function(){var e=n.classNames("p-contextmenu p-component",this.props.className);return l.default.createElement(i.CSSTransition,{nodeRef:this.menuRef,classNames:"p-contextmenu",in:this.state.visible,timeout:{enter:250,exit:0},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},l.default.createElement("div",{ref:this.menuRef,id:this.props.id,className:e,style:this.props.style,onClick:this.onMenuClick,onMouseEnter:this.onMenuMouseEnter},l.default.createElement(C,{model:this.props.model,root:!0,resetMenu:this.state.resetMenu,onLeafClick:this.onLeafClick})))}},{key:"render",value:function(){var e=this.renderContextMenu();return l.default.createElement(o.Portal,{element:e,appendTo:this.props.appendTo})}}]),r}(t.Component);return E(x,"defaultProps",{id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null}),e.ContextMenu=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.csstransition,primereact.ripple,primereact.portal,primereact.api);