primereact 7.0.0-rc.2 → 7.2.0

package/menu/menu.js

@@ -1,10 +1,11 @@
 this.primereact = this.primereact || {};
-this.primereact.menu = (function (exports, React, core) {
+this.primereact.menu = (function (exports, React, utils, csstransition, overlayservice, portal, PrimeReact) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
   var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+  var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
   function _classCallCheck(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
@@ -25,6 +26,9 @@ this.primereact.menu = (function (exports, React, core) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -57,23 +61,20 @@ this.primereact.menu = (function (exports, React, core) {
         configurable: true
       }
     });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
     if (superClass) _setPrototypeOf(subClass, superClass);
   }
 
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function _typeof(obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function _typeof(obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-
-    return _typeof(obj);
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
   }
 
   function _possibleConstructorReturn(self, call) {
@@ -130,7 +131,7 @@ this.primereact.menu = (function (exports, React, core) {
       _this.onExit = _this.onExit.bind(_assertThisInitialized(_this));
       _this.onExited = _this.onExited.bind(_assertThisInitialized(_this));
       _this.onPanelClick = _this.onPanelClick.bind(_assertThisInitialized(_this));
-      _this.menuRef = /*#__PURE__*/React__default['default'].createRef();
+      _this.menuRef = /*#__PURE__*/React__default["default"].createRef();
       return _this;
     }
 
@@ -138,7 +139,7 @@ this.primereact.menu = (function (exports, React, core) {
       key: "onPanelClick",
       value: function onPanelClick(event) {
         if (this.props.popup) {
-          core.OverlayService.emit('overlay-click', {
+          overlayservice.OverlayService.emit('overlay-click', {
             originalEvent: event,
             target: this.target
           });
@@ -200,13 +201,13 @@ this.primereact.menu = (function (exports, React, core) {
       key: "findNextItem",
       value: function findNextItem(item) {
         var nextItem = item.nextElementSibling;
-        if (nextItem) return core.DomHandler.hasClass(nextItem, 'p-disabled') || !core.DomHandler.hasClass(nextItem, 'p-menuitem') ? this.findNextItem(nextItem) : nextItem;else return null;
+        if (nextItem) return utils.DomHandler.hasClass(nextItem, 'p-disabled') || !utils.DomHandler.hasClass(nextItem, 'p-menuitem') ? this.findNextItem(nextItem) : nextItem;else return null;
       }
     }, {
       key: "findPrevItem",
       value: function findPrevItem(item) {
         var prevItem = item.previousElementSibling;
-        if (prevItem) return core.DomHandler.hasClass(prevItem, 'p-disabled') || !core.DomHandler.hasClass(prevItem, 'p-menuitem') ? this.findPrevItem(prevItem) : prevItem;else return null;
+        if (prevItem) return utils.DomHandler.hasClass(prevItem, 'p-disabled') || !utils.DomHandler.hasClass(prevItem, 'p-menuitem') ? this.findPrevItem(prevItem) : prevItem;else return null;
       }
     }, {
       key: "toggle",
@@ -247,8 +248,8 @@ this.primereact.menu = (function (exports, React, core) {
     }, {
       key: "onEnter",
       value: function onEnter() {
-        core.ZIndexUtils.set('menu', this.menuRef.current, this.props.baseZIndex);
-        core.DomHandler.absolutePosition(this.menuRef.current, this.target);
+        utils.ZIndexUtils.set('menu', this.menuRef.current, PrimeReact__default["default"].autoZIndex, this.props.baseZIndex || PrimeReact__default["default"].zIndex['menu']);
+        utils.DomHandler.absolutePosition(this.menuRef.current, this.target);
       }
     }, {
       key: "onEntered",
@@ -266,7 +267,7 @@ this.primereact.menu = (function (exports, React, core) {
     }, {
       key: "onExited",
       value: function onExited() {
-        core.ZIndexUtils.clear(this.menuRef.current);
+        utils.ZIndexUtils.clear(this.menuRef.current);
       }
     }, {
       key: "bindDocumentListeners",
@@ -285,7 +286,7 @@ this.primereact.menu = (function (exports, React, core) {
 
         if (!this.documentResizeListener) {
           this.documentResizeListener = function (event) {
-            if (_this4.state.visible && !core.DomHandler.isAndroid()) {
+            if (_this4.state.visible && !utils.DomHandler.isTouchDevice()) {
               _this4.hide(event);
             }
           };
@@ -312,7 +313,7 @@ this.primereact.menu = (function (exports, React, core) {
         var _this5 = this;
 
         if (!this.scrollHandler) {
-          this.scrollHandler = new core.ConnectedOverlayScrollHandler(this.target, function (event) {
+          this.scrollHandler = new utils.ConnectedOverlayScrollHandler(this.target, function (event) {
             if (_this5.state.visible) {
               _this5.hide(event);
             }
@@ -343,22 +344,22 @@ this.primereact.menu = (function (exports, React, core) {
           this.scrollHandler = null;
         }
 
-        core.ZIndexUtils.clear(this.menuRef.current);
+        utils.ZIndexUtils.clear(this.menuRef.current);
       }
     }, {
       key: "renderSubmenu",
       value: function renderSubmenu(submenu, index) {
         var _this6 = this;
 
-        var className = core.classNames('p-submenu-header', {
+        var className = utils.classNames('p-submenu-header', {
           'p-disabled': submenu.disabled
         }, submenu.className);
         var items = submenu.items.map(function (item, index) {
           return _this6.renderMenuitem(item, index);
         });
-        return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, {
+        return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
           key: submenu.label + '_' + index
-        }, /*#__PURE__*/React__default['default'].createElement("li", {
+        }, /*#__PURE__*/React__default["default"].createElement("li", {
           className: className,
           style: submenu.style,
           role: "presentation",
@@ -368,7 +369,7 @@ this.primereact.menu = (function (exports, React, core) {
     }, {
       key: "renderSeparator",
       value: function renderSeparator(index) {
-        return /*#__PURE__*/React__default['default'].createElement("li", {
+        return /*#__PURE__*/React__default["default"].createElement("li", {
           key: 'separator_' + index,
           className: "p-menu-separator",
           role: "separator"
@@ -379,19 +380,19 @@ this.primereact.menu = (function (exports, React, core) {
       value: function renderMenuitem(item, index) {
         var _this7 = this;
 
-        var className = core.classNames('p-menuitem', item.className);
-        var linkClassName = core.classNames('p-menuitem-link', {
+        var className = utils.classNames('p-menuitem', item.className);
+        var linkClassName = utils.classNames('p-menuitem-link', {
           'p-disabled': item.disabled
         });
-        var iconClassName = core.classNames('p-menuitem-icon', item.icon);
-        var icon = item.icon && /*#__PURE__*/React__default['default'].createElement("span", {
+        var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
+        var icon = item.icon && /*#__PURE__*/React__default["default"].createElement("span", {
           className: iconClassName
         });
-        var label = item.label && /*#__PURE__*/React__default['default'].createElement("span", {
+        var label = item.label && /*#__PURE__*/React__default["default"].createElement("span", {
           className: "p-menuitem-text"
         }, item.label);
         var tabIndex = item.disabled ? null : 0;
-        var content = /*#__PURE__*/React__default['default'].createElement("a", {
+        var content = /*#__PURE__*/React__default["default"].createElement("a", {
           href: item.url || '#',
           className: linkClassName,
           role: "menuitem",
@@ -421,10 +422,10 @@ this.primereact.menu = (function (exports, React, core) {
             element: content,
             props: this.props
           };
-          content = core.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
+          content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
         }
 
-        return /*#__PURE__*/React__default['default'].createElement("li", {
+        return /*#__PURE__*/React__default["default"].createElement("li", {
           key: item.label + '_' + index,
           className: className,
           style: item.style,
@@ -453,14 +454,14 @@ this.primereact.menu = (function (exports, React, core) {
       key: "renderElement",
       value: function renderElement() {
         if (this.props.model) {
-          var className = core.classNames('p-menu p-component', this.props.className, {
+          var className = utils.classNames('p-menu p-component', this.props.className, {
             'p-menu-overlay': this.props.popup
           });
           var menuitems = this.renderMenu();
-          return /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+          return /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
             nodeRef: this.menuRef,
             classNames: "p-connected-overlay",
-            in: this.state.visible,
+            "in": this.state.visible,
             timeout: {
               enter: 120,
               exit: 100
@@ -471,13 +472,13 @@ this.primereact.menu = (function (exports, React, core) {
             onEntered: this.onEntered,
             onExit: this.onExit,
             onExited: this.onExited
-          }, /*#__PURE__*/React__default['default'].createElement("div", {
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
             ref: this.menuRef,
             id: this.props.id,
             className: className,
             style: this.props.style,
             onClick: this.onPanelClick
-          }, /*#__PURE__*/React__default['default'].createElement("ul", {
+          }, /*#__PURE__*/React__default["default"].createElement("ul", {
             className: "p-menu-list p-reset",
             role: "menu"
           }, menuitems)));
@@ -489,7 +490,7 @@ this.primereact.menu = (function (exports, React, core) {
       key: "render",
       value: function render() {
         var element = this.renderElement();
-        return this.props.popup ? /*#__PURE__*/React__default['default'].createElement(core.Portal, {
+        return this.props.popup ? /*#__PURE__*/React__default["default"].createElement(portal.Portal, {
           element: element,
           appendTo: this.props.appendTo
         }) : element;
@@ -519,4 +520,4 @@ this.primereact.menu = (function (exports, React, core) {
 
   return exports;
 
-}({}, React, primereact.core));
+})({}, React, primereact.utils, primereact.csstransition, primereact.overlayservice, primereact.portal, primereact.api);

package/menu/menu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.menu=function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(t);function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function l(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t){return(a=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&a(e,t)}function c(e){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return l(e)}function m(e){return(m=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function p(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var f,h,v,b=function(e){u(v,e);var t,r,a,c,f,h=(t=v,r=p(),function(){var e,n=m(t);if(r){var i=m(this).constructor;e=Reflect.construct(n,arguments,i)}else e=n.apply(this,arguments);return d(this,e)});function v(e){var t;return o(this,v),(t=h.call(this,e)).state={visible:!e.popup},t.onEnter=t.onEnter.bind(l(t)),t.onEntered=t.onEntered.bind(l(t)),t.onExit=t.onExit.bind(l(t)),t.onExited=t.onExited.bind(l(t)),t.onPanelClick=t.onPanelClick.bind(l(t)),t.menuRef=i.default.createRef(),t}return a=v,(c=[{key:"onPanelClick",value:function(e){this.props.popup&&n.OverlayService.emit("overlay-click",{originalEvent:e,target:this.target})}},{key:"onItemClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),this.props.popup&&this.hide(e))}},{key:"onItemKeyDown",value:function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:var r=this.findNextItem(n);r&&r.children[0].focus(),e.preventDefault();break;case 38:var i=this.findPrevItem(n);i&&i.children[0].focus(),e.preventDefault()}}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?n.DomHandler.hasClass(t,"p-disabled")||!n.DomHandler.hasClass(t,"p-menuitem")?this.findNextItem(t):t:null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?n.DomHandler.hasClass(t,"p-disabled")||!n.DomHandler.hasClass(t,"p-menuitem")?this.findPrevItem(t):t:null}},{key:"toggle",value:function(e){this.props.popup&&(this.state.visible?this.hide(e):this.show(e))}},{key:"show",value:function(e){var t=this;this.target=e.currentTarget;var n=e;this.setState({visible:!0},(function(){t.props.onShow&&t.props.onShow(n)}))}},{key:"hide",value:function(e){var t=this,n=e;this.setState({visible:!1},(function(){t.props.onHide&&t.props.onHide(n)}))}},{key:"onEnter",value:function(){n.ZIndexUtils.set("menu",this.menuRef.current,this.props.baseZIndex),n.DomHandler.absolutePosition(this.menuRef.current,this.target)}},{key:"onEntered",value:function(){this.bindDocumentListeners(),this.bindScrollListener()}},{key:"onExit",value:function(){this.target=null,this.unbindDocumentListeners(),this.unbindScrollListener()}},{key:"onExited",value:function(){n.ZIndexUtils.clear(this.menuRef.current)}},{key:"bindDocumentListeners",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.visible&&e.isOutsideClicked(t)&&e.hide(t)},document.addEventListener("click",this.documentClickListener)),this.documentResizeListener||(this.documentResizeListener=function(t){e.state.visible&&!n.DomHandler.isAndroid()&&e.hide(t)},window.addEventListener("resize",this.documentResizeListener))}},{key:"unbindDocumentListeners",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null),this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new n.ConnectedOverlayScrollHandler(this.target,(function(t){e.state.visible&&e.hide(t)}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"isOutsideClicked",value:function(e){return this.menuRef&&this.menuRef.current&&!(this.menuRef.current.isSameNode(e.target)||this.menuRef.current.contains(e.target))}},{key:"componentWillUnmount",value:function(){this.unbindDocumentListeners(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),n.ZIndexUtils.clear(this.menuRef.current)}},{key:"renderSubmenu",value:function(e,t){var r=this,o=n.classNames("p-submenu-header",{"p-disabled":e.disabled},e.className),s=e.items.map((function(e,t){return r.renderMenuitem(e,t)}));return i.default.createElement(i.default.Fragment,{key:e.label+"_"+t},i.default.createElement("li",{className:o,style:e.style,role:"presentation","aria-disabled":e.disabled},e.label),s)}},{key:"renderSeparator",value:function(e){return i.default.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})}},{key:"renderMenuitem",value:function(e,t){var r=this,o=n.classNames("p-menuitem",e.className),s=n.classNames("p-menuitem-link",{"p-disabled":e.disabled}),l=n.classNames("p-menuitem-icon",e.icon),a=e.disabled?null:0,u=i.default.createElement("a",{href:e.url||"#",className:s,role:"menuitem",target:e.target,onClick:function(t){return r.onItemClick(t,e)},onKeyDown:function(t){return r.onItemKeyDown(t,e)},tabIndex:a,"aria-disabled":e.disabled},e.icon&&i.default.createElement("span",{className:l}),e.label&&i.default.createElement("span",{className:"p-menuitem-text"},e.label));return e.template&&(u=n.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return r.onItemClick(t,e)},onKeyDown:function(t){return r.onItemKeyDown(t,e)},className:s,tabIndex:a,labelClassName:"p-menuitem-text",iconClassName:l,element:u,props:this.props})),i.default.createElement("li",{key:e.label+"_"+t,className:o,style:e.style,role:"none"},u)}},{key:"renderItem",value:function(e,t){return e.separator?this.renderSeparator(t):e.items?this.renderSubmenu(e,t):this.renderMenuitem(e,t)}},{key:"renderMenu",value:function(){var e=this;return this.props.model.map((function(t,n){return e.renderItem(t,n)}))}},{key:"renderElement",value:function(){if(this.props.model){var e=n.classNames("p-menu p-component",this.props.className,{"p-menu-overlay":this.props.popup}),t=this.renderMenu();return i.default.createElement(n.CSSTransition,{nodeRef:this.menuRef,classNames:"p-connected-overlay",in:this.state.visible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},i.default.createElement("div",{ref:this.menuRef,id:this.props.id,className:e,style:this.props.style,onClick:this.onPanelClick},i.default.createElement("ul",{className:"p-menu-list p-reset",role:"menu"},t)))}return null}},{key:"render",value:function(){var e=this.renderElement();return this.props.popup?i.default.createElement(n.Portal,{element:e,appendTo:this.props.appendTo}):e}}])&&s(a.prototype,c),f&&s(a,f),v}(t.Component);return v={id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},(h="defaultProps")in(f=b)?Object.defineProperty(f,h,{value:v,enumerable:!0,configurable:!0,writable:!0}):f[h]=v,e.Menu=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.menu=function(e,t,n,r,i,o,s){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=l(t),u=l(s);function c(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},p(e,t)}function f(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}function h(e){return h="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},h(e)}function v(e,t){if(t&&("object"===h(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return m(e)}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}function b(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var k,E,w,x=function(e){f(E,e);var t,s,l,p,h,k=(t=E,s=b(),function(){var e,n=y(t);if(s){var r=y(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return v(this,e)});function E(e){var t;return c(this,E),(t=k.call(this,e)).state={visible:!e.popup},t.onEnter=t.onEnter.bind(m(t)),t.onEntered=t.onEntered.bind(m(t)),t.onExit=t.onExit.bind(m(t)),t.onExited=t.onExited.bind(m(t)),t.onPanelClick=t.onPanelClick.bind(m(t)),t.menuRef=a.default.createRef(),t}return l=E,(p=[{key:"onPanelClick",value:function(e){this.props.popup&&i.OverlayService.emit("overlay-click",{originalEvent:e,target:this.target})}},{key:"onItemClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),this.props.popup&&this.hide(e))}},{key:"onItemKeyDown",value:function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:var r=this.findNextItem(n);r&&r.children[0].focus(),e.preventDefault();break;case 38:var i=this.findPrevItem(n);i&&i.children[0].focus(),e.preventDefault()}}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?n.DomHandler.hasClass(t,"p-disabled")||!n.DomHandler.hasClass(t,"p-menuitem")?this.findNextItem(t):t:null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?n.DomHandler.hasClass(t,"p-disabled")||!n.DomHandler.hasClass(t,"p-menuitem")?this.findPrevItem(t):t:null}},{key:"toggle",value:function(e){this.props.popup&&(this.state.visible?this.hide(e):this.show(e))}},{key:"show",value:function(e){var t=this;this.target=e.currentTarget;var n=e;this.setState({visible:!0},(function(){t.props.onShow&&t.props.onShow(n)}))}},{key:"hide",value:function(e){var t=this,n=e;this.setState({visible:!1},(function(){t.props.onHide&&t.props.onHide(n)}))}},{key:"onEnter",value:function(){n.ZIndexUtils.set("menu",this.menuRef.current,u.default.autoZIndex,this.props.baseZIndex||u.default.zIndex.menu),n.DomHandler.absolutePosition(this.menuRef.current,this.target)}},{key:"onEntered",value:function(){this.bindDocumentListeners(),this.bindScrollListener()}},{key:"onExit",value:function(){this.target=null,this.unbindDocumentListeners(),this.unbindScrollListener()}},{key:"onExited",value:function(){n.ZIndexUtils.clear(this.menuRef.current)}},{key:"bindDocumentListeners",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.visible&&e.isOutsideClicked(t)&&e.hide(t)},document.addEventListener("click",this.documentClickListener)),this.documentResizeListener||(this.documentResizeListener=function(t){e.state.visible&&!n.DomHandler.isTouchDevice()&&e.hide(t)},window.addEventListener("resize",this.documentResizeListener))}},{key:"unbindDocumentListeners",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null),this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new n.ConnectedOverlayScrollHandler(this.target,(function(t){e.state.visible&&e.hide(t)}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"isOutsideClicked",value:function(e){return this.menuRef&&this.menuRef.current&&!(this.menuRef.current.isSameNode(e.target)||this.menuRef.current.contains(e.target))}},{key:"componentWillUnmount",value:function(){this.unbindDocumentListeners(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),n.ZIndexUtils.clear(this.menuRef.current)}},{key:"renderSubmenu",value:function(e,t){var r=this,i=n.classNames("p-submenu-header",{"p-disabled":e.disabled},e.className),o=e.items.map((function(e,t){return r.renderMenuitem(e,t)}));return a.default.createElement(a.default.Fragment,{key:e.label+"_"+t},a.default.createElement("li",{className:i,style:e.style,role:"presentation","aria-disabled":e.disabled},e.label),o)}},{key:"renderSeparator",value:function(e){return a.default.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})}},{key:"renderMenuitem",value:function(e,t){var r=this,i=n.classNames("p-menuitem",e.className),o=n.classNames("p-menuitem-link",{"p-disabled":e.disabled}),s=n.classNames("p-menuitem-icon",e.icon),l=e.disabled?null:0,u=a.default.createElement("a",{href:e.url||"#",className:o,role:"menuitem",target:e.target,onClick:function(t){return r.onItemClick(t,e)},onKeyDown:function(t){return r.onItemKeyDown(t,e)},tabIndex:l,"aria-disabled":e.disabled},e.icon&&a.default.createElement("span",{className:s}),e.label&&a.default.createElement("span",{className:"p-menuitem-text"},e.label));return e.template&&(u=n.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return r.onItemClick(t,e)},onKeyDown:function(t){return r.onItemKeyDown(t,e)},className:o,tabIndex:l,labelClassName:"p-menuitem-text",iconClassName:s,element:u,props:this.props})),a.default.createElement("li",{key:e.label+"_"+t,className:i,style:e.style,role:"none"},u)}},{key:"renderItem",value:function(e,t){return e.separator?this.renderSeparator(t):e.items?this.renderSubmenu(e,t):this.renderMenuitem(e,t)}},{key:"renderMenu",value:function(){var e=this;return this.props.model.map((function(t,n){return e.renderItem(t,n)}))}},{key:"renderElement",value:function(){if(this.props.model){var e=n.classNames("p-menu p-component",this.props.className,{"p-menu-overlay":this.props.popup}),t=this.renderMenu();return a.default.createElement(r.CSSTransition,{nodeRef:this.menuRef,classNames:"p-connected-overlay",in:this.state.visible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},a.default.createElement("div",{ref:this.menuRef,id:this.props.id,className:e,style:this.props.style,onClick:this.onPanelClick},a.default.createElement("ul",{className:"p-menu-list p-reset",role:"menu"},t)))}return null}},{key:"render",value:function(){var e=this.renderElement();return this.props.popup?a.default.createElement(o.Portal,{element:e,appendTo:this.props.appendTo}):e}}])&&d(l.prototype,p),h&&d(l,h),Object.defineProperty(l,"prototype",{writable:!1}),E}(t.Component);return w={id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},(E="defaultProps")in(k=x)?Object.defineProperty(k,E,{value:w,enumerable:!0,configurable:!0,writable:!0}):k[E]=w,e.Menu=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.csstransition,primereact.overlayservice,primereact.portal,primereact.api);

package/menubar/menubar.cjs.js

@@ -3,11 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
+var ripple = require('primereact/ripple');
+var PrimeReact = require('primereact/api');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -28,6 +31,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -60,23 +66,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function _possibleConstructorReturn(self, call) {
@@ -329,13 +332,13 @@ var MenubarSubComponent = /*#__PURE__*/function (_Component) {
     key: "findNextItem",
     value: function findNextItem(item) {
       var nextItem = item.nextElementSibling;
-      if (nextItem) return core.DomHandler.hasClass(nextItem, 'p-disabled') || !core.DomHandler.hasClass(nextItem, 'p-menuitem') ? this.findNextItem(nextItem) : nextItem;else return null;
+      if (nextItem) return utils.DomHandler.hasClass(nextItem, 'p-disabled') || !utils.DomHandler.hasClass(nextItem, 'p-menuitem') ? this.findNextItem(nextItem) : nextItem;else return null;
     }
   }, {
     key: "findPrevItem",
     value: function findPrevItem(item) {
       var prevItem = item.previousElementSibling;
-      if (prevItem) return core.DomHandler.hasClass(prevItem, 'p-disabled') || !core.DomHandler.hasClass(prevItem, 'p-menuitem') ? this.findPrevItem(prevItem) : prevItem;else return null;
+      if (prevItem) return utils.DomHandler.hasClass(prevItem, 'p-disabled') || !utils.DomHandler.hasClass(prevItem, 'p-menuitem') ? this.findPrevItem(prevItem) : prevItem;else return null;
     }
   }, {
     key: "onLeafClick",
@@ -385,7 +388,7 @@ var MenubarSubComponent = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderSeparator",
     value: function renderSeparator(index) {
-      return /*#__PURE__*/React__default['default'].createElement("li", {
+      return /*#__PURE__*/React__default["default"].createElement("li", {
         key: 'separator_' + index,
         className: "p-menu-separator",
         role: "separator"
@@ -395,7 +398,7 @@ var MenubarSubComponent = /*#__PURE__*/function (_Component) {
     key: "renderSubmenu",
     value: function renderSubmenu(item) {
       if (item.items) {
-        return /*#__PURE__*/React__default['default'].createElement(MenubarSub, {
+        return /*#__PURE__*/React__default["default"].createElement(MenubarSub, {
           model: item.items,
           mobileActive: this.props.mobileActive,
           onLeafClick: this.onLeafClick,
@@ -411,28 +414,28 @@ var MenubarSubComponent = /*#__PURE__*/function (_Component) {
     value: function renderMenuitem(item, index) {
       var _this3 = this;
 
-      var className = core.classNames('p-menuitem', {
+      var className = utils.classNames('p-menuitem', {
         'p-menuitem-active': this.state.activeItem === item
       }, item.className);
-      var linkClassName = core.classNames('p-menuitem-link', {
+      var linkClassName = utils.classNames('p-menuitem-link', {
         'p-disabled': item.disabled
       });
-      var iconClassName = core.classNames('p-menuitem-icon', item.icon);
-      var submenuIconClassName = core.classNames('p-submenu-icon pi', {
+      var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
+      var submenuIconClassName = utils.classNames('p-submenu-icon pi', {
         'pi-angle-down': this.props.root,
         'pi-angle-right': !this.props.root
       });
-      var icon = item.icon && /*#__PURE__*/React__default['default'].createElement("span", {
+      var icon = item.icon && /*#__PURE__*/React__default["default"].createElement("span", {
         className: iconClassName
       });
-      var label = item.label && /*#__PURE__*/React__default['default'].createElement("span", {
+      var label = item.label && /*#__PURE__*/React__default["default"].createElement("span", {
         className: "p-menuitem-text"
       }, item.label);
-      var submenuIcon = item.items && /*#__PURE__*/React__default['default'].createElement("span", {
+      var submenuIcon = item.items && /*#__PURE__*/React__default["default"].createElement("span", {
         className: submenuIconClassName
       });
       var submenu = this.renderSubmenu(item);
-      var content = /*#__PURE__*/React__default['default'].createElement("a", {
+      var content = /*#__PURE__*/React__default["default"].createElement("a", {
         href: item.url || '#',
         role: "menuitem",
         className: linkClassName,
@@ -444,7 +447,7 @@ var MenubarSubComponent = /*#__PURE__*/function (_Component) {
         onKeyDown: function onKeyDown(event) {
           return _this3.onItemKeyDown(event, item);
         }
-      }, icon, label, submenuIcon, /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+      }, icon, label, submenuIcon, /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
 
       if (item.template) {
         var defaultContentOptions = {
@@ -461,10 +464,10 @@ var MenubarSubComponent = /*#__PURE__*/function (_Component) {
           element: content,
           props: this.props
         };
-        content = core.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
+        content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
       }
 
-      return /*#__PURE__*/React__default['default'].createElement("li", {
+      return /*#__PURE__*/React__default["default"].createElement("li", {
         key: item.label + '_' + index,
         role: "none",
         className: className,
@@ -497,12 +500,12 @@ var MenubarSubComponent = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this5 = this;
 
-      var className = core.classNames({
+      var className = utils.classNames({
         'p-submenu-list': !this.props.root,
         'p-menubar-root-list': this.props.root
       });
       var submenu = this.renderMenu();
-      return /*#__PURE__*/React__default['default'].createElement("ul", {
+      return /*#__PURE__*/React__default["default"].createElement("ul", {
         ref: function ref(el) {
           return _this5.getElementRef(el);
         },
@@ -527,8 +530,8 @@ _defineProperty(MenubarSubComponent, "defaultProps", {
   forwardRef: null
 });
 
-var MenubarSub = /*#__PURE__*/React__default['default'].forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default['default'].createElement(MenubarSubComponent, _extends({
+var MenubarSub = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  return /*#__PURE__*/React__default["default"].createElement(MenubarSubComponent, _extends({
     forwardRef: ref
   }, props));
 });
@@ -567,13 +570,13 @@ var Menubar = /*#__PURE__*/function (_Component) {
         };
       }, function () {
         if (_this2.state.mobileActive) {
-          core.ZIndexUtils.set('menu', _this2.rootmenu);
+          utils.ZIndexUtils.set('menu', _this2.rootmenu, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['menu']);
 
           _this2.bindDocumentClickListener();
         } else {
           _this2.unbindDocumentClickListener();
 
-          core.ZIndexUtils.clear(_this2.rootmenu);
+          utils.ZIndexUtils.clear(_this2.rootmenu);
         }
       });
     }
@@ -590,7 +593,7 @@ var Menubar = /*#__PURE__*/function (_Component) {
             }, function () {
               _this3.unbindDocumentClickListener();
 
-              core.ZIndexUtils.clear(_this3.rootmenu);
+              utils.ZIndexUtils.clear(_this3.rootmenu);
             });
           }
         };
@@ -621,19 +624,19 @@ var Menubar = /*#__PURE__*/function (_Component) {
       }, function () {
         _this4.unbindDocumentClickListener();
 
-        core.ZIndexUtils.clear(_this4.rootmenu);
+        utils.ZIndexUtils.clear(_this4.rootmenu);
       });
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      core.ZIndexUtils.clear(this.rootmenu);
+      utils.ZIndexUtils.clear(this.rootmenu);
     }
   }, {
     key: "renderCustomContent",
     value: function renderCustomContent() {
       if (this.props.children) {
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-menubar-custom"
         }, this.props.children);
       }
@@ -644,8 +647,8 @@ var Menubar = /*#__PURE__*/function (_Component) {
     key: "renderStartContent",
     value: function renderStartContent() {
       if (this.props.start) {
-        var start = core.ObjectUtils.getJSXElement(this.props.start, this.props);
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        var start = utils.ObjectUtils.getJSXElement(this.props.start, this.props);
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-menubar-start"
         }, start);
       }
@@ -656,8 +659,8 @@ var Menubar = /*#__PURE__*/function (_Component) {
     key: "renderEndContent",
     value: function renderEndContent() {
       if (this.props.end) {
-        var end = core.ObjectUtils.getJSXElement(this.props.end, this.props);
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        var end = utils.ObjectUtils.getJSXElement(this.props.end, this.props);
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-menubar-end"
         }, end);
       }
@@ -670,7 +673,7 @@ var Menubar = /*#__PURE__*/function (_Component) {
       var _this5 = this;
 
       /* eslint-disable */
-      var button = /*#__PURE__*/React__default['default'].createElement("a", {
+      var button = /*#__PURE__*/React__default["default"].createElement("a", {
         ref: function ref(el) {
           return _this5.menubutton = el;
         },
@@ -679,7 +682,7 @@ var Menubar = /*#__PURE__*/function (_Component) {
         tabIndex: 0,
         className: "p-menubar-button",
         onClick: this.toggle
-      }, /*#__PURE__*/React__default['default'].createElement("i", {
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
         className: "pi pi-bars"
       }));
       /* eslint-enable */
@@ -691,17 +694,17 @@ var Menubar = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this6 = this;
 
-      var className = core.classNames('p-menubar p-component', {
+      var className = utils.classNames('p-menubar p-component', {
         'p-menubar-mobile-active': this.state.mobileActive
       }, this.props.className);
       var start = this.renderStartContent();
       var end = this.renderEndContent();
       var menuButton = this.renderMenuButton();
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         id: this.props.id,
         className: className,
         style: this.props.style
-      }, start, menuButton, /*#__PURE__*/React__default['default'].createElement(MenubarSub, {
+      }, start, menuButton, /*#__PURE__*/React__default["default"].createElement(MenubarSub, {
         ref: function ref(el) {
           return _this6.rootmenu = el;
         },

package/menubar/menubar.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/core");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(e);function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function l(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),e}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function u(e,t){return(u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&u(e,t)}function c(e){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function m(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return a(e)}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(){return(d=Object.assign||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}).apply(this,arguments)}function h(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var v=function(n){s(p,e.Component);var o,u,c=(o=p,u=h(),function(){var e,t=f(o);if(u){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return m(this,e)});function p(e){var t;return i(this,p),(t=c.call(this,e)).state={activeItem:null},t.onLeafClick=t.onLeafClick.bind(a(t)),t.onChildItemKeyDown=t.onChildItemKeyDown.bind(a(t)),t}return l(p,[{key:"getElementRef",value:function(e){return this.element=e,this.props.forwardRef?this.props.forwardRef(e):this.element}},{key:"onItemMouseEnter",value:function(e,t){t.disabled||this.props.mobileActive?e.preventDefault():this.props.root?(this.state.activeItem||this.props.popup)&&this.setState({activeItem:t}):this.setState({activeItem:t})}},{key:"onItemClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items?this.setState(this.state.activeItem&&t===this.state.activeItem?{activeItem:null}:{activeItem:t}):this.onLeafClick())}},{key:"onItemKeyDown",value:function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:this.props.root?t.items&&this.expandSubmenu(t,n):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.props.root||this.navigateToPrevItem(n),e.preventDefault();break;case 39:if(this.props.root){var r=this.findNextItem(n);r&&r.children[0].focus()}else t.items&&this.expandSubmenu(t,n);e.preventDefault();break;case 37:this.props.root&&this.navigateToPrevItem(n),e.preventDefault()}this.props.onKeyDown&&this.props.onKeyDown(e,n)}},{key:"onChildItemKeyDown",value:function(e,t){this.props.root?38===e.which&&null==t.previousElementSibling&&this.collapseMenu(t):37===e.which&&this.collapseMenu(t)}},{key:"expandSubmenu",value:function(e,t){this.setState({activeItem:e}),setTimeout((function(){t.children[1].children[0].children[0].focus()}),50)}},{key:"collapseMenu",value:function(e){this.setState({activeItem:null}),e.parentElement.previousElementSibling.focus()}},{key:"navigateToNextItem",value:function(e){var t=this.findNextItem(e);t&&t.children[0].focus()}},{key:"navigateToPrevItem",value:function(e){var t=this.findPrevItem(e);t&&t.children[0].focus()}},{key:"findNextItem",value:function(e){var n=e.nextElementSibling;return n?t.DomHandler.hasClass(n,"p-disabled")||!t.DomHandler.hasClass(n,"p-menuitem")?this.findNextItem(n):n:null}},{key:"findPrevItem",value:function(e){var n=e.previousElementSibling;return n?t.DomHandler.hasClass(n,"p-disabled")||!t.DomHandler.hasClass(n,"p-menuitem")?this.findPrevItem(n):n:null}},{key:"onLeafClick",value:function(){this.setState({activeItem:null}),this.props.onLeafClick&&this.props.onLeafClick()}},{key:"componentDidMount",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.element&&!e.element.contains(t.target)&&e.setState({activeItem:null})},document.addEventListener("click",this.documentClickListener))}},{key:"componentDidUpdate",value:function(e){e.parentActive&&!this.props.parentActive&&this.setState({activeItem:null})}},{key:"componentWillUnmount",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"renderSeparator",value:function(e){return r.default.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})}},{key:"renderSubmenu",value:function(e){return e.items?r.default.createElement(b,{model:e.items,mobileActive:this.props.mobileActive,onLeafClick:this.onLeafClick,onKeyDown:this.onChildItemKeyDown,parentActive:e===this.state.activeItem}):null}},{key:"renderMenuitem",value:function(e,n){var i=this,o=t.classNames("p-menuitem",{"p-menuitem-active":this.state.activeItem===e},e.className),l=t.classNames("p-menuitem-link",{"p-disabled":e.disabled}),a=t.classNames("p-menuitem-icon",e.icon),u=t.classNames("p-submenu-icon pi",{"pi-angle-down":this.props.root,"pi-angle-right":!this.props.root}),s=e.icon&&r.default.createElement("span",{className:a}),c=e.label&&r.default.createElement("span",{className:"p-menuitem-text"},e.label),m=e.items&&r.default.createElement("span",{className:u}),f=this.renderSubmenu(e),p=r.default.createElement("a",{href:e.url||"#",role:"menuitem",className:l,target:e.target,"aria-haspopup":null!=e.items,onClick:function(t){return i.onItemClick(t,e)},onKeyDown:function(t){return i.onItemKeyDown(t,e)}},s,c,m,r.default.createElement(t.Ripple,null));e.template&&(p=t.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return i.onItemClick(t,e)},onKeyDown:function(t){return i.onItemKeyDown(t,e)},className:l,labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:u,element:p,props:this.props}));return r.default.createElement("li",{key:e.label+"_"+n,role:"none",className:o,style:e.style,onMouseEnter:function(t){return i.onItemMouseEnter(t,e)}},p,f)}},{key:"renderItem",value:function(e,t){return e.separator?this.renderSeparator(t):this.renderMenuitem(e,t)}},{key:"renderMenu",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"render",value:function(){var e=this,n=t.classNames({"p-submenu-list":!this.props.root,"p-menubar-root-list":this.props.root}),i=this.renderMenu();return r.default.createElement("ul",{ref:function(t){return e.getElementRef(t)},className:n,role:this.props.root?"menubar":"menu"},i)}}]),p}();p(v,"defaultProps",{model:null,root:!1,className:null,popup:!1,onLeafClick:null,onKeyDown:null,parentActive:!1,mobileActive:!1,forwardRef:null});var b=r.default.forwardRef((function(e,t){return r.default.createElement(v,d({forwardRef:t},e))}));function y(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var k=function(n){s(p,e.Component);var o,u,c=(o=p,u=y(),function(){var e,t=f(o);if(u){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return m(this,e)});function p(e){var t;return i(this,p),(t=c.call(this,e)).state={mobileActive:!1},t.toggle=t.toggle.bind(a(t)),t.onLeafClick=t.onLeafClick.bind(a(t)),t}return l(p,[{key:"toggle",value:function(e){var n=this;e.preventDefault(),this.setState((function(e){return{mobileActive:!e.mobileActive}}),(function(){n.state.mobileActive?(t.ZIndexUtils.set("menu",n.rootmenu),n.bindDocumentClickListener()):(n.unbindDocumentClickListener(),t.ZIndexUtils.clear(n.rootmenu))}))}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(n){e.state.mobileActive&&e.isOutsideClicked(n)&&e.setState({mobileActive:!1},(function(){e.unbindDocumentClickListener(),t.ZIndexUtils.clear(e.rootmenu)}))},document.addEventListener("click",this.documentClickListener))}},{key:"isOutsideClicked",value:function(e){return this.rootmenu!==e.target&&!this.rootmenu.contains(e.target)&&this.menubutton!==e.target&&!this.menubutton.contains(e.target)}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"onLeafClick",value:function(){var e=this;this.setState({mobileActive:!1},(function(){e.unbindDocumentClickListener(),t.ZIndexUtils.clear(e.rootmenu)}))}},{key:"componentWillUnmount",value:function(){t.ZIndexUtils.clear(this.rootmenu)}},{key:"renderCustomContent",value:function(){return this.props.children?r.default.createElement("div",{className:"p-menubar-custom"},this.props.children):null}},{key:"renderStartContent",value:function(){if(this.props.start){var e=t.ObjectUtils.getJSXElement(this.props.start,this.props);return r.default.createElement("div",{className:"p-menubar-start"},e)}return null}},{key:"renderEndContent",value:function(){if(this.props.end){var e=t.ObjectUtils.getJSXElement(this.props.end,this.props);return r.default.createElement("div",{className:"p-menubar-end"},e)}return null}},{key:"renderMenuButton",value:function(){var e=this;return r.default.createElement("a",{ref:function(t){return e.menubutton=t},href:"#",role:"button",tabIndex:0,className:"p-menubar-button",onClick:this.toggle},r.default.createElement("i",{className:"pi pi-bars"}))}},{key:"render",value:function(){var e=this,n=t.classNames("p-menubar p-component",{"p-menubar-mobile-active":this.state.mobileActive},this.props.className),i=this.renderStartContent(),o=this.renderEndContent(),l=this.renderMenuButton();return r.default.createElement("div",{id:this.props.id,className:n,style:this.props.style},i,l,r.default.createElement(b,{ref:function(t){return e.rootmenu=t},model:this.props.model,root:!0,mobileActive:this.state.mobileActive,onLeafClick:this.onLeafClick}),o)}}]),p}();p(k,"defaultProps",{id:null,model:null,style:null,className:null,start:null,end:null}),exports.Menubar=k;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/ripple"),r=require("primereact/api");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e),l=i(r);function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function s(e,t,n){return t&&u(e.prototype,t),n&&u(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function f(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&m(e,t)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function d(e,t){if(t&&("object"===p(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return c(e)}function h(e){return h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},h(e)}function v(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(){return b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function y(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var k=function(r){f(m,e.Component);var i,l,u=(i=m,l=y(),function(){var e,t=h(i);if(l){var n=h(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return d(this,e)});function m(e){var t;return a(this,m),(t=u.call(this,e)).state={activeItem:null},t.onLeafClick=t.onLeafClick.bind(c(t)),t.onChildItemKeyDown=t.onChildItemKeyDown.bind(c(t)),t}return s(m,[{key:"getElementRef",value:function(e){return this.element=e,this.props.forwardRef?this.props.forwardRef(e):this.element}},{key:"onItemMouseEnter",value:function(e,t){t.disabled||this.props.mobileActive?e.preventDefault():this.props.root?(this.state.activeItem||this.props.popup)&&this.setState({activeItem:t}):this.setState({activeItem:t})}},{key:"onItemClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items?this.setState(this.state.activeItem&&t===this.state.activeItem?{activeItem:null}:{activeItem:t}):this.onLeafClick())}},{key:"onItemKeyDown",value:function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:this.props.root?t.items&&this.expandSubmenu(t,n):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.props.root||this.navigateToPrevItem(n),e.preventDefault();break;case 39:if(this.props.root){var r=this.findNextItem(n);r&&r.children[0].focus()}else t.items&&this.expandSubmenu(t,n);e.preventDefault();break;case 37:this.props.root&&this.navigateToPrevItem(n),e.preventDefault()}this.props.onKeyDown&&this.props.onKeyDown(e,n)}},{key:"onChildItemKeyDown",value:function(e,t){this.props.root?38===e.which&&null==t.previousElementSibling&&this.collapseMenu(t):37===e.which&&this.collapseMenu(t)}},{key:"expandSubmenu",value:function(e,t){this.setState({activeItem:e}),setTimeout((function(){t.children[1].children[0].children[0].focus()}),50)}},{key:"collapseMenu",value:function(e){this.setState({activeItem:null}),e.parentElement.previousElementSibling.focus()}},{key:"navigateToNextItem",value:function(e){var t=this.findNextItem(e);t&&t.children[0].focus()}},{key:"navigateToPrevItem",value:function(e){var t=this.findPrevItem(e);t&&t.children[0].focus()}},{key:"findNextItem",value:function(e){var n=e.nextElementSibling;return n?t.DomHandler.hasClass(n,"p-disabled")||!t.DomHandler.hasClass(n,"p-menuitem")?this.findNextItem(n):n:null}},{key:"findPrevItem",value:function(e){var n=e.previousElementSibling;return n?t.DomHandler.hasClass(n,"p-disabled")||!t.DomHandler.hasClass(n,"p-menuitem")?this.findPrevItem(n):n:null}},{key:"onLeafClick",value:function(){this.setState({activeItem:null}),this.props.onLeafClick&&this.props.onLeafClick()}},{key:"componentDidMount",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.element&&!e.element.contains(t.target)&&e.setState({activeItem:null})},document.addEventListener("click",this.documentClickListener))}},{key:"componentDidUpdate",value:function(e){e.parentActive&&!this.props.parentActive&&this.setState({activeItem:null})}},{key:"componentWillUnmount",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"renderSeparator",value:function(e){return o.default.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})}},{key:"renderSubmenu",value:function(e){return e.items?o.default.createElement(C,{model:e.items,mobileActive:this.props.mobileActive,onLeafClick:this.onLeafClick,onKeyDown:this.onChildItemKeyDown,parentActive:e===this.state.activeItem}):null}},{key:"renderMenuitem",value:function(e,r){var i=this,l=t.classNames("p-menuitem",{"p-menuitem-active":this.state.activeItem===e},e.className),a=t.classNames("p-menuitem-link",{"p-disabled":e.disabled}),u=t.classNames("p-menuitem-icon",e.icon),s=t.classNames("p-submenu-icon pi",{"pi-angle-down":this.props.root,"pi-angle-right":!this.props.root}),c=e.icon&&o.default.createElement("span",{className:u}),m=e.label&&o.default.createElement("span",{className:"p-menuitem-text"},e.label),f=e.items&&o.default.createElement("span",{className:s}),p=this.renderSubmenu(e),d=o.default.createElement("a",{href:e.url||"#",role:"menuitem",className:a,target:e.target,"aria-haspopup":null!=e.items,onClick:function(t){return i.onItemClick(t,e)},onKeyDown:function(t){return i.onItemKeyDown(t,e)}},c,m,f,o.default.createElement(n.Ripple,null));e.template&&(d=t.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return i.onItemClick(t,e)},onKeyDown:function(t){return i.onItemKeyDown(t,e)},className:a,labelClassName:"p-menuitem-text",iconClassName:u,submenuIconClassName:s,element:d,props:this.props}));return o.default.createElement("li",{key:e.label+"_"+r,role:"none",className:l,style:e.style,onMouseEnter:function(t){return i.onItemMouseEnter(t,e)}},d,p)}},{key:"renderItem",value:function(e,t){return e.separator?this.renderSeparator(t):this.renderMenuitem(e,t)}},{key:"renderMenu",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"render",value:function(){var e=this,n=t.classNames({"p-submenu-list":!this.props.root,"p-menubar-root-list":this.props.root}),r=this.renderMenu();return o.default.createElement("ul",{ref:function(t){return e.getElementRef(t)},className:n,role:this.props.root?"menubar":"menu"},r)}}]),m}();v(k,"defaultProps",{model:null,root:!1,className:null,popup:!1,onLeafClick:null,onKeyDown:null,parentActive:!1,mobileActive:!1,forwardRef:null});var C=o.default.forwardRef((function(e,t){return o.default.createElement(k,b({forwardRef:t},e))}));function I(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var g=function(n){f(m,e.Component);var r,i,u=(r=m,i=I(),function(){var e,t=h(r);if(i){var n=h(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return d(this,e)});function m(e){var t;return a(this,m),(t=u.call(this,e)).state={mobileActive:!1},t.toggle=t.toggle.bind(c(t)),t.onLeafClick=t.onLeafClick.bind(c(t)),t}return s(m,[{key:"toggle",value:function(e){var n=this;e.preventDefault(),this.setState((function(e){return{mobileActive:!e.mobileActive}}),(function(){n.state.mobileActive?(t.ZIndexUtils.set("menu",n.rootmenu,l.default.autoZIndex,l.default.zIndex.menu),n.bindDocumentClickListener()):(n.unbindDocumentClickListener(),t.ZIndexUtils.clear(n.rootmenu))}))}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(n){e.state.mobileActive&&e.isOutsideClicked(n)&&e.setState({mobileActive:!1},(function(){e.unbindDocumentClickListener(),t.ZIndexUtils.clear(e.rootmenu)}))},document.addEventListener("click",this.documentClickListener))}},{key:"isOutsideClicked",value:function(e){return this.rootmenu!==e.target&&!this.rootmenu.contains(e.target)&&this.menubutton!==e.target&&!this.menubutton.contains(e.target)}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"onLeafClick",value:function(){var e=this;this.setState({mobileActive:!1},(function(){e.unbindDocumentClickListener(),t.ZIndexUtils.clear(e.rootmenu)}))}},{key:"componentWillUnmount",value:function(){t.ZIndexUtils.clear(this.rootmenu)}},{key:"renderCustomContent",value:function(){return this.props.children?o.default.createElement("div",{className:"p-menubar-custom"},this.props.children):null}},{key:"renderStartContent",value:function(){if(this.props.start){var e=t.ObjectUtils.getJSXElement(this.props.start,this.props);return o.default.createElement("div",{className:"p-menubar-start"},e)}return null}},{key:"renderEndContent",value:function(){if(this.props.end){var e=t.ObjectUtils.getJSXElement(this.props.end,this.props);return o.default.createElement("div",{className:"p-menubar-end"},e)}return null}},{key:"renderMenuButton",value:function(){var e=this;return o.default.createElement("a",{ref:function(t){return e.menubutton=t},href:"#",role:"button",tabIndex:0,className:"p-menubar-button",onClick:this.toggle},o.default.createElement("i",{className:"pi pi-bars"}))}},{key:"render",value:function(){var e=this,n=t.classNames("p-menubar p-component",{"p-menubar-mobile-active":this.state.mobileActive},this.props.className),r=this.renderStartContent(),i=this.renderEndContent(),l=this.renderMenuButton();return o.default.createElement("div",{id:this.props.id,className:n,style:this.props.style},r,l,o.default.createElement(C,{ref:function(t){return e.rootmenu=t},model:this.props.model,root:!0,mobileActive:this.state.mobileActive,onLeafClick:this.onLeafClick}),i)}}]),m}();v(g,"defaultProps",{id:null,model:null,style:null,className:null,start:null,end:null}),exports.Menubar=g;