primereact 10.3.0 → 10.3.1

package/treeselect/treeselect.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),l=require("primereact/icons/chevrondown"),o=require("primereact/icons/search"),a=require("primereact/icons/times"),i=require("primereact/overlayservice"),c=require("primereact/ripple"),s=require("primereact/tree"),u=require("primereact/utils"),p=require("primereact/csstransition"),f=require("primereact/portal");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var y=m(e),g=d(t);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},v.apply(this,arguments)}function b(e){return b="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},b(e)}function h(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=h(e,"string");return"symbol"===b(t)?t:String(t)}function O(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e){if(Array.isArray(e))return e}function S(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw l}}return i}}function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function x(e,t){if(e){if("string"==typeof e)return P(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?P(e,t):void 0}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,t){return w(e)||S(e,t)||x(e,t)||I()}var N=n.ComponentBase.extend({defaultProps:{__TYPE:"TreeSelect",appendTo:null,ariaLabel:null,ariaLabelledBy:null,className:null,closeIcon:null,clearIcon:null,disabled:!1,display:"comma",dropdownIcon:null,emptyMessage:null,expandedKeys:null,filter:!1,filterBy:"label",filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMode:"lenient",filterPlaceholder:null,filterTemplate:null,filterValue:null,inputId:null,inputRef:null,metaKeySelection:!0,name:null,nodeTemplate:null,onChange:null,onFilterValueChange:null,onHide:null,onNodeCollapse:null,onNodeExpand:null,onNodeSelect:null,onNodeUnselect:null,onShow:null,options:null,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,resetFilterOnHide:!1,scrollHeight:"400px",selectionMode:"single",showClear:!1,style:null,tabIndex:null,togglerTemplate:null,transitionOptions:null,value:null,valueTemplate:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.focusedState;return u.classNames("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===t.display,"p-treeselect-clearable":t.showClear&&!t.disabled,"p-disabled":t.disabled,"p-focus":n,"p-inputwrapper-filled":!e.isValueEmpty,"p-inputwrapper-focus":n||e.overlayVisibleState},t.className)},label:function(e){var t=e.props,n=e.isValueEmpty;return u.classNames("p-treeselect-label",{"p-placeholder":(0,e.getLabel)()===t.placeholder,"p-treeselect-label-empty":!t.placeholder&&n})},panel:function(e){var t=e.context;return u.classNames("p-treeselect-panel p-component",e.panelProps.panelClassName,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===g.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===g.default.ripple})},labelContainer:"p-treeselect-label-container",tokenLabel:"p-treeselect-token-label",token:"p-treeselect-token",trigger:"p-treeselect-trigger",triggerIcon:"p-treeselect-trigger-icon p-clickable",emptyMessage:"p-treeselect-empty-message",filterContainer:"p-treeselect-filter-container",filter:"p-treeselect-filter p-inputtext p-component",filterIcon:"p-treeselect-filter-icon",closeIcon:"p-treeselect-close-icon",clearIcon:"p-treeselect-clear-icon p-clickable",closeButton:"p-treeselect-close p-link",header:"p-treeselect-header",wrapper:"p-treeselect-items-wrapper",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-treeselect {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-treeselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-treeselect-label-container {\n        overflow: hidden;\n        flex: 1 1 auto;\n        cursor: pointer;\n    }\n    \n    .p-treeselect-label  {\n        display: block;\n        white-space: nowrap;\n        cursor: pointer;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n    \n    .p-treeselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    .p-treeselect-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-treeselect .p-treeselect-panel {\n        min-width: 100%;\n    }\n    \n    .p-treeselect-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-treeselect-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n    \n    .p-treeselect-filter-container {\n        position: relative;\n        flex: 1 1 auto;\n    }\n    \n    .p-treeselect-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-treeselect-filter-container .p-inputtext {\n        width: 100%;\n    }\n    \n    .p-treeselect-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-treeselect-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-fluid .p-treeselect {\n        display: flex;\n}\n}\n"}});function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=y.forwardRef((function(e,n){var r,l,o,a,i=y.useContext(t.PrimeReactContext),c=e.ptm,s=e.cx,d=function(t,n){return c(t,k({hostName:e.hostName},n))},m=(r={maxHeight:e.scrollHeight||"auto"},l=u.mergeProps({className:s("panel",{panelProps:e,context:i}),style:e.panelStyle,onClick:e.onClick},d("panel")),o=u.mergeProps({className:s("wrapper"),style:r},d("wrapper")),a=u.mergeProps({classNames:s("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},d("transition")),y.createElement(p.CSSTransition,v({nodeRef:n},a),y.createElement("div",v({ref:n},l),e.header,y.createElement("div",o,e.children),e.footer)));return y.createElement(f.Portal,{element:m,appendTo:e.appendTo})}));function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function H(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=M(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}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,a=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){i=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(i)throw o}}}}function M(e,t){if(e){if("string"==typeof e)return R(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?R(e,t):void 0}}function R(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}T.displayName="TreeSelectPanel";var F=y.memo(y.forwardRef((function(e,p){var f=y.useContext(t.PrimeReactContext),d=N.getProps(e,f),m=j(y.useState(!1),2),b=m[0],h=m[1],E=j(y.useState(!1),2),w=E[0],S=E[1],P=j(y.useState(d.expandedKeys),2),x=P[0],I=P[1],C=j(y.useState(""),2),k=C[0],D=C[1],M=y.useRef(null),R=y.useRef(null),F=y.useRef(null),V=y.useRef(d.inputRef),A=y.useRef(null),K=y.useRef(null),q=d.onToggle?d.expandedKeys:x,L=d.onFilterValueChange?d.filterValue:k,_=u.ObjectUtils.isEmpty(d.value),B=u.ObjectUtils.isEmpty(d.options),J="single"===d.selectionMode,X="checkbox"===d.selectionMode,Z={props:d,state:{focused:b,overlayVisible:w,expandedKeys:q,filterValue:L}},z=N.setMetaData(Z),$=z.ptm,W=z.cx;n.useHandleStyle(N.css.styles,z.isUnstyled,{name:"treeselect"});var Y={filter:function(e){return me(e)},reset:function(){return ye()}},G=j(r.useOverlayListener({target:M,overlay:R,listener:function(e,t){t.valid&&re()},when:w}),2),Q=G[0],ee=G[1],te=function(){return je.length?je.map((function(e){return e.label})).join(", "):d.placeholder},ne=function(){S(!0)},re=function(){S(!1)},le=function(){h(!0)},oe=function(){h(!1)},ae=function(e){d.onChange&&(K.current=!0,d.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:d.name,id:d.id,value:e.value}}))},ie=function(e){d.onChange&&(K.current=!0,d.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:d.name,id:d.id,value:void 0}}))},ce=function(e){d.onNodeSelect&&d.onNodeSelect(e),J&&re()},se=function(e){d.onNodeUnselect&&d.onNodeUnselect(e)},ue=function(e){d.onToggle?d.onToggle(e):I(e.value)},pe=function(e){D(e.value)},fe=function(e){switch(e.which){case 40:!w&&e.altKey&&ne();break;case 32:w||(ne(),e.preventDefault());break;case 13:case 27:w&&(re(),e.preventDefault());break;case 9:re()}},de=function(e){13===e.which&&e.preventDefault()},me=function(e){var t=e.target.value;d.onFilterValueChange?d.onFilterValueChange({originalEvent:e,value:t}):D(t)},ye=function(){D("")},ge=function(){u.DomHandler.alignOverlay(R.current,A.current.parentElement,d.appendTo||f&&f.appendTo||g.default.appendTo)},ve=function(){var e=u.DomHandler.findSingle(R.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},be=function e(t,n,r){if(t){if(he(t,n)&&(r.push(t),delete n[t.key]),Object.keys(n).length&&t.children){var l,o=H(t.children);try{for(o.s();!(l=o.n()).done;){e(l.value,n,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var a,i=H(d.options);try{for(i.s();!(a=i.n()).done;){e(a.value,n,r)}}catch(e){i.e(e)}finally{i.f()}}},he=function(e,t){return X?t[e.key]&&t[e.key].checked:t[e.key]},Ee=function(){var e=J?O({},"".concat(d.value),!0):U({},d.value);I({}),e&&d.options&&Oe(null,null,e)},Oe=function e(t,n,r){if(t){if(he(t,r)&&(we(n),delete r[t.key]),Object.keys(r).length&&t.children){var l,o=H(t.children);try{for(o.s();!(l=o.n()).done;){var a=l.value;n.push(t.key),e(a,n,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var i,c=H(d.options);try{for(c.s();!(i=c.n()).done;){e(i.value,[],r)}}catch(e){c.e(e)}finally{c.f()}}},we=function(e){if(e.length>0){var t,n=U({},x||{}),r=H(e);try{for(r.s();!(t=r.n()).done;){n[t.value]=!0}}catch(e){r.e(e)}finally{r.f()}I(n)}};y.useImperativeHandle(p,(function(){return{props:d,clear:ie,show:ne,hide:re,focus:function(){return u.DomHandler.focus(V.current)},getElement:function(){return M.current}}})),y.useEffect((function(){u.ObjectUtils.combinedRefs(V,d.inputRef)}),[V,d.inputRef]),r.useMountEffect((function(){Ee(),d.autoFocus&&u.DomHandler.focus(V.current,d.autoFocus),ge()})),r.useUpdateEffect((function(){w&&d.filter&&ge()})),r.useUpdateEffect((function(){Ee()}),[d.options]),r.useUpdateEffect((function(){w&&x&&ge()}),[x]),r.useUpdateEffect((function(){w&&(K.current||Ee(),K.current=!1)}),[d.value]),r.useUnmountEffect((function(){u.ZIndexUtils.clear(R.current)}));var Se,Pe,xe,Ie=function(){if(d.filter){var e=u.ObjectUtils.isNotEmpty(L)?L:"",t=u.mergeProps({className:W("filterContainer")},$("filterContainer")),n=u.mergeProps({ref:F,type:"text",value:e,autoComplete:"off",className:W("filter"),placeholder:d.filterPlaceholder,onKeyDown:de,onChange:me,disabled:d.disabled},$("filter")),r=u.mergeProps({className:W("filterIcon")},$("filterIcon")),l=u.IconUtils.getJSXIcon(d.filterIcon||y.createElement(o.SearchIcon,r),U({},r),{props:d}),a=y.createElement("div",t,y.createElement("input",n),l);if(d.filterTemplate)a=u.ObjectUtils.getJSXElement(d.filterTemplate,{className:"p-treeselect-filter-container",element:a,filterOptions:Y,filterInputKeyDown:de,filterInputChange:me,filterIconClassName:"p-dropdown-filter-icon",props:d});return y.createElement(y.Fragment,null,a)}},je=function(){var e=[];if(u.ObjectUtils.isNotEmpty(d.value)&&d.options){var t=J?O({},"".concat(d.value),!0):U({},d.value);be(null,t,e)}return e}(),Ne=N.getOtherProps(d),Ce=u.ObjectUtils.reduceKeys(Ne,u.DomHandler.ARIA_PROPS),ke=u.mergeProps({ref:M,className:W("root",{focusedState:b,overlayVisibleState:w,isValueEmpty:_}),style:d.style,onClick:function(e){d.disabled||R.current&&R.current.contains(e.target)||u.DomHandler.hasClass(e.target,"p-treeselect-close")||(u.DomHandler.focus(V.current),w?re():ne())}},N.getOtherProps(d),$("root")),Te=(Se=u.mergeProps({className:"p-hidden-accessible"},$("hiddenInputWrapper")),Pe=u.mergeProps(U({ref:V,role:"listbox",id:d.inputId,type:"text","aria-expanded":w,onFocus:le,onBlur:oe,onKeyDown:fe,disabled:d.disabled,tabIndex:d.tabIndex},Ce),$("hiddenInput")),y.createElement("div",Se,y.createElement("input",v({},Pe,{readOnly:!0})))),De=function(){var e=u.mergeProps({className:W("token")},$("token")),t=u.mergeProps({className:W("tokenLabel")},$("tokenLabel")),n=u.mergeProps({className:W("labelContainer")},$("labelContainer")),r=u.mergeProps({className:W("label",{isValueEmpty:_,getLabel:te})},$("label")),l=null;return d.valueTemplate?l=u.ObjectUtils.getJSXElement(d.valueTemplate,je,d):"comma"===d.display?l=te()||"empty":"chip"===d.display&&(l=y.createElement(y.Fragment,null,je&&je.map((function(n,r){return y.createElement("div",v({},e,{key:"".concat(n.key,"_").concat(r)}),y.createElement("span",t,n.label))})),_&&(d.placeholder||"empty"))),y.createElement("div",n,y.createElement("div",r,l))}(),Ue=function(){var e=u.mergeProps({ref:A,className:W("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":w},$("trigger")),t=u.mergeProps({className:W("triggerIcon")},$("triggerIcon")),n=u.IconUtils.getJSXIcon(d.dropdownIcon||y.createElement(l.ChevronDownIcon,t),U({},t),{props:d});return y.createElement("div",e,n)}(),He=function(){if(null!=d.value&&d.showClear&&!d.disabled){var e=u.mergeProps({className:W("clearIcon"),onPointerUp:ie},$("clearIcon"));return u.IconUtils.getJSXIcon(d.clearIcon||y.createElement(a.TimesIcon,e),U({},e),{props:d})}return null}(),Me=(xe=u.mergeProps({className:W("emptyMessage")},$("emptyMessage")),y.createElement(y.Fragment,null,y.createElement(s.Tree,{expandedKeys:q,filter:d.filter,filterBy:d.filterBy,filterLocale:d.filterLocale,filterMode:d.filterMode,filterPlaceholder:d.filterPlaceholder,filterValue:L,metaKeySelection:d.metaKeySelection,nodeTemplate:d.nodeTemplate,onCollapse:d.onNodeCollapse,onExpand:d.onNodeExpand,onFilterValueChange:pe,onSelect:ce,onSelectionChange:ae,onToggle:ue,onUnselect:se,selectionKeys:d.value,selectionMode:d.selectionMode,showHeader:!1,togglerTemplate:d.togglerTemplate,value:d.options,pt:$("tree"),__parentMetadata:{parent:Z}}),B&&y.createElement("div",xe,d.emptyMessage||t.localeOption("emptyMessage")))),Re=function(){var e=Ie(),n=u.mergeProps({className:W("closeIcon"),"aria-hidden":!0},$("closeIcon")),r=u.IconUtils.getJSXIcon(d.closeIcon||y.createElement(a.TimesIcon,n),U({},n),{props:d}),l=u.mergeProps({type:"button",className:W("closeButton"),onClick:re,"aria-label":t.localeOption("close")},$("closeButton")),o=u.mergeProps({className:W("header")},$("header")),i=y.createElement("button",l,r,y.createElement(c.Ripple,null)),s=y.createElement("div",o,e,i);return d.panelHeaderTemplate?u.ObjectUtils.getJSXElement(d.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:e,closeElement:i,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon",onCloseClick:re,element:s,props:d}):s}(),Fe=u.ObjectUtils.getJSXElement(d.panelFooterTemplate,d);return y.createElement("div",ke,Te,De,He,Ue,y.createElement(T,{hostName:"TreeSelect",ref:R,appendTo:d.appendTo,panelStyle:d.panelStyle,panelClassName:d.panelClassName,scrollHeight:d.scrollHeight,onClick:function(e){i.OverlayService.emit("overlay-click",{originalEvent:e,target:M.current})},header:Re,footer:Fe,transitionOptions:d.transitionOptions,in:w,onEnter:function(){u.ZIndexUtils.set("overlay",R.current,f&&f.autoZIndex||g.default.autoZIndex,f&&f.zIndex.overlay||g.default.zIndex.overlay),u.DomHandler.addStyles(R.current,{position:"absolute",top:"0",left:"0"}),ge(),ve()},onEntered:function(){Q(),d.filter&&d.filterInputAutoFocus&&u.DomHandler.focus(F.current,d.filterInputAutoFocus),d.onShow&&d.onShow()},onExit:function(){ee()},onExited:function(){d.filter&&d.resetFilterOnHide&&ye(),u.ZIndexUtils.clear(R.current),d.onHide&&d.onHide()},ptm:$,cx:W},Me))})));F.displayName="TreeSelect",exports.TreeSelect=F;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),l=require("primereact/icons/chevrondown"),o=require("primereact/icons/search"),a=require("primereact/icons/times"),i=require("primereact/overlayservice"),c=require("primereact/ripple"),s=require("primereact/tooltip"),u=require("primereact/tree"),p=require("primereact/utils"),f=require("primereact/csstransition"),d=require("primereact/portal");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function y(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var b=y(e),g=m(t);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},v.apply(this,arguments)}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function E(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 w(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function S(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(e){return I="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},I(e)}function P(e,t){if("object"!==I(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==I(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function x(e){var t=P(e,"string");return"symbol"===I(t)?t:String(t)}function j(e,t,n){return(t=x(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw l}}return i}}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 k(e,t){return N(e)||C(e,t)||w(e,t)||D()}var T=n.ComponentBase.extend({defaultProps:{__TYPE:"TreeSelect",appendTo:null,ariaLabel:null,ariaLabelledBy:null,className:null,closeIcon:null,clearIcon:null,disabled:!1,display:"comma",dropdownIcon:null,emptyMessage:null,expandedKeys:null,filter:!1,filterBy:"label",filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMode:"lenient",filterPlaceholder:null,filterTemplate:null,filterValue:null,inputId:null,inputRef:null,metaKeySelection:!0,name:null,nodeTemplate:null,onChange:null,onFocus:null,onBlur:null,onFilterValueChange:null,onHide:null,onNodeCollapse:null,onNodeExpand:null,onNodeSelect:null,onNodeUnselect:null,onShow:null,options:null,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,resetFilterOnHide:!1,scrollHeight:"400px",selectionMode:"single",showClear:!1,style:null,tabIndex:null,togglerTemplate:null,transitionOptions:null,value:null,valueTemplate:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.focusedState;return p.classNames("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===t.display,"p-treeselect-clearable":t.showClear&&!t.disabled,"p-disabled":t.disabled,"p-focus":n,"p-inputwrapper-filled":!e.isValueEmpty,"p-inputwrapper-focus":n||e.overlayVisibleState},t.className)},label:function(e){var t=e.props,n=e.isValueEmpty;return p.classNames("p-treeselect-label",{"p-placeholder":(0,e.getLabel)()===t.placeholder,"p-treeselect-label-empty":!t.placeholder&&n})},panel:function(e){var t=e.context;return p.classNames("p-treeselect-panel p-component",e.panelProps.panelClassName,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===g.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===g.default.ripple})},labelContainer:"p-treeselect-label-container",tokenLabel:"p-treeselect-token-label",token:"p-treeselect-token",trigger:"p-treeselect-trigger",triggerIcon:"p-treeselect-trigger-icon p-clickable",emptyMessage:"p-treeselect-empty-message",filterContainer:"p-treeselect-filter-container",filter:"p-treeselect-filter p-inputtext p-component",filterIcon:"p-treeselect-filter-icon",closeIcon:"p-treeselect-close-icon",clearIcon:"p-treeselect-clear-icon p-clickable",closeButton:"p-treeselect-close p-link",header:"p-treeselect-header",wrapper:"p-treeselect-items-wrapper",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-treeselect {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n\n    .p-treeselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .p-treeselect-label-container {\n        overflow: hidden;\n        flex: 1 1 auto;\n        cursor: pointer;\n    }\n\n    .p-treeselect-label  {\n        display: block;\n        white-space: nowrap;\n        cursor: pointer;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    .p-treeselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n\n    .p-treeselect-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n\n    .p-treeselect .p-treeselect-panel {\n        min-width: 100%;\n    }\n\n    .p-treeselect-items-wrapper {\n        overflow: auto;\n    }\n\n    .p-treeselect-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-treeselect-filter-container {\n        position: relative;\n        flex: 1 1 auto;\n    }\n\n    .p-treeselect-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-treeselect-filter-container .p-inputtext {\n        width: 100%;\n    }\n\n    .p-treeselect-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-treeselect-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-fluid .p-treeselect {\n        display: flex;\n}\n}\n"}});function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var F=b.forwardRef((function(e,n){var r,l,o,a,i=b.useContext(t.PrimeReactContext),c=e.ptm,s=e.cx,u=function(t,n){return c(t,U({hostName:e.hostName},n))},m=function(t){"Escape"===t.key&&(t.preventDefault(),e.hide())},y=(r={maxHeight:e.scrollHeight||"auto"},l=p.mergeProps({className:s("panel",{panelProps:e,context:i}),style:e.panelStyle,onKeyDown:m,onClick:e.onClick},u("panel")),o=p.mergeProps({className:s("wrapper"),style:r},u("wrapper")),a=p.mergeProps({classNames:s("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},u("transition")),b.createElement(f.CSSTransition,v({nodeRef:n},a),b.createElement("div",v({ref:n},l),e.firstHiddenFocusableElementOnOverlay,e.header,b.createElement("div",o,e.children),e.footer,e.lastHiddenFocusableElementOnOverlay)));return b.createElement(d.Portal,{element:y,appendTo:e.appendTo})}));function A(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function M(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=V(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}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,a=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){i=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(i)throw o}}}}function V(e,t){if(e){if("string"==typeof e)return K(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?K(e,t):void 0}}function K(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}F.displayName="TreeSelectPanel";var q=b.memo(b.forwardRef((function(e,f){var d=b.useContext(t.PrimeReactContext),m=T.getProps(e,d),y=k(b.useState(!1),2),h=y[0],I=y[1],P=k(b.useState(!1),2),x=P[0],N=P[1],C=k(b.useState(m.expandedKeys),2),D=C[0],H=C[1],U=k(b.useState(""),2),A=U[0],V=U[1],K=b.useRef(null),q=b.useRef(null),L=b.useRef(null),B=b.useRef(m.inputRef),_=b.useRef(null),J=b.useRef(null),X=b.useRef(null),Z=b.useRef(null),z=b.useRef(null),$=b.useRef(!1),W=b.useRef(""),Y=m.onToggle?m.expandedKeys:D,G=m.onFilterValueChange?m.filterValue:A,Q=p.ObjectUtils.isEmpty(m.value),ee=p.ObjectUtils.isEmpty(m.options),te="single"===m.selectionMode,ne="checkbox"===m.selectionMode,re=p.ObjectUtils.isNotEmpty(m.tooltip),le={props:m,state:{focused:h,overlayVisible:x,expandedKeys:Y,filterValue:G}},oe=T.setMetaData(le),ae=oe.ptm,ie=oe.cx;n.useHandleStyle(T.css.styles,oe.isUnstyled,{name:"treeselect"});var ce={filter:function(e){return De(e)},reset:function(){return ke()}},se=k(r.useOverlayListener({target:K,overlay:q,listener:function(e,t){t.valid&&me()},when:x}),2),ue=se[0],pe=se[1],fe=function(){return _e.length?_e.map((function(e){return e.label})).join(", "):m.placeholder},de=function(){N(!0)},me=function(){N(!1),B.current&&p.DomHandler.focus(B.current)},ye=function(){I(!0),m.onFocus&&m.onFocus()},be=function(){I(!1),m.onBlur&&m.onBlur()},ge=function(e){m.onChange&&(J.current=!0,m.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:m.name,id:m.id,value:e.value}}))},ve=function(e){m.onChange&&(J.current=!0,m.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:m.name,id:m.id,value:void 0}}))},he=function(e){m.onNodeSelect&&m.onNodeSelect(e),te&&me()},Ee=function(e){m.onNodeUnselect&&m.onNodeUnselect(e),ne&&e.originalEvent.stopPropagation()},Oe=function(e){m.onToggle?m.onToggle(e):H(e.value)},we=function(e){V(e.value)},Se=function(e,t){switch(e.code){case"ArrowDown":e.preventDefault(),Re();break;case"ArrowUp":e.preventDefault(),B.current&&p.DomHandler.focus(B.current);break;case"Space":case"Enter":case"NumpadEnter":e.preventDefault(),t&&me();break;case"Escape":je(e)}},Ie=function(e){switch(e.code){case"ArrowDown":Pe(e);break;case"Space":case"Enter":case"NumpadEnter":xe(e);break;case"Escape":je(e);break;case"Tab":x&&(e.preventDefault(),e.shiftKey?Re():Ne(e))}},Pe=function(e){x||($.current=!0,de(),e.preventDefault())},xe=function(e){x?me():Pe(e),e.preventDefault()},je=function(e){x&&(me(),e.preventDefault())},Ne=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||x&&Ce()&&(p.DomHandler.focus(Z.current),e.preventDefault())},Ce=function(){return p.DomHandler.getFocusableElements(q.current,':not([data-p-hidden-focusable="true"])').length>0},De=function(e){var t=e.target.value;m.onFilterValueChange?m.onFilterValueChange({originalEvent:e,value:t}):V(t)},ke=function(){V("")},Te=function(){p.DomHandler.alignOverlay(q.current,_.current.parentElement,m.appendTo||d&&d.appendTo||g.default.appendTo)},He=function(){var e=p.DomHandler.findSingle(q.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},Ue=function e(t,n,r){if(t){if(Fe(t,n)&&(r.push(t),delete n[t.key]),Object.keys(n).length&&t.children){var l,o=M(t.children);try{for(o.s();!(l=o.n()).done;){e(l.value,n,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var a,i=M(m.options);try{for(i.s();!(a=i.n()).done;){e(a.value,n,r)}}catch(e){i.e(e)}finally{i.f()}}},Fe=function(e,t){return ne?t[e.key]&&t[e.key].checked:t[e.key]},Ae=function(){var e=te?j({},"".concat(m.value),!0):R({},m.value);H({}),e&&m.options&&Me(null,null,e)},Re=function(){var e,t=p.DomHandler.find(X.current.getElement(),'[data-pc-section="node"]'),n=(e=t,E(e)||O(e)||w(e)||S()).find((function(e){return"0"===e.getAttribute("tabindex")}));p.DomHandler.focus(n)},Me=function e(t,n,r){if(t){if(Fe(t,r)&&(Ve(n),delete r[t.key]),Object.keys(r).length&&t.children){var l,o=M(t.children);try{for(o.s();!(l=o.n()).done;){var a=l.value;n.push(t.key),e(a,n,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var i,c=M(m.options);try{for(c.s();!(i=c.n()).done;){e(i.value,[],r)}}catch(e){c.e(e)}finally{c.f()}}},Ve=function(e){if(e.length>0){var t,n=R({},D||{}),r=M(e);try{for(r.s();!(t=r.n()).done;){n[t.value]=!0}}catch(e){r.e(e)}finally{r.f()}H(n)}};b.useImperativeHandle(f,(function(){return{props:m,clear:ve,show:de,hide:me,focus:function(){return p.DomHandler.focus(B.current)},getElement:function(){return K.current}}})),b.useEffect((function(){p.ObjectUtils.combinedRefs(B,m.inputRef)}),[B,m.inputRef]),r.useMountEffect((function(){Ae(),W.current=p.UniqueComponentId()+"_list",m.autoFocus&&p.DomHandler.focus(B.current,m.autoFocus),Te()})),r.useUpdateEffect((function(){x&&m.filter&&Te()})),r.useUpdateEffect((function(){Ae()}),[m.options]),r.useUpdateEffect((function(){$.current&&x&&($.current=!1,Re())}),[x]),r.useUpdateEffect((function(){x&&D&&Te()}),[D]),r.useUpdateEffect((function(){x&&(J.current||Ae(),J.current=!1)}),[m.value]),r.useUnmountEffect((function(){p.ZIndexUtils.clear(q.current)}));var Ke,qe,Le,Be=function(){if(m.filter){var e=p.ObjectUtils.isNotEmpty(G)?G:"",t=p.mergeProps({className:ie("filterContainer")},ae("filterContainer")),n=p.mergeProps({ref:L,type:"text",value:e,autoComplete:"off",className:ie("filter"),placeholder:m.filterPlaceholder,onKeyDown:function(e){return Se(e,!1)},onChange:De,disabled:m.disabled},ae("filter")),r=p.mergeProps({className:ie("filterIcon")},ae("filterIcon")),l=p.IconUtils.getJSXIcon(m.filterIcon||b.createElement(o.SearchIcon,r),R({},r),{props:m}),a=b.createElement("div",t,b.createElement("input",n),l);if(m.filterTemplate)a=p.ObjectUtils.getJSXElement(m.filterTemplate,{className:"p-treeselect-filter-container",element:a,filterOptions:ce,filterInputKeyDown:function(e){return Se(e,(function(){}))},filterInputChange:De,filterIconClassName:"p-dropdown-filter-icon",props:m});return b.createElement(b.Fragment,null,a)}},_e=function(){var e=[];if(p.ObjectUtils.isNotEmpty(m.value)&&m.options){var t=te?j({},"".concat(m.value),!0):R({},m.value);Ue(null,t,e)}return e}(),Je=T.getOtherProps(m),Xe=p.ObjectUtils.reduceKeys(Je,p.DomHandler.ARIA_PROPS),Ze=p.mergeProps({ref:Z,role:"presentation",className:"p-hidden-accessible p-hidden-focusable",tabIndex:0,onFocus:function(e){var t=e.relatedTarget===B.current?p.DomHandler.getFirstFocusableElement(q.current,':not([data-p-hidden-focusable="true"])'):B.current;p.DomHandler.focus(t)},"aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},ae("firstHiddenFocusableElementOnOverlay")),ze=p.mergeProps({ref:z,role:"presentation",className:"p-hidden-accessible p-hidden-focusable",tabIndex:0,onFocus:function(e){var t=e.relatedTarget===B.current?p.DomHandler.getLastFocusableElement(q.current,':not([data-p-hidden-focusable="true"])'):B.current;p.DomHandler.focus(t)},"aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},ae("lastHiddenFocusableElementOnOverlay")),$e=p.mergeProps({ref:K,className:ie("root",{focusedState:h,overlayVisibleState:x,isValueEmpty:Q}),style:m.style,onClick:function(e){m.disabled||q.current&&q.current.contains(e.target)||p.DomHandler.hasClass(e.target,"p-treeselect-close")||(p.DomHandler.focus(B.current),x?me():de())}},T.getOtherProps(m),ae("root")),We=(Ke=p.mergeProps({className:"p-hidden-accessible"},ae("hiddenInputWrapper")),qe=p.mergeProps(R({ref:B,role:"listbox",id:m.inputId,type:"text","aria-expanded":x,"aria-label":m.ariaLabel,"aria-labelledby":m.ariaLabelledBy,"aria-haspopup":"tree","aria-controls":W.current,onFocus:ye,onBlur:be,onKeyDown:Ie,disabled:m.disabled,tabIndex:m.tabIndex},Xe),ae("hiddenInput")),b.createElement("div",Ke,b.createElement("input",v({},qe,{readOnly:!0})))),Ye=function(){var e=p.mergeProps({className:ie("token")},ae("token")),t=p.mergeProps({className:ie("tokenLabel")},ae("tokenLabel")),n=p.mergeProps({className:ie("labelContainer")},ae("labelContainer")),r=p.mergeProps({className:ie("label",{isValueEmpty:Q,getLabel:fe})},ae("label")),l=null;return m.valueTemplate?l=p.ObjectUtils.getJSXElement(m.valueTemplate,_e,m):"comma"===m.display?l=fe()||"empty":"chip"===m.display&&(l=b.createElement(b.Fragment,null,_e&&_e.map((function(n,r){return b.createElement("div",v({},e,{key:"".concat(n.key,"_").concat(r)}),b.createElement("span",t,n.label))})),Q&&(m.placeholder||"empty"))),b.createElement("div",n,b.createElement("div",r,l))}(),Ge=function(){var e=p.mergeProps({ref:_,className:ie("trigger"),role:"button","aria-haspopup":"tree","aria-expanded":x},ae("trigger")),t=p.mergeProps({className:ie("triggerIcon")},ae("triggerIcon")),n=p.IconUtils.getJSXIcon(m.dropdownIcon||b.createElement(l.ChevronDownIcon,t),R({},t),{props:m});return b.createElement("div",e,n)}(),Qe=function(){if(null!=m.value&&m.showClear&&!m.disabled){var e=p.mergeProps({className:ie("clearIcon"),onPointerUp:ve},ae("clearIcon"));return p.IconUtils.getJSXIcon(m.clearIcon||b.createElement(a.TimesIcon,e),R({},e),{props:m})}return null}(),et=(Le=p.mergeProps({className:ie("emptyMessage")},ae("emptyMessage")),b.createElement(b.Fragment,null,b.createElement(u.Tree,{ref:X,id:W.current,expandedKeys:Y,filter:m.filter,filterBy:m.filterBy,filterLocale:m.filterLocale,filterMode:m.filterMode,filterPlaceholder:m.filterPlaceholder,filterValue:G,metaKeySelection:m.metaKeySelection,nodeTemplate:m.nodeTemplate,onCollapse:m.onNodeCollapse,onExpand:m.onNodeExpand,onFilterValueChange:we,onSelect:he,onSelectionChange:ge,onToggle:Oe,onUnselect:Ee,selectionKeys:m.value,selectionMode:m.selectionMode,showHeader:!1,togglerTemplate:m.togglerTemplate,value:m.options,pt:ae("tree"),__parentMetadata:{parent:le}}),ee&&b.createElement("div",Le,m.emptyMessage||t.localeOption("emptyMessage")))),tt=function(){var e=Be(),n=p.mergeProps({className:ie("closeIcon"),"aria-hidden":!0},ae("closeIcon")),r=p.IconUtils.getJSXIcon(m.closeIcon||b.createElement(a.TimesIcon,n),R({},n),{props:m}),l=p.mergeProps({type:"button",className:ie("closeButton"),onKeyDown:function(e){return Se(e,!0)},onClick:me,"aria-label":t.localeOption("close")},ae("closeButton")),o=p.mergeProps({className:ie("header")},ae("header")),i=b.createElement("button",l,r,b.createElement(c.Ripple,null)),s=b.createElement("div",o,e,i);return m.panelHeaderTemplate?p.ObjectUtils.getJSXElement(m.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:e,closeElement:i,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon",onCloseClick:me,element:s,props:m}):s}(),nt=p.ObjectUtils.getJSXElement(m.panelFooterTemplate,m);return b.createElement("div",$e,We,Ye,Qe,Ge,b.createElement(F,{hostName:"TreeSelect",ref:q,appendTo:m.appendTo,panelStyle:m.panelStyle,panelClassName:m.panelClassName,scrollHeight:m.scrollHeight,onClick:function(e){i.OverlayService.emit("overlay-click",{originalEvent:e,target:K.current})},header:tt,hide:me,footer:nt,firstHiddenFocusableElementOnOverlay:b.createElement("span",Ze),lastHiddenFocusableElementOnOverlay:b.createElement("span",ze),transitionOptions:m.transitionOptions,in:x,onEnter:function(){p.ZIndexUtils.set("overlay",q.current,d&&d.autoZIndex||g.default.autoZIndex,d&&d.zIndex.overlay||g.default.zIndex.overlay),p.DomHandler.addStyles(q.current,{position:"absolute",top:"0",left:"0"}),Re(),Te(),He()},onEntered:function(){ue(),m.filter&&m.filterInputAutoFocus&&p.DomHandler.focus(L.current,m.filterInputAutoFocus),m.onShow&&m.onShow()},onExit:function(){pe()},onExited:function(){m.filter&&m.resetFilterOnHide&&ke(),p.ZIndexUtils.clear(q.current),m.onHide&&m.onHide()},ptm:ae,cx:ie},et),re&&b.createElement(s.Tooltip,v({target:K,content:m.tooltip},m.tooltipOptions,{pt:ae("tooltip")})))})));q.displayName="TreeSelect",exports.TreeSelect=q;

package/treeselect/treeselect.d.ts

@@ -12,6 +12,8 @@ import { CSSTransitionProps as ReactCSSTransitionProps } from 'react-transition-
 import { ComponentHooks } from '../componentbase/componentbase';
 import { CSSTransitionProps } from '../csstransition';
 import { PassThroughOptions } from '../passthrough';
+import { TooltipPassThroughOptions } from '../tooltip/tooltip';
+import { TooltipOptions } from '../tooltip/tooltipoptions';
 import { TreeNodeTemplateOptions, TreePassThroughOptions, TreeTogglerTemplateOptions } from '../tree/tree';
 import { TreeNode } from '../treenode';
 import { FormEvent } from '../ts-helpers';
@@ -74,6 +76,16 @@ export interface TreeSelectPassThroughOptions {
      * @see {@link TreePassThroughOptionType}
      */
     tree?: TreePassThroughOptions;
+    /**
+     * Callback to invoke when menu receives focus.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
+    onFocus?(event: React.SyntheticEvent): void;
+    /**
+     * Callback to invoke when menu loses focus.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
+    onBlur?(event: React.SyntheticEvent): void;
     /**
      * Uses to pass attributes to the empty message's DOM element.
      */
@@ -123,6 +135,11 @@ export interface TreeSelectPassThroughOptions {
      * Used to control React Transition API.
      */
     transition?: TreeSelectPassThroughTransitionType;
+    /**
+     * Uses to pass attributes to the Tooltip component.
+     * @see {@link TooltipPassThroughOptions}
+     */
+    tooltip?: TooltipPassThroughOptions;
 }
 
 /**
@@ -351,7 +368,7 @@ export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.Inpu
      * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and 'self'. The self value is used to render a component where it is located.
      * @defaultValue document.body
      */
-    appendTo?: 'self' | HTMLElement | undefined | null;
+    appendTo?: 'self' | HTMLElement | undefined | null | (() => HTMLElement);
     /**
      * Used to define a string that labels the component.
      */
@@ -524,6 +541,14 @@ export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.Inpu
      * Defines the selection mode, valid values "single", "multiple", and "checkbox".
      */
     selectionMode?: 'single' | 'multiple' | 'checkbox' | undefined;
+    /**
+     * Content of the tooltip.
+     */
+    tooltip?: string | undefined;
+    /**
+     * Configuration of the tooltip, refer to the tooltip documentation for more information.
+     */
+    tooltipOptions?: TooltipOptions | undefined;
     /**
      * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
      */

package/treeselect/treeselect.esm.js

@@ -8,8 +8,9 @@ import { SearchIcon } from 'primereact/icons/search';
 import { TimesIcon } from 'primereact/icons/times';
 import { OverlayService } from 'primereact/overlayservice';
 import { Ripple } from 'primereact/ripple';
+import { Tooltip } from 'primereact/tooltip';
 import { Tree } from 'primereact/tree';
-import { classNames, mergeProps, ObjectUtils, DomHandler, ZIndexUtils, IconUtils } from 'primereact/utils';
+import { classNames, mergeProps, ObjectUtils, DomHandler, UniqueComponentId, ZIndexUtils, IconUtils } from 'primereact/utils';
 import { CSSTransition } from 'primereact/csstransition';
 import { Portal } from 'primereact/portal';
 
@@ -28,6 +29,37 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _arrayLikeToArray$1(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
+}
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+
+function _unsupportedIterableToArray$1(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray$1(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
+}
+
+function _nonIterableSpread() {
+  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 _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread();
+}
+
 function _typeof(o) {
   "@babel/helpers - typeof";
 
@@ -101,21 +133,6 @@ function _iterableToArrayLimit(r, l) {
   }
 }
 
-function _arrayLikeToArray$1(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray$1(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray$1(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
-}
-
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
@@ -172,7 +189,7 @@ var classes = {
   wrapper: 'p-treeselect-items-wrapper',
   transition: 'p-connected-overlay'
 };
-var styles = "\n@layer primereact {\n    .p-treeselect {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-treeselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-treeselect-label-container {\n        overflow: hidden;\n        flex: 1 1 auto;\n        cursor: pointer;\n    }\n    \n    .p-treeselect-label  {\n        display: block;\n        white-space: nowrap;\n        cursor: pointer;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n    \n    .p-treeselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    .p-treeselect-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-treeselect .p-treeselect-panel {\n        min-width: 100%;\n    }\n    \n    .p-treeselect-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-treeselect-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n    \n    .p-treeselect-filter-container {\n        position: relative;\n        flex: 1 1 auto;\n    }\n    \n    .p-treeselect-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-treeselect-filter-container .p-inputtext {\n        width: 100%;\n    }\n    \n    .p-treeselect-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-treeselect-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-fluid .p-treeselect {\n        display: flex;\n}\n}\n";
+var styles = "\n@layer primereact {\n    .p-treeselect {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n\n    .p-treeselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .p-treeselect-label-container {\n        overflow: hidden;\n        flex: 1 1 auto;\n        cursor: pointer;\n    }\n\n    .p-treeselect-label  {\n        display: block;\n        white-space: nowrap;\n        cursor: pointer;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    .p-treeselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n\n    .p-treeselect-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n\n    .p-treeselect .p-treeselect-panel {\n        min-width: 100%;\n    }\n\n    .p-treeselect-items-wrapper {\n        overflow: auto;\n    }\n\n    .p-treeselect-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-treeselect-filter-container {\n        position: relative;\n        flex: 1 1 auto;\n    }\n\n    .p-treeselect-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-treeselect-filter-container .p-inputtext {\n        width: 100%;\n    }\n\n    .p-treeselect-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-treeselect-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-fluid .p-treeselect {\n        display: flex;\n}\n}\n";
 var TreeSelectBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'TreeSelect',
@@ -202,6 +219,8 @@ var TreeSelectBase = ComponentBase.extend({
     name: null,
     nodeTemplate: null,
     onChange: null,
+    onFocus: null,
+    onBlur: null,
     onFilterValueChange: null,
     onHide: null,
     onNodeCollapse: null,
@@ -244,6 +263,12 @@ var TreeSelectPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       hostName: props.hostName
     }, options));
   };
+  var onKeyDown = function onKeyDown(event) {
+    if (event.key === 'Escape') {
+      event.preventDefault();
+      props.hide();
+    }
+  };
   var createElement = function createElement() {
     var wrapperStyle = {
       maxHeight: props.scrollHeight || 'auto'
@@ -254,6 +279,7 @@ var TreeSelectPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
         context: context
       }),
       style: props.panelStyle,
+      onKeyDown: onKeyDown,
       onClick: props.onClick
     }, getPTOptions('panel'));
     var wrapperProps = mergeProps({
@@ -278,7 +304,7 @@ var TreeSelectPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       nodeRef: ref
     }, transitionProps), /*#__PURE__*/React.createElement("div", _extends({
       ref: ref
-    }, panelProps), props.header, /*#__PURE__*/React.createElement("div", wrapperProps, props.children), props.footer));
+    }, panelProps), props.firstHiddenFocusableElementOnOverlay, props.header, /*#__PURE__*/React.createElement("div", wrapperProps, props.children), props.footer, props.lastHiddenFocusableElementOnOverlay));
   };
   var element = createElement();
   return /*#__PURE__*/React.createElement(Portal, {
@@ -318,12 +344,18 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var focusInputRef = React.useRef(props.inputRef);
   var triggerRef = React.useRef(null);
   var selfChange = React.useRef(null);
+  var treeRef = React.useRef(null);
+  var firstHiddenFocusableElementOnOverlay = React.useRef(null);
+  var lastHiddenFocusableElementOnOverlay = React.useRef(null);
+  var focusToTree = React.useRef(false);
+  var listId = React.useRef('');
   var expandedKeys = props.onToggle ? props.expandedKeys : expandedKeysState;
   var filteredValue = props.onFilterValueChange ? props.filterValue : filterValueState;
   var isValueEmpty = ObjectUtils.isEmpty(props.value);
   var hasNoOptions = ObjectUtils.isEmpty(props.options);
   var isSingleSelectionMode = props.selectionMode === 'single';
   var isCheckboxSelectionMode = props.selectionMode === 'checkbox';
+  var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var metaData = {
     props: props,
     state: {
@@ -370,12 +402,15 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
   var hide = function hide() {
     setOverlayVisibleState(false);
+    focusInputRef.current && DomHandler.focus(focusInputRef.current);
   };
   var onInputFocus = function onInputFocus() {
     setFocusedState(true);
+    props.onFocus && props.onFocus();
   };
   var onInputBlur = function onInputBlur() {
     setFocusedState(false);
+    props.onBlur && props.onBlur();
   };
   var onClick = function onClick(event) {
     if (!props.disabled && (!overlayRef.current || !overlayRef.current.contains(event.target)) && !DomHandler.hasClass(event.target, 'p-treeselect-close')) {
@@ -429,6 +464,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
   var onNodeUnselect = function onNodeUnselect(node) {
     props.onNodeUnselect && props.onNodeUnselect(node);
+    isCheckboxSelectionMode && node.originalEvent.stopPropagation();
   };
   var onNodeToggle = function onNodeToggle(e) {
     if (props.onToggle) {
@@ -446,44 +482,88 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       target: elementRef.current
     });
   };
-  var onInputKeyDown = function onInputKeyDown(event) {
-    switch (event.which) {
-      //down
-      case 40:
-        if (!overlayVisibleState && event.altKey) {
-          show();
-        }
+  var onFirstHiddenFocus = function onFirstHiddenFocus(event) {
+    var focusableEl = event.relatedTarget === focusInputRef.current ? DomHandler.getFirstFocusableElement(overlayRef.current, ':not([data-p-hidden-focusable="true"])') : focusInputRef.current;
+    DomHandler.focus(focusableEl);
+  };
+  var onLastHiddenFocus = function onLastHiddenFocus(event) {
+    var focusableEl = event.relatedTarget === focusInputRef.current ? DomHandler.getLastFocusableElement(overlayRef.current, ':not([data-p-hidden-focusable="true"])') : focusInputRef.current;
+    DomHandler.focus(focusableEl);
+  };
+  var onHeaderElementKeyDown = function onHeaderElementKeyDown(event, isHideButton) {
+    switch (event.code) {
+      case 'ArrowDown':
+        event.preventDefault();
+        setFocusToFocusableFirstNode();
         break;
-
-      //space
-      case 32:
-        if (!overlayVisibleState) {
-          show();
-          event.preventDefault();
-        }
+      case 'ArrowUp':
+        event.preventDefault();
+        focusInputRef.current && DomHandler.focus(focusInputRef.current);
         break;
-
-      //enter and escape
-      case 13:
-      case 27:
+      case 'Space':
+      case 'Enter':
+      case 'NumpadEnter':
+        event.preventDefault();
+        if (isHideButton) hide();
+        break;
+      case 'Escape':
+        onEscapeKey(event);
+        break;
+    }
+  };
+  var onKeyDown = function onKeyDown(event) {
+    switch (event.code) {
+      case 'ArrowDown':
+        onArrowDownKey(event);
+        break;
+      case 'Space':
+      case 'Enter':
+      case 'NumpadEnter':
+        onEnterKey(event);
+        break;
+      case 'Escape':
+        onEscapeKey(event);
+        break;
+      case 'Tab':
         if (overlayVisibleState) {
-          hide();
           event.preventDefault();
+          if (event.shiftKey) setFocusToFocusableFirstNode();else onTabKey(event);
         }
         break;
-
-      //tab
-      case 9:
-        hide();
-        break;
     }
   };
-  var onFilterInputKeyDown = function onFilterInputKeyDown(event) {
-    //enter
-    if (event.which === 13) {
+  var onArrowDownKey = function onArrowDownKey(event) {
+    if (overlayVisibleState) return;
+    focusToTree.current = true;
+    show();
+    event.preventDefault();
+  };
+  var onEnterKey = function onEnterKey(event) {
+    if (overlayVisibleState) {
+      hide();
+    } else {
+      onArrowDownKey(event);
+    }
+    event.preventDefault();
+  };
+  var onEscapeKey = function onEscapeKey(event) {
+    if (overlayVisibleState) {
+      hide();
       event.preventDefault();
     }
   };
+  var onTabKey = function onTabKey(event) {
+    var pressedInInputText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    if (!pressedInInputText) {
+      if (overlayVisibleState && hasFocusableElements()) {
+        DomHandler.focus(firstHiddenFocusableElementOnOverlay.current);
+        event.preventDefault();
+      }
+    }
+  };
+  var hasFocusableElements = function hasFocusableElements() {
+    return DomHandler.getFocusableElements(overlayRef.current, ':not([data-p-hidden-focusable="true"])').length > 0;
+  };
   var onFilterInputChange = function onFilterInputChange(event) {
     var value = event.target.value;
     if (props.onFilterValueChange) {
@@ -505,6 +585,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       top: '0',
       left: '0'
     });
+    setFocusToFocusableFirstNode();
     alignOverlay();
     scrollInView();
   };
@@ -582,6 +663,13 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       updateTreeBranchState(null, null, keys);
     }
   };
+  var setFocusToFocusableFirstNode = function setFocusToFocusableFirstNode() {
+    var treeNodeEl = DomHandler.find(treeRef.current.getElement(), '[data-pc-section="node"]');
+    var focusedElement = _toConsumableArray(treeNodeEl).find(function (item) {
+      return item.getAttribute('tabindex') === '0';
+    });
+    DomHandler.focus(focusedElement);
+  };
   var updateTreeBranchState = function updateTreeBranchState(node, path, keys) {
     if (node) {
       if (isSelected(node, keys)) {
@@ -663,6 +751,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   }, [focusInputRef, props.inputRef]);
   useMountEffect(function () {
     updateTreeState();
+    listId.current = UniqueComponentId() + '_list';
     if (props.autoFocus) {
       DomHandler.focus(focusInputRef.current, props.autoFocus);
     }
@@ -676,6 +765,12 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   useUpdateEffect(function () {
     updateTreeState();
   }, [props.options]);
+  useUpdateEffect(function () {
+    if (focusToTree.current && overlayVisibleState) {
+      focusToTree.current = false;
+      setFocusToFocusableFirstNode();
+    }
+  }, [overlayVisibleState]);
   useUpdateEffect(function () {
     if (overlayVisibleState && expandedKeysState) {
       alignOverlay();
@@ -702,9 +797,13 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       id: props.inputId,
       type: 'text',
       'aria-expanded': overlayVisibleState,
+      'aria-label': props.ariaLabel,
+      'aria-labelledby': props.ariaLabelledBy,
+      'aria-haspopup': 'tree',
+      'aria-controls': listId.current,
       onFocus: onInputFocus,
       onBlur: onInputBlur,
-      onKeyDown: onInputKeyDown,
+      onKeyDown: onKeyDown,
       disabled: props.disabled,
       tabIndex: props.tabIndex
     }, ariaProps), ptm('hiddenInput'));
@@ -749,7 +848,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       ref: triggerRef,
       className: cx('trigger'),
       role: 'button',
-      'aria-haspopup': 'listbox',
+      'aria-haspopup': 'tree',
       'aria-expanded': overlayVisibleState
     }, ptm('trigger'));
     var triggerIconProps = mergeProps({
@@ -779,6 +878,8 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       className: cx('emptyMessage')
     }, ptm('emptyMessage'));
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tree, {
+      ref: treeRef,
+      id: listId.current,
       expandedKeys: expandedKeys,
       filter: props.filter,
       filterBy: props.filterBy,
@@ -819,7 +920,9 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         autoComplete: 'off',
         className: cx('filter'),
         placeholder: props.filterPlaceholder,
-        onKeyDown: onFilterInputKeyDown,
+        onKeyDown: function onKeyDown(event) {
+          return onHeaderElementKeyDown(event, false);
+        },
         onChange: onFilterInputChange,
         disabled: props.disabled
       }, ptm('filter'));
@@ -836,7 +939,9 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
           className: 'p-treeselect-filter-container',
           element: filterContent,
           filterOptions: filterOptions,
-          filterInputKeyDown: onFilterInputKeyDown,
+          filterInputKeyDown: function filterInputKeyDown(event) {
+            return onHeaderElementKeyDown(event, function () {});
+          },
           filterInputChange: onFilterInputChange,
           filterIconClassName: 'p-dropdown-filter-icon',
           props: props
@@ -859,6 +964,9 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     var closeButtonProps = mergeProps({
       type: 'button',
       className: cx('closeButton'),
+      onKeyDown: function onKeyDown(event) {
+        return onHeaderElementKeyDown(event, true);
+      },
       onClick: hide,
       'aria-label': localeOption('close')
     }, ptm('closeButton'));
@@ -888,6 +996,26 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var selectedNodes = getSelectedNodes();
   var otherProps = TreeSelectBase.getOtherProps(props);
   var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
+  var firstHiddenFocusableElementOnOverlayProps = mergeProps({
+    ref: firstHiddenFocusableElementOnOverlay,
+    role: 'presentation',
+    className: 'p-hidden-accessible p-hidden-focusable',
+    tabIndex: 0,
+    onFocus: onFirstHiddenFocus,
+    'aria-hidden': true,
+    'data-p-hidden-accessible': true,
+    'data-p-hidden-focusable': true
+  }, ptm('firstHiddenFocusableElementOnOverlay'));
+  var lastHiddenFocusableElementOnOverlayProps = mergeProps({
+    ref: lastHiddenFocusableElementOnOverlay,
+    role: 'presentation',
+    className: 'p-hidden-accessible p-hidden-focusable',
+    tabIndex: 0,
+    onFocus: onLastHiddenFocus,
+    'aria-hidden': true,
+    'data-p-hidden-accessible': true,
+    'data-p-hidden-focusable': true
+  }, ptm('lastHiddenFocusableElementOnOverlay'));
   var rootProps = mergeProps({
     ref: elementRef,
     className: cx('root', {
@@ -914,7 +1042,10 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     scrollHeight: props.scrollHeight,
     onClick: onOverlayClick,
     header: header,
+    hide: hide,
     footer: footer,
+    firstHiddenFocusableElementOnOverlay: /*#__PURE__*/React.createElement("span", firstHiddenFocusableElementOnOverlayProps),
+    lastHiddenFocusableElementOnOverlay: /*#__PURE__*/React.createElement("span", lastHiddenFocusableElementOnOverlayProps),
     transitionOptions: props.transitionOptions,
     "in": overlayVisibleState,
     onEnter: onOverlayEnter,
@@ -923,7 +1054,12 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     onExited: onOverlayExited,
     ptm: ptm,
     cx: cx
-  }, content));
+  }, content), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+    target: elementRef,
+    content: props.tooltip
+  }, props.tooltipOptions, {
+    pt: ptm('tooltip')
+  })));
 }));
 TreeSelect.displayName = 'TreeSelect';