@atlaskit/button 20.4.1 → 20.4.2

package/codemods/__tests__/15.0.0-lite-mode/safe.tsx

@@ -1,223 +0,0 @@
-jest.autoMockOff();
-
-import transformer from '../../15.0.0-lite-mode';
-import { check } from '../_framework';
-
-describe('Change `type ButtonAppearances` to `type Appearance`', () => {
-	check({
-		transformer,
-		it: 'should separate types into a different export from the components',
-		original: `
-      import Button, { ButtonAppearances } from '@atlaskit/button';
-
-      export type Mine = ButtonAppearances & 'purple';
-
-      function App() {
-        return (
-          <Button onClick={() => console.log('hi')}>click me</Button>
-        );
-      }
-    `,
-		expected: `
-      import { Appearance } from '@atlaskit/button/types';
-      import Button from '@atlaskit/button/custom-theme-button';
-
-      export type Mine = Appearance & 'purple';
-
-      function App() {
-        return (
-          <Button onClick={() => console.log('hi')}>click me</Button>
-        );
-      }
-    `,
-	});
-});
-
-describe('Changing <Button /> usage', () => {
-	check({
-		transformer,
-		it: 'should move to custom theme button',
-		original: `
-      import React from 'react';
-      import Button from '@atlaskit/button';
-
-      function App() {
-        return (
-          <Button onClick={() => console.log('hi')}>click me</Button>
-        );
-      }
-    `,
-		expected: `
-      import React from 'react';
-      import Button from '@atlaskit/button/custom-theme-button';
-
-      function App() {
-        return (
-          <Button onClick={() => console.log('hi')}>click me</Button>
-        );
-      }
-  `,
-	});
-
-	check({
-		transformer,
-		it: 'should move over when not used in JSX',
-		original: `
-      import React from 'react';
-      import Button from '@atlaskit/button';
-
-      expect(Button).toBeTruthy();
-    `,
-		expected: `
-      import React from 'react';
-      import Button from '@atlaskit/button/custom-theme-button';
-
-      expect(Button).toBeTruthy();
-  `,
-	});
-
-	check({
-		transformer,
-		it: 'should respect self closing tags',
-		original: `
-      import React from 'react';
-      import Button from '@atlaskit/button';
-
-      function App() {
-        return <Button onClick={() => console.log('hi')} />;
-      }
-    `,
-		expected: `
-      import React from 'react';
-      import Button from '@atlaskit/button/custom-theme-button';
-
-      function App() {
-        return <Button onClick={() => console.log('hi')} />;
-      }
-  `,
-	});
-
-	check({
-		transformer,
-		it: 'should respect the existing alias',
-		original: `
-      import React from 'react';
-      import Button from './our-button';
-      import AkButton from '@atlaskit/button';
-
-      export function App() {
-        return (
-          <>
-            <Button onClick={() => console.log('hi')} />
-            <AkButton onClick={() => console.log('hi')} />
-          </>
-        );
-      }
-    `,
-		expected: `
-      import React from 'react';
-      import Button from './our-button';
-      import AkButton from '@atlaskit/button/custom-theme-button';
-
-      export function App() {
-        return (
-          <>
-            <Button onClick={() => console.log('hi')} />
-            <AkButton onClick={() => console.log('hi')} />
-          </>
-        );
-      }
-  `,
-	});
-});
-
-describe('`type ButtonProps` to `type CustomButtonProps`', () => {
-	check({
-		transformer,
-		it: 'should move to the new type',
-		original: `
-      import React from 'react';
-      import Button, { ButtonProps } from '@atlaskit/button';
-
-      function App() {
-        return <Button>click me</Button>;
-      }
-    `,
-		expected: `
-      import React from 'react';
-      import { CustomThemeButtonProps } from '@atlaskit/button/types';
-      import Button from '@atlaskit/button/custom-theme-button';
-
-      function App() {
-        return <Button>click me</Button>;
-      }
-  `,
-	});
-
-	check({
-		transformer,
-		it: 'should respect aliasing',
-		original: `
-      import React from 'react';
-      import Button, { ButtonProps as Foo } from '@atlaskit/button';
-
-      export type Bar = Foo & { name: string };
-
-      function App() {
-        return <Button>click me</Button>;
-      }
-    `,
-		expected: `
-      import React from 'react';
-      import { CustomThemeButtonProps as Foo } from '@atlaskit/button/types';
-      import Button from '@atlaskit/button/custom-theme-button';
-
-      export type Bar = Foo & { name: string };
-
-      function App() {
-        return <Button>click me</Button>;
-      }
-  `,
-	});
-
-	check({
-		transformer,
-		it: 'should avoid clashes',
-		original: `
-      import React from 'react';
-      import { CustomThemeButtonProps } from './my-types';
-      import Button, { ButtonProps } from '@atlaskit/button';
-
-      export type Bar = CustomThemeButtonProps & ButtonProps & { name: string };
-
-      function App() {
-        return <Button>click me</Button>;
-      }
-    `,
-		expected: `
-      import React from 'react';
-      import { CustomThemeButtonProps } from './my-types';
-      import { CustomThemeButtonProps as DSCustomThemeButtonProps } from '@atlaskit/button/types';
-      import Button from '@atlaskit/button/custom-theme-button';
-
-      export type Bar = CustomThemeButtonProps & DSCustomThemeButtonProps & { name: string };
-
-      function App() {
-        return <Button>click me</Button>;
-      }
-  `,
-	});
-
-	check({
-		transformer,
-		it: 'should move from type entry point',
-		original: `
-      import React from 'react';
-      import { ButtonProps } from '@atlaskit/button/types';
-    `,
-		expected: `
-      import React from 'react';
-      import { CustomThemeButtonProps } from '@atlaskit/button/types';
-    `,
-	});
-});

package/codemods/__tests__/15.0.0-lite-mode/shared.tsx

@@ -1,255 +0,0 @@
-jest.autoMockOff();
-
-import safe from '../../15.0.0-lite-mode';
-import optimistic from '../../optimistic-15.0.0-lite-mode';
-import { check } from '../_framework';
-
-[
-	{
-		name: 'safe',
-		transformer: safe,
-	},
-	{
-		name: 'optimistic',
-		transformer: optimistic,
-	},
-].forEach(({ name, transformer }) => {
-	describe(`Transformer: ${name}`, () => {
-		describe('Change `type ButtonAppearances` to `type Appearance`', () => {
-			check({
-				it: 'should rename ButtonAppearances type to Appearance',
-				transformer,
-				original: `
-          import { ButtonAppearances } from '@atlaskit/button';
-
-          const value: ButtonAppearances = 'primary';
-        `,
-				expected: `
-          import { Appearance } from '@atlaskit/button/types';
-
-          const value: Appearance = 'primary';
-        `,
-			});
-
-			check({
-				it: 'should respect existing aliasing',
-				transformer,
-				original: `
-          import { ButtonAppearances as CustomAppearance } from '@atlaskit/button';
-
-          const value: CustomAppearance = 'primary';
-        `,
-				expected: `
-          import { Appearance as CustomAppearance } from '@atlaskit/button/types';
-
-          const value: CustomAppearance = 'primary';
-        `,
-			});
-
-			check({
-				it: 'should fallback to a `DSButtonAppearance` type alias if the `Appearance` identifier name is unavailable',
-				transformer,
-				original: `
-          import { Appearance } from 'some-other-package';
-          import { ButtonAppearances } from '@atlaskit/button';
-
-          const value1: Appearance = 4;
-          const value2: ButtonAppearances = 'primary';
-        `,
-				expected: `
-          import { Appearance } from 'some-other-package';
-          import { Appearance as DSButtonAppearance } from '@atlaskit/button/types';
-
-          const value1: Appearance = 4;
-          const value2: DSButtonAppearance = 'primary';
-        `,
-			});
-
-			check({
-				it: 'should use the existing type entry point',
-				transformer,
-				original: `
-          import { ButtonAppearances as CustomAppearance } from '@atlaskit/button/types';
-
-          const value: CustomAppearance = 'primary';
-        `,
-				expected: `
-          import { Appearance as CustomAppearance } from '@atlaskit/button/types';
-
-          const value: CustomAppearance = 'primary';
-        `,
-			});
-		});
-
-		describe('ButtonGroup', () => {
-			const expectedImport: string =
-				transformer === optimistic
-					? '@atlaskit/button/standard-button'
-					: '@atlaskit/button/custom-theme-button';
-
-			check({
-				transformer,
-				it: 'should move button group over to the new import',
-				original: `
-          import React from 'react';
-          import Button, { ButtonGroup } from '@atlaskit/button';
-
-          function App() {
-            return <ButtonGroup><Button>click me</Button></ButtonGroup>;
-          }
-        `,
-				expected: `
-          import React from 'react';
-          import ButtonGroup from '@atlaskit/button/button-group';
-          import Button from '${expectedImport}';
-
-          function App() {
-            return <ButtonGroup><Button>click me</Button></ButtonGroup>;
-          }
-      `,
-			});
-
-			check({
-				transformer,
-				it: 'should respect aliasing',
-				original: `
-          import React from 'react';
-          import Button, { ButtonGroup as AkButtonGroup } from '@atlaskit/button';
-
-          function App() {
-            return <AkButtonGroup><Button>click me</Button></AkButtonGroup>;
-          }
-        `,
-				expected: `
-          import React from 'react';
-          import AkButtonGroup from '@atlaskit/button/button-group';
-          import Button from '${expectedImport}';
-
-          function App() {
-            return <AkButtonGroup><Button>click me</Button></AkButtonGroup>;
-          }
-      `,
-			});
-
-			check({
-				transformer,
-				it: 'avoid clashing when shifting',
-				original: `
-          import React from 'react';
-          import { ButtonGroup } from '@atlaskit/button';
-
-          expect(ButtonGroup).toBeTruthy();
-        `,
-				expected: `
-          import React from 'react';
-          import ButtonGroup from '@atlaskit/button/button-group';
-
-          expect(ButtonGroup).toBeTruthy();
-      `,
-			});
-
-			check({
-				transformer,
-				it: 'should move over when not used in JSX',
-				original: `
-          import React from 'react';
-          import { ButtonGroup } from '@atlaskit/button';
-
-          expect(ButtonGroup).toBeTruthy();
-        `,
-				expected: `
-          import React from 'react';
-          import ButtonGroup from '@atlaskit/button/button-group';
-
-          expect(ButtonGroup).toBeTruthy();
-      `,
-			});
-
-			check({
-				transformer,
-				it: 'should avoid touching unrelated button groups',
-				original: `
-          import React from 'react';
-          import Button from '@atlaskit/button';
-          import { ButtonGroup } from './something';
-
-          function App() {
-            return <ButtonGroup><Button>click me</Button></ButtonGroup>;
-          }
-        `,
-				expected: `
-          import React from 'react';
-          import Button from '${expectedImport}';
-          import { ButtonGroup } from './something';
-
-          function App() {
-            return <ButtonGroup><Button>click me</Button></ButtonGroup>;
-          }
-      `,
-			});
-		});
-
-		describe('Theme', () => {
-			check({
-				it: 'should move Theme to the custom-theme-button export',
-				transformer,
-				original: `
-          import React from 'react';
-          import { Theme } from '@atlaskit/button';
-        `,
-				expected: `
-          import React from 'react';
-          import { Theme } from '@atlaskit/button/custom-theme-button';
-        `,
-			});
-
-			check({
-				it: 'should respect aliasing',
-				transformer,
-				original: `
-          import React from 'react';
-          import { Theme as ButtonTheme } from '@atlaskit/button';
-
-          type Value = ButtonTheme & { foo: string };
-        `,
-				expected: `
-          import React from 'react';
-          import { Theme as ButtonTheme } from '@atlaskit/button/custom-theme-button';
-
-          type Value = ButtonTheme & { foo: string };
-        `,
-			});
-
-			const expectedName: string = transformer === optimistic ? 'CustomThemeButton' : 'Button';
-
-			check({
-				it: 'should merge imports',
-				transformer,
-				original: `
-          import React from 'react';
-          import Button, { Theme as ButtonTheme } from '@atlaskit/button';
-
-          function App() {
-            return (
-              <ButtonTheme.Provider value={customTheme}>
-                <Button theme={customTheme}>click me</Button>
-              </ButtonTheme.Provider>
-            );
-          }
-        `,
-				expected: `
-          import React from 'react';
-          import ${expectedName}, { Theme as ButtonTheme } from '@atlaskit/button/custom-theme-button';
-
-          function App() {
-            return (
-              <ButtonTheme.Provider value={customTheme}>
-                <${expectedName} theme={customTheme}>click me</${expectedName}>
-              </ButtonTheme.Provider>
-            );
-          }
-        `,
-			});
-		});
-	});
-});

package/codemods/helpers/15.0.0-runner.tsx

@@ -1,167 +0,0 @@
-import { type NodePath } from 'ast-types/lib/node-path';
-import type { default as core, FileInfo, JSXElement } from 'jscodeshift';
-import { type Collection } from 'jscodeshift/src/Collection';
-
-import {
-	addToImport,
-	changeImportFor,
-	hasImportDeclaration,
-	removeImport,
-	tryCreateImport,
-} from './helpers-generic';
-
-export function convertButtonType({
-	j,
-	base,
-	elements,
-	name,
-	newPackageName,
-}: {
-	j: core.JSCodeshift;
-	base: Collection<any>;
-	elements: NodePath<JSXElement, JSXElement>[];
-	name: string;
-	newPackageName: string;
-}) {
-	// Don't need to do anything if there are no elements of this type
-	if (!elements.length) {
-		return;
-	}
-
-	tryCreateImport({
-		j,
-		base,
-		relativeToPackage: '@atlaskit/button',
-		packageName: newPackageName,
-	});
-
-	addToImport({
-		j,
-		base,
-		importSpecifier: j.importDefaultSpecifier(j.identifier(name)),
-		packageName: newPackageName,
-	});
-
-	elements.forEach((path: NodePath<JSXElement, JSXElement>) => {
-		path.replace(
-			j.jsxElement(
-				j.jsxOpeningElement(
-					// name: new!
-					j.jsxIdentifier(name),
-					// keep the old attributes
-					path.value.openingElement.attributes,
-					// self closing
-					path.value.openingElement.selfClosing,
-				),
-				// Only create a closing element if the original had one
-				// <Button /> => <Button /> (rather than <Button></Button>)
-				path.value.closingElement ? j.jsxClosingElement(j.jsxIdentifier(name)) : null,
-				path.value.children,
-			),
-		);
-	});
-}
-
-export function changeType({
-	j,
-	base,
-	oldName,
-	newName,
-	fallbackNameAlias,
-}: {
-	j: core.JSCodeshift;
-	base: Collection<any>;
-	oldName: string;
-	newName: string;
-	fallbackNameAlias: string;
-}) {
-	changeImportFor({
-		j,
-		base,
-		option: {
-			type: 'change-name',
-			oldName,
-			newName,
-			fallbackNameAlias,
-		},
-		oldPackagePath: '@atlaskit/button',
-		newPackagePath: '@atlaskit/button/types',
-	});
-	changeImportFor({
-		j,
-		base,
-		option: {
-			type: 'change-name',
-			oldName,
-			newName,
-			fallbackNameAlias,
-		},
-		oldPackagePath: '@atlaskit/button/types',
-		newPackagePath: '@atlaskit/button/types',
-	});
-}
-
-export function transformButton({
-	j,
-	file,
-	custom: fn,
-}: {
-	j: core.JSCodeshift;
-	file: FileInfo;
-	custom: (base: Collection<any>) => void;
-}) {
-	const base: Collection<any> = j(file.source);
-
-	// Exit early if not relevant
-	// We are doing this so we don't touch the formatting of unrelated files
-	const willChange: boolean =
-		hasImportDeclaration(j, file.source, '@atlaskit/button') ||
-		hasImportDeclaration(j, file.source, '@atlaskit/button/types');
-
-	if (!willChange) {
-		return file.source;
-	}
-
-	changeType({
-		j,
-		base,
-		oldName: 'ButtonAppearances',
-		newName: 'Appearance',
-		fallbackNameAlias: 'DSButtonAppearance',
-	});
-
-	changeImportFor({
-		j,
-		base,
-		// Not changing the name
-		option: {
-			type: 'keep-name',
-			name: 'Theme',
-			behaviour: 'keep-as-named-import',
-		},
-		oldPackagePath: '@atlaskit/button',
-		newPackagePath: '@atlaskit/button/custom-theme-button',
-	});
-
-	changeImportFor({
-		j,
-		base,
-		option: {
-			type: 'keep-name',
-			name: 'ButtonGroup',
-			behaviour: 'move-to-default-import',
-		},
-		oldPackagePath: '@atlaskit/button',
-		newPackagePath: '@atlaskit/button/button-group',
-	});
-
-	fn(base);
-
-	removeImport({
-		j,
-		base,
-		packageName: '@atlaskit/button',
-	});
-
-	return base.toSource({ quote: 'single' });
-}