primereact 10.0.0 → 10.0.2

package/multiselect/multiselect.esm.min.mjs

@@ -1 +0,0 @@
-import*as e from"react";import t,{PrimeReactContext as n,localeOption as l,FilterService as r}from"primereact/api";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{useUpdateEffect as a,useMountEffect as c,useOverlayListener as u,useUnmountEffect as s}from"primereact/hooks";import{ChevronDownIcon as p}from"primereact/icons/chevrondown";import{TimesIcon as m}from"primereact/icons/times";import{TimesCircleIcon as f}from"primereact/icons/timescircle";import{OverlayService as d}from"primereact/overlayservice";import{Tooltip as b}from"primereact/tooltip";import{classNames as h,ObjectUtils as v,DomHandler as y,mergeProps as g,IconUtils as O,UniqueComponentId as x,ZIndexUtils as k}from"primereact/utils";import{CSSTransition as S}from"primereact/csstransition";import{Portal as E}from"primereact/portal";import{VirtualScroller as I}from"primereact/virtualscroller";import{CheckIcon as w}from"primereact/icons/check";import{SearchIcon as C}from"primereact/icons/search";import{InputText as N}from"primereact/inputtext";import{Ripple as P}from"primereact/ripple";function j(){return j=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},j.apply(this,arguments)}function D(e){return D="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},D(e)}function A(e,t){if("object"!==D(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==D(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function L(e){var t=A(e,"string");return"symbol"===D(t)?t:String(t)}function F(e,t,n){return(t=L(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function T(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 M(e){if(Array.isArray(e))return T(e)}function R(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function V(e,t){if(e){if("string"==typeof e)return T(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)?T(e,t):void 0}}function G(){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 K(e){return M(e)||R(e)||V(e)||G()}function H(e){if(Array.isArray(e))return e}function J(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,i,a=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=o.call(n)).done)&&(a.push(l.value),a.length!==t);c=!0);}catch(e){u=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw r}}return a}}function X(){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 _(e,t){return H(e)||J(e,t)||V(e,t)||X()}var B=o.extend({defaultProps:{__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,className:null,closeIcon:null,checkboxIcon:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:null,emptyFilterMessage:null,filter:!1,filterBy:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,itemCheckboxIcon:null,inline:!1,inputId:null,inputRef:null,itemClassName:null,itemTemplate:null,maxSelectedLabels:null,name:null,onClick:null,onBlur:null,onChange:null,onFilter:null,onFocus:null,onHide:null,onSelectAll:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,overlayVisible:!1,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,removeIcon:null,resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,selectedItemTemplate:null,selectedItemsLabel:"{0} items selected",selectionLimit:null,showClear:!1,showSelectAll:!0,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,l=e.overlayVisibleState;return h("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===t.display,"p-disabled":t.disabled,"p-multiselect-clearable":t.showClear&&!t.disabled,"p-focus":n,"p-inputwrapper-filled":v.isNotEmpty(t.value),"p-inputwrapper-focus":n||l})},label:function(e){var t=e.props,n=e.empty;return h("p-multiselect-label",{"p-placeholder":n&&t.placeholder,"p-multiselect-label-empty":n&&!t.placeholder&&!t.selectedItemTemplate,"p-multiselect-items-label":!n&&"chip"!==t.display&&t.value.length>t.maxSelectedLabels})},panel:function(e){var n=e.panelProps,l=e.context;return h("p-multiselect-panel p-component",{"p-multiselect-inline":n.inline,"p-multiselect-flex":n.flex,"p-multiselect-limited":!e.allowOptionSelect,"p-input-filled":l&&"filled"===l.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":l&&!1===l.ripple||!1===t.ripple})},list:function(e){return"p-multiselect-items p-component"},labelContainer:"p-multiselect-label-container",triggerIcon:"p-multiselect-trigger-icon p-c",trigger:"p-multiselect-trigger",clearIcon:"p-multiselect-clear-icon",tokenLabel:"p-multiselect-token-label",token:"p-multiselect-token",removeTokenIcon:"p-multiselect-token-icon",wrapper:"p-multiselect-items-wrapper",emptyMessage:"p-multiselect-empty-message",itemGroup:"p-multiselect-item-group",closeButton:"p-multiselect-close p-link",header:"p-multiselect-header",closeIcon:"p-multiselect-close-icon",headerCheckboxContainer:"p-multiselect-select-all",headerCheckboxIcon:"p-multiselect-select-all p-checkbox-icon p-c",headerSelectAllLabel:"p-multiselect-select-all-label",filterContainer:"p-multiselect-filter-container",filterIcon:"p-multiselect-filter-icon",item:function(e){var t=e.itemProps;return h("p-multiselect-item",{"p-highlight":t.selected,"p-disabled":t.disabled})},checkboxContainer:"p-checkbox p-component",checkboxIcon:"p-checkbox-icon p-c",checkbox:function(e){return h("p-checkbox-box",{"p-highlight":e.itemProps.selected})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-multiselect {\n        display: inline-flex;\n        user-select: none;\n        cursor: pointer;\n    }\n    \n    .p-multiselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        cursor: pointer;\n    }\n    \n    .p-multiselect-label-container {\n        overflow: hidden;\n        flex: 1 1 auto;\n        cursor: pointer;\n    }\n    \n    .p-multiselect-label  {\n        display: block;\n        white-space: nowrap;\n        cursor: pointer;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n    \n    .p-multiselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    .p-multiselect-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-multiselect-token-icon {\n        cursor: pointer;\n    }\n    \n    .p-multiselect .p-multiselect-panel {\n        min-width: 100%;\n    }\n    \n    .p-multiselect-inline.p-multiselect-panel {\n        border: none;\n        position: initial;\n        background: none;\n        box-shadow: none;\n    }\n    \n    .p-multiselect-inline.p-multiselect-panel .p-multiselect-items {\n        padding: 0;\n    }\n    \n    .p-multiselect-flex.p-multiselect-panel .p-multiselect-items {\n        display: flex;\n        flex-wrap: wrap;\n    }\n    \n    .p-multiselect-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-multiselect-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-multiselect-item {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        font-weight: normal;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-multiselect-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n    \n    .p-multiselect-select-all-label {\n        margin-left: 0.5rem;\n    }\n    \n    .p-multiselect-filter-container {\n        position: relative;\n        flex: 1 1 auto;\n    }\n    \n    .p-multiselect-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-multiselect-filter-container .p-inputtext {\n        width: 100%;\n    }\n    \n    .p-multiselect-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        overflow: hidden;\n        position: relative;\n        margin-left: auto;\n    }\n    \n    .p-multiselect-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-fluid .p-multiselect {\n        display: flex;\n    }\n}\n",inlineStyles:{itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}}}}}),q=o.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,name:null,onChange:null,onClick:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{icon:"p-checkbox-icon p-c",input:function(e){return h("p-checkbox-box",{"p-highlight":e.checked,"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return h("p-checkbox p-component",{"p-checkbox-checked":e.checked,"p-checkbox-disabled":e.props.disabled,"p-checkbox-focused":e.focusedState})}},styles:"\n.p-checkbox {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n    position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n    cursor: auto;\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}        \n"}});function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){F(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var W=e.memo(e.forwardRef((function(t,l){var r=e.useContext(n),o=q.getProps(t,r),u=_(e.useState(!1),2),s=u[0],p=u[1],m=q.setMetaData({props:o,state:{focused:s},context:{checked:o.checked===o.trueValue,disabled:o.disabled}}),f=m.ptm,d=m.cx;i(q.css.styles,m.isUnstyled,{name:"checkbox",styled:!0});var x=e.useRef(null),k=e.useRef(o.inputRef),S=function(e){if(!o.disabled&&!o.readOnly&&(o.onChange||o.onClick)){var t=E(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object;if(e.target===k.current||n&&e.target.checked!==t){var l=t?o.falseValue:o.trueValue,r={originalEvent:e,value:o.value,checked:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:o.name,id:o.id,value:o.value,checked:l}};if(o.onClick&&o.onClick(r),e.defaultPrevented)return;o.onChange&&o.onChange(r)}y.focus(k.current),e.preventDefault()}},E=function(){return o.checked===o.trueValue};e.useImperativeHandle(l,(function(){return{props:o,focus:function(){return y.focus(k.current)},getElement:function(){return x.current},getInput:function(){return k.current}}})),e.useEffect((function(){v.combinedRefs(k,o.inputRef)}),[k,o.inputRef]),a((function(){k.current.checked=E()}),[o.checked,o.trueValue]),c((function(){o.autoFocus&&y.focus(k.current,o.autoFocus)}));var I=E(),C=v.isNotEmpty(o.tooltip),N=q.getOtherProps(o),P=v.reduceKeys(N,y.ARIA_PROPS),D=g({className:d("icon")},f("icon")),A=O.getJSXIcon(I?o.icon||e.createElement(w,D):null,z({},D),{props:o,checked:I}),L=g({id:o.id,className:h(o.className,d("root",{checked:I,focusedState:s})),style:o.style,onClick:function(e){return S(e)},onContextMenu:o.onContextMenu,onMouseDown:o.onMouseDown},N,f("root")),F=g({className:"p-hidden-accessible"},f("hiddenInputWrapper")),T=g(z({id:o.inputId,type:"checkbox",name:o.name,tabIndex:o.tabIndex,defaultChecked:I,onFocus:function(e){p(!0)},onBlur:function(e){p(!1)},onKeyDown:function(e){var t;"Space"!==(t=e).code&&" "!==t.key||S(t)},disabled:o.disabled,readOnly:o.readOnly,required:o.required},P),f("hiddenInput")),M=g({className:d("input",{checked:I,focusedState:s}),"data-p-highlight":I,"data-p-disabled":o.disabled,"data-p-focus":s},f("input"));return e.createElement(e.Fragment,null,e.createElement("div",j({ref:x},L),e.createElement("div",F,e.createElement("input",j({ref:k},T))),e.createElement("div",M,A)),C&&e.createElement(b,j({target:x,content:o.tooltip},o.tooltipOptions,{pt:f("tooltip")})))})));function Y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function Z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(n),!0).forEach((function(t){F(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}W.displayName="Checkbox";var $=e.memo((function(t){var n=t.ptm,r=t.cx,o=t.isUnstyled,i={filter:function(e){return c(e)},reset:function(){return t.resetFilter()}},a=function(e,l){return n(e,Z({hostName:t.hostName},l))},c=function(e){t.onFilter&&t.onFilter({originalEvent:e,query:e.target.value})},u=function(e){t.onSelectAll&&t.onSelectAll({originalEvent:e,checked:t.selectAll}),e.preventDefault()},s=function(){var l=g({className:r("filterIcon")},a("filterIcon")),o=O.getJSXIcon(t.filterIcon||e.createElement(C,l),Z({},l),{props:t});if(t.filter){var u=g({className:r("filterContainer")},a("filterContainer")),s=e.createElement("div",u,e.createElement(N,{ref:t.filterRef,type:"text",role:"textbox",value:t.filterValue,onChange:c,className:"p-multiselect-filter",placeholder:t.filterPlaceholder,pt:n("filterInput"),__parentMetadata:{parent:t.metaData}}),o);if(t.filterTemplate){var p={className:containerClassName,element:s,filterOptions:i,onFilter:c,filterIconClassName:filterIconClassName,props:t};s=v.getJSXElement(t.filterTemplate,p)}return e.createElement(e.Fragment,null,s)}return null}(),p=t.id?t.id+"_selectall":x(),f=g({htmlFor:p,className:r("headerSelectAllLabel")},a("headerSelectAllLabel")),d=g({className:r("headerCheckboxIcon")},a("headerCheckboxIcon")),b=O.getJSXIcon(t.itemCheckboxIcon||e.createElement(w,d),Z({},d),{selected:t.selected}),h=t.showSelectAll&&e.createElement("div",{className:"p-multiselect-select-all"},e.createElement(W,{id:p,checked:t.selectAll,onChange:u,role:"checkbox","aria-checked":t.selectAll,icon:b,pt:n("headercheckbox"),unstyled:o()}),!t.filter&&e.createElement("label",f,t.selectAllLabel)),y=g({className:r("closeIcon"),"aria-hidden":!0},a("closeIcon")),k=O.getJSXIcon(t.closeIcon||e.createElement(m,y),Z({},y),{props:t}),S=g({className:r("header")},a("header")),E=g({type:"button",className:r("closeButton"),"aria-label":l("close"),onClick:t.onClose},a("closeButton")),I=e.createElement("button",E,k,e.createElement(P,null)),j=e.createElement("div",S,h,s,I);return t.template?v.getJSXElement(t.template,{className:"p-multiselect-header",checkboxElement:h,checked:t.selectAll,onChange:u,filterElement:s,closeElement:I,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:t.onClose,element:j,itemCheckboxIcon:b,props:t}):j}));function Q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function ee(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Q(Object(n),!0).forEach((function(t){F(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}$.displayName="MultiSelectHeader";var te=e.memo((function(t){var n=t.ptm,l=t.cx,r=function(e){return n(e,{hostName:t.hostName,context:{selected:t.selected}})},o=g({className:l("checkboxIcon")},r("checkboxIcon")),i=t.selected?O.getJSXIcon(t.checkboxIcon||e.createElement(w,o),ee({},o),{selected:t.selected}):null,a=t.template?v.getJSXElement(t.template,t.option):t.label,c=t.disabled?null:t.tabIndex||0,u=g({className:l("checkboxContainer")},r("checkboxContainer")),s=g({className:l("checkbox",{itemProps:t}),"data-p-highlight":t.selected},r("checkbox")),p=g({className:h(t.className,t.option.className,l("item",{itemProps:t})),style:t.style,onClick:function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault()},tabIndex:c,onKeyDown:function(e){t.onKeyDown&&t.onKeyDown({originalEvent:e,option:t.option})},role:"option","aria-selected":t.selected,"data-p-highlight":t.selected,"data-p-disabled":t.disabled},r("item"));return e.createElement("li",p,e.createElement("div",u,e.createElement("div",s,i)),e.createElement("span",null,a),e.createElement(P,null))}));function ne(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 le(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ne(Object(n),!0).forEach((function(t){F(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ne(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}te.displayName="MultiSelectItem";var re=e.memo(e.forwardRef((function(t,r){var o=e.useRef(null),i=e.useRef(null),a=e.useContext(n),c=t.ptm,u=t.cx,s=t.sx,p=t.isUnstyled,m=function(e,n){return c(e,le({hostName:t.hostName},n))},f=function(){t.onEnter((function(){if(o.current){var e=t.getSelectedOptionIndex();-1!==e&&setTimeout((function(){return o.current.scrollToIndex(e)}),0)}}))},d=function(){t.onEntered((function(){t.filter&&t.filterInputAutoFocus&&i.current&&y.focus(i.current,!1)}))},b=function(e){o.current&&o.current.scrollToIndex(0),t.onFilterInputChange&&t.onFilterInputChange(e)},O=function(){if(t.panelFooterTemplate){var n=v.getJSXElement(t.panelFooterTemplate,t,t.onOverlayHide);return e.createElement("div",{className:"p-multiselect-footer"},n)}return null},x=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),s=a?null:t.tabIndex||0,p=t.isSelected(n);return e.createElement(te,{hostName:t.hostName,key:i,label:o,option:n,style:l,template:t.itemTemplate,selected:p,onClick:t.onOptionSelect,onKeyDown:t.onOptionKeyDown,tabIndex:s,disabled:a,className:t.itemClassName,checkboxIcon:t.checkboxIcon,ptm:c,cx:u})}))},k=function(){var n=v.getJSXElement(t.emptyFilterMessage,t)||l("emptyFilterMessage"),r=g({className:u("emptyMessage")},m("emptyMessage"));return e.createElement("li",r,n)},w=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?v.getJSXElement(t.optionGroupTemplate,n,l):t.getOptionGroupLabel(n),a=x(n,o),p=l+"_"+t.getOptionGroupRenderKey(n),f=g({className:u("itemGroup"),style:s("itemGroup",{scrollerOptions:r})},m("itemGroup"));return e.createElement(e.Fragment,{key:p},e.createElement("li",f,i),a)}var d=t.getOptionLabel(n),b=l+"_"+t.getOptionRenderKey(n),h=t.isOptionDisabled(n),y=h?null:t.tabIndex||0,O=t.isSelected(n);return e.createElement(te,{hostName:t.hostName,key:b,label:d,option:n,style:o,template:t.itemTemplate,selected:O,onClick:t.onOptionSelect,onKeyDown:t.onOptionKeyDown,tabIndex:y,disabled:h,className:t.itemClassName,checkboxIcon:t.checkboxIcon,ptm:c,cx:u})},C=function(){if(t.virtualScrollerOptions){var n=le(le({},t.virtualScrollerOptions),{style:le(le({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),className:h("p-multiselect-items-wrapper",t.virtualScrollerOptions.className),items:t.visibleOptions,autoSize:!0,onLazyLoad:function(e){return t.virtualScrollerOptions.onLazyLoad(le(le({},e),{filter:t.filterValue}))},itemTemplate:function(e,t){return e&&w(e,t.index,t)},contentTemplate:function(n){var l=t.visibleOptions&&t.visibleOptions.length||!t.hasFilter?n.children:k(),r=g({ref:n.contentRef,style:n.style,className:h(n.className,u("list",{virtualScrollerProps:t.virtualScrollerOptions})),role:"listbox","aria-multiselectable":!0},m("list"));return e.createElement("ul",r,l)}});return e.createElement(I,j({ref:o},n,{pt:c("virtualScroller"),__parentMetadata:{parent:t.metaData}}))}var r,i,a=v.isNotEmpty(t.visibleOptions)?t.visibleOptions.map(w):t.hasFilter?k():(r=v.getJSXElement(t.emptyMessage,t)||l("emptyMessage"),i=g({className:u("emptyMessage")},m("emptyMessage")),e.createElement("li",i,r)),s=g({className:u("wrapper"),style:{maxHeight:t.scrollHeight}},m("wrapper")),p=g({className:u("list"),role:"listbox","aria-multiselectable":!0},m("list"));return e.createElement("div",s,e.createElement("ul",p,a))},N=function(){var n=t.allowOptionSelect(),l=e.createElement($,{hostName:t.hostName,id:t.id,filter:t.filter,filterRef:i,filterValue:t.filterValue,filterTemplate:t.filterTemplate,onFilter:b,filterPlaceholder:t.filterPlaceholder,onClose:t.onCloseClick,showSelectAll:t.showSelectAll,selectAll:t.isAllSelected(),selectAllLabel:t.selectAllLabel,onSelectAll:t.onSelectAll,template:t.panelHeaderTemplate,resetFilter:t.resetFilter,closeIcon:t.closeIcon,filterIcon:t.filterIcon,itemCheckboxIcon:t.itemCheckboxIcon,ptm:c,cx:u,isUnstyled:p,metaData:t.metaData}),o=C(),s=O(),v=g({className:h(t.panelClassName,u("panel",{panelProps:t,context:a,allowOptionSelect:n})),style:t.panelStyle,onClick:t.onClick},m("panel"));if(t.inline)return e.createElement("div",j({ref:r},v),o,s);var y=g({classNames:u("transition"),in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:f,onEntered:d,onExit:t.onExit,onExited:t.onExited},m("transition"));return e.createElement(S,j({nodeRef:r},y),e.createElement("div",j({ref:r},v),l,o,s))}();return t.inline?N:e.createElement(E,{element:N,appendTo:t.appendTo})})));function oe(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 ie(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?oe(Object(n),!0).forEach((function(t){F(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):oe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ae(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=ce(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 ce(e,t){if(e){if("string"==typeof e)return ue(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)?ue(e,t):void 0}}function ue(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}re.displayName="MultiSelectPanel";var se=e.memo(e.forwardRef((function(l,o){var c=e.useContext(n),x=B.getProps(l,c),S=_(e.useState(""),2),E=S[0],I=S[1],w=_(e.useState(!1),2),C=w[0],N=w[1],P=_(e.useState(x.inline),2),D=P[0],A=P[1],L=e.useRef(null),T=e.useRef(x.inputRef),M=e.useRef(null),R=e.useRef(null),V=E&&E.trim().length>0,G=v.isEmpty(x.value),H=x.optionValue?null:x.dataKey,J={props:x,state:{filterState:E,focused:C,overlayVisible:D}},X=B.setMetaData(J),q=X.ptm,U=X.cx,z=X.sx,W=X.isUnstyled;i(B.css.styles,W,{name:"multiselect"});var Y=_(u({target:L,overlay:R,listener:function(e,t){t.valid&&("outside"===t.type?!pe(e)&&!me(e)&&ue():ue())},when:D}),2),Z=Y[0],$=Y[1],Q=function(){return!x.selectionLimit||!x.value||x.value&&x.value.length<x.selectionLimit},ee=function(e){var t=e.originalEvent,n=e.option;if(!x.disabled&&!xe(n)){var l=ge(n),r=ke(n),o=be(n),i=Q();o?le(t,x.value.filter((function(e){return!v.equals(r?e:ge(e),l,H)})),n):i&&le(t,[].concat(K(x.value||[]),[l]),n)}},te=function e(t){var n=t.nextElementSibling;return n?!0===y.getAttribute(n,"data-p-disabled")||"itemgroup"===y.getAttribute(n,"data-pc-section")?e(n):n:null},ne=function e(t){var n=t.previousElementSibling;return n?!0===y.getAttribute(n,"data-p-disabled")||"itemgroup"===y.getAttribute(n,"data-pc-section")?e(n):n:null},le=function(e,t,n){x.onChange&&x.onChange({originalEvent:e,value:t,selectedOption:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:x.name,id:x.id,value:t}})},oe=function(){I(""),x.onFilter&&x.onFilter({filter:""})},ce=function(){A(!0)},ue=function(){A(!1)},se=function(){y.alignOverlay(R.current,M.current.parentElement,x.appendTo||c&&c.appendTo||t.appendTo)},pe=function(e){return"clearicon"===y.getAttribute(e.target,"data-pc-section")},me=function(e){return"headercheckboxcontainer"===y.getAttribute(e.target,"data-pc-section")},fe=function(e){return R.current&&R.current.contains(e.target)},de=function(e,t){return t.findIndex((function(t){return e.some((function(e){return v.equals(e,ge(t),H)}))}))},be=function(e){if(x.value){var t=ge(e),n=ke(e);return x.value.some((function(e){return v.equals(n?e:ge(e),t,H)}))}return!1},he=function(e){var t;if(x.options)if(x.optionGroupLabel){var n,l=ae(x.options);try{for(l.s();!(n=l.n()).done;){if(t=ve(e,Oe(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=ve(e,x.value);return t?ye(t):null},ve=function(e,t){return t.find((function(t){return v.equals(ge(t),e,H)}))},ye=function(e){return x.optionLabel?v.resolveFieldData(e,x.optionLabel):e&&void 0!==e.label?e.label:e},ge=function(e){if(x.useOptionAsValue)return e;if(x.optionValue){var t=v.resolveFieldData(e,x.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},Oe=function(e){return v.resolveFieldData(e,x.optionGroupChildren)},xe=function(e){return x.optionDisabled?v.isFunction(x.optionDisabled)?x.optionDisabled(e):v.resolveFieldData(e,x.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},ke=function(e){return!x.useOptionAsValue&&x.optionValue||e&&void 0!==e.value},Se=function(e,t){var n=x.value.filter((function(e){return!v.equals(e,t,H)}));le(e,n,t)},Ee=function(){var e=/{(.*?)}/;return e.test(x.selectedItemsLabel)?x.selectedItemsLabel.replace(x.selectedItemsLabel.match(e)[0],x.value.length+""):x.selectedItemsLabel},Ie=function(){if(!G&&!x.fixedPlaceholder)return v.isNotEmpty(x.maxSelectedLabels)&&x.value.length>x.maxSelectedLabels?Ee():x.value.reduce((function(e,t,n){return e+(0!==n?",":"")+he(t)}),"")};e.useImperativeHandle(o,(function(){return{props:x,show:ce,hide:ue,focus:function(){return y.focus(T.current)},getElement:function(){return L.current},getOverlay:function(){return R.current},getInput:function(){return T.current}}})),e.useEffect((function(){v.combinedRefs(T,x.inputRef)}),[T,x.inputRef]),e.useEffect((function(){setTimeout((function(){x.overlayVisible?ce():ue()}),100)}),[x.overlayVisible]),a((function(){D&&V&&se()}),[D,V]),s((function(){k.clear(R.current)}));var we,Ce,Ne,Pe=function(){if(V){var e=E.trim().toLocaleLowerCase(x.filterLocale),t=x.filterBy?x.filterBy.split(","):[x.optionLabel||"label"];if(x.optionGroupLabel){var n,l=[],o=ae(x.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=r.filter(Oe(i),t,e,x.filterMatchMode,x.filterLocale);a&&a.length&&l.push(ie(ie({},i),F({},x.optionGroupChildren,a)))}}catch(e){o.e(e)}finally{o.f()}return l}return r.filter(x.options,t,e,x.filterMatchMode,x.filterLocale)}return x.options}(),je=v.isNotEmpty(x.tooltip),De=B.getOtherProps(x),Ae=v.reduceKeys(De,y.ARIA_PROPS),Le=g({className:U("triggerIcon")},q("triggerIcon")),Fe=g({className:U("trigger")},q("trigger")),Te=e.createElement("div",Fe,x.dropdownIcon?O.getJSXIcon(x.dropdownIcon,ie({},Le),{props:x}):e.createElement(p,Le)),Me=!x.inline&&(we=x.selectedItemTemplate?G?v.getJSXElement(x.selectedItemTemplate):v.isNotEmpty(x.maxSelectedLabels)&&x.value.length>x.maxSelectedLabels?Ee():x.value.map((function(t,n){var l=v.getJSXElement(x.selectedItemTemplate,t);return e.createElement(e.Fragment,{key:n},l)})):"chip"!==x.display||G?Ie():x.value.slice(0,x.maxSelectedLabels||x.value.length).map((function(t,n){var l=he(t),r=g({key:n,className:U("removeTokenIcon"),onClick:function(e){return Se(e,t)}},q("removeTokenIcon")),o=!x.disabled&&(x.removeIcon?O.getJSXIcon(x.removeIcon,ie({},r),{props:x}):e.createElement(f,r)),i=g({className:U("token")},q("token")),a=g({key:l+n,className:U("tokenLabel")},q("tokenLabel"));return e.createElement("div",j({},i,{key:l}),e.createElement("span",a,l),o)})),Ce=g({ref:M,className:U("labelContainer")},q("labelContainer")),Ne=g({className:U("label",{empty:G})},q("label")),e.createElement("div",Ce,e.createElement("div",Ne,we||x.placeholder||"empty"))),Re=!x.inline&&function(){var t=g({className:U("clearIcon"),onClick:function(e){return le(e,null,null)}},q("clearIcon")),n=O.getJSXIcon(x.clearIcon||e.createElement(m,t),ie({},t),{props:x});return G||!x.showClear||x.disabled?null:n}(),Ve=g(ie(ie({ref:L,id:x.id,style:x.style,className:h(x.className,U("root",{focusedState:C,overlayVisibleState:D}))},De),{},{onClick:function(e){x.inline||x.disabled||fe(e)||"removetokenicon"===y.getAttribute(e.target,"data-pc-section")||pe(e)||(D?ue():ce(),y.focus(T.current),e.preventDefault())}}),B.getOtherProps(x),q("root")),Ge=g({className:"p-hidden-accessible"},q("hiddenInputWrapper")),Ke=g(ie({ref:T,id:x.inputId,name:x.name,type:"text",onFocus:function(e){N(!0),x.onFocus&&x.onFocus(e)},onBlur:function(e){N(!1),x.onBlur&&x.onBlur(e)},onKeyDown:function(e){switch(e.which){case 40:if(x.inline)break;!D&&e.altKey&&(ce(),e.preventDefault());break;case 32:if(x.inline)break;D?ue():ce(),e.preventDefault();break;case 27:if(x.inline)break;ue();break;case 9:if(D){var t=y.getFirstFocusableElement(R.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-expanded":D,disabled:x.disabled,tabIndex:x.tabIndex},Ae),q("input"));return e.createElement(e.Fragment,null,e.createElement("div",Ve,e.createElement("div",Ge,e.createElement("input",j({},Ke,{readOnly:!0}))),!x.inline&&e.createElement(e.Fragment,null,Me,Re,Te),e.createElement(re,j({hostName:"MultiSelect",ref:R,visibleOptions:Pe},x,{onClick:function(e){d.emit("overlay-click",{originalEvent:e,target:L.current})},onOverlayHide:ue,filterValue:E,hasFilter:V,onFilterInputChange:function(e){var t=e.query;I(t),x.onFilter&&x.onFilter({originalEvent:e,filter:t})},resetFilter:oe,onCloseClick:function(e){ue(),y.focus(T.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(x.onSelectAll)x.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],Pe){var n=Pe.filter((function(e){return xe(e)&&be(e)}));t=n.map((function(e){return ge(e)}))}}else if(Pe){var l=Pe.filter((function(e){return!xe(e)||be(e)}));x.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(K(t),K(Oe(e).filter((function(e){return!xe(e)})).map((function(e){return ge(e)}))))}))):t=l.map((function(e){return ge(e)}))}le(e.originalEvent,t,t)}},getOptionLabel:ye,getOptionRenderKey:function(e){return x.dataKey?v.resolveFieldData(e,x.dataKey):ye(e)},isOptionDisabled:xe,getOptionGroupChildren:Oe,getOptionGroupLabel:function(e){return v.resolveFieldData(e,x.optionGroupLabel)},getOptionGroupRenderKey:function(e){return v.resolveFieldData(e,x.optionGroupLabel)},isSelected:be,getSelectedOptionIndex:function(){if(null!=x.value&&x.options){if(x.optionGroupLabel){var e=0,t=x.options.findIndex((function(t,n){return(e=n)&&-1!==de(x.value,Oe(t))}));return-1!==t?{group:e,option:t}:-1}return de(x.value,x.options)}return-1},isAllSelected:function(){if(x.onSelectAll)return x.selectAll;if(v.isEmpty(Pe))return!1;var e=Pe.filter((function(e){return!xe(e)}));if(x.optionGroupLabel){var t,n=!0,l=ae(e);try{for(l.s();!(t=l.n()).done;){!0===Oe(t.value).filter((function(e){return!xe(e)})).some((function(e){return!be(e)}))&&(n=!1)}}catch(e){l.e(e)}finally{l.f()}return n}return!e.some((function(e){return!be(e)}))},onOptionSelect:ee,allowOptionSelect:Q,onOptionKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=te(n);l&&l.focus(),t.preventDefault();break;case 38:var r=ne(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:ee(e),t.preventDefault();break;case 27:ue(),y.focus(T.current)}},in:D,onEnter:function(e){var n;k.set("overlay",R.current,c&&c.autoZIndex||t.autoZIndex,c&&c.zIndex.overlay||t.zIndex.overlay),y.addStyles(R.current,{position:"absolute",top:"0",left:"0"}),se(),(n=y.findSingle(R.current,"li.p-highlight"))&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(e){e&&e(),Z(),x.onShow&&x.onShow()},onExit:function(){$()},onExited:function(){x.filter&&x.resetFilterOnHide&&oe(),k.clear(R.current),x.onHide&&x.onHide()},ptm:q,cx:U,sx:z,isUnstyled:W,metaData:J}))),je&&e.createElement(b,j({target:L,content:x.tooltip},x.tooltipOptions,{pt:q("tooltip")})))})));se.displayName="MultiSelect";export{se as MultiSelect};