@atlaskit/code 15.7.1 → 15.7.3

package/codemods/__tests__/14.0.0-lite-mode/text-to-child.tsx

@@ -1,203 +0,0 @@
-import { createTransformer } from '@atlaskit/codemod-utils';
-
-import textToChild from '../../migrations/14.0.0-lite-mode/text-to-child';
-
-const transformer = createTransformer([textToChild]);
-
-const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
-
-describe('make the test prop a child', () => {
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import React from 'react';
-
-    import { Code } from '@atlaskit/code';
-
-    export default function CodeDefaultExample() {
-      return (
-        <p>
-          To start creating a changeset, run{' '}
-          <Code text="yarn changeset" />. Then you will be prompted
-          to select packages for release.
-        </p>
-      );
-    }
-    `,
-		`
-    import React from 'react';
-
-    import { Code } from '@atlaskit/code';
-
-    export default function CodeDefaultExample() {
-      return (
-        <p>
-          To start creating a changeset, run{' '}
-          <Code>yarn changeset</Code>. Then you will be prompted
-          to select packages for release.
-        </p>
-      );
-    }
-    `,
-		'should make the text prop a child if it is a string',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import React from 'react';
-
-    import { Code } from '@atlaskit/code';
-
-    const text = "yarn changeset";
-
-    export default function CodeDefaultExample() {
-      return (
-        <p>
-          To start creating a changeset, run{' '}
-          <Code text={text} />. Then you will be prompted
-          to select packages for release.
-        </p>
-      );
-    }
-    `,
-		`
-    import React from 'react';
-
-    import { Code } from '@atlaskit/code';
-
-    const text = "yarn changeset";
-
-    export default function CodeDefaultExample() {
-      return (
-        <p>
-          To start creating a changeset, run{' '}
-          <Code>{text}</Code>. Then you will be prompted
-          to select packages for release.
-        </p>
-      );
-    }
-    `,
-		'should make the text prop a child if it is a variable',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import React from 'react';
-
-    import { Code } from '@atlaskit/code';
-
-    export default function CodeDefaultExample() {
-      return (
-        <p>
-          To start creating a changeset, run{' '}
-          <Code testId="hello!" text="yarn changeset" />. Then you will be prompted
-          to select packages for release.
-        </p>
-      );
-    }
-    `,
-		`
-    import React from 'react';
-
-    import { Code } from '@atlaskit/code';
-
-    export default function CodeDefaultExample() {
-      return (
-        <p>
-          To start creating a changeset, run{' '}
-          <Code testId="hello!">yarn changeset</Code>. Then you will be prompted
-          to select packages for release.
-        </p>
-      );
-    }
-    `,
-		'should retain other props when converting to children',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import React from 'react';
-
-    import { Code } from '@atlaskit/code';
-
-    import codeProps from './code-props';
-
-    export default function CodeDefaultExample() {
-      return (
-        <p>
-          To start creating a changeset, run{' '}
-          <Code {...codeProps} text="yarn changeset" />. Then you will be prompted
-          to select packages for release.
-        </p>
-      );
-    }
-    `,
-		`
-    import React from 'react';
-
-    import { Code } from '@atlaskit/code';
-
-    import codeProps from './code-props';
-
-    export default function CodeDefaultExample() {
-      return (
-        <p>
-          To start creating a changeset, run{' '}
-          <Code {...codeProps}>yarn changeset</Code>. Then you will be prompted
-          to select packages for release.
-        </p>
-      );
-    }
-    `,
-		'should retain other props that are spread when converting to children',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import React from 'react';
-
-    import { Code } from '@atlaskit/code';
-
-    const text = "yarn changeset" ;
-
-    export default function CodeDefaultExample() {
-      return (
-        <p>
-          To start creating a changeset, run{' '}
-          <Code text={text} />. Then you will be prompted
-          to select packages for release.
-          If you wanna run <Code text="rm -rf"/> you can for fun
-        </p>
-      );
-    }
-    `,
-		`
-    import React from 'react';
-
-    import { Code } from '@atlaskit/code';
-
-    const text = "yarn changeset" ;
-
-    export default function CodeDefaultExample() {
-      return (
-        <p>
-          To start creating a changeset, run{' '}
-          <Code>{text}</Code>. Then you will be prompted
-          to select packages for release.
-          If you wanna run <Code>rm -rf</Code> you can for fun
-        </p>
-      );
-    }
-    `,
-		'should make the text prop a child with 2 usages',
-	);
-});

package/codemods/migrations/14.0.0-lite-mode/remove-language.tsx

@@ -1,13 +0,0 @@
-import { createRemoveFuncFor } from '../../utils/helpers';
-
-const comment = `
-We could not automatically convert this code to the new API.
-
-This file uses \`Code\`’s \`language\` prop. The support for syntax highlighting has
-been removed to make \`Code\` lighter, quicker and more composable. If you need syntax
-highlighting it is still available in \`CodeBlock\`.
-`;
-
-const removeLanguageProp = createRemoveFuncFor('@atlaskit/code', 'Code', 'language', comment);
-
-export default removeLanguageProp;

package/codemods/migrations/14.0.0-lite-mode/text-to-child.tsx

@@ -1,67 +0,0 @@
-import type { ASTPath, default as core, JSXAttribute, JSXElement } from 'jscodeshift';
-import { type Collection } from 'jscodeshift/src/Collection';
-
-import { getJSXAttributesByName, getNamedSpecifier } from '@atlaskit/codemod-utils';
-
-const textToChild = (j: core.JSCodeshift, source: Collection<Node>) => {
-	const specifier = getNamedSpecifier(j, source, '@atlaskit/code', 'Code');
-
-	if (!specifier) {
-		return;
-	}
-
-	source.findJSXElements(specifier).forEach((element: ASTPath<JSXElement>) => {
-		getJSXAttributesByName(j, element, 'text').forEach((attribute: ASTPath<JSXAttribute>) => {
-			const { value } = attribute.node;
-			if (!value) {
-				return;
-			}
-
-			let codeChild = value;
-			switch (value.type) {
-				// case when object value is provided
-				case 'JSXExpressionContainer':
-					const { expression } = value;
-
-					// case when string is provided inside JSX expression
-					// e.g.: text={"rm -rf"}
-					if (expression.type === 'StringLiteral') {
-						codeChild = j.jsxText(expression.value);
-					}
-					// case when a variable is provided as value
-					// e.g.: text={someVariable}
-					else {
-						codeChild = j.jsxExpressionContainer(expression);
-					}
-
-					break;
-
-				// case when string value is provided
-				// e.g.: text="rm -rf"
-				case 'StringLiteral':
-					codeChild = j.jsxText(value.value);
-			}
-
-			// Remove text prop
-			j(attribute).remove();
-
-			j(element)
-				.find(j.JSXOpeningElement)
-				.forEach((openingElement) => {
-					// @ts-ignore
-					if (openingElement.value.name.name === specifier) {
-						// Create opening and closing tag with the text content as a child
-						j(openingElement).replaceWith(
-							j.jsxElement(
-								j.jsxOpeningElement(j.jsxIdentifier(specifier), openingElement.value.attributes),
-								j.jsxClosingElement(j.jsxIdentifier(specifier)),
-								[codeChild],
-							),
-						);
-					}
-				});
-		});
-	});
-};
-
-export default textToChild;

package/codemods/utils/helpers.tsx

@@ -1,226 +0,0 @@
-import type {
-	ASTPath,
-	CallExpression,
-	default as core,
-	Identifier,
-	ImportDeclaration,
-	ImportSpecifier,
-	JSCodeshift,
-	JSXAttribute,
-	JSXElement,
-	ObjectProperty,
-} from 'jscodeshift';
-import { type Collection } from 'jscodeshift/src/Collection';
-
-import { addCommentToStartOfFile, getNamedSpecifier } from '@atlaskit/codemod-utils';
-
-export function hasImportDeclaration(
-	j: JSCodeshift,
-	collection: Collection<any>,
-	importPath: string,
-) {
-	return getImportDeclarationCollection(j, collection, importPath).length > 0;
-}
-
-export function getImportDeclarationCollection(
-	j: JSCodeshift,
-	collection: Collection<any>,
-	importPath: string,
-) {
-	return collection
-		.find(j.ImportDeclaration)
-		.filter((importDeclarationPath) => importDeclarationPath.node.source.value === importPath);
-}
-
-export function hasDynamicImport(j: JSCodeshift, collection: Collection<any>, importPath: string) {
-	return getDynamicImportCollection(j, collection, importPath).length > 0;
-}
-
-export function getDynamicImportCollection(
-	j: JSCodeshift,
-	collection: Collection<any>,
-	importPath: string,
-) {
-	return collection.find(j.CallExpression).filter((callExpressionPath) => {
-		const { callee, arguments: callExpressionArguments } = callExpressionPath.node;
-
-		return !!(
-			isCallExpressionCalleeImportType(callee) &&
-			isCallExpressionArgumentStringLiteralType(callExpressionArguments) &&
-			isCallExpressionArgumentValueMatches(callExpressionArguments[0], j, importPath)
-		);
-	});
-}
-function isCallExpressionCalleeImportType(callee: CallExpression['callee']) {
-	return callee && callee.type === 'Import';
-}
-function isCallExpressionArgumentStringLiteralType(
-	callExpressionArguments: CallExpression['arguments'],
-) {
-	return (
-		callExpressionArguments &&
-		callExpressionArguments.length &&
-		callExpressionArguments[0].type === 'StringLiteral'
-	);
-}
-function isCallExpressionArgumentValueMatches(
-	callExpressionArgument: CallExpression['arguments'][0],
-	j: JSCodeshift,
-	value: string,
-) {
-	return j(callExpressionArgument).some((path) => path.node.value === value);
-}
-
-export function getImportSpecifierCollection(
-	j: JSCodeshift,
-	importDeclarationCollection: Collection<ImportDeclaration>,
-	importName: string,
-) {
-	return importDeclarationCollection
-		.find(j.ImportSpecifier)
-		.filter((importSpecifierPath) => importSpecifierPath.node.imported.name === importName);
-}
-
-export function getImportSpecifierName(importSpecifierCollection: Collection<ImportSpecifier>) {
-	if (importSpecifierCollection.length === 0) {
-		return null;
-	}
-
-	return importSpecifierCollection.nodes()[0]!.local!.name;
-}
-
-export function isVariableDeclaratorIdentifierPresent(
-	j: JSCodeshift,
-	collection: Collection<any>,
-	variableName: string,
-) {
-	return collection
-		.find(j.VariableDeclaration)
-		.find(j.VariableDeclarator)
-		.some((variableDeclaratorPath) => {
-			const { id } = variableDeclaratorPath.node;
-
-			return !!(id && id.type === 'Identifier' && (id as Identifier).name === variableName);
-		});
-}
-
-export function isFunctionDeclarationIdentifierPresent(
-	j: JSCodeshift,
-	collection: Collection<any>,
-	variableName: string,
-) {
-	return collection.find(j.FunctionDeclaration).some((functionDeclarationPath) => {
-		const { id } = functionDeclarationPath.node;
-
-		return !!(id && id.type === 'Identifier' && (id as Identifier).name === variableName);
-	});
-}
-
-export function isClassDeclarationIdentifierPresent(
-	j: JSCodeshift,
-	collection: Collection<any>,
-	variableName: string,
-) {
-	return collection.find(j.ClassDeclaration).some((classDeclarationPath) => {
-		const { id } = classDeclarationPath.node;
-
-		return !!(id && id.type === 'Identifier' && (id as Identifier).name === variableName);
-	});
-}
-
-export function isImportDeclarationIdentifierPresent(
-	j: JSCodeshift,
-	collection: Collection<any>,
-	variableName: string,
-) {
-	return collection
-		.find(j.ImportDeclaration)
-		.find(j.Identifier)
-		.some((identifierPath) => identifierPath.node.name === variableName);
-}
-
-export function getJSXAttributesByName(
-	j: JSCodeshift,
-	jsxElementPath: ASTPath<JSXElement>,
-	attributeName: string,
-): Collection<JSXAttribute> {
-	return j(jsxElementPath)
-		.find(j.JSXOpeningElement)
-		.find(j.JSXAttribute)
-		.filter((jsxAttributePath) =>
-			j(jsxAttributePath)
-				.find(j.JSXIdentifier)
-				.some((jsxIdentifierPath) => jsxIdentifierPath.node.name === attributeName),
-		);
-}
-
-export function getJSXSpreadIdentifierAttributesByName(
-	j: JSCodeshift,
-	collection: Collection<any>,
-	jsxElementPath: ASTPath<JSXElement>,
-	attributeName: string,
-): Collection<ObjectProperty> | null {
-	const identifierCollection = j(jsxElementPath)
-		.find(j.JSXOpeningElement)
-		.find(j.JSXSpreadAttribute)
-		.filter((jsxSpreadAttributePath) => jsxSpreadAttributePath.node.argument.type === 'Identifier')
-		.find(j.Identifier);
-
-	if (identifierCollection.length === 0) {
-		return null;
-	}
-
-	return collection
-		.find(j.VariableDeclarator)
-		.filter((variableDeclaratorPath) => {
-			const { id } = variableDeclaratorPath.node;
-
-			return (
-				id.type === 'Identifier' &&
-				identifierCollection.some((identifierPath) => identifierPath.node.name === id.name)
-			);
-		})
-		.find(j.ObjectExpression)
-		.find(j.ObjectProperty)
-		.filter((objectPropertyPath) =>
-			j(objectPropertyPath)
-				.find(j.Identifier)
-				.some((identifierPath) => identifierPath.node.name === attributeName),
-		);
-}
-
-export function getJSXSpreadObjectExpressionAttributesByName(
-	j: JSCodeshift,
-	jsxElementPath: ASTPath<JSXElement>,
-	attributeName: string,
-) {
-	return j(jsxElementPath)
-		.find(j.JSXOpeningElement)
-		.find(j.JSXSpreadAttribute)
-		.find(j.ObjectExpression)
-		.find(j.ObjectProperty)
-		.filter((objectPropertyPath) =>
-			j(objectPropertyPath)
-				.find(j.Identifier)
-				.some((identifierPath) => identifierPath.node.name === attributeName),
-		);
-}
-
-export const createRemoveFuncFor =
-	(component: string, importName: string, prop: string, comment?: 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, prop).forEach((attribute: any) => {
-				j(attribute).remove();
-				if (comment) {
-					addCommentToStartOfFile({ j, base: source, message: comment });
-				}
-			});
-		});
-	};