[material-ui] Replace all '@mui/utils' imports

[MonstraG]

This is an attempt at doing #35840 with a limited scope:

• only imports from '@mui/utils'
• only imports in '@mui/material'

All of these changes were done automatically with:

node.js code

const fs = require("fs").promises;
const path = require("path");

const packages = ["@mui/utils"];

/**
 * @param line {string}
 * @returns {string}
 */
const processLine = (line) => {
	for (let pkg of packages) {
		const regex = new RegExp(`import {(.*?)} from '${pkg}';`);
		const match = line.match(regex);

		if (match) {
			const importsArray = match[1].split(",").map((str) => str.trim());

			return importsArray
				.map((importItem) => {
					const [originalName, aliasName] = importItem
						.split(" as ")
						.map((name) => name.trim());
					const importedAs = aliasName || originalName;
					const importedFrom = `${pkg}/${importedAs}`;

					return `import ${importedAs} from '${importedFrom}';`;
				})
				.join("\n");
		}
	}

	return line;
};

/**
 * @param filePath {string}
 * @returns {Promise<void>}
 */
const processFile = async (filePath) => {
	const data = await fs.readFile(filePath, "utf8");
	const result = data.toString().split("\n").map(processLine).join("\n");
	await fs.writeFile(filePath, result, "utf8");
};

/**
 * @param directoryPath {string}
 * @returns {Promise<void>}
 */
const processDirectory = async (directoryPath) => {
	const files = await fs.readdir(directoryPath, { withFileTypes: true });

	for (const file of files) {
		const filePath = path.join(directoryPath, file.name);

		if (file.isDirectory()) {
			await processDirectory(filePath);
		} else {
			await processFile(filePath).catch((err) =>
				console.error(`Error processing file ${filePath}: ${err.message}`)
			);
		}
	}
};

processDirectory("/material-ui/packages/mui-material/src").catch(console.error);

If this is a replacement that we are looking for, I can try running this on all packages, and start adapting it to other imports (like system, base, but they would require more work)

• I have followed (at least) the PR section of the contributing guide.

See also: rebased #39878

[mui-bot]

Netlify deploy preview

https://deploy-preview-40280--material-ui.netlify.app/

Bundle size report

Bundle size will be reported once CircleCI build #625156 finishes.

Generated by 🚫 dangerJS against d169524

[MonstraG]

Funny, build:modern succeeds, but build fails.

Yea, for every import from mui-utils/src/*.ts, build:umd tries to find `mui-utils/src/*/index.ts, not sure what to do with that,

[michaldudak]

Sorry about the confusion around these imports. Let us agree internally on the way these should be handled first, and then we can either resurrect the previous PR or continue with this one.

[MonstraG]

And my pr about this got sniped again!

#40851

:(

[michaldudak]

Sorry about that. @siriwatknp did more by importing additional functions from @mui/utils. I hope this won't discourage you from contributing in the future.