@mui/x-date-pickers 7.13.0 → 7.14.0

package/CHANGELOG.md

@@ -3,6 +3,86 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.14.0
+
+_Aug 23, 2024_
+
+We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 💫 Allow [filtering the axis on zoom](https://mui.com/x/react-charts/zoom-and-pan/#zoom-filtering), making the axis adapt by removing values outside the view.
+
+  <img width="600" src="https://github.com/user-attachments/assets/e65bbd00-d2a8-4136-81cd-3598f1373c16" alt="filtering the axis on zoom" />
+
+- 📊 Improve bar chart performances
+- 🌍 Improve Czech (cs-CZ) and Hebrew (he-IL) locales on the Data Grid
+- 🌍 Improve Chinese (zh-HK), Hebrew (he-IL), and Vietnamese (vi-VN) locales on the Date and Time Pickers
+- 🐞 Bugfixes
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.14.0`
+
+- [DataGrid] Use readonly array result for `getTreeDataPath` (#11743) @pcorpet
+- [DataGrid] Use `event.key` for `Tab` and `Escape` keys (#14170) @k-rajat19
+- [DataGrid] Introduce selectors with arguments (#14236) @MBilalShafi
+- [DataGrid] include `api` in `gridCellParams` interface (#14201) @k-rajat19
+- [l10n] Improve Czech (cs-CZ) locale (#14135) @chirimiri22
+- [l10n] Improve Hebrew (he-IL) locale (#14287) @rotembarsela
+
+#### `@mui/x-data-grid-pro@7.14.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.14.0`.
+
+#### `@mui/x-data-grid-premium@7.14.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.14.0`, plus:
+
+- [DataGridPremium] Fix clipboard paste not working for a single cell on non-first page (#14261) @arminmeh
+- [DataGridPremium] Fix `onCellSelectionModelChange` not triggered when additional cell range is selected (#14199) @arminmeh
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.14.0`
+
+- [l10n] Improve Chinese (zh-HK) locale (#13289) @yeeharn
+- [l10n] Improve Hebrew (he-IL) locale (#14287) @rotembarsela
+- [l10n] Improve Vietnamese (vi-VN) locale (#14238) @locnbk2002
+- [TimePicker] Handle `Space` and `Enter` on the `TimeClock` component @arthurbalduini
+
+#### `@mui/x-date-pickers-pro@7.14.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.14.0`.
+
+### Charts
+
+#### `@mui/x-charts@7.14.0`
+
+- [charts] Fix grid overflow with zooming (#14280) @alexfauquette
+- [charts] Improve bar chart performances (#14278) @alexfauquette
+- [charts] Test pointer events (#14042) @alexfauquette
+- [charts] Use `isPointInside` function for both graphs and axis (#14222) @JCQuintas
+
+#### `@mui/x-charts-pro@7.0.0-alpha.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@7.14.0`, plus:
+
+- [charts-pro] Zoom axis filtering (#14121) @JCQuintas
+
+### Docs
+
+- [docs] Consistent use of UTC and timezones (#14250) @oliviertassinari
+- [docs] Fix missing leading slashes in URLs (#14249) @oliviertassinari
+- [docs] Dash usage revision on pickers pages (#14260) @arthurbalduini
+
+### Core
+
+- [core] Follow JSDocs convention @oliviertassinari
+- [core] Prepare for material v6 (#14143) @LukasTy
+- [code-infra] Set up `eslint-plugin-testing-library` (#14232) @LukasTy
+- [infra] Updated mui-x roadmap links with new project URL (#14271) @michelengelen
+
 ## 7.13.0
 
 _Aug 16, 2024_
@@ -58,7 +138,7 @@ Same changes as in `@mui/x-date-pickers@7.13.0`.
 - [charts] Rename `CartesianContextProvider` to `CartesianProvider` (#14102) @JCQuintas
 - [charts] Support axis with the same value for all data points (#14191) @alexfauquette
 
-#### `@mui/x-date-charts-pro@7.0.0-alpha.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+#### `@mui/x-charts-pro@7.0.0-alpha.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-charts@7.13.0`.
 
@@ -132,7 +212,7 @@ Same changes as in `@mui/x-date-pickers@7.12.1`.
 - [charts] Fix charts vendor publish config (#14073) @JCQuintas
 - [charts] Move `plugins` to `PluginProvider` (#14056) @JCQuintas
 
-#### `@mui/x-date-charts-pro@7.0.0-alpha.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+#### `@mui/x-charts-pro@7.0.0-alpha.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.12.1`, plus:
 

package/TimeClock/Clock.js

@@ -274,6 +274,11 @@ export function Clock(inProps) {
         handleValueChange(viewValue - keyboardControlStep, 'partial');
         event.preventDefault();
         break;
+      case 'Enter':
+      case ' ':
+        handleValueChange(viewValue, 'finish');
+        event.preventDefault();
+        break;
       default:
       // do nothing
     }

package/index.js

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

package/locales/heIL.js

@@ -66,8 +66,7 @@ const heILPickers = {
   hours: 'שעות',
   minutes: 'דקות',
   seconds: 'שניות',
-  // meridiem: 'Meridiem',
-
+  meridiem: 'יחידת זמן',
   // Common
   empty: 'ריק'
 };

package/locales/viVN.js

@@ -16,11 +16,10 @@ const viVNPickers = {
   // DateRange labels
   start: 'Bắt đầu',
   end: 'Kết thúc',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Ngày bắt đầu',
+  startTime: 'Thời gian bắt đầu',
+  endDate: 'Ngày kết thúc',
+  endTime: 'Thời gian kết thúc',
   // Action bar
   cancelButtonLabel: 'Hủy',
   clearButtonLabel: 'Xóa',
@@ -46,8 +45,7 @@ const viVNPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Chọn ngày, ngày đã chọn là ${utils.format(value, 'fullDate')}` : 'Chọn ngày',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Chọn giờ, giờ đã chọn là ${utils.format(value, 'fullTime')}` : 'Chọn giờ',
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: 'Xóa giá trị',
   // Table labels
   timeTableLabel: 'chọn giờ',
   dateTableLabel: 'chọn ngày',
@@ -59,19 +57,17 @@ const viVNPickers = {
   fieldHoursPlaceholder: () => 'hh',
   fieldMinutesPlaceholder: () => 'mm',
   fieldSecondsPlaceholder: () => 'ss',
-  fieldMeridiemPlaceholder: () => 'aa'
-
+  fieldMeridiemPlaceholder: () => 'aa',
   // View names
-  // year: 'Year',
-  // month: 'Month',
-  // day: 'Day',
-  // weekDay: 'Week day',
-  // hours: 'Hours',
-  // minutes: 'Minutes',
-  // seconds: 'Seconds',
-  // meridiem: 'Meridiem',
-
+  year: 'Năm',
+  month: 'Tháng',
+  day: 'Ngày',
+  weekDay: 'Thứ',
+  hours: 'Giờ',
+  minutes: 'Phút',
+  seconds: 'Giây',
+  meridiem: 'Buổi',
   // Common
-  // empty: 'Empty',
+  empty: 'Trống'
 };
 export const viVN = getPickersLocalization(viVNPickers);

package/locales/zhHK.js

@@ -45,8 +45,7 @@ const zhHKPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `選擇日期，已選擇${utils.format(value, 'fullDate')}` : '選擇日期',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `選擇時間，已選擇${utils.format(value, 'fullTime')}` : '選擇時間',
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: '清除',
   // Table labels
   timeTableLabel: '選擇時間',
   dateTableLabel: '選擇日期',

package/modern/TimeClock/Clock.js

@@ -274,6 +274,11 @@ export function Clock(inProps) {
         handleValueChange(viewValue - keyboardControlStep, 'partial');
         event.preventDefault();
         break;
+      case 'Enter':
+      case ' ':
+        handleValueChange(viewValue, 'finish');
+        event.preventDefault();
+        break;
       default:
       // do nothing
     }

package/modern/index.js

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

package/modern/locales/heIL.js

@@ -66,8 +66,7 @@ const heILPickers = {
   hours: 'שעות',
   minutes: 'דקות',
   seconds: 'שניות',
-  // meridiem: 'Meridiem',
-
+  meridiem: 'יחידת זמן',
   // Common
   empty: 'ריק'
 };

package/modern/locales/viVN.js

@@ -16,11 +16,10 @@ const viVNPickers = {
   // DateRange labels
   start: 'Bắt đầu',
   end: 'Kết thúc',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Ngày bắt đầu',
+  startTime: 'Thời gian bắt đầu',
+  endDate: 'Ngày kết thúc',
+  endTime: 'Thời gian kết thúc',
   // Action bar
   cancelButtonLabel: 'Hủy',
   clearButtonLabel: 'Xóa',
@@ -46,8 +45,7 @@ const viVNPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Chọn ngày, ngày đã chọn là ${utils.format(value, 'fullDate')}` : 'Chọn ngày',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Chọn giờ, giờ đã chọn là ${utils.format(value, 'fullTime')}` : 'Chọn giờ',
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: 'Xóa giá trị',
   // Table labels
   timeTableLabel: 'chọn giờ',
   dateTableLabel: 'chọn ngày',
@@ -59,19 +57,17 @@ const viVNPickers = {
   fieldHoursPlaceholder: () => 'hh',
   fieldMinutesPlaceholder: () => 'mm',
   fieldSecondsPlaceholder: () => 'ss',
-  fieldMeridiemPlaceholder: () => 'aa'
-
+  fieldMeridiemPlaceholder: () => 'aa',
   // View names
-  // year: 'Year',
-  // month: 'Month',
-  // day: 'Day',
-  // weekDay: 'Week day',
-  // hours: 'Hours',
-  // minutes: 'Minutes',
-  // seconds: 'Seconds',
-  // meridiem: 'Meridiem',
-
+  year: 'Năm',
+  month: 'Tháng',
+  day: 'Ngày',
+  weekDay: 'Thứ',
+  hours: 'Giờ',
+  minutes: 'Phút',
+  seconds: 'Giây',
+  meridiem: 'Buổi',
   // Common
-  // empty: 'Empty',
+  empty: 'Trống'
 };
 export const viVN = getPickersLocalization(viVNPickers);

package/modern/locales/zhHK.js

@@ -45,8 +45,7 @@ const zhHKPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `選擇日期，已選擇${utils.format(value, 'fullDate')}` : '選擇日期',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `選擇時間，已選擇${utils.format(value, 'fullTime')}` : '選擇時間',
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: '清除',
   // Table labels
   timeTableLabel: '選擇時間',
   dateTableLabel: '選擇日期',

package/node/TimeClock/Clock.js

@@ -283,6 +283,11 @@ function Clock(inProps) {
         handleValueChange(viewValue - keyboardControlStep, 'partial');
         event.preventDefault();
         break;
+      case 'Enter':
+      case ' ':
+        handleValueChange(viewValue, 'finish');
+        event.preventDefault();
+        break;
       default:
       // do nothing
     }

package/node/index.js

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

package/node/locales/heIL.js

@@ -72,8 +72,7 @@ const heILPickers = {
   hours: 'שעות',
   minutes: 'דקות',
   seconds: 'שניות',
-  // meridiem: 'Meridiem',
-
+  meridiem: 'יחידת זמן',
   // Common
   empty: 'ריק'
 };

package/node/locales/viVN.js

@@ -22,11 +22,10 @@ const viVNPickers = {
   // DateRange labels
   start: 'Bắt đầu',
   end: 'Kết thúc',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Ngày bắt đầu',
+  startTime: 'Thời gian bắt đầu',
+  endDate: 'Ngày kết thúc',
+  endTime: 'Thời gian kết thúc',
   // Action bar
   cancelButtonLabel: 'Hủy',
   clearButtonLabel: 'Xóa',
@@ -52,8 +51,7 @@ const viVNPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Chọn ngày, ngày đã chọn là ${utils.format(value, 'fullDate')}` : 'Chọn ngày',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Chọn giờ, giờ đã chọn là ${utils.format(value, 'fullTime')}` : 'Chọn giờ',
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: 'Xóa giá trị',
   // Table labels
   timeTableLabel: 'chọn giờ',
   dateTableLabel: 'chọn ngày',
@@ -65,19 +63,17 @@ const viVNPickers = {
   fieldHoursPlaceholder: () => 'hh',
   fieldMinutesPlaceholder: () => 'mm',
   fieldSecondsPlaceholder: () => 'ss',
-  fieldMeridiemPlaceholder: () => 'aa'
-
+  fieldMeridiemPlaceholder: () => 'aa',
   // View names
-  // year: 'Year',
-  // month: 'Month',
-  // day: 'Day',
-  // weekDay: 'Week day',
-  // hours: 'Hours',
-  // minutes: 'Minutes',
-  // seconds: 'Seconds',
-  // meridiem: 'Meridiem',
-
+  year: 'Năm',
+  month: 'Tháng',
+  day: 'Ngày',
+  weekDay: 'Thứ',
+  hours: 'Giờ',
+  minutes: 'Phút',
+  seconds: 'Giây',
+  meridiem: 'Buổi',
   // Common
-  // empty: 'Empty',
+  empty: 'Trống'
 };
 const viVN = exports.viVN = (0, _getPickersLocalization.getPickersLocalization)(viVNPickers);

package/node/locales/zhHK.js

@@ -51,8 +51,7 @@ const zhHKPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `選擇日期，已選擇${utils.format(value, 'fullDate')}` : '選擇日期',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `選擇時間，已選擇${utils.format(value, 'fullTime')}` : '選擇時間',
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: '清除',
   // Table labels
   timeTableLabel: '選擇時間',
   dateTableLabel: '選擇日期',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "7.13.0",
+  "version": "7.14.0",
   "description": "The community edition of the Date and Time Picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -36,9 +36,9 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.25.0",
-    "@mui/system": "^5.16.5",
-    "@mui/utils": "^5.16.5",
-    "@types/react-transition-group": "^4.4.10",
+    "@mui/system": "^5.16.7",
+    "@mui/utils": "^5.16.6",
+    "@types/react-transition-group": "^4.4.11",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5"