primereact 8.2.0 → 8.5.0

package/tooltip/tooltip.cjs.js

@@ -163,6 +163,7 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   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) {
@@ -217,24 +218,29 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   };
 
   var getEvents = function getEvents(target) {
-    var showEvent = getTargetOption(target, 'showevent') || props.showEvent;
-    var hideEvent = getTargetOption(target, 'hideevent') || props.hideEvent;
+    var showEvents = [getTargetOption(target, 'showevent') || props.showEvent];
+    var hideEvents = [getTargetOption(target, 'hideevent') || props.hideEvent];
 
     if (isMouseTrack(target)) {
-      showEvent = 'mousemove';
-      hideEvent = 'mouseleave';
+      showEvents = ['mousemove'];
+      hideEvents = ['mouseleave'];
     } else {
       var event = getTargetOption(target, 'event') || props.event;
 
       if (event === 'focus') {
-        showEvent = 'focus';
-        hideEvent = 'blur';
+        showEvents = ['focus'];
+        hideEvents = ['blur'];
+      }
+
+      if (event === 'both') {
+        showEvents = ['focus', 'mouseenter'];
+        hideEvents = ['blur', 'mouseleave'];
       }
     }
 
     return {
-      showEvent: showEvent,
-      hideEvent: hideEvent
+      showEvents: showEvents,
+      hideEvents: hideEvents
     };
   };
 
@@ -266,6 +272,37 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     }
   };
 
+  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);
@@ -275,32 +312,7 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       return;
     }
 
