primereact 8.1.1 → 8.2.0

package/multiselect/multiselect.esm.min.js

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

package/multiselect/multiselect.js

@@ -164,7 +164,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
           }
         });
         inputRef.current.checked = !_checked;
-        inputRef.current.focus();
+        utils.DomHandler.focus(inputRef.current);
       }
     };
 
@@ -378,6 +378,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
     var tabIndex = props.disabled ? null : props.tabIndex || 0;
     return /*#__PURE__*/React__namespace.createElement("li", {
       className: className,
+      style: props.style,
       onClick: onClick,
       tabIndex: tabIndex,
       onKeyDown: onKeyDown,
@@ -450,7 +451,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
       return null;
     };
 
-    var createGroupChildren = function createGroupChildren(optionGroup) {
+    var createGroupChildren = function createGroupChildren(optionGroup, style) {
       var groupChildren = props.getOptionGroupChildren(optionGroup);
       return groupChildren.map(function (option, j) {
         var optionLabel = props.getOptionLabel(option);
@@ -462,6 +463,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
           key: optionKey,
           label: optionLabel,
           option: option,
+          style: style,
           template: props.itemTemplate,
           selected: selected,
           onClick: props.onOptionSelect,
@@ -480,14 +482,20 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
     };
 
     var createItem = function createItem(option, index) {
+      var scrollerOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      var style = {
+        height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
+      };
+
       if (props.optionGroupLabel) {
         var groupContent = props.optionGroupTemplate ? utils.ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : props.getOptionGroupLabel(option);
-        var groupChildrenContent = createGroupChildren(option);
+        var groupChildrenContent = createGroupChildren(option, style);
         var key = index + '_' + props.getOptionGroupRenderKey(option);
         return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
           key: key
         }, /*#__PURE__*/React__namespace.createElement("li", {
-          className: "p-multiselect-item-group"
+          className: "p-multiselect-item-group",
+          style: style
         }, groupContent), groupChildrenContent);
       } else {
         var optionLabel = props.getOptionLabel(option);
@@ -499,6 +507,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
           key: optionKey,
           label: optionLabel,
           option: option,
+          style: style,
           template: props.itemTemplate,
           selected: selected,
           onClick: props.onOptionSelect,
@@ -527,13 +536,14 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
           }),
           className: utils.classNames('p-multiselect-items-wrapper', props.virtualScrollerOptions.className),
           items: props.visibleOptions,
+          autoSize: true,
           onLazyLoad: function onLazyLoad(event) {
             return props.virtualScrollerOptions.onLazyLoad(_objectSpread$1(_objectSpread$1({}, event), {
               filter: props.filterValue
             }));
           },
           itemTemplate: function itemTemplate(item, options) {
-            return item && createItem(item, options.index);
+            return item && createItem(item, options.index, options);
           },
           contentTemplate: function contentTemplate(options) {
             var className = utils.classNames('p-multiselect-items p-component', options.className);
@@ -710,7 +720,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
 
         case 27:
           hide();
-          inputRef.current.focus();
+          utils.DomHandler.focus(inputRef.current);
           break;
       }
     };
@@ -728,7 +738,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
     var onClick = function onClick(event) {
       if (!props.disabled && !isPanelClicked(event) && !utils.DomHandler.hasClass(event.target, 'p-multiselect-token-icon') && !isClearClicked(event)) {
         overlayVisibleState ? hide() : show();
-        inputRef.current.focus();
+        utils.DomHandler.focus(inputRef.current);
         event.preventDefault();
       }
     };
@@ -905,7 +915,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
 
     var onCloseClick = function onCloseClick(event) {
       hide();
-      inputRef.current.focus();
+      utils.DomHandler.focus(inputRef.current);
       event.preventDefault();
       event.stopPropagation();
     };
@@ -1098,7 +1108,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
       var label;
 
       if (!empty && !props.fixedPlaceholder) {
-        if (props.maxSelectedLabels && props.value.length > props.maxSelectedLabels) {
+        if (utils.ObjectUtils.isNotEmpty(props.maxSelectedLabels) && props.value.length > props.maxSelectedLabels) {
           return getSelectedItemsLabel();
         } else {
           return props.value.reduce(function (acc, value, index) {
@@ -1113,7 +1123,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
     var getLabelContent = function getLabelContent() {
       if (props.selectedItemTemplate) {
         if (!empty) {
-          if (props.maxSelectedLabels && props.value.length > props.maxSelectedLabels) {
+          if (utils.ObjectUtils.isNotEmpty(props.maxSelectedLabels) && props.value.length > props.maxSelectedLabels) {
             return getSelectedItemsLabel();
           } else {
             return props.value.map(function (val, index) {

package/multiselect/multiselect.min.js

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

package/overlaypanel/overlaypanel.cjs.js

@@ -228,7 +228,7 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref
   };
 
   var align = function align() {
-    if (currentTargetRef.current) {
+    if (currentTargetRef.current && overlayRef.current) {
       utils.DomHandler.absolutePosition(overlayRef.current, currentTargetRef.current);
       var containerOffset = utils.DomHandler.getOffset(overlayRef.current);
       var targetOffset = utils.DomHandler.getOffset(currentTargetRef.current);

package/overlaypanel/overlaypanel.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/csstransition"),n=require("primereact/hooks"),l=require("primereact/overlayservice"),o=require("primereact/portal"),a=require("primereact/ripple"),u=require("primereact/utils");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=i(e),f=c(r);function p(){return p=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},p.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function y(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,o=[],a=!0,u=!1;try{for(t=t.call(e);!(a=(n=t.next()).done)&&(o.push(n.value),!r||o.length!==r);a=!0);}catch(e){u=!0,l=e}finally{try{a||null==t.return||t.return()}finally{if(u)throw l}}return o}}function v(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function m(e,r){if(e){if("string"==typeof e)return v(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(e,r):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,r){return d(e)||y(e,r)||m(e,r)||b()}var g=s.forwardRef((function(e,r){var c=O(s.useState(!1),2),i=c[0],d=c[1],y=s.useRef(""),v=s.useRef(null),m=s.useRef(null),b=s.useRef(!1),h=s.useRef(null),w=s.useRef(null),E=O(n.useOverlayListener({target:m,overlay:v,listener:function(e,r){r.valid&&("outside"===r.type?!b.current&&D():D()),b.current=!1},when:i}),2),S=E[0],k=E[1],x=function(e){return v&&v.current&&!(v.current.isSameNode(e)||v.current.contains(e))},I=function(e,r){return null!=m.current&&m.current!==(r||e.currentTarget||e.target)},j=function(e){D(),e.preventDefault()},P=function(e){b.current=!0,l.OverlayService.emit("overlay-click",{originalEvent:e,target:m.current})},C=function(){b.current=!0},H=function(e,r){i?(D(),I(e,r)&&(m.current=r||e.currentTarget||e.target,setTimeout((function(){T(e,m.current)}),200))):T(e,r)},T=function(e,r){m.current=r||e.currentTarget||e.target,i?U():(d(!0),w.current=function(e){!x(e.target)&&(b.current=!0)},l.OverlayService.on("overlay-click",w.current))},D=function(){d(!1),l.OverlayService.off("overlay-click",w.current),w.current=null},N=function(){v.current.setAttribute(y.current,""),u.ZIndexUtils.set("overlay",v.current,f.default.autoZIndex,f.default.zIndex.overlay),U()},q=function(){S(),e.onShow&&e.onShow()},R=function(){k()},A=function(){u.ZIndexUtils.clear(v.current),e.onHide&&e.onHide()},U=function(){if(m.current){u.DomHandler.absolutePosition(v.current,m.current);var e=u.DomHandler.getOffset(v.current),r=u.DomHandler.getOffset(m.current),t=0;e.left<r.left&&(t=r.left-e.left),v.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&u.DomHandler.addClass(v.current,"p-overlaypanel-flipped")}},M=function(){if(!h.current){h.current=u.DomHandler.createInlineStyle(f.default.nonce);var r="";for(var t in e.breakpoints)r+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(y.current,"] {\n                            width: ").concat(e.breakpoints[t]," !important;\n                        }\n                    }\n                ");h.current.innerHTML=r}};n.useMountEffect((function(){y.current=u.UniqueComponentId(),e.breakpoints&&M()})),n.useUnmountEffect((function(){h.current=u.DomHandler.removeInlineStyle(h.current),w.current&&(l.OverlayService.off("overlay-click",w.current),w.current=null),u.ZIndexUtils.clear(v.current)})),s.useImperativeHandle(r,(function(){return{toggle:H,show:T,hide:D}}));var _,L,Z,z=(_=u.ObjectUtils.findDiffKeys(e,g.defaultProps),L=u.classNames("p-overlaypanel p-component",e.className),Z=e.showCloseIcon?s.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:j,"aria-label":e.ariaCloseLabel},s.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times"}),s.createElement(a.Ripple,null)):null,s.createElement(t.CSSTransition,{nodeRef:v,classNames:"p-overlaypanel",in:i,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:N,onEntered:q,onExit:R,onExited:A},s.createElement("div",p({ref:v,id:e.id,className:L,style:e.style},_,{onClick:P}),s.createElement("div",{className:"p-overlaypanel-content",onClick:C,onMouseDown:C},e.children),Z)));return s.createElement(o.Portal,{element:z,appendTo:e.appendTo})}));g.displayName="OverlayPanel",g.defaultProps={__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:"close",transitionOptions:null,onShow:null,onHide:null},exports.OverlayPanel=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/csstransition"),n=require("primereact/hooks"),l=require("primereact/overlayservice"),o=require("primereact/portal"),a=require("primereact/ripple"),u=require("primereact/utils");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=i(e),f=c(r);function p(){return p=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},p.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function y(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,o=[],a=!0,u=!1;try{for(t=t.call(e);!(a=(n=t.next()).done)&&(o.push(n.value),!r||o.length!==r);a=!0);}catch(e){u=!0,l=e}finally{try{a||null==t.return||t.return()}finally{if(u)throw l}}return o}}function v(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function m(e,r){if(e){if("string"==typeof e)return v(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(e,r):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,r){return d(e)||y(e,r)||m(e,r)||b()}var g=s.forwardRef((function(e,r){var c=O(s.useState(!1),2),i=c[0],d=c[1],y=s.useRef(""),v=s.useRef(null),m=s.useRef(null),b=s.useRef(!1),h=s.useRef(null),w=s.useRef(null),E=O(n.useOverlayListener({target:m,overlay:v,listener:function(e,r){r.valid&&("outside"===r.type?!b.current&&D():D()),b.current=!1},when:i}),2),S=E[0],k=E[1],x=function(e){return v&&v.current&&!(v.current.isSameNode(e)||v.current.contains(e))},I=function(e,r){return null!=m.current&&m.current!==(r||e.currentTarget||e.target)},j=function(e){D(),e.preventDefault()},P=function(e){b.current=!0,l.OverlayService.emit("overlay-click",{originalEvent:e,target:m.current})},C=function(){b.current=!0},H=function(e,r){i?(D(),I(e,r)&&(m.current=r||e.currentTarget||e.target,setTimeout((function(){T(e,m.current)}),200))):T(e,r)},T=function(e,r){m.current=r||e.currentTarget||e.target,i?U():(d(!0),w.current=function(e){!x(e.target)&&(b.current=!0)},l.OverlayService.on("overlay-click",w.current))},D=function(){d(!1),l.OverlayService.off("overlay-click",w.current),w.current=null},N=function(){v.current.setAttribute(y.current,""),u.ZIndexUtils.set("overlay",v.current,f.default.autoZIndex,f.default.zIndex.overlay),U()},q=function(){S(),e.onShow&&e.onShow()},R=function(){k()},A=function(){u.ZIndexUtils.clear(v.current),e.onHide&&e.onHide()},U=function(){if(m.current&&v.current){u.DomHandler.absolutePosition(v.current,m.current);var e=u.DomHandler.getOffset(v.current),r=u.DomHandler.getOffset(m.current),t=0;e.left<r.left&&(t=r.left-e.left),v.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&u.DomHandler.addClass(v.current,"p-overlaypanel-flipped")}},M=function(){if(!h.current){h.current=u.DomHandler.createInlineStyle(f.default.nonce);var r="";for(var t in e.breakpoints)r+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(y.current,"] {\n                            width: ").concat(e.breakpoints[t]," !important;\n                        }\n                    }\n                ");h.current.innerHTML=r}};n.useMountEffect((function(){y.current=u.UniqueComponentId(),e.breakpoints&&M()})),n.useUnmountEffect((function(){h.current=u.DomHandler.removeInlineStyle(h.current),w.current&&(l.OverlayService.off("overlay-click",w.current),w.current=null),u.ZIndexUtils.clear(v.current)})),s.useImperativeHandle(r,(function(){return{toggle:H,show:T,hide:D}}));var _,L,Z,z=(_=u.ObjectUtils.findDiffKeys(e,g.defaultProps),L=u.classNames("p-overlaypanel p-component",e.className),Z=e.showCloseIcon?s.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:j,"aria-label":e.ariaCloseLabel},s.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times"}),s.createElement(a.Ripple,null)):null,s.createElement(t.CSSTransition,{nodeRef:v,classNames:"p-overlaypanel",in:i,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:N,onEntered:q,onExit:R,onExited:A},s.createElement("div",p({ref:v,id:e.id,className:L,style:e.style},_,{onClick:P}),s.createElement("div",{className:"p-overlaypanel-content",onClick:C,onMouseDown:C},e.children),Z)));return s.createElement(o.Portal,{element:z,appendTo:e.appendTo})}));g.displayName="OverlayPanel",g.defaultProps={__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:"close",transitionOptions:null,onShow:null,onHide:null},exports.OverlayPanel=g;

