@mui/x-data-grid 8.28.0 → 8.28.2

package/CHANGELOG.md

@@ -5,13 +5,90 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.28.2
+
+_Apr 1, 2026_
+
+We'd like to extend a big thank you to the 4 contributors who made this release possible.
+
+Special thanks go out to this community member for their valuable contribution:
+@mixelburg, @sibananda485
+
+The following team members contributed to this release:
+@dav-is, @JCQuintas
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.28.2`
+
+- [DataGrid] Export `GridColumnUnsortedIconProps` for custom column icon slots (#21898) @mixelburg
+
+#### `@mui/x-data-grid-pro@8.28.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.28.2`.
+
+#### `@mui/x-data-grid-premium@8.28.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.28.2`, plus:
+
+- [DataGridPremium] Fix clipboard paste issue in portal (#21949) @sibananda485
+
+### Charts
+
+#### `@mui/x-charts@8.28.2`
+
+- [charts] Fix zoom slider preview with discard filter mode (#21906) @JCQuintas
+
+#### `@mui/x-charts-pro@8.28.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.28.2`.
+
+#### `@mui/x-charts-premium@8.28.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-charts-pro@8.28.2`.
+
+### Docs
+
+- [docs] Fix JSDOM → jsdom casing (#21908) @JCQuintas
+
+### Core
+
+- [docs-infra] Set `SEARCH_INDEX` Env for v8 (#21875) @dav-is
+
+## 8.28.1
+
+_Mar 26, 2026_
+
+We'd like to extend a big thank you to the 2 contributors who made this release possible.
+
+The following team members contributed to this release:
+@arminmeh, @cherniavskii
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.28.1`
+
+- [DataGrid] Prevent repeated `hasScrollbar` state updates (#21847) @arminmeh
+
+#### `@mui/x-data-grid-pro@8.28.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.28.1`, plus:
+
+- [DataGridPro] `fetchRows()` API's default `start` and `end` params based on scroll position with lazy loading (#21811) @arminmeh
+
+#### `@mui/x-data-grid-premium@8.28.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.28.1`.
+
+### Core
+
+- [internal] Remove headless data grid packages (#21848) @cherniavskii
+
 ## 8.28.0
 
 _Mar 19, 2026_
 
-We'd like to extend a big thank you to the 5 contributors who made this release possible. Here are some highlights ✨:
-
-TODO INSERT HIGHLIGHTS
+We'd like to extend a big thank you to the 5 contributors who made this release possible.
 
 The following team members contributed to this release:
 @alexfauquette, @brijeshb42, @Janpot, @JCQuintas, @sai6855

package/components/GridColumnUnsortedIcon.d.ts

@@ -1,7 +1,10 @@
-import * as React from 'react';
 import type { GridBaseIconProps } from "../models/gridSlotsComponentsProps.js";
 import type { GridSortDirection } from "../models/gridSortModel.js";
 export interface GridColumnUnsortedIconProps extends GridBaseIconProps {
   sortingOrder: GridSortDirection[];
 }
-export declare const GridColumnUnsortedIcon: React.NamedExoticComponent<GridColumnUnsortedIconProps>;
+declare function GridColumnUnsortedIcon(props: GridColumnUnsortedIconProps): import("react/jsx-runtime").JSX.Element | null;
+declare namespace GridColumnUnsortedIcon {
+  var propTypes: any;
+}
+export { GridColumnUnsortedIcon };

package/components/GridColumnUnsortedIcon.js

@@ -5,21 +5,35 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GridColumnUnsortedIcon = void 0;
+exports.GridColumnUnsortedIcon = GridColumnUnsortedIcon;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useGridRootProps = require("../hooks/utils/useGridRootProps");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["sortingOrder"];
-const GridColumnUnsortedIcon = exports.GridColumnUnsortedIcon = /*#__PURE__*/React.memo(function GridColumnHeaderSortIcon(props) {
+function GridColumnUnsortedIcon(props) {
   const {
       sortingOrder
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const rootProps = (0, _useGridRootProps.useGridRootProps)();
+  const {
+    slots
+  } = (0, _useGridRootProps.useGridRootProps)();
   const [nextSortDirection] = sortingOrder;
-  const Icon = nextSortDirection === 'asc' ? rootProps.slots.columnSortedAscendingIcon : rootProps.slots.columnSortedDescendingIcon;
+  const Icon = nextSortDirection === 'asc' ? slots.columnSortedAscendingIcon : slots.columnSortedDescendingIcon;
   return Icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, (0, _extends2.default)({}, other)) : null;
-});
-if (process.env.NODE_ENV !== "production") GridColumnUnsortedIcon.displayName = "GridColumnUnsortedIcon";
+}
+process.env.NODE_ENV !== "production" ? GridColumnUnsortedIcon.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  className: _propTypes.default.string,
+  color: _propTypes.default.string,
+  fontSize: _propTypes.default.oneOf(['inherit', 'large', 'medium', 'small']),
+  sortingOrder: _propTypes.default.arrayOf(_propTypes.default.oneOf(['asc', 'desc'])).isRequired,
+  style: _propTypes.default.object,
+  titleAccess: _propTypes.default.string
+} : void 0;

package/components/index.d.ts

@@ -23,4 +23,6 @@ export * from "./columnsPanel/index.js";
 export * from "./export/index.js";
 export * from "./filterPanel/index.js";
 export * from "./toolbarV8/index.js";
-export * from "./quickFilter/index.js";
+export * from "./quickFilter/index.js";
+export { GridColumnUnsortedIcon } from "./GridColumnUnsortedIcon.js";
+export type { GridColumnUnsortedIconProps } from "./GridColumnUnsortedIcon.js";

package/components/index.js

@@ -4,8 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  GridPagination: true
+  GridPagination: true,
+  GridColumnUnsortedIcon: true
 };
