primereact 7.0.0-rc.2 → 7.2.0

package/panelmenu/panelmenu.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 csstransition = require('primereact/csstransition');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -63,6 +64,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;
 }
 
@@ -87,23 +91,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 _assertThisInitialized(self) {
@@ -236,7 +237,7 @@ var PanelMenuSub = /*#__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"
       });
@@ -244,25 +245,25 @@ var PanelMenuSub = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderSubmenu",
     value: function renderSubmenu(item, active) {
-      var submenuWrapperClassName = core.classNames('p-toggleable-content', {
+      var submenuWrapperClassName = utils.classNames('p-toggleable-content', {
         'p-toggleable-content-collapsed': !active
       });
-      var submenuContentRef = /*#__PURE__*/React__default['default'].createRef();
+      var submenuContentRef = /*#__PURE__*/React__default["default"].createRef();
 
       if (item.items) {
-        return /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+        return /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
           nodeRef: submenuContentRef,
           classNames: "p-toggleable-content",
           timeout: {
             enter: 1000,
             exit: 450
           },
-          in: active,
+          "in": active,
           unmountOnExit: true
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           ref: submenuContentRef,
           className: submenuWrapperClassName
-        }, /*#__PURE__*/React__default['default'].createElement(PanelMenuSub, {
+        }, /*#__PURE__*/React__default["default"].createElement(PanelMenuSub, {
           model: item.items,
           multiple: this.props.multiple
         })));
