@atlaskit/tooltip 17.6.2 → 17.6.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/tooltip
 
+## 17.6.3
+
+### Patch Changes
+
+- [`4fd77eaf22b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4fd77eaf22b) - Align TriggerProps with the actual output, and make data-testid explicit
+
 ## 17.6.2
 
 ### Patch Changes

package/dist/cjs/Tooltip.js

@@ -58,7 +58,7 @@ var tooltipZIndex = _constants.layers.tooltip();
 var analyticsAttributes = {
   componentName: 'tooltip',
   packageName: "@atlaskit/tooltip",
-  packageVersion: "17.6.2"
+  packageVersion: "17.6.3"
 }; // Inverts motion direction
 
 var invertedDirection = {
@@ -399,14 +399,19 @@ function Tooltip(_ref) {
     onMouseOver: onMouseOver,
     onMouseOut: onMouseOut,
     onMouseMove: onMouseMove,
-    onClick: onClick,
     onMouseDown: onMouseDown,
+    onClick: onClick,
     onFocus: onFocus,
     onBlur: onBlur,
     ref: setRef,
-    'aria-describedby': tooltipId,
-    'data-testid': testId ? "".concat(testId, "--container") : undefined
-  };
+    'aria-describedby': tooltipId
+  }; // Don't set `data-testid` unless it's defined, as it's not in the interface.
+
+  if (testId) {
+    // @ts-expect-error - Adding `data-testid` to the TriggerProps interface breaks Buttons.
+    tooltipTriggerProps['data-testid'] = "".concat(testId, "--container");
+  }
+
   return (0, _react2.jsx)(_react.default.Fragment, null, typeof children === 'function' ? children(tooltipTriggerProps) : (0, _react2.jsx)(CastTargetContainer, (0, _extends2.default)({}, tooltipTriggerProps, {
     role: "presentation"
   }), children), shouldRenderTooltipContainer ? (0, _react2.jsx)(_portal.default, {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/tooltip",
-	"version": "17.6.2",
+	"version": "17.6.3",
 	"sideEffects": false
 }

package/dist/es2019/Tooltip.js

@@ -20,7 +20,7 @@ const tooltipZIndex = layers.tooltip();
 const analyticsAttributes = {
   componentName: 'tooltip',
   packageName: "@atlaskit/tooltip",
-  packageVersion: "17.6.2"
+  packageVersion: "17.6.3"
 }; // Inverts motion direction
 
 const invertedDirection = {
@@ -346,14 +346,19 @@ function Tooltip({
     onMouseOver,
     onMouseOut,
     onMouseMove,
-    onClick,
     onMouseDown,
+    onClick,
     onFocus,
     onBlur,
     ref: setRef,
-    'aria-describedby': tooltipId,
-    'data-testid': testId ? `${testId}--container` : undefined
-  };
+    'aria-describedby': tooltipId
+  }; // Don't set `data-testid` unless it's defined, as it's not in the interface.
+
+  if (testId) {
+    // @ts-expect-error - Adding `data-testid` to the TriggerProps interface breaks Buttons.
+    tooltipTriggerProps['data-testid'] = `${testId}--container`;
+  }
+
   return jsx(React.Fragment, null, typeof children === 'function' ? children(tooltipTriggerProps) : jsx(CastTargetContainer, _extends({}, tooltipTriggerProps, {
     role: "presentation"
   }), children), shouldRenderTooltipContainer ? jsx(Portal, {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/tooltip",
-	"version": "17.6.2",
+	"version": "17.6.3",
 	"sideEffects": false
 }

package/dist/esm/Tooltip.js

@@ -26,7 +26,7 @@ var tooltipZIndex = layers.tooltip();
 var analyticsAttributes = {
   componentName: 'tooltip',
   packageName: "@atlaskit/tooltip",
-  packageVersion: "17.6.2"
+  packageVersion: "17.6.3"
 }; // Inverts motion direction
 
 var invertedDirection = {
@@ -367,14 +367,19 @@ function Tooltip(_ref) {
     onMouseOver: onMouseOver,
     onMouseOut: onMouseOut,
     onMouseMove: onMouseMove,
-    onClick: onClick,
     onMouseDown: onMouseDown,
+    onClick: onClick,
     onFocus: onFocus,
     onBlur: onBlur,
     ref: setRef,
-    'aria-describedby': tooltipId,
-    'data-testid': testId ? "".concat(testId, "--container") : undefined
-  };
+    'aria-describedby': tooltipId
+  }; // Don't set `data-testid` unless it's defined, as it's not in the interface.
+
+  if (testId) {
+    // @ts-expect-error - Adding `data-testid` to the TriggerProps interface breaks Buttons.
+    tooltipTriggerProps['data-testid'] = "".concat(testId, "--container");
+  }
+
   return jsx(React.Fragment, null, typeof children === 'function' ? children(tooltipTriggerProps) : jsx(CastTargetContainer, _extends({}, tooltipTriggerProps, {
     role: "presentation"
   }), children), shouldRenderTooltipContainer ? jsx(Portal, {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/tooltip",
-	"version": "17.6.2",
+	"version": "17.6.3",
 	"sideEffects": false
 }

package/dist/types/types.d.ts

@@ -7,11 +7,13 @@ export declare type PositionType = PositionTypeBase | 'mouse';
 export interface TriggerProps {
     onMouseOver: (event: React.MouseEvent<HTMLElement>) => void;
     onMouseOut: (event: React.MouseEvent<HTMLElement>) => void;
+    onMouseMove: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
     onMouseDown: (event: React.MouseEvent<HTMLElement>) => void;
     onClick: (event: React.MouseEvent<HTMLElement>) => void;
     onFocus: (event: React.FocusEvent<HTMLElement>) => void;
     onBlur: (event: React.FocusEvent<HTMLElement>) => void;
     ref: (node: HTMLElement | null) => void;
+    'aria-describedby': string | undefined;
 }
 export interface TooltipProps {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tooltip",
-  "version": "17.6.2",
+  "version": "17.6.3",
   "description": "A tooltip is a floating, non-actionable label used to explain a user interface element or feature.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/ds-lib": "^2.1.0",
     "@atlaskit/motion": "^1.3.0",
-    "@atlaskit/popper": "^5.0.0",
+    "@atlaskit/popper": "^5.3.0",
     "@atlaskit/portal": "^4.1.0",
     "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.11.0",