@atlaskit/code 15.7.1 → 15.7.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/code
 
+## 15.7.2
+
+### Patch Changes
+
+- [#114336](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114336)
+  [`f09cd799e466a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f09cd799e466a) -
+  Update dependencies and remove old codemods.
+
 ## 15.7.1
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/code",
-	"version": "15.7.1",
+	"version": "15.7.2",
 	"description": "Code highlights short strings of code snippets inline with body text.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -50,7 +50,7 @@
 		"@atlaskit/ds-lib": "^3.5.0",
 		"@atlaskit/form": "^11.1.0",
 		"@atlaskit/link": "*",
-		"@atlaskit/primitives": "^13.4.0",
+		"@atlaskit/primitives": "^13.5.0",
 		"@atlaskit/section-message": "*",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/toggle": "^14.1.0",
@@ -60,7 +60,6 @@
 		"@types/refractor": "^3.0.2",
 		"color-contrast-checker": "^1.5.0",
 		"css-loader": "^2.0.0",
-		"jscodeshift": "^0.13.0",
 		"prismjs": "^1.25.0",
 		"react-dom": "^18.2.0",
 		"style-loader": "^0.16.1",

package/codemods/13.0.0-remove-unnecessary-code-props.tsx

@@ -1,84 +0,0 @@
-import { type API, type FileInfo, type JSCodeshift, type Options } from 'jscodeshift';
-import { type Collection } from 'jscodeshift/src/Collection';
-
-import {
-	getImportDeclarationCollection,
-	getImportSpecifierCollection,
-	getImportSpecifierName,
-	getJSXAttributesByName,
-	getJSXSpreadIdentifierAttributesByName,
-	getJSXSpreadObjectExpressionAttributesByName,
-	hasImportDeclaration,
-} from './utils/helpers';
-
-const importPath = '@atlaskit/code';
-const importName = 'Code';
-const propsToBeRemoved = ['lineNumberContainerStyle', 'showLineNumbers', 'highlight'];
-
-function removeProps(
-	j: JSCodeshift,
-	collection: Collection<any>,
-	elementName: string,
-	propName: string,
-) {
-	collection.findJSXElements(elementName).forEach((jsxElementPath) => {
-		const jsxAttributeCollection = getJSXAttributesByName(j, jsxElementPath, propName);
-		if (jsxAttributeCollection) {
-			jsxAttributeCollection.remove();
-		}
-
-		const jsxSpreadIdentifierPropertyCollection = getJSXSpreadIdentifierAttributesByName(
-			j,
-			collection,
-			jsxElementPath,
-			propName,
-		);
-		if (jsxSpreadIdentifierPropertyCollection) {
-			jsxSpreadIdentifierPropertyCollection.remove();
-		}
-
-		const jsxSpreadExpressionPropertyCollection = getJSXSpreadObjectExpressionAttributesByName(
-			j,
-			jsxElementPath,
-			propName,
-		);
-		if (jsxSpreadExpressionPropertyCollection) {
-			jsxSpreadExpressionPropertyCollection.remove();
-		}
-	});
-}
-
-function removePropsForImportSpecifiers(
-	j: JSCodeshift,
-	collection: Collection<any>,
-	propName: string,
-) {
-	const importDeclarationCollection = getImportDeclarationCollection(j, collection, importPath);
-	const importSpecifierCollection = getImportSpecifierCollection(
-		j,
-		importDeclarationCollection,
-		importName,
-	);
-	const importSpecifierName = getImportSpecifierName(importSpecifierCollection);
-
-	if (importSpecifierName === null) {
-		return;
-	}
-
-	removeProps(j, collection, importSpecifierName, propName);
-}
-
-export default function transformer(fileInfo: FileInfo, { jscodeshift: j }: API, options: Options) {
-	const { source } = fileInfo;
-	const collection = j(source);
-
-	if (!hasImportDeclaration(j, collection, importPath)) {
-		return source;
-	}
-
-	propsToBeRemoved.forEach((propToRemove) => {
-		removePropsForImportSpecifiers(j, collection, propToRemove);
-	});
-
-	return collection.toSource(options.printOptions || { quote: 'single' });
-}

package/codemods/13.0.0-rename-imports.tsx

@@ -1,248 +0,0 @@
-import {
-	type API,
-	type ASTPath,
-	type FileInfo,
-	type Identifier,
-	type ImportSpecifier,
-	type JSCodeshift,
-	type Options,
-} from 'jscodeshift';
-import { type Collection } from 'jscodeshift/src/Collection';
-
-import {
-	getDynamicImportCollection,
-	getImportDeclarationCollection,
-	getImportSpecifierCollection,
-	getImportSpecifierName,
-	hasDynamicImport,
-	hasImportDeclaration,
-	isClassDeclarationIdentifierPresent,
-	isFunctionDeclarationIdentifierPresent,
-	isImportDeclarationIdentifierPresent,
-	isVariableDeclaratorIdentifierPresent,
-} from './utils/helpers';
-
-const importPath = '@atlaskit/code';
-const importsMapping = {
-	oldImports: {
-		Code: 'AkCode',
-		CodeBlock: 'AkCodeBlock',
-	},
-	newImports: {
-		Code: 'Code',
-		CodeBlock: 'CodeBlock',
-	},
-};
-
-function renameNamedImports(
-	j: JSCodeshift,
-	collection: Collection<any>,
-	{
-		fromImportName,
-		toImportName,
-	}: {
-		fromImportName: string;
-		toImportName: string;
-	},
-) {
-	const importDeclarationCollection = getImportDeclarationCollection(j, collection, importPath);
-	const importSpecifierCollection = getImportSpecifierCollection(
-		j,
-		importDeclarationCollection,
-		fromImportName,
-	);
-	const importSpecifierName = getImportSpecifierName(importSpecifierCollection);
-
-	if (importSpecifierName === null) {
-		return;
-	}
-
-	importSpecifierCollection.forEach((importSpecifierPath) => {
-		renameBasedOnImportAlias(j, collection, importSpecifierPath, importSpecifierName, {
-			fromImportName,
-			toImportName,
-		});
-	});
-}
-
-function renameBasedOnImportAlias(
-	j: JSCodeshift,
-	collection: Collection<any>,
-	importSpecifierPath: ASTPath<ImportSpecifier>,
-	importSpecifierName: string,
-	{
-		fromImportName,
-		toImportName,
-	}: {
-		fromImportName: string;
-		toImportName: string;
-	},
-) {
-	const isImportAliasPresent = importSpecifierName !== fromImportName;
-
-	if (isImportAliasPresent) {
-		return renameOnlyImportName(j, importSpecifierPath, importSpecifierName, {
-			toImportName,
-		});
-	}
-
-	const isToImportNameIdentifierPresentInSourceCode =
-		isVariableDeclaratorIdentifierPresent(j, collection, toImportName) ||
-		isFunctionDeclarationIdentifierPresent(j, collection, toImportName) ||
-		isClassDeclarationIdentifierPresent(j, collection, toImportName) ||
-		isImportDeclarationIdentifierPresent(j, collection, toImportName);
-
-	if (isToImportNameIdentifierPresentInSourceCode) {
-		return renameOnlyImportNameWithAliasAddition(j, importSpecifierPath, {
-			fromImportName,
-			toImportName,
-		});
-	}
-
-	return renameImportNameWithItsUsage(j, collection, importSpecifierPath, {
-		fromImportName,
-		toImportName,
-	});
-}
-
-function renameOnlyImportName(
-	j: JSCodeshift,
-	importSpecifierPath: ASTPath<ImportSpecifier>,
-	importSpecifierName: string,
-	{
-		toImportName,
-	}: {
-		toImportName: string;
-	},
-) {
-	j(importSpecifierPath).replaceWith(
-		j.importSpecifier(j.identifier(toImportName), j.identifier(importSpecifierName)),
-	);
-}
-
-function renameOnlyImportNameWithAliasAddition(
-	j: JSCodeshift,
-	importSpecifierPath: ASTPath<ImportSpecifier>,
-	{
-		fromImportName,
-		toImportName,
-	}: {
-		fromImportName: string;
-		toImportName: string;
-	},
-) {
-	j(importSpecifierPath).replaceWith(
-		j.importSpecifier(j.identifier(toImportName), j.identifier(fromImportName)),
-	);
-}
-
-function renameImportNameWithItsUsage(
-	j: JSCodeshift,
-	collection: Collection<any>,
-	importSpecifierPath: ASTPath<ImportSpecifier>,
-	{
-		fromImportName,
-		toImportName,
-	}: {
-		fromImportName: string;
-		toImportName: string;
-	},
-) {
-	j(importSpecifierPath).replaceWith(
-		j.importSpecifier(j.identifier(toImportName), j.identifier(toImportName)),
-	);
-
-	collection
-		.find(j.JSXIdentifier)
-		.filter((jsxIdentifierPath) => jsxIdentifierPath.node.name === fromImportName)
-		.forEach((jsxIdentifierPath) => {
-			j(jsxIdentifierPath).replaceWith(j.identifier(toImportName));
-		});
-
-	collection.find(j.CallExpression).forEach((callExpressionPath) => {
-		const { arguments: callExpressionArguments } = callExpressionPath.node;
-
-		callExpressionPath.node.arguments = callExpressionArguments.map((argument) => {
-			if (argument.type === 'Identifier' && argument.name === fromImportName) {
-				return j.identifier(toImportName);
-			}
-
-			return argument;
-		});
-	});
-
-	collection.find(j.VariableDeclarator).forEach((variableDeclaratorPath) => {
-		const { init } = variableDeclaratorPath.node;
-
-		if (init && init.type === 'Identifier' && (init as Identifier).name === fromImportName) {
-			variableDeclaratorPath.node.init = j.identifier(toImportName);
-		}
-	});
-}
-
-function addPromiseThenIdentifier(j: JSCodeshift, collection: Collection<any>) {
-	const thenArgument = 'module';
-
-	getDynamicImportCollection(j, collection, importPath).forEach((callExpressionPath) => {
-		j(callExpressionPath).replaceWith(
-			j.callExpression(j.memberExpression(callExpressionPath.node, j.identifier('then')), [
-				j.arrowFunctionExpression(
-					[j.identifier(thenArgument)],
-					j.objectExpression([
-						j.objectProperty(
-							j.identifier(importsMapping.oldImports.Code),
-							j.memberExpression(
-								j.identifier(thenArgument),
-								j.identifier(importsMapping.newImports.Code),
-							),
-						),
-						j.objectProperty(
-							j.identifier(importsMapping.oldImports.CodeBlock),
-							j.memberExpression(
-								j.identifier(thenArgument),
-								j.identifier(importsMapping.newImports.CodeBlock),
-							),
-						),
-					]),
-				),
-			]),
-		);
-	});
-}
-
-export default function transformer(fileInfo: FileInfo, { jscodeshift: j }: API, options: Options) {
-	const { source } = fileInfo;
-	const collection = j(source);
-
-	const hasCodeImportDeclaration = hasImportDeclaration(j, collection, importPath);
-
-	const hasDynamicImportCode = hasDynamicImport(j, collection, importPath);
-
-	if (!hasCodeImportDeclaration && !hasDynamicImportCode) {
-		return source;
-	}
-
-	if (hasCodeImportDeclaration) {
-		[
-			{
-				fromImportName: importsMapping.oldImports.Code,
-				toImportName: importsMapping.newImports.Code,
-			},
-			{
-				fromImportName: importsMapping.oldImports.CodeBlock,
-				toImportName: importsMapping.newImports.CodeBlock,
-			},
-		].forEach(({ fromImportName, toImportName }) => {
-			renameNamedImports(j, collection, {
-				fromImportName,
-				toImportName,
-			});
-		});
-	}
-
-	if (hasDynamicImportCode) {
-		addPromiseThenIdentifier(j, collection);
-	}
-
-	return collection.toSource(options.printOptions || { quote: 'single' });
-}

package/codemods/14.0.0-lite-mode.tsx

@@ -1,14 +0,0 @@
-import { type JSCodeshift } from 'jscodeshift';
-import { type Collection } from 'jscodeshift/src/Collection';
-
-import { createTransformer, hasImportDeclaration } from '@atlaskit/codemod-utils';
-
-import removeLanguage from './migrations/14.0.0-lite-mode/remove-language';
-import textToChild from './migrations/14.0.0-lite-mode/text-to-child';
-
-const transformer = createTransformer(
-	[removeLanguage, textToChild],
-	(j: JSCodeshift, source: Collection<Node>) => hasImportDeclaration(j, source, '@atlaskit/code'),
-);
-
-export default transformer;

package/codemods/__tests__/13.0.0-remove-unnecessary-code-props.tsx

@@ -1,201 +0,0 @@
-jest.autoMockOff();
-
-import transformer from '../13.0.0-remove-unnecessary-code-props';
-
-const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
-
-const removePropsMapping = {
-	lineNumberContainerStyle: 'lineNumberContainerStyle',
-	showLineNumbers: 'lineNumberContainerStyle',
-	highlight: 'highlight',
-};
-
-describe('Remove props', () => {
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`import React from 'react';`,
-		`import React from 'react';`,
-		'should not transform if imports are not present',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import React from 'react';
-    import { Code } from '@atlaskit/code';
-
-    const Component1 = () => <Code prop="abc" />;
-
-    const Component2 = () => <><Code prop="abc">text</Code></>;
-
-    class Component3 extends React.Component { render() { return <div><Code prop="abc" /></div>; } }
-
-    const element = <Code prop="abc" />;
-    `,
-		`
-    import React from 'react';
-    import { Code } from '@atlaskit/code';
-
-    const Component1 = () => <Code prop="abc" />;
-
-    const Component2 = () => <><Code prop="abc">text</Code></>;
-
-    class Component3 extends React.Component { render() { return <div><Code prop="abc" /></div>; } }
-
-    const element = <Code prop="abc" />;
-    `,
-		'should not transform if removable props are not preset',
-	);
-
-	describe('when only one prop present', () => {
-		defineInlineTest(
-			{ default: transformer, parser: 'tsx' },
-			{},
-			`
-      import React from 'react';
-      import { Code } from '@atlaskit/code';
-
-      const Component1 = () => <Code prop="abc" ${removePropsMapping.lineNumberContainerStyle}={{ fontSize: '14px' }} />;
-
-      const Component2 = () => <><Code prop="abc" ${removePropsMapping.lineNumberContainerStyle}={{ fontSize: '14px' }}>text</Code></>;
-
-      class Component3 extends React.Component { render() { return <div><Code prop="abc" ${removePropsMapping.lineNumberContainerStyle}={{ fontSize: '14px' }} /></div>; } }
-
-      const element = <Code prop="abc" ${removePropsMapping.lineNumberContainerStyle}={{ fontSize: '14px' }} />;
-      `,
-			`
-      import React from 'react';
-      import { Code } from '@atlaskit/code';
-
-      const Component1 = () => <Code prop="abc" />;
-
-      const Component2 = () => <><Code prop="abc">text</Code></>;
-
-      class Component3 extends React.Component { render() { return <div><Code prop="abc" /></div>; } }
-
-      const element = <Code prop="abc" />;
-      `,
-			`removes "${removePropsMapping.lineNumberContainerStyle}" "JSXAttribute" prop`,
-		);
-
-		defineInlineTest(
-			{ default: transformer, parser: 'tsx' },
-			{},
-			`
-      import React from 'react';
-      import { Code } from '@atlaskit/code';
-
-      const foo = {
-        key: 'some value',
-        ${removePropsMapping.lineNumberContainerStyle}: { fontSize: '14px' }
-      };
-
-      const bar = {
-        ${removePropsMapping.lineNumberContainerStyle}: { fontSize: '20px' }
-      };
-
-      const Component1 = () => <Code prop="abc" {...foo} {...bar} />;
-
-      const Component2 = () => <Code prop="abc" {...foo} { ...{ ${removePropsMapping.lineNumberContainerStyle}: { fontSize: '24px' } } } {...bar} />;
-
-      const Component3 = () => <Code prop="abc" {...foo} { ...{ ${removePropsMapping.lineNumberContainerStyle}: { fontSize: '24px' }, key: 'hello' } } {...bar} />;
-      `,
-			`
-      import React from 'react';
-      import { Code } from '@atlaskit/code';
-
-      const foo = {
-        key: 'some value'
-      };
-
-      const bar = {};
-
-      const Component1 = () => <Code prop="abc" {...foo} {...bar} />;
-
-      const Component2 = () => <Code prop="abc" {...foo} { ...{} } {...bar} />;
-
-      const Component3 = () => <Code prop="abc" {...foo} { ...{
-        key: 'hello'
-      } } {...bar} />;
-      `,
-			`removes "${removePropsMapping.lineNumberContainerStyle}" "JSXSpreadAttribute" prop`,
-		);
-	});
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import React from 'react';
-    import { Code } from '@atlaskit/code';
-
-    const Component1 = () => <Code prop="abc" ${removePropsMapping.lineNumberContainerStyle}={{ fontSize: '14px' }} ${removePropsMapping.showLineNumbers} />;
-
-    const Component2 = () =>
-      <>
-        <Code
-          prop="abc"
-          ${removePropsMapping.lineNumberContainerStyle}={{ fontSize: '14px' }}
-          ${removePropsMapping.showLineNumbers}={false}
-        >
-          text
-        </Code>
-      </>;
-
-    class Component3 extends React.Component { render() { return <div><Code prop="abc" ${removePropsMapping.lineNumberContainerStyle}={{ fontSize: '14px' }} /></div>; } }
-
-    const foo = {
-      key: 'some value',
-      ${removePropsMapping.lineNumberContainerStyle}: { fontSize: '14px' },
-      ${removePropsMapping.showLineNumbers}: true
-    };
-
-    const bar = {
-      ${removePropsMapping.lineNumberContainerStyle}: { fontSize: '20px' },
-      ${removePropsMapping.highlight}: '1-5,7,10,15-20'
-    };
-
-    const Component4 = () => <Code prop="abc" {...foo} {...bar} ${removePropsMapping.highlight}="2" />;
-
-    const Component5 = () => <Code prop="abc" {...foo} { ...{ ${removePropsMapping.lineNumberContainerStyle}: { fontSize: '24px' } } } {...bar} />;
-
-    const Component6 = () => <Code prop="abc" {...foo} { ...{ ${removePropsMapping.lineNumberContainerStyle}: { fontSize: '24px' }, key: 'hello' } } {...bar} />;
-
-    const element = <Code prop="abc" ${removePropsMapping.lineNumberContainerStyle}={{ fontSize: '14px' }} ${removePropsMapping.highlight}="2-4" />;
-    `,
-		`
-    import React from 'react';
-    import { Code } from '@atlaskit/code';
-
-    const Component1 = () => <Code prop="abc" />;
-
-    const Component2 = () =>
-      <>
-        <Code prop="abc">
-          text
-        </Code>
-      </>;
-
-    class Component3 extends React.Component { render() { return <div><Code prop="abc" /></div>; } }
-
-    const foo = {
-      key: 'some value'
-    };
-
-    const bar = {};
-
-    const Component4 = () => <Code prop="abc" {...foo} {...bar} />;
-
-    const Component5 = () => <Code prop="abc" {...foo} { ...{} } {...bar} />;
-
-    const Component6 = () => <Code prop="abc" {...foo} { ...{
-      key: 'hello'
-    } } {...bar} />;
-
-    const element = <Code prop="abc" />;
-    `,
-		'removes mixture of removable props',
-	);
-});