[core] Support @mui/material@6 peer dependency

package.json

@@ -90,7 +90,7 @@
     "@emotion/styled": "^11.13.0",
     "@mui/icons-material": "^5.16.5",
     "@mui/internal-markdown": "^1.0.9",
-    "@mui/internal-test-utils": "^1.0.7",
+    "@mui/internal-test-utils": "https://pkg.csb.dev/mui/material-ui/commit/225876f7/@mui/internal-test-utils",
     "@mui/material": "^5.16.5",
     "@mui/monorepo": "github:mui/material-ui#4a82b6b0e0395db8fa0a0d49b6b76de4516b1579",
     "@mui/utils": "^5.16.5",

packages/x-charts-pro/package.json

@@ -53,7 +53,7 @@
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.15.14",
+    "@mui/material": "^5.15.14 || ^6",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
@@ -66,6 +66,7 @@
     }
   },
   "devDependencies": {
+    "@mui/material": "next",
     "@react-spring/core": "^9.7.4",
     "@react-spring/shared": "^9.7.4",
     "@types/prop-types": "^15.7.12",

packages/x-charts-pro/src/ResponsiveChartContainerPro/ResponsiveChartContainerPro.test.tsx

@@ -4,6 +4,11 @@ import { createRenderer, screen, waitFor } from '@mui/internal-test-utils';
 import { LicenseInfo } from '@mui/x-license';
 import { sharedLicenseStatuses } from '@mui/x-license/useLicenseVerifier/useLicenseVerifier';
 import { ResponsiveChartContainerPro } from './ResponsiveChartContainerPro';
+// eslint-disable-next-line import/order
+import packageJson from '@mui/material/package.json';
+
+// eslint-disable-next-line no-console
+console.log(`@mui/x-charts-pro: @mui/material version`, packageJson.version);
 
 describe('<ResponsiveChartContainerPro /> - License', () => {
   const { render } = createRenderer();

packages/x-charts/package.json

@@ -51,7 +51,7 @@
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.15.14",
+    "@mui/material": "^5.15.14 || ^6",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
@@ -64,7 +64,8 @@
     }
   },
   "devDependencies": {
-    "@mui/internal-test-utils": "^1.0.7",
+    "@mui/internal-test-utils": "https://pkg.csb.dev/mui/material-ui/commit/225876f7/@mui/internal-test-utils",
+    "@mui/material": "next",
     "@react-spring/core": "^9.7.4",
     "@react-spring/shared": "^9.7.4",
     "@types/prop-types": "^15.7.12",

packages/x-charts/src/BarChart/BarChart.test.tsx

@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { createRenderer, describeConformance } from '@mui/internal-test-utils';
 import { BarChart } from '@mui/x-charts/BarChart';
+import packageJson from '@mui/material/package.json';
+
+// eslint-disable-next-line no-console
+console.log(`@mui/x-charts: @mui/material version`, packageJson.version);
 
 describe('<BarChart />', () => {
   const { render } = createRenderer();

packages/x-data-grid-generator/package.json

@@ -40,14 +40,15 @@
     "lru-cache": "^10.4.3"
   },
   "devDependencies": {
+    "@mui/material": "next",
     "@types/chance": "^1.1.6",
     "rimraf": "^5.0.9"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/icons-material": "^5.4.1",
-    "@mui/material": "^5.15.14",
+    "@mui/icons-material": "^5.4.1 || ^6",
+    "@mui/material": "^5.15.14 || ^6",
     "react": "^17.0.0 || ^18.0.0"
   },
   "peerDependenciesMeta": {

packages/x-data-grid-premium/package.json

@@ -59,7 +59,7 @@
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.15.14",
+    "@mui/material": "^5.15.14 || ^6",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
@@ -72,7 +72,8 @@
     }
   },
   "devDependencies": {
-    "@mui/internal-test-utils": "^1.0.7",
+    "@mui/internal-test-utils": "https://pkg.csb.dev/mui/material-ui/commit/225876f7/@mui/internal-test-utils",
+    "@mui/material": "next",
     "@types/prop-types": "^15.7.12",
     "date-fns": "^2.30.0",
     "rimraf": "^5.0.9"

packages/x-data-grid-premium/src/tests/aggregation.DataGridPremium.test.tsx

@@ -21,6 +21,10 @@ import {
   useGridApiRef,
   GridColDef,
 } from '@mui/x-data-grid-premium';
+import packageJson from '@mui/material/package.json';
+
+// eslint-disable-next-line no-console
+console.log(`@mui/x-data-grid-premium: @mui/material version`, packageJson.version);
 
 const isJSDOM = /jsdom/.test(window.navigator.userAgent);
 

packages/x-data-grid-pro/package.json

@@ -57,7 +57,7 @@
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.15.14",
+    "@mui/material": "^5.15.14 || ^6",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
@@ -70,7 +70,8 @@
     }
   },
   "devDependencies": {
-    "@mui/internal-test-utils": "^1.0.7",
+    "@mui/internal-test-utils": "https://pkg.csb.dev/mui/material-ui/commit/225876f7/@mui/internal-test-utils",
+    "@mui/material": "next",
     "@types/prop-types": "^15.7.12",
     "rimraf": "^5.0.9"
   },

packages/x-data-grid-pro/src/tests/accessibility.DataGridPro.test.tsx

@@ -4,6 +4,10 @@ import axe from 'axe-core';
 import { DataGridPro } from '@mui/x-data-grid-pro';
 import { useBasicDemoData } from '@mui/x-data-grid-generator';
 import { createRenderer } from '@mui/internal-test-utils';
+import packageJson from '@mui/material/package.json';
+
+// eslint-disable-next-line no-console
+console.log(`@mui/x-data-grid-pro: @mui/material version`, packageJson.version);
 
 function logViolations(violations: any) {
   if (violations.length !== 0) {

packages/x-data-grid/package.json

@@ -58,7 +58,7 @@
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.15.14",
+    "@mui/material": "^5.15.14 || ^6",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
@@ -71,8 +71,9 @@
     }
   },
   "devDependencies": {
-    "@mui/internal-test-utils": "^1.0.7",
+    "@mui/internal-test-utils": "https://pkg.csb.dev/mui/material-ui/commit/225876f7/@mui/internal-test-utils",
     "@mui/joy": "^5.0.0-beta.48",
+    "@mui/material": "next",
     "@mui/types": "^7.2.15",
     "@types/prop-types": "^15.7.12",
     "rimraf": "^5.0.9"

packages/x-data-grid/src/tests/cells.DataGrid.test.tsx

@@ -5,6 +5,10 @@ import { expect } from 'chai';
 import { DataGrid, GridValueFormatter } from '@mui/x-data-grid';
 import { getCell } from 'test/utils/helperFn';
 import { getBasicGridData } from '@mui/x-data-grid-generator';
+import packageJson from '@mui/material/package.json';
+
+// eslint-disable-next-line no-console
+console.log(`@mui/x-data-grid: @mui/material version`, packageJson.version);
 
 const isJSDOM = /jsdom/.test(window.navigator.userAgent);
 

packages/x-data-grid/src/tests/rowSelection.DataGrid.test.tsx

@@ -545,7 +545,7 @@ describe('<DataGrid /> - Row selection', () => {
         fireEvent.keyDown(cell, { key: 'ArrowLeft' });
         fireEvent.keyDown(getCell(1, 0).querySelector('input')!, { key: 'ArrowUp' });
         clock.runToLast(); // Wait for transition
-        expect(document.querySelectorAll('.MuiTouchRipple-rippleVisible')).to.have.length(1);
+        expect(document.querySelectorAll('.MuiTouchRipple-rippleVisible')).to.have.length(0);
       });
     });
   });

