@atlaskit/inline-edit 14.2.4 → 14.3.1

package/codemods/migrates/add-comments-when-validate-found.ts

@@ -1,44 +0,0 @@
-import type { ASTPath, default as core, ImportDeclaration } from 'jscodeshift';
-
-import { addCommentToStartOfFile, getDefaultSpecifierName, hasJSXAttributesByName } from './utils';
-
-const commentMessage = `We could not automatically convert this code to the new API.
-
-This file uses \`inline-edit\`’s \`validate\` prop which previously would use \`react-loadable\` and the \`inline-dialog\` packages. Version 12.0.0 of \`inline-edit\` now no longer includes these dependencies out of the box and instead allows you to compose your own experience.
-
-If you are using an editable textfield you can move over to the \`@atlaskit/inline-edit/inline-editable-textfield\` instead which comes with the previous error message behavior.
-
-To migrate you can use the \`isInvalid\` and \`errorMessage\` props passed to \`editView\`, like so:
-
-\`\`\`ts
-import InlineDialog from '@atlaskit/inline-dialog';
-import InlineEdit from '@atlaskit/inline-edit';
-
-const MyEditView = (
-  <InlineEdit
-    editView={({ errorMessage, isInvalid, ...props }) => (
-      <InlineDialog content={errorMessage} isOpen={isInvalid}>
-        <Textfield {...props} />
-      </InlineDialog>
-    )}
-  />
-);
-\`\`\`
-`;
-
-const addCommentsWhenValidateFound = (j: core.JSCodeshift, source: any) => {
-	const defaultSpecifier = getDefaultSpecifierName(j, source, '@atlaskit/inline-edit');
-
-	if (!defaultSpecifier) {
-		return;
-	}
-
-	source.findJSXElements(defaultSpecifier).forEach((element: ASTPath<ImportDeclaration>) => {
-		const isValidateDefined = hasJSXAttributesByName(j, element, 'validate');
-		if (isValidateDefined) {
-			addCommentToStartOfFile({ j, base: source, message: commentMessage });
-		}
-	});
-};
-
-export default addCommentsWhenValidateFound;

package/codemods/migrates/lift-InlineEditStateless-to-default.ts

@@ -1,58 +0,0 @@
-import type {
-	ASTPath,
-	default as core,
-	ImportDeclaration,
-	ImportDefaultSpecifier,
-	ImportSpecifier,
-} from 'jscodeshift';
-
-import { addCommentToStartOfFile } from './utils';
-
-const commentMessage = `We could not automatically convert this code to the new API.
-
-This file uses \`InlineEdit\` and \`InlineEditStateless\` at the same time. We've merged these two types since version 12.0.0, and please use the merged version instead.
-`;
-
-const elevateComponentToDefault =
-	(pkg: string, toPkg: string, innerElementName: string) => (j: core.JSCodeshift, root: any) => {
-		const importDeclarations = root
-			.find(j.ImportDeclaration)
-			.filter((path: ASTPath<ImportDeclaration>) => path.node.source.value === pkg);
-
-		const defaultSpecifier = importDeclarations.find(j.ImportDefaultSpecifier).nodes();
-		const otherSpecifier = importDeclarations.find(j.ImportSpecifier).nodes();
-
-		const isImportingStateless =
-			otherSpecifier.filter(
-				(s: ImportSpecifier) => s.imported && s.imported.name === innerElementName,
-			).length > 0;
-
-		if (defaultSpecifier.length > 0 && isImportingStateless) {
-			addCommentToStartOfFile({ j, base: root, message: commentMessage });
-			return;
-		}
-
-		const newDefaultSpecifier = defaultSpecifier.map((s: ImportDefaultSpecifier) => {
-			return j.importDeclaration([j.importDefaultSpecifier(s.local)], j.literal(pkg));
-		});
-
-		const newOtherSpecifiers = otherSpecifier.map((s: ImportSpecifier) => {
-			if (s.imported.name === innerElementName) {
-				return j.importDeclaration([j.importDefaultSpecifier(s.local)], j.literal(toPkg));
-			} else {
-				return j.importDeclaration([s], j.literal(pkg));
-			}
-		});
-
-		importDeclarations.forEach((path: ASTPath<ImportDeclaration>) => {
-			j(path).replaceWith(newDefaultSpecifier);
-			j(path).insertBefore(newOtherSpecifiers);
-		});
-	};
-
-// eslint-disable-next-line import/no-anonymous-default-export
-export default elevateComponentToDefault(
-	'@atlaskit/inline-edit',
-	'@atlaskit/inline-edit',
-	'InlineEditStateless',
-);

package/codemods/migrates/lift-InlineEditableTextField-to-its-entry-point.ts

