types-react-codemod/transforms/deprecated-react-text.js

Collection of transforms for [jscodeshift](https://github.com/facebook/jscodeshift) related to `@types/react`.

const parseSync = require("./utils/parseSync");

/**
 * @type {import('jscodeshift').Transform}
 */
const deprecatedReactTextTransform = (file, api) => {
	const j = api.jscodeshift;
	const ast = parseSync(file);

	const changedIdentifiers = ast
		.find(j.TSTypeReference, (node) => {
			const { typeName } = node;
			/**
			 * @type {import('jscodeshift').Identifier | null}
			 */
			let identifier = null;
			if (typeName.type === "Identifier") {
				identifier = typeName;
			} else if (
				typeName.type === "TSQualifiedName" &&
				typeName.right.type === "Identifier"
			) {
				identifier = typeName.right;
			}

			return identifier !== null && identifier.name === "ReactText";
		})
		.replaceWith(() => {
			// `number | string`
			return j.tsUnionType([j.tsNumberKeyword(), j.tsStringKeyword()]);
		});

	// Otherwise some files will be marked as "modified" because formatting changed
	if (changedIdentifiers.length > 0) {
		return ast.toSource();
	}
	return file.source;
};

export default deprecatedReactTextTransform;