primereact 10.3.0 → 10.3.1

package/treeselect/treeselect.esm.min.js

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

package/treeselect/treeselect.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.treeselect = (function (exports, React, PrimeReact, componentbase, hooks, chevrondown, search, times, overlayservice, ripple, tree, utils, csstransition, portal) {
+this.primereact.treeselect = (function (exports, React, PrimeReact, componentbase, hooks, chevrondown, search, times, overlayservice, ripple, tooltip, tree, utils, csstransition, portal) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -40,6 +40,37 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
     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";
 
@@ -113,21 +144,6 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
     }
   }
 
-  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.");
   }
@@ -184,7 +200,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
     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.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'TreeSelect',
@@ -214,6 +230,8 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
       name: null,
       nodeTemplate: null,
       onChange: null,
+      onFocus: null,
+      onBlur: null,
       onFilterValueChange: null,
       onHide: null,
       onNodeCollapse: null,
@@ -256,6 +274,12 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
         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'
@@ -266,6 +290,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
           context: context
         }),
         style: props.panelStyle,
+        onKeyDown: onKeyDown,
         onClick: props.onClick
       }, getPTOptions('panel'));
       var wrapperProps = utils.mergeProps({
@@ -290,7 +315,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
         nodeRef: ref
       }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", _extends({
         ref: ref
-      }, panelProps), props.header, /*#__PURE__*/React__namespace.createElement("div", wrapperProps, props.children), props.footer));
+      }, panelProps), props.firstHiddenFocusableElementOnOverlay, props.header, /*#__PURE__*/React__namespace.createElement("div", wrapperProps, props.children), props.footer, props.lastHiddenFocusableElementOnOverlay));
     };
     var element = createElement();
     return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
@@ -330,12 +355,18 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
     var focusInputRef = React__namespace.useRef(props.inputRef);
     var triggerRef = React__namespace.useRef(null);
     var selfChange = React__namespace.useRef(null);
+    var treeRef = React__namespace.useRef(null);
+    var firstHiddenFocusableElementOnOverlay = React__namespace.useRef(null);
+    var lastHiddenFocusableElementOnOverlay = React__namespace.useRef(null);
+    var focusToTree = React__namespace.useRef(false);
+    var listId = React__namespace.useRef('');
     var expandedKeys = props.onToggle ? props.expandedKeys : expandedKeysState;
     var filteredValue = props.onFilterValueChange ? props.filterValue : filterValueState;
     var isValueEmpty = utils.ObjectUtils.isEmpty(props.value);
     var hasNoOptions = utils.ObjectUtils.isEmpty(props.options);
     var isSingleSelectionMode = props.selectionMode === 'single';
     var isCheckboxSelectionMode = props.selectionMode === 'checkbox';
+    var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var metaData = {
       props: props,
       state: {
@@ -382,12 +413,15 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
     };
     var hide = function hide() {
       setOverlayVisibleState(false);
+      focusInputRef.current && utils.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)) && !utils.DomHandler.hasClass(event.target, 'p-treeselect-close')) {
@@ -441,6 +475,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
     };
     var onNodeUnselect = function onNodeUnselect(node) {
       props.onNodeUnselect && props.onNodeUnselect(node);
+      isCheckboxSelectionMode && node.originalEvent.stopPropagation();
     };
     var onNodeToggle = function onNodeToggle(e) {
       if (props.onToggle) {
@@ -458,44 +493,88 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
         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 ? utils.DomHandler.getFirstFocusableElement(overlayRef.current, ':not([data-p-hidden-focusable="true"])') : focusInputRef.current;
+      utils.DomHandler.focus(focusableEl);
+    };
+    var onLastHiddenFocus = function onLastHiddenFocus(event) {
+      var focusableEl = event.relatedTarget === focusInputRef.current ? utils.DomHandler.getLastFocusableElement(overlayRef.current, ':not([data-p-hidden-focusable="true"])') : focusInputRef.current;
+      utils.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 && utils.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()) {
+          utils.DomHandler.focus(firstHiddenFocusableElementOnOverlay.current);
+          event.preventDefault();
+        }
+      }
+    };
+    var hasFocusableElements = function hasFocusableElements() {
+      return utils.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) {
@@ -517,6 +596,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
         top: '0',
         left: '0'
       });
+      setFocusToFocusableFirstNode();
       alignOverlay();
       scrollInView();
     };