+Object.defineProperty(exports, "GridColumnUnsortedIcon", {
+  enumerable: true,
+  get: function () {
+    return _GridColumnUnsortedIcon.GridColumnUnsortedIcon;
+  }
+});
 Object.defineProperty(exports, "GridPagination", {
   enumerable: true,
   get: function () {
@@ -312,4 +319,5 @@ Object.keys(_quickFilter).forEach(function (key) {
       return _quickFilter[key];
     }
   });
-});
+});
+var _GridColumnUnsortedIcon = require("./GridColumnUnsortedIcon");

package/esm/components/GridColumnUnsortedIcon.d.ts

@@ -1,7 +1,10 @@
-import * as React from 'react';
 import type { GridBaseIconProps } from "../models/gridSlotsComponentsProps.js";
 import type { GridSortDirection } from "../models/gridSortModel.js";
 export interface GridColumnUnsortedIconProps extends GridBaseIconProps {
   sortingOrder: GridSortDirection[];
 }
-export declare const GridColumnUnsortedIcon: React.NamedExoticComponent<GridColumnUnsortedIconProps>;
+declare function GridColumnUnsortedIcon(props: GridColumnUnsortedIconProps): import("react/jsx-runtime").JSX.Element | null;
+declare namespace GridColumnUnsortedIcon {
+  var propTypes: any;
+}
+export { GridColumnUnsortedIcon };

package/esm/components/GridColumnUnsortedIcon.js

@@ -2,16 +2,31 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["sortingOrder"];
 import * as React from 'react';
+import PropTypes from 'prop-types';
 import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const GridColumnUnsortedIcon = /*#__PURE__*/React.memo(function GridColumnHeaderSortIcon(props) {
+function GridColumnUnsortedIcon(props) {
   const {
       sortingOrder
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
-  const rootProps = useGridRootProps();
+  const {
+    slots
+  } = useGridRootProps();
   const [nextSortDirection] = sortingOrder;
-  const Icon = nextSortDirection === 'asc' ? rootProps.slots.columnSortedAscendingIcon : rootProps.slots.columnSortedDescendingIcon;
+  const Icon = nextSortDirection === 'asc' ? slots.columnSortedAscendingIcon : slots.columnSortedDescendingIcon;
   return Icon ? /*#__PURE__*/_jsx(Icon, _extends({}, other)) : null;
-});
-if (process.env.NODE_ENV !== "production") GridColumnUnsortedIcon.displayName = "GridColumnUnsortedIcon";
+}
+process.env.NODE_ENV !== "production" ? GridColumnUnsortedIcon.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  className: PropTypes.string,
+  color: PropTypes.string,
+  fontSize: PropTypes.oneOf(['inherit', 'large', 'medium', 'small']),
+  sortingOrder: PropTypes.arrayOf(PropTypes.oneOf(['asc', 'desc'])).isRequired,
+  style: PropTypes.object,
+  titleAccess: PropTypes.string
+} : void 0;
+export { GridColumnUnsortedIcon };

package/esm/components/index.d.ts

@@ -23,4 +23,6 @@ export * from "./columnsPanel/index.js";
 export * from "./export/index.js";
 export * from "./filterPanel/index.js";
 export * from "./toolbarV8/index.js";
-export * from "./quickFilter/index.js";
+export * from "./quickFilter/index.js";
+export { GridColumnUnsortedIcon } from "./GridColumnUnsortedIcon.js";
+export type { GridColumnUnsortedIconProps } from "./GridColumnUnsortedIcon.js";

package/esm/components/index.js

@@ -23,4 +23,5 @@ export * from "./columnsPanel/index.js";
 export * from "./export/index.js";
 export * from "./filterPanel/index.js";
 export * from "./toolbarV8/index.js";
-export * from "./quickFilter/index.js";
+export * from "./quickFilter/index.js";
+export { GridColumnUnsortedIcon } from "./GridColumnUnsortedIcon.js";

package/esm/index.js

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

package/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "8.28.0",
+  "version": "8.28.2",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "license": "MIT",
@@ -43,7 +43,7 @@
     "prop-types": "^15.8.1",
     "use-sync-external-store": "^1.6.0",
     "@mui/x-internals": "8.26.0",
-    "@mui/x-virtualizer": "0.3.3"
+    "@mui/x-virtualizer": "0.3.4"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",