@atlaskit/tooltip 20.0.2 → 20.0.4

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/tooltip
 
+## 20.0.4
+
+### Patch Changes
+
+- [#129972](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/129972)
+  [`b2d69a39e6687`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b2d69a39e6687) -
+  Update `@compiled/react` dependency for improved type checking support.
+- Updated dependencies
+
+## 20.0.3
+
+### Patch Changes
+
+- [#128417](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/128417)
+  [`889ab4ac93dc2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/889ab4ac93dc2) -
+  Update dependencies and remove old unused files.
+
 ## 20.0.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.0.2"
+  packageVersion: "20.0.4"
 };
 
 // Inverts motion direction

package/dist/es2019/tooltip.js

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

package/dist/esm/tooltip.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tooltip",
-	"version": "20.0.2",
+	"version": "20.0.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/"
@@ -44,13 +44,13 @@
 		"@atlaskit/analytics-next": "^11.0.0",
 		"@atlaskit/ds-lib": "^4.0.0",
 		"@atlaskit/layering": "^2.0.0",
-		"@atlaskit/motion": "^5.0.0",
+		"@atlaskit/motion": "^5.1.0",
 		"@atlaskit/popper": "^7.0.0",
-		"@atlaskit/portal": "^5.0.0",
+		"@atlaskit/portal": "^5.1.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.3.0",
+		"@atlaskit/tokens": "^4.5.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.2",
+		"@compiled/react": "^0.18.3",
 		"@emotion/react": "^11.7.1",
 		"bind-event-listener": "^3.0.0"
 	},
@@ -59,19 +59,20 @@
 		"react-dom": "^18.2.0"
 	},
 	"devDependencies": {
-		"@af/accessibility-testing": "*",
-		"@af/integration-testing": "*",
-		"@af/visual-regression": "*",
+		"@af/accessibility-testing": "^2.0.0",
+		"@af/integration-testing": "^0.5.0",
+		"@af/visual-regression": "^1.3.0",
 		"@atlaskit/button": "^21.1.0",
 		"@atlaskit/css": "^0.10.0",
-		"@atlaskit/ssr": "*",
-		"@testing-library/dom": "^10.1.0",
+		"@atlaskit/docs": "^10.0.0",
+		"@atlaskit/icon": "^25.0.0",
+		"@atlaskit/link": "^3.0.0",
+		"@atlaskit/primitives": "^14.2.0",
+		"@atlaskit/section-message": "^8.2.0",
+		"@atlaskit/ssr": "^0.4.0",
 		"@testing-library/react": "^13.4.0",
-		"@types/react-redux": "^5.0.0",
-		"jest-in-case": "^1.0.2",
 		"react-dom": "^18.2.0",
-		"react-redux": "^5.1.2",
-		"storybook-addon-performance": "^0.17.3",
+		"tiny-invariant": "^1.2.0",
 		"typescript": "~5.4.2"
 	},
 	"keywords": [

package/codemods_wip/__tests__/change-wrapped-to-render-prop.ts_

@@ -1,198 +0,0 @@
-jest.autoMockOff();
-
-import { createTransformer } from '@atlaskit/codemod-utils';
-
-import { changeWrappedToRenderProp } from '../migrates/change-wrapped-to-render-prop';
-
-// This stays as require() since changing to import will trigger a linter error
-const { defineInlineTest } = require('jscodeshift/dist/testUtils');
-
-const transformer = createTransformer([changeWrappedToRenderProp]);
-
-describe('Modify Tooltips that use wrapped children to use the render prop API instead', () => {
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
-    import React from 'react';
-
-    import Button from '@atlaskit/button/standard-button';
-
-    import Tooltip from '../src';
-
-    export default () => (
-      <Tooltip content="Hello World">
-        {(tooltipProps) => <Button {...tooltipProps}>Hover Over Me</Button>}
-      </Tooltip>
-    );
-    `, // -----
-    `
-    import React from 'react';
-
-    import Button from '@atlaskit/button/standard-button';
-
-    import Tooltip from '../src';
-
-    export default () => (
-      <Tooltip content="Hello World">
-        {(tooltipProps) => <Button {...tooltipProps}>Hover Over Me</Button>}
-      </Tooltip>
-    );
-    `, // -----
-    'do nothing if already using the render prop API',
-  );
-
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
-    import React from 'react';
-
-    import Button from '@atlaskit/button/standard-button';
-
-    import Tooltip from '../src';
-
-    export default () => (
-      <Tooltip content="Hello World">
-        <Button>Hover Over Me</Button>
-      </Tooltip>
-    );
-    `, // -----
-    `
-    import React from 'react';
-
-    import Button from '@atlaskit/button/standard-button';
-
-    import Tooltip from '../src';
-
-    export default () => (
-      <Tooltip content="Hello World">
-        {(tooltipProps) => <Button {...tooltipProps}>Hover Over Me</Button>}
-      </Tooltip>
-    );
-    `, // -----
-    'modifies Tooltip that is using wrapped children to use the render prop API',
-  );
-
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
-    import React from 'react';
-
-    import Button from '@atlaskit/button/standard-button';
-
-    import Tooltip from '../src';
-
-    export default () => (
-      <Tooltip content="Hello World">
-        <Button exampleProp="test">Hover Over Me</Button>
-      </Tooltip>
-    );
-    `, // -----
-    `
-    import React from 'react';
-
-    import Button from '@atlaskit/button/standard-button';
-
-    import Tooltip from '../src';
-
-    export default () => (
-      <Tooltip content="Hello World">
-        {(tooltipProps) => <Button {...tooltipProps} exampleProp="test">Hover Over Me</Button>}
-      </Tooltip>
-    );
-    `, // -----
-    'does not alter existing props on the target element',
-  );
-
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
-    import React from 'react';
-
-    import Button from '@atlaskit/button/standard-button';
-
-    import Tooltip from '../src';
-
-    export default () => (
-      <Tooltip content="Hello World">
-        <Button>
-          <span>💸</span>
-        </Button>
-      </Tooltip>
-    );
-    `, // -----
-    `
-    import React from 'react';
-
-    import Button from '@atlaskit/button/standard-button';
-
-    import Tooltip from '../src';
-
-    export default () => (
-      <Tooltip content="Hello World">
-        {(tooltipProps) => <Button {...tooltipProps}>
-          <span>💸</span>
-        </Button>}
-      </Tooltip>
-    );
-    `, // -----
-    'does not alter nested children on the target element',
-  );
-
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
-    import React from 'react';
-
-    import Button from '@atlaskit/button/standard-button';
-
-    import Tooltip from '../src';
-
-    export default () => <Tooltip content="Hello World" />;
-    `, // -----
-    `
-    import React from 'react';
-
-    import Button from '@atlaskit/button/standard-button';
-
-    import Tooltip from '../src';
-
-    export default () => <Tooltip content="Hello World" />;
-    `, // -----
-    'does nothing with a badly formed Tooltip component',
-  );
-
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
-    import React from 'react';
-
-    import Button from '@atlaskit/button/standard-button';
-
-    import Tooltip from '../src';
-
-    export default () => (
-      <Tooltip content="Hello World">Test</Tooltip>
-    );
-    `, // -----
-    `
-    import React from 'react';
-
-    import Button from '@atlaskit/button/standard-button';
-
-    import Tooltip from '../src';
-
-    export default () => (
-      <Tooltip content="Hello World">{(tooltipProps) => <span {...tooltipProps}>Test</span>}</Tooltip>
-    );
-    `, // -----
-    'adds a span to wrapped bare text nodes',
-  );
-
-  // converts custom tags on the wrapped method into elements with props passed in
-});

package/codemods_wip/migrates/change-wrapped-to-render-prop.ts_

@@ -1,72 +0,0 @@
-import core, { ASTPath, JSXElement } from 'jscodeshift';
-import { Collection } from 'jscodeshift/src/Collection';
-
-/**
- * Changes all Tooltip implementations using the wrapped children approach to
- * the render prop API.
- */
-const createTooltipImplementationTransform = () => {
-  return (j: core.JSCodeshift, source: Collection<any>) => {
-    // Handle any children that are JSX elements
-    // (e.g. <Tooltip><Button/></Tooltip>)
-    source
-      .find(j.JSXElement)
-      .filter((path) => path.parent.value.type === 'JSXElement')
-      .filter(
-        (path) => path.parent.value.openingElement.name.name === 'Tooltip',
-      )
-      .forEach((element: ASTPath<JSXElement>) => {
-        const newComponent = j.jsxElement(
-          j.jsxOpeningElement(element.node.openingElement.name, [
-            j.jsxSpreadAttribute(j.identifier('tooltipProps')),
-            ...element.node.openingElement.attributes,
-          ]),
-          element.node.closingElement,
-          element.node.children,
-        );
-
-        j(element).replaceWith(
-          j.jsxExpressionContainer(
-            j.arrowFunctionExpression(
-              // Added parens for Prettier styling
-              [j.identifier('(tooltipProps)')],
-              newComponent,
-            ),
-          ),
-        );
-      });
-
-    // Handle any direct children that are raw text
-    // (e.g. <Tooltip>Test</Tooltip>)
-    source
-      .find(j.JSXText)
-      // Need to ensure that it has this property for TS's sake
-      .filter((path) => !!path.value.raw)
-      .filter(
-        (path) =>
-          path.parent.value.openingElement.name.name === 'Tooltip' &&
-          path.value.raw!.trim().length > 0, // Adding bang because we are checking in the above filter
-      )
-      .forEach((element) => {
-        const newComponent = j.jsxElement(
-          j.jsxOpeningElement(j.jsxIdentifier('span'), [
-            j.jsxSpreadAttribute(j.identifier('tooltipProps')),
-          ]),
-          j.jsxClosingElement(j.jsxIdentifier('span')),
-          [j.jsxText(element.value.raw ? element.value.raw.trim() : '')],
-        );
-
-        j(element).replaceWith(
-          j.jsxExpressionContainer(
-            j.arrowFunctionExpression(
-              [j.identifier('(tooltipProps)')],
-              newComponent,
-            ),
-          ),
-        );
-      });
-    return source.toSource();
-  };
-};
-
-export const changeWrappedToRenderProp = createTooltipImplementationTransform();

package/codemods_wip/next-tooltip-release.ts_

@@ -1,7 +0,0 @@
-import { createTransformer } from '@atlaskit/codemod-utils';
-
-import { changeWrappedToRenderProp } from './migrates/change-wrapped-to-render-prop';
-
-const transformer = createTransformer([changeWrappedToRenderProp]);
-
-export default transformer;

package/codemods_wip/wip.md

@@ -1,7 +0,0 @@
-To continue work on the codemod:
-
-- Add `"jscodeshift": "0.14.0",` to devDependncies
-- Add `"@atlaskit/codemod-utils": "^4.1.3",` to dependencies
-- Change folder from `codemod_wip` to `codemod`
-- Add `"./codemods/**/*.ts",` to `include` in `tsconfig`
-- Rename all `ts_` file extensions in the codemod folders to `ts`