@mui/x-date-pickers 8.0.0-alpha.12 → 8.0.0-alpha.13

package/AdapterDateFnsV2/AdapterDateFnsV2.js

@@ -5,52 +5,54 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AdapterDateFns = void 0;
-var _addDays = _interopRequireDefault(require("date-fns/addDays"));
-var _addSeconds = _interopRequireDefault(require("date-fns/addSeconds"));
-var _addMinutes = _interopRequireDefault(require("date-fns/addMinutes"));
-var _addHours = _interopRequireDefault(require("date-fns/addHours"));
-var _addWeeks = _interopRequireDefault(require("date-fns/addWeeks"));
-var _addMonths = _interopRequireDefault(require("date-fns/addMonths"));
-var _addYears = _interopRequireDefault(require("date-fns/addYears"));
-var _endOfDay = _interopRequireDefault(require("date-fns/endOfDay"));
-var _endOfWeek = _interopRequireDefault(require("date-fns/endOfWeek"));
-var _endOfYear = _interopRequireDefault(require("date-fns/endOfYear"));
-var _format = _interopRequireDefault(require("date-fns/format"));
-var _getDate = _interopRequireDefault(require("date-fns/getDate"));
-var _getDaysInMonth = _interopRequireDefault(require("date-fns/getDaysInMonth"));
-var _getHours = _interopRequireDefault(require("date-fns/getHours"));
-var _getMinutes = _interopRequireDefault(require("date-fns/getMinutes"));
-var _getMonth = _interopRequireDefault(require("date-fns/getMonth"));
-var _getSeconds = _interopRequireDefault(require("date-fns/getSeconds"));
-var _getMilliseconds = _interopRequireDefault(require("date-fns/getMilliseconds"));
-var _getWeek = _interopRequireDefault(require("date-fns/getWeek"));
-var _getYear = _interopRequireDefault(require("date-fns/getYear"));
-var _isAfter = _interopRequireDefault(require("date-fns/isAfter"));
-var _isBefore = _interopRequireDefault(require("date-fns/isBefore"));
-var _isEqual = _interopRequireDefault(require("date-fns/isEqual"));
-var _isSameDay = _interopRequireDefault(require("date-fns/isSameDay"));
-var _isSameYear = _interopRequireDefault(require("date-fns/isSameYear"));
-var _isSameMonth = _interopRequireDefault(require("date-fns/isSameMonth"));
-var _isSameHour = _interopRequireDefault(require("date-fns/isSameHour"));
-var _isValid = _interopRequireDefault(require("date-fns/isValid"));
-var _parse = _interopRequireDefault(require("date-fns/parse"));
-var _setDate = _interopRequireDefault(require("date-fns/setDate"));
-var _setHours = _interopRequireDefault(require("date-fns/setHours"));
-var _setMinutes = _interopRequireDefault(require("date-fns/setMinutes"));
-var _setMonth = _interopRequireDefault(require("date-fns/setMonth"));
-var _setSeconds = _interopRequireDefault(require("date-fns/setSeconds"));
-var _setMilliseconds = _interopRequireDefault(require("date-fns/setMilliseconds"));
-var _setYear = _interopRequireDefault(require("date-fns/setYear"));
-var _startOfDay = _interopRequireDefault(require("date-fns/startOfDay"));
-var _startOfMonth = _interopRequireDefault(require("date-fns/startOfMonth"));
-var _endOfMonth = _interopRequireDefault(require("date-fns/endOfMonth"));
-var _startOfWeek = _interopRequireDefault(require("date-fns/startOfWeek"));
-var _startOfYear = _interopRequireDefault(require("date-fns/startOfYear"));
-var _isWithinInterval = _interopRequireDefault(require("date-fns/isWithinInterval"));
-var _enUS = _interopRequireDefault(require("date-fns/locale/en-US"));
-var _longFormatters = _interopRequireDefault(require("date-fns/_lib/format/longFormatters"));
+var _index = _interopRequireDefault(require("date-fns/addDays/index.js"));
+var _index2 = _interopRequireDefault(require("date-fns/addSeconds/index.js"));
+var _index3 = _interopRequireDefault(require("date-fns/addMinutes/index.js"));
+var _index4 = _interopRequireDefault(require("date-fns/addHours/index.js"));
+var _index5 = _interopRequireDefault(require("date-fns/addWeeks/index.js"));
+var _index6 = _interopRequireDefault(require("date-fns/addMonths/index.js"));
+var _index7 = _interopRequireDefault(require("date-fns/addYears/index.js"));
+var _index8 = _interopRequireDefault(require("date-fns/endOfDay/index.js"));
+var _index9 = _interopRequireDefault(require("date-fns/endOfWeek/index.js"));
+var _index10 = _interopRequireDefault(require("date-fns/endOfYear/index.js"));
+var _index11 = _interopRequireDefault(require("date-fns/format/index.js"));
+var _index12 = _interopRequireDefault(require("date-fns/getDate/index.js"));
+var _index13 = _interopRequireDefault(require("date-fns/getDaysInMonth/index.js"));
+var _index14 = _interopRequireDefault(require("date-fns/getHours/index.js"));
+var _index15 = _interopRequireDefault(require("date-fns/getMinutes/index.js"));
+var _index16 = _interopRequireDefault(require("date-fns/getMonth/index.js"));
+var _index17 = _interopRequireDefault(require("date-fns/getSeconds/index.js"));
+var _index18 = _interopRequireDefault(require("date-fns/getMilliseconds/index.js"));
+var _index19 = _interopRequireDefault(require("date-fns/getWeek/index.js"));
+var _index20 = _interopRequireDefault(require("date-fns/getYear/index.js"));
+var _index21 = _interopRequireDefault(require("date-fns/isAfter/index.js"));
+var _index22 = _interopRequireDefault(require("date-fns/isBefore/index.js"));
+var _index23 = _interopRequireDefault(require("date-fns/isEqual/index.js"));
+var _index24 = _interopRequireDefault(require("date-fns/isSameDay/index.js"));
+var _index25 = _interopRequireDefault(require("date-fns/isSameYear/index.js"));
+var _index26 = _interopRequireDefault(require("date-fns/isSameMonth/index.js"));
+var _index27 = _interopRequireDefault(require("date-fns/isSameHour/index.js"));
+var _index28 = _interopRequireDefault(require("date-fns/isValid/index.js"));
+var _index29 = _interopRequireDefault(require("date-fns/parse/index.js"));
+var _index30 = _interopRequireDefault(require("date-fns/setDate/index.js"));
+var _index31 = _interopRequireDefault(require("date-fns/setHours/index.js"));
+var _index32 = _interopRequireDefault(require("date-fns/setMinutes/index.js"));
+var _index33 = _interopRequireDefault(require("date-fns/setMonth/index.js"));
+var _index34 = _interopRequireDefault(require("date-fns/setSeconds/index.js"));
+var _index35 = _interopRequireDefault(require("date-fns/setMilliseconds/index.js"));
+var _index36 = _interopRequireDefault(require("date-fns/setYear/index.js"));
+var _index37 = _interopRequireDefault(require("date-fns/startOfDay/index.js"));
+var _index38 = _interopRequireDefault(require("date-fns/startOfMonth/index.js"));
+var _index39 = _interopRequireDefault(require("date-fns/endOfMonth/index.js"));
+var _index40 = _interopRequireDefault(require("date-fns/startOfWeek/index.js"));
+var _index41 = _interopRequireDefault(require("date-fns/startOfYear/index.js"));
+var _index42 = _interopRequireDefault(require("date-fns/isWithinInterval/index.js"));
+var _index43 = _interopRequireDefault(require("date-fns/locale/en-US/index.js"));
+var _index44 = _interopRequireDefault(require("date-fns/_lib/format/longFormatters/index.js"));
 var _AdapterDateFnsBase = require("../AdapterDateFnsBase");
