primereact 9.4.0 → 9.6.0

package/treeselect/treeselect.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{localeOption as n}from"primereact/api";import{useOverlayListener as r,useMountEffect as l,useUpdateEffect as o,useUnmountEffect as a}from"primereact/hooks";import{ChevronDownIcon as i}from"primereact/icons/chevrondown";import{SearchIcon as c}from"primereact/icons/search";import{TimesIcon as u}from"primereact/icons/times";import{OverlayService as s}from"primereact/overlayservice";import{Ripple as p}from"primereact/ripple";import{Tree as f}from"primereact/tree";import{ObjectUtils as m,classNames as d,DomHandler as y,ZIndexUtils as v,IconUtils as g}from"primereact/utils";import{CSSTransition as h}from"primereact/csstransition";import{Portal as b}from"primereact/portal";function E(){return E=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},E.apply(this,arguments)}function S(e){return S="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},S(e)}function N(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=N(e,"string");return"symbol"===S(t)?t:String(t)}function w(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function x(e){if(Array.isArray(e))return e}function I(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,u=!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){u=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw l}}return i}}function C(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 P(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 k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,t){return x(e)||I(e,t)||P(e,t)||k()}var j={defaultProps:{__TYPE:"TreeSelect",appendTo:null,ariaLabel:null,ariaLabelledBy:null,className:null,closeIcon: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,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",style:null,tabIndex:null,transitionOptions:null,value:null,valueTemplate:null,children:void 0},getProps:function(e){return m.getMergedProps(e,j.defaultProps)},getOtherProps:function(e){return m.getDiffProps(e,j.defaultProps)}},A=e.forwardRef((function(n,r){var l,o,a=(l={maxHeight:n.scrollHeight||"auto"},o=d("p-treeselect-panel p-component",n.panelClassName,{"p-input-filled":"filled"===t.inputStyle,"p-ripple-disabled":!1===t.ripple}),e.createElement(h,{nodeRef:r,classNames:"p-connected-overlay",in:n.in,timeout:{enter:120,exit:100},options:n.transitionOptions,unmountOnExit:!0,onEnter:n.onEnter,onEntering:n.onEntering,onEntered:n.onEntered,onExit:n.onExit,onExited:n.onExited},e.createElement("div",{ref:r,className:o,style:n.panelStyle,onClick:n.onClick},n.header,e.createElement("div",{className:"p-treeselect-items-wrapper",style:l},n.children),n.footer)));return e.createElement(b,{element:a,appendTo:n.appendTo})}));function F(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?F(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function H(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=M(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){i=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(i)throw o}}}}function M(e,t){if(e){if("string"==typeof e)return D(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)?D(e,t):void 0}}function D(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}A.displayName="TreeSelectPanel";var K=e.memo(e.forwardRef((function(h,b){var S=j.getProps(h),N=T(e.useState(!1),2),O=N[0],x=N[1],I=T(e.useState(!1),2),C=I[0],P=I[1],k=T(e.useState(S.expandedKeys),2),F=k[0],M=k[1],D=T(e.useState(""),2),K=D[0],V=D[1],J=e.useRef(null),X=e.useRef(null),U=e.useRef(null),B=e.useRef(S.inputRef),L=e.useRef(null),_=e.useRef(null),$=S.onToggle?S.expandedKeys:F,z=S.onFilterValueChange?S.filterValue:K,Y=m.isEmpty(S.value),Z=m.isEmpty(S.options),q="single"===S.selectionMode,G="checkbox"===S.selectionMode,Q={filter:function(e){return de(e)},reset:function(){return ye()}},W=T(r({target:J,overlay:X,listener:function(e,t){t.valid&&le()},when:C}),2),ee=W[0],te=W[1],ne=function(){return we.length?we.map((function(e){return e.label})).join(", "):S.placeholder},re=function(){P(!0)},le=function(){P(!1)},oe=function(){x(!0)},ae=function(){x(!1)},ie=function(e){S.onChange&&(_.current=!0,S.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:S.name,id:S.id,value:e.value}}))},ce=function(e){S.onNodeSelect&&S.onNodeSelect(e),q&&le()},ue=function(e){S.onNodeUnselect&&S.onNodeUnselect(e)},se=function(e){S.onToggle?S.onToggle(e):M(e.value)},pe=function(e){V(e.value)},fe=function(e){switch(e.which){case 40:!C&&e.altKey&&re();break;case 32:C||(re(),e.preventDefault());break;case 13:case 27:C&&(le(),e.preventDefault());break;case 9:le()}},me=function(e){13===e.which&&e.preventDefault()},de=function(e){var t=e.target.value;S.onFilterValueChange?S.onFilterValueChange({originalEvent:e,value:t}):V(t)},ye=function(){V("")},ve=function(){y.alignOverlay(X.current,L.current.parentElement,S.appendTo||t.appendTo)},ge=function(){var e=y.findSingle(X.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},he=function e(t,n,r){if(t){if(be(t,n)&&(r.push(t),delete n[t.key]),Object.keys(n).length&&t.children){var l,o=H(t.children);try{for(o.s();!(l=o.n()).done;){e(l.value,n,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var a,i=H(S.options);try{for(i.s();!(a=i.n()).done;){e(a.value,n,r)}}catch(e){i.e(e)}finally{i.f()}}},be=function(e,t){return G?t[e.key]&&t[e.key].checked:t[e.key]},Ee=function(){var e=q?w({},"".concat(S.value),!0):R({},S.value);M({}),e&&S.options&&Se(null,null,e)},Se=function e(t,n,r){if(t){if(be(t,r)&&(Ne(n),delete r[t.key]),Object.keys(r).length&&t.children){var l,o=H(t.children);try{for(o.s();!(l=o.n()).done;){var a=l.value;n.push(t.key),e(a,n,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var i,c=H(S.options);try{for(c.s();!(i=c.n()).done;){e(i.value,[],r)}}catch(e){c.e(e)}finally{c.f()}}},Ne=function(e){if(e.length>0){var t,n=R({},F||{}),r=H(e);try{for(r.s();!(t=r.n()).done;){n[t.value]=!0}}catch(e){r.e(e)}finally{r.f()}M(n)}};e.useImperativeHandle(b,(function(){return{props:S,focus:function(){return y.focus(B.current)},getElement:function(){return J.current}}})),e.useEffect((function(){m.combinedRefs(B,S.inputRef)}),[B,S.inputRef]),l((function(){Ee()})),o((function(){C&&S.filter&&ve()})),o((function(){Ee()}),[S.options]),o((function(){C&&F&&ve()}),[F]),o((function(){C&&(_.current||Ee(),_.current=!1)}),[S.value]),a((function(){v.clear(X.current)}));var Oe=function(){if(S.filter){var t=m.isNotEmpty(z)?z:"",n="p-treeselect-filter-icon",r=g.getJSXIcon(S.filterIcon||e.createElement(c,{className:n}),{className:n},{props:S}),l=e.createElement("div",{className:"p-treeselect-filter-container"},e.createElement("input",{ref:U,type:"text",value:t,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:S.filterPlaceholder,onKeyDown:me,onChange:de,disabled:S.disabled}),r);if(S.filterTemplate)l=m.getJSXElement(S.filterTemplate,{className:"p-treeselect-filter-container",element:l,filterOptions:Q,filterInputKeyDown:me,filterInputChange:de,filterIconClassName:"p-dropdown-filter-icon",props:S});return e.createElement(e.Fragment,null,l)}},we=function(){var e=[];if(m.isNotEmpty(S.value)&&S.options){var t=q?w({},"".concat(S.value),!0):R({},S.value);he(null,t,e)}return e}(),xe=j.getOtherProps(S),Ie=m.reduceKeys(xe,y.ARIA_PROPS),Ce=d("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===S.display,"p-disabled":S.disabled,"p-focus":O,"p-inputwrapper-filled":!Y,"p-inputwrapper-focus":O||C},S.className),Pe=e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",E({ref:B,role:"listbox",id:S.inputId,type:"text",readOnly:!0,"aria-expanded":C,onFocus:oe,onBlur:ae,onKeyDown:fe,disabled:S.disabled,tabIndex:S.tabIndex},Ie))),ke=function(){var t=d("p-treeselect-label",{"p-placeholder":ne()===S.placeholder,"p-treeselect-label-empty":!S.placeholder&&Y}),n=null;return S.valueTemplate?n=m.getJSXElement(S.valueTemplate,we,S):"comma"===S.display?n=ne()||"empty":"chip"===S.display&&(n=e.createElement(e.Fragment,null,we&&we.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))})),Y&&(S.placeholder||"empty"))),e.createElement("div",{className:"p-treeselect-label-container"},e.createElement("div",{className:t},n))}(),Te=function(){var t="p-treeselect-trigger-icon p-clickable",n=g.getJSXIcon(S.dropdownIcon||e.createElement(i,{className:t}),{className:t},{props:S});return e.createElement("div",{ref:L,className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":C},n)}(),je=e.createElement(e.Fragment,null,e.createElement(f,{value:S.options,selectionMode:S.selectionMode,selectionKeys:S.value,metaKeySelection:S.metaKeySelection,onSelectionChange:ie,onSelect:ce,onUnselect:ue,expandedKeys:$,onToggle:se,onExpand:S.onNodeExpand,onCollapse:S.onNodeCollapse,filter:S.filter,filterValue:z,filterBy:S.filterBy,filterMode:S.filterMode,filterPlaceholder:S.filterPlaceholder,filterLocale:S.filterLocale,showHeader:!1,onFilterValueChange:pe}),Z&&e.createElement("div",{className:"p-treeselect-empty-message"},S.emptyMessage||n("emptyMessage"))),Ae=function(){var t=Oe(),r={className:"p-treeselect-close-icon","aria-hidden":!0},l=g.getJSXIcon(S.closeIcon||e.createElement(u,r),R({},r),{props:S}),o=e.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:le,"aria-label":n("close")},l,e.createElement(p,null)),a=e.createElement("div",{className:"p-treeselect-header"},t,o);return S.panelHeaderTemplate?m.getJSXElement(S.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:o,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon",onCloseClick:le,element:a,props:S}):a}(),Fe=m.getJSXElement(S.panelFooterTemplate,S);return e.createElement("div",E({ref:J,className:Ce,style:S.style},xe,{onClick:function(e){S.disabled||X.current&&X.current.contains(e.target)||y.hasClass(e.target,"p-treeselect-close")||(y.focus(B.current),C?le():re())}}),Pe,ke,Te,e.createElement(A,{ref:X,appendTo:S.appendTo,panelStyle:S.panelStyle,panelClassName:S.panelClassName,scrollHeight:S.scrollHeight,onClick:function(e){s.emit("overlay-click",{originalEvent:e,target:J.current})},header:Ae,footer:Fe,transitionOptions:S.transitionOptions,in:C,onEnter:function(){v.set("overlay",X.current,t.autoZIndex,t.zIndex.overlay),ve(),ge()},onEntered:function(){ee(),S.filter&&S.filterInputAutoFocus&&y.focus(U.current,S.filterInputAutoFocus),S.onShow&&S.onShow()},onExit:function(){te()},onExited:function(){S.filter&&S.resetFilterOnHide&&ye(),v.clear(X.current),S.onHide&&S.onHide()}},je))})));K.displayName="TreeSelect";export{K as TreeSelect};
+import*as e from"react";import t,{PrimeReactContext as n,localeOption as r}from"primereact/api";import{useOverlayListener as l,useMountEffect as o,useUpdateEffect as a,useUnmountEffect as i}from"primereact/hooks";import{ChevronDownIcon as c}from"primereact/icons/chevrondown";import{SearchIcon as u}from"primereact/icons/search";import{TimesIcon as s}from"primereact/icons/times";import{OverlayService as p}from"primereact/overlayservice";import{Ripple as f}from"primereact/ripple";import{Tree as m}from"primereact/tree";import{classNames as d,mergeProps as y,ObjectUtils as v,DomHandler as g,ZIndexUtils as h,IconUtils as b}from"primereact/utils";import{ComponentBase as E}from"primereact/componentbase";import{CSSTransition as S}from"primereact/csstransition";import{Portal as N}from"primereact/portal";function w(){return w=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},w.apply(this,arguments)}function O(e){return O="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},O(e)}function I(e,t){if("object"!==O(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function x(e){var t=I(e,"string");return"symbol"===O(t)?t:String(t)}function C(e,t,n){return(t=x(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function T(e){if(Array.isArray(e))return e}function k(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,u=!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){u=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw l}}return i}}function j(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 P(e,t){if(e){if("string"==typeof e)return j(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)?j(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 A(e,t){return T(e)||k(e,t)||P(e,t)||F()}var R=E.extend({defaultProps:{__TYPE:"TreeSelect",appendTo:null,ariaLabel:null,ariaLabelledBy:null,className:null,closeIcon: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",style:null,tabIndex:null,togglerTemplate:null,transitionOptions:null,value:null,valueTemplate:null,children:void 0}}),H=e.forwardRef((function(r,l){var o,a,i,c,u=e.useContext(n),s=(o={maxHeight:r.scrollHeight||"auto"},a=d("p-treeselect-panel p-component",r.panelClassName,{"p-input-filled":u&&"filled"===u.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":u&&!1===u.ripple||!1===t.ripple}),i=y({ref:l,className:a,style:r.panelStyle,onClick:r.onClick},r.ptm("panel")),c=y({className:"p-treeselect-items-wrapper",style:o},r.ptm("wrapper")),e.createElement(S,{nodeRef:l,classNames:"p-connected-overlay",in:r.in,timeout:{enter:120,exit:100},options:r.transitionOptions,unmountOnExit:!0,onEnter:r.onEnter,onEntering:r.onEntering,onEntered:r.onEntered,onExit:r.onExit,onExited:r.onExited},e.createElement("div",i,r.header,e.createElement("div",c,r.children),r.footer)));return e.createElement(N,{element:s,appendTo:r.appendTo})}));function M(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function K(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function D(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=V(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){i=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(i)throw o}}}}function V(e,t){if(e){if("string"==typeof e)return J(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)?J(e,t):void 0}}function J(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(E,S){var N=e.useContext(n),O=R.getProps(E,N),I=A(e.useState(!1),2),x=I[0],T=I[1],k=A(e.useState(!1),2),j=k[0],P=k[1],F=A(e.useState(O.expandedKeys),2),M=F[0],V=F[1],J=A(e.useState(""),2),X=J[0],B=J[1],L=e.useRef(null),U=e.useRef(null),_=e.useRef(null),z=e.useRef(O.inputRef),Z=e.useRef(null),$=e.useRef(null),W=O.onToggle?O.expandedKeys:M,Y=O.onFilterValueChange?O.filterValue:X,q=v.isEmpty(O.value),G=v.isEmpty(O.options),Q="single"===O.selectionMode,ee="checkbox"===O.selectionMode,te=R.setMetaData({props:O,state:{focused:x,overlayVisible:j,expandedKeys:W,filterValue:Y}}).ptm,ne={filter:function(e){return he(e)},reset:function(){return be()}},re=A(l({target:L,overlay:U,listener:function(e,t){t.valid&&ce()},when:j}),2),le=re[0],oe=re[1],ae=function(){return Pe.length?Pe.map((function(e){return e.label})).join(", "):O.placeholder},ie=function(){P(!0)},ce=function(){P(!1)},ue=function(){T(!0)},se=function(){T(!1)},pe=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}}))},fe=function(e){O.onNodeSelect&&O.onNodeSelect(e),Q&&ce()},me=function(e){O.onNodeUnselect&&O.onNodeUnselect(e)},de=function(e){O.onToggle?O.onToggle(e):V(e.value)},ye=function(e){B(e.value)},ve=function(e){switch(e.which){case 40:!j&&e.altKey&&ie();break;case 32:j||(ie(),e.preventDefault());break;case 13:case 27:j&&(ce(),e.preventDefault());break;case 9:ce()}},ge=function(e){13===e.which&&e.preventDefault()},he=function(e){var t=e.target.value;O.onFilterValueChange?O.onFilterValueChange({originalEvent:e,value:t}):B(t)},be=function(){B("")},Ee=function(){g.alignOverlay(U.current,Z.current.parentElement,O.appendTo||N&&N.appendTo||t.appendTo)},Se=function(){var e=g.findSingle(U.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},Ne=function e(t,n,r){if(t){if(we(t,n)&&(r.push(t),delete n[t.key]),Object.keys(n).length&&t.children){var l,o=D(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=D(O.options);try{for(i.s();!(a=i.n()).done;){e(a.value,n,r)}}catch(e){i.e(e)}finally{i.f()}}},we=function(e,t){return ee?t[e.key]&&t[e.key].checked:t[e.key]},Oe=function(){var e=Q?C({},"".concat(O.value),!0):K({},O.value);V({}),e&&O.options&&Ie(null,null,e)},Ie=function e(t,n,r){if(t){if(we(t,r)&&(xe(n),delete r[t.key]),Object.keys(r).length&&t.children){var l,o=D(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=D(O.options);try{for(c.s();!(i=c.n()).done;){e(i.value,[],r)}}catch(e){c.e(e)}finally{c.f()}}},xe=function(e){if(e.length>0){var t,n=K({},M||{}),r=D(e);try{for(r.s();!(t=r.n()).done;){n[t.value]=!0}}catch(e){r.e(e)}finally{r.f()}V(n)}};e.useImperativeHandle(S,(function(){return{props:O,focus:function(){return g.focus(z.current)},getElement:function(){return L.current}}})),e.useEffect((function(){v.combinedRefs(z,O.inputRef)}),[z,O.inputRef]),o((function(){Oe(),O.autoFocus&&g.focus(z.current,O.autoFocus)})),a((function(){j&&O.filter&&Ee()})),a((function(){Oe()}),[O.options]),a((function(){j&&M&&Ee()}),[M]),a((function(){j&&($.current||Oe(),$.current=!1)}),[O.value]),i((function(){h.clear(U.current)}));var Ce,Te,ke,je=function(){if(O.filter){var t=v.isNotEmpty(Y)?Y:"",n=y({className:"p-treeselect-filter-container"},te("filterContainer")),r=y({ref:_,type:"text",value:t,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:O.filterPlaceholder,onKeyDown:ge,onChange:he,disabled:O.disabled},te("filter")),l=y({className:"p-treeselect-filter-icon"},te("filterIcon")),o=b.getJSXIcon(O.filterIcon||e.createElement(u,l),K({},l),{props:O}),a=e.createElement("div",n,e.createElement("input",r),o);if(O.filterTemplate)a=v.getJSXElement(O.filterTemplate,{className:"p-treeselect-filter-container",element:a,filterOptions:ne,filterInputKeyDown:ge,filterInputChange:he,filterIconClassName:"p-dropdown-filter-icon",props:O});return e.createElement(e.Fragment,null,a)}},Pe=function(){var e=[];if(v.isNotEmpty(O.value)&&O.options){var t=Q?C({},"".concat(O.value),!0):K({},O.value);Ne(null,t,e)}return e}(),Fe=R.getOtherProps(O),Ae=v.reduceKeys(Fe,g.ARIA_PROPS),Re=d("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===O.display,"p-disabled":O.disabled,"p-focus":x,"p-inputwrapper-filled":!q,"p-inputwrapper-focus":x||j},O.className),He=y({ref:L,className:Re,style:O.style,onClick:function(e){O.disabled||U.current&&U.current.contains(e.target)||g.hasClass(e.target,"p-treeselect-close")||(g.focus(z.current),j?ce():ie())}},R.getOtherProps(O),te("root")),Me=(Ce=y({className:"p-hidden-accessible"},te("hiddenInputWrapper")),Te=y(K({ref:z,role:"listbox",id:O.inputId,type:"text","aria-expanded":j,onFocus:ue,onBlur:se,onKeyDown:ve,disabled:O.disabled,tabIndex:O.tabIndex},Ae),te("hiddenInput")),e.createElement("div",Ce,e.createElement("input",w({},Te,{readOnly:!0})))),Ke=function(){var t=d("p-treeselect-label",{"p-placeholder":ae()===O.placeholder,"p-treeselect-label-empty":!O.placeholder&&q}),n=y({className:"p-treeselect-token"},te("token")),r=y({className:"p-treeselect-token-label"},te("tokenLabel")),l=y({className:"p-treeselect-label-container"},te("labelContainer")),o=y({className:t},te("label")),a=null;return O.valueTemplate?a=v.getJSXElement(O.valueTemplate,Pe,O):"comma"===O.display?a=ae()||"empty":"chip"===O.display&&(a=e.createElement(e.Fragment,null,Pe&&Pe.map((function(t,l){return e.createElement("div",w({},n,{key:"".concat(t.key,"_").concat(l)}),e.createElement("span",r,t.label))})),q&&(O.placeholder||"empty"))),e.createElement("div",l,e.createElement("div",o,a))}(),De=function(){var t=y({ref:Z,className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":j},te("trigger")),n=y({className:"p-treeselect-trigger-icon p-clickable"},te("triggerIcon")),r=b.getJSXIcon(O.dropdownIcon||e.createElement(c,n),K({},n),{props:O});return e.createElement("div",t,r)}(),Ve=(ke=y({className:"p-treeselect-empty-message"},te("emptyMessage")),e.createElement(e.Fragment,null,e.createElement(m,{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:ye,onSelect:fe,onSelectionChange:pe,onToggle:de,onUnselect:me,selectionKeys:O.value,selectionMode:O.selectionMode,showHeader:!1,togglerTemplate:O.togglerTemplate,value:O.options,pt:te("tree")}),G&&e.createElement("div",ke,O.emptyMessage||r("emptyMessage")))),Je=function(){var t=je(),n=y({className:{className:"p-treeselect-close-icon","aria-hidden":!0}},te("headerIcon")),l=b.getJSXIcon(O.closeIcon||e.createElement(s,n),K({},n),{props:O}),o=y({type:"button",className:"p-treeselect-close p-link",onClick:ce,"aria-label":r("close")},te("closeButton")),a=y({className:"p-treeselect-header"},te("header")),i=e.createElement("button",o,l,e.createElement(f,null)),c=e.createElement("div",a,t,i);return O.panelHeaderTemplate?v.getJSXElement(O.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:i,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon",onCloseClick:ce,element:c,props:O}):c}(),Xe=v.getJSXElement(O.panelFooterTemplate,O);return e.createElement("div",He,Me,Ke,De,e.createElement(H,{ref:U,appendTo:O.appendTo,panelStyle:O.panelStyle,panelClassName:O.panelClassName,scrollHeight:O.scrollHeight,onClick:function(e){p.emit("overlay-click",{originalEvent:e,target:L.current})},header:Je,footer:Xe,transitionOptions:O.transitionOptions,in:j,onEnter:function(){h.set("overlay",U.current,N&&N.autoZIndex||t.autoZIndex,N&&N.zIndex.overlay||t.zIndex.overlay),Ee(),Se()},onEntered:function(){le(),O.filter&&O.filterInputAutoFocus&&g.focus(_.current,O.filterInputAutoFocus),O.onShow&&O.onShow()},onExit:function(){oe()},onExited:function(){O.filter&&O.resetFilterOnHide&&be(),h.clear(U.current),O.onHide&&O.onHide()},ptm:te},Ve))})));X.displayName="TreeSelect";export{X as TreeSelect};

