@atlaskit/checkbox 17.3.8 → 17.3.10

package/dist/cjs/internal/label.compiled.css

@@ -15,7 +15,7 @@
 ._f0grby5v{--checkbox-border-color:var(--ds-background-disabled,#17171708)}
 ._f0grjmqp{--checkbox-border-color:var(--ds-background-selected-bold,#1868db)}
 ._f0grrsbi{--checkbox-border-color:var(--ds-border-input,#8c8f97)}
-._syaz1tvo{color:var(--ds-text-disabled,#97a0af)}
+._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._umai184x{grid-auto-rows:min-content}
 ._yv0ey09t{grid-template-columns:min-content auto}

package/dist/cjs/internal/label.js

@@ -44,7 +44,7 @@ function Label(_ref) {
     id = _ref.id,
     xcss = _ref.xcss;
   return /*#__PURE__*/React.createElement("label", {
-    className: (0, _runtime.ax)(["_11c8fhey _1e0c11p5 _1ejihkll _umai184x _1qwn1j9a _f0grrsbi _1c53glyw _1e9d1j28 _syazi7uo _80om73ad _ljcgdfik _1vj5l4ek _dh4gr01l _cz1u1l7x _jom5wc43 _1s071onz _106f1onz", label && "_zulp1nu5 _yv0ey09t", (isChecked || isIndeterminate) && "_1qwnjmqp _f0grjmqp _1e9d5w2r _1vj51q28 _q29q1q28 _dh4gr01l _cz1u1l7x _zoo95w2r _jom5wc43 _1s071onz _106f1onz", isInvalid && "_f0gr1bqt _q29q1bqt _cz1u1bqt _1s07gir2", isDisabled && "_1qwnby5v _f0grby5v _syaz1tvo _80om13gf _1vj5by5v _q29qby5v _dh4gby5v _cz1uby5v _jom5wc43 _1s0718qt _106f18qt", isDisabled && (isChecked || isIndeterminate) && "_1e9d2sac _9js12sac _zoo92sac", xcss]),
+    className: (0, _runtime.ax)(["_11c8fhey _1e0c11p5 _1ejihkll _umai184x _1qwn1j9a _f0grrsbi _1c53glyw _1e9d1j28 _syazi7uo _80om73ad _ljcgdfik _1vj5l4ek _dh4gr01l _cz1u1l7x _jom5wc43 _1s071onz _106f1onz", label && "_zulp1nu5 _yv0ey09t", (isChecked || isIndeterminate) && "_1qwnjmqp _f0grjmqp _1e9d5w2r _1vj51q28 _q29q1q28 _dh4gr01l _cz1u1l7x _zoo95w2r _jom5wc43 _1s071onz _106f1onz", isInvalid && "_f0gr1bqt _q29q1bqt _cz1u1bqt _1s07gir2", isDisabled && "_1qwnby5v _f0grby5v _syaz1gmx _80om13gf _1vj5by5v _q29qby5v _dh4gby5v _cz1uby5v _jom5wc43 _1s0718qt _106f18qt", isDisabled && (isChecked || isIndeterminate) && "_1e9d2sac _9js12sac _zoo92sac", xcss]),
     "data-testid": testId,
     "data-disabled": isDisabled || undefined,
     id: id

package/dist/es2019/internal/label.compiled.css

@@ -15,7 +15,7 @@
 ._f0grby5v{--checkbox-border-color:var(--ds-background-disabled,#17171708)}
 ._f0grjmqp{--checkbox-border-color:var(--ds-background-selected-bold,#1868db)}
 ._f0grrsbi{--checkbox-border-color:var(--ds-border-input,#8c8f97)}
-._syaz1tvo{color:var(--ds-text-disabled,#97a0af)}
+._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._umai184x{grid-auto-rows:min-content}
 ._yv0ey09t{grid-template-columns:min-content auto}

package/dist/es2019/internal/label.js

@@ -37,7 +37,7 @@ export default function Label({
   xcss
 }) {
   return /*#__PURE__*/React.createElement("label", {
-    className: ax(["_11c8fhey _1e0c11p5 _1ejihkll _umai184x _1qwn1j9a _f0grrsbi _1c53glyw _1e9d1j28 _syazi7uo _80om73ad _ljcgdfik _1vj5l4ek _dh4gr01l _cz1u1l7x _jom5wc43 _1s071onz _106f1onz", label && "_zulp1nu5 _yv0ey09t", (isChecked || isIndeterminate) && "_1qwnjmqp _f0grjmqp _1e9d5w2r _1vj51q28 _q29q1q28 _dh4gr01l _cz1u1l7x _zoo95w2r _jom5wc43 _1s071onz _106f1onz", isInvalid && "_f0gr1bqt _q29q1bqt _cz1u1bqt _1s07gir2", isDisabled && "_1qwnby5v _f0grby5v _syaz1tvo _80om13gf _1vj5by5v _q29qby5v _dh4gby5v _cz1uby5v _jom5wc43 _1s0718qt _106f18qt", isDisabled && (isChecked || isIndeterminate) && "_1e9d2sac _9js12sac _zoo92sac", xcss]),
+    className: ax(["_11c8fhey _1e0c11p5 _1ejihkll _umai184x _1qwn1j9a _f0grrsbi _1c53glyw _1e9d1j28 _syazi7uo _80om73ad _ljcgdfik _1vj5l4ek _dh4gr01l _cz1u1l7x _jom5wc43 _1s071onz _106f1onz", label && "_zulp1nu5 _yv0ey09t", (isChecked || isIndeterminate) && "_1qwnjmqp _f0grjmqp _1e9d5w2r _1vj51q28 _q29q1q28 _dh4gr01l _cz1u1l7x _zoo95w2r _jom5wc43 _1s071onz _106f1onz", isInvalid && "_f0gr1bqt _q29q1bqt _cz1u1bqt _1s07gir2", isDisabled && "_1qwnby5v _f0grby5v _syaz1gmx _80om13gf _1vj5by5v _q29qby5v _dh4gby5v _cz1uby5v _jom5wc43 _1s0718qt _106f18qt", isDisabled && (isChecked || isIndeterminate) && "_1e9d2sac _9js12sac _zoo92sac", xcss]),
     "data-testid": testId,
     "data-disabled": isDisabled || undefined,
     id: id

package/dist/esm/internal/label.compiled.css

@@ -15,7 +15,7 @@
 ._f0grby5v{--checkbox-border-color:var(--ds-background-disabled,#17171708)}
 ._f0grjmqp{--checkbox-border-color:var(--ds-background-selected-bold,#1868db)}
 ._f0grrsbi{--checkbox-border-color:var(--ds-border-input,#8c8f97)}
-._syaz1tvo{color:var(--ds-text-disabled,#97a0af)}
+._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._umai184x{grid-auto-rows:min-content}
 ._yv0ey09t{grid-template-columns:min-content auto}

package/dist/esm/internal/label.js

@@ -36,7 +36,7 @@ export default function Label(_ref) {
     id = _ref.id,
     xcss = _ref.xcss;
   return /*#__PURE__*/React.createElement("label", {
-    className: ax(["_11c8fhey _1e0c11p5 _1ejihkll _umai184x _1qwn1j9a _f0grrsbi _1c53glyw _1e9d1j28 _syazi7uo _80om73ad _ljcgdfik _1vj5l4ek _dh4gr01l _cz1u1l7x _jom5wc43 _1s071onz _106f1onz", label && "_zulp1nu5 _yv0ey09t", (isChecked || isIndeterminate) && "_1qwnjmqp _f0grjmqp _1e9d5w2r _1vj51q28 _q29q1q28 _dh4gr01l _cz1u1l7x _zoo95w2r _jom5wc43 _1s071onz _106f1onz", isInvalid && "_f0gr1bqt _q29q1bqt _cz1u1bqt _1s07gir2", isDisabled && "_1qwnby5v _f0grby5v _syaz1tvo _80om13gf _1vj5by5v _q29qby5v _dh4gby5v _cz1uby5v _jom5wc43 _1s0718qt _106f18qt", isDisabled && (isChecked || isIndeterminate) && "_1e9d2sac _9js12sac _zoo92sac", xcss]),
+    className: ax(["_11c8fhey _1e0c11p5 _1ejihkll _umai184x _1qwn1j9a _f0grrsbi _1c53glyw _1e9d1j28 _syazi7uo _80om73ad _ljcgdfik _1vj5l4ek _dh4gr01l _cz1u1l7x _jom5wc43 _1s071onz _106f1onz", label && "_zulp1nu5 _yv0ey09t", (isChecked || isIndeterminate) && "_1qwnjmqp _f0grjmqp _1e9d5w2r _1vj51q28 _q29q1q28 _dh4gr01l _cz1u1l7x _zoo95w2r _jom5wc43 _1s071onz _106f1onz", isInvalid && "_f0gr1bqt _q29q1bqt _cz1u1bqt _1s07gir2", isDisabled && "_1qwnby5v _f0grby5v _syaz1gmx _80om13gf _1vj5by5v _q29qby5v _dh4gby5v _cz1uby5v _jom5wc43 _1s0718qt _106f18qt", isDisabled && (isChecked || isIndeterminate) && "_1e9d2sac _9js12sac _zoo92sac", xcss]),
     "data-testid": testId,
     "data-disabled": isDisabled || undefined,
     id: id

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/checkbox",
-	"version": "17.3.8",
+	"version": "17.3.10",
 	"description": "A checkbox is an input control that allows a user to select one or more options from a number of choices.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -25,6 +25,13 @@
 	],
 	"atlaskit:src": "src/index.tsx",
 	"atlassian": {
+		"react-compiler": {
+			"enabled": true,
+			"gating": {
+				"source": "@atlassian/react-compiler-gating",
+				"importSpecifierName": "isReactCompilerActivePlatform"
+			}
+		},
 		"team": "Design System Team",
 		"website": {
 			"name": "Checkbox",
@@ -53,6 +60,7 @@
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/primitives": "^18.1.0",
 		"@atlaskit/section-message": "^8.12.0",
+		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@testing-library/react": "^16.3.0",

package/codemods/migrations/remove-props.tsx

@@ -1,39 +0,0 @@
-import { createRemoveFuncFor } from '../utils';
-
-export const removeFullWidth: (
-	j: import('jscodeshift/src/core').JSCodeshift,
-	source: import('jscodeshift/src/Collection').Collection<Node>,
-) => void = createRemoveFuncFor('@atlaskit/checkbox', 'Checkbox', 'isFullWidth');
-
-export const removeOverrides: (
-	j: import('jscodeshift/src/core').JSCodeshift,
-	source: import('jscodeshift/src/Collection').Collection<Node>,
-) => void = createRemoveFuncFor(
-	'@atlaskit/checkbox',
-	'Checkbox',
-	'overrides',
-	`This file uses the @atlaskit/checkbox \`overrides\` prop
-  which has now been removed due to its poor performance characteristics. We have not
-  replaced overrides with an equivalent API and the overrides pattern exposes internal
-  implementation detail as public API and makes it harder for you to upgrade. The appearance
-  of Checkbox will have likely changed.`,
-);
-
-export const removeTheme: (
-	j: import('jscodeshift/src/core').JSCodeshift,
-	source: import('jscodeshift/src/Collection').Collection<Node>,
-) => void = createRemoveFuncFor(
-	'@atlaskit/checkbox',
-	'Checkbox',
-	'theme',
-	`This file uses the @atlaskit/checkbox \`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. However if you
-  were using theme to customise the size of the checkbox there is now a \`size\` prop.
-  The appearance of Checkbox will have likely changed.`,
-);
-
-export const removeSize: (
-	j: import('jscodeshift/src/core').JSCodeshift,
-	source: import('jscodeshift/src/Collection').Collection<Node>,
-) => void = createRemoveFuncFor('@atlaskit/checkbox', 'Checkbox', 'size');

package/codemods/migrations/rename-import.tsx

@@ -1,33 +0,0 @@
-import { createRenameImportFor } from '../utils';
-
-// As you could access everything in Checkbox with the old entry points
-// there are a lot of possible things to fix. Having searched on SourceTree
-// these are the only things that need to be fixed
-
-export const renameTypeImport: (
-	j: import('jscodeshift/src/core').JSCodeshift,
-	source: import('jscodeshift/src/Collection').Collection<Node>,
-) => void = createRenameImportFor({
-	componentName: 'CheckboxProps',
-	oldPackagePath: '@atlaskit/checkbox/types',
-	newPackagePath: '@atlaskit/checkbox',
-});
-
-export const renameDeepTypeImport: (
-	j: import('jscodeshift/src/core').JSCodeshift,
-	source: import('jscodeshift/src/Collection').Collection<Node>,
-) => void = createRenameImportFor({
-	componentName: 'CheckboxProps',
-	oldPackagePath: '@atlaskit/checkbox/dist/cjs/types',
-	newPackagePath: '@atlaskit/checkbox',
-});
-
-export const renameCheckboxWithoutAnalyticsImport: (
-	j: import('jscodeshift/src/core').JSCodeshift,
-	source: import('jscodeshift/src/Collection').Collection<Node>,
-) => void = createRenameImportFor({
-	componentName: 'CheckboxWithoutAnalytics',
-	newComponentName: 'Checkbox',
-	oldPackagePath: '@atlaskit/checkbox/Checkbox',
-	newPackagePath: '@atlaskit/checkbox',
-});

package/codemods/utils.tsx

@@ -1,477 +0,0 @@
-import type {
-	API,
-	ASTPath,
-	default as core,
-	FileInfo,
-	ImportDeclaration,
-	ImportDefaultSpecifier,
-	ImportSpecifier,
-	JSXAttribute,
-	Options,
-	Program,
-	VariableDeclaration,
-} from 'jscodeshift';
-import { type Collection } from 'jscodeshift/src/Collection';
-
-export type Nullable<T> = T | null;
-
-export function getNamedSpecifier(
-	j: core.JSCodeshift,
-	source: any,
-	specifier: string,
-	importName: string,
-): any {
-	const specifiers = source
-		.find(j.ImportDeclaration)
-		.filter((path: ASTPath<ImportDeclaration>) => path.node.source.value === specifier)
-		.find(j.ImportSpecifier)
-		.filter((path: ASTPath<ImportSpecifier>) => path.node.imported.name === importName);
-
-	if (!specifiers.length) {
-		return null;
-	}
-	return specifiers.nodes()[0]!.local!.name;
-}
-
-function getDefaultSpecifier(j: core.JSCodeshift, source: ReturnType<typeof j>, specifier: string) {
-	const specifiers = source
-		.find(j.ImportDeclaration)
-		.filter((path: ASTPath<ImportDeclaration>) => path.node.source.value === specifier)
-		.find(j.ImportDefaultSpecifier);
-
-	if (!specifiers.length) {
-		return null;
-	}
-	return specifiers.nodes()[0]!.local!.name;
-}
-
-export function getJSXAttributesByName(
-	j: core.JSCodeshift,
-	element: ASTPath<any>,
-	attributeName: string,
-): Collection<JSXAttribute> {
-	return j(element)
-		.find(j.JSXOpeningElement)
-		.find(j.JSXAttribute)
-		.filter((attribute) => {
-			const matches = j(attribute)
-				.find(j.JSXIdentifier)
-				.filter((identifier) => identifier.value.name === attributeName);
-			return Boolean(matches.length);
-		});
-}
-
-export function hasImportDeclaration(
-	j: core.JSCodeshift,
-	source: any,
-	importPath: string,
-): boolean {
-	const imports = source
-		.find(j.ImportDeclaration)
-		.filter(
-			(path: ASTPath<ImportDeclaration>) =>
-				typeof path.node.source.value === 'string' && path.node.source.value.startsWith(importPath),
-		);
-
-	return Boolean(imports.length);
-}
-
-export function findIdentifierAndReplaceAttribute(
-	j: core.JSCodeshift,
-	source: ReturnType<typeof j>,
-	identifierName: string,
-	searchAttr: string,
-	replaceWithAttr: string,
-): void {
-	source
-		.find(j.JSXElement)
-		.find(j.JSXOpeningElement)
-		.filter((path) => {
-			return !!j(path.node)
-				.find(j.JSXIdentifier)
-				.filter((identifier) => identifier.value.name === identifierName);
-		})
-		.forEach((element) => {
-			j(element)
-				.find(j.JSXAttribute)
-				.find(j.JSXIdentifier)
-				.filter((attr) => attr.node.name === searchAttr)
-				.forEach((attribute) => {
-					j(attribute).replaceWith(j.jsxIdentifier(replaceWithAttr));
-				});
-		});
-}
-
-export function hasVariableAssignment(
-	j: core.JSCodeshift,
-	source: ReturnType<typeof j>,
-	identifierName: string,
-): Collection<VariableDeclaration> | boolean {
-	const occurance = source.find(j.VariableDeclaration).filter((path) => {
-		return !!j(path.node)
-			.find(j.VariableDeclarator)
-			.find(j.Identifier)
-			.filter((identifier) => {
-				return identifier.node.name === identifierName;
-			}).length;
-	});
-	return !!occurance.length ? occurance : false;
-}
-
-// not replacing newlines (which \s does)
-const spacesAndTabs: RegExp = /[ \t]{2,}/g;
-const lineStartWithSpaces: RegExp = /^[ \t]*/gm;
-
-function clean(value: string): string {
-	return (
-		value
-			.replace(spacesAndTabs, ' ')
-			.replace(lineStartWithSpaces, '')
-			// using .trim() to clear the any newlines before the first text and after last text
-			.trim()
-	);
-}
-
-export function addCommentToStartOfFile({
-	j,
-	base,
-	message,
-}: {
-	j: core.JSCodeshift;
-	base: Collection<Node>;
-	message: string;
-}): void {
-	addCommentBefore({
-		j,
-		target: base.find(j.Program),
-		message,
-	});
-}
-
-export function addCommentBefore({
-	j,
-	target,
-	message,
-}: {
-	j: core.JSCodeshift;
-	target: Collection<Program> | Collection<ImportDeclaration>;
-	message: string;
-}): void {
-	const content: string = ` TODO: (from codemod) ${clean(message)} `;
-	target.forEach((path: ASTPath<Program | ImportDeclaration>) => {
-		path.value.comments = path.value.comments || [];
-
-		const exists = path.value.comments.find((comment) => comment.value === content);
-
-		// avoiding duplicates of the same comment
-		if (exists) {
-			return;
-		}
-
-		path.value.comments.push(j.commentBlock(content));
-	});
-}
-
-export function tryCreateImport({
-	j,
-	base,
-	relativeToPackage,
-	packageName,
-}: {
-	j: core.JSCodeshift;
-	base: Collection<any>;
-	relativeToPackage: string;
-	packageName: string;
-}): void {
-	const exists: boolean =
-		base.find(j.ImportDeclaration).filter((path) => path.value.source.value === packageName)
-			.length > 0;
-
-	if (exists) {
-		return;
-	}
-
-	base
-		.find(j.ImportDeclaration)
-		.filter((path) => path.value.source.value === relativeToPackage)
-		.insertBefore(j.importDeclaration([], j.literal(packageName)));
-}
-
-export function addToImport({
-	j,
-	base,
-	importSpecifier,
-	packageName,
-}: {
-	j: core.JSCodeshift;
-	base: Collection<any>;
-	importSpecifier: ImportSpecifier | ImportDefaultSpecifier;
-	packageName: string;
-}): void {
-	base
-		.find(j.ImportDeclaration)
-		.filter((path) => path.value.source.value === packageName)
-		.replaceWith((declaration) => {
-			return j.importDeclaration(
-				[
-					// we are appending to the existing specifiers
-					// We are doing a filter hear because sometimes specifiers can be removed
-					// but they hand around in the declaration
-					...(declaration.value.specifiers || []).filter(
-						(item) => item.type === 'ImportSpecifier' && item.imported != null,
-					),
-					importSpecifier,
-				],
-				j.literal(packageName),
-			);
-		});
-}
-
-export const createRenameFuncFor: (
-	component: string,
-	importName: string,
-	from: string,
-	to: string,
-) => (j: core.JSCodeshift, source: Collection<Node>) => void =
-	(component: string, importName: string, from: string, to: string) =>
-	(j: core.JSCodeshift, source: Collection<Node>) => {
-		const specifier = getNamedSpecifier(j, source, component, importName);
-
-		if (!specifier) {
-			return;
-		}
-
-		source.findJSXElements(specifier).forEach((element) => {
-			getJSXAttributesByName(j, element, from).forEach((attribute) => {
-				j(attribute).replaceWith(j.jsxAttribute(j.jsxIdentifier(to), attribute.node.value));
-			});
-		});
-
-		let variable = hasVariableAssignment(j, source, specifier);
-		if (variable) {
-			(variable as Collection<VariableDeclaration>)
-				.find(j.VariableDeclarator)
-				.forEach((declarator) => {
-					j(declarator)
-						.find(j.Identifier)
-						.filter((identifier) => identifier.name === 'id')
-						.forEach((ids) => {
-							findIdentifierAndReplaceAttribute(j, source, ids.node.name, from, to);
-						});
-				});
-		}
-	};
-
-export const createRemoveFuncFor: (
-	component: string,
-	importName: string,
-	prop: string,
-	comment?: string,
-) => (j: core.JSCodeshift, source: Collection<Node>) => void =
-	(component: string, importName: string, prop: string, comment?: string) =>
-	(j: core.JSCodeshift, source: Collection<Node>) => {
-		const specifier =
-			getNamedSpecifier(j, source, component, importName) ||
-			getDefaultSpecifier(j, source, component);
-
-		if (!specifier) {
-			return;
-		}
-
-		source.findJSXElements(specifier).forEach((element) => {
-			getJSXAttributesByName(j, element, prop).forEach((attribute) => {
-				j(attribute).remove();
-				if (comment) {
-					addCommentToStartOfFile({ j, base: source, message: comment });
-				}
-			});
-		});
-	};
-
-export const createRenameImportFor: ({
-	componentName,
-	newComponentName,
-	oldPackagePath,
-	newPackagePath,
-}: {
-	componentName: string;
-	newComponentName?: string;
-	oldPackagePath: string;
-	newPackagePath: string;
-}) => (j: core.JSCodeshift, source: Collection<Node>) => void =
-	({
-		componentName,
-		newComponentName,
-		oldPackagePath,
-		newPackagePath,
-	}: {
-		componentName: string;
-		newComponentName?: string;
-		oldPackagePath: string;
-		newPackagePath: string;
-	}) =>
-	(j: core.JSCodeshift, source: Collection<Node>) => {
-		const isUsingName: boolean =
-			source
-				.find(j.ImportDeclaration)
-				.filter((path) => path.node.source.value === oldPackagePath)
-				.find(j.ImportSpecifier)
-				.nodes()
-				.filter((specifier) => specifier.imported && specifier.imported.name === componentName)
-				.length > 0;
-		if (!isUsingName) {
-			return;
-		}
-
-		const existingAlias: Nullable<string> =
-			source
-				.find(j.ImportDeclaration)
-				.filter((path) => path.node.source.value === oldPackagePath)
-				.find(j.ImportSpecifier)
-				.nodes()
-				.map((specifier): Nullable<string> => {
-					if (specifier.imported && specifier.imported.name !== componentName) {
-						return null;
-					}
-					// If aliased: return the alias
-					if (specifier.local && specifier.local.name !== componentName) {
-						return specifier.local.name;
-					}
-
-					return null;
-				})
-				.filter(Boolean)[0] || null;
-
-		// Check to see if need to create new package path
-		// Try create an import declaration just before the old import
-		tryCreateImport({
-			j,
-			base: source,
-			relativeToPackage: oldPackagePath,
-			packageName: newPackagePath,
-		});
-
-		const newSpecifier: ImportSpecifier | ImportDefaultSpecifier = (() => {
-			// If there's a new name use that
-			if (newComponentName) {
-				return j.importSpecifier(j.identifier(newComponentName), j.identifier(newComponentName));
-			}
-
-			if (existingAlias) {
-				return j.importSpecifier(j.identifier(componentName), j.identifier(existingAlias));
-			}
-
-			// Add specifier
-			return j.importSpecifier(j.identifier(componentName), j.identifier(componentName));
-		})();
-
-		addToImport({
-			j,
-			base: source,
-			importSpecifier: newSpecifier,
-			packageName: newPackagePath,
-		});
-
-		// Remove old path
-		source
-			.find(j.ImportDeclaration)
-			.filter((path) => path.node.source.value === oldPackagePath)
-			.remove();
-	};
-
-export const createRemoveImportsFor: ({
-	importsToRemove,
-	packagePath,
-	comment,
-}: {
-	importsToRemove: string[];
-	packagePath: string;
-	comment: string;
-}) => (j: core.JSCodeshift, source: Collection<Node>) => void =
-	({
-		importsToRemove,
-		packagePath,
-		comment,
-	}: {
-		importsToRemove: string[];
-		packagePath: string;
-		comment: string;
-	}) =>
-	(j: core.JSCodeshift, source: Collection<Node>) => {
-		const isUsingName: boolean =
-			source.find(j.ImportDeclaration).filter((path) => path.node.source.value === packagePath)
-				.length > 0;
-		if (!isUsingName) {
-			return;
-		}
-
-		const existingAlias: Nullable<string> =
-			source
-				.find(j.ImportDeclaration)
-				.filter((path) => path.node.source.value === packagePath)
-				.find(j.ImportSpecifier)
-				.nodes()
-				.map((specifier): Nullable<string> => {
-					if (!importsToRemove.includes(specifier.imported.name)) {
-						return null;
-					}
-					// If aliased: return the alias
-					if (specifier.local && !importsToRemove.includes(specifier.local.name)) {
-						return specifier.local.name;
-					}
-
-					return null;
-				})
-				.filter(Boolean)[0] || null;
-
-		// Remove imports
-		source
-			.find(j.ImportDeclaration)
-			.filter((path) => path.node.source.value === packagePath)
-			.find(j.ImportSpecifier)
-			.find(j.Identifier)
-			.filter((identifier) => {
-				if (
-					importsToRemove.includes(identifier.value.name) ||
-					identifier.value.name === existingAlias
-				) {
-					addCommentToStartOfFile({ j, base: source, message: comment });
-					return true;
-				}
-				return false;
-			})
-			.remove();
-
-		// Remove entire import if it is empty
-		const isEmptyImport =
-			source
-				.find(j.ImportDeclaration)
-				.filter((path) => path.node.source.value === packagePath)
-				.find(j.ImportSpecifier)
-				.find(j.Identifier).length === 0;
-		if (isEmptyImport) {
-			source
-				.find(j.ImportDeclaration)
-				.filter((path) => path.node.source.value === packagePath)
-				.remove();
-		}
-	};
-
-export const createTransformer: (
-	component: string,
-	migrates: {
-		(j: core.JSCodeshift, source: Collection<Node>): void;
-	}[],
-) => (fileInfo: FileInfo, { jscodeshift }: API, options: Options) => string =
-	(component: string, migrates: { (j: core.JSCodeshift, source: Collection<Node>): void }[]) =>
-	(fileInfo: FileInfo, { jscodeshift }: API, options: Options) => {
-		const source: Collection<Node> = jscodeshift(fileInfo.source);
-
-		if (!hasImportDeclaration(jscodeshift, source, component)) {
-			return fileInfo.source;
-		}
-
-		migrates.forEach((tf) => tf(jscodeshift, source));
-
-		return source.toSource(options.printOptions || { quote: 'single' });
-	};