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) • 22.7 kB
JavaScript
"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 D(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 k(){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 P(e,t){return D(e)||C(e,t)||w(e,t)||k()}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,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 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-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 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 M(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 R(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=r.useMergeProps(),m=b.useContext(t.PrimeReactContext),y=T.getProps(e,m),h=P(b.useState(!1),2),I=h[0],x=h[1],j=P(b.useState(!1),2),D=j[0],C=j[1],k=P(b.useState(y.expandedKeys),2),H=k[0],U=k[1],A=P(b.useState(""),2),V=A[0],K=A[1],q=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:D,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 Te(e)},reset:function(){return He()}},ue=P(r.useOverlayListener({target:q,overlay:L,listener:function(e,t){t.valid&&ye()},when:D}),2),pe=ue[0],fe=ue[1],de=function(){return Ze.length?Ze.map((function(e){return e.label})).join(", "):y.placeholder},me=function(){C(!0)},ye=function(){C(!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(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:y.name,id:y.id,value:void 0}}))},Ee=function(e){"Enter"!==e.key&&"Space"!==e.code||(he(e),e.preventDefault())},Oe=function(e){y.onNodeSelect&&y.onNodeSelect(e),ne&&ye()},we=function(e){y.onNodeUnselect&&y.onNodeUnselect(e),re&&e.originalEvent.stopPropagation()},Se=function(e){y.onToggle?y.onToggle(e):U(e.value)},Ie=function(e){K(e.value)},xe=function(e,t){switch(e.code){case"ArrowDown":e.preventDefault(),Ve();break;case"ArrowUp":e.preventDefault(),_.current&&p.DomHandler.focus(_.current);break;case"Enter":case"NumpadEnter":e.preventDefault(),t&&ye();break;case"Escape":Ce(e)}},je=function(e){switch(e.code){case"ArrowDown":Ne(e);break;case"Space":case"Enter":case"NumpadEnter":De(e);break;case"Escape":Ce(e);break;case"Tab":D&&(e.preventDefault(),e.shiftKey?Ve():ke(e))}},Ne=function(e){D||(W.current=!0,me(),e.preventDefault())},De=function(e){D?ye():Ne(e),e.preventDefault()},Ce=function(e){D&&(ye(),e.preventDefault())},ke=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||D&&Pe()&&(p.DomHandler.focus(z.current),e.preventDefault())},Pe=function(){return p.DomHandler.getFocusableElements(L.current,':not([data-p-hidden-focusable="true"])').length>0},Te=function(e){var t=e.target.value;y.onFilterValueChange?y.onFilterValueChange({originalEvent:e,value:t}):K(t)},He=function(){K("")},Ue=function(){p.DomHandler.alignOverlay(L.current,J.current.parentElement,y.appendTo||m&&m.appendTo||v.default.appendTo)},Fe=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"})},Ae=function(e,t,n){if(e){if(Me(e,t)&&(n.push(e),delete t[e.key]),Object.keys(t).length&&e.children){var r,l=R(e.children);try{for(l.s();!(r=l.n()).done;){Ae(r.value,t,n)}}catch(e){l.e(e)}finally{l.f()}}}else{var o,a=R(y.options);try{for(a.s();!(o=a.n()).done;){Ae(o.value,t,n)}}catch(e){a.e(e)}finally{a.f()}}},Me=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):M({},y.value);U({}),e&&y.options&&Ke(null,null,e)},Ve=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)},Ke=function(e,t,n){if(e){if(Me(e,n)&&(qe(t),delete n[e.key]),Object.keys(n).length&&e.children){var r,l=R(e.children);try{for(l.s();!(r=l.n()).done;){var o=r.value;t.push(e.key),Ke(o,t,n)}}catch(e){l.e(e)}finally{l.f()}}}else{var a,i=R(y.options);try{for(i.s();!(a=i.n()).done;){Ke(a.value,[],n)}}catch(e){i.e(e)}finally{i.f()}}},qe=function(e){if(e.length>0){var t,n=M({},H||{}),r=R(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 q.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),Ue()})),r.useUpdateEffect((function(){D&&y.filter&&Ue()})),r.useUpdateEffect((function(){Re()}),[y.options]),r.useUpdateEffect((function(){W.current&&D&&(W.current=!1,Ve())}),[D]),r.useUpdateEffect((function(){D&&H&&Ue()}),[H]),r.useUpdateEffect((function(){D&&(X.current||Re(),X.current=!1)}),[y.value]),r.useUnmountEffect((function(){p.ZIndexUtils.clear(L.current)}));var Le,Be,_e,Je,Xe=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 xe(e,!1)},onChange:Te,disabled:y.disabled},ie("filter")),r=d({className:ce("filterIcon")},ie("filterIcon")),l=p.IconUtils.getJSXIcon(y.filterIcon||b.createElement(o.SearchIcon,r),M({},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 xe(e,(function(){}))},filterInputChange:Te,filterIconClassName:"p-dropdown-filter-icon",props:y});return b.createElement(b.Fragment,null,a)}},Ze=function(){var e=[];if(p.ObjectUtils.isNotEmpty(y.value)&&y.options){var t=ne?N({},"".concat(y.value),!0):M({},y.value);Ae(null,t,e)}return e}(),ze=T.getOtherProps(y),$e=p.ObjectUtils.reduceKeys(ze,p.DomHandler.ARIA_PROPS),We=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")),Ye=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")),Ge=d({ref:q,className:p.classNames(y.className,ce("root",{context:m,focusedState:I,overlayVisibleState:D,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),D?ye():me())}},T.getOtherProps(y),ie("root")),Qe=(Le=d({className:"p-hidden-accessible"},ie("hiddenInputWrapper")),Be=d(M({ref:_,role:"listbox",id:y.inputId,type:"text","aria-expanded":D,"aria-label":y.ariaLabel,"aria-labelledby":y.ariaLabelledBy,"aria-haspopup":"tree","aria-controls":Y.current,onFocus:be,onBlur:ve,onKeyDown:je,disabled:y.disabled,tabIndex:y.tabIndex},$e),ie("hiddenInput")),b.createElement("div",Le,b.createElement("input",g({},Be,{readOnly:!0})))),et=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,Ze,y):"comma"===y.display?l=de()||"empty":"chip"===y.display&&(l=b.createElement(b.Fragment,null,Ze&&Ze.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))}(),tt=function(){var e=d({ref:J,className:ce("trigger"),role:"button","aria-haspopup":"tree","aria-expanded":D},ie("trigger")),t=d({className:ce("triggerIcon")},ie("triggerIcon")),n=p.IconUtils.getJSXIcon(y.dropdownIcon||b.createElement(l.ChevronDownIcon,t),M({},t),{props:y});return b.createElement("div",e,n)}(),nt=function(){if(null!=y.value&&y.showClear&&!y.disabled){var e=d({className:ce("clearIcon"),onPointerUp:he,tabIndex:y.tabIndex||"0",onKeyDown:Ee,"aria-label":t.localeOption("clear")},ie("clearIcon"));return p.IconUtils.getJSXIcon(y.clearIcon||b.createElement(a.TimesIcon,e),M({},e),{props:y})}return null}(),rt=(_e=p.ObjectUtils.getJSXElement(y.emptyMessage,y)||t.localeOption("emptyMessage"),Je=d({className:ce("emptyMessage")},ie("emptyMessage")),b.createElement(b.Fragment,null,b.createElement(u.Tree,{ref:Z,id:Y.current,emptyMessage:y.emptyMessage,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:Ie,onSelect:Oe,onSelectionChange:ge,onToggle:Se,onUnselect:we,selectionKeys:y.value,selectionMode:y.selectionMode,showHeader:!1,togglerTemplate:y.togglerTemplate,value:y.options,pt:ie("tree"),__parentMetadata:{parent:oe}}),te&&b.createElement("div",Je,_e))),lt=function(){var e=Xe(),n=d({className:ce("closeIcon"),"aria-hidden":!0},ie("closeIcon")),r=p.IconUtils.getJSXIcon(y.closeIcon||b.createElement(a.TimesIcon,n),M({},n),{props:y}),l=d({type:"button",className:ce("closeButton"),onKeyDown:function(e){return xe(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?b.createElement("div",null,s,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}(),ot=p.ObjectUtils.getJSXElement(y.panelFooterTemplate,y);return b.createElement("div",Ge,Qe,et,nt,tt,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:q.current})},header:lt,hide:ye,footer:ot,firstHiddenFocusableElementOnOverlay:b.createElement("span",We),lastHiddenFocusableElementOnOverlay:b.createElement("span",Ye),transitionOptions:y.transitionOptions,in:D,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"}),Ve(),Ue(),Fe()},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&&He(),p.ZIndexUtils.clear(L.current),y.onHide&&y.onHide()},ptm:ie,cx:ce},rt),le&&b.createElement(s.Tooltip,g({target:q,content:y.tooltip,pt:ie("tooltip")},y.tooltipOptions)))})));q.displayName="TreeSelect",exports.TreeSelect=q;