primereact 9.3.1 → 9.5.0

package/menu/menu.esm.js

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