@@ -594,6 +674,13 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
         updateTreeBranchState(null, null, keys);
       }
     };
+    var setFocusToFocusableFirstNode = function setFocusToFocusableFirstNode() {
+      var treeNodeEl = utils.DomHandler.find(treeRef.current.getElement(), '[data-pc-section="node"]');
+      var focusedElement = _toConsumableArray(treeNodeEl).find(function (item) {
+        return item.getAttribute('tabindex') === '0';
+      });
+      utils.DomHandler.focus(focusedElement);
+    };
     var updateTreeBranchState = function updateTreeBranchState(node, path, keys) {
       if (node) {
         if (isSelected(node, keys)) {
@@ -675,6 +762,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
     }, [focusInputRef, props.inputRef]);
     hooks.useMountEffect(function () {
       updateTreeState();
+      listId.current = utils.UniqueComponentId() + '_list';
       if (props.autoFocus) {
         utils.DomHandler.focus(focusInputRef.current, props.autoFocus);
       }
@@ -688,6 +776,12 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
     hooks.useUpdateEffect(function () {
       updateTreeState();
     }, [props.options]);
+    hooks.useUpdateEffect(function () {
+      if (focusToTree.current && overlayVisibleState) {
+        focusToTree.current = false;
+        setFocusToFocusableFirstNode();
+      }
+    }, [overlayVisibleState]);
     hooks.useUpdateEffect(function () {
       if (overlayVisibleState && expandedKeysState) {
         alignOverlay();
@@ -714,9 +808,13 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
         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'));
@@ -761,7 +859,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
         ref: triggerRef,
         className: cx('trigger'),
         role: 'button',
-        'aria-haspopup': 'listbox',
+        'aria-haspopup': 'tree',
         'aria-expanded': overlayVisibleState
       }, ptm('trigger'));
       var triggerIconProps = utils.mergeProps({
@@ -791,6 +889,8 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
         className: cx('emptyMessage')
       }, ptm('emptyMessage'));
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(tree.Tree, {
+        ref: treeRef,
+        id: listId.current,
         expandedKeys: expandedKeys,
         filter: props.filter,
         filterBy: props.filterBy,
@@ -831,7 +931,9 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
           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'));
@@ -848,7 +950,9 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
             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
@@ -871,6 +975,9 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
       var closeButtonProps = utils.mergeProps({
         type: 'button',
         className: cx('closeButton'),
+        onKeyDown: function onKeyDown(event) {
+          return onHeaderElementKeyDown(event, true);
+        },
         onClick: hide,
         'aria-label': PrimeReact.localeOption('close')
       }, ptm('closeButton'));
@@ -900,6 +1007,26 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
     var selectedNodes = getSelectedNodes();
     var otherProps = TreeSelectBase.getOtherProps(props);
     var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
+    var firstHiddenFocusableElementOnOverlayProps = utils.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 = utils.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 = utils.mergeProps({
       ref: elementRef,
       className: cx('root', {
@@ -926,7 +1053,10 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
       scrollHeight: props.scrollHeight,
       onClick: onOverlayClick,
       header: header,
+      hide: hide,
       footer: footer,
+      firstHiddenFocusableElementOnOverlay: /*#__PURE__*/React__namespace.createElement("span", firstHiddenFocusableElementOnOverlayProps),
+      lastHiddenFocusableElementOnOverlay: /*#__PURE__*/React__namespace.createElement("span", lastHiddenFocusableElementOnOverlayProps),
       transitionOptions: props.transitionOptions,
       "in": overlayVisibleState,
       onEnter: onOverlayEnter,
@@ -935,7 +1065,12 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
       onExited: onOverlayExited,
       ptm: ptm,
       cx: cx
-    }, content));
+    }, content), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+      target: elementRef,
+      content: props.tooltip
+    }, props.tooltipOptions, {
+      pt: ptm('tooltip')
+    })));
   }));
   TreeSelect.displayName = 'TreeSelect';
 
@@ -945,4 +1080,4 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.chevrondown, primereact.icons.search, primereact.icons.times, primereact.overlayservice, primereact.ripple, primereact.tree, primereact.utils, primereact.csstransition, primereact.portal);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.chevrondown, primereact.icons.search, primereact.icons.times, primereact.overlayservice, primereact.ripple, primereact.tooltip, primereact.tree, primereact.utils, primereact.csstransition, primereact.portal);