@atlaskit/tooltip 20.3.2 → 20.4.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/tooltip
 
+## 20.4.0
+
+### Minor Changes
+
+- [#191801](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/191801)
+  [`2896372588f0c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2896372588f0c) -
+  [ux] Fix tooltip focusing behavior
+
+## 20.3.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 20.3.2
 
 ### Patch Changes

package/dist/cjs/tooltip.js

@@ -33,7 +33,7 @@ var tooltipZIndex = _constants.layers.tooltip();
 var analyticsAttributes = {
   componentName: 'tooltip',
   packageName: "@atlaskit/tooltip",
-  packageVersion: "20.3.1"
+  packageVersion: "20.3.3"
 };
 
 // Inverts motion direction
@@ -373,12 +373,12 @@ function Tooltip(_ref) {
       return;
     }
   }, []);
-  var onFocus = (0, _react.useCallback)(function () {
+  var onFocus = (0, _react.useCallback)(function (e) {
     // Check if focus-visible
     // Prevents tooltips from showing when focus is not visible,
     // i.e., when focus is moved onto tooltip trigger inside a popup on open
     try {
-      if (targetRef.current && !targetRef.current.matches(':focus-visible') && (0, _platformFeatureFlags.fg)('platform-tooltip-focus-visible')) {
+      if (!e.target.matches(':focus-visible') && (0, _platformFeatureFlags.fg)('platform-tooltip-focus-visible-new')) {
         return;
       }
     } catch (_) {
@@ -545,5 +545,4 @@ function Tooltip(_ref) {
     }));
   })) : null);
 }
-Tooltip.displayName = 'Tooltip';
 var _default = exports.default = Tooltip;

package/dist/es2019/tooltip.js

@@ -20,7 +20,7 @@ const tooltipZIndex = layers.tooltip();
 const analyticsAttributes = {
   componentName: 'tooltip',
   packageName: "@atlaskit/tooltip",
-  packageVersion: "20.3.1"
+  packageVersion: "20.3.3"
 };
 
 // Inverts motion direction
@@ -349,12 +349,12 @@ function Tooltip({
       return;
     }
   }, []);
-  const onFocus = useCallback(() => {
+  const onFocus = useCallback(e => {
     // Check if focus-visible
     // Prevents tooltips from showing when focus is not visible,
     // i.e., when focus is moved onto tooltip trigger inside a popup on open
     try {
-      if (targetRef.current && !targetRef.current.matches(':focus-visible') && fg('platform-tooltip-focus-visible')) {
+      if (!e.target.matches(':focus-visible') && fg('platform-tooltip-focus-visible-new')) {
         return;
       }
     } catch (_) {
@@ -525,5 +525,4 @@ function Tooltip({
     }) : content)));
   })) : null);
 }
-Tooltip.displayName = 'Tooltip';
 export default Tooltip;

package/dist/esm/tooltip.js

@@ -24,7 +24,7 @@ var tooltipZIndex = layers.tooltip();
 var analyticsAttributes = {
   componentName: 'tooltip',
   packageName: "@atlaskit/tooltip",
-  packageVersion: "20.3.1"
+  packageVersion: "20.3.3"
 };
 
 // Inverts motion direction
@@ -364,12 +364,12 @@ function Tooltip(_ref) {
       return;
     }
   }, []);
-  var onFocus = useCallback(function () {
+  var onFocus = useCallback(function (e) {
     // Check if focus-visible
     // Prevents tooltips from showing when focus is not visible,
     // i.e., when focus is moved onto tooltip trigger inside a popup on open
     try {
-      if (targetRef.current && !targetRef.current.matches(':focus-visible') && fg('platform-tooltip-focus-visible')) {
+      if (!e.target.matches(':focus-visible') && fg('platform-tooltip-focus-visible-new')) {
         return;
       }
     } catch (_) {
@@ -536,5 +536,4 @@ function Tooltip(_ref) {
     }));
   })) : null);
 }
-Tooltip.displayName = 'Tooltip';
 export default Tooltip;

package/dist/types/tooltip.d.ts

@@ -6,7 +6,4 @@ import { type TooltipProps } from './types';
  * A tooltip is a floating, non-actionable label used to explain a user interface element or feature.
  */
 declare function Tooltip({ children, position, mousePosition, content, truncate, component: Container, tag: TargetContainer, testId, delay, onShow, onHide, canAppear, hideTooltipOnClick, hideTooltipOnMouseDown, analyticsContext, strategy, ignoreTooltipPointerEvents, isScreenReaderAnnouncementDisabled, }: TooltipProps): React.JSX.Element;
-declare namespace Tooltip {
-    var displayName: string;
-}
 export default Tooltip;

package/dist/types-ts4.5/tooltip.d.ts

@@ -6,7 +6,4 @@ import { type TooltipProps } from './types';
  * A tooltip is a floating, non-actionable label used to explain a user interface element or feature.
  */
 declare function Tooltip({ children, position, mousePosition, content, truncate, component: Container, tag: TargetContainer, testId, delay, onShow, onHide, canAppear, hideTooltipOnClick, hideTooltipOnMouseDown, analyticsContext, strategy, ignoreTooltipPointerEvents, isScreenReaderAnnouncementDisabled, }: TooltipProps): React.JSX.Element;
-declare namespace Tooltip {
-    var displayName: string;
-}
 export default Tooltip;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tooltip",
-	"version": "20.3.2",
+	"version": "20.4.0",
 	"description": "A tooltip is a floating, non-actionable label used to explain a user interface element or feature.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -41,14 +41,14 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/ds-lib": "^4.0.0",
+		"@atlaskit/ds-lib": "^5.0.0",
 		"@atlaskit/layering": "^3.0.0",
 		"@atlaskit/motion": "^5.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/portal": "^5.1.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tokens": "^5.4.0",
+		"@atlaskit/tokens": "^5.6.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",
 		"bind-event-listener": "^3.0.0"
@@ -61,13 +61,13 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.2.0",
+		"@atlaskit/button": "^23.3.0",
 		"@atlaskit/css": "^0.12.0",
 		"@atlaskit/docs": "^11.0.0",
-		"@atlaskit/icon": "^27.3.0",
+		"@atlaskit/icon": "^27.7.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/primitives": "^14.10.0",
-		"@atlaskit/section-message": "^8.2.0",
+		"@atlaskit/section-message": "^8.5.0",
 		"@atlassian/ssr-tests": "^0.2.0",
 		"@testing-library/react": "^13.4.0",
 		"react-dom": "^18.2.0",
@@ -100,7 +100,7 @@
 	},
 	"homepage": "https://atlassian.design/components/tooltip/",
 	"platform-feature-flags": {
-		"platform-tooltip-focus-visible": {
+		"platform-tooltip-focus-visible-new": {
 			"type": "boolean"
 		},
 		"platform-component-visual-refresh": {