@mui/x-data-grid 8.27.3 → 8.27.4

package/CHANGELOG.md

@@ -5,6 +5,62 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.27.4
+
+_Mar 5, 2026_
+
+We'd like to extend a big thank you to the 6 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+- 🌎 Improve Ukrainian (uk-UA) locale
+
+Special thanks go out to this community member for their valuable contribution:
+@lion1963
+
+The following team members contributed to this release:
+@arminmeh, @brijeshb42, @dav-is, @JCQuintas, @sai6855
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.27.4`
+
+- [DataGrid] Prevent unnecessary row selection checkbox rerendering (#21571) @arminmeh
+- [DataGrid] Make `GridScrollArea` overrides resolver dynamic (#21612) @sai6855
+- [l10n] Improve Ukrainian (uk-UA) locale (#21381) @lion1963
+
+#### `@mui/x-data-grid-pro@8.27.4` [![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.27.4`, plus:
+
+- [DataGridPro] Use `getRowId` prop to calculate the tree data row update (#21544) @arminmeh
+
+#### `@mui/x-data-grid-premium@8.27.4` [![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.27.4`.
+
+### Charts
+
+#### `@mui/x-charts@8.27.4`
+
+- [charts] Deprecate `ChartDataProvider` in favour of `ChartsDataProvider` (#21549) @JCQuintas
+- [charts] Rename `ChartContainer` to `ChartsContainer` (#21186) @JCQuintas
+- [charts] Rename `ChartZoomSlider` to `ChartsZoomSlider` (#21572) @JCQuintas
+
+#### `@mui/x-charts-pro@8.27.4` [![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.27.4`.
+
+#### `@mui/x-charts-premium@8.27.4` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@8.27.4`.
+
+### Core
+
+- [code-infra] Add eslint rule to prevent `Math.random` in docs (#21505) (#21563) @JCQuintas
+- [code-infra] V8 Dedupe (#21561) @JCQuintas
+- [docs-infra] Apply Cookie Banner to v8.x Branch (#21448) @dav-is
+- [code-infra] Setup checkout to do full clone for non master branches (#21624) @brijeshb42
+
 ## 8.27.3
 
 _Feb 25, 2026_

package/components/GridScrollArea.js

@@ -42,15 +42,12 @@ const useUtilityClasses = ownerState => {
 const GridScrollAreaRawRoot = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'ScrollArea',
-  overridesResolver: (props, styles) => [{
-    [`&.${_constants.gridClasses['scrollArea--left']}`]: styles['scrollArea--left']
-  }, {
-    [`&.${_constants.gridClasses['scrollArea--right']}`]: styles['scrollArea--right']
-  }, {
-    [`&.${_constants.gridClasses['scrollArea--up']}`]: styles['scrollArea--up']
-  }, {
-    [`&.${_constants.gridClasses['scrollArea--down']}`]: styles['scrollArea--down']
-  }, styles.scrollArea]
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.scrollArea, styles[`scrollArea--${ownerState.scrollDirection}`]];
+  }
 })(() => ({
   position: 'absolute',
   zIndex: 101,

package/components/columnSelection/GridCellCheckboxRenderer.js

@@ -52,7 +52,7 @@ const GridCellCheckboxForwardRef = exports.GridCellCheckboxForwardRef = (0, _for
   } = (0, _useGridSelector.useGridSelector)(apiRef, _utils.checkboxPropsSelector, {
     groupId: id,
     autoSelectParents: rootProps.rowSelectionPropagation?.parents ?? false
-  });
+  }, _useGridSelector.objectShallowCompare);
   const disabled = !isSelectable;
   const handleChange = event => {
     if (disabled) {

package/esm/components/GridScrollArea.js

@@ -35,15 +35,12 @@ const useUtilityClasses = ownerState => {
 const GridScrollAreaRawRoot = styled('div', {
   name: 'MuiDataGrid',
   slot: 'ScrollArea',
-  overridesResolver: (props, styles) => [{
-    [`&.${gridClasses['scrollArea--left']}`]: styles['scrollArea--left']
-  }, {
-    [`&.${gridClasses['scrollArea--right']}`]: styles['scrollArea--right']
-  }, {
-    [`&.${gridClasses['scrollArea--up']}`]: styles['scrollArea--up']
-  }, {
-    [`&.${gridClasses['scrollArea--down']}`]: styles['scrollArea--down']
-  }, styles.scrollArea]
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.scrollArea, styles[`scrollArea--${ownerState.scrollDirection}`]];
+  }
 })(() => ({
   position: 'absolute',
   zIndex: 101,

package/esm/components/columnSelection/GridCellCheckboxRenderer.js

@@ -12,7 +12,7 @@ import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { getDataGridUtilityClass } from "../../constants/gridClasses.js";
-import { useGridSelector } from "../../hooks/utils/useGridSelector.js";
+import { useGridSelector, objectShallowCompare } from "../../hooks/utils/useGridSelector.js";
 import { checkboxPropsSelector } from "../../hooks/features/rowSelection/utils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
@@ -45,7 +45,7 @@ const GridCellCheckboxForwardRef = forwardRef(function GridCellCheckboxRenderer(
   } = useGridSelector(apiRef, checkboxPropsSelector, {
     groupId: id,
     autoSelectParents: rootProps.rowSelectionPropagation?.parents ?? false
-  });
+  }, objectShallowCompare);
   const disabled = !isSelectable;
   const handleChange = event => {
     if (disabled) {

package/esm/index.js

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

package/esm/locales/ukUA.js

@@ -188,18 +188,19 @@ const ukUAGrid = {
   collapseDetailPanel: 'Приховати',
   // Pagination
   paginationRowsPerPage: 'Рядків на сторінці:',
-  // paginationDisplayedRows: ({
-  //   from,
-  //   to,
-  //   count,
-  //   estimated
-  // }) => {
-  //   if (!estimated) {
-  //     return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
-  //   }
-  //   const estimatedLabel = estimated && estimated > to ? `around ${estimated}` : `more than ${to}`;
-  //   return `${from}–${to} of ${count !== -1 ? count : estimatedLabel}`;
-  // },
+  paginationDisplayedRows: ({
+    from,
+    to,
+    count,
+    estimated
+  }) => {
+    const unknownRowCount = count == null || count === -1;
+    if (!estimated) {
+      return `${from}–${to} з ${!unknownRowCount ? count : `більше ніж ${to}`}`;
+    }
+    const estimatedLabel = estimated && estimated > to ? `близько ${estimated}` : `більше ніж ${to}`;
+    return `${from}–${to} з ${!unknownRowCount ? count : estimatedLabel}`;
+  },
   paginationItemAriaLabel: type => {
     if (type === 'first') {
       return 'Перейти на першу сторінку';

package/index.js

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

package/locales/ukUA.js

@@ -194,18 +194,19 @@ const ukUAGrid = {
   collapseDetailPanel: 'Приховати',
   // Pagination
   paginationRowsPerPage: 'Рядків на сторінці:',
-  // paginationDisplayedRows: ({
-  //   from,
-  //   to,
-  //   count,
-  //   estimated
-  // }) => {
-  //   if (!estimated) {
-  //     return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
-  //   }
-  //   const estimatedLabel = estimated && estimated > to ? `around ${estimated}` : `more than ${to}`;
-  //   return `${from}–${to} of ${count !== -1 ? count : estimatedLabel}`;
-  // },
+  paginationDisplayedRows: ({
+    from,
+    to,
+    count,
+    estimated
+  }) => {
+    const unknownRowCount = count == null || count === -1;
+    if (!estimated) {
+      return `${from}–${to} з ${!unknownRowCount ? count : `більше ніж ${to}`}`;
+    }
+    const estimatedLabel = estimated && estimated > to ? `близько ${estimated}` : `більше ніж ${to}`;
+    return `${from}–${to} з ${!unknownRowCount ? count : estimatedLabel}`;
+  },
   paginationItemAriaLabel: type => {
     if (type === 'first') {
       return 'Перейти на першу сторінку';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "8.27.3",
+  "version": "8.27.4",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "license": "MIT",