primereact 9.4.0 → 9.6.0

package/menu/menu.esm.js

@@ -1,24 +1,51 @@
 import * as React from 'react';
-import PrimeReact from 'primereact/api';
+import PrimeReact, { PrimeReactContext } from 'primereact/api';
 import { CSSTransition } from 'primereact/csstransition';
 import { useOverlayListener, useUnmountEffect } from 'primereact/hooks';
 import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
-import { ObjectUtils, ZIndexUtils, classNames, DomHandler, IconUtils } from 'primereact/utils';
+import { ZIndexUtils, classNames, mergeProps, DomHandler, IconUtils, ObjectUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 
-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);
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  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 _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
 }
 
 function _arrayWithHoles(arr) {
@@ -76,12 +103,13 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var MenuBase = {
+var MenuBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Menu',
     id: null,
     model: null,
     popup: false,
+    popupAlignment: 'left',
     style: null,
     className: null,
     autoZIndex: true,
@@ -91,21 +119,25 @@ var MenuBase = {
     onShow: null,
     onHide: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, MenuBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, MenuBase.defaultProps);
   }
-};
+});
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = MenuBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = MenuBase.getProps(inProps, context);
   var _React$useState = React.useState(!props.popup),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
     setVisibleState = _React$useState2[1];
+  var _MenuBase$setMetaData = MenuBase.setMetaData({
+      props: props,
+      state: {
+        visible: visibleState
+      }
+    }),
+    ptm = _MenuBase$setMetaData.ptm;
   var menuRef = React.useRef(null);
   var targetRef = React.useRef(null);
   var _useOverlayListener = useOverlayListener({
@@ -188,8 +220,8 @@ var Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
     props.onHide && props.onHide(event);
   };
   var onEnter = function onEnter() {
-    ZIndexUtils.set('menu', menuRef.current, PrimeReact.autoZIndex, props.baseZIndex || PrimeReact.zIndex['menu']);
-    DomHandler.absolutePosition(menuRef.current, targetRef.current);
+    ZIndexUtils.set('menu', menuRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, props.baseZIndex || context && context.zIndex['menu'] || PrimeReact.zIndex['menu']);
+    DomHandler.absolutePosition(menuRef.current, targetRef.current, props.popupAlignment);
   };
   var onEntered = function onEntered() {
     bindOverlayListener();
@@ -224,21 +256,23 @@ var Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
       'p-disabled': submenu.disabled
     }, submenu.className);
     var items = submenu.items.map(createMenuItem);
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: key
-    }, /*#__PURE__*/React.createElement("li", {
+    var submenuHeaderProps = mergeProps({
       className: className,
       style: submenu.style,
-      role: "presentation"
-    }, submenu.label), items);
+      role: 'presentation'
+    }, ptm('submenuHeader'));
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: key
+    }, /*#__PURE__*/React.createElement("li", submenuHeaderProps, submenu.label), items);
   };
   var createSeparator = function createSeparator(index) {
     var key = 'separator_' + index;
-    return /*#__PURE__*/React.createElement("li", {
+    var separatorProps = mergeProps({
       key: key,
-      className: "p-menu-separator",
-      role: "separator"
-    });
+      className: 'p-menu-separator',
+      role: 'separator'
+    }, ptm('separator'));
+    return /*#__PURE__*/React.createElement("li", separatorProps);
   };
   var createMenuItem = function createMenuItem(item, index) {
     if (item.visible === false) {
@@ -249,20 +283,22 @@ var Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
       'p-disabled': item.disabled
     });
     var iconClassName = classNames('p-menuitem-icon', item.icon);