package/overlaypanel/overlaypanel.esm.js

@@ -201,7 +201,7 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   var align = function align() {
-    if (currentTargetRef.current) {
+    if (currentTargetRef.current && overlayRef.current) {
       DomHandler.absolutePosition(overlayRef.current, currentTargetRef.current);
       var containerOffset = DomHandler.getOffset(overlayRef.current);
       var targetOffset = DomHandler.getOffset(currentTargetRef.current);

package/overlaypanel/overlaypanel.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import r from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useOverlayListener as n,useMountEffect as o,useUnmountEffect as a}from"primereact/hooks";import{OverlayService as l}from"primereact/overlayservice";import{Portal as c}from"primereact/portal";import{Ripple as i}from"primereact/ripple";import{UniqueComponentId as u,DomHandler as s,ZIndexUtils as f,ObjectUtils as p,classNames as m}from"primereact/utils";function y(){return y=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},y.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function v(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,a=[],l=!0,c=!1;try{for(t=t.call(e);!(l=(n=t.next()).done)&&(a.push(n.value),!r||a.length!==r);l=!0);}catch(e){c=!0,o=e}finally{try{l||null==t.return||t.return()}finally{if(c)throw o}}return a}}function h(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function b(e,r){if(e){if("string"==typeof e)return h(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?h(e,r):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,r){return d(e)||v(e,r)||b(e,r)||g()}var E=e.forwardRef((function(d,v){var h=w(e.useState(!1),2),b=h[0],g=h[1],k=e.useRef(""),O=e.useRef(null),S=e.useRef(null),x=e.useRef(!1),I=e.useRef(null),T=e.useRef(null),C=w(n({target:S,overlay:O,listener:function(e,r){r.valid&&("outside"===r.type?!x.current&&_():_()),x.current=!1},when:b}),2),N=C[0],A=C[1],P=function(e){return O&&O.current&&!(O.current.isSameNode(e)||O.current.contains(e))},R=function(e,r){return null!=S.current&&S.current!==(r||e.currentTarget||e.target)},j=function(e){_(),e.preventDefault()},H=function(e){x.current=!0,l.emit("overlay-click",{originalEvent:e,target:S.current})},L=function(){x.current=!0},D=function(e,r){b?(_(),R(e,r)&&(S.current=r||e.currentTarget||e.target,setTimeout((function(){M(e,S.current)}),200))):M(e,r)},M=function(e,r){S.current=r||e.currentTarget||e.target,b?Z():(g(!0),T.current=function(e){!P(e.target)&&(x.current=!0)},l.on("overlay-click",T.current))},_=function(){g(!1),l.off("overlay-click",T.current),T.current=null},z=function(){O.current.setAttribute(k.current,""),f.set("overlay",O.current,r.autoZIndex,r.zIndex.overlay),Z()},K=function(){N(),d.onShow&&d.onShow()},U=function(){A()},Y=function(){f.clear(O.current),d.onHide&&d.onHide()},Z=function(){if(S.current){s.absolutePosition(O.current,S.current);var e=s.getOffset(O.current),r=s.getOffset(S.current),t=0;e.left<r.left&&(t=r.left-e.left),O.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&s.addClass(O.current,"p-overlaypanel-flipped")}},$=function(){if(!I.current){I.current=s.createInlineStyle(r.nonce);var e="";for(var t in d.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(k.current,"] {\n                            width: ").concat(d.breakpoints[t]," !important;\n                        }\n                    }\n                ");I.current.innerHTML=e}};o((function(){k.current=u(),d.breakpoints&&$()})),a((function(){I.current=s.removeInlineStyle(I.current),T.current&&(l.off("overlay-click",T.current),T.current=null),f.clear(O.current)})),e.useImperativeHandle(v,(function(){return{toggle:D,show:M,hide:_}}));var q,B,F,G=(q=p.findDiffKeys(d,E.defaultProps),B=m("p-overlaypanel p-component",d.className),F=d.showCloseIcon?e.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:j,"aria-label":d.ariaCloseLabel},e.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times"}),e.createElement(i,null)):null,e.createElement(t,{nodeRef:O,classNames:"p-overlaypanel",in:b,timeout:{enter:120,exit:100},options:d.transitionOptions,unmountOnExit:!0,onEnter:z,onEntered:K,onExit:U,onExited:Y},e.createElement("div",y({ref:O,id:d.id,className:B,style:d.style},q,{onClick:H}),e.createElement("div",{className:"p-overlaypanel-content",onClick:L,onMouseDown:L},d.children),F)));return e.createElement(c,{element:G,appendTo:d.appendTo})}));E.displayName="OverlayPanel",E.defaultProps={__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:"close",transitionOptions:null,onShow:null,onHide:null};export{E as OverlayPanel};
+import*as e from"react";import r from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useOverlayListener as n,useMountEffect as o,useUnmountEffect as a}from"primereact/hooks";import{OverlayService as l}from"primereact/overlayservice";import{Portal as c}from"primereact/portal";import{Ripple as i}from"primereact/ripple";import{UniqueComponentId as u,DomHandler as s,ZIndexUtils as f,ObjectUtils as p,classNames as m}from"primereact/utils";function y(){return y=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},y.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function v(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,a=[],l=!0,c=!1;try{for(t=t.call(e);!(l=(n=t.next()).done)&&(a.push(n.value),!r||a.length!==r);l=!0);}catch(e){c=!0,o=e}finally{try{l||null==t.return||t.return()}finally{if(c)throw o}}return a}}function h(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function b(e,r){if(e){if("string"==typeof e)return h(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?h(e,r):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,r){return d(e)||v(e,r)||b(e,r)||g()}var E=e.forwardRef((function(d,v){var h=w(e.useState(!1),2),b=h[0],g=h[1],k=e.useRef(""),O=e.useRef(null),S=e.useRef(null),x=e.useRef(!1),I=e.useRef(null),T=e.useRef(null),C=w(n({target:S,overlay:O,listener:function(e,r){r.valid&&("outside"===r.type?!x.current&&_():_()),x.current=!1},when:b}),2),N=C[0],A=C[1],P=function(e){return O&&O.current&&!(O.current.isSameNode(e)||O.current.contains(e))},R=function(e,r){return null!=S.current&&S.current!==(r||e.currentTarget||e.target)},j=function(e){_(),e.preventDefault()},H=function(e){x.current=!0,l.emit("overlay-click",{originalEvent:e,target:S.current})},L=function(){x.current=!0},D=function(e,r){b?(_(),R(e,r)&&(S.current=r||e.currentTarget||e.target,setTimeout((function(){M(e,S.current)}),200))):M(e,r)},M=function(e,r){S.current=r||e.currentTarget||e.target,b?Z():(g(!0),T.current=function(e){!P(e.target)&&(x.current=!0)},l.on("overlay-click",T.current))},_=function(){g(!1),l.off("overlay-click",T.current),T.current=null},z=function(){O.current.setAttribute(k.current,""),f.set("overlay",O.current,r.autoZIndex,r.zIndex.overlay),Z()},K=function(){N(),d.onShow&&d.onShow()},U=function(){A()},Y=function(){f.clear(O.current),d.onHide&&d.onHide()},Z=function(){if(S.current&&O.current){s.absolutePosition(O.current,S.current);var e=s.getOffset(O.current),r=s.getOffset(S.current),t=0;e.left<r.left&&(t=r.left-e.left),O.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&s.addClass(O.current,"p-overlaypanel-flipped")}},$=function(){if(!I.current){I.current=s.createInlineStyle(r.nonce);var e="";for(var t in d.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(k.current,"] {\n                            width: ").concat(d.breakpoints[t]," !important;\n                        }\n                    }\n                ");I.current.innerHTML=e}};o((function(){k.current=u(),d.breakpoints&&$()})),a((function(){I.current=s.removeInlineStyle(I.current),T.current&&(l.off("overlay-click",T.current),T.current=null),f.clear(O.current)})),e.useImperativeHandle(v,(function(){return{toggle:D,show:M,hide:_}}));var q,B,F,G=(q=p.findDiffKeys(d,E.defaultProps),B=m("p-overlaypanel p-component",d.className),F=d.showCloseIcon?e.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:j,"aria-label":d.ariaCloseLabel},e.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times"}),e.createElement(i,null)):null,e.createElement(t,{nodeRef:O,classNames:"p-overlaypanel",in:b,timeout:{enter:120,exit:100},options:d.transitionOptions,unmountOnExit:!0,onEnter:z,onEntered:K,onExit:U,onExited:Y},e.createElement("div",y({ref:O,id:d.id,className:B,style:d.style},q,{onClick:H}),e.createElement("div",{className:"p-overlaypanel-content",onClick:L,onMouseDown:L},d.children),F)));return e.createElement(c,{element:G,appendTo:d.appendTo})}));E.displayName="OverlayPanel",E.defaultProps={__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:"close",transitionOptions:null,onShow:null,onHide:null};export{E as OverlayPanel};

package/overlaypanel/overlaypanel.js

@@ -219,7 +219,7 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
     };
 
     var align = function align() {
-      if (currentTargetRef.current) {
+      if (currentTargetRef.current && overlayRef.current) {
         utils.DomHandler.absolutePosition(overlayRef.current, currentTargetRef.current);
         var containerOffset = utils.DomHandler.getOffset(overlayRef.current);
         var targetOffset = utils.DomHandler.getOffset(currentTargetRef.current);

package/overlaypanel/overlaypanel.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.overlaypanel=function(e,t,r,n,a,l,o,c,u){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var f=s(t),p=i(r);function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},d.apply(this,arguments)}function y(e){if(Array.isArray(e))return e}function m(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,l=[],o=!0,c=!1;try{for(r=r.call(e);!(o=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==r.return||r.return()}finally{if(c)throw a}}return l}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function b(e,t){if(e){if("string"==typeof e)return v(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?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.")}function O(e,t){return y(e)||m(e,t)||b(e,t)||h()}var g=f.forwardRef((function(e,t){var r=O(f.useState(!1),2),i=r[0],s=r[1],y=f.useRef(""),m=f.useRef(null),v=f.useRef(null),b=f.useRef(!1),h=f.useRef(null),w=f.useRef(null),E=O(a.useOverlayListener({target:v,overlay:m,listener:function(e,t){t.valid&&("outside"===t.type?!b.current&&D():D()),b.current=!1},when:i}),2),S=E[0],k=E[1],I=function(e){return m&&m.current&&!(m.current.isSameNode(e)||m.current.contains(e))},j=function(e,t){return null!=v.current&&v.current!==(t||e.currentTarget||e.target)},P=function(e){D(),e.preventDefault()},x=function(e){b.current=!0,l.OverlayService.emit("overlay-click",{originalEvent:e,target:v.current})},C=function(){b.current=!0},H=function(e,t){i?(D(),j(e,t)&&(v.current=t||e.currentTarget||e.target,setTimeout((function(){T(e,v.current)}),200))):T(e,t)},T=function(e,t){v.current=t||e.currentTarget||e.target,i?M():(s(!0),w.current=function(e){!I(e.target)&&(b.current=!0)},l.OverlayService.on("overlay-click",w.current))},D=function(){s(!1),l.OverlayService.off("overlay-click",w.current),w.current=null},N=function(){m.current.setAttribute(y.current,""),u.ZIndexUtils.set("overlay",m.current,p.default.autoZIndex,p.default.zIndex.overlay),M()},R=function(){S(),e.onShow&&e.onShow()},A=function(){k()},U=function(){u.ZIndexUtils.clear(m.current),e.onHide&&e.onHide()},M=function(){if(v.current){u.DomHandler.absolutePosition(m.current,v.current);var e=u.DomHandler.getOffset(m.current),t=u.DomHandler.getOffset(v.current),r=0;e.left<t.left&&(r=t.left-e.left),m.current.style.setProperty("--overlayArrowLeft","".concat(r,"px")),e.top<t.top&&u.DomHandler.addClass(m.current,"p-overlaypanel-flipped")}},_=function(){if(!h.current){h.current=u.DomHandler.createInlineStyle(p.default.nonce);var t="";for(var r in e.breakpoints)t+="\n                    @media screen and (max-width: ".concat(r,") {\n                        .p-overlaypanel[").concat(y.current,"] {\n                            width: ").concat(e.breakpoints[r]," !important;\n                        }\n                    }\n                ");h.current.innerHTML=t}};a.useMountEffect((function(){y.current=u.UniqueComponentId(),e.breakpoints&&_()})),a.useUnmountEffect((function(){h.current=u.DomHandler.removeInlineStyle(h.current),w.current&&(l.OverlayService.off("overlay-click",w.current),w.current=null),u.ZIndexUtils.clear(m.current)})),f.useImperativeHandle(t,(function(){return{toggle:H,show:T,hide:D}}));var L,Z,z,q=(L=u.ObjectUtils.findDiffKeys(e,g.defaultProps),Z=u.classNames("p-overlaypanel p-component",e.className),z=e.showCloseIcon?f.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:P,"aria-label":e.ariaCloseLabel},f.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times"}),f.createElement(c.Ripple,null)):null,f.createElement(n.CSSTransition,{nodeRef:m,classNames:"p-overlaypanel",in:i,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:N,onEntered:R,onExit:A,onExited:U},f.createElement("div",d({ref:m,id:e.id,className:Z,style:e.style},L,{onClick:x}),f.createElement("div",{className:"p-overlaypanel-content",onClick:C,onMouseDown:C},e.children),z)));return f.createElement(o.Portal,{element:q,appendTo:e.appendTo})}));return g.displayName="OverlayPanel",g.defaultProps={__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:"close",transitionOptions:null,onShow:null,onHide:null},e.OverlayPanel=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.overlaypanel=function(e,t,r,n,a,l,o,c,u){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var f=s(t),p=i(r);function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},d.apply(this,arguments)}function y(e){if(Array.isArray(e))return e}function m(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,l=[],o=!0,c=!1;try{for(r=r.call(e);!(o=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==r.return||r.return()}finally{if(c)throw a}}return l}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function b(e,t){if(e){if("string"==typeof e)return v(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?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.")}function O(e,t){return y(e)||m(e,t)||b(e,t)||h()}var g=f.forwardRef((function(e,t){var r=O(f.useState(!1),2),i=r[0],s=r[1],y=f.useRef(""),m=f.useRef(null),v=f.useRef(null),b=f.useRef(!1),h=f.useRef(null),w=f.useRef(null),E=O(a.useOverlayListener({target:v,overlay:m,listener:function(e,t){t.valid&&("outside"===t.type?!b.current&&D():D()),b.current=!1},when:i}),2),S=E[0],k=E[1],I=function(e){return m&&m.current&&!(m.current.isSameNode(e)||m.current.contains(e))},j=function(e,t){return null!=v.current&&v.current!==(t||e.currentTarget||e.target)},P=function(e){D(),e.preventDefault()},x=function(e){b.current=!0,l.OverlayService.emit("overlay-click",{originalEvent:e,target:v.current})},C=function(){b.current=!0},H=function(e,t){i?(D(),j(e,t)&&(v.current=t||e.currentTarget||e.target,setTimeout((function(){T(e,v.current)}),200))):T(e,t)},T=function(e,t){v.current=t||e.currentTarget||e.target,i?M():(s(!0),w.current=function(e){!I(e.target)&&(b.current=!0)},l.OverlayService.on("overlay-click",w.current))},D=function(){s(!1),l.OverlayService.off("overlay-click",w.current),w.current=null},N=function(){m.current.setAttribute(y.current,""),u.ZIndexUtils.set("overlay",m.current,p.default.autoZIndex,p.default.zIndex.overlay),M()},R=function(){S(),e.onShow&&e.onShow()},A=function(){k()},U=function(){u.ZIndexUtils.clear(m.current),e.onHide&&e.onHide()},M=function(){if(v.current&&m.current){u.DomHandler.absolutePosition(m.current,v.current);var e=u.DomHandler.getOffset(m.current),t=u.DomHandler.getOffset(v.current),r=0;e.left<t.left&&(r=t.left-e.left),m.current.style.setProperty("--overlayArrowLeft","".concat(r,"px")),e.top<t.top&&u.DomHandler.addClass(m.current,"p-overlaypanel-flipped")}},_=function(){if(!h.current){h.current=u.DomHandler.createInlineStyle(p.default.nonce);var t="";for(var r in e.breakpoints)t+="\n                    @media screen and (max-width: ".concat(r,") {\n                        .p-overlaypanel[").concat(y.current,"] {\n                            width: ").concat(e.breakpoints[r]," !important;\n                        }\n                    }\n                ");h.current.innerHTML=t}};a.useMountEffect((function(){y.current=u.UniqueComponentId(),e.breakpoints&&_()})),a.useUnmountEffect((function(){h.current=u.DomHandler.removeInlineStyle(h.current),w.current&&(l.OverlayService.off("overlay-click",w.current),w.current=null),u.ZIndexUtils.clear(m.current)})),f.useImperativeHandle(t,(function(){return{toggle:H,show:T,hide:D}}));var L,Z,z,q=(L=u.ObjectUtils.findDiffKeys(e,g.defaultProps),Z=u.classNames("p-overlaypanel p-component",e.className),z=e.showCloseIcon?f.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:P,"aria-label":e.ariaCloseLabel},f.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times"}),f.createElement(c.Ripple,null)):null,f.createElement(n.CSSTransition,{nodeRef:m,classNames:"p-overlaypanel",in:i,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:N,onEntered:R,onExit:A,onExited:U},f.createElement("div",d({ref:m,id:e.id,className:Z,style:e.style},L,{onClick:x}),f.createElement("div",{className:"p-overlaypanel-content",onClick:C,onMouseDown:C},e.children),z)));return f.createElement(o.Portal,{element:q,appendTo:e.appendTo})}));return g.displayName="OverlayPanel",g.defaultProps={__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:"close",transitionOptions:null,onShow:null,onHide:null},e.OverlayPanel=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.ripple,primereact.utils);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "primereact",
-    "version": "8.1.1",
+    "version": "8.2.0",
     "private": false,
     "author": "PrimeTek Informatics",
     "description": "PrimeReact is an open source UI library for React featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 280+ ready to use UI blocks to build spectacular applications in no time.",

package/panelmenu/panelmenu.cjs.js

@@ -282,6 +282,7 @@ var PanelMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
 
     return /*#__PURE__*/React__namespace.createElement("li", {
       key: key,
+      id: item.id,
       className: className,
       style: item.style,
       role: "none"

package/panelmenu/panelmenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/csstransition"),n=require("primereact/hooks"),a=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 a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=l(e);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},i.apply(this,arguments)}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function s(e){if(Array.isArray(e))return o(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}function c(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function p(e){return s(e)||u(e)||m(e)||c()}function d(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 a,l,r=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(r.push(a.value),!t||r.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw l}}return r}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,t){return d(e)||f(e,t)||m(e,t)||b()}var v=r.memo((function(e){var l=y(r.useState(null),2),i=l[0],o=l[1],s=function(){if(e.model){if(e.multiple)return e.model.filter((function(e){return e.expanded}));var t=null;return e.model.forEach((function(e){e.expanded&&(t?e.expanded=!1:t=e)})),t}return null},u=function(t,n){if(n.disabled)t.preventDefault();else{n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n});var a=i;m(n)?(n.expanded=!1,o(e.multiple?a.filter((function(e){return e!==n})):null)):(!e.multiple&&a&&(a.expanded=!1),n.expanded=!0,o(e.multiple?[].concat(p(a||[]),[n]):n))}},m=function(t){return i&&(e.multiple?i.indexOf(t)>-1:i===t)};n.useMountEffect((function(){o(s())}));var c=function(e){return r.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},d=function(n,l){var i=a.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!l}),o=r.createRef();return n.items?r.createElement(t.CSSTransition,{nodeRef:o,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:l,unmountOnExit:!0},r.createElement("div",{ref:o,className:i},r.createElement(v,{menuProps:e.menuProps,model:n.items,multiple:e.multiple}))):null},f=function(t,n){var l=t.label+"_"+n,i=m(t),o=a.classNames("p-menuitem",t.className),s=a.classNames("p-menuitem-link",{"p-disabled":t.disabled}),c=a.classNames("p-menuitem-icon",t.icon),p=a.classNames("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!i,"pi-angle-down":i}),f=a.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b=t.label&&r.createElement("span",{className:"p-menuitem-text"},t.label),y=t.items&&r.createElement("span",{className:p}),v=d(t,i),N=r.createElement("a",{href:t.url||"#",className:s,target:t.target,onClick:function(e){return u(e,t)},role:"menuitem","aria-disabled":t.disabled},y,f,b);t.template&&(N=a.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t)},className:s,labelClassName:"p-menuitem-text",iconClassName:c,submenuIconClassName:p,element:N,props:e,leaf:!t.items,active:i}));return r.createElement("li",{key:l,className:o,style:t.style,role:"none"},N,v)},b=function(e,t){return e.separator?c(t):f(e,t)},N=a.classNames("p-submenu-list",e.className),g=e.model?e.model.map(b):null;return r.createElement("ul",{className:N,role:"tree"},g)}));v.displayName="PanelMenuSub";var N=r.memo(r.forwardRef((function(e,l){var o=y(r.useState(e.id),2),s=o[0],u=o[1],m=y(r.useState(null),2),c=m[0],d=m[1],f=y(r.useState(!1),2),b=f[0],g=f[1],E=s+"_header",h=s+"_content",x=function(){if(e.model){if(e.multiple)return e.model.filter((function(e){return e.expanded}));var t=null;return e.model.forEach((function(e){e.expanded&&(t?e.expanded=!1:t=e)})),t}return null},O=function(t,n){if(n.disabled)t.preventDefault();else{n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n});var a=c;S(n)?(n.expanded=!1,d(e.multiple?a.filter((function(e){return e!==n})):null)):(!e.multiple&&a&&(a.expanded=!1),n.expanded=!0,d(e.multiple?[].concat(p(a||[]),[n]):n))}},S=function(t){return c&&(e.multiple?c.indexOf(t)>-1:c===t)};n.useMountEffect((function(){s||u(a.UniqueComponentId()),d(x())})),n.useUpdateEffect((function(){g(!0),d(x())}),[e.model]);var j=function(){g(!1)},P=function(n,l){var i=n.label+"_"+l,o=S(n),s=a.classNames("p-panelmenu-panel",n.className),u=a.classNames("p-component p-panelmenu-header",{"p-highlight":o,"p-disabled":n.disabled}),m=a.classNames("p-panelmenu-icon pi",{"pi-chevron-right":!o," pi-chevron-down":o}),c=a.classNames("p-menuitem-icon",n.icon),p=a.IconUtils.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:e}),d=n.items&&r.createElement("span",{className:m}),f=n.label&&r.createElement("span",{className:"p-menuitem-text"},n.label),y=a.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!o}),N=r.createRef(),g=r.createElement("a",{href:n.url||"#",className:"p-panelmenu-header-link",onClick:function(e){return O(e,n)},"aria-expanded":o,id:E,"aria-controls":h,"aria-disabled":n.disabled},d,p,f);n.template&&(g=a.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return O(e,n)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:m,iconClassName:c,element:g,props:e,leaf:!n.items,active:o}));return r.createElement("div",{key:i,className:s,style:n.style},r.createElement("div",{className:u,style:n.style},g),r.createElement(t.CSSTransition,{nodeRef:N,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},onEnter:j,disabled:b,in:o,unmountOnExit:!0,options:e.transitionOptions},r.createElement("div",{ref:N,className:y,role:"region",id:h,"aria-labelledby":E},r.createElement("div",{className:"p-panelmenu-content"},r.createElement(v,{menuProps:e,model:n.items,className:"p-panelmenu-root-submenu",multiple:e.multiple})))))},C=a.ObjectUtils.findDiffKeys(e,N.defaultProps),k=a.classNames("p-panelmenu p-component",e.className),w=e.model?e.model.map(P):null;return r.createElement("div",i({id:e.id,className:k,style:e.style},C),w)})));N.displayName="PanelMenu",N.defaultProps={__TYPE:"Panel",id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null},exports.PanelMenu=N;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/csstransition"),n=require("primereact/hooks"),a=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 a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=l(e);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},i.apply(this,arguments)}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function s(e){if(Array.isArray(e))return o(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}function c(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function p(e){return s(e)||u(e)||m(e)||c()}function d(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 a,l,r=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(r.push(a.value),!t||r.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw l}}return r}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,t){return d(e)||f(e,t)||m(e,t)||b()}var v=r.memo((function(e){var l=y(r.useState(null),2),i=l[0],o=l[1],s=function(){if(e.model){if(e.multiple)return e.model.filter((function(e){return e.expanded}));var t=null;return e.model.forEach((function(e){e.expanded&&(t?e.expanded=!1:t=e)})),t}return null},u=function(t,n){if(n.disabled)t.preventDefault();else{n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n});var a=i;m(n)?(n.expanded=!1,o(e.multiple?a.filter((function(e){return e!==n})):null)):(!e.multiple&&a&&(a.expanded=!1),n.expanded=!0,o(e.multiple?[].concat(p(a||[]),[n]):n))}},m=function(t){return i&&(e.multiple?i.indexOf(t)>-1:i===t)};n.useMountEffect((function(){o(s())}));var c=function(e){return r.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},d=function(n,l){var i=a.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!l}),o=r.createRef();return n.items?r.createElement(t.CSSTransition,{nodeRef:o,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:l,unmountOnExit:!0},r.createElement("div",{ref:o,className:i},r.createElement(v,{menuProps:e.menuProps,model:n.items,multiple:e.multiple}))):null},f=function(t,n){var l=t.label+"_"+n,i=m(t),o=a.classNames("p-menuitem",t.className),s=a.classNames("p-menuitem-link",{"p-disabled":t.disabled}),c=a.classNames("p-menuitem-icon",t.icon),p=a.classNames("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!i,"pi-angle-down":i}),f=a.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b=t.label&&r.createElement("span",{className:"p-menuitem-text"},t.label),y=t.items&&r.createElement("span",{className:p}),v=d(t,i),N=r.createElement("a",{href:t.url||"#",className:s,target:t.target,onClick:function(e){return u(e,t)},role:"menuitem","aria-disabled":t.disabled},y,f,b);t.template&&(N=a.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t)},className:s,labelClassName:"p-menuitem-text",iconClassName:c,submenuIconClassName:p,element:N,props:e,leaf:!t.items,active:i}));return r.createElement("li",{key:l,id:t.id,className:o,style:t.style,role:"none"},N,v)},b=function(e,t){return e.separator?c(t):f(e,t)},N=a.classNames("p-submenu-list",e.className),g=e.model?e.model.map(b):null;return r.createElement("ul",{className:N,role:"tree"},g)}));v.displayName="PanelMenuSub";var N=r.memo(r.forwardRef((function(e,l){var o=y(r.useState(e.id),2),s=o[0],u=o[1],m=y(r.useState(null),2),c=m[0],d=m[1],f=y(r.useState(!1),2),b=f[0],g=f[1],E=s+"_header",h=s+"_content",x=function(){if(e.model){if(e.multiple)return e.model.filter((function(e){return e.expanded}));var t=null;return e.model.forEach((function(e){e.expanded&&(t?e.expanded=!1:t=e)})),t}return null},O=function(t,n){if(n.disabled)t.preventDefault();else{n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n});var a=c;S(n)?(n.expanded=!1,d(e.multiple?a.filter((function(e){return e!==n})):null)):(!e.multiple&&a&&(a.expanded=!1),n.expanded=!0,d(e.multiple?[].concat(p(a||[]),[n]):n))}},S=function(t){return c&&(e.multiple?c.indexOf(t)>-1:c===t)};n.useMountEffect((function(){s||u(a.UniqueComponentId()),d(x())})),n.useUpdateEffect((function(){g(!0),d(x())}),[e.model]);var j=function(){g(!1)},P=function(n,l){var i=n.label+"_"+l,o=S(n),s=a.classNames("p-panelmenu-panel",n.className),u=a.classNames("p-component p-panelmenu-header",{"p-highlight":o,"p-disabled":n.disabled}),m=a.classNames("p-panelmenu-icon pi",{"pi-chevron-right":!o," pi-chevron-down":o}),c=a.classNames("p-menuitem-icon",n.icon),p=a.IconUtils.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:e}),d=n.items&&r.createElement("span",{className:m}),f=n.label&&r.createElement("span",{className:"p-menuitem-text"},n.label),y=a.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!o}),N=r.createRef(),g=r.createElement("a",{href:n.url||"#",className:"p-panelmenu-header-link",onClick:function(e){return O(e,n)},"aria-expanded":o,id:E,"aria-controls":h,"aria-disabled":n.disabled},d,p,f);n.template&&(g=a.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return O(e,n)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:m,iconClassName:c,element:g,props:e,leaf:!n.items,active:o}));return r.createElement("div",{key:i,className:s,style:n.style},r.createElement("div",{className:u,style:n.style},g),r.createElement(t.CSSTransition,{nodeRef:N,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},onEnter:j,disabled:b,in:o,unmountOnExit:!0,options:e.transitionOptions},r.createElement("div",{ref:N,className:y,role:"region",id:h,"aria-labelledby":E},r.createElement("div",{className:"p-panelmenu-content"},r.createElement(v,{menuProps:e,model:n.items,className:"p-panelmenu-root-submenu",multiple:e.multiple})))))},C=a.ObjectUtils.findDiffKeys(e,N.defaultProps),k=a.classNames("p-panelmenu p-component",e.className),w=e.model?e.model.map(P):null;return r.createElement("div",i({id:e.id,className:k,style:e.style},C),w)})));N.displayName="PanelMenu",N.defaultProps={__TYPE:"Panel",id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null},exports.PanelMenu=N;

