primereact 7.0.0-rc.2 → 7.2.0

package/multiselect/multiselect.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/core"),n=require("primereact/inputtext"),i=require("primereact/virtualscroller"),r=require("primereact/api");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(e),s=l(r);function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function u(e){if(Array.isArray(e))return p(e)}function c(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 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 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 f(e){return u(e)||c(e)||h(e)||d()}function y(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 i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function m(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 O(e,t){return(O=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(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&&O(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 C(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 w(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function L(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var x=function(n){k(s,e.Component);var i,r,l=(i=s,r=L(),function(){var e,t=E(i);if(r){var n=E(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return C(this,e)});function s(t){var n;return y(this,s),(n=l.call(this,t)).state={focused:!1},n.onClick=n.onClick.bind(b(n)),n.onFocus=n.onFocus.bind(b(n)),n.onBlur=n.onBlur.bind(b(n)),n.onKeyDown=n.onKeyDown.bind(b(n)),n.inputRef=e.createRef(n.props.inputRef),n}return m(s,[{key:"onClick",value:function(e){if(!this.props.disabled&&!this.props.readOnly&&this.props.onChange){var t=this.isChecked()?this.props.falseValue:this.props.trueValue;this.props.onChange({originalEvent:e,value:this.props.value,checked:t,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:this.props.name,id:this.props.id,value:this.props.value,checked:t}}),this.inputRef.current.checked=!this.isChecked(),this.inputRef.current.focus(),e.preventDefault()}}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentWillUnmount",value:function(){this.tooltip&&(this.tooltip.destroy(),this.tooltip=null)}},{key:"componentDidUpdate",value:function(e){this.inputRef.current.checked=this.isChecked(),e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(D({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"onFocus",value:function(){this.setState({focused:!0})}},{key:"onBlur",value:function(){this.setState({focused:!1})}},{key:"onKeyDown",value:function(e){"Enter"===e.key&&(this.onClick(e),e.preventDefault())}},{key:"renderTooltip",value:function(){this.tooltip=t.tip({target:this.element,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"isChecked",value:function(){return this.props.checked===this.props.trueValue}},{key:"render",value:function(){var e=this,n=t.classNames("p-checkbox p-component",{"p-checkbox-checked":this.isChecked(),"p-checkbox-disabled":this.props.disabled,"p-checkbox-focused":this.state.focused},this.props.className),i=t.classNames("p-checkbox-box",{"p-highlight":this.isChecked(),"p-disabled":this.props.disabled,"p-focus":this.state.focused}),r=t.classNames("p-checkbox-icon p-c",S({},this.props.icon,this.isChecked()));return o.default.createElement("div",{ref:function(t){return e.element=t},id:this.props.id,className:n,style:this.props.style,onClick:this.onClick,onContextMenu:this.props.onContextMenu,onMouseDown:this.props.onMouseDown},o.default.createElement("div",{className:"p-hidden-accessible"},o.default.createElement("input",{ref:this.inputRef,type:"checkbox","aria-labelledby":this.props.ariaLabelledBy,id:this.props.inputId,name:this.props.name,tabIndex:this.props.tabIndex,defaultChecked:this.isChecked(),onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,disabled:this.props.disabled,readOnly:this.props.readOnly,required:this.props.required})),o.default.createElement("div",{className:i,ref:function(t){return e.box=t},role:"checkbox","aria-checked":this.isChecked()},o.default.createElement("span",{className:r})))}}]),s}();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}}S(x,"defaultProps",{id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null,onMouseDown:null,onContextMenu:null});var I=function(i){k(a,e.Component);var r,l,s=(r=a,l=R(),function(){var e,t=E(r);if(l){var n=E(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return C(this,e)});function a(e){var t;return y(this,a),(t=s.call(this,e)).onFilter=t.onFilter.bind(b(t)),t.onSelectAll=t.onSelectAll.bind(b(t)),t}return m(a,[{key:"onFilter",value:function(e){this.props.onFilter&&this.props.onFilter({originalEvent:e,query:e.target.value})}},{key:"onSelectAll",value:function(e){this.props.onSelectAll&&this.props.onSelectAll({originalEvent:e,checked:this.props.selectAll})}},{key:"renderFilterElement",value:function(){return this.props.filter?o.default.createElement("div",{className:"p-multiselect-filter-container"},o.default.createElement(n.InputText,{type:"text",role:"textbox",value:this.props.filterValue,onChange:this.onFilter,className:"p-multiselect-filter",placeholder:this.props.filterPlaceholder}),o.default.createElement("span",{className:"p-multiselect-filter-icon pi pi-search"})):null}},{key:"render",value:function(){var e=this.renderFilterElement(),n=this.props.showSelectAll&&o.default.createElement(x,{checked:this.props.selectAll,onChange:this.onSelectAll,role:"checkbox","aria-checked":this.props.selectAll}),i=o.default.createElement("button",{type:"button",className:"p-multiselect-close p-link",onClick:this.props.onClose},o.default.createElement("span",{className:"p-multiselect-close-icon pi pi-times"}),o.default.createElement(t.Ripple,null)),r=o.default.createElement("div",{className:"p-multiselect-header"},n,e,i);return this.props.template?t.ObjectUtils.getJSXElement(this.props.template,{className:"p-multiselect-header",checkboxElement:n,checked:this.props.selectAll,onChange:this.onSelectAll,filterElement:e,closeElement:i,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon pi pi-times",onCloseClick:this.props.onClose,element:r,props:this.props}):r}}]),a}();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 j=function(n){k(s,e.Component);var i,r,l=(i=s,r=F(),function(){var e,t=E(i);if(r){var n=E(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return C(this,e)});function s(e){var t;return y(this,s),(t=l.call(this,e)).onClick=t.onClick.bind(b(t)),t.onKeyDown=t.onKeyDown.bind(b(t)),t}return m(s,[{key:"onClick",value:function(e){this.props.onClick&&this.props.onClick({originalEvent:e,option:this.props.option}),e.preventDefault()}},{key:"onKeyDown",value:function(e){this.props.onKeyDown&&this.props.onKeyDown({originalEvent:e,option:this.props.option})}},{key:"render",value:function(){var e=t.classNames("p-multiselect-item",{"p-highlight":this.props.selected,"p-disabled":this.props.disabled},this.props.option.className),n=t.classNames("p-checkbox-box",{"p-highlight":this.props.selected}),i=t.classNames("p-checkbox-icon p-c",{"pi pi-check":this.props.selected}),r=this.props.template?t.ObjectUtils.getJSXElement(this.props.template,this.props.option):this.props.label;return o.default.createElement("li",{className:e,onClick:this.onClick,tabIndex:this.props.disabled?null:this.props.tabIndex||0,onKeyDown:this.onKeyDown,role:"option","aria-selected":this.props.selected},o.default.createElement("div",{className:"p-checkbox p-component"},o.default.createElement("div",{className:n},o.default.createElement("span",{className:i}))),o.default.createElement("span",null,r),o.default.createElement(t.Ripple,null))}}]),s}();function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(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(j,"defaultProps",{option:null,label:null,selected:!1,disabled:!1,tabIndex:null,template:null,onClick:null,onKeyDown:null});var K=function(n){k(p,e.Component);var r,l,s=(r=p,l=V(),function(){var e,t=E(r);if(l){var n=E(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return C(this,e)});function p(e){var t;return y(this,p),(t=s.call(this,e)).onEnter=t.onEnter.bind(b(t)),t.onFilterInputChange=t.onFilterInputChange.bind(b(t)),t}return m(p,[{key:"onEnter",value:function(){var e=this;this.props.onEnter((function(){if(e.virtualScrollerRef){var t=e.props.getSelectedOptionIndex();-1!==t&&e.virtualScrollerRef.scrollToIndex(t)}}))}},{key:"onFilterInputChange",value:function(e){this.virtualScrollerRef&&this.virtualScrollerRef.scrollToIndex(0),this.props.onFilterInputChange&&this.props.onFilterInputChange(e)}},{key:"isEmptyFilter",value:function(){return!(this.props.visibleOptions&&this.props.visibleOptions.length)&&this.props.hasFilter()}},{key:"renderHeader",value:function(){return o.default.createElement(I,{filter:this.props.filter,filterValue:this.props.filterValue,onFilter:this.onFilterInputChange,filterPlaceholder:this.props.filterPlaceholder,onClose:this.props.onCloseClick,showSelectAll:this.props.showSelectAll,selectAll:this.props.isAllSelected(),onSelectAll:this.props.onSelectAll,template:this.props.panelHeaderTemplate})}},{key:"renderFooter",value:function(){if(this.props.panelFooterTemplate){var e=t.ObjectUtils.getJSXElement(this.props.panelFooterTemplate,this.props,this.props.onOverlayHide);return o.default.createElement("div",{className:"p-multiselect-footer"},e)}return null}},{key:"renderGroupChildren",value:function(e){var t=this;return this.props.getOptionGroupChildren(e).map((function(e,n){var i=t.props.getOptionLabel(e),r=n+"_"+t.props.getOptionRenderKey(e),l=t.props.isOptionDisabled(e),s=l?null:t.props.tabIndex||0;return o.default.createElement(j,{key:r,label:i,option:e,template:t.props.itemTemplate,selected:t.props.isSelected(e),onClick:t.props.onOptionSelect,onKeyDown:t.props.onOptionKeyDown,tabIndex:s,disabled:l})}))}},{key:"renderEmptyFilter",value:function(){var e=t.ObjectUtils.getJSXElement(this.props.emptyFilterMessage,this.props);return o.default.createElement("li",{className:"p-multiselect-empty-message"},e)}},{key:"renderItem",value:function(e,n){if(this.props.optionGroupLabel){var i=this.props.optionGroupTemplate?t.ObjectUtils.getJSXElement(this.props.optionGroupTemplate,e,n):this.props.getOptionGroupLabel(e),r=this.renderGroupChildren(e),l=n+"_"+this.props.getOptionGroupRenderKey(e);return o.default.createElement(o.default.Fragment,{key:l},o.default.createElement("li",{className:"p-multiselect-item-group"},i),r)}var s=this.props.getOptionLabel(e),a=n+"_"+this.props.getOptionRenderKey(e),p=this.props.isOptionDisabled(e),u=p?null:this.props.tabIndex||0;return o.default.createElement(j,{key:a,label:s,option:e,template:this.props.itemTemplate,selected:this.props.isSelected(e),onClick:this.props.onOptionSelect,onKeyDown:this.props.onOptionKeyDown,tabIndex:u,disabled:p})}},{key:"renderItems",value:function(){var e=this;return this.props.visibleOptions&&this.props.visibleOptions.length?this.props.visibleOptions.map((function(t,n){return e.renderItem(t,n)})):this.props.hasFilter()?this.renderEmptyFilter():null}},{key:"renderContent",value:function(){var e=this;if(this.props.virtualScrollerOptions){var n=P(P({},this.props.virtualScrollerOptions),{style:P(P({},this.props.virtualScrollerOptions.style),{height:this.props.scrollHeight}),className:t.classNames("p-multiselect-items-wrapper",this.props.virtualScrollerOptions.className),items:this.props.visibleOptions,onLazyLoad:function(t){return e.props.virtualScrollerOptions.onLazyLoad(P(P({},t),{filter:e.props.filterValue}))},itemTemplate:function(t,n){return t&&e.renderItem(t,n.index)},contentTemplate:function(n){var i=t.classNames("p-multiselect-items p-component",n.className),r=e.isEmptyFilter()?e.renderEmptyFilter():n.children;return o.default.createElement("ul",{ref:n.contentRef,className:i,role:"listbox","aria-multiselectable":!0},r)}});return o.default.createElement(i.VirtualScroller,a({ref:function(t){return e.virtualScrollerRef=t}},n))}var r=this.renderItems();return o.default.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:this.props.scrollHeight}},o.default.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},r))}},{key:"renderElement",value:function(){var e=t.classNames("p-multiselect-panel p-component",{"p-multiselect-limited":!this.props.allowOptionSelect()},this.props.panelClassName),n=this.renderHeader(),i=this.renderContent(),r=this.renderFooter();return o.default.createElement(t.CSSTransition,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},o.default.createElement("div",{ref:this.props.forwardRef,className:e,style:this.props.panelStyle,onClick:this.props.onClick},n,i,r))}},{key:"render",value:function(){var e=this.renderElement();return o.default.createElement(t.Portal,{element:e,appendTo:this.props.appendTo})}}]),p}(),A=o.default.forwardRef((function(e,t){return o.default.createElement(K,a({forwardRef:t},e))}));function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?G(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function B(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=H(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var i=0,r=function(){};return{s:r,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},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 l,o=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){s=!0,l=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw l}}}}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 U(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function M(){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 q=function(n){k(u,e.Component);var i,l,p=(i=u,l=M(),function(){var e,t=E(i);if(l){var n=E(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return C(this,e)});function u(t){var n;return y(this,u),(n=p.call(this,t)).state={filter:"",focused:!1,overlayVisible:!1},n.onClick=n.onClick.bind(b(n)),n.onKeyDown=n.onKeyDown.bind(b(n)),n.onOptionSelect=n.onOptionSelect.bind(b(n)),n.onOptionKeyDown=n.onOptionKeyDown.bind(b(n)),n.onFocus=n.onFocus.bind(b(n)),n.onBlur=n.onBlur.bind(b(n)),n.onFilterInputChange=n.onFilterInputChange.bind(b(n)),n.onCloseClick=n.onCloseClick.bind(b(n)),n.onSelectAll=n.onSelectAll.bind(b(n)),n.onOverlayEnter=n.onOverlayEnter.bind(b(n)),n.onOverlayEntered=n.onOverlayEntered.bind(b(n)),n.onOverlayExit=n.onOverlayExit.bind(b(n)),n.onOverlayExited=n.onOverlayExited.bind(b(n)),n.onPanelClick=n.onPanelClick.bind(b(n)),n.getOptionLabel=n.getOptionLabel.bind(b(n)),n.getOptionRenderKey=n.getOptionRenderKey.bind(b(n)),n.isOptionDisabled=n.isOptionDisabled.bind(b(n)),n.getOptionGroupChildren=n.getOptionGroupChildren.bind(b(n)),n.getOptionGroupLabel=n.getOptionGroupLabel.bind(b(n)),n.getOptionGroupRenderKey=n.getOptionGroupRenderKey.bind(b(n)),n.allowOptionSelect=n.allowOptionSelect.bind(b(n)),n.isSelected=n.isSelected.bind(b(n)),n.isAllSelected=n.isAllSelected.bind(b(n)),n.hasFilter=n.hasFilter.bind(b(n)),n.getSelectedOptionIndex=n.getSelectedOptionIndex.bind(b(n)),n.hide=n.hide.bind(b(n)),n.onOptionKeyDown=n.onOptionKeyDown.bind(b(n)),n.overlayRef=e.createRef(),n.inputRef=e.createRef(n.props.inputRef),n}return m(u,[{key:"onPanelClick",value:function(e){t.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"allowOptionSelect",value:function(){return!this.props.selectionLimit||!this.props.value||this.props.value&&this.props.value.length<this.props.selectionLimit}},{key:"onOptionSelect",value:function(e){var n=this,i=e.originalEvent,r=e.option;if(!this.props.disabled&&!this.isOptionDisabled(r)){var l=this.getOptionValue(r),o=this.isOptionValueUsed(r),s=this.isSelected(r),a=this.allowOptionSelect();s?this.updateModel(i,this.props.value.filter((function(e){return!t.ObjectUtils.equals(o?e:n.getOptionValue(e),l,n.equalityKey())}))):a&&this.updateModel(i,[].concat(f(this.props.value||[]),[l]))}}},{key:"onOptionKeyDown",value:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var i=this.findNextItem(n);i&&i.focus(),t.preventDefault();break;case 38:var r=this.findPrevItem(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:this.onOptionSelect(e),t.preventDefault();break;case 27:this.hide(),this.inputRef.current.focus()}}},{key:"findNextItem",value:function(e){var n=e.nextElementSibling;return n?t.DomHandler.hasClass(n,"p-disabled")||t.DomHandler.hasClass(n,"p-multiselect-item-group")?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-multiselect-item-group")?this.findPrevItem(n):n:null}},{key:"onClick",value:function(e){this.props.disabled||this.isPanelClicked(e)||t.DomHandler.hasClass(e.target,"p-multiselect-token-icon")||this.isClearClicked(e)||(this.state.overlayVisible?this.hide():this.show(),this.inputRef.current.focus())}},{key:"onKeyDown",value:function(e){switch(e.which){case 40:!this.state.overlayVisible&&e.altKey&&(this.show(),e.preventDefault());break;case 32:this.state.overlayVisible?this.hide():this.show(),e.preventDefault();break;case 27:this.hide();break;case 9:if(this.state.overlayVisible){var n=t.DomHandler.getFirstFocusableElement(this.overlayRef.current);n&&(n.focus(),e.preventDefault())}}}},{key:"onSelectAll",value:function(e){var t=this;if(this.props.onSelectAll)this.props.onSelectAll(e);else{var n=null,i=this.getVisibleOptions();if(e.checked){if(n=[],i){var r=i.filter((function(e){return t.isOptionDisabled(e)&&t.isSelected(e)}));n=r.map((function(e){return t.getOptionValue(e)}))}}else i&&(i=i.filter((function(e){return!t.isOptionDisabled(e)})),this.props.optionGroupLabel?(n=[],i.forEach((function(e){return n=[].concat(f(n),f(t.getOptionGroupChildren(e).filter((function(e){return!t.isOptionDisabled(e)})).map((function(e){return t.getOptionValue(e)}))))}))):n=i.map((function(e){return t.getOptionValue(e)})),n=f(new Set([].concat(f(n),f(this.props.value||[])))));this.updateModel(e.originalEvent,n)}}},{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:"onFilterInputChange",value:function(e){var t=this,n=e.query;this.setState({filter:n},(function(){t.props.onFilter&&t.props.onFilter({originalEvent:e,filter:n})}))}},{key:"resetFilter",value:function(){var e=this;this.setState({filter:""},(function(){e.props.onFilter&&e.props.onFilter({filter:""})}))}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onOverlayEnter",value:function(e){t.ZIndexUtils.set("overlay",this.overlayRef.current),this.alignOverlay(),this.scrollInView(),e&&e()}},{key:"onOverlayEntered",value:function(e){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),e&&e(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){this.props.filter&&this.props.resetFilterOnHide&&this.resetFilter(),t.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){t.DomHandler.alignOverlay(this.overlayRef.current,this.label.parentElement,this.props.appendTo||s.default.appendTo)}},{key:"scrollInView",value:function(){var e=t.DomHandler.findSingle(this.overlayRef.current,"li.p-highlight");e&&e.scrollIntoView({block:"nearest",inline:"start"})}},{key:"onCloseClick",value:function(e){this.hide(),this.inputRef.current.focus(),e.preventDefault(),e.stopPropagation()}},{key:"getSelectedOptionIndex",value:function(){if(null!=this.props.value&&this.props.options){if(!this.props.optionGroupLabel)return this.findOptionIndexInList(this.props.value,this.props.options);for(var e=0;e<this.props.options.length;e++){var t=this.findOptionIndexInList(this.props.value,this.getOptionGroupChildren(this.props.options[e]));if(-1!==t)return{group:e,option:t}}}return-1}},{key:"findOptionIndexInList",value:function(e,n){var i=this,r=this.equalityKey();return n.findIndex((function(n){return e.some((function(e){return t.ObjectUtils.equals(e,i.getOptionValue(n),r)}))}))}},{key:"isSelected",value:function(e){var n=this,i=!1;if(this.props.value){var r=this.getOptionValue(e),l=this.isOptionValueUsed(e),o=this.equalityKey();i=this.props.value.some((function(e){return t.ObjectUtils.equals(l?e:n.getOptionValue(e),r,o)}))}return i}},{key:"getLabelByValue",value:function(e){var t;if(this.props.options)if(this.props.optionGroupLabel){var n,i=B(this.props.options);try{for(i.s();!(n=i.n()).done;){if(t=this.findOptionByValue(e,this.getOptionGroupChildren(n.value)))break}}catch(e){i.e(e)}finally{i.f()}}else t=this.findOptionByValue(e,this.props.options);return t?this.getOptionLabel(t):null}},{key:"findOptionByValue",value:function(e,n){var i,r=this.equalityKey(),l=B(n);try{for(l.s();!(i=l.n()).done;){var o=i.value,s=this.getOptionValue(o);if(t.ObjectUtils.equals(s,e,r))return o}}catch(e){l.e(e)}finally{l.f()}return null}},{key:"onFocus",value:function(e){var t=this;e.persist(),this.setState({focused:!0},(function(){t.props.onFocus&&t.props.onFocus(e)}))}},{key:"onBlur",value:function(e){var t=this;e.persist(),this.setState({focused:!1},(function(){t.props.onBlur&&t.props.onBlur(e)}))}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new t.ConnectedOverlayScrollHandler(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!t.DomHandler.isAndroid()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.isClearClicked(e)||this.container.contains(e.target)||this.isPanelClicked(e))}},{key:"isClearClicked",value:function(e){return t.DomHandler.hasClass(e.target,"p-multiselect-clear-icon")}},{key:"isPanelClicked",value:function(e){return this.overlayRef&&this.overlayRef.current&&this.overlayRef.current.contains(e.target)}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),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(T({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip()),this.state.overlayVisible&&this.hasFilter()&&this.alignOverlay()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),t.ZIndexUtils.clear(this.overlayRef.current)}},{key:"hasFilter",value:function(){return this.state.filter&&this.state.filter.trim().length>0}},{key:"isAllSelected",value:function(){var e=this;if(this.props.onSelectAll)return this.props.selectAll;var t=this.getVisibleOptions();if(0===t.length)return!1;if(t=t.filter((function(t){return!e.isOptionDisabled(t)})),this.props.optionGroupLabel){var n,i=B(t);try{for(i.s();!(n=i.n()).done;){var r,l=B(this.getOptionGroupChildren(n.value).filter((function(t){return!e.isOptionDisabled(t)})));try{for(l.s();!(r=l.n()).done;){if(!this.isSelected(r.value))return!1}}catch(e){l.e(e)}finally{l.f()}}}catch(e){i.e(e)}finally{i.f()}}else{var o,s=B(t);try{for(s.s();!(o=s.n()).done;){if(!this.isSelected(o.value))return!1}}catch(e){s.e(e)}finally{s.f()}}return!0}},{key:"getOptionLabel",value:function(e){return this.props.optionLabel?t.ObjectUtils.resolveFieldData(e,this.props.optionLabel):e&&void 0!==e.label?e.label:e}},{key:"getOptionValue",value:function(e){if(this.props.optionValue){var n=t.ObjectUtils.resolveFieldData(e,this.props.optionValue);return null!==n?n:e}return e&&void 0!==e.value?e.value:e}},{key:"getOptionRenderKey",value:function(e){return this.props.dataKey?t.ObjectUtils.resolveFieldData(e,this.props.dataKey):this.getOptionLabel(e)}},{key:"getOptionGroupRenderKey",value:function(e){return t.ObjectUtils.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"getOptionGroupLabel",value:function(e){return t.ObjectUtils.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"getOptionGroupChildren",value:function(e){return t.ObjectUtils.resolveFieldData(e,this.props.optionGroupChildren)}},{key:"isOptionDisabled",value:function(e){return this.props.optionDisabled?t.ObjectUtils.isFunction(this.props.optionDisabled)?this.props.optionDisabled(e):t.ObjectUtils.resolveFieldData(e,this.props.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled}},{key:"isOptionValueUsed",value:function(e){return this.props.optionValue||e&&void 0!==e.value}},{key:"getVisibleOptions",value:function(){if(this.hasFilter()){var e=this.state.filter.trim().toLocaleLowerCase(this.props.filterLocale),t=this.props.filterBy?this.props.filterBy.split(","):[this.props.optionLabel||"label"];if(this.props.optionGroupLabel){var n,i=[],l=B(this.props.options);try{for(l.s();!(n=l.n()).done;){var o=n.value,s=r.FilterService.filter(this.getOptionGroupChildren(o),t,e,this.props.filterMatchMode,this.props.filterLocale);s&&s.length&&i.push(T(T({},o),{items:s}))}}catch(e){l.e(e)}finally{l.f()}return i}return r.FilterService.filter(this.props.options,t,e,this.props.filterMatchMode,this.props.filterLocale)}return this.props.options}},{key:"isEmpty",value:function(){return!this.props.value||0===this.props.value.length}},{key:"equalityKey",value:function(){return this.props.optionValue?null:this.props.dataKey}},{key:"checkValidity",value:function(){return this.inputRef.current.checkValidity()}},{key:"removeChip",value:function(e,n){var i=this.equalityKey(),r=this.props.value.filter((function(e){return!t.ObjectUtils.equals(e,n,i)}));this.updateModel(e,r)}},{key:"getSelectedItemsLabel",value:function(){var e=/{(.*?)}/;return e.test(this.props.selectedItemsLabel)?this.props.selectedItemsLabel.replace(this.props.selectedItemsLabel.match(e)[0],this.props.value.length+""):this.props.selectedItemsLabel}},{key:"getLabel",value:function(){var e;if(!this.isEmpty()&&!this.props.fixedPlaceholder){if(this.props.value.length<=this.props.maxSelectedLabels){e="";for(var t=0;t<this.props.value.length;t++)0!==t&&(e+=","),e+=this.getLabelByValue(this.props.value[t]);return e}return this.getSelectedItemsLabel()}return e}},{key:"getLabelContent",value:function(){var e=this;return this.props.selectedItemTemplate?this.isEmpty()?t.ObjectUtils.getJSXElement(this.props.selectedItemTemplate):this.props.value.length<=this.props.maxSelectedLabels?this.props.value.map((function(n,i){var r=t.ObjectUtils.getJSXElement(e.props.selectedItemTemplate,n);return o.default.createElement(o.default.Fragment,{key:i},r)})):this.getSelectedItemsLabel():"chip"!==this.props.display||this.isEmpty()?this.getLabel():this.props.value.map((function(t){var n=e.getLabelByValue(t);return o.default.createElement("div",{className:"p-multiselect-token",key:n},o.default.createElement("span",{className:"p-multiselect-token-label"},n),!e.props.disabled&&o.default.createElement("span",{className:"p-multiselect-token-icon pi pi-times-circle",onClick:function(n){return e.removeChip(n,t)}}))}))}},{key:"renderTooltip",value:function(){this.tooltip=t.tip({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderClearIcon",value:function(){var e=this;return this.isEmpty()||!this.props.showClear||this.props.disabled?null:o.default.createElement("i",{className:"p-multiselect-clear-icon pi pi-times",onClick:function(t){return e.updateModel(t,null)}})}},{key:"renderLabel",value:function(){var e=this,n=this.isEmpty(),i=this.getLabelContent(),r=t.classNames("p-multiselect-label",{"p-placeholder":n&&this.props.placeholder,"p-multiselect-label-empty":n&&!this.props.placeholder&&!this.props.selectedItemTemplate,"p-multiselect-items-label":!n&&this.props.value.length>this.props.maxSelectedLabels});return o.default.createElement("div",{ref:function(t){return e.label=t},className:"p-multiselect-label-container"},o.default.createElement("div",{className:r},i||this.props.placeholder||"empty"))}},{key:"render",value:function(){var e=this,n=t.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===this.props.display,"p-disabled":this.props.disabled,"p-multiselect-clearable":this.props.showClear&&!this.props.disabled,"p-focus":this.state.focused,"p-inputwrapper-filled":this.props.value&&this.props.value.length>0,"p-inputwrapper-focus":this.state.focused||this.state.overlayVisible},this.props.className),i=t.classNames("p-multiselect-trigger-icon p-c",this.props.dropdownIcon),r=this.getVisibleOptions(),l=this.renderLabel(),s=this.renderClearIcon();return o.default.createElement("div",{id:this.props.id,className:n,onClick:this.onClick,ref:function(t){return e.container=t},style:this.props.style},o.default.createElement("div",{className:"p-hidden-accessible"},o.default.createElement("input",{ref:this.inputRef,id:this.props.inputId,name:this.props.name,readOnly:!0,type:"text",onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,role:"listbox","aria-haspopup":"listbox","aria-labelledby":this.props.ariaLabelledBy,"aria-expanded":this.state.overlayVisible,disabled:this.props.disabled,tabIndex:this.props.tabIndex})),l,s,o.default.createElement("div",{className:"p-multiselect-trigger"},o.default.createElement("span",{className:i})),o.default.createElement(A,a({ref:this.overlayRef,visibleOptions:r},this.props,{onClick:this.onPanelClick,onOverlayHide:this.hide,filterValue:this.state.filter,hasFilter:this.hasFilter,onFilterInputChange:this.onFilterInputChange,onCloseClick:this.onCloseClick,onSelectAll:this.onSelectAll,getOptionLabel:this.getOptionLabel,getOptionRenderKey:this.getOptionRenderKey,isOptionDisabled:this.isOptionDisabled,getOptionGroupChildren:this.getOptionGroupChildren,getOptionGroupLabel:this.getOptionGroupLabel,getOptionGroupRenderKey:this.getOptionGroupRenderKey,isSelected:this.isSelected,getSelectedOptionIndex:this.getSelectedOptionIndex,isAllSelected:this.isAllSelected,onOptionSelect:this.onOptionSelect,allowOptionSelect:this.allowOptionSelect,onOptionKeyDown:this.onOptionKeyDown,in:this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited})))}}]),u}();S(q,"defaultProps",{id:null,inputRef:null,name:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,display:"comma",style:null,className:null,panelClassName:null,panelStyle:null,virtualScrollerOptions:null,scrollHeight:"200px",placeholder:null,fixedPlaceholder:!1,disabled:!1,showClear:!1,filter:!1,filterBy:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,emptyFilterMessage:"No results found",resetFilterOnHide:!1,tabIndex:0,dataKey:null,inputId:null,appendTo:null,tooltip:null,tooltipOptions:null,maxSelectedLabels:3,selectionLimit:null,selectedItemsLabel:"{0} items selected",ariaLabelledBy:null,itemTemplate:null,selectedItemTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",showSelectAll:!0,selectAll:!1,onChange:null,onFocus:null,onBlur:null,onShow:null,onHide:null,onFilter:null,onSelectAll:null}),exports.MultiSelect=q;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),i=require("primereact/tooltip"),n=require("primereact/csstransition"),r=require("primereact/portal"),o=require("primereact/inputtext"),l=require("primereact/ripple"),s=require("primereact/virtualscroller"),p=require("primereact/api"),a=require("primereact/overlayservice");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(e),h=u(p);function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},d.apply(this,arguments)}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,n=new Array(t);i<t;i++)n[i]=e[i];return n}function y(e){if(Array.isArray(e))return f(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return f(e,t);var i=Object.prototype.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?f(e,t):void 0}}function b(){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 O(e){return y(e)||v(e)||m(e)||b()}function g(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function k(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function C(e,t,i){return t&&k(e.prototype,t),i&&k(e,i),Object.defineProperty(e,"prototype",{writable:!1}),e}function S(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function E(e,t){return E=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},E(e,t)}function w(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&E(e,t)}function L(e){return L="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},L(e)}function D(e,t){if(t&&("object"===L(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return S(e)}function x(e){return x=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},x(e)}function I(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function R(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function F(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?R(Object(i),!0).forEach((function(t){I(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):R(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return 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 P=function(n){w(s,e.Component);var r,o,l=(r=s,o=j(),function(){var e,t=x(r);if(o){var i=x(this).constructor;e=Reflect.construct(t,arguments,i)}else e=t.apply(this,arguments);return D(this,e)});function s(t){var i;return g(this,s),(i=l.call(this,t)).state={focused:!1},i.onClick=i.onClick.bind(S(i)),i.onFocus=i.onFocus.bind(S(i)),i.onBlur=i.onBlur.bind(S(i)),i.onKeyDown=i.onKeyDown.bind(S(i)),i.inputRef=e.createRef(i.props.inputRef),i}return C(s,[{key:"onClick",value:function(e){if(!this.props.disabled&&!this.props.readOnly&&this.props.onChange){var t=this.isChecked()?this.props.falseValue:this.props.trueValue;this.props.onChange({originalEvent:e,value:this.props.value,checked:t,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:this.props.name,id:this.props.id,value:this.props.value,checked:t}}),this.inputRef.current.checked=!this.isChecked(),this.inputRef.current.focus(),e.preventDefault()}}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentWillUnmount",value:function(){this.tooltip&&(this.tooltip.destroy(),this.tooltip=null)}},{key:"componentDidUpdate",value:function(e){this.inputRef.current.checked=this.isChecked(),e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(F({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"onFocus",value:function(){this.setState({focused:!0})}},{key:"onBlur",value:function(){this.setState({focused:!1})}},{key:"onKeyDown",value:function(e){"Enter"===e.key&&(this.onClick(e),e.preventDefault())}},{key:"renderTooltip",value:function(){this.tooltip=i.tip({target:this.element,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"isChecked",value:function(){return this.props.checked===this.props.trueValue}},{key:"render",value:function(){var e=this,i=this.isChecked(),n=t.classNames("p-checkbox p-component",{"p-checkbox-checked":i,"p-checkbox-disabled":this.props.disabled,"p-checkbox-focused":this.state.focused},this.props.className),r=t.classNames("p-checkbox-box",{"p-highlight":i,"p-disabled":this.props.disabled,"p-focus":this.state.focused}),o=i&&this.props.icon;return c.default.createElement("div",{ref:function(t){return e.element=t},id:this.props.id,className:n,style:this.props.style,onClick:this.onClick,onContextMenu:this.props.onContextMenu,onMouseDown:this.props.onMouseDown},c.default.createElement("div",{className:"p-hidden-accessible"},c.default.createElement("input",{ref:this.inputRef,type:"checkbox","aria-labelledby":this.props.ariaLabelledBy,id:this.props.inputId,name:this.props.name,tabIndex:this.props.tabIndex,defaultChecked:i,onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,disabled:this.props.disabled,readOnly:this.props.readOnly,required:this.props.required})),c.default.createElement("div",{className:r,ref:function(t){return e.box=t},role:"checkbox","aria-checked":i},t.IconUtils.getJSXIcon(o,{className:"p-checkbox-icon p-c"},{props:this.props,checked:i})))}}]),s}();function N(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}I(P,"defaultProps",{id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null,onMouseDown:null,onContextMenu:null});var V=function(i){w(p,e.Component);var n,r,s=(n=p,r=N(),function(){var e,t=x(n);if(r){var i=x(this).constructor;e=Reflect.construct(t,arguments,i)}else e=t.apply(this,arguments);return D(this,e)});function p(e){var t;return g(this,p),(t=s.call(this,e)).onFilter=t.onFilter.bind(S(t)),t.onSelectAll=t.onSelectAll.bind(S(t)),t}return C(p,[{key:"onFilter",value:function(e){this.props.onFilter&&this.props.onFilter({originalEvent:e,query:e.target.value})}},{key:"onSelectAll",value:function(e){this.props.onSelectAll&&this.props.onSelectAll({originalEvent:e,checked:this.props.selectAll})}},{key:"renderFilterElement",value:function(){return this.props.filter?c.default.createElement("div",{className:"p-multiselect-filter-container"},c.default.createElement(o.InputText,{type:"text",role:"textbox",value:this.props.filterValue,onChange:this.onFilter,className:"p-multiselect-filter",placeholder:this.props.filterPlaceholder}),c.default.createElement("span",{className:"p-multiselect-filter-icon pi pi-search"})):null}},{key:"render",value:function(){var e=this.renderFilterElement(),i=this.props.showSelectAll&&c.default.createElement(P,{checked:this.props.selectAll,onChange:this.onSelectAll,role:"checkbox","aria-checked":this.props.selectAll}),n=c.default.createElement("button",{type:"button",className:"p-multiselect-close p-link",onClick:this.props.onClose},c.default.createElement("span",{className:"p-multiselect-close-icon pi pi-times"}),c.default.createElement(l.Ripple,null)),r=c.default.createElement("div",{className:"p-multiselect-header"},i,e,n);return this.props.template?t.ObjectUtils.getJSXElement(this.props.template,{className:"p-multiselect-header",checkboxElement:i,checked:this.props.selectAll,onChange:this.onSelectAll,filterElement:e,closeElement:n,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon pi pi-times",onCloseClick:this.props.onClose,element:r,props:this.props}):r}}]),p}();function K(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var A=function(i){w(s,e.Component);var n,r,o=(n=s,r=K(),function(){var e,t=x(n);if(r){var i=x(this).constructor;e=Reflect.construct(t,arguments,i)}else e=t.apply(this,arguments);return D(this,e)});function s(e){var t;return g(this,s),(t=o.call(this,e)).onClick=t.onClick.bind(S(t)),t.onKeyDown=t.onKeyDown.bind(S(t)),t}return C(s,[{key:"onClick",value:function(e){this.props.onClick&&this.props.onClick({originalEvent:e,option:this.props.option}),e.preventDefault()}},{key:"onKeyDown",value:function(e){this.props.onKeyDown&&this.props.onKeyDown({originalEvent:e,option:this.props.option})}},{key:"render",value:function(){var e=t.classNames("p-multiselect-item",{"p-highlight":this.props.selected,"p-disabled":this.props.disabled},this.props.option.className),i=t.classNames("p-checkbox-box",{"p-highlight":this.props.selected}),n=t.classNames("p-checkbox-icon p-c",{"pi pi-check":this.props.selected}),r=this.props.template?t.ObjectUtils.getJSXElement(this.props.template,this.props.option):this.props.label;return c.default.createElement("li",{className:e,onClick:this.onClick,tabIndex:this.props.disabled?null:this.props.tabIndex||0,onKeyDown:this.onKeyDown,role:"option","aria-selected":this.props.selected},c.default.createElement("div",{className:"p-checkbox p-component"},c.default.createElement("div",{className:i},c.default.createElement("span",{className:n}))),c.default.createElement("span",null,r),c.default.createElement(l.Ripple,null))}}]),s}();function T(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function G(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?T(Object(i),!0).forEach((function(t){I(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):T(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function B(){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}}I(A,"defaultProps",{option:null,label:null,selected:!1,disabled:!1,tabIndex:null,template:null,onClick:null,onKeyDown:null});var U=function(i){w(u,e.Component);var o,l,a=(o=u,l=B(),function(){var e,t=x(o);if(l){var i=x(this).constructor;e=Reflect.construct(t,arguments,i)}else e=t.apply(this,arguments);return D(this,e)});function u(e){var t;return g(this,u),(t=a.call(this,e)).onEnter=t.onEnter.bind(S(t)),t.onFilterInputChange=t.onFilterInputChange.bind(S(t)),t}return C(u,[{key:"onEnter",value:function(){var e=this;this.props.onEnter((function(){if(e.virtualScrollerRef){var t=e.props.getSelectedOptionIndex();-1!==t&&e.virtualScrollerRef.scrollToIndex(t)}}))}},{key:"onFilterInputChange",value:function(e){this.virtualScrollerRef&&this.virtualScrollerRef.scrollToIndex(0),this.props.onFilterInputChange&&this.props.onFilterInputChange(e)}},{key:"isEmptyFilter",value:function(){return!(this.props.visibleOptions&&this.props.visibleOptions.length)&&this.props.hasFilter()}},{key:"renderHeader",value:function(){return c.default.createElement(V,{filter:this.props.filter,filterValue:this.props.filterValue,onFilter:this.onFilterInputChange,filterPlaceholder:this.props.filterPlaceholder,onClose:this.props.onCloseClick,showSelectAll:this.props.showSelectAll,selectAll:this.props.isAllSelected(),onSelectAll:this.props.onSelectAll,template:this.props.panelHeaderTemplate})}},{key:"renderFooter",value:function(){if(this.props.panelFooterTemplate){var e=t.ObjectUtils.getJSXElement(this.props.panelFooterTemplate,this.props,this.props.onOverlayHide);return c.default.createElement("div",{className:"p-multiselect-footer"},e)}return null}},{key:"renderGroupChildren",value:function(e){var t=this;return this.props.getOptionGroupChildren(e).map((function(e,i){var n=t.props.getOptionLabel(e),r=i+"_"+t.props.getOptionRenderKey(e),o=t.props.isOptionDisabled(e),l=o?null:t.props.tabIndex||0;return c.default.createElement(A,{key:r,label:n,option:e,template:t.props.itemTemplate,selected:t.props.isSelected(e),onClick:t.props.onOptionSelect,onKeyDown:t.props.onOptionKeyDown,tabIndex:l,disabled:o})}))}},{key:"renderEmptyFilter",value:function(){var e=t.ObjectUtils.getJSXElement(this.props.emptyFilterMessage,this.props)||p.localeOption("emptyFilterMessage");return c.default.createElement("li",{className:"p-multiselect-empty-message"},e)}},{key:"renderItem",value:function(e,i){if(this.props.optionGroupLabel){var n=this.props.optionGroupTemplate?t.ObjectUtils.getJSXElement(this.props.optionGroupTemplate,e,i):this.props.getOptionGroupLabel(e),r=this.renderGroupChildren(e),o=i+"_"+this.props.getOptionGroupRenderKey(e);return c.default.createElement(c.default.Fragment,{key:o},c.default.createElement("li",{className:"p-multiselect-item-group"},n),r)}var l=this.props.getOptionLabel(e),s=i+"_"+this.props.getOptionRenderKey(e),p=this.props.isOptionDisabled(e),a=p?null:this.props.tabIndex||0;return c.default.createElement(A,{key:s,label:l,option:e,template:this.props.itemTemplate,selected:this.props.isSelected(e),onClick:this.props.onOptionSelect,onKeyDown:this.props.onOptionKeyDown,tabIndex:a,disabled:p})}},{key:"renderItems",value:function(){var e=this;return this.props.visibleOptions&&this.props.visibleOptions.length?this.props.visibleOptions.map((function(t,i){return e.renderItem(t,i)})):this.props.hasFilter()?this.renderEmptyFilter():null}},{key:"renderContent",value:function(){var e=this;if(this.props.virtualScrollerOptions){var i=G(G({},this.props.virtualScrollerOptions),{style:G(G({},this.props.virtualScrollerOptions.style),{height:this.props.scrollHeight}),className:t.classNames("p-multiselect-items-wrapper",this.props.virtualScrollerOptions.className),items:this.props.visibleOptions,onLazyLoad:function(t){return e.props.virtualScrollerOptions.onLazyLoad(G(G({},t),{filter:e.props.filterValue}))},itemTemplate:function(t,i){return t&&e.renderItem(t,i.index)},contentTemplate:function(i){var n=t.classNames("p-multiselect-items p-component",i.className),r=e.isEmptyFilter()?e.renderEmptyFilter():i.children;return c.default.createElement("ul",{ref:i.contentRef,className:n,role:"listbox","aria-multiselectable":!0},r)}});return c.default.createElement(s.VirtualScroller,d({ref:function(t){return e.virtualScrollerRef=t}},i))}var n=this.renderItems();return c.default.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:this.props.scrollHeight}},c.default.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},n))}},{key:"renderElement",value:function(){var e=t.classNames("p-multiselect-panel p-component",{"p-multiselect-limited":!this.props.allowOptionSelect()},this.props.panelClassName),i=this.renderHeader(),r=this.renderContent(),o=this.renderFooter();return c.default.createElement(n.CSSTransition,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},c.default.createElement("div",{ref:this.props.forwardRef,className:e,style:this.props.panelStyle,onClick:this.props.onClick},i,r,o))}},{key:"render",value:function(){var e=this.renderElement();return c.default.createElement(r.Portal,{element:e,appendTo:this.props.appendTo})}}]),u}(),H=c.default.forwardRef((function(e,t){return c.default.createElement(U,d({forwardRef:t},e))}));function M(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function q(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?M(Object(i),!0).forEach((function(t){I(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):M(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function z(e,t){var i="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!i){if(Array.isArray(e)||(i=_(e))||t&&e&&"number"==typeof e.length){i&&(e=i);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},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 o,l=!0,s=!1;return{s:function(){i=i.call(e)},n:function(){var e=i.next();return l=e.done,e},e:function(e){s=!0,o=e},f:function(){try{l||null==i.return||i.return()}finally{if(s)throw o}}}}function _(e,t){if(e){if("string"==typeof e)return J(e,t);var i=Object.prototype.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?J(e,t):void 0}}function J(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,n=new Array(t);i<t;i++)n[i]=e[i];return n}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 Z=function(n){w(s,e.Component);var r,o,l=(r=s,o=X(),function(){var e,t=x(r);if(o){var i=x(this).constructor;e=Reflect.construct(t,arguments,i)}else e=t.apply(this,arguments);return D(this,e)});function s(t){var i;return g(this,s),(i=l.call(this,t)).state={filter:"",focused:!1,overlayVisible:!1},i.onClick=i.onClick.bind(S(i)),i.onKeyDown=i.onKeyDown.bind(S(i)),i.onOptionSelect=i.onOptionSelect.bind(S(i)),i.onOptionKeyDown=i.onOptionKeyDown.bind(S(i)),i.onFocus=i.onFocus.bind(S(i)),i.onBlur=i.onBlur.bind(S(i)),i.onFilterInputChange=i.onFilterInputChange.bind(S(i)),i.onCloseClick=i.onCloseClick.bind(S(i)),i.onSelectAll=i.onSelectAll.bind(S(i)),i.onOverlayEnter=i.onOverlayEnter.bind(S(i)),i.onOverlayEntered=i.onOverlayEntered.bind(S(i)),i.onOverlayExit=i.onOverlayExit.bind(S(i)),i.onOverlayExited=i.onOverlayExited.bind(S(i)),i.onPanelClick=i.onPanelClick.bind(S(i)),i.getOptionLabel=i.getOptionLabel.bind(S(i)),i.getOptionRenderKey=i.getOptionRenderKey.bind(S(i)),i.isOptionDisabled=i.isOptionDisabled.bind(S(i)),i.getOptionGroupChildren=i.getOptionGroupChildren.bind(S(i)),i.getOptionGroupLabel=i.getOptionGroupLabel.bind(S(i)),i.getOptionGroupRenderKey=i.getOptionGroupRenderKey.bind(S(i)),i.allowOptionSelect=i.allowOptionSelect.bind(S(i)),i.isSelected=i.isSelected.bind(S(i)),i.isAllSelected=i.isAllSelected.bind(S(i)),i.hasFilter=i.hasFilter.bind(S(i)),i.getSelectedOptionIndex=i.getSelectedOptionIndex.bind(S(i)),i.hide=i.hide.bind(S(i)),i.onOptionKeyDown=i.onOptionKeyDown.bind(S(i)),i.overlayRef=e.createRef(),i.inputRef=e.createRef(i.props.inputRef),i}return C(s,[{key:"onPanelClick",value:function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"allowOptionSelect",value:function(){return!this.props.selectionLimit||!this.props.value||this.props.value&&this.props.value.length<this.props.selectionLimit}},{key:"onOptionSelect",value:function(e){var i=this,n=e.originalEvent,r=e.option;if(!this.props.disabled&&!this.isOptionDisabled(r)){var o=this.getOptionValue(r),l=this.isOptionValueUsed(r),s=this.isSelected(r),p=this.allowOptionSelect();s?this.updateModel(n,this.props.value.filter((function(e){return!t.ObjectUtils.equals(l?e:i.getOptionValue(e),o,i.equalityKey())}))):p&&this.updateModel(n,[].concat(O(this.props.value||[]),[o]))}}},{key:"onOptionKeyDown",value:function(e){var t=e.originalEvent,i=t.currentTarget;switch(t.which){case 40:var n=this.findNextItem(i);n&&n.focus(),t.preventDefault();break;case 38:var r=this.findPrevItem(i);r&&r.focus(),t.preventDefault();break;case 13:case 32:this.onOptionSelect(e),t.preventDefault();break;case 27:this.hide(),this.inputRef.current.focus()}}},{key:"findNextItem",value:function(e){var i=e.nextElementSibling;return i?t.DomHandler.hasClass(i,"p-disabled")||t.DomHandler.hasClass(i,"p-multiselect-item-group")?this.findNextItem(i):i:null}},{key:"findPrevItem",value:function(e){var i=e.previousElementSibling;return i?t.DomHandler.hasClass(i,"p-disabled")||t.DomHandler.hasClass(i,"p-multiselect-item-group")?this.findPrevItem(i):i:null}},{key:"onClick",value:function(e){this.props.disabled||this.isPanelClicked(e)||t.DomHandler.hasClass(e.target,"p-multiselect-token-icon")||this.isClearClicked(e)||(this.state.overlayVisible?this.hide():this.show(),this.inputRef.current.focus(),e.preventDefault())}},{key:"onKeyDown",value:function(e){switch(e.which){case 40:!this.state.overlayVisible&&e.altKey&&(this.show(),e.preventDefault());break;case 32:this.state.overlayVisible?this.hide():this.show(),e.preventDefault();break;case 27:this.hide();break;case 9:if(this.state.overlayVisible){var i=t.DomHandler.getFirstFocusableElement(this.overlayRef.current);i&&(i.focus(),e.preventDefault())}}}},{key:"onSelectAll",value:function(e){var t=this;if(this.props.onSelectAll)this.props.onSelectAll(e);else{var i=null,n=this.getVisibleOptions();if(e.checked){if(i=[],n){var r=n.filter((function(e){return t.isOptionDisabled(e)&&t.isSelected(e)}));i=r.map((function(e){return t.getOptionValue(e)}))}}else n&&(n=n.filter((function(e){return!t.isOptionDisabled(e)})),this.props.optionGroupLabel?(i=[],n.forEach((function(e){return i=[].concat(O(i),O(t.getOptionGroupChildren(e).filter((function(e){return!t.isOptionDisabled(e)})).map((function(e){return t.getOptionValue(e)}))))}))):i=n.map((function(e){return t.getOptionValue(e)})));this.updateModel(e.originalEvent,i)}}},{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:"onFilterInputChange",value:function(e){var t=this,i=e.query;this.setState({filter:i},(function(){t.props.onFilter&&t.props.onFilter({originalEvent:e,filter:i})}))}},{key:"resetFilter",value:function(){var e=this;this.setState({filter:""},(function(){e.props.onFilter&&e.props.onFilter({filter:""})}))}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onOverlayEnter",value:function(e){t.ZIndexUtils.set("overlay",this.overlayRef.current,h.default.autoZIndex,h.default.zIndex.overlay),this.alignOverlay(),this.scrollInView(),e&&e()}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){this.props.filter&&this.props.resetFilterOnHide&&this.resetFilter(),t.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){t.DomHandler.alignOverlay(this.overlayRef.current,this.label.parentElement,this.props.appendTo||h.default.appendTo)}},{key:"scrollInView",value:function(){var e=t.DomHandler.findSingle(this.overlayRef.current,"li.p-highlight");e&&e.scrollIntoView({block:"nearest",inline:"start"})}},{key:"onCloseClick",value:function(e){this.hide(),this.inputRef.current.focus(),e.preventDefault(),e.stopPropagation()}},{key:"getSelectedOptionIndex",value:function(){if(null!=this.props.value&&this.props.options){if(!this.props.optionGroupLabel)return this.findOptionIndexInList(this.props.value,this.props.options);for(var e=0;e<this.props.options.length;e++){var t=this.findOptionIndexInList(this.props.value,this.getOptionGroupChildren(this.props.options[e]));if(-1!==t)return{group:e,option:t}}}return-1}},{key:"findOptionIndexInList",value:function(e,i){var n=this,r=this.equalityKey();return i.findIndex((function(i){return e.some((function(e){return t.ObjectUtils.equals(e,n.getOptionValue(i),r)}))}))}},{key:"isSelected",value:function(e){var i=this,n=!1;if(this.props.value){var r=this.getOptionValue(e),o=this.isOptionValueUsed(e),l=this.equalityKey();n=this.props.value.some((function(e){return t.ObjectUtils.equals(o?e:i.getOptionValue(e),r,l)}))}return n}},{key:"getLabelByValue",value:function(e){var t;if(this.props.options)if(this.props.optionGroupLabel){var i,n=z(this.props.options);try{for(n.s();!(i=n.n()).done;){if(t=this.findOptionByValue(e,this.getOptionGroupChildren(i.value)))break}}catch(e){n.e(e)}finally{n.f()}}else t=this.findOptionByValue(e,this.props.options);return t?this.getOptionLabel(t):null}},{key:"findOptionByValue",value:function(e,i){var n,r=this.equalityKey(),o=z(i);try{for(o.s();!(n=o.n()).done;){var l=n.value,s=this.getOptionValue(l);if(t.ObjectUtils.equals(s,e,r))return l}}catch(e){o.e(e)}finally{o.f()}return null}},{key:"onFocus",value:function(e){var t=this;e.persist(),this.setState({focused:!0},(function(){t.props.onFocus&&t.props.onFocus(e)}))}},{key:"onBlur",value:function(e){var t=this;e.persist(),this.setState({focused:!1},(function(){t.props.onBlur&&t.props.onBlur(e)}))}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new t.ConnectedOverlayScrollHandler(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!t.DomHandler.isTouchDevice()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.isClearClicked(e)||this.container.contains(e.target)||this.isPanelClicked(e))}},{key:"isClearClicked",value:function(e){return t.DomHandler.hasClass(e.target,"p-multiselect-clear-icon")}},{key:"isPanelClicked",value:function(e){return this.overlayRef&&this.overlayRef.current&&this.overlayRef.current.contains(e.target)}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),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(q({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip()),this.state.overlayVisible&&this.hasFilter()&&this.alignOverlay()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),t.ZIndexUtils.clear(this.overlayRef.current)}},{key:"hasFilter",value:function(){return this.state.filter&&this.state.filter.trim().length>0}},{key:"isAllSelected",value:function(){var e=this;if(this.props.onSelectAll)return this.props.selectAll;var i=this.getVisibleOptions();if(t.ObjectUtils.isEmpty(i))return!1;if(i=i.filter((function(t){return!e.isOptionDisabled(t)})),this.props.optionGroupLabel){var n,r=z(i);try{for(r.s();!(n=r.n()).done;){var o,l=this.getOptionGroupChildren(n.value).filter((function(t){return!e.isOptionDisabled(t)})),s=z(l);try{for(s.s();!(o=s.n()).done;){if(!this.isSelected(o.value))return!1}}catch(e){s.e(e)}finally{s.f()}}}catch(e){r.e(e)}finally{r.f()}}else{var p,a=z(i);try{for(a.s();!(p=a.n()).done;){if(!this.isSelected(p.value))return!1}}catch(e){a.e(e)}finally{a.f()}}return!0}},{key:"getOptionLabel",value:function(e){return this.props.optionLabel?t.ObjectUtils.resolveFieldData(e,this.props.optionLabel):e&&void 0!==e.label?e.label:e}},{key:"getOptionValue",value:function(e){if(this.props.optionValue){var i=t.ObjectUtils.resolveFieldData(e,this.props.optionValue);return null!==i?i:e}return e&&void 0!==e.value?e.value:e}},{key:"getOptionRenderKey",value:function(e){return this.props.dataKey?t.ObjectUtils.resolveFieldData(e,this.props.dataKey):this.getOptionLabel(e)}},{key:"getOptionGroupRenderKey",value:function(e){return t.ObjectUtils.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"getOptionGroupLabel",value:function(e){return t.ObjectUtils.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"getOptionGroupChildren",value:function(e){return t.ObjectUtils.resolveFieldData(e,this.props.optionGroupChildren)}},{key:"isOptionDisabled",value:function(e){return this.props.optionDisabled?t.ObjectUtils.isFunction(this.props.optionDisabled)?this.props.optionDisabled(e):t.ObjectUtils.resolveFieldData(e,this.props.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled}},{key:"isOptionValueUsed",value:function(e){return this.props.optionValue||e&&void 0!==e.value}},{key:"getVisibleOptions",value:function(){if(this.hasFilter()){var e=this.state.filter.trim().toLocaleLowerCase(this.props.filterLocale),t=this.props.filterBy?this.props.filterBy.split(","):[this.props.optionLabel||"label"];if(this.props.optionGroupLabel){var i,n=[],r=z(this.props.options);try{for(r.s();!(i=r.n()).done;){var o=i.value,l=p.FilterService.filter(this.getOptionGroupChildren(o),t,e,this.props.filterMatchMode,this.props.filterLocale);l&&l.length&&n.push(q(q({},o),{items:l}))}}catch(e){r.e(e)}finally{r.f()}return n}return p.FilterService.filter(this.props.options,t,e,this.props.filterMatchMode,this.props.filterLocale)}return this.props.options}},{key:"isEmpty",value:function(){return!this.props.value||0===this.props.value.length}},{key:"equalityKey",value:function(){return this.props.optionValue?null:this.props.dataKey}},{key:"checkValidity",value:function(){return this.inputRef.current.checkValidity()}},{key:"removeChip",value:function(e,i){var n=this.equalityKey(),r=this.props.value.filter((function(e){return!t.ObjectUtils.equals(e,i,n)}));this.updateModel(e,r)}},{key:"getSelectedItemsLabel",value:function(){var e=/{(.*?)}/;return e.test(this.props.selectedItemsLabel)?this.props.selectedItemsLabel.replace(this.props.selectedItemsLabel.match(e)[0],this.props.value.length+""):this.props.selectedItemsLabel}},{key:"getLabel",value:function(){var e;if(!this.isEmpty()&&!this.props.fixedPlaceholder){if(this.props.maxSelectedLabels&&this.props.value.length>this.props.maxSelectedLabels)return this.getSelectedItemsLabel();e="";for(var t=0;t<this.props.value.length;t++)0!==t&&(e+=","),e+=this.getLabelByValue(this.props.value[t]);return e}return e}},{key:"getLabelContent",value:function(){var e=this;return this.props.selectedItemTemplate?this.isEmpty()?t.ObjectUtils.getJSXElement(this.props.selectedItemTemplate):this.props.maxSelectedLabels&&this.props.value.length>this.props.maxSelectedLabels?this.getSelectedItemsLabel():this.props.value.map((function(i,n){var r=t.ObjectUtils.getJSXElement(e.props.selectedItemTemplate,i);return c.default.createElement(c.default.Fragment,{key:n},r)})):"chip"!==this.props.display||this.isEmpty()?this.getLabel():this.props.value.slice(0,this.props.maxSelectedLabels||this.props.value.length).map((function(i){var n=e.getLabelByValue(i);return c.default.createElement("div",{className:"p-multiselect-token",key:n},c.default.createElement("span",{className:"p-multiselect-token-label"},n),!e.props.disabled&&t.IconUtils.getJSXIcon(e.props.removeIcon,{className:"p-multiselect-token-icon",onClick:function(t){return e.removeChip(t,i)}},{props:e.props}))}))}},{key:"renderTooltip",value:function(){this.tooltip=i.tip({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderClearIcon",value:function(){var e=this;return this.isEmpty()||!this.props.showClear||this.props.disabled?null:c.default.createElement("i",{className:"p-multiselect-clear-icon pi pi-times",onClick:function(t){return e.updateModel(t,null)}})}},{key:"renderLabel",value:function(){var e=this,i=this.isEmpty(),n=this.getLabelContent(),r=t.classNames("p-multiselect-label",{"p-placeholder":i&&this.props.placeholder,"p-multiselect-label-empty":i&&!this.props.placeholder&&!this.props.selectedItemTemplate,"p-multiselect-items-label":!i&&"chip"!==this.props.display&&this.props.value.length>this.props.maxSelectedLabels});return c.default.createElement("div",{ref:function(t){return e.label=t},className:"p-multiselect-label-container"},c.default.createElement("div",{className:r},n||this.props.placeholder||"empty"))}},{key:"render",value:function(){var e=this,i=t.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===this.props.display,"p-disabled":this.props.disabled,"p-multiselect-clearable":this.props.showClear&&!this.props.disabled,"p-focus":this.state.focused,"p-inputwrapper-filled":this.props.value&&this.props.value.length>0,"p-inputwrapper-focus":this.state.focused||this.state.overlayVisible},this.props.className),n=this.getVisibleOptions(),r=this.renderLabel(),o=this.renderClearIcon();return c.default.createElement("div",{id:this.props.id,className:i,onClick:this.onClick,ref:function(t){return e.container=t},style:this.props.style},c.default.createElement("div",{className:"p-hidden-accessible"},c.default.createElement("input",{ref:this.inputRef,id:this.props.inputId,name:this.props.name,readOnly:!0,type:"text",onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,role:"listbox","aria-haspopup":"listbox","aria-labelledby":this.props.ariaLabelledBy,"aria-expanded":this.state.overlayVisible,disabled:this.props.disabled,tabIndex:this.props.tabIndex})),r,o,c.default.createElement("div",{className:"p-multiselect-trigger"},t.IconUtils.getJSXIcon(this.props.dropdownIcon,{className:"p-multiselect-trigger-icon p-c"},{props:this.props})),c.default.createElement(H,d({ref:this.overlayRef,visibleOptions:n},this.props,{onClick:this.onPanelClick,onOverlayHide:this.hide,filterValue:this.state.filter,hasFilter:this.hasFilter,onFilterInputChange:this.onFilterInputChange,onCloseClick:this.onCloseClick,onSelectAll:this.onSelectAll,getOptionLabel:this.getOptionLabel,getOptionRenderKey:this.getOptionRenderKey,isOptionDisabled:this.isOptionDisabled,getOptionGroupChildren:this.getOptionGroupChildren,getOptionGroupLabel:this.getOptionGroupLabel,getOptionGroupRenderKey:this.getOptionGroupRenderKey,isSelected:this.isSelected,getSelectedOptionIndex:this.getSelectedOptionIndex,isAllSelected:this.isAllSelected,onOptionSelect:this.onOptionSelect,allowOptionSelect:this.allowOptionSelect,onOptionKeyDown:this.onOptionKeyDown,in:this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited})))}}]),s}();I(Z,"defaultProps",{id:null,inputRef:null,name:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,display:"comma",style:null,className:null,panelClassName:null,panelStyle:null,virtualScrollerOptions:null,scrollHeight:"200px",placeholder:null,fixedPlaceholder:!1,disabled:!1,showClear:!1,filter:!1,filterBy:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,emptyFilterMessage:null,resetFilterOnHide:!1,tabIndex:0,dataKey:null,inputId:null,appendTo:null,tooltip:null,tooltipOptions:null,maxSelectedLabels:null,selectionLimit:null,selectedItemsLabel:"{0} items selected",ariaLabelledBy:null,itemTemplate:null,selectedItemTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",removeIcon:"pi pi-times-circle",showSelectAll:!0,selectAll:!1,onChange:null,onFocus:null,onBlur:null,onShow:null,onHide:null,onFilter:null,onSelectAll:null}),exports.MultiSelect=Z;

package/multiselect/multiselect.d.ts

@@ -1,5 +1,7 @@
 import * as React from 'react';
 import TooltipOptions from '../tooltip/tooltipoptions';
+import { CSSTransitionProps } from '../csstransition';
+import { IconType } from '../utils';
 import { VirtualScrollerProps } from '../virtualscroller';
 
 type MultiSelectOptionGroupTemplateType = React.ReactNode | ((option: any, index: number) => React.ReactNode);
@@ -107,8 +109,9 @@ export interface MultiSelectProps {
     selectedItemTemplate?: MultiSelectSelectedItemTemplateType;
     panelHeaderTemplate?: MultiSelectPanelHeaderTemplateType;
     panelFooterTemplate?: MultiSelectPanelFooterTemplateType;
-    transitionOptions?: object;
-    dropdownIcon?: string;
+    transitionOptions?: CSSTransitionProps;
+    dropdownIcon?: IconType<MultiSelectProps>;
+    removeIcon?: IconType<MultiSelectProps>;
     showSelectAll?: boolean;
     selectAll?: boolean;
     onChange?(e: MultiSelectChangeParams): void;

package/multiselect/multiselect.esm.js

@@ -1,8 +1,13 @@
 import React, { createRef, Component } from 'react';
-import { tip, classNames, Ripple, ObjectUtils, CSSTransition, Portal, OverlayService, DomHandler, ZIndexUtils, ConnectedOverlayScrollHandler } from 'primereact/core';
+import { classNames, IconUtils, ObjectUtils, DomHandler, ZIndexUtils, ConnectedOverlayScrollHandler } from 'primereact/utils';
+import { tip } from 'primereact/tooltip';
+import { CSSTransition } from 'primereact/csstransition';
+import { Portal } from 'primereact/portal';
 import { InputText } from 'primereact/inputtext';
+import { Ripple } from 'primereact/ripple';
 import { VirtualScroller } from 'primereact/virtualscroller';
-import PrimeReact, { FilterService } from 'primereact/api';
+import PrimeReact, { localeOption, FilterService } from 'primereact/api';
+import { OverlayService } from 'primereact/overlayservice';
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -76,6 +81,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -108,23 +116,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function _possibleConstructorReturn(self, call) {
@@ -159,9 +164,9 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -294,17 +299,18 @@ var Checkbox = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
 
+      var checked = this.isChecked();
       var containerClass = classNames('p-checkbox p-component', {
-        'p-checkbox-checked': this.isChecked(),
+        'p-checkbox-checked': checked,
         'p-checkbox-disabled': this.props.disabled,
         'p-checkbox-focused': this.state.focused
       }, this.props.className);
       var boxClass = classNames('p-checkbox-box', {
-        'p-highlight': this.isChecked(),
+        'p-highlight': checked,
         'p-disabled': this.props.disabled,
         'p-focus': this.state.focused
       });
-      var iconClass = classNames('p-checkbox-icon p-c', _defineProperty({}, this.props.icon, this.isChecked()));
+      var icon = checked && this.props.icon;
       return /*#__PURE__*/React.createElement("div", {
         ref: function ref(el) {
           return _this2.element = el;
@@ -324,7 +330,7 @@ var Checkbox = /*#__PURE__*/function (_Component) {
         id: this.props.inputId,
         name: this.props.name,
         tabIndex: this.props.tabIndex,
-        defaultChecked: this.isChecked(),
+        defaultChecked: checked,
         onKeyDown: this.onKeyDown,
         onFocus: this.onFocus,
         onBlur: this.onBlur,
@@ -337,9 +343,12 @@ var Checkbox = /*#__PURE__*/function (_Component) {
           return _this2.box = el;
         },
         role: "checkbox",
-        "aria-checked": this.isChecked()
-      }, /*#__PURE__*/React.createElement("span", {
-        className: iconClass
+        "aria-checked": checked
+      }, IconUtils.getJSXIcon(icon, {
+        className: 'p-checkbox-icon p-c'
+      }, {
+        props: this.props,
+        checked: checked
       })));
     }
   }]);
@@ -562,9 +571,9 @@ _defineProperty(MultiSelectItem, "defaultProps", {
   onKeyDown: null
 });
 
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -672,7 +681,7 @@ var MultiSelectPanelComponent = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderEmptyFilter",
     value: function renderEmptyFilter() {
-      var emptyFilterMessage = ObjectUtils.getJSXElement(this.props.emptyFilterMessage, this.props);
+      var emptyFilterMessage = ObjectUtils.getJSXElement(this.props.emptyFilterMessage, this.props) || localeOption('emptyFilterMessage');
       return /*#__PURE__*/React.createElement("li", {
         className: "p-multiselect-empty-message"
       }, emptyFilterMessage);
@@ -785,7 +794,7 @@ var MultiSelectPanelComponent = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/React.createElement(CSSTransition, {
         nodeRef: this.props.forwardRef,
         classNames: "p-connected-overlay",
-        in: this.props.in,
+        "in": this.props["in"],
         timeout: {
           enter: 120,
           exit: 100
@@ -823,11 +832,11 @@ var MultiSelectPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, props));
 });
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } 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 normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } 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 normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
@@ -983,6 +992,7 @@ var MultiSelect = /*#__PURE__*/function (_Component) {
         }
 
         this.inputRef.current.focus();
+        event.preventDefault();
       }
     }
   }, {
@@ -1064,8 +1074,6 @@ var MultiSelect = /*#__PURE__*/function (_Component) {
               return _this3.getOptionValue(option);
             });
           }
-
-          value = _toConsumableArray(new Set([].concat(_toConsumableArray(value), _toConsumableArray(this.props.value || []))));
         }
 
         this.updateModel(event.originalEvent, value);
@@ -1136,18 +1144,17 @@ var MultiSelect = /*#__PURE__*/function (_Component) {
   }, {
     key: "onOverlayEnter",
     value: function onOverlayEnter(callback) {
-      ZIndexUtils.set('overlay', this.overlayRef.current);
+      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
       this.alignOverlay();
       this.scrollInView();
       callback && callback();
     }
   }, {
     key: "onOverlayEntered",
-    value: function onOverlayEntered(callback) {
+    value: function onOverlayEntered() {
       this.bindDocumentClickListener();
       this.bindScrollListener();
       this.bindResizeListener();
-      callback && callback();
       this.props.onShow && this.props.onShow();
     }
   }, {
@@ -1372,7 +1379,7 @@ var MultiSelect = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this12.state.overlayVisible && !DomHandler.isAndroid()) {
+          if (_this12.state.overlayVisible && !DomHandler.isTouchDevice()) {
             _this12.hide();
           }
         };
@@ -1479,7 +1486,7 @@ var MultiSelect = /*#__PURE__*/function (_Component) {
       } else {
         var visibleOptions = this.getVisibleOptions();
 
-        if (visibleOptions.length === 0) {
+        if (ObjectUtils.isEmpty(visibleOptions)) {
           return false;
         }
 
@@ -1670,7 +1677,9 @@ var MultiSelect = /*#__PURE__*/function (_Component) {
       var label;
 
       if (!this.isEmpty() && !this.props.fixedPlaceholder) {
-        if (this.props.value.length <= this.props.maxSelectedLabels) {
+        if (this.props.maxSelectedLabels && this.props.value.length > this.props.maxSelectedLabels) {
+          return this.getSelectedItemsLabel();
+        } else {
           label = '';
 
           for (var i = 0; i < this.props.value.length; i++) {
@@ -1682,8 +1691,6 @@ var MultiSelect = /*#__PURE__*/function (_Component) {
           }
 
           return label;
-        } else {
-          return this.getSelectedItemsLabel();
         }
       }
 
@@ -1696,22 +1703,23 @@ var MultiSelect = /*#__PURE__*/function (_Component) {
 
       if (this.props.selectedItemTemplate) {
         if (!this.isEmpty()) {
-          if (this.props.value.length <= this.props.maxSelectedLabels) {
+          if (this.props.maxSelectedLabels && this.props.value.length > this.props.maxSelectedLabels) {
+            return this.getSelectedItemsLabel();
+          } else {
             return this.props.value.map(function (val, index) {
               var item = ObjectUtils.getJSXElement(_this14.props.selectedItemTemplate, val);
               return /*#__PURE__*/React.createElement(React.Fragment, {
                 key: index
               }, item);
             });
-          } else {
-            return this.getSelectedItemsLabel();
           }
         } else {
           return ObjectUtils.getJSXElement(this.props.selectedItemTemplate);
         }
       } else {
         if (this.props.display === 'chip' && !this.isEmpty()) {
-          return this.props.value.map(function (val) {
+          var value = this.props.value.slice(0, this.props.maxSelectedLabels || this.props.value.length);
+          return value.map(function (val) {
             var label = _this14.getLabelByValue(val);
 
             return /*#__PURE__*/React.createElement("div", {
@@ -1719,11 +1727,13 @@ var MultiSelect = /*#__PURE__*/function (_Component) {
               key: label
             }, /*#__PURE__*/React.createElement("span", {
               className: "p-multiselect-token-label"
-            }, label), !_this14.props.disabled && /*#__PURE__*/React.createElement("span", {
-              className: "p-multiselect-token-icon pi pi-times-circle",
+            }, label), !_this14.props.disabled && IconUtils.getJSXIcon(_this14.props.removeIcon, {
+              className: 'p-multiselect-token-icon',
               onClick: function onClick(e) {
                 return _this14.removeChip(e, val);
               }
+            }, {
+              props: _this14.props
             }));
           });
         }
@@ -1768,7 +1778,7 @@ var MultiSelect = /*#__PURE__*/function (_Component) {
       var labelClassName = classNames('p-multiselect-label', {
         'p-placeholder': empty && this.props.placeholder,
         'p-multiselect-label-empty': empty && !this.props.placeholder && !this.props.selectedItemTemplate,
-        'p-multiselect-items-label': !empty && this.props.value.length > this.props.maxSelectedLabels
+        'p-multiselect-items-label': !empty && this.props.display !== 'chip' && this.props.value.length > this.props.maxSelectedLabels
       });
       return /*#__PURE__*/React.createElement("div", {
         ref: function ref(el) {
@@ -1792,7 +1802,6 @@ var MultiSelect = /*#__PURE__*/function (_Component) {
         'p-inputwrapper-filled': this.props.value && this.props.value.length > 0,
         'p-inputwrapper-focus': this.state.focused || this.state.overlayVisible
       }, this.props.className);
-      var iconClassName = classNames('p-multiselect-trigger-icon p-c', this.props.dropdownIcon);
       var visibleOptions = this.getVisibleOptions();
       var label = this.renderLabel();
       var clearIcon = this.renderClearIcon();
@@ -1823,8 +1832,10 @@ var MultiSelect = /*#__PURE__*/function (_Component) {
         tabIndex: this.props.tabIndex
       })), label, clearIcon, /*#__PURE__*/React.createElement("div", {
         className: "p-multiselect-trigger"
-      }, /*#__PURE__*/React.createElement("span", {
-        className: iconClassName
+      }, IconUtils.getJSXIcon(this.props.dropdownIcon, {
+        className: 'p-multiselect-trigger-icon p-c'
+      }, {
+        props: this.props
       })), /*#__PURE__*/React.createElement(MultiSelectPanel, _extends({
         ref: this.overlayRef,
         visibleOptions: visibleOptions
@@ -1848,7 +1859,7 @@ var MultiSelect = /*#__PURE__*/function (_Component) {
         onOptionSelect: this.onOptionSelect,
         allowOptionSelect: this.allowOptionSelect,
         onOptionKeyDown: this.onOptionKeyDown,
-        in: this.state.overlayVisible,
+        "in": this.state.overlayVisible,
         onEnter: this.onOverlayEnter,
         onEntered: this.onOverlayEntered,
         onExit: this.onOverlayExit,
@@ -1888,7 +1899,7 @@ _defineProperty(MultiSelect, "defaultProps", {
   filterMatchMode: 'contains',
   filterPlaceholder: null,
   filterLocale: undefined,
-  emptyFilterMessage: 'No results found',
+  emptyFilterMessage: null,
   resetFilterOnHide: false,
   tabIndex: 0,
   dataKey: null,
@@ -1896,7 +1907,7 @@ _defineProperty(MultiSelect, "defaultProps", {
   appendTo: null,
   tooltip: null,
   tooltipOptions: null,
-  maxSelectedLabels: 3,
+  maxSelectedLabels: null,
   selectionLimit: null,
   selectedItemsLabel: '{0} items selected',
   ariaLabelledBy: null,
@@ -1906,6 +1917,7 @@ _defineProperty(MultiSelect, "defaultProps", {
   panelFooterTemplate: null,
   transitionOptions: null,
   dropdownIcon: 'pi pi-chevron-down',
+  removeIcon: 'pi pi-times-circle',
   showSelectAll: true,
   selectAll: false,
   onChange: null,