primereact 9.0.0-beta.1 → 9.0.0-rc.1

package/multiselect/multiselect.min.js

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

@@ -2,5 +2,6 @@
     "main": "./multiselect.cjs.js",
     "module": "./multiselect.esm.js",
     "unpkg": "./multiselect.min.js",
-    "types": "./multiselect.d.ts"
+    "types": "./multiselect.d.ts",
+    "sideEffects": false
 }

package/multistatecheckbox/multistatecheckbox.cjs.js

@@ -102,9 +102,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -120,9 +118,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -143,7 +139,38 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var MultiStateCheckboxBase = {
+  defaultProps: {
+    __TYPE: 'MultiStateCheckbox',
+    id: null,
+    value: null,
+    options: null,
+    optionValue: null,
+    optionLabel: null,
+    optionIcon: null,
+    iconTemplate: null,
+    dataKey: null,
+    style: null,
+    className: null,
+    disabled: false,
+    readOnly: false,
+    empty: true,
+    tabIndex: '0',
+    tooltip: null,
+    tooltipOptions: null,
+    onChange: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, MultiStateCheckboxBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, MultiStateCheckboxBase.defaultProps);
+  }
+};
+
+var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = MultiStateCheckboxBase.getProps(inProps);
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
@@ -158,6 +185,9 @@ var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
   var getOptionValue = function getOptionValue(option) {
     return props.optionValue ? utils.ObjectUtils.resolveFieldData(option, props.optionValue) : option;
   };
+  var getOptionIcon = function getOptionIcon(option) {
+    return utils.ObjectUtils.resolveFieldData(option, props.optionIcon || 'icon');
+  };
   var getOptionAriaLabel = function getOptionAriaLabel(option) {
     var ariaField = props.optionLabel || props.optionValue;
     return ariaField ? utils.ObjectUtils.resolveFieldData(option, ariaField) : option;
@@ -226,7 +256,7 @@ var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
     }
   });
   var createIcon = function createIcon() {
-    var icon = selectedOption && selectedOption.icon || '';
+    var icon = selectedOption && getOptionIcon(selectedOption) || '';
     var className = utils.classNames('p-checkbox-icon p-c', _defineProperty({}, "".concat(icon), true));
     var content = /*#__PURE__*/React__namespace.createElement("span", {
       className: className
@@ -246,7 +276,7 @@ var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
     selectedOption = _getSelectedOptionMap.option,
     selectedOptionIndex = _getSelectedOptionMap.index;
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = utils.ObjectUtils.findDiffKeys(props, MultiStateCheckbox.defaultProps);
+  var otherProps = MultiStateCheckboxBase.getOtherProps(props);
   var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
   var className = utils.classNames('p-multistatecheckbox p-checkbox p-component', props.className, {
     'p-checkbox-disabled': props.disabled
@@ -284,24 +314,5 @@ var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
   }, props.tooltipOptions)));
 }));
 MultiStateCheckbox.displayName = 'MultiStateCheckbox';
-MultiStateCheckbox.defaultProps = {
-  __TYPE: 'MultiStateCheckbox',
-  id: null,
-  value: null,
-  options: null,
-  optionValue: null,
-  optionLabel: null,
-  iconTemplate: null,
-  dataKey: null,
-  style: null,
-  className: null,
-  disabled: false,
-  readOnly: false,
-  empty: true,
-  tabIndex: '0',
-  tooltip: null,
-  tooltipOptions: null,
-  onChange: null
-};
 
 exports.MultiStateCheckbox = MultiStateCheckbox;

package/multistatecheckbox/multistatecheckbox.cjs.min.js

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

package/multistatecheckbox/multistatecheckbox.d.ts

@@ -123,6 +123,10 @@ export interface MultiStateCheckboxProps extends Omit<React.DetailedHTMLProps<Re
      * Property name to refer to the option label, used by screen readers only. Defaults to optionValue.
      */
     optionLabel?: string | undefined;
+    /**
+     * Property name to use as the icon of an option, defaults to the icon property.
+     */
+    optionIcon?: string | undefined;
     /**
      * Template of icon for the selected option.
      */
@@ -173,7 +177,7 @@ export interface MultiStateCheckboxProps extends Omit<React.DetailedHTMLProps<Re
  *
  * [Live Demo](https://www.primefaces.org/primereact/multistatecheckbox/)
  * --- ---
- * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *
  * @group Component
  */

package/multistatecheckbox/multistatecheckbox.esm.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ariaLabel } from 'primereact/api';
 import { useMountEffect } from 'primereact/hooks';
 import { Tooltip } from 'primereact/tooltip';