packages/x-date-pickers-pro/package.json

@@ -54,7 +54,7 @@
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.15.14",
+    "@mui/material": "^5.15.14 || ^6",
     "date-fns": "^2.25.0 || ^3.2.0",
     "date-fns-jalali": "^2.13.0-0 || ^3.2.0-0",
     "dayjs": "^1.10.7",
@@ -95,7 +95,8 @@
     }
   },
   "devDependencies": {
-    "@mui/internal-test-utils": "^1.0.7",
+    "@mui/internal-test-utils": "https://pkg.csb.dev/mui/material-ui/commit/225876f7/@mui/internal-test-utils",
+    "@mui/material": "next",
     "@types/luxon": "^3.4.2",
     "@types/prop-types": "^15.7.12",
     "date-fns": "^2.30.0",

packages/x-date-pickers-pro/src/DateRangeCalendar/DateRangeCalendar.test.tsx

@@ -22,6 +22,11 @@ import {
 import { DateRangePickerDay } from '@mui/x-date-pickers-pro/DateRangePickerDay';
 import { describeConformance } from 'test/utils/describeConformance';
 import { RangePosition } from '../models';
+// eslint-disable-next-line import/order
+import packageJson from '@mui/material/package.json';
+
+// eslint-disable-next-line no-console
+console.log(`@mui/x-date-pickers-pro: @mui/material version`, packageJson.version);
 
 const getPickerDay = (name: string, picker = 'January 2018') =>
   getByRole(screen.getByRole('grid', { name: picker }), 'gridcell', { name });

packages/x-date-pickers/package.json

@@ -56,7 +56,7 @@
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.15.14",
+    "@mui/material": "^5.15.14 || ^6",
     "date-fns": "^2.25.0 || ^3.2.0",
     "date-fns-jalali": "^2.13.0-0 || ^3.2.0-0",
     "dayjs": "^1.10.7",
@@ -97,7 +97,8 @@
     }
   },
   "devDependencies": {
-    "@mui/internal-test-utils": "^1.0.7",
+    "@mui/internal-test-utils": "https://pkg.csb.dev/mui/material-ui/commit/225876f7/@mui/internal-test-utils",
+    "@mui/material": "next",
     "@types/luxon": "^3.4.2",
     "@types/moment-hijri": "^2.1.4",
     "@types/moment-jalaali": "^0.7.9",

packages/x-date-pickers/src/tests/fieldKeyboardInteraction.test.tsx

@@ -15,6 +15,11 @@ import {
   getDateSectionConfigFromFormatToken,
   cleanLeadingZeros,
 } from '../internals/hooks/useField/useField.utils';
+// eslint-disable-next-line import/order
+import packageJson from '@mui/material/package.json';
+
+// eslint-disable-next-line no-console
+console.log(`@mui/x-date-pickers: @mui/material version`, packageJson.version);
 
 const testDate = '2018-05-15T09:35:10';
 

packages/x-internals/package.json

@@ -48,7 +48,7 @@
     "react": "^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
-    "@mui/internal-test-utils": "^1.0.7",
+    "@mui/internal-test-utils": "https://pkg.csb.dev/mui/material-ui/commit/225876f7/@mui/internal-test-utils",
     "rimraf": "^5.0.9"
   },
   "engines": {

packages/x-license/package.json

@@ -41,7 +41,7 @@
     "react": "^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
-    "@mui/internal-test-utils": "^1.0.7",
+    "@mui/internal-test-utils": "https://pkg.csb.dev/mui/material-ui/commit/225876f7/@mui/internal-test-utils",
     "rimraf": "^5.0.9"
   },
   "engines": {

packages/x-tree-view-pro/package.json

@@ -56,7 +56,7 @@
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.15.14",
+    "@mui/material": "^5.15.14 || ^6",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
@@ -69,7 +69,8 @@
     }
   },
   "devDependencies": {
-    "@mui/internal-test-utils": "^1.0.7",
+    "@mui/internal-test-utils": "https://pkg.csb.dev/mui/material-ui/commit/225876f7/@mui/internal-test-utils",
+    "@mui/material": "next",
     "@types/prop-types": "^15.7.12",
     "rimraf": "^5.0.9"
   },

