primereact 8.1.1 → 8.4.0

package/togglebutton/togglebutton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{Ripple as n}from"primereact/ripple";import{Tooltip as o}from"primereact/tooltip";import{ObjectUtils as t,classNames as l,IconUtils as a}from"primereact/utils";function r(){return r=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var o=arguments[n];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e},r.apply(this,arguments)}var c=e.memo(e.forwardRef((function(i,u){var p=e.useRef(null),f=i.onLabel&&i.onLabel.length>0&&i.offLabel&&i.offLabel.length>0,s=i.onIcon&&i.onIcon.length>0&&i.offIcon&&i.offIcon.length>0,d=f?i.checked?i.onLabel:i.offLabel:"&nbsp;",m=i.checked?i.onIcon:i.offIcon,b=function(e){!i.disabled&&i.onChange&&i.onChange({originalEvent:e,value:!i.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:i.name,id:i.id,value:!i.checked}})},g=t.isNotEmpty(i.tooltip),h=!i.disabled&&i.tabIndex,v=t.findDiffKeys(i,c.defaultProps),y=l("p-button p-togglebutton p-component",{"p-button-icon-only":s&&!f,"p-highlight":i.checked,"p-disabled":i.disabled},i.className),I=function(){if(s){var e=l("p-button-icon p-c",{"p-button-icon-left":"left"===i.iconPos&&d,"p-button-icon-right":"right"===i.iconPos&&d});return a.getJSXIcon(m,{className:e},{props:i})}return null}();return e.createElement(e.Fragment,null,e.createElement("div",r({ref:p,id:i.id,className:y,style:i.style},v,{onClick:b,onFocus:i.onFocus,onBlur:i.onBlur,onKeyDown:function(e){32===e.keyCode&&(b(e),e.preventDefault())},tabIndex:h,role:"button","aria-pressed":i.checked}),I,e.createElement("span",{className:"p-button-label"},d),e.createElement(n,null)),g&&e.createElement(o,r({target:p,content:i.tooltip},i.tooltipOptions)))})));c.displayName="ToggleButton",c.defaultProps={__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null};export{c as ToggleButton};
+import*as e from"react";import{Ripple as n}from"primereact/ripple";import{Tooltip as o}from"primereact/tooltip";import{ObjectUtils as t,classNames as l,IconUtils as r}from"primereact/utils";function a(){return a=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var o=arguments[n];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e},a.apply(this,arguments)}var c=e.memo(e.forwardRef((function(i,u){var p=e.useRef(null),f=i.onLabel&&i.onLabel.length>0&&i.offLabel&&i.offLabel.length>0,s=i.onIcon&&i.onIcon.length>0&&i.offIcon&&i.offIcon.length>0,d=f?i.checked?i.onLabel:i.offLabel:"&nbsp;",m=i.checked?i.onIcon:i.offIcon,b=function(e){!i.disabled&&i.onChange&&i.onChange({originalEvent:e,value:!i.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:i.name,id:i.id,value:!i.checked}})};e.useImperativeHandle(u,(function(){return{props:i,getElement:function(){return p.current}}}));var g=t.isNotEmpty(i.tooltip),h=!i.disabled&&i.tabIndex,v=t.findDiffKeys(i,c.defaultProps),I=l("p-button p-togglebutton p-component",{"p-button-icon-only":s&&!f,"p-highlight":i.checked,"p-disabled":i.disabled},i.className),y=function(){if(s){var e=l("p-button-icon p-c",{"p-button-icon-left":"left"===i.iconPos&&d,"p-button-icon-right":"right"===i.iconPos&&d});return r.getJSXIcon(m,{className:e},{props:i})}return null}();return e.createElement(e.Fragment,null,e.createElement("div",a({ref:p,id:i.id,className:I,style:i.style},v,{onClick:b,onFocus:i.onFocus,onBlur:i.onBlur,onKeyDown:function(e){32===e.keyCode&&(b(e),e.preventDefault())},tabIndex:h,role:"button","aria-pressed":i.checked}),y,e.createElement("span",{className:"p-button-label"},d),e.createElement(n,null)),g&&e.createElement(o,a({target:p,content:i.tooltip},i.tooltipOptions)))})));c.displayName="ToggleButton",c.defaultProps={__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null};export{c as ToggleButton};

