@clayui/tooltip 3.79.0 → 3.80.1

package/lib/TooltipProvider.js

@@ -156,7 +156,7 @@ var TooltipProvider = function TooltipProvider(_ref2) {
   });
   var onShow = (0, _react.useCallback)(function (event) {
     if (isHovered.current || isFocused.current) {
-      var _props = getProps(event);
+      var _props = getProps(event, isHovered.current);
 
       if (_props) {
         var _ref3;

package/lib/useClosestTitle.d.ts

@@ -9,7 +9,7 @@ declare type Props = {
     tooltipRef: React.MutableRefObject<HTMLElement | null>;
 };
 export declare function useClosestTitle(props: Props): {
-    getProps: (event: React.MouseEvent<HTMLElement, MouseEvent>) => {
+    getProps: (event: React.MouseEvent<HTMLElement, MouseEvent>, hideBrowserTitle: boolean) => {
         align: string | null;
         delay: string | null;
         floating: boolean;

package/lib/useClosestTitle.js

@@ -46,7 +46,6 @@ function useClosestTitle(props) {
   var targetRef = (0, _react.useRef)(null);
   var titleNodeRef = (0, _react.useRef)(null);
   var saveTitle = (0, _react.useCallback)(function (element) {
-    titleNodeRef.current = element;
     var title = element.getAttribute('title');
 
     if (title) {
@@ -102,7 +101,7 @@ function useClosestTitle(props) {
       targetRef.current = null;
     }
   }, []);
-  var getProps = (0, _react.useCallback)(function (event) {
+  var getProps = (0, _react.useCallback)(function (event, hideBrowserTitle) {
     if (targetRef.current) {
       props.onClick();
 
@@ -119,7 +118,12 @@ function useClosestTitle(props) {
       targetRef.current = target;
       target.addEventListener('click', onClick);
       var title = node.getAttribute('title') || node.getAttribute('data-title') || '';
-      saveTitle(node);
+      titleNodeRef.current = node;
+
+      if (hideBrowserTitle) {
+        saveTitle(node);
+      }
+
       return {
         align: node.getAttribute('data-tooltip-align'),
         delay: node.getAttribute('data-tooltip-delay'),

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@clayui/tooltip",
-	"version": "3.79.0",
+	"version": "3.80.1",
 	"description": "ClayTooltip component",
 	"license": "BSD-3-Clause",
 	"repository": "https://github.com/liferay/clay",
@@ -26,7 +26,7 @@
 		"react"
 	],
 	"dependencies": {
-		"@clayui/shared": "^3.79.0",
+		"@clayui/shared": "^3.80.1",
 		"classnames": "^2.2.6",
 		"dom-align": "^1.12.2",
 		"warning": "^4.0.3"
@@ -39,5 +39,5 @@
 	"browserslist": [
 		"extends browserslist-config-clay"
 	],
-	"gitHead": "4bf7ee4967efc6c2c46aee28b69569f764a1926c"
+	"gitHead": "661fbbd771c0da17fb738536e11361416f631b2f"
 }

package/src/TooltipProvider.tsx

@@ -159,7 +159,7 @@ const TooltipProvider = ({
 	const onShow = useCallback(
 		(event: React.MouseEvent<HTMLElement, MouseEvent>) => {
 			if (isHovered.current || isFocused.current) {
-				const props = getProps(event);
+				const props = getProps(event, isHovered.current);
 
 				if (props) {
 					dispatch({

package/src/useClosestTitle.ts

@@ -52,8 +52,6 @@ export function useClosestTitle(props: Props) {
 	const titleNodeRef = useRef<HTMLElement | null>(null);
 
 	const saveTitle = useCallback((element: HTMLElement) => {
-		titleNodeRef.current = element;
-
 		const title = element.getAttribute('title');
 
 		if (title) {
@@ -120,7 +118,10 @@ export function useClosestTitle(props: Props) {
 	}, []);
 
 	const getProps = useCallback(
-		(event: React.MouseEvent<HTMLElement, MouseEvent>) => {
+		(
+			event: React.MouseEvent<HTMLElement, MouseEvent>,
+			hideBrowserTitle: boolean
+		) => {
 			if (targetRef.current) {
 				props.onClick();
 
@@ -150,7 +151,11 @@ export function useClosestTitle(props: Props) {
 					node.getAttribute('data-title') ||
 					'';
 
-				saveTitle(node);
+				titleNodeRef.current = node;
+
+				if (hideBrowserTitle) {
+					saveTitle(node);
+				}
 
 				return {
 					align: node.getAttribute('data-tooltip-align'),