primereact 8.1.0 → 8.3.0

package/tooltip/tooltip.js

@@ -135,6 +135,9 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(false),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -146,12 +149,18 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
         positionState = _React$useState4[0],
         setPositionState = _React$useState4[1];
 
+    var _React$useState5 = React__namespace.useState(''),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        classNameState = _React$useState6[0],
+        setClassNameState = _React$useState6[1];
+
     var elementRef = React__namespace.useRef(null);
     var textRef = React__namespace.useRef(null);
     var currentTargetRef = React__namespace.useRef(null);
     var containerSize = React__namespace.useRef(null);
     var allowHide = React__namespace.useRef(true);
     var timeouts = React__namespace.useRef({});
+    var currentMouseEvent = React__namespace.useRef(null);
 
     var _useResizeListener = hooks.useResizeListener({
       listener: function listener(event) {
@@ -255,6 +264,37 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
       }
     };
 
+    var updateTooltipState = function updateTooltipState(position) {
+      updateText(currentTargetRef.current, function () {
+        var _currentMouseEvent$cu = currentMouseEvent.current,
+            x = _currentMouseEvent$cu.pageX,
+            y = _currentMouseEvent$cu.pageY;
+
+        if (props.autoZIndex && !utils.ZIndexUtils.get(elementRef.current)) {
+          utils.ZIndexUtils.set('tooltip', elementRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['tooltip']);
+        }
+
+        elementRef.current.style.left = '';
+        elementRef.current.style.top = ''; // GitHub #2695 disable pointer events when autohiding
+
+        if (isAutoHide()) {
+          elementRef.current.style.pointerEvents = 'none';
+        }
+
+        if (isMouseTrack(currentTargetRef.current) && !containerSize.current) {
+          containerSize.current = {
+            width: utils.DomHandler.getOuterWidth(elementRef.current),
+            height: utils.DomHandler.getOuterHeight(elementRef.current)
+          };
+        }
+
+        align(currentTargetRef.current, {
+          x: x,
+          y: y
+        }, position);
+      });
+    };
+
     var show = function show(e) {
       currentTargetRef.current = e.currentTarget;
       var disabled = isDisabled(currentTargetRef.current);
@@ -264,32 +304,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
         return;
       }
 
-      var updateTooltipState = function updateTooltipState() {
-        updateText(currentTargetRef.current, function () {
-          if (props.autoZIndex && !utils.ZIndexUtils.get(elementRef.current)) {
-            utils.ZIndexUtils.set('tooltip', elementRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['tooltip']);
-          }
-
-          elementRef.current.style.left = '';
-          elementRef.current.style.top = ''; // GitHub #2695 disable pointer events when autohiding
-
-          if (isAutoHide()) {
-            elementRef.current.style.pointerEvents = 'none';
-          }
-
-          if (isMouseTrack(currentTargetRef.current) && !containerSize.current) {
-            containerSize.current = {
-              width: utils.DomHandler.getOuterWidth(elementRef.current),
-              height: utils.DomHandler.getOuterHeight(elementRef.current)
-            };
-          }
-
-          align(currentTargetRef.current, {
-            x: e.pageX,
-            y: e.pageY
-          });
-        });
-      };
+      currentMouseEvent.current = e;
 
       if (visibleState) {
         applyDelay('updateDelay', updateTooltipState);
@@ -303,15 +318,10 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
         if (success) {
           applyDelay('showDelay', function () {
             setVisibleState(true);
-            setPositionState(getPosition(currentTargetRef.current));
-            setTimeout(function () {
-              return updateTooltipState();
-            }, 0);
             sendCallback(props.onShow, {
               originalEvent: e,
               target: currentTargetRef.current
             });
-            utils.DomHandler.addClass(currentTargetRef.current, getTargetOption(currentTargetRef.current, 'classname'));
           });
         }
       }
@@ -321,7 +331,6 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
       clearTimeouts();
 
       if (visibleState) {
-        utils.DomHandler.removeClass(currentTargetRef.current, getTargetOption(currentTargetRef.current, 'classname'));
         var success = sendCallback(props.onBeforeHide, {
           originalEvent: e,
           target: currentTargetRef.current
@@ -336,10 +345,6 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
             utils.ZIndexUtils.clear(elementRef.current);
             utils.DomHandler.removeClass(elementRef.current, 'p-tooltip-active');
             setVisibleState(false);
-            setPositionState(props.position);
-            currentTargetRef.current = null;
-            containerSize.current = null;
-            allowHide.current = true;
             sendCallback(props.onHide, {
               originalEvent: e,
               target: currentTargetRef.current
@@ -349,9 +354,10 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
       }
     };
 
-    var align = function align(target, coordinate) {
+    var align = function align(target, coordinate, position) {
       var left = 0,
-          top = 0;
+          top = 0,
+          currentPosition = position || positionState;
 
       if (isMouseTrack(target) && coordinate) {
         var _containerSize = {
@@ -365,7 +371,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
             mouseTrackTop = _getMouseTrackPositio.top,
             mouseTrackLeft = _getMouseTrackPositio.left;
 
-        switch (positionState) {
+        switch (currentPosition) {
           case 'left':
             left -= _containerSize.width + mouseTrackLeft;
             top -= _containerSize.height / 2 - mouseTrackTop;
@@ -398,28 +404,28 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
         elementRef.current.style.top = top + 'px';
         utils.DomHandler.addClass(elementRef.current, 'p-tooltip-active');
       } else {
-        var pos = utils.DomHandler.findCollisionPosition(positionState);
+        var pos = utils.DomHandler.findCollisionPosition(currentPosition);
         var my = getTargetOption(target, 'my') || props.my || pos.my;
         var at = getTargetOption(target, 'at') || props.at || pos.at;
         elementRef.current.style.padding = '0px';
-        utils.DomHandler.flipfitCollision(elementRef.current, target, my, at, function (currentPosition) {
-          var _currentPosition$at = currentPosition.at,
-              atX = _currentPosition$at.x,
-              atY = _currentPosition$at.y;
-          var myX = currentPosition.my.x;
-          var newPosition = props.at ? atX !== 'center' && atX !== myX ? atX : atY : currentPosition.at["".concat(pos.axis)];
+        utils.DomHandler.flipfitCollision(elementRef.current, target, my, at, function (calculatedPosition) {
+          var _calculatedPosition$a = calculatedPosition.at,
+              atX = _calculatedPosition$a.x,
+              atY = _calculatedPosition$a.y;
+          var myX = calculatedPosition.my.x;
+          var newPosition = props.at ? atX !== 'center' && atX !== myX ? atX : atY : calculatedPosition.at["".concat(pos.axis)];
           elementRef.current.style.padding = '';
           setPositionState(newPosition);
-          updateContainerPosition();
+          updateContainerPosition(newPosition);
           utils.DomHandler.addClass(elementRef.current, 'p-tooltip-active');
         });
       }
     };
 
-    var updateContainerPosition = function updateContainerPosition() {
+    var updateContainerPosition = function updateContainerPosition(position) {
       if (elementRef.current) {
         var style = getComputedStyle(elementRef.current);
-        if (positionState === 'left') elementRef.current.style.left = parseFloat(style.left) - parseFloat(style.paddingLeft) * 2 + 'px';else if (positionState === 'top') elementRef.current.style.top = parseFloat(style.top) - parseFloat(style.paddingTop) * 2 + 'px';
+        if (position === 'left') elementRef.current.style.left = parseFloat(style.left) - parseFloat(style.paddingLeft) * 2 + 'px';else if (position === 'top') elementRef.current.style.top = parseFloat(style.top) - parseFloat(style.paddingTop) * 2 + 'px';
       }
     };
 
@@ -572,8 +578,19 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
     }, [show, hide, props.target]);
     hooks.useUpdateEffect(function () {
       if (visibleState) {
+        var position = getPosition(currentTargetRef.current);
+        var classname = getTargetOption(currentTargetRef.current, 'classname');
+        setPositionState(position);
+        setClassNameState(classname);
+        updateTooltipState(position);
         bindWindowResizeListener();
         bindOverlayScrollListener();
+      } else {
+        setPositionState(props.position);
+        setClassNameState('');
+        currentTargetRef.current = null;
+        containerSize.current = null;
+        allowHide.current = true;
       }
 
       return function () {
@@ -596,16 +613,22 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
       utils.ZIndexUtils.clear(elementRef.current);
     });
     React__namespace.useImperativeHandle(ref, function () {
-      return {
+      return _objectSpread({
         updateTargetEvents: updateTargetEvents,
         loadTargetEvents: loadTargetEvents,
-        unloadTargetEvents: unloadTargetEvents
-      };
+        unloadTargetEvents: unloadTargetEvents,
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getTarget: function getTarget() {
+          return currentTargetRef.current;
+        }
+      }, props);
     });
 
     var createElement = function createElement() {
       var otherProps = utils.ObjectUtils.findDiffKeys(props, Tooltip.defaultProps);
-      var tooltipClassName = utils.classNames('p-tooltip p-component', _defineProperty({}, "p-tooltip-".concat(positionState), true), props.className);
+      var tooltipClassName = utils.classNames('p-tooltip p-component', _defineProperty({}, "p-tooltip-".concat(positionState), true), props.className, classNameState);
       var empty = isTargetContentEmpty(currentTargetRef.current);
       return /*#__PURE__*/React__namespace.createElement("div", _extends({
         id: props.id,

package/tooltip/tooltip.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tooltip=function(e,t,r,n,o,a){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=i(t),c=u(r);function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function d(e){if(Array.isArray(e))return f(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return f(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(e,t):void 0}}function h(){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 v(e){if(Array.isArray(e))return e}function y(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a=[],u=!0,i=!1;try{for(r=r.call(e);!(u=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);u=!0);}catch(e){i=!0,o=e}finally{try{u||null==r.return||r.return()}finally{if(i)throw o}}return a}}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 b(e,t){return v(e)||y(e,t)||m(e,t)||g()}var E=l.memo(l.forwardRef((function(e,t){var r=b(l.useState(!1),2),u=r[0],i=r[1],f=b(l.useState(e.position),2),v=f[0],y=f[1],g=l.useRef(null),w=l.useRef(null),T=l.useRef(null),D=l.useRef(null),x=l.useRef(!0),H=l.useRef({}),O=b(n.useResizeListener({listener:function(e){!a.DomHandler.isTouchDevice()&&F(e)}}),2),j=O[0],I=O[1],S=b(n.useOverlayScrollListener({target:T.current,listener:function(e){F(e)},when:u}),2),k=S[0],A=S[1],C=function(t){return P(t,"mousetrack")||e.mouseTrack},L=function(t){return"true"===P(t,"disabled")||R(t,"disabled")||e.disabled},U=function(t){return P(t,"showondisabled")||e.showOnDisabled},N=function(){return P(T.current,"autohide")||e.autoHide},P=function(e,t){return R(e,"data-pr-".concat(t))?e.getAttribute("data-pr-".concat(t)):null},R=function(e,t){return e&&e.hasAttribute(t)},Z=function(t){var r=P(t,"showevent")||e.showEvent,n=P(t,"hideevent")||e.hideEvent;C(t)?(r="mousemove",n="mouseleave"):"focus"===(P(t,"event")||e.event)&&(r="focus",n="blur");return{showEvent:r,hideEvent:n}},W=function(e){return P(e,"position")||v},M=function(t){return{top:P(t,"mousetracktop")||e.mouseTrackTop,left:P(t,"mousetrackleft")||e.mouseTrackLeft}},_=function(t,r){if(w.current){var n=P(t,"tooltip")||e.content;n?(w.current.innerHTML="",w.current.appendChild(document.createTextNode(n)),r()):e.children&&r()}},B=function(t){T.current=t.currentTarget;var r,n=L(T.current);if(!(r=U(T.current)&&n?T.current.firstChild:T.current,!(e.content||P(r,"tooltip")||e.children))&&!n){var o=function(){_(T.current,(function(){e.autoZIndex&&!a.ZIndexUtils.get(g.current)&&a.ZIndexUtils.set("tooltip",g.current,c.default.autoZIndex,e.baseZIndex||c.default.zIndex.tooltip),g.current.style.left="",g.current.style.top="",N()&&(g.current.style.pointerEvents="none"),C(T.current)&&!D.current&&(D.current={width:a.DomHandler.getOuterWidth(g.current),height:a.DomHandler.getOuterHeight(g.current)}),z(T.current,{x:t.pageX,y:t.pageY})}))};if(u)G("updateDelay",o);else J(e.onBeforeShow,{originalEvent:t,target:T.current})&&G("showDelay",(function(){i(!0),y(W(T.current)),setTimeout((function(){return o()}),0),J(e.onShow,{originalEvent:t,target:T.current}),a.DomHandler.addClass(T.current,P(T.current,"classname"))}))}},F=function(t){(Q(),u)&&(a.DomHandler.removeClass(T.current,P(T.current,"classname")),J(e.onBeforeHide,{originalEvent:t,target:T.current})&&G("hideDelay",(function(){(N()||!1!==x.current)&&(a.ZIndexUtils.clear(g.current),a.DomHandler.removeClass(g.current,"p-tooltip-active"),i(!1),y(e.position),T.current=null,D.current=null,x.current=!0,J(e.onHide,{originalEvent:t,target:T.current}))})))},z=function(t,r){var n=0,o=0;if(C(t)&&r){var u={width:a.DomHandler.getOuterWidth(g.current),height:a.DomHandler.getOuterHeight(g.current)};n=r.x,o=r.y;var i=M(t),l=i.top,c=i.left;switch(v){case"left":n-=u.width+c,o-=u.height/2-l;break;case"right":n+=c,o-=u.height/2-l;break;case"top":n-=u.width/2-c,o-=u.height+l;break;case"bottom":n-=u.width/2-c,o+=l}n<=0||D.current.width>u.width?(g.current.style.left="0px",g.current.style.right=window.innerWidth-u.width-n+"px"):(g.current.style.right="",g.current.style.left=n+"px"),g.current.style.top=o+"px",a.DomHandler.addClass(g.current,"p-tooltip-active")}else{var s=a.DomHandler.findCollisionPosition(v),f=P(t,"my")||e.my||s.my,d=P(t,"at")||e.at||s.at;g.current.style.padding="0px",a.DomHandler.flipfitCollision(g.current,t,f,d,(function(t){var r=t.at,n=r.x,o=e.at?"center"!==n&&n!==t.my.x?n:r.y:t.at["".concat(s.axis)];g.current.style.padding="",y(o),Y(),a.DomHandler.addClass(g.current,"p-tooltip-active")}))}},Y=function(){if(g.current){var e=getComputedStyle(g.current);"left"===v?g.current.style.left=parseFloat(e.left)-2*parseFloat(e.paddingLeft)+"px":"top"===v&&(g.current.style.top=parseFloat(e.top)-2*parseFloat(e.paddingTop)+"px")}},K=function(){N()||(x.current=!1)},X=function(e){N()||(x.current=!0,F(e))},$=function(e){if(e){var t=Z(e),r=t.showEvent,n=t.hideEvent,o=V(e);o.addEventListener(r,B),o.addEventListener(n,F)}},q=function(e){if(e){var t=Z(e),r=t.showEvent,n=t.hideEvent,o=V(e);o.removeEventListener(r,B),o.removeEventListener(n,F)}},G=function(t,r){Q();var n=P(T.current,t.toLowerCase())||e[t];n?H.current["".concat(t)]=setTimeout((function(){return r()}),n):r()},J=function(e){if(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];var o=e.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},Q=function(){Object.keys(H.current).forEach((function(e){return clearTimeout(e)}))},V=function(e){if(e){if(U(e)){if(e.hasWrapper)return e.parentElement;var t=document.createElement("span");return e.parentNode.insertBefore(t,e),t.appendChild(e),e.hasWrapper=!0,t}var r;return e.hasWrapper&&((r=e.parentElement).replaceWith.apply(r,d(n=e.parentElement.childNodes)||p(n)||m(n)||h()),delete e.hasWrapper),e}var n;return null},ee=function(e){re(e),te(e)},te=function(t){ne(t||e.target,$)},re=function(t){ne(t||e.target,q)},ne=function(e,t){if(e=a.ObjectUtils.getRefElement(e))if(a.DomHandler.isElement(e))t(e);else{var r=function(e){a.DomHandler.find(document,e).forEach((function(e){t(e)}))};e instanceof Array?e.forEach((function(e){r(e)})):r(e)}};l.useEffect((function(){u&&T.current&&L(T.current)&&F()})),n.useMountEffect((function(){te()})),n.useUpdateEffect((function(){return te(),function(){re()}}),[B,F,e.target]),n.useUpdateEffect((function(){return u&&(j(),k()),function(){I(),A()}}),[u]),n.useUpdateEffect((function(){u&&G("updateDelay",(function(){_(T.current,(function(){z(T.current)}))}))}),[e.content]),n.useUnmountEffect((function(){Q(),re(),a.ZIndexUtils.clear(g.current)})),l.useImperativeHandle(t,(function(){return{updateTargetEvents:ee,loadTargetEvents:te,unloadTargetEvents:re}}));var oe,ae,ue,ie,le,ce,se;if(u){var fe=(le=a.ObjectUtils.findDiffKeys(e,E.defaultProps),ce=a.classNames("p-tooltip p-component",(oe={},ae="p-tooltip-".concat(v),ue=!0,ae in oe?Object.defineProperty(oe,ae,{value:ue,enumerable:!0,configurable:!0,writable:!0}):oe[ae]=ue,oe),e.className),ie=T.current,se=!(e.content||P(ie,"tooltip")),l.createElement("div",s({id:e.id,ref:g,className:ce,style:e.style,role:"tooltip","aria-hidden":u},le,{onMouseEnter:K,onMouseLeave:X}),l.createElement("div",{className:"p-tooltip-arrow"}),l.createElement("div",{ref:w,className:"p-tooltip-text"},se&&e.children)));return l.createElement(o.Portal,{element:fe,appendTo:e.appendTo,visible:!0})}return null})));return E.displayName="Tooltip",E.defaultProps={__TYPE:"Tooltip",id:null,target:null,content:null,disabled:!1,className:null,style:null,appendTo:null,position:"right",my:null,at:null,event:null,showEvent:"mouseenter",hideEvent:"mouseleave",autoZIndex:!0,baseZIndex:0,mouseTrack:!1,mouseTrackTop:5,mouseTrackLeft:5,showDelay:0,updateDelay:0,hideDelay:0,autoHide:!0,showOnDisabled:!1,onBeforeShow:null,onBeforeHide:null,onShow:null,onHide:null},e.Tooltip=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.portal,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.tooltip=function(e,t,r,n,o,u){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=a(t),l=i(r);function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function p(e){if(Array.isArray(e))return d(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return d(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?d(e,t):void 0}}function v(){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 y(e){if(Array.isArray(e))return e}function g(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,u=[],i=!0,a=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(u.push(n.value),!t||u.length!==t);i=!0);}catch(e){a=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(a)throw o}}return u}}function b(){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)||g(e,t)||m(e,t)||b()}function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=c.memo(c.forwardRef((function(e,t){var r=E(c.useState(!1),2),i=r[0],a=r[1],d=E(c.useState(e.position),2),y=d[0],g=d[1],b=E(c.useState(""),2),w=b[0],D=b[1],T=c.useRef(null),x=c.useRef(null),H=c.useRef(null),S=c.useRef(null),P=c.useRef(!0),k=c.useRef({}),I=c.useRef(null),A=E(n.useResizeListener({listener:function(e){!u.DomHandler.isTouchDevice()&&q(e)}}),2),L=A[0],C=A[1],R=E(n.useOverlayScrollListener({target:H.current,listener:function(e){q(e)},when:i}),2),U=R[0],N=R[1],Z=function(t){return B(t,"mousetrack")||e.mouseTrack},W=function(t){return"true"===B(t,"disabled")||F(t,"disabled")||e.disabled},M=function(t){return B(t,"showondisabled")||e.showOnDisabled},_=function(){return B(H.current,"autohide")||e.autoHide},B=function(e,t){return F(e,"data-pr-".concat(t))?e.getAttribute("data-pr-".concat(t)):null},F=function(e,t){return e&&e.hasAttribute(t)},z=function(t){var r=B(t,"showevent")||e.showEvent,n=B(t,"hideevent")||e.hideEvent;Z(t)?(r="mousemove",n="mouseleave"):"focus"===(B(t,"event")||e.event)&&(r="focus",n="blur");return{showEvent:r,hideEvent:n}},Y=function(t){return{top:B(t,"mousetracktop")||e.mouseTrackTop,left:B(t,"mousetrackleft")||e.mouseTrackLeft}},K=function(t,r){if(x.current){var n=B(t,"tooltip")||e.content;n?(x.current.innerHTML="",x.current.appendChild(document.createTextNode(n)),r()):e.children&&r()}},X=function(t){K(H.current,(function(){var r=I.current,n=r.pageX,o=r.pageY;e.autoZIndex&&!u.ZIndexUtils.get(T.current)&&u.ZIndexUtils.set("tooltip",T.current,l.default.autoZIndex,e.baseZIndex||l.default.zIndex.tooltip),T.current.style.left="",T.current.style.top="",_()&&(T.current.style.pointerEvents="none"),Z(H.current)&&!S.current&&(S.current={width:u.DomHandler.getOuterWidth(T.current),height:u.DomHandler.getOuterHeight(T.current)}),G(H.current,{x:n,y:o},t)}))},$=function(t){H.current=t.currentTarget;var r,n=W(H.current);(r=M(H.current)&&n?H.current.firstChild:H.current,!(e.content||B(r,"tooltip")||e.children))||n||(I.current=t,i?re("updateDelay",X):ne(e.onBeforeShow,{originalEvent:t,target:H.current})&&re("showDelay",(function(){a(!0),ne(e.onShow,{originalEvent:t,target:H.current})})))},q=function(t){(oe(),i)&&(ne(e.onBeforeHide,{originalEvent:t,target:H.current})&&re("hideDelay",(function(){(_()||!1!==P.current)&&(u.ZIndexUtils.clear(T.current),u.DomHandler.removeClass(T.current,"p-tooltip-active"),a(!1),ne(e.onHide,{originalEvent:t,target:H.current}))})))},G=function(t,r,n){var o=0,i=0,a=n||y;if(Z(t)&&r){var c={width:u.DomHandler.getOuterWidth(T.current),height:u.DomHandler.getOuterHeight(T.current)};o=r.x,i=r.y;var l=Y(t),s=l.top,f=l.left;switch(a){case"left":o-=c.width+f,i-=c.height/2-s;break;case"right":o+=f,i-=c.height/2-s;break;case"top":o-=c.width/2-f,i-=c.height+s;break;case"bottom":o-=c.width/2-f,i+=s}o<=0||S.current.width>c.width?(T.current.style.left="0px",T.current.style.right=window.innerWidth-c.width-o+"px"):(T.current.style.right="",T.current.style.left=o+"px"),T.current.style.top=i+"px",u.DomHandler.addClass(T.current,"p-tooltip-active")}else{var d=u.DomHandler.findCollisionPosition(a),p=B(t,"my")||e.my||d.my,h=B(t,"at")||e.at||d.at;T.current.style.padding="0px",u.DomHandler.flipfitCollision(T.current,t,p,h,(function(t){var r=t.at,n=r.x,o=e.at?"center"!==n&&n!==t.my.x?n:r.y:t.at["".concat(d.axis)];T.current.style.padding="",g(o),J(o),u.DomHandler.addClass(T.current,"p-tooltip-active")}))}},J=function(e){if(T.current){var t=getComputedStyle(T.current);"left"===e?T.current.style.left=parseFloat(t.left)-2*parseFloat(t.paddingLeft)+"px":"top"===e&&(T.current.style.top=parseFloat(t.top)-2*parseFloat(t.paddingTop)+"px")}},Q=function(){_()||(P.current=!1)},V=function(e){_()||(P.current=!0,q(e))},ee=function(e){if(e){var t=z(e),r=t.showEvent,n=t.hideEvent,o=ue(e);o.addEventListener(r,$),o.addEventListener(n,q)}},te=function(e){if(e){var t=z(e),r=t.showEvent,n=t.hideEvent,o=ue(e);o.removeEventListener(r,$),o.removeEventListener(n,q)}},re=function(t,r){oe();var n=B(H.current,t.toLowerCase())||e[t];n?k.current["".concat(t)]=setTimeout((function(){return r()}),n):r()},ne=function(e){if(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];var o=e.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},oe=function(){Object.keys(k.current).forEach((function(e){return clearTimeout(e)}))},ue=function(e){if(e){if(M(e)){if(e.hasWrapper)return e.parentElement;var t=document.createElement("span");return e.parentNode.insertBefore(t,e),t.appendChild(e),e.hasWrapper=!0,t}var r;return e.hasWrapper&&((r=e.parentElement).replaceWith.apply(r,p(n=e.parentElement.childNodes)||h(n)||m(n)||v()),delete e.hasWrapper),e}var n;return null},ie=function(e){ce(e),ae(e)},ae=function(t){le(t||e.target,ee)},ce=function(t){le(t||e.target,te)},le=function(e,t){if(e=u.ObjectUtils.getRefElement(e))if(u.DomHandler.isElement(e))t(e);else{var r=function(e){u.DomHandler.find(document,e).forEach((function(e){t(e)}))};e instanceof Array?e.forEach((function(e){r(e)})):r(e)}};c.useEffect((function(){i&&H.current&&W(H.current)&&q()})),n.useMountEffect((function(){ae()})),n.useUpdateEffect((function(){return ae(),function(){ce()}}),[$,q,e.target]),n.useUpdateEffect((function(){if(i){var t=B(H.current,"position")||y,r=B(H.current,"classname");g(t),D(r),X(t),L(),U()}else g(e.position),D(""),H.current=null,S.current=null,P.current=!0;return function(){C(),N()}}),[i]),n.useUpdateEffect((function(){i&&re("updateDelay",(function(){K(H.current,(function(){G(H.current)}))}))}),[e.content]),n.useUnmountEffect((function(){oe(),ce(),u.ZIndexUtils.clear(T.current)})),c.useImperativeHandle(t,(function(){return O({updateTargetEvents:ie,loadTargetEvents:ae,unloadTargetEvents:ce,getElement:function(){return T.current},getTarget:function(){return H.current}},e)}));var se,fe,de,pe;if(i){var he=(fe=u.ObjectUtils.findDiffKeys(e,j.defaultProps),de=u.classNames("p-tooltip p-component",f({},"p-tooltip-".concat(y),!0),e.className,w),se=H.current,pe=!(e.content||B(se,"tooltip")),c.createElement("div",s({id:e.id,ref:T,className:de,style:e.style,role:"tooltip","aria-hidden":i},fe,{onMouseEnter:Q,onMouseLeave:V}),c.createElement("div",{className:"p-tooltip-arrow"}),c.createElement("div",{ref:x,className:"p-tooltip-text"},pe&&e.children)));return c.createElement(o.Portal,{element:he,appendTo:e.appendTo,visible:!0})}return null})));return j.displayName="Tooltip",j.defaultProps={__TYPE:"Tooltip",id:null,target:null,content:null,disabled:!1,className:null,style:null,appendTo:null,position:"right",my:null,at:null,event:null,showEvent:"mouseenter",hideEvent:"mouseleave",autoZIndex:!0,baseZIndex:0,mouseTrack:!1,mouseTrackTop:5,mouseTrackLeft:5,showDelay:0,updateDelay:0,hideDelay:0,autoHide:!0,showOnDisabled:!1,onBeforeShow:null,onBeforeHide:null,onShow:null,onHide:null},e.Tooltip=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.portal,primereact.utils);

package/tree/tree.cjs.js

@@ -221,6 +221,14 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
         } else {
           var nextNodeElement = nodeElement.nextElementSibling;
 
+          while (nextNodeElement) {
+            if (!utils.DomHandler.hasClass(nextNodeElement, 'p-treenode-droppoint')) {
+              break;
+            }
+
+            nextNodeElement = nextNodeElement.nextElementSibling;
+          }
+
           if (nextNodeElement) {
             focusNode(nextNodeElement);
           } else {
@@ -292,7 +300,7 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
   };
 
   var focusNode = function focusNode(element) {
-    element.children[0].focus();
+    element && element.children[0] && element.children[0].focus();
   };
 
   var onClick = function onClick(event) {
@@ -891,11 +899,20 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       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;
@@ -1188,10 +1205,17 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     return matched;
   };
 
+  var resetFilter = function resetFilter() {
+    setFilterValueState('');
+  };
+
   React__namespace.useImperativeHandle(ref, function () {
-    return {
-      filter: filter
-    };
+    return _objectSpread({
+      filter: filter,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
   });
 
   var createRootChild = function createRootChild(node, index, last) {
@@ -1275,7 +1299,8 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
   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",
@@ -1289,6 +1314,21 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       }), /*#__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;
@@ -1297,7 +1337,7 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
   var createHeader = function createHeader() {
     if (props.showHeader) {
       var filterElement = createFilter();
-      var _content = filterElement;
+      var _content2 = filterElement;
 
       if (props.header) {
         var defaultContentOptions = {
@@ -1309,15 +1349,15 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
             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;
@@ -1342,6 +1382,7 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
   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);
@@ -1377,6 +1418,7 @@ Tree.defaultProps = {
   filterMode: 'lenient',
   filterPlaceholder: null,
   filterLocale: undefined,
+  filterTemplate: null,
   nodeTemplate: null,
   togglerTemplate: null,
   onSelect: null,

package/tree/tree.cjs.min.js

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

package/tree/tree.d.ts

@@ -11,6 +11,8 @@ type TreeFilterModeType = 'lenient' | 'strict';
 
 type TreeHeaderTemplateType = React.ReactNode | ((options: TreeHeaderTemplateOptions) => React.ReactNode);
 
+type TreeFilterTemplateType = React.ReactNode | ((options: TreeFilterOptions) => React.ReactNode);
+
 type TreeFooterTemplateType = React.ReactNode | ((props: TreeProps) => React.ReactNode);
 
 type TreeNodeTemplateType = React.ReactNode | ((node: TreeNode, options: TreeNodeTemplateOptions) => React.ReactNode);
@@ -99,6 +101,11 @@ interface TreeNodeClickParams {
     node: TreeNode;
 }
 
+interface TreeFilterOptions {
+    filter?: (event?: KeyboardEvent) => void;
+    reset?: () => void;
+}
+
 interface TreeNodeDoubleClickParams extends TreeNodeClickParams {}
 
 export interface TreeProps {
@@ -121,6 +128,7 @@ export interface TreeProps {
     dragdropScope?: string;
     header?: TreeHeaderTemplateType;
     footer?: TreeFooterTemplateType;
+    filterTemplate?: TreeFilterTemplateType;
     showHeader?: boolean;
     filter?: boolean;
     filterValue?: string;
@@ -147,4 +155,5 @@ export interface TreeProps {
 
 export declare class Tree extends React.Component<TreeProps, any> {
     public filter<T>(value: T): void;
+    public getElement(): HTMLDivElement;
 }