-import { DomHandler, ObjectUtils, classNames } from 'primereact/utils';
+import { ObjectUtils, DomHandler, classNames } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -78,9 +78,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -96,9 +94,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -119,7 +115,38 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var MultiStateCheckboxBase = {
+  defaultProps: {
+    __TYPE: 'MultiStateCheckbox',
+    id: null,
+    value: null,
+    options: null,
+    optionValue: null,
+    optionLabel: null,
+    optionIcon: null,
+    iconTemplate: null,
+    dataKey: null,
+    style: null,
+    className: null,
+    disabled: false,
+    readOnly: false,
+    empty: true,
+    tabIndex: '0',
+    tooltip: null,
+    tooltipOptions: null,
+    onChange: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, MultiStateCheckboxBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, MultiStateCheckboxBase.defaultProps);
+  }
+};
+
+var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = MultiStateCheckboxBase.getProps(inProps);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
@@ -134,6 +161,9 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
   var getOptionValue = function getOptionValue(option) {
     return props.optionValue ? ObjectUtils.resolveFieldData(option, props.optionValue) : option;
   };
+  var getOptionIcon = function getOptionIcon(option) {
+    return ObjectUtils.resolveFieldData(option, props.optionIcon || 'icon');
+  };
   var getOptionAriaLabel = function getOptionAriaLabel(option) {
     var ariaField = props.optionLabel || props.optionValue;
     return ariaField ? ObjectUtils.resolveFieldData(option, ariaField) : option;
@@ -202,7 +232,7 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
     }
   });
   var createIcon = function createIcon() {
-    var icon = selectedOption && selectedOption.icon || '';
+    var icon = selectedOption && getOptionIcon(selectedOption) || '';
     var className = classNames('p-checkbox-icon p-c', _defineProperty({}, "".concat(icon), true));
     var content = /*#__PURE__*/React.createElement("span", {
       className: className
@@ -222,7 +252,7 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
     selectedOption = _getSelectedOptionMap.option,
     selectedOptionIndex = _getSelectedOptionMap.index;
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = ObjectUtils.findDiffKeys(props, MultiStateCheckbox.defaultProps);
+  var otherProps = MultiStateCheckboxBase.getOtherProps(props);
   var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-multistatecheckbox p-checkbox p-component', props.className, {
     'p-checkbox-disabled': props.disabled
@@ -260,24 +290,5 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
   }, props.tooltipOptions)));
 }));
 MultiStateCheckbox.displayName = 'MultiStateCheckbox';
-MultiStateCheckbox.defaultProps = {
-  __TYPE: 'MultiStateCheckbox',
-  id: null,
-  value: null,
-  options: null,
-  optionValue: null,
-  optionLabel: null,
-  iconTemplate: null,
-  dataKey: null,
-  style: null,
-  className: null,
-  disabled: false,
-  readOnly: false,
-  empty: true,
-  tabIndex: '0',
-  tooltip: null,
-  tooltipOptions: null,
-  onChange: null
-};
 
 export { MultiStateCheckbox };

package/multistatecheckbox/multistatecheckbox.esm.min.js

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

package/multistatecheckbox/multistatecheckbox.js

@@ -96,9 +96,7 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -114,9 +112,7 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) {
-      arr2[i] = arr[i];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -137,7 +133,38 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var MultiStateCheckboxBase = {
+    defaultProps: {
+      __TYPE: 'MultiStateCheckbox',
+      id: null,
+      value: null,
+      options: null,
+      optionValue: null,
+      optionLabel: null,
+      optionIcon: null,
+      iconTemplate: null,
+      dataKey: null,
+      style: null,
+      className: null,
+      disabled: false,
+      readOnly: false,
+      empty: true,
+      tabIndex: '0',
+      tooltip: null,
+      tooltipOptions: null,
+      onChange: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, MultiStateCheckboxBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, MultiStateCheckboxBase.defaultProps);
+    }
+  };
+
+  var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = MultiStateCheckboxBase.getProps(inProps);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       focusedState = _React$useState2[0],
@@ -152,6 +179,9 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
     var getOptionValue = function getOptionValue(option) {
       return props.optionValue ? utils.ObjectUtils.resolveFieldData(option, props.optionValue) : option;
     };
