@mui/x-data-grid-pro 8.10.0 → 8.10.1

package/CHANGELOG.md

@@ -5,6 +5,102 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.10.1
+
+_Aug 15, 2025_
+
+We'd like to extend a big thank you to the 8 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 Y-axes can now be grouped by category when using `band` and `point` scales.
+- 📚 Documentation improvements
+
+The following are all team members who have contributed to this release:
+@alexfauquette, @bernardobelchior, @Janpot, @JCQuintas, @mnajdova, @oliviertassinari, @prakhargupta1, @romgrk
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.10.1`
+
+- [DataGrid] Fix scroll jumping (#19156) @romgrk
+- [DataGrid] Fix scroll restoration (#19182) @romgrk
+- [DataGrid] Fix "no row with id" error (#19193) @romgrk
+
+#### `@mui/x-data-grid-pro@8.10.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
+
+Same changes as in `@mui/x-data-grid@8.10.1`.
+
+#### `@mui/x-data-grid-premium@8.10.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link "Premium plan")
+
+Same changes as in `@mui/x-data-grid-pro@8.10.1`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.10.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@8.10.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
+
+Same changes as in `@mui/x-date-pickers@8.10.0`.
+
+### Charts
+
+- Axes can now be grouped by category when using `band` and `point` scales
+
+  <img width="643" height="455" alt="Bar chart with y-axis grouped per categories" src="https://github.com/user-attachments/assets/59044afe-bcc5-4152-8bf1-225db0635025" />
+
+#### `@mui/x-charts@8.10.1`
+
+- [charts] Allow y-axis to be grouped (#19081) @JCQuintas
+- [charts] Fix default axis highlight for axes without data attribute (#18985) @alexfauquette
+- [charts] Fix tooltip mark unexpected wrapping in mobile (#19122) @bernardobelchior
+- [charts] Prevent overflow on charts tooltip (#19123) @bernardobelchior
+
+#### `@mui/x-charts-pro@8.10.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
+
+Same changes as in `@mui/x-charts@8.10.1`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.10.1`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.10.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
+
+Same changes as in `@mui/x-tree-view@8.10.1`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.10.1`
+
+Internal changes.
+
+### Docs
+
+- [docs] Add all planned charts on the overview page (#19077) @prakhargupta1
+- [docs] Add future charts components link in the sidebar (#19140) @prakhargupta1
+- [docs] Fix Heatmap docs duplicate text (#19138) @JCQuintas
+- [docs] Remove preview from Toolbar & Funnel (#19131) @mnajdova
+- [docs] Reproduce npm sparkline (#19089) @alexfauquette
+
+### Core
+
+- [core] Fix licensing model name (#19025) @oliviertassinari
+- [core] Fix usage of `:catalog` for `@babel/runtime` (#19028) @oliviertassinari
+- [core] Refactor virtualizer API (#18995) @romgrk
+
+### Miscellaneous
+
+- [code-infra] Remove namespaces (#19071) @Janpot
+- [code-infra] Fix `fs-extra` removal from `formattedTSDemos` script (#19132) @bernardobelchior
+- [code-infra] Remove unused code and dependency (#19139) @bernardobelchior
+- [code-infra] Replace `fs-extra` with `node:fs` where possible (#19127) @bernardobelchior
+- [internal] Edit, keep `lockFileMaintenance` simple @oliviertassinari
+- [internal] Fix writing style action name @oliviertassinari
+- [internal] Make it clear that `lockFileMaintenance` is enabled @oliviertassinari
+- [support-infra] Remove default issue label (#19104) @oliviertassinari
+
 ## 8.10.0
 
 _Aug 8, 2025_

package/DataGridPro/DataGridPro.js

@@ -29,7 +29,7 @@ const configuration = {
     useCellAggregationResult: () => null
   }
 };
-const releaseInfo = "MTc1NDYwNDAwMDAwMA==";
+const releaseInfo = "MTc1NTIzMDQwMDAwMA==";
 const watermark = /*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicense.Watermark, {
   packageName: "x-data-grid-pro",
   releaseInfo: releaseInfo

package/esm/DataGridPro/DataGridPro.js

@@ -22,7 +22,7 @@ const configuration = {
     useCellAggregationResult: () => null
   }
 };
-const releaseInfo = "MTc1NDYwNDAwMDAwMA==";
+const releaseInfo = "MTc1NTIzMDQwMDAwMA==";
 const watermark = /*#__PURE__*/_jsx(Watermark, {
   packageName: "x-data-grid-pro",
   releaseInfo: releaseInfo

package/esm/hooks/features/dataSource/utils.js

@@ -15,71 +15,69 @@ export let RequestStatus = /*#__PURE__*/function (RequestStatus) {
  * Uses `GridRowId` to uniquely identify a request
  */
 export class NestedDataManager {
+  pendingRequests = (() => new Set())();
+  queuedRequests = (() => new Set())();
+  settledRequests = (() => new Set())();
   constructor(privateApiRef, maxConcurrentRequests = MAX_CONCURRENT_REQUESTS) {
-    this.pendingRequests = new Set();
-    this.queuedRequests = new Set();
-    this.settledRequests = new Set();
-    this.api = void 0;
-    this.maxConcurrentRequests = void 0;
-    this.processQueue = async () => {
-      if (this.queuedRequests.size === 0 || this.pendingRequests.size >= this.maxConcurrentRequests) {
-        return;
-      }
-      const loopLength = Math.min(this.maxConcurrentRequests - this.pendingRequests.size, this.queuedRequests.size);
-      if (loopLength === 0) {
-        return;
-      }
-      const fetchQueue = Array.from(this.queuedRequests);
-      for (let i = 0; i < loopLength; i += 1) {
-        const id = fetchQueue[i];
-        this.queuedRequests.delete(id);
-        this.pendingRequests.add(id);
-        this.api.fetchRowChildren(id);
-      }
-    };
-    this.queue = async ids => {
-      const loadingIds = {};
-      ids.forEach(id => {
-        this.queuedRequests.add(id);
-        loadingIds[id] = true;
-      });
-      this.api.setState(state => _extends({}, state, {
-        dataSource: _extends({}, state.dataSource, {
-          loading: _extends({}, state.dataSource.loading, loadingIds)
-        })
-      }));
-      this.processQueue();
-    };
-    this.setRequestSettled = id => {
-      this.pendingRequests.delete(id);
-      this.settledRequests.add(id);
-      this.processQueue();
-    };
-    this.clear = () => {
-      this.queuedRequests.clear();
-      Array.from(this.pendingRequests).forEach(id => this.clearPendingRequest(id));
-    };
-    this.clearPendingRequest = id => {
-      this.api.dataSource.setChildrenLoading(id, false);
-      this.pendingRequests.delete(id);
-      this.processQueue();
-    };
-    this.getRequestStatus = id => {
-      if (this.pendingRequests.has(id)) {
-        return RequestStatus.PENDING;
-      }
-      if (this.queuedRequests.has(id)) {
-        return RequestStatus.QUEUED;
-      }
-      if (this.settledRequests.has(id)) {
-        return RequestStatus.SETTLED;
-      }
-      return RequestStatus.UNKNOWN;
-    };
-    this.getActiveRequestsCount = () => this.pendingRequests.size + this.queuedRequests.size;
     this.api = privateApiRef.current;
     this.maxConcurrentRequests = maxConcurrentRequests;
   }
+  processQueue = async () => {
+    if (this.queuedRequests.size === 0 || this.pendingRequests.size >= this.maxConcurrentRequests) {
+      return;
+    }
+    const loopLength = Math.min(this.maxConcurrentRequests - this.pendingRequests.size, this.queuedRequests.size);
+    if (loopLength === 0) {
+      return;
+    }
+    const fetchQueue = Array.from(this.queuedRequests);
+    for (let i = 0; i < loopLength; i += 1) {
+      const id = fetchQueue[i];
+      this.queuedRequests.delete(id);
+      this.pendingRequests.add(id);
+      this.api.fetchRowChildren(id);
+    }
+  };
+  queue = async ids => {
+    const loadingIds = {};
+    ids.forEach(id => {
+      this.queuedRequests.add(id);
+      loadingIds[id] = true;
+    });
+    this.api.setState(state => _extends({}, state, {
+      dataSource: _extends({}, state.dataSource, {
+        loading: _extends({}, state.dataSource.loading, loadingIds)
+      })
+    }));
+    this.processQueue();
+  };
+  setRequestSettled = id => {
+    this.pendingRequests.delete(id);
+    this.settledRequests.add(id);
+    this.processQueue();
+  };
+  clear = () => {
+    this.queuedRequests.clear();
+    Array.from(this.pendingRequests).forEach(id => this.clearPendingRequest(id));
+  };
+  clearPendingRequest = id => {
+    this.api.dataSource.setChildrenLoading(id, false);
+    this.pendingRequests.delete(id);
+    this.processQueue();
+  };
+  getRequestStatus = id => {
+    if (this.pendingRequests.has(id)) {
+      return RequestStatus.PENDING;
+    }
+    if (this.queuedRequests.has(id)) {
+      return RequestStatus.QUEUED;
+    }
+    if (this.settledRequests.has(id)) {
+      return RequestStatus.SETTLED;
+    }
+    return RequestStatus.UNKNOWN;
+  };
+  getActiveRequestsCount = () => this.pendingRequests.size + this.queuedRequests.size;
 }
 export const getGroupKeys = (tree, rowId) => {
   const rowNode = tree[rowId];

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v8.10.0
+ * @mui/x-data-grid-pro v8.10.1
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/esm/utils/tree/sortRowTree.js

@@ -2,8 +2,6 @@ import { GRID_ROOT_GROUP_ID } from '@mui/x-data-grid';
 // Single-linked list node
 class Node {
   constructor(data, next) {
-    this.next = void 0;
-    this.data = void 0;
     this.next = next;
     this.data = data;
   }
@@ -20,8 +18,6 @@ class Node {
 // Single-linked list container
 class List {
   constructor(first, last) {
-    this.first = void 0;
-    this.last = void 0;
     this.first = first;
     this.last = last;
   }

package/hooks/features/dataSource/utils.js

@@ -21,71 +21,69 @@ let RequestStatus = exports.RequestStatus = /*#__PURE__*/function (RequestStatus
  * Uses `GridRowId` to uniquely identify a request
  */
 class NestedDataManager {
+  pendingRequests = new Set();
+  queuedRequests = new Set();
+  settledRequests = new Set();
   constructor(privateApiRef, maxConcurrentRequests = MAX_CONCURRENT_REQUESTS) {
-    this.pendingRequests = new Set();
-    this.queuedRequests = new Set();
-    this.settledRequests = new Set();
-    this.api = void 0;
-    this.maxConcurrentRequests = void 0;
-    this.processQueue = async () => {
-      if (this.queuedRequests.size === 0 || this.pendingRequests.size >= this.maxConcurrentRequests) {
-        return;
-      }
-      const loopLength = Math.min(this.maxConcurrentRequests - this.pendingRequests.size, this.queuedRequests.size);
-      if (loopLength === 0) {
-        return;
-      }
-      const fetchQueue = Array.from(this.queuedRequests);
-      for (let i = 0; i < loopLength; i += 1) {
-        const id = fetchQueue[i];
-        this.queuedRequests.delete(id);
-        this.pendingRequests.add(id);
-        this.api.fetchRowChildren(id);
-      }
-    };
-    this.queue = async ids => {
-      const loadingIds = {};
-      ids.forEach(id => {
-        this.queuedRequests.add(id);
-        loadingIds[id] = true;
-      });
-      this.api.setState(state => (0, _extends2.default)({}, state, {
-        dataSource: (0, _extends2.default)({}, state.dataSource, {
-          loading: (0, _extends2.default)({}, state.dataSource.loading, loadingIds)
-        })
-      }));
-      this.processQueue();
-    };
-    this.setRequestSettled = id => {
-      this.pendingRequests.delete(id);
-      this.settledRequests.add(id);
-      this.processQueue();
-    };
-    this.clear = () => {
-      this.queuedRequests.clear();
-      Array.from(this.pendingRequests).forEach(id => this.clearPendingRequest(id));
-    };
-    this.clearPendingRequest = id => {
-      this.api.dataSource.setChildrenLoading(id, false);
-      this.pendingRequests.delete(id);
-      this.processQueue();
-    };
-    this.getRequestStatus = id => {
-      if (this.pendingRequests.has(id)) {
-        return RequestStatus.PENDING;
-      }
-      if (this.queuedRequests.has(id)) {
-        return RequestStatus.QUEUED;
-      }
-      if (this.settledRequests.has(id)) {
-        return RequestStatus.SETTLED;
-      }
-      return RequestStatus.UNKNOWN;
-    };
-    this.getActiveRequestsCount = () => this.pendingRequests.size + this.queuedRequests.size;
     this.api = privateApiRef.current;
     this.maxConcurrentRequests = maxConcurrentRequests;
   }
+  processQueue = async () => {
+    if (this.queuedRequests.size === 0 || this.pendingRequests.size >= this.maxConcurrentRequests) {
+      return;
+    }
+    const loopLength = Math.min(this.maxConcurrentRequests - this.pendingRequests.size, this.queuedRequests.size);
+    if (loopLength === 0) {
+      return;
+    }
+    const fetchQueue = Array.from(this.queuedRequests);
+    for (let i = 0; i < loopLength; i += 1) {
+      const id = fetchQueue[i];
+      this.queuedRequests.delete(id);
+      this.pendingRequests.add(id);
+      this.api.fetchRowChildren(id);
+    }
+  };
+  queue = async ids => {
+    const loadingIds = {};
+    ids.forEach(id => {
+      this.queuedRequests.add(id);
+      loadingIds[id] = true;
+    });
+    this.api.setState(state => (0, _extends2.default)({}, state, {
+      dataSource: (0, _extends2.default)({}, state.dataSource, {
+        loading: (0, _extends2.default)({}, state.dataSource.loading, loadingIds)
+      })
+    }));
+    this.processQueue();
+  };
+  setRequestSettled = id => {
+    this.pendingRequests.delete(id);
+    this.settledRequests.add(id);
+    this.processQueue();
+  };
+  clear = () => {
+    this.queuedRequests.clear();
+    Array.from(this.pendingRequests).forEach(id => this.clearPendingRequest(id));
+  };
+  clearPendingRequest = id => {
+    this.api.dataSource.setChildrenLoading(id, false);
+    this.pendingRequests.delete(id);
+    this.processQueue();
+  };
+  getRequestStatus = id => {
+    if (this.pendingRequests.has(id)) {
+      return RequestStatus.PENDING;
+    }
+    if (this.queuedRequests.has(id)) {
+      return RequestStatus.QUEUED;
+    }
+    if (this.settledRequests.has(id)) {
+      return RequestStatus.SETTLED;
+    }
+    return RequestStatus.UNKNOWN;
+  };
+  getActiveRequestsCount = () => this.pendingRequests.size + this.queuedRequests.size;
 }
 exports.NestedDataManager = NestedDataManager;
 const getGroupKeys = (tree, rowId) => {

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v8.10.0
+ * @mui/x-data-grid-pro v8.10.1
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-pro",
-  "version": "8.10.0",
+  "version": "8.10.1",
   "author": "MUI Team",
   "description": "The Pro plan edition of the MUI X Data Grid components.",
   "main": "./index.js",
@@ -35,13 +35,13 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.28.2",
-    "@mui/utils": "^7.2.0",
+    "@mui/utils": "^7.3.1",
     "@types/format-util": "^1.0.4",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-data-grid": "8.10.0",
-    "@mui/x-internals": "8.10.0",
-    "@mui/x-license": "8.10.0"
+    "@mui/x-data-grid": "8.10.1",
+    "@mui/x-license": "8.10.1",
+    "@mui/x-internals": "8.10.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -62,31 +62,30 @@
   "engines": {
     "node": ">=14.0.0"
   },
-  "private": false,
+  "type": "commonjs",
+  "types": "./index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
-      "require": {
-        "types": "./index.d.ts",
-        "default": "./index.js"
-      },
       "import": {
         "types": "./esm/index.d.ts",
         "default": "./esm/index.js"
+      },
+      "require": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
       }
     },
     "./*": {
-      "require": {
-        "types": "./*/index.d.ts",
-        "default": "./*/index.js"
-      },
       "import": {
         "types": "./esm/*/index.d.ts",
         "default": "./esm/*/index.js"
+      },
+      "require": {
+        "types": "./*/index.d.ts",
+        "default": "./*/index.js"
       }
     },
-    "./esm": null,
-    "./modern": null
-  },
-  "types": "./index.d.ts"
+    "./esm": null
+  }
 }

package/utils/tree/sortRowTree.js

@@ -8,8 +8,6 @@ var _xDataGrid = require("@mui/x-data-grid");
 // Single-linked list node
 class Node {
   constructor(data, next) {
-    this.next = void 0;
-    this.data = void 0;
     this.next = next;
     this.data = data;
   }
@@ -26,8 +24,6 @@ class Node {
 // Single-linked list container
 class List {
   constructor(first, last) {
-    this.first = void 0;
-    this.last = void 0;
     this.first = first;
     this.last = last;
   }