package/treeselect/treeselect.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, chevrondown, search, times, overlayservice, ripple, tree, utils, csstransition, portal) {
+this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, chevrondown, search, times, overlayservice, ripple, tree, utils, componentbase, csstransition, portal) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -136,7 +136,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, chevr
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
   }
 
-  var TreeSelectBase = {
+  var TreeSelectBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'TreeSelect',
       appendTo: null,
@@ -162,6 +162,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, chevr
       inputRef: null,
       metaKeySelection: true,
       name: null,
+      nodeTemplate: null,
       onChange: null,
       onFilterValueChange: null,
       onHide: null,
@@ -181,28 +182,34 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, chevr
       selectionMode: 'single',
       style: null,
       tabIndex: null,
+      togglerTemplate: null,
       transitionOptions: null,
       value: null,
       valueTemplate: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, TreeSelectBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, TreeSelectBase.defaultProps);
     }
-  };
+  });
 
   var TreeSelectPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var createElement = function createElement() {
       var wrapperStyle = {
         maxHeight: props.scrollHeight || 'auto'
       };
       var className = utils.classNames('p-treeselect-panel p-component', props.panelClassName, {
-        'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
-        'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+        'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
       });
+      var panelProps = utils.mergeProps({
+        ref: ref,
+        className: className,
+        style: props.panelStyle,
+        onClick: props.onClick
+      }, props.ptm('panel'));
+      var wrapperProps = utils.mergeProps({
+        className: 'p-treeselect-items-wrapper',
+        style: wrapperStyle
+      }, props.ptm('wrapper'));
       return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
         nodeRef: ref,
         classNames: "p-connected-overlay",
@@ -218,15 +225,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, chevr
         onEntered: props.onEntered,
         onExit: props.onExit,
         onExited: props.onExited
-      }, /*#__PURE__*/React__namespace.createElement("div", {
-        ref: ref,
-        className: className,
-        style: props.panelStyle,
-        onClick: props.onClick
-      }, props.header, /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-treeselect-items-wrapper",
-        style: wrapperStyle
-      }, props.children), props.footer));
+      }, /*#__PURE__*/React__namespace.createElement("div", panelProps, props.header, /*#__PURE__*/React__namespace.createElement("div", wrapperProps, props.children), props.footer));
     };
     var element = createElement();
     return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
