Sync with changes in core

Author: Brijesh Bittu

packages/mui-infra/package.json

@@ -35,7 +35,7 @@
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^10.1.5",
-    "eslint-import-resolver-typescript": "^4.4.1",
+    "eslint-module-utils": "^2.12.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-mocha": "^11.1.0",
@@ -44,6 +44,7 @@
     "eslint-plugin-react-hooks": "^6.0.0",
     "eslint-plugin-testing-library": "^7.2.2",
     "globals": "^16.2.0",
+    "minimatch": "^10.0.1",
     "typescript-eslint": "^8.33.0"
   },
   "peerDependencies": {

packages/mui-infra/src/eslint/material-ui/index.mjs

@@ -4,6 +4,7 @@ import docgenIgnoreBeforeComment from './rules/docgen-ignore-before-comment.mjs'
 import muiNameMatchesComponentName from './rules/mui-name-matches-component-name.mjs';
 import noEmptyBox from './rules/no-empty-box.mjs';
 import noHardcodedLabels from './rules/no-hardcoded-labels.mjs';
+import noRestrictedResolvedImports from './rules/no-restricted-resolved-imports.mjs';
 import noStyledBox from './rules/no-styled-box.mjs';
 import rulesOfUseThemeVariants from './rules/rules-of-use-theme-variants.mjs';
 import straightQuotes from './rules/straight-quotes.mjs';
@@ -26,5 +27,6 @@ export default {
     'no-styled-box': noStyledBox,
     'straight-quotes': straightQuotes,
     'disallow-react-api-in-server-components': disallowReactApiInServerComponents,
+    'no-restricted-resolved-imports': noRestrictedResolvedImports,
   },
 };

packages/mui-infra/src/eslint/material-ui/rules/no-restricted-resolved-imports.mjs

@@ -0,0 +1,89 @@
+import moduleVisitorModule from 'eslint-module-utils/moduleVisitor';
+import resolveModule from 'eslint-module-utils/resolve';
+import { minimatch } from 'minimatch';
+import * as path from 'node:path';
+
+const moduleVisitor = moduleVisitorModule.default || moduleVisitorModule;
+const resolve = resolveModule.default || resolveModule;
+
+/**
+ * @typedef {Object} PatternConfig
+ * @property {string} pattern - The pattern to match against resolved imports
+ * @property {string} [message] - Custom message to show when the pattern matches
+ */
+
+/**
+ * Creates an ESLint rule that restricts imports based on their resolved paths.
+ * Works with both ESM (import) and CommonJS (require) imports.
+ *
+ * @type {import('eslint').Rule.RuleModule}
+ */
+export default {
+  meta: {
+    docs: {
+      description: 'Disallow imports that resolve to certain patterns.',
+    },
+    messages: {
+      restrictedResolvedImport:
+        'Importing from "{{importSource}}" is restricted because it resolves to "{{resolvedPath}}", which matches the pattern "{{pattern}}".{{customMessage}}',
+    },
+    type: 'suggestion',
+    schema: [
+      {
+        type: 'array',
+        items: {
+          type: 'object',
+          properties: {
+            pattern: { type: 'string' },
+            message: { type: 'string' },
+          },
+          required: ['pattern'],
+          additionalProperties: false,
+        },
+      },
+    ],
+  },
+  create(context) {
+    const options = context.options[0] || [];
+
+    if (!Array.isArray(options) || options.length === 0) {
+      return {};
+    }
+
+    return moduleVisitor(
+      (source, node) => {
+        // Get the resolved path of the import
+        const resolvedPath = resolve(source.value, context);
+
+        if (!resolvedPath) {
+          return;
+        }
+
+        // Normalize the resolved path to use forward slashes
+        const normalizedPath = resolvedPath.split(path.sep).join('/');
+
+        // Check each pattern against the resolved path
+        for (const option of options) {
+          const { pattern, message = '' } = option;
+
+          if (minimatch(normalizedPath, pattern)) {
+            context.report({
+              node,
+              messageId: 'restrictedResolvedImport',
+              data: {
+                importSource: source.value,
+                resolvedPath: normalizedPath,
+                pattern,
+                customMessage: message ? ` ${message}` : '',
+              },
+            });
+
+            // Stop after first match
+            break;
+          }
+        }
+      },
+      { commonjs: true, es6: true },
+    ); // This handles both require() and import statements
+  },
+};