@mui/x-data-grid 8.10.1 → 8.10.2

package/CHANGELOG.md

@@ -5,6 +5,92 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.10.2
+
+_Aug 20, 2025_
+
+We'd like to extend a big thank you to the 10 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌎 Improve Finnish (fi-FI) locale on the Data Grid
+
+Special thanks go out to the community members for their valuable contributions:
+@lauri-heinonen-2025-04, @Methuselah96, @sai6855, @wilcoschoneveld
+
+The following are all team members who have contributed to this release:
+@alexfauquette, @cherniavskii, @flaviendelangle, @Janpot, @oliviertassinari, @rita-codes
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.10.2`
+
+- [DataGrid] Fix display for `<GridEditSingleSelect />` when `density='compact'` (#19249) @sai6855
+- [DataGrid] Fix column header sortable classname when using `disableColumnSorting` (#19222) @wilcoschoneveld
+- [l10n] Improve finnish (fi-FI) locale (#19163) @lauri-heinonen-2025-04
+
+#### `@mui/x-data-grid-pro@8.10.2` [![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.2`, plus:
+
+- [DataGridPro] Fix quick filter not working in List View mode (#19254) @cherniavskii
+
+#### `@mui/x-data-grid-premium@8.10.2` [![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.2`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.10.2`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@8.10.2` [![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.2`.
+
+### Charts
+
+#### `@mui/x-charts@8.10.2`
+
+Internal changes.
+
+#### `@mui/x-charts-pro@8.10.2` [![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.2`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.10.2`
+
+- [tree view] Add `aria-hidden` to the Tree Item Checkbox (#19246) @flaviendelangle
+
+#### `@mui/x-tree-view-pro@8.10.2` [![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.2`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.10.2`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix links to the pyramid chart (#19250) @alexfauquette
+
+### Core
+
+- [internal] Avoid script for CI only @oliviertassinari
+- [internal] Fix `renovate.json` @oliviertassinari
+- [internal] Polish renovate config @oliviertassinari
+- [internal] Rename core to internal (#19203) @oliviertassinari
+- [internal] Update link to GitHub labels @oliviertassinari
+
+### Miscellaneous
+
+- [code-infra] Prepare for incoming `execa` update (#19229) @Janpot
+- [virtualizer] Fix type import (#19192) @Methuselah96
+- [virtualizer] Improve type export (#19192) @Methuselah96
+
 ## 8.10.1
 
 _Aug 15, 2025_

package/components/columnHeaders/GridColumnHeaderItem.js

@@ -26,6 +26,9 @@ var _constants = require("../../internals/constants");
 var _utils = require("../../internals/utils");
 var _jsxRuntime = require("react/jsx-runtime");
 const useUtilityClasses = ownerState => {
+  const {
+    disableColumnSorting
+  } = (0, _useGridRootProps.useGridRootProps)();
   const {
     colDef,
     classes,
@@ -38,12 +41,13 @@ const useUtilityClasses = ownerState => {
     isLastUnpinned,
     isSiblingFocused
   } = ownerState;
+  const isColumnSortable = colDef.sortable && !disableColumnSorting;
   const isColumnSorted = sortDirection != null;
   const isColumnFiltered = filterItemsCounter != null && filterItemsCounter > 0;
   // todo refactor to a prop on col isNumeric or ?? ie: coltype===price wont work
   const isColumnNumeric = colDef.type === 'number';
   const slots = {
-    root: ['columnHeader', colDef.headerAlign === 'left' && 'columnHeader--alignLeft', colDef.headerAlign === 'center' && 'columnHeader--alignCenter', colDef.headerAlign === 'right' && 'columnHeader--alignRight', colDef.sortable && 'columnHeader--sortable', isDragging && 'columnHeader--moving', isColumnSorted && 'columnHeader--sorted', isColumnFiltered && 'columnHeader--filtered', isColumnNumeric && 'columnHeader--numeric', 'withBorderColor', showRightBorder && 'columnHeader--withRightBorder', showLeftBorder && 'columnHeader--withLeftBorder', pinnedPosition === _constants.PinnedColumnPosition.LEFT && 'columnHeader--pinnedLeft', pinnedPosition === _constants.PinnedColumnPosition.RIGHT && 'columnHeader--pinnedRight',
+    root: ['columnHeader', colDef.headerAlign === 'left' && 'columnHeader--alignLeft', colDef.headerAlign === 'center' && 'columnHeader--alignCenter', colDef.headerAlign === 'right' && 'columnHeader--alignRight', isColumnSortable && 'columnHeader--sortable', isDragging && 'columnHeader--moving', isColumnSorted && 'columnHeader--sorted', isColumnFiltered && 'columnHeader--filtered', isColumnNumeric && 'columnHeader--numeric', 'withBorderColor', showRightBorder && 'columnHeader--withRightBorder', showLeftBorder && 'columnHeader--withLeftBorder', pinnedPosition === _constants.PinnedColumnPosition.LEFT && 'columnHeader--pinnedLeft', pinnedPosition === _constants.PinnedColumnPosition.RIGHT && 'columnHeader--pinnedRight',
     // TODO: Remove classes below and restore `:has` selectors when they are supported in jsdom
     // See https://github.com/mui/mui-x/pull/14559
     isLastUnpinned && 'columnHeader--lastUnpinned', isSiblingFocused && 'columnHeader--siblingFocused'],

package/components/containers/GridRootStyles.js

@@ -689,6 +689,11 @@ const GridRootStyles = exports.GridRootStyles = (0, _styles.styled)('div', {
         outlineOffset: focusOutlineWidth * -1
       }
     },
+    [`& .${_gridClasses.gridClasses['cell--editing']}`]: {
+      '& .MuiInputBase-root': {
+        height: '100%'
+      }
+    },
     [`& .${_gridClasses.gridClasses['row--editing']}`]: {
       boxShadow: _cssVariables.vars.shadows.base
     },

package/esm/components/columnHeaders/GridColumnHeaderItem.js

@@ -19,6 +19,9 @@ import { PinnedColumnPosition } from "../../internals/constants.js";
 import { attachPinnedStyle } from "../../internals/utils/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
+  const {
+    disableColumnSorting
+  } = useGridRootProps();
   const {
     colDef,
     classes,
@@ -31,12 +34,13 @@ const useUtilityClasses = ownerState => {
     isLastUnpinned,
     isSiblingFocused
   } = ownerState;
+  const isColumnSortable = colDef.sortable && !disableColumnSorting;
   const isColumnSorted = sortDirection != null;
   const isColumnFiltered = filterItemsCounter != null && filterItemsCounter > 0;
   // todo refactor to a prop on col isNumeric or ?? ie: coltype===price wont work
   const isColumnNumeric = colDef.type === 'number';
   const slots = {
-    root: ['columnHeader', colDef.headerAlign === 'left' && 'columnHeader--alignLeft', colDef.headerAlign === 'center' && 'columnHeader--alignCenter', colDef.headerAlign === 'right' && 'columnHeader--alignRight', colDef.sortable && 'columnHeader--sortable', isDragging && 'columnHeader--moving', isColumnSorted && 'columnHeader--sorted', isColumnFiltered && 'columnHeader--filtered', isColumnNumeric && 'columnHeader--numeric', 'withBorderColor', showRightBorder && 'columnHeader--withRightBorder', showLeftBorder && 'columnHeader--withLeftBorder', pinnedPosition === PinnedColumnPosition.LEFT && 'columnHeader--pinnedLeft', pinnedPosition === PinnedColumnPosition.RIGHT && 'columnHeader--pinnedRight',
+    root: ['columnHeader', colDef.headerAlign === 'left' && 'columnHeader--alignLeft', colDef.headerAlign === 'center' && 'columnHeader--alignCenter', colDef.headerAlign === 'right' && 'columnHeader--alignRight', isColumnSortable && 'columnHeader--sortable', isDragging && 'columnHeader--moving', isColumnSorted && 'columnHeader--sorted', isColumnFiltered && 'columnHeader--filtered', isColumnNumeric && 'columnHeader--numeric', 'withBorderColor', showRightBorder && 'columnHeader--withRightBorder', showLeftBorder && 'columnHeader--withLeftBorder', pinnedPosition === PinnedColumnPosition.LEFT && 'columnHeader--pinnedLeft', pinnedPosition === PinnedColumnPosition.RIGHT && 'columnHeader--pinnedRight',
     // TODO: Remove classes below and restore `:has` selectors when they are supported in jsdom
     // See https://github.com/mui/mui-x/pull/14559
     isLastUnpinned && 'columnHeader--lastUnpinned', isSiblingFocused && 'columnHeader--siblingFocused'],

package/esm/components/containers/GridRootStyles.js

@@ -683,6 +683,11 @@ export const GridRootStyles = styled('div', {
         outlineOffset: focusOutlineWidth * -1
       }
     },
+    [`& .${c['cell--editing']}`]: {
+      '& .MuiInputBase-root': {
+        height: '100%'
+      }
+    },
     [`& .${c['row--editing']}`]: {
       boxShadow: vars.shadows.base
     },

package/esm/hooks/features/filter/gridFilterUtils.js

@@ -3,7 +3,7 @@ import { warnOnce } from '@mui/x-internals/warning';
 import { GridLogicOperator } from "../../../models/index.js";
 import { getDefaultGridFilterModel } from "./gridFilterState.js";
 import { getPublicApiRef } from "../../../utils/getPublicApiRef.js";
-import { gridColumnFieldsSelector, gridColumnLookupSelector, gridVisibleColumnFieldsSelector } from "../columns/index.js";
+import { gridColumnFieldsSelector, gridColumnLookupSelector, gridColumnVisibilityModelSelector } from "../columns/index.js";
 let hasEval;
 function getHasEval() {
   if (hasEval !== undefined) {
@@ -191,7 +191,16 @@ const buildAggregatedQuickFilterApplier = (filterModel, apiRef) => {
   if (quickFilterValues.length === 0) {
     return null;
   }
-  const columnFields = shouldQuickFilterExcludeHiddenColumns(filterModel) ? gridVisibleColumnFieldsSelector(apiRef) : gridColumnFieldsSelector(apiRef);
+  const allColumnFields = gridColumnFieldsSelector(apiRef);
+  const columnVisibilityModel = gridColumnVisibilityModelSelector(apiRef);
+  let columnFields;
+  if (shouldQuickFilterExcludeHiddenColumns(filterModel)) {
+    // Do not use gridVisibleColumnFieldsSelector here, because quick filter won't work in the list view mode
+    // See https://github.com/mui/mui-x/issues/19145
+    columnFields = allColumnFields.filter(field => columnVisibilityModel[field] !== false);
+  } else {
+    columnFields = allColumnFields;
+  }
   const appliersPerField = [];
   const {
     ignoreDiacritics

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.10.1
+ * @mui/x-data-grid v8.10.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/esm/locales/fiFI.js

@@ -3,8 +3,8 @@ const fiFIGrid = {
   // Root
   noRowsLabel: 'Ei rivejä',
   noResultsOverlayLabel: 'Ei tuloksia.',
-  // noColumnsOverlayLabel: 'No columns',
-  // noColumnsOverlayManageColumns: 'Manage columns',
+  noColumnsOverlayLabel: 'Ei sarakkeita',
+  noColumnsOverlayManageColumns: 'Hallitse sarakkeita',
   // emptyPivotOverlayLabel: 'Add fields to rows, columns, and values to create a pivot table',
 
   // Density selector toolbar button text
@@ -58,9 +58,9 @@ const fiFIGrid = {
   filterPanelInputPlaceholder: 'Suodattimen arvo',
   // Filter operators text
   filterOperatorContains: 'sisältää',
-  // filterOperatorDoesNotContain: 'does not contain',
+  filterOperatorDoesNotContain: 'ei sisällä',
   filterOperatorEquals: 'on yhtä suuri kuin',
-  // filterOperatorDoesNotEqual: 'does not equal',
+  filterOperatorDoesNotEqual: 'on eri suuri kuin',
   filterOperatorStartsWith: 'alkaa',
   filterOperatorEndsWith: 'päättyy',
   filterOperatorIs: 'on',
@@ -80,9 +80,9 @@ const fiFIGrid = {
   'filterOperator<=': '<=',
   // Header filter operators text
   headerFilterOperatorContains: 'Sisältää',
-  // headerFilterOperatorDoesNotContain: 'Does not contain',
+  headerFilterOperatorDoesNotContain: 'Ei sisällä',
   headerFilterOperatorEquals: 'On yhtä suuri kuin',
-  // headerFilterOperatorDoesNotEqual: 'Does not equal',
+  headerFilterOperatorDoesNotEqual: 'On eri suuri kuin',
   headerFilterOperatorStartsWith: 'Alkaa',
   headerFilterOperatorEndsWith: 'Päättyy',
   headerFilterOperatorIs: 'On',

package/hooks/features/filter/gridFilterUtils.js

@@ -203,7 +203,16 @@ const buildAggregatedQuickFilterApplier = (filterModel, apiRef) => {
   if (quickFilterValues.length === 0) {
     return null;
   }
-  const columnFields = shouldQuickFilterExcludeHiddenColumns(filterModel) ? (0, _columns.gridVisibleColumnFieldsSelector)(apiRef) : (0, _columns.gridColumnFieldsSelector)(apiRef);
+  const allColumnFields = (0, _columns.gridColumnFieldsSelector)(apiRef);
+  const columnVisibilityModel = (0, _columns.gridColumnVisibilityModelSelector)(apiRef);
+  let columnFields;
+  if (shouldQuickFilterExcludeHiddenColumns(filterModel)) {
+    // Do not use gridVisibleColumnFieldsSelector here, because quick filter won't work in the list view mode
+    // See https://github.com/mui/mui-x/issues/19145
+    columnFields = allColumnFields.filter(field => columnVisibilityModel[field] !== false);
+  } else {
+    columnFields = allColumnFields;
+  }
   const appliersPerField = [];
   const {
     ignoreDiacritics

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.10.1
+ * @mui/x-data-grid v8.10.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/locales/fiFI.js

@@ -9,8 +9,8 @@ const fiFIGrid = {
   // Root
   noRowsLabel: 'Ei rivejä',
   noResultsOverlayLabel: 'Ei tuloksia.',
-  // noColumnsOverlayLabel: 'No columns',
-  // noColumnsOverlayManageColumns: 'Manage columns',
+  noColumnsOverlayLabel: 'Ei sarakkeita',
+  noColumnsOverlayManageColumns: 'Hallitse sarakkeita',
   // emptyPivotOverlayLabel: 'Add fields to rows, columns, and values to create a pivot table',
 
   // Density selector toolbar button text
@@ -64,9 +64,9 @@ const fiFIGrid = {
   filterPanelInputPlaceholder: 'Suodattimen arvo',
   // Filter operators text
   filterOperatorContains: 'sisältää',
-  // filterOperatorDoesNotContain: 'does not contain',
+  filterOperatorDoesNotContain: 'ei sisällä',
   filterOperatorEquals: 'on yhtä suuri kuin',
-  // filterOperatorDoesNotEqual: 'does not equal',
+  filterOperatorDoesNotEqual: 'on eri suuri kuin',
   filterOperatorStartsWith: 'alkaa',
   filterOperatorEndsWith: 'päättyy',
   filterOperatorIs: 'on',
@@ -86,9 +86,9 @@ const fiFIGrid = {
   'filterOperator<=': '<=',
   // Header filter operators text
   headerFilterOperatorContains: 'Sisältää',
-  // headerFilterOperatorDoesNotContain: 'Does not contain',
+  headerFilterOperatorDoesNotContain: 'Ei sisällä',
   headerFilterOperatorEquals: 'On yhtä suuri kuin',
-  // headerFilterOperatorDoesNotEqual: 'Does not equal',
+  headerFilterOperatorDoesNotEqual: 'On eri suuri kuin',
   headerFilterOperatorStartsWith: 'Alkaa',
   headerFilterOperatorEndsWith: 'Päättyy',
   headerFilterOperatorIs: 'On',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "8.10.1",
+  "version": "8.10.2",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "main": "./index.js",
@@ -43,8 +43,8 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "use-sync-external-store": "^1.5.0",
-    "@mui/x-internals": "8.10.0",
-    "@mui/x-virtualizer": "0.1.2"
+    "@mui/x-internals": "8.10.2",
+    "@mui/x-virtualizer": "0.1.3"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -70,23 +70,23 @@
   "exports": {
     "./package.json": "./package.json",
     ".": {
-      "import": {
-        "types": "./esm/index.d.ts",
-        "default": "./esm/index.js"
-      },
       "require": {
         "types": "./index.d.ts",
         "default": "./index.js"
+      },
+      "import": {
+        "types": "./esm/index.d.ts",
+        "default": "./esm/index.js"
       }
     },
     "./*": {
-      "import": {
-        "types": "./esm/*/index.d.ts",
-        "default": "./esm/*/index.js"
-      },
       "require": {
         "types": "./*/index.d.ts",
         "default": "./*/index.js"
+      },
+      "import": {
+        "types": "./esm/*/index.d.ts",
+        "default": "./esm/*/index.js"
       }
     },
     "./esm": null