From f8dff8b732488b542acb705cec29183bbd349cf4 Mon Sep 17 00:00:00 2001
From: Melloware <mellowaredev@gmail.com>
Date: Mon, 3 Jul 2023 13:48:50 -0400
Subject: [PATCH] Fix #4604: Tooltip autohide fix (#4605)

---
 components/doc/tooltip/autohidedoc.js | 8 ++++----
 components/lib/tooltip/Tooltip.js     | 5 ++---
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/components/doc/tooltip/autohidedoc.js b/components/doc/tooltip/autohidedoc.js
index d994da8582..d4ed047e38 100644
--- a/components/doc/tooltip/autohidedoc.js
+++ b/components/doc/tooltip/autohidedoc.js
@@ -9,7 +9,7 @@ export function AutoHideDoc(props) {
 
     const code = {
         basic: `
-<Button type="button" label="Save" icon="pi pi-check" tooltip="Save (autoHide: true)" />
+<Button type="button" label="Save" icon="pi pi-check" tooltip="Save (autoHide: true)" tooltipOptions={{ position: 'left' }} />
 
 <Tooltip target=".tooltip-button" autoHide={false}>
     <div className="flex align-items-center">
@@ -30,7 +30,7 @@ export default function AutoHideDemo() {
 
     return (
         <div className="card flex flex-wrap align-items-center justify-content-center gap-2">
-            <Button type="button" label="Save" icon="pi pi-check" tooltip="Save (autoHide: true)" />
+            <Button type="button" label="Save" icon="pi pi-check" tooltip="Save (autoHide: true)" tooltipOptions={{ position: 'left' }} />
 
             <Tooltip target=".tooltip-button" autoHide={false}>
                 <div className="flex align-items-center">
@@ -54,7 +54,7 @@ export default function AutoHideDemo() {
 
     return (
         <div className="card flex flex-wrap align-items-center justify-content-center gap-2">
-            <Button type="button" label="Save" icon="pi pi-check" tooltip="Save (autoHide: true)" />
+            <Button type="button" label="Save" icon="pi pi-check" tooltip="Save (autoHide: true)" tooltipOptions={{ position: 'left' }} />
 
             <Tooltip target=".tooltip-button" autoHide={false}>
                 <div className="flex align-items-center">
@@ -78,7 +78,7 @@ export default function AutoHideDemo() {
                 </p>
             </DocSectionText>
             <div className="card flex flex-wrap align-items-center justify-content-center gap-2">
-                <Button type="button" label="Save" icon="pi pi-check" tooltip="Save (autoHide: true)" />
+                <Button type="button" label="Save" icon="pi pi-check" tooltip="Save (autoHide: true)" tooltipOptions={{ position: 'left' }} />
 
                 <Tooltip target=".tooltip-button" autoHide={false}>
                     <div className="flex align-items-center">
diff --git a/components/lib/tooltip/Tooltip.js b/components/lib/tooltip/Tooltip.js
index 94bcaf7e4b..88e13528ff 100644
--- a/components/lib/tooltip/Tooltip.js
+++ b/components/lib/tooltip/Tooltip.js
@@ -1,10 +1,9 @@
 import * as React from 'react';
-import { PrimeReactContext } from '../api/Api';
+import PrimeReact, { PrimeReactContext } from '../api/Api';
 import { useMountEffect, useOverlayScrollListener, useResizeListener, useUnmountEffect, useUpdateEffect } from '../hooks/Hooks';
 import { Portal } from '../portal/Portal';
 import { DomHandler, ObjectUtils, ZIndexUtils, classNames, mergeProps } from '../utils/Utils';
 import { TooltipBase } from './TooltipBase';
-import PrimeReact from '../api/Api';
 
 export const Tooltip = React.memo(
     React.forwardRef((inProps, ref) => {
@@ -489,7 +488,7 @@ export const Tooltip = React.memo(
                     role: 'tooltip',
                     'aria-hidden': visibleState,
                     onMouseEnter: (e) => onMouseEnter(e),
-                    onMouseLeave: (e) => onMouseLeave
+                    onMouseLeave: (e) => onMouseLeave(e)
                 },
                 TooltipBase.getOtherProps(props),
                 ptm('root')