primereact 8.2.0 → 8.5.0

package/treeselect/treeselect.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),l=require("primereact/overlayservice"),r=require("primereact/ripple"),a=require("primereact/tree"),o=require("primereact/utils"),i=require("primereact/csstransition"),c=require("primereact/portal");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=s(e),f=u(t);function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},d.apply(this,arguments)}function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function b(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 g(){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 E(e,t){return y(e)||v(e,t)||b(e,t)||g()}var O=p.forwardRef((function(e,t){var n,l,r=(n={maxHeight:e.scrollHeight||"auto"},l=o.classNames("p-treeselect-panel p-component",e.panelClassName),p.createElement(i.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntering:e.onEntering,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},p.createElement("div",{ref:t,className:l,style:e.panelStyle,onClick:e.onClick},e.header,p.createElement("div",{className:"p-treeselect-items-wrapper",style:n},e.children),e.footer)));return p.createElement(c.Portal,{element:r,appendTo:e.appendTo})}));function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(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 l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}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 a,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw a}}}}function j(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}O.displayName="TreeSelectPanel";var k=p.memo(p.forwardRef((function(e,i){var c=E(p.useState(!1),2),u=c[0],s=c[1],y=E(p.useState(!1),2),v=y[0],h=y[1],b=E(p.useState({}),2),g=b[0],N=b[1],j=E(p.useState(""),2),x=j[0],C=j[1],I=p.useRef(null),T=p.useRef(null),P=p.useRef(null),U=p.useRef(null),H=p.useRef(null),D=p.useRef(null),M=e.onFilterValueChange?e.filterValue:x,A=o.ObjectUtils.isEmpty(e.value),F=o.ObjectUtils.isEmpty(e.options),R="single"===e.selectionMode,V="checkbox"===e.selectionMode,q=E(n.useOverlayListener({target:I,overlay:T,listener:function(e,t){t.valid&&Z()},when:v}),2),K=q[0],L=q[1],_=function(){return pe.length?pe.map((function(e){return e.label})).join(", "):e.placeholder},B=function(){h(!0)},Z=function(){h(!1)},J=function(){s(!0)},X=function(){s(!1)},z=function(t){e.onChange&&(D.current=!0,e.onChange({originalEvent:t.originalEvent,value:t.value,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:t.value}}))},$=function(t){e.onNodeSelect&&e.onNodeSelect(t),R&&Z()},Y=function(t){e.onNodeUnselect&&e.onNodeUnselect(t)},G=function(e){N(e.value)},Q=function(e){C(e.value)},W=function(e){switch(e.which){case 40:!v&&e.altKey&&B();break;case 32:v||(B(),e.preventDefault());break;case 13:case 27:v&&(Z(),e.preventDefault());break;case 9:Z()}},ee=function(e){13===e.which&&e.preventDefault()},te=function(t){var n=t.target.value;e.onFilterValueChange?e.onFilterValueChange({originalEvent:t,value:n}):C(n)},ne=function(){o.DomHandler.alignOverlay(T.current,H.current.parentElement,e.appendTo||f.default.appendTo)},le=function(){var e=o.DomHandler.findSingle(T.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},re=function t(n,l,r){if(n){if(ae(n,l)&&(r.push(n),delete l[n.key]),Object.keys(l).length&&n.children){var a,o=w(n.children);try{for(o.s();!(a=o.n()).done;){t(a.value,l,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var i,c=w(e.options);try{for(c.s();!(i=c.n()).done;){t(i.value,l,r)}}catch(e){c.e(e)}finally{c.f()}}},ae=function(e,t){return V?t[e.key]&&t[e.key].checked:t[e.key]},oe=function(){var t=R?m({},"".concat(e.value),!0):S({},e.value);N({}),t&&e.options&&ie(null,null,t)},ie=function t(n,l,r){if(n){if(ae(n,r)&&(ce(l),delete r[n.key]),Object.keys(r).length&&n.children){var a,o=w(n.children);try{for(o.s();!(a=o.n()).done;){var i=a.value;l.push(n.key),t(i,l,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var c,u=w(e.options);try{for(u.s();!(c=u.n()).done;){t(c.value,[],r)}}catch(e){u.e(e)}finally{u.f()}}},ce=function(e){if(e.length>0){var t,n=S({},g||{}),l=w(e);try{for(l.s();!(t=l.n()).done;){n[t.value]=!0}}catch(e){l.e(e)}finally{l.f()}N(n)}};n.useMountEffect((function(){oe()})),n.useUpdateEffect((function(){v&&e.filter&&ne()})),n.useUpdateEffect((function(){oe()}),[e.options]),n.useUpdateEffect((function(){v&&g&&ne()}),[g]),n.useUpdateEffect((function(){v&&(D.current||oe(),D.current=!1)}),[e.value]),n.useUnmountEffect((function(){o.ZIndexUtils.clear(T.current)}));var ue,se=function(){if(e.filter){var t=o.ObjectUtils.isNotEmpty(M)?M:"";return p.createElement("div",{className:"p-treeselect-filter-container"},p.createElement("input",{ref:P,type:"text",value:t,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:e.filterPlaceholder,onKeyDown:ee,onChange:te,disabled:e.disabled}),p.createElement("span",{className:"p-treeselect-filter-icon pi pi-search"}))}return null},pe=function(){var t=[];if(o.ObjectUtils.isNotEmpty(e.value)&&e.options){var n=R?m({},"".concat(e.value),!0):S({},e.value);re(null,n,t)}return t}(),fe=o.ObjectUtils.findDiffKeys(e,k.defaultProps),de=o.classNames("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===e.display,"p-disabled":e.disabled,"p-focus":u,"p-inputwrapper-filled":!A,"p-inputwrapper-focus":u||v},e.className),me=p.createElement("div",{className:"p-hidden-accessible"},p.createElement("input",{ref:U,role:"listbox",id:e.inputId,type:"text",readOnly:!0,"aria-expanded":v,onFocus:J,onBlur:X,onKeyDown:W,disabled:e.disabled,tabIndex:e.tabIndex,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy})),ye=function(){var t=o.classNames("p-treeselect-label",{"p-placeholder":_()===e.placeholder,"p-treeselect-label-empty":!e.placeholder&&A}),n=null;return e.valueTemplate?n=o.ObjectUtils.getJSXElement(e.valueTemplate,pe,e):"comma"===e.display?n=_()||"empty":"chip"===e.display&&(n=p.createElement(p.Fragment,null,pe&&pe.map((function(e,t){return p.createElement("div",{className:"p-treeselect-token",key:"".concat(e.key,"_").concat(t)},p.createElement("span",{className:"p-treeselect-token-label"},e.label))})),A&&(e.placeholder||"empty"))),p.createElement("div",{className:"p-treeselect-label-container"},p.createElement("div",{className:t},n))}(),ve=(ue=o.classNames("p-treeselect-trigger-icon p-clickable",e.dropdownIcon),p.createElement("div",{ref:H,className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":v},p.createElement("span",{className:ue}))),he=p.createElement(p.Fragment,null,p.createElement(a.Tree,{value:e.options,selectionMode:e.selectionMode,selectionKeys:e.value,metaKeySelection:e.metaKeySelection,onSelectionChange:z,onSelect:$,onUnselect:Y,expandedKeys:g,onToggle:G,onExpand:e.onNodeExpand,onCollapse:e.onNodeCollapse,filter:e.filter,filterValue:M,filterBy:e.filterBy,filterMode:e.filterMode,filterPlaceholder:e.filterPlaceholder,filterLocale:e.filterLocale,showHeader:!1,onFilterValueChange:Q}),F&&p.createElement("div",{className:"p-treeselect-empty-message"},e.emptyMessage||t.localeOption("emptyMessage"))),be=function(){var t=se(),n=p.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:Z},p.createElement("span",{className:"p-treeselect-close-icon pi pi-times"}),p.createElement(r.Ripple,null)),l=p.createElement("div",{className:"p-treeselect-header"},t,n);return e.panelHeaderTemplate?o.ObjectUtils.getJSXElement(e.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:n,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon pi pi-times",onCloseClick:Z,element:l,props:e}):l}(),ge=o.ObjectUtils.getJSXElement(e.footer,e);return p.createElement("div",d({id:e.id,ref:I,className:de,style:e.style},fe,{onClick:function(t){e.disabled||T.current&&T.current.contains(t.target)||o.DomHandler.hasClass(t.target,"p-treeselect-close")||(o.DomHandler.focus(U.current),v?Z():B())}}),me,ye,ve,p.createElement(O,{ref:T,appendTo:e.appendTo,panelStyle:e.panelStyle,panelClassName:e.panelClassName,scrollHeight:e.scrollHeight,onClick:function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:I.current})},header:be,footer:ge,transitionOptions:e.transitionOptions,in:v,onEnter:function(){o.ZIndexUtils.set("overlay",T.current,f.default.autoZIndex,f.default.zIndex.overlay),ne(),le()},onEntered:function(){K(),e.filter&&e.filterInputAutoFocus&&o.DomHandler.focus(P.current,e.filterInputAutoFocus),e.onShow&&e.onShow()},onExit:function(){L()},onExited:function(){e.filter&&e.resetFilterOnHide&&C(""),o.ZIndexUtils.clear(T.current),e.onHide&&e.onHide()}},he))})));k.displayName="TreeSelect",k.defaultProps={__TYPE:"TreeSelect",id:null,value:null,name:null,style:null,className:null,disabled:!1,options:null,scrollHeight:"400px",placeholder:null,tabIndex:null,inputId:null,ariaLabel:null,ariaLabelledBy:null,selectionMode:"single",panelStyle:null,panelClassName:null,appendTo:null,emptyMessage:null,display:"comma",metaKeySelection:!0,valueTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",filter:!1,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterInputAutoFocus:!0,resetFilterOnHide:!1,onShow:null,onHide:null,onChange:null,onNodeSelect:null,onNodeUnselect:null,onNodeExpand:null,onNodeCollapse:null,onFilterValueChange:null},exports.TreeSelect=k;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),l=require("primereact/overlayservice"),r=require("primereact/ripple"),a=require("primereact/tree"),o=require("primereact/utils"),i=require("primereact/csstransition"),c=require("primereact/portal");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=s(e),f=u(t);function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},d.apply(this,arguments)}function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function b(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 g(){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 E(e,t){return y(e)||v(e,t)||b(e,t)||g()}var O=p.forwardRef((function(e,t){var n,l,r=(n={maxHeight:e.scrollHeight||"auto"},l=o.classNames("p-treeselect-panel p-component",e.panelClassName),p.createElement(i.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntering:e.onEntering,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},p.createElement("div",{ref:t,className:l,style:e.panelStyle,onClick:e.onClick},e.header,p.createElement("div",{className:"p-treeselect-items-wrapper",style:n},e.children),e.footer)));return p.createElement(c.Portal,{element:r,appendTo:e.appendTo})}));function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(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 l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}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 a,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw a}}}}function j(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}O.displayName="TreeSelectPanel";var C=p.memo(p.forwardRef((function(e,i){var c=E(p.useState(!1),2),u=c[0],s=c[1],y=E(p.useState(!1),2),v=y[0],h=y[1],b=E(p.useState(e.expandedKeys),2),g=b[0],N=b[1],j=E(p.useState(""),2),x=j[0],k=j[1],T=p.useRef(null),I=p.useRef(null),P=p.useRef(null),U=p.useRef(null),H=p.useRef(null),D=p.useRef(null),F=e.onToggle?e.expandedKeys:g,M=e.onFilterValueChange?e.filterValue:x,A=o.ObjectUtils.isEmpty(e.value),K=o.ObjectUtils.isEmpty(e.options),R="single"===e.selectionMode,V="checkbox"===e.selectionMode,q={filter:function(e){return le(e)},reset:function(){return re()}},L=E(n.useOverlayListener({target:T,overlay:I,listener:function(e,t){t.valid&&Z()},when:v}),2),_=L[0],B=L[1],J=function(){return me.length?me.map((function(e){return e.label})).join(", "):e.placeholder},X=function(){h(!0)},Z=function(){h(!1)},z=function(){s(!0)},$=function(){s(!1)},Y=function(t){e.onChange&&(D.current=!0,e.onChange({originalEvent:t.originalEvent,value:t.value,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:t.value}}))},G=function(t){e.onNodeSelect&&e.onNodeSelect(t),R&&Z()},Q=function(t){e.onNodeUnselect&&e.onNodeUnselect(t)},W=function(t){e.onToggle?e.onToggle(t):N(t.value)},ee=function(e){k(e.value)},te=function(e){switch(e.which){case 40:!v&&e.altKey&&X();break;case 32:v||(X(),e.preventDefault());break;case 13:case 27:v&&(Z(),e.preventDefault());break;case 9:Z()}},ne=function(e){13===e.which&&e.preventDefault()},le=function(t){var n=t.target.value;e.onFilterValueChange?e.onFilterValueChange({originalEvent:t,value:n}):k(n)},re=function(){k("")},ae=function(){o.DomHandler.alignOverlay(I.current,H.current.parentElement,e.appendTo||f.default.appendTo)},oe=function(){var e=o.DomHandler.findSingle(I.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},ie=function t(n,l,r){if(n){if(ce(n,l)&&(r.push(n),delete l[n.key]),Object.keys(l).length&&n.children){var a,o=w(n.children);try{for(o.s();!(a=o.n()).done;){t(a.value,l,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var i,c=w(e.options);try{for(c.s();!(i=c.n()).done;){t(i.value,l,r)}}catch(e){c.e(e)}finally{c.f()}}},ce=function(e,t){return V?t[e.key]&&t[e.key].checked:t[e.key]},ue=function(){var t=R?m({},"".concat(e.value),!0):S({},e.value);N({}),t&&e.options&&se(null,null,t)},se=function t(n,l,r){if(n){if(ce(n,r)&&(pe(l),delete r[n.key]),Object.keys(r).length&&n.children){var a,o=w(n.children);try{for(o.s();!(a=o.n()).done;){var i=a.value;l.push(n.key),t(i,l,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var c,u=w(e.options);try{for(u.s();!(c=u.n()).done;){t(c.value,[],r)}}catch(e){u.e(e)}finally{u.f()}}},pe=function(e){if(e.length>0){var t,n=S({},g||{}),l=w(e);try{for(l.s();!(t=l.n()).done;){n[t.value]=!0}}catch(e){l.e(e)}finally{l.f()}N(n)}};p.useImperativeHandle(i,(function(){return{props:e,getElement:function(){return T.current}}})),n.useMountEffect((function(){ue()})),n.useUpdateEffect((function(){v&&e.filter&&ae()})),n.useUpdateEffect((function(){ue()}),[e.options]),n.useUpdateEffect((function(){v&&g&&ae()}),[g]),n.useUpdateEffect((function(){v&&(D.current||ue(),D.current=!1)}),[e.value]),n.useUnmountEffect((function(){o.ZIndexUtils.clear(I.current)}));var fe,de=function(){if(e.filter){var t=o.ObjectUtils.isNotEmpty(M)?M:"",n=p.createElement("div",{className:"p-treeselect-filter-container"},p.createElement("input",{ref:P,type:"text",value:t,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:e.filterPlaceholder,onKeyDown:ne,onChange:le,disabled:e.disabled}),p.createElement("span",{className:"p-treeselect-filter-icon pi pi-search"}));if(e.filterTemplate)n=o.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-treeselect-filter-container",element:n,filterOptions:q,filterInputKeyDown:ne,filterInputChange:le,filterIconClassName:"p-dropdown-filter-icon pi pi-search",props:e});return p.createElement(p.Fragment,null,n)}},me=function(){var t=[];if(o.ObjectUtils.isNotEmpty(e.value)&&e.options){var n=R?m({},"".concat(e.value),!0):S({},e.value);ie(null,n,t)}return t}(),ye=o.ObjectUtils.findDiffKeys(e,C.defaultProps),ve=o.classNames("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===e.display,"p-disabled":e.disabled,"p-focus":u,"p-inputwrapper-filled":!A,"p-inputwrapper-focus":u||v},e.className),he=p.createElement("div",{className:"p-hidden-accessible"},p.createElement("input",{ref:U,role:"listbox",id:e.inputId,type:"text",readOnly:!0,"aria-expanded":v,onFocus:z,onBlur:$,onKeyDown:te,disabled:e.disabled,tabIndex:e.tabIndex,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy})),be=function(){var t=o.classNames("p-treeselect-label",{"p-placeholder":J()===e.placeholder,"p-treeselect-label-empty":!e.placeholder&&A}),n=null;return e.valueTemplate?n=o.ObjectUtils.getJSXElement(e.valueTemplate,me,e):"comma"===e.display?n=J()||"empty":"chip"===e.display&&(n=p.createElement(p.Fragment,null,me&&me.map((function(e,t){return p.createElement("div",{className:"p-treeselect-token",key:"".concat(e.key,"_").concat(t)},p.createElement("span",{className:"p-treeselect-token-label"},e.label))})),A&&(e.placeholder||"empty"))),p.createElement("div",{className:"p-treeselect-label-container"},p.createElement("div",{className:t},n))}(),ge=(fe=o.classNames("p-treeselect-trigger-icon p-clickable",e.dropdownIcon),p.createElement("div",{ref:H,className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":v},p.createElement("span",{className:fe}))),Ee=p.createElement(p.Fragment,null,p.createElement(a.Tree,{value:e.options,selectionMode:e.selectionMode,selectionKeys:e.value,metaKeySelection:e.metaKeySelection,onSelectionChange:Y,onSelect:G,onUnselect:Q,expandedKeys:F,onToggle:W,onExpand:e.onNodeExpand,onCollapse:e.onNodeCollapse,filter:e.filter,filterValue:M,filterBy:e.filterBy,filterMode:e.filterMode,filterPlaceholder:e.filterPlaceholder,filterLocale:e.filterLocale,showHeader:!1,onFilterValueChange:ee}),K&&p.createElement("div",{className:"p-treeselect-empty-message"},e.emptyMessage||t.localeOption("emptyMessage"))),Oe=function(){var t=de(),n=p.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:Z},p.createElement("span",{className:"p-treeselect-close-icon pi pi-times"}),p.createElement(r.Ripple,null)),l=p.createElement("div",{className:"p-treeselect-header"},t,n);return e.panelHeaderTemplate?o.ObjectUtils.getJSXElement(e.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:n,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon pi pi-times",onCloseClick:Z,element:l,props:e}):l}(),Ne=o.ObjectUtils.getJSXElement(e.panelFooterTemplate,e);return p.createElement("div",d({id:e.id,ref:T,className:ve,style:e.style},ye,{onClick:function(t){e.disabled||I.current&&I.current.contains(t.target)||o.DomHandler.hasClass(t.target,"p-treeselect-close")||(o.DomHandler.focus(U.current),v?Z():X())}}),he,be,ge,p.createElement(O,{ref:I,appendTo:e.appendTo,panelStyle:e.panelStyle,panelClassName:e.panelClassName,scrollHeight:e.scrollHeight,onClick:function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:T.current})},header:Oe,footer:Ne,transitionOptions:e.transitionOptions,in:v,onEnter:function(){o.ZIndexUtils.set("overlay",I.current,f.default.autoZIndex,f.default.zIndex.overlay),ae(),oe()},onEntered:function(){_(),e.filter&&e.filterInputAutoFocus&&o.DomHandler.focus(P.current,e.filterInputAutoFocus),e.onShow&&e.onShow()},onExit:function(){B()},onExited:function(){e.filter&&e.resetFilterOnHide&&re(),o.ZIndexUtils.clear(I.current),e.onHide&&e.onHide()}},Ee))})));C.displayName="TreeSelect",C.defaultProps={__TYPE:"TreeSelect",id:null,value:null,name:null,style:null,className:null,disabled:!1,options:null,scrollHeight:"400px",placeholder:null,tabIndex:null,inputId:null,ariaLabel:null,ariaLabelledBy:null,selectionMode:"single",expandedKeys:null,panelStyle:null,panelClassName:null,appendTo:null,emptyMessage:null,display:"comma",metaKeySelection:!0,valueTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",filter:!1,filterTemplate:null,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterInputAutoFocus:!0,resetFilterOnHide:!1,onShow:null,onHide:null,onChange:null,onNodeSelect:null,onNodeUnselect:null,onNodeExpand:null,onNodeCollapse:null,onFilterValueChange:null},exports.TreeSelect=C;

package/treeselect/treeselect.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
-import TreeNode from '../treenode';
-import TreeEventNodeParams from '../tree';
 import { CSSTransitionProps } from '../csstransition';
+import TreeNode from '../treenode';
 
 type TreeSelectSelectionModeType = 'single' | 'multiple' | 'checkbox';
 
@@ -13,6 +12,8 @@ type TreeSelectFilterModeType = 'lenient' | 'strict';
 
 type TreeSelectValueTemplateType = React.ReactNode | ((selectedNodes: TreeNode | TreeNode[], props: TreeSelectProps) => React.ReactNode);
 
+type TreeSelectFilterTemplateType = React.ReactNode | ((options: TreeSelectFilterOptions) => React.ReactNode);
+
 type TreeSelectPanelHeaderTemplateType = React.ReactNode | ((options: TreeSelectPanelHeaderTemplateOptions) => React.ReactNode);
 
 type TreeSelectPanelFooterTemplateType = React.ReactNode | ((props: TreeSelectProps) => React.ReactNode);
@@ -55,7 +56,18 @@ interface TreeSelectCheckboxSelectionKeyType {
     partialChecked?: boolean;
 }
 
-interface TreeSelectEventNodeParams extends TreeEventNodeParams {
+interface TreeSelectEventNodeParams {
+    originalEvent: React.SyntheticEvent;
+    node: TreeNode;
+}
+
+interface TreeSelectExpandedKeysType {
+    [key: string]: boolean;
+}
+
+interface TreeSelectExpandedParams {
+    originalEvent: React.SyntheticEvent;
+    value: TreeSelectExpandedKeysType;
 }
 
 interface TreeSelectFilterValueChangeParams {
@@ -63,17 +75,18 @@ interface TreeSelectFilterValueChangeParams {
     value: string;
 }
 
-export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange'|'value' | 'ref'> {
-    id?: string;
+interface TreeSelectFilterOptions {
+    filter?: (event?: KeyboardEvent) => void;
+    reset?: () => void;
+}
+
+export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'value' | 'ref'> {
     value?: TreeSelectSelectionKeys;
     name?: string;
-    style?: object;
-    className?: string;
     disabled?: boolean;
     options?: TreeNode[];
     scrollHeight?: string;
     placeholder?: string;
-    tabIndex?: number;
     inputId?: string;
     ariaLabel?: string;
     ariaLabelledBy?: string;
@@ -82,11 +95,13 @@ export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.Inpu
     panelClassName?: string;
     appendTo?: TreeSelectAppendToType;
     emptyMessage?: string;
+    expandedKeys?: TreeSelectExpandedKeysType;
     display?: TreeSelectDisplayType;
     metaKeySelection?: boolean;
     valueTemplate?: TreeSelectValueTemplateType;
     panelHeaderTemplate?: TreeSelectPanelHeaderTemplateType;
     panelFooterTemplate?: TreeSelectPanelFooterTemplateType;
+    filterTemplate?: TreeSelectFilterTemplateType;
     transitionOptions?: CSSTransitionProps;
     dropdownIcon?: string;
     filter?: boolean;
@@ -100,6 +115,7 @@ export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.Inpu
     onShow?(): void;
     onHide?(): void;
     onChange?(e: TreeSelectChangeParams): void;
+    onToggle?(e: TreeSelectExpandedParams): void;
     onNodeSelect?(e: TreeSelectEventNodeParams): void;
     onNodeUnselect?(e: TreeSelectEventNodeParams): void;
     onNodeExpand?(e: TreeSelectEventNodeParams): void;
@@ -108,4 +124,6 @@ export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.Inpu
     children?: React.ReactNode;
 }
 
-export declare class TreeSelect extends React.Component<TreeSelectProps, any> { }
+export declare class TreeSelect extends React.Component<TreeSelectProps, any> {
+    public getElement(): HTMLDivElement;
+}

package/treeselect/treeselect.esm.js

@@ -162,7 +162,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       overlayVisibleState = _React$useState4[0],
       setOverlayVisibleState = _React$useState4[1];
 
-  var _React$useState5 = React.useState({}),
+  var _React$useState5 = React.useState(props.expandedKeys),
       _React$useState6 = _slicedToArray(_React$useState5, 2),
       expandedKeysState = _React$useState6[0],
       setExpandedKeysState = _React$useState6[1];
@@ -178,11 +178,20 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var focusInputRef = React.useRef(null);
   var triggerRef = React.useRef(null);
   var selfChange = React.useRef(null);
+  var expandedKeys = props.onToggle ? props.expandedKeys : expandedKeysState;
   var filteredValue = props.onFilterValueChange ? props.filterValue : filterValueState;
   var isValueEmpty = ObjectUtils.isEmpty(props.value);
   var hasNoOptions = ObjectUtils.isEmpty(props.options);
   var isSingleSelectionMode = props.selectionMode === 'single';
   var isCheckboxSelectionMode = props.selectionMode === 'checkbox';
+  var filterOptions = {
+    filter: function filter(e) {
+      return onFilterInputChange(e);
+    },
+    reset: function reset() {
+      return resetFilter();
+    }
+  };
 
   var _useOverlayListener = useOverlayListener({
     target: elementRef,
@@ -253,7 +262,11 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   var onNodeToggle = function onNodeToggle(e) {
-    setExpandedKeysState(e.value);
+    if (props.onToggle) {
+      props.onToggle(e);
+    } else {
+      setExpandedKeysState(e.value);
+    }
   };
 
   var onFilterValueChange = function onFilterValueChange(e) {
@@ -465,7 +478,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 
   var expandPath = function expandPath(path) {
     if (path.length > 0) {
-      var expandedKeys = _objectSpread({}, expandedKeysState || {});
+      var _expandedKeys = _objectSpread({}, expandedKeysState || {});
 
       var _iterator5 = _createForOfIteratorHelper(path),
           _step5;
@@ -473,7 +486,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       try {
         for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
           var key = _step5.value;
-          expandedKeys[key] = true;
+          _expandedKeys[key] = true;
         }
       } catch (err) {
         _iterator5.e(err);
@@ -481,7 +494,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         _iterator5.f();
       }
 
-      setExpandedKeysState(expandedKeys);
+      setExpandedKeysState(_expandedKeys);
     }
   };
 
@@ -496,6 +509,14 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     return selectedNodes;
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   useMountEffect(function () {
     updateTreeState();
   });
@@ -598,7 +619,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       onSelectionChange: onSelectionChange,
       onSelect: onNodeSelect,
       onUnselect: onNodeUnselect,
-      expandedKeys: expandedKeysState,
+      expandedKeys: expandedKeys,
       onToggle: onNodeToggle,
       onExpand: props.onNodeExpand,
       onCollapse: props.onNodeCollapse,
@@ -618,7 +639,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var createFilterElement = function createFilterElement() {
     if (props.filter) {
       var filterValue = ObjectUtils.isNotEmpty(filteredValue) ? filteredValue : '';
-      return /*#__PURE__*/React.createElement("div", {
+      var filterContent = /*#__PURE__*/React.createElement("div", {
         className: "p-treeselect-filter-container"
       }, /*#__PURE__*/React.createElement("input", {
         ref: filterInputRef,
@@ -633,9 +654,22 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       }), /*#__PURE__*/React.createElement("span", {
         className: "p-treeselect-filter-icon pi pi-search"
       }));
-    }
 
-    return null;
+      if (props.filterTemplate) {
+        var defaultContentOptions = {
+          className: 'p-treeselect-filter-container',
+          element: filterContent,
+          filterOptions: filterOptions,
+          filterInputKeyDown: onFilterInputKeyDown,
+          filterInputChange: onFilterInputChange,
+          filterIconClassName: 'p-dropdown-filter-icon pi pi-search',
+          props: props
+        };
+        filterContent = ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
+      }
+
+      return /*#__PURE__*/React.createElement(React.Fragment, null, filterContent);
+    }
   };
 
   var createHeader = function createHeader() {
@@ -669,7 +703,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   var createFooter = function createFooter() {
-    return ObjectUtils.getJSXElement(props.footer, props);
+    return ObjectUtils.getJSXElement(props.panelFooterTemplate, props);
   };
 
   var selectedNodes = getSelectedNodes();
@@ -728,6 +762,7 @@ TreeSelect.defaultProps = {
   ariaLabel: null,
   ariaLabelledBy: null,
   selectionMode: 'single',
+  expandedKeys: null,
   panelStyle: null,
   panelClassName: null,
   appendTo: null,
@@ -740,6 +775,7 @@ TreeSelect.defaultProps = {
   transitionOptions: null,
   dropdownIcon: 'pi pi-chevron-down',
   filter: false,
+  filterTemplate: null,
   filterValue: null,
   filterBy: 'label',
   filterMode: 'lenient',

package/treeselect/treeselect.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{localeOption as n}from"primereact/api";import{useOverlayListener as l,useMountEffect as r,useUpdateEffect as a,useUnmountEffect as o}from"primereact/hooks";import{OverlayService as i}from"primereact/overlayservice";import{Ripple as c}from"primereact/ripple";import{Tree as u}from"primereact/tree";import{classNames as s,ObjectUtils as p,ZIndexUtils as f,DomHandler as d}from"primereact/utils";import{CSSTransition as m}from"primereact/csstransition";import{Portal as y}from"primereact/portal";function v(){return v=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},v.apply(this,arguments)}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function N(e,t){if(e){if("string"==typeof e)return E(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(e,t):void 0}}function w(){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 S(e,t){return b(e)||g(e,t)||N(e,t)||w()}var O=e.forwardRef((function(t,n){var l,r,a=(l={maxHeight:t.scrollHeight||"auto"},r=s("p-treeselect-panel p-component",t.panelClassName),e.createElement(m,{nodeRef:n,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntering:t.onEntering,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:n,className:r,style:t.panelStyle,onClick:t.onClick},t.header,e.createElement("div",{className:"p-treeselect-items-wrapper",style:l},t.children),t.footer)));return e.createElement(y,{element:a,appendTo:t.appendTo})}));function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function x(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){h(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 C(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 l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}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 a,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw a}}}}function j(e,t){if(e){if("string"==typeof e)return I(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)?I(e,t):void 0}}function I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}O.displayName="TreeSelectPanel";var T=e.memo(e.forwardRef((function(m,y){var b=S(e.useState(!1),2),g=b[0],E=b[1],N=S(e.useState(!1),2),w=N[0],k=N[1],j=S(e.useState({}),2),I=j[0],P=j[1],A=S(e.useState(""),2),F=A[0],H=A[1],M=e.useRef(null),D=e.useRef(null),V=e.useRef(null),K=e.useRef(null),R=e.useRef(null),L=e.useRef(null),B=m.onFilterValueChange?m.filterValue:F,U=p.isEmpty(m.value),J=p.isEmpty(m.options),X="single"===m.selectionMode,_="checkbox"===m.selectionMode,$=S(l({target:M,overlay:D,listener:function(e,t){t.valid&&G()},when:w}),2),z=$[0],Y=$[1],Z=function(){return he.length?he.map((function(e){return e.label})).join(", "):m.placeholder},q=function(){k(!0)},G=function(){k(!1)},Q=function(){E(!0)},W=function(){E(!1)},ee=function(e){m.onChange&&(L.current=!0,m.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){},preventDefault:function(){},target:{name:m.name,id:m.id,value:e.value}}))},te=function(e){m.onNodeSelect&&m.onNodeSelect(e),X&&G()},ne=function(e){m.onNodeUnselect&&m.onNodeUnselect(e)},le=function(e){P(e.value)},re=function(e){H(e.value)},ae=function(e){switch(e.which){case 40:!w&&e.altKey&&q();break;case 32:w||(q(),e.preventDefault());break;case 13:case 27:w&&(G(),e.preventDefault());break;case 9:G()}},oe=function(e){13===e.which&&e.preventDefault()},ie=function(e){var t=e.target.value;m.onFilterValueChange?m.onFilterValueChange({originalEvent:e,value:t}):H(t)},ce=function(){d.alignOverlay(D.current,R.current.parentElement,m.appendTo||t.appendTo)},ue=function(){var e=d.findSingle(D.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},se=function e(t,n,l){if(t){if(pe(t,n)&&(l.push(t),delete n[t.key]),Object.keys(n).length&&t.children){var r,a=C(t.children);try{for(a.s();!(r=a.n()).done;){e(r.value,n,l)}}catch(e){a.e(e)}finally{a.f()}}}else{var o,i=C(m.options);try{for(i.s();!(o=i.n()).done;){e(o.value,n,l)}}catch(e){i.e(e)}finally{i.f()}}},pe=function(e,t){return _?t[e.key]&&t[e.key].checked:t[e.key]},fe=function(){var e=X?h({},"".concat(m.value),!0):x({},m.value);P({}),e&&m.options&&de(null,null,e)},de=function e(t,n,l){if(t){if(pe(t,l)&&(me(n),delete l[t.key]),Object.keys(l).length&&t.children){var r,a=C(t.children);try{for(a.s();!(r=a.n()).done;){var o=r.value;n.push(t.key),e(o,n,l)}}catch(e){a.e(e)}finally{a.f()}}}else{var i,c=C(m.options);try{for(c.s();!(i=c.n()).done;){e(i.value,[],l)}}catch(e){c.e(e)}finally{c.f()}}},me=function(e){if(e.length>0){var t,n=x({},I||{}),l=C(e);try{for(l.s();!(t=l.n()).done;){n[t.value]=!0}}catch(e){l.e(e)}finally{l.f()}P(n)}};r((function(){fe()})),a((function(){w&&m.filter&&ce()})),a((function(){fe()}),[m.options]),a((function(){w&&I&&ce()}),[I]),a((function(){w&&(L.current||fe(),L.current=!1)}),[m.value]),o((function(){f.clear(D.current)}));var ye,ve=function(){if(m.filter){var t=p.isNotEmpty(B)?B:"";return e.createElement("div",{className:"p-treeselect-filter-container"},e.createElement("input",{ref:V,type:"text",value:t,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:m.filterPlaceholder,onKeyDown:oe,onChange:ie,disabled:m.disabled}),e.createElement("span",{className:"p-treeselect-filter-icon pi pi-search"}))}return null},he=function(){var e=[];if(p.isNotEmpty(m.value)&&m.options){var t=X?h({},"".concat(m.value),!0):x({},m.value);se(null,t,e)}return e}(),be=p.findDiffKeys(m,T.defaultProps),ge=s("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===m.display,"p-disabled":m.disabled,"p-focus":g,"p-inputwrapper-filled":!U,"p-inputwrapper-focus":g||w},m.className),Ee=e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:K,role:"listbox",id:m.inputId,type:"text",readOnly:!0,"aria-expanded":w,onFocus:Q,onBlur:W,onKeyDown:ae,disabled:m.disabled,tabIndex:m.tabIndex,"aria-label":m.ariaLabel,"aria-labelledby":m.ariaLabelledBy})),Ne=function(){var t=s("p-treeselect-label",{"p-placeholder":Z()===m.placeholder,"p-treeselect-label-empty":!m.placeholder&&U}),n=null;return m.valueTemplate?n=p.getJSXElement(m.valueTemplate,he,m):"comma"===m.display?n=Z()||"empty":"chip"===m.display&&(n=e.createElement(e.Fragment,null,he&&he.map((function(t,n){return e.createElement("div",{className:"p-treeselect-token",key:"".concat(t.key,"_").concat(n)},e.createElement("span",{className:"p-treeselect-token-label"},t.label))})),U&&(m.placeholder||"empty"))),e.createElement("div",{className:"p-treeselect-label-container"},e.createElement("div",{className:t},n))}(),we=(ye=s("p-treeselect-trigger-icon p-clickable",m.dropdownIcon),e.createElement("div",{ref:R,className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":w},e.createElement("span",{className:ye}))),Se=e.createElement(e.Fragment,null,e.createElement(u,{value:m.options,selectionMode:m.selectionMode,selectionKeys:m.value,metaKeySelection:m.metaKeySelection,onSelectionChange:ee,onSelect:te,onUnselect:ne,expandedKeys:I,onToggle:le,onExpand:m.onNodeExpand,onCollapse:m.onNodeCollapse,filter:m.filter,filterValue:B,filterBy:m.filterBy,filterMode:m.filterMode,filterPlaceholder:m.filterPlaceholder,filterLocale:m.filterLocale,showHeader:!1,onFilterValueChange:re}),J&&e.createElement("div",{className:"p-treeselect-empty-message"},m.emptyMessage||n("emptyMessage"))),Oe=function(){var t=ve(),n=e.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:G},e.createElement("span",{className:"p-treeselect-close-icon pi pi-times"}),e.createElement(c,null)),l=e.createElement("div",{className:"p-treeselect-header"},t,n);return m.panelHeaderTemplate?p.getJSXElement(m.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:n,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon pi pi-times",onCloseClick:G,element:l,props:m}):l}(),ke=p.getJSXElement(m.footer,m);return e.createElement("div",v({id:m.id,ref:M,className:ge,style:m.style},be,{onClick:function(e){m.disabled||D.current&&D.current.contains(e.target)||d.hasClass(e.target,"p-treeselect-close")||(d.focus(K.current),w?G():q())}}),Ee,Ne,we,e.createElement(O,{ref:D,appendTo:m.appendTo,panelStyle:m.panelStyle,panelClassName:m.panelClassName,scrollHeight:m.scrollHeight,onClick:function(e){i.emit("overlay-click",{originalEvent:e,target:M.current})},header:Oe,footer:ke,transitionOptions:m.transitionOptions,in:w,onEnter:function(){f.set("overlay",D.current,t.autoZIndex,t.zIndex.overlay),ce(),ue()},onEntered:function(){z(),m.filter&&m.filterInputAutoFocus&&d.focus(V.current,m.filterInputAutoFocus),m.onShow&&m.onShow()},onExit:function(){Y()},onExited:function(){m.filter&&m.resetFilterOnHide&&H(""),f.clear(D.current),m.onHide&&m.onHide()}},Se))})));T.displayName="TreeSelect",T.defaultProps={__TYPE:"TreeSelect",id:null,value:null,name:null,style:null,className:null,disabled:!1,options:null,scrollHeight:"400px",placeholder:null,tabIndex:null,inputId:null,ariaLabel:null,ariaLabelledBy:null,selectionMode:"single",panelStyle:null,panelClassName:null,appendTo:null,emptyMessage:null,display:"comma",metaKeySelection:!0,valueTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",filter:!1,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterInputAutoFocus:!0,resetFilterOnHide:!1,onShow:null,onHide:null,onChange:null,onNodeSelect:null,onNodeUnselect:null,onNodeExpand:null,onNodeCollapse:null,onFilterValueChange:null};export{T as TreeSelect};
+import*as e from"react";import t,{localeOption as n}from"primereact/api";import{useOverlayListener as l,useMountEffect as r,useUpdateEffect as a,useUnmountEffect as o}from"primereact/hooks";import{OverlayService as i}from"primereact/overlayservice";import{Ripple as c}from"primereact/ripple";import{Tree as u}from"primereact/tree";import{classNames as s,ObjectUtils as p,ZIndexUtils as f,DomHandler as d}from"primereact/utils";import{CSSTransition as m}from"primereact/csstransition";import{Portal as y}from"primereact/portal";function v(){return v=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},v.apply(this,arguments)}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function N(e,t){if(e){if("string"==typeof e)return E(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(e,t):void 0}}function w(){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 S(e,t){return g(e)||b(e,t)||N(e,t)||w()}var O=e.forwardRef((function(t,n){var l,r,a=(l={maxHeight:t.scrollHeight||"auto"},r=s("p-treeselect-panel p-component",t.panelClassName),e.createElement(m,{nodeRef:n,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntering:t.onEntering,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:n,className:r,style:t.panelStyle,onClick:t.onClick},t.header,e.createElement("div",{className:"p-treeselect-items-wrapper",style:l},t.children),t.footer)));return e.createElement(y,{element:a,appendTo:t.appendTo})}));function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function C(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 k(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=T(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}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 a,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw a}}}}function T(e,t){if(e){if("string"==typeof e)return I(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)?I(e,t):void 0}}function I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}O.displayName="TreeSelectPanel";var j=e.memo(e.forwardRef((function(m,y){var g=S(e.useState(!1),2),b=g[0],E=g[1],N=S(e.useState(!1),2),w=N[0],x=N[1],T=S(e.useState(m.expandedKeys),2),I=T[0],P=T[1],F=S(e.useState(""),2),A=F[0],H=F[1],K=e.useRef(null),M=e.useRef(null),D=e.useRef(null),V=e.useRef(null),R=e.useRef(null),L=e.useRef(null),B=m.onToggle?m.expandedKeys:I,U=m.onFilterValueChange?m.filterValue:A,J=p.isEmpty(m.value),X=p.isEmpty(m.options),_="single"===m.selectionMode,$="checkbox"===m.selectionMode,z={filter:function(e){return ue(e)},reset:function(){return se()}},Y=S(l({target:K,overlay:M,listener:function(e,t){t.valid&&W()},when:w}),2),Z=Y[0],q=Y[1],G=function(){return Ee.length?Ee.map((function(e){return e.label})).join(", "):m.placeholder},Q=function(){x(!0)},W=function(){x(!1)},ee=function(){E(!0)},te=function(){E(!1)},ne=function(e){m.onChange&&(L.current=!0,m.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){},preventDefault:function(){},target:{name:m.name,id:m.id,value:e.value}}))},le=function(e){m.onNodeSelect&&m.onNodeSelect(e),_&&W()},re=function(e){m.onNodeUnselect&&m.onNodeUnselect(e)},ae=function(e){m.onToggle?m.onToggle(e):P(e.value)},oe=function(e){H(e.value)},ie=function(e){switch(e.which){case 40:!w&&e.altKey&&Q();break;case 32:w||(Q(),e.preventDefault());break;case 13:case 27:w&&(W(),e.preventDefault());break;case 9:W()}},ce=function(e){13===e.which&&e.preventDefault()},ue=function(e){var t=e.target.value;m.onFilterValueChange?m.onFilterValueChange({originalEvent:e,value:t}):H(t)},se=function(){H("")},pe=function(){d.alignOverlay(M.current,R.current.parentElement,m.appendTo||t.appendTo)},fe=function(){var e=d.findSingle(M.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},de=function e(t,n,l){if(t){if(me(t,n)&&(l.push(t),delete n[t.key]),Object.keys(n).length&&t.children){var r,a=k(t.children);try{for(a.s();!(r=a.n()).done;){e(r.value,n,l)}}catch(e){a.e(e)}finally{a.f()}}}else{var o,i=k(m.options);try{for(i.s();!(o=i.n()).done;){e(o.value,n,l)}}catch(e){i.e(e)}finally{i.f()}}},me=function(e,t){return $?t[e.key]&&t[e.key].checked:t[e.key]},ye=function(){var e=_?h({},"".concat(m.value),!0):C({},m.value);P({}),e&&m.options&&ve(null,null,e)},ve=function e(t,n,l){if(t){if(me(t,l)&&(he(n),delete l[t.key]),Object.keys(l).length&&t.children){var r,a=k(t.children);try{for(a.s();!(r=a.n()).done;){var o=r.value;n.push(t.key),e(o,n,l)}}catch(e){a.e(e)}finally{a.f()}}}else{var i,c=k(m.options);try{for(c.s();!(i=c.n()).done;){e(i.value,[],l)}}catch(e){c.e(e)}finally{c.f()}}},he=function(e){if(e.length>0){var t,n=C({},I||{}),l=k(e);try{for(l.s();!(t=l.n()).done;){n[t.value]=!0}}catch(e){l.e(e)}finally{l.f()}P(n)}};e.useImperativeHandle(y,(function(){return{props:m,getElement:function(){return K.current}}})),r((function(){ye()})),a((function(){w&&m.filter&&pe()})),a((function(){ye()}),[m.options]),a((function(){w&&I&&pe()}),[I]),a((function(){w&&(L.current||ye(),L.current=!1)}),[m.value]),o((function(){f.clear(M.current)}));var ge,be=function(){if(m.filter){var t=p.isNotEmpty(U)?U:"",n=e.createElement("div",{className:"p-treeselect-filter-container"},e.createElement("input",{ref:D,type:"text",value:t,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:m.filterPlaceholder,onKeyDown:ce,onChange:ue,disabled:m.disabled}),e.createElement("span",{className:"p-treeselect-filter-icon pi pi-search"}));if(m.filterTemplate)n=p.getJSXElement(m.filterTemplate,{className:"p-treeselect-filter-container",element:n,filterOptions:z,filterInputKeyDown:ce,filterInputChange:ue,filterIconClassName:"p-dropdown-filter-icon pi pi-search",props:m});return e.createElement(e.Fragment,null,n)}},Ee=function(){var e=[];if(p.isNotEmpty(m.value)&&m.options){var t=_?h({},"".concat(m.value),!0):C({},m.value);de(null,t,e)}return e}(),Ne=p.findDiffKeys(m,j.defaultProps),we=s("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===m.display,"p-disabled":m.disabled,"p-focus":b,"p-inputwrapper-filled":!J,"p-inputwrapper-focus":b||w},m.className),Se=e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:V,role:"listbox",id:m.inputId,type:"text",readOnly:!0,"aria-expanded":w,onFocus:ee,onBlur:te,onKeyDown:ie,disabled:m.disabled,tabIndex:m.tabIndex,"aria-label":m.ariaLabel,"aria-labelledby":m.ariaLabelledBy})),Oe=function(){var t=s("p-treeselect-label",{"p-placeholder":G()===m.placeholder,"p-treeselect-label-empty":!m.placeholder&&J}),n=null;return m.valueTemplate?n=p.getJSXElement(m.valueTemplate,Ee,m):"comma"===m.display?n=G()||"empty":"chip"===m.display&&(n=e.createElement(e.Fragment,null,Ee&&Ee.map((function(t,n){return e.createElement("div",{className:"p-treeselect-token",key:"".concat(t.key,"_").concat(n)},e.createElement("span",{className:"p-treeselect-token-label"},t.label))})),J&&(m.placeholder||"empty"))),e.createElement("div",{className:"p-treeselect-label-container"},e.createElement("div",{className:t},n))}(),xe=(ge=s("p-treeselect-trigger-icon p-clickable",m.dropdownIcon),e.createElement("div",{ref:R,className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":w},e.createElement("span",{className:ge}))),Ce=e.createElement(e.Fragment,null,e.createElement(u,{value:m.options,selectionMode:m.selectionMode,selectionKeys:m.value,metaKeySelection:m.metaKeySelection,onSelectionChange:ne,onSelect:le,onUnselect:re,expandedKeys:B,onToggle:ae,onExpand:m.onNodeExpand,onCollapse:m.onNodeCollapse,filter:m.filter,filterValue:U,filterBy:m.filterBy,filterMode:m.filterMode,filterPlaceholder:m.filterPlaceholder,filterLocale:m.filterLocale,showHeader:!1,onFilterValueChange:oe}),X&&e.createElement("div",{className:"p-treeselect-empty-message"},m.emptyMessage||n("emptyMessage"))),ke=function(){var t=be(),n=e.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:W},e.createElement("span",{className:"p-treeselect-close-icon pi pi-times"}),e.createElement(c,null)),l=e.createElement("div",{className:"p-treeselect-header"},t,n);return m.panelHeaderTemplate?p.getJSXElement(m.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:n,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon pi pi-times",onCloseClick:W,element:l,props:m}):l}(),Te=p.getJSXElement(m.panelFooterTemplate,m);return e.createElement("div",v({id:m.id,ref:K,className:we,style:m.style},Ne,{onClick:function(e){m.disabled||M.current&&M.current.contains(e.target)||d.hasClass(e.target,"p-treeselect-close")||(d.focus(V.current),w?W():Q())}}),Se,Oe,xe,e.createElement(O,{ref:M,appendTo:m.appendTo,panelStyle:m.panelStyle,panelClassName:m.panelClassName,scrollHeight:m.scrollHeight,onClick:function(e){i.emit("overlay-click",{originalEvent:e,target:K.current})},header:ke,footer:Te,transitionOptions:m.transitionOptions,in:w,onEnter:function(){f.set("overlay",M.current,t.autoZIndex,t.zIndex.overlay),pe(),fe()},onEntered:function(){Z(),m.filter&&m.filterInputAutoFocus&&d.focus(D.current,m.filterInputAutoFocus),m.onShow&&m.onShow()},onExit:function(){q()},onExited:function(){m.filter&&m.resetFilterOnHide&&se(),f.clear(M.current),m.onHide&&m.onHide()}},Ce))})));j.displayName="TreeSelect",j.defaultProps={__TYPE:"TreeSelect",id:null,value:null,name:null,style:null,className:null,disabled:!1,options:null,scrollHeight:"400px",placeholder:null,tabIndex:null,inputId:null,ariaLabel:null,ariaLabelledBy:null,selectionMode:"single",expandedKeys:null,panelStyle:null,panelClassName:null,appendTo:null,emptyMessage:null,display:"comma",metaKeySelection:!0,valueTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",filter:!1,filterTemplate:null,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterInputAutoFocus:!0,resetFilterOnHide:!1,onShow:null,onHide:null,onChange:null,onNodeSelect:null,onNodeUnselect:null,onNodeExpand:null,onNodeCollapse:null,onFilterValueChange:null};export{j as TreeSelect};

package/treeselect/treeselect.js

@@ -179,7 +179,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
         overlayVisibleState = _React$useState4[0],
         setOverlayVisibleState = _React$useState4[1];
 
-    var _React$useState5 = React__namespace.useState({}),
+    var _React$useState5 = React__namespace.useState(props.expandedKeys),
         _React$useState6 = _slicedToArray(_React$useState5, 2),
         expandedKeysState = _React$useState6[0],
         setExpandedKeysState = _React$useState6[1];
@@ -195,11 +195,20 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
     var focusInputRef = React__namespace.useRef(null);
     var triggerRef = React__namespace.useRef(null);
     var selfChange = React__namespace.useRef(null);
+    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 filterOptions = {
+      filter: function filter(e) {
+        return onFilterInputChange(e);
+      },
+      reset: function reset() {
+        return resetFilter();
+      }
+    };
 
     var _useOverlayListener = hooks.useOverlayListener({
       target: elementRef,
@@ -270,7 +279,11 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
     };
 
     var onNodeToggle = function onNodeToggle(e) {
-      setExpandedKeysState(e.value);
+      if (props.onToggle) {
+        props.onToggle(e);
+      } else {
+        setExpandedKeysState(e.value);
+      }
     };
 
     var onFilterValueChange = function onFilterValueChange(e) {
@@ -482,7 +495,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
 
     var expandPath = function expandPath(path) {
       if (path.length > 0) {
-        var expandedKeys = _objectSpread({}, expandedKeysState || {});
+        var _expandedKeys = _objectSpread({}, expandedKeysState || {});
 
         var _iterator5 = _createForOfIteratorHelper(path),
             _step5;
@@ -490,7 +503,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
         try {
           for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
             var key = _step5.value;
-            expandedKeys[key] = true;
+            _expandedKeys[key] = true;
           }
         } catch (err) {
           _iterator5.e(err);
@@ -498,7 +511,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
           _iterator5.f();
         }
 
-        setExpandedKeysState(expandedKeys);
+        setExpandedKeysState(_expandedKeys);
       }
     };
 
@@ -513,6 +526,14 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
       return selectedNodes;
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     hooks.useMountEffect(function () {
       updateTreeState();
     });
@@ -615,7 +636,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
         onSelectionChange: onSelectionChange,
         onSelect: onNodeSelect,
         onUnselect: onNodeUnselect,
-        expandedKeys: expandedKeysState,
+        expandedKeys: expandedKeys,
         onToggle: onNodeToggle,
         onExpand: props.onNodeExpand,
         onCollapse: props.onNodeCollapse,
@@ -635,7 +656,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
     var createFilterElement = function createFilterElement() {
       if (props.filter) {
         var filterValue = utils.ObjectUtils.isNotEmpty(filteredValue) ? filteredValue : '';
-        return /*#__PURE__*/React__namespace.createElement("div", {
+        var filterContent = /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-treeselect-filter-container"
         }, /*#__PURE__*/React__namespace.createElement("input", {
           ref: filterInputRef,
@@ -650,9 +671,22 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
         }), /*#__PURE__*/React__namespace.createElement("span", {
           className: "p-treeselect-filter-icon pi pi-search"
         }));
-      }
 
-      return null;
+        if (props.filterTemplate) {
+          var defaultContentOptions = {
+            className: 'p-treeselect-filter-container',
+            element: filterContent,
+            filterOptions: filterOptions,
+            filterInputKeyDown: onFilterInputKeyDown,
+            filterInputChange: onFilterInputChange,
+            filterIconClassName: 'p-dropdown-filter-icon pi pi-search',
+            props: props
+          };
+          filterContent = utils.ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
+        }
+
+        return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, filterContent);
+      }
     };
 
     var createHeader = function createHeader() {
@@ -686,7 +720,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
     };
 
     var createFooter = function createFooter() {
-      return utils.ObjectUtils.getJSXElement(props.footer, props);
+      return utils.ObjectUtils.getJSXElement(props.panelFooterTemplate, props);
     };
 
     var selectedNodes = getSelectedNodes();
@@ -745,6 +779,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
     ariaLabel: null,
     ariaLabelledBy: null,
     selectionMode: 'single',
+    expandedKeys: null,
     panelStyle: null,
     panelClassName: null,
     appendTo: null,
@@ -757,6 +792,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
     transitionOptions: null,
     dropdownIcon: 'pi pi-chevron-down',
     filter: false,
+    filterTemplate: null,
     filterValue: null,
     filterBy: 'label',
     filterMode: 'lenient',

package/treeselect/treeselect.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.treeselect=function(e,t,n,l,r,a,o,i,c,s){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=p(t),d=u(n);function m(){return m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},m.apply(this,arguments)}function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function g(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function E(){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 O(e,t){return v(e)||h(e,t)||g(e,t)||E()}var N=f.forwardRef((function(e,t){var n,l,r=(n={maxHeight:e.scrollHeight||"auto"},l=i.classNames("p-treeselect-panel p-component",e.panelClassName),f.createElement(c.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntering:e.onEntering,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},f.createElement("div",{ref:t,className:l,style:e.panelStyle,onClick:e.onClick},e.header,f.createElement("div",{className:"p-treeselect-items-wrapper",style:n},e.children),e.footer)));return f.createElement(s.Portal,{element:r,appendTo:e.appendTo})}));function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function j(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=x(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}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 a,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw a}}}}function x(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,l=new Array(t);n<t;n++)l[n]=e[n];return l}N.displayName="TreeSelectPanel";var C=f.memo(f.forwardRef((function(e,t){var c=O(f.useState(!1),2),s=c[0],u=c[1],p=O(f.useState(!1),2),v=p[0],h=p[1],b=O(f.useState({}),2),g=b[0],E=b[1],S=O(f.useState(""),2),x=S[0],k=S[1],I=f.useRef(null),T=f.useRef(null),P=f.useRef(null),U=f.useRef(null),H=f.useRef(null),D=f.useRef(null),M=e.onFilterValueChange?e.filterValue:x,A=i.ObjectUtils.isEmpty(e.value),F=i.ObjectUtils.isEmpty(e.options),R="single"===e.selectionMode,V="checkbox"===e.selectionMode,K=O(l.useOverlayListener({target:I,overlay:T,listener:function(e,t){t.valid&&J()},when:v}),2),L=K[0],_=K[1],B=function(){return pe.length?pe.map((function(e){return e.label})).join(", "):e.placeholder},Z=function(){h(!0)},J=function(){h(!1)},X=function(){u(!0)},z=function(){u(!1)},$=function(t){e.onChange&&(D.current=!0,e.onChange({originalEvent:t.originalEvent,value:t.value,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:t.value}}))},Y=function(t){e.onNodeSelect&&e.onNodeSelect(t),R&&J()},q=function(t){e.onNodeUnselect&&e.onNodeUnselect(t)},G=function(e){E(e.value)},Q=function(e){k(e.value)},W=function(e){switch(e.which){case 40:!v&&e.altKey&&Z();break;case 32:v||(Z(),e.preventDefault());break;case 13:case 27:v&&(J(),e.preventDefault());break;case 9:J()}},ee=function(e){13===e.which&&e.preventDefault()},te=function(t){var n=t.target.value;e.onFilterValueChange?e.onFilterValueChange({originalEvent:t,value:n}):k(n)},ne=function(){i.DomHandler.alignOverlay(T.current,H.current.parentElement,e.appendTo||d.default.appendTo)},le=function(){var e=i.DomHandler.findSingle(T.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},re=function t(n,l,r){if(n){if(ae(n,l)&&(r.push(n),delete l[n.key]),Object.keys(l).length&&n.children){var a,o=j(n.children);try{for(o.s();!(a=o.n()).done;){t(a.value,l,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var i,c=j(e.options);try{for(c.s();!(i=c.n()).done;){t(i.value,l,r)}}catch(e){c.e(e)}finally{c.f()}}},ae=function(e,t){return V?t[e.key]&&t[e.key].checked:t[e.key]},oe=function(){var t=R?y({},"".concat(e.value),!0):w({},e.value);E({}),t&&e.options&&ie(null,null,t)},ie=function t(n,l,r){if(n){if(ae(n,r)&&(ce(l),delete r[n.key]),Object.keys(r).length&&n.children){var a,o=j(n.children);try{for(o.s();!(a=o.n()).done;){var i=a.value;l.push(n.key),t(i,l,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var c,s=j(e.options);try{for(s.s();!(c=s.n()).done;){t(c.value,[],r)}}catch(e){s.e(e)}finally{s.f()}}},ce=function(e){if(e.length>0){var t,n=w({},g||{}),l=j(e);try{for(l.s();!(t=l.n()).done;){n[t.value]=!0}}catch(e){l.e(e)}finally{l.f()}E(n)}};l.useMountEffect((function(){oe()})),l.useUpdateEffect((function(){v&&e.filter&&ne()})),l.useUpdateEffect((function(){oe()}),[e.options]),l.useUpdateEffect((function(){v&&g&&ne()}),[g]),l.useUpdateEffect((function(){v&&(D.current||oe(),D.current=!1)}),[e.value]),l.useUnmountEffect((function(){i.ZIndexUtils.clear(T.current)}));var se,ue=function(){if(e.filter){var t=i.ObjectUtils.isNotEmpty(M)?M:"";return f.createElement("div",{className:"p-treeselect-filter-container"},f.createElement("input",{ref:P,type:"text",value:t,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:e.filterPlaceholder,onKeyDown:ee,onChange:te,disabled:e.disabled}),f.createElement("span",{className:"p-treeselect-filter-icon pi pi-search"}))}return null},pe=function(){var t=[];if(i.ObjectUtils.isNotEmpty(e.value)&&e.options){var n=R?y({},"".concat(e.value),!0):w({},e.value);re(null,n,t)}return t}(),fe=i.ObjectUtils.findDiffKeys(e,C.defaultProps),de=i.classNames("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===e.display,"p-disabled":e.disabled,"p-focus":s,"p-inputwrapper-filled":!A,"p-inputwrapper-focus":s||v},e.className),me=f.createElement("div",{className:"p-hidden-accessible"},f.createElement("input",{ref:U,role:"listbox",id:e.inputId,type:"text",readOnly:!0,"aria-expanded":v,onFocus:X,onBlur:z,onKeyDown:W,disabled:e.disabled,tabIndex:e.tabIndex,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy})),ye=function(){var t=i.classNames("p-treeselect-label",{"p-placeholder":B()===e.placeholder,"p-treeselect-label-empty":!e.placeholder&&A}),n=null;return e.valueTemplate?n=i.ObjectUtils.getJSXElement(e.valueTemplate,pe,e):"comma"===e.display?n=B()||"empty":"chip"===e.display&&(n=f.createElement(f.Fragment,null,pe&&pe.map((function(e,t){return f.createElement("div",{className:"p-treeselect-token",key:"".concat(e.key,"_").concat(t)},f.createElement("span",{className:"p-treeselect-token-label"},e.label))})),A&&(e.placeholder||"empty"))),f.createElement("div",{className:"p-treeselect-label-container"},f.createElement("div",{className:t},n))}(),ve=(se=i.classNames("p-treeselect-trigger-icon p-clickable",e.dropdownIcon),f.createElement("div",{ref:H,className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":v},f.createElement("span",{className:se}))),he=f.createElement(f.Fragment,null,f.createElement(o.Tree,{value:e.options,selectionMode:e.selectionMode,selectionKeys:e.value,metaKeySelection:e.metaKeySelection,onSelectionChange:$,onSelect:Y,onUnselect:q,expandedKeys:g,onToggle:G,onExpand:e.onNodeExpand,onCollapse:e.onNodeCollapse,filter:e.filter,filterValue:M,filterBy:e.filterBy,filterMode:e.filterMode,filterPlaceholder:e.filterPlaceholder,filterLocale:e.filterLocale,showHeader:!1,onFilterValueChange:Q}),F&&f.createElement("div",{className:"p-treeselect-empty-message"},e.emptyMessage||n.localeOption("emptyMessage"))),be=function(){var t=ue(),n=f.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:J},f.createElement("span",{className:"p-treeselect-close-icon pi pi-times"}),f.createElement(a.Ripple,null)),l=f.createElement("div",{className:"p-treeselect-header"},t,n);return e.panelHeaderTemplate?i.ObjectUtils.getJSXElement(e.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:n,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon pi pi-times",onCloseClick:J,element:l,props:e}):l}(),ge=i.ObjectUtils.getJSXElement(e.footer,e);return f.createElement("div",m({id:e.id,ref:I,className:de,style:e.style},fe,{onClick:function(t){e.disabled||T.current&&T.current.contains(t.target)||i.DomHandler.hasClass(t.target,"p-treeselect-close")||(i.DomHandler.focus(U.current),v?J():Z())}}),me,ye,ve,f.createElement(N,{ref:T,appendTo:e.appendTo,panelStyle:e.panelStyle,panelClassName:e.panelClassName,scrollHeight:e.scrollHeight,onClick:function(e){r.OverlayService.emit("overlay-click",{originalEvent:e,target:I.current})},header:be,footer:ge,transitionOptions:e.transitionOptions,in:v,onEnter:function(){i.ZIndexUtils.set("overlay",T.current,d.default.autoZIndex,d.default.zIndex.overlay),ne(),le()},onEntered:function(){L(),e.filter&&e.filterInputAutoFocus&&i.DomHandler.focus(P.current,e.filterInputAutoFocus),e.onShow&&e.onShow()},onExit:function(){_()},onExited:function(){e.filter&&e.resetFilterOnHide&&k(""),i.ZIndexUtils.clear(T.current),e.onHide&&e.onHide()}},he))})));return C.displayName="TreeSelect",C.defaultProps={__TYPE:"TreeSelect",id:null,value:null,name:null,style:null,className:null,disabled:!1,options:null,scrollHeight:"400px",placeholder:null,tabIndex:null,inputId:null,ariaLabel:null,ariaLabelledBy:null,selectionMode:"single",panelStyle:null,panelClassName:null,appendTo:null,emptyMessage:null,display:"comma",metaKeySelection:!0,valueTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",filter:!1,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterInputAutoFocus:!0,resetFilterOnHide:!1,onShow:null,onHide:null,onChange:null,onNodeSelect:null,onNodeUnselect:null,onNodeExpand:null,onNodeCollapse:null,onFilterValueChange:null},e.TreeSelect=C,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.overlayservice,primereact.ripple,primereact.tree,primereact.utils,primereact.csstransition,primereact.portal);
+this.primereact=this.primereact||{},this.primereact.treeselect=function(e,t,n,l,r,a,o,i,c,s){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=p(t),d=u(n);function m(){return m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},m.apply(this,arguments)}function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function g(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function E(){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 O(e,t){return v(e)||h(e,t)||g(e,t)||E()}var N=f.forwardRef((function(e,t){var n,l,r=(n={maxHeight:e.scrollHeight||"auto"},l=i.classNames("p-treeselect-panel p-component",e.panelClassName),f.createElement(c.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntering:e.onEntering,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},f.createElement("div",{ref:t,className:l,style:e.panelStyle,onClick:e.onClick},e.header,f.createElement("div",{className:"p-treeselect-items-wrapper",style:n},e.children),e.footer)));return f.createElement(s.Portal,{element:r,appendTo:e.appendTo})}));function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function j(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=x(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}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 a,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw a}}}}function x(e,t){if(e){if("string"==typeof e)return C(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)?C(e,t):void 0}}function C(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}N.displayName="TreeSelectPanel";var k=f.memo(f.forwardRef((function(e,t){var c=O(f.useState(!1),2),s=c[0],u=c[1],p=O(f.useState(!1),2),v=p[0],h=p[1],b=O(f.useState(e.expandedKeys),2),g=b[0],E=b[1],S=O(f.useState(""),2),x=S[0],C=S[1],T=f.useRef(null),I=f.useRef(null),P=f.useRef(null),U=f.useRef(null),H=f.useRef(null),D=f.useRef(null),F=e.onToggle?e.expandedKeys:g,M=e.onFilterValueChange?e.filterValue:x,A=i.ObjectUtils.isEmpty(e.value),K=i.ObjectUtils.isEmpty(e.options),R="single"===e.selectionMode,V="checkbox"===e.selectionMode,L={filter:function(e){return le(e)},reset:function(){return re()}},_=O(l.useOverlayListener({target:T,overlay:I,listener:function(e,t){t.valid&&z()},when:v}),2),B=_[0],J=_[1],X=function(){return me.length?me.map((function(e){return e.label})).join(", "):e.placeholder},Z=function(){h(!0)},z=function(){h(!1)},$=function(){u(!0)},Y=function(){u(!1)},q=function(t){e.onChange&&(D.current=!0,e.onChange({originalEvent:t.originalEvent,value:t.value,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:t.value}}))},G=function(t){e.onNodeSelect&&e.onNodeSelect(t),R&&z()},Q=function(t){e.onNodeUnselect&&e.onNodeUnselect(t)},W=function(t){e.onToggle?e.onToggle(t):E(t.value)},ee=function(e){C(e.value)},te=function(e){switch(e.which){case 40:!v&&e.altKey&&Z();break;case 32:v||(Z(),e.preventDefault());break;case 13:case 27:v&&(z(),e.preventDefault());break;case 9:z()}},ne=function(e){13===e.which&&e.preventDefault()},le=function(t){var n=t.target.value;e.onFilterValueChange?e.onFilterValueChange({originalEvent:t,value:n}):C(n)},re=function(){C("")},ae=function(){i.DomHandler.alignOverlay(I.current,H.current.parentElement,e.appendTo||d.default.appendTo)},oe=function(){var e=i.DomHandler.findSingle(I.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},ie=function t(n,l,r){if(n){if(ce(n,l)&&(r.push(n),delete l[n.key]),Object.keys(l).length&&n.children){var a,o=j(n.children);try{for(o.s();!(a=o.n()).done;){t(a.value,l,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var i,c=j(e.options);try{for(c.s();!(i=c.n()).done;){t(i.value,l,r)}}catch(e){c.e(e)}finally{c.f()}}},ce=function(e,t){return V?t[e.key]&&t[e.key].checked:t[e.key]},se=function(){var t=R?y({},"".concat(e.value),!0):w({},e.value);E({}),t&&e.options&&ue(null,null,t)},ue=function t(n,l,r){if(n){if(ce(n,r)&&(pe(l),delete r[n.key]),Object.keys(r).length&&n.children){var a,o=j(n.children);try{for(o.s();!(a=o.n()).done;){var i=a.value;l.push(n.key),t(i,l,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var c,s=j(e.options);try{for(s.s();!(c=s.n()).done;){t(c.value,[],r)}}catch(e){s.e(e)}finally{s.f()}}},pe=function(e){if(e.length>0){var t,n=w({},g||{}),l=j(e);try{for(l.s();!(t=l.n()).done;){n[t.value]=!0}}catch(e){l.e(e)}finally{l.f()}E(n)}};f.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return T.current}}})),l.useMountEffect((function(){se()})),l.useUpdateEffect((function(){v&&e.filter&&ae()})),l.useUpdateEffect((function(){se()}),[e.options]),l.useUpdateEffect((function(){v&&g&&ae()}),[g]),l.useUpdateEffect((function(){v&&(D.current||se(),D.current=!1)}),[e.value]),l.useUnmountEffect((function(){i.ZIndexUtils.clear(I.current)}));var fe,de=function(){if(e.filter){var t=i.ObjectUtils.isNotEmpty(M)?M:"",n=f.createElement("div",{className:"p-treeselect-filter-container"},f.createElement("input",{ref:P,type:"text",value:t,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:e.filterPlaceholder,onKeyDown:ne,onChange:le,disabled:e.disabled}),f.createElement("span",{className:"p-treeselect-filter-icon pi pi-search"}));if(e.filterTemplate)n=i.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-treeselect-filter-container",element:n,filterOptions:L,filterInputKeyDown:ne,filterInputChange:le,filterIconClassName:"p-dropdown-filter-icon pi pi-search",props:e});return f.createElement(f.Fragment,null,n)}},me=function(){var t=[];if(i.ObjectUtils.isNotEmpty(e.value)&&e.options){var n=R?y({},"".concat(e.value),!0):w({},e.value);ie(null,n,t)}return t}(),ye=i.ObjectUtils.findDiffKeys(e,k.defaultProps),ve=i.classNames("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===e.display,"p-disabled":e.disabled,"p-focus":s,"p-inputwrapper-filled":!A,"p-inputwrapper-focus":s||v},e.className),he=f.createElement("div",{className:"p-hidden-accessible"},f.createElement("input",{ref:U,role:"listbox",id:e.inputId,type:"text",readOnly:!0,"aria-expanded":v,onFocus:$,onBlur:Y,onKeyDown:te,disabled:e.disabled,tabIndex:e.tabIndex,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy})),be=function(){var t=i.classNames("p-treeselect-label",{"p-placeholder":X()===e.placeholder,"p-treeselect-label-empty":!e.placeholder&&A}),n=null;return e.valueTemplate?n=i.ObjectUtils.getJSXElement(e.valueTemplate,me,e):"comma"===e.display?n=X()||"empty":"chip"===e.display&&(n=f.createElement(f.Fragment,null,me&&me.map((function(e,t){return f.createElement("div",{className:"p-treeselect-token",key:"".concat(e.key,"_").concat(t)},f.createElement("span",{className:"p-treeselect-token-label"},e.label))})),A&&(e.placeholder||"empty"))),f.createElement("div",{className:"p-treeselect-label-container"},f.createElement("div",{className:t},n))}(),ge=(fe=i.classNames("p-treeselect-trigger-icon p-clickable",e.dropdownIcon),f.createElement("div",{ref:H,className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":v},f.createElement("span",{className:fe}))),Ee=f.createElement(f.Fragment,null,f.createElement(o.Tree,{value:e.options,selectionMode:e.selectionMode,selectionKeys:e.value,metaKeySelection:e.metaKeySelection,onSelectionChange:q,onSelect:G,onUnselect:Q,expandedKeys:F,onToggle:W,onExpand:e.onNodeExpand,onCollapse:e.onNodeCollapse,filter:e.filter,filterValue:M,filterBy:e.filterBy,filterMode:e.filterMode,filterPlaceholder:e.filterPlaceholder,filterLocale:e.filterLocale,showHeader:!1,onFilterValueChange:ee}),K&&f.createElement("div",{className:"p-treeselect-empty-message"},e.emptyMessage||n.localeOption("emptyMessage"))),Oe=function(){var t=de(),n=f.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:z},f.createElement("span",{className:"p-treeselect-close-icon pi pi-times"}),f.createElement(a.Ripple,null)),l=f.createElement("div",{className:"p-treeselect-header"},t,n);return e.panelHeaderTemplate?i.ObjectUtils.getJSXElement(e.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:n,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon pi pi-times",onCloseClick:z,element:l,props:e}):l}(),Ne=i.ObjectUtils.getJSXElement(e.panelFooterTemplate,e);return f.createElement("div",m({id:e.id,ref:T,className:ve,style:e.style},ye,{onClick:function(t){e.disabled||I.current&&I.current.contains(t.target)||i.DomHandler.hasClass(t.target,"p-treeselect-close")||(i.DomHandler.focus(U.current),v?z():Z())}}),he,be,ge,f.createElement(N,{ref:I,appendTo:e.appendTo,panelStyle:e.panelStyle,panelClassName:e.panelClassName,scrollHeight:e.scrollHeight,onClick:function(e){r.OverlayService.emit("overlay-click",{originalEvent:e,target:T.current})},header:Oe,footer:Ne,transitionOptions:e.transitionOptions,in:v,onEnter:function(){i.ZIndexUtils.set("overlay",I.current,d.default.autoZIndex,d.default.zIndex.overlay),ae(),oe()},onEntered:function(){B(),e.filter&&e.filterInputAutoFocus&&i.DomHandler.focus(P.current,e.filterInputAutoFocus),e.onShow&&e.onShow()},onExit:function(){J()},onExited:function(){e.filter&&e.resetFilterOnHide&&re(),i.ZIndexUtils.clear(I.current),e.onHide&&e.onHide()}},Ee))})));return k.displayName="TreeSelect",k.defaultProps={__TYPE:"TreeSelect",id:null,value:null,name:null,style:null,className:null,disabled:!1,options:null,scrollHeight:"400px",placeholder:null,tabIndex:null,inputId:null,ariaLabel:null,ariaLabelledBy:null,selectionMode:"single",expandedKeys:null,panelStyle:null,panelClassName:null,appendTo:null,emptyMessage:null,display:"comma",metaKeySelection:!0,valueTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",filter:!1,filterTemplate:null,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterInputAutoFocus:!0,resetFilterOnHide:!1,onShow:null,onHide:null,onChange:null,onNodeSelect:null,onNodeUnselect:null,onNodeExpand:null,onNodeCollapse:null,onFilterValueChange:null},e.TreeSelect=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.overlayservice,primereact.ripple,primereact.tree,primereact.utils,primereact.csstransition,primereact.portal);

package/treetable/treetable.cjs.js

@@ -272,7 +272,7 @@ var TreeTableBodyCell = function TreeTableBodyCell(props) {
       field: props.field,
       rowIndex: props.rowIndex,
       props: props
-    });else throw new Error("Editor is not found on column.");
+    });else throw new Error('Editor is not found on column.');
   } else {
     if (props.body) content = utils.ObjectUtils.getJSXElement(props.body, props.node, {
       field: props.field,
@@ -1703,7 +1703,7 @@ var TreeTable = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
         var sortField = getSortField();
         var value1 = utils.ObjectUtils.resolveFieldData(node1.data, sortField);
         var value2 = utils.ObjectUtils.resolveFieldData(node2.data, sortField);
-        return utils.ObjectUtils.sort(value1, value2, getSortOrder(), PrimeReact__default["default"].locale);
+        return utils.ObjectUtils.sort(value1, value2, getSortOrder(), PrimeReact__default["default"].locale, PrimeReact__default["default"].nullSortOrder);
       });
 
       for (var i = 0; i < value.length; i++) {
@@ -1905,7 +1905,7 @@ var TreeTable = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
           nextCol.style.width = nextColumnWidth + 'px';
         }
       } else {
-        throw new Error("Scrollable tables require a colgroup to support resizable columns");
+        throw new Error('Scrollable tables require a colgroup to support resizable columns');
       }
     }
   };
@@ -2393,7 +2393,11 @@ var TreeTable = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
 
   React__namespace.useImperativeHandle(ref, function () {
     return {
-      filter: filter
+      props: props,
+      filter: filter,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
     };
   });