primereact 8.7.2 → 8.7.3

package/contextmenu/contextmenu.esm.js

@@ -10,14 +10,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -28,42 +26,40 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 
@@ -86,71 +82,63 @@ function _slicedToArray(arr, i) {
 
 var ContextMenuSub = /*#__PURE__*/React.memo(function (props) {
   var _React$useState = React.useState(null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      activeItemState = _React$useState2[0],
-      setActiveItemState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    activeItemState = _React$useState2[0],
+    setActiveItemState = _React$useState2[1];
   var submenuRef = React.useRef(null);
   var active = props.root || !props.resetMenu;
-
   if (props.resetMenu === true && activeItemState !== null) {
     setActiveItemState(null);
   }
-
   var onItemMouseEnter = function onItemMouseEnter(event, item) {
     if (item.disabled) {
       event.preventDefault();
       return;
     }
-
     setActiveItemState(item);
   };
-
   var onItemClick = function onItemClick(event, item) {
     if (item.disabled) {
       event.preventDefault();
       return;
     }
-
     if (!item.url) {
       event.preventDefault();
     }
-
     if (item.command) {
       item.command({
         originalEvent: event,
         item: item
       });
     }
-
     if (!item.items) {
       props.onLeafClick(event);
     }
   };
-
   var position = function position() {
     var parentItem = submenuRef.current.parentElement;
-    var containerOffset = DomHandler.getOffset(submenuRef.current.parentElement);
+    var containerOffset = DomHandler.getOffset(parentItem);
     var viewport = DomHandler.getViewport();
     var sublistWidth = submenuRef.current.offsetParent ? submenuRef.current.offsetWidth : DomHandler.getHiddenElementOuterWidth(submenuRef.current);
     var itemOuterWidth = DomHandler.getOuterWidth(parentItem.children[0]);
-    submenuRef.current.style.top = '0px';
-
+    var top = parseInt(containerOffset.top, 10) + submenuRef.current.offsetHeight - DomHandler.getWindowScrollTop();
+    if (top > viewport.height) {
+      submenuRef.current.style.top = viewport.height - top + 'px';
+    } else {
+      submenuRef.current.style.top = '0px';
+    }
     if (parseInt(containerOffset.left, 10) + itemOuterWidth + sublistWidth > viewport.width - DomHandler.calculateScrollbarWidth()) {
       submenuRef.current.style.left = -1 * sublistWidth + 'px';
     } else {
       submenuRef.current.style.left = itemOuterWidth + 'px';
     }
   };
-
   var onEnter = function onEnter() {
     position();
   };
-
   useUpdateEffect(function () {
     active && position();
   });
-
   var createSeparator = function createSeparator(index) {
     return /*#__PURE__*/React.createElement("li", {
       key: 'separator_' + index,
@@ -158,7 +146,6 @@ var ContextMenuSub = /*#__PURE__*/React.memo(function (props) {
       role: "separator"
     });
   };
-
   var createSubmenu = function createSubmenu(item) {
     if (item.items) {
       return /*#__PURE__*/React.createElement(ContextMenuSub, {
@@ -168,15 +155,12 @@ var ContextMenuSub = /*#__PURE__*/React.memo(function (props) {
         onLeafClick: props.onLeafClick
       });
     }
-
     return null;
   };
-
   var createMenuItem = function createMenuItem(item, index) {
     if (item.visible === false) {
       return null;
     }
-
     var active = activeItemState === item;
     var key = item.label + '_' + index;
     var className = classNames('p-menuitem', {
@@ -210,7 +194,6 @@ var ContextMenuSub = /*#__PURE__*/React.memo(function (props) {
       "aria-haspopup": item.items != null,
       "aria-disabled": item.disabled
     }, icon, label, submenuIcon, /*#__PURE__*/React.createElement(Ripple, null));
-
     if (item.template) {
       var defaultContentOptions = {
         onClick: function onClick(event) {
@@ -226,7 +209,6 @@ var ContextMenuSub = /*#__PURE__*/React.memo(function (props) {
       };
       content = ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
-
     return /*#__PURE__*/React.createElement("li", {
       key: key,
       role: "none",
@@ -238,15 +220,12 @@ var ContextMenuSub = /*#__PURE__*/React.memo(function (props) {
       }
     }, content, submenu);
   };
-
   var createItem = function createItem(item, index) {
     return item.separator ? createSeparator(index) : createMenuItem(item, index);
   };
-
   var createMenu = function createMenu() {
     return props.model ? props.model.map(createItem) : null;
   };
-
   var className = classNames({
     'p-submenu-list': !props.root
   });
@@ -270,69 +249,59 @@ ContextMenuSub.displayName = 'ContextMenuSub';
 
 var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      visibleState = _React$useState2[0],
-      setVisibleState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    visibleState = _React$useState2[0],
+    setVisibleState = _React$useState2[1];
   var _React$useState3 = React.useState(false),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      reshowState = _React$useState4[0],
-      setReshowState = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    reshowState = _React$useState4[0],
+    setReshowState = _React$useState4[1];
   var _React$useState5 = React.useState(false),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      resetMenuState = _React$useState6[0],
-      setResetMenuState = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    resetMenuState = _React$useState6[0],
+    setResetMenuState = _React$useState6[1];
   var menuRef = React.useRef(null);
   var currentEvent = React.useRef(null);
-
   var _useEventListener = useEventListener({
-    type: 'click',
-    listener: function listener(event) {
-      if (isOutsideClicked(event) && event.button !== 2) {
-        hide(event);
-        setResetMenuState(true);
+      type: 'click',
+      listener: function listener(event) {
+        if (isOutsideClicked(event) && event.button !== 2) {
+          hide(event);
+          setResetMenuState(true);
+        }
       }
-    }
-  }),
-      _useEventListener2 = _slicedToArray(_useEventListener, 2),
-      bindDocumentClickListener = _useEventListener2[0],
-      unbindDocumentClickListener = _useEventListener2[1];
-
+    }),
+    _useEventListener2 = _slicedToArray(_useEventListener, 2),
+    bindDocumentClickListener = _useEventListener2[0],
+    unbindDocumentClickListener = _useEventListener2[1];
   var _useEventListener3 = useEventListener({
-    type: 'contextmenu',
-    listener: function listener(event) {
-      show(event);
-    }
-  }),
-      _useEventListener4 = _slicedToArray(_useEventListener3, 1),
-      bindDocumentContextMenuListener = _useEventListener4[0];
-
+      type: 'contextmenu',
+      listener: function listener(event) {
+        show(event);
+      }
+    }),
+    _useEventListener4 = _slicedToArray(_useEventListener3, 1),
+    bindDocumentContextMenuListener = _useEventListener4[0];
   var _useResizeListener = useResizeListener({
-    listener: function listener(event) {
-      if (visibleState && !DomHandler.isTouchDevice()) {
-        hide(event);
+      listener: function listener(event) {
+        if (visibleState && !DomHandler.isTouchDevice()) {
+          hide(event);
+        }
       }
-    }
-  }),
-      _useResizeListener2 = _slicedToArray(_useResizeListener, 2),
-      bindDocumentResizeListener = _useResizeListener2[0],
-      unbindDocumentResizeListener = _useResizeListener2[1];
-
+    }),
+    _useResizeListener2 = _slicedToArray(_useResizeListener, 2),
+    bindDocumentResizeListener = _useResizeListener2[0],
+    unbindDocumentResizeListener = _useResizeListener2[1];
   var onMenuClick = function onMenuClick() {
     setResetMenuState(false);
   };
-
   var onMenuMouseEnter = function onMenuMouseEnter() {
     setResetMenuState(false);
   };
-
   var show = function show(event) {
     event.stopPropagation();
     event.preventDefault();
     currentEvent.current = event;
-
     if (visibleState) {
       setReshowState(true);
     } else {
@@ -340,87 +309,75 @@ var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       props.onShow && props.onShow(currentEvent.current);
     }
   };
-
   var hide = function hide(event) {
     currentEvent.current = event;
     setVisibleState(false);
     setReshowState(false);
     props.onHide && props.onHide(currentEvent.current);
   };
-
   var onEnter = function onEnter() {
     if (props.autoZIndex) {
       ZIndexUtils.set('menu', menuRef.current, PrimeReact.autoZIndex, props.baseZIndex || PrimeReact.zIndex['menu']);
     }
-
     position(currentEvent.current);
   };
-
   var onEntered = function onEntered() {
     bindDocumentListeners();
   };
-
   var onExit = function onExit() {
     unbindDocumentListeners();
     ZIndexUtils.clear(menuRef.current);
   };
-
   var onExited = function onExited() {
     ZIndexUtils.clear(menuRef.current);
   };
-
   var position = function position(event) {
     if (event) {
       var left = event.pageX + 1;
       var top = event.pageY + 1;
       var width = menuRef.current.offsetParent ? menuRef.current.offsetWidth : DomHandler.getHiddenElementOuterWidth(menuRef.current);
       var height = menuRef.current.offsetParent ? menuRef.current.offsetHeight : DomHandler.getHiddenElementOuterHeight(menuRef.current);
-      var viewport = DomHandler.getViewport(); //flip
+      var viewport = DomHandler.getViewport();
 
+      //flip
       if (left + width - document.body.scrollLeft > viewport.width) {
         left -= width;
-      } //flip
-
+      }
 
+      //flip
       if (top + height - document.body.scrollTop > viewport.height) {
         top -= height;
-      } //fit
-
+      }
 
+      //fit
       if (left < document.body.scrollLeft) {
         left = document.body.scrollLeft;
-      } //fit
-
+      }
 
+      //fit
       if (top < document.body.scrollTop) {
         top = document.body.scrollTop;
       }
-
       menuRef.current.style.left = left + 'px';
       menuRef.current.style.top = top + 'px';
     }
   };
-
   var onLeafClick = function onLeafClick(event) {
     setResetMenuState(true);
     hide(event);
     event.stopPropagation();
   };
-
   var isOutsideClicked = function isOutsideClicked(event) {
     return menuRef && menuRef.current && !(menuRef.current.isSameNode(event.target) || menuRef.current.contains(event.target));
   };
-
   var bindDocumentListeners = function bindDocumentListeners() {
     bindDocumentResizeListener();
     bindDocumentClickListener();
   };
-
   var unbindDocumentListeners = function unbindDocumentListeners() {
     unbindDocumentResizeListener();
     unbindDocumentClickListener();
   };
-
   useMountEffect(function () {
     if (props.global) {
       bindDocumentContextMenuListener();
@@ -448,7 +405,6 @@ var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       }
     };
   });
-
   var createContextMenu = function createContextMenu() {
     var otherProps = ObjectUtils.findDiffKeys(props, ContextMenu.defaultProps);
     var className = classNames('p-contextmenu p-component', props.className);
@@ -482,7 +438,6 @@ var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       onLeafClick: onLeafClick
     })));
   };
-
   var element = createContextMenu();
   return /*#__PURE__*/React.createElement(Portal, {
     element: element,

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 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?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},y.apply(this,arguments)}function b(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,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 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 v(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 x(e,t){return b(e)||g(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 g=function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator",role:"separator"})},h=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){if(!1===n.visible)return null;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",g=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=h(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},g,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",id:n.id,className:a,style:n.style,onMouseEnter:function(e){return f(e,n)}},N,x)},E=function(e,t){return e.separator?g(t):v(e,t)},S=c({"p-submenu-list":!t.root}),O=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},O))}));N.displayName="ContextMenuSub";var S=e.memo(e.forwardRef((function(m,d){var b=x(e.useState(!1),2),g=b[0],h=b[1],v=x(e.useState(!1),2),E=v[0],O=v[1],w=x(e.useState(!1),2),C=w[0],I=w[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],j=x(l({listener:function(e){g&&!s.isTouchDevice()&&_(e)}}),2),A=j[0],D=j[1],R=function(){I(!1)},W=function(){I(!1)},Z=function(e){e.stopPropagation(),e.preventDefault(),k.current=e,g?O(!0):(h(!0),m.onShow&&m.onShow(k.current))},_=function(e){k.current=e,h(!1),O(!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(){A(),H()},q=function(){D(),T()};u((function(){m.global&&L()})),r((function(){g?(h(!1),O(!1),I(!0)):E||g||!C||Z(k.current)}),[E]),a((function(){f.clear(P.current)})),e.useImperativeHandle(d,(function(){return{props:m,show:Z,hide:_,getElement:function(){return P.current}}}));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:g,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:R,onMouseEnter:W}),e.createElement(N,{menuProps:m,model:m.model,root:!0,resetMenu:C,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};
+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 i}from"primereact/hooks";import{Portal as a}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 b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function y(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,i=[],a=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return i}}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 y(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],i=e.useRef(null),a=t.root||!t.resetMenu;!0===t.resetMenu&&null!==l&&u(null);var f=function(e,t){t.disabled?e.preventDefault():u(t)},b=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=i.current.parentElement,t=s.getOffset(e),n=s.getViewport(),r=i.current.offsetParent?i.current.offsetWidth:s.getHiddenElementOuterWidth(i.current),o=s.getOuterWidth(e.children[0]),l=parseInt(t.top,10)+i.current.offsetHeight-s.getWindowScrollTop();i.current.style.top=l>n.height?n.height-l+"px":"0px",i.current.style.left=parseInt(t.left,10)+o+r>n.width-s.calculateScrollbarWidth()?-1*r+"px":o+"px"};r((function(){a&&y()}));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){if(!1===n.visible)return null;var o=l===n,u=n.label+"_"+r,i=c("p-menuitem",{"p-menuitem-active":o},n.className),a=c("p-menuitem-link",{"p-disabled":n.disabled}),s=c("p-menuitem-icon",n.icon),y="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:y}),x=g(n),N=e.createElement("a",{href:n.url||"#",className:a,target:n.target,onClick:function(e){return b(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 b(e,n)},className:a,labelClassName:"p-menuitem-text",iconClassName:s,submenuIconClassName:y,element:N,props:t,active:o}));return e.createElement("li",{key:u,role:"none",id:n.id,className:i,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}),O=t.model?t.model.map(E):null;return e.createElement(n,{nodeRef:i,classNames:"p-contextmenusub",in:a,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){y()}},e.createElement("ul",{ref:i,className:S},O))}));N.displayName="ContextMenuSub";var S=e.memo(e.forwardRef((function(m,d){var y=x(e.useState(!1),2),h=y[0],g=y[1],v=x(e.useState(!1),2),E=v[0],O=v[1],w=x(e.useState(!1),2),C=w[0],I=w[1],P=e.useRef(null),k=e.useRef(null),H=x(o({type:"click",listener:function(e){U(e)&&2!==e.button&&(_(e),I(!0))}}),2),M=H[0],T=H[1],j=x(o({type:"contextmenu",listener:function(e){Z(e)}}),1)[0],L=x(l({listener:function(e){h&&!s.isTouchDevice()&&_(e)}}),2),W=L[0],A=L[1],D=function(){I(!1)},R=function(){I(!1)},Z=function(e){e.stopPropagation(),e.preventDefault(),k.current=e,h?O(!0):(g(!0),m.onShow&&m.onShow(k.current))},_=function(e){k.current=e,g(!1),O(!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(){W(),M()},q=function(){A(),T()};u((function(){m.global&&j()})),r((function(){h?(g(!1),O(!1),I(!0)):E||h||!C||Z(k.current)}),[E]),i((function(){f.clear(P.current)})),e.useImperativeHandle(d,(function(){return{props:m,show:Z,hide:_,getElement:function(){return P.current}}}));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",b({ref:P,id:m.id,className:F,style:m.style},B,{onClick:D,onMouseEnter:R}),e.createElement(N,{menuProps:m,model:m.model,root:!0,resetMenu:C,onLeafClick:K}))));return e.createElement(a,{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};