@@ -1,41 +0,0 @@
-import type {
-	ASTPath,
-	default as core,
-	ImportDeclaration,
-	ImportDefaultSpecifier,
-	ImportSpecifier,
-} from 'jscodeshift';
-
-const elevateComponentToNewEntryPoint =
-	(pkg: string, toPkg: string, innerElementName: string) => (j: core.JSCodeshift, root: any) => {
-		const importDeclarations = root
-			.find(j.ImportDeclaration)
-			.filter((path: ASTPath<ImportDeclaration>) => path.node.source.value === pkg);
-
-		const defaultSpecifier = importDeclarations.find(j.ImportDefaultSpecifier).nodes();
-		const otherSpecifier = importDeclarations.find(j.ImportSpecifier).nodes();
-
-		const newDefaultSpecifier = defaultSpecifier.map((s: ImportDefaultSpecifier) => {
-			return j.importDeclaration([j.importDefaultSpecifier(s.local)], j.literal(pkg));
-		});
-
-		const newOtherSpecifiers = otherSpecifier.map((s: ImportSpecifier) => {
-			if (s.imported.name === innerElementName) {
-				return j.importDeclaration([j.importDefaultSpecifier(s.local)], j.literal(toPkg));
-			} else {
-				return j.importDeclaration([s], j.literal(pkg));
-			}
-		});
-
-		importDeclarations.forEach((path: ASTPath<ImportDeclaration>) => {
-			j(path).replaceWith(newDefaultSpecifier);
-			j(path).insertBefore(newOtherSpecifiers);
-		});
-	};
-
-// eslint-disable-next-line import/no-anonymous-default-export
-export default elevateComponentToNewEntryPoint(
-	'@atlaskit/inline-edit',
-	'@atlaskit/inline-edit/inline-editable-textfield',
-	'InlineEditableTextfield',
-);

package/codemods/migrates/spread-errorMessage-out-of-fieldProps.ts

@@ -1,56 +0,0 @@
-import { type NodePath } from 'ast-types/lib/node-path';
-import type { ASTPath, default as core, ImportDeclaration } from 'jscodeshift';
-
-import { getDefaultSpecifierName, getJSXAttributesByName, hasJSXAttributesByName } from './utils';
-
-const isConvertable = (arrowFunction: NodePath | null) => {
-	return (
-		arrowFunction &&
-		arrowFunction.value.params.length === 1 &&
-		arrowFunction.value.params[0].type === 'Identifier'
-	);
-};
-
-const spreadErrorMessage = (j: core.JSCodeshift, source: any) => {
-	const defaultSpecifier = getDefaultSpecifierName(j, source, '@atlaskit/inline-edit');
-
-	if (!defaultSpecifier) {
-		return;
-	}
-
-	const createObjectProperty = (name: string) => {
-		const obj = j.objectProperty(j.identifier(name), j.identifier(name));
-		obj.shorthand = true;
-		obj.loc = null;
-
-		return obj;
-	};
-
-	source.findJSXElements(defaultSpecifier).forEach((element: ASTPath<ImportDeclaration>) => {
-		getJSXAttributesByName(j, element, 'editView').forEach((editView) => {
-			const collection = j(editView).find(j.JSXExpressionContainer).find(j.ArrowFunctionExpression);
-
-			const isValidateDefined = hasJSXAttributesByName(j, element, 'validate');
-			const arrowFunction = collection.length > 0 ? collection.get() : null;
-
-			if (isValidateDefined && isConvertable(arrowFunction)) {
-				const name = arrowFunction.value.params[0].name;
-				const replacement = j.jsxExpressionContainer(
-					j.arrowFunctionExpression(
-						[
-							j.objectPattern([
-								createObjectProperty('errorMessage'),
-								j.restProperty(j.identifier(name)),
-							]),
-						],
-						arrowFunction.value.body,
-					),
-				);
-
-				j(editView).replaceWith(j.jsxAttribute(j.jsxIdentifier('editView'), replacement));
-			}
-		});
-	});
-};
-
-export default spreadErrorMessage;

package/codemods/migrates/utils.ts

@@ -1,94 +0,0 @@
-import type {
-	ASTPath,
-	default as core,
-	ImportDeclaration,
-	JSXAttribute,
-	Program,
-} from 'jscodeshift';
-import { type Collection } from 'jscodeshift/src/Collection';
-
-function addCommentBefore({
-	j,
-	target,
-	message,
-}: {
-	j: core.JSCodeshift;
-	target: Collection<Node> | Collection<Program> | Collection<ImportDeclaration>;
-	message: string;
-}) {
-	const content: string = ` TODO: (from codemod) ${message} `;
-	target.forEach((path: ASTPath<any>) => {
-		path.value.comments = path.value.comments || [];
-
-		const exists = path.value.comments.find((comment: ASTPath<any>) => comment.value === content);
-
-		// avoiding duplicates of the same comment
-		if (exists) {
-			return;
-		}
-
-		path.value.comments.push(j.commentBlock(content));
-	});
-}
-
-function addCommentToStartOfFile({
-	j,
-	base,
-	message,
-}: {
-	j: core.JSCodeshift;
-	base: Collection<Node>;
-	message: string;
-}) {
-	addCommentBefore({
-		j,
-		target: base.find(j.Program),
-		message,
-	});
-}
-
-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);
-		});
-}
-
-const getDefaultSpecifierName = (
-	j: core.JSCodeshift,
-	base: Collection<any>,
-	packageName: string,
-) => {
-	const specifiers = base
-		.find(j.ImportDeclaration)
-		.filter((path: ASTPath<ImportDeclaration>) => path.node.source.value === packageName)
-		.find(j.ImportDefaultSpecifier);
-
-	if (!specifiers.length) {
-		return null;
-	}
-
-	return specifiers.nodes()[0]!.local!.name;
-};
-
-const hasJSXAttributesByName = (
-	j: core.JSCodeshift,
-	element: ASTPath<any>,
-	attributeName: string,
-) => getJSXAttributesByName(j, element, attributeName).length > 0;
-
-export {
-	getDefaultSpecifierName,
-	getJSXAttributesByName,
-	hasJSXAttributesByName,
-	addCommentToStartOfFile,
-};