@mui/x-date-pickers 7.12.0 → 7.12.1

package/CHANGELOG.md

@@ -3,6 +3,74 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.12.1
+
+_Aug 8, 2024_
+
+We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎨 Charts get a new component to display color mapping in the legend
+- 🚀 The `@mui/x-charts-pro` is released in alpha version 🧪. This new package introduces two main features:
+  - The Heatmap component
+  - The zoom interaction on the bar, line, and scatter charts
+- 🌍 Improve Dutch (nl-NL) locale on the Date and Time Pickers
+- 🐞 Bugfixes
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.12.1`
+
+- [DataGrid] Fix `checkboxSelectionVisibleOnly` behavior with server-side pagination (#14083) @MBilalShafi
+- [DataGrid] Fix `columnHeadersContainerRef` being `undefined` before mount (#14051) @samwato
+- [DataGrid] Support Yarn PnP (#14126) @cherniavskii
+
+#### `@mui/x-data-grid-pro@7.12.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@7.12.1`.
+
+#### `@mui/x-data-grid-premium@7.12.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@7.12.1`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.12.1`
+
+- [l10n] Improve Dutch (nlNL) locale (pickers) (#14036) @Robin1896
+
+#### `@mui/x-date-pickers-pro@7.12.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-date-pickers@7.12.1`.
+
+### Charts
+
+#### `@mui/x-charts@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')
+
+Same changes as in `@mui/x-charts@7.12.1`, plus:
+
+- [charts-pro] Release the pro package in alpha (#13859) @alexfauquette
+
+### Tree View
+
+#### `@mui/x-tree-view@7.12.1`
+
+### Docs
+
+- [docs] Add a warning to promote the usage of `updateRows` (#14027) @MBilalShafi
+- [docs] Disable ad in `Rich Tree View-Ordering` page (#14123) @oliviertassinari
+- [docs] Redesign Date and Time Pickers overview page (#13241) @noraleonte
+
+- [CHANGELOG] Polish details @oliviertassinari
+- [code-infra] Use concurrency 1 in CircleCI (#14110) @JCQuintas
+- [infra] Re-added the removal of `Latest Version` section (#14132) @michelengelen
+
 ## 7.12.0
 
 _Aug 1, 2024_
@@ -24,9 +92,9 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
 
 - 🎁 Introduce [item reordering using drag and drop](https://mui.com/x/react-tree-view/rich-tree-view/ordering/) on the `RichTreeViewPro` component
 
-  <img width="384" src="https://github.com/user-attachments/assets/78bd83c5-7ce4-4ed7-acf9-be70b2dbce54" alt="Item reordering using drag and drop" />
+  <img width="287" src="https://github.com/user-attachments/assets/78bd83c5-7ce4-4ed7-acf9-be70b2dbce54" alt="Item reordering using drag and drop" />
 
-- 📦 Support Common JS bundle out of the box on `@mui/x-charts` by adding vendored D3 dependencies.
+- 📦 Support CommonJS bundle out of the box on `@mui/x-charts` by adding vendored D3 dependencies.
 
   - This modifies how the package imports D3.js. It will impact you if you use `d3` packages installed by `@mui/x-charts` and don't have them in your `package.json`. You shouldn't be affected otherwise.
   - For more context, the initial issue is caused by D3 only exporting ESM.

package/PickersTextField/PickersTextField.js

@@ -63,6 +63,7 @@ const PickersTextField = /*#__PURE__*/React.forwardRef(function PickersTextField
       areAllSectionsEmpty,
       onClick,
       onKeyDown,
+      onKeyUp,
       onPaste,
       onInput,
       endAdornment,
@@ -122,6 +123,7 @@ const PickersTextField = /*#__PURE__*/React.forwardRef(function PickersTextField
       areAllSectionsEmpty: areAllSectionsEmpty,
       onClick: onClick,
       onKeyDown: onKeyDown,
+      onKeyUp: onKeyUp,
       onInput: onInput,
       onPaste: onPaste,
       endAdornment: endAdornment,

package/index.js

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

package/locales/nlNL.js

@@ -16,11 +16,10 @@ const nlNLPickers = {
   // DateRange labels
   start: 'Start',
   end: 'Einde',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Start datum',
+  startTime: 'Start tijd',
+  endDate: 'Eind datum',
+  endTime: 'Eind tijd',
   // Action bar
   cancelButtonLabel: 'Annuleren',
   clearButtonLabel: 'Resetten',
@@ -46,8 +45,7 @@ const nlNLPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Kies datum, geselecteerde datum is ${utils.format(value, 'fullDate')}` : 'Kies datum',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Kies tijd, geselecteerde tijd is ${utils.format(value, 'fullTime')}` : 'Kies tijd',
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: 'Wissen',
   // Table labels
   timeTableLabel: 'kies tijd',
   dateTableLabel: 'kies datum',
@@ -59,19 +57,17 @@ const nlNLPickers = {
   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: 'Jaar',
+  month: 'Maand',
+  day: 'Dag',
+  weekDay: 'Weekdag',
+  hours: 'Uren',
+  minutes: 'Minuten',
+  seconds: 'Seconden',
+  meridiem: 'Middag',
   // Common
-  // empty: 'Empty',
+  empty: 'Legen'
 };
 export const nlNL = getPickersLocalization(nlNLPickers);

package/modern/PickersTextField/PickersTextField.js

@@ -63,6 +63,7 @@ const PickersTextField = /*#__PURE__*/React.forwardRef(function PickersTextField
       areAllSectionsEmpty,
       onClick,
       onKeyDown,
+      onKeyUp,
       onPaste,
       onInput,
       endAdornment,
@@ -122,6 +123,7 @@ const PickersTextField = /*#__PURE__*/React.forwardRef(function PickersTextField
       areAllSectionsEmpty: areAllSectionsEmpty,
       onClick: onClick,
       onKeyDown: onKeyDown,
+      onKeyUp: onKeyUp,
       onInput: onInput,
       onPaste: onPaste,
       endAdornment: endAdornment,

package/modern/index.js

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

package/modern/locales/nlNL.js

@@ -16,11 +16,10 @@ const nlNLPickers = {
   // DateRange labels
   start: 'Start',
   end: 'Einde',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Start datum',
+  startTime: 'Start tijd',
+  endDate: 'Eind datum',
+  endTime: 'Eind tijd',
   // Action bar
   cancelButtonLabel: 'Annuleren',
   clearButtonLabel: 'Resetten',
@@ -46,8 +45,7 @@ const nlNLPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Kies datum, geselecteerde datum is ${utils.format(value, 'fullDate')}` : 'Kies datum',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Kies tijd, geselecteerde tijd is ${utils.format(value, 'fullTime')}` : 'Kies tijd',
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: 'Wissen',
   // Table labels
   timeTableLabel: 'kies tijd',
   dateTableLabel: 'kies datum',
@@ -59,19 +57,17 @@ const nlNLPickers = {
   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: 'Jaar',
+  month: 'Maand',
+  day: 'Dag',
+  weekDay: 'Weekdag',
+  hours: 'Uren',
+  minutes: 'Minuten',
+  seconds: 'Seconden',
+  meridiem: 'Middag',
   // Common
-  // empty: 'Empty',
+  empty: 'Legen'
 };
 export const nlNL = getPickersLocalization(nlNLPickers);

package/node/PickersTextField/PickersTextField.js

@@ -72,6 +72,7 @@ const PickersTextField = exports.PickersTextField = /*#__PURE__*/React.forwardRe
       areAllSectionsEmpty,
       onClick,
       onKeyDown,
+      onKeyUp,
       onPaste,
       onInput,
       endAdornment,
@@ -131,6 +132,7 @@ const PickersTextField = exports.PickersTextField = /*#__PURE__*/React.forwardRe
       areAllSectionsEmpty: areAllSectionsEmpty,
       onClick: onClick,
       onKeyDown: onKeyDown,
+      onKeyUp: onKeyUp,
       onInput: onInput,
       onPaste: onPaste,
       endAdornment: endAdornment,

package/node/index.js

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

package/node/locales/nlNL.js

@@ -22,11 +22,10 @@ const nlNLPickers = {
   // DateRange labels
   start: 'Start',
   end: 'Einde',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Start datum',
+  startTime: 'Start tijd',
+  endDate: 'Eind datum',
+  endTime: 'Eind tijd',
   // Action bar
   cancelButtonLabel: 'Annuleren',
   clearButtonLabel: 'Resetten',
@@ -52,8 +51,7 @@ const nlNLPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Kies datum, geselecteerde datum is ${utils.format(value, 'fullDate')}` : 'Kies datum',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Kies tijd, geselecteerde tijd is ${utils.format(value, 'fullTime')}` : 'Kies tijd',
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: 'Wissen',
   // Table labels
   timeTableLabel: 'kies tijd',
   dateTableLabel: 'kies datum',
@@ -65,19 +63,17 @@ const nlNLPickers = {
   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: 'Jaar',
+  month: 'Maand',
+  day: 'Dag',
+  weekDay: 'Weekdag',
+  hours: 'Uren',
+  minutes: 'Minuten',
+  seconds: 'Seconden',
+  meridiem: 'Middag',
   // Common
-  // empty: 'Empty',
+  empty: 'Legen'
 };
 const nlNL = exports.nlNL = (0, _getPickersLocalization.getPickersLocalization)(nlNLPickers);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "7.12.0",
+  "version": "7.12.1",
   "description": "The community edition of the Date and Time Picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",