.eslintrc.js

const baseline = require('@mui/monorepo/.eslintrc');
const path = require('path');

const OneLevelImportMessage = [
  'Prefer one level nested imports to avoid bundling everything in dev mode or breaking CJS/ESM split.',
  'See https://github.com/mui/material-ui/pull/24147 for the kind of win it can unlock.',
].join('\n');

module.exports = {
  ...baseline,
  settings: {
    'import/resolver': {
      webpack: {
        config: path.join(__dirname, './webpackBaseConfig.js'),
      },
    },
  },
  /**
   * Sorted alphanumerically within each group. built-in and each plugin form
   * their own groups.
   */
  rules: {
    ...baseline.rules,
    // TODO move to @mui/monorepo, codebase is moving away from default exports
    'import/prefer-default-export': 'off',
    'no-restricted-imports': [
      'error',
      {
        patterns: [
          {
            group: [
              '@mui/*/*/*',
              '@pigment-css/*/*/*',
              '@base_ui/react/*/*',
              '!@base_ui/react/legacy/*',
              // Allow any import depth with any internal packages
              '!@mui/internal-*/**',
              // TODO delete, @mui/docs should be @mui/internal-docs
              '!@mui/docs/**',
            ],
            message: OneLevelImportMessage,
          },
        ],
      },
    ],
  },
  overrides: [
    ...baseline.overrides,
    {
      files: ['docs/pages/experiments/**/*{.tsx,.js}', 'docs/pages/playground/**/*{.tsx,.js}'],
      rules: {
        '@typescript-eslint/no-use-before-define': 'off',
        'react/prop-types': 'off',
        'no-alert': 'off',
        'no-console': 'off',
      },
    },
  ],
};