package/panelmenu/panelmenu.esm.js

@@ -258,6 +258,7 @@ var PanelMenuSub = /*#__PURE__*/React.memo(function (props) {
 
     return /*#__PURE__*/React.createElement("li", {
       key: key,
+      id: item.id,
       className: className,
       style: item.style,
       role: "none"

package/panelmenu/panelmenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{CSSTransition as n}from"primereact/csstransition";import{useMountEffect as t,useUpdateEffect as l}from"primereact/hooks";import{classNames as a,IconUtils as r,ObjectUtils as i,UniqueComponentId as o}from"primereact/utils";function m(){return m=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},m.apply(this,arguments)}function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}function s(e){if(Array.isArray(e))return u(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,n){if(e){if("string"==typeof e)return u(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,n):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 f(e){return s(e)||c(e)||p(e)||d()}function b(e){if(Array.isArray(e))return e}function y(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,a,r=[],i=!0,o=!1;try{for(t=t.call(e);!(i=(l=t.next()).done)&&(r.push(l.value),!n||r.length!==n);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(o)throw a}}return r}}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.")}function g(e,n){return b(e)||y(e,n)||p(e,n)||v()}var N=e.memo((function(l){var o=g(e.useState(null),2),m=o[0],u=o[1],s=function(){if(l.model){if(l.multiple)return l.model.filter((function(e){return e.expanded}));var e=null;return l.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},c=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=m;p(n)?(n.expanded=!1,u(l.multiple?t.filter((function(e){return e!==n})):null)):(!l.multiple&&t&&(t.expanded=!1),n.expanded=!0,u(l.multiple?[].concat(f(t||[]),[n]):n))}},p=function(e){return m&&(l.multiple?m.indexOf(e)>-1:m===e)};t((function(){u(s())}));var d=function(n){return e.createElement("li",{key:"separator_"+n,className:"p-menu-separator"})},b=function(t,r){var i=a("p-toggleable-content",{"p-toggleable-content-collapsed":!r}),o=e.createRef();return t.items?e.createElement(n,{nodeRef:o,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:r,unmountOnExit:!0},e.createElement("div",{ref:o,className:i},e.createElement(N,{menuProps:l.menuProps,model:t.items,multiple:l.multiple}))):null},y=function(n,t){var o=n.label+"_"+t,m=p(n),u=a("p-menuitem",n.className),s=a("p-menuitem-link",{"p-disabled":n.disabled}),d=a("p-menuitem-icon",n.icon),f=a("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!m,"pi-angle-down":m}),y=r.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:l.menuProps}),v=n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),g=n.items&&e.createElement("span",{className:f}),N=b(n,m),h=e.createElement("a",{href:n.url||"#",className:s,target:n.target,onClick:function(e){return c(e,n)},role:"menuitem","aria-disabled":n.disabled},g,y,v);n.template&&(h=i.getJSXElement(n.template,n,{onClick:function(e){return c(e,n)},className:s,labelClassName:"p-menuitem-text",iconClassName:d,submenuIconClassName:f,element:h,props:l,leaf:!n.items,active:m}));return e.createElement("li",{key:o,className:u,style:n.style,role:"none"},h,N)},v=function(e,n){return e.separator?d(n):y(e,n)},h=a("p-submenu-list",l.className),E=l.model?l.model.map(v):null;return e.createElement("ul",{className:h,role:"tree"},E)}));N.displayName="PanelMenuSub";var h=e.memo(e.forwardRef((function(u,s){var c=g(e.useState(u.id),2),p=c[0],d=c[1],b=g(e.useState(null),2),y=b[0],v=b[1],E=g(e.useState(!1),2),x=E[0],S=E[1],k=p+"_header",w=p+"_content",C=function(){if(u.model){if(u.multiple)return u.model.filter((function(e){return e.expanded}));var e=null;return u.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},O=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=y;P(n)?(n.expanded=!1,v(u.multiple?t.filter((function(e){return e!==n})):null)):(!u.multiple&&t&&(t.expanded=!1),n.expanded=!0,v(u.multiple?[].concat(f(t||[]),[n]):n))}},P=function(e){return y&&(u.multiple?y.indexOf(e)>-1:y===e)};t((function(){p||d(o()),v(C())})),l((function(){S(!0),v(C())}),[u.model]);var A=function(){S(!1)},I=function(t,l){var o=t.label+"_"+l,m=P(t),s=a("p-panelmenu-panel",t.className),c=a("p-component p-panelmenu-header",{"p-highlight":m,"p-disabled":t.disabled}),p=a("p-panelmenu-icon pi",{"pi-chevron-right":!m," pi-chevron-down":m}),d=a("p-menuitem-icon",t.icon),f=r.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:u}),b=t.items&&e.createElement("span",{className:p}),y=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),v=a("p-toggleable-content",{"p-toggleable-content-collapsed":!m}),g=e.createRef(),h=e.createElement("a",{href:t.url||"#",className:"p-panelmenu-header-link",onClick:function(e){return O(e,t)},"aria-expanded":m,id:k,"aria-controls":w,"aria-disabled":t.disabled},b,f,y);t.template&&(h=i.getJSXElement(t.template,t,{onClick:function(e){return O(e,t)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:p,iconClassName:d,element:h,props:u,leaf:!t.items,active:m}));return e.createElement("div",{key:o,className:s,style:t.style},e.createElement("div",{className:c,style:t.style},h),e.createElement(n,{nodeRef:g,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},onEnter:A,disabled:x,in:m,unmountOnExit:!0,options:u.transitionOptions},e.createElement("div",{ref:g,className:v,role:"region",id:w,"aria-labelledby":k},e.createElement("div",{className:"p-panelmenu-content"},e.createElement(N,{menuProps:u,model:t.items,className:"p-panelmenu-root-submenu",multiple:u.multiple})))))},_=i.findDiffKeys(u,h.defaultProps),j=a("p-panelmenu p-component",u.className),D=u.model?u.model.map(I):null;return e.createElement("div",m({id:u.id,className:j,style:u.style},_),D)})));h.displayName="PanelMenu",h.defaultProps={__TYPE:"Panel",id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null};export{h as PanelMenu};
+import*as e from"react";import{CSSTransition as n}from"primereact/csstransition";import{useMountEffect as t,useUpdateEffect as l}from"primereact/hooks";import{classNames as a,IconUtils as r,ObjectUtils as i,UniqueComponentId as o}from"primereact/utils";function m(){return m=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},m.apply(this,arguments)}function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}function s(e){if(Array.isArray(e))return u(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,n){if(e){if("string"==typeof e)return u(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,n):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 f(e){return s(e)||c(e)||p(e)||d()}function b(e){if(Array.isArray(e))return e}function y(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,a,r=[],i=!0,o=!1;try{for(t=t.call(e);!(i=(l=t.next()).done)&&(r.push(l.value),!n||r.length!==n);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(o)throw a}}return r}}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.")}function g(e,n){return b(e)||y(e,n)||p(e,n)||v()}var N=e.memo((function(l){var o=g(e.useState(null),2),m=o[0],u=o[1],s=function(){if(l.model){if(l.multiple)return l.model.filter((function(e){return e.expanded}));var e=null;return l.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},c=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=m;p(n)?(n.expanded=!1,u(l.multiple?t.filter((function(e){return e!==n})):null)):(!l.multiple&&t&&(t.expanded=!1),n.expanded=!0,u(l.multiple?[].concat(f(t||[]),[n]):n))}},p=function(e){return m&&(l.multiple?m.indexOf(e)>-1:m===e)};t((function(){u(s())}));var d=function(n){return e.createElement("li",{key:"separator_"+n,className:"p-menu-separator"})},b=function(t,r){var i=a("p-toggleable-content",{"p-toggleable-content-collapsed":!r}),o=e.createRef();return t.items?e.createElement(n,{nodeRef:o,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:r,unmountOnExit:!0},e.createElement("div",{ref:o,className:i},e.createElement(N,{menuProps:l.menuProps,model:t.items,multiple:l.multiple}))):null},y=function(n,t){var o=n.label+"_"+t,m=p(n),u=a("p-menuitem",n.className),s=a("p-menuitem-link",{"p-disabled":n.disabled}),d=a("p-menuitem-icon",n.icon),f=a("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!m,"pi-angle-down":m}),y=r.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:l.menuProps}),v=n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),g=n.items&&e.createElement("span",{className:f}),N=b(n,m),h=e.createElement("a",{href:n.url||"#",className:s,target:n.target,onClick:function(e){return c(e,n)},role:"menuitem","aria-disabled":n.disabled},g,y,v);n.template&&(h=i.getJSXElement(n.template,n,{onClick:function(e){return c(e,n)},className:s,labelClassName:"p-menuitem-text",iconClassName:d,submenuIconClassName:f,element:h,props:l,leaf:!n.items,active:m}));return e.createElement("li",{key:o,id:n.id,className:u,style:n.style,role:"none"},h,N)},v=function(e,n){return e.separator?d(n):y(e,n)},h=a("p-submenu-list",l.className),E=l.model?l.model.map(v):null;return e.createElement("ul",{className:h,role:"tree"},E)}));N.displayName="PanelMenuSub";var h=e.memo(e.forwardRef((function(u,s){var c=g(e.useState(u.id),2),p=c[0],d=c[1],b=g(e.useState(null),2),y=b[0],v=b[1],E=g(e.useState(!1),2),x=E[0],S=E[1],k=p+"_header",w=p+"_content",C=function(){if(u.model){if(u.multiple)return u.model.filter((function(e){return e.expanded}));var e=null;return u.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},O=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=y;P(n)?(n.expanded=!1,v(u.multiple?t.filter((function(e){return e!==n})):null)):(!u.multiple&&t&&(t.expanded=!1),n.expanded=!0,v(u.multiple?[].concat(f(t||[]),[n]):n))}},P=function(e){return y&&(u.multiple?y.indexOf(e)>-1:y===e)};t((function(){p||d(o()),v(C())})),l((function(){S(!0),v(C())}),[u.model]);var A=function(){S(!1)},I=function(t,l){var o=t.label+"_"+l,m=P(t),s=a("p-panelmenu-panel",t.className),c=a("p-component p-panelmenu-header",{"p-highlight":m,"p-disabled":t.disabled}),p=a("p-panelmenu-icon pi",{"pi-chevron-right":!m," pi-chevron-down":m}),d=a("p-menuitem-icon",t.icon),f=r.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:u}),b=t.items&&e.createElement("span",{className:p}),y=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),v=a("p-toggleable-content",{"p-toggleable-content-collapsed":!m}),g=e.createRef(),h=e.createElement("a",{href:t.url||"#",className:"p-panelmenu-header-link",onClick:function(e){return O(e,t)},"aria-expanded":m,id:k,"aria-controls":w,"aria-disabled":t.disabled},b,f,y);t.template&&(h=i.getJSXElement(t.template,t,{onClick:function(e){return O(e,t)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:p,iconClassName:d,element:h,props:u,leaf:!t.items,active:m}));return e.createElement("div",{key:o,className:s,style:t.style},e.createElement("div",{className:c,style:t.style},h),e.createElement(n,{nodeRef:g,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},onEnter:A,disabled:x,in:m,unmountOnExit:!0,options:u.transitionOptions},e.createElement("div",{ref:g,className:v,role:"region",id:w,"aria-labelledby":k},e.createElement("div",{className:"p-panelmenu-content"},e.createElement(N,{menuProps:u,model:t.items,className:"p-panelmenu-root-submenu",multiple:u.multiple})))))},_=i.findDiffKeys(u,h.defaultProps),j=a("p-panelmenu p-component",u.className),D=u.model?u.model.map(I):null;return e.createElement("div",m({id:u.id,className:j,style:u.style},_),D)})));h.displayName="PanelMenu",h.defaultProps={__TYPE:"Panel",id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null};export{h as PanelMenu};

package/panelmenu/panelmenu.js

@@ -277,6 +277,7 @@ this.primereact.panelmenu = (function (exports, React, csstransition, hooks, uti
 
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
+        id: item.id,
         className: className,
         style: item.style,
         role: "none"