@atlaskit/textfield 6.3.0 → 6.4.0

package/__perf__/examples.tsx

@@ -1,58 +1,55 @@
 import React from 'react';
 
 import { fireEvent } from '@testing-library/dom';
-import {
-  InteractionTaskArgs,
-  PublicInteractionTask,
-} from 'storybook-addon-performance';
+import { type InteractionTaskArgs, type PublicInteractionTask } from 'storybook-addon-performance';
 
 import Texfield from '../src';
 
 const testId = 'text-field-test-id';
 
 const getLastTexfield = (container: HTMLElement) => {
-  const textField = container.querySelectorAll(`[data-testId="${testId}"]`);
-  return textField[textField.length - 1];
+	const textField = container.querySelectorAll(`[data-testId="${testId}"]`);
+	return textField[textField.length - 1];
 };
 
 const textField = () => {
-  return <Texfield placeholder="new texfield" testId={testId} width="large" />;
+	return <Texfield placeholder="new texfield" testId={testId} width="large" />;
 };
 
 const interactionTasks: PublicInteractionTask[] = [
-  {
-    name: 'Focus',
-    description: 'Render texfield and make input focus',
-    run: async ({ container }: InteractionTaskArgs): Promise<void> => {
-      const texfield = getLastTexfield(container);
-      fireEvent.focus(texfield);
-    },
-  },
-  {
-    name: 'Blur',
-    description: 'Render texfield and make input blur',
-    run: async ({ container }: InteractionTaskArgs): Promise<void> => {
-      const texfield = getLastTexfield(container);
-      fireEvent.blur(texfield);
-    },
-  },
-  {
-    name: 'OnChange',
-    description: 'Render texfield and make input change',
-    run: async ({ container }: InteractionTaskArgs): Promise<void> => {
-      const texfield = getLastTexfield(container);
-      fireEvent.change(texfield, { target: { value: 'foo' } });
-    },
-  },
+	{
+		name: 'Focus',
+		description: 'Render texfield and make input focus',
+		run: async ({ container }: InteractionTaskArgs): Promise<void> => {
+			const texfield = getLastTexfield(container);
+			fireEvent.focus(texfield);
+		},
+	},
+	{
+		name: 'Blur',
+		description: 'Render texfield and make input blur',
+		run: async ({ container }: InteractionTaskArgs): Promise<void> => {
+			const texfield = getLastTexfield(container);
+			fireEvent.blur(texfield);
+		},
+	},
+	{
+		name: 'OnChange',
+		description: 'Render texfield and make input change',
+		run: async ({ container }: InteractionTaskArgs): Promise<void> => {
+			const texfield = getLastTexfield(container);
+			fireEvent.change(texfield, { target: { value: 'foo' } });
+		},
+	},
 ];
 
 textField.story = {
-  name: 'texfield',
-  parameters: {
-    performance: {
-      interactions: interactionTasks,
-    },
-  },
+	name: 'texfield',
+	parameters: {
+		performance: {
+			interactions: interactionTasks,
+		},
+	},
 };
 
 export default textField;

package/codemods/5.0.0-lite-mode.tsx

@@ -1,16 +1,13 @@
 import { removeThemeImports } from './migrations/remove-imports';
 import { removeThemeProp } from './migrations/remove-props';
-import {
-  renameThemeAppearanceImport,
-  renamethemeTokensImport,
-} from './migrations/rename-imports';
+import { renameThemeAppearanceImport, renamethemeTokensImport } from './migrations/rename-imports';
 import { createTransformer } from './migrations/utils';
 
 const transformer = createTransformer('@atlaskit/textfield', [
-  removeThemeProp,
-  removeThemeImports,
-  renamethemeTokensImport,
-  renameThemeAppearanceImport,
+	removeThemeProp,
+	removeThemeImports,
+	renamethemeTokensImport,
+	renameThemeAppearanceImport,
 ]);
 
 export default transformer;

package/codemods/__tests__/5.0.0-lite-mode.tsx

@@ -5,10 +5,10 @@ import transformer from '../5.0.0-lite-mode';
 const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
 
 describe('TextField code-mods', () => {
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
       import Textfield, { ThemeProps, ThemeAppearance , themeTokens as ColorTokens, ThemeTokens } from '@atlaskit/textfield';
       import customeTheme from './theme';
       import React from 'react';
@@ -21,7 +21,7 @@ describe('TextField code-mods', () => {
         );
       }
     `,
-    `
+		`
       /* TODO: (from codemod) This file uses the @atlaskit/textfield \`theme\` prop which
       has now been removed due to its poor performance characteristics. We have not replaced
       theme with an equivalent API due to minimal usage of the \`theme\` prop.
@@ -36,12 +36,12 @@ describe('TextField code-mods', () => {
         return <Textfield />;
       }
     `,
-    'should remove theme & its imports from Textfield and leave a comment',
-  );
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+		'should remove theme & its imports from Textfield and leave a comment',
+	);
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
       import Textfield, { ThemeProps, ThemeTokens } from '@atlaskit/textfield';
       import React from 'react';
 
@@ -68,7 +68,7 @@ describe('TextField code-mods', () => {
         );
       }
     `,
-    `
+		`
       /* TODO: (from codemod) This file uses the @atlaskit/textfield \`theme\` prop which
       has now been removed due to its poor performance characteristics. We have not replaced
       theme with an equivalent API due to minimal usage of the \`theme\` prop.
@@ -82,6 +82,6 @@ describe('TextField code-mods', () => {
         return <Textfield />;
       }
     `,
-    'should remove theme prop & its imports from Textfield and leave a comment',
-  );
+		'should remove theme prop & its imports from Textfield and leave a comment',
+	);
 });

package/codemods/__tests__/remove-imports.tsx

@@ -3,9 +3,7 @@ jest.autoMockOff();
 import { removeThemeImports } from '../migrations/remove-imports';
 import { createTransformer } from '../migrations/utils';
 
-const transformer = createTransformer('@atlaskit/textfield', [
-  removeThemeImports,
-]);
+const transformer = createTransformer('@atlaskit/textfield', [removeThemeImports]);
 
 const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
 
@@ -14,51 +12,51 @@ const importToDoComment = `
     has now been removed due to its poor performance characteristics. */`;
 
 describe('Remove imports', () => {
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import Textfield, { Theme, ThemeProps, ThemeTokens } from '@atlaskit/textfield';
     `,
-    `
+		`
     ${importToDoComment}
     import Textfield from '@atlaskit/textfield';
   `,
-    'should remove theme imports from Textfield and leave a comment',
-  );
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+		'should remove theme imports from Textfield and leave a comment',
+	);
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import Textfield, { ThemeProps as TextfieldThemeProp, Theme as TextFieldTheme, ThemeTokens as TextfieldThemeTokens} from '@atlaskit/textfield';
     `,
-    `
+		`
     ${importToDoComment}
     import Textfield from '@atlaskit/textfield';
   `,
-    'should remove theme imports with alias name from Textfield and leave a comment',
-  );
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+		'should remove theme imports with alias name from Textfield and leave a comment',
+	);
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import { TextFieldProps, ThemeProps, Theme, ThemeTokens } from '@atlaskit/textfield';
     `,
-    `
+		`
     ${importToDoComment}
     import { TextFieldProps } from '@atlaskit/textfield';
     `,
-    'should remove theme imports & leave other imports from Textfield and leave a comment',
-  );
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+		'should remove theme imports & leave other imports from Textfield and leave a comment',
+	);
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import { ThemeProps, ThemeTokens, Theme } from '@atlaskit/textfield';
     `,
-    `
+		`
     ${importToDoComment}
     `,
-    'should remove theme imports & remove whole line if no default import from Textfield and leave a comment',
-  );
+		'should remove theme imports & remove whole line if no default import from Textfield and leave a comment',
+	);
 });

package/codemods/__tests__/remove-prop.tsx

@@ -14,10 +14,10 @@ const themeToDoComment = `
     The appearance of TextField will have likely changed. */`;
 
 describe('Remove prop', () => {
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import Textfield from '@atlaskit/textfield';
     import customeTheme from './theme';
@@ -30,7 +30,7 @@ describe('Remove prop', () => {
       );
     }
   `,
-    `
+		`
     ${themeToDoComment}
     import React from 'react';
     import Textfield from '@atlaskit/textfield';
@@ -40,13 +40,13 @@ describe('Remove prop', () => {
       return <Textfield />;
     }
   `,
-    'should remove theme from Textfield and leave a comment',
-  );
+		'should remove theme from Textfield and leave a comment',
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import TextField from '@atlaskit/textfield';
     import customeTheme from './theme';
@@ -59,7 +59,7 @@ describe('Remove prop', () => {
       );
     }
   `,
-    `
+		`
     ${themeToDoComment}
     import React from 'react';
     import TextField from '@atlaskit/textfield';
@@ -69,13 +69,13 @@ describe('Remove prop', () => {
       return <TextField />;
     }
   `,
-    'should remove theme from TextField and leave a comment',
-  );
+		'should remove theme from TextField and leave a comment',
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import Textfield from '@atlaskit/textfield';
     import customeTheme from './theme';