@@ -242,7 +241,8 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, chevr
   function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
   function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
   var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = TreeSelectBase.getProps(inProps);
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+    var props = TreeSelectBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       focusedState = _React$useState2[0],
@@ -271,6 +271,16 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, chevr
     var hasNoOptions = utils.ObjectUtils.isEmpty(props.options);
     var isSingleSelectionMode = props.selectionMode === 'single';
     var isCheckboxSelectionMode = props.selectionMode === 'checkbox';
+    var _TreeSelectBase$setMe = TreeSelectBase.setMetaData({
+        props: props,
+        state: {
+          focused: focusedState,
+          overlayVisible: overlayVisibleState,
+          expandedKeys: expandedKeys,
+          filterValue: filteredValue
+        }
+      }),
+      ptm = _TreeSelectBase$setMe.ptm;
     var filterOptions = {
       filter: function filter(e) {
         return onFilterInputChange(e);
@@ -410,7 +420,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, chevr
       setFilterValueState('');
     };
     var onOverlayEnter = function onOverlayEnter() {
-      utils.ZIndexUtils.set('overlay', overlayRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
+      utils.ZIndexUtils.set('overlay', overlayRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['overlay'] || PrimeReact__default["default"].zIndex['overlay']);
       alignOverlay();
       scrollInView();
     };
@@ -432,7 +442,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, chevr
       props.onHide && props.onHide();
     };
     var alignOverlay = function alignOverlay() {
-      utils.DomHandler.alignOverlay(overlayRef.current, triggerRef.current.parentElement, props.appendTo || PrimeReact__default["default"].appendTo);
+      utils.DomHandler.alignOverlay(overlayRef.current, triggerRef.current.parentElement, props.appendTo || context && context.appendTo || PrimeReact__default["default"].appendTo);
     };
     var scrollInView = function scrollInView() {
       var highlightItem = utils.DomHandler.findSingle(overlayRef.current, '.p-treenode-content.p-highlight');
@@ -566,6 +576,9 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, chevr
     }, [focusInputRef, props.inputRef]);
     hooks.useMountEffect(function () {
       updateTreeState();
+      if (props.autoFocus) {
+        utils.DomHandler.focus(focusInputRef.current, props.autoFocus);
+      }
     });
     hooks.useUpdateEffect(function () {
       if (overlayVisibleState && props.filter) {
@@ -592,27 +605,42 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, chevr
       utils.ZIndexUtils.clear(overlayRef.current);
     });
     var createKeyboardHelper = function createKeyboardHelper() {
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-hidden-accessible"
-      }, /*#__PURE__*/React__namespace.createElement("input", _extends({
+      var hiddenInputWrapperProps = utils.mergeProps({
+        className: 'p-hidden-accessible'
+      }, ptm('hiddenInputWrapper'));
+      var hiddenInputProps = utils.mergeProps(_objectSpread({
         ref: focusInputRef,
-        role: "listbox",
+        role: 'listbox',
         id: props.inputId,
-        type: "text",
-        readOnly: true,
-        "aria-expanded": overlayVisibleState,
+        type: 'text',
+        'aria-expanded': overlayVisibleState,
         onFocus: onInputFocus,
         onBlur: onInputBlur,
         onKeyDown: onInputKeyDown,
         disabled: props.disabled,
         tabIndex: props.tabIndex
-      }, ariaProps)));
+      }, ariaProps), ptm('hiddenInput'));
+      return /*#__PURE__*/React__namespace.createElement("div", hiddenInputWrapperProps, /*#__PURE__*/React__namespace.createElement("input", _extends({}, hiddenInputProps, {
+        readOnly: true
+      })));
     };
     var createLabel = function createLabel() {
       var labelClassName = utils.classNames('p-treeselect-label', {
         'p-placeholder': getLabel() === props.placeholder,
         'p-treeselect-label-empty': !props.placeholder && isValueEmpty
       });
+      var tokenProps = utils.mergeProps({
+        className: 'p-treeselect-token'
+      }, ptm('token'));
+      var tokenLabelProps = utils.mergeProps({
+        className: 'p-treeselect-token-label'
+      }, ptm('tokenLabel'));
+      var labelContainerProps = utils.mergeProps({
+        className: 'p-treeselect-label-container'
+      }, ptm('labelContainer'));
+      var labelProps = utils.mergeProps({
+        className: labelClassName
+      }, ptm('label'));
       var content = null;
       if (props.valueTemplate) {
         content = utils.ObjectUtils.getJSXElement(props.valueTemplate, selectedNodes, props);
@@ -621,89 +649,87 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, chevr
           content = getLabel() || 'empty';
         } else if (props.display === 'chip') {
           content = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, selectedNodes && selectedNodes.map(function (node, index) {
-            return /*#__PURE__*/React__namespace.createElement("div", {
-              className: "p-treeselect-token",
+            return /*#__PURE__*/React__namespace.createElement("div", _extends({}, tokenProps, {
               key: "".concat(node.key, "_").concat(index)
-            }, /*#__PURE__*/React__namespace.createElement("span", {
-              className: "p-treeselect-token-label"
-            }, node.label));
+            }), /*#__PURE__*/React__namespace.createElement("span", tokenLabelProps, node.label));
           }), isValueEmpty && (props.placeholder || 'empty'));
         }
       }
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-treeselect-label-container"
-      }, /*#__PURE__*/React__namespace.createElement("div", {
-        className: labelClassName
-      }, content));
+      return /*#__PURE__*/React__namespace.createElement("div", labelContainerProps, /*#__PURE__*/React__namespace.createElement("div", labelProps, content));
     };
     var createDropdownIcon = function createDropdownIcon() {
+      var triggerProps = utils.mergeProps({
+        ref: triggerRef,
+        className: 'p-treeselect-trigger',
+        role: 'button',
+        'aria-haspopup': 'listbox',
+        'aria-expanded': overlayVisibleState
+      }, ptm('trigger'));
       var iconClassName = 'p-treeselect-trigger-icon p-clickable';
-      var icon = props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, {
-        className: iconClassName
-      });
-      var dropdownIcon = utils.IconUtils.getJSXIcon(icon, {
+      var triggerIconProps = utils.mergeProps({
         className: iconClassName
-      }, {
+      }, ptm('triggerIcon'));
+      var icon = props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, triggerIconProps);
+      var dropdownIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, triggerIconProps), {
         props: props
       });
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        ref: triggerRef,
-        className: "p-treeselect-trigger",
-        role: "button",
-        "aria-haspopup": "listbox",
-        "aria-expanded": overlayVisibleState
-      }, dropdownIcon);
+      return /*#__PURE__*/React__namespace.createElement("div", triggerProps, dropdownIcon);
     };
     var createContent = function createContent() {
+      var emptyMessageProps = utils.mergeProps({
+        className: 'p-treeselect-empty-message'
+      }, ptm('emptyMessage'));
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(tree.Tree, {
-        value: props.options,
-        selectionMode: props.selectionMode,
-        selectionKeys: props.value,
-        metaKeySelection: props.metaKeySelection,
-        onSelectionChange: onSelectionChange,
-        onSelect: onNodeSelect,
-        onUnselect: onNodeUnselect,
         expandedKeys: expandedKeys,
-        onToggle: onNodeToggle,
-        onExpand: props.onNodeExpand,
-        onCollapse: props.onNodeCollapse,
         filter: props.filter,
-        filterValue: filteredValue,
         filterBy: props.filterBy,
+        filterLocale: props.filterLocale,
         filterMode: props.filterMode,
         filterPlaceholder: props.filterPlaceholder,
-        filterLocale: props.filterLocale,
+        filterValue: filteredValue,
+        metaKeySelection: props.metaKeySelection,
+        nodeTemplate: props.nodeTemplate,
+        onCollapse: props.onNodeCollapse,
+        onExpand: props.onNodeExpand,
+        onFilterValueChange: onFilterValueChange,
+        onSelect: onNodeSelect,
+        onSelectionChange: onSelectionChange,
+        onToggle: onNodeToggle,
+        onUnselect: onNodeUnselect,
+        selectionKeys: props.value,
+        selectionMode: props.selectionMode,
         showHeader: false,
-        onFilterValueChange: onFilterValueChange
-      }), hasNoOptions && /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-treeselect-empty-message"
-      }, props.emptyMessage || PrimeReact.localeOption('emptyMessage')));
+        togglerTemplate: props.togglerTemplate,
+        value: props.options,
+        pt: ptm('tree')
+      }), hasNoOptions && /*#__PURE__*/React__namespace.createElement("div", emptyMessageProps, props.emptyMessage || PrimeReact.localeOption('emptyMessage')));
     };
     var createFilterElement = function createFilterElement() {
       if (props.filter) {
         var filterValue = utils.ObjectUtils.isNotEmpty(filteredValue) ? filteredValue : '';
-        var iconClassName = 'p-treeselect-filter-icon';
-        var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, {
-          className: iconClassName
-        });
-        var filterIcon = utils.IconUtils.getJSXIcon(icon, {
-          className: iconClassName
-        }, {
-          props: props
-        });
-        var filterContent = /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-treeselect-filter-container"
-        }, /*#__PURE__*/React__namespace.createElement("input", {
+        var filterContainerProps = utils.mergeProps({
+          className: 'p-treeselect-filter-container'
+        }, ptm('filterContainer'));
+        var filterProps = utils.mergeProps({
           ref: filterInputRef,
-          type: "text",
+          type: 'text',
           value: filterValue,
-          autoComplete: "off",
-          className: "p-treeselect-filter p-inputtext p-component",
+          autoComplete: 'off',
+          className: 'p-treeselect-filter p-inputtext p-component',
           placeholder: props.filterPlaceholder,
           onKeyDown: onFilterInputKeyDown,
           onChange: onFilterInputChange,
           disabled: props.disabled
-        }), filterIcon);
+        }, ptm('filter'));
+        var iconClassName = 'p-treeselect-filter-icon';
+        var filterIconProps = utils.mergeProps({
+          className: iconClassName
+        }, ptm('filterIcon'));
+        var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, filterIconProps);
+        var filterIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, filterIconProps), {
+          props: props
+        });
+        var filterContent = /*#__PURE__*/React__namespace.createElement("div", filterContainerProps, /*#__PURE__*/React__namespace.createElement("input", filterProps), filterIcon);
         if (props.filterTemplate) {
           var defaultContentOptions = {
             className: 'p-treeselect-filter-container',
@@ -725,19 +751,24 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, chevr
         className: 'p-treeselect-close-icon',
         'aria-hidden': true
       };
-      var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, iconProps);
-      var closeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+      var headerIconProps = utils.mergeProps({
+        className: iconProps
+      }, ptm('headerIcon'));
+      var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, headerIconProps);
+      var closeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, headerIconProps), {
         props: props
       });