-    var icon = IconUtils.getJSXIcon(item.icon, {
+    var iconProps = mergeProps({
       className: 'p-menuitem-icon'
-    }, {
+    }, ptm('icon'));
+    var icon = IconUtils.getJSXIcon(item.icon, _objectSpread({}, iconProps), {
       props: props
     });
-    var label = item.label && /*#__PURE__*/React.createElement("span", {
-      className: "p-menuitem-text"
-    }, item.label);
+    var labelProps = mergeProps({
+      className: 'p-menuitem-text'
+    }, ptm('label'));
+    var label = item.label && /*#__PURE__*/React.createElement("span", labelProps, item.label);
     var tabIndex = item.disabled ? null : 0;
     var key = item.label + '_' + index;
-    var content = /*#__PURE__*/React.createElement("a", {
+    var actionProps = mergeProps({
       href: item.url || '#',
       className: linkClassName,
-      role: "menuitem",
+      role: 'menuitem',
       target: item.target,
       onClick: function onClick(event) {
         return onItemClick(event, item);
@@ -271,8 +307,9 @@ var Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
         return onItemKeyDown(event);
       },
       tabIndex: tabIndex,
-      "aria-disabled": item.disabled
-    }, icon, label);
+      'aria-disabled': item.disabled
+    }, ptm('action'));
+    var content = /*#__PURE__*/React.createElement("a", actionProps, icon, label);
     if (item.template) {
       var defaultContentOptions = {
         onClick: function onClick(event) {
@@ -290,12 +327,13 @@ var Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
       };
       content = ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
-    return /*#__PURE__*/React.createElement("li", {
+    var menuitemProps = mergeProps({
       key: key,
       className: className,
       style: item.style,
-      role: "none"
-    }, content);
+      role: 'none'
+    }, ptm('menuitem'));
+    return /*#__PURE__*/React.createElement("li", menuitemProps, content);
   };
   var createItem = function createItem(item, index) {
     return item.separator ? createSeparator(index) : item.items ? createSubmenu(item, index) : createMenuItem(item, index);
@@ -305,13 +343,25 @@ var Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
   };
   var createElement = function createElement() {
     if (props.model) {
-      var otherProps = MenuBase.getOtherProps(props);
       var className = classNames('p-menu p-component', {
         'p-menu-overlay': props.popup,
-        'p-input-filled': PrimeReact.inputStyle === 'filled',
-        'p-ripple-disabled': PrimeReact.ripple === false
+        'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact.inputStyle === 'filled',
+        'p-ripple-disabled': context && context.ripple === false || PrimeReact.ripple === false
       }, props.className);
       var menuitems = createMenu();
+      var rootProps = mergeProps({
+        ref: menuRef,
+        id: props.id,
+        className: className,
+        style: props.style,
+        onClick: function onClick(e) {
+          return onPanelClick(e);
+        }
+      }, MenuBase.getOtherProps(props), ptm('root'));
+      var menuProps = mergeProps({
+        className: 'p-menu-list p-reset',
+        role: 'menu'
+      }, ptm('menu'));
       return /*#__PURE__*/React.createElement(CSSTransition, {
         nodeRef: menuRef,
         classNames: "p-connected-overlay",
@@ -326,17 +376,7 @@ var Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
         onEntered: onEntered,
         onExit: onExit,
         onExited: onExited
-      }, /*#__PURE__*/React.createElement("div", _extends({
-        ref: menuRef,
-        id: props.id,
-        className: className,
-        style: props.style
-      }, otherProps, {
-        onClick: onPanelClick
-      }), /*#__PURE__*/React.createElement("ul", {
-        className: "p-menu-list p-reset",
-        role: "menu"
-      }, menuitems)));
+      }, /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("ul", menuProps, menuitems)));
     }
     return null;
   };

