primereact 7.0.0-rc.1 → 7.1.0

package/listbox/listbox.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.listbox = (function (exports, React, api, core, inputtext, virtualscroller) {
+this.primereact.listbox = (function (exports, React, api, utils, ripple, inputtext, tooltip, virtualscroller) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -242,23 +242,23 @@ this.primereact.listbox = (function (exports, React, api, core, inputtext, virtu
       key: "findNextItem",
       value: function findNextItem(item) {
         var nextItem = item.nextElementSibling;
-        if (nextItem) return core.DomHandler.hasClass(nextItem, 'p-disabled') || core.DomHandler.hasClass(nextItem, 'p-listbox-item-group') ? this.findNextItem(nextItem) : nextItem;else return null;
+        if (nextItem) return utils.DomHandler.hasClass(nextItem, 'p-disabled') || utils.DomHandler.hasClass(nextItem, 'p-listbox-item-group') ? this.findNextItem(nextItem) : nextItem;else return null;
       }
     }, {
       key: "findPrevItem",
       value: function findPrevItem(item) {
         var prevItem = item.previousElementSibling;
-        if (prevItem) return core.DomHandler.hasClass(prevItem, 'p-disabled') || core.DomHandler.hasClass(prevItem, 'p-listbox-item-group') ? this.findPrevItem(prevItem) : prevItem;else return null;
+        if (prevItem) return utils.DomHandler.hasClass(prevItem, 'p-disabled') || utils.DomHandler.hasClass(prevItem, 'p-listbox-item-group') ? this.findPrevItem(prevItem) : prevItem;else return null;
       }
     }, {
       key: "render",
       value: function render() {
-        var className = core.classNames('p-listbox-item', {
+        var className = utils.classNames('p-listbox-item', {
           'p-highlight': this.props.selected,
           'p-disabled': this.props.disabled
         }, this.props.option.className);
-        var content = this.props.template ? core.ObjectUtils.getJSXElement(this.props.template, this.props.option) : this.props.label;
-        return /*#__PURE__*/React__default['default'].createElement("li", {
+        var content = this.props.template ? utils.ObjectUtils.getJSXElement(this.props.template, this.props.option) : this.props.label;
+        return /*#__PURE__*/React__default["default"].createElement("li", {
           className: className,
           onClick: this.onClick,
           onTouchEnd: this.onTouchEnd,
@@ -268,7 +268,7 @@ this.primereact.listbox = (function (exports, React, api, core, inputtext, virtu
           key: this.props.label,
           role: "option",
           "aria-selected": this.props.selected
-        }, content, /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+        }, content, /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
       }
     }]);
 
@@ -317,18 +317,18 @@ this.primereact.listbox = (function (exports, React, api, core, inputtext, virtu
     }, {
       key: "render",
       value: function render() {
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-listbox-header"
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-listbox-filter-container"
-        }, /*#__PURE__*/React__default['default'].createElement(inputtext.InputText, {
+        }, /*#__PURE__*/React__default["default"].createElement(inputtext.InputText, {
           type: "text",
           value: this.props.filter,
           onChange: this.onFilter,
           className: "p-listbox-filter",
           disabled: this.props.disabled,
           placeholder: this.props.filterPlaceholder
-        }), /*#__PURE__*/React__default['default'].createElement("span", {
+        }), /*#__PURE__*/React__default["default"].createElement("span", {
           className: "p-listbox-filter-icon pi pi-search"
         })));
       }
@@ -407,7 +407,7 @@ this.primereact.listbox = (function (exports, React, api, core, inputtext, virtu
     }, {
       key: "renderTooltip",
       value: function renderTooltip() {
-        this.tooltip = core.tip({
+        this.tooltip = tooltip.tip({
           target: this.element,
           content: this.props.tooltip,
           options: this.props.tooltipOptions
@@ -546,7 +546,7 @@ this.primereact.listbox = (function (exports, React, api, core, inputtext, virtu
         var _this2 = this;
 
         return this.props.value.filter(function (val) {
-          return !core.ObjectUtils.equals(val, _this2.getOptionValue(option), _this2.props.dataKey);
+          return !utils.ObjectUtils.equals(val, _this2.getOptionValue(option), _this2.props.dataKey);
         });
       }
     }, {
@@ -564,7 +564,7 @@ this.primereact.listbox = (function (exports, React, api, core, inputtext, virtu
               for (_iterator.s(); !(_step = _iterator.n()).done;) {
                 var val = _step.value;
 
-                if (core.ObjectUtils.equals(val, optionValue, this.props.dataKey)) {
+                if (utils.ObjectUtils.equals(val, optionValue, this.props.dataKey)) {
                   selected = true;
                   break;
                 }
@@ -576,7 +576,7 @@ this.primereact.listbox = (function (exports, React, api, core, inputtext, virtu
             }
           }
         } else {
-          selected = core.ObjectUtils.equals(this.props.value, optionValue, this.props.dataKey);
+          selected = utils.ObjectUtils.equals(this.props.value, optionValue, this.props.dataKey);
         }
 
         return selected;
@@ -597,23 +597,23 @@ this.primereact.listbox = (function (exports, React, api, core, inputtext, virtu
     }, {
       key: "getOptionLabel",
       value: function getOptionLabel(option) {
-        return this.props.optionLabel ? core.ObjectUtils.resolveFieldData(option, this.props.optionLabel) : option && option['label'] !== undefined ? option['label'] : option;
+        return this.props.optionLabel ? utils.ObjectUtils.resolveFieldData(option, this.props.optionLabel) : option && option['label'] !== undefined ? option['label'] : option;
       }
     }, {
       key: "getOptionValue",
       value: function getOptionValue(option) {
-        return this.props.optionValue ? core.ObjectUtils.resolveFieldData(option, this.props.optionValue) : option && option['value'] !== undefined ? option['value'] : option;
+        return this.props.optionValue ? utils.ObjectUtils.resolveFieldData(option, this.props.optionValue) : option && option['value'] !== undefined ? option['value'] : option;
       }
     }, {
       key: "getOptionRenderKey",
       value: function getOptionRenderKey(option) {
-        return this.props.dataKey ? core.ObjectUtils.resolveFieldData(option, this.props.dataKey) : this.getOptionLabel(option);
+        return this.props.dataKey ? utils.ObjectUtils.resolveFieldData(option, this.props.dataKey) : this.getOptionLabel(option);
       }
     }, {
       key: "isOptionDisabled",
       value: function isOptionDisabled(option) {
         if (this.props.optionDisabled) {
-          return core.ObjectUtils.isFunction(this.props.optionDisabled) ? this.props.optionDisabled(option) : core.ObjectUtils.resolveFieldData(option, this.props.optionDisabled);
+          return utils.ObjectUtils.isFunction(this.props.optionDisabled) ? this.props.optionDisabled(option) : utils.ObjectUtils.resolveFieldData(option, this.props.optionDisabled);
         }
 
         return option && option['disabled'] !== undefined ? option['disabled'] : false;
@@ -621,17 +621,17 @@ this.primereact.listbox = (function (exports, React, api, core, inputtext, virtu
     }, {
       key: "getOptionGroupRenderKey",
       value: function getOptionGroupRenderKey(optionGroup) {
-        return core.ObjectUtils.resolveFieldData(optionGroup, this.props.optionGroupLabel);
+        return utils.ObjectUtils.resolveFieldData(optionGroup, this.props.optionGroupLabel);
       }
     }, {
       key: "getOptionGroupLabel",
       value: function getOptionGroupLabel(optionGroup) {
-        return core.ObjectUtils.resolveFieldData(optionGroup, this.props.optionGroupLabel);
+        return utils.ObjectUtils.resolveFieldData(optionGroup, this.props.optionGroupLabel);
       }
     }, {
       key: "getOptionGroupChildren",
       value: function getOptionGroupChildren(optionGroup) {
-        return core.ObjectUtils.resolveFieldData(optionGroup, this.props.optionGroupChildren);
+        return utils.ObjectUtils.resolveFieldData(optionGroup, this.props.optionGroupChildren);
       }
     }, {
       key: "getVisibleOptions",
@@ -685,7 +685,7 @@ this.primereact.listbox = (function (exports, React, api, core, inputtext, virtu
           var disabled = _this3.isOptionDisabled(option);
 
           var tabIndex = disabled ? null : _this3.props.tabIndex || 0;
-          return /*#__PURE__*/React__default['default'].createElement(ListBoxItem, {
+          return /*#__PURE__*/React__default["default"].createElement(ListBoxItem, {
             key: optionKey,
             label: optionLabel,
             option: option,
@@ -702,12 +702,12 @@ this.primereact.listbox = (function (exports, React, api, core, inputtext, virtu
       key: "renderItem",
       value: function renderItem(option, index) {
         if (this.props.optionGroupLabel) {
-          var groupContent = this.props.optionGroupTemplate ? core.ObjectUtils.getJSXElement(this.props.optionGroupTemplate, option, index) : this.getOptionGroupLabel(option);
+          var groupContent = this.props.optionGroupTemplate ? utils.ObjectUtils.getJSXElement(this.props.optionGroupTemplate, option, index) : this.getOptionGroupLabel(option);
           var groupChildrenContent = this.renderGroupChildren(option);
           var key = index + '_' + this.getOptionGroupRenderKey(option);
-          return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, {
+          return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
             key: key
-          }, /*#__PURE__*/React__default['default'].createElement("li", {
+          }, /*#__PURE__*/React__default["default"].createElement("li", {
             className: "p-listbox-item-group"
           }, groupContent), groupChildrenContent);
         } else {
@@ -715,7 +715,7 @@ this.primereact.listbox = (function (exports, React, api, core, inputtext, virtu
           var optionKey = index + '_' + this.getOptionRenderKey(option);
           var disabled = this.isOptionDisabled(option);
           var tabIndex = disabled ? null : this.props.tabIndex || 0;
-          return /*#__PURE__*/React__default['default'].createElement(ListBoxItem, {
+          return /*#__PURE__*/React__default["default"].createElement(ListBoxItem, {
             key: optionKey,
             label: optionLabel,
             option: option,
@@ -758,8 +758,8 @@ this.primereact.listbox = (function (exports, React, api, core, inputtext, virtu
               return item && _this5.renderItem(item, options.index);
             },
             contentTemplate: function contentTemplate(options) {
-              var className = core.classNames('p-listbox-list', options.className);
-              return /*#__PURE__*/React__default['default'].createElement("ul", {
+              var className = utils.classNames('p-listbox-list', options.className);
+              return /*#__PURE__*/React__default["default"].createElement("ul", {
                 ref: options.contentRef,
                 className: className,
                 role: "listbox",
@@ -768,14 +768,14 @@ this.primereact.listbox = (function (exports, React, api, core, inputtext, virtu
             }
           });
 
-          return /*#__PURE__*/React__default['default'].createElement(virtualscroller.VirtualScroller, _extends({
+          return /*#__PURE__*/React__default["default"].createElement(virtualscroller.VirtualScroller, _extends({
             ref: function ref(el) {
               return _this5.virtualScrollerRef = el;
             }
           }, virtualScrollerProps));
         } else {
           var items = this.renderItems(visibleOptions);
-          return /*#__PURE__*/React__default['default'].createElement("ul", {
+          return /*#__PURE__*/React__default["default"].createElement("ul", {
             className: "p-listbox-list",
             role: "listbox",
             "aria-multiselectable": this.props.multiple
@@ -787,16 +787,16 @@ this.primereact.listbox = (function (exports, React, api, core, inputtext, virtu
       value: function render() {
         var _this6 = this;
 
-        var className = core.classNames('p-listbox p-component', {
+        var className = utils.classNames('p-listbox p-component', {
           'p-disabled': this.props.disabled
         }, this.props.className);
-        var listClassName = core.classNames('p-listbox-list-wrapper', this.props.listClassName);
+        var listClassName = utils.classNames('p-listbox-list-wrapper', this.props.listClassName);
         var visibleOptions = this.getVisibleOptions();
         var list = this.renderList(visibleOptions);
         var header;
 
         if (this.props.filter) {
-          header = /*#__PURE__*/React__default['default'].createElement(ListBoxHeader, {
+          header = /*#__PURE__*/React__default["default"].createElement(ListBoxHeader, {
             filter: this.getFilterValue(),
             onFilter: this.onFilter,
             disabled: this.props.disabled,
@@ -804,14 +804,14 @@ this.primereact.listbox = (function (exports, React, api, core, inputtext, virtu
           });
         }
 
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             return _this6.element = el;
           },
           id: this.props.id,
           className: className,
           style: this.props.style
-        }, header, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, header, /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             return _this6.wrapper = el;
           },
@@ -864,4 +864,4 @@ this.primereact.listbox = (function (exports, React, api, core, inputtext, virtu
 
   return exports;
 
-}({}, React, primereact.api, primereact.core, primereact.inputtext, primereact.virtualscroller));
+})({}, React, primereact.api, primereact.utils, primereact.ripple, primereact.inputtext, primereact.tooltip, primereact.virtualscroller);

package/listbox/listbox.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.listbox=function(t,e,n,o,r,i){"use strict";function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=l(e);function s(){return(s=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t}).apply(this,arguments)}function p(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}function u(t){if(Array.isArray(t))return p(t)}function c(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function f(t,e){if(t){if("string"==typeof t)return p(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(t,e):void 0}}function h(){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 d(t){return u(t)||c(t)||f(t)||h()}function v(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function y(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function b(t,e,n){return e&&y(t.prototype,e),n&&y(t,n),t}function m(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function O(t,e){return(O=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function g(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&O(t,e)}function k(t){return(k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function E(t,e){if(e&&("object"===k(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return m(t)}function S(t){return(S=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function j(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function C(){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(t){return!1}}var w=function(t){g(i,t);var e,n,r=(e=i,n=C(),function(){var t,o=S(e);if(n){var r=S(this).constructor;t=Reflect.construct(o,arguments,r)}else t=o.apply(this,arguments);return E(this,t)});function i(t){var e;return v(this,i),(e=r.call(this,t)).onClick=e.onClick.bind(m(e)),e.onTouchEnd=e.onTouchEnd.bind(m(e)),e.onKeyDown=e.onKeyDown.bind(m(e)),e}return b(i,[{key:"onClick",value:function(t){this.props.onClick&&this.props.onClick({originalEvent:t,option:this.props.option}),t.preventDefault()}},{key:"onTouchEnd",value:function(t){this.props.onTouchEnd&&this.props.onTouchEnd({originalEvent:t,option:this.props.option})}},{key:"onKeyDown",value:function(t){var e=t.currentTarget;switch(t.which){case 40:var n=this.findNextItem(e);n&&n.focus(),t.preventDefault();break;case 38:var o=this.findPrevItem(e);o&&o.focus(),t.preventDefault();break;case 13:this.onClick(t),t.preventDefault()}}},{key:"findNextItem",value:function(t){var e=t.nextElementSibling;return e?o.DomHandler.hasClass(e,"p-disabled")||o.DomHandler.hasClass(e,"p-listbox-item-group")?this.findNextItem(e):e:null}},{key:"findPrevItem",value:function(t){var e=t.previousElementSibling;return e?o.DomHandler.hasClass(e,"p-disabled")||o.DomHandler.hasClass(e,"p-listbox-item-group")?this.findPrevItem(e):e:null}},{key:"render",value:function(){var t=o.classNames("p-listbox-item",{"p-highlight":this.props.selected,"p-disabled":this.props.disabled},this.props.option.className),e=this.props.template?o.ObjectUtils.getJSXElement(this.props.template,this.props.option):this.props.label;return a.default.createElement("li",{className:t,onClick:this.onClick,onTouchEnd:this.onTouchEnd,onKeyDown:this.onKeyDown,tabIndex:this.props.tabIndex,"aria-label":this.props.label,key:this.props.label,role:"option","aria-selected":this.props.selected},e,a.default.createElement(o.Ripple,null))}}]),i}(e.Component);function x(){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(t){return!1}}j(w,"defaultProps",{option:null,label:null,selected:!1,disabled:!1,tabIndex:null,onClick:null,onTouchEnd:null,template:null});var D=function(t){g(i,t);var e,n,o=(e=i,n=x(),function(){var t,o=S(e);if(n){var r=S(this).constructor;t=Reflect.construct(o,arguments,r)}else t=o.apply(this,arguments);return E(this,t)});function i(t){var e;return v(this,i),(e=o.call(this,t)).onFilter=e.onFilter.bind(m(e)),e}return b(i,[{key:"onFilter",value:function(t){this.props.onFilter&&this.props.onFilter({originalEvent:t,value:t.target.value})}},{key:"render",value:function(){return a.default.createElement("div",{className:"p-listbox-header"},a.default.createElement("div",{className:"p-listbox-filter-container"},a.default.createElement(r.InputText,{type:"text",value:this.props.filter,onChange:this.onFilter,className:"p-listbox-filter",disabled:this.props.disabled,placeholder:this.props.filterPlaceholder}),a.default.createElement("span",{className:"p-listbox-filter-icon pi pi-search"})))}}]),i}(e.Component);function T(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=F(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var o=0,r=function(){};return{s:r,n:function(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function(t){throw t},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,l=!0,a=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return l=t.done,t},e:function(t){a=!0,i=t},f:function(){try{l||null==n.return||n.return()}finally{if(a)throw i}}}}function F(t,e){if(t){if("string"==typeof t)return L(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(t,e):void 0}}function L(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}function P(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function V(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?P(Object(n),!0).forEach((function(e){j(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function I(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}j(D,"defaultProps",{filter:null,filterPlaceholder:null,disabled:!1,onFilter:null});var R=function(t){g(p,t);var e,r,l=(e=p,r=I(),function(){var t,n=S(e);if(r){var o=S(this).constructor;t=Reflect.construct(n,arguments,o)}else t=n.apply(this,arguments);return E(this,t)});function p(t){var e;return v(this,p),(e=l.call(this,t)).state={},e.props.onFilterValueChange||(e.state.filterValue=""),e.onFilter=e.onFilter.bind(m(e)),e.onOptionSelect=e.onOptionSelect.bind(m(e)),e.onOptionTouchEnd=e.onOptionTouchEnd.bind(m(e)),e}return b(p,[{key:"componentDidMount",value:function(){this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(t){t.tooltip===this.props.tooltip&&t.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(V({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"componentWillUnmount",value:function(){this.tooltip&&(this.tooltip.destroy(),this.tooltip=null)}},{key:"renderTooltip",value:function(){this.tooltip=o.tip({target:this.element,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"getFilterValue",value:function(){return(this.props.onFilterValueChange?this.props.filterValue:this.state.filterValue)||""}},{key:"onOptionSelect",value:function(t){var e=t.option;this.props.disabled||this.isOptionDisabled(e)||(this.props.multiple?this.onOptionSelectMultiple(t.originalEvent,e):this.onOptionSelectSingle(t.originalEvent,e),this.optionTouched=!1)}},{key:"onOptionTouchEnd",value:function(){this.props.disabled||(this.optionTouched=!0)}},{key:"onOptionSelectSingle",value:function(t,e){var n=this.isSelected(e),o=!1,r=null;!this.optionTouched&&this.props.metaKeySelection?n?(t.metaKey||t.ctrlKey)&&(r=null,o=!0):(r=this.getOptionValue(e),o=!0):(r=n?null:this.getOptionValue(e),o=!0);o&&this.updateModel(t,r)}},{key:"onOptionSelectMultiple",value:function(t,e){var n=this.isSelected(e),o=!1,r=null;if(!this.optionTouched&&this.props.metaKeySelection){var i=t.metaKey||t.ctrlKey;n?(r=i?this.removeOption(e):[this.getOptionValue(e)],o=!0):(r=[].concat(d(r=i&&this.props.value||[]),[this.getOptionValue(e)]),o=!0)}else r=n?this.removeOption(e):[].concat(d(this.props.value||[]),[this.getOptionValue(e)]),o=!0;o&&this.props.onChange({originalEvent:t,value:r,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:r}})}},{key:"onFilter",value:function(t){var e=t.value;this.props.onFilterValueChange?this.props.onFilterValueChange({originalEvent:t.originalEvent,value:e}):this.setState({filterValue:e})}},{key:"updateModel",value:function(t,e){this.props.onChange&&this.props.onChange({originalEvent:t,value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:e}})}},{key:"removeOption",value:function(t){var e=this;return this.props.value.filter((function(n){return!o.ObjectUtils.equals(n,e.getOptionValue(t),e.props.dataKey)}))}},{key:"isSelected",value:function(t){var e=!1,n=this.getOptionValue(t);if(this.props.multiple){if(this.props.value){var r,i=T(this.props.value);try{for(i.s();!(r=i.n()).done;){if(o.ObjectUtils.equals(r.value,n,this.props.dataKey)){e=!0;break}}}catch(t){i.e(t)}finally{i.f()}}}else e=o.ObjectUtils.equals(this.props.value,n,this.props.dataKey);return e}},{key:"filter",value:function(t){var e=this.getFilterValue().trim().toLocaleLowerCase(this.props.filterLocale);return this.getOptionLabel(t).toLocaleLowerCase(this.props.filterLocale).indexOf(e)>-1}},{key:"hasFilter",value:function(){var t=this.getFilterValue();return t&&t.trim().length>0}},{key:"getOptionLabel",value:function(t){return this.props.optionLabel?o.ObjectUtils.resolveFieldData(t,this.props.optionLabel):t&&void 0!==t.label?t.label:t}},{key:"getOptionValue",value:function(t){return this.props.optionValue?o.ObjectUtils.resolveFieldData(t,this.props.optionValue):t&&void 0!==t.value?t.value:t}},{key:"getOptionRenderKey",value:function(t){return this.props.dataKey?o.ObjectUtils.resolveFieldData(t,this.props.dataKey):this.getOptionLabel(t)}},{key:"isOptionDisabled",value:function(t){return this.props.optionDisabled?o.ObjectUtils.isFunction(this.props.optionDisabled)?this.props.optionDisabled(t):o.ObjectUtils.resolveFieldData(t,this.props.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled}},{key:"getOptionGroupRenderKey",value:function(t){return o.ObjectUtils.resolveFieldData(t,this.props.optionGroupLabel)}},{key:"getOptionGroupLabel",value:function(t){return o.ObjectUtils.resolveFieldData(t,this.props.optionGroupLabel)}},{key:"getOptionGroupChildren",value:function(t){return o.ObjectUtils.resolveFieldData(t,this.props.optionGroupChildren)}},{key:"getVisibleOptions",value:function(){if(this.hasFilter()){var t=this.getFilterValue().trim().toLocaleLowerCase(this.props.filterLocale),e=this.props.filterBy?this.props.filterBy.split(","):[this.props.optionLabel||"label"];if(this.props.optionGroupLabel){var o,r=[],i=T(this.props.options);try{for(i.s();!(o=i.n()).done;){var l=o.value,a=n.FilterService.filter(this.getOptionGroupChildren(l),e,t,this.props.filterMatchMode,this.props.filterLocale);a&&a.length&&r.push(V(V({},l),{items:a}))}}catch(t){i.e(t)}finally{i.f()}return r}return n.FilterService.filter(this.props.options,e,t,this.props.filterMatchMode,this.props.filterLocale)}return this.props.options}},{key:"renderGroupChildren",value:function(t){var e=this;return this.getOptionGroupChildren(t).map((function(t,n){var o=e.getOptionLabel(t),r=n+"_"+e.getOptionRenderKey(t),i=e.isOptionDisabled(t),l=i?null:e.props.tabIndex||0;return a.default.createElement(w,{key:r,label:o,option:t,template:e.props.itemTemplate,selected:e.isSelected(t),onClick:e.onOptionSelect,onTouchEnd:e.onOptionTouchEnd,tabIndex:l,disabled:i})}))}},{key:"renderItem",value:function(t,e){if(this.props.optionGroupLabel){var n=this.props.optionGroupTemplate?o.ObjectUtils.getJSXElement(this.props.optionGroupTemplate,t,e):this.getOptionGroupLabel(t),r=this.renderGroupChildren(t),i=e+"_"+this.getOptionGroupRenderKey(t);return a.default.createElement(a.default.Fragment,{key:i},a.default.createElement("li",{className:"p-listbox-item-group"},n),r)}var l=this.getOptionLabel(t),s=e+"_"+this.getOptionRenderKey(t),p=this.isOptionDisabled(t),u=p?null:this.props.tabIndex||0;return a.default.createElement(w,{key:s,label:l,option:t,template:this.props.itemTemplate,selected:this.isSelected(t),onClick:this.onOptionSelect,onTouchEnd:this.onOptionTouchEnd,tabIndex:u,disabled:p})}},{key:"renderItems",value:function(t){var e=this;return t&&t.length?t.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"renderList",value:function(t){var e=this;if(this.props.virtualScrollerOptions){var n=V(V({},this.props.virtualScrollerOptions),{items:t,onLazyLoad:function(t){return e.props.virtualScrollerOptions.onLazyLoad(V(V({},t),{filter:e.getFilterValue()}))},itemTemplate:function(t,n){return t&&e.renderItem(t,n.index)},contentTemplate:function(t){var n=o.classNames("p-listbox-list",t.className);return a.default.createElement("ul",{ref:t.contentRef,className:n,role:"listbox","aria-multiselectable":e.props.multiple},t.children)}});return a.default.createElement(i.VirtualScroller,s({ref:function(t){return e.virtualScrollerRef=t}},n))}var r=this.renderItems(t);return a.default.createElement("ul",{className:"p-listbox-list",role:"listbox","aria-multiselectable":this.props.multiple},r)}},{key:"render",value:function(){var t,e=this,n=o.classNames("p-listbox p-component",{"p-disabled":this.props.disabled},this.props.className),r=o.classNames("p-listbox-list-wrapper",this.props.listClassName),i=this.getVisibleOptions(),l=this.renderList(i);return this.props.filter&&(t=a.default.createElement(D,{filter:this.getFilterValue(),onFilter:this.onFilter,disabled:this.props.disabled,filterPlaceholder:this.props.filterPlaceholder})),a.default.createElement("div",{ref:function(t){return e.element=t},id:this.props.id,className:n,style:this.props.style},t,a.default.createElement("div",{ref:function(t){return e.wrapper=t},className:r,style:this.props.listStyle},l))}}]),p}(e.Component);return j(R,"defaultProps",{id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,itemTemplate:null,style:null,listStyle:null,listClassName:null,className:null,virtualScrollerOptions:null,disabled:null,dataKey:null,multiple:!1,metaKeySelection:!1,filter:!1,filterBy:null,filterValue:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,tabIndex:0,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null,onFilterValueChange:null}),t.ListBox=R,Object.defineProperty(t,"__esModule",{value:!0}),t}({},React,primereact.api,primereact.core,primereact.inputtext,primereact.virtualscroller);
+this.primereact=this.primereact||{},this.primereact.listbox=function(t,e,n,o,r,i,l,a){"use strict";function s(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var p=s(e);function u(){return u=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},u.apply(this,arguments)}function c(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}function f(t){if(Array.isArray(t))return c(t)}function h(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function d(t,e){if(t){if("string"==typeof t)return c(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(t,e):void 0}}function v(){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 y(t){return f(t)||h(t)||d(t)||v()}function b(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function m(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function O(t,e,n){return e&&m(t.prototype,e),n&&m(t,n),t}function g(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function k(t,e){return k=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},k(t,e)}function E(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&k(t,e)}function S(t){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},S(t)}function j(t,e){if(e&&("object"===S(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return g(t)}function C(t){return C=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},C(t)}function w(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function x(){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(t){return!1}}var D=function(t){E(l,t);var e,n,i=(e=l,n=x(),function(){var t,o=C(e);if(n){var r=C(this).constructor;t=Reflect.construct(o,arguments,r)}else t=o.apply(this,arguments);return j(this,t)});function l(t){var e;return b(this,l),(e=i.call(this,t)).onClick=e.onClick.bind(g(e)),e.onTouchEnd=e.onTouchEnd.bind(g(e)),e.onKeyDown=e.onKeyDown.bind(g(e)),e}return O(l,[{key:"onClick",value:function(t){this.props.onClick&&this.props.onClick({originalEvent:t,option:this.props.option}),t.preventDefault()}},{key:"onTouchEnd",value:function(t){this.props.onTouchEnd&&this.props.onTouchEnd({originalEvent:t,option:this.props.option})}},{key:"onKeyDown",value:function(t){var e=t.currentTarget;switch(t.which){case 40:var n=this.findNextItem(e);n&&n.focus(),t.preventDefault();break;case 38:var o=this.findPrevItem(e);o&&o.focus(),t.preventDefault();break;case 13:this.onClick(t),t.preventDefault()}}},{key:"findNextItem",value:function(t){var e=t.nextElementSibling;return e?o.DomHandler.hasClass(e,"p-disabled")||o.DomHandler.hasClass(e,"p-listbox-item-group")?this.findNextItem(e):e:null}},{key:"findPrevItem",value:function(t){var e=t.previousElementSibling;return e?o.DomHandler.hasClass(e,"p-disabled")||o.DomHandler.hasClass(e,"p-listbox-item-group")?this.findPrevItem(e):e:null}},{key:"render",value:function(){var t=o.classNames("p-listbox-item",{"p-highlight":this.props.selected,"p-disabled":this.props.disabled},this.props.option.className),e=this.props.template?o.ObjectUtils.getJSXElement(this.props.template,this.props.option):this.props.label;return p.default.createElement("li",{className:t,onClick:this.onClick,onTouchEnd:this.onTouchEnd,onKeyDown:this.onKeyDown,tabIndex:this.props.tabIndex,"aria-label":this.props.label,key:this.props.label,role:"option","aria-selected":this.props.selected},e,p.default.createElement(r.Ripple,null))}}]),l}(e.Component);function T(){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(t){return!1}}w(D,"defaultProps",{option:null,label:null,selected:!1,disabled:!1,tabIndex:null,onClick:null,onTouchEnd:null,template:null});var F=function(t){E(r,t);var e,n,o=(e=r,n=T(),function(){var t,o=C(e);if(n){var r=C(this).constructor;t=Reflect.construct(o,arguments,r)}else t=o.apply(this,arguments);return j(this,t)});function r(t){var e;return b(this,r),(e=o.call(this,t)).onFilter=e.onFilter.bind(g(e)),e}return O(r,[{key:"onFilter",value:function(t){this.props.onFilter&&this.props.onFilter({originalEvent:t,value:t.target.value})}},{key:"render",value:function(){return p.default.createElement("div",{className:"p-listbox-header"},p.default.createElement("div",{className:"p-listbox-filter-container"},p.default.createElement(i.InputText,{type:"text",value:this.props.filter,onChange:this.onFilter,className:"p-listbox-filter",disabled:this.props.disabled,placeholder:this.props.filterPlaceholder}),p.default.createElement("span",{className:"p-listbox-filter-icon pi pi-search"})))}}]),r}(e.Component);function L(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=P(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var o=0,r=function(){};return{s:r,n:function(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function(t){throw t},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,l=!0,a=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return l=t.done,t},e:function(t){a=!0,i=t},f:function(){try{l||null==n.return||n.return()}finally{if(a)throw i}}}}function P(t,e){if(t){if("string"==typeof t)return V(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?V(t,e):void 0}}function V(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}function I(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function R(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?I(Object(n),!0).forEach((function(e){w(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}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(t){return!1}}w(F,"defaultProps",{filter:null,filterPlaceholder:null,disabled:!1,onFilter:null});var N=function(t){E(s,t);var e,r,i=(e=s,r=K(),function(){var t,n=C(e);if(r){var o=C(this).constructor;t=Reflect.construct(n,arguments,o)}else t=n.apply(this,arguments);return j(this,t)});function s(t){var e;return b(this,s),(e=i.call(this,t)).state={},e.props.onFilterValueChange||(e.state.filterValue=""),e.onFilter=e.onFilter.bind(g(e)),e.onOptionSelect=e.onOptionSelect.bind(g(e)),e.onOptionTouchEnd=e.onOptionTouchEnd.bind(g(e)),e}return O(s,[{key:"componentDidMount",value:function(){this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(t){t.tooltip===this.props.tooltip&&t.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(R({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"componentWillUnmount",value:function(){this.tooltip&&(this.tooltip.destroy(),this.tooltip=null)}},{key:"renderTooltip",value:function(){this.tooltip=l.tip({target:this.element,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"getFilterValue",value:function(){return(this.props.onFilterValueChange?this.props.filterValue:this.state.filterValue)||""}},{key:"onOptionSelect",value:function(t){var e=t.option;this.props.disabled||this.isOptionDisabled(e)||(this.props.multiple?this.onOptionSelectMultiple(t.originalEvent,e):this.onOptionSelectSingle(t.originalEvent,e),this.optionTouched=!1)}},{key:"onOptionTouchEnd",value:function(){this.props.disabled||(this.optionTouched=!0)}},{key:"onOptionSelectSingle",value:function(t,e){var n=this.isSelected(e),o=!1,r=null;!this.optionTouched&&this.props.metaKeySelection?n?(t.metaKey||t.ctrlKey)&&(r=null,o=!0):(r=this.getOptionValue(e),o=!0):(r=n?null:this.getOptionValue(e),o=!0);o&&this.updateModel(t,r)}},{key:"onOptionSelectMultiple",value:function(t,e){var n=this.isSelected(e),o=!1,r=null;if(!this.optionTouched&&this.props.metaKeySelection){var i=t.metaKey||t.ctrlKey;n?(r=i?this.removeOption(e):[this.getOptionValue(e)],o=!0):(r=[].concat(y(r=i&&this.props.value||[]),[this.getOptionValue(e)]),o=!0)}else r=n?this.removeOption(e):[].concat(y(this.props.value||[]),[this.getOptionValue(e)]),o=!0;o&&this.props.onChange({originalEvent:t,value:r,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:r}})}},{key:"onFilter",value:function(t){var e=t.value;this.props.onFilterValueChange?this.props.onFilterValueChange({originalEvent:t.originalEvent,value:e}):this.setState({filterValue:e})}},{key:"updateModel",value:function(t,e){this.props.onChange&&this.props.onChange({originalEvent:t,value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:e}})}},{key:"removeOption",value:function(t){var e=this;return this.props.value.filter((function(n){return!o.ObjectUtils.equals(n,e.getOptionValue(t),e.props.dataKey)}))}},{key:"isSelected",value:function(t){var e=!1,n=this.getOptionValue(t);if(this.props.multiple){if(this.props.value){var r,i=L(this.props.value);try{for(i.s();!(r=i.n()).done;){if(o.ObjectUtils.equals(r.value,n,this.props.dataKey)){e=!0;break}}}catch(t){i.e(t)}finally{i.f()}}}else e=o.ObjectUtils.equals(this.props.value,n,this.props.dataKey);return e}},{key:"filter",value:function(t){var e=this.getFilterValue().trim().toLocaleLowerCase(this.props.filterLocale);return this.getOptionLabel(t).toLocaleLowerCase(this.props.filterLocale).indexOf(e)>-1}},{key:"hasFilter",value:function(){var t=this.getFilterValue();return t&&t.trim().length>0}},{key:"getOptionLabel",value:function(t){return this.props.optionLabel?o.ObjectUtils.resolveFieldData(t,this.props.optionLabel):t&&void 0!==t.label?t.label:t}},{key:"getOptionValue",value:function(t){return this.props.optionValue?o.ObjectUtils.resolveFieldData(t,this.props.optionValue):t&&void 0!==t.value?t.value:t}},{key:"getOptionRenderKey",value:function(t){return this.props.dataKey?o.ObjectUtils.resolveFieldData(t,this.props.dataKey):this.getOptionLabel(t)}},{key:"isOptionDisabled",value:function(t){return this.props.optionDisabled?o.ObjectUtils.isFunction(this.props.optionDisabled)?this.props.optionDisabled(t):o.ObjectUtils.resolveFieldData(t,this.props.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled}},{key:"getOptionGroupRenderKey",value:function(t){return o.ObjectUtils.resolveFieldData(t,this.props.optionGroupLabel)}},{key:"getOptionGroupLabel",value:function(t){return o.ObjectUtils.resolveFieldData(t,this.props.optionGroupLabel)}},{key:"getOptionGroupChildren",value:function(t){return o.ObjectUtils.resolveFieldData(t,this.props.optionGroupChildren)}},{key:"getVisibleOptions",value:function(){if(this.hasFilter()){var t=this.getFilterValue().trim().toLocaleLowerCase(this.props.filterLocale),e=this.props.filterBy?this.props.filterBy.split(","):[this.props.optionLabel||"label"];if(this.props.optionGroupLabel){var o,r=[],i=L(this.props.options);try{for(i.s();!(o=i.n()).done;){var l=o.value,a=n.FilterService.filter(this.getOptionGroupChildren(l),e,t,this.props.filterMatchMode,this.props.filterLocale);a&&a.length&&r.push(R(R({},l),{items:a}))}}catch(t){i.e(t)}finally{i.f()}return r}return n.FilterService.filter(this.props.options,e,t,this.props.filterMatchMode,this.props.filterLocale)}return this.props.options}},{key:"renderGroupChildren",value:function(t){var e=this;return this.getOptionGroupChildren(t).map((function(t,n){var o=e.getOptionLabel(t),r=n+"_"+e.getOptionRenderKey(t),i=e.isOptionDisabled(t),l=i?null:e.props.tabIndex||0;return p.default.createElement(D,{key:r,label:o,option:t,template:e.props.itemTemplate,selected:e.isSelected(t),onClick:e.onOptionSelect,onTouchEnd:e.onOptionTouchEnd,tabIndex:l,disabled:i})}))}},{key:"renderItem",value:function(t,e){if(this.props.optionGroupLabel){var n=this.props.optionGroupTemplate?o.ObjectUtils.getJSXElement(this.props.optionGroupTemplate,t,e):this.getOptionGroupLabel(t),r=this.renderGroupChildren(t),i=e+"_"+this.getOptionGroupRenderKey(t);return p.default.createElement(p.default.Fragment,{key:i},p.default.createElement("li",{className:"p-listbox-item-group"},n),r)}var l=this.getOptionLabel(t),a=e+"_"+this.getOptionRenderKey(t),s=this.isOptionDisabled(t),u=s?null:this.props.tabIndex||0;return p.default.createElement(D,{key:a,label:l,option:t,template:this.props.itemTemplate,selected:this.isSelected(t),onClick:this.onOptionSelect,onTouchEnd:this.onOptionTouchEnd,tabIndex:u,disabled:s})}},{key:"renderItems",value:function(t){var e=this;return t&&t.length?t.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"renderList",value:function(t){var e=this;if(this.props.virtualScrollerOptions){var n=R(R({},this.props.virtualScrollerOptions),{items:t,onLazyLoad:function(t){return e.props.virtualScrollerOptions.onLazyLoad(R(R({},t),{filter:e.getFilterValue()}))},itemTemplate:function(t,n){return t&&e.renderItem(t,n.index)},contentTemplate:function(t){var n=o.classNames("p-listbox-list",t.className);return p.default.createElement("ul",{ref:t.contentRef,className:n,role:"listbox","aria-multiselectable":e.props.multiple},t.children)}});return p.default.createElement(a.VirtualScroller,u({ref:function(t){return e.virtualScrollerRef=t}},n))}var r=this.renderItems(t);return p.default.createElement("ul",{className:"p-listbox-list",role:"listbox","aria-multiselectable":this.props.multiple},r)}},{key:"render",value:function(){var t,e=this,n=o.classNames("p-listbox p-component",{"p-disabled":this.props.disabled},this.props.className),r=o.classNames("p-listbox-list-wrapper",this.props.listClassName),i=this.getVisibleOptions(),l=this.renderList(i);return this.props.filter&&(t=p.default.createElement(F,{filter:this.getFilterValue(),onFilter:this.onFilter,disabled:this.props.disabled,filterPlaceholder:this.props.filterPlaceholder})),p.default.createElement("div",{ref:function(t){return e.element=t},id:this.props.id,className:n,style:this.props.style},t,p.default.createElement("div",{ref:function(t){return e.wrapper=t},className:r,style:this.props.listStyle},l))}}]),s}(e.Component);return w(N,"defaultProps",{id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,itemTemplate:null,style:null,listStyle:null,listClassName:null,className:null,virtualScrollerOptions:null,disabled:null,dataKey:null,multiple:!1,metaKeySelection:!1,filter:!1,filterBy:null,filterValue:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,tabIndex:0,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null,onFilterValueChange:null}),t.ListBox=N,Object.defineProperty(t,"__esModule",{value:!0}),t}({},React,primereact.api,primereact.utils,primereact.ripple,primereact.inputtext,primereact.tooltip,primereact.virtualscroller);

package/megamenu/megamenu.cjs.js

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

package/megamenu/megamenu.cjs.min.js

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

package/megamenu/megamenu.esm.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import { DomHandler, classNames, Ripple, ObjectUtils } from 'primereact/core';
+import { DomHandler, classNames, ObjectUtils } from 'primereact/utils';
+import { Ripple } from 'primereact/ripple';
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {