@atlaskit/button 17.17.2 → 17.18.0

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

@@ -4,10 +4,10 @@ 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: `
+	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';
@@ -18,7 +18,7 @@ describe('Change `type ButtonAppearances` to `type Appearance`', () => {
         );
       }
     `,
-    expected: `
+		expected: `
       import { Appearance } from '@atlaskit/button/types';
       import Button from '@atlaskit/button/custom-theme-button';
 
@@ -30,14 +30,14 @@ describe('Change `type ButtonAppearances` to `type Appearance`', () => {
         );
       }
     `,
-  });
+	});
 });
 
 describe('Changing <Button /> usage', () => {
-  check({
-    transformer,
-    it: 'should move to custom theme button',
-    original: `
+	check({
+		transformer,
+		it: 'should move to custom theme button',
+		original: `
       import React from 'react';
       import Button from '@atlaskit/button';
 
@@ -47,7 +47,7 @@ describe('Changing <Button /> usage', () => {
         );
       }
     `,
-    expected: `
+		expected: `
       import React from 'react';
       import Button from '@atlaskit/button/custom-theme-button';
 
@@ -57,29 +57,29 @@ describe('Changing <Button /> usage', () => {
         );
       }
   `,
-  });
+	});
 
-  check({
-    transformer,
-    it: 'should move over when not used in JSX',
-    original: `
+	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: `
+		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: `
+	check({
+		transformer,
+		it: 'should respect self closing tags',
+		original: `
       import React from 'react';
       import Button from '@atlaskit/button';
 
@@ -87,7 +87,7 @@ describe('Changing <Button /> usage', () => {
         return <Button onClick={() => console.log('hi')} />;
       }
     `,
-    expected: `
+		expected: `
       import React from 'react';
       import Button from '@atlaskit/button/custom-theme-button';
 
@@ -95,12 +95,12 @@ describe('Changing <Button /> usage', () => {
         return <Button onClick={() => console.log('hi')} />;
       }
   `,
-  });
+	});
 
-  check({
-    transformer,
-    it: 'should respect the existing alias',
-    original: `
+	check({
+		transformer,
+		it: 'should respect the existing alias',
+		original: `
       import React from 'react';
       import Button from './our-button';
       import AkButton from '@atlaskit/button';
@@ -114,7 +114,7 @@ describe('Changing <Button /> usage', () => {
         );
       }
     `,
-    expected: `
+		expected: `
       import React from 'react';
       import Button from './our-button';
       import AkButton from '@atlaskit/button/custom-theme-button';
@@ -128,14 +128,14 @@ describe('Changing <Button /> usage', () => {
         );
       }
   `,
-  });
+	});
 });
 
 describe('`type ButtonProps` to `type CustomButtonProps`', () => {
-  check({
-    transformer,
-    it: 'should move to the new type',
-    original: `
+	check({
+		transformer,
+		it: 'should move to the new type',
+		original: `
       import React from 'react';
       import Button, { ButtonProps } from '@atlaskit/button';
 
@@ -143,7 +143,7 @@ describe('`type ButtonProps` to `type CustomButtonProps`', () => {
         return <Button>click me</Button>;
       }
     `,
-    expected: `
+		expected: `
       import React from 'react';
       import { CustomThemeButtonProps } from '@atlaskit/button/types';
       import Button from '@atlaskit/button/custom-theme-button';
@@ -152,12 +152,12 @@ describe('`type ButtonProps` to `type CustomButtonProps`', () => {
         return <Button>click me</Button>;
       }
   `,
-  });
+	});
 
-  check({
-    transformer,
-    it: 'should respect aliasing',
-    original: `
+	check({
+		transformer,
+		it: 'should respect aliasing',
+		original: `
       import React from 'react';
       import Button, { ButtonProps as Foo } from '@atlaskit/button';
 
@@ -167,7 +167,7 @@ describe('`type ButtonProps` to `type CustomButtonProps`', () => {
         return <Button>click me</Button>;
       }
     `,
-    expected: `
+		expected: `
       import React from 'react';
       import { CustomThemeButtonProps as Foo } from '@atlaskit/button/types';
       import Button from '@atlaskit/button/custom-theme-button';
@@ -178,12 +178,12 @@ describe('`type ButtonProps` to `type CustomButtonProps`', () => {
         return <Button>click me</Button>;
       }
   `,
-  });
+	});
 
-  check({
-    transformer,
-    it: 'should avoid clashes',
-    original: `
+	check({
+		transformer,
+		it: 'should avoid clashes',
+		original: `
       import React from 'react';
       import { CustomThemeButtonProps } from './my-types';
       import Button, { ButtonProps } from '@atlaskit/button';
@@ -194,7 +194,7 @@ describe('`type ButtonProps` to `type CustomButtonProps`', () => {
         return <Button>click me</Button>;
       }
     `,
-    expected: `
+		expected: `
       import React from 'react';
       import { CustomThemeButtonProps } from './my-types';
       import { CustomThemeButtonProps as DSCustomThemeButtonProps } from '@atlaskit/button/types';
@@ -206,18 +206,18 @@ describe('`type ButtonProps` to `type CustomButtonProps`', () => {
         return <Button>click me</Button>;
       }
   `,
-  });
+	});
 
-  check({
-    transformer,
-    it: 'should move from type entry point',
-    original: `
+	check({
+		transformer,
+		it: 'should move from type entry point',
+		original: `
       import React from 'react';
       import { ButtonProps } from '@atlaskit/button/types';
     `,
-    expected: `
+		expected: `
       import React from 'react';
       import { CustomThemeButtonProps } from '@atlaskit/button/types';
     `,
-  });
+	});
 });

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

@@ -5,92 +5,92 @@ import optimistic from '../../optimistic-15.0.0-lite-mode';
 import { check } from '../_framework';
 
 [
-  {
-    name: 'safe',
-    transformer: safe,
-  },
-  {
-    name: 'optimistic',
-    transformer: optimistic,
-  },
+	{
+		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: `
+	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: `
+				expected: `
           import { Appearance } from '@atlaskit/button/types';
 
           const value: Appearance = 'primary';
         `,
-      });
+			});
 
-      check({
-        it: 'should respect existing aliasing',
-        transformer,
-        original: `
+			check({
+				it: 'should respect existing aliasing',
+				transformer,
+				original: `
           import { ButtonAppearances as CustomAppearance } from '@atlaskit/button';
 
           const value: CustomAppearance = 'primary';
         `,
-        expected: `
+				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: `
+			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: `
+				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: `
+			check({
+				it: 'should use the existing type entry point',
+				transformer,
+				original: `
           import { ButtonAppearances as CustomAppearance } from '@atlaskit/button/types';
 
           const value: CustomAppearance = 'primary';
         `,
-        expected: `
+				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: `
+			});
+		});
+
+		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';
 
@@ -98,7 +98,7 @@ import { check } from '../_framework';
             return <ButtonGroup><Button>click me</Button></ButtonGroup>;
           }
         `,
-        expected: `
+				expected: `
           import React from 'react';
           import ButtonGroup from '@atlaskit/button/button-group';
           import Button from '${expectedImport}';
@@ -107,12 +107,12 @@ import { check } from '../_framework';
             return <ButtonGroup><Button>click me</Button></ButtonGroup>;
           }
       `,
-      });
+			});
 
-      check({
-        transformer,
-        it: 'should respect aliasing',
-        original: `
+			check({
+				transformer,
+				it: 'should respect aliasing',
+				original: `
           import React from 'react';
           import Button, { ButtonGroup as AkButtonGroup } from '@atlaskit/button';
 
@@ -120,7 +120,7 @@ import { check } from '../_framework';
             return <AkButtonGroup><Button>click me</Button></AkButtonGroup>;
           }
         `,
-        expected: `
+				expected: `
           import React from 'react';
           import AkButtonGroup from '@atlaskit/button/button-group';
           import Button from '${expectedImport}';
@@ -129,46 +129,46 @@ import { check } from '../_framework';
             return <AkButtonGroup><Button>click me</Button></AkButtonGroup>;
           }
       `,
-      });
+			});
 
-      check({
-        transformer,
-        it: 'avoid clashing when shifting',
-        original: `
+			check({
+				transformer,
+				it: 'avoid clashing when shifting',
+				original: `
           import React from 'react';
           import { ButtonGroup } from '@atlaskit/button';
 
           expect(ButtonGroup).toBeTruthy();
         `,
-        expected: `
+				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: `
+			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: `
+				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: `
+			check({
+				transformer,
+				it: 'should avoid touching unrelated button groups',
+				original: `
           import React from 'react';
           import Button from '@atlaskit/button';
           import { ButtonGroup } from './something';
@@ -177,7 +177,7 @@ import { check } from '../_framework';
             return <ButtonGroup><Button>click me</Button></ButtonGroup>;
           }
         `,
-        expected: `
+				expected: `
           import React from 'react';
           import Button from '${expectedImport}';
           import { ButtonGroup } from './something';
@@ -186,47 +186,46 @@ import { check } from '../_framework';
             return <ButtonGroup><Button>click me</Button></ButtonGroup>;
           }
       `,
-      });
-    });
-
-    describe('Theme', () => {
-      check({
-        it: 'should move Theme to the custom-theme-button export',
-        transformer,
-        original: `
+			});
+		});
+
+		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: `
+				expected: `
           import React from 'react';
           import { Theme } from '@atlaskit/button/custom-theme-button';
         `,
-      });
+			});
 
-      check({
-        it: 'should respect aliasing',
-        transformer,
-        original: `
+			check({
+				it: 'should respect aliasing',
+				transformer,
+				original: `
           import React from 'react';
           import { Theme as ButtonTheme } from '@atlaskit/button';
 
           type Value = ButtonTheme & { foo: string };
         `,
-        expected: `
+				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';
+			const expectedName: string = transformer === optimistic ? 'CustomThemeButton' : 'Button';
 
-      check({
-        it: 'should merge imports',
-        transformer,
-        original: `
+			check({
+				it: 'should merge imports',
+				transformer,
+				original: `
           import React from 'react';
           import Button, { Theme as ButtonTheme } from '@atlaskit/button';
 
@@ -238,7 +237,7 @@ import { check } from '../_framework';
             );
           }
         `,
-        expected: `
+				expected: `
           import React from 'react';
           import ${expectedName}, { Theme as ButtonTheme } from '@atlaskit/button/custom-theme-button';
 
@@ -250,7 +249,7 @@ import { check } from '../_framework';
             );
           }
         `,
-      });
-    });
-  });
+			});
+		});
+	});
 });