primereact 8.7.3 → 9.0.0-rc.1

package/contextmenu/contextmenu.cjs.js

@@ -66,9 +66,7 @@ function _iterableToArrayLimit(arr, i) {
       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) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -84,9 +82,7 @@ function _iterableToArrayLimit(arr, i) {
 
 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];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -107,6 +103,30 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var ContextMenuBase = {
+  defaultProps: {
+    __TYPE: 'ContextMenu',
+    id: null,
+    model: null,
+    style: null,
+    className: null,
+    global: false,
+    autoZIndex: true,
+    baseZIndex: 0,
+    appendTo: null,
+    transitionOptions: null,
+    onShow: null,
+    onHide: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, ContextMenuBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, ContextMenuBase.defaultProps);
+  }
+};
+
 var ContextMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
   var _React$useState = React__namespace.useState(null),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -274,7 +294,8 @@ var ContextMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 ContextMenuSub.displayName = 'ContextMenuSub';
 
-var ContextMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var ContextMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = ContextMenuBase.getProps(inProps);
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
@@ -433,8 +454,11 @@ var ContextMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     };
   });
   var createContextMenu = function createContextMenu() {
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, ContextMenu.defaultProps);
-    var className = utils.classNames('p-contextmenu p-component', props.className);
+    var otherProps = ContextMenuBase.getOtherProps(props);
+    var className = utils.classNames('p-contextmenu p-component', props.className, {
+      'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
+      'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+    });
     return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
       nodeRef: menuRef,
       classNames: "p-contextmenu",
@@ -472,19 +496,5 @@ var ContextMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   });
 }));
 ContextMenu.displayName = 'ContextMenu';
-ContextMenu.defaultProps = {
-  __TYPE: 'ContextMenu',
-  id: null,
-  model: null,
-  style: null,
-  className: null,
-  global: false,
-  autoZIndex: true,
-  baseZIndex: 0,
-  appendTo: null,
-  transitionOptions: null,
-  onShow: null,
-  onHide: null
-};
 
 exports.ContextMenu = ContextMenu;

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

package/contextmenu/contextmenu.d.ts

@@ -1,23 +1,91 @@
+/**
+ *
+ * ContextMenu displays an overlay menu on right click of its target. Note that components like DataTable has special integration with ContextMenu. Refer to documentation of the individual documentation of the components having a special integration.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/contextmenu/)
+ *
+ * @module contextmenu
+ *
+ */
 import * as React from 'react';
-import { MenuItem } from '../menuitem';
 import { CSSTransitionProps } from '../csstransition';
+import { MenuItem } from '../menuitem';
 
-type ContextMenuAppendToType = 'self' | HTMLElement | undefined | null;
-
+/**
+ * Defines valid properties in ContextMenu component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface ContextMenuProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    model?: MenuItem[];
-    global?: boolean;
-    autoZIndex?: boolean;
-    baseZIndex?: number;
-    appendTo?: ContextMenuAppendToType;
-    transitionOptions?: CSSTransitionProps;
-    onShow?(e: React.SyntheticEvent): void;
-    onHide?(e: React.SyntheticEvent): void;
-    children?: React.ReactNode;
+    /**
+     * An array of menuitems.
+     */
+    model?: MenuItem[] | undefined;
+    /**
+     * Attaches the menu to document instead of a particular item.
+     * @defaultValue false
+     */
+    global?: boolean | undefined;
+    /**
+     * Whether to automatically manage layering.
+     * @defaultValue true
+     */
+    autoZIndex?: boolean | undefined;
+    /**
+     * Base zIndex value to use in layering.
+     * @defaultValue 0
+     */
+    baseZIndex?: number | undefined;
+    /**
+     * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and 'self'. The self value is used to render a component where it is located.
+     * @defaultValue document.body
+     */
+    appendTo?: 'self' | HTMLElement | undefined | null;
+    /**
+     * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
+     */
+    transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * Callback to invoke when a popup menu is shown.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
+    onShow?(event: React.SyntheticEvent): void;
+    /**
+     * Callback to invoke when a popup menu is hidden.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
+    onHide?(event: React.SyntheticEvent): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - ContextMenu**
+ *
+ * _ContextMenu displays an overlay menu on right click of its target. Note that components like DataTable has special integration with ContextMenu. Refer to documentation of the individual documentation of the components having a special integration._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/contextmenu/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class ContextMenu extends React.Component<ContextMenuProps, any> {
+    /**
+     * Displays the popup menu.
+     * @param {React.SyntheticEvent} event - Browser event
+     */
     public show(event: React.SyntheticEvent): void;
