Merge pull request #26919 from backstage/freben/mui-grid

exclude the data-grid package from the imports rule

packages/eslint-plugin/rules/no-top-level-material-ui-4-imports.js

@@ -135,6 +135,8 @@ module.exports = {
       if (!node.source.value.startsWith('@material-ui/')) return;
       // Return if import is from '@material-ui/core/styles', as it's valid already
       if (node.source.value === '@material-ui/core/styles') return;
+      // Ignore the @material-ui/data-grid library which shares this namespace
+      if (node.source.value === '@material-ui/data-grid') return;
       // Return if proper import eg. `import Box from '@material-ui/core/Box'`
       // Or if third level or deeper imports
       if (node.source.value?.split('/').length >= 3) return;

packages/eslint-plugin/src/no-top-level-material-ui-4-imports.test.ts

@@ -47,6 +47,9 @@ ruleTester.run('path-imports-rule', rule, {
     {
       code: `import { CreateCSSProperties, StyledComponentProps } from '@material-ui/core/styles/withStyles';`,
     },
+    {
+      code: `import { DataGrid, GridColDef, GridValueGetterParams } from '@material-ui/data-grid';`,
+    },
   ],
   invalid: [
     {