-      var closeElement = /*#__PURE__*/React__namespace.createElement("button", {
-        type: "button",
-        className: "p-treeselect-close p-link",
+      var closeButtonProps = utils.mergeProps({
+        type: 'button',
+        className: 'p-treeselect-close p-link',
         onClick: hide,
-        "aria-label": PrimeReact.localeOption('close')
-      }, closeIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
-      var content = /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-treeselect-header"
-      }, filterElement, closeElement);
+        'aria-label': PrimeReact.localeOption('close')
+      }, ptm('closeButton'));
+      var headerProps = utils.mergeProps({
+        className: 'p-treeselect-header'
+      }, ptm('header'));
+      var closeElement = /*#__PURE__*/React__namespace.createElement("button", closeButtonProps, closeIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      var content = /*#__PURE__*/React__namespace.createElement("div", headerProps, filterElement, closeElement);
       if (props.panelHeaderTemplate) {
         var defaultOptions = {
           className: 'p-treeselect-header',
@@ -766,19 +797,19 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, chevr
       'p-inputwrapper-filled': !isValueEmpty,
       'p-inputwrapper-focus': focusedState || overlayVisibleState
     }, props.className);
+    var rootProps = utils.mergeProps({
+      ref: elementRef,
+      className: className,
+      style: props.style,
+      onClick: onClick
+    }, TreeSelectBase.getOtherProps(props), ptm('root'));
     var keyboardHelper = createKeyboardHelper();
     var labelElement = createLabel();
     var dropdownIcon = createDropdownIcon();
     var content = createContent();
     var header = createHeader();
     var footer = createFooter();
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
-      ref: elementRef,
-      className: className,
-      style: props.style
-    }, otherProps, {
-      onClick: onClick
-    }), keyboardHelper, labelElement, dropdownIcon, /*#__PURE__*/React__namespace.createElement(TreeSelectPanel, {
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, keyboardHelper, labelElement, dropdownIcon, /*#__PURE__*/React__namespace.createElement(TreeSelectPanel, {
       ref: overlayRef,
       appendTo: props.appendTo,
       panelStyle: props.panelStyle,
@@ -792,7 +823,8 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, chevr
       onEnter: onOverlayEnter,
       onEntered: onOverlayEntered,
       onExit: onOverlayExit,
-      onExited: onOverlayExited
+      onExited: onOverlayExited,
+      ptm: ptm
     }, content));
   }));
   TreeSelect.displayName = 'TreeSelect';