@@ -93,7 +93,7 @@ describe('Remove prop', () => {
       );
     }
   `,
-    `
+		`
     ${themeToDoComment}
     import React from 'react';
     import Textfield from '@atlaskit/textfield';
@@ -108,13 +108,13 @@ describe('Remove prop', () => {
       );
     }
   `,
-    'should remove 2 usages of theme and add 1 comment',
-  );
+		'should remove 2 usages of theme and add 1 comment',
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import Foo from '@atlaskit/textfield';
     import customeTheme from './theme';
@@ -127,7 +127,7 @@ describe('Remove prop', () => {
       );
     }
   `,
-    `
+		`
     ${themeToDoComment}
     import React from 'react';
     import Foo from '@atlaskit/textfield';
@@ -137,6 +137,6 @@ describe('Remove prop', () => {
       return <Foo />;
     }
   `,
-    'should remove theme prop when using an aliased name',
-  );
+		'should remove theme prop when using an aliased name',
+	);
 });

package/codemods/__tests__/rename-disabled-to-isdisabled.tsx

@@ -9,10 +9,10 @@ const transformer = createTransformer([renameDisabledToIsDisabled]);
 const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
 
 describe('Rename `disabled` prop to `isDisabled`', () => {
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import Textfield from '@atlaskit/textfield';
 
@@ -20,7 +20,7 @@ describe('Rename `disabled` prop to `isDisabled`', () => {
       return <Textfield disabled />;
     }
   `,
-    `
+		`
     import React from 'react';
     import Textfield from '@atlaskit/textfield';
 
@@ -28,13 +28,13 @@ describe('Rename `disabled` prop to `isDisabled`', () => {
       return <Textfield isDisabled />;
     }
   `,
-    'should rename single line disabled to isDisabled',
-  );
+		'should rename single line disabled to isDisabled',
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import Textfield from '@atlaskit/textfield';
 
@@ -48,7 +48,7 @@ describe('Rename `disabled` prop to `isDisabled`', () => {
       );
     }
   `,
-    `
+		`
     import React from 'react';
     import Textfield from '@atlaskit/textfield';
 
@@ -62,13 +62,13 @@ describe('Rename `disabled` prop to `isDisabled`', () => {
       );
     }
   `,
-    'should rename multiline disabled to isDisabled',
-  );
+		'should rename multiline disabled to isDisabled',
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import Textfield from '@atlaskit/textfield';
 
@@ -84,7 +84,7 @@ describe('Rename `disabled` prop to `isDisabled`', () => {
       );
     }
   `,
-    `
+		`
     import React from 'react';
     import Textfield from '@atlaskit/textfield';
 
@@ -100,13 +100,13 @@ describe('Rename `disabled` prop to `isDisabled`', () => {
       );
     }
   `,
-    'should rename disabled to isDisabled with indirection',
-  );
+		'should rename disabled to isDisabled with indirection',
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import AkTextfield from '@atlaskit/textfield';
 
@@ -122,7 +122,7 @@ describe('Rename `disabled` prop to `isDisabled`', () => {
       );
     }
   `,
-    `
+		`
     import React from 'react';
     import AkTextfield from '@atlaskit/textfield';
 
@@ -138,6 +138,6 @@ describe('Rename `disabled` prop to `isDisabled`', () => {
       );
     }
   `,
-    'should rename disabled to isDisabled with indirection and different default import',
-  );
+		'should rename disabled to isDisabled with indirection and different default import',
+	);
 });

package/codemods/__tests__/rename-imports.tsx

@@ -1,85 +1,82 @@
 jest.autoMockOff();
 
