primereact 9.4.0 → 9.6.0

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

package/multiselect/multiselect.d.ts

@@ -10,9 +10,181 @@
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
 import { SelectItemOptionsType } from '../selectitem/selectitem';
+import { TooltipPassThroughOptions } from '../tooltip/tooltip';
 import { TooltipOptions } from '../tooltip/tooltipoptions';
-import { IconType } from '../utils';
-import { VirtualScrollerProps } from '../virtualscroller';
+import { IconType, PassThroughType } from '../utils';
+import { VirtualScrollerPassThroughOptions, VirtualScrollerProps } from '../virtualscroller';
+
+export declare type MultiSelectPassThroughType<T> = PassThroughType<T, MultiSelectPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface MultiSelectPassThroughMethodOptions {
+    props: MultiSelectProps;
+    state: MultiSelectState;
+    context: MultiSelectContext;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link MultiSelectProps.pt}
+ */
+export interface MultiSelectPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: MultiSelectPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the input's DOM element.
+     */
+    input?: MultiSelectPassThroughType<React.HTMLAttributes<HTMLInputElement>>;
+    /**
+     * Uses to pass attributes to the label container's DOM element.
+     */
+    labelContainer?: MultiSelectPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the label's DOM element.
+     */
+    label?: MultiSelectPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the token's DOM element.
+     */
+    token?: MultiSelectPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the token label's DOM element.
+     */
+    tokenLabel?: MultiSelectPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the remove token icon's DOM element.
+     */
+    removeTokenIcon?: MultiSelectPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the trigger's DOM element.
+     */
+    trigger?: MultiSelectPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the trigger icon's DOM element.
+     */
+    triggerIcon?: MultiSelectPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the clear icon's DOM element.
+     */
+    clearIcon?: MultiSelectPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the dropdown icon's DOM element.
+     */
+    dropdownIcon?: MultiSelectPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the panel's DOM element.
+     */
+    panel?: MultiSelectPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the header's DOM element.
+     */
+    header?: MultiSelectPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the header checkbox's DOM element.
+     */
+    headerCheckbox?: MultiSelectPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the filter container's DOM element.
+     */
+    filterContainer?: MultiSelectPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the filter input's DOM element.
+     */
+    filterInput?: MultiSelectPassThroughType<React.HTMLAttributes<HTMLInputElement>>;
+    /**
+     * Uses to pass attributes to the filter icon's DOM element.
+     */
+    filterIcon?: MultiSelectPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the close button's DOM element.
+     */
+    closeButton?: MultiSelectPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the close icon's DOM element.
+     */
+    closeIcon?: MultiSelectPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the wrapper's DOM element.
+     */
+    wrapper?: MultiSelectPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the VirtualScroller component.
+     * @see {@link VirtualScrollerPassThroughOptions}
+     */
+    virtualScroller?: VirtualScrollerPassThroughOptions;
+    /**
+     * Uses to pass attributes to the list's DOM element.
+     */
+    list?: MultiSelectPassThroughType<React.HTMLAttributes<HTMLUListElement>>;
+    /**
+     * Uses to pass attributes to the item group's DOM element.
+     */
+    itemGroup?: MultiSelectPassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Uses to pass attributes to the item's DOM element.
+     */
+    item?: MultiSelectPassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Uses to pass attributes to the checkbox container's DOM element.
+     */
+    checkboxContainer?: MultiSelectPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the checkbox's DOM element.
+     */
+    checkbox?: MultiSelectPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the checkbox icon's DOM element.
+     */
+    checkboxIcon?: MultiSelectPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the emptyMessage's DOM element.
+     */
+    emptyMessage?: MultiSelectPassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Uses to pass attributes to the hidden input wrapper's DOM element.
+     */
+    hiddenInputWrapper?: MultiSelectPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes tooltip's DOM element.
+     * @type {TooltipPassThroughOptions}
+     */
+    tooltip?: TooltipPassThroughOptions;
+}
+
+/**
+ * Defines current inline state in MultiSelect component.
+ */
+export interface MultiSelectState {
+    /**
+     * Current focused state as a boolean.
+     * @defaultValue false
+     */
+    focused: boolean;
+    /**
+     * Current filter state as a string.
+     */
+    filterState: string;
+    /**
+     * Current overlay visible state as a boolean.
+     * @defaultValue false
+     */
+    overlayVisible: boolean;
+}
+
+/**
+ * Defines current options in MultiSelect component.
+ */
+export interface MultiSelectContext {
+    /**
+     * Current selection state of the item as a boolean.
+     * @defaultValue false
+     */
+    selected: boolean;
+}
 
 /**
  * Custom checkbox change event
@@ -203,7 +375,7 @@ interface MultiSelectTemplateOptions {
  * Defines valid properties in MultiSelect component. In addition to these, all properties of HTMLDivElement can be used in this component.
  * @group Properties
  */
-export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref'> {
+export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref' | 'pt'> {
     /**
      * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and 'self'. The self value is used to render a component where it is located.
      * @defaultValue document.body
@@ -263,6 +435,11 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
      * @defaultValue label
      */
     filterBy?: string | undefined;
+    /**
+     * When the panel is opened, it specifies that the filter input should focus automatically.
+     * @defaultValue true
+     */
+    filterInputAutoFocus?: boolean | undefined;
     /**
      * Icon of the filter icon.
      */
@@ -385,6 +562,11 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
      * Label to display when there are no selections.
      */
     placeholder?: string | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {MultiSelectPassThroughOptions}
+     */
+    pt?: MultiSelectPassThroughOptions;
     /**
      * Icon of the remove chip element.
      */