@atlaskit/section-message 6.5.2 → 6.5.4

package/codemods/internal/map-actions-prop.tsx

@@ -1,215 +1,188 @@
 import {
-  type ASTPath,
-  type default as core,
-  type ImportDeclaration,
-  type JSXAttribute,
-  type JSXElement,
-  type JSXExpressionContainer,
-  type VariableDeclaration,
+	type ASTPath,
+	type default as core,
+	type ImportDeclaration,
+	type JSXAttribute,
+	type JSXElement,
+	type JSXExpressionContainer,
+	type VariableDeclaration,
 } from 'jscodeshift';
 import { type Collection } from 'jscodeshift/src/Collection';
 
 import {
-  addCommentBefore,
-  getDefaultSpecifier,
-  getJSXAttributesByName,
+	addCommentBefore,
+	getDefaultSpecifier,
+	getJSXAttributesByName,
 } from '@atlaskit/codemod-utils';
 
 import {
-  ACTIONS_PROP_NAME,
-  LINK_COMPONENT_PROP_NAME,
-  SECTION_MESSAGE_ACTION_COMPONENT_NAME,
-  SECTION_MESSAGE_ACTION_PACKAGE_NAME,
-  SECTION_MESSAGE_PACKAGE_NAME,
+	ACTIONS_PROP_NAME,
+	LINK_COMPONENT_PROP_NAME,
+	SECTION_MESSAGE_ACTION_COMPONENT_NAME,
+	SECTION_MESSAGE_ACTION_PACKAGE_NAME,
+	SECTION_MESSAGE_PACKAGE_NAME,
 } from './constants';
 import { doesIdentifierExist, getDynamicImportName } from './utils';
 
 const addSectionMessageActionImportSpecifier = (
-  j: core.JSCodeshift,
-  source: Collection<Node>,
-  name: string,
+	j: core.JSCodeshift,
+	source: Collection<Node>,
+	name: string,
 ) => {
-  source
-    .find(j.ImportDeclaration)
-    .filter(
-      (path: ASTPath<ImportDeclaration>) =>
-        path.node.source.value === SECTION_MESSAGE_PACKAGE_NAME,
-    )
-    .forEach((path: ASTPath<ImportDeclaration>) => {
-      path.value.specifiers?.push(
-        j.importSpecifier(
-          j.identifier(SECTION_MESSAGE_ACTION_COMPONENT_NAME),
-          j.identifier(name),
-        ),
-      );
-    });
+	source
+		.find(j.ImportDeclaration)
+		.filter(
+			(path: ASTPath<ImportDeclaration>) => path.node.source.value === SECTION_MESSAGE_PACKAGE_NAME,
+		)
+		.forEach((path: ASTPath<ImportDeclaration>) => {
+			path.value.specifiers?.push(
+				j.importSpecifier(j.identifier(SECTION_MESSAGE_ACTION_COMPONENT_NAME), j.identifier(name)),
+			);
+		});
 };
 
 const addSectionMessageActionDynamicImport = (
-  j: core.JSCodeshift,
-  target: Collection<VariableDeclaration>,
-  name: string,
+	j: core.JSCodeshift,
+	target: Collection<VariableDeclaration>,
+	name: string,
 ) => {
-  const node = j.variableDeclaration('const', [
-    j.variableDeclarator(
-      j.identifier(name),
-      j.callExpression(
-        j.memberExpression(j.identifier('React'), j.identifier('lazy')),
-        [
-          j.arrowFunctionExpression(
-            [],
-            j.callExpression(j.import(), [
-              j.stringLiteral(SECTION_MESSAGE_ACTION_PACKAGE_NAME),
-            ]),
-          ),
-        ],
-      ),
-    ),
-  ]);
-
-  target.insertAfter(node);
-  addCommentBefore(
-    j,
-    j(node),
-    'We have added `React.lazy` here. Feel free to change it to `lazy` or other named import depending upon how you imported.',
-  );
+	const node = j.variableDeclaration('const', [
+		j.variableDeclarator(
+			j.identifier(name),
+			j.callExpression(j.memberExpression(j.identifier('React'), j.identifier('lazy')), [
+				j.arrowFunctionExpression(
+					[],
+					j.callExpression(j.import(), [j.stringLiteral(SECTION_MESSAGE_ACTION_PACKAGE_NAME)]),
+				),
+			]),
+		),
+	]);
+
+	target.insertAfter(node);
+	addCommentBefore(
+		j,
+		j(node),
+		'We have added `React.lazy` here. Feel free to change it to `lazy` or other named import depending upon how you imported.',
+	);
 };
 
