@atlaskit/tooltip 17.6.2 → 17.6.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/tooltip
 
+## 17.6.4
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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.4"
 }; // 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.4",
 	"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.4"
 }; // 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.4",
 	"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.4"
 }; // 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.4",
 	"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.4",
   "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,10 +35,10 @@
     "@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.4.0",
     "@atlaskit/portal": "^4.1.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.11.0",
+    "@atlaskit/tokens": "^0.12.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "bind-event-listener": "^2.1.1",
@@ -49,7 +49,7 @@
     "react-dom": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.4.0",
+    "@atlaskit/button": "^16.5.0",
     "@atlaskit/docs": "*",
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/section-message": "^6.3.0",

package/report.api.md

@@ -1,12 +1,17 @@
+<!-- API Report Version: 2.2 -->
+
 ## API Report File for "@atlaskit/tooltip"
 
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
+### Table of contents
 
-<!--
-	Generated API Report version: 2.0
--->
+- [Main Entry Types](#main-entry-types)
 
-[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+### Main Entry Types
+
+<!--SECTION START: Main Entry Types-->
 
 ```ts
 import { ComponentType } from 'react';
@@ -19,7 +24,7 @@ import { RefAttributes } from 'react';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 
 // @public (undocumented)
-export type PositionType = PositionTypeBase | 'mouse';
+export type PositionType = 'mouse' | PositionTypeBase;
 
 // @public (undocumented)
 type PositionTypeBase = Placement;
@@ -54,14 +59,14 @@ export default Tooltip;
 export const TooltipPrimitive: ForwardRefExoticComponent<
   Pick<
     TooltipPrimitiveProps,
-    | 'style'
-    | 'className'
     | 'children'
-    | 'placement'
-    | 'testId'
+    | 'className'
+    | 'id'
     | 'onMouseOut'
     | 'onMouseOver'
-    | 'id'
+    | 'placement'
+    | 'style'
+    | 'testId'
     | 'truncate'
   > &
     RefAttributes<HTMLDivElement>
@@ -94,9 +99,9 @@ export interface TooltipPrimitiveProps {
 // @public (undocumented)
 export interface TooltipProps {
   analyticsContext?: Record<string, any>;
-  children: ReactNode | ((props: TriggerProps) => ReactNode);
+  children: ((props: TriggerProps) => ReactNode) | ReactNode;
   component?: ComponentType<TooltipPrimitiveProps>;
-  content: ReactNode | (({ update }: { update: () => void }) => ReactNode);
+  content: (({ update }: { update: () => void }) => ReactNode) | ReactNode;
   delay?: number;
   hideTooltipOnClick?: boolean;
   hideTooltipOnMouseDown?: boolean;
@@ -106,12 +111,12 @@ export interface TooltipProps {
   position?: PositionType;
   strategy?: 'absolute' | 'fixed' | undefined;
   tag?:
-    | keyof JSX.IntrinsicElements
     | React.ComponentType<
         React.AllHTMLAttributes<HTMLElement> & {
           ref: React.Ref<HTMLElement>;
         }
-      >;
+      >
+    | keyof JSX.IntrinsicElements;
   testId?: string;
   truncate?: boolean;
 }
@@ -136,3 +141,5 @@ interface TriggerProps {
 
 // (No @packageDocumentation comment for this package)
 ```
+
+<!--SECTION END: Main Entry Types-->