primereact 8.2.0 → 8.5.0

package/multiselect/multiselect.min.js

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

package/multistatecheckbox/multistatecheckbox.cjs.js

@@ -202,6 +202,14 @@ var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
     };
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   hooks.useMountEffect(function () {
     if (!props.empty && props.value === null) {
       toggle();
@@ -284,7 +292,7 @@ MultiStateCheckbox.defaultProps = {
   disabled: false,
   readOnly: false,
   empty: true,
-  tabIndex: "0",
+  tabIndex: '0',
   'aria-label': null,
   'aria-labelledby': null,
   tooltip: null,

package/multistatecheckbox/multistatecheckbox.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),n=require("primereact/tooltip"),l=require("primereact/api"),a=require("primereact/utils");function r(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 o=r(e);function i(){return i=Object.assign||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},i.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function c(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}}function s(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 p(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b=o.memo(o.forwardRef((function(e,r){var s,d,m=o.useState(!1),y=(d=2,u(s=m)||c(s,d)||p(s,d)||f()),v=y[0],h=y[1],g=o.useRef(null),O=e.optionValue?null:e.dataKey,j=function(t){return e.optionValue?a.ObjectUtils.resolveFieldData(t,e.optionValue):t},x=function(t){if(e.onChange){var n=j(e.options?w===e.options.length-1?e.empty?null:e.options[0]:e.options[w+1]:null);e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})}};t.useMountEffect((function(){e.empty||null!==e.value||x()}));var k,E,N=(e.options&&(E=e.options.findIndex((function(t){return a.ObjectUtils.equals(e.value,j(t),O)})),k=e.options[E]),{option:k,index:E}),S=N.option,w=N.index,C=a.ObjectUtils.isNotEmpty(e.tooltip),P=a.ObjectUtils.findDiffKeys(e,b.defaultProps),D=a.classNames("p-multistatecheckbox p-checkbox p-component",e.className),I=a.classNames("p-checkbox-box",{"p-highlight":!!S,"p-disabled":e.disabled,"p-focus":v},S&&S.className),M=function(){var t,n,l,r=a.classNames("p-checkbox-icon p-c",(t={},n="".concat(S&&S.icon||""),l=!0,n in t?Object.defineProperty(t,n,{value:l,enumerable:!0,configurable:!0,writable:!0}):t[n]=l,t)),i=o.createElement("span",{className:r});return e.iconTemplate?a.ObjectUtils.getJSXElement(e.iconTemplate,{option:S,className:r,element:i,props:e}):i}(),U=S?function(t){var n=e.optionLabel||e.optionValue;return n?a.ObjectUtils.resolveFieldData(t,n):t}(S):l.ariaLabel("nullLabel"),q=S?"true":"false";return o.createElement(o.Fragment,null,o.createElement("div",i({ref:g,id:e.id,className:D,style:e.style},P,{onClick:function(t){e.disabled||e.readOnly||x(t)}}),o.createElement("div",{className:I,style:S&&S.style,tabIndex:e.tabIndex,onFocus:function(){h(!0)},onBlur:function(){h(!1)},onKeyDown:function(e){32===e.keyCode&&(x(e),e.preventDefault())},role:"checkbox","aria-checked":q,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"]},M),v&&o.createElement("span",{className:"p-sr-only","aria-live":"polite"},U)),C&&o.createElement(n.Tooltip,i({target:g,content:e.tooltip},e.tooltipOptions)))})));b.displayName="MultiStateCheckbox",b.defaultProps={__TYPE:"MultiStateCheckbox",id:null,value:null,options:null,optionValue:null,optionLabel:null,iconTemplate:null,dataKey:null,style:null,className:null,disabled:!1,readOnly:!1,empty:!0,tabIndex:"0","aria-label":null,"aria-labelledby":null,tooltip:null,tooltipOptions:null,onChange:null},exports.MultiStateCheckbox=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),n=require("primereact/tooltip"),l=require("primereact/api"),r=require("primereact/utils");function a(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 o=a(e);function i(){return i=Object.assign||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},i.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function c(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function s(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 p(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b=o.memo(o.forwardRef((function(e,a){var s,d,m=o.useState(!1),y=(d=2,u(s=m)||c(s,d)||p(s,d)||f()),v=y[0],h=y[1],g=o.useRef(null),O=e.optionValue?null:e.dataKey,j=function(t){return e.optionValue?r.ObjectUtils.resolveFieldData(t,e.optionValue):t},x=function(t){if(e.onChange){var n=j(e.options?w===e.options.length-1?e.empty?null:e.options[0]:e.options[w+1]:null);e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})}};o.useImperativeHandle(a,(function(){return{props:e,getElement:function(){return g.current}}})),t.useMountEffect((function(){e.empty||null!==e.value||x()}));var E,k,N=(e.options&&(k=e.options.findIndex((function(t){return r.ObjectUtils.equals(e.value,j(t),O)})),E=e.options[k]),{option:E,index:k}),S=N.option,w=N.index,C=r.ObjectUtils.isNotEmpty(e.tooltip),P=r.ObjectUtils.findDiffKeys(e,b.defaultProps),I=r.classNames("p-multistatecheckbox p-checkbox p-component",e.className),D=r.classNames("p-checkbox-box",{"p-highlight":!!S,"p-disabled":e.disabled,"p-focus":v},S&&S.className),M=function(){var t,n,l,a=r.classNames("p-checkbox-icon p-c",(t={},n="".concat(S&&S.icon||""),l=!0,n in t?Object.defineProperty(t,n,{value:l,enumerable:!0,configurable:!0,writable:!0}):t[n]=l,t)),i=o.createElement("span",{className:a});return e.iconTemplate?r.ObjectUtils.getJSXElement(e.iconTemplate,{option:S,className:a,element:i,props:e}):i}(),U=S?function(t){var n=e.optionLabel||e.optionValue;return n?r.ObjectUtils.resolveFieldData(t,n):t}(S):l.ariaLabel("nullLabel"),q=S?"true":"false";return o.createElement(o.Fragment,null,o.createElement("div",i({ref:g,id:e.id,className:I,style:e.style},P,{onClick:function(t){e.disabled||e.readOnly||x(t)}}),o.createElement("div",{className:D,style:S&&S.style,tabIndex:e.tabIndex,onFocus:function(){h(!0)},onBlur:function(){h(!1)},onKeyDown:function(e){32===e.keyCode&&(x(e),e.preventDefault())},role:"checkbox","aria-checked":q,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"]},M),v&&o.createElement("span",{className:"p-sr-only","aria-live":"polite"},U)),C&&o.createElement(n.Tooltip,i({target:g,content:e.tooltip},e.tooltipOptions)))})));b.displayName="MultiStateCheckbox",b.defaultProps={__TYPE:"MultiStateCheckbox",id:null,value:null,options:null,optionValue:null,optionLabel:null,iconTemplate:null,dataKey:null,style:null,className:null,disabled:!1,readOnly:!1,empty:!0,tabIndex:"0","aria-label":null,"aria-labelledby":null,tooltip:null,tooltipOptions:null,onChange:null},exports.MultiStateCheckbox=b;

package/multistatecheckbox/multistatecheckbox.d.ts

@@ -34,19 +34,15 @@ interface MultiStateCheckboxChangeParams {
     target: MultiStateCheckboxChangeTargetOptions;
 }
 
-export interface MultiStateCheckboxProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange'> {
-    id?: string;
+export interface MultiStateCheckboxProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref'> {
     value?: any;
     options?: MultiStateCheckboxOptionsType;
     optionValue?: string;
     optionLabel?: string;
     iconTemplate?: MultiStateCheckboxIconTemplateType;
     dataKey?: string;
-    style?: object;
-    className?: string;
     disabled?: boolean;
     readOnly?: boolean;
-    tabIndex?: number;
     empty?: boolean;
     tooltip?: string;
     tooltipOptions?: TooltipOptions;
@@ -54,4 +50,6 @@ export interface MultiStateCheckboxProps extends Omit<React.DetailedHTMLProps<Re
     children?: React.ReactNode;
 }
 
-export declare class MultiStateCheckbox extends React.Component<MultiStateCheckboxProps, any> { }
+export declare class MultiStateCheckbox extends React.Component<MultiStateCheckboxProps, any> {
+    public getElement(): HTMLDivElement;
+}

package/multistatecheckbox/multistatecheckbox.esm.js

@@ -178,6 +178,14 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
     };
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   useMountEffect(function () {
     if (!props.empty && props.value === null) {
       toggle();
@@ -260,7 +268,7 @@ MultiStateCheckbox.defaultProps = {
   disabled: false,
   readOnly: false,
   empty: true,
-  tabIndex: "0",
+  tabIndex: '0',
   'aria-label': null,
   'aria-labelledby': null,
   tooltip: null,

package/multistatecheckbox/multistatecheckbox.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{useMountEffect as t}from"primereact/hooks";import{Tooltip as n}from"primereact/tooltip";import{ariaLabel as l}from"primereact/api";import{ObjectUtils as o,classNames as a}from"primereact/utils";function r(){return r=Object.assign||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},r.apply(this,arguments)}function i(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,o,a=[],r=!0,i=!1;try{for(n=n.call(e);!(r=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);r=!0);}catch(e){i=!0,o=e}finally{try{r||null==n.return||n.return()}finally{if(i)throw o}}return a}}function c(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 p(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function s(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f=e.memo(e.forwardRef((function(c,m){var d,b,y=e.useState(!1),v=(b=2,i(d=y)||u(d,b)||p(d,b)||s()),h=v[0],g=v[1],x=e.useRef(null),k=c.optionValue?null:c.dataKey,E=function(e){return c.optionValue?o.resolveFieldData(e,c.optionValue):e},N=function(e){if(c.onChange){var t=E(c.options?I===c.options.length-1?c.empty?null:c.options[0]:c.options[I+1]:null);c.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:c.name,id:c.id,value:t}})}};t((function(){c.empty||null!==c.value||N()}));var O,S,w=(c.options&&(S=c.options.findIndex((function(e){return o.equals(c.value,E(e),k)})),O=c.options[S]),{option:O,index:S}),C=w.option,I=w.index,j=o.isNotEmpty(c.tooltip),A=o.findDiffKeys(c,f.defaultProps),D=a("p-multistatecheckbox p-checkbox p-component",c.className),P=a("p-checkbox-box",{"p-highlight":!!C,"p-disabled":c.disabled,"p-focus":h},C&&C.className),T=function(){var t,n,l,r=a("p-checkbox-icon p-c",(t={},n="".concat(C&&C.icon||""),l=!0,n in t?Object.defineProperty(t,n,{value:l,enumerable:!0,configurable:!0,writable:!0}):t[n]=l,t)),i=e.createElement("span",{className:r});return c.iconTemplate?o.getJSXElement(c.iconTemplate,{option:C,className:r,element:i,props:c}):i}(),V=C?function(e){var t=c.optionLabel||c.optionValue;return t?o.resolveFieldData(e,t):e}(C):l("nullLabel"),F=C?"true":"false";return e.createElement(e.Fragment,null,e.createElement("div",r({ref:x,id:c.id,className:D,style:c.style},A,{onClick:function(e){c.disabled||c.readOnly||N(e)}}),e.createElement("div",{className:P,style:C&&C.style,tabIndex:c.tabIndex,onFocus:function(){g(!0)},onBlur:function(){g(!1)},onKeyDown:function(e){32===e.keyCode&&(N(e),e.preventDefault())},role:"checkbox","aria-checked":F,"aria-labelledby":c["aria-labelledby"],"aria-label":c["aria-label"]},T),h&&e.createElement("span",{className:"p-sr-only","aria-live":"polite"},V)),j&&e.createElement(n,r({target:x,content:c.tooltip},c.tooltipOptions)))})));f.displayName="MultiStateCheckbox",f.defaultProps={__TYPE:"MultiStateCheckbox",id:null,value:null,options:null,optionValue:null,optionLabel:null,iconTemplate:null,dataKey:null,style:null,className:null,disabled:!1,readOnly:!1,empty:!0,tabIndex:"0","aria-label":null,"aria-labelledby":null,tooltip:null,tooltipOptions:null,onChange:null};export{f as MultiStateCheckbox};
+import*as e from"react";import{useMountEffect as t}from"primereact/hooks";import{Tooltip as n}from"primereact/tooltip";import{ariaLabel as l}from"primereact/api";import{ObjectUtils as o,classNames as a}from"primereact/utils";function r(){return r=Object.assign||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},r.apply(this,arguments)}function i(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,o,a=[],r=!0,i=!1;try{for(n=n.call(e);!(r=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);r=!0);}catch(e){i=!0,o=e}finally{try{r||null==n.return||n.return()}finally{if(i)throw o}}return a}}function c(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 p(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function s(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f=e.memo(e.forwardRef((function(c,m){var d,b,y=e.useState(!1),v=(b=2,i(d=y)||u(d,b)||p(d,b)||s()),h=v[0],g=v[1],x=e.useRef(null),E=c.optionValue?null:c.dataKey,k=function(e){return c.optionValue?o.resolveFieldData(e,c.optionValue):e},N=function(e){if(c.onChange){var t=k(c.options?I===c.options.length-1?c.empty?null:c.options[0]:c.options[I+1]:null);c.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:c.name,id:c.id,value:t}})}};e.useImperativeHandle(m,(function(){return{props:c,getElement:function(){return x.current}}})),t((function(){c.empty||null!==c.value||N()}));var O,S,w=(c.options&&(S=c.options.findIndex((function(e){return o.equals(c.value,k(e),E)})),O=c.options[S]),{option:O,index:S}),C=w.option,I=w.index,j=o.isNotEmpty(c.tooltip),A=o.findDiffKeys(c,f.defaultProps),D=a("p-multistatecheckbox p-checkbox p-component",c.className),P=a("p-checkbox-box",{"p-highlight":!!C,"p-disabled":c.disabled,"p-focus":h},C&&C.className),T=function(){var t,n,l,r=a("p-checkbox-icon p-c",(t={},n="".concat(C&&C.icon||""),l=!0,n in t?Object.defineProperty(t,n,{value:l,enumerable:!0,configurable:!0,writable:!0}):t[n]=l,t)),i=e.createElement("span",{className:r});return c.iconTemplate?o.getJSXElement(c.iconTemplate,{option:C,className:r,element:i,props:c}):i}(),V=C?function(e){var t=c.optionLabel||c.optionValue;return t?o.resolveFieldData(e,t):e}(C):l("nullLabel"),F=C?"true":"false";return e.createElement(e.Fragment,null,e.createElement("div",r({ref:x,id:c.id,className:D,style:c.style},A,{onClick:function(e){c.disabled||c.readOnly||N(e)}}),e.createElement("div",{className:P,style:C&&C.style,tabIndex:c.tabIndex,onFocus:function(){g(!0)},onBlur:function(){g(!1)},onKeyDown:function(e){32===e.keyCode&&(N(e),e.preventDefault())},role:"checkbox","aria-checked":F,"aria-labelledby":c["aria-labelledby"],"aria-label":c["aria-label"]},T),h&&e.createElement("span",{className:"p-sr-only","aria-live":"polite"},V)),j&&e.createElement(n,r({target:x,content:c.tooltip},c.tooltipOptions)))})));f.displayName="MultiStateCheckbox",f.defaultProps={__TYPE:"MultiStateCheckbox",id:null,value:null,options:null,optionValue:null,optionLabel:null,iconTemplate:null,dataKey:null,style:null,className:null,disabled:!1,readOnly:!1,empty:!0,tabIndex:"0","aria-label":null,"aria-labelledby":null,tooltip:null,tooltipOptions:null,onChange:null};export{f as MultiStateCheckbox};