-const transferLinkComponentProp = (
-  j: core.JSCodeshift,
-  element: ASTPath<JSXElement>,
-) => {
-  const linkComponentAttributeCollection: Collection<JSXAttribute> =
-    getJSXAttributesByName(j, element, LINK_COMPONENT_PROP_NAME);
-  const linkComponentAttribute =
-    linkComponentAttributeCollection.length === 1
-      ? linkComponentAttributeCollection.paths()[0]
-      : null;
+const transferLinkComponentProp = (j: core.JSCodeshift, element: ASTPath<JSXElement>) => {
+	const linkComponentAttributeCollection: Collection<JSXAttribute> = getJSXAttributesByName(
+		j,
+		element,
+		LINK_COMPONENT_PROP_NAME,
+	);
+	const linkComponentAttribute =
+		linkComponentAttributeCollection.length === 1
+			? linkComponentAttributeCollection.paths()[0]
+			: null;
 
-  const linkComponentAttributeValue = linkComponentAttribute?.node?.value;
+	const linkComponentAttributeValue = linkComponentAttribute?.node?.value;
 
-  if (linkComponentAttribute) {
-    j(linkComponentAttribute).remove();
-  }
+	if (linkComponentAttribute) {
+		j(linkComponentAttribute).remove();
+	}
 
-  return linkComponentAttributeValue;
+	return linkComponentAttributeValue;
 };
 
-export const mapActionsProp = (
-  j: core.JSCodeshift,
-  source: Collection<Node>,
-) => {
-  const sectionMessageDefaultSpecifierName =
-    getDefaultSpecifier(j, source, SECTION_MESSAGE_PACKAGE_NAME) ?? '';
-
-  const sectionMessageDynamicImportName =
-    getDynamicImportName(j, source, SECTION_MESSAGE_PACKAGE_NAME) ?? '';
-
-  if (!sectionMessageDefaultSpecifierName && !sectionMessageDynamicImportName) {
-    return;
-  }
-
-  const sectionMessageActionName = doesIdentifierExist({
-    j,
-    base: source,
-    name: SECTION_MESSAGE_ACTION_COMPONENT_NAME,
-  })
-    ? `Atlaskit${SECTION_MESSAGE_ACTION_COMPONENT_NAME}`
-    : SECTION_MESSAGE_ACTION_COMPONENT_NAME;
-
-  let actionsAttributes: Collection<JSXAttribute> | null = null;
-
-  source
-    .findJSXElements(
-      sectionMessageDefaultSpecifierName || sectionMessageDynamicImportName,
-    )
-    .forEach((element) => {
-      const linkComponentAttributeValue = transferLinkComponentProp(j, element);
-      actionsAttributes = getJSXAttributesByName(j, element, ACTIONS_PROP_NAME);
-
-      actionsAttributes?.forEach((attribute: ASTPath<JSXAttribute>) => {
-        j(attribute)
-          .find(j.JSXExpressionContainer)
-          .forEach((expressionContainer: ASTPath<JSXExpressionContainer>) => {
-            const { expression } = expressionContainer.node;
-
-            if (expression.type === 'JSXEmptyExpression') {
-              return;
-            }
-
-            const textObjectProperty = j.objectProperty(
-              j.identifier('text'),
-              j.identifier('text'),
-            );
-
-            textObjectProperty.shorthand = true;
-
-            j(expressionContainer).replaceWith(
-              j.jsxExpressionContainer(
-                j.callExpression(
-                  j.memberExpression(expression, j.identifier('map')),
-                  [
-                    j.arrowFunctionExpression(
-                      [
-                        j.objectPattern([
-                          textObjectProperty,
-                          j.restProperty(j.identifier('restAction')),
-                        ]),
-                      ],
-                      j.jsxElement(
-                        j.jsxOpeningElement(
-                          j.jsxIdentifier(sectionMessageActionName),
-                          [
-                            linkComponentAttributeValue
-                              ? j.jsxAttribute(
-                                  j.jsxIdentifier(LINK_COMPONENT_PROP_NAME),
-                                  linkComponentAttributeValue,
-                                )
-                              : null,
-                            j.jsxSpreadAttribute(j.identifier('restAction')),
-                          ].filter(Boolean) as JSXAttribute[],
-                        ),
-                        j.jsxClosingElement(
-                          j.jsxIdentifier(sectionMessageActionName),
-                        ),
-                        [j.jsxExpressionContainer(j.identifier('text'))],
-                      ),
-                    ),
-                  ],
-                ),
-              ),
-            );
-          });
-      });
-    });
-
-  // @ts-ignore
-  if (actionsAttributes && actionsAttributes.length > 0) {
-    if (sectionMessageDefaultSpecifierName) {
-      addSectionMessageActionImportSpecifier(
-        j,
-        source,
-        sectionMessageActionName,
-      );
-    }
-
-    if (sectionMessageDynamicImportName) {
-      addSectionMessageActionDynamicImport(
-        j,
-        source.find(j.VariableDeclaration).filter((variableDeclarationPath) => {
-          return (
-            j(variableDeclarationPath)
-              .find(j.VariableDeclarator)
-              .filter(
-                (variableDeclaratorPath) =>
-                  variableDeclaratorPath.node.id.type === 'Identifier' &&
-                  variableDeclaratorPath.node.id.name ===
-                    sectionMessageDynamicImportName,
-              ).length > 0
-          );
-        }),
-        sectionMessageActionName,
-      );
-    }
-  }
+export const mapActionsProp = (j: core.JSCodeshift, source: Collection<Node>) => {
+	const sectionMessageDefaultSpecifierName =
+		getDefaultSpecifier(j, source, SECTION_MESSAGE_PACKAGE_NAME) ?? '';
+
+	const sectionMessageDynamicImportName =
+		getDynamicImportName(j, source, SECTION_MESSAGE_PACKAGE_NAME) ?? '';
+
+	if (!sectionMessageDefaultSpecifierName && !sectionMessageDynamicImportName) {
+		return;
+	}
+
+	const sectionMessageActionName = doesIdentifierExist({
+		j,
+		base: source,
+		name: SECTION_MESSAGE_ACTION_COMPONENT_NAME,
+	})
+		? `Atlaskit${SECTION_MESSAGE_ACTION_COMPONENT_NAME}`
+		: SECTION_MESSAGE_ACTION_COMPONENT_NAME;
+
+	let actionsAttributes: Collection<JSXAttribute> | null = null;
+
+	source
+		.findJSXElements(sectionMessageDefaultSpecifierName || sectionMessageDynamicImportName)
+		.forEach((element) => {
+			const linkComponentAttributeValue = transferLinkComponentProp(j, element);
+			actionsAttributes = getJSXAttributesByName(j, element, ACTIONS_PROP_NAME);
+
+			actionsAttributes?.forEach((attribute: ASTPath<JSXAttribute>) => {
+				j(attribute)
+					.find(j.JSXExpressionContainer)
+					.forEach((expressionContainer: ASTPath<JSXExpressionContainer>) => {
+						const { expression } = expressionContainer.node;
+
+						if (expression.type === 'JSXEmptyExpression') {
+							return;
+						}
+
+						const textObjectProperty = j.objectProperty(j.identifier('text'), j.identifier('text'));
+
+						textObjectProperty.shorthand = true;
+
+						j(expressionContainer).replaceWith(
+							j.jsxExpressionContainer(
+								j.callExpression(j.memberExpression(expression, j.identifier('map')), [
+									j.arrowFunctionExpression(
+										[
+											j.objectPattern([
+												textObjectProperty,
+												j.restProperty(j.identifier('restAction')),
+											]),
+										],
+										j.jsxElement(
+											j.jsxOpeningElement(
+												j.jsxIdentifier(sectionMessageActionName),
+												[
+													linkComponentAttributeValue
+														? j.jsxAttribute(
+																j.jsxIdentifier(LINK_COMPONENT_PROP_NAME),
+																linkComponentAttributeValue,
+															)
+														: null,
+													j.jsxSpreadAttribute(j.identifier('restAction')),
+												].filter(Boolean) as JSXAttribute[],
+											),
+											j.jsxClosingElement(j.jsxIdentifier(sectionMessageActionName)),
+											[j.jsxExpressionContainer(j.identifier('text'))],
+										),
+									),
+								]),
+							),
+						);
+					});
+			});
+		});
+
+	// @ts-ignore
+	if (actionsAttributes && actionsAttributes.length > 0) {
+		if (sectionMessageDefaultSpecifierName) {
+			addSectionMessageActionImportSpecifier(j, source, sectionMessageActionName);
+		}
+
+		if (sectionMessageDynamicImportName) {
+			addSectionMessageActionDynamicImport(
+				j,
+				source.find(j.VariableDeclaration).filter((variableDeclarationPath) => {
+					return (
+						j(variableDeclarationPath)
+							.find(j.VariableDeclarator)
+							.filter(
+								(variableDeclaratorPath) =>
+									variableDeclaratorPath.node.id.type === 'Identifier' &&
+									variableDeclaratorPath.node.id.name === sectionMessageDynamicImportName,
+							).length > 0
+					);
+				}),
+				sectionMessageActionName,
+			);
+		}
+	}
 };

package/codemods/internal/utils.tsx

@@ -2,86 +2,70 @@ import { type CallExpression, type default as core } from 'jscodeshift';
 import { type Collection } from 'jscodeshift/src/Collection';
 
 export function doesIdentifierExist({
-  j,
-  base,
-  name,
+	j,
+	base,
+	name,
 }: {
-  j: core.JSCodeshift;
-  base: Collection<any>;
-  name: string;
+	j: core.JSCodeshift;
+	base: Collection<any>;
+	name: string;
 }): boolean {
-  return (
-    base.find(j.Identifier).filter((identifer) => identifer.value.name === name)
-      .length > 0
-  );
+	return base.find(j.Identifier).filter((identifer) => identifer.value.name === name).length > 0;
 }
 
-export function hasDynamicImport(
-  j: core.JSCodeshift,
-  source: Collection<any>,
-  importPath: string,
-) {
-  return !!getDynamicImportName(j, source, importPath);
+export function hasDynamicImport(j: core.JSCodeshift, source: Collection<any>, importPath: string) {
+	return !!getDynamicImportName(j, source, importPath);
 }
 
 export function getDynamicImportName(
-  j: core.JSCodeshift,
-  source: Collection<any>,
-  importPath: string,
+	j: core.JSCodeshift,
+	source: Collection<any>,
+	importPath: string,
 ) {
-  const dynamicImports = source
-    .find(j.VariableDeclarator)
-    .filter((variableDeclaratorPath) => {
-      return (
-        j(variableDeclaratorPath)
-          .find(j.CallExpression)
-          .filter((callExpressionPath) => {
-            const { callee, arguments: callExpressionArguments } =
-              callExpressionPath.node;
+	const dynamicImports = source.find(j.VariableDeclarator).filter((variableDeclaratorPath) => {
+		return (
+			j(variableDeclaratorPath)
+				.find(j.CallExpression)
+				.filter((callExpressionPath) => {
+					const { callee, arguments: callExpressionArguments } = callExpressionPath.node;
 
-            return !!(
-              isCallExpressionCalleeImportType(callee) &&
-              isCallExpressionArgumentStringLiteralType(
-                callExpressionArguments,
-              ) &&
-              isCallExpressionArgumentValueMatches(
-                callExpressionArguments[0],
-                j,
-                importPath,
-              )
-            );
-          }).length > 0
-      );
-    });
+					return !!(
+						isCallExpressionCalleeImportType(callee) &&
+						isCallExpressionArgumentStringLiteralType(callExpressionArguments) &&
+						isCallExpressionArgumentValueMatches(callExpressionArguments[0], j, importPath)
+					);
+				}).length > 0
+		);
+	});
 
-  if (!dynamicImports.length) {
-    return null;
-  }
+	if (!dynamicImports.length) {
+		return null;
+	}
 
-  const { id } = dynamicImports.nodes()[0];
+	const { id } = dynamicImports.nodes()[0];
 
-  if (id.type !== 'Identifier') {
-    return null;
-  }
+	if (id.type !== 'Identifier') {
+		return null;
+	}
 
-  return id.name;
+	return id.name;
 }
 function isCallExpressionCalleeImportType(callee: CallExpression['callee']) {
-  return callee && callee.type === 'Import';
+	return callee && callee.type === 'Import';
 }
 function isCallExpressionArgumentStringLiteralType(
-  callExpressionArguments: CallExpression['arguments'],
+	callExpressionArguments: CallExpression['arguments'],
 ) {
-  return (
-    callExpressionArguments &&
-    callExpressionArguments.length &&
-    callExpressionArguments[0].type === 'StringLiteral'
-  );
+	return (
+		callExpressionArguments &&
+		callExpressionArguments.length &&
+		callExpressionArguments[0].type === 'StringLiteral'
+	);
 }
 function isCallExpressionArgumentValueMatches(
-  callExpressionArgument: CallExpression['arguments'][0],
-  j: core.JSCodeshift,
-  value: string,
+	callExpressionArgument: CallExpression['arguments'][0],
+	j: core.JSCodeshift,
+	value: string,
 ) {
-  return j(callExpressionArgument).some((path) => path.node.value === value);
+	return j(callExpressionArgument).some((path) => path.node.value === value);
 }

package/dist/types/entry-points/types.d.ts

@@ -1 +1 @@
-export type { Appearance, SectionMessageProps, SectionMessageActionProps, } from '../types';
+export type { Appearance, SectionMessageProps, SectionMessageActionProps } from '../types';

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
 export { default } from './section-message';
 export { default as SectionMessageAction } from './section-message-action';
-export type { Appearance, SectionMessageProps, SectionMessageActionProps, } from './types';
+export type { Appearance, SectionMessageProps, SectionMessageActionProps } from './types';

package/dist/types-ts4.5/entry-points/types.d.ts

@@ -1 +1 @@
-export type { Appearance, SectionMessageProps, SectionMessageActionProps, } from '../types';
+export type { Appearance, SectionMessageProps, SectionMessageActionProps } from '../types';

package/dist/types-ts4.5/index.d.ts

@@ -1,3 +1,3 @@
 export { default } from './section-message';
 export { default as SectionMessageAction } from './section-message-action';
-export type { Appearance, SectionMessageProps, SectionMessageActionProps, } from './types';
+export type { Appearance, SectionMessageProps, SectionMessageActionProps } from './types';