+    var getOptionIcon = function getOptionIcon(option) {
+      return utils.ObjectUtils.resolveFieldData(option, props.optionIcon || 'icon');
+    };
     var getOptionAriaLabel = function getOptionAriaLabel(option) {
       var ariaField = props.optionLabel || props.optionValue;
       return ariaField ? utils.ObjectUtils.resolveFieldData(option, ariaField) : option;
@@ -220,7 +250,7 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
       }
     });
     var createIcon = function createIcon() {
-      var icon = selectedOption && selectedOption.icon || '';
+      var icon = selectedOption && getOptionIcon(selectedOption) || '';
       var className = utils.classNames('p-checkbox-icon p-c', _defineProperty({}, "".concat(icon), true));
       var content = /*#__PURE__*/React__namespace.createElement("span", {
         className: className
@@ -240,7 +270,7 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
       selectedOption = _getSelectedOptionMap.option,
       selectedOptionIndex = _getSelectedOptionMap.index;
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, MultiStateCheckbox.defaultProps);
+    var otherProps = MultiStateCheckboxBase.getOtherProps(props);
     var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
     var className = utils.classNames('p-multistatecheckbox p-checkbox p-component', props.className, {
       'p-checkbox-disabled': props.disabled
@@ -278,25 +308,6 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
     }, props.tooltipOptions)));
   }));
   MultiStateCheckbox.displayName = 'MultiStateCheckbox';
-  MultiStateCheckbox.defaultProps = {
-    __TYPE: 'MultiStateCheckbox',
-    id: null,
-    value: null,
-    options: null,
-    optionValue: null,
-    optionLabel: null,
-    iconTemplate: null,
-    dataKey: null,
-    style: null,
-    className: null,
-    disabled: false,
-    readOnly: false,
-    empty: true,
-    tabIndex: '0',
-    tooltip: null,
-    tooltipOptions: null,
-    onChange: null
-  };
 
   exports.MultiStateCheckbox = MultiStateCheckbox;
 