@@ -803,4 +835,4 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, chevr
 
   return exports;
 
-})({}, React, primereact.api, 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.hooks, primereact.icons.chevrondown, primereact.icons.search, primereact.icons.times, primereact.overlayservice, primereact.ripple, primereact.tree, primereact.utils, primereact.componentbase, primereact.csstransition, primereact.portal);

package/treeselect/treeselect.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.treeselect=function(e,t,n,r,l,o,a,i,c,u,s,p,f){"use strict";function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var y=m(t),v=d(n);function b(){return b=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},b.apply(this,arguments)}function g(e){return g="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},g(e)}function h(e,t){if("object"!==g(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=h(e,"string");return"symbol"===g(t)?t:String(t)}function O(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e){if(Array.isArray(e))return e}function N(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,u=!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){u=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw l}}return i}}function j(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 w(e,t){if(e){if("string"==typeof e)return j(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)?j(e,t):void 0}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,t){return S(e)||N(e,t)||w(e,t)||I()}var P={defaultProps:{__TYPE:"TreeSelect",appendTo:null,ariaLabel:null,ariaLabelledBy:null,className:null,closeIcon: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,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",style:null,tabIndex:null,transitionOptions:null,value:null,valueTemplate:null,children:void 0},getProps:function(e){return s.ObjectUtils.getMergedProps(e,P.defaultProps)},getOtherProps:function(e){return s.ObjectUtils.getDiffProps(e,P.defaultProps)}},C=y.forwardRef((function(e,t){var n,r,l=(n={maxHeight:e.scrollHeight||"auto"},r=s.classNames("p-treeselect-panel p-component",e.panelClassName,{"p-input-filled":"filled"===v.default.inputStyle,"p-ripple-disabled":!1===v.default.ripple}),y.createElement(p.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},y.createElement("div",{ref:t,className:r,style:e.panelStyle,onClick:e.onClick},e.header,y.createElement("div",{className:"p-treeselect-items-wrapper",style:n},e.children),e.footer)));return y.createElement(f.Portal,{element:l,appendTo:e.appendTo})}));function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function U(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=D(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 D(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 H(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}C.displayName="TreeSelectPanel";var R=y.memo(y.forwardRef((function(e,t){var p=P.getProps(e),f=x(y.useState(!1),2),d=f[0],m=f[1],g=x(y.useState(!1),2),h=g[0],E=g[1],S=x(y.useState(p.expandedKeys),2),N=S[0],j=S[1],w=x(y.useState(""),2),I=w[0],T=w[1],D=y.useRef(null),H=y.useRef(null),R=y.useRef(null),A=y.useRef(p.inputRef),M=y.useRef(null),F=y.useRef(null),K=p.onToggle?p.expandedKeys:N,V=p.onFilterValueChange?p.filterValue:I,_=s.ObjectUtils.isEmpty(p.value),J=s.ObjectUtils.isEmpty(p.options),X="single"===p.selectionMode,L="checkbox"===p.selectionMode,B={filter:function(e){return ie(e)},reset:function(){return ce()}},Z=x(r.useOverlayListener({target:D,overlay:H,listener:function(e,t){t.valid&&G()},when:h}),2),z=Z[0],$=Z[1],Y=function(){return be.length?be.map((function(e){return e.label})).join(", "):p.placeholder},q=function(){E(!0)},G=function(){E(!1)},Q=function(){m(!0)},W=function(){m(!1)},ee=function(e){p.onChange&&(F.current=!0,p.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:p.name,id:p.id,value:e.value}}))},te=function(e){p.onNodeSelect&&p.onNodeSelect(e),X&&G()},ne=function(e){p.onNodeUnselect&&p.onNodeUnselect(e)},re=function(e){p.onToggle?p.onToggle(e):j(e.value)},le=function(e){T(e.value)},oe=function(e){switch(e.which){case 40:!h&&e.altKey&&q();break;case 32:h||(q(),e.preventDefault());break;case 13:case 27:h&&(G(),e.preventDefault());break;case 9:G()}},ae=function(e){13===e.which&&e.preventDefault()},ie=function(e){var t=e.target.value;p.onFilterValueChange?p.onFilterValueChange({originalEvent:e,value:t}):T(t)},ce=function(){T("")},ue=function(){s.DomHandler.alignOverlay(H.current,M.current.parentElement,p.appendTo||v.default.appendTo)},se=function(){var e=s.DomHandler.findSingle(H.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},pe=function e(t,n,r){if(t){if(fe(t,n)&&(r.push(t),delete n[t.key]),Object.keys(n).length&&t.children){var l,o=U(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=U(p.options);try{for(i.s();!(a=i.n()).done;){e(a.value,n,r)}}catch(e){i.e(e)}finally{i.f()}}},fe=function(e,t){return L?t[e.key]&&t[e.key].checked:t[e.key]},de=function(){var e=X?O({},"".concat(p.value),!0):k({},p.value);j({}),e&&p.options&&me(null,null,e)},me=function e(t,n,r){if(t){if(fe(t,r)&&(ye(n),delete r[t.key]),Object.keys(r).length&&t.children){var l,o=U(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=U(p.options);try{for(c.s();!(i=c.n()).done;){e(i.value,[],r)}}catch(e){c.e(e)}finally{c.f()}}},ye=function(e){if(e.length>0){var t,n=k({},N||{}),r=U(e);try{for(r.s();!(t=r.n()).done;){n[t.value]=!0}}catch(e){r.e(e)}finally{r.f()}j(n)}};y.useImperativeHandle(t,(function(){return{props:p,focus:function(){return s.DomHandler.focus(A.current)},getElement:function(){return D.current}}})),y.useEffect((function(){s.ObjectUtils.combinedRefs(A,p.inputRef)}),[A,p.inputRef]),r.useMountEffect((function(){de()})),r.useUpdateEffect((function(){h&&p.filter&&ue()})),r.useUpdateEffect((function(){de()}),[p.options]),r.useUpdateEffect((function(){h&&N&&ue()}),[N]),r.useUpdateEffect((function(){h&&(F.current||de(),F.current=!1)}),[p.value]),r.useUnmountEffect((function(){s.ZIndexUtils.clear(H.current)}));var ve=function(){if(p.filter){var e=s.ObjectUtils.isNotEmpty(V)?V:"",t="p-treeselect-filter-icon",n=s.IconUtils.getJSXIcon(p.filterIcon||y.createElement(o.SearchIcon,{className:t}),{className:t},{props:p}),r=y.createElement("div",{className:"p-treeselect-filter-container"},y.createElement("input",{ref:R,type:"text",value:e,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:p.filterPlaceholder,onKeyDown:ae,onChange:ie,disabled:p.disabled}),n);if(p.filterTemplate)r=s.ObjectUtils.getJSXElement(p.filterTemplate,{className:"p-treeselect-filter-container",element:r,filterOptions:B,filterInputKeyDown:ae,filterInputChange:ie,filterIconClassName:"p-dropdown-filter-icon",props:p});return y.createElement(y.Fragment,null,r)}},be=function(){var e=[];if(s.ObjectUtils.isNotEmpty(p.value)&&p.options){var t=X?O({},"".concat(p.value),!0):k({},p.value);pe(null,t,e)}return e}(),ge=P.getOtherProps(p),he=s.ObjectUtils.reduceKeys(ge,s.DomHandler.ARIA_PROPS),Ee=s.classNames("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===p.display,"p-disabled":p.disabled,"p-focus":d,"p-inputwrapper-filled":!_,"p-inputwrapper-focus":d||h},p.className),Oe=y.createElement("div",{className:"p-hidden-accessible"},y.createElement("input",b({ref:A,role:"listbox",id:p.inputId,type:"text",readOnly:!0,"aria-expanded":h,onFocus:Q,onBlur:W,onKeyDown:oe,disabled:p.disabled,tabIndex:p.tabIndex},he))),Se=function(){var e=s.classNames("p-treeselect-label",{"p-placeholder":Y()===p.placeholder,"p-treeselect-label-empty":!p.placeholder&&_}),t=null;return p.valueTemplate?t=s.ObjectUtils.getJSXElement(p.valueTemplate,be,p):"comma"===p.display?t=Y()||"empty":"chip"===p.display&&(t=y.createElement(y.Fragment,null,be&&be.map((function(e,t){return y.createElement("div",{className:"p-treeselect-token",key:"".concat(e.key,"_").concat(t)},y.createElement("span",{className:"p-treeselect-token-label"},e.label))})),_&&(p.placeholder||"empty"))),y.createElement("div",{className:"p-treeselect-label-container"},y.createElement("div",{className:e},t))}(),Ne=function(){var e="p-treeselect-trigger-icon p-clickable",t=s.IconUtils.getJSXIcon(p.dropdownIcon||y.createElement(l.ChevronDownIcon,{className:e}),{className:e},{props:p});return y.createElement("div",{ref:M,className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":h},t)}(),je=y.createElement(y.Fragment,null,y.createElement(u.Tree,{value:p.options,selectionMode:p.selectionMode,selectionKeys:p.value,metaKeySelection:p.metaKeySelection,onSelectionChange:ee,onSelect:te,onUnselect:ne,expandedKeys:K,onToggle:re,onExpand:p.onNodeExpand,onCollapse:p.onNodeCollapse,filter:p.filter,filterValue:V,filterBy:p.filterBy,filterMode:p.filterMode,filterPlaceholder:p.filterPlaceholder,filterLocale:p.filterLocale,showHeader:!1,onFilterValueChange:le}),J&&y.createElement("div",{className:"p-treeselect-empty-message"},p.emptyMessage||n.localeOption("emptyMessage"))),we=function(){var e=ve(),t={className:"p-treeselect-close-icon","aria-hidden":!0},r=s.IconUtils.getJSXIcon(p.closeIcon||y.createElement(a.TimesIcon,t),k({},t),{props:p}),l=y.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:G,"aria-label":n.localeOption("close")},r,y.createElement(c.Ripple,null)),o=y.createElement("div",{className:"p-treeselect-header"},e,l);return p.panelHeaderTemplate?s.ObjectUtils.getJSXElement(p.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:e,closeElement:l,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon",onCloseClick:G,element:o,props:p}):o}(),Ie=s.ObjectUtils.getJSXElement(p.panelFooterTemplate,p);return y.createElement("div",b({ref:D,className:Ee,style:p.style},ge,{onClick:function(e){p.disabled||H.current&&H.current.contains(e.target)||s.DomHandler.hasClass(e.target,"p-treeselect-close")||(s.DomHandler.focus(A.current),h?G():q())}}),Oe,Se,Ne,y.createElement(C,{ref:H,appendTo:p.appendTo,panelStyle:p.panelStyle,panelClassName:p.panelClassName,scrollHeight:p.scrollHeight,onClick:function(e){i.OverlayService.emit("overlay-click",{originalEvent:e,target:D.current})},header:we,footer:Ie,transitionOptions:p.transitionOptions,in:h,onEnter:function(){s.ZIndexUtils.set("overlay",H.current,v.default.autoZIndex,v.default.zIndex.overlay),ue(),se()},onEntered:function(){z(),p.filter&&p.filterInputAutoFocus&&s.DomHandler.focus(R.current,p.filterInputAutoFocus),p.onShow&&p.onShow()},onExit:function(){$()},onExited:function(){p.filter&&p.resetFilterOnHide&&ce(),s.ZIndexUtils.clear(H.current),p.onHide&&p.onHide()}},je))})));return R.displayName="TreeSelect",e.TreeSelect=R,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.icons.chevrondown,primereact.icons.search,primereact.icons.times,primereact.overlayservice,primereact.ripple,primereact.tree,primereact.utils,primereact.csstransition,primereact.portal);
+this.primereact=this.primereact||{},this.primereact.treeselect=function(e,t,n,r,l,o,a,i,c,s,u,p,f,d){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function y(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var g=y(t),v=m(n);function b(){return b=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},b.apply(this,arguments)}function h(e){return h="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},h(e)}function E(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=E(e,"string");return"symbol"===h(t)?t:String(t)}function S(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function I(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 N(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 j(e,t){if(e){if("string"==typeof e)return N(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)?N(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 x(e,t){return P(e)||I(e,t)||j(e,t)||w()}var C=p.ComponentBase.extend({defaultProps:{__TYPE:"TreeSelect",appendTo:null,ariaLabel:null,ariaLabelledBy:null,className:null,closeIcon: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",style:null,tabIndex:null,togglerTemplate:null,transitionOptions:null,value:null,valueTemplate:null,children:void 0}}),T=g.forwardRef((function(e,t){var r,l,o,a,i=g.useContext(n.PrimeReactContext),c=(r={maxHeight:e.scrollHeight||"auto"},l=u.classNames("p-treeselect-panel p-component",e.panelClassName,{"p-input-filled":i&&"filled"===i.inputStyle||"filled"===v.default.inputStyle,"p-ripple-disabled":i&&!1===i.ripple||!1===v.default.ripple}),o=u.mergeProps({ref:t,className:l,style:e.panelStyle,onClick:e.onClick},e.ptm("panel")),a=u.mergeProps({className:"p-treeselect-items-wrapper",style:r},e.ptm("wrapper")),g.createElement(f.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},g.createElement("div",o,e.header,g.createElement("div",a,e.children),e.footer)));return g.createElement(d.Portal,{element:c,appendTo:e.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 U(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){S(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 D(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=H(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 H(e,t){if(e){if("string"==typeof e)return R(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?R(e,t):void 0}}function R(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}T.displayName="TreeSelectPanel";var F=g.memo(g.forwardRef((function(e,t){var p=g.useContext(n.PrimeReactContext),f=C.getProps(e,p),d=x(g.useState(!1),2),m=d[0],y=d[1],h=x(g.useState(!1),2),E=h[0],O=h[1],P=x(g.useState(f.expandedKeys),2),I=P[0],N=P[1],j=x(g.useState(""),2),w=j[0],k=j[1],H=g.useRef(null),R=g.useRef(null),F=g.useRef(null),M=g.useRef(f.inputRef),A=g.useRef(null),K=g.useRef(null),V=f.onToggle?f.expandedKeys:I,_=f.onFilterValueChange?f.filterValue:w,B=u.ObjectUtils.isEmpty(f.value),J=u.ObjectUtils.isEmpty(f.options),L="single"===f.selectionMode,X="checkbox"===f.selectionMode,Z=C.setMetaData({props:f,state:{focused:m,overlayVisible:E,expandedKeys:V,filterValue:_}}).ptm,z={filter:function(e){return se(e)},reset:function(){return ue()}},$=x(r.useOverlayListener({target:H,overlay:R,listener:function(e,t){t.valid&&Q()},when:E}),2),W=$[0],Y=$[1],q=function(){return Se.length?Se.map((function(e){return e.label})).join(", "):f.placeholder},G=function(){O(!0)},Q=function(){O(!1)},ee=function(){y(!0)},te=function(){y(!1)},ne=function(e){f.onChange&&(K.current=!0,f.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:f.name,id:f.id,value:e.value}}))},re=function(e){f.onNodeSelect&&f.onNodeSelect(e),L&&Q()},le=function(e){f.onNodeUnselect&&f.onNodeUnselect(e)},oe=function(e){f.onToggle?f.onToggle(e):N(e.value)},ae=function(e){k(e.value)},ie=function(e){switch(e.which){case 40:!E&&e.altKey&&G();break;case 32:E||(G(),e.preventDefault());break;case 13:case 27:E&&(Q(),e.preventDefault());break;case 9:Q()}},ce=function(e){13===e.which&&e.preventDefault()},se=function(e){var t=e.target.value;f.onFilterValueChange?f.onFilterValueChange({originalEvent:e,value:t}):k(t)},ue=function(){k("")},pe=function(){u.DomHandler.alignOverlay(R.current,A.current.parentElement,f.appendTo||p&&p.appendTo||v.default.appendTo)},fe=function(){var e=u.DomHandler.findSingle(R.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},de=function e(t,n,r){if(t){if(me(t,n)&&(r.push(t),delete n[t.key]),Object.keys(n).length&&t.children){var l,o=D(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=D(f.options);try{for(i.s();!(a=i.n()).done;){e(a.value,n,r)}}catch(e){i.e(e)}finally{i.f()}}},me=function(e,t){return X?t[e.key]&&t[e.key].checked:t[e.key]},ye=function(){var e=L?S({},"".concat(f.value),!0):U({},f.value);N({}),e&&f.options&&ge(null,null,e)},ge=function e(t,n,r){if(t){if(me(t,r)&&(ve(n),delete r[t.key]),Object.keys(r).length&&t.children){var l,o=D(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=D(f.options);try{for(c.s();!(i=c.n()).done;){e(i.value,[],r)}}catch(e){c.e(e)}finally{c.f()}}},ve=function(e){if(e.length>0){var t,n=U({},I||{}),r=D(e);try{for(r.s();!(t=r.n()).done;){n[t.value]=!0}}catch(e){r.e(e)}finally{r.f()}N(n)}};g.useImperativeHandle(t,(function(){return{props:f,focus:function(){return u.DomHandler.focus(M.current)},getElement:function(){return H.current}}})),g.useEffect((function(){u.ObjectUtils.combinedRefs(M,f.inputRef)}),[M,f.inputRef]),r.useMountEffect((function(){ye(),f.autoFocus&&u.DomHandler.focus(M.current,f.autoFocus)})),r.useUpdateEffect((function(){E&&f.filter&&pe()})),r.useUpdateEffect((function(){ye()}),[f.options]),r.useUpdateEffect((function(){E&&I&&pe()}),[I]),r.useUpdateEffect((function(){E&&(K.current||ye(),K.current=!1)}),[f.value]),r.useUnmountEffect((function(){u.ZIndexUtils.clear(R.current)}));var be,he,Ee,Oe=function(){if(f.filter){var e=u.ObjectUtils.isNotEmpty(_)?_:"",t=u.mergeProps({className:"p-treeselect-filter-container"},Z("filterContainer")),n=u.mergeProps({ref:F,type:"text",value:e,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:f.filterPlaceholder,onKeyDown:ce,onChange:se,disabled:f.disabled},Z("filter")),r=u.mergeProps({className:"p-treeselect-filter-icon"},Z("filterIcon")),l=u.IconUtils.getJSXIcon(f.filterIcon||g.createElement(o.SearchIcon,r),U({},r),{props:f}),a=g.createElement("div",t,g.createElement("input",n),l);if(f.filterTemplate)a=u.ObjectUtils.getJSXElement(f.filterTemplate,{className:"p-treeselect-filter-container",element:a,filterOptions:z,filterInputKeyDown:ce,filterInputChange:se,filterIconClassName:"p-dropdown-filter-icon",props:f});return g.createElement(g.Fragment,null,a)}},Se=function(){var e=[];if(u.ObjectUtils.isNotEmpty(f.value)&&f.options){var t=L?S({},"".concat(f.value),!0):U({},f.value);de(null,t,e)}return e}(),Pe=C.getOtherProps(f),Ie=u.ObjectUtils.reduceKeys(Pe,u.DomHandler.ARIA_PROPS),Ne=u.classNames("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===f.display,"p-disabled":f.disabled,"p-focus":m,"p-inputwrapper-filled":!B,"p-inputwrapper-focus":m||E},f.className),je=u.mergeProps({ref:H,className:Ne,style:f.style,onClick:function(e){f.disabled||R.current&&R.current.contains(e.target)||u.DomHandler.hasClass(e.target,"p-treeselect-close")||(u.DomHandler.focus(M.current),E?Q():G())}},C.getOtherProps(f),Z("root")),we=(be=u.mergeProps({className:"p-hidden-accessible"},Z("hiddenInputWrapper")),he=u.mergeProps(U({ref:M,role:"listbox",id:f.inputId,type:"text","aria-expanded":E,onFocus:ee,onBlur:te,onKeyDown:ie,disabled:f.disabled,tabIndex:f.tabIndex},Ie),Z("hiddenInput")),g.createElement("div",be,g.createElement("input",b({},he,{readOnly:!0})))),xe=function(){var e=u.classNames("p-treeselect-label",{"p-placeholder":q()===f.placeholder,"p-treeselect-label-empty":!f.placeholder&&B}),t=u.mergeProps({className:"p-treeselect-token"},Z("token")),n=u.mergeProps({className:"p-treeselect-token-label"},Z("tokenLabel")),r=u.mergeProps({className:"p-treeselect-label-container"},Z("labelContainer")),l=u.mergeProps({className:e},Z("label")),o=null;return f.valueTemplate?o=u.ObjectUtils.getJSXElement(f.valueTemplate,Se,f):"comma"===f.display?o=q()||"empty":"chip"===f.display&&(o=g.createElement(g.Fragment,null,Se&&Se.map((function(e,r){return g.createElement("div",b({},t,{key:"".concat(e.key,"_").concat(r)}),g.createElement("span",n,e.label))})),B&&(f.placeholder||"empty"))),g.createElement("div",r,g.createElement("div",l,o))}(),Ce=function(){var e=u.mergeProps({ref:A,className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":E},Z("trigger")),t=u.mergeProps({className:"p-treeselect-trigger-icon p-clickable"},Z("triggerIcon")),n=u.IconUtils.getJSXIcon(f.dropdownIcon||g.createElement(l.ChevronDownIcon,t),U({},t),{props:f});return g.createElement("div",e,n)}(),Te=(Ee=u.mergeProps({className:"p-treeselect-empty-message"},Z("emptyMessage")),g.createElement(g.Fragment,null,g.createElement(s.Tree,{expandedKeys:V,filter:f.filter,filterBy:f.filterBy,filterLocale:f.filterLocale,filterMode:f.filterMode,filterPlaceholder:f.filterPlaceholder,filterValue:_,metaKeySelection:f.metaKeySelection,nodeTemplate:f.nodeTemplate,onCollapse:f.onNodeCollapse,onExpand:f.onNodeExpand,onFilterValueChange:ae,onSelect:re,onSelectionChange:ne,onToggle:oe,onUnselect:le,selectionKeys:f.value,selectionMode:f.selectionMode,showHeader:!1,togglerTemplate:f.togglerTemplate,value:f.options,pt:Z("tree")}),J&&g.createElement("div",Ee,f.emptyMessage||n.localeOption("emptyMessage")))),ke=function(){var e=Oe(),t=u.mergeProps({className:{className:"p-treeselect-close-icon","aria-hidden":!0}},Z("headerIcon")),r=u.IconUtils.getJSXIcon(f.closeIcon||g.createElement(a.TimesIcon,t),U({},t),{props:f}),l=u.mergeProps({type:"button",className:"p-treeselect-close p-link",onClick:Q,"aria-label":n.localeOption("close")},Z("closeButton")),o=u.mergeProps({className:"p-treeselect-header"},Z("header")),i=g.createElement("button",l,r,g.createElement(c.Ripple,null)),s=g.createElement("div",o,e,i);return f.panelHeaderTemplate?u.ObjectUtils.getJSXElement(f.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:e,closeElement:i,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon",onCloseClick:Q,element:s,props:f}):s}(),Ue=u.ObjectUtils.getJSXElement(f.panelFooterTemplate,f);return g.createElement("div",je,we,xe,Ce,g.createElement(T,{ref:R,appendTo:f.appendTo,panelStyle:f.panelStyle,panelClassName:f.panelClassName,scrollHeight:f.scrollHeight,onClick:function(e){i.OverlayService.emit("overlay-click",{originalEvent:e,target:H.current})},header:ke,footer:Ue,transitionOptions:f.transitionOptions,in:E,onEnter:function(){u.ZIndexUtils.set("overlay",R.current,p&&p.autoZIndex||v.default.autoZIndex,p&&p.zIndex.overlay||v.default.zIndex.overlay),pe(),fe()},onEntered:function(){W(),f.filter&&f.filterInputAutoFocus&&u.DomHandler.focus(F.current,f.filterInputAutoFocus),f.onShow&&f.onShow()},onExit:function(){Y()},onExited:function(){f.filter&&f.resetFilterOnHide&&ue(),u.ZIndexUtils.clear(R.current),f.onHide&&f.onHide()},ptm:Z},Te))})));return F.displayName="TreeSelect",e.TreeSelect=F,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.icons.chevrondown,primereact.icons.search,primereact.icons.times,primereact.overlayservice,primereact.ripple,primereact.tree,primereact.utils,primereact.componentbase,primereact.csstransition,primereact.portal);