[infra] Migrate to use eslint without airbnb config

Author: brijeshb42

docs/data/data-grid/server-side-data/ServerSideTreeDataCustomCache.tsx

@@ -44,7 +44,7 @@ const cache: GridDataSourceCache = {
 
 const pageSizeOptions = [5, 10, 50];
 const dataSetOptions = {
-  dataSet: 'Employee' as 'Employee',
+  dataSet: 'Employee' as const,
   rowLength: 1000,
   treeData: { maxDepth: 3, groupingField: 'name', averageChildren: 5 },
 };

docs/data/data-grid/server-side-data/ServerSideTreeDataErrorHandling.tsx

@@ -17,7 +17,7 @@ import { useMockServer } from '@mui/x-data-grid-generator';
 const pageSizeOptions = [5, 10, 50];
 const serverOptions = { useCursorPagination: false };
 const dataSetOptions = {
-  dataSet: 'Employee' as 'Employee',
+  dataSet: 'Employee' as const,
   rowLength: 1000,
   treeData: { maxDepth: 3, groupingField: 'name', averageChildren: 5 },
 };

docs/scripts/api/buildExportsDocumentation.ts

@@ -18,6 +18,7 @@ const buildPackageExports = (project: XTypeScriptProject) => {
       return {
         name,
         kind: syntaxKindToSyntaxName[
+          // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain
           resolveExportSpecifier(symbol, project).declarations?.[0].kind!
         ],
       };
@@ -27,7 +28,6 @@ const buildPackageExports = (project: XTypeScriptProject) => {
   writePrettifiedFile(
     path.resolve(project.workspaceRoot, `scripts/${project.name}.exports.json`),
     JSON.stringify(exports),
-    project,
   );
 };
 

docs/src/modules/utils/useCustomizationPlayground.tsx

@@ -145,7 +145,9 @@ interface Props
 
 /* I use this method to parse whatever component props are passed in and format them for the code example, 
 so the code example includes the same props as the rendered component. e.g. the views={['month']} */
+// eslint-disable-next-line @typescript-eslint/no-wrapper-object-types
 function formatComponentProps(componentProps?: Object, spacing: number = 1) {
+  // eslint-disable-next-line @typescript-eslint/no-wrapper-object-types
   function formatObject(obj: Object, indentLevel = 0, separator = ': '): string {
     const indent = ' '.repeat(indentLevel * 2);
 

docs/src/sw.js

@@ -1,20 +1,19 @@
 /* eslint-env serviceworker */
 // https://github.com/airbnb/javascript/issues/1632
-/* eslint-disable no-restricted-globals */
 
 // See https://developer.chrome.com/docs/workbox/remove-buggy-service-workers/
-self.addEventListener('install', () => {
+globalThis.addEventListener('install', () => {
   // Skip over the "waiting" lifecycle state, to ensure that our
   // new service worker is activated immediately, even if there's
   // another tab open controlled by our older service worker code.
-  self.skipWaiting();
+  globalThis.skipWaiting();
 });
-self.addEventListener('message', () => {
+globalThis.addEventListener('message', () => {
   // Optional: Get a list of all the current open windows/tabs under
   // our service worker's control, and force them to reload.
   // This can "unbreak" any open windows/tabs as soon as the new
   // service worker activates, rather than users having to manually reload.
-  self.clients.matchAll({ type: 'window' }).then((windowClients) => {
+  globalThis.clients.matchAll({ type: 'window' }).then((windowClients) => {
     windowClients.forEach((windowClient) => {
       windowClient.navigate(windowClient.url);
     });

eslint.config.mjs

@@ -165,6 +165,10 @@ export default defineConfig(
       'react/jsx-no-duplicate-props': ['warn', { ignoreCase: false }],
       // TODO move to @mui/internal-code-infra/eslint, these are false positive
       'react/no-unstable-nested-components': ['error', { allowAsProps: true }],
+      // migration rules
+      '@typescript-eslint/no-namespace': 'off',
+      '@typescript-eslint/ban-ts-comment': 'off',
+      '@typescript-eslint/no-require-imports': 'off',
     },
   },
   // Test start

package.json

@@ -79,7 +79,7 @@
     "@mui/icons-material": "catalog:",
     "@mui/internal-bundle-size-checker": "^1.0.9-canary.18",
     "@mui/internal-babel-plugin-display-name": "^1.0.4-canary.3",
-    "@mui/internal-code-infra": "^0.0.2-canary.32",
+    "@mui/internal-code-infra": "https://pkg.pr.new/mui/mui-public/@mui/internal-code-infra@d29daf8",
     "@mui/internal-markdown": "^2.0.6",
     "@mui/internal-test-utils": "catalog:",
     "@mui/material": "catalog:",

packages/x-charts-premium/src/index.ts

@@ -42,8 +42,11 @@ export * from '@mui/x-charts-pro/ChartsToolbarPro';
 
 // Premium utilities
 export * from './constants';
+// eslint-disable-next-line import/export
 export * from './hooks';
+// eslint-disable-next-line import/export
 export * from './context';
+// eslint-disable-next-line import/export
 export * from './models';
 // Locales should be imported from `@mui/x-charts-premium/locales`
 // export * from './locales';

packages/x-charts-pro/src/FunnelChart/curves/bump.ts

@@ -1,4 +1,3 @@
-/* eslint-disable class-methods-use-this */
 import { FunnelCurveGenerator, CurveOptions, Point } from './curve.types';
 
 /**

packages/x-charts-pro/src/FunnelChart/curves/linear.ts

@@ -1,4 +1,3 @@
-/* eslint-disable class-methods-use-this */
 import { FunnelCurveGenerator, CurveOptions, FunnelPointShape, Point } from './curve.types';
 import { borderRadiusPolygon } from './borderRadiusPolygon';
 import { lerpX, lerpY } from './utils';