-/* eslint-disable class-methods-use-this */
+// date-fns@<3 has no exports field defined
+// See https://github.com/date-fns/date-fns/issues/1781
+/* eslint-disable import/extensions, class-methods-use-this */
 // @ts-nocheck
 
 /**
@@ -85,20 +87,20 @@ class AdapterDateFns extends _AdapterDateFnsBase.AdapterDateFnsBase {
   } = {}) {
     /* istanbul ignore next */
     if (process.env.NODE_ENV !== 'production') {
-      if (typeof _addDays.default !== 'function') {
+      if (typeof _index.default !== 'function') {
         throw new Error(['MUI: This adapter is only compatible with `date-fns` v2.x package versions.', 'Please, install v2.x of the package or use the `AdapterDateFns` instead.'].join('\n'));
       }
     }
     super({
-      locale: locale ?? _enUS.default,
+      locale: locale ?? _index43.default,
       formats,
-      longFormatters: _longFormatters.default
+      longFormatters: _index44.default
     });
     this.parse = (value, format) => {
       if (value === '') {
         return null;
       }
-      return (0, _parse.default)(value, format, new Date(), {
+      return (0, _index29.default)(value, format, new Date(), {
         locale: this.locale
       });
     };
@@ -106,13 +108,13 @@ class AdapterDateFns extends _AdapterDateFnsBase.AdapterDateFnsBase {
       if (value == null) {
         return false;
       }
-      return (0, _isValid.default)(value);
+      return (0, _index28.default)(value);
     };
     this.format = (value, formatKey) => {
       return this.formatByString(value, this.formats[formatKey]);
     };
     this.formatByString = (value, formatString) => {
-      return (0, _format.default)(value, formatString, {
+      return (0, _index11.default)(value, formatString, {
         locale: this.locale
       });
     };
@@ -123,137 +125,137 @@ class AdapterDateFns extends _AdapterDateFnsBase.AdapterDateFnsBase {
       if (value === null || comparing === null) {
         return false;
       }
-      return (0, _isEqual.default)(value, comparing);
+      return (0, _index23.default)(value, comparing);
     };
     this.isSameYear = (value, comparing) => {
-      return (0, _isSameYear.default)(value, comparing);
+      return (0, _index25.default)(value, comparing);
     };
     this.isSameMonth = (value, comparing) => {
-      return (0, _isSameMonth.default)(value, comparing);
+      return (0, _index26.default)(value, comparing);
     };
     this.isSameDay = (value, comparing) => {
-      return (0, _isSameDay.default)(value, comparing);
+      return (0, _index24.default)(value, comparing);
     };
     this.isSameHour = (value, comparing) => {
-      return (0, _isSameHour.default)(value, comparing);
+      return (0, _index27.default)(value, comparing);
     };
     this.isAfter = (value, comparing) => {
-      return (0, _isAfter.default)(value, comparing);
+      return (0, _index21.default)(value, comparing);
     };
     this.isAfterYear = (value, comparing) => {
-      return (0, _isAfter.default)(value, (0, _endOfYear.default)(comparing));
+      return (0, _index21.default)(value, (0, _index10.default)(comparing));
     };
     this.isAfterDay = (value, comparing) => {
-      return (0, _isAfter.default)(value, (0, _endOfDay.default)(comparing));
+      return (0, _index21.default)(value, (0, _index8.default)(comparing));
     };
     this.isBefore = (value, comparing) => {
-      return (0, _isBefore.default)(value, comparing);
+      return (0, _index22.default)(value, comparing);
     };
     this.isBeforeYear = (value, comparing) => {
-      return (0, _isBefore.default)(value, this.startOfYear(comparing));
+      return (0, _index22.default)(value, this.startOfYear(comparing));
     };
     this.isBeforeDay = (value, comparing) => {
-      return (0, _isBefore.default)(value, this.startOfDay(comparing));
+      return (0, _index22.default)(value, this.startOfDay(comparing));
     };
     this.isWithinRange = (value, [start, end]) => {
-      return (0, _isWithinInterval.default)(value, {
+      return (0, _index42.default)(value, {
         start,
         end
       });
     };
     this.startOfYear = value => {
-      return (0, _startOfYear.default)(value);
+      return (0, _index41.default)(value);
     };
     this.startOfMonth = value => {
-      return (0, _startOfMonth.default)(value);
+      return (0, _index38.default)(value);
     };
     this.startOfWeek = value => {
-      return (0, _startOfWeek.default)(value, {
+      return (0, _index40.default)(value, {
         locale: this.locale
       });
     };
     this.startOfDay = value => {
-      return (0, _startOfDay.default)(value);
+      return (0, _index37.default)(value);
     };
     this.endOfYear = value => {
-      return (0, _endOfYear.default)(value);
+      return (0, _index10.default)(value);
     };
     this.endOfMonth = value => {
-      return (0, _endOfMonth.default)(value);
+      return (0, _index39.default)(value);
     };
     this.endOfWeek = value => {
-      return (0, _endOfWeek.default)(value, {
+      return (0, _index9.default)(value, {
         locale: this.locale
       });
     };
     this.endOfDay = value => {
-      return (0, _endOfDay.default)(value);
+      return (0, _index8.default)(value);
     };
     this.addYears = (value, amount) => {
-      return (0, _addYears.default)(value, amount);
+      return (0, _index7.default)(value, amount);
     };
     this.addMonths = (value, amount) => {
-      return (0, _addMonths.default)(value, amount);
+      return (0, _index6.default)(value, amount);
     };
     this.addWeeks = (value, amount) => {
-      return (0, _addWeeks.default)(value, amount);
+      return (0, _index5.default)(value, amount);
     };
     this.addDays = (value, amount) => {
-      return (0, _addDays.default)(value, amount);
+      return (0, _index.default)(value, amount);
     };
     this.addHours = (value, amount) => {
-      return (0, _addHours.default)(value, amount);
+      return (0, _index4.default)(value, amount);
     };
     this.addMinutes = (value, amount) => {
-      return (0, _addMinutes.default)(value, amount);
+      return (0, _index3.default)(value, amount);
     };
     this.addSeconds = (value, amount) => {
-      return (0, _addSeconds.default)(value, amount);
+      return (0, _index2.default)(value, amount);
     };
     this.getYear = value => {
-      return (0, _getYear.default)(value);
+      return (0, _index20.default)(value);
     };
     this.getMonth = value => {
-      return (0, _getMonth.default)(value);
+      return (0, _index16.default)(value);
     };
     this.getDate = value => {
-      return (0, _getDate.default)(value);
+      return (0, _index12.default)(value);
     };
     this.getHours = value => {
-      return (0, _getHours.default)(value);
+      return (0, _index14.default)(value);
     };
     this.getMinutes = value => {
-      return (0, _getMinutes.default)(value);
+      return (0, _index15.default)(value);
     };
     this.getSeconds = value => {
-      return (0, _getSeconds.default)(value);
+      return (0, _index17.default)(value);
     };
     this.getMilliseconds = value => {
-      return (0, _getMilliseconds.default)(value);
+      return (0, _index18.default)(value);
     };
     this.setYear = (value, year) => {
-      return (0, _setYear.default)(value, year);
+      return (0, _index36.default)(value, year);
     };
     this.setMonth = (value, month) => {
-      return (0, _setMonth.default)(value, month);
+      return (0, _index33.default)(value, month);
     };
     this.setDate = (value, date) => {
-      return (0, _setDate.default)(value, date);
+      return (0, _index30.default)(value, date);
     };
     this.setHours = (value, hours) => {
-      return (0, _setHours.default)(value, hours);
+      return (0, _index31.default)(value, hours);
     };
     this.setMinutes = (value, minutes) => {
-      return (0, _setMinutes.default)(value, minutes);
+      return (0, _index32.default)(value, minutes);
     };
     this.setSeconds = (value, seconds) => {
-      return (0, _setSeconds.default)(value, seconds);
+      return (0, _index34.default)(value, seconds);
     };
     this.setMilliseconds = (value, milliseconds) => {
-      return (0, _setMilliseconds.default)(value, milliseconds);
+      return (0, _index35.default)(value, milliseconds);
     };
     this.getDaysInMonth = value => {
-      return (0, _getDaysInMonth.default)(value);
+      return (0, _index13.default)(value);
     };
     this.getWeekArray = value => {
       const start = this.startOfWeek(this.startOfMonth(value));
@@ -271,7 +273,7 @@ class AdapterDateFns extends _AdapterDateFnsBase.AdapterDateFnsBase {
       return nestedWeeks;
     };
     this.getWeekNumber = value => {
-      return (0, _getWeek.default)(value, {
+      return (0, _index19.default)(value, {
         locale: this.locale
       });
     };

package/AdapterDayjs/AdapterDayjs.js

@@ -7,14 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.AdapterDayjs = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _dayjs = _interopRequireDefault(require("dayjs"));
-var _weekOfYear = _interopRequireDefault(require("dayjs/plugin/weekOfYear"));
-var _customParseFormat = _interopRequireDefault(require("dayjs/plugin/customParseFormat"));
-var _localizedFormat = _interopRequireDefault(require("dayjs/plugin/localizedFormat"));
-var _isBetween = _interopRequireDefault(require("dayjs/plugin/isBetween"));
-var _advancedFormat = _interopRequireDefault(require("dayjs/plugin/advancedFormat"));
+var _weekOfYear = _interopRequireDefault(require("dayjs/plugin/weekOfYear.js"));
+var _customParseFormat = _interopRequireDefault(require("dayjs/plugin/customParseFormat.js"));
+var _localizedFormat = _interopRequireDefault(require("dayjs/plugin/localizedFormat.js"));
+var _isBetween = _interopRequireDefault(require("dayjs/plugin/isBetween.js"));
+var _advancedFormat = _interopRequireDefault(require("dayjs/plugin/advancedFormat.js"));
 var _warning = require("@mui/x-internals/warning");
 /* eslint-disable class-methods-use-this */
 
+// dayjs has no exports field defined
+// See https://github.com/iamkun/dayjs/issues/2562
+/* eslint-disable import/extensions */
+
+/* eslint-enable import/extensions */
+
 _dayjs.default.extend(_localizedFormat.default);
 _dayjs.default.extend(_weekOfYear.default);
 _dayjs.default.extend(_isBetween.default);

package/CHANGELOG.md

@@ -5,6 +5,305 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.0.0-alpha.13
+
+_Feb 28, 2025_
+
+We'd like to offer a big thanks to the 19 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 Decouple `margin` and `axis-size`. A new API to support multiple axes (#16418) @JCQuintas
+- 🗺️ Added Bangla (bn-BD) locale
+- 🗺️ Improve Russian (ru-RU) and Hungarian (hu-HU) locale on the Data Grid
+
+Special thanks go out to the community members for their contributions:
+@denpiligrim, @lhilgert9, @noherczeg, @officialkidmax, @pcorpet.
+Following are all team members who have contributed to this release:
+@alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @flaviendelangle, @hasdfa, @Janpot, @JCQuintas, @KenanYusuf, @LukasTy, @michelengelen, @MBilalShafi, @oliviertassinari, @romgrk.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### Breaking changes
+
+- The `slots.baseFormControl` component was removed.
+
+- The "Reset" button in the column visibility panel now resets to the initial column visibility model. Previously it was reset to the model that was active at the time the panel was opened. The reset behavior follows these rules:
+
+  1. If an initial `columnVisibilityModel` is provided, it resets to that model.
+  2. If a controlled `columnVisibilityModel` is provided, it resets to the first model value.
+  3. When the columns are updated (via the `columns` prop or `updateColumns()` API method), the reset reference point updates to the current `columnVisibilityModel`.
+
+  To revert to the previous behavior, provide a custom component to the `slots.columnsManagement`.
+
+- The deprecated `LicenseInfo` export has been removed from the `@mui/x-data-grid-pro` and `@mui/x-data-grid-premium` packages.
+  You have to import it from `@mui/x-license` instead:
+
+  ```diff
+  - import { LicenseInfo } from '@mui/x-data-grid-pro';
+  - import { LicenseInfo } from '@mui/x-data-grid-premium';
+  + import { LicenseInfo } from '@mui/x-license';
+
+   LicenseInfo.setLicenseKey('YOUR_LICENSE_KEY');
+  ```
+
+- The row selection model has been changed from `GridRowId[]` to `{ type: 'include' | 'exclude'; ids: Set<GridRowId> }`.
+  Using `Set` allows for a more efficient row selection management.
+  The `exclude` selection type allows to select all rows except the ones in the `ids` set.
+
+  This change impacts the following props:
+
+  - `rowSelectionModel`
+  - `onRowSelectionModelChange`
+  - `initialState.rowSelectionModel`
+
+  ```diff
+  - const [rowSelectionModel, setRowSelectionModel] = React.useState<GridRowSelectionModel>([]);
+  + const [rowSelectionModel, setRowSelectionModel] = React.useState<GridRowSelectionModel>({ type: 'include', ids: new Set() });
+  ```
+
+  This change also impacts the `gridRowSelectionStateSelector` selector.
+  For convenience, use the `gridRowSelectionManagerSelector` selector to handle both selection types:
+
+  ```diff
+  - const rowSelection = gridRowSelectionStateSelector(apiRef);
+  - const isRowSelected = rowSelection.includes(rowId);
+  + const rowSelectionManager = gridRowSelectionManagerSelector(apiRef);
+  + const isRowSelected = rowSelectionManager.has(rowId);
+  ```
+
+  There is also a `createRowSelectionManager` utility function that can be used to manage the row selection:
+
+  ```ts
+  const rowSelectionManager = createRowSelectionManager({
+    type: 'include',
+    ids: new Set(),
+  });
+  rowSelectionManager.select(rowId);
+  rowSelectionManager.unselect(rowId);
+  rowSelectionManager.has(rowId);
+  ```
+
+- The `selectedIdsLookupSelector` selector has been removed. Use the `gridRowSelectionManagerSelector` or `gridRowSelectionStateSelector` selectors instead.
+- The `selectedGridRowsSelector` has been renamed to `gridRowSelectionIdsSelector`.
+- The `selectedGridRowsCountSelector` has been renamed to `gridRowSelectionCountSelector`.
+
+- The data source feature and its related props are now stable.
+
+  ```diff
+   <DataGridPro
+  -  unstable_dataSource={dataSource}
+  -  unstable_dataSourceCache={cache}
+  -  unstable_lazyLoading
+  -  unstable_lazyLoadingRequestThrottleMs={100}
+  +  dataSource={dataSource}
+  +  dataSourceCache={cache}
+  +  lazyLoading
+  +  lazyLoadingRequestThrottleMs={100}
+   />
+  ```
+
+- The data source API is now stable.
+
+  ```diff
+  - apiRef.current.unstable_dataSource.getRows()
+  + apiRef.current.dataSource.getRows()
+  ```
+
+- The signature of `unstable_onDataSourceError()` has been updated to support future use-cases.
+
+  ```diff
+   <DataGrid
+  -  unstable_onDataSourceError={(error: Error, params: GridGetRowsParams) => {
+  -    if (params.filterModel) {
+  -      // do something
+  -    }
+  -  }}
+  +  unstable_onDataSourceError={(error: GridGetRowsError | GridUpdateRowError) => {
+  +    if (error instanceof GridGetRowsError && error.params.filterModel) {
+  +      // do something
+  +    }
+  +  }}
+   />
+  ```
+
+- Fix the type of the `GridSortModel` to allow readonly arrays.
+
+- `GridSortItem` interface is not exported anymore.
+
+- The `showToolbar` prop is now required to display the toolbar.
+
+  It is no longer necessary to pass `GridToolbar` as a slot to display the default toolbar.
+
+  ```diff
+   <DataGrid
+  +  showToolbar
+  -  slots={{
+  -    toolbar: GridToolbar,
+  -  }}
+   />
+  ```
+
+#### `@mui/x-data-grid@8.0.0-alpha.13`
+
+- [DataGrid] Add `showToolbar` prop to enable default toolbar (#16687) @KenanYusuf
+- [DataGrid] Column Visibility: Update "Reset" button behavior (#16626) @MBilalShafi
+- [DataGrid] Column management design updates (#16630) @KenanYusuf
+- [DataGrid] Fix `showColumnVerticalBorder` prop (#16715) @KenanYusuf
+- [DataGrid] Fix scrollbar overlapping cells on mount (#16639) @KenanYusuf
+- [DataGrid] Fix: base `Select` menuprops `onClose()` (#16643) @romgrk
+- [DataGrid] Make `GridSortItem` internal (#16732) @arminmeh
+- [DataGrid] Make data source stable (#16710) @MBilalShafi
+- [DataGrid] Reshape row selection model (#15651) @cherniavskii
+- [DataGrid] Replace `sx` prop usage with `styled()` components (#16665) @KenanYusuf
+- [DataGrid] Refactor: create base `Autocomplete` (#16390) @romgrk
+- [DataGrid] Refactor: remove base form control (#16634) @romgrk
+- [DataGrid] Refactor: remove base input label & adornment (#16646) @romgrk
+- [DataGrid] Refactor: remove material containers (#16633) @romgrk
+- [DataGrid] Refactor: theme to CSS variables (#16588) @romgrk
+- [DataGrid] Update the signature of the `onDataSourceError()` callback (#16718) @MBilalShafi
+- [DataGrid] Use readonly array for the `GridSortModel` (#16627) @pcorpet
+- [DataGrid] Fix the popper focus trap (#16736) @romgrk
+- [l10n] Added Bangla (bn-BD) locale (#16648) @officialkidmax
+- [l10n] Improve Hungarian (hu-HU) locale (#16578) @noherczeg
+- [l10n] Improve Russian (ru-RU) locale (#16591) @denpiligrim
+
+#### `@mui/x-data-grid-pro@8.0.0-alpha.13` [![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.0.0-alpha.13`, plus:
+
+- [DataGridPro] Remove `LicenseInfo` reexports (#16671) @cherniavskii
+
+#### `@mui/x-data-grid-premium@8.0.0-alpha.13` [![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.0.0-alpha.13`, plus:
+
+- [DataGridPremium] Use `valueGetter` to get row group keys (#16016) @cherniavskii
+
+### Date and Time Pickers
+
+#### Breaking changes
+
+- The `<DateRangePicker />` now uses a `dialog` instead of a `tooltip` to render their view when used with a single input range field.
+
+#### `@mui/x-date-pickers@8.0.0-alpha.13`
+
+- [l10n] Added Bangla (bn-BD) locale (#16648) @officialkidmax
+- [pickers] Clean the typing of the slots on the range pickers (#16670) @flaviendelangle
+- [pickers] Fix Time Clock meridiem button selected styles (#16681) @LukasTy
+- [pickers] Make the single input field the default field on range pickers (#16656) @flaviendelangle
+- [pickers] Move the opening logic to the range fields (#16175) @flaviendelangle
+
+#### `@mui/x-date-pickers-pro@8.0.0-alpha.13` [![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.0.0-alpha.13`.
+
+### Charts
+
+#### Breaking changes
+
+- Charts array inputs are now `readonly`. Allowing externally defined `as const` to be used as a prop value of the React component.
+
+  ```tsx
+  const xAxis = [{ position: 'bottom' }] as const
+  <BarChart xAxis={xAxis} />
+  ```
+
+- Replace `topAxis`, `rightAxis`, `bottomAxis` and `leftAxis` props by the `position` property in the axis config.
+  If you were using them to place axis, set the `position` property to the corresponding value `'top' | 'right' | 'bottom' | 'left'`.
+  If you were disabling an axis by setting it to `null`, set its `position` to `'none'`.
+
+  ```diff
+   <LineChart
+     yAxis={[
+       {
+         scaleType: 'linear',
+  +      position: 'right',
+       },
+     ]}
+     series={[{ data: [1, 10, 30, 50, 70, 90, 100], label: 'linear' }]}
+     height={400}
+  -  rightAxis={{}}
+   />
+  ```
+
+- Remove `position` prop from `ChartsXAxis` and `ChartsYAxis`.
+  The `position` prop has been removed from the `ChartsXAxis` and `ChartsYAxis` components. Configure it directly in the axis config.
+
+  ```diff
+   <ChartContainer
+     yAxis={[
+       {
+         id: 'my-axis',
+  +      position: 'right',
+       },
+     ]}
+   >
+  -  <ChartsYAxis axisId="my-axis" position="right" />
+  +  <ChartsYAxis axisId="my-axis" />
+   </ChartContainer>
+  ```
+
+- Add `minTickLabelGap` to x-axis, which allows users to define the minimum gap, in pixels, between two tick labels. The default value is 4px. Make sure to check your charts as the spacing between tick labels might have changed.
+
+#### `@mui/x-charts@8.0.0-alpha.13`
+
+- [charts] Accept component in `labelMarkType` (#16739) @bernardobelchior
+- [charts] Add `minTickLabelGap` to x-axis (#16548) @bernardobelchior
+- [charts] Add unit test for pie chart with empty series (#16663) @bernardobelchior
+- [charts] Decouple `margin` and `axis-size` (#16418) @JCQuintas
+- [charts] Display slider tooltip on demos (#16723) @JCQuintas
+- [charts] Fix composition docs link (#16761) @bernardobelchior
+- [charts] Fix default label measurement being off (#16635) @bernardobelchior
+- [charts] Fix is highlighted memoization (#16592) @alexfauquette
+- [charts] Fix missing `theme.shape` error in the tooltip (#16748) @alexfauquette
+- [charts] Fix typo in error message (#16641) @JCQuintas
+- [charts] Improve axis size docs (#16673) @JCQuintas
+- [charts] Improve performance of rendering ticks in x-axis (#16536) @bernardobelchior
+- [charts] Make `defaultizeAxis` function type-safe (#16642) @JCQuintas
+- [charts] Make `series.data` readonly (#16645) @JCQuintas
+- [charts] Migrate `ChartsUsageDemo` to TSX and removed NoSnap (#16686) @JCQuintas
+- [charts] Prevent `position='none'` axes from rendering (#16727) @JCQuintas
+- [charts] Make array inputs readonly (#16632) @JCQuintas
+- [charts] Remove state initialization hack (#16520) @alexfauquette
+- [charts] Remove redundant default axis (#16734) @bernardobelchior
+
+#### `@mui/x-charts-pro@8.0.0-alpha.13` [![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.0.0-alpha.13`, plus:
+
+- [charts-pro] Add back zoom control (#16550) @alexfauquette
+
+### Tree View
+
+#### `@mui/x-tree-view@8.0.0-alpha.13`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.0.0-alpha.13` [![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.0.0-alpha.13`.
+
+### `@mui/x-codemod@8.0.0-alpha.13`
+
+- [codemod] Add a few Data Grid codemods (#16711) @MBilalShafi
+- [codemod] Improve Pickers renaming codemod (#16685) @LukasTy
+
+### Docs
+
+- [docs] Fix charts with on bar and line pages (#16712) @alexfauquette
+- [docs] Fix migration guide introduction for charts (#16679) @alexfauquette
+- [docs] Fix remaining charts demos on mobile (#16728) @alexfauquette
+- [docs] Fix scroll overflow on mobile (#16675) @oliviertassinari
+- [docs] Improve Pickers migration page (#16682) @LukasTy
+- [docs] Update small Pickers doc inconsistencies (#16724) @LukasTy
+- [code-infra] Charts changes for `vitest` (#16755) @JCQuintas
+- [code-infra] General packages changes for `vitest` (#16757) @JCQuintas
+- [code-infra] Native Node.js ESM (#16603) @Janpot
+- [infra] Update contributor acknowledgment wording (#16751) @michelengelen
+- [test] Revert timeout increase for possibly slow tests (#16651) @LukasTy
+- [x-license] Introduce usage telemetry (#13530) @hasdfa
+
 ## 8.0.0-alpha.12
 
 _Feb 17, 2025_