@atlaskit/tooltip 19.0.3 → 19.1.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/tooltip
 
+## 19.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 19.1.0
+
+### Minor Changes
+
+- [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
+  [`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
+  Update `React` from v16 to v18
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 19.0.3
 
 ### Patch Changes

package/dist/cjs/tooltip-container.compiled.css

@@ -1,16 +1,19 @@
 ._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
-._1yt4nmcz{padding:var(--_a5vo3x)}
 ._2rko1sit{border-radius:var(--ds-border-radius,3px)}
 ._152tze3t{inset-block-start:var(--ds-space-0,0)}
 ._18m915vq{overflow-y:hidden}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1e02ze3t{inset-inline-start:var(--ds-space-0,0)}
 ._1i4q1hna{overflow-wrap:break-word}
+._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
 ._1reo15vq{overflow-x:hidden}
+._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
 ._bfhkpioe{background-color:var(--_yr7xfv)}
+._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
 ._o5721q9c{white-space:nowrap}
 ._p12f1pna{max-width:420px}
 ._p12fp3fh{max-width:15pc}
 ._slp31hna{word-wrap:break-word}
 ._syaz1i9p{color:var(--_ywovvi)}
-._vchhusvi{box-sizing:border-box}
+._vchhusvi{box-sizing:border-box}
+._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}

package/dist/cjs/tooltip-container.js

@@ -1,4 +1,4 @@
-/* tooltip-container.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* tooltip-container.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -41,14 +41,13 @@ var TooltipContainer = /*#__PURE__*/(0, _react.forwardRef)(function TooltipConta
     ,
 
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: (0, _runtime.ax)(["_1yt4nmcz _2rko1sit _11c8qk37 _vchhusvi _p12fp3fh _bfhkpioe _syaz1i9p _152tze3t _1e02ze3t _1i4q1hna _slp31hna", truncate && "_1reo15vq _18m915vq _p12f1pna _1bto1l2s _o5721q9c", className]),
+    className: (0, _runtime.ax)(["_2rko1sit _11c8qk37 _vchhusvi _p12fp3fh _bfhkpioe _syaz1i9p _152tze3t _1e02ze3t _1i4q1hna _85i5v77o _1q51v77o _y4ti12x7 _bozg12x7 _slp31hna", truncate && "_1reo15vq _18m915vq _p12f1pna _1bto1l2s _o5721q9c", className]),
     placement: placement,
     testId: testId,
     id: id,
     onMouseOut: onMouseOut,
     onMouseOver: onMouseOver,
     style: _objectSpread(_objectSpread({}, style), {}, {
-      "--_a5vo3x": (0, _runtime.ix)("var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-075, 6px)")),
       "--_yr7xfv": (0, _runtime.ix)("var(--ds-background-neutral-bold, ".concat(_colors.N800, ")")),
       "--_ywovvi": (0, _runtime.ix)("var(--ds-text-inverse, ".concat(_colors.N0, ")"))
     })

package/dist/cjs/tooltip.js

@@ -34,7 +34,7 @@ var tooltipZIndex = _constants.layers.tooltip();
 var analyticsAttributes = {
   componentName: 'tooltip',
   packageName: "@atlaskit/tooltip",
-  packageVersion: "19.0.3"
+  packageVersion: "19.1.1"
 };
 
 // Inverts motion direction

package/dist/es2019/tooltip-container.compiled.css

@@ -1,16 +1,19 @@
 ._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
-._1yt41ppf{padding:var(--ds-space-025,2px) var(--ds-space-075,6px)}
 ._2rko1sit{border-radius:var(--ds-border-radius,3px)}
 ._152tze3t{inset-block-start:var(--ds-space-0,0)}
 ._18m915vq{overflow-y:hidden}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1e02ze3t{inset-inline-start:var(--ds-space-0,0)}
 ._1i4q1hna{overflow-wrap:break-word}
+._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
 ._1reo15vq{overflow-x:hidden}
+._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
 ._bfhkgkf6{background-color:var(--ds-background-neutral-bold,#172b4d)}
+._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
 ._o5721q9c{white-space:nowrap}
 ._p12f1pna{max-width:420px}
 ._p12fp3fh{max-width:15pc}
 ._slp31hna{word-wrap:break-word}
 ._syaz15cr{color:var(--ds-text-inverse,#fff)}
-._vchhusvi{box-sizing:border-box}
+._vchhusvi{box-sizing:border-box}
+._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}

package/dist/es2019/tooltip-container.js

@@ -1,4 +1,4 @@
-/* tooltip-container.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* tooltip-container.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./tooltip-container.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -30,7 +30,7 @@ const TooltipContainer = /*#__PURE__*/forwardRef(function TooltipContainer({
     style: style
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: ax(["_1yt41ppf _2rko1sit _11c8qk37 _vchhusvi _p12fp3fh _bfhkgkf6 _syaz15cr _152tze3t _1e02ze3t _1i4q1hna _slp31hna", truncate && "_1reo15vq _18m915vq _p12f1pna _1bto1l2s _o5721q9c", className]),
+    className: ax(["_2rko1sit _11c8qk37 _vchhusvi _p12fp3fh _bfhkgkf6 _syaz15cr _152tze3t _1e02ze3t _1i4q1hna _85i5v77o _1q51v77o _y4ti12x7 _bozg12x7 _slp31hna", truncate && "_1reo15vq _18m915vq _p12f1pna _1bto1l2s _o5721q9c", className]),
     placement: placement,
     testId: testId,
     id: id,

package/dist/es2019/tooltip.js

@@ -20,7 +20,7 @@ const tooltipZIndex = layers.tooltip();
 const analyticsAttributes = {
   componentName: 'tooltip',
   packageName: "@atlaskit/tooltip",
-  packageVersion: "19.0.3"
+  packageVersion: "19.1.1"
 };
 
 // Inverts motion direction

package/dist/esm/tooltip-container.compiled.css

@@ -1,16 +1,19 @@
 ._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
-._1yt4nmcz{padding:var(--_a5vo3x)}
 ._2rko1sit{border-radius:var(--ds-border-radius,3px)}
 ._152tze3t{inset-block-start:var(--ds-space-0,0)}
 ._18m915vq{overflow-y:hidden}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1e02ze3t{inset-inline-start:var(--ds-space-0,0)}
 ._1i4q1hna{overflow-wrap:break-word}
+._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
 ._1reo15vq{overflow-x:hidden}
+._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
 ._bfhkpioe{background-color:var(--_yr7xfv)}
+._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
 ._o5721q9c{white-space:nowrap}
 ._p12f1pna{max-width:420px}
 ._p12fp3fh{max-width:15pc}
 ._slp31hna{word-wrap:break-word}
 ._syaz1i9p{color:var(--_ywovvi)}
-._vchhusvi{box-sizing:border-box}
+._vchhusvi{box-sizing:border-box}
+._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}

package/dist/esm/tooltip-container.js

@@ -1,4 +1,4 @@
-/* tooltip-container.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* tooltip-container.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./tooltip-container.compiled.css";
 import * as React from 'react';
@@ -31,14 +31,13 @@ var TooltipContainer = /*#__PURE__*/forwardRef(function TooltipContainer(_ref, r
     ,
 
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ax(["_1yt4nmcz _2rko1sit _11c8qk37 _vchhusvi _p12fp3fh _bfhkpioe _syaz1i9p _152tze3t _1e02ze3t _1i4q1hna _slp31hna", truncate && "_1reo15vq _18m915vq _p12f1pna _1bto1l2s _o5721q9c", className]),
+    className: ax(["_2rko1sit _11c8qk37 _vchhusvi _p12fp3fh _bfhkpioe _syaz1i9p _152tze3t _1e02ze3t _1i4q1hna _85i5v77o _1q51v77o _y4ti12x7 _bozg12x7 _slp31hna", truncate && "_1reo15vq _18m915vq _p12f1pna _1bto1l2s _o5721q9c", className]),
     placement: placement,
     testId: testId,
     id: id,
     onMouseOut: onMouseOut,
     onMouseOver: onMouseOver,
     style: _objectSpread(_objectSpread({}, style), {}, {
-      "--_a5vo3x": ix("var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-075, 6px)")),
       "--_yr7xfv": ix("var(--ds-background-neutral-bold, ".concat(N800, ")")),
       "--_ywovvi": ix("var(--ds-text-inverse, ".concat(N0, ")"))
     })

package/dist/esm/tooltip.js

@@ -24,7 +24,7 @@ var tooltipZIndex = layers.tooltip();
 var analyticsAttributes = {
   componentName: 'tooltip',
   packageName: "@atlaskit/tooltip",
-  packageVersion: "19.0.3"
+  packageVersion: "19.1.1"
 };
 
 // Inverts motion direction

package/dist/types/tooltip-container.d.ts

@@ -6,5 +6,5 @@ export interface TooltipContainerProps extends TooltipPrimitiveProps {
  * Used as the default tooltip container component for the exported `Tooltip` component.
  * Adds some styles to the tooltip primitive.
  */
-declare const TooltipContainer: import("react").ForwardRefExoticComponent<Pick<TooltipContainerProps, "truncate" | "style" | "className" | "children" | "testId" | "placement" | "onMouseOver" | "onMouseOut" | "id"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const TooltipContainer: import("react").ForwardRefExoticComponent<Omit<TooltipContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default TooltipContainer;

package/dist/types/tooltip-primitive.d.ts

@@ -19,5 +19,5 @@ export interface TooltipPrimitiveProps {
 /**
  * The lower level component for rendering a tooltip.
  */
-declare const TooltipPrimitive: import("react").ForwardRefExoticComponent<Pick<TooltipPrimitiveProps, "truncate" | "style" | "className" | "children" | "testId" | "placement" | "onMouseOver" | "onMouseOut" | "id"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const TooltipPrimitive: import("react").ForwardRefExoticComponent<Omit<TooltipPrimitiveProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default TooltipPrimitive;

package/dist/types/tooltip.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { type TooltipProps } from './types';
 /**
  * __Tooltip__
  *
  * 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): JSX.Element;
+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;
 }

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

@@ -6,5 +6,5 @@ export interface TooltipContainerProps extends TooltipPrimitiveProps {
  * Used as the default tooltip container component for the exported `Tooltip` component.
  * Adds some styles to the tooltip primitive.
  */
-declare const TooltipContainer: import("react").ForwardRefExoticComponent<Pick<TooltipContainerProps, "truncate" | "style" | "className" | "children" | "testId" | "placement" | "onMouseOver" | "onMouseOut" | "id"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const TooltipContainer: import("react").ForwardRefExoticComponent<Omit<TooltipContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default TooltipContainer;

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

@@ -19,5 +19,5 @@ export interface TooltipPrimitiveProps {
 /**
  * The lower level component for rendering a tooltip.
  */
-declare const TooltipPrimitive: import("react").ForwardRefExoticComponent<Pick<TooltipPrimitiveProps, "truncate" | "style" | "className" | "children" | "testId" | "placement" | "onMouseOver" | "onMouseOut" | "id"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const TooltipPrimitive: import("react").ForwardRefExoticComponent<Omit<TooltipPrimitiveProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default TooltipPrimitive;

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { type TooltipProps } from './types';
 /**
  * __Tooltip__
  *
  * 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): JSX.Element;
+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;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tooltip",
-	"version": "19.0.3",
+	"version": "19.1.1",
 	"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 @@
 		"./utilities": "./src/utilities.ts"
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^10.2.0",
-		"@atlaskit/ds-lib": "^3.3.0",
-		"@atlaskit/layering": "^1.0.0",
-		"@atlaskit/motion": "^1.9.0",
-		"@atlaskit/popper": "^6.3.0",
-		"@atlaskit/portal": "^4.10.0",
-		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^3.1.0",
+		"@atlaskit/analytics-next": "^10.3.0",
+		"@atlaskit/ds-lib": "^3.5.0",
+		"@atlaskit/layering": "^1.1.0",
+		"@atlaskit/motion": "^1.10.0",
+		"@atlaskit/popper": "^6.4.0",
+		"@atlaskit/portal": "^4.11.0",
+		"@atlaskit/theme": "^15.0.0",
+		"@atlaskit/tokens": "^3.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.1",
 		"@emotion/react": "^11.7.1",
@@ -61,15 +61,15 @@
 	"devDependencies": {
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
-		"@atlaskit/button": "^20.3.0",
-		"@atlaskit/css": "^0.7.0",
+		"@atlaskit/button": "^20.5.0",
+		"@atlaskit/css": "^0.8.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/visual-regression": "*",
 		"@testing-library/dom": "^10.1.0",
-		"@testing-library/react": "^12.1.5",
+		"@testing-library/react": "^13.4.0",
 		"@types/react-redux": "^5.0.0",
 		"jest-in-case": "^1.0.2",
-		"react-dom": "^16.8.0",
+		"react-dom": "^18.2.0",
 		"react-redux": "^5.1.2",
 		"storybook-addon-performance": "^0.17.3",
 		"typescript": "~5.4.2"

package/__perf__/default.tsx

@@ -1,11 +0,0 @@
-import React from 'react';
-
-import Button from '@atlaskit/button';
-
-import Tooltip from '../src';
-
-export default () => (
-	<Tooltip content="Hello World">
-		<Button appearance="primary">Hover over me</Button>
-	</Tooltip>
-);

package/__perf__/examples.tsx

@@ -1,59 +0,0 @@
-import React, { useLayoutEffect } from 'react';
-
-import { findByTestId, fireEvent } from '@testing-library/dom';
-import { type InteractionTaskArgs, type PublicInteractionTask } from 'storybook-addon-performance';
-
-import Tooltip from '../src';
-
-function Child() {
-	return <div id="tooltip-reference">New tooltip</div>;
-}
-
-function DefaultTooltip() {
-	useLayoutEffect(() => {}, []);
-	return (
-		<Tooltip delay={0} content="Hello World" testId="tooltip">
-			<Child />
-		</Tooltip>
-	);
-}
-
-const tooltip = () => <DefaultTooltip />;
-
-const interactionTasks: PublicInteractionTask[] = [
-	{
-		name: 'Display tooltip',
-		description: 'Hover over div and wait for tooltip to load',
-		run: async ({ container, controls }: InteractionTaskArgs): Promise<void> => {
-			const element: HTMLElement | null = container.querySelector('#tooltip-reference');
-			if (!element) {
-				throw new Error('no div found');
-			}
-			const parent: HTMLElement | null = container.parentElement;
-			if (parent == null) {
-				throw new Error('Could not find parent element');
-			}
-			const tooltip = parent.querySelector('[data-testid="tooltip"]');
-			if (tooltip != null) {
-				throw new Error('Unexpected tooltip found');
-			}
-
-			await controls.time(async () => {
-				fireEvent.mouseOver(element);
-
-				await findByTestId(parent, 'tooltip');
-			});
-		},
-	},
-];
-
-tooltip.story = {
-	name: 'Default Tooltip',
-	parameters: {
-		performance: {
-			interactions: interactionTasks,
-		},
-	},
-};
-
-export default tooltip;