primereact 7.0.0-rc.1 → 7.1.0

package/listbox/listbox.cjs.js

@@ -4,8 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var api = require('primereact/api');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
+var ripple = require('primereact/ripple');
 var inputtext = require('primereact/inputtext');
+var tooltip = require('primereact/tooltip');
 var virtualscroller = require('primereact/virtualscroller');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -248,23 +250,23 @@ var ListBoxItem = /*#__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-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,
@@ -274,7 +276,7 @@ var ListBoxItem = /*#__PURE__*/function (_Component) {
         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));
     }
   }]);
 
@@ -323,18 +325,18 @@ var ListBoxHeader = /*#__PURE__*/function (_Component) {
   }, {
     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"
       })));
     }
@@ -413,7 +415,7 @@ var ListBox = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderTooltip",
     value: function renderTooltip() {
-      this.tooltip = core.tip({
+      this.tooltip = tooltip.tip({
         target: this.element,
         content: this.props.tooltip,
         options: this.props.tooltipOptions
@@ -552,7 +554,7 @@ var ListBox = /*#__PURE__*/function (_Component) {
       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);
       });
     }
   }, {
@@ -570,7 +572,7 @@ var ListBox = /*#__PURE__*/function (_Component) {
             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;
               }
@@ -582,7 +584,7 @@ var ListBox = /*#__PURE__*/function (_Component) {
           }
         }
       } 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;