@@ -276,26 +277,26 @@ var PanelMenuSub = /*#__PURE__*/function (_Component) {
       var _this2 = this;
 
       var active = this.isItemActive(item);
-      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 submenuIconClassName = core.classNames('p-panelmenu-icon pi pi-fw', {
+      var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
+      var submenuIconClassName = utils.classNames('p-panelmenu-icon pi pi-fw', {
         'pi-angle-right': !active,
         'pi-angle-down': active
       });
-      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, active);
-      var content = /*#__PURE__*/React__default['default'].createElement("a", {
+      var content = /*#__PURE__*/React__default["default"].createElement("a", {
         href: item.url || '#',
         className: linkClassName,
         target: item.target,
@@ -320,10 +321,10 @@ var PanelMenuSub = /*#__PURE__*/function (_Component) {
           leaf: !item.items,
           active: active
         };
-        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,
@@ -351,9 +352,9 @@ var PanelMenuSub = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var className = core.classNames('p-submenu-list', this.props.className);
+      var className = utils.classNames('p-submenu-list', this.props.className);
       var menu = this.renderMenu();
-      return /*#__PURE__*/React__default['default'].createElement("ul", {
+      return /*#__PURE__*/React__default["default"].createElement("ul", {
         className: className,
         role: "tree"
       }, menu);
@@ -457,7 +458,7 @@ var PanelMenu = /*#__PURE__*/function (_Component2) {
     value: function componentDidMount() {
       if (!this.state.id) {
         this.setState({
-          id: core.UniqueComponentId()
+          id: utils.UniqueComponentId()
         });
       }
     }
@@ -467,30 +468,30 @@ var PanelMenu = /*#__PURE__*/function (_Component2) {
       var _this5 = this;
 
       var active = this.isItemActive(item);
-      var className = core.classNames('p-panelmenu-panel', item.className);
-      var headerClassName = core.classNames('p-component p-panelmenu-header', {
+      var className = utils.classNames('p-panelmenu-panel', item.className);
+      var headerClassName = utils.classNames('p-component p-panelmenu-header', {
         'p-highlight': active,
         'p-disabled': item.disabled
       });
-      var submenuIconClassName = core.classNames('p-panelmenu-icon pi', {
+      var submenuIconClassName = utils.classNames('p-panelmenu-icon pi', {
         'pi-chevron-right': !active,
         ' pi-chevron-down': active
       });
-      var iconClassName = core.classNames('p-menuitem-icon', item.icon);
-      var submenuIcon = item.items && /*#__PURE__*/React__default['default'].createElement("span", {
+      var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
+      var submenuIcon = item.items && /*#__PURE__*/React__default["default"].createElement("span", {
         className: submenuIconClassName
       });
-      var itemIcon = item.icon && /*#__PURE__*/React__default['default'].createElement("span", {
+      var itemIcon = 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 contentWrapperClassName = core.classNames('p-toggleable-content', {
+      var contentWrapperClassName = utils.classNames('p-toggleable-content', {
         'p-toggleable-content-collapsed': !active
       });
-      var menuContentRef = /*#__PURE__*/React__default['default'].createRef();
-      var content = /*#__PURE__*/React__default['default'].createElement("a", {
+      var menuContentRef = /*#__PURE__*/React__default["default"].createRef();
+      var content = /*#__PURE__*/React__default["default"].createElement("a", {
         href: item.url || '#',
         className: "p-panelmenu-header-link",
         onClick: function onClick(e) {
@@ -516,35 +517,35 @@ var PanelMenu = /*#__PURE__*/function (_Component2) {
           leaf: !item.items,
           active: active
         };
-        content = core.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
+        content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
       }
 
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         key: item.label + '_' + index,
         className: className,
         style: item.style
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: headerClassName,
         style: item.style
-      }, content), /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+      }, content), /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
         nodeRef: menuContentRef,
         classNames: "p-toggleable-content",
         timeout: {
           enter: 1000,
           exit: 450
         },
-        in: active,
+        "in": active,
         unmountOnExit: true,
         options: this.props.transitionOptions
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         ref: menuContentRef,
         className: contentWrapperClassName,
         role: "region",
         id: this.state.id + '_content',
         "aria-labelledby": this.state.id + '_header'
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-panelmenu-content"
-      }, /*#__PURE__*/React__default['default'].createElement(PanelMenuSub, {
+      }, /*#__PURE__*/React__default["default"].createElement(PanelMenuSub, {
         model: item.items,
         className: "p-panelmenu-root-submenu",
         multiple: this.props.multiple
@@ -566,9 +567,9 @@ var PanelMenu = /*#__PURE__*/function (_Component2) {
   }, {
     key: "render",
     value: function render() {
-      var className = core.classNames('p-panelmenu p-component', this.props.className);
+      var className = utils.classNames('p-panelmenu p-component', this.props.className);
       var panels = this.renderPanels();
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         id: this.props.id,
         className: className,
         style: this.props.style

package/panelmenu/panelmenu.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 a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function l(e){if(Array.isArray(e))return a(e)}function i(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,t){if(e){if("string"==typeof e)return a(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(e,t):void 0}}function o(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(e){return l(e)||i(e)||s(e)||o()}function c(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function m(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 p(e,t,n){return t&&m(e.prototype,t),n&&m(e,n),e}function f(e,t){return(f=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function d(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&&f(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})(e)}function v(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function y(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 v(e)}function b(e){return(b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function N(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(e){var t=g();return function(){var n,r=b(e);if(t){var a=b(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return y(this,n)}}function g(){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 E=function(n){d(l,e.Component);var a=I(l);function l(e){var t;return c(this,l),(t=a.call(this,e)).state={activeItem:t.findActiveItem()},t}return p(l,[{key:"onItemClick",value:function(e,t){if(t.disabled)e.preventDefault();else{t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t});var n=this.state.activeItem;this.isItemActive(t)?(t.expanded=!1,this.setState({activeItem:this.props.multiple?n.filter((function(e){return e!==t})):null})):(!this.props.multiple&&n&&(n.expanded=!1),t.expanded=!0,this.setState({activeItem:this.props.multiple?[].concat(u(n||[]),[t]):t}))}}},{key:"findActiveItem",value:function(){if(this.props.model){if(this.props.multiple)return this.props.model.filter((function(e){return e.expanded}));var e=null;return this.props.model.forEach((function(t){t.expanded&&(e?t.expanded=!1:e=t)})),e}return null}},{key:"isItemActive",value:function(e){return this.state.activeItem&&(this.props.multiple?this.state.activeItem.indexOf(e)>-1:this.state.activeItem===e)}},{key:"renderSeparator",value:function(e){return r.default.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})}},{key:"renderSubmenu",value:function(e,n){var a=t.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!n}),i=r.default.createRef();return e.items?r.default.createElement(t.CSSTransition,{nodeRef:i,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:n,unmountOnExit:!0},r.default.createElement("div",{ref:i,className:a},r.default.createElement(l,{model:e.items,multiple:this.props.multiple}))):null}},{key:"renderMenuitem",value:function(e,n){var a=this,l=this.isItemActive(e),i=t.classNames("p-menuitem",e.className),s=t.classNames("p-menuitem-link",{"p-disabled":e.disabled}),o=t.classNames("p-menuitem-icon",e.icon),u=t.classNames("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!l,"pi-angle-down":l}),c=e.icon&&r.default.createElement("span",{className:o}),m=e.label&&r.default.createElement("span",{className:"p-menuitem-text"},e.label),p=e.items&&r.default.createElement("span",{className:u}),f=this.renderSubmenu(e,l),d=r.default.createElement("a",{href:e.url||"#",className:s,target:e.target,onClick:function(t){return a.onItemClick(t,e,n)},role:"menuitem","aria-disabled":e.disabled},p,c,m);e.template&&(d=t.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return a.onItemClick(t,e,n)},className:s,labelClassName:"p-menuitem-text",iconClassName:o,submenuIconClassName:u,element:d,props:this.props,leaf:!e.items,active:l}));return r.default.createElement("li",{key:e.label+"_"+n,className:i,style:e.style,role:"none"},d,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=t.classNames("p-submenu-list",this.props.className),n=this.renderMenu();return r.default.createElement("ul",{className:e,role:"tree"},n)}}]),l}();N(E,"defaultProps",{model:null,multiple:!1});var k=function(n){d(l,e.Component);var a=I(l);function l(e){var t;return c(this,l),(t=a.call(this,e)).state={id:e.id,activeItem:t.findActiveItem()},t}return p(l,[{key:"onItemClick",value:function(e,t){if(t.disabled)e.preventDefault();else{t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t});var n=this.state.activeItem;this.isItemActive(t)?(t.expanded=!1,this.setState({activeItem:this.props.multiple?n.filter((function(e){return e!==t})):null})):(!this.props.multiple&&n&&(n.expanded=!1),t.expanded=!0,this.setState({activeItem:this.props.multiple?[].concat(u(n||[]),[t]):t}))}}},{key:"findActiveItem",value:function(){if(this.props.model){if(this.props.multiple)return this.props.model.filter((function(e){return e.expanded}));var e=null;return this.props.model.forEach((function(t){t.expanded&&(e?t.expanded=!1:e=t)})),e}return null}},{key:"isItemActive",value:function(e){return this.state.activeItem&&(this.props.multiple?this.state.activeItem.indexOf(e)>-1:this.state.activeItem===e)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:t.UniqueComponentId()})}},{key:"renderPanel",value:function(e,n){var a=this,l=this.isItemActive(e),i=t.classNames("p-panelmenu-panel",e.className),s=t.classNames("p-component p-panelmenu-header",{"p-highlight":l,"p-disabled":e.disabled}),o=t.classNames("p-panelmenu-icon pi",{"pi-chevron-right":!l," pi-chevron-down":l}),u=t.classNames("p-menuitem-icon",e.icon),c=e.items&&r.default.createElement("span",{className:o}),m=e.icon&&r.default.createElement("span",{className:u}),p=e.label&&r.default.createElement("span",{className:"p-menuitem-text"},e.label),f=t.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!l}),d=r.default.createRef(),h=r.default.createElement("a",{href:e.url||"#",className:"p-panelmenu-header-link",onClick:function(t){return a.onItemClick(t,e)},"aria-expanded":l,id:this.state.id+"_header","aria-controls":this.state.id+"content","aria-disabled":e.disabled},c,m,p);e.template&&(h=t.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return a.onItemClick(t,e)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:o,iconClassName:u,element:h,props:this.props,leaf:!e.items,active:l}));return r.default.createElement("div",{key:e.label+"_"+n,className:i,style:e.style},r.default.createElement("div",{className:s,style:e.style},h),r.default.createElement(t.CSSTransition,{nodeRef:d,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:l,unmountOnExit:!0,options:this.props.transitionOptions},r.default.createElement("div",{ref:d,className:f,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},r.default.createElement("div",{className:"p-panelmenu-content"},r.default.createElement(E,{model:e.items,className:"p-panelmenu-root-submenu",multiple:this.props.multiple})))))}},{key:"renderPanels",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderPanel(t,n)})):null}},{key:"render",value:function(){var e=t.classNames("p-panelmenu p-component",this.props.className),n=this.renderPanels();return r.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},n)}}]),l}();N(k,"defaultProps",{id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null}),exports.PanelMenu=k;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/csstransition");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(e);function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function l(e){if(Array.isArray(e))return i(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function o(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}function u(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function c(e){return l(e)||s(e)||o(e)||u()}function p(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function m(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 f(e,t,n){return t&&m(e.prototype,t),n&&m(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function d(e,t){return d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},d(e,t)}function h(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&&d(e,t)}function v(e){return v="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},v(e)}function y(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function b(e,t){if(t&&("object"===v(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return y(e)}function N(e){return N=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},N(e)}function I(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e){var t=E();return function(){var n,r=N(e);if(t){var a=N(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return b(this,n)}}function E(){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){h(l,e.Component);var i=g(l);function l(e){var t;return p(this,l),(t=i.call(this,e)).state={activeItem:t.findActiveItem()},t}return f(l,[{key:"onItemClick",value:function(e,t){if(t.disabled)e.preventDefault();else{t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t});var n=this.state.activeItem;this.isItemActive(t)?(t.expanded=!1,this.setState({activeItem:this.props.multiple?n.filter((function(e){return e!==t})):null})):(!this.props.multiple&&n&&(n.expanded=!1),t.expanded=!0,this.setState({activeItem:this.props.multiple?[].concat(c(n||[]),[t]):t}))}}},{key:"findActiveItem",value:function(){if(this.props.model){if(this.props.multiple)return this.props.model.filter((function(e){return e.expanded}));var e=null;return this.props.model.forEach((function(t){t.expanded&&(e?t.expanded=!1:e=t)})),e}return null}},{key:"isItemActive",value:function(e){return this.state.activeItem&&(this.props.multiple?this.state.activeItem.indexOf(e)>-1:this.state.activeItem===e)}},{key:"renderSeparator",value:function(e){return a.default.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})}},{key:"renderSubmenu",value:function(e,r){var i=t.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!r}),s=a.default.createRef();return e.items?a.default.createElement(n.CSSTransition,{nodeRef:s,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:r,unmountOnExit:!0},a.default.createElement("div",{ref:s,className:i},a.default.createElement(l,{model:e.items,multiple:this.props.multiple}))):null}},{key:"renderMenuitem",value:function(e,n){var r=this,i=this.isItemActive(e),l=t.classNames("p-menuitem",e.className),s=t.classNames("p-menuitem-link",{"p-disabled":e.disabled}),o=t.classNames("p-menuitem-icon",e.icon),u=t.classNames("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!i,"pi-angle-down":i}),c=e.icon&&a.default.createElement("span",{className:o}),p=e.label&&a.default.createElement("span",{className:"p-menuitem-text"},e.label),m=e.items&&a.default.createElement("span",{className:u}),f=this.renderSubmenu(e,i),d=a.default.createElement("a",{href:e.url||"#",className:s,target:e.target,onClick:function(t){return r.onItemClick(t,e,n)},role:"menuitem","aria-disabled":e.disabled},m,c,p);e.template&&(d=t.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return r.onItemClick(t,e,n)},className:s,labelClassName:"p-menuitem-text",iconClassName:o,submenuIconClassName:u,element:d,props:this.props,leaf:!e.items,active:i}));return a.default.createElement("li",{key:e.label+"_"+n,className:l,style:e.style,role:"none"},d,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=t.classNames("p-submenu-list",this.props.className),n=this.renderMenu();return a.default.createElement("ul",{className:e,role:"tree"},n)}}]),l}();I(k,"defaultProps",{model:null,multiple:!1});var x=function(r){h(l,e.Component);var i=g(l);function l(e){var t;return p(this,l),(t=i.call(this,e)).state={id:e.id,activeItem:t.findActiveItem()},t}return f(l,[{key:"onItemClick",value:function(e,t){if(t.disabled)e.preventDefault();else{t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t});var n=this.state.activeItem;this.isItemActive(t)?(t.expanded=!1,this.setState({activeItem:this.props.multiple?n.filter((function(e){return e!==t})):null})):(!this.props.multiple&&n&&(n.expanded=!1),t.expanded=!0,this.setState({activeItem:this.props.multiple?[].concat(c(n||[]),[t]):t}))}}},{key:"findActiveItem",value:function(){if(this.props.model){if(this.props.multiple)return this.props.model.filter((function(e){return e.expanded}));var e=null;return this.props.model.forEach((function(t){t.expanded&&(e?t.expanded=!1:e=t)})),e}return null}},{key:"isItemActive",value:function(e){return this.state.activeItem&&(this.props.multiple?this.state.activeItem.indexOf(e)>-1:this.state.activeItem===e)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:t.UniqueComponentId()})}},{key:"renderPanel",value:function(e,r){var i=this,l=this.isItemActive(e),s=t.classNames("p-panelmenu-panel",e.className),o=t.classNames("p-component p-panelmenu-header",{"p-highlight":l,"p-disabled":e.disabled}),u=t.classNames("p-panelmenu-icon pi",{"pi-chevron-right":!l," pi-chevron-down":l}),c=t.classNames("p-menuitem-icon",e.icon),p=e.items&&a.default.createElement("span",{className:u}),m=e.icon&&a.default.createElement("span",{className:c}),f=e.label&&a.default.createElement("span",{className:"p-menuitem-text"},e.label),d=t.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!l}),h=a.default.createRef(),v=a.default.createElement("a",{href:e.url||"#",className:"p-panelmenu-header-link",onClick:function(t){return i.onItemClick(t,e)},"aria-expanded":l,id:this.state.id+"_header","aria-controls":this.state.id+"content","aria-disabled":e.disabled},p,m,f);e.template&&(v=t.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return i.onItemClick(t,e)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:u,iconClassName:c,element:v,props:this.props,leaf:!e.items,active:l}));return a.default.createElement("div",{key:e.label+"_"+r,className:s,style:e.style},a.default.createElement("div",{className:o,style:e.style},v),a.default.createElement(n.CSSTransition,{nodeRef:h,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:l,unmountOnExit:!0,options:this.props.transitionOptions},a.default.createElement("div",{ref:h,className:d,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},a.default.createElement("div",{className:"p-panelmenu-content"},a.default.createElement(k,{model:e.items,className:"p-panelmenu-root-submenu",multiple:this.props.multiple})))))}},{key:"renderPanels",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderPanel(t,n)})):null}},{key:"render",value:function(){var e=t.classNames("p-panelmenu p-component",this.props.className),n=this.renderPanels();return a.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},n)}}]),l}();I(x,"defaultProps",{id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null}),exports.PanelMenu=x;

package/panelmenu/panelmenu.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { MenuItem } from '../menuitem';
+import { CSSTransitionProps } from '../csstransition';
 
 export interface PanelMenuProps {
     id?: string;
@@ -7,7 +8,7 @@ export interface PanelMenuProps {
     style?: object;
     className?: string;
     multiple?: boolean;
-    transitionOptions?: object;
+    transitionOptions?: CSSTransitionProps;
 }
 
 export declare class PanelMenu extends React.Component<PanelMenuProps, any> { }

package/panelmenu/panelmenu.esm.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import { classNames, CSSTransition, ObjectUtils, UniqueComponentId } from 'primereact/core';
+import { classNames, ObjectUtils, UniqueComponentId } from 'primereact/utils';
+import { CSSTransition } from 'primereact/csstransition';
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
@@ -55,6 +56,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;
 }
 
@@ -79,23 +83,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 _assertThisInitialized(self) {
@@ -249,7 +250,7 @@ var PanelMenuSub = /*#__PURE__*/function (_Component) {
             enter: 1000,
             exit: 450
           },
-          in: active,
+          "in": active,
           unmountOnExit: true
         }, /*#__PURE__*/React.createElement("div", {
           ref: submenuContentRef,
@@ -525,7 +526,7 @@ var PanelMenu = /*#__PURE__*/function (_Component2) {
           enter: 1000,
           exit: 450
         },
-        in: active,
+        "in": active,
         unmountOnExit: true,
         options: this.props.transitionOptions
       }, /*#__PURE__*/React.createElement("div", {

package/panelmenu/panelmenu.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{classNames as n,CSSTransition as r,ObjectUtils as i,UniqueComponentId as a}from"primereact/core";function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e){if(Array.isArray(e))return l(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function u(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}function c(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function p(e){return o(e)||s(e)||u(e)||c()}function m(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function f(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 d(e,t,n){return t&&f(e.prototype,t),n&&f(e,n),e}function h(e,t){return(h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function v(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&&h(e,t)}function y(e){return(y="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 b(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function I(e,t){if(t&&("object"===y(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return b(e)}function g(e){return(g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(e){var t=N();return function(){var n,r=g(e);if(t){var i=g(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return I(this,n)}}function N(){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 x=function(a){v(o,t);var l=k(o);function o(e){var t;return m(this,o),(t=l.call(this,e)).state={activeItem:t.findActiveItem()},t}return d(o,[{key:"onItemClick",value:function(e,t){if(t.disabled)e.preventDefault();else{t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t});var n=this.state.activeItem;this.isItemActive(t)?(t.expanded=!1,this.setState({activeItem:this.props.multiple?n.filter((function(e){return e!==t})):null})):(!this.props.multiple&&n&&(n.expanded=!1),t.expanded=!0,this.setState({activeItem:this.props.multiple?[].concat(p(n||[]),[t]):t}))}}},{key:"findActiveItem",value:function(){if(this.props.model){if(this.props.multiple)return this.props.model.filter((function(e){return e.expanded}));var e=null;return this.props.model.forEach((function(t){t.expanded&&(e?t.expanded=!1:e=t)})),e}return null}},{key:"isItemActive",value:function(e){return this.state.activeItem&&(this.props.multiple?this.state.activeItem.indexOf(e)>-1:this.state.activeItem===e)}},{key:"renderSeparator",value:function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator"})}},{key:"renderSubmenu",value:function(t,i){var a=n("p-toggleable-content",{"p-toggleable-content-collapsed":!i}),l=e.createRef();return t.items?e.createElement(r,{nodeRef:l,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:i,unmountOnExit:!0},e.createElement("div",{ref:l,className:a},e.createElement(o,{model:t.items,multiple:this.props.multiple}))):null}},{key:"renderMenuitem",value:function(t,r){var a=this,l=this.isItemActive(t),o=n("p-menuitem",t.className),s=n("p-menuitem-link",{"p-disabled":t.disabled}),u=n("p-menuitem-icon",t.icon),c=n("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!l,"pi-angle-down":l}),p=t.icon&&e.createElement("span",{className:u}),m=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),f=t.items&&e.createElement("span",{className:c}),d=this.renderSubmenu(t,l),h=e.createElement("a",{href:t.url||"#",className:s,target:t.target,onClick:function(e){return a.onItemClick(e,t,r)},role:"menuitem","aria-disabled":t.disabled},f,p,m);t.template&&(h=i.getJSXElement(t.template,t,{onClick:function(e){return a.onItemClick(e,t,r)},className:s,labelClassName:"p-menuitem-text",iconClassName:u,submenuIconClassName:c,element:h,props:this.props,leaf:!t.items,active:l}));return e.createElement("li",{key:t.label+"_"+r,className:o,style:t.style,role:"none"},h,d)}},{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 t=n("p-submenu-list",this.props.className),r=this.renderMenu();return e.createElement("ul",{className:t,role:"tree"},r)}}]),o}();E(x,"defaultProps",{model:null,multiple:!1});var S=function(l){v(s,t);var o=k(s);function s(e){var t;return m(this,s),(t=o.call(this,e)).state={id:e.id,activeItem:t.findActiveItem()},t}return d(s,[{key:"onItemClick",value:function(e,t){if(t.disabled)e.preventDefault();else{t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t});var n=this.state.activeItem;this.isItemActive(t)?(t.expanded=!1,this.setState({activeItem:this.props.multiple?n.filter((function(e){return e!==t})):null})):(!this.props.multiple&&n&&(n.expanded=!1),t.expanded=!0,this.setState({activeItem:this.props.multiple?[].concat(p(n||[]),[t]):t}))}}},{key:"findActiveItem",value:function(){if(this.props.model){if(this.props.multiple)return this.props.model.filter((function(e){return e.expanded}));var e=null;return this.props.model.forEach((function(t){t.expanded&&(e?t.expanded=!1:e=t)})),e}return null}},{key:"isItemActive",value:function(e){return this.state.activeItem&&(this.props.multiple?this.state.activeItem.indexOf(e)>-1:this.state.activeItem===e)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:a()})}},{key:"renderPanel",value:function(t,a){var l=this,o=this.isItemActive(t),s=n("p-panelmenu-panel",t.className),u=n("p-component p-panelmenu-header",{"p-highlight":o,"p-disabled":t.disabled}),c=n("p-panelmenu-icon pi",{"pi-chevron-right":!o," pi-chevron-down":o}),p=n("p-menuitem-icon",t.icon),m=t.items&&e.createElement("span",{className:c}),f=t.icon&&e.createElement("span",{className:p}),d=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),h=n("p-toggleable-content",{"p-toggleable-content-collapsed":!o}),v=e.createRef(),y=e.createElement("a",{href:t.url||"#",className:"p-panelmenu-header-link",onClick:function(e){return l.onItemClick(e,t)},"aria-expanded":o,id:this.state.id+"_header","aria-controls":this.state.id+"content","aria-disabled":t.disabled},m,f,d);t.template&&(y=i.getJSXElement(t.template,t,{onClick:function(e){return l.onItemClick(e,t)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:c,iconClassName:p,element:y,props:this.props,leaf:!t.items,active:o}));return e.createElement("div",{key:t.label+"_"+a,className:s,style:t.style},e.createElement("div",{className:u,style:t.style},y),e.createElement(r,{nodeRef:v,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:o,unmountOnExit:!0,options:this.props.transitionOptions},e.createElement("div",{ref:v,className:h,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},e.createElement("div",{className:"p-panelmenu-content"},e.createElement(x,{model:t.items,className:"p-panelmenu-root-submenu",multiple:this.props.multiple})))))}},{key:"renderPanels",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderPanel(t,n)})):null}},{key:"render",value:function(){var t=n("p-panelmenu p-component",this.props.className),r=this.renderPanels();return e.createElement("div",{id:this.props.id,className:t,style:this.props.style},r)}}]),s}();E(S,"defaultProps",{id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null});export{S as PanelMenu};
+import e,{Component as t}from"react";import{classNames as n,ObjectUtils as r,UniqueComponentId as i}from"primereact/utils";import{CSSTransition as a}from"primereact/csstransition";function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e){if(Array.isArray(e))return l(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function u(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}function c(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function p(e){return o(e)||s(e)||u(e)||c()}function m(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function f(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 d(e,t,n){return t&&f(e.prototype,t),n&&f(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function h(e,t){return h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},h(e,t)}function v(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&&h(e,t)}function y(e){return y="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},y(e)}function b(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function I(e,t){if(t&&("object"===y(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return b(e)}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}function E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(e){var t=N();return function(){var n,r=g(e);if(t){var i=g(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return I(this,n)}}function N(){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 x=function(i){v(o,t);var l=k(o);function o(e){var t;return m(this,o),(t=l.call(this,e)).state={activeItem:t.findActiveItem()},t}return d(o,[{key:"onItemClick",value:function(e,t){if(t.disabled)e.preventDefault();else{t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t});var n=this.state.activeItem;this.isItemActive(t)?(t.expanded=!1,this.setState({activeItem:this.props.multiple?n.filter((function(e){return e!==t})):null})):(!this.props.multiple&&n&&(n.expanded=!1),t.expanded=!0,this.setState({activeItem:this.props.multiple?[].concat(p(n||[]),[t]):t}))}}},{key:"findActiveItem",value:function(){if(this.props.model){if(this.props.multiple)return this.props.model.filter((function(e){return e.expanded}));var e=null;return this.props.model.forEach((function(t){t.expanded&&(e?t.expanded=!1:e=t)})),e}return null}},{key:"isItemActive",value:function(e){return this.state.activeItem&&(this.props.multiple?this.state.activeItem.indexOf(e)>-1:this.state.activeItem===e)}},{key:"renderSeparator",value:function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator"})}},{key:"renderSubmenu",value:function(t,r){var i=n("p-toggleable-content",{"p-toggleable-content-collapsed":!r}),l=e.createRef();return t.items?e.createElement(a,{nodeRef:l,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:r,unmountOnExit:!0},e.createElement("div",{ref:l,className:i},e.createElement(o,{model:t.items,multiple:this.props.multiple}))):null}},{key:"renderMenuitem",value:function(t,i){var a=this,l=this.isItemActive(t),o=n("p-menuitem",t.className),s=n("p-menuitem-link",{"p-disabled":t.disabled}),u=n("p-menuitem-icon",t.icon),c=n("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!l,"pi-angle-down":l}),p=t.icon&&e.createElement("span",{className:u}),m=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),f=t.items&&e.createElement("span",{className:c}),d=this.renderSubmenu(t,l),h=e.createElement("a",{href:t.url||"#",className:s,target:t.target,onClick:function(e){return a.onItemClick(e,t,i)},role:"menuitem","aria-disabled":t.disabled},f,p,m);t.template&&(h=r.getJSXElement(t.template,t,{onClick:function(e){return a.onItemClick(e,t,i)},className:s,labelClassName:"p-menuitem-text",iconClassName:u,submenuIconClassName:c,element:h,props:this.props,leaf:!t.items,active:l}));return e.createElement("li",{key:t.label+"_"+i,className:o,style:t.style,role:"none"},h,d)}},{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 t=n("p-submenu-list",this.props.className),r=this.renderMenu();return e.createElement("ul",{className:t,role:"tree"},r)}}]),o}();E(x,"defaultProps",{model:null,multiple:!1});var O=function(l){v(s,t);var o=k(s);function s(e){var t;return m(this,s),(t=o.call(this,e)).state={id:e.id,activeItem:t.findActiveItem()},t}return d(s,[{key:"onItemClick",value:function(e,t){if(t.disabled)e.preventDefault();else{t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t});var n=this.state.activeItem;this.isItemActive(t)?(t.expanded=!1,this.setState({activeItem:this.props.multiple?n.filter((function(e){return e!==t})):null})):(!this.props.multiple&&n&&(n.expanded=!1),t.expanded=!0,this.setState({activeItem:this.props.multiple?[].concat(p(n||[]),[t]):t}))}}},{key:"findActiveItem",value:function(){if(this.props.model){if(this.props.multiple)return this.props.model.filter((function(e){return e.expanded}));var e=null;return this.props.model.forEach((function(t){t.expanded&&(e?t.expanded=!1:e=t)})),e}return null}},{key:"isItemActive",value:function(e){return this.state.activeItem&&(this.props.multiple?this.state.activeItem.indexOf(e)>-1:this.state.activeItem===e)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:i()})}},{key:"renderPanel",value:function(t,i){var l=this,o=this.isItemActive(t),s=n("p-panelmenu-panel",t.className),u=n("p-component p-panelmenu-header",{"p-highlight":o,"p-disabled":t.disabled}),c=n("p-panelmenu-icon pi",{"pi-chevron-right":!o," pi-chevron-down":o}),p=n("p-menuitem-icon",t.icon),m=t.items&&e.createElement("span",{className:c}),f=t.icon&&e.createElement("span",{className:p}),d=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),h=n("p-toggleable-content",{"p-toggleable-content-collapsed":!o}),v=e.createRef(),y=e.createElement("a",{href:t.url||"#",className:"p-panelmenu-header-link",onClick:function(e){return l.onItemClick(e,t)},"aria-expanded":o,id:this.state.id+"_header","aria-controls":this.state.id+"content","aria-disabled":t.disabled},m,f,d);t.template&&(y=r.getJSXElement(t.template,t,{onClick:function(e){return l.onItemClick(e,t)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:c,iconClassName:p,element:y,props:this.props,leaf:!t.items,active:o}));return e.createElement("div",{key:t.label+"_"+i,className:s,style:t.style},e.createElement("div",{className:u,style:t.style},y),e.createElement(a,{nodeRef:v,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:o,unmountOnExit:!0,options:this.props.transitionOptions},e.createElement("div",{ref:v,className:h,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},e.createElement("div",{className:"p-panelmenu-content"},e.createElement(x,{model:t.items,className:"p-panelmenu-root-submenu",multiple:this.props.multiple})))))}},{key:"renderPanels",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderPanel(t,n)})):null}},{key:"render",value:function(){var t=n("p-panelmenu p-component",this.props.className),r=this.renderPanels();return e.createElement("div",{id:this.props.id,className:t,style:this.props.style},r)}}]),s}();E(O,"defaultProps",{id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null});export{O as PanelMenu};