packages/x-tree-view-pro/src/RichTreeViewPro/RichTreeViewPro.test.tsx

@@ -5,6 +5,11 @@ import {
   richTreeViewProClasses as classes,
 } from '@mui/x-tree-view-pro/RichTreeViewPro';
 import { describeConformance } from 'test/utils/describeConformance';
+// eslint-disable-next-line import/order
+import packageJson from '@mui/material/package.json';
+
+// eslint-disable-next-line no-console
+console.log(`@mui/x-tree-view-pro: @mui/material version`, packageJson.version);
 
 describe('<RichTreeViewPro />', () => {
   const { render } = createRenderer();

packages/x-tree-view/package.json

@@ -55,7 +55,7 @@
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.15.14",
+    "@mui/material": "^5.15.14 || ^6",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
@@ -68,7 +68,8 @@
     }
   },
   "devDependencies": {
-    "@mui/internal-test-utils": "^1.0.7",
+    "@mui/internal-test-utils": "https://pkg.csb.dev/mui/material-ui/commit/225876f7/@mui/internal-test-utils",
+    "@mui/material": "next",
     "@types/prop-types": "^15.7.12",
     "rimraf": "^5.0.9"
   },

packages/x-tree-view/src/TreeItem/TreeItem.test.tsx

@@ -7,6 +7,11 @@ import { TreeViewContext } from '@mui/x-tree-view/internals/TreeViewProvider/Tre
 import { describeConformance } from 'test/utils/describeConformance';
 import { describeTreeView } from 'test/utils/tree-view/describeTreeView';
 import { getFakeContextValue } from 'test/utils/tree-view/fakeContextValue';
+// eslint-disable-next-line import/order
+import packageJson from '@mui/material/package.json';
+
+// eslint-disable-next-line no-console
+console.log(`@mui/x-tree-view: @mui/material version`, packageJson.version);
 
 describeTreeView<[]>('TreeItem component', ({ render, treeItemComponentName }) => {
   describe('ContentComponent / ContentProps props (TreeItem only)', () => {