@@ -603,23 +605,23 @@ var ListBox = /*#__PURE__*/function (_Component) {
   }, {
     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;
@@ -627,17 +629,17 @@ var ListBox = /*#__PURE__*/function (_Component) {
   }, {
     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",
@@ -691,7 +693,7 @@ var ListBox = /*#__PURE__*/function (_Component) {
         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,
@@ -708,12 +710,12 @@ var ListBox = /*#__PURE__*/function (_Component) {
     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 {
@@ -721,7 +723,7 @@ var ListBox = /*#__PURE__*/function (_Component) {
         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,
@@ -764,8 +766,8 @@ var ListBox = /*#__PURE__*/function (_Component) {
             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",
@@ -774,14 +776,14 @@ var ListBox = /*#__PURE__*/function (_Component) {
           }
         });
 
-        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
@@ -793,16 +795,16 @@ var ListBox = /*#__PURE__*/function (_Component) {
     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,
@@ -810,14 +812,14 @@ var ListBox = /*#__PURE__*/function (_Component) {
         });
       }
 
-      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;
         },

package/listbox/listbox.cjs.min.js

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

package/listbox/listbox.esm.js

@@ -1,7 +1,9 @@
 import React, { Component } from 'react';
 import { FilterService } from 'primereact/api';
-import { DomHandler, classNames, ObjectUtils, Ripple, tip } from 'primereact/core';
+import { DomHandler, classNames, ObjectUtils } from 'primereact/utils';
+import { Ripple } from 'primereact/ripple';
 import { InputText } from 'primereact/inputtext';
+import { tip } from 'primereact/tooltip';
 import { VirtualScroller } from 'primereact/virtualscroller';
 
 function _extends() {

package/listbox/listbox.esm.min.js

@@ -1 +1 @@
-import t,{Component as e}from"react";import{FilterService as n}from"primereact/api";import{DomHandler as o,classNames as r,ObjectUtils as i,Ripple as l,tip as s}from"primereact/core";import{InputText as a}from"primereact/inputtext";import{VirtualScroller as p}from"primereact/virtualscroller";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}).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 g(t,e,n){return e&&m(t.prototype,e),n&&m(t,n),t}function O(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})(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})(t)}function C(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 O(t)}function w(t){return(w=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function x(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}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}}var L=function(n){E(u,e);var s,a,p=(s=u,a=T(),function(){var t,e=w(s);if(a){var n=w(this).constructor;t=Reflect.construct(e,arguments,n)}else t=e.apply(this,arguments);return C(this,t)});function u(t){var e;return b(this,u),(e=p.call(this,t)).onClick=e.onClick.bind(O(e)),e.onTouchEnd=e.onTouchEnd.bind(O(e)),e.onKeyDown=e.onKeyDown.bind(O(e)),e}return g(u,[{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.hasClass(e,"p-disabled")||o.hasClass(e,"p-listbox-item-group")?this.findNextItem(e):e:null}},{key:"findPrevItem",value:function(t){var e=t.previousElementSibling;return e?o.hasClass(e,"p-disabled")||o.hasClass(e,"p-listbox-item-group")?this.findPrevItem(e):e:null}},{key:"render",value:function(){var e=r("p-listbox-item",{"p-highlight":this.props.selected,"p-disabled":this.props.disabled},this.props.option.className),n=this.props.template?i.getJSXElement(this.props.template,this.props.option):this.props.label;return t.createElement("li",{className:e,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},n,t.createElement(l,null))}}]),u}();function D(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}x(L,"defaultProps",{option:null,label:null,selected:!1,disabled:!1,tabIndex:null,onClick:null,onTouchEnd:null,template:null});var F=function(n){E(l,e);var o,r,i=(o=l,r=D(),function(){var t,e=w(o);if(r){var n=w(this).constructor;t=Reflect.construct(e,arguments,n)}else t=e.apply(this,arguments);return C(this,t)});function l(t){var e;return b(this,l),(e=i.call(this,t)).onFilter=e.onFilter.bind(O(e)),e}return g(l,[{key:"onFilter",value:function(t){this.props.onFilter&&this.props.onFilter({originalEvent:t,value:t.target.value})}},{key:"render",value:function(){return t.createElement("div",{className:"p-listbox-header"},t.createElement("div",{className:"p-listbox-filter-container"},t.createElement(a,{type:"text",value:this.props.filter,onChange:this.onFilter,className:"p-listbox-filter",disabled:this.props.disabled,placeholder:this.props.filterPlaceholder}),t.createElement("span",{className:"p-listbox-filter-icon pi pi-search"})))}}]),l}();function P(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=V(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,s=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return l=t.done,t},e:function(t){s=!0,i=t},f:function(){try{l||null==n.return||n.return()}finally{if(s)throw i}}}}function V(t,e){if(t){if("string"==typeof t)return j(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)?j(t,e):void 0}}function j(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 K(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){x(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 R(){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}}x(F,"defaultProps",{filter:null,filterPlaceholder:null,disabled:!1,onFilter:null});var G=function(o){E(f,e);var l,a,c=(l=f,a=R(),function(){var t,e=w(l);if(a){var n=w(this).constructor;t=Reflect.construct(e,arguments,n)}else t=e.apply(this,arguments);return C(this,t)});function f(t){var e;return b(this,f),(e=c.call(this,t)).state={},e.props.onFilterValueChange||(e.state.filterValue=""),e.onFilter=e.onFilter.bind(O(e)),e.onOptionSelect=e.onOptionSelect.bind(O(e)),e.onOptionTouchEnd=e.onOptionTouchEnd.bind(O(e)),e}return g(f,[{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(K({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=s({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!i.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 o,r=P(this.props.value);try{for(r.s();!(o=r.n()).done;){if(i.equals(o.value,n,this.props.dataKey)){e=!0;break}}}catch(t){r.e(t)}finally{r.f()}}}else e=i.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?i.resolveFieldData(t,this.props.optionLabel):t&&void 0!==t.label?t.label:t}},{key:"getOptionValue",value:function(t){return this.props.optionValue?i.resolveFieldData(t,this.props.optionValue):t&&void 0!==t.value?t.value:t}},{key:"getOptionRenderKey",value:function(t){return this.props.dataKey?i.resolveFieldData(t,this.props.dataKey):this.getOptionLabel(t)}},{key:"isOptionDisabled",value:function(t){return this.props.optionDisabled?i.isFunction(this.props.optionDisabled)?this.props.optionDisabled(t):i.resolveFieldData(t,this.props.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled}},{key:"getOptionGroupRenderKey",value:function(t){return i.resolveFieldData(t,this.props.optionGroupLabel)}},{key:"getOptionGroupLabel",value:function(t){return i.resolveFieldData(t,this.props.optionGroupLabel)}},{key:"getOptionGroupChildren",value:function(t){return i.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=P(this.props.options);try{for(i.s();!(o=i.n()).done;){var l=o.value,s=n.filter(this.getOptionGroupChildren(l),e,t,this.props.filterMatchMode,this.props.filterLocale);s&&s.length&&r.push(K(K({},l),{items:s}))}}catch(t){i.e(t)}finally{i.f()}return r}return n.filter(this.props.options,e,t,this.props.filterMatchMode,this.props.filterLocale)}return this.props.options}},{key:"renderGroupChildren",value:function(e){var n=this;return this.getOptionGroupChildren(e).map((function(e,o){var r=n.getOptionLabel(e),i=o+"_"+n.getOptionRenderKey(e),l=n.isOptionDisabled(e),s=l?null:n.props.tabIndex||0;return t.createElement(L,{key:i,label:r,option:e,template:n.props.itemTemplate,selected:n.isSelected(e),onClick:n.onOptionSelect,onTouchEnd:n.onOptionTouchEnd,tabIndex:s,disabled:l})}))}},{key:"renderItem",value:function(e,n){if(this.props.optionGroupLabel){var o=this.props.optionGroupTemplate?i.getJSXElement(this.props.optionGroupTemplate,e,n):this.getOptionGroupLabel(e),r=this.renderGroupChildren(e),l=n+"_"+this.getOptionGroupRenderKey(e);return t.createElement(t.Fragment,{key:l},t.createElement("li",{className:"p-listbox-item-group"},o),r)}var s=this.getOptionLabel(e),a=n+"_"+this.getOptionRenderKey(e),p=this.isOptionDisabled(e),u=p?null:this.props.tabIndex||0;return t.createElement(L,{key:a,label:s,option:e,template:this.props.itemTemplate,selected:this.isSelected(e),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(e){var n=this;if(this.props.virtualScrollerOptions){var o=K(K({},this.props.virtualScrollerOptions),{items:e,onLazyLoad:function(t){return n.props.virtualScrollerOptions.onLazyLoad(K(K({},t),{filter:n.getFilterValue()}))},itemTemplate:function(t,e){return t&&n.renderItem(t,e.index)},contentTemplate:function(e){var o=r("p-listbox-list",e.className);return t.createElement("ul",{ref:e.contentRef,className:o,role:"listbox","aria-multiselectable":n.props.multiple},e.children)}});return t.createElement(p,u({ref:function(t){return n.virtualScrollerRef=t}},o))}var i=this.renderItems(e);return t.createElement("ul",{className:"p-listbox-list",role:"listbox","aria-multiselectable":this.props.multiple},i)}},{key:"render",value:function(){var e,n=this,o=r("p-listbox p-component",{"p-disabled":this.props.disabled},this.props.className),i=r("p-listbox-list-wrapper",this.props.listClassName),l=this.getVisibleOptions(),s=this.renderList(l);return this.props.filter&&(e=t.createElement(F,{filter:this.getFilterValue(),onFilter:this.onFilter,disabled:this.props.disabled,filterPlaceholder:this.props.filterPlaceholder})),t.createElement("div",{ref:function(t){return n.element=t},id:this.props.id,className:o,style:this.props.style},e,t.createElement("div",{ref:function(t){return n.wrapper=t},className:i,style:this.props.listStyle},s))}}]),f}();x(G,"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});export{G as ListBox};
+import t,{Component as e}from"react";import{FilterService as n}from"primereact/api";import{DomHandler as o,classNames as r,ObjectUtils as i}from"primereact/utils";import{Ripple as l}from"primereact/ripple";import{InputText as s}from"primereact/inputtext";import{tip as a}from"primereact/tooltip";import{VirtualScroller as p}from"primereact/virtualscroller";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 m(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function b(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 g(t,e,n){return e&&b(t.prototype,e),n&&b(t,n),t}function O(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 C(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 O(t)}function w(t){return w=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},w(t)}function x(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}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}}var L=function(n){E(u,e);var s,a,p=(s=u,a=T(),function(){var t,e=w(s);if(a){var n=w(this).constructor;t=Reflect.construct(e,arguments,n)}else t=e.apply(this,arguments);return C(this,t)});function u(t){var e;return m(this,u),(e=p.call(this,t)).onClick=e.onClick.bind(O(e)),e.onTouchEnd=e.onTouchEnd.bind(O(e)),e.onKeyDown=e.onKeyDown.bind(O(e)),e}return g(u,[{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.hasClass(e,"p-disabled")||o.hasClass(e,"p-listbox-item-group")?this.findNextItem(e):e:null}},{key:"findPrevItem",value:function(t){var e=t.previousElementSibling;return e?o.hasClass(e,"p-disabled")||o.hasClass(e,"p-listbox-item-group")?this.findPrevItem(e):e:null}},{key:"render",value:function(){var e=r("p-listbox-item",{"p-highlight":this.props.selected,"p-disabled":this.props.disabled},this.props.option.className),n=this.props.template?i.getJSXElement(this.props.template,this.props.option):this.props.label;return t.createElement("li",{className:e,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},n,t.createElement(l,null))}}]),u}();function D(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}x(L,"defaultProps",{option:null,label:null,selected:!1,disabled:!1,tabIndex:null,onClick:null,onTouchEnd:null,template:null});var F=function(n){E(l,e);var o,r,i=(o=l,r=D(),function(){var t,e=w(o);if(r){var n=w(this).constructor;t=Reflect.construct(e,arguments,n)}else t=e.apply(this,arguments);return C(this,t)});function l(t){var e;return m(this,l),(e=i.call(this,t)).onFilter=e.onFilter.bind(O(e)),e}return g(l,[{key:"onFilter",value:function(t){this.props.onFilter&&this.props.onFilter({originalEvent:t,value:t.target.value})}},{key:"render",value:function(){return t.createElement("div",{className:"p-listbox-header"},t.createElement("div",{className:"p-listbox-filter-container"},t.createElement(s,{type:"text",value:this.props.filter,onChange:this.onFilter,className:"p-listbox-filter",disabled:this.props.disabled,placeholder:this.props.filterPlaceholder}),t.createElement("span",{className:"p-listbox-filter-icon pi pi-search"})))}}]),l}();function P(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=V(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,s=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return l=t.done,t},e:function(t){s=!0,i=t},f:function(){try{l||null==n.return||n.return()}finally{if(s)throw i}}}}function V(t,e){if(t){if("string"==typeof t)return j(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)?j(t,e):void 0}}function j(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 K(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){x(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 R(){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}}x(F,"defaultProps",{filter:null,filterPlaceholder:null,disabled:!1,onFilter:null});var G=function(o){E(f,e);var l,s,c=(l=f,s=R(),function(){var t,e=w(l);if(s){var n=w(this).constructor;t=Reflect.construct(e,arguments,n)}else t=e.apply(this,arguments);return C(this,t)});function f(t){var e;return m(this,f),(e=c.call(this,t)).state={},e.props.onFilterValueChange||(e.state.filterValue=""),e.onFilter=e.onFilter.bind(O(e)),e.onOptionSelect=e.onOptionSelect.bind(O(e)),e.onOptionTouchEnd=e.onOptionTouchEnd.bind(O(e)),e}return g(f,[{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(K({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=a({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!i.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 o,r=P(this.props.value);try{for(r.s();!(o=r.n()).done;){if(i.equals(o.value,n,this.props.dataKey)){e=!0;break}}}catch(t){r.e(t)}finally{r.f()}}}else e=i.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?i.resolveFieldData(t,this.props.optionLabel):t&&void 0!==t.label?t.label:t}},{key:"getOptionValue",value:function(t){return this.props.optionValue?i.resolveFieldData(t,this.props.optionValue):t&&void 0!==t.value?t.value:t}},{key:"getOptionRenderKey",value:function(t){return this.props.dataKey?i.resolveFieldData(t,this.props.dataKey):this.getOptionLabel(t)}},{key:"isOptionDisabled",value:function(t){return this.props.optionDisabled?i.isFunction(this.props.optionDisabled)?this.props.optionDisabled(t):i.resolveFieldData(t,this.props.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled}},{key:"getOptionGroupRenderKey",value:function(t){return i.resolveFieldData(t,this.props.optionGroupLabel)}},{key:"getOptionGroupLabel",value:function(t){return i.resolveFieldData(t,this.props.optionGroupLabel)}},{key:"getOptionGroupChildren",value:function(t){return i.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=P(this.props.options);try{for(i.s();!(o=i.n()).done;){var l=o.value,s=n.filter(this.getOptionGroupChildren(l),e,t,this.props.filterMatchMode,this.props.filterLocale);s&&s.length&&r.push(K(K({},l),{items:s}))}}catch(t){i.e(t)}finally{i.f()}return r}return n.filter(this.props.options,e,t,this.props.filterMatchMode,this.props.filterLocale)}return this.props.options}},{key:"renderGroupChildren",value:function(e){var n=this;return this.getOptionGroupChildren(e).map((function(e,o){var r=n.getOptionLabel(e),i=o+"_"+n.getOptionRenderKey(e),l=n.isOptionDisabled(e),s=l?null:n.props.tabIndex||0;return t.createElement(L,{key:i,label:r,option:e,template:n.props.itemTemplate,selected:n.isSelected(e),onClick:n.onOptionSelect,onTouchEnd:n.onOptionTouchEnd,tabIndex:s,disabled:l})}))}},{key:"renderItem",value:function(e,n){if(this.props.optionGroupLabel){var o=this.props.optionGroupTemplate?i.getJSXElement(this.props.optionGroupTemplate,e,n):this.getOptionGroupLabel(e),r=this.renderGroupChildren(e),l=n+"_"+this.getOptionGroupRenderKey(e);return t.createElement(t.Fragment,{key:l},t.createElement("li",{className:"p-listbox-item-group"},o),r)}var s=this.getOptionLabel(e),a=n+"_"+this.getOptionRenderKey(e),p=this.isOptionDisabled(e),u=p?null:this.props.tabIndex||0;return t.createElement(L,{key:a,label:s,option:e,template:this.props.itemTemplate,selected:this.isSelected(e),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(e){var n=this;if(this.props.virtualScrollerOptions){var o=K(K({},this.props.virtualScrollerOptions),{items:e,onLazyLoad:function(t){return n.props.virtualScrollerOptions.onLazyLoad(K(K({},t),{filter:n.getFilterValue()}))},itemTemplate:function(t,e){return t&&n.renderItem(t,e.index)},contentTemplate:function(e){var o=r("p-listbox-list",e.className);return t.createElement("ul",{ref:e.contentRef,className:o,role:"listbox","aria-multiselectable":n.props.multiple},e.children)}});return t.createElement(p,u({ref:function(t){return n.virtualScrollerRef=t}},o))}var i=this.renderItems(e);return t.createElement("ul",{className:"p-listbox-list",role:"listbox","aria-multiselectable":this.props.multiple},i)}},{key:"render",value:function(){var e,n=this,o=r("p-listbox p-component",{"p-disabled":this.props.disabled},this.props.className),i=r("p-listbox-list-wrapper",this.props.listClassName),l=this.getVisibleOptions(),s=this.renderList(l);return this.props.filter&&(e=t.createElement(F,{filter:this.getFilterValue(),onFilter:this.onFilter,disabled:this.props.disabled,filterPlaceholder:this.props.filterPlaceholder})),t.createElement("div",{ref:function(t){return n.element=t},id:this.props.id,className:o,style:this.props.style},e,t.createElement("div",{ref:function(t){return n.wrapper=t},className:i,style:this.props.listStyle},s))}}]),f}();x(G,"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});export{G as ListBox};