+    /**
+     * Hides the popup menu.
+     * @param {React.SyntheticEvent} event - Browser event
+     */
     public hide(event: React.SyntheticEvent): void;
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

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, IconUtils, ObjectUtils, ZIndexUtils } from 'primereact/utils';
+import { ObjectUtils, classNames, DomHandler, IconUtils, ZIndexUtils } from 'primereact/utils';
 import { Ripple } from 'primereact/ripple';
 
 function _extends() {
@@ -39,9 +39,7 @@ function _iterableToArrayLimit(arr, i) {
       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) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -57,9 +55,7 @@ function _iterableToArrayLimit(arr, i) {
 
 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];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -80,6 +76,30 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var ContextMenuBase = {
+  defaultProps: {
+    __TYPE: 'ContextMenu',
+    id: null,
+    model: null,
+    style: null,
+    className: null,
+    global: false,
+    autoZIndex: true,
+    baseZIndex: 0,
+    appendTo: null,
+    transitionOptions: null,
+    onShow: null,
+    onHide: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, ContextMenuBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, ContextMenuBase.defaultProps);
+  }
+};
+
 var ContextMenuSub = /*#__PURE__*/React.memo(function (props) {
   var _React$useState = React.useState(null),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -247,7 +267,8 @@ var ContextMenuSub = /*#__PURE__*/React.memo(function (props) {
 });
 ContextMenuSub.displayName = 'ContextMenuSub';
 
-var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = ContextMenuBase.getProps(inProps);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
@@ -406,8 +427,11 @@ 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);
+    var otherProps = ContextMenuBase.getOtherProps(props);
+    var className = classNames('p-contextmenu p-component', props.className, {
+      'p-input-filled': PrimeReact.inputStyle === 'filled',
+      'p-ripple-disabled': PrimeReact.ripple === false
+    });
     return /*#__PURE__*/React.createElement(CSSTransition, {
       nodeRef: menuRef,
       classNames: "p-contextmenu",
@@ -445,19 +469,5 @@ var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   });
 }));
 ContextMenu.displayName = 'ContextMenu';
-ContextMenu.defaultProps = {
-  __TYPE: 'ContextMenu',
-  id: null,
-  model: null,
-  style: null,
-  className: null,
-  global: false,
-  autoZIndex: true,
-  baseZIndex: 0,
-  appendTo: null,
-  transitionOptions: null,
-  onShow: null,
-  onHide: null
-};
 
 export { ContextMenu };

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 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};
+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{ObjectUtils as c,classNames as s,DomHandler as m,IconUtils as p,ZIndexUtils as f}from"primereact/utils";import{Ripple as d}from"primereact/ripple";function g(){return g=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},g.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,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 y(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 y(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)?y(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={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,children:void 0},getProps:function(e){return c.getMergedProps(e,N.defaultProps)},getOtherProps:function(e){return c.getDiffProps(e,N.defaultProps)}},P=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)},g=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=i.current.parentElement,t=m.getOffset(e),n=m.getViewport(),r=i.current.offsetParent?i.current.offsetWidth:m.getHiddenElementOuterWidth(i.current),o=m.getOuterWidth(e.children[0]),l=parseInt(t.top,10)+i.current.offsetHeight-m.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-m.calculateScrollbarWidth()?-1*r+"px":o+"px"};r((function(){a&&b()}));var h=function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator",role:"separator"})},y=function(n){return n.items?e.createElement(P,{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=s("p-menuitem",{"p-menuitem-active":o},n.className),a=s("p-menuitem-link",{"p-disabled":n.disabled}),m=s("p-menuitem-icon",n.icon),b="p-submenu-icon pi pi-angle-right",h=p.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=y(n),N=e.createElement("a",{href:n.url||"#",className:a,target:n.target,onClick:function(e){return g(e,n)},role:"menuitem","aria-haspopup":null!=n.items,"aria-disabled":n.disabled},h,v,E,e.createElement(d,null));n.template&&(N=c.getJSXElement(n.template,n,{onClick:function(e){return g(e,n)},className:a,labelClassName:"p-menuitem-text",iconClassName:m,submenuIconClassName:b,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)},N=s({"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(){b()}},e.createElement("ul",{ref:i,className:N},O))}));P.displayName="ContextMenuSub";var O=e.memo(e.forwardRef((function(c,p){var d=N.getProps(c),b=x(e.useState(!1),2),h=b[0],y=b[1],v=x(e.useState(!1),2),E=v[0],O=v[1],S=x(e.useState(!1),2),w=S[0],C=S[1],I=e.useRef(null),k=e.useRef(null),M=x(o({type:"click",listener:function(e){$(e)&&2!==e.button&&(_(e),C(!0))}}),2),H=M[0],T=M[1],j=x(o({type:"contextmenu",listener:function(e){Z(e)}}),1)[0],L=x(l({listener:function(e){h&&!m.isTouchDevice()&&_(e)}}),2),W=L[0],A=L[1],D=function(){C(!1)},R=function(){C(!1)},Z=function(e){e.stopPropagation(),e.preventDefault(),k.current=e,h?O(!0):(y(!0),d.onShow&&d.onShow(k.current))},_=function(e){k.current=e,y(!1),O(!1),d.onHide&&d.onHide(k.current)},X=function(){d.autoZIndex&&f.set("menu",I.current,t.autoZIndex,d.baseZIndex||t.zIndex.menu),z(k.current)},J=function(){q()},V=function(){B(),f.clear(I.current)},Y=function(){f.clear(I.current)},z=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=I.current.offsetParent?I.current.offsetWidth:m.getHiddenElementOuterWidth(I.current),o=I.current.offsetParent?I.current.offsetHeight:m.getHiddenElementOuterHeight(I.current),l=m.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"}},U=function(e){C(!0),_(e),e.stopPropagation()},$=function(e){return I&&I.current&&!(I.current.isSameNode(e.target)||I.current.contains(e.target))},q=function(){W(),H()},B=function(){A(),T()};u((function(){d.global&&j()})),r((function(){h?(y(!1),O(!1),C(!0)):E||h||!w||Z(k.current)}),[E]),i((function(){f.clear(I.current)})),e.useImperativeHandle(p,(function(){return{props:d,show:Z,hide:_,getElement:function(){return I.current}}}));var F,G,K=(F=N.getOtherProps(d),G=s("p-contextmenu p-component",d.className,{"p-input-filled":"filled"===t.inputStyle,"p-ripple-disabled":!1===t.ripple}),e.createElement(n,{nodeRef:I,classNames:"p-contextmenu",in:h,timeout:{enter:250,exit:0},options:d.transitionOptions,unmountOnExit:!0,onEnter:X,onEntered:J,onExit:V,onExited:Y},e.createElement("div",g({ref:I,id:d.id,className:G,style:d.style},F,{onClick:D,onMouseEnter:R}),e.createElement(P,{menuProps:d,model:d.model,root:!0,resetMenu:w,onLeafClick:U}))));return e.createElement(a,{element:K,appendTo:d.appendTo})})));O.displayName="ContextMenu";export{O as ContextMenu};