-    var updateTooltipState = function updateTooltipState(position) {
-      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
-        }, position);
-      });
-    };
+    currentMouseEvent.current = e;
 
     if (visibleState) {
       applyDelay('updateDelay', updateTooltipState);
@@ -313,12 +325,7 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
 
       if (success) {
         applyDelay('showDelay', function () {
-          var position = getPosition(currentTargetRef.current);
-          var classname = getTargetOption(currentTargetRef.current, 'classname');
           setVisibleState(true);
-          setPositionState(position);
-          setClassNameState(classname);
-          updateTooltipState(position);
           sendCallback(props.onShow, {
             originalEvent: e,
             target: currentTargetRef.current
@@ -346,11 +353,6 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
           utils.ZIndexUtils.clear(elementRef.current);
           utils.DomHandler.removeClass(elementRef.current, 'p-tooltip-active');
           setVisibleState(false);
-          setPositionState(props.position);
-          setClassNameState('');
-          currentTargetRef.current = null;
-          containerSize.current = null;
-          allowHide.current = true;
           sendCallback(props.onHide, {
             originalEvent: e,
             target: currentTargetRef.current
@@ -451,24 +453,32 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   var bindTargetEvent = function bindTargetEvent(target) {
     if (target) {
       var _getEvents = getEvents(target),
-          showEvent = _getEvents.showEvent,
-          hideEvent = _getEvents.hideEvent;
+          showEvents = _getEvents.showEvents,
+          hideEvents = _getEvents.hideEvents;
 
       var currentTarget = getTarget(target);
-      currentTarget.addEventListener(showEvent, show);
-      currentTarget.addEventListener(hideEvent, hide);
+      showEvents.forEach(function (event) {
+        return currentTarget.addEventListener(event, show);
+      });
+      hideEvents.forEach(function (event) {
+        return currentTarget.addEventListener(event, hide);
+      });
     }
   };
 
   var unbindTargetEvent = function unbindTargetEvent(target) {
     if (target) {
       var _getEvents2 = getEvents(target),
-          showEvent = _getEvents2.showEvent,
-          hideEvent = _getEvents2.hideEvent;
+          showEvents = _getEvents2.showEvents,
+          hideEvents = _getEvents2.hideEvents;
 
       var currentTarget = getTarget(target);
-      currentTarget.removeEventListener(showEvent, show);
-      currentTarget.removeEventListener(hideEvent, hide);
+      showEvents.forEach(function (event) {
+        return currentTarget.removeEventListener(event, show);
+      });
+      hideEvents.forEach(function (event) {
+        return currentTarget.removeEventListener(event, hide);
+      });
     }
   };
 
@@ -499,7 +509,7 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   };
 
   var clearTimeouts = function clearTimeouts() {
-    Object.keys(timeouts.current).forEach(function (t) {
+    Object.values(timeouts.current).forEach(function (t) {
       return clearTimeout(t);
     });
   };
@@ -584,8 +594,19 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   }, [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 () {
@@ -609,9 +630,16 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   });
   React__namespace.useImperativeHandle(ref, function () {
     return {
+      props: props,
       updateTargetEvents: updateTargetEvents,
       loadTargetEvents: loadTargetEvents,
-      unloadTargetEvents: unloadTargetEvents
+      unloadTargetEvents: unloadTargetEvents,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getTarget: function getTarget() {
+        return currentTargetRef.current;
+      }
     };
   });
 

package/tooltip/tooltip.cjs.min.js

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

package/tooltip/tooltip.d.ts

@@ -14,4 +14,6 @@ export declare class Tooltip extends React.Component<TooltipProps, any> {
     public updateTargetEvents(target: HTMLElement): void;
     public loadTargetEvents(target: HTMLElement): void;
     public unloadTargetEvents(target: HTMLElement): void;
+    public getElement(): HTMLElement;
+    public getTarget(): HTMLElement | null;
 }

package/tooltip/tooltip.esm.js

@@ -136,6 +136,7 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
   var containerSize = React.useRef(null);
   var allowHide = React.useRef(true);
   var timeouts = React.useRef({});
+  var currentMouseEvent = React.useRef(null);
 
   var _useResizeListener = useResizeListener({
     listener: function listener(event) {
@@ -190,24 +191,29 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
   };
 
   var getEvents = function getEvents(target) {
-    var showEvent = getTargetOption(target, 'showevent') || props.showEvent;
-    var hideEvent = getTargetOption(target, 'hideevent') || props.hideEvent;
+    var showEvents = [getTargetOption(target, 'showevent') || props.showEvent];
+    var hideEvents = [getTargetOption(target, 'hideevent') || props.hideEvent];
 
     if (isMouseTrack(target)) {
-      showEvent = 'mousemove';
-      hideEvent = 'mouseleave';
+      showEvents = ['mousemove'];
+      hideEvents = ['mouseleave'];
     } else {
       var event = getTargetOption(target, 'event') || props.event;
 
       if (event === 'focus') {
-        showEvent = 'focus';
-        hideEvent = 'blur';
+        showEvents = ['focus'];
+        hideEvents = ['blur'];
+      }
+
+      if (event === 'both') {
+        showEvents = ['focus', 'mouseenter'];
+        hideEvents = ['blur', 'mouseleave'];
       }
     }
 
     return {
-      showEvent: showEvent,
-      hideEvent: hideEvent
+      showEvents: showEvents,
+      hideEvents: hideEvents
     };
   };
 
@@ -239,6 +245,37 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
     }
   };
 
+  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 && !ZIndexUtils.get(elementRef.current)) {
+        ZIndexUtils.set('tooltip', elementRef.current, PrimeReact.autoZIndex, props.baseZIndex || PrimeReact.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: DomHandler.getOuterWidth(elementRef.current),
+          height: 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);
@@ -248,32 +285,7 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       return;
     }
 
-    var updateTooltipState = function updateTooltipState(position) {
-      updateText(currentTargetRef.current, function () {
-        if (props.autoZIndex && !ZIndexUtils.get(elementRef.current)) {
-          ZIndexUtils.set('tooltip', elementRef.current, PrimeReact.autoZIndex, props.baseZIndex || PrimeReact.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: DomHandler.getOuterWidth(elementRef.current),
-            height: DomHandler.getOuterHeight(elementRef.current)
-          };
-        }
-
-        align(currentTargetRef.current, {
-          x: e.pageX,
-          y: e.pageY
-        }, position);
-      });
-    };
+    currentMouseEvent.current = e;
 
     if (visibleState) {
       applyDelay('updateDelay', updateTooltipState);
@@ -286,12 +298,7 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
 
       if (success) {
         applyDelay('showDelay', function () {
-          var position = getPosition(currentTargetRef.current);
-          var classname = getTargetOption(currentTargetRef.current, 'classname');
           setVisibleState(true);
-          setPositionState(position);
-          setClassNameState(classname);
-          updateTooltipState(position);
           sendCallback(props.onShow, {
             originalEvent: e,
             target: currentTargetRef.current
@@ -319,11 +326,6 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
           ZIndexUtils.clear(elementRef.current);
           DomHandler.removeClass(elementRef.current, 'p-tooltip-active');
           setVisibleState(false);
-          setPositionState(props.position);
-          setClassNameState('');
-          currentTargetRef.current = null;
-          containerSize.current = null;
-          allowHide.current = true;
           sendCallback(props.onHide, {
             originalEvent: e,
             target: currentTargetRef.current
@@ -424,24 +426,32 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
   var bindTargetEvent = function bindTargetEvent(target) {
     if (target) {
       var _getEvents = getEvents(target),
-          showEvent = _getEvents.showEvent,
-          hideEvent = _getEvents.hideEvent;
+          showEvents = _getEvents.showEvents,
+          hideEvents = _getEvents.hideEvents;
 
       var currentTarget = getTarget(target);
-      currentTarget.addEventListener(showEvent, show);
-      currentTarget.addEventListener(hideEvent, hide);
+      showEvents.forEach(function (event) {
+        return currentTarget.addEventListener(event, show);
+      });
+      hideEvents.forEach(function (event) {
+        return currentTarget.addEventListener(event, hide);
+      });
     }
   };
 
   var unbindTargetEvent = function unbindTargetEvent(target) {
     if (target) {
       var _getEvents2 = getEvents(target),
-          showEvent = _getEvents2.showEvent,
-          hideEvent = _getEvents2.hideEvent;
+          showEvents = _getEvents2.showEvents,
+          hideEvents = _getEvents2.hideEvents;
 
       var currentTarget = getTarget(target);
-      currentTarget.removeEventListener(showEvent, show);
-      currentTarget.removeEventListener(hideEvent, hide);
+      showEvents.forEach(function (event) {
+        return currentTarget.removeEventListener(event, show);
+      });
+      hideEvents.forEach(function (event) {
+        return currentTarget.removeEventListener(event, hide);
+      });
     }
   };
 
@@ -472,7 +482,7 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
   };
 
   var clearTimeouts = function clearTimeouts() {
-    Object.keys(timeouts.current).forEach(function (t) {
+    Object.values(timeouts.current).forEach(function (t) {
       return clearTimeout(t);
     });
   };
@@ -557,8 +567,19 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
   }, [show, hide, props.target]);
   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 () {
@@ -582,9 +603,16 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
   });
   React.useImperativeHandle(ref, function () {
     return {
+      props: props,
       updateTargetEvents: updateTargetEvents,
       loadTargetEvents: loadTargetEvents,
-      unloadTargetEvents: unloadTargetEvents
+      unloadTargetEvents: unloadTargetEvents,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getTarget: function getTarget() {
+        return currentTargetRef.current;
+      }
     };
   });
 

package/tooltip/tooltip.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t from"primereact/api";import{useResizeListener as r,useOverlayScrollListener as n,useMountEffect as o,useUpdateEffect as i,useUnmountEffect as u}from"primereact/hooks";import{Portal as a}from"primereact/portal";import{DomHandler as c,ZIndexUtils as l,ObjectUtils as s,classNames as f}from"primereact/utils";function p(){return p=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},p.apply(this,arguments)}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 h(e){if(Array.isArray(e))return d(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(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 y(){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 g(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i=[],u=!0,a=!1;try{for(r=r.call(e);!(u=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);u=!0);}catch(e){a=!0,o=e}finally{try{u||null==r.return||r.return()}finally{if(a)throw o}}return i}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){return g(e)||b(e,t)||v(e,t)||E()}var T=e.memo(e.forwardRef((function(d,g){var b=w(e.useState(!1),2),E=b[0],x=b[1],S=w(e.useState(d.position),2),k=S[0],A=S[1],O=w(e.useState(""),2),I=O[0],C=O[1],D=e.useRef(null),H=e.useRef(null),L=e.useRef(null),N=e.useRef(null),j=e.useRef(!0),R=e.useRef({}),W=w(r({listener:function(e){!c.isTouchDevice()&&V(e)}}),2),P=W[0],B=W[1],Z=w(n({target:L.current,listener:function(e){V(e)},when:E}),2),F=Z[0],M=Z[1],Y=function(e){return U(e,"mousetrack")||d.mouseTrack},_=function(e){return"true"===U(e,"disabled")||X(e,"disabled")||d.disabled},z=function(e){return U(e,"showondisabled")||d.showOnDisabled},K=function(){return U(L.current,"autohide")||d.autoHide},U=function(e,t){return X(e,"data-pr-".concat(t))?e.getAttribute("data-pr-".concat(t)):null},X=function(e,t){return e&&e.hasAttribute(t)},$=function(e){var t=U(e,"showevent")||d.showEvent,r=U(e,"hideevent")||d.hideEvent;Y(e)?(t="mousemove",r="mouseleave"):"focus"===(U(e,"event")||d.event)&&(t="focus",r="blur");return{showEvent:t,hideEvent:r}},q=function(e){return U(e,"position")||k},G=function(e){return{top:U(e,"mousetracktop")||d.mouseTrackTop,left:U(e,"mousetrackleft")||d.mouseTrackLeft}},J=function(e,t){if(H.current){var r=U(e,"tooltip")||d.content;r?(H.current.innerHTML="",H.current.appendChild(document.createTextNode(r)),t()):d.children&&t()}},Q=function(e){L.current=e.currentTarget;var r,n=_(L.current);if(!(r=z(L.current)&&n?L.current.firstChild:L.current,!(d.content||U(r,"tooltip")||d.children))&&!n){var o=function(r){J(L.current,(function(){d.autoZIndex&&!l.get(D.current)&&l.set("tooltip",D.current,t.autoZIndex,d.baseZIndex||t.zIndex.tooltip),D.current.style.left="",D.current.style.top="",K()&&(D.current.style.pointerEvents="none"),Y(L.current)&&!N.current&&(N.current={width:c.getOuterWidth(D.current),height:c.getOuterHeight(D.current)}),ee(L.current,{x:e.pageX,y:e.pageY},r)}))};if(E)ue("updateDelay",o);else ae(d.onBeforeShow,{originalEvent:e,target:L.current})&&ue("showDelay",(function(){var t=q(L.current),r=U(L.current,"classname");x(!0),A(t),C(r),o(t),ae(d.onShow,{originalEvent:e,target:L.current})}))}},V=function(e){(ce(),E)&&(ae(d.onBeforeHide,{originalEvent:e,target:L.current})&&ue("hideDelay",(function(){(K()||!1!==j.current)&&(l.clear(D.current),c.removeClass(D.current,"p-tooltip-active"),x(!1),A(d.position),C(""),L.current=null,N.current=null,j.current=!0,ae(d.onHide,{originalEvent:e,target:L.current}))})))},ee=function(e,t,r){var n=0,o=0,i=r||k;if(Y(e)&&t){var u={width:c.getOuterWidth(D.current),height:c.getOuterHeight(D.current)};n=t.x,o=t.y;var a=G(e),l=a.top,s=a.left;switch(i){case"left":n-=u.width+s,o-=u.height/2-l;break;case"right":n+=s,o-=u.height/2-l;break;case"top":n-=u.width/2-s,o-=u.height+l;break;case"bottom":n-=u.width/2-s,o+=l}n<=0||N.current.width>u.width?(D.current.style.left="0px",D.current.style.right=window.innerWidth-u.width-n+"px"):(D.current.style.right="",D.current.style.left=n+"px"),D.current.style.top=o+"px",c.addClass(D.current,"p-tooltip-active")}else{var f=c.findCollisionPosition(i),p=U(e,"my")||d.my||f.my,h=U(e,"at")||d.at||f.at;D.current.style.padding="0px",c.flipfitCollision(D.current,e,p,h,(function(e){var t=e.at,r=t.x,n=d.at?"center"!==r&&r!==e.my.x?r:t.y:e.at["".concat(f.axis)];D.current.style.padding="",A(n),te(n),c.addClass(D.current,"p-tooltip-active")}))}},te=function(e){if(D.current){var t=getComputedStyle(D.current);"left"===e?D.current.style.left=parseFloat(t.left)-2*parseFloat(t.paddingLeft)+"px":"top"===e&&(D.current.style.top=parseFloat(t.top)-2*parseFloat(t.paddingTop)+"px")}},re=function(){K()||(j.current=!1)},ne=function(e){K()||(j.current=!0,V(e))},oe=function(e){if(e){var t=$(e),r=t.showEvent,n=t.hideEvent,o=le(e);o.addEventListener(r,Q),o.addEventListener(n,V)}},ie=function(e){if(e){var t=$(e),r=t.showEvent,n=t.hideEvent,o=le(e);o.removeEventListener(r,Q),o.removeEventListener(n,V)}},ue=function(e,t){ce();var r=U(L.current,e.toLowerCase())||d[e];r?R.current["".concat(e)]=setTimeout((function(){return t()}),r):t()},ae=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},ce=function(){Object.keys(R.current).forEach((function(e){return clearTimeout(e)}))},le=function(e){if(e){if(z(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,h(n=e.parentElement.childNodes)||m(n)||v(n)||y()),delete e.hasWrapper),e}var n;return null},se=function(e){pe(e),fe(e)},fe=function(e){de(e||d.target,oe)},pe=function(e){de(e||d.target,ie)},de=function(e,t){if(e=s.getRefElement(e))if(c.isElement(e))t(e);else{var r=function(e){c.find(document,e).forEach((function(e){t(e)}))};e instanceof Array?e.forEach((function(e){r(e)})):r(e)}};e.useEffect((function(){E&&L.current&&_(L.current)&&V()})),o((function(){fe()})),i((function(){return fe(),function(){pe()}}),[Q,V,d.target]),i((function(){return E&&(P(),F()),function(){B(),M()}}),[E]),i((function(){E&&ue("updateDelay",(function(){J(L.current,(function(){ee(L.current)}))}))}),[d.content]),u((function(){ce(),pe(),l.clear(D.current)})),e.useImperativeHandle(g,(function(){return{updateTargetEvents:se,loadTargetEvents:fe,unloadTargetEvents:pe}}));var he,me,ve,ye,ge,be,Ee;if(E){var we=(ge=s.findDiffKeys(d,T.defaultProps),be=f("p-tooltip p-component",(he={},me="p-tooltip-".concat(k),ve=!0,me in he?Object.defineProperty(he,me,{value:ve,enumerable:!0,configurable:!0,writable:!0}):he[me]=ve,he),d.className,I),ye=L.current,Ee=!(d.content||U(ye,"tooltip")),e.createElement("div",p({id:d.id,ref:D,className:be,style:d.style,role:"tooltip","aria-hidden":E},ge,{onMouseEnter:re,onMouseLeave:ne}),e.createElement("div",{className:"p-tooltip-arrow"}),e.createElement("div",{ref:H,className:"p-tooltip-text"},Ee&&d.children)));return e.createElement(a,{element:we,appendTo:d.appendTo,visible:!0})}return null})));T.displayName="Tooltip",T.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};export{T as Tooltip};
+import*as e from"react";import t from"primereact/api";import{useResizeListener as r,useOverlayScrollListener as n,useMountEffect as o,useUpdateEffect as u,useUnmountEffect as i}from"primereact/hooks";import{Portal as a}from"primereact/portal";import{DomHandler as c,ZIndexUtils as l,ObjectUtils as s,classNames as f}from"primereact/utils";function p(){return p=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},p.apply(this,arguments)}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 h(e){if(Array.isArray(e))return d(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(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 y(){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 g(e){if(Array.isArray(e))return e}function E(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 w(e,t){return g(e)||E(e,t)||v(e,t)||b()}var T=e.memo(e.forwardRef((function(d,g){var E=w(e.useState(!1),2),b=E[0],x=E[1],S=w(e.useState(d.position),2),k=S[0],A=S[1],O=w(e.useState(""),2),I=O[0],C=O[1],D=e.useRef(null),H=e.useRef(null),L=e.useRef(null),N=e.useRef(null),R=e.useRef(!0),j=e.useRef({}),W=e.useRef(null),P=w(r({listener:function(e){!c.isTouchDevice()&&ee(e)}}),2),B=P[0],Z=P[1],F=w(n({target:L.current,listener:function(e){ee(e)},when:b}),2),M=F[0],Y=F[1],_=function(e){return X(e,"mousetrack")||d.mouseTrack},z=function(e){return"true"===X(e,"disabled")||$(e,"disabled")||d.disabled},K=function(e){return X(e,"showondisabled")||d.showOnDisabled},U=function(){return X(L.current,"autohide")||d.autoHide},X=function(e,t){return $(e,"data-pr-".concat(t))?e.getAttribute("data-pr-".concat(t)):null},$=function(e,t){return e&&e.hasAttribute(t)},q=function(e){var t=[X(e,"showevent")||d.showEvent],r=[X(e,"hideevent")||d.hideEvent];if(_(e))t=["mousemove"],r=["mouseleave"];else{var n=X(e,"event")||d.event;"focus"===n&&(t=["focus"],r=["blur"]),"both"===n&&(t=["focus","mouseenter"],r=["blur","mouseleave"])}return{showEvents:t,hideEvents:r}},G=function(e){return{top:X(e,"mousetracktop")||d.mouseTrackTop,left:X(e,"mousetrackleft")||d.mouseTrackLeft}},J=function(e,t){if(H.current){var r=X(e,"tooltip")||d.content;r?(H.current.innerHTML="",H.current.appendChild(document.createTextNode(r)),t()):d.children&&t()}},Q=function(e){J(L.current,(function(){var r=W.current,n=r.pageX,o=r.pageY;d.autoZIndex&&!l.get(D.current)&&l.set("tooltip",D.current,t.autoZIndex,d.baseZIndex||t.zIndex.tooltip),D.current.style.left="",D.current.style.top="",U()&&(D.current.style.pointerEvents="none"),_(L.current)&&!N.current&&(N.current={width:c.getOuterWidth(D.current),height:c.getOuterHeight(D.current)}),te(L.current,{x:n,y:o},e)}))},V=function(e){L.current=e.currentTarget;var t,r=z(L.current);(t=K(L.current)&&r?L.current.firstChild:L.current,!(d.content||X(t,"tooltip")||d.children))||r||(W.current=e,b?ae("updateDelay",Q):ce(d.onBeforeShow,{originalEvent:e,target:L.current})&&ae("showDelay",(function(){x(!0),ce(d.onShow,{originalEvent:e,target:L.current})})))},ee=function(e){(le(),b)&&(ce(d.onBeforeHide,{originalEvent:e,target:L.current})&&ae("hideDelay",(function(){(U()||!1!==R.current)&&(l.clear(D.current),c.removeClass(D.current,"p-tooltip-active"),x(!1),ce(d.onHide,{originalEvent:e,target:L.current}))})))},te=function(e,t,r){var n=0,o=0,u=r||k;if(_(e)&&t){var i={width:c.getOuterWidth(D.current),height:c.getOuterHeight(D.current)};n=t.x,o=t.y;var a=G(e),l=a.top,s=a.left;switch(u){case"left":n-=i.width+s,o-=i.height/2-l;break;case"right":n+=s,o-=i.height/2-l;break;case"top":n-=i.width/2-s,o-=i.height+l;break;case"bottom":n-=i.width/2-s,o+=l}n<=0||N.current.width>i.width?(D.current.style.left="0px",D.current.style.right=window.innerWidth-i.width-n+"px"):(D.current.style.right="",D.current.style.left=n+"px"),D.current.style.top=o+"px",c.addClass(D.current,"p-tooltip-active")}else{var f=c.findCollisionPosition(u),p=X(e,"my")||d.my||f.my,h=X(e,"at")||d.at||f.at;D.current.style.padding="0px",c.flipfitCollision(D.current,e,p,h,(function(e){var t=e.at,r=t.x,n=d.at?"center"!==r&&r!==e.my.x?r:t.y:e.at["".concat(f.axis)];D.current.style.padding="",A(n),re(n),c.addClass(D.current,"p-tooltip-active")}))}},re=function(e){if(D.current){var t=getComputedStyle(D.current);"left"===e?D.current.style.left=parseFloat(t.left)-2*parseFloat(t.paddingLeft)+"px":"top"===e&&(D.current.style.top=parseFloat(t.top)-2*parseFloat(t.paddingTop)+"px")}},ne=function(){U()||(R.current=!1)},oe=function(e){U()||(R.current=!0,ee(e))},ue=function(e){if(e){var t=q(e),r=t.showEvents,n=t.hideEvents,o=se(e);r.forEach((function(e){return o.addEventListener(e,V)})),n.forEach((function(e){return o.addEventListener(e,ee)}))}},ie=function(e){if(e){var t=q(e),r=t.showEvents,n=t.hideEvents,o=se(e);r.forEach((function(e){return o.removeEventListener(e,V)})),n.forEach((function(e){return o.removeEventListener(e,ee)}))}},ae=function(e,t){le();var r=X(L.current,e.toLowerCase())||d[e];r?j.current["".concat(e)]=setTimeout((function(){return t()}),r):t()},ce=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},le=function(){Object.values(j.current).forEach((function(e){return clearTimeout(e)}))},se=function(e){if(e){if(K(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,h(n=e.parentElement.childNodes)||m(n)||v(n)||y()),delete e.hasWrapper),e}var n;return null},fe=function(e){de(e),pe(e)},pe=function(e){he(e||d.target,ue)},de=function(e){he(e||d.target,ie)},he=function(e,t){if(e=s.getRefElement(e))if(c.isElement(e))t(e);else{var r=function(e){c.find(document,e).forEach((function(e){t(e)}))};e instanceof Array?e.forEach((function(e){r(e)})):r(e)}};e.useEffect((function(){b&&L.current&&z(L.current)&&ee()})),o((function(){pe()})),u((function(){return pe(),function(){de()}}),[V,ee,d.target]),u((function(){if(b){var e=X(L.current,"position")||k,t=X(L.current,"classname");A(e),C(t),Q(e),B(),M()}else A(d.position),C(""),L.current=null,N.current=null,R.current=!0;return function(){Z(),Y()}}),[b]),u((function(){b&&ae("updateDelay",(function(){J(L.current,(function(){te(L.current)}))}))}),[d.content]),i((function(){le(),de(),l.clear(D.current)})),e.useImperativeHandle(g,(function(){return{props:d,updateTargetEvents:fe,loadTargetEvents:pe,unloadTargetEvents:de,getElement:function(){return D.current},getTarget:function(){return L.current}}}));var me,ve,ye,ge,Ee,be,we;if(b){var Te=(Ee=s.findDiffKeys(d,T.defaultProps),be=f("p-tooltip p-component",(me={},ve="p-tooltip-".concat(k),ye=!0,ve in me?Object.defineProperty(me,ve,{value:ye,enumerable:!0,configurable:!0,writable:!0}):me[ve]=ye,me),d.className,I),ge=L.current,we=!(d.content||X(ge,"tooltip")),e.createElement("div",p({id:d.id,ref:D,className:be,style:d.style,role:"tooltip","aria-hidden":b},Ee,{onMouseEnter:ne,onMouseLeave:oe}),e.createElement("div",{className:"p-tooltip-arrow"}),e.createElement("div",{ref:H,className:"p-tooltip-text"},we&&d.children)));return e.createElement(a,{element:Te,appendTo:d.appendTo,visible:!0})}return null})));T.displayName="Tooltip",T.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};export{T as Tooltip};