package/togglebutton/togglebutton.js

@@ -86,6 +86,14 @@ this.primereact.togglebutton = (function (exports, React, ripple, tooltip, utils
       return null;
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var tabIndex = !props.disabled && props.tabIndex;
     var otherProps = utils.ObjectUtils.findDiffKeys(props, ToggleButton.defaultProps);

package/togglebutton/togglebutton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.togglebutton=function(e,t,n,o,l){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=a(t);function r(){return r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},r.apply(this,arguments)}var i=c.memo(c.forwardRef((function(e,t){var a=c.useRef(null),u=e.onLabel&&e.onLabel.length>0&&e.offLabel&&e.offLabel.length>0,s=e.onIcon&&e.onIcon.length>0&&e.offIcon&&e.offIcon.length>0,f=u?e.checked?e.onLabel:e.offLabel:"&nbsp;",p=e.checked?e.onIcon:e.offIcon,b=function(t){!e.disabled&&e.onChange&&e.onChange({originalEvent:t,value:!e.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:!e.checked}})},d=l.ObjectUtils.isNotEmpty(e.tooltip),g=!e.disabled&&e.tabIndex,m=l.ObjectUtils.findDiffKeys(e,i.defaultProps),h=l.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":s&&!u,"p-highlight":e.checked,"p-disabled":e.disabled},e.className),v=function(){if(s){var t=l.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===e.iconPos&&f,"p-button-icon-right":"right"===e.iconPos&&f});return l.IconUtils.getJSXIcon(p,{className:t},{props:e})}return null}();return c.createElement(c.Fragment,null,c.createElement("div",r({ref:a,id:e.id,className:h,style:e.style},m,{onClick:b,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:function(e){32===e.keyCode&&(b(e),e.preventDefault())},tabIndex:g,role:"button","aria-pressed":e.checked}),v,c.createElement("span",{className:"p-button-label"},f),c.createElement(n.Ripple,null)),d&&c.createElement(o.Tooltip,r({target:a,content:e.tooltip},e.tooltipOptions)))})));return i.displayName="ToggleButton",i.defaultProps={__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null},e.ToggleButton=i,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.ripple,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.togglebutton=function(e,t,n,o,l){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=r(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},c.apply(this,arguments)}var i=a.memo(a.forwardRef((function(e,t){var r=a.useRef(null),u=e.onLabel&&e.onLabel.length>0&&e.offLabel&&e.offLabel.length>0,s=e.onIcon&&e.onIcon.length>0&&e.offIcon&&e.offIcon.length>0,p=u?e.checked?e.onLabel:e.offLabel:"&nbsp;",f=e.checked?e.onIcon:e.offIcon,d=function(t){!e.disabled&&e.onChange&&e.onChange({originalEvent:t,value:!e.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:!e.checked}})};a.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return r.current}}}));var b=l.ObjectUtils.isNotEmpty(e.tooltip),g=!e.disabled&&e.tabIndex,m=l.ObjectUtils.findDiffKeys(e,i.defaultProps),h=l.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":s&&!u,"p-highlight":e.checked,"p-disabled":e.disabled},e.className),v=function(){if(s){var t=l.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===e.iconPos&&p,"p-button-icon-right":"right"===e.iconPos&&p});return l.IconUtils.getJSXIcon(f,{className:t},{props:e})}return null}();return a.createElement(a.Fragment,null,a.createElement("div",c({ref:r,id:e.id,className:h,style:e.style},m,{onClick:d,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:function(e){32===e.keyCode&&(d(e),e.preventDefault())},tabIndex:g,role:"button","aria-pressed":e.checked}),v,a.createElement("span",{className:"p-button-label"},p),a.createElement(n.Ripple,null)),b&&a.createElement(o.Tooltip,c({target:r,content:e.tooltip},e.tooltipOptions)))})));return i.displayName="ToggleButton",i.defaultProps={__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null},e.ToggleButton=i,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.ripple,primereact.tooltip,primereact.utils);

