@mui/x-date-pickers 7.5.1 → 7.6.0

package/CHANGELOG.md

@@ -3,6 +3,92 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.6.0
+
+_May 30, 2024_
+
+We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 Allow to define and customize the indentation of nested items in the Tree View
+- ✨ Allow charts highlights to be controlled
+- 🌍 Improve Persian (fa-IR) locale on the Data Grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.6.0`
+
+- [DataGrid] Avoid re-rendering all cells on column change (#12980) @romgrk
+- [DataGrid] Export `GridColumnHeadersProps` (#13229) @cherniavskii
+- [DataGrid] Fix header filters' issue with custom filters (#13255) @MBilalShafi
+- [DataGrid] Remove dead logic to support Safari < 13 (#13249) @oliviertassinari
+- [l10n] Improve Persian (fa-IR) locale (#12994) @amiryxe
+
+#### `@mui/x-data-grid-pro@7.6.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.6.0`.
+
+#### `@mui/x-data-grid-premium@7.6.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.6.0`, plus:
+
+- [DataGridPremium] Fix excel export causing column with wrong width (#13191) @romgrk
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.6.0`
+
+- [pickers] Fix `DateBuilderReturnType` when the date is `undefined` (#13244) @alexey-kozlenkov
+
+#### `@mui/x-date-pickers-pro@7.6.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.6.0`.
+
+### Charts
+
+#### `@mui/x-charts@7.6.0`
+
+- [charts] Allow charts highlights to be controlled (#12828) @JCQuintas
+- [charts] Refactor axis band scaleType check (#13295) @JCQuintas
+- [charts] Refactor checkScaleErrors to improve readability and simplify axis message logic (#13305) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@7.6.0`
+
+- [TreeView] Add JSDoc to every instance method (#13219) @flaviendelangle
+- [TreeView] Allow to customize the indentation of nested items (#13225) @flaviendelangle
+- [TreeView] Allow to define indentation at the item level (#13126) @flaviendelangle
+
+### Docs
+
+- [docs] Add Bulk editing demo for the Community plan (#12800) @cherniavskii
+- [docs] Add conditional label formatting on tooltip page and link to label page (#13235) @JCQuintas
+- [docs] Add information about key combinations on a11y sections (#13234) @arthurbalduini
+- [docs] Cleanup of the Tree View demos (#13237) @flaviendelangle
+- [docs] Document how to customize a subsection of a line chart (#13210) @alexfauquette
+- [docs] Fix Pickers FAQ callout (#13238) @LukasTy
+- [docs] Fix Vale errors @oliviertassinari
+- [docs] Fix a small typo in property comment (#13245) @Janpot
+- [docs] Improve the Data Grid FAQ page (#13258) @MBilalShafi
+- [docs] Removes unused lines in TreeItem2 styling (#13264) @arthurbalduini
+- [docs] Small improvements on accessibility data grid doc (#13233) @arthurbalduini
+- [docs] Update Pickers demo configurations (#13303) @LukasTy
+
+### Core
+
+- [core] Add comment on why logic to sync column header (#13248) @oliviertassinari
+- [core] Fix `l10n` script execution with arguments (#13297) @LukasTy
+- [core] Prevent "Add reviewers" workflow from triggering since it doesn't work (#13236) @JCQuintas
+- [docs-infra] Fix `@mui/material` version used in sandboxes (#13260) @LukasTy
+- [test] Use `describeTreeView` for keyboard navigation tests on disabled items (#13184) @flaviendelangle
+- [test] Use `describeTreeView` for remaining items tests (#13262) @flaviendelangle
+- [test] Use test-utils from npm (#12880) @michaldudak
+- [typescript] Remove duplicate `DateRangePosition` type in favor of `RangePosition` (#13288) @LukasTy
+
 ## v7.5.1
 
 _May 23, 2024_
@@ -339,7 +425,7 @@ Same changes as in `@mui/x-date-pickers@7.3.1`.
 ### Core
 
 - [core] Fix `l10n` GH workflow (#12895) @LukasTy
-- [core] Match Base UI and Toolpad @oliviertassinari
+- [core] Match Base UI and Toolpad @oliviertassinari
 - [core] Remove redundant `setupFiles` entries in `package.json` (#12899) @LukasTy
 - [core] Use `describeTreeView` for focus tests (#12698) @flaviendelangle
 - [core] Use `describeTreeView` for type-ahead tests (#12811) @flaviendelangle

package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js

@@ -49,7 +49,7 @@ const PickersOutlinedInputRoot = styled(PickersInputBaseRoot, {
     },
     variants: Object.keys((theme.vars ?? theme).palette)
     // @ts-ignore
-    .filter(key => (theme.vars ?? theme).palette[key].main).map(color => ({
+    .filter(key => (theme.vars ?? theme).palette[key]?.main ?? false).map(color => ({
       props: {
         color
       },

package/index.js

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

package/locales/fiFI.js

@@ -16,11 +16,10 @@ const fiFIPickers = {
   // DateRange labels
   start: 'Alku',
   end: 'Loppu',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Alkamispäivämäärä',
+  startTime: 'Alkamisaika',
+  endDate: 'Päättymispäivämäärä',
+  endTime: 'Päättymisaika',
   // Action bar
   cancelButtonLabel: 'Peruuta',
   clearButtonLabel: 'Tyhjennä',
@@ -35,7 +34,7 @@ const fiFIPickers = {
   clockLabelText: (view, time, adapter) => `Valitse ${views[view]}. ${time === null ? 'Ei aikaa valittuna' : `Valittu aika on ${adapter.format(time, 'fullTime')}`}`,
   hoursClockNumberText: hours => `${hours} tuntia`,
   minutesClockNumberText: minutes => `${minutes} minuuttia`,
-  secondsClockNumberText: seconds => `${seconds} sekunttia`,
+  secondsClockNumberText: seconds => `${seconds} sekuntia`,
   // Digital clock labels
   selectViewText: view => `Valitse ${views[view]}`,
   // Calendar labels
@@ -46,8 +45,7 @@ const fiFIPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Valitse päivä, valittu päivä on ${utils.format(value, 'fullDate')}` : 'Valitse päivä',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Valitse aika, valittu aika on ${utils.format(value, 'fullTime')}` : 'Valitse aika',
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: 'Tyhjennä arvo',
   // Table labels
   timeTableLabel: 'valitse aika',
   dateTableLabel: 'valitse päivä',
@@ -59,19 +57,17 @@ const fiFIPickers = {
   fieldHoursPlaceholder: () => 'tt',
   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: 'Vuosi',
+  month: 'Kuukausi',
+  day: 'Päivä',
+  weekDay: 'Viikonpäivä',
+  hours: 'Tunnit',
+  minutes: 'Minuutit',
+  seconds: 'Sekunnit',
+  meridiem: 'Iltapäivä',
   // Common
-  // empty: 'Empty',
+  empty: 'Tyhjä'
 };
 export const fiFI = getPickersLocalization(fiFIPickers);

package/models/adapters.d.ts

@@ -140,7 +140,7 @@ export type AdapterOptions<TLocale, TInstance> = {
     formats?: Partial<AdapterFormats>;
     locale?: TLocale;
 } & PropertyIfNotNever<'instance', TInstance>;
-export type DateBuilderReturnType<T extends string | null | undefined, TDate> = T extends null ? null : TDate;
+export type DateBuilderReturnType<T extends string | null | undefined, TDate> = [T] extends [null] ? null : TDate;
 export interface MuiPickersAdapter<TDate extends PickerValidDate, TLocale = any> {
     /**
      * A boolean confirming that the adapter used is an MUI adapter.

package/modern/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js

@@ -49,7 +49,7 @@ const PickersOutlinedInputRoot = styled(PickersInputBaseRoot, {
     },
     variants: Object.keys((theme.vars ?? theme).palette)
     // @ts-ignore
-    .filter(key => (theme.vars ?? theme).palette[key].main).map(color => ({
+    .filter(key => (theme.vars ?? theme).palette[key]?.main ?? false).map(color => ({
       props: {
         color
       },

package/modern/index.js

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

package/modern/locales/fiFI.js

@@ -16,11 +16,10 @@ const fiFIPickers = {
   // DateRange labels
   start: 'Alku',
   end: 'Loppu',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Alkamispäivämäärä',
+  startTime: 'Alkamisaika',
+  endDate: 'Päättymispäivämäärä',
+  endTime: 'Päättymisaika',
   // Action bar
   cancelButtonLabel: 'Peruuta',
   clearButtonLabel: 'Tyhjennä',
@@ -35,7 +34,7 @@ const fiFIPickers = {
   clockLabelText: (view, time, adapter) => `Valitse ${views[view]}. ${time === null ? 'Ei aikaa valittuna' : `Valittu aika on ${adapter.format(time, 'fullTime')}`}`,
   hoursClockNumberText: hours => `${hours} tuntia`,
   minutesClockNumberText: minutes => `${minutes} minuuttia`,
-  secondsClockNumberText: seconds => `${seconds} sekunttia`,
+  secondsClockNumberText: seconds => `${seconds} sekuntia`,
   // Digital clock labels
   selectViewText: view => `Valitse ${views[view]}`,
   // Calendar labels
@@ -46,8 +45,7 @@ const fiFIPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Valitse päivä, valittu päivä on ${utils.format(value, 'fullDate')}` : 'Valitse päivä',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Valitse aika, valittu aika on ${utils.format(value, 'fullTime')}` : 'Valitse aika',
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: 'Tyhjennä arvo',
   // Table labels
   timeTableLabel: 'valitse aika',
   dateTableLabel: 'valitse päivä',
@@ -59,19 +57,17 @@ const fiFIPickers = {
   fieldHoursPlaceholder: () => 'tt',
   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: 'Vuosi',
+  month: 'Kuukausi',
+  day: 'Päivä',
+  weekDay: 'Viikonpäivä',
+  hours: 'Tunnit',
+  minutes: 'Minuutit',
+  seconds: 'Sekunnit',
+  meridiem: 'Iltapäivä',
   // Common
-  // empty: 'Empty',
+  empty: 'Tyhjä'
 };
 export const fiFI = getPickersLocalization(fiFIPickers);

package/node/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js

@@ -58,7 +58,7 @@ const PickersOutlinedInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersI
     },
     variants: Object.keys((theme.vars ?? theme).palette)
     // @ts-ignore
-    .filter(key => (theme.vars ?? theme).palette[key].main).map(color => ({
+    .filter(key => (theme.vars ?? theme).palette[key]?.main ?? false).map(color => ({
       props: {
         color
       },

package/node/index.js

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

package/node/locales/fiFI.js

@@ -22,11 +22,10 @@ const fiFIPickers = {
   // DateRange labels
   start: 'Alku',
   end: 'Loppu',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Alkamispäivämäärä',
+  startTime: 'Alkamisaika',
+  endDate: 'Päättymispäivämäärä',
+  endTime: 'Päättymisaika',
   // Action bar
   cancelButtonLabel: 'Peruuta',
   clearButtonLabel: 'Tyhjennä',
@@ -41,7 +40,7 @@ const fiFIPickers = {
   clockLabelText: (view, time, adapter) => `Valitse ${views[view]}. ${time === null ? 'Ei aikaa valittuna' : `Valittu aika on ${adapter.format(time, 'fullTime')}`}`,
   hoursClockNumberText: hours => `${hours} tuntia`,
   minutesClockNumberText: minutes => `${minutes} minuuttia`,
-  secondsClockNumberText: seconds => `${seconds} sekunttia`,
+  secondsClockNumberText: seconds => `${seconds} sekuntia`,
   // Digital clock labels
   selectViewText: view => `Valitse ${views[view]}`,
   // Calendar labels
@@ -52,8 +51,7 @@ const fiFIPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Valitse päivä, valittu päivä on ${utils.format(value, 'fullDate')}` : 'Valitse päivä',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Valitse aika, valittu aika on ${utils.format(value, 'fullTime')}` : 'Valitse aika',
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: 'Tyhjennä arvo',
   // Table labels
   timeTableLabel: 'valitse aika',
   dateTableLabel: 'valitse päivä',
@@ -65,19 +63,17 @@ const fiFIPickers = {
   fieldHoursPlaceholder: () => 'tt',
   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: 'Vuosi',
+  month: 'Kuukausi',
+  day: 'Päivä',
+  weekDay: 'Viikonpäivä',
+  hours: 'Tunnit',
+  minutes: 'Minuutit',
+  seconds: 'Sekunnit',
+  meridiem: 'Iltapäivä',
   // Common
-  // empty: 'Empty',
+  empty: 'Tyhjä'
 };
 const fiFI = exports.fiFI = (0, _getPickersLocalization.getPickersLocalization)(fiFIPickers);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "7.5.1",
+  "version": "7.6.0",
   "description": "The community edition of the Date and Time Picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -35,9 +35,9 @@
     "directory": "packages/x-date-pickers"
   },
   "dependencies": {
-    "@babel/runtime": "^7.24.5",
+    "@babel/runtime": "^7.24.6",
     "@mui/base": "^5.0.0-beta.40",
-    "@mui/system": "^5.15.14",
+    "@mui/system": "^5.15.15",
     "@mui/utils": "^5.15.14",
     "@types/react-transition-group": "^4.4.10",
     "clsx": "^2.1.1",