primereact 9.5.0 → 9.6.0

package/multiselect/multiselect.min.js

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

package/multistatecheckbox/multistatecheckbox.cjs.js

@@ -7,6 +7,7 @@ var api = require('primereact/api');
 var hooks = require('primereact/hooks');
 var tooltip = require('primereact/tooltip');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -139,7 +140,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var MultiStateCheckboxBase = {
+var MultiStateCheckboxBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'MultiStateCheckbox',
     autoFocus: false,
@@ -161,23 +162,27 @@ var MultiStateCheckboxBase = {
     tooltipOptions: null,
     value: 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);
   }
-};
+});
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = MultiStateCheckboxBase.getProps(inProps);
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = MultiStateCheckboxBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
   var elementRef = React__namespace.useRef(null);
   var equalityKey = props.optionValue ? null : props.dataKey;
+  var _MultiStateCheckboxBa = MultiStateCheckboxBase.setMetaData({
+      props: props,
+      state: {
+        focused: focusedState
+      }
+    }),
+    ptm = _MultiStateCheckboxBa.ptm;
   var onClick = function onClick(event) {
     if (!props.disabled && !props.readOnly) {
       toggle(event);
@@ -266,9 +271,10 @@ var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
   var createIcon = function createIcon() {
     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", {
+    var iconProps = utils.mergeProps({
       className: className
-    });
+    }, ptm('icon'));
+    var content = /*#__PURE__*/React__namespace.createElement("span", iconProps);
     if (props.iconTemplate) {
       var defaultOptions = {
         option: selectedOption,
@@ -297,29 +303,33 @@ var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
   var icon = createIcon();
   var ariaValueLabel = !!selectedOption ? getOptionAriaLabel(selectedOption) : api.ariaLabel('nullLabel');
   var ariaChecked = !!selectedOption ? 'true' : 'false';
-  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
+  var rootProps = utils.mergeProps({
     ref: elementRef,
     id: props.id,
     className: className,
-    style: props.style
-  }, otherProps, {
+    style: props.style,
     onClick: onClick
-  }), /*#__PURE__*/React__namespace.createElement("div", _extends({
+  }, MultiStateCheckboxBase.getOtherProps(props), ptm('root'));
+  var srOnlyAriaProps = utils.mergeProps({
+    className: 'p-sr-only',
+    'aria-live': 'polite'
+  }, ptm('srOnlyAria'));
+  var checkboxProps = utils.mergeProps(_objectSpread({
     className: boxClassName,
     style: selectedOption && selectedOption.style,
     tabIndex: props.tabIndex,
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyDown: onKeyDown,
-    role: "checkbox",
-    "aria-checked": ariaChecked
-  }, ariaProps), icon), focusedState && /*#__PURE__*/React__namespace.createElement("span", {
-    className: "p-sr-only",
-    "aria-live": "polite"
-  }, ariaValueLabel)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+    role: 'checkbox',
+    'aria-checked': ariaChecked
+  }, ariaProps), ptm('checkbox'));
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", checkboxProps, icon), focusedState && /*#__PURE__*/React__namespace.createElement("span", srOnlyAriaProps, ariaValueLabel)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
-  }, props.tooltipOptions)));
+  }, props.tooltipOptions, {
+    pt: ptm('tooltip')
+  })));
 }));
 MultiStateCheckbox.displayName = '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={defaultProps:{__TYPE:"MultiStateCheckbox",autoFocus:!1,className:null,dataKey:null,disabled:!1,empty:!0,iconTemplate:null,id:null,onChange:null,optionIcon:null,optionLabel:null,optionValue:null,options:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,value: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,m=y.getProps(e),v=i.useState(!1),g=(c=2,p(u=v)||f(u,c)||b(u,c)||d()),h=g[0],O=g[1],j=i.useRef(null),P=m.optionValue?null:m.dataKey,x=function(e){return m.optionValue?o.ObjectUtils.resolveFieldData(e,m.optionValue):e},S=function(e){if(m.onChange){var t=x(m.options?w===m.options.length-1?m.empty?null:m.options[0]:m.options[w+1]:null);m.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:m.name,id:m.id,value:t}})}};i.useImperativeHandle(l,(function(){return{props:m,focus:function(){return o.DomHandler.focusFirstElement(j.current)},getElement:function(){return j.current}}})),n.useMountEffect((function(){m.empty||null!==m.value||S(),m.autoFocus&&o.DomHandler.focusFirstElement(j.current)}));var E,k,N=(m.options&&(k=m.options.findIndex((function(e){return o.ObjectUtils.equals(m.value,x(e),P)})),E=m.options[k]),{option:E,index:k}),D=N.option,w=N.index,I=o.ObjectUtils.isNotEmpty(m.tooltip),U=y.getOtherProps(m),C=o.ObjectUtils.reduceKeys(U,o.DomHandler.ARIA_PROPS),F=o.classNames("p-multistatecheckbox p-checkbox p-component",m.className,{"p-checkbox-disabled":m.disabled}),A=o.classNames("p-checkbox-box",{"p-highlight":!!D,"p-disabled":m.disabled,"p-focus":h},D&&D.className),M=function(){var e,t,n,r=D&&o.ObjectUtils.resolveFieldData(D,m.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 m.iconTemplate?o.ObjectUtils.getJSXElement(m.iconTemplate,{option:D,className:l,element:a,props:m}):a}(),T=D?function(e){var t=m.optionLabel||m.optionValue;return t?o.ObjectUtils.resolveFieldData(e,t):e}(D):t.ariaLabel("nullLabel"),_=D?"true":"false";return i.createElement(i.Fragment,null,i.createElement("div",a({ref:j,id:m.id,className:F,style:m.style},U,{onClick:function(e){m.disabled||m.readOnly||S(e)}}),i.createElement("div",a({className:A,style:D&&D.style,tabIndex:m.tabIndex,onFocus:function(){O(!0)},onBlur:function(){O(!1)},onKeyDown:function(e){32===e.keyCode&&(S(e),e.preventDefault())},role:"checkbox","aria-checked":_},C),M),h&&i.createElement("span",{className:"p-sr-only","aria-live":"polite"},T)),I&&i.createElement(r.Tooltip,a({target:j,content:m.tooltip},m.tooltipOptions)))})));v.displayName="MultiStateCheckbox",exports.MultiStateCheckbox=v;