package/toolbar/toolbar.cjs.js

@@ -44,12 +44,22 @@ function _extends() {
 }
 
 var Toolbar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var elementRef = React__namespace.useRef(null);
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Toolbar.defaultProps);
   var toolbarClass = utils.classNames('p-toolbar p-component', props.className);
   var left = utils.ObjectUtils.getJSXElement(props.left, props);
   var right = utils.ObjectUtils.getJSXElement(props.right, props);
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     className: toolbarClass,
     style: props.style,
     role: "toolbar"

package/toolbar/toolbar.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=r(e);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},a.apply(this,arguments)}var o=l.memo(l.forwardRef((function(e,r){var n=t.ObjectUtils.findDiffKeys(e,o.defaultProps),s=t.classNames("p-toolbar p-component",e.className),c=t.ObjectUtils.getJSXElement(e.left,e),i=t.ObjectUtils.getJSXElement(e.right,e);return l.createElement("div",a({id:e.id,className:s,style:e.style,role:"toolbar"},n),l.createElement("div",{className:"p-toolbar-group-left"},c),l.createElement("div",{className:"p-toolbar-group-right"},i))})));o.displayName="Toolbar",o.defaultProps={__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null},exports.Toolbar=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=r(e);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},a.apply(this,arguments)}var n=l.memo(l.forwardRef((function(e,r){var o=l.useRef(null),u=t.ObjectUtils.findDiffKeys(e,n.defaultProps),s=t.classNames("p-toolbar p-component",e.className),c=t.ObjectUtils.getJSXElement(e.left,e),i=t.ObjectUtils.getJSXElement(e.right,e);return l.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return o.current}}})),l.createElement("div",a({id:e.id,ref:o,className:s,style:e.style,role:"toolbar"},u),l.createElement("div",{className:"p-toolbar-group-left"},c),l.createElement("div",{className:"p-toolbar-group-right"},i))})));n.displayName="Toolbar",n.defaultProps={__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null},exports.Toolbar=n;

package/toolbar/toolbar.d.ts

@@ -2,13 +2,12 @@ import * as React from 'react';
 
 type ToolbarTemplateType = React.ReactNode | ((props: ToolbarProps) => React.ReactNode);
 
-export interface ToolbarProps {
-    id?: string;
-    style?: object;
-    className?: string;
+export interface ToolbarProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     left?: ToolbarTemplateType;
     right?: ToolbarTemplateType;
     children?: React.ReactNode;
 }
 
-export declare class Toolbar extends React.Component<ToolbarProps, any> { }
+export declare class Toolbar extends React.Component<ToolbarProps, any> { 
+    public getElement(): HTMLDivElement;
+}

package/toolbar/toolbar.esm.js

@@ -20,12 +20,22 @@ function _extends() {
 }
 
 var Toolbar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var elementRef = React.useRef(null);
   var otherProps = ObjectUtils.findDiffKeys(props, Toolbar.defaultProps);
   var toolbarClass = classNames('p-toolbar p-component', props.className);
   var left = ObjectUtils.getJSXElement(props.left, props);
   var right = ObjectUtils.getJSXElement(props.right, props);
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   return /*#__PURE__*/React.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     className: toolbarClass,
     style: props.style,
     role: "toolbar"

package/toolbar/toolbar.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as t,classNames as r}from"primereact/utils";function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},l.apply(this,arguments)}var a=e.memo(e.forwardRef((function(o,n){var s=t.findDiffKeys(o,a.defaultProps),i=r("p-toolbar p-component",o.className),m=t.getJSXElement(o.left,o),p=t.getJSXElement(o.right,o);return e.createElement("div",l({id:o.id,className:i,style:o.style,role:"toolbar"},s),e.createElement("div",{className:"p-toolbar-group-left"},m),e.createElement("div",{className:"p-toolbar-group-right"},p))})));a.displayName="Toolbar",a.defaultProps={__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null};export{a as Toolbar};
+import*as e from"react";import{ObjectUtils as t,classNames as r}from"primereact/utils";function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},l.apply(this,arguments)}var a=e.memo(e.forwardRef((function(o,n){var s=e.useRef(null),i=t.findDiffKeys(o,a.defaultProps),u=r("p-toolbar p-component",o.className),p=t.getJSXElement(o.left,o),f=t.getJSXElement(o.right,o);return e.useImperativeHandle(n,(function(){return{props:o,getElement:function(){return s.current}}})),e.createElement("div",l({id:o.id,ref:s,className:u,style:o.style,role:"toolbar"},i),e.createElement("div",{className:"p-toolbar-group-left"},p),e.createElement("div",{className:"p-toolbar-group-right"},f))})));a.displayName="Toolbar",a.defaultProps={__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null};export{a as Toolbar};

