UNPKG

primereact

Version:

PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime

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