@clayui/tooltip 3.106.1 → 3.108.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.108.0](https://github.com/liferay/clay/compare/v3.107.1...v3.108.0) (2023-12-12)
+
+### Bug Fixes
+
+-   **@clayui/tooltip:** Fix close tooltip when pressing Escape key ([6f40c16](https://github.com/liferay/clay/commit/6f40c16ad2556a99c839822c1486a2e0b2ee710c))
+
+# [3.107.0](https://github.com/liferay/clay/compare/v3.106.1...v3.107.0) (2023-11-27)
+
+**Note:** Version bump only for package @clayui/tooltip
+
 ## [3.106.1](https://github.com/liferay/clay/compare/v3.106.0...v3.106.1) (2023-10-26)
 
 **Note:** Version bump only for package @clayui/tooltip

package/lib/TooltipProvider.js

@@ -120,6 +120,12 @@ var TooltipProvider = function TooltipProvider(_ref2) {
       open = _useTooltipState.open;
 
   var _useClosestTitle = (0, _useClosestTitle2.useClosestTitle)({
+    forceHide: (0, _react.useCallback)(function () {
+      dispatch({
+        type: 'reset'
+      });
+      close();
+    }, []),
     onClick: (0, _react.useCallback)(function () {
       isFocused.current = false;
       isHovered.current = false;
@@ -134,6 +140,7 @@ var TooltipProvider = function TooltipProvider(_ref2) {
     }, []),
     tooltipRef: tooltipRef
   }),
+      forceHide = _useClosestTitle.forceHide,
       getProps = _useClosestTitle.getProps,
       onHide = _useClosestTitle.onHide,
       target = _useClosestTitle.target,
@@ -176,7 +183,7 @@ var TooltipProvider = function TooltipProvider(_ref2) {
     var handleEsc = function handleEsc(event) {
       if (isOpen && event.key === _shared.Keys.Esc) {
         event.stopImmediatePropagation();
-        onHide();
+        forceHide();
       }
     };
 

package/lib/useClosestTitle.d.ts

@@ -4,11 +4,13 @@
  */
 import React from 'react';
 declare type Props = {
+    forceHide: () => void;
     onHide: () => void;
     onClick: () => void;
     tooltipRef: React.MutableRefObject<HTMLElement | null>;
 };
 export declare function useClosestTitle(props: Props): {
+    forceHide: () => void;
     getProps: (event: React.MouseEvent<HTMLElement, MouseEvent>, hideBrowserTitle: boolean) => {
         align: string | null;
         delay: string | null;

package/lib/useClosestTitle.js

@@ -111,6 +111,19 @@ function useClosestTitle(props) {
       targetRef.current = null;
     }
   }, []);
+  var forceHide = (0, _react.useCallback)(function () {
+    props.forceHide();
+
+    if (titleNodeRef.current) {
+      restoreTitle(titleNodeRef.current);
+      titleNodeRef.current = null;
+    }
+
+    if (targetRef.current) {
+      targetRef.current.removeEventListener('click', onClick);
+      targetRef.current = null;
+    }
+  }, []);
   var getProps = (0, _react.useCallback)(function (event, hideBrowserTitle) {
     if (targetRef.current) {
       props.onClick();
@@ -145,6 +158,7 @@ function useClosestTitle(props) {
     }
   }, []);
   return {
+    forceHide: forceHide,
     getProps: getProps,
     onHide: onHide,
     target: targetRef,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@clayui/tooltip",
-	"version": "3.106.1",
+	"version": "3.108.0",
 	"description": "ClayTooltip component",
 	"license": "BSD-3-Clause",
 	"repository": "https://github.com/liferay/clay",
@@ -25,7 +25,7 @@
 		"react"
 	],
 	"dependencies": {
-		"@clayui/shared": "^3.106.1",
+		"@clayui/shared": "^3.107.0",
 		"classnames": "^2.2.6",
 		"dom-align": "^1.12.2",
 		"warning": "^4.0.3"
@@ -38,5 +38,5 @@
 	"browserslist": [
 		"extends browserslist-config-clay"
 	],
-	"gitHead": "b5345687d03988ed7d2409305d394434b9800b34"
+	"gitHead": "411bce66d4ea2f3cb1c62428d5347cb18219a051"
 }