primereact 8.1.0 → 8.3.0

package/tooltip/tooltip.cjs.js

@@ -141,6 +141,9 @@ function _slicedToArray(arr, i) {
   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),
@@ -152,12 +155,18 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       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) {
@@ -261,6 +270,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);
@@ -270,32 +310,7 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       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);
@@ -309,15 +324,10 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       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'));
         });
       }
     }
@@ -327,7 +337,6 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     clearTimeouts();
 
     if (visibleState) {
-      utils.DomHandler.removeClass(currentTargetRef.current, getTargetOption(currentTargetRef.current, 'classname'));
       var success = sendCallback(props.onBeforeHide, {
         originalEvent: e,
         target: currentTargetRef.current
@@ -342,10 +351,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);
-          currentTargetRef.current = null;
-          containerSize.current = null;
-          allowHide.current = true;
           sendCallback(props.onHide, {
             originalEvent: e,
             target: currentTargetRef.current
@@ -355,9 +360,10 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     }
   };
 
-  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 = {
@@ -371,7 +377,7 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
           mouseTrackTop = _getMouseTrackPositio.top,
           mouseTrackLeft = _getMouseTrackPositio.left;
 
-      switch (positionState) {
+      switch (currentPosition) {
         case 'left':
           left -= _containerSize.width + mouseTrackLeft;
           top -= _containerSize.height / 2 - mouseTrackTop;
@@ -404,28 +410,28 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       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';
     }
   };
 
@@ -578,8 +584,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 () {
@@ -602,16 +619,22 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     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.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 m(){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 h(e){if(Array.isArray(e))return e}function v(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 h(e)||v(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],h=g(i.useState(e.position),2),v=h[0],y=h[1],E=i.useRef(null),w=i.useRef(null),T=i.useRef(null),x=i.useRef(null),D=i.useRef(!0),H=i.useRef({}),O=g(r.useResizeListener({listener:function(e){!o.DomHandler.isTouchDevice()&&B(e)}}),2),j=O[0],I=O[1],S=g(r.useOverlayScrollListener({target:T.current,listener:function(e){B(e)},when:a}),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()}},q=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 u=function(){_(T.current,(function(){e.autoZIndex&&!o.ZIndexUtils.get(E.current)&&o.ZIndexUtils.set("tooltip",E.current,l.default.autoZIndex,e.baseZIndex||l.default.zIndex.tooltip),E.current.style.left="",E.current.style.top="",N()&&(E.current.style.pointerEvents="none"),C(T.current)&&!x.current&&(x.current={width:o.DomHandler.getOuterWidth(E.current),height:o.DomHandler.getOuterHeight(E.current)}),F(T.current,{x:t.pageX,y:t.pageY})}))};if(a)G("updateDelay",u);else J(e.onBeforeShow,{originalEvent:t,target:T.current})&&G("showDelay",(function(){s(!0),y(W(T.current)),setTimeout((function(){return u()}),0),J(e.onShow,{originalEvent:t,target:T.current}),o.DomHandler.addClass(T.current,P(T.current,"classname"))}))}},B=function(t){(Q(),a)&&(o.DomHandler.removeClass(T.current,P(T.current,"classname")),J(e.onBeforeHide,{originalEvent:t,target:T.current})&&G("hideDelay",(function(){(N()||!1!==D.current)&&(o.ZIndexUtils.clear(E.current),o.DomHandler.removeClass(E.current,"p-tooltip-active"),s(!1),y(e.position),T.current=null,x.current=null,D.current=!0,J(e.onHide,{originalEvent:t,target:T.current}))})))},F=function(t,r){var n=0,u=0;if(C(t)&&r){var a={width:o.DomHandler.getOuterWidth(E.current),height:o.DomHandler.getOuterHeight(E.current)};n=r.x,u=r.y;var i=M(t),l=i.top,c=i.left;switch(v){case"left":n-=a.width+c,u-=a.height/2-l;break;case"right":n+=c,u-=a.height/2-l;break;case"top":n-=a.width/2-c,u-=a.height+l;break;case"bottom":n-=a.width/2-c,u+=l}n<=0||x.current.width>a.width?(E.current.style.left="0px",E.current.style.right=window.innerWidth-a.width-n+"px"):(E.current.style.right="",E.current.style.left=n+"px"),E.current.style.top=u+"px",o.DomHandler.addClass(E.current,"p-tooltip-active")}else{var s=o.DomHandler.findCollisionPosition(v),f=P(t,"my")||e.my||s.my,d=P(t,"at")||e.at||s.at;E.current.style.padding="0px",o.DomHandler.flipfitCollision(E.current,t,f,d,(function(t){var r=t.at,n=r.x,u=e.at?"center"!==n&&n!==t.my.x?n:r.y:t.at["".concat(s.axis)];E.current.style.padding="",y(u),z(),o.DomHandler.addClass(E.current,"p-tooltip-active")}))}},z=function(){if(E.current){var e=getComputedStyle(E.current);"left"===v?E.current.style.left=parseFloat(e.left)-2*parseFloat(e.paddingLeft)+"px":"top"===v&&(E.current.style.top=parseFloat(e.top)-2*parseFloat(e.paddingTop)+"px")}},Y=function(){N()||(D.current=!1)},K=function(e){N()||(D.current=!0,B(e))},X=function(e){if(e){var t=Z(e),r=t.showEvent,n=t.hideEvent,o=V(e);o.addEventListener(r,q),o.addEventListener(n,B)}},$=function(e){if(e){var t=Z(e),r=t.showEvent,n=t.hideEvent,o=V(e);o.removeEventListener(r,q),o.removeEventListener(n,B)}},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,f(n=e.parentElement.childNodes)||d(n)||p(n)||m()),delete e.hasWrapper),e}var n;return null},ee=function(e){re(e),te(e)},te=function(t){ne(t||e.target,X)},re=function(t){ne(t||e.target,$)},ne=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&&T.current&&L(T.current)&&B()})),r.useMountEffect((function(){te()})),r.useUpdateEffect((function(){return te(),function(){re()}}),[q,B,e.target]),r.useUpdateEffect((function(){return a&&(j(),k()),function(){I(),A()}}),[a]),r.useUpdateEffect((function(){a&&G("updateDelay",(function(){_(T.current,(function(){F(T.current)}))}))}),[e.content]),r.useUnmountEffect((function(){Q(),re(),o.ZIndexUtils.clear(E.current)})),i.useImperativeHandle(t,(function(){return{updateTargetEvents:ee,loadTargetEvents:te,unloadTargetEvents:re}}));var oe,ue,ae,ie,le,ce,se;if(a){var fe=(le=o.ObjectUtils.findDiffKeys(e,b.defaultProps),ce=o.classNames("p-tooltip p-component",(oe={},ue="p-tooltip-".concat(v),ae=!0,ue in oe?Object.defineProperty(oe,ue,{value:ae,enumerable:!0,configurable:!0,writable:!0}):oe[ue]=ae,oe),e.className),ie=T.current,se=!(e.content||P(ie,"tooltip")),i.createElement("div",c({id:e.id,ref:E,className:ce,style:e.style,role:"tooltip","aria-hidden":a},le,{onMouseEnter:Y,onMouseLeave:K}),i.createElement("div",{className:"p-tooltip-arrow"}),i.createElement("div",{ref:w,className:"p-tooltip-text"},se&&e.children)));return i.createElement(n.Portal,{element:fe,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 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 a=i(e),c=u(t);function l(){return l=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},l.apply(this,arguments)}function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}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 h(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 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 m(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,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 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 m(e)||y(e,t)||h(e,t)||g()}function E(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 w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var O=a.memo(a.forwardRef((function(e,t){var u=b(a.useState(!1),2),i=u[0],f=u[1],m=b(a.useState(e.position),2),y=m[0],g=m[1],E=b(a.useState(""),2),j=E[0],D=E[1],T=a.useRef(null),x=a.useRef(null),H=a.useRef(null),S=a.useRef(null),P=a.useRef(!0),k=a.useRef({}),I=a.useRef(null),A=b(r.useResizeListener({listener:function(e){!o.DomHandler.isTouchDevice()&&$(e)}}),2),L=A[0],C=A[1],U=b(r.useOverlayScrollListener({target:H.current,listener:function(e){$(e)},when:i}),2),N=U[0],R=U[1],Z=function(t){return q(t,"mousetrack")||e.mouseTrack},W=function(t){return"true"===q(t,"disabled")||B(t,"disabled")||e.disabled},M=function(t){return q(t,"showondisabled")||e.showOnDisabled},_=function(){return q(H.current,"autohide")||e.autoHide},q=function(e,t){return B(e,"data-pr-".concat(t))?e.getAttribute("data-pr-".concat(t)):null},B=function(e,t){return e&&e.hasAttribute(t)},F=function(t){var r=q(t,"showevent")||e.showEvent,n=q(t,"hideevent")||e.hideEvent;Z(t)?(r="mousemove",n="mouseleave"):"focus"===(q(t,"event")||e.event)&&(r="focus",n="blur");return{showEvent:r,hideEvent:n}},z=function(t){return{top:q(t,"mousetracktop")||e.mouseTrackTop,left:q(t,"mousetrackleft")||e.mouseTrackLeft}},Y=function(t,r){if(x.current){var n=q(t,"tooltip")||e.content;n?(x.current.innerHTML="",x.current.appendChild(document.createTextNode(n)),r()):e.children&&r()}},K=function(t){Y(H.current,(function(){var r=I.current,n=r.pageX,u=r.pageY;e.autoZIndex&&!o.ZIndexUtils.get(T.current)&&o.ZIndexUtils.set("tooltip",T.current,c.default.autoZIndex,e.baseZIndex||c.default.zIndex.tooltip),T.current.style.left="",T.current.style.top="",_()&&(T.current.style.pointerEvents="none"),Z(H.current)&&!S.current&&(S.current={width:o.DomHandler.getOuterWidth(T.current),height:o.DomHandler.getOuterHeight(T.current)}),G(H.current,{x:n,y:u},t)}))},X=function(t){H.current=t.currentTarget;var r,n=W(H.current);(r=M(H.current)&&n?H.current.firstChild:H.current,!(e.content||q(r,"tooltip")||e.children))||n||(I.current=t,i?re("updateDelay",K):ne(e.onBeforeShow,{originalEvent:t,target:H.current})&&re("showDelay",(function(){f(!0),ne(e.onShow,{originalEvent:t,target:H.current})})))},$=function(t){(oe(),i)&&(ne(e.onBeforeHide,{originalEvent:t,target:H.current})&&re("hideDelay",(function(){(_()||!1!==P.current)&&(o.ZIndexUtils.clear(T.current),o.DomHandler.removeClass(T.current,"p-tooltip-active"),f(!1),ne(e.onHide,{originalEvent:t,target:H.current}))})))},G=function(t,r,n){var u=0,i=0,a=n||y;if(Z(t)&&r){var c={width:o.DomHandler.getOuterWidth(T.current),height:o.DomHandler.getOuterHeight(T.current)};u=r.x,i=r.y;var l=z(t),s=l.top,f=l.left;switch(a){case"left":u-=c.width+f,i-=c.height/2-s;break;case"right":u+=f,i-=c.height/2-s;break;case"top":u-=c.width/2-f,i-=c.height+s;break;case"bottom":u-=c.width/2-f,i+=s}u<=0||S.current.width>c.width?(T.current.style.left="0px",T.current.style.right=window.innerWidth-c.width-u+"px"):(T.current.style.right="",T.current.style.left=u+"px"),T.current.style.top=i+"px",o.DomHandler.addClass(T.current,"p-tooltip-active")}else{var d=o.DomHandler.findCollisionPosition(a),p=q(t,"my")||e.my||d.my,h=q(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="",g(u),J(u),o.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,$(e))},ee=function(e){if(e){var t=F(e),r=t.showEvent,n=t.hideEvent,o=ue(e);o.addEventListener(r,X),o.addEventListener(n,$)}},te=function(e){if(e){var t=F(e),r=t.showEvent,n=t.hideEvent,o=ue(e);o.removeEventListener(r,X),o.removeEventListener(n,$)}},re=function(t,r){oe();var n=q(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,d(n=e.parentElement.childNodes)||p(n)||h(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=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)}};a.useEffect((function(){i&&H.current&&W(H.current)&&$()})),r.useMountEffect((function(){ae()})),r.useUpdateEffect((function(){return ae(),function(){ce()}}),[X,$,e.target]),r.useUpdateEffect((function(){if(i){var t=q(H.current,"position")||y,r=q(H.current,"classname");g(t),D(r),K(t),L(),N()}else g(e.position),D(""),H.current=null,S.current=null,P.current=!0;return function(){C(),R()}}),[i]),r.useUpdateEffect((function(){i&&re("updateDelay",(function(){Y(H.current,(function(){G(H.current)}))}))}),[e.content]),r.useUnmountEffect((function(){oe(),ce(),o.ZIndexUtils.clear(T.current)})),a.useImperativeHandle(t,(function(){return w({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=o.ObjectUtils.findDiffKeys(e,O.defaultProps),de=o.classNames("p-tooltip p-component",s({},"p-tooltip-".concat(y),!0),e.className,j),se=H.current,pe=!(e.content||q(se,"tooltip")),a.createElement("div",l({id:e.id,ref:T,className:de,style:e.style,role:"tooltip","aria-hidden":i},fe,{onMouseEnter:Q,onMouseLeave:V}),a.createElement("div",{className:"p-tooltip-arrow"}),a.createElement("div",{ref:x,className:"p-tooltip-text"},pe&&e.children)));return a.createElement(n.Portal,{element:he,appendTo:e.appendTo,visible:!0})}return null})));O.displayName="Tooltip",O.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=O;

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

@@ -114,6 +114,9 @@ function _slicedToArray(arr, i) {
   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.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -125,12 +128,18 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       positionState = _React$useState4[0],
       setPositionState = _React$useState4[1];
 
+  var _React$useState5 = React.useState(''),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      classNameState = _React$useState6[0],
+      setClassNameState = _React$useState6[1];
+
   var elementRef = React.useRef(null);
   var textRef = React.useRef(null);
   var currentTargetRef = React.useRef(null);
   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) {
@@ -234,6 +243,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);
@@ -243,32 +283,7 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       return;
     }
 
-    var updateTooltipState = function updateTooltipState() {
-      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
-        });
-      });
-    };
+    currentMouseEvent.current = e;
 
     if (visibleState) {
       applyDelay('updateDelay', updateTooltipState);
@@ -282,15 +297,10 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       if (success) {
         applyDelay('showDelay', function () {
           setVisibleState(true);
-          setPositionState(getPosition(currentTargetRef.current));
-          setTimeout(function () {
-            return updateTooltipState();
-          }, 0);
           sendCallback(props.onShow, {
             originalEvent: e,
             target: currentTargetRef.current
           });
-          DomHandler.addClass(currentTargetRef.current, getTargetOption(currentTargetRef.current, 'classname'));
         });
       }
     }
@@ -300,7 +310,6 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
     clearTimeouts();
 
     if (visibleState) {
-      DomHandler.removeClass(currentTargetRef.current, getTargetOption(currentTargetRef.current, 'classname'));
       var success = sendCallback(props.onBeforeHide, {
         originalEvent: e,
         target: currentTargetRef.current
@@ -315,10 +324,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);
-          currentTargetRef.current = null;
-          containerSize.current = null;
-          allowHide.current = true;
           sendCallback(props.onHide, {
             originalEvent: e,
             target: currentTargetRef.current
@@ -328,9 +333,10 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
     }
   };
 
-  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 = {
@@ -344,7 +350,7 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
           mouseTrackTop = _getMouseTrackPositio.top,
           mouseTrackLeft = _getMouseTrackPositio.left;
 
-      switch (positionState) {
+      switch (currentPosition) {
         case 'left':
           left -= _containerSize.width + mouseTrackLeft;
           top -= _containerSize.height / 2 - mouseTrackTop;
@@ -377,28 +383,28 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       elementRef.current.style.top = top + 'px';
       DomHandler.addClass(elementRef.current, 'p-tooltip-active');
     } else {
-      var pos = DomHandler.findCollisionPosition(positionState);
+      var pos = 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';
-      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)];
+      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);
         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';
     }
   };
 
@@ -551,8 +557,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 () {
@@ -575,16 +592,22 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
     ZIndexUtils.clear(elementRef.current);
   });
   React.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 = ObjectUtils.findDiffKeys(props, Tooltip.defaultProps);
-    var tooltipClassName = classNames('p-tooltip p-component', _defineProperty({}, "p-tooltip-".concat(positionState), true), props.className);
+    var tooltipClassName = classNames('p-tooltip p-component', _defineProperty({}, "p-tooltip-".concat(positionState), true), props.className, classNameState);
     var empty = isTargetContentEmpty(currentTargetRef.current);
     return /*#__PURE__*/React.createElement("div", _extends({
       id: props.id,

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