primereact 8.1.1 → 8.4.0

package/tree/tree.js

@@ -217,6 +217,14 @@ this.primereact.tree = (function (exports, React, utils, ripple) {
           } else {
             var nextNodeElement = nodeElement.nextElementSibling;
 
+            while (nextNodeElement) {
+              if (!utils.DomHandler.hasClass(nextNodeElement, 'p-treenode-droppoint')) {
+                break;
+              }
+
+              nextNodeElement = nextNodeElement.nextElementSibling;
+            }
+
             if (nextNodeElement) {
               focusNode(nextNodeElement);
             } else {
@@ -288,7 +296,7 @@ this.primereact.tree = (function (exports, React, utils, ripple) {
     };
 
     var focusNode = function focusNode(element) {
-      element.children[0].focus();
+      element && element.children[0] && element.children[0].focus();
     };
 
     var onClick = function onClick(event) {
@@ -887,11 +895,20 @@ this.primereact.tree = (function (exports, React, utils, ripple) {
         expandedKeysState = _React$useState4[0],
         setExpandedKeysState = _React$useState4[1];
 
+    var elementRef = React__namespace.useRef(null);
     var filteredNodes = React__namespace.useRef([]);
     var dragState = React__namespace.useRef(null);
     var filterChanged = React__namespace.useRef(false);
     var filteredValue = props.onFilterValueChange ? props.filterValue : filterValueState;
     var expandedKeys = props.onToggle ? props.expandedKeys : expandedKeysState;
+    var filterOptions = {
+      filter: function filter(e) {
+        return onFilterInputChange(e);
+      },
+      reset: function reset() {
+        return resetFilter();
+      }
+    };
 
     var getRootNode = function getRootNode() {
       return props.filter && filteredNodes.current ? filteredNodes.current : props.value;
@@ -1184,9 +1201,17 @@ this.primereact.tree = (function (exports, React, utils, ripple) {
       return matched;
     };
 
+    var resetFilter = function resetFilter() {
+      setFilterValueState('');
+    };
+
     React__namespace.useImperativeHandle(ref, function () {
       return {
-        filter: filter
+        props: props,
+        filter: filter,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
       };
     });
 
@@ -1271,7 +1296,8 @@ this.primereact.tree = (function (exports, React, utils, ripple) {
     var createFilter = function createFilter() {
       if (props.filter) {
         var value = utils.ObjectUtils.isNotEmpty(filteredValue) ? filteredValue : '';
-        return /*#__PURE__*/React__namespace.createElement("div", {
+
+        var _content = /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-tree-filter-container"
         }, /*#__PURE__*/React__namespace.createElement("input", {
           type: "text",
@@ -1285,6 +1311,21 @@ this.primereact.tree = (function (exports, React, utils, ripple) {
         }), /*#__PURE__*/React__namespace.createElement("span", {
           className: "p-tree-filter-icon pi pi-search"
         }));
+
+        if (props.filterTemplate) {
+          var defaultContentOptions = {
+            className: 'p-tree-filter-container',
+            element: _content,
+            filterOptions: filterOptions,
+            filterInputKeyDown: onFilterInputKeyDown,
+            filterInputChange: onFilterInputChange,
+            filterIconClassName: 'p-dropdown-filter-icon pi pi-search',
+            props: props
+          };
+          _content = utils.ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
+        }
+
+        return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, _content);
       }
 
       return null;
@@ -1293,7 +1334,7 @@ this.primereact.tree = (function (exports, React, utils, ripple) {
     var createHeader = function createHeader() {
       if (props.showHeader) {
         var filterElement = createFilter();
-        var _content = filterElement;
+        var _content2 = filterElement;
 
         if (props.header) {
           var defaultContentOptions = {
@@ -1305,15 +1346,15 @@ this.primereact.tree = (function (exports, React, utils, ripple) {
               onChange: onFilterInputChange
             },
             filterElement: filterElement,
-            element: _content,
+            element: _content2,
             props: props
           };
-          _content = utils.ObjectUtils.getJSXElement(props.header, defaultContentOptions);
+          _content2 = utils.ObjectUtils.getJSXElement(props.header, defaultContentOptions);
         }
 
         return /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-tree-header"
-        }, _content);
+        }, _content2);
       }
 
       return null;
@@ -1338,6 +1379,7 @@ this.primereact.tree = (function (exports, React, utils, ripple) {
     var footer = createFooter();
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       id: props.id,
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps), loader, header, content, footer);
@@ -1373,6 +1415,7 @@ this.primereact.tree = (function (exports, React, utils, ripple) {
     filterMode: 'lenient',
     filterPlaceholder: null,
     filterLocale: undefined,
+    filterTemplate: null,
     nodeTemplate: null,
     togglerTemplate: null,
     onSelect: null,

package/tree/tree.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tree=function(e,n,t,r){"use strict";function o(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var l=o(n);function a(){return a=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},a.apply(this,arguments)}function i(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function c(e){if(Array.isArray(e))return i(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,n){if(e){if("string"==typeof e)return i(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?i(e,n):void 0}}function p(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function f(e){if(Array.isArray(e))return e}function g(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l=[],a=!0,i=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==t.return||t.return()}finally{if(i)throw o}}return l}}function y(){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 h(e,n){return f(e)||g(e,n)||s(e,n)||y()}function v(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=m(e))||n&&e&&"number"==typeof e.length){t&&(e=t);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}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 l,a=!0,i=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return a=e.done,e},e:function(e){i=!0,l=e},f:function(){try{a||null==t.return||t.return()}finally{if(i)throw l}}}}function m(e,n){if(e){if("string"==typeof e)return b(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?b(e,n):void 0}}function b(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function S(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function x(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){u(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var E=l.memo((function(e){var n,o,a,i=l.useRef(null),c=l.useRef(!1),d=e.isNodeLeaf(e.node),s=!!e.expandedKeys&&void 0!==e.expandedKeys[e.node.key]||e.node.expanded,p=function(n){var t=e.expandedKeys?x({},e.expandedKeys):{};t[e.node.key]=!0,e.onToggle({originalEvent:n,value:t}),g(n,!0)},u=function(n){var t=x({},e.expandedKeys);delete t[e.node.key],e.onToggle({originalEvent:n,value:t}),g(n,!1)},f=function(n){e.disabled||(s?u(n):p(n),n.preventDefault(),n.stopPropagation())},g=function(n,t){t?e.onExpand&&e.onExpand({originalEvent:n,node:e.node}):e.onCollapse&&e.onCollapse({originalEvent:n,node:e.node})},y=function(n){if(!e.disabled){var r=n.target.parentElement;if(t.DomHandler.hasClass(r,"p-treenode"))switch(n.which){case 40:var o=r.children[1];if(o)S(o.children[0]);else{var l=r.nextElementSibling;if(l)S(l);else{var a=h(r);a&&S(a)}}n.preventDefault();break;case 38:if(r.previousElementSibling)S(m(r.previousElementSibling));else{var i=b(r);i&&S(i)}n.preventDefault();break;case 39:s||p(n),n.preventDefault();break;case 37:s&&u(n),n.preventDefault();break;case 13:C(n),n.preventDefault()}}},h=function e(n){var t=b(n);return t?t.nextElementSibling||e(t):null},m=function e(n){var t=n.children[1];return t?e(t.children[t.children.length-1]):n},b=function(e){var n=e.parentElement.parentElement;return t.DomHandler.hasClass(n,"p-treenode")?n:null},S=function(e){e.children[0].focus()},C=function(n){e.onClick&&e.onClick({originalEvent:n,node:e.node});var r=n.target.nodeName;if(!e.disabled&&"INPUT"!==r&&"BUTTON"!==r&&"A"!==r&&!t.DomHandler.hasClass(n.target,"p-clickable")){if(e.selectionMode&&!1!==e.node.selectable){var o;if(M()){var l=K();o=e.selectionKeys?x({},e.selectionKeys):{},l?(e.propagateSelectionDown?N(e.node,!1,o):delete o[e.node.key],e.propagateSelectionUp&&e.onPropagateUp&&e.onPropagateUp({originalEvent:n,check:!1,selectionKeys:o}),e.onUnselect&&e.onUnselect({originalEvent:n,node:e.node})):(e.propagateSelectionDown?N(e.node,!0,o):o[e.node.key]={checked:!0},e.propagateSelectionUp&&e.onPropagateUp&&e.onPropagateUp({originalEvent:n,check:!0,selectionKeys:o}),e.onSelect&&e.onSelect({originalEvent:n,node:e.node}))}else{var a=w();if(!c.current&&e.metaKeySelection){var i=n.metaKey||n.ctrlKey;a&&i?(j()?o=null:delete(o=x({},e.selectionKeys))[e.node.key],e.onUnselect&&e.onUnselect({originalEvent:n,node:e.node})):(j()?o=e.node.key:T()&&((o=i&&e.selectionKeys?x({},e.selectionKeys):{})[e.node.key]=!0),e.onSelect&&e.onSelect({originalEvent:n,node:e.node}))}else j()?a?(o=null,e.onUnselect&&e.onUnselect({originalEvent:n,node:e.node})):(o=e.node.key,e.onSelect&&e.onSelect({originalEvent:n,node:e.node})):a?(delete(o=x({},e.selectionKeys))[e.node.key],e.onUnselect&&e.onUnselect({originalEvent:n,node:e.node})):((o=e.selectionKeys?x({},e.selectionKeys):{})[e.node.key]=!0,e.onSelect&&e.onSelect({originalEvent:n,node:e.node}))}e.onSelectionChange&&e.onSelectionChange({originalEvent:n,value:o})}c.current=!1}},D=function(n){e.onDoubleClick&&e.onDoubleClick({originalEvent:n,node:e.node})},k=function(n){e.disabled||(t.DomHandler.clearSelection(),e.onContextMenuSelectionChange&&e.onContextMenuSelectionChange({originalEvent:n,value:e.node.key}),e.onContextMenu&&e.onContextMenu({originalEvent:n,node:e.node}))},O=function(n){var t,r=n.check,o=n.selectionKeys,l=0,a=!1,i=v(e.node.children);try{for(i.s();!(t=i.n()).done;){var c=t.value;o[c.key]&&o[c.key].checked?l++:o[c.key]&&o[c.key].partialChecked&&(a=!0)}}catch(e){i.e(e)}finally{i.f()}r&&l===e.node.children.length?o[e.node.key]={checked:!0,partialChecked:!1}:(r||delete o[e.node.key],a||l>0&&l!==e.node.children.length?o[e.node.key]={checked:!1,partialChecked:!0}:delete o[e.node.key]),e.propagateSelectionUp&&e.onPropagateUp&&e.onPropagateUp(n)},N=function e(n,t,r){if(t?r[n.key]={checked:!0,partialChecked:!1}:delete r[n.key],n.children&&n.children.length)for(var o=0;o<n.children.length;o++)e(n.children[o],t,r)},w=function(){return!(!e.selectionMode||!e.selectionKeys)&&(j()?e.selectionKeys===e.node.key:void 0!==e.selectionKeys[e.node.key])},K=function(){return!!e.selectionKeys&&(e.selectionKeys[e.node.key]&&e.selectionKeys[e.node.key].checked)},j=function(){return e.selectionMode&&"single"===e.selectionMode},T=function(){return e.selectionMode&&"multiple"===e.selectionMode},M=function(){return e.selectionMode&&"checkbox"===e.selectionMode},U=function(){c.current=!0},P=function(n,r){(n.preventDefault(),!1!==e.node.droppable)&&(t.DomHandler.removeClass(n.target,"p-treenode-droppoint-active"),e.onDropPoint&&e.onDropPoint({originalEvent:n,path:e.path,index:-1===r?e.index:e.index+1,position:r}))},I=function(n){n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&(n.dataTransfer.dropEffect="move",n.preventDefault())},L=function(n){n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&t.DomHandler.addClass(n.target,"p-treenode-droppoint-active")},A=function(n){n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&t.DomHandler.removeClass(n.target,"p-treenode-droppoint-active")},H=function(n){e.dragdropScope&&!1!==e.node.droppable&&(t.DomHandler.removeClass(i.current,"p-treenode-dragover"),n.preventDefault(),n.stopPropagation(),e.onDrop&&e.onDrop({originalEvent:n,path:e.path,index:e.index}))},F=function(n){n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&!1!==e.node.droppable&&(n.dataTransfer.dropEffect="move",n.preventDefault(),n.stopPropagation())},R=function(n){n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&!1!==e.node.droppable&&t.DomHandler.addClass(i.current,"p-treenode-dragover")},J=function(n){if(n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&!1!==e.node.droppable){var r=n.currentTarget.getBoundingClientRect();(n.nativeEvent.x>r.left+r.width||n.nativeEvent.x<r.left||n.nativeEvent.y>=Math.floor(r.top+r.height)||n.nativeEvent.y<r.top)&&t.DomHandler.removeClass(i.current,"p-treenode-dragover")}},V=function(n){n.dataTransfer.setData("text",e.dragdropScope),n.dataTransfer.setData(e.dragdropScope,e.dragdropScope),e.onDragStart&&e.onDragStart({originalEvent:n,path:e.path,index:e.index})},_=function(n){e.onDragEnd&&e.onDragEnd({originalEvent:n})},B=function(){var n=l.createElement("span",{className:"p-treenode-label"},e.node.label);e.nodeTemplate&&(n=t.ObjectUtils.getJSXElement(e.nodeTemplate,e.node,{onTogglerClick:f,className:"p-treenode-label",element:n,props:e,expanded:s}));return n},X=function(){if(M()&&!1!==e.node.selectable){var n=K(),r=!!e.selectionKeys&&e.selectionKeys[e.node.key]&&e.selectionKeys[e.node.key].partialChecked,o=t.classNames("p-checkbox-box",{"p-highlight":n,"p-indeterminate":r,"p-disabled":e.disabled}),a=t.classNames("p-checkbox-icon p-c",{"pi pi-check":n,"pi pi-minus":r});return l.createElement("div",{className:"p-checkbox p-component"},l.createElement("div",{className:o,role:"checkbox","aria-checked":n},l.createElement("span",{className:a})))}return null},$=function(){var n=e.node.icon||(s?e.node.expandedIcon:e.node.collapsedIcon);if(n){var r=t.classNames("p-treenode-icon",n);return l.createElement("span",{className:r})}return null},z=function(){var n=t.classNames("p-tree-toggler-icon pi pi-fw",{"pi-chevron-right":!s,"pi-chevron-down":s}),o=l.createElement("button",{type:"button",className:"p-tree-toggler p-link",tabIndex:-1,onClick:f},l.createElement("span",{className:n}),l.createElement(r.Ripple,null));e.togglerTemplate&&(o=t.ObjectUtils.getJSXElement(e.togglerTemplate,e.node,{onClick:f,containerClassName:"p-tree-toggler p-link",iconClassName:"p-tree-toggler-icon",element:o,props:e,expanded:s}));return o},Y=function(n){return e.dragdropScope?l.createElement("li",{className:"p-treenode-droppoint",onDrop:function(e){return P(e,n)},onDragOver:I,onDragEnter:L,onDragLeave:A}):null},q=function(){var n=w(),r=K(),o=t.classNames("p-treenode-content",e.node.className,{"p-treenode-selectable":e.selectionMode&&!1!==e.node.selectable,"p-highlight":M()?r:n,"p-highlight-contextmenu":e.contextMenuSelectionKey&&e.contextMenuSelectionKey===e.node.key,"p-disabled":e.disabled}),a=z(),c=X(),d=$(),p=B();return l.createElement("div",{ref:i,className:o,style:e.node.style,onClick:C,onDoubleClick:D,onContextMenu:k,onTouchEnd:U,draggable:e.dragdropScope&&!1!==e.node.draggable&&!e.disabled,onDrop:H,onDragOver:F,onDragEnter:R,onDragLeave:J,onDragStart:V,onDragEnd:_,tabIndex:e.disabled?void 0:0,onKeyDown:y,role:"treeitem","aria-posinset":e.index+1,"aria-expanded":s,"aria-selected":r||n},a,c,d,p)},G=(n=t.classNames("p-treenode",{"p-treenode-leaf":d},e.node.className),o=q(),a=t.ObjectUtils.isNotEmpty(e.node.children)&&s?l.createElement("ul",{className:"p-treenode-children",role:"group"},e.node.children.map((function(n,t){return l.createElement(E,{key:n.key||n.label,node:n,parent:e.node,index:t,last:t===e.node.children.length-1,path:e.path+"-"+t,disabled:e.disabled,selectionMode:e.selectionMode,selectionKeys:e.selectionKeys,onSelectionChange:e.onSelectionChange,metaKeySelection:e.metaKeySelection,propagateSelectionDown:e.propagateSelectionDown,propagateSelectionUp:e.propagateSelectionUp,contextMenuSelectionKey:e.contextMenuSelectionKey,onContextMenuSelectionChange:e.onContextMenuSelectionChange,onContextMenu:e.onContextMenu,onExpand:e.onExpand,onCollapse:e.onCollapse,onSelect:e.onSelect,onUnselect:e.onUnselect,onClick:e.onClick,onDoubleClick:e.onDoubleClick,expandedKeys:e.expandedKeys,onToggle:e.onToggle,onPropagateUp:O,nodeTemplate:e.nodeTemplate,togglerTemplate:e.togglerTemplate,isNodeLeaf:e.isNodeLeaf,dragdropScope:e.dragdropScope,onDragStart:e.onDragStart,onDragEnd:e.onDragEnd,onDrop:e.onDrop,onDropPoint:e.onDropPoint})}))):null,l.createElement("li",{className:n,style:e.node.style},o,a));if(e.dragdropScope&&!e.disabled){var Q=Y(-1),W=e.last?Y(1):null;return l.createElement(l.Fragment,null,Q,G,W)}return G}));function C(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){u(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function k(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=O(e))||n&&e&&"number"==typeof e.length){t&&(e=t);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}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 l,a=!0,i=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return a=e.done,e},e:function(e){i=!0,l=e},f:function(){try{a||null==t.return||t.return()}finally{if(i)throw l}}}}function O(e,n){if(e){if("string"==typeof e)return N(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?N(e,n):void 0}}function N(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}E.displayName="UITreeNode";var w=l.memo(l.forwardRef((function(e,n){var r=h(l.useState(""),2),o=r[0],i=r[1],u=h(l.useState(e.expandedKeys),2),f=u[0],g=u[1],y=l.useRef([]),v=l.useRef(null),m=l.useRef(!1),b=e.onFilterValueChange?e.filterValue:o,S=e.onToggle?e.expandedKeys:f,x=function(n){e.onToggle?e.onToggle(n):g(n.value)},C=function(e){v.current={path:e.path,index:e.index}},O=function(){v.current=null},N=function(n){if(T(v.current.path,n.path)){var t=JSON.parse(JSON.stringify(e.value)),r=v.current.path.split("-");r.pop();var o=P(t,r),l=o?o.children[v.current.index]:t[v.current.index],a=P(t,n.path.split("-"));a.children?a.children.push(l):a.children=[l],o?o.children.splice(v.current.index,1):t.splice(v.current.index,1),e.onDragDrop&&e.onDragDrop({originalEvent:n.originalEvent,value:t,dragNode:l,dropNode:a,dropIndex:n.index})}},K=function(n){if(M(n)){var t=JSON.parse(JSON.stringify(e.value)),r=v.current.path.split("-");r.pop();var o=n.path.split("-");o.pop();var l=P(t,r),a=P(t,o),i=l?l.children[v.current.index]:t[v.current.index],c=U(v.current.path,n.path);if(l?l.children.splice(v.current.index,1):t.splice(v.current.index,1),n.position<0){var d=c?v.current.index>n.index?n.index:n.index-1:n.index;a?a.children.splice(d,0,i):t.splice(d,0,i)}else a?a.children.push(i):t.push(i);e.onDragDrop&&e.onDragDrop({originalEvent:n.originalEvent,value:t,dragNode:i,dropNode:a,dropIndex:n.index})}},j=function(e,n){return!!e&&(e!==n&&0!==n.indexOf(e))},T=function(e,n){return!!j(e,n)&&!(e.indexOf("-")>0&&e.substring(0,e.lastIndexOf("-"))===n)},M=function(e){return!!j(v.current.path,e.path)&&(-1!==e.position||!U(v.current.path,e.path)||v.current.index+1!==e.index)},U=function(e,n){return 1===e.length&&1===n.length||e.substring(0,e.lastIndexOf("-"))===n.substring(0,n.lastIndexOf("-"))},P=function e(n,t){if(0===t.length)return null;var r=parseInt(t[0],10),o=n.children?n.children[r]:n[r];return 1===t.length?o:(t.shift(),e(o,t))},I=function(e){return!1!==e.leaf&&!(e.children&&e.children.length)},L=function(e){13===e.which&&e.preventDefault()},A=function(n){m.current=!0;var t=n.target.value;e.onFilterValueChange?e.onFilterValueChange({originalEvent:n,value:t}):i(t)},H=function(e){i(t.ObjectUtils.isNotEmpty(e)?e:""),F()},F=function(){if(m.current){if(t.ObjectUtils.isEmpty(b))y.current=e.value;else{y.current=[];var n,r=e.filterBy.split(","),o=b.toLocaleLowerCase(e.filterLocale),l="strict"===e.filterMode,a=k(e.value);try{for(a.s();!(n=a.n()).done;){var i=D({},n.value),c={searchFields:r,filterText:o,isStrictMode:l};(l&&(R(i,c)||J(i,c))||!l&&(J(i,c)||R(i,c)))&&y.current.push(i)}}catch(e){a.e(e)}finally{a.f()}}m.current=!1}},R=function(e,n){if(e){var t=!1;if(e.children){var r=c(i=e.children)||d(i)||s(i)||p();e.children=[];var o,l=k(r);try{for(l.s();!(o=l.n()).done;){var a=D({},o.value);J(a,n)&&(t=!0,e.children.push(a))}}catch(e){l.e(e)}finally{l.f()}}if(t)return e.expanded=!0,!0}var i},J=function(n,r){var o,l=r.searchFields,a=r.filterText,i=r.isStrictMode,c=!1,d=k(l);try{for(d.s();!(o=d.n()).done;){String(t.ObjectUtils.resolveFieldData(n,o.value)).toLocaleLowerCase(e.filterLocale).indexOf(a)>-1&&(c=!0)}}catch(e){d.e(e)}finally{d.f()}return(!c||i&&!I(n))&&(c=R(n,{searchFields:l,filterText:a,isStrictMode:i})||c),c};l.useImperativeHandle(n,(function(){return{filter:H}}));var V=function(n,t,r){return l.createElement(E,{key:n.key||n.label,node:n,index:t,last:r,path:String(t),disabled:e.disabled,selectionMode:e.selectionMode,selectionKeys:e.selectionKeys,onSelectionChange:e.onSelectionChange,metaKeySelection:e.metaKeySelection,contextMenuSelectionKey:e.contextMenuSelectionKey,onContextMenuSelectionChange:e.onContextMenuSelectionChange,onContextMenu:e.onContextMenu,propagateSelectionDown:e.propagateSelectionDown,propagateSelectionUp:e.propagateSelectionUp,onExpand:e.onExpand,onCollapse:e.onCollapse,onSelect:e.onSelect,onUnselect:e.onUnselect,expandedKeys:S,onToggle:x,nodeTemplate:e.nodeTemplate,togglerTemplate:e.togglerTemplate,isNodeLeaf:I,dragdropScope:e.dragdropScope,onDragStart:C,onDragEnd:O,onDrop:N,onDropPoint:K,onClick:e.onNodeClick,onDoubleClick:e.onNodeDoubleClick})},_=function(){e.filter&&(m.current=!0,F());var n=e.filter&&y.current?y.current:e.value;return n.map((function(e,t){return V(e,t,t===n.length-1)}))},B=function(){if(e.filter){var n=t.ObjectUtils.isNotEmpty(b)?b:"";return l.createElement("div",{className:"p-tree-filter-container"},l.createElement("input",{type:"text",value:n,autoComplete:"off",className:"p-tree-filter p-inputtext p-component",placeholder:e.filterPlaceholder,onKeyDown:L,onChange:A,disabled:e.disabled}),l.createElement("span",{className:"p-tree-filter-icon pi pi-search"}))}return null},X=t.ObjectUtils.findDiffKeys(e,w.defaultProps),$=t.classNames("p-tree p-component",e.className,{"p-tree-selectable":e.selectionMode,"p-tree-loading":e.loading,"p-disabled":e.disabled}),z=function(){if(e.loading){var n=t.classNames("p-tree-loading-icon pi-spin",e.loadingIcon);return l.createElement("div",{className:"p-tree-loading-overlay p-component-overlay"},l.createElement("i",{className:n}))}return null}(),Y=function(){if(e.value){var n=_(),r=t.classNames("p-tree-container",e.contentClassName);return l.createElement("ul",{className:r,role:"tree","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,style:e.contentStyle},n)}return null}(),q=function(){if(e.showHeader){var n=B(),r=n;if(e.header)r=t.ObjectUtils.getJSXElement(e.header,{filterContainerClassName:"p-tree-filter-container",filterIconClasssName:"p-tree-filter-icon pi pi-search",filterInput:{className:"p-tree-filter p-inputtext p-component",onKeyDown:L,onChange:A},filterElement:n,element:r,props:e});return l.createElement("div",{className:"p-tree-header"},r)}return null}(),G=function(){var n=t.ObjectUtils.getJSXElement(e.footer,e);return l.createElement("div",{className:"p-tree-footer"},n)}();return l.createElement("div",a({id:e.id,className:$,style:e.style},X),z,q,Y,G)})));return w.displayName="Tree",w.defaultProps={__TYPE:"Tree",id:null,value:null,disabled:!1,selectionMode:null,selectionKeys:null,onSelectionChange:null,contextMenuSelectionKey:null,onContextMenuSelectionChange:null,expandedKeys:null,style:null,className:null,contentStyle:null,contentClassName:null,metaKeySelection:!0,propagateSelectionUp:!0,propagateSelectionDown:!0,loading:!1,loadingIcon:"pi pi-spinner",dragdropScope:null,header:null,footer:null,showHeader:!0,filter:!1,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,nodeTemplate:null,togglerTemplate:null,onSelect:null,onUnselect:null,onExpand:null,onCollapse:null,onToggle:null,onDragDrop:null,onContextMenu:null,onFilterValueChange:null,onNodeClick:null,onNodeDoubleClick:null},e.Tree=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.tree=function(e,n,t,r){"use strict";function o(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var l=o(n);function a(){return a=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},a.apply(this,arguments)}function i(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function c(e){if(Array.isArray(e))return i(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,n){if(e){if("string"==typeof e)return i(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?i(e,n):void 0}}function p(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function f(e){if(Array.isArray(e))return e}function g(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l=[],a=!0,i=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==t.return||t.return()}finally{if(i)throw o}}return l}}function y(){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 h(e,n){return f(e)||g(e,n)||s(e,n)||y()}function m(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=v(e))||n&&e&&"number"==typeof e.length){t&&(e=t);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}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 l,a=!0,i=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return a=e.done,e},e:function(e){i=!0,l=e},f:function(){try{a||null==t.return||t.return()}finally{if(i)throw l}}}}function v(e,n){if(e){if("string"==typeof e)return b(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?b(e,n):void 0}}function b(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function S(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function x(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){u(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var E=l.memo((function(e){var n,o,a,i=l.useRef(null),c=l.useRef(!1),d=e.isNodeLeaf(e.node),s=!!e.expandedKeys&&void 0!==e.expandedKeys[e.node.key]||e.node.expanded,p=function(n){var t=e.expandedKeys?x({},e.expandedKeys):{};t[e.node.key]=!0,e.onToggle({originalEvent:n,value:t}),g(n,!0)},u=function(n){var t=x({},e.expandedKeys);delete t[e.node.key],e.onToggle({originalEvent:n,value:t}),g(n,!1)},f=function(n){e.disabled||(s?u(n):p(n),n.preventDefault(),n.stopPropagation())},g=function(n,t){t?e.onExpand&&e.onExpand({originalEvent:n,node:e.node}):e.onCollapse&&e.onCollapse({originalEvent:n,node:e.node})},y=function(n){if(!e.disabled){var r=n.target.parentElement;if(t.DomHandler.hasClass(r,"p-treenode"))switch(n.which){case 40:var o=r.children[1];if(o)S(o.children[0]);else{for(var l=r.nextElementSibling;l&&t.DomHandler.hasClass(l,"p-treenode-droppoint");)l=l.nextElementSibling;if(l)S(l);else{var a=h(r);a&&S(a)}}n.preventDefault();break;case 38:if(r.previousElementSibling)S(v(r.previousElementSibling));else{var i=b(r);i&&S(i)}n.preventDefault();break;case 39:s||p(n),n.preventDefault();break;case 37:s&&u(n),n.preventDefault();break;case 13:C(n),n.preventDefault()}}},h=function e(n){var t=b(n);return t?t.nextElementSibling||e(t):null},v=function e(n){var t=n.children[1];return t?e(t.children[t.children.length-1]):n},b=function(e){var n=e.parentElement.parentElement;return t.DomHandler.hasClass(n,"p-treenode")?n:null},S=function(e){e&&e.children[0]&&e.children[0].focus()},C=function(n){e.onClick&&e.onClick({originalEvent:n,node:e.node});var r=n.target.nodeName;if(!e.disabled&&"INPUT"!==r&&"BUTTON"!==r&&"A"!==r&&!t.DomHandler.hasClass(n.target,"p-clickable")){if(e.selectionMode&&!1!==e.node.selectable){var o;if(M()){var l=K();o=e.selectionKeys?x({},e.selectionKeys):{},l?(e.propagateSelectionDown?N(e.node,!1,o):delete o[e.node.key],e.propagateSelectionUp&&e.onPropagateUp&&e.onPropagateUp({originalEvent:n,check:!1,selectionKeys:o}),e.onUnselect&&e.onUnselect({originalEvent:n,node:e.node})):(e.propagateSelectionDown?N(e.node,!0,o):o[e.node.key]={checked:!0},e.propagateSelectionUp&&e.onPropagateUp&&e.onPropagateUp({originalEvent:n,check:!0,selectionKeys:o}),e.onSelect&&e.onSelect({originalEvent:n,node:e.node}))}else{var a=w();if(!c.current&&e.metaKeySelection){var i=n.metaKey||n.ctrlKey;a&&i?(T()?o=null:delete(o=x({},e.selectionKeys))[e.node.key],e.onUnselect&&e.onUnselect({originalEvent:n,node:e.node})):(T()?o=e.node.key:j()&&((o=i&&e.selectionKeys?x({},e.selectionKeys):{})[e.node.key]=!0),e.onSelect&&e.onSelect({originalEvent:n,node:e.node}))}else T()?a?(o=null,e.onUnselect&&e.onUnselect({originalEvent:n,node:e.node})):(o=e.node.key,e.onSelect&&e.onSelect({originalEvent:n,node:e.node})):a?(delete(o=x({},e.selectionKeys))[e.node.key],e.onUnselect&&e.onUnselect({originalEvent:n,node:e.node})):((o=e.selectionKeys?x({},e.selectionKeys):{})[e.node.key]=!0,e.onSelect&&e.onSelect({originalEvent:n,node:e.node}))}e.onSelectionChange&&e.onSelectionChange({originalEvent:n,value:o})}c.current=!1}},D=function(n){e.onDoubleClick&&e.onDoubleClick({originalEvent:n,node:e.node})},k=function(n){e.disabled||(t.DomHandler.clearSelection(),e.onContextMenuSelectionChange&&e.onContextMenuSelectionChange({originalEvent:n,value:e.node.key}),e.onContextMenu&&e.onContextMenu({originalEvent:n,node:e.node}))},O=function(n){var t,r=n.check,o=n.selectionKeys,l=0,a=!1,i=m(e.node.children);try{for(i.s();!(t=i.n()).done;){var c=t.value;o[c.key]&&o[c.key].checked?l++:o[c.key]&&o[c.key].partialChecked&&(a=!0)}}catch(e){i.e(e)}finally{i.f()}r&&l===e.node.children.length?o[e.node.key]={checked:!0,partialChecked:!1}:(r||delete o[e.node.key],a||l>0&&l!==e.node.children.length?o[e.node.key]={checked:!1,partialChecked:!0}:delete o[e.node.key]),e.propagateSelectionUp&&e.onPropagateUp&&e.onPropagateUp(n)},N=function e(n,t,r){if(t?r[n.key]={checked:!0,partialChecked:!1}:delete r[n.key],n.children&&n.children.length)for(var o=0;o<n.children.length;o++)e(n.children[o],t,r)},w=function(){return!(!e.selectionMode||!e.selectionKeys)&&(T()?e.selectionKeys===e.node.key:void 0!==e.selectionKeys[e.node.key])},K=function(){return!!e.selectionKeys&&(e.selectionKeys[e.node.key]&&e.selectionKeys[e.node.key].checked)},T=function(){return e.selectionMode&&"single"===e.selectionMode},j=function(){return e.selectionMode&&"multiple"===e.selectionMode},M=function(){return e.selectionMode&&"checkbox"===e.selectionMode},U=function(){c.current=!0},P=function(n,r){(n.preventDefault(),!1!==e.node.droppable)&&(t.DomHandler.removeClass(n.target,"p-treenode-droppoint-active"),e.onDropPoint&&e.onDropPoint({originalEvent:n,path:e.path,index:-1===r?e.index:e.index+1,position:r}))},I=function(n){n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&(n.dataTransfer.dropEffect="move",n.preventDefault())},L=function(n){n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&t.DomHandler.addClass(n.target,"p-treenode-droppoint-active")},A=function(n){n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&t.DomHandler.removeClass(n.target,"p-treenode-droppoint-active")},H=function(n){e.dragdropScope&&!1!==e.node.droppable&&(t.DomHandler.removeClass(i.current,"p-treenode-dragover"),n.preventDefault(),n.stopPropagation(),e.onDrop&&e.onDrop({originalEvent:n,path:e.path,index:e.index}))},F=function(n){n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&!1!==e.node.droppable&&(n.dataTransfer.dropEffect="move",n.preventDefault(),n.stopPropagation())},R=function(n){n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&!1!==e.node.droppable&&t.DomHandler.addClass(i.current,"p-treenode-dragover")},J=function(n){if(n.dataTransfer.types[1]===e.dragdropScope.toLocaleLowerCase()&&!1!==e.node.droppable){var r=n.currentTarget.getBoundingClientRect();(n.nativeEvent.x>r.left+r.width||n.nativeEvent.x<r.left||n.nativeEvent.y>=Math.floor(r.top+r.height)||n.nativeEvent.y<r.top)&&t.DomHandler.removeClass(i.current,"p-treenode-dragover")}},V=function(n){n.dataTransfer.setData("text",e.dragdropScope),n.dataTransfer.setData(e.dragdropScope,e.dragdropScope),e.onDragStart&&e.onDragStart({originalEvent:n,path:e.path,index:e.index})},_=function(n){e.onDragEnd&&e.onDragEnd({originalEvent:n})},B=function(){var n=l.createElement("span",{className:"p-treenode-label"},e.node.label);e.nodeTemplate&&(n=t.ObjectUtils.getJSXElement(e.nodeTemplate,e.node,{onTogglerClick:f,className:"p-treenode-label",element:n,props:e,expanded:s}));return n},X=function(){if(M()&&!1!==e.node.selectable){var n=K(),r=!!e.selectionKeys&&e.selectionKeys[e.node.key]&&e.selectionKeys[e.node.key].partialChecked,o=t.classNames("p-checkbox-box",{"p-highlight":n,"p-indeterminate":r,"p-disabled":e.disabled}),a=t.classNames("p-checkbox-icon p-c",{"pi pi-check":n,"pi pi-minus":r});return l.createElement("div",{className:"p-checkbox p-component"},l.createElement("div",{className:o,role:"checkbox","aria-checked":n},l.createElement("span",{className:a})))}return null},$=function(){var n=e.node.icon||(s?e.node.expandedIcon:e.node.collapsedIcon);if(n){var r=t.classNames("p-treenode-icon",n);return l.createElement("span",{className:r})}return null},z=function(){var n=t.classNames("p-tree-toggler-icon pi pi-fw",{"pi-chevron-right":!s,"pi-chevron-down":s}),o=l.createElement("button",{type:"button",className:"p-tree-toggler p-link",tabIndex:-1,onClick:f},l.createElement("span",{className:n}),l.createElement(r.Ripple,null));e.togglerTemplate&&(o=t.ObjectUtils.getJSXElement(e.togglerTemplate,e.node,{onClick:f,containerClassName:"p-tree-toggler p-link",iconClassName:"p-tree-toggler-icon",element:o,props:e,expanded:s}));return o},Y=function(n){return e.dragdropScope?l.createElement("li",{className:"p-treenode-droppoint",onDrop:function(e){return P(e,n)},onDragOver:I,onDragEnter:L,onDragLeave:A}):null},q=function(){var n=w(),r=K(),o=t.classNames("p-treenode-content",e.node.className,{"p-treenode-selectable":e.selectionMode&&!1!==e.node.selectable,"p-highlight":M()?r:n,"p-highlight-contextmenu":e.contextMenuSelectionKey&&e.contextMenuSelectionKey===e.node.key,"p-disabled":e.disabled}),a=z(),c=X(),d=$(),p=B();return l.createElement("div",{ref:i,className:o,style:e.node.style,onClick:C,onDoubleClick:D,onContextMenu:k,onTouchEnd:U,draggable:e.dragdropScope&&!1!==e.node.draggable&&!e.disabled,onDrop:H,onDragOver:F,onDragEnter:R,onDragLeave:J,onDragStart:V,onDragEnd:_,tabIndex:e.disabled?void 0:0,onKeyDown:y,role:"treeitem","aria-posinset":e.index+1,"aria-expanded":s,"aria-selected":r||n},a,c,d,p)},G=(n=t.classNames("p-treenode",{"p-treenode-leaf":d},e.node.className),o=q(),a=t.ObjectUtils.isNotEmpty(e.node.children)&&s?l.createElement("ul",{className:"p-treenode-children",role:"group"},e.node.children.map((function(n,t){return l.createElement(E,{key:n.key||n.label,node:n,parent:e.node,index:t,last:t===e.node.children.length-1,path:e.path+"-"+t,disabled:e.disabled,selectionMode:e.selectionMode,selectionKeys:e.selectionKeys,onSelectionChange:e.onSelectionChange,metaKeySelection:e.metaKeySelection,propagateSelectionDown:e.propagateSelectionDown,propagateSelectionUp:e.propagateSelectionUp,contextMenuSelectionKey:e.contextMenuSelectionKey,onContextMenuSelectionChange:e.onContextMenuSelectionChange,onContextMenu:e.onContextMenu,onExpand:e.onExpand,onCollapse:e.onCollapse,onSelect:e.onSelect,onUnselect:e.onUnselect,onClick:e.onClick,onDoubleClick:e.onDoubleClick,expandedKeys:e.expandedKeys,onToggle:e.onToggle,onPropagateUp:O,nodeTemplate:e.nodeTemplate,togglerTemplate:e.togglerTemplate,isNodeLeaf:e.isNodeLeaf,dragdropScope:e.dragdropScope,onDragStart:e.onDragStart,onDragEnd:e.onDragEnd,onDrop:e.onDrop,onDropPoint:e.onDropPoint})}))):null,l.createElement("li",{className:n,style:e.node.style},o,a));if(e.dragdropScope&&!e.disabled){var Q=Y(-1),W=e.last?Y(1):null;return l.createElement(l.Fragment,null,Q,G,W)}return G}));function C(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){u(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function k(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=O(e))||n&&e&&"number"==typeof e.length){t&&(e=t);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}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 l,a=!0,i=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return a=e.done,e},e:function(e){i=!0,l=e},f:function(){try{a||null==t.return||t.return()}finally{if(i)throw l}}}}function O(e,n){if(e){if("string"==typeof e)return N(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?N(e,n):void 0}}function N(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}E.displayName="UITreeNode";var w=l.memo(l.forwardRef((function(e,n){var r=h(l.useState(""),2),o=r[0],i=r[1],u=h(l.useState(e.expandedKeys),2),f=u[0],g=u[1],y=l.useRef(null),m=l.useRef([]),v=l.useRef(null),b=l.useRef(!1),S=e.onFilterValueChange?e.filterValue:o,x=e.onToggle?e.expandedKeys:f,C={filter:function(e){return F(e)},reset:function(){return B()}},O=function(n){e.onToggle?e.onToggle(n):g(n.value)},N=function(e){v.current={path:e.path,index:e.index}},K=function(){v.current=null},T=function(n){if(U(v.current.path,n.path)){var t=JSON.parse(JSON.stringify(e.value)),r=v.current.path.split("-");r.pop();var o=L(t,r),l=o?o.children[v.current.index]:t[v.current.index],a=L(t,n.path.split("-"));a.children?a.children.push(l):a.children=[l],o?o.children.splice(v.current.index,1):t.splice(v.current.index,1),e.onDragDrop&&e.onDragDrop({originalEvent:n.originalEvent,value:t,dragNode:l,dropNode:a,dropIndex:n.index})}},j=function(n){if(P(n)){var t=JSON.parse(JSON.stringify(e.value)),r=v.current.path.split("-");r.pop();var o=n.path.split("-");o.pop();var l=L(t,r),a=L(t,o),i=l?l.children[v.current.index]:t[v.current.index],c=I(v.current.path,n.path);if(l?l.children.splice(v.current.index,1):t.splice(v.current.index,1),n.position<0){var d=c?v.current.index>n.index?n.index:n.index-1:n.index;a?a.children.splice(d,0,i):t.splice(d,0,i)}else a?a.children.push(i):t.push(i);e.onDragDrop&&e.onDragDrop({originalEvent:n.originalEvent,value:t,dragNode:i,dropNode:a,dropIndex:n.index})}},M=function(e,n){return!!e&&(e!==n&&0!==n.indexOf(e))},U=function(e,n){return!!M(e,n)&&!(e.indexOf("-")>0&&e.substring(0,e.lastIndexOf("-"))===n)},P=function(e){return!!M(v.current.path,e.path)&&(-1!==e.position||!I(v.current.path,e.path)||v.current.index+1!==e.index)},I=function(e,n){return 1===e.length&&1===n.length||e.substring(0,e.lastIndexOf("-"))===n.substring(0,n.lastIndexOf("-"))},L=function e(n,t){if(0===t.length)return null;var r=parseInt(t[0],10),o=n.children?n.children[r]:n[r];return 1===t.length?o:(t.shift(),e(o,t))},A=function(e){return!1!==e.leaf&&!(e.children&&e.children.length)},H=function(e){13===e.which&&e.preventDefault()},F=function(n){b.current=!0;var t=n.target.value;e.onFilterValueChange?e.onFilterValueChange({originalEvent:n,value:t}):i(t)},R=function(e){i(t.ObjectUtils.isNotEmpty(e)?e:""),J()},J=function(){if(b.current){if(t.ObjectUtils.isEmpty(S))m.current=e.value;else{m.current=[];var n,r=e.filterBy.split(","),o=S.toLocaleLowerCase(e.filterLocale),l="strict"===e.filterMode,a=k(e.value);try{for(a.s();!(n=a.n()).done;){var i=D({},n.value),c={searchFields:r,filterText:o,isStrictMode:l};(l&&(V(i,c)||_(i,c))||!l&&(_(i,c)||V(i,c)))&&m.current.push(i)}}catch(e){a.e(e)}finally{a.f()}}b.current=!1}},V=function(e,n){if(e){var t=!1;if(e.children){var r=c(i=e.children)||d(i)||s(i)||p();e.children=[];var o,l=k(r);try{for(l.s();!(o=l.n()).done;){var a=D({},o.value);_(a,n)&&(t=!0,e.children.push(a))}}catch(e){l.e(e)}finally{l.f()}}if(t)return e.expanded=!0,!0}var i},_=function(n,r){var o,l=r.searchFields,a=r.filterText,i=r.isStrictMode,c=!1,d=k(l);try{for(d.s();!(o=d.n()).done;){String(t.ObjectUtils.resolveFieldData(n,o.value)).toLocaleLowerCase(e.filterLocale).indexOf(a)>-1&&(c=!0)}}catch(e){d.e(e)}finally{d.f()}return(!c||i&&!A(n))&&(c=V(n,{searchFields:l,filterText:a,isStrictMode:i})||c),c},B=function(){i("")};l.useImperativeHandle(n,(function(){return{props:e,filter:R,getElement:function(){return y.current}}}));var X=function(n,t,r){return l.createElement(E,{key:n.key||n.label,node:n,index:t,last:r,path:String(t),disabled:e.disabled,selectionMode:e.selectionMode,selectionKeys:e.selectionKeys,onSelectionChange:e.onSelectionChange,metaKeySelection:e.metaKeySelection,contextMenuSelectionKey:e.contextMenuSelectionKey,onContextMenuSelectionChange:e.onContextMenuSelectionChange,onContextMenu:e.onContextMenu,propagateSelectionDown:e.propagateSelectionDown,propagateSelectionUp:e.propagateSelectionUp,onExpand:e.onExpand,onCollapse:e.onCollapse,onSelect:e.onSelect,onUnselect:e.onUnselect,expandedKeys:x,onToggle:O,nodeTemplate:e.nodeTemplate,togglerTemplate:e.togglerTemplate,isNodeLeaf:A,dragdropScope:e.dragdropScope,onDragStart:N,onDragEnd:K,onDrop:T,onDropPoint:j,onClick:e.onNodeClick,onDoubleClick:e.onNodeDoubleClick})},$=function(){e.filter&&(b.current=!0,J());var n=e.filter&&m.current?m.current:e.value;return n.map((function(e,t){return X(e,t,t===n.length-1)}))},z=function(){if(e.filter){var n=t.ObjectUtils.isNotEmpty(S)?S:"",r=l.createElement("div",{className:"p-tree-filter-container"},l.createElement("input",{type:"text",value:n,autoComplete:"off",className:"p-tree-filter p-inputtext p-component",placeholder:e.filterPlaceholder,onKeyDown:H,onChange:F,disabled:e.disabled}),l.createElement("span",{className:"p-tree-filter-icon pi pi-search"}));if(e.filterTemplate)r=t.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-tree-filter-container",element:r,filterOptions:C,filterInputKeyDown:H,filterInputChange:F,filterIconClassName:"p-dropdown-filter-icon pi pi-search",props:e});return l.createElement(l.Fragment,null,r)}return null},Y=t.ObjectUtils.findDiffKeys(e,w.defaultProps),q=t.classNames("p-tree p-component",e.className,{"p-tree-selectable":e.selectionMode,"p-tree-loading":e.loading,"p-disabled":e.disabled}),G=function(){if(e.loading){var n=t.classNames("p-tree-loading-icon pi-spin",e.loadingIcon);return l.createElement("div",{className:"p-tree-loading-overlay p-component-overlay"},l.createElement("i",{className:n}))}return null}(),Q=function(){if(e.value){var n=$(),r=t.classNames("p-tree-container",e.contentClassName);return l.createElement("ul",{className:r,role:"tree","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,style:e.contentStyle},n)}return null}(),W=function(){if(e.showHeader){var n=z(),r=n;if(e.header)r=t.ObjectUtils.getJSXElement(e.header,{filterContainerClassName:"p-tree-filter-container",filterIconClasssName:"p-tree-filter-icon pi pi-search",filterInput:{className:"p-tree-filter p-inputtext p-component",onKeyDown:H,onChange:F},filterElement:n,element:r,props:e});return l.createElement("div",{className:"p-tree-header"},r)}return null}(),Z=function(){var n=t.ObjectUtils.getJSXElement(e.footer,e);return l.createElement("div",{className:"p-tree-footer"},n)}();return l.createElement("div",a({id:e.id,ref:y,className:q,style:e.style},Y),G,W,Q,Z)})));return w.displayName="Tree",w.defaultProps={__TYPE:"Tree",id:null,value:null,disabled:!1,selectionMode:null,selectionKeys:null,onSelectionChange:null,contextMenuSelectionKey:null,onContextMenuSelectionChange:null,expandedKeys:null,style:null,className:null,contentStyle:null,contentClassName:null,metaKeySelection:!0,propagateSelectionUp:!0,propagateSelectionDown:!0,loading:!1,loadingIcon:"pi pi-spinner",dragdropScope:null,header:null,footer:null,showHeader:!0,filter:!1,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterTemplate:null,nodeTemplate:null,togglerTemplate:null,onSelect:null,onUnselect:null,onExpand:null,onCollapse:null,onToggle:null,onDragDrop:null,onContextMenu:null,onFilterValueChange:null,onNodeClick:null,onNodeDoubleClick:null},e.Tree=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.ripple);

package/treeselect/treeselect.cjs.js

@@ -210,6 +210,14 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   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,
@@ -248,7 +256,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
 
   var onClick = function onClick(event) {
     if (!props.disabled && (!overlayRef.current || !overlayRef.current.contains(event.target)) && !utils.DomHandler.hasClass(event.target, 'p-treeselect-close')) {
-      focusInputRef.current.focus();
+      utils.DomHandler.focus(focusInputRef.current);
       overlayVisibleState ? hide() : show();
     }
   };
@@ -364,7 +372,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     bindOverlayListener();
 
     if (props.filter && props.filterInputAutoFocus) {
-      filterInputRef.current.focus();
+      utils.DomHandler.focus(filterInputRef.current, props.filterInputAutoFocus);
     }
 
     props.onShow && props.onShow();
@@ -523,6 +531,14 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     return selectedNodes;
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   hooks.useMountEffect(function () {
     updateTreeState();
   });
@@ -645,7 +661,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   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,
@@ -660,9 +676,22 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       }), /*#__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() {
@@ -696,7 +725,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   };
 
   var createFooter = function createFooter() {
-    return utils.ObjectUtils.getJSXElement(props.footer, props);
+    return utils.ObjectUtils.getJSXElement(props.panelFooterTemplate, props);
   };
 
   var selectedNodes = getSelectedNodes();
@@ -767,6 +796,7 @@ TreeSelect.defaultProps = {
   transitionOptions: null,
   dropdownIcon: 'pi pi-chevron-down',
   filter: false,
+  filterTemplate: null,
   filterValue: null,
   filterBy: 'label',
   filterMode: 'lenient',

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],T=p.useRef(null),I=p.useRef(null),P=p.useRef(null),U=p.useRef(null),H=p.useRef(null),M=p.useRef(null),D=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:T,overlay:I,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&&(M.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(I.current,H.current.parentElement,e.appendTo||f.default.appendTo)},le=function(){var e=o.DomHandler.findSingle(I.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&&(M.current||oe(),M.current=!1)}),[e.value]),n.useUnmountEffect((function(){o.ZIndexUtils.clear(I.current)}));var ue,se=function(){if(e.filter){var t=o.ObjectUtils.isNotEmpty(D)?D:"";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:D,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:T,className:de,style:e.style},fe,{onClick:function(t){e.disabled||I.current&&I.current.contains(t.target)||o.DomHandler.hasClass(t.target,"p-treeselect-close")||(U.current.focus(),v?Z():B())}}),me,ye,ve,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:be,footer:ge,transitionOptions:e.transitionOptions,in:v,onEnter:function(){o.ZIndexUtils.set("overlay",I.current,f.default.autoZIndex,f.default.zIndex.overlay),ne(),le()},onEntered:function(){K(),e.filter&&e.filterInputAutoFocus&&P.current.focus(),e.onShow&&e.onShow()},onExit:function(){L()},onExited:function(){e.filter&&e.resetFilterOnHide&&C(""),o.ZIndexUtils.clear(I.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({}),2),g=b[0],N=b[1],j=E(p.useState(""),2),x=j[0],k=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),F=e.onFilterValueChange?e.filterValue:x,M=o.ObjectUtils.isEmpty(e.value),A=o.ObjectUtils.isEmpty(e.options),K="single"===e.selectionMode,R="checkbox"===e.selectionMode,V={filter:function(e){return ne(e)},reset:function(){return le()}},q=E(n.useOverlayListener({target:I,overlay:T,listener:function(e,t){t.valid&&X()},when:v}),2),L=q[0],_=q[1],B=function(){return de.length?de.map((function(e){return e.label})).join(", "):e.placeholder},J=function(){h(!0)},X=function(){h(!1)},Z=function(){s(!0)},z=function(){s(!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),K&&X()},G=function(t){e.onNodeUnselect&&e.onNodeUnselect(t)},Q=function(e){N(e.value)},W=function(e){k(e.value)},ee=function(e){switch(e.which){case 40:!v&&e.altKey&&J();break;case 32:v||(J(),e.preventDefault());break;case 13:case 27:v&&(X(),e.preventDefault());break;case 9:X()}},te=function(e){13===e.which&&e.preventDefault()},ne=function(t){var n=t.target.value;e.onFilterValueChange?e.onFilterValueChange({originalEvent:t,value:n}):k(n)},le=function(){k("")},re=function(){o.DomHandler.alignOverlay(T.current,H.current.parentElement,e.appendTo||f.default.appendTo)},ae=function(){var e=o.DomHandler.findSingle(T.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},oe=function t(n,l,r){if(n){if(ie(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()}}},ie=function(e,t){return R?t[e.key]&&t[e.key].checked:t[e.key]},ce=function(){var t=K?m({},"".concat(e.value),!0):S({},e.value);N({}),t&&e.options&&ue(null,null,t)},ue=function t(n,l,r){if(n){if(ie(n,r)&&(se(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()}}},se=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 I.current}}})),n.useMountEffect((function(){ce()})),n.useUpdateEffect((function(){v&&e.filter&&re()})),n.useUpdateEffect((function(){ce()}),[e.options]),n.useUpdateEffect((function(){v&&g&&re()}),[g]),n.useUpdateEffect((function(){v&&(D.current||ce(),D.current=!1)}),[e.value]),n.useUnmountEffect((function(){o.ZIndexUtils.clear(T.current)}));var pe,fe=function(){if(e.filter){var t=o.ObjectUtils.isNotEmpty(F)?F:"",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:te,onChange:ne,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:V,filterInputKeyDown:te,filterInputChange:ne,filterIconClassName:"p-dropdown-filter-icon pi pi-search",props:e});return p.createElement(p.Fragment,null,n)}},de=function(){var t=[];if(o.ObjectUtils.isNotEmpty(e.value)&&e.options){var n=K?m({},"".concat(e.value),!0):S({},e.value);oe(null,n,t)}return t}(),me=o.ObjectUtils.findDiffKeys(e,C.defaultProps),ye=o.classNames("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===e.display,"p-disabled":e.disabled,"p-focus":u,"p-inputwrapper-filled":!M,"p-inputwrapper-focus":u||v},e.className),ve=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:z,onKeyDown:ee,disabled:e.disabled,tabIndex:e.tabIndex,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy})),he=function(){var t=o.classNames("p-treeselect-label",{"p-placeholder":B()===e.placeholder,"p-treeselect-label-empty":!e.placeholder&&M}),n=null;return e.valueTemplate?n=o.ObjectUtils.getJSXElement(e.valueTemplate,de,e):"comma"===e.display?n=B()||"empty":"chip"===e.display&&(n=p.createElement(p.Fragment,null,de&&de.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))})),M&&(e.placeholder||"empty"))),p.createElement("div",{className:"p-treeselect-label-container"},p.createElement("div",{className:t},n))}(),be=(pe=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:pe}))),ge=p.createElement(p.Fragment,null,p.createElement(a.Tree,{value:e.options,selectionMode:e.selectionMode,selectionKeys:e.value,metaKeySelection:e.metaKeySelection,onSelectionChange:$,onSelect:Y,onUnselect:G,expandedKeys:g,onToggle:Q,onExpand:e.onNodeExpand,onCollapse:e.onNodeCollapse,filter:e.filter,filterValue:F,filterBy:e.filterBy,filterMode:e.filterMode,filterPlaceholder:e.filterPlaceholder,filterLocale:e.filterLocale,showHeader:!1,onFilterValueChange:W}),A&&p.createElement("div",{className:"p-treeselect-empty-message"},e.emptyMessage||t.localeOption("emptyMessage"))),Ee=function(){var t=fe(),n=p.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:X},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:X,element:l,props:e}):l}(),Oe=o.ObjectUtils.getJSXElement(e.panelFooterTemplate,e);return p.createElement("div",d({id:e.id,ref:I,className:ye,style:e.style},me,{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?X():J())}}),ve,he,be,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:Ee,footer:Oe,transitionOptions:e.transitionOptions,in:v,onEnter:function(){o.ZIndexUtils.set("overlay",T.current,f.default.autoZIndex,f.default.zIndex.overlay),re(),ae()},onEntered:function(){L(),e.filter&&e.filterInputAutoFocus&&o.DomHandler.focus(P.current,e.filterInputAutoFocus),e.onShow&&e.onShow()},onExit:function(){_()},onExited:function(){e.filter&&e.resetFilterOnHide&&le(),o.ZIndexUtils.clear(T.current),e.onHide&&e.onHide()}},ge))})));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,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

@@ -13,6 +13,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 +57,9 @@ interface TreeSelectCheckboxSelectionKeyType {
     partialChecked?: boolean;
 }
 
-interface TreeSelectEventNodeParams extends TreeEventNodeParams {
+interface TreeSelectEventNodeParams {
+    originalEvent: React.SyntheticEvent;
+    node: TreeNode;
 }
 
 interface TreeSelectFilterValueChangeParams {
@@ -63,17 +67,18 @@ interface TreeSelectFilterValueChangeParams {
     value: string;
 }
 
+interface TreeSelectFilterOptions {
+    filter?: (event?: KeyboardEvent) => void;
+    reset?: () => void;
+}
+
 export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange'|'value' | 'ref'> {
-    id?: string;
     value?: TreeSelectSelectionKeys;
     name?: string;
-    style?: object;
-    className?: string;
     disabled?: boolean;
     options?: TreeNode[];
     scrollHeight?: string;
     placeholder?: string;
-    tabIndex?: number;
     inputId?: string;
     ariaLabel?: string;
     ariaLabelledBy?: string;
@@ -87,6 +92,7 @@ export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.Inpu
     valueTemplate?: TreeSelectValueTemplateType;
     panelHeaderTemplate?: TreeSelectPanelHeaderTemplateType;
     panelFooterTemplate?: TreeSelectPanelFooterTemplateType;
+    filterTemplate?: TreeSelectFilterTemplateType;
     transitionOptions?: CSSTransitionProps;
     dropdownIcon?: string;
     filter?: boolean;
@@ -108,4 +114,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

@@ -183,6 +183,14 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   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,
@@ -221,7 +229,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 
   var onClick = function onClick(event) {
     if (!props.disabled && (!overlayRef.current || !overlayRef.current.contains(event.target)) && !DomHandler.hasClass(event.target, 'p-treeselect-close')) {
-      focusInputRef.current.focus();
+      DomHandler.focus(focusInputRef.current);
       overlayVisibleState ? hide() : show();
     }
   };
@@ -337,7 +345,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     bindOverlayListener();
 
     if (props.filter && props.filterInputAutoFocus) {
-      filterInputRef.current.focus();
+      DomHandler.focus(filterInputRef.current, props.filterInputAutoFocus);
     }
 
     props.onShow && props.onShow();
@@ -496,6 +504,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();
   });
@@ -618,7 +634,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 +649,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 +698,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();
@@ -740,6 +769,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 T(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?T(e,t):void 0}}function T(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 I=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),T=j[0],P=j[1],A=S(e.useState(""),2),H=A[0],F=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:H,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){F(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}):F(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({},T||{}),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&&T&&ce()}),[T]),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,I.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:T,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")||(K.current.focus(),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&&V.current.focus(),m.onShow&&m.onShow()},onExit:function(){Y()},onExited:function(){m.filter&&m.resetFilterOnHide&&F(""),f.clear(D.current),m.onHide&&m.onHide()}},Se))})));I.displayName="TreeSelect",I.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{I 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 m}from"primereact/utils";import{CSSTransition as d}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(d,{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 C(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 k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function x(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=I(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 I(e,t){if(e){if("string"==typeof e)return T(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?T(e,t):void 0}}function T(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(d,y){var g=S(e.useState(!1),2),b=g[0],E=g[1],N=S(e.useState(!1),2),w=N[0],C=N[1],I=S(e.useState({}),2),T=I[0],P=I[1],F=S(e.useState(""),2),A=F[0],H=F[1],M=e.useRef(null),D=e.useRef(null),K=e.useRef(null),V=e.useRef(null),R=e.useRef(null),L=e.useRef(null),B=d.onFilterValueChange?d.filterValue:A,U=p.isEmpty(d.value),J=p.isEmpty(d.options),X="single"===d.selectionMode,_="checkbox"===d.selectionMode,$={filter:function(e){return ce(e)},reset:function(){return ue()}},z=S(l({target:M,overlay:D,listener:function(e,t){t.valid&&Q()},when:w}),2),Y=z[0],Z=z[1],q=function(){return be.length?be.map((function(e){return e.label})).join(", "):d.placeholder},G=function(){C(!0)},Q=function(){C(!1)},W=function(){E(!0)},ee=function(){E(!1)},te=function(e){d.onChange&&(L.current=!0,d.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){},preventDefault:function(){},target:{name:d.name,id:d.id,value:e.value}}))},ne=function(e){d.onNodeSelect&&d.onNodeSelect(e),X&&Q()},le=function(e){d.onNodeUnselect&&d.onNodeUnselect(e)},re=function(e){P(e.value)},ae=function(e){H(e.value)},oe=function(e){switch(e.which){case 40:!w&&e.altKey&&G();break;case 32:w||(G(),e.preventDefault());break;case 13:case 27:w&&(Q(),e.preventDefault());break;case 9:Q()}},ie=function(e){13===e.which&&e.preventDefault()},ce=function(e){var t=e.target.value;d.onFilterValueChange?d.onFilterValueChange({originalEvent:e,value:t}):H(t)},ue=function(){H("")},se=function(){m.alignOverlay(D.current,R.current.parentElement,d.appendTo||t.appendTo)},pe=function(){var e=m.findSingle(D.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},fe=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=x(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=x(d.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]},de=function(){var e=X?h({},"".concat(d.value),!0):k({},d.value);P({}),e&&d.options&&ye(null,null,e)},ye=function e(t,n,l){if(t){if(me(t,l)&&(ve(n),delete l[t.key]),Object.keys(l).length&&t.children){var r,a=x(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=x(d.options);try{for(c.s();!(i=c.n()).done;){e(i.value,[],l)}}catch(e){c.e(e)}finally{c.f()}}},ve=function(e){if(e.length>0){var t,n=k({},T||{}),l=x(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:d,getElement:function(){return M.current}}})),r((function(){de()})),a((function(){w&&d.filter&&se()})),a((function(){de()}),[d.options]),a((function(){w&&T&&se()}),[T]),a((function(){w&&(L.current||de(),L.current=!1)}),[d.value]),o((function(){f.clear(D.current)}));var he,ge=function(){if(d.filter){var t=p.isNotEmpty(B)?B:"",n=e.createElement("div",{className:"p-treeselect-filter-container"},e.createElement("input",{ref:K,type:"text",value:t,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:d.filterPlaceholder,onKeyDown:ie,onChange:ce,disabled:d.disabled}),e.createElement("span",{className:"p-treeselect-filter-icon pi pi-search"}));if(d.filterTemplate)n=p.getJSXElement(d.filterTemplate,{className:"p-treeselect-filter-container",element:n,filterOptions:$,filterInputKeyDown:ie,filterInputChange:ce,filterIconClassName:"p-dropdown-filter-icon pi pi-search",props:d});return e.createElement(e.Fragment,null,n)}},be=function(){var e=[];if(p.isNotEmpty(d.value)&&d.options){var t=X?h({},"".concat(d.value),!0):k({},d.value);fe(null,t,e)}return e}(),Ee=p.findDiffKeys(d,j.defaultProps),Ne=s("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===d.display,"p-disabled":d.disabled,"p-focus":b,"p-inputwrapper-filled":!U,"p-inputwrapper-focus":b||w},d.className),we=e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:V,role:"listbox",id:d.inputId,type:"text",readOnly:!0,"aria-expanded":w,onFocus:W,onBlur:ee,onKeyDown:oe,disabled:d.disabled,tabIndex:d.tabIndex,"aria-label":d.ariaLabel,"aria-labelledby":d.ariaLabelledBy})),Se=function(){var t=s("p-treeselect-label",{"p-placeholder":q()===d.placeholder,"p-treeselect-label-empty":!d.placeholder&&U}),n=null;return d.valueTemplate?n=p.getJSXElement(d.valueTemplate,be,d):"comma"===d.display?n=q()||"empty":"chip"===d.display&&(n=e.createElement(e.Fragment,null,be&&be.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&&(d.placeholder||"empty"))),e.createElement("div",{className:"p-treeselect-label-container"},e.createElement("div",{className:t},n))}(),Oe=(he=s("p-treeselect-trigger-icon p-clickable",d.dropdownIcon),e.createElement("div",{ref:R,className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":w},e.createElement("span",{className:he}))),Ce=e.createElement(e.Fragment,null,e.createElement(u,{value:d.options,selectionMode:d.selectionMode,selectionKeys:d.value,metaKeySelection:d.metaKeySelection,onSelectionChange:te,onSelect:ne,onUnselect:le,expandedKeys:T,onToggle:re,onExpand:d.onNodeExpand,onCollapse:d.onNodeCollapse,filter:d.filter,filterValue:B,filterBy:d.filterBy,filterMode:d.filterMode,filterPlaceholder:d.filterPlaceholder,filterLocale:d.filterLocale,showHeader:!1,onFilterValueChange:ae}),J&&e.createElement("div",{className:"p-treeselect-empty-message"},d.emptyMessage||n("emptyMessage"))),ke=function(){var t=ge(),n=e.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:Q},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 d.panelHeaderTemplate?p.getJSXElement(d.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:n,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon pi pi-times",onCloseClick:Q,element:l,props:d}):l}(),xe=p.getJSXElement(d.panelFooterTemplate,d);return e.createElement("div",v({id:d.id,ref:M,className:Ne,style:d.style},Ee,{onClick:function(e){d.disabled||D.current&&D.current.contains(e.target)||m.hasClass(e.target,"p-treeselect-close")||(m.focus(V.current),w?Q():G())}}),we,Se,Oe,e.createElement(O,{ref:D,appendTo:d.appendTo,panelStyle:d.panelStyle,panelClassName:d.panelClassName,scrollHeight:d.scrollHeight,onClick:function(e){i.emit("overlay-click",{originalEvent:e,target:M.current})},header:ke,footer:xe,transitionOptions:d.transitionOptions,in:w,onEnter:function(){f.set("overlay",D.current,t.autoZIndex,t.zIndex.overlay),se(),pe()},onEntered:function(){Y(),d.filter&&d.filterInputAutoFocus&&m.focus(K.current,d.filterInputAutoFocus),d.onShow&&d.onShow()},onExit:function(){Z()},onExited:function(){d.filter&&d.resetFilterOnHide&&ue(),f.clear(D.current),d.onHide&&d.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",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};