+"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"),l=require("primereact/componentbase");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(e);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,t,n){return(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(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 y(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 y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function v(){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 O=l.ComponentBase.extend({defaultProps:{__TYPE:"MultiStateCheckbox",autoFocus:!1,className:null,dataKey:null,disabled:!1,empty:!0,iconTemplate:null,id:null,onChange:null,optionIcon:null,optionLabel:null,optionValue:null,options:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,value:null,children:void 0}});function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=a.memo(a.forwardRef((function(e,l){var i,c,s=a.useContext(t.PrimeReactContext),p=O.getProps(e,s),y=a.useState(!1),g=(c=2,b(i=y)||m(i,c)||d(i,c)||v()),j=g[0],P=g[1],x=a.useRef(null),S=p.optionValue?null:p.dataKey,E=O.setMetaData({props:p,state:{focused:j}}).ptm,w=function(e){return p.optionValue?o.ObjectUtils.resolveFieldData(e,p.optionValue):e},k=function(e){if(p.onChange){var t=w(p.options?A===p.options.length-1?p.empty?null:p.options[0]:p.options[A+1]:null);p.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:p.name,id:p.id,value:t}})}};a.useImperativeHandle(l,(function(){return{props:p,focus:function(){return o.DomHandler.focusFirstElement(x.current)},getElement:function(){return x.current}}})),n.useMountEffect((function(){p.empty||null!==p.value||k(),p.autoFocus&&o.DomHandler.focusFirstElement(x.current)}));var D,N,C=(p.options&&(N=p.options.findIndex((function(e){return o.ObjectUtils.equals(p.value,w(e),S)})),D=p.options[N]),{option:D,index:N}),I=C.option,A=C.index,F=o.ObjectUtils.isNotEmpty(p.tooltip),M=O.getOtherProps(p),U=o.ObjectUtils.reduceKeys(M,o.DomHandler.ARIA_PROPS),q=o.classNames("p-multistatecheckbox p-checkbox p-component",p.className,{"p-checkbox-disabled":p.disabled}),T=o.classNames("p-checkbox-box",{"p-highlight":!!I,"p-disabled":p.disabled,"p-focus":j},I&&I.className),_=function(){var e=I&&o.ObjectUtils.resolveFieldData(I,p.optionIcon||"icon")||"",t=o.classNames("p-checkbox-icon p-c",f({},"".concat(e),!0)),n=o.mergeProps({className:t},E("icon")),r=a.createElement("span",n);return p.iconTemplate?o.ObjectUtils.getJSXElement(p.iconTemplate,{option:I,className:t,element:r,props:p}):r}(),R=I?function(e){var t=p.optionLabel||p.optionValue;return t?o.ObjectUtils.resolveFieldData(e,t):e}(I):t.ariaLabel("nullLabel"),V=I?"true":"false",H=o.mergeProps({ref:x,id:p.id,className:q,style:p.style,onClick:function(e){p.disabled||p.readOnly||k(e)}},O.getOtherProps(p),E("root")),K=o.mergeProps({className:"p-sr-only","aria-live":"polite"},E("srOnlyAria")),L=o.mergeProps(h({className:T,style:I&&I.style,tabIndex:p.tabIndex,onFocus:function(){P(!0)},onBlur:function(){P(!1)},onKeyDown:function(e){32===e.keyCode&&(k(e),e.preventDefault())},role:"checkbox","aria-checked":V},U),E("checkbox"));return a.createElement(a.Fragment,null,a.createElement("div",H,a.createElement("div",L,_),j&&a.createElement("span",K,R)),F&&a.createElement(r.Tooltip,u({target:x,content:p.tooltip},p.tooltipOptions,{pt:E("tooltip")})))})));j.displayName="MultiStateCheckbox",exports.MultiStateCheckbox=j;

package/multistatecheckbox/multistatecheckbox.d.ts

@@ -8,8 +8,57 @@
  *
  */
 import * as React from 'react';
+import { TooltipPassThroughOptions } from '../tooltip/tooltip';
 import { TooltipOptions } from '../tooltip/tooltipoptions';
-import { IconType } from '../utils';
+import { IconType, PassThroughType } from '../utils';
+
+export declare type MultiStateCheckboxPassThroughType<T> = PassThroughType<T, MultiStateCheckboxPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface MultiStateCheckboxPassThroughMethodOptions {
+    props: MultiStateCheckboxProps;
+    state: MultiStateCheckboxState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link MultiStateCheckboxProps.pt}
+ */
+export interface MultiStateCheckboxPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: MultiStateCheckboxPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the checkbox box's DOM element.
+     */
+    checkbox?: MultiStateCheckboxPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes tooltip's DOM element.
+     * @type {TooltipPassThroughOptions}
+     */
+    tooltip?: TooltipPassThroughOptions;
+    /**
+     * Uses to pass attributes to the icon's DOM element.
+     */
+    icon?: MultiStateCheckboxPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the sr only aria's DOM element.
+     */
+    srOnlyAria?: MultiStateCheckboxPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+}
+
+/**
+ * Defines current inline state in MultiStateCheckbox component.
+ */
+export interface MultiStateCheckboxState {
+    /**
+     * Focused state as a boolean.
+     */
+    focused: boolean;
+}
 
 /**
  * Custom MultiStateCheckbox option.
@@ -105,7 +154,7 @@ interface MultiStateCheckboxChangeEvent {
  * Defines valid properties in MultiStateCheckbox component. In addition to these, all properties of HTMLDivElement can be used in this component.
  * @group Properties
  */
-export interface MultiStateCheckboxProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref'> {
+export interface MultiStateCheckboxProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref' | 'pt'> {
     /**
      * When present, it specifies that the component should automatically get focus on load.
      * @defaultValue false
@@ -172,6 +221,11 @@ export interface MultiStateCheckboxProps extends Omit<React.DetailedHTMLProps<Re
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {MultiStateCheckboxPassThroughOptions}
+     */
+    pt?: MultiStateCheckboxPassThroughOptions;
 }
 
 /**

package/multistatecheckbox/multistatecheckbox.esm.js

@@ -1,8 +1,9 @@
 import * as React from 'react';
-import { ariaLabel } from 'primereact/api';
+import { PrimeReactContext, ariaLabel } from 'primereact/api';
 import { useMountEffect } from 'primereact/hooks';
 import { Tooltip } from 'primereact/tooltip';
-import { ObjectUtils, DomHandler, classNames } from 'primereact/utils';
+import { DomHandler, ObjectUtils, classNames, mergeProps } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -115,7 +116,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var MultiStateCheckboxBase = {
+var MultiStateCheckboxBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'MultiStateCheckbox',
     autoFocus: false,
@@ -137,23 +138,27 @@ var MultiStateCheckboxBase = {
     tooltipOptions: null,
     value: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, MultiStateCheckboxBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, MultiStateCheckboxBase.defaultProps);
   }
-};
+});
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = MultiStateCheckboxBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = MultiStateCheckboxBase.getProps(inProps, context);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
   var elementRef = React.useRef(null);
   var equalityKey = props.optionValue ? null : props.dataKey;
+  var _MultiStateCheckboxBa = MultiStateCheckboxBase.setMetaData({
+      props: props,
+      state: {
+        focused: focusedState
+      }
+    }),
+    ptm = _MultiStateCheckboxBa.ptm;
   var onClick = function onClick(event) {
     if (!props.disabled && !props.readOnly) {
       toggle(event);
@@ -242,9 +247,10 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
   var createIcon = function createIcon() {
     var icon = selectedOption && getOptionIcon(selectedOption) || '';
     var className = classNames('p-checkbox-icon p-c', _defineProperty({}, "".concat(icon), true));
-    var content = /*#__PURE__*/React.createElement("span", {
+    var iconProps = mergeProps({
       className: className
-    });
+    }, ptm('icon'));
+    var content = /*#__PURE__*/React.createElement("span", iconProps);
     if (props.iconTemplate) {
       var defaultOptions = {
         option: selectedOption,
@@ -273,29 +279,33 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
   var icon = createIcon();
   var ariaValueLabel = !!selectedOption ? getOptionAriaLabel(selectedOption) : ariaLabel('nullLabel');
   var ariaChecked = !!selectedOption ? 'true' : 'false';
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
+  var rootProps = mergeProps({
     ref: elementRef,
     id: props.id,
     className: className,
-    style: props.style
-  }, otherProps, {
+    style: props.style,
     onClick: onClick
-  }), /*#__PURE__*/React.createElement("div", _extends({
+  }, MultiStateCheckboxBase.getOtherProps(props), ptm('root'));
+  var srOnlyAriaProps = mergeProps({
+    className: 'p-sr-only',
+    'aria-live': 'polite'
+  }, ptm('srOnlyAria'));
+  var checkboxProps = mergeProps(_objectSpread({
     className: boxClassName,
     style: selectedOption && selectedOption.style,
     tabIndex: props.tabIndex,
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyDown: onKeyDown,
-    role: "checkbox",
-    "aria-checked": ariaChecked
-  }, ariaProps), icon), focusedState && /*#__PURE__*/React.createElement("span", {
-    className: "p-sr-only",
-    "aria-live": "polite"
-  }, ariaValueLabel)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+    role: 'checkbox',
+    'aria-checked': ariaChecked
+  }, ariaProps), ptm('checkbox'));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("div", checkboxProps, icon), focusedState && /*#__PURE__*/React.createElement("span", srOnlyAriaProps, ariaValueLabel)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
-  }, props.tooltipOptions)));
+  }, props.tooltipOptions, {
+    pt: ptm('tooltip')
+  })));
 }));
 MultiStateCheckbox.displayName = '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{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",autoFocus:!1,className:null,dataKey:null,disabled:!1,empty:!0,iconTemplate:null,id:null,onChange:null,optionIcon:null,optionLabel:null,optionValue:null,options:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,value: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),P=(v=2,s(m=h)||f(m,v)||d(m,v)||y()),S=P[0],x=P[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?A===g.options.length-1?g.empty?null:g.options[0]:g.options[A+1]:null);g.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},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(),g.autoFocus&&l.focusFirstElement(O.current)}));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}),F=w.option,A=w.index,C=r.isNotEmpty(g.tooltip),D=b.getOtherProps(g),T=r.reduceKeys(D,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":!!F,"p-disabled":g.disabled,"p-focus":S},F&&F.className),M=function(){var t,n,o,l=F&&r.resolveFieldData(F,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:F,className:a,element:u,props:g}):u}(),R=F?function(e){var t=g.optionLabel||g.optionValue;return t?r.resolveFieldData(e,t):e}(F):t("nullLabel"),L=F?"true":"false";return e.createElement(e.Fragment,null,e.createElement("div",a({ref:O,id:g.id,className:V,style:g.style},D,{onClick:function(e){g.disabled||g.readOnly||j(e)}}),e.createElement("div",a({className:K,style:F&&F.style,tabIndex:g.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),M),S&&e.createElement("span",{className:"p-sr-only","aria-live":"polite"},R)),C&&e.createElement(o,a({target:O,content:g.tooltip},g.tooltipOptions)))})));v.displayName="MultiStateCheckbox";export{v as MultiStateCheckbox};
