primereact 7.0.1 → 7.1.0

package/multiselect/multiselect.esm.min.js

@@ -1 +1 @@
-import e,{createRef as t,Component as n}from"react";import{classNames as i,IconUtils as r,ObjectUtils as o,DomHandler as l,ZIndexUtils as s,ConnectedOverlayScrollHandler as p}from"primereact/utils";import{tip as a}from"primereact/tooltip";import{CSSTransition as u}from"primereact/csstransition";import{Portal as c}from"primereact/portal";import{InputText as h}from"primereact/inputtext";import{Ripple as d}from"primereact/ripple";import{VirtualScroller as f}from"primereact/virtualscroller";import y,{localeOption as v,FilterService as m}from"primereact/api";import{OverlayService as b}from"primereact/overlayservice";function O(){return O=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},O.apply(this,arguments)}function g(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 k(e){if(Array.isArray(e))return g(e)}function C(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,t){if(e){if("string"==typeof e)return g(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)?g(e,t):void 0}}function S(){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 w(e){return k(e)||C(e)||E(e)||S()}function L(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function x(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 D(e,t,n){return t&&x(e.prototype,t),n&&x(e,n),e}function I(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function R(e,t){return R=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},R(e,t)}function F(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&&R(e,t)}function P(e){return P="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},P(e)}function V(e,t){if(t&&("object"===P(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return I(e)}function K(e){return K=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},K(e)}function j(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function A(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 N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function G(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var T=function(o){F(u,n);var l,s,p=(l=u,s=G(),function(){var e,t=K(l);if(s){var n=K(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return V(this,e)});function u(e){var n;return L(this,u),(n=p.call(this,e)).state={focused:!1},n.onClick=n.onClick.bind(I(n)),n.onFocus=n.onFocus.bind(I(n)),n.onBlur=n.onBlur.bind(I(n)),n.onKeyDown=n.onKeyDown.bind(I(n)),n.inputRef=t(n.props.inputRef),n}return D(u,[{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(N({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=a({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 t=this,n=this.isChecked(),o=i("p-checkbox p-component",{"p-checkbox-checked":n,"p-checkbox-disabled":this.props.disabled,"p-checkbox-focused":this.state.focused},this.props.className),l=i("p-checkbox-box",{"p-highlight":n,"p-disabled":this.props.disabled,"p-focus":this.state.focused}),s=n&&this.props.icon;return e.createElement("div",{ref:function(e){return t.element=e},id:this.props.id,className:o,style:this.props.style,onClick:this.onClick,onContextMenu:this.props.onContextMenu,onMouseDown:this.props.onMouseDown},e.createElement("div",{className:"p-hidden-accessible"},e.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:n,onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,disabled:this.props.disabled,readOnly:this.props.readOnly,required:this.props.required})),e.createElement("div",{className:l,ref:function(e){return t.box=e},role:"checkbox","aria-checked":n},r.getJSXIcon(s,{className:"p-checkbox-icon p-c"},{props:this.props,checked:n})))}}]),u}();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}}j(T,"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 M=function(t){F(s,n);var i,r,l=(i=s,r=B(),function(){var e,t=K(i);if(r){var n=K(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return V(this,e)});function s(e){var t;return L(this,s),(t=l.call(this,e)).onFilter=t.onFilter.bind(I(t)),t.onSelectAll=t.onSelectAll.bind(I(t)),t}return D(s,[{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?e.createElement("div",{className:"p-multiselect-filter-container"},e.createElement(h,{type:"text",role:"textbox",value:this.props.filterValue,onChange:this.onFilter,className:"p-multiselect-filter",placeholder:this.props.filterPlaceholder}),e.createElement("span",{className:"p-multiselect-filter-icon pi pi-search"})):null}},{key:"render",value:function(){var t=this.renderFilterElement(),n=this.props.showSelectAll&&e.createElement(T,{checked:this.props.selectAll,onChange:this.onSelectAll,role:"checkbox","aria-checked":this.props.selectAll}),i=e.createElement("button",{type:"button",className:"p-multiselect-close p-link",onClick:this.props.onClose},e.createElement("span",{className:"p-multiselect-close-icon pi pi-times"}),e.createElement(d,null)),r=e.createElement("div",{className:"p-multiselect-header"},n,t,i);return this.props.template?o.getJSXElement(this.props.template,{className:"p-multiselect-header",checkboxElement:n,checked:this.props.selectAll,onChange:this.onSelectAll,filterElement:t,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}}]),s}();function H(){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(t){F(p,n);var r,l,s=(r=p,l=H(),function(){var e,t=K(r);if(l){var n=K(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return V(this,e)});function p(e){var t;return L(this,p),(t=s.call(this,e)).onClick=t.onClick.bind(I(t)),t.onKeyDown=t.onKeyDown.bind(I(t)),t}return D(p,[{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 t=i("p-multiselect-item",{"p-highlight":this.props.selected,"p-disabled":this.props.disabled},this.props.option.className),n=i("p-checkbox-box",{"p-highlight":this.props.selected}),r=i("p-checkbox-icon p-c",{"pi pi-check":this.props.selected}),l=this.props.template?o.getJSXElement(this.props.template,this.props.option):this.props.label;return e.createElement("li",{className:t,onClick:this.onClick,tabIndex:this.props.disabled?null:this.props.tabIndex||0,onKeyDown:this.onKeyDown,role:"option","aria-selected":this.props.selected},e.createElement("div",{className:"p-checkbox p-component"},e.createElement("div",{className:n},e.createElement("span",{className:r}))),e.createElement("span",null,l),e.createElement(d,null))}}]),p}();function z(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 _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,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}}j(q,"defaultProps",{option:null,label:null,selected:!1,disabled:!1,tabIndex:null,template:null,onClick:null,onKeyDown:null});var X=function(t){F(p,n);var r,l,s=(r=p,l=J(),function(){var e,t=K(r);if(l){var n=K(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return V(this,e)});function p(e){var t;return L(this,p),(t=s.call(this,e)).onEnter=t.onEnter.bind(I(t)),t.onFilterInputChange=t.onFilterInputChange.bind(I(t)),t}return D(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 e.createElement(M,{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 t=o.getJSXElement(this.props.panelFooterTemplate,this.props,this.props.onOverlayHide);return e.createElement("div",{className:"p-multiselect-footer"},t)}return null}},{key:"renderGroupChildren",value:function(t){var n=this;return this.props.getOptionGroupChildren(t).map((function(t,i){var r=n.props.getOptionLabel(t),o=i+"_"+n.props.getOptionRenderKey(t),l=n.props.isOptionDisabled(t),s=l?null:n.props.tabIndex||0;return e.createElement(q,{key:o,label:r,option:t,template:n.props.itemTemplate,selected:n.props.isSelected(t),onClick:n.props.onOptionSelect,onKeyDown:n.props.onOptionKeyDown,tabIndex:s,disabled:l})}))}},{key:"renderEmptyFilter",value:function(){var t=o.getJSXElement(this.props.emptyFilterMessage,this.props)||v("emptyFilterMessage");return e.createElement("li",{className:"p-multiselect-empty-message"},t)}},{key:"renderItem",value:function(t,n){if(this.props.optionGroupLabel){var i=this.props.optionGroupTemplate?o.getJSXElement(this.props.optionGroupTemplate,t,n):this.props.getOptionGroupLabel(t),r=this.renderGroupChildren(t),l=n+"_"+this.props.getOptionGroupRenderKey(t);return e.createElement(e.Fragment,{key:l},e.createElement("li",{className:"p-multiselect-item-group"},i),r)}var s=this.props.getOptionLabel(t),p=n+"_"+this.props.getOptionRenderKey(t),a=this.props.isOptionDisabled(t),u=a?null:this.props.tabIndex||0;return e.createElement(q,{key:p,label:s,option:t,template:this.props.itemTemplate,selected:this.props.isSelected(t),onClick:this.props.onOptionSelect,onKeyDown:this.props.onOptionKeyDown,tabIndex:u,disabled:a})}},{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 t=this;if(this.props.virtualScrollerOptions){var n=_(_({},this.props.virtualScrollerOptions),{style:_(_({},this.props.virtualScrollerOptions.style),{height:this.props.scrollHeight}),className:i("p-multiselect-items-wrapper",this.props.virtualScrollerOptions.className),items:this.props.visibleOptions,onLazyLoad:function(e){return t.props.virtualScrollerOptions.onLazyLoad(_(_({},e),{filter:t.props.filterValue}))},itemTemplate:function(e,n){return e&&t.renderItem(e,n.index)},contentTemplate:function(n){var r=i("p-multiselect-items p-component",n.className),o=t.isEmptyFilter()?t.renderEmptyFilter():n.children;return e.createElement("ul",{ref:n.contentRef,className:r,role:"listbox","aria-multiselectable":!0},o)}});return e.createElement(f,O({ref:function(e){return t.virtualScrollerRef=e}},n))}var r=this.renderItems();return e.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:this.props.scrollHeight}},e.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},r))}},{key:"renderElement",value:function(){var t=i("p-multiselect-panel p-component",{"p-multiselect-limited":!this.props.allowOptionSelect()},this.props.panelClassName),n=this.renderHeader(),r=this.renderContent(),o=this.renderFooter();return e.createElement(u,{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},e.createElement("div",{ref:this.props.forwardRef,className:t,style:this.props.panelStyle,onClick:this.props.onClick},n,r,o))}},{key:"render",value:function(){var t=this.renderElement();return e.createElement(c,{element:t,appendTo:this.props.appendTo})}}]),p}(),U=e.forwardRef((function(t,n){return e.createElement(X,O({forwardRef:n},t))}));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 $(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){j(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 Z(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=Q(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 o,l=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){s=!0,o=e},f:function(){try{l||null==n.return||n.return()}finally{if(s)throw o}}}}function Q(e,t){if(e){if("string"==typeof e)return Y(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)?Y(e,t):void 0}}function Y(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 ee(){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 te=function(u){F(f,n);var c,h,d=(c=f,h=ee(),function(){var e,t=K(c);if(h){var n=K(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return V(this,e)});function f(e){var n;return L(this,f),(n=d.call(this,e)).state={filter:"",focused:!1,overlayVisible:!1},n.onClick=n.onClick.bind(I(n)),n.onKeyDown=n.onKeyDown.bind(I(n)),n.onOptionSelect=n.onOptionSelect.bind(I(n)),n.onOptionKeyDown=n.onOptionKeyDown.bind(I(n)),n.onFocus=n.onFocus.bind(I(n)),n.onBlur=n.onBlur.bind(I(n)),n.onFilterInputChange=n.onFilterInputChange.bind(I(n)),n.onCloseClick=n.onCloseClick.bind(I(n)),n.onSelectAll=n.onSelectAll.bind(I(n)),n.onOverlayEnter=n.onOverlayEnter.bind(I(n)),n.onOverlayEntered=n.onOverlayEntered.bind(I(n)),n.onOverlayExit=n.onOverlayExit.bind(I(n)),n.onOverlayExited=n.onOverlayExited.bind(I(n)),n.onPanelClick=n.onPanelClick.bind(I(n)),n.getOptionLabel=n.getOptionLabel.bind(I(n)),n.getOptionRenderKey=n.getOptionRenderKey.bind(I(n)),n.isOptionDisabled=n.isOptionDisabled.bind(I(n)),n.getOptionGroupChildren=n.getOptionGroupChildren.bind(I(n)),n.getOptionGroupLabel=n.getOptionGroupLabel.bind(I(n)),n.getOptionGroupRenderKey=n.getOptionGroupRenderKey.bind(I(n)),n.allowOptionSelect=n.allowOptionSelect.bind(I(n)),n.isSelected=n.isSelected.bind(I(n)),n.isAllSelected=n.isAllSelected.bind(I(n)),n.hasFilter=n.hasFilter.bind(I(n)),n.getSelectedOptionIndex=n.getSelectedOptionIndex.bind(I(n)),n.hide=n.hide.bind(I(n)),n.onOptionKeyDown=n.onOptionKeyDown.bind(I(n)),n.overlayRef=t(),n.inputRef=t(n.props.inputRef),n}return D(f,[{key:"onPanelClick",value:function(e){b.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 t=this,n=e.originalEvent,i=e.option;if(!this.props.disabled&&!this.isOptionDisabled(i)){var r=this.getOptionValue(i),l=this.isOptionValueUsed(i),s=this.isSelected(i),p=this.allowOptionSelect();s?this.updateModel(n,this.props.value.filter((function(e){return!o.equals(l?e:t.getOptionValue(e),r,t.equalityKey())}))):p&&this.updateModel(n,[].concat(w(this.props.value||[]),[r]))}}},{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 t=e.nextElementSibling;return t?l.hasClass(t,"p-disabled")||l.hasClass(t,"p-multiselect-item-group")?this.findNextItem(t):t:null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?l.hasClass(t,"p-disabled")||l.hasClass(t,"p-multiselect-item-group")?this.findPrevItem(t):t:null}},{key:"onClick",value:function(e){this.props.disabled||this.isPanelClicked(e)||l.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 t=l.getFirstFocusableElement(this.overlayRef.current);t&&(t.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(w(n),w(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)})));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){s.set("overlay",this.overlayRef.current,y.autoZIndex,y.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(),s.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){l.alignOverlay(this.overlayRef.current,this.label.parentElement,this.props.appendTo||y.appendTo)}},{key:"scrollInView",value:function(){var e=l.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,t){var n=this,i=this.equalityKey();return t.findIndex((function(t){return e.some((function(e){return o.equals(e,n.getOptionValue(t),i)}))}))}},{key:"isSelected",value:function(e){var t=this,n=!1;if(this.props.value){var i=this.getOptionValue(e),r=this.isOptionValueUsed(e),l=this.equalityKey();n=this.props.value.some((function(e){return o.equals(r?e:t.getOptionValue(e),i,l)}))}return n}},{key:"getLabelByValue",value:function(e){var t;if(this.props.options)if(this.props.optionGroupLabel){var n,i=Z(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,t){var n,i=this.equalityKey(),r=Z(t);try{for(r.s();!(n=r.n()).done;){var l=n.value,s=this.getOptionValue(l);if(o.equals(s,e,i))return l}}catch(e){r.e(e)}finally{r.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 p(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&&!l.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 l.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($({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),s.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=Z(t);try{for(i.s();!(n=i.n()).done;){var r,o=this.getOptionGroupChildren(n.value).filter((function(t){return!e.isOptionDisabled(t)})),l=Z(o);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 s,p=Z(t);try{for(p.s();!(s=p.n()).done;){if(!this.isSelected(s.value))return!1}}catch(e){p.e(e)}finally{p.f()}}return!0}},{key:"getOptionLabel",value:function(e){return this.props.optionLabel?o.resolveFieldData(e,this.props.optionLabel):e&&void 0!==e.label?e.label:e}},{key:"getOptionValue",value:function(e){if(this.props.optionValue){var t=o.resolveFieldData(e,this.props.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e}},{key:"getOptionRenderKey",value:function(e){return this.props.dataKey?o.resolveFieldData(e,this.props.dataKey):this.getOptionLabel(e)}},{key:"getOptionGroupRenderKey",value:function(e){return o.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"getOptionGroupLabel",value:function(e){return o.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"getOptionGroupChildren",value:function(e){return o.resolveFieldData(e,this.props.optionGroupChildren)}},{key:"isOptionDisabled",value:function(e){return this.props.optionDisabled?o.isFunction(this.props.optionDisabled)?this.props.optionDisabled(e):o.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=[],r=Z(this.props.options);try{for(r.s();!(n=r.n()).done;){var o=n.value,l=m.filter(this.getOptionGroupChildren(o),t,e,this.props.filterMatchMode,this.props.filterLocale);l&&l.length&&i.push($($({},o),{items:l}))}}catch(e){r.e(e)}finally{r.f()}return i}return m.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,t){var n=this.equalityKey(),i=this.props.value.filter((function(e){return!o.equals(e,t,n)}));this.updateModel(e,i)}},{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 t=this;return this.props.selectedItemTemplate?this.isEmpty()?o.getJSXElement(this.props.selectedItemTemplate):this.props.maxSelectedLabels&&this.props.value.length>this.props.maxSelectedLabels?this.getSelectedItemsLabel():this.props.value.map((function(n,i){var r=o.getJSXElement(t.props.selectedItemTemplate,n);return e.createElement(e.Fragment,{key:i},r)})):"chip"!==this.props.display||this.isEmpty()?this.getLabel():this.props.value.slice(0,this.props.maxSelectedLabels||this.props.value.length).map((function(n){var i=t.getLabelByValue(n);return e.createElement("div",{className:"p-multiselect-token",key:i},e.createElement("span",{className:"p-multiselect-token-label"},i),!t.props.disabled&&r.getJSXIcon(t.props.removeIcon,{className:"p-multiselect-token-icon",onClick:function(e){return t.removeChip(e,n)}},{props:t.props}))}))}},{key:"renderTooltip",value:function(){this.tooltip=a({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderClearIcon",value:function(){var t=this;return this.isEmpty()||!this.props.showClear||this.props.disabled?null:e.createElement("i",{className:"p-multiselect-clear-icon pi pi-times",onClick:function(e){return t.updateModel(e,null)}})}},{key:"renderLabel",value:function(){var t=this,n=this.isEmpty(),r=this.getLabelContent(),o=i("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&&"chip"!==this.props.display&&this.props.value.length>this.props.maxSelectedLabels});return e.createElement("div",{ref:function(e){return t.label=e},className:"p-multiselect-label-container"},e.createElement("div",{className:o},r||this.props.placeholder||"empty"))}},{key:"render",value:function(){var t=this,n=i("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),o=this.getVisibleOptions(),l=this.renderLabel(),s=this.renderClearIcon();return e.createElement("div",{id:this.props.id,className:n,onClick:this.onClick,ref:function(e){return t.container=e},style:this.props.style},e.createElement("div",{className:"p-hidden-accessible"},e.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,e.createElement("div",{className:"p-multiselect-trigger"},r.getJSXIcon(this.props.dropdownIcon,{className:"p-multiselect-trigger-icon p-c"},{props:this.props})),e.createElement(U,O({ref:this.overlayRef,visibleOptions:o},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})))}}]),f}();j(te,"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});export{te as MultiSelect};
+import e,{createRef as t,Component as n}from"react";import{classNames as i,IconUtils as r,ObjectUtils as o,DomHandler as l,ZIndexUtils as s,ConnectedOverlayScrollHandler as p}from"primereact/utils";import{tip as a}from"primereact/tooltip";import{CSSTransition as u}from"primereact/csstransition";import{Portal as c}from"primereact/portal";import{InputText as h}from"primereact/inputtext";import{Ripple as f}from"primereact/ripple";import{VirtualScroller as d}from"primereact/virtualscroller";import y,{localeOption as v,FilterService as m}from"primereact/api";import{OverlayService as b}from"primereact/overlayservice";function O(){return O=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},O.apply(this,arguments)}function g(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 k(e){if(Array.isArray(e))return g(e)}function C(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,t){if(e){if("string"==typeof e)return g(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)?g(e,t):void 0}}function S(){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 w(e){return k(e)||C(e)||E(e)||S()}function L(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function x(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 D(e,t,n){return t&&x(e.prototype,t),n&&x(e,n),e}function I(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function R(e,t){return R=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},R(e,t)}function F(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&&R(e,t)}function P(e){return P="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},P(e)}function V(e,t){if(t&&("object"===P(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return I(e)}function K(e){return K=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},K(e)}function j(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}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 A(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){j(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 G(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var T=function(o){F(u,n);var l,s,p=(l=u,s=G(),function(){var e,t=K(l);if(s){var n=K(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return V(this,e)});function u(e){var n;return L(this,u),(n=p.call(this,e)).state={focused:!1},n.onClick=n.onClick.bind(I(n)),n.onFocus=n.onFocus.bind(I(n)),n.onBlur=n.onBlur.bind(I(n)),n.onKeyDown=n.onKeyDown.bind(I(n)),n.inputRef=t(n.props.inputRef),n}return D(u,[{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(A({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=a({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 t=this,n=this.isChecked(),o=i("p-checkbox p-component",{"p-checkbox-checked":n,"p-checkbox-disabled":this.props.disabled,"p-checkbox-focused":this.state.focused},this.props.className),l=i("p-checkbox-box",{"p-highlight":n,"p-disabled":this.props.disabled,"p-focus":this.state.focused}),s=n&&this.props.icon;return e.createElement("div",{ref:function(e){return t.element=e},id:this.props.id,className:o,style:this.props.style,onClick:this.onClick,onContextMenu:this.props.onContextMenu,onMouseDown:this.props.onMouseDown},e.createElement("div",{className:"p-hidden-accessible"},e.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:n,onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,disabled:this.props.disabled,readOnly:this.props.readOnly,required:this.props.required})),e.createElement("div",{className:l,ref:function(e){return t.box=e},role:"checkbox","aria-checked":n},r.getJSXIcon(s,{className:"p-checkbox-icon p-c"},{props:this.props,checked:n})))}}]),u}();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}}j(T,"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 M=function(t){F(s,n);var i,r,l=(i=s,r=B(),function(){var e,t=K(i);if(r){var n=K(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return V(this,e)});function s(e){var t;return L(this,s),(t=l.call(this,e)).onFilter=t.onFilter.bind(I(t)),t.onSelectAll=t.onSelectAll.bind(I(t)),t}return D(s,[{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?e.createElement("div",{className:"p-multiselect-filter-container"},e.createElement(h,{type:"text",role:"textbox",value:this.props.filterValue,onChange:this.onFilter,className:"p-multiselect-filter",placeholder:this.props.filterPlaceholder}),e.createElement("span",{className:"p-multiselect-filter-icon pi pi-search"})):null}},{key:"render",value:function(){var t=this.renderFilterElement(),n=this.props.showSelectAll&&e.createElement(T,{checked:this.props.selectAll,onChange:this.onSelectAll,role:"checkbox","aria-checked":this.props.selectAll}),i=e.createElement("button",{type:"button",className:"p-multiselect-close p-link",onClick:this.props.onClose},e.createElement("span",{className:"p-multiselect-close-icon pi pi-times"}),e.createElement(f,null)),r=e.createElement("div",{className:"p-multiselect-header"},n,t,i);return this.props.template?o.getJSXElement(this.props.template,{className:"p-multiselect-header",checkboxElement:n,checked:this.props.selectAll,onChange:this.onSelectAll,filterElement:t,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}}]),s}();function H(){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(t){F(p,n);var r,l,s=(r=p,l=H(),function(){var e,t=K(r);if(l){var n=K(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return V(this,e)});function p(e){var t;return L(this,p),(t=s.call(this,e)).onClick=t.onClick.bind(I(t)),t.onKeyDown=t.onKeyDown.bind(I(t)),t}return D(p,[{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 t=i("p-multiselect-item",{"p-highlight":this.props.selected,"p-disabled":this.props.disabled},this.props.option.className),n=i("p-checkbox-box",{"p-highlight":this.props.selected}),r=i("p-checkbox-icon p-c",{"pi pi-check":this.props.selected}),l=this.props.template?o.getJSXElement(this.props.template,this.props.option):this.props.label;return e.createElement("li",{className:t,onClick:this.onClick,tabIndex:this.props.disabled?null:this.props.tabIndex||0,onKeyDown:this.onKeyDown,role:"option","aria-selected":this.props.selected},e.createElement("div",{className:"p-checkbox p-component"},e.createElement("div",{className:n},e.createElement("span",{className:r}))),e.createElement("span",null,l),e.createElement(f,null))}}]),p}();function z(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 _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,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}}j(q,"defaultProps",{option:null,label:null,selected:!1,disabled:!1,tabIndex:null,template:null,onClick:null,onKeyDown:null});var X=function(t){F(p,n);var r,l,s=(r=p,l=J(),function(){var e,t=K(r);if(l){var n=K(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return V(this,e)});function p(e){var t;return L(this,p),(t=s.call(this,e)).onEnter=t.onEnter.bind(I(t)),t.onFilterInputChange=t.onFilterInputChange.bind(I(t)),t}return D(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 e.createElement(M,{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 t=o.getJSXElement(this.props.panelFooterTemplate,this.props,this.props.onOverlayHide);return e.createElement("div",{className:"p-multiselect-footer"},t)}return null}},{key:"renderGroupChildren",value:function(t){var n=this;return this.props.getOptionGroupChildren(t).map((function(t,i){var r=n.props.getOptionLabel(t),o=i+"_"+n.props.getOptionRenderKey(t),l=n.props.isOptionDisabled(t),s=l?null:n.props.tabIndex||0;return e.createElement(q,{key:o,label:r,option:t,template:n.props.itemTemplate,selected:n.props.isSelected(t),onClick:n.props.onOptionSelect,onKeyDown:n.props.onOptionKeyDown,tabIndex:s,disabled:l})}))}},{key:"renderEmptyFilter",value:function(){var t=o.getJSXElement(this.props.emptyFilterMessage,this.props)||v("emptyFilterMessage");return e.createElement("li",{className:"p-multiselect-empty-message"},t)}},{key:"renderItem",value:function(t,n){if(this.props.optionGroupLabel){var i=this.props.optionGroupTemplate?o.getJSXElement(this.props.optionGroupTemplate,t,n):this.props.getOptionGroupLabel(t),r=this.renderGroupChildren(t),l=n+"_"+this.props.getOptionGroupRenderKey(t);return e.createElement(e.Fragment,{key:l},e.createElement("li",{className:"p-multiselect-item-group"},i),r)}var s=this.props.getOptionLabel(t),p=n+"_"+this.props.getOptionRenderKey(t),a=this.props.isOptionDisabled(t),u=a?null:this.props.tabIndex||0;return e.createElement(q,{key:p,label:s,option:t,template:this.props.itemTemplate,selected:this.props.isSelected(t),onClick:this.props.onOptionSelect,onKeyDown:this.props.onOptionKeyDown,tabIndex:u,disabled:a})}},{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 t=this;if(this.props.virtualScrollerOptions){var n=_(_({},this.props.virtualScrollerOptions),{style:_(_({},this.props.virtualScrollerOptions.style),{height:this.props.scrollHeight}),className:i("p-multiselect-items-wrapper",this.props.virtualScrollerOptions.className),items:this.props.visibleOptions,onLazyLoad:function(e){return t.props.virtualScrollerOptions.onLazyLoad(_(_({},e),{filter:t.props.filterValue}))},itemTemplate:function(e,n){return e&&t.renderItem(e,n.index)},contentTemplate:function(n){var r=i("p-multiselect-items p-component",n.className),o=t.isEmptyFilter()?t.renderEmptyFilter():n.children;return e.createElement("ul",{ref:n.contentRef,className:r,role:"listbox","aria-multiselectable":!0},o)}});return e.createElement(d,O({ref:function(e){return t.virtualScrollerRef=e}},n))}var r=this.renderItems();return e.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:this.props.scrollHeight}},e.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},r))}},{key:"renderElement",value:function(){var t=i("p-multiselect-panel p-component",{"p-multiselect-limited":!this.props.allowOptionSelect()},this.props.panelClassName),n=this.renderHeader(),r=this.renderContent(),o=this.renderFooter();return e.createElement(u,{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},e.createElement("div",{ref:this.props.forwardRef,className:t,style:this.props.panelStyle,onClick:this.props.onClick},n,r,o))}},{key:"render",value:function(){var t=this.renderElement();return e.createElement(c,{element:t,appendTo:this.props.appendTo})}}]),p}(),U=e.forwardRef((function(t,n){return e.createElement(X,O({forwardRef:n},t))}));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 $(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){j(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 Z(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=Q(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 o,l=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){s=!0,o=e},f:function(){try{l||null==n.return||n.return()}finally{if(s)throw o}}}}function Q(e,t){if(e){if("string"==typeof e)return Y(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)?Y(e,t):void 0}}function Y(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 ee(){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 te=function(u){F(d,n);var c,h,f=(c=d,h=ee(),function(){var e,t=K(c);if(h){var n=K(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return V(this,e)});function d(e){var n;return L(this,d),(n=f.call(this,e)).state={filter:"",focused:!1,overlayVisible:!1},n.onClick=n.onClick.bind(I(n)),n.onKeyDown=n.onKeyDown.bind(I(n)),n.onOptionSelect=n.onOptionSelect.bind(I(n)),n.onOptionKeyDown=n.onOptionKeyDown.bind(I(n)),n.onFocus=n.onFocus.bind(I(n)),n.onBlur=n.onBlur.bind(I(n)),n.onFilterInputChange=n.onFilterInputChange.bind(I(n)),n.onCloseClick=n.onCloseClick.bind(I(n)),n.onSelectAll=n.onSelectAll.bind(I(n)),n.onOverlayEnter=n.onOverlayEnter.bind(I(n)),n.onOverlayEntered=n.onOverlayEntered.bind(I(n)),n.onOverlayExit=n.onOverlayExit.bind(I(n)),n.onOverlayExited=n.onOverlayExited.bind(I(n)),n.onPanelClick=n.onPanelClick.bind(I(n)),n.getOptionLabel=n.getOptionLabel.bind(I(n)),n.getOptionRenderKey=n.getOptionRenderKey.bind(I(n)),n.isOptionDisabled=n.isOptionDisabled.bind(I(n)),n.getOptionGroupChildren=n.getOptionGroupChildren.bind(I(n)),n.getOptionGroupLabel=n.getOptionGroupLabel.bind(I(n)),n.getOptionGroupRenderKey=n.getOptionGroupRenderKey.bind(I(n)),n.allowOptionSelect=n.allowOptionSelect.bind(I(n)),n.isSelected=n.isSelected.bind(I(n)),n.isAllSelected=n.isAllSelected.bind(I(n)),n.hasFilter=n.hasFilter.bind(I(n)),n.getSelectedOptionIndex=n.getSelectedOptionIndex.bind(I(n)),n.hide=n.hide.bind(I(n)),n.onOptionKeyDown=n.onOptionKeyDown.bind(I(n)),n.overlayRef=t(),n.inputRef=t(n.props.inputRef),n}return D(d,[{key:"onPanelClick",value:function(e){b.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 t=this,n=e.originalEvent,i=e.option;if(!this.props.disabled&&!this.isOptionDisabled(i)){var r=this.getOptionValue(i),l=this.isOptionValueUsed(i),s=this.isSelected(i),p=this.allowOptionSelect();s?this.updateModel(n,this.props.value.filter((function(e){return!o.equals(l?e:t.getOptionValue(e),r,t.equalityKey())}))):p&&this.updateModel(n,[].concat(w(this.props.value||[]),[r]))}}},{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 t=e.nextElementSibling;return t?l.hasClass(t,"p-disabled")||l.hasClass(t,"p-multiselect-item-group")?this.findNextItem(t):t:null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?l.hasClass(t,"p-disabled")||l.hasClass(t,"p-multiselect-item-group")?this.findPrevItem(t):t:null}},{key:"onClick",value:function(e){this.props.disabled||this.isPanelClicked(e)||l.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 t=l.getFirstFocusableElement(this.overlayRef.current);t&&(t.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(w(n),w(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)})));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){s.set("overlay",this.overlayRef.current,y.autoZIndex,y.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(),s.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){l.alignOverlay(this.overlayRef.current,this.label.parentElement,this.props.appendTo||y.appendTo)}},{key:"scrollInView",value:function(){var e=l.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,t){var n=this,i=this.equalityKey();return t.findIndex((function(t){return e.some((function(e){return o.equals(e,n.getOptionValue(t),i)}))}))}},{key:"isSelected",value:function(e){var t=this,n=!1;if(this.props.value){var i=this.getOptionValue(e),r=this.isOptionValueUsed(e),l=this.equalityKey();n=this.props.value.some((function(e){return o.equals(r?e:t.getOptionValue(e),i,l)}))}return n}},{key:"getLabelByValue",value:function(e){var t;if(this.props.options)if(this.props.optionGroupLabel){var n,i=Z(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,t){var n,i=this.equalityKey(),r=Z(t);try{for(r.s();!(n=r.n()).done;){var l=n.value,s=this.getOptionValue(l);if(o.equals(s,e,i))return l}}catch(e){r.e(e)}finally{r.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 p(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&&!l.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 l.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($({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),s.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(o.isEmpty(t))return!1;if(t=t.filter((function(t){return!e.isOptionDisabled(t)})),this.props.optionGroupLabel){var n,i=Z(t);try{for(i.s();!(n=i.n()).done;){var r,l=this.getOptionGroupChildren(n.value).filter((function(t){return!e.isOptionDisabled(t)})),s=Z(l);try{for(s.s();!(r=s.n()).done;){if(!this.isSelected(r.value))return!1}}catch(e){s.e(e)}finally{s.f()}}}catch(e){i.e(e)}finally{i.f()}}else{var p,a=Z(t);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?o.resolveFieldData(e,this.props.optionLabel):e&&void 0!==e.label?e.label:e}},{key:"getOptionValue",value:function(e){if(this.props.optionValue){var t=o.resolveFieldData(e,this.props.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e}},{key:"getOptionRenderKey",value:function(e){return this.props.dataKey?o.resolveFieldData(e,this.props.dataKey):this.getOptionLabel(e)}},{key:"getOptionGroupRenderKey",value:function(e){return o.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"getOptionGroupLabel",value:function(e){return o.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"getOptionGroupChildren",value:function(e){return o.resolveFieldData(e,this.props.optionGroupChildren)}},{key:"isOptionDisabled",value:function(e){return this.props.optionDisabled?o.isFunction(this.props.optionDisabled)?this.props.optionDisabled(e):o.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=[],r=Z(this.props.options);try{for(r.s();!(n=r.n()).done;){var o=n.value,l=m.filter(this.getOptionGroupChildren(o),t,e,this.props.filterMatchMode,this.props.filterLocale);l&&l.length&&i.push($($({},o),{items:l}))}}catch(e){r.e(e)}finally{r.f()}return i}return m.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,t){var n=this.equalityKey(),i=this.props.value.filter((function(e){return!o.equals(e,t,n)}));this.updateModel(e,i)}},{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 t=this;return this.props.selectedItemTemplate?this.isEmpty()?o.getJSXElement(this.props.selectedItemTemplate):this.props.maxSelectedLabels&&this.props.value.length>this.props.maxSelectedLabels?this.getSelectedItemsLabel():this.props.value.map((function(n,i){var r=o.getJSXElement(t.props.selectedItemTemplate,n);return e.createElement(e.Fragment,{key:i},r)})):"chip"!==this.props.display||this.isEmpty()?this.getLabel():this.props.value.slice(0,this.props.maxSelectedLabels||this.props.value.length).map((function(n){var i=t.getLabelByValue(n);return e.createElement("div",{className:"p-multiselect-token",key:i},e.createElement("span",{className:"p-multiselect-token-label"},i),!t.props.disabled&&r.getJSXIcon(t.props.removeIcon,{className:"p-multiselect-token-icon",onClick:function(e){return t.removeChip(e,n)}},{props:t.props}))}))}},{key:"renderTooltip",value:function(){this.tooltip=a({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderClearIcon",value:function(){var t=this;return this.isEmpty()||!this.props.showClear||this.props.disabled?null:e.createElement("i",{className:"p-multiselect-clear-icon pi pi-times",onClick:function(e){return t.updateModel(e,null)}})}},{key:"renderLabel",value:function(){var t=this,n=this.isEmpty(),r=this.getLabelContent(),o=i("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&&"chip"!==this.props.display&&this.props.value.length>this.props.maxSelectedLabels});return e.createElement("div",{ref:function(e){return t.label=e},className:"p-multiselect-label-container"},e.createElement("div",{className:o},r||this.props.placeholder||"empty"))}},{key:"render",value:function(){var t=this,n=i("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),o=this.getVisibleOptions(),l=this.renderLabel(),s=this.renderClearIcon();return e.createElement("div",{id:this.props.id,className:n,onClick:this.onClick,ref:function(e){return t.container=e},style:this.props.style},e.createElement("div",{className:"p-hidden-accessible"},e.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,e.createElement("div",{className:"p-multiselect-trigger"},r.getJSXIcon(this.props.dropdownIcon,{className:"p-multiselect-trigger-icon p-c"},{props:this.props})),e.createElement(U,O({ref:this.overlayRef,visibleOptions:o},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})))}}]),d}();j(te,"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});export{te as MultiSelect};

package/multiselect/multiselect.js

@@ -1377,7 +1377,7 @@ this.primereact.multiselect = (function (exports, React, utils, tooltip, csstran
 
         if (!this.resizeListener) {
           this.resizeListener = function () {
-            if (_this12.state.overlayVisible && !utils.DomHandler.isAndroid()) {
+            if (_this12.state.overlayVisible && !utils.DomHandler.isTouchDevice()) {
               _this12.hide();
             }
           };
@@ -1484,7 +1484,7 @@ this.primereact.multiselect = (function (exports, React, utils, tooltip, csstran
         } else {
           var visibleOptions = this.getVisibleOptions();
 
-          if (visibleOptions.length === 0) {
+          if (utils.ObjectUtils.isEmpty(visibleOptions)) {
             return false;
           }
 

package/multiselect/multiselect.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.multiselect=function(e,t,n,i,r,l,o,s,p,a,u){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=c(t),d=c(a);function f(){return f=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},f.apply(this,arguments)}function y(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 v(e){if(Array.isArray(e))return y(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function O(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e){return v(e)||m(e)||b(e)||O()}function k(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function C(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 S(e,t,n){return t&&C(e.prototype,t),n&&C(e,n),e}function E(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function w(e,t){return w=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},w(e,t)}function L(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&&w(e,t)}function D(e){return D="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},D(e)}function x(e,t){if(t&&("object"===D(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return E(e)}function I(e){return I=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},I(e)}function R(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function F(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 j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function P(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var N=function(e){L(s,e);var r,l,o=(r=s,l=P(),function(){var e,t=I(r);if(l){var n=I(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return x(this,e)});function s(e){var n;return k(this,s),(n=o.call(this,e)).state={focused:!1},n.onClick=n.onClick.bind(E(n)),n.onFocus=n.onFocus.bind(E(n)),n.onBlur=n.onBlur.bind(E(n)),n.onKeyDown=n.onKeyDown.bind(E(n)),n.inputRef=t.createRef(n.props.inputRef),n}return S(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(j({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,t=this.isChecked(),i=n.classNames("p-checkbox p-component",{"p-checkbox-checked":t,"p-checkbox-disabled":this.props.disabled,"p-checkbox-focused":this.state.focused},this.props.className),r=n.classNames("p-checkbox-box",{"p-highlight":t,"p-disabled":this.props.disabled,"p-focus":this.state.focused}),l=t&&this.props.icon;return h.default.createElement("div",{ref:function(t){return e.element=t},id:this.props.id,className:i,style:this.props.style,onClick:this.onClick,onContextMenu:this.props.onContextMenu,onMouseDown:this.props.onMouseDown},h.default.createElement("div",{className:"p-hidden-accessible"},h.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:t,onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,disabled:this.props.disabled,readOnly:this.props.readOnly,required:this.props.required})),h.default.createElement("div",{className:r,ref:function(t){return e.box=t},role:"checkbox","aria-checked":t},n.IconUtils.getJSXIcon(l,{className:"p-checkbox-icon p-c"},{props:this.props,checked:t})))}}]),s}(t.Component);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}}R(N,"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 K=function(e){L(l,e);var t,i,r=(t=l,i=V(),function(){var e,n=I(t);if(i){var r=I(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return x(this,e)});function l(e){var t;return k(this,l),(t=r.call(this,e)).onFilter=t.onFilter.bind(E(t)),t.onSelectAll=t.onSelectAll.bind(E(t)),t}return S(l,[{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?h.default.createElement("div",{className:"p-multiselect-filter-container"},h.default.createElement(o.InputText,{type:"text",role:"textbox",value:this.props.filterValue,onChange:this.onFilter,className:"p-multiselect-filter",placeholder:this.props.filterPlaceholder}),h.default.createElement("span",{className:"p-multiselect-filter-icon pi pi-search"})):null}},{key:"render",value:function(){var e=this.renderFilterElement(),t=this.props.showSelectAll&&h.default.createElement(N,{checked:this.props.selectAll,onChange:this.onSelectAll,role:"checkbox","aria-checked":this.props.selectAll}),i=h.default.createElement("button",{type:"button",className:"p-multiselect-close p-link",onClick:this.props.onClose},h.default.createElement("span",{className:"p-multiselect-close-icon pi pi-times"}),h.default.createElement(s.Ripple,null)),r=h.default.createElement("div",{className:"p-multiselect-header"},t,e,i);return this.props.template?n.ObjectUtils.getJSXElement(this.props.template,{className:"p-multiselect-header",checkboxElement:t,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}}]),l}(t.Component);function A(){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 G=function(e){L(l,e);var t,i,r=(t=l,i=A(),function(){var e,n=I(t);if(i){var r=I(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return x(this,e)});function l(e){var t;return k(this,l),(t=r.call(this,e)).onClick=t.onClick.bind(E(t)),t.onKeyDown=t.onKeyDown.bind(E(t)),t}return S(l,[{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=n.classNames("p-multiselect-item",{"p-highlight":this.props.selected,"p-disabled":this.props.disabled},this.props.option.className),t=n.classNames("p-checkbox-box",{"p-highlight":this.props.selected}),i=n.classNames("p-checkbox-icon p-c",{"pi pi-check":this.props.selected}),r=this.props.template?n.ObjectUtils.getJSXElement(this.props.template,this.props.option):this.props.label;return h.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},h.default.createElement("div",{className:"p-checkbox p-component"},h.default.createElement("div",{className:t},h.default.createElement("span",{className:i}))),h.default.createElement("span",null,r),h.default.createElement(s.Ripple,null))}}]),l}(t.Component);function T(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 B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function U(){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}}R(G,"defaultProps",{option:null,label:null,selected:!1,disabled:!1,tabIndex:null,template:null,onClick:null,onKeyDown:null});var H=function(e){L(s,e);var t,i,o=(t=s,i=U(),function(){var e,n=I(t);if(i){var r=I(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return x(this,e)});function s(e){var t;return k(this,s),(t=o.call(this,e)).onEnter=t.onEnter.bind(E(t)),t.onFilterInputChange=t.onFilterInputChange.bind(E(t)),t}return S(s,[{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 h.default.createElement(K,{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=n.ObjectUtils.getJSXElement(this.props.panelFooterTemplate,this.props,this.props.onOverlayHide);return h.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),o=l?null:t.props.tabIndex||0;return h.default.createElement(G,{key:r,label:i,option:e,template:t.props.itemTemplate,selected:t.props.isSelected(e),onClick:t.props.onOptionSelect,onKeyDown:t.props.onOptionKeyDown,tabIndex:o,disabled:l})}))}},{key:"renderEmptyFilter",value:function(){var e=n.ObjectUtils.getJSXElement(this.props.emptyFilterMessage,this.props)||a.localeOption("emptyFilterMessage");return h.default.createElement("li",{className:"p-multiselect-empty-message"},e)}},{key:"renderItem",value:function(e,t){if(this.props.optionGroupLabel){var i=this.props.optionGroupTemplate?n.ObjectUtils.getJSXElement(this.props.optionGroupTemplate,e,t):this.props.getOptionGroupLabel(e),r=this.renderGroupChildren(e),l=t+"_"+this.props.getOptionGroupRenderKey(e);return h.default.createElement(h.default.Fragment,{key:l},h.default.createElement("li",{className:"p-multiselect-item-group"},i),r)}var o=this.props.getOptionLabel(e),s=t+"_"+this.props.getOptionRenderKey(e),p=this.props.isOptionDisabled(e),a=p?null:this.props.tabIndex||0;return h.default.createElement(G,{key:s,label:o,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,n){return e.renderItem(t,n)})):this.props.hasFilter()?this.renderEmptyFilter():null}},{key:"renderContent",value:function(){var e=this;if(this.props.virtualScrollerOptions){var t=B(B({},this.props.virtualScrollerOptions),{style:B(B({},this.props.virtualScrollerOptions.style),{height:this.props.scrollHeight}),className:n.classNames("p-multiselect-items-wrapper",this.props.virtualScrollerOptions.className),items:this.props.visibleOptions,onLazyLoad:function(t){return e.props.virtualScrollerOptions.onLazyLoad(B(B({},t),{filter:e.props.filterValue}))},itemTemplate:function(t,n){return t&&e.renderItem(t,n.index)},contentTemplate:function(t){var i=n.classNames("p-multiselect-items p-component",t.className),r=e.isEmptyFilter()?e.renderEmptyFilter():t.children;return h.default.createElement("ul",{ref:t.contentRef,className:i,role:"listbox","aria-multiselectable":!0},r)}});return h.default.createElement(p.VirtualScroller,f({ref:function(t){return e.virtualScrollerRef=t}},t))}var i=this.renderItems();return h.default.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:this.props.scrollHeight}},h.default.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},i))}},{key:"renderElement",value:function(){var e=n.classNames("p-multiselect-panel p-component",{"p-multiselect-limited":!this.props.allowOptionSelect()},this.props.panelClassName),t=this.renderHeader(),i=this.renderContent(),l=this.renderFooter();return h.default.createElement(r.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},h.default.createElement("div",{ref:this.props.forwardRef,className:e,style:this.props.panelStyle,onClick:this.props.onClick},t,i,l))}},{key:"render",value:function(){var e=this.renderElement();return h.default.createElement(l.Portal,{element:e,appendTo:this.props.appendTo})}}]),s}(t.Component),M=h.default.forwardRef((function(e,t){return h.default.createElement(H,f({forwardRef:t},e))}));function q(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 z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?q(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function _(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=J(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 J(e,t){if(e){if("string"==typeof e)return X(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)?X(e,t):void 0}}function X(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 Z(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var W=function(e){L(s,e);var r,l,o=(r=s,l=Z(),function(){var e,t=I(r);if(l){var n=I(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return x(this,e)});function s(e){var n;return k(this,s),(n=o.call(this,e)).state={filter:"",focused:!1,overlayVisible:!1},n.onClick=n.onClick.bind(E(n)),n.onKeyDown=n.onKeyDown.bind(E(n)),n.onOptionSelect=n.onOptionSelect.bind(E(n)),n.onOptionKeyDown=n.onOptionKeyDown.bind(E(n)),n.onFocus=n.onFocus.bind(E(n)),n.onBlur=n.onBlur.bind(E(n)),n.onFilterInputChange=n.onFilterInputChange.bind(E(n)),n.onCloseClick=n.onCloseClick.bind(E(n)),n.onSelectAll=n.onSelectAll.bind(E(n)),n.onOverlayEnter=n.onOverlayEnter.bind(E(n)),n.onOverlayEntered=n.onOverlayEntered.bind(E(n)),n.onOverlayExit=n.onOverlayExit.bind(E(n)),n.onOverlayExited=n.onOverlayExited.bind(E(n)),n.onPanelClick=n.onPanelClick.bind(E(n)),n.getOptionLabel=n.getOptionLabel.bind(E(n)),n.getOptionRenderKey=n.getOptionRenderKey.bind(E(n)),n.isOptionDisabled=n.isOptionDisabled.bind(E(n)),n.getOptionGroupChildren=n.getOptionGroupChildren.bind(E(n)),n.getOptionGroupLabel=n.getOptionGroupLabel.bind(E(n)),n.getOptionGroupRenderKey=n.getOptionGroupRenderKey.bind(E(n)),n.allowOptionSelect=n.allowOptionSelect.bind(E(n)),n.isSelected=n.isSelected.bind(E(n)),n.isAllSelected=n.isAllSelected.bind(E(n)),n.hasFilter=n.hasFilter.bind(E(n)),n.getSelectedOptionIndex=n.getSelectedOptionIndex.bind(E(n)),n.hide=n.hide.bind(E(n)),n.onOptionKeyDown=n.onOptionKeyDown.bind(E(n)),n.overlayRef=t.createRef(),n.inputRef=t.createRef(n.props.inputRef),n}return S(s,[{key:"onPanelClick",value:function(e){u.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 t=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),p=this.allowOptionSelect();s?this.updateModel(i,this.props.value.filter((function(e){return!n.ObjectUtils.equals(o?e:t.getOptionValue(e),l,t.equalityKey())}))):p&&this.updateModel(i,[].concat(g(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 t=e.nextElementSibling;return t?n.DomHandler.hasClass(t,"p-disabled")||n.DomHandler.hasClass(t,"p-multiselect-item-group")?this.findNextItem(t):t:null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?n.DomHandler.hasClass(t,"p-disabled")||n.DomHandler.hasClass(t,"p-multiselect-item-group")?this.findPrevItem(t):t:null}},{key:"onClick",value:function(e){this.props.disabled||this.isPanelClicked(e)||n.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 t=n.DomHandler.getFirstFocusableElement(this.overlayRef.current);t&&(t.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(g(n),g(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)})));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){n.ZIndexUtils.set("overlay",this.overlayRef.current,d.default.autoZIndex,d.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(),n.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){n.DomHandler.alignOverlay(this.overlayRef.current,this.label.parentElement,this.props.appendTo||d.default.appendTo)}},{key:"scrollInView",value:function(){var e=n.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,t){var i=this,r=this.equalityKey();return t.findIndex((function(t){return e.some((function(e){return n.ObjectUtils.equals(e,i.getOptionValue(t),r)}))}))}},{key:"isSelected",value:function(e){var t=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 n.ObjectUtils.equals(l?e:t.getOptionValue(e),r,o)}))}return i}},{key:"getLabelByValue",value:function(e){var t;if(this.props.options)if(this.props.optionGroupLabel){var n,i=_(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,t){var i,r=this.equalityKey(),l=_(t);try{for(l.s();!(i=l.n()).done;){var o=i.value,s=this.getOptionValue(o);if(n.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 n.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&&!n.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 n.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(z({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),n.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=_(t);try{for(i.s();!(n=i.n()).done;){var r,l=this.getOptionGroupChildren(n.value).filter((function(t){return!e.isOptionDisabled(t)})),o=_(l);try{for(o.s();!(r=o.n()).done;){if(!this.isSelected(r.value))return!1}}catch(e){o.e(e)}finally{o.f()}}}catch(e){i.e(e)}finally{i.f()}}else{var s,p=_(t);try{for(p.s();!(s=p.n()).done;){if(!this.isSelected(s.value))return!1}}catch(e){p.e(e)}finally{p.f()}}return!0}},{key:"getOptionLabel",value:function(e){return this.props.optionLabel?n.ObjectUtils.resolveFieldData(e,this.props.optionLabel):e&&void 0!==e.label?e.label:e}},{key:"getOptionValue",value:function(e){if(this.props.optionValue){var t=n.ObjectUtils.resolveFieldData(e,this.props.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e}},{key:"getOptionRenderKey",value:function(e){return this.props.dataKey?n.ObjectUtils.resolveFieldData(e,this.props.dataKey):this.getOptionLabel(e)}},{key:"getOptionGroupRenderKey",value:function(e){return n.ObjectUtils.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"getOptionGroupLabel",value:function(e){return n.ObjectUtils.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"getOptionGroupChildren",value:function(e){return n.ObjectUtils.resolveFieldData(e,this.props.optionGroupChildren)}},{key:"isOptionDisabled",value:function(e){return this.props.optionDisabled?n.ObjectUtils.isFunction(this.props.optionDisabled)?this.props.optionDisabled(e):n.ObjectUtils.resolveFieldData(e,this.props.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled}},{key:"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=[],r=_(this.props.options);try{for(r.s();!(n=r.n()).done;){var l=n.value,o=a.FilterService.filter(this.getOptionGroupChildren(l),t,e,this.props.filterMatchMode,this.props.filterLocale);o&&o.length&&i.push(z(z({},l),{items:o}))}}catch(e){r.e(e)}finally{r.f()}return i}return a.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,t){var i=this.equalityKey(),r=this.props.value.filter((function(e){return!n.ObjectUtils.equals(e,t,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.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()?n.ObjectUtils.getJSXElement(this.props.selectedItemTemplate):this.props.maxSelectedLabels&&this.props.value.length>this.props.maxSelectedLabels?this.getSelectedItemsLabel():this.props.value.map((function(t,i){var r=n.ObjectUtils.getJSXElement(e.props.selectedItemTemplate,t);return h.default.createElement(h.default.Fragment,{key:i},r)})):"chip"!==this.props.display||this.isEmpty()?this.getLabel():this.props.value.slice(0,this.props.maxSelectedLabels||this.props.value.length).map((function(t){var i=e.getLabelByValue(t);return h.default.createElement("div",{className:"p-multiselect-token",key:i},h.default.createElement("span",{className:"p-multiselect-token-label"},i),!e.props.disabled&&n.IconUtils.getJSXIcon(e.props.removeIcon,{className:"p-multiselect-token-icon",onClick:function(n){return e.removeChip(n,t)}},{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:h.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,t=this.isEmpty(),i=this.getLabelContent(),r=n.classNames("p-multiselect-label",{"p-placeholder":t&&this.props.placeholder,"p-multiselect-label-empty":t&&!this.props.placeholder&&!this.props.selectedItemTemplate,"p-multiselect-items-label":!t&&"chip"!==this.props.display&&this.props.value.length>this.props.maxSelectedLabels});return h.default.createElement("div",{ref:function(t){return e.label=t},className:"p-multiselect-label-container"},h.default.createElement("div",{className:r},i||this.props.placeholder||"empty"))}},{key:"render",value:function(){var e=this,t=n.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=this.getVisibleOptions(),r=this.renderLabel(),l=this.renderClearIcon();return h.default.createElement("div",{id:this.props.id,className:t,onClick:this.onClick,ref:function(t){return e.container=t},style:this.props.style},h.default.createElement("div",{className:"p-hidden-accessible"},h.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,l,h.default.createElement("div",{className:"p-multiselect-trigger"},n.IconUtils.getJSXIcon(this.props.dropdownIcon,{className:"p-multiselect-trigger-icon p-c"},{props:this.props})),h.default.createElement(M,f({ref:this.overlayRef,visibleOptions:i},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}(t.Component);return R(W,"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}),e.MultiSelect=W,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.tooltip,primereact.csstransition,primereact.portal,primereact.inputtext,primereact.ripple,primereact.virtualscroller,primereact.api,primereact.overlayservice);
+this.primereact=this.primereact||{},this.primereact.multiselect=function(e,t,n,i,r,l,o,s,p,a,u){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=c(t),d=c(a);function f(){return f=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},f.apply(this,arguments)}function y(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 v(e){if(Array.isArray(e))return y(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function O(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e){return v(e)||m(e)||b(e)||O()}function k(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function C(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 S(e,t,n){return t&&C(e.prototype,t),n&&C(e,n),e}function E(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function w(e,t){return w=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},w(e,t)}function L(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&&w(e,t)}function D(e){return D="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},D(e)}function x(e,t){if(t&&("object"===D(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return E(e)}function I(e){return I=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},I(e)}function R(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function F(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 j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function P(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var N=function(e){L(s,e);var r,l,o=(r=s,l=P(),function(){var e,t=I(r);if(l){var n=I(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return x(this,e)});function s(e){var n;return k(this,s),(n=o.call(this,e)).state={focused:!1},n.onClick=n.onClick.bind(E(n)),n.onFocus=n.onFocus.bind(E(n)),n.onBlur=n.onBlur.bind(E(n)),n.onKeyDown=n.onKeyDown.bind(E(n)),n.inputRef=t.createRef(n.props.inputRef),n}return S(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(j({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,t=this.isChecked(),i=n.classNames("p-checkbox p-component",{"p-checkbox-checked":t,"p-checkbox-disabled":this.props.disabled,"p-checkbox-focused":this.state.focused},this.props.className),r=n.classNames("p-checkbox-box",{"p-highlight":t,"p-disabled":this.props.disabled,"p-focus":this.state.focused}),l=t&&this.props.icon;return h.default.createElement("div",{ref:function(t){return e.element=t},id:this.props.id,className:i,style:this.props.style,onClick:this.onClick,onContextMenu:this.props.onContextMenu,onMouseDown:this.props.onMouseDown},h.default.createElement("div",{className:"p-hidden-accessible"},h.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:t,onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,disabled:this.props.disabled,readOnly:this.props.readOnly,required:this.props.required})),h.default.createElement("div",{className:r,ref:function(t){return e.box=t},role:"checkbox","aria-checked":t},n.IconUtils.getJSXIcon(l,{className:"p-checkbox-icon p-c"},{props:this.props,checked:t})))}}]),s}(t.Component);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}}R(N,"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 K=function(e){L(l,e);var t,i,r=(t=l,i=V(),function(){var e,n=I(t);if(i){var r=I(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return x(this,e)});function l(e){var t;return k(this,l),(t=r.call(this,e)).onFilter=t.onFilter.bind(E(t)),t.onSelectAll=t.onSelectAll.bind(E(t)),t}return S(l,[{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?h.default.createElement("div",{className:"p-multiselect-filter-container"},h.default.createElement(o.InputText,{type:"text",role:"textbox",value:this.props.filterValue,onChange:this.onFilter,className:"p-multiselect-filter",placeholder:this.props.filterPlaceholder}),h.default.createElement("span",{className:"p-multiselect-filter-icon pi pi-search"})):null}},{key:"render",value:function(){var e=this.renderFilterElement(),t=this.props.showSelectAll&&h.default.createElement(N,{checked:this.props.selectAll,onChange:this.onSelectAll,role:"checkbox","aria-checked":this.props.selectAll}),i=h.default.createElement("button",{type:"button",className:"p-multiselect-close p-link",onClick:this.props.onClose},h.default.createElement("span",{className:"p-multiselect-close-icon pi pi-times"}),h.default.createElement(s.Ripple,null)),r=h.default.createElement("div",{className:"p-multiselect-header"},t,e,i);return this.props.template?n.ObjectUtils.getJSXElement(this.props.template,{className:"p-multiselect-header",checkboxElement:t,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}}]),l}(t.Component);function A(){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 T=function(e){L(l,e);var t,i,r=(t=l,i=A(),function(){var e,n=I(t);if(i){var r=I(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return x(this,e)});function l(e){var t;return k(this,l),(t=r.call(this,e)).onClick=t.onClick.bind(E(t)),t.onKeyDown=t.onKeyDown.bind(E(t)),t}return S(l,[{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=n.classNames("p-multiselect-item",{"p-highlight":this.props.selected,"p-disabled":this.props.disabled},this.props.option.className),t=n.classNames("p-checkbox-box",{"p-highlight":this.props.selected}),i=n.classNames("p-checkbox-icon p-c",{"pi pi-check":this.props.selected}),r=this.props.template?n.ObjectUtils.getJSXElement(this.props.template,this.props.option):this.props.label;return h.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},h.default.createElement("div",{className:"p-checkbox p-component"},h.default.createElement("div",{className:t},h.default.createElement("span",{className:i}))),h.default.createElement("span",null,r),h.default.createElement(s.Ripple,null))}}]),l}(t.Component);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 B(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){R(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 U(){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}}R(T,"defaultProps",{option:null,label:null,selected:!1,disabled:!1,tabIndex:null,template:null,onClick:null,onKeyDown:null});var H=function(e){L(s,e);var t,i,o=(t=s,i=U(),function(){var e,n=I(t);if(i){var r=I(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return x(this,e)});function s(e){var t;return k(this,s),(t=o.call(this,e)).onEnter=t.onEnter.bind(E(t)),t.onFilterInputChange=t.onFilterInputChange.bind(E(t)),t}return S(s,[{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 h.default.createElement(K,{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=n.ObjectUtils.getJSXElement(this.props.panelFooterTemplate,this.props,this.props.onOverlayHide);return h.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),o=l?null:t.props.tabIndex||0;return h.default.createElement(T,{key:r,label:i,option:e,template:t.props.itemTemplate,selected:t.props.isSelected(e),onClick:t.props.onOptionSelect,onKeyDown:t.props.onOptionKeyDown,tabIndex:o,disabled:l})}))}},{key:"renderEmptyFilter",value:function(){var e=n.ObjectUtils.getJSXElement(this.props.emptyFilterMessage,this.props)||a.localeOption("emptyFilterMessage");return h.default.createElement("li",{className:"p-multiselect-empty-message"},e)}},{key:"renderItem",value:function(e,t){if(this.props.optionGroupLabel){var i=this.props.optionGroupTemplate?n.ObjectUtils.getJSXElement(this.props.optionGroupTemplate,e,t):this.props.getOptionGroupLabel(e),r=this.renderGroupChildren(e),l=t+"_"+this.props.getOptionGroupRenderKey(e);return h.default.createElement(h.default.Fragment,{key:l},h.default.createElement("li",{className:"p-multiselect-item-group"},i),r)}var o=this.props.getOptionLabel(e),s=t+"_"+this.props.getOptionRenderKey(e),p=this.props.isOptionDisabled(e),a=p?null:this.props.tabIndex||0;return h.default.createElement(T,{key:s,label:o,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,n){return e.renderItem(t,n)})):this.props.hasFilter()?this.renderEmptyFilter():null}},{key:"renderContent",value:function(){var e=this;if(this.props.virtualScrollerOptions){var t=B(B({},this.props.virtualScrollerOptions),{style:B(B({},this.props.virtualScrollerOptions.style),{height:this.props.scrollHeight}),className:n.classNames("p-multiselect-items-wrapper",this.props.virtualScrollerOptions.className),items:this.props.visibleOptions,onLazyLoad:function(t){return e.props.virtualScrollerOptions.onLazyLoad(B(B({},t),{filter:e.props.filterValue}))},itemTemplate:function(t,n){return t&&e.renderItem(t,n.index)},contentTemplate:function(t){var i=n.classNames("p-multiselect-items p-component",t.className),r=e.isEmptyFilter()?e.renderEmptyFilter():t.children;return h.default.createElement("ul",{ref:t.contentRef,className:i,role:"listbox","aria-multiselectable":!0},r)}});return h.default.createElement(p.VirtualScroller,f({ref:function(t){return e.virtualScrollerRef=t}},t))}var i=this.renderItems();return h.default.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:this.props.scrollHeight}},h.default.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},i))}},{key:"renderElement",value:function(){var e=n.classNames("p-multiselect-panel p-component",{"p-multiselect-limited":!this.props.allowOptionSelect()},this.props.panelClassName),t=this.renderHeader(),i=this.renderContent(),l=this.renderFooter();return h.default.createElement(r.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},h.default.createElement("div",{ref:this.props.forwardRef,className:e,style:this.props.panelStyle,onClick:this.props.onClick},t,i,l))}},{key:"render",value:function(){var e=this.renderElement();return h.default.createElement(l.Portal,{element:e,appendTo:this.props.appendTo})}}]),s}(t.Component),M=h.default.forwardRef((function(e,t){return h.default.createElement(H,f({forwardRef:t},e))}));function q(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 z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?q(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function _(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=J(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 J(e,t){if(e){if("string"==typeof e)return X(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)?X(e,t):void 0}}function X(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 Z(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var W=function(e){L(s,e);var r,l,o=(r=s,l=Z(),function(){var e,t=I(r);if(l){var n=I(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return x(this,e)});function s(e){var n;return k(this,s),(n=o.call(this,e)).state={filter:"",focused:!1,overlayVisible:!1},n.onClick=n.onClick.bind(E(n)),n.onKeyDown=n.onKeyDown.bind(E(n)),n.onOptionSelect=n.onOptionSelect.bind(E(n)),n.onOptionKeyDown=n.onOptionKeyDown.bind(E(n)),n.onFocus=n.onFocus.bind(E(n)),n.onBlur=n.onBlur.bind(E(n)),n.onFilterInputChange=n.onFilterInputChange.bind(E(n)),n.onCloseClick=n.onCloseClick.bind(E(n)),n.onSelectAll=n.onSelectAll.bind(E(n)),n.onOverlayEnter=n.onOverlayEnter.bind(E(n)),n.onOverlayEntered=n.onOverlayEntered.bind(E(n)),n.onOverlayExit=n.onOverlayExit.bind(E(n)),n.onOverlayExited=n.onOverlayExited.bind(E(n)),n.onPanelClick=n.onPanelClick.bind(E(n)),n.getOptionLabel=n.getOptionLabel.bind(E(n)),n.getOptionRenderKey=n.getOptionRenderKey.bind(E(n)),n.isOptionDisabled=n.isOptionDisabled.bind(E(n)),n.getOptionGroupChildren=n.getOptionGroupChildren.bind(E(n)),n.getOptionGroupLabel=n.getOptionGroupLabel.bind(E(n)),n.getOptionGroupRenderKey=n.getOptionGroupRenderKey.bind(E(n)),n.allowOptionSelect=n.allowOptionSelect.bind(E(n)),n.isSelected=n.isSelected.bind(E(n)),n.isAllSelected=n.isAllSelected.bind(E(n)),n.hasFilter=n.hasFilter.bind(E(n)),n.getSelectedOptionIndex=n.getSelectedOptionIndex.bind(E(n)),n.hide=n.hide.bind(E(n)),n.onOptionKeyDown=n.onOptionKeyDown.bind(E(n)),n.overlayRef=t.createRef(),n.inputRef=t.createRef(n.props.inputRef),n}return S(s,[{key:"onPanelClick",value:function(e){u.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 t=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),p=this.allowOptionSelect();s?this.updateModel(i,this.props.value.filter((function(e){return!n.ObjectUtils.equals(o?e:t.getOptionValue(e),l,t.equalityKey())}))):p&&this.updateModel(i,[].concat(g(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 t=e.nextElementSibling;return t?n.DomHandler.hasClass(t,"p-disabled")||n.DomHandler.hasClass(t,"p-multiselect-item-group")?this.findNextItem(t):t:null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?n.DomHandler.hasClass(t,"p-disabled")||n.DomHandler.hasClass(t,"p-multiselect-item-group")?this.findPrevItem(t):t:null}},{key:"onClick",value:function(e){this.props.disabled||this.isPanelClicked(e)||n.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 t=n.DomHandler.getFirstFocusableElement(this.overlayRef.current);t&&(t.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(g(n),g(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)})));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){n.ZIndexUtils.set("overlay",this.overlayRef.current,d.default.autoZIndex,d.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(),n.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){n.DomHandler.alignOverlay(this.overlayRef.current,this.label.parentElement,this.props.appendTo||d.default.appendTo)}},{key:"scrollInView",value:function(){var e=n.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,t){var i=this,r=this.equalityKey();return t.findIndex((function(t){return e.some((function(e){return n.ObjectUtils.equals(e,i.getOptionValue(t),r)}))}))}},{key:"isSelected",value:function(e){var t=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 n.ObjectUtils.equals(l?e:t.getOptionValue(e),r,o)}))}return i}},{key:"getLabelByValue",value:function(e){var t;if(this.props.options)if(this.props.optionGroupLabel){var n,i=_(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,t){var i,r=this.equalityKey(),l=_(t);try{for(l.s();!(i=l.n()).done;){var o=i.value,s=this.getOptionValue(o);if(n.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 n.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&&!n.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 n.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(z({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),n.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(n.ObjectUtils.isEmpty(t))return!1;if(t=t.filter((function(t){return!e.isOptionDisabled(t)})),this.props.optionGroupLabel){var i,r=_(t);try{for(r.s();!(i=r.n()).done;){var l,o=this.getOptionGroupChildren(i.value).filter((function(t){return!e.isOptionDisabled(t)})),s=_(o);try{for(s.s();!(l=s.n()).done;){if(!this.isSelected(l.value))return!1}}catch(e){s.e(e)}finally{s.f()}}}catch(e){r.e(e)}finally{r.f()}}else{var p,a=_(t);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?n.ObjectUtils.resolveFieldData(e,this.props.optionLabel):e&&void 0!==e.label?e.label:e}},{key:"getOptionValue",value:function(e){if(this.props.optionValue){var t=n.ObjectUtils.resolveFieldData(e,this.props.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e}},{key:"getOptionRenderKey",value:function(e){return this.props.dataKey?n.ObjectUtils.resolveFieldData(e,this.props.dataKey):this.getOptionLabel(e)}},{key:"getOptionGroupRenderKey",value:function(e){return n.ObjectUtils.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"getOptionGroupLabel",value:function(e){return n.ObjectUtils.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"getOptionGroupChildren",value:function(e){return n.ObjectUtils.resolveFieldData(e,this.props.optionGroupChildren)}},{key:"isOptionDisabled",value:function(e){return this.props.optionDisabled?n.ObjectUtils.isFunction(this.props.optionDisabled)?this.props.optionDisabled(e):n.ObjectUtils.resolveFieldData(e,this.props.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled}},{key:"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=[],r=_(this.props.options);try{for(r.s();!(n=r.n()).done;){var l=n.value,o=a.FilterService.filter(this.getOptionGroupChildren(l),t,e,this.props.filterMatchMode,this.props.filterLocale);o&&o.length&&i.push(z(z({},l),{items:o}))}}catch(e){r.e(e)}finally{r.f()}return i}return a.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,t){var i=this.equalityKey(),r=this.props.value.filter((function(e){return!n.ObjectUtils.equals(e,t,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.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()?n.ObjectUtils.getJSXElement(this.props.selectedItemTemplate):this.props.maxSelectedLabels&&this.props.value.length>this.props.maxSelectedLabels?this.getSelectedItemsLabel():this.props.value.map((function(t,i){var r=n.ObjectUtils.getJSXElement(e.props.selectedItemTemplate,t);return h.default.createElement(h.default.Fragment,{key:i},r)})):"chip"!==this.props.display||this.isEmpty()?this.getLabel():this.props.value.slice(0,this.props.maxSelectedLabels||this.props.value.length).map((function(t){var i=e.getLabelByValue(t);return h.default.createElement("div",{className:"p-multiselect-token",key:i},h.default.createElement("span",{className:"p-multiselect-token-label"},i),!e.props.disabled&&n.IconUtils.getJSXIcon(e.props.removeIcon,{className:"p-multiselect-token-icon",onClick:function(n){return e.removeChip(n,t)}},{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:h.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,t=this.isEmpty(),i=this.getLabelContent(),r=n.classNames("p-multiselect-label",{"p-placeholder":t&&this.props.placeholder,"p-multiselect-label-empty":t&&!this.props.placeholder&&!this.props.selectedItemTemplate,"p-multiselect-items-label":!t&&"chip"!==this.props.display&&this.props.value.length>this.props.maxSelectedLabels});return h.default.createElement("div",{ref:function(t){return e.label=t},className:"p-multiselect-label-container"},h.default.createElement("div",{className:r},i||this.props.placeholder||"empty"))}},{key:"render",value:function(){var e=this,t=n.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=this.getVisibleOptions(),r=this.renderLabel(),l=this.renderClearIcon();return h.default.createElement("div",{id:this.props.id,className:t,onClick:this.onClick,ref:function(t){return e.container=t},style:this.props.style},h.default.createElement("div",{className:"p-hidden-accessible"},h.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,l,h.default.createElement("div",{className:"p-multiselect-trigger"},n.IconUtils.getJSXIcon(this.props.dropdownIcon,{className:"p-multiselect-trigger-icon p-c"},{props:this.props})),h.default.createElement(M,f({ref:this.overlayRef,visibleOptions:i},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}(t.Component);return R(W,"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}),e.MultiSelect=W,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.tooltip,primereact.csstransition,primereact.portal,primereact.inputtext,primereact.ripple,primereact.virtualscroller,primereact.api,primereact.overlayservice);

package/multistatecheckbox/multistatecheckbox.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TooltipOptions from '../tooltip/tooltipoptions';
-import {IconType} from "../utils/Utils";
+import {IconType} from "../utils";
 
 type MultiStateCheckboxOptionsType = MultiStateCheckboxOption[] | any[];
 

package/organizationchart/organizationchart.min.css

@@ -1 +1 @@
-.p-organizationchart-table{border-spacing:0;border-collapse:separate;margin:0 auto}.p-organizationchart-table>tbody>tr>td{text-align:center;vertical-align:top;padding:0 .75rem}.p-organizationchart-node-content{display:inline-block;position:relative}.p-organizationchart-node-content .p-node-toggler{position:absolute;bottom:-.75rem;margin-left:-.75rem;z-index:2;left:50%;user-select:none;cursor:pointer;width:1.5rem;height:1.5rem}.p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon{position:relative;top:.25rem}.p-organizationchart-line-down{margin:0 auto;height:20px;width:1px}.p-organizationchart-line-right{border-radius:0}.p-organizationchart-line-left{border-radius:0}.p-organizationchart-selectable-node{cursor:pointer}
+.p-organizationchart-table{border-spacing:0;border-collapse:separate;margin:0 auto}.p-organizationchart-table>tbody>tr>td{text-align:center;vertical-align:top;padding:0 .75rem}.p-organizationchart-node-content{display:inline-block;position:relative}.p-organizationchart-node-content .p-node-toggler{position:absolute;bottom:-.75rem;margin-left:-.75rem;z-index:2;left:50%;user-select:none;cursor:pointer;width:1.5rem;height:1.5rem;text-decoration:none}.p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon{position:relative;top:.25rem}.p-organizationchart-line-down{margin:0 auto;height:20px;width:1px}.p-organizationchart-line-right{border-radius:0}.p-organizationchart-line-left{border-radius:0}.p-organizationchart-selectable-node{cursor:pointer}

package/overlaypanel/overlaypanel.cjs.js

@@ -200,7 +200,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this4.state.visible && !utils.DomHandler.isAndroid()) {
+          if (_this4.state.visible && !utils.DomHandler.isTouchDevice()) {
             _this4.hide();
           }
         };
@@ -351,8 +351,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
     key: "createStyle",
     value: function createStyle() {
       if (!this.styleElement) {
-        this.styleElement = document.createElement('style');
-        document.head.appendChild(this.styleElement);
+        this.styleElement = utils.DomHandler.createInlineStyle();
         var innerHTML = '';
 
         for (var breakpoint in this.props.breakpoints) {
@@ -380,10 +379,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
         this.scrollHandler = null;
       }
 
-      if (this.styleElement) {
-        document.head.removeChild(this.styleElement);
-        this.styleElement = null;
-      }
+      this.styleElement = utils.DomHandler.removeInlineStyle(this.styleElement);
 
       if (this.overlayEventListener) {
         overlayservice.OverlayService.off('overlay-click', this.overlayEventListener);

package/overlaypanel/overlaypanel.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/csstransition"),i=require("primereact/ripple"),r=require("primereact/overlayservice"),o=require("primereact/portal"),l=require("primereact/api");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(e),c=s(l);function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(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 h(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e,t){return f=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},f(e,t)}function p(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&f(e,t)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function y(e,t){if(t&&("object"===v(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return h(e)}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},m(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}}var k,C,E,L=function(l){p(L,e.Component);var s,f,v,k,C,E=(s=L,f=b(),function(){var e,t=m(s);if(f){var n=m(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return y(this,e)});function L(e){var n;return u(this,L),(n=E.call(this,e)).state={visible:!1},n.onCloseClick=n.onCloseClick.bind(h(n)),n.onPanelClick=n.onPanelClick.bind(h(n)),n.onEnter=n.onEnter.bind(h(n)),n.onEntered=n.onEntered.bind(h(n)),n.onExit=n.onExit.bind(h(n)),n.onExited=n.onExited.bind(h(n)),n.onContentClick=n.onContentClick.bind(h(n)),n.attributeSelector=t.UniqueComponentId(),n.overlayRef=a.default.createRef(),n}return v=L,(k=[{key:"bindDocumentClickListener",value:function(){var e=this;!this.documentClickListener&&this.props.dismissable&&(this.documentClickListener=function(t){!e.isPanelClicked&&e.isOutsideClicked(t.target)&&e.hide(),e.isPanelClicked=!1},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new t.ConnectedOverlayScrollHandler(this.target,(function(){e.state.visible&&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.visible&&!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.overlayRef&&this.overlayRef.current&&!(this.overlayRef.current.isSameNode(e)||this.overlayRef.current.contains(e))}},{key:"hasTargetChanged",value:function(e,t){return null!=this.target&&this.target!==(t||e.currentTarget||e.target)}},{key:"onCloseClick",value:function(e){this.hide(),e.preventDefault()}},{key:"onPanelClick",value:function(e){this.isPanelClicked=!0,r.OverlayService.emit("overlay-click",{originalEvent:e,target:this.target})}},{key:"onContentClick",value:function(){this.isPanelClicked=!0}},{key:"toggle",value:function(e,t){var n=this;this.state.visible?(this.hide(),this.hasTargetChanged(e,t)&&(this.target=t||e.currentTarget||e.target,setTimeout((function(){n.show(e,n.target)}),200))):this.show(e,t)}},{key:"show",value:function(e,t){var n=this;this.target=t||e.currentTarget||e.target,this.state.visible?this.align():this.setState({visible:!0},(function(){n.overlayEventListener=function(e){n.isOutsideClicked(e.target)||(n.isPanelClicked=!0)},r.OverlayService.on("overlay-click",n.overlayEventListener)}))}},{key:"hide",value:function(){var e=this;this.setState({visible:!1},(function(){r.OverlayService.off("overlay-click",e.overlayEventListener),e.overlayEventListener=null}))}},{key:"onEnter",value:function(){t.ZIndexUtils.set("overlay",this.overlayRef.current,c.default.autoZIndex,c.default.zIndex.overlay),this.overlayRef.current.setAttribute(this.attributeSelector,""),this.align()}},{key:"onEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onExited",value:function(){t.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"align",value:function(){if(this.target){t.DomHandler.absolutePosition(this.overlayRef.current,this.target);var e=t.DomHandler.getOffset(this.overlayRef.current),n=t.DomHandler.getOffset(this.target),i=0;e.left<n.left&&(i=n.left-e.left),this.overlayRef.current.style.setProperty("--overlayArrowLeft","".concat(i,"px")),e.top<n.top&&t.DomHandler.addClass(this.overlayRef.current,"p-overlaypanel-flipped")}}},{key:"createStyle",value:function(){if(!this.styleElement){this.styleElement=document.createElement("style"),document.head.appendChild(this.styleElement);var e="";for(var t in this.props.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(this.attributeSelector,"] {\n                            width: ").concat(this.props.breakpoints[t]," !important;\n                        }\n                    }\n                ");this.styleElement.innerHTML=e}}},{key:"componentDidMount",value:function(){this.props.breakpoints&&this.createStyle()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null),this.overlayEventListener&&(r.OverlayService.off("overlay-click",this.overlayEventListener),this.overlayEventListener=null),t.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderCloseIcon",value:function(){return this.props.showCloseIcon?a.default.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:this.onCloseClick,"aria-label":this.props.ariaCloseLabel},a.default.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times"}),a.default.createElement(i.Ripple,null)):null}},{key:"renderElement",value:function(){var e=t.classNames("p-overlaypanel p-component",this.props.className),i=this.renderCloseIcon();return a.default.createElement(n.CSSTransition,{nodeRef:this.overlayRef,classNames:"p-overlaypanel",in:this.state.visible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},a.default.createElement("div",{ref:this.overlayRef,id:this.props.id,className:e,style:this.props.style,onClick:this.onPanelClick},a.default.createElement("div",{className:"p-overlaypanel-content",onClick:this.onContentClick,onMouseDown:this.onContentClick},this.props.children),i))}},{key:"render",value:function(){var e=this.renderElement();return a.default.createElement(o.Portal,{element:e,appendTo:this.props.appendTo})}}])&&d(v.prototype,k),C&&d(v,C),L}();E={id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:"close",transitionOptions:null,onShow:null,onHide:null},(C="defaultProps")in(k=L)?Object.defineProperty(k,C,{value:E,enumerable:!0,configurable:!0,writable:!0}):k[C]=E,exports.OverlayPanel=L;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/csstransition"),i=require("primereact/ripple"),r=require("primereact/overlayservice"),o=require("primereact/portal"),l=require("primereact/api");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(e),c=s(l);function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function f(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function d(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function h(e,t){return h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},h(e,t)}function p(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&h(e,t)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function y(e,t){if(t&&("object"===v(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return d(e)}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},m(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}}var k,C,E,L=function(l){p(L,e.Component);var s,h,v,k,C,E=(s=L,h=b(),function(){var e,t=m(s);if(h){var n=m(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return y(this,e)});function L(e){var n;return u(this,L),(n=E.call(this,e)).state={visible:!1},n.onCloseClick=n.onCloseClick.bind(d(n)),n.onPanelClick=n.onPanelClick.bind(d(n)),n.onEnter=n.onEnter.bind(d(n)),n.onEntered=n.onEntered.bind(d(n)),n.onExit=n.onExit.bind(d(n)),n.onExited=n.onExited.bind(d(n)),n.onContentClick=n.onContentClick.bind(d(n)),n.attributeSelector=t.UniqueComponentId(),n.overlayRef=a.default.createRef(),n}return v=L,(k=[{key:"bindDocumentClickListener",value:function(){var e=this;!this.documentClickListener&&this.props.dismissable&&(this.documentClickListener=function(t){!e.isPanelClicked&&e.isOutsideClicked(t.target)&&e.hide(),e.isPanelClicked=!1},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new t.ConnectedOverlayScrollHandler(this.target,(function(){e.state.visible&&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.visible&&!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.overlayRef&&this.overlayRef.current&&!(this.overlayRef.current.isSameNode(e)||this.overlayRef.current.contains(e))}},{key:"hasTargetChanged",value:function(e,t){return null!=this.target&&this.target!==(t||e.currentTarget||e.target)}},{key:"onCloseClick",value:function(e){this.hide(),e.preventDefault()}},{key:"onPanelClick",value:function(e){this.isPanelClicked=!0,r.OverlayService.emit("overlay-click",{originalEvent:e,target:this.target})}},{key:"onContentClick",value:function(){this.isPanelClicked=!0}},{key:"toggle",value:function(e,t){var n=this;this.state.visible?(this.hide(),this.hasTargetChanged(e,t)&&(this.target=t||e.currentTarget||e.target,setTimeout((function(){n.show(e,n.target)}),200))):this.show(e,t)}},{key:"show",value:function(e,t){var n=this;this.target=t||e.currentTarget||e.target,this.state.visible?this.align():this.setState({visible:!0},(function(){n.overlayEventListener=function(e){n.isOutsideClicked(e.target)||(n.isPanelClicked=!0)},r.OverlayService.on("overlay-click",n.overlayEventListener)}))}},{key:"hide",value:function(){var e=this;this.setState({visible:!1},(function(){r.OverlayService.off("overlay-click",e.overlayEventListener),e.overlayEventListener=null}))}},{key:"onEnter",value:function(){t.ZIndexUtils.set("overlay",this.overlayRef.current,c.default.autoZIndex,c.default.zIndex.overlay),this.overlayRef.current.setAttribute(this.attributeSelector,""),this.align()}},{key:"onEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onExited",value:function(){t.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"align",value:function(){if(this.target){t.DomHandler.absolutePosition(this.overlayRef.current,this.target);var e=t.DomHandler.getOffset(this.overlayRef.current),n=t.DomHandler.getOffset(this.target),i=0;e.left<n.left&&(i=n.left-e.left),this.overlayRef.current.style.setProperty("--overlayArrowLeft","".concat(i,"px")),e.top<n.top&&t.DomHandler.addClass(this.overlayRef.current,"p-overlaypanel-flipped")}}},{key:"createStyle",value:function(){if(!this.styleElement){this.styleElement=t.DomHandler.createInlineStyle();var e="";for(var n in this.props.breakpoints)e+="\n                    @media screen and (max-width: ".concat(n,") {\n                        .p-overlaypanel[").concat(this.attributeSelector,"] {\n                            width: ").concat(this.props.breakpoints[n]," !important;\n                        }\n                    }\n                ");this.styleElement.innerHTML=e}}},{key:"componentDidMount",value:function(){this.props.breakpoints&&this.createStyle()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.styleElement=t.DomHandler.removeInlineStyle(this.styleElement),this.overlayEventListener&&(r.OverlayService.off("overlay-click",this.overlayEventListener),this.overlayEventListener=null),t.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderCloseIcon",value:function(){return this.props.showCloseIcon?a.default.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:this.onCloseClick,"aria-label":this.props.ariaCloseLabel},a.default.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times"}),a.default.createElement(i.Ripple,null)):null}},{key:"renderElement",value:function(){var e=t.classNames("p-overlaypanel p-component",this.props.className),i=this.renderCloseIcon();return a.default.createElement(n.CSSTransition,{nodeRef:this.overlayRef,classNames:"p-overlaypanel",in:this.state.visible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},a.default.createElement("div",{ref:this.overlayRef,id:this.props.id,className:e,style:this.props.style,onClick:this.onPanelClick},a.default.createElement("div",{className:"p-overlaypanel-content",onClick:this.onContentClick,onMouseDown:this.onContentClick},this.props.children),i))}},{key:"render",value:function(){var e=this.renderElement();return a.default.createElement(o.Portal,{element:e,appendTo:this.props.appendTo})}}])&&f(v.prototype,k),C&&f(v,C),L}();E={id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:"close",transitionOptions:null,onShow:null,onHide:null},(C="defaultProps")in(k=L)?Object.defineProperty(k,C,{value:E,enumerable:!0,configurable:!0,writable:!0}):k[C]=E,exports.OverlayPanel=L;

package/overlaypanel/overlaypanel.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { CSSTransitionProps } from '../csstransition';
 
 type OverlayPanelEventType = React.SyntheticEvent | undefined | null;
 
@@ -19,7 +20,7 @@ export interface OverlayPanelProps {
     appendTo?: OverlayPanelAppendToType;
     ariaCloseLabel?: string;
     breakpoints?: OverlayPanelBreakpoints;
-    transitionOptions?: object;
+    transitionOptions?: CSSTransitionProps;
     onShow?(): void;
     onHide?(): void;
 }

package/overlaypanel/overlaypanel.esm.js

@@ -191,7 +191,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this4.state.visible && !DomHandler.isAndroid()) {
+          if (_this4.state.visible && !DomHandler.isTouchDevice()) {
             _this4.hide();
           }
         };
@@ -342,8 +342,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
     key: "createStyle",
     value: function createStyle() {
       if (!this.styleElement) {
-        this.styleElement = document.createElement('style');
-        document.head.appendChild(this.styleElement);
+        this.styleElement = DomHandler.createInlineStyle();
         var innerHTML = '';
 
         for (var breakpoint in this.props.breakpoints) {
@@ -371,10 +370,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
         this.scrollHandler = null;
       }
 
-      if (this.styleElement) {
-        document.head.removeChild(this.styleElement);
-        this.styleElement = null;
-      }
+      this.styleElement = DomHandler.removeInlineStyle(this.styleElement);
 
       if (this.overlayEventListener) {
         OverlayService.off('overlay-click', this.overlayEventListener);

package/overlaypanel/overlaypanel.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{UniqueComponentId as n,ConnectedOverlayScrollHandler as i,DomHandler as r,ZIndexUtils as o,classNames as s}from"primereact/utils";import{CSSTransition as l}from"primereact/csstransition";import{Ripple as a}from"primereact/ripple";import{OverlayService as c}from"primereact/overlayservice";import{Portal as u}from"primereact/portal";import h from"primereact/api";function f(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function d(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function y(e,t){return y=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},y(e,t)}function v(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&y(e,t)}function m(e){return m="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},m(e)}function b(e,t){if(t&&("object"===m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return d(e)}function k(e){return k=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},k(e)}function C(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var E,L,g,w=function(y){v(S,t);var m,E,L,g,w,R=(m=S,E=C(),function(){var e,t=k(m);if(E){var n=k(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return b(this,e)});function S(t){var i;return f(this,S),(i=R.call(this,t)).state={visible:!1},i.onCloseClick=i.onCloseClick.bind(d(i)),i.onPanelClick=i.onPanelClick.bind(d(i)),i.onEnter=i.onEnter.bind(d(i)),i.onEntered=i.onEntered.bind(d(i)),i.onExit=i.onExit.bind(d(i)),i.onExited=i.onExited.bind(d(i)),i.onContentClick=i.onContentClick.bind(d(i)),i.attributeSelector=n(),i.overlayRef=e.createRef(),i}return L=S,(g=[{key:"bindDocumentClickListener",value:function(){var e=this;!this.documentClickListener&&this.props.dismissable&&(this.documentClickListener=function(t){!e.isPanelClicked&&e.isOutsideClicked(t.target)&&e.hide(),e.isPanelClicked=!1},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new i(this.target,(function(){e.state.visible&&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.visible&&!r.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.overlayRef&&this.overlayRef.current&&!(this.overlayRef.current.isSameNode(e)||this.overlayRef.current.contains(e))}},{key:"hasTargetChanged",value:function(e,t){return null!=this.target&&this.target!==(t||e.currentTarget||e.target)}},{key:"onCloseClick",value:function(e){this.hide(),e.preventDefault()}},{key:"onPanelClick",value:function(e){this.isPanelClicked=!0,c.emit("overlay-click",{originalEvent:e,target:this.target})}},{key:"onContentClick",value:function(){this.isPanelClicked=!0}},{key:"toggle",value:function(e,t){var n=this;this.state.visible?(this.hide(),this.hasTargetChanged(e,t)&&(this.target=t||e.currentTarget||e.target,setTimeout((function(){n.show(e,n.target)}),200))):this.show(e,t)}},{key:"show",value:function(e,t){var n=this;this.target=t||e.currentTarget||e.target,this.state.visible?this.align():this.setState({visible:!0},(function(){n.overlayEventListener=function(e){n.isOutsideClicked(e.target)||(n.isPanelClicked=!0)},c.on("overlay-click",n.overlayEventListener)}))}},{key:"hide",value:function(){var e=this;this.setState({visible:!1},(function(){c.off("overlay-click",e.overlayEventListener),e.overlayEventListener=null}))}},{key:"onEnter",value:function(){o.set("overlay",this.overlayRef.current,h.autoZIndex,h.zIndex.overlay),this.overlayRef.current.setAttribute(this.attributeSelector,""),this.align()}},{key:"onEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onExited",value:function(){o.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"align",value:function(){if(this.target){r.absolutePosition(this.overlayRef.current,this.target);var e=r.getOffset(this.overlayRef.current),t=r.getOffset(this.target),n=0;e.left<t.left&&(n=t.left-e.left),this.overlayRef.current.style.setProperty("--overlayArrowLeft","".concat(n,"px")),e.top<t.top&&r.addClass(this.overlayRef.current,"p-overlaypanel-flipped")}}},{key:"createStyle",value:function(){if(!this.styleElement){this.styleElement=document.createElement("style"),document.head.appendChild(this.styleElement);var e="";for(var t in this.props.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(this.attributeSelector,"] {\n                            width: ").concat(this.props.breakpoints[t]," !important;\n                        }\n                    }\n                ");this.styleElement.innerHTML=e}}},{key:"componentDidMount",value:function(){this.props.breakpoints&&this.createStyle()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null),this.overlayEventListener&&(c.off("overlay-click",this.overlayEventListener),this.overlayEventListener=null),o.clear(this.overlayRef.current)}},{key:"renderCloseIcon",value:function(){return this.props.showCloseIcon?e.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:this.onCloseClick,"aria-label":this.props.ariaCloseLabel},e.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times"}),e.createElement(a,null)):null}},{key:"renderElement",value:function(){var t=s("p-overlaypanel p-component",this.props.className),n=this.renderCloseIcon();return e.createElement(l,{nodeRef:this.overlayRef,classNames:"p-overlaypanel",in:this.state.visible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},e.createElement("div",{ref:this.overlayRef,id:this.props.id,className:t,style:this.props.style,onClick:this.onPanelClick},e.createElement("div",{className:"p-overlaypanel-content",onClick:this.onContentClick,onMouseDown:this.onContentClick},this.props.children),n))}},{key:"render",value:function(){var t=this.renderElement();return e.createElement(u,{element:t,appendTo:this.props.appendTo})}}])&&p(L.prototype,g),w&&p(L,w),S}();g={id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:"close",transitionOptions:null,onShow:null,onHide:null},(L="defaultProps")in(E=w)?Object.defineProperty(E,L,{value:g,enumerable:!0,configurable:!0,writable:!0}):E[L]=g;export{w as OverlayPanel};
+import e,{Component as t}from"react";import{UniqueComponentId as n,ConnectedOverlayScrollHandler as i,DomHandler as r,ZIndexUtils as o,classNames as s}from"primereact/utils";import{CSSTransition as l}from"primereact/csstransition";import{Ripple as a}from"primereact/ripple";import{OverlayService as c}from"primereact/overlayservice";import{Portal as u}from"primereact/portal";import h from"primereact/api";function f(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function d(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function v(e,t){return v=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},v(e,t)}function y(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&&v(e,t)}function m(e){return m="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},m(e)}function b(e,t){if(t&&("object"===m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return d(e)}function k(e){return k=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},k(e)}function C(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var E,L,g,w=function(v){y(S,t);var m,E,L,g,w,R=(m=S,E=C(),function(){var e,t=k(m);if(E){var n=k(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return b(this,e)});function S(t){var i;return f(this,S),(i=R.call(this,t)).state={visible:!1},i.onCloseClick=i.onCloseClick.bind(d(i)),i.onPanelClick=i.onPanelClick.bind(d(i)),i.onEnter=i.onEnter.bind(d(i)),i.onEntered=i.onEntered.bind(d(i)),i.onExit=i.onExit.bind(d(i)),i.onExited=i.onExited.bind(d(i)),i.onContentClick=i.onContentClick.bind(d(i)),i.attributeSelector=n(),i.overlayRef=e.createRef(),i}return L=S,(g=[{key:"bindDocumentClickListener",value:function(){var e=this;!this.documentClickListener&&this.props.dismissable&&(this.documentClickListener=function(t){!e.isPanelClicked&&e.isOutsideClicked(t.target)&&e.hide(),e.isPanelClicked=!1},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new i(this.target,(function(){e.state.visible&&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.visible&&!r.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.overlayRef&&this.overlayRef.current&&!(this.overlayRef.current.isSameNode(e)||this.overlayRef.current.contains(e))}},{key:"hasTargetChanged",value:function(e,t){return null!=this.target&&this.target!==(t||e.currentTarget||e.target)}},{key:"onCloseClick",value:function(e){this.hide(),e.preventDefault()}},{key:"onPanelClick",value:function(e){this.isPanelClicked=!0,c.emit("overlay-click",{originalEvent:e,target:this.target})}},{key:"onContentClick",value:function(){this.isPanelClicked=!0}},{key:"toggle",value:function(e,t){var n=this;this.state.visible?(this.hide(),this.hasTargetChanged(e,t)&&(this.target=t||e.currentTarget||e.target,setTimeout((function(){n.show(e,n.target)}),200))):this.show(e,t)}},{key:"show",value:function(e,t){var n=this;this.target=t||e.currentTarget||e.target,this.state.visible?this.align():this.setState({visible:!0},(function(){n.overlayEventListener=function(e){n.isOutsideClicked(e.target)||(n.isPanelClicked=!0)},c.on("overlay-click",n.overlayEventListener)}))}},{key:"hide",value:function(){var e=this;this.setState({visible:!1},(function(){c.off("overlay-click",e.overlayEventListener),e.overlayEventListener=null}))}},{key:"onEnter",value:function(){o.set("overlay",this.overlayRef.current,h.autoZIndex,h.zIndex.overlay),this.overlayRef.current.setAttribute(this.attributeSelector,""),this.align()}},{key:"onEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onExited",value:function(){o.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"align",value:function(){if(this.target){r.absolutePosition(this.overlayRef.current,this.target);var e=r.getOffset(this.overlayRef.current),t=r.getOffset(this.target),n=0;e.left<t.left&&(n=t.left-e.left),this.overlayRef.current.style.setProperty("--overlayArrowLeft","".concat(n,"px")),e.top<t.top&&r.addClass(this.overlayRef.current,"p-overlaypanel-flipped")}}},{key:"createStyle",value:function(){if(!this.styleElement){this.styleElement=r.createInlineStyle();var e="";for(var t in this.props.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(this.attributeSelector,"] {\n                            width: ").concat(this.props.breakpoints[t]," !important;\n                        }\n                    }\n                ");this.styleElement.innerHTML=e}}},{key:"componentDidMount",value:function(){this.props.breakpoints&&this.createStyle()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.styleElement=r.removeInlineStyle(this.styleElement),this.overlayEventListener&&(c.off("overlay-click",this.overlayEventListener),this.overlayEventListener=null),o.clear(this.overlayRef.current)}},{key:"renderCloseIcon",value:function(){return this.props.showCloseIcon?e.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:this.onCloseClick,"aria-label":this.props.ariaCloseLabel},e.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times"}),e.createElement(a,null)):null}},{key:"renderElement",value:function(){var t=s("p-overlaypanel p-component",this.props.className),n=this.renderCloseIcon();return e.createElement(l,{nodeRef:this.overlayRef,classNames:"p-overlaypanel",in:this.state.visible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},e.createElement("div",{ref:this.overlayRef,id:this.props.id,className:t,style:this.props.style,onClick:this.onPanelClick},e.createElement("div",{className:"p-overlaypanel-content",onClick:this.onContentClick,onMouseDown:this.onContentClick},this.props.children),n))}},{key:"render",value:function(){var t=this.renderElement();return e.createElement(u,{element:t,appendTo:this.props.appendTo})}}])&&p(L.prototype,g),w&&p(L,w),S}();g={id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:"close",transitionOptions:null,onShow:null,onHide:null},(L="defaultProps")in(E=w)?Object.defineProperty(E,L,{value:g,enumerable:!0,configurable:!0,writable:!0}):E[L]=g;export{w as OverlayPanel};