package/contextmenu/contextmenu.js

@@ -58,9 +58,7 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransiti
         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) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -76,9 +74,7 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransiti
 
   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];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -99,6 +95,30 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransiti
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  var ContextMenuBase = {
+    defaultProps: {
+      __TYPE: 'ContextMenu',
+      id: null,
+      model: null,
+      style: null,
+      className: null,
+      global: false,
+      autoZIndex: true,
+      baseZIndex: 0,
+      appendTo: null,
+      transitionOptions: null,
+      onShow: null,
+      onHide: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, ContextMenuBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, ContextMenuBase.defaultProps);
+    }
+  };
+
   var ContextMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState(null),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -266,7 +286,8 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransiti
   });
   ContextMenuSub.displayName = 'ContextMenuSub';
 
-  var ContextMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var ContextMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = ContextMenuBase.getProps(inProps);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],
@@ -425,8 +446,11 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransiti
       };
     });
     var createContextMenu = function createContextMenu() {
-      var otherProps = utils.ObjectUtils.findDiffKeys(props, ContextMenu.defaultProps);
-      var className = utils.classNames('p-contextmenu p-component', props.className);
+      var otherProps = ContextMenuBase.getOtherProps(props);
+      var className = utils.classNames('p-contextmenu p-component', props.className, {
+        'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+      });
       return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
         nodeRef: menuRef,
         classNames: "p-contextmenu",
@@ -464,20 +488,6 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransiti
     });
   }));
   ContextMenu.displayName = 'ContextMenu';
-  ContextMenu.defaultProps = {
-    __TYPE: 'ContextMenu',
-    id: null,
-    model: null,
-    style: null,
-    className: null,
-    global: false,
-    autoZIndex: true,
-    baseZIndex: 0,
-    appendTo: null,
-    transitionOptions: null,
-    onShow: null,
-    onHide: null
-  };
 
   exports.ContextMenu = ContextMenu;
 

package/contextmenu/contextmenu.min.js

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

package/contextmenu/package.json

@@ -2,5 +2,6 @@
     "main": "./contextmenu.cjs.js",
     "module": "./contextmenu.esm.js",
     "unpkg": "./contextmenu.min.js",
-    "types": "./contextmenu.d.ts"
+    "types": "./contextmenu.d.ts",
+    "sideEffects": false
 }