[core] Upgrade monorepo

.eslintrc.js

@@ -77,6 +77,7 @@ module.exports = {
     'jsdoc/require-returns': ['error', { contexts: ['TSFunctionType'] }],
     'jsdoc/require-returns-type': ['error', { contexts: ['TSFunctionType'] }],
     'jsdoc/require-returns-description': ['error', { contexts: ['TSFunctionType'] }],
+    'react/no-unstable-nested-components': ['error', { allowAsProps: true }],
   },
   overrides: [
     ...baselineOverrides,

docs/data/data-grid/layout/FixedSizeGrid.js

@@ -10,7 +10,7 @@ export default function FixedSizeGrid() {
   });
 
   return (
-    <div style={{ height: 400, width: '100%' }}>
+    <div style={{ width: '100%' }}>
       <div style={{ height: 350, width: '100%' }}>
         <DataGrid {...data} />
       </div>

docs/data/data-grid/layout/FixedSizeGrid.tsx

@@ -10,7 +10,7 @@ export default function FixedSizeGrid() {
   });
 
   return (
-    <div style={{ height: 400, width: '100%' }}>
+    <div style={{ width: '100%' }}>
       <div style={{ height: 350, width: '100%' }}>
         <DataGrid {...data} />
       </div>

docs/next.config.js

@@ -72,6 +72,14 @@ module.exports = {
     return {
       ...config,
       plugins,
+      resolve: {
+        ...config.resolve,
+        alias: {
+          ...config.resolve.alias,
+          docs: path.resolve(__dirname, '../node_modules/@mui/monorepo/docs'),
+          docsx: path.resolve(__dirname, '../docs'),
+        },
+      },
       module: {
         ...config.module,
         rules: config.module.rules.concat([

docs/package.json

@@ -73,6 +73,8 @@
     "react-is": "^18.2.0",
     "react-router": "^6.3.0",
     "react-router-dom": "^6.3.0",
+    "react-runner": "^1.0.3",
+    "react-simple-code-editor": "^0.13.1",
     "react-text-mask": "^5.4.3",
     "recast": "^0.21.2",
     "rimraf": "^3.0.2",

docs/pages/x/api/data-grid/data-grid-premium.json

@@ -4,7 +4,10 @@
       "type": { "name": "arrayOf", "description": "Array<object>" },
       "required": true
     },
-    "rows": { "type": { "name": "array" }, "required": true },
+    "rows": {
+      "type": { "name": "arrayOf", "description": "Array<object>" },
+      "required": true
+    },
     "aggregationFunctions": {
       "type": { "name": "object" },
       "default": "GRID_AGGREGATION_FUNCTIONS"
@@ -194,7 +197,12 @@
         "description": "{ left?: Array<string>, right?: Array<string> }"
       }
     },
-    "pinnedRows": { "type": { "name": "shape", "description": "{ bottom?: array, top?: array }" } },
+    "pinnedRows": {
+      "type": {
+        "name": "shape",
+        "description": "{ bottom?: Array<object>, top?: Array<object> }"
+      }
+    },
     "processRowUpdate": { "type": { "name": "func" } },
     "rowBuffer": { "type": { "name": "number" }, "default": "3" },
     "rowCount": { "type": { "name": "number" } },

docs/pages/x/api/data-grid/data-grid-pro.json

@@ -4,7 +4,10 @@
       "type": { "name": "arrayOf", "description": "Array<object>" },
       "required": true
     },
-    "rows": { "type": { "name": "array" }, "required": true },
+    "rows": {
+      "type": { "name": "arrayOf", "description": "Array<object>" },
+      "required": true
+    },
     "apiRef": { "type": { "name": "shape", "description": "{ current: object }" } },
     "aria-label": { "type": { "name": "string" } },
     "aria-labelledby": { "type": { "name": "string" } },
@@ -177,7 +180,12 @@
         "description": "{ left?: Array<string>, right?: Array<string> }"
       }
     },
-    "pinnedRows": { "type": { "name": "shape", "description": "{ bottom?: array, top?: array }" } },
+    "pinnedRows": {
+      "type": {
+        "name": "shape",
+        "description": "{ bottom?: Array<object>, top?: Array<object> }"
+      }
+    },
     "processRowUpdate": { "type": { "name": "func" } },
     "rowBuffer": { "type": { "name": "number" }, "default": "3" },
     "rowCount": { "type": { "name": "number" } },

docs/pages/x/api/data-grid/data-grid.json

@@ -1,7 +1,10 @@
 {
   "props": {
     "columns": { "type": { "name": "custom", "description": "array" }, "required": true },
-    "rows": { "type": { "name": "array" }, "required": true },
+    "rows": {
+      "type": { "name": "arrayOf", "description": "Array<object>" },
+      "required": true
+    },
     "aria-label": { "type": { "name": "string" } },
     "aria-labelledby": { "type": { "name": "string" } },
     "autoHeight": { "type": { "name": "bool" } },

docs/pages/x/react-data-grid/index.js

@@ -1,11 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import {
-  demos,
-  docs,
-  demoComponents,
-} from 'docsx/data/data-grid/overview/overview.md?@mui/markdown';
+import * as pageProps from 'docsx/data/data-grid/overview/overview.md?@mui/markdown';
 
 export default function Page() {
-  return <MarkdownDocs demos={demos} docs={docs} demoComponents={demoComponents} />;
+  return <MarkdownDocs {...pageProps} />;
 }

docs/src/modules/components/ComponentLinkHeader.js

@@ -0,0 +1 @@
+export { default } from 'docs/src/modules/components/ComponentLinkHeader';

packages/grid/x-data-grid-premium/src/DataGridPremium/DataGridPremium.tsx

@@ -833,8 +833,8 @@ DataGridPremiumRaw.propTypes = {
    * Rows data to pin on top or bottom.
    */
   pinnedRows: PropTypes.shape({
-    bottom: PropTypes.array,
-    top: PropTypes.array,
+    bottom: PropTypes.arrayOf(PropTypes.object),
+    top: PropTypes.arrayOf(PropTypes.object),
   }),
   /**
    * Callback called before updating a row with new values in the row and cell editing.
@@ -882,7 +882,7 @@ DataGridPremiumRaw.propTypes = {
   /**
    * Set of rows of type [[GridRowsProp]].
    */
-  rows: PropTypes.array.isRequired,
+  rows: PropTypes.arrayOf(PropTypes.object).isRequired,
   /**
    * Loading rows can be processed on the server or client-side.
    * Set it to 'client' if you would like enable infnite loading.

packages/grid/x-data-grid-premium/src/components/GridExcelExportMenuItem.tsx

@@ -31,7 +31,17 @@ GridExcelExportMenuItem.propTypes = {
   // ----------------------------------------------------------------------
   hideMenu: PropTypes.func,
   options: PropTypes.shape({
+    allColumns: PropTypes.bool,
+    columnsStyles: PropTypes.object,
     disableToolbarButton: PropTypes.bool,
+    exceljsPostProcess: PropTypes.func,
+    exceljsPreProcess: PropTypes.func,
+    fields: PropTypes.arrayOf(PropTypes.string),
+    fileName: PropTypes.string,
+    getRowsToExport: PropTypes.func,
+    includeColumnGroupsHeaders: PropTypes.bool,
+    includeHeaders: PropTypes.bool,
+    valueOptionsSheetName: PropTypes.string,
   }),
 } as any;
 

packages/grid/x-data-grid-pro/src/DataGridPro/DataGridPro.tsx

@@ -784,8 +784,8 @@ DataGridProRaw.propTypes = {
    * Rows data to pin on top or bottom.
    */
   pinnedRows: PropTypes.shape({
-    bottom: PropTypes.array,
-    top: PropTypes.array,
+    bottom: PropTypes.arrayOf(PropTypes.object),
+    top: PropTypes.arrayOf(PropTypes.object),
   }),
   /**
    * Callback called before updating a row with new values in the row and cell editing.
@@ -823,7 +823,7 @@ DataGridProRaw.propTypes = {
   /**
    * Set of rows of type [[GridRowsProp]].
    */
-  rows: PropTypes.array.isRequired,
+  rows: PropTypes.arrayOf(PropTypes.object).isRequired,
   /**
    * Loading rows can be processed on the server or client-side.
    * Set it to 'client' if you would like enable infnite loading.

packages/grid/x-data-grid-pro/src/components/GridDetailPanelToggleCell.tsx

@@ -115,7 +115,7 @@ GridDetailPanelToggleCell.propTypes = {
   /**
    * The row model of the row that the current cell belongs to.
    */
-  row: PropTypes.object.isRequired,
+  row: PropTypes.any.isRequired,
   /**
    * The node of the row that the current cell belongs to.
    */

packages/grid/x-data-grid-pro/src/components/GridTreeDataGroupingCell.tsx

@@ -154,7 +154,7 @@ GridTreeDataGroupingCell.propTypes = {
   /**
    * The row model of the row that the current cell belongs to.
    */
-  row: PropTypes.object.isRequired,
+  row: PropTypes.any.isRequired,
   /**
    * The node of the row that the current cell belongs to.
    */

packages/grid/x-data-grid/src/DataGrid/DataGrid.tsx

@@ -663,7 +663,7 @@ DataGridRaw.propTypes = {
   /**
    * Set of rows of type [[GridRowsProp]].
    */
-  rows: PropTypes.array.isRequired,
+  rows: PropTypes.arrayOf(PropTypes.object).isRequired,
   /**
    * Sets the type of space between rows added by `getRowSpacing`.
    * @default "margin"

packages/grid/x-data-grid/src/components/cell/GridActionsCell.tsx

@@ -302,7 +302,7 @@ GridActionsCell.propTypes = {
   /**
    * The row model of the row that the current cell belongs to.
    */
-  row: PropTypes.object.isRequired,
+  row: PropTypes.any.isRequired,
   /**
    * The node of the row that the current cell belongs to.
    */

packages/grid/x-data-grid/src/components/cell/GridBooleanCell.tsx

@@ -129,7 +129,7 @@ GridBooleanCellRaw.propTypes = {
   /**
    * The row model of the row that the current cell belongs to.
    */
-  row: PropTypes.object.isRequired,
+  row: PropTypes.any.isRequired,
   /**
    * The node of the row that the current cell belongs to.
    */

packages/grid/x-data-grid/src/components/cell/GridEditBooleanCell.tsx

@@ -170,7 +170,7 @@ GridEditBooleanCell.propTypes = {
   /**
    * The row model of the row that the current cell belongs to.
    */
-  row: PropTypes.object.isRequired,
+  row: PropTypes.any.isRequired,
   /**
    * The node of the row that the current cell belongs to.
    */

packages/grid/x-data-grid/src/components/cell/GridEditDateCell.tsx

@@ -220,7 +220,7 @@ GridEditDateCell.propTypes = {
   /**
    * The row model of the row that the current cell belongs to.
    */
-  row: PropTypes.object.isRequired,
+  row: PropTypes.any.isRequired,
   /**
    * The node of the row that the current cell belongs to.
    */

packages/grid/x-data-grid/src/components/cell/GridEditInputCell.tsx

@@ -200,7 +200,7 @@ GridEditInputCell.propTypes = {
   /**
    * The row model of the row that the current cell belongs to.
    */
-  row: PropTypes.object,
+  row: PropTypes.any,
   /**
    * The node of the row that the current cell belongs to.
    */

packages/grid/x-data-grid/src/components/cell/GridEditSingleSelectCell.tsx

@@ -256,7 +256,7 @@ GridEditSingleSelectCell.propTypes = {
   /**
    * The row model of the row that the current cell belongs to.
    */
-  row: PropTypes.object.isRequired,
+  row: PropTypes.any.isRequired,
   /**
    * The node of the row that the current cell belongs to.
    */

packages/grid/x-data-grid/src/components/columnSelection/GridCellCheckboxRenderer.tsx

@@ -181,7 +181,7 @@ GridCellCheckboxForwardRef.propTypes = {
   /**
    * The row model of the row that the current cell belongs to.
    */
-  row: PropTypes.object.isRequired,
+  row: PropTypes.any.isRequired,
   /**
    * The node of the row that the current cell belongs to.
    */