primereact 7.0.0-rc.2 → 7.2.0

package/megamenu/megamenu.cjs.js

@@ -3,7 +3,8 @@
 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');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -28,6 +29,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 +64,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) {
@@ -253,13 +254,13 @@ var MegaMenu = /*#__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: "navigateToNextItem",
@@ -347,7 +348,7 @@ var MegaMenu = /*#__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"
@@ -357,11 +358,11 @@ var MegaMenu = /*#__PURE__*/function (_Component) {
     key: "renderSubmenuIcon",
     value: function renderSubmenuIcon(item) {
       if (item.items) {
-        var className = core.classNames('p-submenu-icon pi', {
+        var className = utils.classNames('p-submenu-icon pi', {
           'pi-angle-down': this.isHorizontal(),
           'pi-angle-right': this.isVertical()
         });
-        return /*#__PURE__*/React__default['default'].createElement("span", {
+        return /*#__PURE__*/React__default["default"].createElement("span", {
           className: className
         });
       }
@@ -376,18 +377,18 @@ var MegaMenu = /*#__PURE__*/function (_Component) {
       if (item.separator) {
         return this.renderSeparator(index);
       } else {
-        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(item.icon, 'p-menuitem-icon');
-        var icon = item.icon && /*#__PURE__*/React__default['default'].createElement("span", {
+        var iconClassName = utils.classNames(item.icon, 'p-menuitem-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 content = /*#__PURE__*/React__default['default'].createElement("a", {
+        var content = /*#__PURE__*/React__default["default"].createElement("a", {
           href: item.url || '#',
           className: linkClassName,
           target: item.target,
@@ -396,7 +397,7 @@ var MegaMenu = /*#__PURE__*/function (_Component) {
           },
           role: "menuitem",
           "aria-disabled": item.disabled
-        }, icon, label, /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+        }, icon, label, /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
 
         if (item.template) {
           var defaultContentOptions = {
@@ -409,10 +410,10 @@ var MegaMenu = /*#__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,
           className: className,
           style: item.style,
@@ -425,15 +426,15 @@ var MegaMenu = /*#__PURE__*/function (_Component) {
     value: function renderSubmenu(submenu) {
       var _this4 = this;
 
-      var className = core.classNames('p-megamenu-submenu-header', {
+      var className = utils.classNames('p-megamenu-submenu-header', {
         'p-disabled': submenu.disabled
       }, submenu.className);
       var items = submenu.items.map(function (item, index) {
         return _this4.renderSubmenuItem(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
-      }, /*#__PURE__*/React__default['default'].createElement("li", {
+      }, /*#__PURE__*/React__default["default"].createElement("li", {
         className: className,
         style: submenu.style,
         role: "presentation",
@@ -453,10 +454,10 @@ var MegaMenu = /*#__PURE__*/function (_Component) {
     key: "renderColumn",
     value: function renderColumn(category, column, index, columnClassName) {
       var submenus = this.renderSubmenus(column);
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         key: category.label + '_column_' + index,
         className: columnClassName
-      }, /*#__PURE__*/React__default['default'].createElement("ul", {
+      }, /*#__PURE__*/React__default["default"].createElement("ul", {
         className: "p-megamenu-submenu",
         role: "menu"
       }, submenus));
@@ -480,9 +481,9 @@ var MegaMenu = /*#__PURE__*/function (_Component) {
     value: function renderCategoryPanel(category) {
       if (category.items) {
         var columns = this.renderColumns(category);
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-megamenu-panel"
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-megamenu-grid"
         }, columns));
       }
@@ -494,23 +495,23 @@ var MegaMenu = /*#__PURE__*/function (_Component) {
     value: function renderCategory(category, index) {
       var _this7 = this;
 
-      var className = core.classNames('p-menuitem', {
+      var className = utils.classNames('p-menuitem', {
         'p-menuitem-active': category === this.state.activeItem
       }, category.className);
-      var linkClassName = core.classNames('p-menuitem-link', {
+      var linkClassName = utils.classNames('p-menuitem-link', {
         'p-disabled': category.disabled
       });
-      var iconClassName = core.classNames('p-menuitem-icon', category.icon);
-      var icon = category.icon && /*#__PURE__*/React__default['default'].createElement("span", {
+      var iconClassName = utils.classNames('p-menuitem-icon', category.icon);
+      var icon = category.icon && /*#__PURE__*/React__default["default"].createElement("span", {
         className: iconClassName
       });
-      var label = category.label && /*#__PURE__*/React__default['default'].createElement("span", {
+      var label = category.label && /*#__PURE__*/React__default["default"].createElement("span", {
         className: "p-menuitem-text"
       }, category.label);
-      var itemContent = category.template ? core.ObjectUtils.getJSXElement(category.template, category) : null;
+      var itemContent = category.template ? utils.ObjectUtils.getJSXElement(category.template, category) : null;
       var submenuIcon = this.renderSubmenuIcon(category);
       var panel = this.renderCategoryPanel(category);
-      return /*#__PURE__*/React__default['default'].createElement("li", {
+      return /*#__PURE__*/React__default["default"].createElement("li", {
         key: category.label + '_' + index,
         className: className,
         style: category.style,
@@ -518,7 +519,7 @@ var MegaMenu = /*#__PURE__*/function (_Component) {
           return _this7.onCategoryMouseEnter(e, category);
         },
         role: "none"
-      }, /*#__PURE__*/React__default['default'].createElement("a", {
+      }, /*#__PURE__*/React__default["default"].createElement("a", {
         href: category.url || '#',
         className: linkClassName,
         target: category.target,
@@ -530,7 +531,7 @@ var MegaMenu = /*#__PURE__*/function (_Component) {
         },
         role: "menuitem",
         "aria-haspopup": category.items != null
-      }, icon, label, itemContent, submenuIcon, /*#__PURE__*/React__default['default'].createElement(core.Ripple, null)), panel);
+      }, icon, label, itemContent, submenuIcon, /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null)), panel);
     }
   }, {
     key: "renderMenu",
@@ -549,7 +550,7 @@ var MegaMenu = /*#__PURE__*/function (_Component) {
     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-megamenu-custom"
         }, this.props.children);
       }
@@ -561,20 +562,20 @@ var MegaMenu = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this9 = this;
 
-      var className = core.classNames('p-megamenu p-component', {
+      var className = utils.classNames('p-megamenu p-component', {
         'p-megamenu-horizontal': this.props.orientation === 'horizontal',
         'p-megamenu-vertical': this.props.orientation === 'vertical'
       }, this.props.className);
       var menu = this.renderMenu();
       var customContent = this.renderCustomContent();
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(el) {
           return _this9.container = el;
         },
         id: this.props.id,
         className: className,
         style: this.props.style
-      }, /*#__PURE__*/React__default['default'].createElement("ul", {
+      }, /*#__PURE__*/React__default["default"].createElement("ul", {
         className: "p-megamenu-root-list",
         role: "menubar"
       }, menu), customContent);

package/megamenu/megamenu.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 a=n(e);function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function i(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 o(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 s(e){return(s="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 c(e,t){if(t&&("object"===s(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return i(e)}function m(e){return(m=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function f(){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 p,d,v,h=function(n){o(y,e.Component);var u,s,p,d,v,h=(u=y,s=f(),function(){var e,t=m(u);if(s){var n=m(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return c(this,e)});function y(e){var t;return r(this,y),(t=h.call(this,e)).state={activeItem:null},t.onLeafClick=t.onLeafClick.bind(i(t)),t}return p=y,(d=[{key:"onLeafClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),this.setState({activeItem:null}))}},{key:"onCategoryMouseEnter",value:function(e,t){t.disabled?e.preventDefault():this.state.activeItem&&this.setState({activeItem:t})}},{key:"onCategoryClick",value:function(e,t){t.disabled||(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:this.props.item}),t.items&&this.setState(this.state.activeItem&&this.state.activeItem===t?{activeItem:null}:{activeItem:t})),e.preventDefault()}},{key:"onCategoryKeyDown",value:function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:this.isHorizontal()?this.expandMenu(t):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.isVertical()?this.navigateToPrevItem(n):t.items&&t===this.state.activeItem&&this.collapseMenu(),e.preventDefault();break;case 39:this.isHorizontal()?this.navigateToNextItem(n):this.expandMenu(t),e.preventDefault();break;case 37:this.isHorizontal()?this.navigateToPrevItem(n):t.items&&t===this.state.activeItem&&this.collapseMenu(),e.preventDefault()}}},{key:"expandMenu",value:function(e){e.items&&this.setState({activeItem:e})}},{key:"collapseMenu",value:function(e){this.setState({activeItem:null})}},{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:"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:"isHorizontal",value:function(){return"horizontal"===this.props.orientation}},{key:"isVertical",value:function(){return"vertical"===this.props.orientation}},{key:"getColumnClassName",value:function(e){var t;switch(e.items?e.items.length:0){case 2:t="p-megamenu-col-6";break;case 3:t="p-megamenu-col-4";break;case 4:t="p-megamenu-col-3";break;case 6:t="p-megamenu-col-2";break;default:t="p-megamenu-col-12"}return t}},{key:"componentDidMount",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.container&&!e.container.contains(t.target)&&e.setState({activeItem:null})},document.addEventListener("click",this.documentClickListener))}},{key:"componentWillUnmount",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"renderSeparator",value:function(e){return a.default.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})}},{key:"renderSubmenuIcon",value:function(e){if(e.items){var n=t.classNames("p-submenu-icon pi",{"pi-angle-down":this.isHorizontal(),"pi-angle-right":this.isVertical()});return a.default.createElement("span",{className:n})}return null}},{key:"renderSubmenuItem",value:function(e,n){var r=this;if(e.separator)return this.renderSeparator(n);var l=t.classNames("p-menuitem",e.className),i=t.classNames("p-menuitem-link",{"p-disabled":e.disabled}),u=t.classNames(e.icon,"p-menuitem-icon"),o=a.default.createElement("a",{href:e.url||"#",className:i,target:e.target,onClick:function(t){return r.onLeafClick(t,e)},role:"menuitem","aria-disabled":e.disabled},e.icon&&a.default.createElement("span",{className:u}),e.label&&a.default.createElement("span",{className:"p-menuitem-text"},e.label),a.default.createElement(t.Ripple,null));return e.template&&(o=t.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return r.onLeafClick(t,e)},className:i,labelClassName:"p-menuitem-text",iconClassName:u,element:o,props:this.props})),a.default.createElement("li",{key:e.label+"_"+n,className:l,style:e.style,role:"none"},o)}},{key:"renderSubmenu",value:function(e){var n=this,r=t.classNames("p-megamenu-submenu-header",{"p-disabled":e.disabled},e.className),l=e.items.map((function(e,t){return n.renderSubmenuItem(e,t)}));return a.default.createElement(a.default.Fragment,{key:e.label},a.default.createElement("li",{className:r,style:e.style,role:"presentation","aria-disabled":e.disabled},e.label),l)}},{key:"renderSubmenus",value:function(e){var t=this;return e.map((function(e,n){return t.renderSubmenu(e,n)}))}},{key:"renderColumn",value:function(e,t,n,r){var l=this.renderSubmenus(t);return a.default.createElement("div",{key:e.label+"_column_"+n,className:r},a.default.createElement("ul",{className:"p-megamenu-submenu",role:"menu"},l))}},{key:"renderColumns",value:function(e){var t=this;if(e.items){var n=this.getColumnClassName(e);return e.items.map((function(a,r){return t.renderColumn(e,a,r,n)}))}return null}},{key:"renderCategoryPanel",value:function(e){if(e.items){var t=this.renderColumns(e);return a.default.createElement("div",{className:"p-megamenu-panel"},a.default.createElement("div",{className:"p-megamenu-grid"},t))}return null}},{key:"renderCategory",value:function(e,n){var r=this,l=t.classNames("p-menuitem",{"p-menuitem-active":e===this.state.activeItem},e.className),i=t.classNames("p-menuitem-link",{"p-disabled":e.disabled}),u=t.classNames("p-menuitem-icon",e.icon),o=e.icon&&a.default.createElement("span",{className:u}),s=e.label&&a.default.createElement("span",{className:"p-menuitem-text"},e.label),c=e.template?t.ObjectUtils.getJSXElement(e.template,e):null,m=this.renderSubmenuIcon(e),f=this.renderCategoryPanel(e);return a.default.createElement("li",{key:e.label+"_"+n,className:l,style:e.style,onMouseEnter:function(t){return r.onCategoryMouseEnter(t,e)},role:"none"},a.default.createElement("a",{href:e.url||"#",className:i,target:e.target,onClick:function(t){return r.onCategoryClick(t,e)},onKeyDown:function(t){return r.onCategoryKeyDown(t,e)},role:"menuitem","aria-haspopup":null!=e.items},o,s,c,m,a.default.createElement(t.Ripple,null)),f)}},{key:"renderMenu",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderCategory(t,n,!0)})):null}},{key:"renderCustomContent",value:function(){return this.props.children?a.default.createElement("div",{className:"p-megamenu-custom"},this.props.children):null}},{key:"render",value:function(){var e=this,n=t.classNames("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===this.props.orientation,"p-megamenu-vertical":"vertical"===this.props.orientation},this.props.className),r=this.renderMenu(),l=this.renderCustomContent();return a.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,className:n,style:this.props.style},a.default.createElement("ul",{className:"p-megamenu-root-list",role:"menubar"},r),l)}}])&&l(p.prototype,d),v&&l(p,v),y}();v={id:null,model:null,style:null,className:null,orientation:"horizontal"},(d="defaultProps")in(p=h)?Object.defineProperty(p,d,{value:v,enumerable:!0,configurable:!0,writable:!0}):p[d]=v,exports.MegaMenu=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/ripple");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e);function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function o(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},u(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}}),Object.defineProperty(e,"prototype",{writable:!1}),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},c(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 o(e)}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}function f(){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 d,v,h,y=function(a){s(b,e.Component);var u,c,d,v,h,y=(u=b,c=f(),function(){var e,t=p(u);if(c){var n=p(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return m(this,e)});function b(e){var t;return i(this,b),(t=y.call(this,e)).state={activeItem:null},t.onLeafClick=t.onLeafClick.bind(o(t)),t}return d=b,(v=[{key:"onLeafClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),this.setState({activeItem:null}))}},{key:"onCategoryMouseEnter",value:function(e,t){t.disabled?e.preventDefault():this.state.activeItem&&this.setState({activeItem:t})}},{key:"onCategoryClick",value:function(e,t){t.disabled||(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:this.props.item}),t.items&&this.setState(this.state.activeItem&&this.state.activeItem===t?{activeItem:null}:{activeItem:t})),e.preventDefault()}},{key:"onCategoryKeyDown",value:function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:this.isHorizontal()?this.expandMenu(t):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.isVertical()?this.navigateToPrevItem(n):t.items&&t===this.state.activeItem&&this.collapseMenu(),e.preventDefault();break;case 39:this.isHorizontal()?this.navigateToNextItem(n):this.expandMenu(t),e.preventDefault();break;case 37:this.isHorizontal()?this.navigateToPrevItem(n):t.items&&t===this.state.activeItem&&this.collapseMenu(),e.preventDefault()}}},{key:"expandMenu",value:function(e){e.items&&this.setState({activeItem:e})}},{key:"collapseMenu",value:function(e){this.setState({activeItem:null})}},{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:"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:"isHorizontal",value:function(){return"horizontal"===this.props.orientation}},{key:"isVertical",value:function(){return"vertical"===this.props.orientation}},{key:"getColumnClassName",value:function(e){var t;switch(e.items?e.items.length:0){case 2:t="p-megamenu-col-6";break;case 3:t="p-megamenu-col-4";break;case 4:t="p-megamenu-col-3";break;case 6:t="p-megamenu-col-2";break;default:t="p-megamenu-col-12"}return t}},{key:"componentDidMount",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.container&&!e.container.contains(t.target)&&e.setState({activeItem:null})},document.addEventListener("click",this.documentClickListener))}},{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:"renderSubmenuIcon",value:function(e){if(e.items){var n=t.classNames("p-submenu-icon pi",{"pi-angle-down":this.isHorizontal(),"pi-angle-right":this.isVertical()});return r.default.createElement("span",{className:n})}return null}},{key:"renderSubmenuItem",value:function(e,a){var i=this;if(e.separator)return this.renderSeparator(a);var l=t.classNames("p-menuitem",e.className),o=t.classNames("p-menuitem-link",{"p-disabled":e.disabled}),u=t.classNames(e.icon,"p-menuitem-icon"),s=r.default.createElement("a",{href:e.url||"#",className:o,target:e.target,onClick:function(t){return i.onLeafClick(t,e)},role:"menuitem","aria-disabled":e.disabled},e.icon&&r.default.createElement("span",{className:u}),e.label&&r.default.createElement("span",{className:"p-menuitem-text"},e.label),r.default.createElement(n.Ripple,null));return e.template&&(s=t.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return i.onLeafClick(t,e)},className:o,labelClassName:"p-menuitem-text",iconClassName:u,element:s,props:this.props})),r.default.createElement("li",{key:e.label+"_"+a,className:l,style:e.style,role:"none"},s)}},{key:"renderSubmenu",value:function(e){var n=this,a=t.classNames("p-megamenu-submenu-header",{"p-disabled":e.disabled},e.className),i=e.items.map((function(e,t){return n.renderSubmenuItem(e,t)}));return r.default.createElement(r.default.Fragment,{key:e.label},r.default.createElement("li",{className:a,style:e.style,role:"presentation","aria-disabled":e.disabled},e.label),i)}},{key:"renderSubmenus",value:function(e){var t=this;return e.map((function(e,n){return t.renderSubmenu(e,n)}))}},{key:"renderColumn",value:function(e,t,n,a){var i=this.renderSubmenus(t);return r.default.createElement("div",{key:e.label+"_column_"+n,className:a},r.default.createElement("ul",{className:"p-megamenu-submenu",role:"menu"},i))}},{key:"renderColumns",value:function(e){var t=this;if(e.items){var n=this.getColumnClassName(e);return e.items.map((function(a,r){return t.renderColumn(e,a,r,n)}))}return null}},{key:"renderCategoryPanel",value:function(e){if(e.items){var t=this.renderColumns(e);return r.default.createElement("div",{className:"p-megamenu-panel"},r.default.createElement("div",{className:"p-megamenu-grid"},t))}return null}},{key:"renderCategory",value:function(e,a){var i=this,l=t.classNames("p-menuitem",{"p-menuitem-active":e===this.state.activeItem},e.className),o=t.classNames("p-menuitem-link",{"p-disabled":e.disabled}),u=t.classNames("p-menuitem-icon",e.icon),s=e.icon&&r.default.createElement("span",{className:u}),c=e.label&&r.default.createElement("span",{className:"p-menuitem-text"},e.label),m=e.template?t.ObjectUtils.getJSXElement(e.template,e):null,p=this.renderSubmenuIcon(e),f=this.renderCategoryPanel(e);return r.default.createElement("li",{key:e.label+"_"+a,className:l,style:e.style,onMouseEnter:function(t){return i.onCategoryMouseEnter(t,e)},role:"none"},r.default.createElement("a",{href:e.url||"#",className:o,target:e.target,onClick:function(t){return i.onCategoryClick(t,e)},onKeyDown:function(t){return i.onCategoryKeyDown(t,e)},role:"menuitem","aria-haspopup":null!=e.items},s,c,m,p,r.default.createElement(n.Ripple,null)),f)}},{key:"renderMenu",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderCategory(t,n,!0)})):null}},{key:"renderCustomContent",value:function(){return this.props.children?r.default.createElement("div",{className:"p-megamenu-custom"},this.props.children):null}},{key:"render",value:function(){var e=this,n=t.classNames("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===this.props.orientation,"p-megamenu-vertical":"vertical"===this.props.orientation},this.props.className),a=this.renderMenu(),i=this.renderCustomContent();return r.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,className:n,style:this.props.style},r.default.createElement("ul",{className:"p-megamenu-root-list",role:"menubar"},a),i)}}])&&l(d.prototype,v),h&&l(d,h),Object.defineProperty(d,"prototype",{writable:!1}),b}();h={id:null,model:null,style:null,className:null,orientation:"horizontal"},(v="defaultProps")in(d=y)?Object.defineProperty(d,v,{value:h,enumerable:!0,configurable:!0,writable:!0}):d[v]=h,exports.MegaMenu=y;

package/megamenu/megamenu.esm.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import { DomHandler, classNames, Ripple, ObjectUtils } from 'primereact/core';
+import { DomHandler, classNames, ObjectUtils } from 'primereact/utils';
+import { Ripple } from 'primereact/ripple';
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -20,6 +21,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;
 }
 
@@ -52,23 +56,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) {

package/megamenu/megamenu.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{DomHandler as n,classNames as r,Ripple as a,ObjectUtils as i}from"primereact/core";function l(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 u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function s(e,t){return(s=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function c(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&&s(e,t)}function m(e){return(m="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 p(e,t){if(t&&("object"===m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return u(e)}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function v(){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 d,h,y,b=function(s){c(g,t);var m,d,h,y,b,k=(m=g,d=v(),function(){var e,t=f(m);if(d){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return p(this,e)});function g(e){var t;return l(this,g),(t=k.call(this,e)).state={activeItem:null},t.onLeafClick=t.onLeafClick.bind(u(t)),t}return h=g,(y=[{key:"onLeafClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),this.setState({activeItem:null}))}},{key:"onCategoryMouseEnter",value:function(e,t){t.disabled?e.preventDefault():this.state.activeItem&&this.setState({activeItem:t})}},{key:"onCategoryClick",value:function(e,t){t.disabled||(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:this.props.item}),t.items&&this.setState(this.state.activeItem&&this.state.activeItem===t?{activeItem:null}:{activeItem:t})),e.preventDefault()}},{key:"onCategoryKeyDown",value:function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:this.isHorizontal()?this.expandMenu(t):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.isVertical()?this.navigateToPrevItem(n):t.items&&t===this.state.activeItem&&this.collapseMenu(),e.preventDefault();break;case 39:this.isHorizontal()?this.navigateToNextItem(n):this.expandMenu(t),e.preventDefault();break;case 37:this.isHorizontal()?this.navigateToPrevItem(n):t.items&&t===this.state.activeItem&&this.collapseMenu(),e.preventDefault()}}},{key:"expandMenu",value:function(e){e.items&&this.setState({activeItem:e})}},{key:"collapseMenu",value:function(e){this.setState({activeItem:null})}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?n.hasClass(t,"p-disabled")||!n.hasClass(t,"p-menuitem")?this.findNextItem(t):t:null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?n.hasClass(t,"p-disabled")||!n.hasClass(t,"p-menuitem")?this.findPrevItem(t):t:null}},{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:"isHorizontal",value:function(){return"horizontal"===this.props.orientation}},{key:"isVertical",value:function(){return"vertical"===this.props.orientation}},{key:"getColumnClassName",value:function(e){var t;switch(e.items?e.items.length:0){case 2:t="p-megamenu-col-6";break;case 3:t="p-megamenu-col-4";break;case 4:t="p-megamenu-col-3";break;case 6:t="p-megamenu-col-2";break;default:t="p-megamenu-col-12"}return t}},{key:"componentDidMount",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.container&&!e.container.contains(t.target)&&e.setState({activeItem:null})},document.addEventListener("click",this.documentClickListener))}},{key:"componentWillUnmount",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"renderSeparator",value:function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator",role:"separator"})}},{key:"renderSubmenuIcon",value:function(t){if(t.items){var n=r("p-submenu-icon pi",{"pi-angle-down":this.isHorizontal(),"pi-angle-right":this.isVertical()});return e.createElement("span",{className:n})}return null}},{key:"renderSubmenuItem",value:function(t,n){var l=this;if(t.separator)return this.renderSeparator(n);var o=r("p-menuitem",t.className),u=r("p-menuitem-link",{"p-disabled":t.disabled}),s=r(t.icon,"p-menuitem-icon"),c=e.createElement("a",{href:t.url||"#",className:u,target:t.target,onClick:function(e){return l.onLeafClick(e,t)},role:"menuitem","aria-disabled":t.disabled},t.icon&&e.createElement("span",{className:s}),t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),e.createElement(a,null));return t.template&&(c=i.getJSXElement(t.template,t,{onClick:function(e){return l.onLeafClick(e,t)},className:u,labelClassName:"p-menuitem-text",iconClassName:s,element:c,props:this.props})),e.createElement("li",{key:t.label+"_"+n,className:o,style:t.style,role:"none"},c)}},{key:"renderSubmenu",value:function(t){var n=this,a=r("p-megamenu-submenu-header",{"p-disabled":t.disabled},t.className),i=t.items.map((function(e,t){return n.renderSubmenuItem(e,t)}));return e.createElement(e.Fragment,{key:t.label},e.createElement("li",{className:a,style:t.style,role:"presentation","aria-disabled":t.disabled},t.label),i)}},{key:"renderSubmenus",value:function(e){var t=this;return e.map((function(e,n){return t.renderSubmenu(e,n)}))}},{key:"renderColumn",value:function(t,n,r,a){var i=this.renderSubmenus(n);return e.createElement("div",{key:t.label+"_column_"+r,className:a},e.createElement("ul",{className:"p-megamenu-submenu",role:"menu"},i))}},{key:"renderColumns",value:function(e){var t=this;if(e.items){var n=this.getColumnClassName(e);return e.items.map((function(r,a){return t.renderColumn(e,r,a,n)}))}return null}},{key:"renderCategoryPanel",value:function(t){if(t.items){var n=this.renderColumns(t);return e.createElement("div",{className:"p-megamenu-panel"},e.createElement("div",{className:"p-megamenu-grid"},n))}return null}},{key:"renderCategory",value:function(t,n){var l=this,o=r("p-menuitem",{"p-menuitem-active":t===this.state.activeItem},t.className),u=r("p-menuitem-link",{"p-disabled":t.disabled}),s=r("p-menuitem-icon",t.icon),c=t.icon&&e.createElement("span",{className:s}),m=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),p=t.template?i.getJSXElement(t.template,t):null,f=this.renderSubmenuIcon(t),v=this.renderCategoryPanel(t);return e.createElement("li",{key:t.label+"_"+n,className:o,style:t.style,onMouseEnter:function(e){return l.onCategoryMouseEnter(e,t)},role:"none"},e.createElement("a",{href:t.url||"#",className:u,target:t.target,onClick:function(e){return l.onCategoryClick(e,t)},onKeyDown:function(e){return l.onCategoryKeyDown(e,t)},role:"menuitem","aria-haspopup":null!=t.items},c,m,p,f,e.createElement(a,null)),v)}},{key:"renderMenu",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderCategory(t,n,!0)})):null}},{key:"renderCustomContent",value:function(){return this.props.children?e.createElement("div",{className:"p-megamenu-custom"},this.props.children):null}},{key:"render",value:function(){var t=this,n=r("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===this.props.orientation,"p-megamenu-vertical":"vertical"===this.props.orientation},this.props.className),a=this.renderMenu(),i=this.renderCustomContent();return e.createElement("div",{ref:function(e){return t.container=e},id:this.props.id,className:n,style:this.props.style},e.createElement("ul",{className:"p-megamenu-root-list",role:"menubar"},a),i)}}])&&o(h.prototype,y),b&&o(h,b),g}();y={id:null,model:null,style:null,className:null,orientation:"horizontal"},(h="defaultProps")in(d=b)?Object.defineProperty(d,h,{value:y,enumerable:!0,configurable:!0,writable:!0}):d[h]=y;export{b as MegaMenu};
+import e,{Component as t}from"react";import{DomHandler as n,classNames as r,ObjectUtils as a}from"primereact/utils";import{Ripple as i}from"primereact/ripple";function l(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 u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function s(e,t){return s=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},s(e,t)}function c(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&&s(e,t)}function m(e){return m="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},m(e)}function p(e,t){if(t&&("object"===m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return u(e)}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}function d(){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,h,y,b=function(s){c(g,t);var m,v,h,y,b,k=(m=g,v=d(),function(){var e,t=f(m);if(v){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return p(this,e)});function g(e){var t;return l(this,g),(t=k.call(this,e)).state={activeItem:null},t.onLeafClick=t.onLeafClick.bind(u(t)),t}return h=g,(y=[{key:"onLeafClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),this.setState({activeItem:null}))}},{key:"onCategoryMouseEnter",value:function(e,t){t.disabled?e.preventDefault():this.state.activeItem&&this.setState({activeItem:t})}},{key:"onCategoryClick",value:function(e,t){t.disabled||(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:this.props.item}),t.items&&this.setState(this.state.activeItem&&this.state.activeItem===t?{activeItem:null}:{activeItem:t})),e.preventDefault()}},{key:"onCategoryKeyDown",value:function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:this.isHorizontal()?this.expandMenu(t):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.isVertical()?this.navigateToPrevItem(n):t.items&&t===this.state.activeItem&&this.collapseMenu(),e.preventDefault();break;case 39:this.isHorizontal()?this.navigateToNextItem(n):this.expandMenu(t),e.preventDefault();break;case 37:this.isHorizontal()?this.navigateToPrevItem(n):t.items&&t===this.state.activeItem&&this.collapseMenu(),e.preventDefault()}}},{key:"expandMenu",value:function(e){e.items&&this.setState({activeItem:e})}},{key:"collapseMenu",value:function(e){this.setState({activeItem:null})}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?n.hasClass(t,"p-disabled")||!n.hasClass(t,"p-menuitem")?this.findNextItem(t):t:null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?n.hasClass(t,"p-disabled")||!n.hasClass(t,"p-menuitem")?this.findPrevItem(t):t:null}},{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:"isHorizontal",value:function(){return"horizontal"===this.props.orientation}},{key:"isVertical",value:function(){return"vertical"===this.props.orientation}},{key:"getColumnClassName",value:function(e){var t;switch(e.items?e.items.length:0){case 2:t="p-megamenu-col-6";break;case 3:t="p-megamenu-col-4";break;case 4:t="p-megamenu-col-3";break;case 6:t="p-megamenu-col-2";break;default:t="p-megamenu-col-12"}return t}},{key:"componentDidMount",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.container&&!e.container.contains(t.target)&&e.setState({activeItem:null})},document.addEventListener("click",this.documentClickListener))}},{key:"componentWillUnmount",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"renderSeparator",value:function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator",role:"separator"})}},{key:"renderSubmenuIcon",value:function(t){if(t.items){var n=r("p-submenu-icon pi",{"pi-angle-down":this.isHorizontal(),"pi-angle-right":this.isVertical()});return e.createElement("span",{className:n})}return null}},{key:"renderSubmenuItem",value:function(t,n){var l=this;if(t.separator)return this.renderSeparator(n);var o=r("p-menuitem",t.className),u=r("p-menuitem-link",{"p-disabled":t.disabled}),s=r(t.icon,"p-menuitem-icon"),c=e.createElement("a",{href:t.url||"#",className:u,target:t.target,onClick:function(e){return l.onLeafClick(e,t)},role:"menuitem","aria-disabled":t.disabled},t.icon&&e.createElement("span",{className:s}),t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),e.createElement(i,null));return t.template&&(c=a.getJSXElement(t.template,t,{onClick:function(e){return l.onLeafClick(e,t)},className:u,labelClassName:"p-menuitem-text",iconClassName:s,element:c,props:this.props})),e.createElement("li",{key:t.label+"_"+n,className:o,style:t.style,role:"none"},c)}},{key:"renderSubmenu",value:function(t){var n=this,a=r("p-megamenu-submenu-header",{"p-disabled":t.disabled},t.className),i=t.items.map((function(e,t){return n.renderSubmenuItem(e,t)}));return e.createElement(e.Fragment,{key:t.label},e.createElement("li",{className:a,style:t.style,role:"presentation","aria-disabled":t.disabled},t.label),i)}},{key:"renderSubmenus",value:function(e){var t=this;return e.map((function(e,n){return t.renderSubmenu(e,n)}))}},{key:"renderColumn",value:function(t,n,r,a){var i=this.renderSubmenus(n);return e.createElement("div",{key:t.label+"_column_"+r,className:a},e.createElement("ul",{className:"p-megamenu-submenu",role:"menu"},i))}},{key:"renderColumns",value:function(e){var t=this;if(e.items){var n=this.getColumnClassName(e);return e.items.map((function(r,a){return t.renderColumn(e,r,a,n)}))}return null}},{key:"renderCategoryPanel",value:function(t){if(t.items){var n=this.renderColumns(t);return e.createElement("div",{className:"p-megamenu-panel"},e.createElement("div",{className:"p-megamenu-grid"},n))}return null}},{key:"renderCategory",value:function(t,n){var l=this,o=r("p-menuitem",{"p-menuitem-active":t===this.state.activeItem},t.className),u=r("p-menuitem-link",{"p-disabled":t.disabled}),s=r("p-menuitem-icon",t.icon),c=t.icon&&e.createElement("span",{className:s}),m=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),p=t.template?a.getJSXElement(t.template,t):null,f=this.renderSubmenuIcon(t),d=this.renderCategoryPanel(t);return e.createElement("li",{key:t.label+"_"+n,className:o,style:t.style,onMouseEnter:function(e){return l.onCategoryMouseEnter(e,t)},role:"none"},e.createElement("a",{href:t.url||"#",className:u,target:t.target,onClick:function(e){return l.onCategoryClick(e,t)},onKeyDown:function(e){return l.onCategoryKeyDown(e,t)},role:"menuitem","aria-haspopup":null!=t.items},c,m,p,f,e.createElement(i,null)),d)}},{key:"renderMenu",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderCategory(t,n,!0)})):null}},{key:"renderCustomContent",value:function(){return this.props.children?e.createElement("div",{className:"p-megamenu-custom"},this.props.children):null}},{key:"render",value:function(){var t=this,n=r("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===this.props.orientation,"p-megamenu-vertical":"vertical"===this.props.orientation},this.props.className),a=this.renderMenu(),i=this.renderCustomContent();return e.createElement("div",{ref:function(e){return t.container=e},id:this.props.id,className:n,style:this.props.style},e.createElement("ul",{className:"p-megamenu-root-list",role:"menubar"},a),i)}}])&&o(h.prototype,y),b&&o(h,b),Object.defineProperty(h,"prototype",{writable:!1}),g}();y={id:null,model:null,style:null,className:null,orientation:"horizontal"},(h="defaultProps")in(v=b)?Object.defineProperty(v,h,{value:y,enumerable:!0,configurable:!0,writable:!0}):v[h]=y;export{b as MegaMenu};