primereact 7.0.0-rc.1 → 7.1.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 }; }
 
@@ -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,13 +245,13 @@ 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: {
@@ -259,10 +260,10 @@ var PanelMenuSub = /*#__PURE__*/function (_Component) {
           },
           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,17 +517,17 @@ 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: {
@@ -536,15 +537,15 @@ var PanelMenu = /*#__PURE__*/function (_Component2) {
         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 m(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(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&&p(e.prototype,t),n&&p(e,n),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}}),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 m(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}),m=e.label&&a.default.createElement("span",{className:"p-menuitem-text"},e.label),p=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},p,c,m);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 m(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),m=e.items&&a.default.createElement("span",{className:u}),p=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},m,p,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;

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),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}}),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 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: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(S,"defaultProps",{id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null});export{S as PanelMenu};

package/panelmenu/panelmenu.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.panelmenu = (function (exports, React, core) {
+this.primereact.panelmenu = (function (exports, React, utils, csstransition) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -233,7 +233,7 @@ this.primereact.panelmenu = (function (exports, React, core) {
     }, {
       key: "renderSeparator",
       value: function renderSeparator(index) {
-        return /*#__PURE__*/React__default['default'].createElement("li", {
+        return /*#__PURE__*/React__default["default"].createElement("li", {
           key: 'separator_' + index,
           className: "p-menu-separator"
         });
@@ -241,13 +241,13 @@ this.primereact.panelmenu = (function (exports, React, core) {
     }, {
       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: {
@@ -256,10 +256,10 @@ this.primereact.panelmenu = (function (exports, React, core) {
             },
             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
           })));
@@ -273,26 +273,26 @@ this.primereact.panelmenu = (function (exports, React, core) {
         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,
@@ -317,10 +317,10 @@ this.primereact.panelmenu = (function (exports, React, core) {
             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,
@@ -348,9 +348,9 @@ this.primereact.panelmenu = (function (exports, React, core) {
     }, {
       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);
@@ -454,7 +454,7 @@ this.primereact.panelmenu = (function (exports, React, core) {
       value: function componentDidMount() {
         if (!this.state.id) {
           this.setState({
-            id: core.UniqueComponentId()
+            id: utils.UniqueComponentId()
           });
         }
       }
@@ -464,30 +464,30 @@ this.primereact.panelmenu = (function (exports, React, core) {
         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) {
@@ -513,17 +513,17 @@ this.primereact.panelmenu = (function (exports, React, core) {
             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: {
@@ -533,15 +533,15 @@ this.primereact.panelmenu = (function (exports, React, core) {
           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
@@ -563,9 +563,9 @@ this.primereact.panelmenu = (function (exports, React, core) {
     }, {
       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
@@ -591,4 +591,4 @@ this.primereact.panelmenu = (function (exports, React, core) {
 
   return exports;
 
-}({}, React, primereact.core));
+})({}, React, primereact.utils, primereact.csstransition);

package/panelmenu/panelmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.panelmenu=function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(t);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 m(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(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&&p(e.prototype,t),n&&p(e,n),e}function d(e,t){return(d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(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}}),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})(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)})(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(e){h(r,e);var t=g(r);function r(e){var n;return m(this,r),(n=t.call(this,e)).state={activeItem:n.findActiveItem()},n}return f(r,[{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,t){var i=n.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!t}),l=a.default.createRef();return e.items?a.default.createElement(n.CSSTransition,{nodeRef:l,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:t,unmountOnExit:!0},a.default.createElement("div",{ref:l,className:i},a.default.createElement(r,{model:e.items,multiple:this.props.multiple}))):null}},{key:"renderMenuitem",value:function(e,t){var r=this,i=this.isItemActive(e),l=n.classNames("p-menuitem",e.className),s=n.classNames("p-menuitem-link",{"p-disabled":e.disabled}),o=n.classNames("p-menuitem-icon",e.icon),u=n.classNames("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!i,"pi-angle-down":i}),c=e.icon&&a.default.createElement("span",{className:o}),m=e.label&&a.default.createElement("span",{className:"p-menuitem-text"},e.label),p=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(n){return r.onItemClick(n,e,t)},role:"menuitem","aria-disabled":e.disabled},p,c,m);e.template&&(d=n.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return r.onItemClick(n,e,t)},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+"_"+t,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=n.classNames("p-submenu-list",this.props.className),t=this.renderMenu();return a.default.createElement("ul",{className:e,role:"tree"},t)}}]),r}(t.Component);I(k,"defaultProps",{model:null,multiple:!1});var S=function(e){h(r,e);var t=g(r);function r(e){var n;return m(this,r),(n=t.call(this,e)).state={id:e.id,activeItem:n.findActiveItem()},n}return f(r,[{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:n.UniqueComponentId()})}},{key:"renderPanel",value:function(e,t){var r=this,i=this.isItemActive(e),l=n.classNames("p-panelmenu-panel",e.className),s=n.classNames("p-component p-panelmenu-header",{"p-highlight":i,"p-disabled":e.disabled}),o=n.classNames("p-panelmenu-icon pi",{"pi-chevron-right":!i," pi-chevron-down":i}),u=n.classNames("p-menuitem-icon",e.icon),c=e.items&&a.default.createElement("span",{className:o}),m=e.icon&&a.default.createElement("span",{className:u}),p=e.label&&a.default.createElement("span",{className:"p-menuitem-text"},e.label),f=n.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!i}),d=a.default.createRef(),h=a.default.createElement("a",{href:e.url||"#",className:"p-panelmenu-header-link",onClick:function(t){return r.onItemClick(t,e)},"aria-expanded":i,id:this.state.id+"_header","aria-controls":this.state.id+"content","aria-disabled":e.disabled},c,m,p);e.template&&(h=n.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return r.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:i}));return a.default.createElement("div",{key:e.label+"_"+t,className:l,style:e.style},a.default.createElement("div",{className:s,style:e.style},h),a.default.createElement(n.CSSTransition,{nodeRef:d,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:i,unmountOnExit:!0,options:this.props.transitionOptions},a.default.createElement("div",{ref:d,className:f,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=n.classNames("p-panelmenu p-component",this.props.className),t=this.renderPanels();return a.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},t)}}]),r}(t.Component);return I(S,"defaultProps",{id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null}),e.PanelMenu=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.panelmenu=function(e,t,n,r){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(t);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 s(e){if(Array.isArray(e))return l(e)}function o(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 m(e){return s(e)||o(e)||u(e)||c()}function p(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},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}}),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 N(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 I(e){return I=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},I(e)}function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){var t=k();return function(){var n,r=I(e);if(t){var a=I(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return N(this,n)}}function k(){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 S=function(e){v(a,e);var t=E(a);function a(e){var n;return p(this,a),(n=t.call(this,e)).state={activeItem:n.findActiveItem()},n}return d(a,[{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(m(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 i.default.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})}},{key:"renderSubmenu",value:function(e,t){var l=n.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!t}),s=i.default.createRef();return e.items?i.default.createElement(r.CSSTransition,{nodeRef:s,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:t,unmountOnExit:!0},i.default.createElement("div",{ref:s,className:l},i.default.createElement(a,{model:e.items,multiple:this.props.multiple}))):null}},{key:"renderMenuitem",value:function(e,t){var r=this,a=this.isItemActive(e),l=n.classNames("p-menuitem",e.className),s=n.classNames("p-menuitem-link",{"p-disabled":e.disabled}),o=n.classNames("p-menuitem-icon",e.icon),u=n.classNames("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!a,"pi-angle-down":a}),c=e.icon&&i.default.createElement("span",{className:o}),m=e.label&&i.default.createElement("span",{className:"p-menuitem-text"},e.label),p=e.items&&i.default.createElement("span",{className:u}),f=this.renderSubmenu(e,a),d=i.default.createElement("a",{href:e.url||"#",className:s,target:e.target,onClick:function(n){return r.onItemClick(n,e,t)},role:"menuitem","aria-disabled":e.disabled},p,c,m);e.template&&(d=n.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return r.onItemClick(n,e,t)},className:s,labelClassName:"p-menuitem-text",iconClassName:o,submenuIconClassName:u,element:d,props:this.props,leaf:!e.items,active:a}));return i.default.createElement("li",{key:e.label+"_"+t,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=n.classNames("p-submenu-list",this.props.className),t=this.renderMenu();return i.default.createElement("ul",{className:e,role:"tree"},t)}}]),a}(t.Component);g(S,"defaultProps",{model:null,multiple:!1});var x=function(e){v(a,e);var t=E(a);function a(e){var n;return p(this,a),(n=t.call(this,e)).state={id:e.id,activeItem:n.findActiveItem()},n}return d(a,[{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(m(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:n.UniqueComponentId()})}},{key:"renderPanel",value:function(e,t){var a=this,l=this.isItemActive(e),s=n.classNames("p-panelmenu-panel",e.className),o=n.classNames("p-component p-panelmenu-header",{"p-highlight":l,"p-disabled":e.disabled}),u=n.classNames("p-panelmenu-icon pi",{"pi-chevron-right":!l," pi-chevron-down":l}),c=n.classNames("p-menuitem-icon",e.icon),m=e.items&&i.default.createElement("span",{className:u}),p=e.icon&&i.default.createElement("span",{className:c}),f=e.label&&i.default.createElement("span",{className:"p-menuitem-text"},e.label),d=n.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!l}),h=i.default.createRef(),v=i.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},m,p,f);e.template&&(v=n.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return a.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 i.default.createElement("div",{key:e.label+"_"+t,className:s,style:e.style},i.default.createElement("div",{className:o,style:e.style},v),i.default.createElement(r.CSSTransition,{nodeRef:h,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:l,unmountOnExit:!0,options:this.props.transitionOptions},i.default.createElement("div",{ref:h,className:d,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},i.default.createElement("div",{className:"p-panelmenu-content"},i.default.createElement(S,{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=n.classNames("p-panelmenu p-component",this.props.className),t=this.renderPanels();return i.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},t)}}]),a}(t.Component);return g(x,"defaultProps",{id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null}),e.PanelMenu=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.csstransition);