package/toolbar/toolbar.js

@@ -41,12 +41,22 @@ this.primereact.toolbar = (function (exports, React, utils) {
   }
 
   var Toolbar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+    var elementRef = React__namespace.useRef(null);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Toolbar.defaultProps);
     var toolbarClass = utils.classNames('p-toolbar p-component', props.className);
     var left = utils.ObjectUtils.getJSXElement(props.left, props);
     var right = utils.ObjectUtils.getJSXElement(props.right, props);
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       id: props.id,
+      ref: elementRef,
       className: toolbarClass,
       style: props.style,
       role: "toolbar"

package/toolbar/toolbar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.toolbar=function(e,t,r){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=l(t);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},o.apply(this,arguments)}var n=a.memo(a.forwardRef((function(e,t){var l=r.ObjectUtils.findDiffKeys(e,n.defaultProps),i=r.classNames("p-toolbar p-component",e.className),c=r.ObjectUtils.getJSXElement(e.left,e),s=r.ObjectUtils.getJSXElement(e.right,e);return a.createElement("div",o({id:e.id,className:i,style:e.style,role:"toolbar"},l),a.createElement("div",{className:"p-toolbar-group-left"},c),a.createElement("div",{className:"p-toolbar-group-right"},s))})));return n.displayName="Toolbar",n.defaultProps={__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null},e.Toolbar=n,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.toolbar=function(e,t,r){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=l(t);function n(){return n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},n.apply(this,arguments)}var o=a.memo(a.forwardRef((function(e,t){var l=a.useRef(null),i=r.ObjectUtils.findDiffKeys(e,o.defaultProps),c=r.classNames("p-toolbar p-component",e.className),s=r.ObjectUtils.getJSXElement(e.left,e),u=r.ObjectUtils.getJSXElement(e.right,e);return a.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return l.current}}})),a.createElement("div",n({id:e.id,ref:l,className:c,style:e.style,role:"toolbar"},i),a.createElement("div",{className:"p-toolbar-group-left"},s),a.createElement("div",{className:"p-toolbar-group-right"},u))})));return o.displayName="Toolbar",o.defaultProps={__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null},e.Toolbar=o,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/tooltip/tooltip.cjs.js

@@ -152,12 +152,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 +267,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 +307,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 +321,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 +334,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 +348,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 +357,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 +374,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 +407,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';
     }
   };
 
@@ -493,7 +496,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);
     });
   };
@@ -578,8 +581,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 () {
@@ -603,15 +617,22 @@ 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;
+      }
     };
   });
 
   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 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 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 h(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 h(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],h=g(i.useState(e.position),2),m=h[0],y=h[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;P(t)?(r="mousemove",n="mouseleave"):"focus"===(M(t,"event")||e.event)&&(r="focus",n="blur");return{showEvent:r,hideEvent: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,v=M(t,"at")||e.at||d.at;x.current.style.padding="0px",o.DomHandler.flipfitCollision(x.current,t,p,v,(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.showEvent,n=t.hideEvent,o=ne(e);o.addEventListener(r,Y),o.addEventListener(n,K)}},V=function(e){if(e){var t=q(e),r=t.showEvent,n=t.hideEvent,o=ne(e);o.removeEventListener(r,Y),o.removeEventListener(n,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)||v()),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,ve;if(a){var he=(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,ve=!(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"},ve&&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;

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;
 }