package/multistatecheckbox/multistatecheckbox.js

@@ -196,6 +196,14 @@ this.primereact.multistatecheckbox = (function (exports, React, hooks, tooltip,
       };
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     hooks.useMountEffect(function () {
       if (!props.empty && props.value === null) {
         toggle();
@@ -278,7 +286,7 @@ this.primereact.multistatecheckbox = (function (exports, React, hooks, tooltip,
     disabled: false,
     readOnly: false,
     empty: true,
-    tabIndex: "0",
+    tabIndex: '0',
     'aria-label': null,
     'aria-labelledby': null,
     tooltip: null,

package/multistatecheckbox/multistatecheckbox.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.multistatecheckbox=function(e,t,n,l,a,o){"use strict";function r(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 i=r(t);function u(){return u=Object.assign||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},u.apply(this,arguments)}function c(e){if(Array.isArray(e))return e}function s(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,o=[],r=!0,i=!1;try{for(n=n.call(e);!(r=(l=n.next()).done)&&(o.push(l.value),!t||o.length!==t);r=!0);}catch(e){i=!0,a=e}finally{try{r||null==n.return||n.return()}finally{if(i)throw a}}return o}}function p(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 f(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var d=i.memo(i.forwardRef((function(e,t){var r,p,m=i.useState(!1),y=(p=2,c(r=m)||s(r,p)||f(r,p)||b()),v=y[0],h=y[1],g=i.useRef(null),O=e.optionValue?null:e.dataKey,j=function(t){return e.optionValue?o.ObjectUtils.resolveFieldData(t,e.optionValue):t},x=function(t){if(e.onChange){var n=j(e.options?w===e.options.length-1?e.empty?null:e.options[0]:e.options[w+1]:null);e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})}};n.useMountEffect((function(){e.empty||null!==e.value||x()}));var k,E,N=(e.options&&(E=e.options.findIndex((function(t){return o.ObjectUtils.equals(e.value,j(t),O)})),k=e.options[E]),{option:k,index:E}),S=N.option,w=N.index,C=o.ObjectUtils.isNotEmpty(e.tooltip),P=o.ObjectUtils.findDiffKeys(e,d.defaultProps),D=o.classNames("p-multistatecheckbox p-checkbox p-component",e.className),I=o.classNames("p-checkbox-box",{"p-highlight":!!S,"p-disabled":e.disabled,"p-focus":v},S&&S.className),M=function(){var t,n,l,a=o.classNames("p-checkbox-icon p-c",(t={},n="".concat(S&&S.icon||""),l=!0,n in t?Object.defineProperty(t,n,{value:l,enumerable:!0,configurable:!0,writable:!0}):t[n]=l,t)),r=i.createElement("span",{className:a});return e.iconTemplate?o.ObjectUtils.getJSXElement(e.iconTemplate,{option:S,className:a,element:r,props:e}):r}(),U=S?function(t){var n=e.optionLabel||e.optionValue;return n?o.ObjectUtils.resolveFieldData(t,n):t}(S):a.ariaLabel("nullLabel"),A=S?"true":"false";return i.createElement(i.Fragment,null,i.createElement("div",u({ref:g,id:e.id,className:D,style:e.style},P,{onClick:function(t){e.disabled||e.readOnly||x(t)}}),i.createElement("div",{className:I,style:S&&S.style,tabIndex:e.tabIndex,onFocus:function(){h(!0)},onBlur:function(){h(!1)},onKeyDown:function(e){32===e.keyCode&&(x(e),e.preventDefault())},role:"checkbox","aria-checked":A,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"]},M),v&&i.createElement("span",{className:"p-sr-only","aria-live":"polite"},U)),C&&i.createElement(l.Tooltip,u({target:g,content:e.tooltip},e.tooltipOptions)))})));return d.displayName="MultiStateCheckbox",d.defaultProps={__TYPE:"MultiStateCheckbox",id:null,value:null,options:null,optionValue:null,optionLabel:null,iconTemplate:null,dataKey:null,style:null,className:null,disabled:!1,readOnly:!1,empty:!0,tabIndex:"0","aria-label":null,"aria-labelledby":null,tooltip:null,tooltipOptions:null,onChange:null},e.MultiStateCheckbox=d,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.tooltip,primereact.api,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.multistatecheckbox=function(e,t,n,l,a,r){"use strict";function o(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 i=o(t);function u(){return u=Object.assign||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},u.apply(this,arguments)}function c(e){if(Array.isArray(e))return e}function s(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}}function p(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 f(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var m=i.memo(i.forwardRef((function(e,t){var o,p,d=i.useState(!1),y=(p=2,c(o=d)||s(o,p)||f(o,p)||b()),v=y[0],h=y[1],g=i.useRef(null),O=e.optionValue?null:e.dataKey,j=function(t){return e.optionValue?r.ObjectUtils.resolveFieldData(t,e.optionValue):t},x=function(t){if(e.onChange){var n=j(e.options?w===e.options.length-1?e.empty?null:e.options[0]:e.options[w+1]:null);e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})}};i.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return g.current}}})),n.useMountEffect((function(){e.empty||null!==e.value||x()}));var k,E,N=(e.options&&(E=e.options.findIndex((function(t){return r.ObjectUtils.equals(e.value,j(t),O)})),k=e.options[E]),{option:k,index:E}),S=N.option,w=N.index,C=r.ObjectUtils.isNotEmpty(e.tooltip),P=r.ObjectUtils.findDiffKeys(e,m.defaultProps),I=r.classNames("p-multistatecheckbox p-checkbox p-component",e.className),D=r.classNames("p-checkbox-box",{"p-highlight":!!S,"p-disabled":e.disabled,"p-focus":v},S&&S.className),M=function(){var t,n,l,a=r.classNames("p-checkbox-icon p-c",(t={},n="".concat(S&&S.icon||""),l=!0,n in t?Object.defineProperty(t,n,{value:l,enumerable:!0,configurable:!0,writable:!0}):t[n]=l,t)),o=i.createElement("span",{className:a});return e.iconTemplate?r.ObjectUtils.getJSXElement(e.iconTemplate,{option:S,className:a,element:o,props:e}):o}(),U=S?function(t){var n=e.optionLabel||e.optionValue;return n?r.ObjectUtils.resolveFieldData(t,n):t}(S):a.ariaLabel("nullLabel"),A=S?"true":"false";return i.createElement(i.Fragment,null,i.createElement("div",u({ref:g,id:e.id,className:I,style:e.style},P,{onClick:function(t){e.disabled||e.readOnly||x(t)}}),i.createElement("div",{className:D,style:S&&S.style,tabIndex:e.tabIndex,onFocus:function(){h(!0)},onBlur:function(){h(!1)},onKeyDown:function(e){32===e.keyCode&&(x(e),e.preventDefault())},role:"checkbox","aria-checked":A,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"]},M),v&&i.createElement("span",{className:"p-sr-only","aria-live":"polite"},U)),C&&i.createElement(l.Tooltip,u({target:g,content:e.tooltip},e.tooltipOptions)))})));return m.displayName="MultiStateCheckbox",m.defaultProps={__TYPE:"MultiStateCheckbox",id:null,value:null,options:null,optionValue:null,optionLabel:null,iconTemplate:null,dataKey:null,style:null,className:null,disabled:!1,readOnly:!1,empty:!0,tabIndex:"0","aria-label":null,"aria-labelledby":null,tooltip:null,tooltipOptions:null,onChange:null},e.MultiStateCheckbox=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.tooltip,primereact.api,primereact.utils);

package/orderlist/orderlist.cjs.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var hooks = require('primereact/hooks');
+var api = require('primereact/api');
 var utils = require('primereact/utils');
 var button = require('primereact/button');
 var ripple = require('primereact/ripple');
@@ -259,6 +260,14 @@ var OrderListSubList = /*#__PURE__*/React__namespace.memo(function (props) {
   var draggedItemIndex = React__namespace.useRef(null);
   var dragOverItemIndex = React__namespace.useRef(null);
   var listElementRef = React__namespace.useRef(null);
+  var filterOptions = {
+    filter: function filter(e) {
+      return props.onFilterInputChange(e);
+    },
+    reset: function reset() {
+      return props.resetFilter();
+    }
+  };
 
   var isSelected = function isSelected(item) {
     return utils.ObjectUtils.findIndexInList(item, props.selection, props.dataKey) !== -1;
@@ -316,6 +325,13 @@ var OrderListSubList = /*#__PURE__*/React__namespace.memo(function (props) {
     }
   };
 
+  var onFilterInputKeyDown = function onFilterInputKeyDown(event) {
+    //enter
+    if (event.which === 13) {
+      event.preventDefault();
+    }
+  };
+
   var createDropPoint = function createDropPoint(index, key) {
     return /*#__PURE__*/React__namespace.createElement("li", {
       key: key,
@@ -417,11 +433,51 @@ var OrderListSubList = /*#__PURE__*/React__namespace.memo(function (props) {
     }, items);
   };
 
+  var createFilter = function createFilter() {
+    if (props.filter) {
+      var content = /*#__PURE__*/React__namespace.createElement("div", {
+        className: "p-orderlist-filter"
+      }, /*#__PURE__*/React__namespace.createElement("input", {
+        type: "text",
+        value: props.filterValue,
+        onChange: props.onFilter,
+        onKeyDown: onFilterInputKeyDown,
+        placeholder: props.placeholder,
+        className: "p-orderlist-filter-input p-inputtext p-component"
+      }), /*#__PURE__*/React__namespace.createElement("span", {
+        className: "p-orderlist-filter-icon pi pi-search"
+      }));
+
+      if (props.filterTemplate) {
+        var defaultContentOptions = {
+          className: 'p-orderlist-filter',
+          inputProps: {
+            inputClassName: 'p-orderlist-filter-input p-inputtext p-component',
+            onChange: props.onFilter,
+            onKeyDown: onFilterInputKeyDown
+          },
+          filterOptions: filterOptions,
+          iconClassName: 'p-orderlist-filter-icon pi pi-search',
+          element: content,
+          props: props
+        };
+        content = utils.ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
+      }
+
+      return /*#__PURE__*/React__namespace.createElement("div", {
+        className: "p-orderlist-filter-container"
+      }, content);
+    }
+
+    return null;
+  };
+
   var header = createHeader();
+  var filter = createFilter();
   var list = createList();
   return /*#__PURE__*/React__namespace.createElement("div", {
     className: "p-orderlist-list-container"
-  }, header, list);
+  }, header, filter, list);
 });
 OrderListSubList.displayName = 'OrderListSubList';
 
@@ -431,6 +487,12 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       selectionState = _React$useState2[0],
       setSelectionState = _React$useState2[1];
 
+  var _React$useState3 = React__namespace.useState(''),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      filterValueState = _React$useState4[0],
+      setFilterValueState = _React$useState4[1];
+
+  var hasFilter = utils.ObjectUtils.isNotEmpty(filterValueState);
   var elementRef = React__namespace.useRef(null);
   var reorderDirection = React__namespace.useRef(null);
 
@@ -472,6 +534,47 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     }
   };
 
+  var onFilter = function onFilter(event) {
+    var _filterValue = event.target.value;
+    setFilterValueState(_filterValue);
+
+    if (props.onFilter) {
+      props.onFilter({
+        originalEvent: event,
+        value: _filterValue
+      });
+    }
+  };
+
+  var resetFilter = function resetFilter() {
+    setFilterValueState('');
+    props.onFilter && props.onFilter({
+      filter: ''
+    });
+  };
+
+  var onFilterInputChange = function onFilterInputChange(event) {
+    var filter = event.target.value;
+    setFilterValueState(filter);
+
+    if (props.onFilter) {
+      props.onFilter({
+        originalEvent: event,
+        filter: filter
+      });
+    }
+  };
+
+  var getVisibleList = function getVisibleList() {
+    if (hasFilter) {
+      var filterValue = filterValueState.trim().toLocaleLowerCase(props.filterLocale);
+      var searchFields = props.filterBy ? props.filterBy.split(',') : [];
+      return api.FilterService.filter(props.value, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
+    }
+
+    return props.value;
+  };
+
   var findNextItem = function findNextItem(item) {
     var nextItem = item.nextElementSibling;
     return nextItem ? !utils.DomHandler.hasClass(nextItem, 'p-orderlist-item') ? findNextItem(nextItem) : nextItem : null;
@@ -521,6 +624,14 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     }
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   hooks.useUpdateEffect(function () {
     if (reorderDirection.current) {
       updateListScroll();
@@ -529,22 +640,28 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   });
   var otherProps = utils.ObjectUtils.findDiffKeys(props, OrderList.defaultProps);
   var className = utils.classNames('p-orderlist p-component', props.className);
+  var visibleList = getVisibleList();
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
     ref: elementRef,
     id: props.id,
     className: className,
     style: props.style
   }, otherProps), /*#__PURE__*/React__namespace.createElement(OrderListControls, {
-    value: props.value,
+    value: visibleList,
     selection: selectionState,
     onReorder: onReorder,
     dataKey: props.dataKey
   }), /*#__PURE__*/React__namespace.createElement(OrderListSubList, {
-    value: props.value,
+    value: visibleList,
     selection: selectionState,
     onItemClick: onItemClick,
     onItemKeyDown: onItemKeyDown,
+    onFilterInputChange: onFilterInputChange,
     itemTemplate: props.itemTemplate,
+    filter: props.filter,
+    onFilter: onFilter,
+    resetFilter: resetFilter,
+    filterTemplate: props.filterTemplate,
     header: props.header,
     listStyle: props.listStyle,
     dataKey: props.dataKey,
@@ -566,7 +683,14 @@ OrderList.defaultProps = {
   tabIndex: 0,
   dataKey: null,
   onChange: null,
-  itemTemplate: null
+  itemTemplate: null,
+  filter: false,
+  filterBy: null,
+  filterMatchMode: 'contains',
+  filterLocale: undefined,
+  filterPlaceholder: null,
+  filterTemplate: null,
+  onFilter: null
 };
 
 exports.OrderList = OrderList;

package/orderlist/orderlist.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),r=require("primereact/utils"),n=require("primereact/button"),l=require("primereact/ripple");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=a(e);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i.apply(this,arguments)}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function c(e){if(Array.isArray(e))return u(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return u(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?u(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function p(e){return c(e)||s(e)||d(e)||f()}function v(e){if(Array.isArray(e))return e}function m(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,a=[],o=!0,i=!1;try{for(r=r.call(e);!(o=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);o=!0);}catch(e){i=!0,l=e}finally{try{o||null==r.return||r.return()}finally{if(i)throw l}}return a}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var y=o.memo((function(e){return o.createElement("div",{className:"p-orderlist-controls"},o.createElement(n.Button,{type:"button",icon:"pi pi-angle-up",onClick:function(t){if(e.selection){for(var n=p(e.value),l=0;l<e.selection.length;l++){var a=r.ObjectUtils.findIndexInList(e.selection[l],n,e.dataKey);if(0===a)break;var o=n[a-1];n[a-1]=n[a],n[a]=o}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"up"})}}}),o.createElement(n.Button,{type:"button",icon:"pi pi-angle-double-up",onClick:function(t){if(e.selection){for(var n=p(e.value),l=0;l<e.selection.length;l++){var a=r.ObjectUtils.findIndexInList(e.selection[l],n,e.dataKey);if(0===a)break;var o=n.splice(a,1)[0];n.unshift(o)}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"top"})}}}),o.createElement(n.Button,{type:"button",icon:"pi pi-angle-down",onClick:function(t){if(e.selection){for(var n=p(e.value),l=e.selection.length-1;l>=0;l--){var a=r.ObjectUtils.findIndexInList(e.selection[l],n,e.dataKey);if(a===n.length-1)break;var o=n[a+1];n[a+1]=n[a],n[a]=o}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"down"})}}}),o.createElement(n.Button,{type:"button",icon:"pi pi-angle-double-down",onClick:function(t){if(e.selection){for(var n=p(e.value),l=e.selection.length-1;l>=0;l--){var a=r.ObjectUtils.findIndexInList(e.selection[l],n,e.dataKey);if(a===n.length-1)break;var o=n.splice(a,1)[0];n.push(o)}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"bottom"})}}}))}));y.displayName="OrderListControls";var h=o.memo((function(e){var t,n=o.useRef(null),a=o.useRef(null),i=o.useRef(null),u=o.useRef(null),c=function(t){return-1!==r.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},s=function(e,t){a.current!==t&&a.current+1!==t&&(i.current=t,r.DomHandler.addClass(e.target,"p-orderlist-droppoint-highlight"),e.preventDefault())},d=function(e){i.current=null,r.DomHandler.removeClass(e.target,"p-orderlist-droppoint-highlight")},f=function(t){var n=a.current>i.current?i.current:0===i.current?0:i.current-1,l=p(e.value);r.ObjectUtils.reorderArray(l,a.current,n),i.current=null,r.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),e.onChange&&e.onChange({originalEvent:t,value:l})},v=function(e){n.current=!1},m=function(e){if(n.current){var t=u.current.getBoundingClientRect().top+r.DomHandler.getWindowScrollTop(),l=t+u.current.clientHeight-e.pageY,a=e.pageY-t;l<25&&l>0?u.current.scrollTop+=15:a<25&&a>0&&(u.current.scrollTop-=15)}},g=function(e,t){return o.createElement("li",{key:t,className:"p-orderlist-droppoint",onDragOver:function(t){return s(t,e+1)},onDragLeave:d,onDrop:f})},y=e.header?o.createElement("div",{className:"p-orderlist-header"},e.header):null,h=(t=e.value?e.value.map((function(t,i){var u=e.itemTemplate?e.itemTemplate(t):t,s=r.classNames("p-orderlist-item",{"p-highlight":c(t)},e.className),d=JSON.stringify(t);if(e.dragdrop){var f=[g(i,d+"_droppoint"),o.createElement("li",{key:d,className:s,onClick:function(r){return e.onItemClick({originalEvent:r,value:t,index:i})},onKeyDown:function(r){return e.onItemKeyDown({originalEvent:r,value:t,index:i})},role:"option","aria-selected":c(t),draggable:"true",onDragStart:function(t){return r=t,l=i,n.current=!0,a.current=l,void(e.dragdropScope&&r.dataTransfer.setData("text","orderlist"));var r,l},onDragEnd:v,tabIndex:e.tabIndex},u,o.createElement(l.Ripple,null))];return i===e.value.length-1&&f.push(g(t,i)),f}return o.createElement("li",{key:d,className:s,role:"option","aria-selected":c(t),onClick:function(r){return e.onItemClick({originalEvent:r,value:t,index:i})},onKeyDown:function(r){return e.onItemKeyDown({originalEvent:r,value:t,index:i})},tabIndex:e.tabIndex},u)})):null,o.createElement("ul",{ref:u,className:"p-orderlist-list",style:e.listStyle,onDragOver:m,role:"listbox","aria-multiselectable":!0},t));return o.createElement("div",{className:"p-orderlist-list-container"},y,h)}));h.displayName="OrderListSubList";var b=o.memo(o.forwardRef((function(e,n){var l,a,u=o.useState([]),c=(a=2,v(l=u)||m(l,a)||d(l,a)||g()),s=c[0],f=c[1],E=o.useRef(null),I=o.useRef(null),D=function(t){var n,l=t.originalEvent.metaKey||t.originalEvent.ctrlKey,a=r.ObjectUtils.findIndexInList(t.value,s,e.dataKey);n=-1!==a?l?s.filter((function(e,t){return t!==a})):[t.value]:l?[].concat(p(s),[t.value]):[t.value],f(n)},O=function e(t){var n=t.nextElementSibling;return n?r.DomHandler.hasClass(n,"p-orderlist-item")?n:e(n):null},w=function e(t){var n=t.previousElementSibling;return n?r.DomHandler.hasClass(n,"p-orderlist-item")?n:e(n):null},C=function(){var e=r.DomHandler.findSingle(E.current,".p-orderlist-list"),t=r.DomHandler.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(I.current){case"up":r.DomHandler.scrollInView(e,t[0]);break;case"top":e.scrollTop=0;break;case"down":r.DomHandler.scrollInView(e,t[t.length-1]);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}};t.useUpdateEffect((function(){I.current&&(C(),I.current=null)}));var k=r.ObjectUtils.findDiffKeys(e,b.defaultProps),x=r.classNames("p-orderlist p-component",e.className);return o.createElement("div",i({ref:E,id:e.id,className:x,style:e.style},k),o.createElement(y,{value:e.value,selection:s,onReorder:function(t){e.onChange&&e.onChange({event:t.originalEvent,value:t.value}),I.current=t.direction},dataKey:e.dataKey}),o.createElement(h,{value:e.value,selection:s,onItemClick:D,onItemKeyDown:function(e){var t=e.originalEvent,r=t.currentTarget;switch(t.which){case 40:var n=O(r);n&&n.focus(),t.preventDefault();break;case 38:var l=w(r);l&&l.focus(),t.preventDefault();break;case 13:D(e),t.preventDefault()}},itemTemplate:e.itemTemplate,header:e.header,listStyle:e.listStyle,dataKey:e.dataKey,dragdrop:e.dragdrop,onChange:e.onChange,tabIndex:e.tabIndex}))})));b.displayName="OrderList",b.defaultProps={__TYPE:"OrderList",id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,dataKey:null,onChange:null,itemTemplate:null},exports.OrderList=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),r=require("primereact/api"),n=require("primereact/utils"),l=require("primereact/button"),i=require("primereact/ripple");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=a(e);function u(){return u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.apply(this,arguments)}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function s(e){if(Array.isArray(e))return c(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}function p(){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 m(e){return s(e)||d(e)||f(e)||p()}function v(e){if(Array.isArray(e))return e}function g(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,i=[],a=!0,o=!1;try{for(r=r.call(e);!(a=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);a=!0);}catch(e){o=!0,l=e}finally{try{a||null==r.return||r.return()}finally{if(o)throw l}}return i}}function y(){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 h(e,t){return v(e)||g(e,t)||f(e,t)||y()}var b=o.memo((function(e){return o.createElement("div",{className:"p-orderlist-controls"},o.createElement(l.Button,{type:"button",icon:"pi pi-angle-up",onClick:function(t){if(e.selection){for(var r=m(e.value),l=0;l<e.selection.length;l++){var i=n.ObjectUtils.findIndexInList(e.selection[l],r,e.dataKey);if(0===i)break;var a=r[i-1];r[i-1]=r[i],r[i]=a}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"up"})}}}),o.createElement(l.Button,{type:"button",icon:"pi pi-angle-double-up",onClick:function(t){if(e.selection){for(var r=m(e.value),l=0;l<e.selection.length;l++){var i=n.ObjectUtils.findIndexInList(e.selection[l],r,e.dataKey);if(0===i)break;var a=r.splice(i,1)[0];r.unshift(a)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"top"})}}}),o.createElement(l.Button,{type:"button",icon:"pi pi-angle-down",onClick:function(t){if(e.selection){for(var r=m(e.value),l=e.selection.length-1;l>=0;l--){var i=n.ObjectUtils.findIndexInList(e.selection[l],r,e.dataKey);if(i===r.length-1)break;var a=r[i+1];r[i+1]=r[i],r[i]=a}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"down"})}}}),o.createElement(l.Button,{type:"button",icon:"pi pi-angle-double-down",onClick:function(t){if(e.selection){for(var r=m(e.value),l=e.selection.length-1;l>=0;l--){var i=n.ObjectUtils.findIndexInList(e.selection[l],r,e.dataKey);if(i===r.length-1)break;var a=r.splice(i,1)[0];r.push(a)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"bottom"})}}}))}));b.displayName="OrderListControls";var E=o.memo((function(e){var t,r=o.useRef(null),l=o.useRef(null),a=o.useRef(null),u=o.useRef(null),c={filter:function(t){return e.onFilterInputChange(t)},reset:function(){return e.resetFilter()}},s=function(t){return-1!==n.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},d=function(e,t){l.current!==t&&l.current+1!==t&&(a.current=t,n.DomHandler.addClass(e.target,"p-orderlist-droppoint-highlight"),e.preventDefault())},f=function(e){a.current=null,n.DomHandler.removeClass(e.target,"p-orderlist-droppoint-highlight")},p=function(t){var r=l.current>a.current?a.current:0===a.current?0:a.current-1,i=m(e.value);n.ObjectUtils.reorderArray(i,l.current,r),a.current=null,n.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),e.onChange&&e.onChange({originalEvent:t,value:i})},v=function(e){r.current=!1},g=function(e){if(r.current){var t=u.current.getBoundingClientRect().top+n.DomHandler.getWindowScrollTop(),l=t+u.current.clientHeight-e.pageY,i=e.pageY-t;l<25&&l>0?u.current.scrollTop+=15:i<25&&i>0&&(u.current.scrollTop-=15)}},y=function(e){13===e.which&&e.preventDefault()},h=function(e,t){return o.createElement("li",{key:t,className:"p-orderlist-droppoint",onDragOver:function(t){return d(t,e+1)},onDragLeave:f,onDrop:p})},b=e.header?o.createElement("div",{className:"p-orderlist-header"},e.header):null,E=function(){if(e.filter){var t=o.createElement("div",{className:"p-orderlist-filter"},o.createElement("input",{type:"text",value:e.filterValue,onChange:e.onFilter,onKeyDown:y,placeholder:e.placeholder,className:"p-orderlist-filter-input p-inputtext p-component"}),o.createElement("span",{className:"p-orderlist-filter-icon pi pi-search"}));if(e.filterTemplate)t=n.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-orderlist-filter",inputProps:{inputClassName:"p-orderlist-filter-input p-inputtext p-component",onChange:e.onFilter,onKeyDown:y},filterOptions:c,iconClassName:"p-orderlist-filter-icon pi pi-search",element:t,props:e});return o.createElement("div",{className:"p-orderlist-filter-container"},t)}return null}(),I=(t=e.value?e.value.map((function(t,a){var u=e.itemTemplate?e.itemTemplate(t):t,c=n.classNames("p-orderlist-item",{"p-highlight":s(t)},e.className),d=JSON.stringify(t);if(e.dragdrop){var f=[h(a,d+"_droppoint"),o.createElement("li",{key:d,className:c,onClick:function(r){return e.onItemClick({originalEvent:r,value:t,index:a})},onKeyDown:function(r){return e.onItemKeyDown({originalEvent:r,value:t,index:a})},role:"option","aria-selected":s(t),draggable:"true",onDragStart:function(t){return n=t,i=a,r.current=!0,l.current=i,void(e.dragdropScope&&n.dataTransfer.setData("text","orderlist"));var n,i},onDragEnd:v,tabIndex:e.tabIndex},u,o.createElement(i.Ripple,null))];return a===e.value.length-1&&f.push(h(t,a)),f}return o.createElement("li",{key:d,className:c,role:"option","aria-selected":s(t),onClick:function(r){return e.onItemClick({originalEvent:r,value:t,index:a})},onKeyDown:function(r){return e.onItemKeyDown({originalEvent:r,value:t,index:a})},tabIndex:e.tabIndex},u)})):null,o.createElement("ul",{ref:u,className:"p-orderlist-list",style:e.listStyle,onDragOver:g,role:"listbox","aria-multiselectable":!0},t));return o.createElement("div",{className:"p-orderlist-list-container"},b,E,I)}));E.displayName="OrderListSubList";var I=o.memo(o.forwardRef((function(e,l){var i=h(o.useState([]),2),a=i[0],c=i[1],s=h(o.useState(""),2),d=s[0],f=s[1],p=n.ObjectUtils.isNotEmpty(d),v=o.useRef(null),g=o.useRef(null),y=function(t){var r,l=t.originalEvent.metaKey||t.originalEvent.ctrlKey,i=n.ObjectUtils.findIndexInList(t.value,a,e.dataKey);r=-1!==i?l?a.filter((function(e,t){return t!==i})):[t.value]:l?[].concat(m(a),[t.value]):[t.value],c(r)},C=function e(t){var r=t.nextElementSibling;return r?n.DomHandler.hasClass(r,"p-orderlist-item")?r:e(r):null},D=function e(t){var r=t.previousElementSibling;return r?n.DomHandler.hasClass(r,"p-orderlist-item")?r:e(r):null},O=function(){var e=n.DomHandler.findSingle(v.current,".p-orderlist-list"),t=n.DomHandler.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(g.current){case"up":n.DomHandler.scrollInView(e,t[0]);break;case"top":e.scrollTop=0;break;case"down":n.DomHandler.scrollInView(e,t[t.length-1]);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}};o.useImperativeHandle(l,(function(){return{props:e,getElement:function(){return v.current}}})),t.useUpdateEffect((function(){g.current&&(O(),g.current=null)}));var w=n.ObjectUtils.findDiffKeys(e,I.defaultProps),x=n.classNames("p-orderlist p-component",e.className),N=function(){if(p){var t=d.trim().toLocaleLowerCase(e.filterLocale),n=e.filterBy?e.filterBy.split(","):[];return r.FilterService.filter(e.value,n,t,e.filterMatchMode,e.filterLocale)}return e.value}();return o.createElement("div",u({ref:v,id:e.id,className:x,style:e.style},w),o.createElement(b,{value:N,selection:a,onReorder:function(t){e.onChange&&e.onChange({event:t.originalEvent,value:t.value}),g.current=t.direction},dataKey:e.dataKey}),o.createElement(E,{value:N,selection:a,onItemClick:y,onItemKeyDown:function(e){var t=e.originalEvent,r=t.currentTarget;switch(t.which){case 40:var n=C(r);n&&n.focus(),t.preventDefault();break;case 38:var l=D(r);l&&l.focus(),t.preventDefault();break;case 13:y(e),t.preventDefault()}},onFilterInputChange:function(t){var r=t.target.value;f(r),e.onFilter&&e.onFilter({originalEvent:t,filter:r})},itemTemplate:e.itemTemplate,filter:e.filter,onFilter:function(t){var r=t.target.value;f(r),e.onFilter&&e.onFilter({originalEvent:t,value:r})},resetFilter:function(){f(""),e.onFilter&&e.onFilter({filter:""})},filterTemplate:e.filterTemplate,header:e.header,listStyle:e.listStyle,dataKey:e.dataKey,dragdrop:e.dragdrop,onChange:e.onChange,tabIndex:e.tabIndex}))})));I.displayName="OrderList",I.defaultProps={__TYPE:"OrderList",id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,dataKey:null,onChange:null,itemTemplate:null,filter:!1,filterBy:null,filterMatchMode:"contains",filterLocale:void 0,filterPlaceholder:null,filterTemplate:null,onFilter:null},exports.OrderList=I;

package/orderlist/orderlist.d.ts

@@ -1,23 +1,34 @@
 import * as React from 'react';
 
+type OrderListFilterTemplateType = React.ReactNode | ((options: OrderListFilterOptions) => React.ReactNode);
+
 interface OrderListChangeParams {
     originalEvent: React.SyntheticEvent;
     value: any;
 }
 
-export interface OrderListProps {
-    id?: string;
+interface OrderListFilterOptions {
+    filter?: (event?: KeyboardEvent) => void;
+    reset?: () => void;
+}
+
+export interface OrderListProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref'> {
     value?: any[];
     header?: React.ReactNode;
-    style?: object;
-    className?: string;
     listStyle?: object;
     dragdrop?: boolean;
-    tabIndex?: number;
     dataKey?: string;
+    filter?: boolean;
+    filterBy?: string;
+    filterMatchMode?: string;
+    filterPlaceholder?: string;
+    filterLocale?: string;
+    filterTemplate?: OrderListFilterTemplateType;
     onChange?(e: OrderListChangeParams): void;
     itemTemplate?(item: any): React.ReactNode;
     children?: React.ReactNode;
 }
 
-export declare class OrderList extends React.Component<OrderListProps, any> { }
+export declare class OrderList extends React.Component<OrderListProps, any> {
+    public getElement(): HTMLDivElement;
+}