package/multistatecheckbox/multistatecheckbox.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.multistatecheckbox=function(e,t,n,r,o,l){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=i(t);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function s(e,t){if("object"!==c(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==c(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=s(e,"string");return"symbol"===c(t)?t:String(t)}function f(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}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.")}var v=a.memo(a.forwardRef((function(e,t){var i,c,s=a.useState(!1),b=(c=2,f(i=s)||m(i,c)||d(i,c)||y()),h=b[0],g=b[1],O=a.useRef(null),j=e.optionValue?null:e.dataKey,S=function(t){return e.optionValue?l.ObjectUtils.resolveFieldData(t,e.optionValue):t},x=function(t){if(e.onChange){var n=S(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}})}};a.useImperativeHandle(t,(function(){return{props:e,focus:function(){return l.DomHandler.focusFirstElement(O.current)},getElement:function(){return O.current}}})),r.useMountEffect((function(){e.empty||null!==e.value||x()}));var E,k,N=(e.options&&(k=e.options.findIndex((function(t){return l.ObjectUtils.equals(e.value,S(t),j)})),E=e.options[k]),{option:E,index:k}),P=N.option,w=N.index,C=l.ObjectUtils.isNotEmpty(e.tooltip),D=l.ObjectUtils.findDiffKeys(e,v.defaultProps),I=l.ObjectUtils.reduceKeys(D,l.DomHandler.ARIA_PROPS),A=l.classNames("p-multistatecheckbox p-checkbox p-component",e.className,{"p-checkbox-disabled":e.disabled}),U=l.classNames("p-checkbox-box",{"p-highlight":!!P,"p-disabled":e.disabled,"p-focus":h},P&&P.className),M=function(){var t,n,r,o=l.classNames("p-checkbox-icon p-c",(t={},n="".concat(P&&P.icon||""),r=!0,(n=p(n))in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t)),i=a.createElement("span",{className:o});return e.iconTemplate?l.ObjectUtils.getJSXElement(e.iconTemplate,{option:P,className:o,element:i,props:e}):i}(),T=P?function(t){var n=e.optionLabel||e.optionValue;return n?l.ObjectUtils.resolveFieldData(t,n):t}(P):n.ariaLabel("nullLabel"),_=P?"true":"false";return a.createElement(a.Fragment,null,a.createElement("div",u({ref:O,id:e.id,className:A,style:e.style},D,{onClick:function(t){e.disabled||e.readOnly||x(t)}}),a.createElement("div",u({className:U,style:P&&P.style,tabIndex:e.tabIndex,onFocus:function(){g(!0)},onBlur:function(){g(!1)},onKeyDown:function(e){32===e.keyCode&&(x(e),e.preventDefault())},role:"checkbox","aria-checked":_},I),M),h&&a.createElement("span",{className:"p-sr-only","aria-live":"polite"},T)),C&&a.createElement(o.Tooltip,u({target:O,content:e.tooltip},e.tooltipOptions)))})));return v.displayName="MultiStateCheckbox",v.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",tooltip:null,tooltipOptions:null,onChange:null},e.MultiStateCheckbox=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.multistatecheckbox=function(e,t,n,r,o,l){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=i(t);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function s(e,t){if("object"!==c(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==c(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=s(e,"string");return"symbol"===c(t)?t:String(t)}function f(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}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.")}var v={defaultProps:{__TYPE:"MultiStateCheckbox",id:null,value:null,options:null,optionValue:null,optionLabel:null,optionIcon:null,iconTemplate:null,dataKey:null,style:null,className:null,disabled:!1,readOnly:!1,empty:!0,tabIndex:"0",tooltip:null,tooltipOptions:null,onChange:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,v.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,v.defaultProps)}},h=a.memo(a.forwardRef((function(e,t){var i,c,s=v.getProps(e),b=a.useState(!1),h=(c=2,f(i=b)||m(i,c)||d(i,c)||y()),g=h[0],O=h[1],j=a.useRef(null),P=s.optionValue?null:s.dataKey,S=function(e){return s.optionValue?l.ObjectUtils.resolveFieldData(e,s.optionValue):e},x=function(e){if(s.onChange){var t=S(s.options?I===s.options.length-1?s.empty?null:s.options[0]:s.options[I+1]:null);s.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:s.name,id:s.id,value:t}})}};a.useImperativeHandle(t,(function(){return{props:s,focus:function(){return l.DomHandler.focusFirstElement(j.current)},getElement:function(){return j.current}}})),r.useMountEffect((function(){s.empty||null!==s.value||x()}));var E,k,N=(s.options&&(k=s.options.findIndex((function(e){return l.ObjectUtils.equals(s.value,S(e),P)})),E=s.options[k]),{option:E,index:k}),w=N.option,I=N.index,D=l.ObjectUtils.isNotEmpty(s.tooltip),U=v.getOtherProps(s),C=l.ObjectUtils.reduceKeys(U,l.DomHandler.ARIA_PROPS),A=l.classNames("p-multistatecheckbox p-checkbox p-component",s.className,{"p-checkbox-disabled":s.disabled}),M=l.classNames("p-checkbox-box",{"p-highlight":!!w,"p-disabled":s.disabled,"p-focus":g},w&&w.className),T=function(){var e,t,n,r=w&&l.ObjectUtils.resolveFieldData(w,s.optionIcon||"icon")||"",o=l.classNames("p-checkbox-icon p-c",(e={},t="".concat(r),n=!0,(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e)),i=a.createElement("span",{className:o});return s.iconTemplate?l.ObjectUtils.getJSXElement(s.iconTemplate,{option:w,className:o,element:i,props:s}):i}(),_=w?function(e){var t=s.optionLabel||s.optionValue;return t?l.ObjectUtils.resolveFieldData(e,t):e}(w):n.ariaLabel("nullLabel"),F=w?"true":"false";return a.createElement(a.Fragment,null,a.createElement("div",u({ref:j,id:s.id,className:A,style:s.style},U,{onClick:function(e){s.disabled||s.readOnly||x(e)}}),a.createElement("div",u({className:M,style:w&&w.style,tabIndex:s.tabIndex,onFocus:function(){O(!0)},onBlur:function(){O(!1)},onKeyDown:function(e){32===e.keyCode&&(x(e),e.preventDefault())},role:"checkbox","aria-checked":F},C),T),g&&a.createElement("span",{className:"p-sr-only","aria-live":"polite"},_)),D&&a.createElement(o.Tooltip,u({target:j,content:s.tooltip},s.tooltipOptions)))})));return h.displayName="MultiStateCheckbox",e.MultiStateCheckbox=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.tooltip,primereact.utils);

package/multistatecheckbox/package.json

@@ -2,5 +2,6 @@
     "main": "./multistatecheckbox.cjs.js",
     "module": "./multistatecheckbox.esm.js",
     "unpkg": "./multistatecheckbox.min.js",
-    "types": "./multistatecheckbox.d.ts"
+    "types": "./multistatecheckbox.d.ts",
+    "sideEffects": false
 }