package/menu/menu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useOverlayListener as r,useUnmountEffect as a}from"primereact/hooks";import{OverlayService as l}from"primereact/overlayservice";import{Portal as o}from"primereact/portal";import{ObjectUtils as i,ZIndexUtils as u,classNames as s,DomHandler as c,IconUtils as p}from"primereact/utils";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 d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],u=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){s=!0,a=e}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}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 v(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 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)||d(e,t)||v(e,t)||y()}var h={defaultProps:{__TYPE:"Menu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return i.getMergedProps(e,h.defaultProps)},getOtherProps:function(e){return i.getDiffProps(e,h.defaultProps)}},E=e.memo(e.forwardRef((function(f,d){var b=h.getProps(f),v=g(e.useState(!b.popup),2),y=v[0],E=v[1],N=e.useRef(null),x=e.useRef(null),w=g(r({target:x,overlay:N,listener:function(e,t){t.valid&&A(e)},when:y}),2),S=w[0],O=w[1],I=function(e){b.popup&&l.emit("overlay-click",{originalEvent:e,target:x.current})},P=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),b.popup&&A(e))},k=function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:var r=C(n);r&&r.children[0].focus(),e.preventDefault();break;case 38:var a=T(n);a&&a.children[0].focus(),e.preventDefault()}},C=function e(t){var n=t.nextElementSibling;return n?c.hasClass(n,"p-disabled")||!c.hasClass(n,"p-menuitem")?e(n):n:null},T=function e(t){var n=t.previousElementSibling;return n?c.hasClass(n,"p-disabled")||!c.hasClass(n,"p-menuitem")?e(n):n:null},j=function(e){b.popup&&(y?A(e):D(e))},D=function(e){x.current=e.currentTarget,E(!0),b.onShow&&b.onShow(e)},A=function(e){x.current=e.currentTarget,E(!1),b.onHide&&b.onHide(e)},_=function(){u.set("menu",N.current,t.autoZIndex,b.baseZIndex||t.zIndex.menu),c.absolutePosition(N.current,x.current)},H=function(){S()},M=function(){x.current=null,O()},R=function(){u.clear(N.current)};a((function(){u.clear(N.current)})),e.useImperativeHandle(d,(function(){return{props:b,toggle:j,show:D,hide:A,getElement:function(){return N.current},getTarget:function(){return x.current}}}));var Z=function(t,n){var r=t.label+"_"+n,a=s("p-submenu-header",{"p-disabled":t.disabled},t.className),l=t.items.map(K);return e.createElement(e.Fragment,{key:r},e.createElement("li",{className:a,style:t.style,role:"presentation"},t.label),l)},J=function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator",role:"separator"})},K=function(t,n){if(!1===t.visible)return null;var r=s("p-menuitem",t.className),a=s("p-menuitem-link",{"p-disabled":t.disabled}),l=s("p-menuitem-icon",t.icon),o=p.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:b}),u=t.disabled?null:0,c=t.label+"_"+n,m=e.createElement("a",{href:t.url||"#",className:a,role:"menuitem",target:t.target,onClick:function(e){return P(e,t)},onKeyDown:function(e){return k(e)},tabIndex:u,"aria-disabled":t.disabled},o,t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label));t.template&&(m=i.getJSXElement(t.template,t,{onClick:function(e){return P(e,t)},onKeyDown:function(e){return k(e)},className:a,tabIndex:u,labelClassName:"p-menuitem-text",iconClassName:l,element:m,props:b}));return e.createElement("li",{key:c,className:r,style:t.style,role:"none"},m)},X=function(e,t){return e.separator?J(t):e.items?Z(e,t):K(e,t)},z=function(){if(b.model){var r=h.getOtherProps(b),a=s("p-menu p-component",{"p-menu-overlay":b.popup,"p-input-filled":"filled"===t.inputStyle,"p-ripple-disabled":!1===t.ripple},b.className),l=b.model.map(X);return e.createElement(n,{nodeRef:N,classNames:"p-connected-overlay",in:y,timeout:{enter:120,exit:100},options:b.transitionOptions,unmountOnExit:!0,onEnter:_,onEntered:H,onExit:M,onExited:R},e.createElement("div",m({ref:N,id:b.id,className:a,style:b.style},r,{onClick:I}),e.createElement("ul",{className:"p-menu-list p-reset",role:"menu"},l)))}return null}();return b.popup?e.createElement(o,{element:z,appendTo:b.appendTo}):z})));E.displayName="Menu";export{E as Menu};
+import*as e from"react";import t,{PrimeReactContext as n}from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useOverlayListener as o,useUnmountEffect as l}from"primereact/hooks";import{OverlayService as i}from"primereact/overlayservice";import{Portal as a}from"primereact/portal";import{ZIndexUtils as u,classNames as c,mergeProps as p,DomHandler as s,IconUtils as m,ObjectUtils as f}from"primereact/utils";import{ComponentBase as d}from"primereact/componentbase";function b(e){return b="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},b(e)}function y(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=y(e,"string");return"symbol"===b(t)?t:String(t)}function g(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e){if(Array.isArray(e))return e}function E(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function O(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 S(e,t){if(e){if("string"==typeof e)return O(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)?O(e,t):void 0}}function w(){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 h(e)||E(e,t)||S(e,t)||w()}var j=d.extend({defaultProps:{__TYPE:"Menu",id:null,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null,children:void 0}});function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var I=e.memo(e.forwardRef((function(d,b){var y=e.useContext(n),v=j.getProps(d,y),g=x(e.useState(!v.popup),2),h=g[0],E=g[1],O=j.setMetaData({props:v,state:{visible:h}}).ptm,S=e.useRef(null),w=e.useRef(null),N=x(o({target:w,overlay:S,listener:function(e,t){t.valid&&_(e)},when:h}),2),I=N[0],k=N[1],C=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),v.popup&&_(e))},D=function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:var r=T(n);r&&r.children[0].focus(),e.preventDefault();break;case 38:var o=A(n);o&&o.children[0].focus(),e.preventDefault()}},T=function e(t){var n=t.nextElementSibling;return n?s.hasClass(n,"p-disabled")||!s.hasClass(n,"p-menuitem")?e(n):n:null},A=function e(t){var n=t.previousElementSibling;return n?s.hasClass(n,"p-disabled")||!s.hasClass(n,"p-menuitem")?e(n):n:null},H=function(e){v.popup&&(h?_(e):Z(e))},Z=function(e){w.current=e.currentTarget,E(!0),v.onShow&&v.onShow(e)},_=function(e){w.current=e.currentTarget,E(!1),v.onHide&&v.onHide(e)},M=function(){u.set("menu",S.current,y&&y.autoZIndex||t.autoZIndex,v.baseZIndex||y&&y.zIndex.menu||t.zIndex.menu),s.absolutePosition(S.current,w.current,v.popupAlignment)},R=function(){I()},z=function(){w.current=null,k()},J=function(){u.clear(S.current)};l((function(){u.clear(S.current)})),e.useImperativeHandle(b,(function(){return{props:v,toggle:H,show:Z,hide:_,getElement:function(){return S.current},getTarget:function(){return w.current}}}));var K=function(t,n){var r=t.label+"_"+n,o=c("p-submenu-header",{"p-disabled":t.disabled},t.className),l=t.items.map(F),i=p({className:o,style:t.style,role:"presentation"},O("submenuHeader"));return e.createElement(e.Fragment,{key:r},e.createElement("li",i,t.label),l)},X=function(t){var n=p({key:"separator_"+t,className:"p-menu-separator",role:"separator"},O("separator"));return e.createElement("li",n)},F=function(t,n){if(!1===t.visible)return null;var r=c("p-menuitem",t.className),o=c("p-menuitem-link",{"p-disabled":t.disabled}),l=c("p-menuitem-icon",t.icon),i=p({className:"p-menuitem-icon"},O("icon")),a=m.getJSXIcon(t.icon,P({},i),{props:v}),u=p({className:"p-menuitem-text"},O("label")),s=t.label&&e.createElement("span",u,t.label),d=t.disabled?null:0,b=t.label+"_"+n,y=p({href:t.url||"#",className:o,role:"menuitem",target:t.target,onClick:function(e){return C(e,t)},onKeyDown:function(e){return D(e)},tabIndex:d,"aria-disabled":t.disabled},O("action")),g=e.createElement("a",y,a,s);t.template&&(g=f.getJSXElement(t.template,t,{onClick:function(e){return C(e,t)},onKeyDown:function(e){return D(e)},className:o,tabIndex:d,labelClassName:"p-menuitem-text",iconClassName:l,element:g,props:v}));var h=p({key:b,className:r,style:t.style,role:"none"},O("menuitem"));return e.createElement("li",h,g)},U=function(e,t){return e.separator?X(t):e.items?K(e,t):F(e,t)},Y=function(){if(v.model){var n=c("p-menu p-component",{"p-menu-overlay":v.popup,"p-input-filled":y&&"filled"===y.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":y&&!1===y.ripple||!1===t.ripple},v.className),o=v.model.map(U),l=p({ref:S,id:v.id,className:n,style:v.style,onClick:function(e){return t=e,void(v.popup&&i.emit("overlay-click",{originalEvent:t,target:w.current}));var t}},j.getOtherProps(v),O("root")),a=p({className:"p-menu-list p-reset",role:"menu"},O("menu"));return e.createElement(r,{nodeRef:S,classNames:"p-connected-overlay",in:h,timeout:{enter:120,exit:100},options:v.transitionOptions,unmountOnExit:!0,onEnter:M,onEntered:R,onExit:z,onExited:J},e.createElement("div",l,e.createElement("ul",a,o)))}return null}();return v.popup?e.createElement(a,{element:Y,appendTo:v.appendTo}):Y})));I.displayName="Menu";export{I as Menu};

package/menu/menu.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.menu = (function (exports, React, PrimeReact, csstransition, hooks, overlayservice, portal, utils) {
+this.primereact.menu = (function (exports, React, PrimeReact, csstransition, hooks, overlayservice, portal, utils, componentbase) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,19 +25,45 @@ this.primereact.menu = (function (exports, React, PrimeReact, csstransition, hoo
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
-  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);
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    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 _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
   }
 
   function _arrayWithHoles(arr) {
@@ -95,12 +121,13 @@ this.primereact.menu = (function (exports, React, PrimeReact, csstransition, hoo
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var MenuBase = {
+  var MenuBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Menu',
       id: null,
       model: null,
       popup: false,
+      popupAlignment: 'left',
       style: null,
       className: null,
       autoZIndex: true,
@@ -110,21 +137,25 @@ this.primereact.menu = (function (exports, React, PrimeReact, csstransition, hoo
       onShow: null,
       onHide: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, MenuBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, MenuBase.defaultProps);
     }
-  };
+  });
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Menu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = MenuBase.getProps(inProps);
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+    var props = MenuBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(!props.popup),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],
       setVisibleState = _React$useState2[1];
+    var _MenuBase$setMetaData = MenuBase.setMetaData({
+        props: props,
+        state: {
+          visible: visibleState
+        }
+      }),
+      ptm = _MenuBase$setMetaData.ptm;
     var menuRef = React__namespace.useRef(null);
     var targetRef = React__namespace.useRef(null);
     var _useOverlayListener = hooks.useOverlayListener({
@@ -207,8 +238,8 @@ this.primereact.menu = (function (exports, React, PrimeReact, csstransition, hoo
       props.onHide && props.onHide(event);
     };
     var onEnter = function onEnter() {
-      utils.ZIndexUtils.set('menu', menuRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['menu']);
-      utils.DomHandler.absolutePosition(menuRef.current, targetRef.current);
+      utils.ZIndexUtils.set('menu', menuRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex['menu'] || PrimeReact__default["default"].zIndex['menu']);
+      utils.DomHandler.absolutePosition(menuRef.current, targetRef.current, props.popupAlignment);
     };
     var onEntered = function onEntered() {
       bindOverlayListener();
@@ -243,21 +274,23 @@ this.primereact.menu = (function (exports, React, PrimeReact, csstransition, hoo
         'p-disabled': submenu.disabled
       }, submenu.className);
       var items = submenu.items.map(createMenuItem);
-      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
-        key: key
-      }, /*#__PURE__*/React__namespace.createElement("li", {
+      var submenuHeaderProps = utils.mergeProps({
         className: className,
         style: submenu.style,
-        role: "presentation"
-      }, submenu.label), items);
+        role: 'presentation'
+      }, ptm('submenuHeader'));
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+        key: key
+      }, /*#__PURE__*/React__namespace.createElement("li", submenuHeaderProps, submenu.label), items);
     };
     var createSeparator = function createSeparator(index) {
       var key = 'separator_' + index;
-      return /*#__PURE__*/React__namespace.createElement("li", {
+      var separatorProps = utils.mergeProps({
         key: key,
-        className: "p-menu-separator",
-        role: "separator"
-      });
+        className: 'p-menu-separator',
+        role: 'separator'
+      }, ptm('separator'));
+      return /*#__PURE__*/React__namespace.createElement("li", separatorProps);
     };
     var createMenuItem = function createMenuItem(item, index) {
       if (item.visible === false) {
@@ -268,20 +301,22 @@ this.primereact.menu = (function (exports, React, PrimeReact, csstransition, hoo
         'p-disabled': item.disabled
       });
       var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
-      var icon = utils.IconUtils.getJSXIcon(item.icon, {
+      var iconProps = utils.mergeProps({
         className: 'p-menuitem-icon'
-      }, {
+      }, ptm('icon'));
+      var icon = utils.IconUtils.getJSXIcon(item.icon, _objectSpread({}, iconProps), {
         props: props
       });
-      var label = item.label && /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-menuitem-text"
-      }, item.label);
+      var labelProps = utils.mergeProps({
+        className: 'p-menuitem-text'
+      }, ptm('label'));
+      var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
       var tabIndex = item.disabled ? null : 0;
       var key = item.label + '_' + index;
-      var content = /*#__PURE__*/React__namespace.createElement("a", {
+      var actionProps = utils.mergeProps({
         href: item.url || '#',
         className: linkClassName,
-        role: "menuitem",
+        role: 'menuitem',
         target: item.target,
         onClick: function onClick(event) {
           return onItemClick(event, item);
@@ -290,8 +325,9 @@ this.primereact.menu = (function (exports, React, PrimeReact, csstransition, hoo
           return onItemKeyDown(event);
         },
         tabIndex: tabIndex,
-        "aria-disabled": item.disabled
-      }, icon, label);
+        'aria-disabled': item.disabled
+      }, ptm('action'));
+      var content = /*#__PURE__*/React__namespace.createElement("a", actionProps, icon, label);
       if (item.template) {
         var defaultContentOptions = {
           onClick: function onClick(event) {
@@ -309,12 +345,13 @@ this.primereact.menu = (function (exports, React, PrimeReact, csstransition, hoo
         };
         content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
       }
-      return /*#__PURE__*/React__namespace.createElement("li", {
+      var menuitemProps = utils.mergeProps({
         key: key,
         className: className,
         style: item.style,
-        role: "none"
-      }, content);
+        role: 'none'
+      }, ptm('menuitem'));
+      return /*#__PURE__*/React__namespace.createElement("li", menuitemProps, content);
     };
     var createItem = function createItem(item, index) {
       return item.separator ? createSeparator(index) : item.items ? createSubmenu(item, index) : createMenuItem(item, index);
@@ -324,13 +361,25 @@ this.primereact.menu = (function (exports, React, PrimeReact, csstransition, hoo
     };
     var createElement = function createElement() {
       if (props.model) {
-        var otherProps = MenuBase.getOtherProps(props);
         var className = utils.classNames('p-menu p-component', {
           'p-menu-overlay': props.popup,
-          'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
-          'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+          'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
+          'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
         }, props.className);
         var menuitems = createMenu();
+        var rootProps = utils.mergeProps({
+          ref: menuRef,
+          id: props.id,
+          className: className,
+          style: props.style,
+          onClick: function onClick(e) {
+            return onPanelClick(e);
+          }
+        }, MenuBase.getOtherProps(props), ptm('root'));
+        var menuProps = utils.mergeProps({
+          className: 'p-menu-list p-reset',
+          role: 'menu'
+        }, ptm('menu'));
         return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
           nodeRef: menuRef,
           classNames: "p-connected-overlay",
@@ -345,17 +394,7 @@ this.primereact.menu = (function (exports, React, PrimeReact, csstransition, hoo
           onEntered: onEntered,
           onExit: onExit,
           onExited: onExited
-        }, /*#__PURE__*/React__namespace.createElement("div", _extends({
-          ref: menuRef,
-          id: props.id,
-          className: className,
-          style: props.style
-        }, otherProps, {
-          onClick: onPanelClick
-        }), /*#__PURE__*/React__namespace.createElement("ul", {
-          className: "p-menu-list p-reset",
-          role: "menu"
-        }, menuitems)));
+        }, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("ul", menuProps, menuitems)));
       }
       return null;
     };
@@ -373,4 +412,4 @@ this.primereact.menu = (function (exports, React, PrimeReact, csstransition, hoo
 
   return exports;
 
-})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.overlayservice, primereact.portal, primereact.utils);
+})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.overlayservice, primereact.portal, primereact.utils, primereact.componentbase);

package/menu/menu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.menu=function(e,t,n,r,a,l,i,o){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=s(t),p=u(n);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 d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,i,o=[],u=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(o.push(r.value),o.length!==t);u=!0);}catch(e){s=!0,a=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return o}}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 v(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 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)||d(e,t)||v(e,t)||y()}var h={defaultProps:{__TYPE:"Menu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return o.ObjectUtils.getMergedProps(e,h.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,h.defaultProps)}},E=c.memo(c.forwardRef((function(e,t){var n=h.getProps(e),u=g(c.useState(!n.popup),2),s=u[0],f=u[1],d=c.useRef(null),b=c.useRef(null),v=g(a.useOverlayListener({target:b,overlay:d,listener:function(e,t){t.valid&&P(e)},when:s}),2),y=v[0],E=v[1],O=function(e){n.popup&&l.OverlayService.emit("overlay-click",{originalEvent:e,target:b.current})},N=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),n.popup&&P(e))},j=function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:var r=x(n);r&&r.children[0].focus(),e.preventDefault();break;case 38:var a=S(n);a&&a.children[0].focus(),e.preventDefault()}},x=function e(t){var n=t.nextElementSibling;return n?o.DomHandler.hasClass(n,"p-disabled")||!o.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},S=function e(t){var n=t.previousElementSibling;return n?o.DomHandler.hasClass(n,"p-disabled")||!o.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},w=function(e){n.popup&&(s?P(e):I(e))},I=function(e){b.current=e.currentTarget,f(!0),n.onShow&&n.onShow(e)},P=function(e){b.current=e.currentTarget,f(!1),n.onHide&&n.onHide(e)},D=function(){o.ZIndexUtils.set("menu",d.current,p.default.autoZIndex,n.baseZIndex||p.default.zIndex.menu),o.DomHandler.absolutePosition(d.current,b.current)},k=function(){y()},C=function(){b.current=null,E()},T=function(){o.ZIndexUtils.clear(d.current)};a.useUnmountEffect((function(){o.ZIndexUtils.clear(d.current)})),c.useImperativeHandle(t,(function(){return{props:n,toggle:w,show:I,hide:P,getElement:function(){return d.current},getTarget:function(){return b.current}}}));var H=function(e,t){var n=e.label+"_"+t,r=o.classNames("p-submenu-header",{"p-disabled":e.disabled},e.className),a=e.items.map(_);return c.createElement(c.Fragment,{key:n},c.createElement("li",{className:r,style:e.style,role:"presentation"},e.label),a)},U=function(e){return c.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},_=function(e,t){if(!1===e.visible)return null;var r=o.classNames("p-menuitem",e.className),a=o.classNames("p-menuitem-link",{"p-disabled":e.disabled}),l=o.classNames("p-menuitem-icon",e.icon),i=o.IconUtils.getJSXIcon(e.icon,{className:"p-menuitem-icon"},{props:n}),u=e.disabled?null:0,s=e.label+"_"+t,p=c.createElement("a",{href:e.url||"#",className:a,role:"menuitem",target:e.target,onClick:function(t){return N(t,e)},onKeyDown:function(e){return j(e)},tabIndex:u,"aria-disabled":e.disabled},i,e.label&&c.createElement("span",{className:"p-menuitem-text"},e.label));e.template&&(p=o.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return N(t,e)},onKeyDown:function(e){return j(e)},className:a,tabIndex:u,labelClassName:"p-menuitem-text",iconClassName:l,element:p,props:n}));return c.createElement("li",{key:s,className:r,style:e.style,role:"none"},p)},M=function(e,t){return e.separator?U(t):e.items?H(e,t):_(e,t)},Z=function(){if(n.model){var e=h.getOtherProps(n),t=o.classNames("p-menu p-component",{"p-menu-overlay":n.popup,"p-input-filled":"filled"===p.default.inputStyle,"p-ripple-disabled":!1===p.default.ripple},n.className),a=n.model.map(M);return c.createElement(r.CSSTransition,{nodeRef:d,classNames:"p-connected-overlay",in:s,timeout:{enter:120,exit:100},options:n.transitionOptions,unmountOnExit:!0,onEnter:D,onEntered:k,onExit:C,onExited:T},c.createElement("div",m({ref:d,id:n.id,className:t,style:n.style},e,{onClick:O}),c.createElement("ul",{className:"p-menu-list p-reset",role:"menu"},a)))}return null}();return n.popup?c.createElement(i.Portal,{element:Z,appendTo:n.appendTo}):Z})));return E.displayName="Menu",e.Menu=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.menu=function(e,t,n,r,o,a,l,i,u){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=s(t),m=c(n);function f(e){return f="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},f(e)}function d(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=d(e,"string");return"symbol"===f(t)?t:String(t)}function y(e,t,n){return(t=b(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(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,a,l,i=[],u=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw o}}return i}}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 O(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 P(e,t){return v(e)||g(e,t)||O(e,t)||E()}var S=u.ComponentBase.extend({defaultProps:{__TYPE:"Menu",id:null,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null,children:void 0}});function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=p.memo(p.forwardRef((function(e,t){var u=p.useContext(n.PrimeReactContext),c=S.getProps(e,u),s=P(p.useState(!c.popup),2),f=s[0],d=s[1],b=S.setMetaData({props:c,state:{visible:f}}).ptm,y=p.useRef(null),v=p.useRef(null),g=P(o.useOverlayListener({target:v,overlay:y,listener:function(e,t){t.valid&&C(e)},when:f}),2),h=g[0],O=g[1],E=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),c.popup&&C(e))},j=function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:var r=x(n);r&&r.children[0].focus(),e.preventDefault();break;case 38:var o=N(n);o&&o.children[0].focus(),e.preventDefault()}},x=function e(t){var n=t.nextElementSibling;return n?i.DomHandler.hasClass(n,"p-disabled")||!i.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},N=function e(t){var n=t.previousElementSibling;return n?i.DomHandler.hasClass(n,"p-disabled")||!i.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},I=function(e){c.popup&&(f?C(e):D(e))},D=function(e){v.current=e.currentTarget,d(!0),c.onShow&&c.onShow(e)},C=function(e){v.current=e.currentTarget,d(!1),c.onHide&&c.onHide(e)},k=function(){i.ZIndexUtils.set("menu",y.current,u&&u.autoZIndex||m.default.autoZIndex,c.baseZIndex||u&&u.zIndex.menu||m.default.zIndex.menu),i.DomHandler.absolutePosition(y.current,v.current,c.popupAlignment)},T=function(){h()},H=function(){v.current=null,O()},_=function(){i.ZIndexUtils.clear(y.current)};o.useUnmountEffect((function(){i.ZIndexUtils.clear(y.current)})),p.useImperativeHandle(t,(function(){return{props:c,toggle:I,show:D,hide:C,getElement:function(){return y.current},getTarget:function(){return v.current}}}));var A=function(e,t){var n=e.label+"_"+t,r=i.classNames("p-submenu-header",{"p-disabled":e.disabled},e.className),o=e.items.map(M),a=i.mergeProps({className:r,style:e.style,role:"presentation"},b("submenuHeader"));return p.createElement(p.Fragment,{key:n},p.createElement("li",a,e.label),o)},Z=function(e){var t=i.mergeProps({key:"separator_"+e,className:"p-menu-separator",role:"separator"},b("separator"));return p.createElement("li",t)},M=function(e,t){if(!1===e.visible)return null;var n=i.classNames("p-menuitem",e.className),r=i.classNames("p-menuitem-link",{"p-disabled":e.disabled}),o=i.classNames("p-menuitem-icon",e.icon),a=i.mergeProps({className:"p-menuitem-icon"},b("icon")),l=i.IconUtils.getJSXIcon(e.icon,w({},a),{props:c}),u=i.mergeProps({className:"p-menuitem-text"},b("label")),s=e.label&&p.createElement("span",u,e.label),m=e.disabled?null:0,f=e.label+"_"+t,d=i.mergeProps({href:e.url||"#",className:r,role:"menuitem",target:e.target,onClick:function(t){return E(t,e)},onKeyDown:function(e){return j(e)},tabIndex:m,"aria-disabled":e.disabled},b("action")),y=p.createElement("a",d,l,s);e.template&&(y=i.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return E(t,e)},onKeyDown:function(e){return j(e)},className:r,tabIndex:m,labelClassName:"p-menuitem-text",iconClassName:o,element:y,props:c}));var v=i.mergeProps({key:f,className:n,style:e.style,role:"none"},b("menuitem"));return p.createElement("li",v,y)},U=function(e,t){return e.separator?Z(t):e.items?A(e,t):M(e,t)},R=function(){if(c.model){var e=i.classNames("p-menu p-component",{"p-menu-overlay":c.popup,"p-input-filled":u&&"filled"===u.inputStyle||"filled"===m.default.inputStyle,"p-ripple-disabled":u&&!1===u.ripple||!1===m.default.ripple},c.className),t=c.model.map(U),n=i.mergeProps({ref:y,id:c.id,className:e,style:c.style,onClick:function(e){return t=e,void(c.popup&&a.OverlayService.emit("overlay-click",{originalEvent:t,target:v.current}));var t}},S.getOtherProps(c),b("root")),o=i.mergeProps({className:"p-menu-list p-reset",role:"menu"},b("menu"));return p.createElement(r.CSSTransition,{nodeRef:y,classNames:"p-connected-overlay",in:f,timeout:{enter:120,exit:100},options:c.transitionOptions,unmountOnExit:!0,onEnter:k,onEntered:T,onExit:H,onExited:_},p.createElement("div",n,p.createElement("ul",o,t)))}return null}();return c.popup?p.createElement(l.Portal,{element:R,appendTo:c.appendTo}):R})));return x.displayName="Menu",e.Menu=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.componentbase);