-import {
-  renameThemeAppearanceImport,
-  renamethemeTokensImport,
-} from '../migrations/rename-imports';
+import { renameThemeAppearanceImport, renamethemeTokensImport } from '../migrations/rename-imports';
 import { createTransformer } from '../migrations/utils';
 
 const transformer = createTransformer('@atlaskit/textfield', [
-  renamethemeTokensImport,
-  renameThemeAppearanceImport,
+	renamethemeTokensImport,
+	renameThemeAppearanceImport,
 ]);
 
 const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
 
 describe('Rename imports', () => {
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import { themeTokens, ThemeAppearance } from '@atlaskit/textfield';
     `,
-    `
+		`
     import { TextFieldColors, Appearance } from '@atlaskit/textfield';
     `,
-    'should rename themeTokens & ThemeAppearance to TextFieldColors & Appearance',
-  );
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+		'should rename themeTokens & ThemeAppearance to TextFieldColors & Appearance',
+	);
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import Textfield, { ThemeAppearance, themeTokens } from '@atlaskit/textfield';
     `,
-    `
+		`
     import Textfield, { Appearance, TextFieldColors } from '@atlaskit/textfield';
   `,
-    'should rename themeTokens & Appearance to TextFieldColors  & Appearance and keep Textfield default import as is',
-  );
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+		'should rename themeTokens & Appearance to TextFieldColors  & Appearance and keep Textfield default import as is',
+	);
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import Textfield, { TextFieldProps, themeTokens } from '@atlaskit/textfield';
     `,
-    `
+		`
     import Textfield, { TextFieldProps, TextFieldColors } from '@atlaskit/textfield';
   `,
-    'should rename themeTokens to TextFieldColors and keep TextFieldProps as is',
-  );
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+		'should rename themeTokens to TextFieldColors and keep TextFieldProps as is',
+	);
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import Textfield, { TextFieldProps, themeTokens as MyLifeMyColors } from '@atlaskit/textfield';
     `,
-    `
+		`
     import Textfield, { TextFieldProps, TextFieldColors as MyLifeMyColors } from '@atlaskit/textfield';
   `,
-    'should rename themeTokens to TextFieldColors and keep its alias name as is',
-  );
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+		'should rename themeTokens to TextFieldColors and keep its alias name as is',
+	);
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import Textfield, { ThemeProps as TextfieldThemeProp,
       ThemeAppearance as TextFieldAppearance, Theme as TextFieldTheme, themeTokens as MyLifeMyColors, ThemeTokens as TextfieldThemeTokens} from '@atlaskit/textfield';
     `,
-    `
+		`
     import Textfield, { ThemeProps as TextfieldThemeProp,
       Appearance as TextFieldAppearance, Theme as TextFieldTheme, TextFieldColors as MyLifeMyColors, ThemeTokens as TextfieldThemeTokens} from '@atlaskit/textfield';
   `,
-    'should rename themeTokens to TextFieldColors, ThemeAppearance to Appearance and keep its alias name as is even when there are multiple name exports with alias',
-  );
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+		'should rename themeTokens to TextFieldColors, ThemeAppearance to Appearance and keep its alias name as is even when there are multiple name exports with alias',
+	);
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import { themeTokens, TextFieldProps } from '@atlaskit/textfield';
     `,
-    `
+		`
     import { TextFieldColors, TextFieldProps } from '@atlaskit/textfield';
     `,
-    'should rename themeTokens to TextFieldColors and keep TextFieldProps named import as is',
-  );
+		'should rename themeTokens to TextFieldColors and keep TextFieldProps named import as is',
+	);
 });

package/codemods/migrations/remove-imports.tsx

@@ -1,8 +1,8 @@
 import { createRemoveImportsFor } from './utils';
 
 export const removeThemeImports = createRemoveImportsFor({
-  importsToRemove: ['ThemeProps', 'ThemeTokens', 'Theme'],
-  packagePath: '@atlaskit/textfield',
-  comment: `This file uses exports used to help theme @atlaskit/textfield which
+	importsToRemove: ['ThemeProps', 'ThemeTokens', 'Theme'],
+	packagePath: '@atlaskit/textfield',
+	comment: `This file uses exports used to help theme @atlaskit/textfield which
   has now been removed due to its poor performance characteristics.`,
 });

package/codemods/migrations/rename-disabled-to-isdisabled.tsx

@@ -4,8 +4,4 @@ const component = '@atlaskit/textfield';
 const from = 'disabled';
 const to = 'isDisabled';
 
-export const renameDisabledToIsDisabled = createRenameFuncFor(
-  component,
-  from,
-  to,
-);
+export const renameDisabledToIsDisabled = createRenameFuncFor(component, from, to);