@mui/x-date-pickers 7.25.0 → 7.27.0

package/CHANGELOG.md

@@ -3,6 +3,139 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.27.0
+
+_Feb 17, 2025_
+
+We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
+
+- ⚡ Improve Data Grid Excel export serialization performance
+- 🐞 Bugfixes
+- 🌍 Improve Polish (pl-PL) and Ukrainian (uk-UA) locale on the Data Grid
+
+Special thanks go out to the community contributors who have helped make this release possible:
+@pawelkula, @Neonin.
+Following are all team members who have contributed to this release:
+@cherniavskii, @JCQuintas, @oliviertassinari, @arminmeh and @LukasTy
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.27.0`
+
+- [DataGrid] Add `resetPageOnSortFilter` prop that resets the page after sorting and filtering (#16580) @arminmeh
+- [DataGrid] Avoid `undefined` value for pagination `rowCount` (#16558) @cherniavskii
+- [l10n] Improve Polish (pl-PL) locale (#16594) @pawelkula
+- [l10n] Improve Ukrainian (uk-UA) locale (#16593) @Neonin
+
+#### `@mui/x-data-grid-pro@7.27.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-data-grid@7.27.0`.
+
+#### `@mui/x-data-grid-premium@7.27.0` [![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@7.27.0`, plus:
+
+- [DataGridPremium] Fix Excel export Web Worker demo not working in dev mode (#16532) @cherniavskii
+- [DataGridPremium] Improve Excel export serialization performance (#16545) @cherniavskii
+- [DataGridPremium] Namespace Excel export worker (#16539) @oliviertassinari
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.27.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@7.27.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@7.27.0`, plus:
+
+- [DateRangePicker] Avoid unnecessary field section focusing (#16569) @LukasTy
+
+### Charts
+
+#### `@mui/x-charts@7.27.0`
+
+Internal changes.
+
+#### `@mui/x-charts-pro@7.27.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+- [charts-pro] Fix automatic type overloads (#16579) @JCQuintas
+
+### Core
+
+- [test] Fix Data Grid data source error test on React 18 (#16565) @arminmeh
+
+## 7.26.0
+
+_Feb 7, 2025_
+
+We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
+
+- ⚡ Mount and resize performance improvements for the Data Grid
+- 🐞 Bugfixes
+
+Special thanks go out to the community contributors who have helped make this release possible:
+@lauri865.
+Following are all team members who have contributed to this release:
+@arminmeh, @noraleonte, @LukasTy, @KenanYusuf, @flaviendelangle.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.26.0`
+
+- [DataGrid] Avoid `<GridRoot />` double-render pass on mount in SPA mode (#16480) @lauri865
+
+#### `@mui/x-data-grid-pro@7.26.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-data-grid@7.26.0`, plus:
+
+- [DataGridPro] Fix the return type of `useGridApiContext()` for Pro and Premium packages on React < 19 (#16446) @arminmeh
+
+#### `@mui/x-data-grid-premium@7.26.0` [![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@7.26.0`, plus:
+
+- [DataGridPremium] Fix "no rows" overlay not showing with active aggregation (#16468) @KenanYusuf
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.26.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@7.26.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@7.26.0`, plus:
+
+- [DateRangePicker] Fix `currentMonthCalendarPosition` prop behavior on mobile (#16457) @LukasTy
+- [DateRangePicker] Fix vertical alignment for multi input fields (#16490) @noraleonte
+
+### Charts
+
+#### `@mui/x-charts@7.26.0`
+
+Internal changes.
+
+#### `@mui/x-charts-pro@7.26.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-charts@7.26.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@7.26.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@7.26.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-tree-view@7.26.0`.
+
+### Core
+
+- [core] Fix corepack and pnpm installation in CircleCI (#16452) @flaviendelangle
+
 ## 7.25.0
 
 _Jan 31, 2025_

package/PickersTextField/PickersInputBase/PickersInputBase.js

@@ -113,7 +113,8 @@ const PickersInputBaseSection = styled(PickersSectionListSection, {
   letterSpacing: 'inherit',
   lineHeight: '1.4375em',
   // 23px
-  display: 'flex'
+  display: 'inline-block',
+  whiteSpace: 'nowrap'
 }));
 const PickersInputBaseSectionContent = styled(PickersSectionListSectionContent, {
   name: 'MuiPickersInputBase',

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v7.25.0
+ * @mui/x-date-pickers v7.27.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/hooks/useField/useFieldV6TextField.js

@@ -132,6 +132,9 @@ export const useFieldV6TextField = params => {
       return nextSectionIndex === -1 ? sections.length - 1 : nextSectionIndex - 1;
     },
     focusField: (newSelectedSection = 0) => {
+      if (getActiveElement(document) === inputRef.current) {
+        return;
+      }
       inputRef.current?.focus();
       setSelectedSections(newSelectedSection);
     },

package/internals/hooks/useField/useFieldV7TextField.js

@@ -92,7 +92,9 @@ export const useFieldV7TextField = params => {
       return sectionListRef.current.getSectionIndexFromDOMElement(activeElement);
     },
     focusField: (newSelectedSections = 0) => {
-      if (!sectionListRef.current) {
+      if (!sectionListRef.current ||
+      // if the field is already focused, we don't need to focus it again
+      interactions.getActiveSectionIndexFromDOM() != null) {
         return;
       }
       const newParsedSelectedSections = parseSelectedSections(newSelectedSections, state.sections);

package/modern/PickersTextField/PickersInputBase/PickersInputBase.js

@@ -113,7 +113,8 @@ const PickersInputBaseSection = styled(PickersSectionListSection, {
   letterSpacing: 'inherit',
   lineHeight: '1.4375em',
   // 23px
-  display: 'flex'
+  display: 'inline-block',
+  whiteSpace: 'nowrap'
 }));
 const PickersInputBaseSectionContent = styled(PickersSectionListSectionContent, {
   name: 'MuiPickersInputBase',

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v7.25.0
+ * @mui/x-date-pickers v7.27.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/internals/hooks/useField/useFieldV6TextField.js

@@ -132,6 +132,9 @@ export const useFieldV6TextField = params => {
       return nextSectionIndex === -1 ? sections.length - 1 : nextSectionIndex - 1;
     },
     focusField: (newSelectedSection = 0) => {
+      if (getActiveElement(document) === inputRef.current) {
+        return;
+      }
       inputRef.current?.focus();
       setSelectedSections(newSelectedSection);
     },

package/modern/internals/hooks/useField/useFieldV7TextField.js

@@ -92,7 +92,9 @@ export const useFieldV7TextField = params => {
       return sectionListRef.current.getSectionIndexFromDOMElement(activeElement);
     },
     focusField: (newSelectedSections = 0) => {
-      if (!sectionListRef.current) {
+      if (!sectionListRef.current ||
+      // if the field is already focused, we don't need to focus it again
+      interactions.getActiveSectionIndexFromDOM() != null) {
         return;
       }
       const newParsedSelectedSections = parseSelectedSections(newSelectedSections, state.sections);

package/node/PickersTextField/PickersInputBase/PickersInputBase.js

@@ -121,7 +121,8 @@ const PickersInputBaseSection = (0, _styles.styled)(_PickersSectionList.Unstable
   letterSpacing: 'inherit',
   lineHeight: '1.4375em',
   // 23px
-  display: 'flex'
+  display: 'inline-block',
+  whiteSpace: 'nowrap'
 }));
 const PickersInputBaseSectionContent = (0, _styles.styled)(_PickersSectionList.Unstable_PickersSectionListSectionContent, {
   name: 'MuiPickersInputBase',

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v7.25.0
+ * @mui/x-date-pickers v7.27.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/internals/hooks/useField/useFieldV6TextField.js

@@ -141,6 +141,9 @@ const useFieldV6TextField = params => {
       return nextSectionIndex === -1 ? sections.length - 1 : nextSectionIndex - 1;
     },
     focusField: (newSelectedSection = 0) => {
+      if ((0, _utils.getActiveElement)(document) === inputRef.current) {
+        return;
+      }
       inputRef.current?.focus();
       setSelectedSections(newSelectedSection);
     },

package/node/internals/hooks/useField/useFieldV7TextField.js

@@ -100,7 +100,9 @@ const useFieldV7TextField = params => {
       return sectionListRef.current.getSectionIndexFromDOMElement(activeElement);
     },
     focusField: (newSelectedSections = 0) => {
-      if (!sectionListRef.current) {
+      if (!sectionListRef.current ||
+      // if the field is already focused, we don't need to focus it again
+      interactions.getActiveSectionIndexFromDOM() != null) {
         return;
       }
       const newParsedSelectedSections = (0, _useField.parseSelectedSections)(newSelectedSections, state.sections);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "7.25.0",
+  "version": "7.27.0",
   "description": "The community edition of the Date and Time Picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -41,7 +41,7 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "7.25.0"
+    "@mui/x-internals": "7.26.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",