primereact 9.2.3 → 9.3.1

package/multiselect/multiselect.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),l=require("primereact/overlayservice"),r=require("primereact/tooltip"),i=require("primereact/utils"),o=require("primereact/csstransition"),a=require("primereact/portal"),c=require("primereact/virtualscroller"),u=require("primereact/inputtext"),s=require("primereact/ripple");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var m=f(e),d=p(t);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},b.apply(this,arguments)}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("object"!==v(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==v(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=y(e,"string");return"symbol"===v(t)?t:String(t)}function g(e,t,n){return(t=h(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function E(e){if(Array.isArray(e))return O(e)}function S(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function j(e,t){if(e){if("string"==typeof e)return O(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)?O(e,t):void 0}}function x(){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 k(e){return E(e)||S(e)||j(e)||x()}function N(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,i,o,a=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=i.call(n)).done)&&(a.push(l.value),a.length!==t);c=!0);}catch(e){u=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw r}}return a}}function D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(e,t){return N(e)||w(e,t)||j(e,t)||D()}var C={defaultProps:{__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,className:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:"pi pi-chevron-down",emptyFilterMessage:null,filter:!1,filterBy:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,inline:!1,inputId:null,inputRef:null,itemClassName:null,itemTemplate:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onFilter:null,onFocus:null,onHide:null,onSelectAll:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,overlayVisible:!1,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,removeIcon:"pi pi-times-circle",resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,selectedItemTemplate:null,selectedItemsLabel:"{0} items selected",selectionLimit:null,showClear:!1,showSelectAll:!0,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,virtualScrollerOptions:null,children:void 0},getProps:function(e){return i.ObjectUtils.getMergedProps(e,C.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,C.defaultProps)}},P={defaultProps:{__TYPE:"Checkbox",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,onChange:null,onMouseDown:null,onContextMenu:null,children:void 0},getProps:function(e){return i.ObjectUtils.getMergedProps(e,P.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,P.defaultProps)}},F=m.memo(m.forwardRef((function(e,t){var l=P.getProps(e),o=I(m.useState(!1),2),a=o[0],c=o[1],u=m.useRef(null),s=m.useRef(l.inputRef),p=function(e){if(!l.disabled&&!l.readOnly&&l.onChange){var t=f(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement;if(e.target===s.current||n&&e.target.checked!==t){var r=t?l.falseValue:l.trueValue;l.onChange({originalEvent:e,value:l.value,checked:r,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:l.name,id:l.id,value:l.value,checked:r}})}i.DomHandler.focus(s.current),e.preventDefault()}},f=function(){return l.checked===l.trueValue};m.useImperativeHandle(t,(function(){return{props:l,focus:function(){return i.DomHandler.focus(s.current)},getElement:function(){return u.current},getInput:function(){return s.current}}})),m.useEffect((function(){i.ObjectUtils.combinedRefs(s,l.inputRef)}),[s,l.inputRef]),n.useUpdateEffect((function(){s.current.checked=f()}),[l.checked,l.trueValue]);var d=f(),v=i.ObjectUtils.isNotEmpty(l.tooltip),y=P.getOtherProps(l),h=i.ObjectUtils.reduceKeys(y,i.DomHandler.ARIA_PROPS),g=i.classNames("p-checkbox p-component",{"p-checkbox-checked":d,"p-checkbox-disabled":l.disabled,"p-checkbox-focused":a},l.className),O=i.classNames("p-checkbox-box",{"p-highlight":d,"p-disabled":l.disabled,"p-focus":a}),E=i.IconUtils.getJSXIcon(d?l.icon:"",{className:"p-checkbox-icon p-c"},{props:l,checked:d});return m.createElement(m.Fragment,null,m.createElement("div",b({ref:u,id:l.id,className:g,style:l.style},y,{onClick:p,onContextMenu:l.onContextMenu,onMouseDown:l.onMouseDown}),m.createElement("div",{className:"p-hidden-accessible"},m.createElement("input",b({ref:s,type:"checkbox",id:l.inputId,name:l.name,tabIndex:l.tabIndex,defaultChecked:d,onFocus:function(){c(!0)},onBlur:function(){c(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||p(e)},disabled:l.disabled,readOnly:l.readOnly,required:l.required},h))),m.createElement("div",{className:O},E)),v&&m.createElement(r.Tooltip,b({target:u,content:l.tooltip},l.tooltipOptions)))})));F.displayName="Checkbox";var U=m.memo((function(e){var n={filter:function(e){return l(e)},reset:function(){return e.resetFilter()}},l=function(t){e.onFilter&&e.onFilter({originalEvent:t,query:t.target.value})},r=function(t){e.onSelectAll&&e.onSelectAll({originalEvent:t,checked:e.selectAll}),t.preventDefault()},o=function(){if(e.filter){var t=i.classNames("p-multiselect-filter-container"),r=m.createElement("div",{className:t},m.createElement(u.InputText,{ref:e.filterRef,type:"text",role:"textbox",value:e.filterValue,onChange:l,className:"p-multiselect-filter",placeholder:e.filterPlaceholder}),m.createElement("span",{className:"p-multiselect-filter-icon pi pi-search"}));if(e.filterTemplate)r=i.ObjectUtils.getJSXElement(e.filterTemplate,{className:t,element:r,filterOptions:n,onFilter:l,filterIconClassName:"p-multeselect-filter-icon pi pi-search",props:e});return m.createElement(m.Fragment,null,r)}return null}(),a=e.showSelectAll&&m.createElement(F,{checked:e.selectAll,onChange:r,role:"checkbox","aria-checked":e.selectAll}),c=m.createElement("button",{type:"button",className:"p-multiselect-close p-link","aria-label":t.localeOption("close"),onClick:e.onClose},m.createElement("span",{className:"p-multiselect-close-icon pi pi-times","aria-hidden":"true"}),m.createElement(s.Ripple,null)),p=m.createElement("div",{className:"p-multiselect-header"},a,o,c);return e.template?i.ObjectUtils.getJSXElement(e.template,{className:"p-multiselect-header",checkboxElement:a,checked:e.selectAll,onChange:r,filterElement:o,closeElement:c,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon pi pi-times",onCloseClick:e.onClose,element:p,props:e}):p}));U.displayName="MultiSelectHeader";var L=m.memo((function(e){var t=i.classNames("p-multiselect-item",{"p-highlight":e.selected,"p-disabled":e.disabled},e.className,e.option.className),n=i.classNames("p-checkbox-box",{"p-highlight":e.selected}),l=i.classNames("p-checkbox-icon p-c",{"pi pi-check":e.selected}),r=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label;return m.createElement("li",{className:t,style:e.style,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},tabIndex:e.disabled?null:e.tabIndex||0,onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,option:e.option})},role:"option","aria-selected":e.selected},m.createElement("div",{className:"p-checkbox p-component"},m.createElement("div",{className:n},m.createElement("span",{className:l}))),m.createElement("span",null,r),m.createElement(s.Ripple,null))}));function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function A(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){g(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}L.displayName="MultiSelectItem";var H=m.memo(m.forwardRef((function(e,n){var l,r,u,s,p,f=m.useRef(null),v=m.useRef(null),y=function(){e.onEnter((function(){if(f.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return f.current.scrollToIndex(t)}),0)}}))},h=function(){e.onEntered((function(){e.filter&&v.current&&i.DomHandler.focus(v.current,!1)}))},g=function(t){f.current&&f.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},O=function(){if(e.panelFooterTemplate){var t=i.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return m.createElement("div",{className:"p-multiselect-footer"},t)}return null},E=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var r=e.getOptionLabel(t),i=l+"_"+e.getOptionRenderKey(t),o=e.isOptionDisabled(t),a=o?null:e.tabIndex||0,c=e.isSelected(t);return m.createElement(L,{key:i,label:r,option:t,style:n,template:e.itemTemplate,selected:c,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:a,disabled:o,className:e.itemClassName})}))},S=function(){var n=i.ObjectUtils.getJSXElement(e.emptyFilterMessage,e)||t.localeOption("emptyFilterMessage");return m.createElement("li",{className:"p-multiselect-empty-message"},n)},j=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:l.props?l.props.itemSize:void 0};if(e.optionGroupLabel){var o=e.optionGroupTemplate?i.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),a=E(t,r),c=n+"_"+e.getOptionGroupRenderKey(t);return m.createElement(m.Fragment,{key:c},m.createElement("li",{className:"p-multiselect-item-group",style:r},o),a)}var u=e.getOptionLabel(t),s=n+"_"+e.getOptionRenderKey(t),p=e.isOptionDisabled(t),f=p?null:e.tabIndex||0,d=e.isSelected(t);return m.createElement(L,{key:s,label:u,option:t,style:r,template:e.itemTemplate,selected:d,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:f,disabled:p,className:e.itemClassName})},x=function(){if(e.virtualScrollerOptions){var t=A(A({},e.virtualScrollerOptions),{style:A(A({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:i.classNames("p-multiselect-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(A(A({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&j(e,t.index,t)},contentTemplate:function(t){var n=i.classNames("p-multiselect-items p-component",t.className),l=e.visibleOptions&&e.visibleOptions.length||!e.hasFilter?t.children:S();return m.createElement("ul",{ref:t.contentRef,style:t.style,className:n,role:"listbox","aria-multiselectable":!0},l)}});return m.createElement(c.VirtualScroller,b({ref:f},t))}var n=i.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(j):e.hasFilter?S():null;return m.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:e.scrollHeight}},m.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},n))},k=(l=e.allowOptionSelect(),r=i.classNames("p-multiselect-panel p-component",{"p-multiselect-inline":e.inline,"p-multiselect-flex":e.flex,"p-multiselect-limited":!l,"p-input-filled":"filled"===d.default.inputStyle,"p-ripple-disabled":!1===d.default.ripple},e.panelClassName),u=m.createElement(U,{filter:e.filter,filterRef:v,filterValue:e.filterValue,filterTemplate:e.filterTemplate,onFilter:g,filterPlaceholder:e.filterPlaceholder,onClose:e.onCloseClick,showSelectAll:e.showSelectAll,selectAll:e.isAllSelected(),onSelectAll:e.onSelectAll,template:e.panelHeaderTemplate,resetFilter:e.resetFilter}),s=x(),p=O(),e.inline?m.createElement("div",{ref:n,className:r,style:e.panelStyle,onClick:e.onClick},s,p):m.createElement(o.CSSTransition,{nodeRef:n,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:y,onEntered:h,onExit:e.onExit,onExited:e.onExited},m.createElement("div",{ref:n,className:r,style:e.panelStyle,onClick:e.onClick},u,s,p)));return e.inline?k:m.createElement(a.Portal,{element:k,appendTo:e.appendTo})})));function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function V(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=K(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,o=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){a=!0,i=e},f:function(){try{o||null==n.return||n.return()}finally{if(a)throw i}}}}function K(e,t){if(e){if("string"==typeof e)return q(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)?q(e,t):void 0}}function q(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}H.displayName="MultiSelectPanel";var G=m.memo(m.forwardRef((function(e,o){var a=C.getProps(e),c=I(m.useState(""),2),u=c[0],s=c[1],p=I(m.useState(!1),2),f=p[0],v=p[1],y=I(m.useState(a.inline),2),h=y[0],O=y[1],E=m.useRef(null),S=m.useRef(a.inputRef),j=m.useRef(null),x=m.useRef(null),N=u&&u.trim().length>0,w=i.ObjectUtils.isEmpty(a.value),D=a.optionValue?null:a.dataKey,P=I(n.useOverlayListener({target:E,overlay:x,listener:function(e,t){t.valid&&("outside"===t.type?!X(e)&&_():_())},when:h}),2),F=P[0],U=P[1],L=function(){return!a.selectionLimit||!a.value||a.value&&a.value.length<a.selectionLimit},T=function(e){var t=e.originalEvent,n=e.option;if(!a.disabled&&!te(n)){var l=W(n),r=ne(n),o=Z(n),c=L();o?K(t,a.value.filter((function(e){return!i.ObjectUtils.equals(r?e:W(e),l,D)}))):c&&K(t,[].concat(k(a.value||[]),[l]))}},A=function e(t){var n=t.nextElementSibling;return n?i.DomHandler.hasClass(n,"p-disabled")||i.DomHandler.hasClass(n,"p-multiselect-item-group")?e(n):n:null},R=function e(t){var n=t.previousElementSibling;return n?i.DomHandler.hasClass(n,"p-disabled")||i.DomHandler.hasClass(n,"p-multiselect-item-group")?e(n):n:null},K=function(e,t){a.onChange&&a.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:a.name,id:a.id,value:t}})},q=function(){s(""),a.onFilter&&a.onFilter({filter:""})},G=function(){O(!0)},_=function(){O(!1)},J=function(){i.DomHandler.alignOverlay(x.current,j.current.parentElement,a.appendTo||d.default.appendTo)},X=function(e){return i.DomHandler.hasClass(e.target,"p-multiselect-clear-icon")},B=function(e){return x.current&&x.current.contains(e.target)},z=function(e,t){return t.findIndex((function(t){return e.some((function(e){return i.ObjectUtils.equals(e,W(t),D)}))}))},Z=function(e){if(a.value){var t=W(e),n=ne(e);return a.value.some((function(e){return i.ObjectUtils.equals(n?e:W(e),t,D)}))}return!1},Y=function(e){var t;if(a.options)if(a.optionGroupLabel){var n,l=V(a.options);try{for(l.s();!(n=l.n()).done;){if(t=$(e,ee(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=$(e,a.options);return t?Q(t):null},$=function(e,t){return t.find((function(t){return i.ObjectUtils.equals(W(t),e,D)}))},Q=function(e){return a.optionLabel?i.ObjectUtils.resolveFieldData(e,a.optionLabel):e&&void 0!==e.label?e.label:e},W=function(e){if(a.useOptionAsValue)return e;if(a.optionValue){var t=i.ObjectUtils.resolveFieldData(e,a.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},ee=function(e){return i.ObjectUtils.resolveFieldData(e,a.optionGroupChildren)},te=function(e){return a.optionDisabled?i.ObjectUtils.isFunction(a.optionDisabled)?a.optionDisabled(e):i.ObjectUtils.resolveFieldData(e,a.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},ne=function(e){return!a.useOptionAsValue&&a.optionValue||e&&void 0!==e.value},le=function(e,t){var n=a.value.filter((function(e){return!i.ObjectUtils.equals(e,t,D)}));K(e,n)},re=function(){var e=/{(.*?)}/;return e.test(a.selectedItemsLabel)?a.selectedItemsLabel.replace(a.selectedItemsLabel.match(e)[0],a.value.length+""):a.selectedItemsLabel},ie=function(){if(!w&&!a.fixedPlaceholder)return i.ObjectUtils.isNotEmpty(a.maxSelectedLabels)&&a.value.length>a.maxSelectedLabels?re():a.value.reduce((function(e,t,n){return e+(0!==n?",":"")+Y(t)}),"")};m.useImperativeHandle(o,(function(){return{props:a,show:G,hide:_,focus:function(){return i.DomHandler.focus(S.current)},getElement:function(){return E.current},getOverlay:function(){return x.current},getInput:function(){return S.current}}})),m.useEffect((function(){i.ObjectUtils.combinedRefs(S,a.inputRef)}),[S,a.inputRef]),m.useEffect((function(){setTimeout((function(){a.overlayVisible?G():_()}),100)}),[a.overlayVisible]),n.useUpdateEffect((function(){h&&N&&J()}),[h,N]),n.useUnmountEffect((function(){i.ZIndexUtils.clear(x.current)}));var oe=function(){if(N){var e=u.trim().toLocaleLowerCase(a.filterLocale),n=a.filterBy?a.filterBy.split(","):[a.optionLabel||"label"];if(a.optionGroupLabel){var l,r=[],i=V(a.options);try{for(i.s();!(l=i.n()).done;){var o=l.value,c=t.FilterService.filter(ee(o),n,e,a.filterMatchMode,a.filterLocale);c&&c.length&&r.push(M(M({},o),g({},a.optionGroupChildren,c)))}}catch(e){i.e(e)}finally{i.f()}return r}return t.FilterService.filter(a.options,n,e,a.filterMatchMode,a.filterLocale)}return a.options}(),ae=i.ObjectUtils.isNotEmpty(a.tooltip),ce=C.getOtherProps(a),ue=i.ObjectUtils.reduceKeys(ce,i.DomHandler.ARIA_PROPS),se=i.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===a.display,"p-disabled":a.disabled,"p-multiselect-clearable":a.showClear&&!a.disabled,"p-focus":f,"p-inputwrapper-filled":i.ObjectUtils.isNotEmpty(a.value),"p-inputwrapper-focus":f||h},a.className),pe=!a.inline&&function(){var e=a.selectedItemTemplate?w?i.ObjectUtils.getJSXElement(a.selectedItemTemplate):i.ObjectUtils.isNotEmpty(a.maxSelectedLabels)&&a.value.length>a.maxSelectedLabels?re():a.value.map((function(e,t){var n=i.ObjectUtils.getJSXElement(a.selectedItemTemplate,e);return m.createElement(m.Fragment,{key:t},n)})):"chip"!==a.display||w?ie():a.value.slice(0,a.maxSelectedLabels||a.value.length).map((function(e){var t=Y(e),n=!a.disabled&&i.IconUtils.getJSXIcon(a.removeIcon,{className:"p-multiselect-token-icon",onClick:function(t){return le(t,e)}},{props:a});return m.createElement("div",{className:"p-multiselect-token",key:t},m.createElement("span",{className:"p-multiselect-token-label"},t),n)})),t=i.classNames("p-multiselect-label",{"p-placeholder":w&&a.placeholder,"p-multiselect-label-empty":w&&!a.placeholder&&!a.selectedItemTemplate,"p-multiselect-items-label":!w&&"chip"!==a.display&&a.value.length>a.maxSelectedLabels});return m.createElement("div",{ref:j,className:"p-multiselect-label-container"},m.createElement("div",{className:t},e||a.placeholder||"empty"))}(),fe=!a.inline&&(w||!a.showClear||a.disabled?null:m.createElement("i",{className:"p-multiselect-clear-icon pi pi-times",onClick:function(e){return K(e,null)}}));return m.createElement(m.Fragment,null,m.createElement("div",b({ref:E,id:a.id,style:a.style,className:se},ce,{onClick:function(e){a.inline||a.disabled||B(e)||i.DomHandler.hasClass(e.target,"p-multiselect-token-icon")||X(e)||(h?_():G(),i.DomHandler.focus(S.current),e.preventDefault())}}),m.createElement("div",{className:"p-hidden-accessible"},m.createElement("input",b({ref:S,id:a.inputId,name:a.name,readOnly:!0,type:"text",onFocus:function(e){v(!0),a.onFocus&&a.onFocus(e)},onBlur:function(e){v(!1),a.onBlur&&a.onBlur(e)},onKeyDown:function(e){switch(e.which){case 40:if(a.inline)break;!h&&e.altKey&&(G(),e.preventDefault());break;case 32:if(a.inline)break;h?_():G(),e.preventDefault();break;case 27:if(a.inline)break;_();break;case 9:if(h){var t=i.DomHandler.getFirstFocusableElement(x.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-expanded":h,disabled:a.disabled,tabIndex:a.tabIndex},ue))),!a.inline&&m.createElement(m.Fragment,null,pe,fe,m.createElement("div",{className:"p-multiselect-trigger"},i.IconUtils.getJSXIcon(a.dropdownIcon,{className:"p-multiselect-trigger-icon p-c"},{props:a}))),m.createElement(H,b({ref:x,visibleOptions:oe},a,{onClick:function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:E.current})},onOverlayHide:_,filterValue:u,hasFilter:N,onFilterInputChange:function(e){var t=e.query;s(t),a.onFilter&&a.onFilter({originalEvent:e,filter:t})},resetFilter:q,onCloseClick:function(e){_(),i.DomHandler.focus(S.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(a.onSelectAll)a.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],oe){var n=oe.filter((function(e){return te(e)&&Z(e)}));t=n.map((function(e){return W(e)}))}}else if(oe){var l=oe.filter((function(e){return!te(e)}));a.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(k(t),k(ee(e).filter((function(e){return!te(e)})).map((function(e){return W(e)}))))}))):t=l.map((function(e){return W(e)}))}K(e.originalEvent,t)}},getOptionLabel:Q,getOptionRenderKey:function(e){return a.dataKey?i.ObjectUtils.resolveFieldData(e,a.dataKey):Q(e)},isOptionDisabled:te,getOptionGroupChildren:ee,getOptionGroupLabel:function(e){return i.ObjectUtils.resolveFieldData(e,a.optionGroupLabel)},getOptionGroupRenderKey:function(e){return i.ObjectUtils.resolveFieldData(e,a.optionGroupLabel)},isSelected:Z,getSelectedOptionIndex:function(){if(null!=a.value&&a.options){if(a.optionGroupLabel){var e=0,t=a.options.findIndex((function(t,n){return(e=n)&&-1!==z(a.value,ee(t))}));return-1!==t?{group:e,option:t}:-1}return z(a.value,a.options)}return-1},isAllSelected:function(){if(a.onSelectAll)return a.selectAll;if(i.ObjectUtils.isEmpty(oe))return!1;var e=oe.filter((function(e){return!te(e)}));if(!a.optionGroupLabel)return!e.some((function(e){return!Z(e)}));var t,n=V(e);try{for(n.s();!(t=n.n()).done;){return!ee(t.value).filter((function(e){return!te(e)})).some((function(e){return!Z(e)}))}}catch(e){n.e(e)}finally{n.f()}return!0},onOptionSelect:T,allowOptionSelect:L,onOptionKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=A(n);l&&l.focus(),t.preventDefault();break;case 38:var r=R(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:T(e),t.preventDefault();break;case 27:_(),i.DomHandler.focus(S.current)}},in:h,onEnter:function(e){var t;i.ZIndexUtils.set("overlay",x.current,d.default.autoZIndex,d.default.zIndex.overlay),J(),(t=i.DomHandler.findSingle(x.current,"li.p-highlight"))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(e){e&&e(),F(),a.onShow&&a.onShow()},onExit:function(){U()},onExited:function(){a.filter&&a.resetFilterOnHide&&q(),i.ZIndexUtils.clear(x.current),a.onHide&&a.onHide()}}))),ae&&m.createElement(r.Tooltip,b({target:E,content:a.tooltip},a.tooltipOptions)))})));G.displayName="MultiSelect",exports.MultiSelect=G;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),l=require("primereact/overlayservice"),r=require("primereact/tooltip"),o=require("primereact/utils"),i=require("primereact/csstransition"),a=require("primereact/portal"),c=require("primereact/virtualscroller"),u=require("primereact/icons/check"),s=require("primereact/inputtext"),p=require("primereact/ripple"),f=require("primereact/icons/times"),m=require("primereact/icons/search"),d=require("primereact/icons/timescircle"),b=require("primereact/icons/chevrondown");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function y(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var h=y(e),g=v(t);function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},O.apply(this,arguments)}function E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function S(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==E(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function I(e){var t=S(e,"string");return"symbol"===E(t)?t:String(t)}function k(e,t,n){return(t=I(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function x(e){if(Array.isArray(e))return j(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,t){if(e){if("string"==typeof e)return j(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)?j(e,t):void 0}}function C(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function D(e){return x(e)||N(e)||w(e)||C()}function P(e){if(Array.isArray(e))return e}function U(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,i,a=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=o.call(n)).done)&&(a.push(l.value),a.length!==t);c=!0);}catch(e){u=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw r}}return a}}function F(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,t){return P(e)||U(e,t)||w(e,t)||F()}var L={defaultProps:{__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,className:null,closeIcon:null,checkboxIcon:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:null,emptyFilterMessage:null,filter:!1,filterBy:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,itemCheckboxIcon:null,inline:!1,inputId:null,inputRef:null,itemClassName:null,itemTemplate:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onFilter:null,onFocus:null,onHide:null,onSelectAll:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,overlayVisible:!1,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,removeIcon:null,resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,selectedItemTemplate:null,selectedItemsLabel:"{0} items selected",selectionLimit:null,showClear:!1,showSelectAll:!0,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,virtualScrollerOptions:null,children:void 0},getProps:function(e){return o.ObjectUtils.getMergedProps(e,L.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,L.defaultProps)}},A={defaultProps:{__TYPE:"Checkbox",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:null,tooltip:null,tooltipOptions:null,onChange:null,onMouseDown:null,onContextMenu:null,children:void 0},getProps:function(e){return o.ObjectUtils.getMergedProps(e,A.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,A.defaultProps)}},H=h.memo(h.forwardRef((function(e,t){var l=A.getProps(e),i=T(h.useState(!1),2),a=i[0],c=i[1],s=h.useRef(null),p=h.useRef(l.inputRef),f=function(e){if(!l.disabled&&!l.readOnly&&l.onChange){var t=m(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object;if(e.target===p.current||n&&e.target.checked!==t){var r=t?l.falseValue:l.trueValue;l.onChange({originalEvent:e,value:l.value,checked:r,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:l.name,id:l.id,value:l.value,checked:r}})}o.DomHandler.focus(p.current),e.preventDefault()}},m=function(){return l.checked===l.trueValue};h.useImperativeHandle(t,(function(){return{props:l,focus:function(){return o.DomHandler.focus(p.current)},getElement:function(){return s.current},getInput:function(){return p.current}}})),h.useEffect((function(){o.ObjectUtils.combinedRefs(p,l.inputRef)}),[p,l.inputRef]),n.useUpdateEffect((function(){p.current.checked=m()}),[l.checked,l.trueValue]);var d=m(),b=o.ObjectUtils.isNotEmpty(l.tooltip),v=A.getOtherProps(l),y=o.ObjectUtils.reduceKeys(v,o.DomHandler.ARIA_PROPS),g=o.classNames("p-checkbox p-component",{"p-checkbox-checked":d,"p-checkbox-disabled":l.disabled,"p-checkbox-focused":a},l.className),E=o.classNames("p-checkbox-box",{"p-highlight":d,"p-disabled":l.disabled,"p-focus":a}),S="p-checkbox-icon p-c",I=o.IconUtils.getJSXIcon(d?l.icon||h.createElement(u.CheckIcon,{className:S}):null,{className:S},{props:l,checked:d});return h.createElement(h.Fragment,null,h.createElement("div",O({ref:s,id:l.id,className:g,style:l.style},v,{onClick:f,onContextMenu:l.onContextMenu,onMouseDown:l.onMouseDown}),h.createElement("div",{className:"p-hidden-accessible"},h.createElement("input",O({ref:p,type:"checkbox",id:l.inputId,name:l.name,tabIndex:l.tabIndex,defaultChecked:d,onFocus:function(){c(!0)},onBlur:function(){c(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||f(e)},disabled:l.disabled,readOnly:l.readOnly,required:l.required},y))),h.createElement("div",{className:E},I)),b&&h.createElement(r.Tooltip,O({target:s,content:l.tooltip},l.tooltipOptions)))})));function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}H.displayName="Checkbox";var q=h.memo((function(e){var n={filter:function(e){return l(e)},reset:function(){return e.resetFilter()}},l=function(t){e.onFilter&&e.onFilter({originalEvent:t,query:t.target.value})},r=function(t){e.onSelectAll&&e.onSelectAll({originalEvent:t,checked:e.selectAll}),t.preventDefault()},i=function(){var t="p-multiselect-filter-icon",r=o.IconUtils.getJSXIcon(e.filterIcon||h.createElement(m.SearchIcon,{className:t}),{className:t},{props:e});if(e.filter){var i=o.classNames("p-multiselect-filter-container"),a=h.createElement("div",{className:i},h.createElement(s.InputText,{ref:e.filterRef,type:"text",role:"textbox",value:e.filterValue,onChange:l,className:"p-multiselect-filter",placeholder:e.filterPlaceholder}),r);if(e.filterTemplate)a=o.ObjectUtils.getJSXElement(e.filterTemplate,{className:i,element:a,filterOptions:n,onFilter:l,filterIconClassName:t,props:e});return h.createElement(h.Fragment,null,a)}return null}(),a="p-checkbox-icon p-c",c=o.IconUtils.getJSXIcon(e.itemCheckboxIcon||h.createElement(u.CheckIcon,{className:a}),{className:a},{selected:e.selected}),d=e.showSelectAll&&h.createElement(H,{checked:e.selectAll,onChange:r,role:"checkbox","aria-checked":e.selectAll,icon:c}),b={className:"p-multiselect-close-icon","aria-hidden":!0},v=o.IconUtils.getJSXIcon(e.closeIcon||h.createElement(f.TimesIcon,b),M({},b),{props:e}),y=h.createElement("button",{type:"button",className:"p-multiselect-close p-link","aria-label":t.localeOption("close"),onClick:e.onClose},v,h.createElement(p.Ripple,null)),g=h.createElement("div",{className:"p-multiselect-header"},d,i,y);return e.template?o.ObjectUtils.getJSXElement(e.template,{className:"p-multiselect-header",checkboxElement:d,checked:e.selectAll,onChange:r,filterElement:i,closeElement:y,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:e.onClose,element:g,itemCheckboxIcon:c,props:e}):g}));q.displayName="MultiSelectHeader";var V=h.memo((function(e){var t=o.classNames("p-multiselect-item",{"p-highlight":e.selected,"p-disabled":e.disabled},e.className,e.option.className),n=o.classNames("p-checkbox-box",{"p-highlight":e.selected}),l="p-checkbox-icon p-c",r=o.IconUtils.getJSXIcon(e.checkboxIcon||h.createElement(u.CheckIcon,{className:l}),{className:l},{selected:e.selected}),i=e.template?o.ObjectUtils.getJSXElement(e.template,e.option):e.label;return h.createElement("li",{className:t,style:e.style,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},tabIndex:e.disabled?null:e.tabIndex||0,onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,option:e.option})},role:"option","aria-selected":e.selected},h.createElement("div",{className:"p-checkbox p-component"},h.createElement("div",{className:n},r)),h.createElement("span",null,i),h.createElement(p.Ripple,null))}));function K(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function G(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}V.displayName="MultiSelectItem";var J=h.memo(h.forwardRef((function(e,n){var l,r,u,s,p,f=h.useRef(null),m=h.useRef(null),d=function(){e.onEnter((function(){if(f.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return f.current.scrollToIndex(t)}),0)}}))},b=function(){e.onEntered((function(){e.filter&&m.current&&o.DomHandler.focus(m.current,!1)}))},v=function(t){f.current&&f.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},y=function(){if(e.panelFooterTemplate){var t=o.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return h.createElement("div",{className:"p-multiselect-footer"},t)}return null},E=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var r=e.getOptionLabel(t),o=l+"_"+e.getOptionRenderKey(t),i=e.isOptionDisabled(t),a=i?null:e.tabIndex||0,c=e.isSelected(t);return h.createElement(V,{key:o,label:r,option:t,style:n,template:e.itemTemplate,selected:c,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:a,disabled:i,className:e.itemClassName,checkboxIcon:e.checkboxIcon})}))},S=function(){var n=o.ObjectUtils.getJSXElement(e.emptyFilterMessage,e)||t.localeOption("emptyFilterMessage");return h.createElement("li",{className:"p-multiselect-empty-message"},n)},I=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:l.props?l.props.itemSize:void 0};if(e.optionGroupLabel){var i=e.optionGroupTemplate?o.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),a=E(t,r),c=n+"_"+e.getOptionGroupRenderKey(t);return h.createElement(h.Fragment,{key:c},h.createElement("li",{className:"p-multiselect-item-group",style:r},i),a)}var u=e.getOptionLabel(t),s=n+"_"+e.getOptionRenderKey(t),p=e.isOptionDisabled(t),f=p?null:e.tabIndex||0,m=e.isSelected(t);return h.createElement(V,{key:s,label:u,option:t,style:r,template:e.itemTemplate,selected:m,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:f,disabled:p,className:e.itemClassName,checkboxIcon:e.checkboxIcon})},k=function(){if(e.virtualScrollerOptions){var t=G(G({},e.virtualScrollerOptions),{style:G(G({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:o.classNames("p-multiselect-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(G(G({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&I(e,t.index,t)},contentTemplate:function(t){var n=o.classNames("p-multiselect-items p-component",t.className),l=e.visibleOptions&&e.visibleOptions.length||!e.hasFilter?t.children:S();return h.createElement("ul",{ref:t.contentRef,style:t.style,className:n,role:"listbox","aria-multiselectable":!0},l)}});return h.createElement(c.VirtualScroller,O({ref:f},t))}var n=o.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(I):e.hasFilter?S():null;return h.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:e.scrollHeight}},h.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},n))},j=(l=e.allowOptionSelect(),r=o.classNames("p-multiselect-panel p-component",{"p-multiselect-inline":e.inline,"p-multiselect-flex":e.flex,"p-multiselect-limited":!l,"p-input-filled":"filled"===g.default.inputStyle,"p-ripple-disabled":!1===g.default.ripple},e.panelClassName),u=h.createElement(q,{filter:e.filter,filterRef:m,filterValue:e.filterValue,filterTemplate:e.filterTemplate,onFilter:v,filterPlaceholder:e.filterPlaceholder,onClose:e.onCloseClick,showSelectAll:e.showSelectAll,selectAll:e.isAllSelected(),onSelectAll:e.onSelectAll,template:e.panelHeaderTemplate,resetFilter:e.resetFilter,closeIcon:e.closeIcon,filterIcon:e.filterIcon,itemCheckboxIcon:e.itemCheckboxIcon}),s=k(),p=y(),e.inline?h.createElement("div",{ref:n,className:r,style:e.panelStyle,onClick:e.onClick},s,p):h.createElement(i.CSSTransition,{nodeRef:n,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:d,onEntered:b,onExit:e.onExit,onExited:e.onExited},h.createElement("div",{ref:n,className:r,style:e.panelStyle,onClick:e.onClick},u,s,p)));return e.inline?j:h.createElement(a.Portal,{element:j,appendTo:e.appendTo})})));function X(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?X(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function B(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=z(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},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,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function z(e,t){if(e){if("string"==typeof e)return Z(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)?Z(e,t):void 0}}function Z(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}J.displayName="MultiSelectPanel";var Y=h.memo(h.forwardRef((function(e,i){var a=L.getProps(e),c=T(h.useState(""),2),u=c[0],s=c[1],p=T(h.useState(!1),2),m=p[0],v=p[1],y=T(h.useState(a.inline),2),E=y[0],S=y[1],I=h.useRef(null),j=h.useRef(a.inputRef),x=h.useRef(null),N=h.useRef(null),w=u&&u.trim().length>0,C=o.ObjectUtils.isEmpty(a.value),P=a.optionValue?null:a.dataKey,U=T(n.useOverlayListener({target:I,overlay:N,listener:function(e,t){t.valid&&("outside"===t.type?!Z(e)&&X():X())},when:E}),2),F=U[0],A=U[1],H=function(){return!a.selectionLimit||!a.value||a.value&&a.value.length<a.selectionLimit},R=function(e){var t=e.originalEvent,n=e.option;if(!a.disabled&&!re(n)){var l=ne(n),r=oe(n),i=Q(n),c=H();i?V(t,a.value.filter((function(e){return!o.ObjectUtils.equals(r?e:ne(e),l,P)}))):c&&V(t,[].concat(D(a.value||[]),[l]))}},M=function e(t){var n=t.nextElementSibling;return n?o.DomHandler.hasClass(n,"p-disabled")||o.DomHandler.hasClass(n,"p-multiselect-item-group")?e(n):n:null},q=function e(t){var n=t.previousElementSibling;return n?o.DomHandler.hasClass(n,"p-disabled")||o.DomHandler.hasClass(n,"p-multiselect-item-group")?e(n):n:null},V=function(e,t){a.onChange&&a.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:a.name,id:a.id,value:t}})},K=function(){s(""),a.onFilter&&a.onFilter({filter:""})},G=function(){S(!0)},X=function(){S(!1)},z=function(){o.DomHandler.alignOverlay(N.current,x.current.parentElement,a.appendTo||g.default.appendTo)},Z=function(e){return o.DomHandler.hasClass(e.target,"p-multiselect-clear-icon")},Y=function(e){return N.current&&N.current.contains(e.target)},$=function(e,t){return t.findIndex((function(t){return e.some((function(e){return o.ObjectUtils.equals(e,ne(t),P)}))}))},Q=function(e){if(a.value){var t=ne(e),n=oe(e);return a.value.some((function(e){return o.ObjectUtils.equals(n?e:ne(e),t,P)}))}return!1},W=function(e){var t;if(a.options)if(a.optionGroupLabel){var n,l=B(a.options);try{for(l.s();!(n=l.n()).done;){if(t=ee(e,le(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=ee(e,a.options);return t?te(t):null},ee=function(e,t){return t.find((function(t){return o.ObjectUtils.equals(ne(t),e,P)}))},te=function(e){return a.optionLabel?o.ObjectUtils.resolveFieldData(e,a.optionLabel):e&&void 0!==e.label?e.label:e},ne=function(e){if(a.useOptionAsValue)return e;if(a.optionValue){var t=o.ObjectUtils.resolveFieldData(e,a.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},le=function(e){return o.ObjectUtils.resolveFieldData(e,a.optionGroupChildren)},re=function(e){return a.optionDisabled?o.ObjectUtils.isFunction(a.optionDisabled)?a.optionDisabled(e):o.ObjectUtils.resolveFieldData(e,a.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},oe=function(e){return!a.useOptionAsValue&&a.optionValue||e&&void 0!==e.value},ie=function(e,t){var n=a.value.filter((function(e){return!o.ObjectUtils.equals(e,t,P)}));V(e,n)},ae=function(){var e=/{(.*?)}/;return e.test(a.selectedItemsLabel)?a.selectedItemsLabel.replace(a.selectedItemsLabel.match(e)[0],a.value.length+""):a.selectedItemsLabel},ce=function(){if(!C&&!a.fixedPlaceholder)return o.ObjectUtils.isNotEmpty(a.maxSelectedLabels)&&a.value.length>a.maxSelectedLabels?ae():a.value.reduce((function(e,t,n){return e+(0!==n?",":"")+W(t)}),"")};h.useImperativeHandle(i,(function(){return{props:a,show:G,hide:X,focus:function(){return o.DomHandler.focus(j.current)},getElement:function(){return I.current},getOverlay:function(){return N.current},getInput:function(){return j.current}}})),h.useEffect((function(){o.ObjectUtils.combinedRefs(j,a.inputRef)}),[j,a.inputRef]),h.useEffect((function(){setTimeout((function(){a.overlayVisible?G():X()}),100)}),[a.overlayVisible]),n.useUpdateEffect((function(){E&&w&&z()}),[E,w]),n.useUnmountEffect((function(){o.ZIndexUtils.clear(N.current)}));var ue=function(){if(w){var e=u.trim().toLocaleLowerCase(a.filterLocale),n=a.filterBy?a.filterBy.split(","):[a.optionLabel||"label"];if(a.optionGroupLabel){var l,r=[],o=B(a.options);try{for(o.s();!(l=o.n()).done;){var i=l.value,c=t.FilterService.filter(le(i),n,e,a.filterMatchMode,a.filterLocale);c&&c.length&&r.push(_(_({},i),k({},a.optionGroupChildren,c)))}}catch(e){o.e(e)}finally{o.f()}return r}return t.FilterService.filter(a.options,n,e,a.filterMatchMode,a.filterLocale)}return a.options}(),se=o.ObjectUtils.isNotEmpty(a.tooltip),pe=L.getOtherProps(a),fe=o.ObjectUtils.reduceKeys(pe,o.DomHandler.ARIA_PROPS),me=o.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===a.display,"p-disabled":a.disabled,"p-multiselect-clearable":a.showClear&&!a.disabled,"p-focus":m,"p-inputwrapper-filled":o.ObjectUtils.isNotEmpty(a.value),"p-inputwrapper-focus":m||E},a.className),de="p-multiselect-trigger-icon p-c",be=h.createElement("div",{className:"p-multiselect-trigger"},a.dropdownIcon?o.IconUtils.getJSXIcon(a.dropdownIcon,{className:de},{props:a}):h.createElement(b.ChevronDownIcon,{className:de})),ve=!a.inline&&function(){var e=a.selectedItemTemplate?C?o.ObjectUtils.getJSXElement(a.selectedItemTemplate):o.ObjectUtils.isNotEmpty(a.maxSelectedLabels)&&a.value.length>a.maxSelectedLabels?ae():a.value.map((function(e,t){var n=o.ObjectUtils.getJSXElement(a.selectedItemTemplate,e);return h.createElement(h.Fragment,{key:t},n)})):"chip"!==a.display||C?ce():a.value.slice(0,a.maxSelectedLabels||a.value.length).map((function(e){var t=W(e),n=!a.disabled&&(a.removeIcon?o.IconUtils.getJSXIcon(a.removeIcon,{className:"p-multiselect-token-icon",onClick:function(t){return ie(t,e)}},{props:a}):h.createElement(d.TimesCircleIcon,{className:"p-multiselect-token-icon",onClick:function(t){return ie(t,e)}}));return h.createElement("div",{className:"p-multiselect-token",key:t},h.createElement("span",{className:"p-multiselect-token-label"},t),n)})),t=o.classNames("p-multiselect-label",{"p-placeholder":C&&a.placeholder,"p-multiselect-label-empty":C&&!a.placeholder&&!a.selectedItemTemplate,"p-multiselect-items-label":!C&&"chip"!==a.display&&a.value.length>a.maxSelectedLabels});return h.createElement("div",{ref:x,className:"p-multiselect-label-container"},h.createElement("div",{className:t},e||a.placeholder||"empty"))}(),ye=!a.inline&&function(){var e="p-multiselect-clear-icon",t=o.IconUtils.getJSXIcon(a.clearIcon||h.createElement(f.TimesIcon,{className:e}),{className:e},{props:a});return C||!a.showClear||a.disabled?null:h.createElement("i",{className:e,onClick:function(e){return V(e,null)}},t)}();return h.createElement(h.Fragment,null,h.createElement("div",O({ref:I,id:a.id,style:a.style,className:me},pe,{onClick:function(e){a.inline||a.disabled||Y(e)||o.DomHandler.hasClass(e.target,"p-multiselect-token-icon")||Z(e)||(E?X():G(),o.DomHandler.focus(j.current),e.preventDefault())}}),h.createElement("div",{className:"p-hidden-accessible"},h.createElement("input",O({ref:j,id:a.inputId,name:a.name,readOnly:!0,type:"text",onFocus:function(e){v(!0),a.onFocus&&a.onFocus(e)},onBlur:function(e){v(!1),a.onBlur&&a.onBlur(e)},onKeyDown:function(e){switch(e.which){case 40:if(a.inline)break;!E&&e.altKey&&(G(),e.preventDefault());break;case 32:if(a.inline)break;E?X():G(),e.preventDefault();break;case 27:if(a.inline)break;X();break;case 9:if(E){var t=o.DomHandler.getFirstFocusableElement(N.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-expanded":E,disabled:a.disabled,tabIndex:a.tabIndex},fe))),!a.inline&&h.createElement(h.Fragment,null,ve,ye,be),h.createElement(J,O({ref:N,visibleOptions:ue},a,{onClick:function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:I.current})},onOverlayHide:X,filterValue:u,hasFilter:w,onFilterInputChange:function(e){var t=e.query;s(t),a.onFilter&&a.onFilter({originalEvent:e,filter:t})},resetFilter:K,onCloseClick:function(e){X(),o.DomHandler.focus(j.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(a.onSelectAll)a.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],ue){var n=ue.filter((function(e){return re(e)&&Q(e)}));t=n.map((function(e){return ne(e)}))}}else if(ue){var l=ue.filter((function(e){return!re(e)}));a.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(D(t),D(le(e).filter((function(e){return!re(e)})).map((function(e){return ne(e)}))))}))):t=l.map((function(e){return ne(e)}))}V(e.originalEvent,t)}},getOptionLabel:te,getOptionRenderKey:function(e){return a.dataKey?o.ObjectUtils.resolveFieldData(e,a.dataKey):te(e)},isOptionDisabled:re,getOptionGroupChildren:le,getOptionGroupLabel:function(e){return o.ObjectUtils.resolveFieldData(e,a.optionGroupLabel)},getOptionGroupRenderKey:function(e){return o.ObjectUtils.resolveFieldData(e,a.optionGroupLabel)},isSelected:Q,getSelectedOptionIndex:function(){if(null!=a.value&&a.options){if(a.optionGroupLabel){var e=0,t=a.options.findIndex((function(t,n){return(e=n)&&-1!==$(a.value,le(t))}));return-1!==t?{group:e,option:t}:-1}return $(a.value,a.options)}return-1},isAllSelected:function(){if(a.onSelectAll)return a.selectAll;if(o.ObjectUtils.isEmpty(ue))return!1;var e=ue.filter((function(e){return!re(e)}));if(!a.optionGroupLabel)return!e.some((function(e){return!Q(e)}));var t,n=B(e);try{for(n.s();!(t=n.n()).done;){return!le(t.value).filter((function(e){return!re(e)})).some((function(e){return!Q(e)}))}}catch(e){n.e(e)}finally{n.f()}return!0},onOptionSelect:R,allowOptionSelect:H,onOptionKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=M(n);l&&l.focus(),t.preventDefault();break;case 38:var r=q(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:R(e),t.preventDefault();break;case 27:X(),o.DomHandler.focus(j.current)}},in:E,onEnter:function(e){var t;o.ZIndexUtils.set("overlay",N.current,g.default.autoZIndex,g.default.zIndex.overlay),z(),(t=o.DomHandler.findSingle(N.current,"li.p-highlight"))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(e){e&&e(),F(),a.onShow&&a.onShow()},onExit:function(){A()},onExited:function(){a.filter&&a.resetFilterOnHide&&K(),o.ZIndexUtils.clear(N.current),a.onHide&&a.onHide()}}))),se&&h.createElement(r.Tooltip,O({target:I,content:a.tooltip},a.tooltipOptions)))})));Y.displayName="MultiSelect",exports.MultiSelect=Y;

package/multiselect/multiselect.d.ts

@@ -214,10 +214,18 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Icon of the checkbox when checked.
+     */
+    checkboxIcon?: IconType<MultiSelectProps> | undefined;
     /**
      * Style class of the element.
      */
     className?: string | undefined;
+    /**
+     * Close icon of the multiselect panel header.
+     */
+    closeIcon?: IconType<MultiSelectProps> | undefined;
     /**
      * A property to uniquely match the value in options for better performance.
      */
@@ -234,7 +242,6 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
     display?: 'comma' | 'chip' | undefined;
     /**
      * Icon class of the dropdown icon.
-     * @defaultValue pi pi-chevron-down
      */
     dropdownIcon?: IconType<MultiSelectProps>;
     /**
@@ -252,6 +259,10 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
      * @defaultValue label
      */
     filterBy?: string | undefined;
+    /**
+     * Icon of the filter icon.
+     */
+    filterIcon?: IconType<MultiSelect> | undefined;
     /**
      * Locale to use in filtering. The default locale is the host environment's current locale.
      * @defaultValue undefined
@@ -301,6 +312,10 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
      * Style class of the items.
      */
     itemClassName?: string | undefined;
+    /**
+     * The icon displayed in the header when all checkboxes are checked.
+     */
+    itemCheckboxIcon?: IconType<MultiSelect> | undefined;
     /**
      * Function that gets the option and returns the content for it.
      */
@@ -368,7 +383,6 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
     placeholder?: string | undefined;
     /**
      * Icon of the remove chip element.
-     * @defaultValue pi pi-times-circle
      */
     removeIcon?: IconType<MultiSelectProps> | undefined;
     /**

package/multiselect/multiselect.esm.js

@@ -7,8 +7,13 @@ import { ObjectUtils, DomHandler, classNames, IconUtils, ZIndexUtils } from 'pri
 import { CSSTransition } from 'primereact/csstransition';
 import { Portal } from 'primereact/portal';
 import { VirtualScroller } from 'primereact/virtualscroller';
+import { CheckIcon } from 'primereact/icons/check';
 import { InputText } from 'primereact/inputtext';
 import { Ripple } from 'primereact/ripple';
+import { TimesIcon } from 'primereact/icons/times';
+import { SearchIcon } from 'primereact/icons/search';
+import { TimesCircleIcon } from 'primereact/icons/timescircle';
+import { ChevronDownIcon } from 'primereact/icons/chevrondown';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -143,10 +148,12 @@ var MultiSelectBase = {
     appendTo: null,
     ariaLabelledBy: null,
     className: null,
+    closeIcon: null,
+    checkboxIcon: null,
     dataKey: null,
     disabled: false,
     display: 'comma',
-    dropdownIcon: 'pi pi-chevron-down',
+    dropdownIcon: null,
     emptyFilterMessage: null,
     filter: false,
     filterBy: null,
@@ -157,6 +164,7 @@ var MultiSelectBase = {
     fixedPlaceholder: false,
     flex: false,
     id: null,
+    itemCheckboxIcon: null,
     inline: false,
     inputId: null,
     inputRef: null,
@@ -184,7 +192,7 @@ var MultiSelectBase = {
     panelHeaderTemplate: null,
     panelStyle: null,
     placeholder: null,
-    removeIcon: 'pi pi-times-circle',
+    removeIcon: null,
     resetFilterOnHide: false,
     scrollHeight: '200px',
     selectAll: false,
@@ -228,7 +236,7 @@ var CheckboxBase = {
     required: false,
     readOnly: false,
     tabIndex: null,
-    icon: 'pi pi-check',
+    icon: null,
     tooltip: null,
     tooltipOptions: null,
     onChange: null,
@@ -255,7 +263,7 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var onClick = function onClick(event) {
     if (!props.disabled && !props.readOnly && props.onChange) {
       var _checked = isChecked();
-      var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement;
+      var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement || event.target instanceof Object;
       var isInputToggled = event.target === inputRef.current;
       var isCheckboxToggled = checkboxClicked && event.target.checked !== _checked;
       if (isInputToggled || isCheckboxToggled) {
@@ -328,8 +336,12 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     'p-disabled': props.disabled,
     'p-focus': focusedState
   });
-  var icon = IconUtils.getJSXIcon(checked ? props.icon : '', {
-    className: 'p-checkbox-icon p-c'
+  var iconClassName = 'p-checkbox-icon p-c';
+  var icon = checked ? props.icon || /*#__PURE__*/React.createElement(CheckIcon, {
+    className: iconClassName
+  }) : null;
+  var checkboxIcon = IconUtils.getJSXIcon(icon, {
+    className: iconClassName
   }, {
     props: props,
     checked: checked
@@ -360,13 +372,15 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     required: props.required
   }, ariaProps))), /*#__PURE__*/React.createElement("div", {
     className: boxClass
-  }, icon)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+  }, checkboxIcon)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
   }, props.tooltipOptions)));
 }));
 Checkbox.displayName = 'Checkbox';
 
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var MultiSelectHeader = /*#__PURE__*/React.memo(function (props) {
   var filterOptions = {
     filter: function filter(e) {
@@ -394,6 +408,15 @@ var MultiSelectHeader = /*#__PURE__*/React.memo(function (props) {
     event.preventDefault();
   };
   var createFilterElement = function createFilterElement() {
+    var filterIconClassName = 'p-multiselect-filter-icon';
+    var icon = props.filterIcon || /*#__PURE__*/React.createElement(SearchIcon, {
+      className: filterIconClassName
+    });
+    var filterIcon = IconUtils.getJSXIcon(icon, {
+      className: filterIconClassName
+    }, {
+      props: props
+    });
     if (props.filter) {
       var containerClassName = classNames('p-multiselect-filter-container');
       var content = /*#__PURE__*/React.createElement("div", {
@@ -406,16 +429,14 @@ var MultiSelectHeader = /*#__PURE__*/React.memo(function (props) {
         onChange: onFilter,
         className: "p-multiselect-filter",
         placeholder: props.filterPlaceholder
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "p-multiselect-filter-icon pi pi-search"
-      }));
+      }), filterIcon);
       if (props.filterTemplate) {
         var defaultContentOptions = {
           className: containerClassName,
           element: content,
           filterOptions: filterOptions,
           onFilter: onFilter,
-          filterIconClassName: 'p-multeselect-filter-icon pi pi-search',
+          filterIconClassName: filterIconClassName,
           props: props
         };
         content = ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
@@ -425,21 +446,36 @@ var MultiSelectHeader = /*#__PURE__*/React.memo(function (props) {
     return null;
   };
   var filterElement = createFilterElement();
+  var checkboxIconClassName = 'p-checkbox-icon p-c';
+  var checkedIcon = props.itemCheckboxIcon || /*#__PURE__*/React.createElement(CheckIcon, {
+    className: checkboxIconClassName
+  });
+  var itemCheckboxIcon = IconUtils.getJSXIcon(checkedIcon, {
+    className: checkboxIconClassName
+  }, {
+    selected: props.selected
+  });
   var checkboxElement = props.showSelectAll && /*#__PURE__*/React.createElement(Checkbox, {
     checked: props.selectAll,
     onChange: onSelectAll,
     role: "checkbox",
-    "aria-checked": props.selectAll
+    "aria-checked": props.selectAll,
+    icon: itemCheckboxIcon
+  });
+  var iconProps = {
+    className: 'p-multiselect-close-icon',
+    'aria-hidden': true
+  };
+  var icon = props.closeIcon || /*#__PURE__*/React.createElement(TimesIcon, iconProps);
+  var closeIcon = IconUtils.getJSXIcon(icon, _objectSpread$2({}, iconProps), {
+    props: props
   });
   var closeElement = /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "p-multiselect-close p-link",
     "aria-label": localeOption('close'),
     onClick: props.onClose
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "p-multiselect-close-icon pi pi-times",
-    "aria-hidden": "true"
-  }), /*#__PURE__*/React.createElement(Ripple, null));
+  }, closeIcon, /*#__PURE__*/React.createElement(Ripple, null));
   var element = /*#__PURE__*/React.createElement("div", {
     className: "p-multiselect-header"
   }, checkboxElement, filterElement, closeElement);
@@ -452,9 +488,10 @@ var MultiSelectHeader = /*#__PURE__*/React.memo(function (props) {
       filterElement: filterElement,
       closeElement: closeElement,
       closeElementClassName: 'p-multiselect-close p-link',
-      closeIconClassName: 'p-multiselect-close-icon pi pi-times',
+      closeIconClassName: 'p-multiselect-close-icon',
       onCloseClick: props.onClose,
       element: element,
+      itemCheckboxIcon: itemCheckboxIcon,
       props: props
     };
     return ObjectUtils.getJSXElement(props.template, defaultOptions);
@@ -488,8 +525,14 @@ var MultiSelectItem = /*#__PURE__*/React.memo(function (props) {
   var checkboxClassName = classNames('p-checkbox-box', {
     'p-highlight': props.selected
   });
-  var checkboxIcon = classNames('p-checkbox-icon p-c', {
-    'pi pi-check': props.selected
+  var checkboxIconClassName = 'p-checkbox-icon p-c';
+  var icon = props.checkboxIcon || /*#__PURE__*/React.createElement(CheckIcon, {
+    className: checkboxIconClassName
+  });
+  var checkboxIcon = IconUtils.getJSXIcon(icon, {
+    className: checkboxIconClassName
+  }, {
+    selected: props.selected
   });
   var content = props.template ? ObjectUtils.getJSXElement(props.template, props.option) : props.label;
   var tabIndex = props.disabled ? null : props.tabIndex || 0;
@@ -505,9 +548,7 @@ var MultiSelectItem = /*#__PURE__*/React.memo(function (props) {
     className: "p-checkbox p-component"
   }, /*#__PURE__*/React.createElement("div", {
     className: checkboxClassName
-  }, /*#__PURE__*/React.createElement("span", {
-    className: checkboxIcon
-  }))), /*#__PURE__*/React.createElement("span", null, content), /*#__PURE__*/React.createElement(Ripple, null));
+  }, checkboxIcon)), /*#__PURE__*/React.createElement("span", null, content), /*#__PURE__*/React.createElement(Ripple, null));
 });
 MultiSelectItem.displayName = 'MultiSelectItem';
 
@@ -557,7 +598,10 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
       selectAll: props.isAllSelected(),
       onSelectAll: props.onSelectAll,
       template: props.panelHeaderTemplate,
-      resetFilter: props.resetFilter
+      resetFilter: props.resetFilter,
+      closeIcon: props.closeIcon,
+      filterIcon: props.filterIcon,
+      itemCheckboxIcon: props.itemCheckboxIcon
     });
   };
   var createFooter = function createFooter() {
@@ -588,7 +632,8 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
         onKeyDown: props.onOptionKeyDown,
         tabIndex: tabIndex,
         disabled: disabled,
-        className: props.itemClassName
+        className: props.itemClassName,
+        checkboxIcon: props.checkboxIcon
       });
     });
   };
@@ -630,7 +675,8 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
         onKeyDown: props.onOptionKeyDown,
         tabIndex: tabIndex,
         disabled: disabled,
-        className: props.itemClassName
+        className: props.itemClassName,
+        checkboxIcon: props.checkboxIcon
       });
     }
   };
@@ -1193,14 +1239,19 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
         var value = props.value.slice(0, props.maxSelectedLabels || props.value.length);
         return value.map(function (val) {
           var label = getLabelByValue(val);
-          var icon = !props.disabled && IconUtils.getJSXIcon(props.removeIcon, {
+          var icon = !props.disabled && (props.removeIcon ? IconUtils.getJSXIcon(props.removeIcon, {
             className: 'p-multiselect-token-icon',
             onClick: function onClick(e) {
               return removeChip(e, val);
             }
           }, {
             props: props
-          });
+          }) : /*#__PURE__*/React.createElement(TimesCircleIcon, {
+            className: "p-multiselect-token-icon",
+            onClick: function onClick(e) {
+              return removeChip(e, val);
+            }
+          }));
           return /*#__PURE__*/React.createElement("div", {
             className: "p-multiselect-token",
             key: label
@@ -1277,13 +1328,22 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     ZIndexUtils.clear(overlayRef.current);
   });
   var createClearIcon = function createClearIcon() {
+    var iconClassName = 'p-multiselect-clear-icon';
+    var icon = props.clearIcon || /*#__PURE__*/React.createElement(TimesIcon, {
+      className: iconClassName
+    });
+    var clearIcon = IconUtils.getJSXIcon(icon, {
+      className: iconClassName
+    }, {
+      props: props
+    });
     if (!empty && props.showClear && !props.disabled) {
       return /*#__PURE__*/React.createElement("i", {
-        className: "p-multiselect-clear-icon pi pi-times",
+        className: iconClassName,
         onClick: function onClick(e) {
           return updateModel(e, null);
         }
-      });
+      }, clearIcon);
     }
     return null;
   };
@@ -1313,6 +1373,16 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     'p-inputwrapper-filled': ObjectUtils.isNotEmpty(props.value),
     'p-inputwrapper-focus': focusedState || overlayVisibleState
   }, props.className);
+  var dropdownIconClass = 'p-multiselect-trigger-icon p-c';
+  var dropdownIcon = /*#__PURE__*/React.createElement("div", {
+    className: "p-multiselect-trigger"
+  }, props.dropdownIcon ? IconUtils.getJSXIcon(props.dropdownIcon, {
+    className: dropdownIconClass
+  }, {
+    props: props
+  }) : /*#__PURE__*/React.createElement(ChevronDownIcon, {
+    className: dropdownIconClass
+  }));
   var label = !props.inline && createLabel();
   var clearIcon = !props.inline && createClearIcon();
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
@@ -1337,13 +1407,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     "aria-expanded": overlayVisibleState,
     disabled: props.disabled,
     tabIndex: props.tabIndex
-  }, ariaProps))), !props.inline && /*#__PURE__*/React.createElement(React.Fragment, null, label, clearIcon, /*#__PURE__*/React.createElement("div", {
-    className: "p-multiselect-trigger"
-  }, IconUtils.getJSXIcon(props.dropdownIcon, {
-    className: 'p-multiselect-trigger-icon p-c'
-  }, {
-    props: props
-  }))), /*#__PURE__*/React.createElement(MultiSelectPanel, _extends({
+  }, ariaProps))), !props.inline && /*#__PURE__*/React.createElement(React.Fragment, null, label, clearIcon, dropdownIcon), /*#__PURE__*/React.createElement(MultiSelectPanel, _extends({
     ref: overlayRef,
     visibleOptions: visibleOptions
   }, props, {