+import*as e from"react";import{PrimeReactContext as t,ariaLabel as n}from"primereact/api";import{useMountEffect as o}from"primereact/hooks";import{Tooltip as r}from"primereact/tooltip";import{DomHandler as l,ObjectUtils as i,classNames as a,mergeProps as u}from"primereact/utils";import{ComponentBase as c}from"primereact/componentbase";function p(){return p=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},p.apply(this,arguments)}function s(e){return s="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},s(e)}function f(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==s(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=f(e,"string");return"symbol"===s(t)?t:String(t)}function b(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(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 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 v(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 g(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):void 0}}function h(){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 O=c.extend({defaultProps:{__TYPE:"MultiStateCheckbox",autoFocus:!1,className:null,dataKey:null,disabled:!1,empty:!0,iconTemplate:null,id:null,onChange:null,optionIcon:null,optionLabel:null,optionValue:null,options:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,value:null,children:void 0}});function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=e.memo(e.forwardRef((function(c,s){var f,m,v=e.useContext(t),j=O.getProps(c,v),x=e.useState(!1),S=(m=2,y(f=x)||d(f,m)||g(f,m)||h()),E=S[0],w=S[1],k=e.useRef(null),D=j.optionValue?null:j.dataKey,I=O.setMetaData({props:j,state:{focused:E}}).ptm,N=function(e){return j.optionValue?i.resolveFieldData(e,j.optionValue):e},A=function(e){if(j.onChange){var t=N(j.options?K===j.options.length-1?j.empty?null:j.options[0]:j.options[K+1]:null);j.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:j.name,id:j.id,value:t}})}};e.useImperativeHandle(s,(function(){return{props:j,focus:function(){return l.focusFirstElement(k.current)},getElement:function(){return k.current}}})),o((function(){j.empty||null!==j.value||A(),j.autoFocus&&l.focusFirstElement(k.current)}));var C,F,T=(j.options&&(F=j.options.findIndex((function(e){return i.equals(j.value,N(e),D)})),C=j.options[F]),{option:C,index:F}),V=T.option,K=T.index,M=i.isNotEmpty(j.tooltip),R=O.getOtherProps(j),L=i.reduceKeys(R,l.ARIA_PROPS),_=a("p-multistatecheckbox p-checkbox p-component",j.className,{"p-checkbox-disabled":j.disabled}),q=a("p-checkbox-box",{"p-highlight":!!V,"p-disabled":j.disabled,"p-focus":E},V&&V.className),B=function(){var t=V&&i.resolveFieldData(V,j.optionIcon||"icon")||"",n=a("p-checkbox-icon p-c",b({},"".concat(t),!0)),o=u({className:n},I("icon")),r=e.createElement("span",o);return j.iconTemplate?i.getJSXElement(j.iconTemplate,{option:V,className:n,element:r,props:j}):r}(),H=V?function(e){var t=j.optionLabel||j.optionValue;return t?i.resolveFieldData(e,t):e}(V):n("nullLabel"),J=V?"true":"false",U=u({ref:k,id:j.id,className:_,style:j.style,onClick:function(e){j.disabled||j.readOnly||A(e)}},O.getOtherProps(j),I("root")),X=u({className:"p-sr-only","aria-live":"polite"},I("srOnlyAria")),Y=u(P({className:q,style:V&&V.style,tabIndex:j.tabIndex,onFocus:function(){w(!0)},onBlur:function(){w(!1)},onKeyDown:function(e){32===e.keyCode&&(A(e),e.preventDefault())},role:"checkbox","aria-checked":J},L),I("checkbox"));return e.createElement(e.Fragment,null,e.createElement("div",U,e.createElement("div",Y,B),E&&e.createElement("span",X,H)),M&&e.createElement(r,p({target:k,content:j.tooltip},j.tooltipOptions,{pt:I("tooltip")})))})));x.displayName="MultiStateCheckbox";export{x as MultiStateCheckbox};