primereact 10.3.0 → 10.3.2

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),v=m(t);function g(){return g=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},g.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 x(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 j(e){var t=x(e,"string");return"symbol"===I(t)?t:String(t)}function N(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(e){if(Array.isArray(e))return e}function D(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var 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(){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 C(e)||D(e,t)||w(e,t)||P()}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"===v.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===v.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){N(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 l,o,a,i,c=r.useMergeProps(),s=b.useContext(t.PrimeReactContext),u=e.ptm,p=e.cx,m=function(t,n){return u(t,U({hostName:e.hostName},n))},y=function(t){"Escape"===t.key&&(t.preventDefault(),e.hide())},v=(l={maxHeight:e.scrollHeight||"auto"},o=c({className:p("panel",{panelProps:e,context:s}),style:e.panelStyle,onKeyDown:y,onClick:e.onClick},m("panel")),a=c({className:p("wrapper"),style:l},m("wrapper")),i=c({classNames:p("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},m("transition")),b.createElement(f.CSSTransition,g({nodeRef:n},i),b.createElement("div",g({ref:n},o),e.firstHiddenFocusableElementOnOverlay,e.header,b.createElement("div",a,e.children),e.footer,e.lastHiddenFocusableElementOnOverlay)));return b.createElement(d.Portal,{element:v,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){N(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 q(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)?q(e,t):void 0}}function q(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 K=b.memo(b.forwardRef((function(e,f){var d=r.useMergeProps(),m=b.useContext(t.PrimeReactContext),y=T.getProps(e,m),h=k(b.useState(!1),2),I=h[0],x=h[1],j=k(b.useState(!1),2),C=j[0],D=j[1],P=k(b.useState(y.expandedKeys),2),H=P[0],U=P[1],A=k(b.useState(""),2),V=A[0],q=A[1],K=b.useRef(null),L=b.useRef(null),B=b.useRef(null),_=b.useRef(y.inputRef),J=b.useRef(null),X=b.useRef(null),Z=b.useRef(null),z=b.useRef(null),$=b.useRef(null),W=b.useRef(!1),Y=b.useRef(""),G=y.onToggle?y.expandedKeys:H,Q=y.onFilterValueChange?y.filterValue:V,ee=p.ObjectUtils.isEmpty(y.value),te=p.ObjectUtils.isEmpty(y.options),ne="single"===y.selectionMode,re="checkbox"===y.selectionMode,le=p.ObjectUtils.isNotEmpty(y.tooltip),oe={props:y,state:{focused:I,overlayVisible:C,expandedKeys:G,filterValue:Q}},ae=T.setMetaData(oe),ie=ae.ptm,ce=ae.cx;n.useHandleStyle(T.css.styles,ae.isUnstyled,{name:"treeselect"});var se={filter:function(e){return ke(e)},reset:function(){return Te()}},ue=k(r.useOverlayListener({target:K,overlay:L,listener:function(e,t){t.valid&&ye()},when:C}),2),pe=ue[0],fe=ue[1],de=function(){return Je.length?Je.map((function(e){return e.label})).join(", "):y.placeholder},me=function(){D(!0)},ye=function(){D(!1),_.current&&p.DomHandler.focus(_.current)},be=function(){x(!0),y.onFocus&&y.onFocus()},ve=function(){x(!1),y.onBlur&&y.onBlur()},ge=function(e){y.onChange&&(X.current=!0,y.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:y.name,id:y.id,value:e.value}}))},he=function(e){y.onChange&&(X.current=!0,y.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:y.name,id:y.id,value:void 0}}))},Ee=function(e){y.onNodeSelect&&y.onNodeSelect(e),ne&&ye()},Oe=function(e){y.onNodeUnselect&&y.onNodeUnselect(e),re&&e.originalEvent.stopPropagation()},we=function(e){y.onToggle?y.onToggle(e):U(e.value)},Se=function(e){q(e.value)},Ie=function(e,t){switch(e.code){case"ArrowDown":e.preventDefault(),Me();break;case"ArrowUp":e.preventDefault(),_.current&&p.DomHandler.focus(_.current);break;case"Space":case"Enter":case"NumpadEnter":e.preventDefault(),t&&ye();break;case"Escape":Ce(e)}},xe=function(e){switch(e.code){case"ArrowDown":je(e);break;case"Space":case"Enter":case"NumpadEnter":Ne(e);break;case"Escape":Ce(e);break;case"Tab":C&&(e.preventDefault(),e.shiftKey?Me():De(e))}},je=function(e){C||(W.current=!0,me(),e.preventDefault())},Ne=function(e){C?ye():je(e),e.preventDefault()},Ce=function(e){C&&(ye(),e.preventDefault())},De=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||C&&Pe()&&(p.DomHandler.focus(z.current),e.preventDefault())},Pe=function(){return p.DomHandler.getFocusableElements(L.current,':not([data-p-hidden-focusable="true"])').length>0},ke=function(e){var t=e.target.value;y.onFilterValueChange?y.onFilterValueChange({originalEvent:e,value:t}):q(t)},Te=function(){q("")},He=function(){p.DomHandler.alignOverlay(L.current,J.current.parentElement,y.appendTo||m&&m.appendTo||v.default.appendTo)},Ue=function(){var e=p.DomHandler.findSingle(L.current,'[data-pc-section="content"][data-p-highlight="true"]');e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},Fe=function e(t,n,r){if(t){if(Ae(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(y.options);try{for(i.s();!(a=i.n()).done;){e(a.value,n,r)}}catch(e){i.e(e)}finally{i.f()}}},Ae=function(e,t){return re?t[e.key]&&t[e.key].checked:t[e.key]},Re=function(){var e=ne?N({},"".concat(y.value),!0):R({},y.value);U({}),e&&y.options&&Ve(null,null,e)},Me=function(){var e,t=p.DomHandler.find(Z.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)},Ve=function e(t,n,r){if(t){if(Ae(t,r)&&(qe(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(y.options);try{for(c.s();!(i=c.n()).done;){e(i.value,[],r)}}catch(e){c.e(e)}finally{c.f()}}},qe=function(e){if(e.length>0){var t,n=R({},H||{}),r=M(e);try{for(r.s();!(t=r.n()).done;){n[t.value]=!0}}catch(e){r.e(e)}finally{r.f()}U(n)}};b.useImperativeHandle(f,(function(){return{props:y,clear:he,show:me,hide:ye,focus:function(){return p.DomHandler.focus(_.current)},getElement:function(){return K.current}}})),b.useEffect((function(){p.ObjectUtils.combinedRefs(_,y.inputRef)}),[_,y.inputRef]),r.useMountEffect((function(){Re(),Y.current=p.UniqueComponentId()+"_list",y.autoFocus&&p.DomHandler.focus(_.current,y.autoFocus),He()})),r.useUpdateEffect((function(){C&&y.filter&&He()})),r.useUpdateEffect((function(){Re()}),[y.options]),r.useUpdateEffect((function(){W.current&&C&&(W.current=!1,Me())}),[C]),r.useUpdateEffect((function(){C&&H&&He()}),[H]),r.useUpdateEffect((function(){C&&(X.current||Re(),X.current=!1)}),[y.value]),r.useUnmountEffect((function(){p.ZIndexUtils.clear(L.current)}));var Ke,Le,Be,_e=function(){if(y.filter){var e=p.ObjectUtils.isNotEmpty(Q)?Q:"",t=d({className:ce("filterContainer")},ie("filterContainer")),n=d({ref:B,type:"text",value:e,autoComplete:"off",className:ce("filter"),placeholder:y.filterPlaceholder,onKeyDown:function(e){return Ie(e,!1)},onChange:ke,disabled:y.disabled},ie("filter")),r=d({className:ce("filterIcon")},ie("filterIcon")),l=p.IconUtils.getJSXIcon(y.filterIcon||b.createElement(o.SearchIcon,r),R({},r),{props:y}),a=b.createElement("div",t,b.createElement("input",n),l);if(y.filterTemplate)a=p.ObjectUtils.getJSXElement(y.filterTemplate,{className:"p-treeselect-filter-container",element:a,filterOptions:se,filterInputKeyDown:function(e){return Ie(e,(function(){}))},filterInputChange:ke,filterIconClassName:"p-dropdown-filter-icon",props:y});return b.createElement(b.Fragment,null,a)}},Je=function(){var e=[];if(p.ObjectUtils.isNotEmpty(y.value)&&y.options){var t=ne?N({},"".concat(y.value),!0):R({},y.value);Fe(null,t,e)}return e}(),Xe=T.getOtherProps(y),Ze=p.ObjectUtils.reduceKeys(Xe,p.DomHandler.ARIA_PROPS),ze=d({ref:z,role:"presentation",className:"p-hidden-accessible p-hidden-focusable",tabIndex:0,onFocus:function(e){var t=e.relatedTarget===_.current?p.DomHandler.getFirstFocusableElement(L.current,':not([data-p-hidden-focusable="true"])'):_.current;p.DomHandler.focus(t)},"aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},ie("firstHiddenFocusableElementOnOverlay")),$e=d({ref:$,role:"presentation",className:"p-hidden-accessible p-hidden-focusable",tabIndex:0,onFocus:function(e){var t=e.relatedTarget===_.current?p.DomHandler.getLastFocusableElement(L.current,':not([data-p-hidden-focusable="true"])'):_.current;p.DomHandler.focus(t)},"aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},ie("lastHiddenFocusableElementOnOverlay")),We=d({ref:K,className:ce("root",{focusedState:I,overlayVisibleState:C,isValueEmpty:ee}),style:y.style,onClick:function(e){y.disabled||L.current&&L.current.contains(e.target)||p.DomHandler.isAttributeEquals(e.target,"data-pc-section","closebutton")||(p.DomHandler.focus(_.current),C?ye():me())}},T.getOtherProps(y),ie("root")),Ye=(Ke=d({className:"p-hidden-accessible"},ie("hiddenInputWrapper")),Le=d(R({ref:_,role:"listbox",id:y.inputId,type:"text","aria-expanded":C,"aria-label":y.ariaLabel,"aria-labelledby":y.ariaLabelledBy,"aria-haspopup":"tree","aria-controls":Y.current,onFocus:be,onBlur:ve,onKeyDown:xe,disabled:y.disabled,tabIndex:y.tabIndex},Ze),ie("hiddenInput")),b.createElement("div",Ke,b.createElement("input",g({},Le,{readOnly:!0})))),Ge=function(){var e=d({className:ce("token")},ie("token")),t=d({className:ce("tokenLabel")},ie("tokenLabel")),n=d({className:ce("labelContainer")},ie("labelContainer")),r=d({className:ce("label",{isValueEmpty:ee,getLabel:de})},ie("label")),l=null;return y.valueTemplate?l=p.ObjectUtils.getJSXElement(y.valueTemplate,Je,y):"comma"===y.display?l=de()||"empty":"chip"===y.display&&(l=b.createElement(b.Fragment,null,Je&&Je.map((function(n,r){return b.createElement("div",g({},e,{key:"".concat(n.key,"_").concat(r)}),b.createElement("span",t,n.label))})),ee&&(y.placeholder||"empty"))),b.createElement("div",n,b.createElement("div",r,l))}(),Qe=function(){var e=d({ref:J,className:ce("trigger"),role:"button","aria-haspopup":"tree","aria-expanded":C},ie("trigger")),t=d({className:ce("triggerIcon")},ie("triggerIcon")),n=p.IconUtils.getJSXIcon(y.dropdownIcon||b.createElement(l.ChevronDownIcon,t),R({},t),{props:y});return b.createElement("div",e,n)}(),et=function(){if(null!=y.value&&y.showClear&&!y.disabled){var e=d({className:ce("clearIcon"),onPointerUp:he},ie("clearIcon"));return p.IconUtils.getJSXIcon(y.clearIcon||b.createElement(a.TimesIcon,e),R({},e),{props:y})}return null}(),tt=(Be=d({className:ce("emptyMessage")},ie("emptyMessage")),b.createElement(b.Fragment,null,b.createElement(u.Tree,{ref:Z,id:Y.current,expandedKeys:G,filter:y.filter,filterBy:y.filterBy,filterLocale:y.filterLocale,filterMode:y.filterMode,filterPlaceholder:y.filterPlaceholder,filterValue:Q,metaKeySelection:y.metaKeySelection,nodeTemplate:y.nodeTemplate,onCollapse:y.onNodeCollapse,onExpand:y.onNodeExpand,onFilterValueChange:Se,onSelect:Ee,onSelectionChange:ge,onToggle:we,onUnselect:Oe,selectionKeys:y.value,selectionMode:y.selectionMode,showHeader:!1,togglerTemplate:y.togglerTemplate,value:y.options,pt:ie("tree"),__parentMetadata:{parent:oe}}),te&&b.createElement("div",Be,y.emptyMessage||t.localeOption("emptyMessage")))),nt=function(){var e=_e(),n=d({className:ce("closeIcon"),"aria-hidden":!0},ie("closeIcon")),r=p.IconUtils.getJSXIcon(y.closeIcon||b.createElement(a.TimesIcon,n),R({},n),{props:y}),l=d({type:"button",className:ce("closeButton"),onKeyDown:function(e){return Ie(e,!0)},onClick:ye,"aria-label":t.localeOption("close")},ie("closeButton")),o=d({className:ce("header")},ie("header")),i=b.createElement("button",l,r,b.createElement(c.Ripple,null)),s=b.createElement("div",o,e,i);return y.panelHeaderTemplate?p.ObjectUtils.getJSXElement(y.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:e,closeElement:i,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon",onCloseClick:ye,element:s,props:y}):s}(),rt=p.ObjectUtils.getJSXElement(y.panelFooterTemplate,y);return b.createElement("div",We,Ye,Ge,et,Qe,b.createElement(F,{hostName:"TreeSelect",ref:L,appendTo:y.appendTo,panelStyle:y.panelStyle,panelClassName:y.panelClassName,scrollHeight:y.scrollHeight,onClick:function(e){i.OverlayService.emit("overlay-click",{originalEvent:e,target:K.current})},header:nt,hide:ye,footer:rt,firstHiddenFocusableElementOnOverlay:b.createElement("span",ze),lastHiddenFocusableElementOnOverlay:b.createElement("span",$e),transitionOptions:y.transitionOptions,in:C,onEnter:function(){p.ZIndexUtils.set("overlay",L.current,m&&m.autoZIndex||v.default.autoZIndex,m&&m.zIndex.overlay||v.default.zIndex.overlay),p.DomHandler.addStyles(L.current,{position:"absolute",top:"0",left:"0"}),Me(),He(),Ue()},onEntered:function(){pe(),y.filter&&y.filterInputAutoFocus&&p.DomHandler.focus(B.current,y.filterInputAutoFocus),y.onShow&&y.onShow()},onExit:function(){fe()},onExited:function(){y.filter&&y.resetFilterOnHide&&Te(),p.ZIndexUtils.clear(L.current),y.onHide&&y.onHide()},ptm:ie,cx:ce},tt),le&&b.createElement(s.Tooltip,g({target:K,content:y.tooltip},y.tooltipOptions,{pt:ie("tooltip")})))})));K.displayName="TreeSelect",exports.TreeSelect=K;

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

@@ -2,14 +2,15 @@
 import * as React from 'react';
 import PrimeReact, { PrimeReactContext, localeOption } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useOverlayListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
+import { useMergeProps, useOverlayListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { ChevronDownIcon } from 'primereact/icons/chevrondown';
 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, 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,
@@ -236,6 +255,7 @@ var TreeSelectBase = ComponentBase.extend({
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TreeSelectPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var ptm = props.ptm,
     cx = props.cx;
@@ -244,6 +264,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 +280,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 +305,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, {
@@ -294,6 +321,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(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(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = TreeSelectBase.getProps(inProps, context);
   var _React$useState = React.useState(false),
@@ -318,12 +346,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,15 +404,18 @@ 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')) {
+    if (!props.disabled && (!overlayRef.current || !overlayRef.current.contains(event.target)) && !DomHandler.isAttributeEquals(event.target, 'data-pc-section', 'closebutton')) {
       DomHandler.focus(focusInputRef.current);
       overlayVisibleState ? hide() : show();
     }
@@ -429,6 +466,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 +484,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 +587,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       top: '0',
       left: '0'
     });
+    setFocusToFocusableFirstNode();
     alignOverlay();
     scrollInView();
   };
@@ -529,7 +612,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     DomHandler.alignOverlay(overlayRef.current, triggerRef.current.parentElement, props.appendTo || context && context.appendTo || PrimeReact.appendTo);
   };
   var scrollInView = function scrollInView() {
-    var highlightItem = DomHandler.findSingle(overlayRef.current, '.p-treenode-content.p-highlight');
+    var highlightItem = DomHandler.findSingle(overlayRef.current, '[data-pc-section="content"][data-p-highlight="true"]');
     if (highlightItem && highlightItem.scrollIntoView) {
       highlightItem.scrollIntoView({
         block: 'nearest',
@@ -582,6 +665,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 +753,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 +767,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 +799,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 +850,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 +880,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 +922,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 +941,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 +966,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 +998,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 +1044,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 +1056,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';