Skip to content

Releases: mui/mui-x

v7.0.0-alpha.3

04 Dec 12:29
@DanailH DanailH
v7.0.0-alpha.3
dddfa61
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v7.0.0-alpha.3 Pre-release
Pre-release

We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:

  • 🚀 Support localized start of the week on pickers' AdapterLuxon

    When using Luxon 3.4.4 or higher, the start of the week will be defined by the date locale (e.g.: Sunday for en-US, Monday for fr-FR).

  • 📈 Fix a lot of Charts package issues

  • 🎉 The Data Grid features Cell selection and Clipboard paste are now stable

  • 🌍 Improve Bulgarian (bg-BG) locale on Data Grid

  • 🐞 Bugfixes

  • 📚 Documentation improvements

Data Grid

Breaking changes

  • The clipboard paste feature is now enabled by default. The flag clipboardPaste is no longer needed to be passed to the experimentalFeatures prop.

  • The clipboard-related exports ignoreValueFormatterDuringExport and splitClipboardPastedText are no longer prefixed with unstable_.

  • The deprecated constants SUBMIT_FILTER_STROKE_TIME and SUBMIT_FILTER_DATE_STROKE_TIME have been removed from the DataGrid exports. Use the filterDebounceMs prop to customize filter debounce time.

  • The slots.preferencesPanel slot and the slotProps.preferencesPanel prop were removed. Use slots.panel and slotProps.panel instead.

  • The GridPreferencesPanel component is not exported anymore as it wasn't meant to be used outside of the Data Grid.

  • The unstable_ prefix has been removed from the cell selection props listed below.

    Old name New name
    unstable_cellSelection cellSelection
    unstable_cellSelectionModel cellSelectionModel
    unstable_onCellSelectionModelChange onCellSelectionModelChange

  • The unstable_ prefix has been removed from the cell selection API methods listed below.

    Old name New name
    unstable_getCellSelectionModel getCellSelectionModel
    unstable_getSelectedCellsAsArray getSelectedCellsAsArray
    unstable_isCellSelected isCellSelected
    unstable_selectCellRange selectCellRange
    unstable_setCellSelectionModel setCellSelectionModel

  • The Quick Filter now ignores hidden columns by default.
    See including hidden columns section for more details.

@mui/x-data-grid@7.0.0-alpha.3

@mui/x-data-grid-pro@7.0.0-alpha.3 pro

Same changes as in @mui/x-data-grid@7.0.0-alpha.3.

@mui/x-data-grid-premium@7.0.0-alpha.3 premium

Same changes as in @mui/x-data-grid-pro@7.0.0-alpha.3, plus:

Date Pickers

Breaking changes

  • The Date and Time Pickers now use the localized week when using AdapterLuxon and Luxon v3.4.4 or higher is installed.
    This new behavior allows AdapterLuxon to have the same behavior as the other adapters.
    If you want to keep the start of the week on Monday even if your locale says otherwise, you can hardcode the week settings as follows:
    The Firefox browser currently does not support this behavior because the getWeekInfo API is not yet implemented.

    import { Settings } from 'luxon';

Settings.defaultWeekSettings = {
  firstDay: 1,
  minimalDays: Info.getMinimumDaysInFirstWeek(),
  weekend: [6, 7],
};

  • Add new parameters to the shortcuts slot onChange callback

    The onChange callback fired when selecting a shortcut now requires two new parameters (previously they were optional):

    • The changeImportance of the shortcut.
    • The item containing the entire shortcut object.
     const CustomShortcuts = (props) => {
   return (
     <React.Fragment>
       {props.items.map(item => {
         const value = item.getValue({ isValid: props.isValid });
         return (
           <button
-            onClick={() => onChange(value)}
+            onClick={() => onChange(value, props.changeImportance ?? 'accept', item)}
           >
             {value}
           </button>
         )
       }}
     </React.Fragment>
   )
 }

 <DatePicker slots={{ shortcuts: CustomShortcuts }} />
    • Usage of AdapterDayjs with the customParseFormat plugin
      The call to dayjs.extend(customParseFormatPlugin) has been moved to the AdapterDayjs constructor. This allows users to pass custom options to this plugin before the adapter uses it.

    If you are using this plugin before the rendering of the first LocalizationProvider component and did not call dayjs.extend in your own codebase, you will need to manually extend dayjs:

    import dayjs from 'dayjs';
import customParseFormatPlugin from 'dayjs/plugin/customParseFormat';

dayjs.extend(customParseFormatPlugin);

    The other plugins are still added before the adapter initialization.

@mui/x-date-pickers@7.0.0-alpha.3

@mui/x-date-pickers-pro@7.0.0-alpha.3 pro

Same changes as in @mui/x-date-pickers@7.0.0-alpha.3.

Charts / @mui/x-charts@7.0.0-alpha.3

Docs

Core

Contributors

joserodolfofreitas, gitstart, and 13 other contributors
Assets 2

v6.18.3

04 Dec 11:26
@LukasTy LukasTy
v6.18.3
f181294
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v6.18.3

We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:

  • 📈 Fix a lot of Charts package issues
  • 🌍 Improve Bulgarian (bg-BG) locale on Data Grid
  • 🐞 Bugfixes
  • 📚 Documentation improvements

Data Grid

@mui/x-data-grid@6.18.3

@mui/x-data-grid-pro@6.18.3 pro

Same changes as in @mui/x-data-grid@6.18.3.

@mui/x-data-grid-premium@6.18.3 premium

Same changes as in @mui/x-data-grid-pro@6.18.3, plus:

  • [DataGridPremium] Fix aggregated column ignoring column definition changes (#11176) @cherniavskii
  • [DataGridPremium] Fix custom filter operators not working on aggregated column (#11201) @cherniavskii

Date Pickers

@mui/x-date-pickers@6.18.3

  • [pickers] Correctly format MultiSectionDigitalClock number sections (#11297) @LukasTy
  • [pickers] Expand field placeholder methods flexibility by providing format parameter (#11254) @LukasTy

@mui/x-date-pickers-pro@6.18.3 pro

Same changes as in @mui/x-date-pickers@6.18.3.

Charts / @mui/x-charts@6.18.3

Docs

Contributors

joserodolfofreitas, gitstart, and 8 other contributors
Assets 2

v7.0.0-alpha.2

23 Nov 16:34
@LukasTy LukasTy
v7.0.0-alpha.2
316fa94
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v7.0.0-alpha.2 Pre-release
Pre-release

We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:

  • 📈 Export missing Charts props
  • 🌍 Improve Arabic (ar-SD) and Hebrew (he-IL) locales on Data Grid
  • 🌍 Add Macedonian (mk) locale and improve German (de-DE) locale on Pickers
  • 🐞 Bugfixes
  • 📚 Documentation improvements

Data Grid

@mui/x-data-grid@7.0.0-alpha.2

@mui/x-data-grid-pro@7.0.0-alpha.2 pro

Same changes as in @mui/x-data-grid@7.0.0-alpha.2.

@mui/x-data-grid-premium@7.0.0-alpha.2 premium

Same changes as in @mui/x-data-grid-pro@7.0.0-alpha.2.

Date Pickers

Breaking changes

  • The deprecated shouldDisableClock prop has been removed in favor of the more flexible shouldDisableTime prop.
    The shouldDisableClock prop received value as a number of hours, minutes, or seconds.
    Instead, the shouldDisableTime prop receives the date object (based on the used adapter).

    You can read more about the deprecation of this prop in v6 migration guide.

     <DateTimePicker
-  shouldDisableClock={(timeValue, view) => view === 'hours' && timeValue < 12}
+  shouldDisableTime={(value, view) => view === 'hours' && value.hour() < 12}
 />

  • The adapter.dateWithTimezone method has been removed and its content moved to the date method.
    You can use the adapter.date method instead:

    - adapter.dateWithTimezone(undefined, 'system');
+ adapter.date(undefined, 'system');

  • The dayPickerClasses variable has been renamed to dayCalendarClasses to be consistent with the new name of the DayCalendar component introduced in v6.0.0.

    - import { dayPickerClasses } from '@mui/x-date-pickers/DateCalendar';
+ import { dayCalendarClasses } from '@mui/x-date-pickers/DateCalendar';

  • The deprecated defaultCalendarMonth prop has been removed in favor of the more flexible referenceDate prop.

    - <DateCalendar defaultCalendarMonth={dayjs('2022-04-01')};
+ <DateCalendar referenceDate{dayjs('2022-04-01')} />

  • The adapter.date method now has the v6 adapter.dateWithTimezone method behavior.
    It no longer accepts any as a value but only string | null | undefined.

    - adapter.date(new Date());
+ adapter.date();

- adapter.date(new Date('2022-04-17');
+ adapter.date('2022-04-17');

- adapter.date(new Date(2022, 3, 17, 4, 5, 34));
+ adapter.date('2022-04-17T04:05:34');

- adapter.date(new Date('Invalid Date'));
+ adapter.getInvalidDate();

@mui/x-date-pickers@7.0.0-alpha.2

@mui/x-date-pickers-pro@7.0.0-alpha.2 pro

Same changes as in @mui/x-date-pickers@7.0.0-alpha.2.

Charts / @mui/x-charts@7.0.0-alpha.2

@mui/x-codemod@7.0.0-alpha.2

Docs

Core

Contributors

joserodolfofreitas, Janpot, and 8 other contributors
Assets 2

v6.18.2

23 Nov 15:40
@LukasTy LukasTy
v6.18.2
2fb2fe7
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v6.18.2

We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:

  • 🌍 Improve Arabic (ar-SD), Czech (cs-CZ), and Hebrew (he-IL) locales on Data Grid
  • 🌍 Add Basque (eu) and Macedonian (mk) locales on Pickers
  • 🌍 Improve German (de-DE) and Spanish (es-ES) locales on Pickers
  • 🐞 Bugfixes
  • 📚 Documentation improvements

Data Grid

@mui/x-data-grid@6.18.2

@mui/x-data-grid-pro@6.18.2 pro

Same changes as in @mui/x-data-grid@6.18.2.

@mui/x-data-grid-premium@6.18.2 premium

Same changes as in @mui/x-data-grid-pro@6.18.2.

Date Pickers

@mui/x-date-pickers@6.18.2

@mui/x-date-pickers-pro@6.18.2 pro

Same changes as in @mui/x-date-pickers@6.18.2.

Charts / @mui/x-charts@6.18.2

Docs

Contributors

flaviendelangle, LukasTy, and 9 other contributors
Assets 2

v7.0.0-alpha.1

17 Nov 15:23
@noraleonte noraleonte
v7.0.0-alpha.1
4dac1ee
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v7.0.0-alpha.1 Pre-release
Pre-release

We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:

  • 🐞 Bugfixes
  • 📚 Documentation improvements

Date Pickers

@mui/x-date-pickers@7.0.0-alpha.1 / @mui/x-date-pickers-pro@7.0.0-alpha.1 pro

Breaking changes

  • The string argument of the dayOfWeekFormatter prop has been replaced in favor of the date object to allow more flexibility.

     <DateCalendar
   // If you were still using the day string, you can get it back with your date library.
-  dayOfWeekFormatter={dayStr => `${dayStr}.`}
+  dayOfWeekFormatter={day => `${day.format('dd')}.`}

   // If you were already using the day object, just remove the first argument.
-  dayOfWeekFormatter={(_dayStr, day) => `${day.format('dd')}.`}
+  dayOfWeekFormatter={day => `${day.format('dd')}.`}
 />

  • The imports related to the calendarHeader slot have been moved from @mui/x-date-pickers/DateCalendar to @mui/x-date-pickers/PIckersCalendarHeader:

     export {
   pickersCalendarHeaderClasses,
   PickersCalendarHeaderClassKey,
   PickersCalendarHeaderClasses,
   PickersCalendarHeader,
   PickersCalendarHeaderProps,
   PickersCalendarHeaderSlotsComponent,
   PickersCalendarHeaderSlotsComponentsProps,
   ExportedPickersCalendarHeaderProps,
-} from '@mui/x-date-pickers/DateCalendar';
+} from '@mui/x-date-pickers/PickersCalendarHeader';

  • The monthAndYear format has been removed.
    It was used in the header of the calendar views, you can replace it with the new format prop of the calendarHeader slot:

     <LocalizationProvider
   adapter={AdapterDayJS}
-  formats={{ monthAndYear: 'MM/YYYY' }}
 />
   <DatePicker
+    slotProps={{ calendarHeader: { format: 'MM/YYYY' }}}
   />
   <DateRangePicker
+    slotProps={{ calendarHeader: { format: 'MM/YYYY' }}}
   />
 <LocalizationProvider />

  • The adapter.getDiff method have been removed, you can directly use your date library:

     // For Day.js
-const diff = adapter.getDiff(value, comparing, unit);
+const diff = value.diff(comparing, unit);

 // For Luxon
-const diff = adapter.getDiff(value, comparing, unit);
+const getDiff = (value: DateTime, comparing: DateTime | string, unit?: AdapterUnits) => {
+  const parsedComparing = typeof comparing === 'string'
+    ? DateTime.fromJSDate(new Date(comparing))
+    : comparing;
+  if (unit) {
+    return Math.floor(value.diff(comparing).as(unit));
+  }
+  return value.diff(comparing).as('millisecond');
+};
+
+const diff = getDiff(value, comparing, unit);

  // For DateFns
-const diff = adapter.getDiff(value, comparing, unit);
+const getDiff = (value: Date, comparing: Date | string, unit?: AdapterUnits) => {
+  const parsedComparing = typeof comparing === 'string' ? new Date(comparing) : comparing;
+  switch (unit) {
+    case 'years':
+      return dateFns.differenceInYears(value, parsedComparing);
+    case 'quarters':
+      return dateFns.differenceInQuarters(value, parsedComparing);
+    case 'months':
+      return dateFns.differenceInMonths(value, parsedComparing);
+    case 'weeks':
+      return dateFns.differenceInWeeks(value, parsedComparing);
+    case 'days':
+      return dateFns.differenceInDays(value, parsedComparing);
+    case 'hours':
+      return dateFns.differenceInHours(value, parsedComparing);
+    case 'minutes':
+      return dateFns.differenceInMinutes(value, parsedComparing);
+    case 'seconds':
+      return dateFns.differenceInSeconds(value, parsedComparing);
+    default: {
+      return dateFns.differenceInMilliseconds(value, parsedComparing);
+    }
+  }
+};
+
+const diff = getDiff(value, comparing, unit);

 // For Moment
-const diff = adapter.getDiff(value, comparing, unit);
+const diff = value.diff(comparing, unit);

  • The adapter.getFormatHelperText method have been removed, you can use the adapter.expandFormat instead:

-const expandedFormat = adapter.getFormatHelperText(format);
+const expandedFormat = adapter.expandFormat(format);

And if you need the exact same output you can apply the following transformation:

 // For Day.js
-const expandedFormat = adapter.getFormatHelperText(format);
+const expandedFormat = adapter.expandFormat(format).replace(/a/gi, '(a|p)m').toLocaleLowerCase();

 // For Luxon
-const expandedFormat = adapter.getFormatHelperText(format);
+const expandedFormat = adapter.expandFormat(format).replace(/(a)/g, '(a|p)m').toLocaleLowerCase();

 // For DateFns
-const expandedFormat = adapter.getFormatHelperText(format);
+const expandedFormat = adapter.expandFormat(format).replace(/(aaa|aa|a)/g, '(a|p)m').toLocaleLowerCase();

 // For Moment
-const expandedFormat = adapter.getFormatHelperText(format);
+const expandedFormat = adapter.expandFormat(format).replace(/a/gi, '(a|p)m').toLocaleLowerCase();

  • The adapter.getMeridiemText method have been removed, you can use the adapter.setHours, adapter.date and adapter.format methods to recreate its behavior:

    -const meridiem = adapter.getMeridiemText('am');
+const getMeridiemText = (meridiem: 'am' | 'pm') => {
+  const date = adapter.setHours(adapter.date()!, meridiem === 'am' ? 2 : 14);
+  return utils.format(date, 'meridiem');
+};
+
+const meridiem = getMeridiemText('am');

  • The adapter.getMonthArray method have been removed, you can use the adapter.startOfYear and adapter.addMonths methods to recreate its behavior:

    -const monthArray = adapter.getMonthArray(value);
+const getMonthArray = (year) => {
+  const firstMonth = utils.startOfYear(year);
+  const months = [firstMonth];
+
+  while (months.length < 12) {
+    const prevMonth = months[months.length - 1];
+    months.push(utils.addMonths(prevMonth, 1));
+  }
+
+  return months;
+}
+
+const monthArray = getMonthArray(value);

  • The adapter.getNextMonth method have been removed, you can use the adapter.addMonths method instead:

    -const nextMonth = adapter.getNextMonth(value);
+const nextMonth = adapter.addMonths(value, 1);

  • The adapter.getPreviousMonth method have been removed, you can use the adapter.addMonths method instead:

    -const previousMonth = adapter.getPreviousMonth(value);
+const previousMonth = adapter.addMonths(value, -1);

  • The adapter.getWeekdays method have been removed, you can use the adapter.startOfWeek and adapter.addDays methods instead:

    -const weekDays = adapter.getWeekdays(value);
+const getWeekdays = (value) => {
+  const start = adapter.startOfWeek(value);
+  return [0, 1, 2, 3, 4, 5, 6].map((diff) => utils.addDays(start, diff));
+};
+
+const weekDays = getWeekdays(value);

  • The isNull method have been removed, you can replace it with a very basic check:

    -const isNull = adapter.isNull(value);
+const isNull = value === null;

  • The adapter.mergeDateAndTime method have been removed, you can use the adapter.setHours, adapter.setMinutes, and adapter.setSeconds methods to recreate its behavior:

    -const result = adapter.mergeDateAndTime(valueWithDate, valueWithTime);
+const mergeDateAndTime = <TDate>(
+   dateParam,
+   timeParam,
+ ) => {
+   let mergedDate = dateParam;
+   mergedDate = utils.setHours(mergedDate, utils.getHours(timeParam));
+   mergedDate = utils.setMinutes(mergedDate, utils.getMinutes(timeParam));
+   mergedDate = utils.setSeconds(mergedDate, utils.getSeconds(timeParam));
+
+   return mergedDate;
+ };
+
+const result = mergeDateAndTime(valueWithDate, valueWithTime);

  • The adapter.parseISO method have been removed, you can directly use your date library:

     // For Day.js
-const value = adapter.parseISO(isoString);
+const value = dayjs(isoString);

 // For Luxon
-const value = adapter.parseISO(isoString);
+const value = DateTime.fromISO(isoString);

 // For DateFns
-const value = adapter.parseISO(isoString);
+const value = dateFns.parseISO(isoString);

 // For Moment
-const value = adapter.parseISO(isoString);
+const value = moment(isoString, true);

  • The adapter.toISO method have been removed, you can directly use your date library:

    -const isoString = adapter.toISO(value);
+const isoString = value.toISOString();
+const isoString = value.toUTC().toISO({ format: 'extended' });
+const isoString = dateFns.formatISO(value, { format: 'extended' });
+const isoString = value.toISOString();

  • The adapter.isEqual method used to accept any type of value for its two input and tried to parse them before checking if they were equal.
    The method has been simplified and now only accepts an already-parsed date or null (ie: the same formats used by the value prop in the pickers)

     const adapterDayjs = new AdapterDayjs();
 const adapterLuxon = new AdapterLuxon();
 const adapterDateFns = new AdapterDateFns();
 const adapterMoment = new AdatperMoment();

 // Supported formats
 const isEqual = adapterDayjs.isEqual(null, null); // Same for the other adapters
 const isEqual = adapterLuxon.isEqual(DateTime.now(), DateTime.fromISO('2022-04-17'));
 const isEqual = adapterMoment.isEqual(moment(), moment('2022-04-17'));
 const isEqual = adapterDateFns.isEqual(new Date(), new Date('2022-04-17'));

 // Non-supported formats (JS Date)
-const isEqual = adapterDayjs.isEqual(new Date(), new Date('2022-04-17'));...
Read more

Contributors

flaviendelangle, LukasTy, and cherniavskii
Assets 2

v7.0.0-alpha.0

10 Nov 10:57
@michelengelen michelengelen
v7.0.0-alpha.0
9ef001a
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v7.0.0-alpha.0 Pre-release
Pre-release

We're thrilled to announce the first alpha release of our next major version, v7.
This release introduces a few breaking changes, paving the way for the upcoming features like Pivoting and DateTimeRangePicker.

A special shoutout to thank the 12 contributors who made this release possible. Here are some highlights ✨:

  • 🚀 First v7 alpha release
  • ✨ Fix aggregation label not showing when renderHeader is used (#10961) @cherniavskii
  • 📘 Server side data source early documentation
  • 💫 New recipes added for the data grid
  • 📈 <ChartsReferenceLine /> component is now available
  • 🌍 Add Basque (eu) locale, improve Czech (cs-CZ) and Spanish (es-ES) locales
  • 🐞 Bugfixes
  • 📚 Documentation improvements

Data Grid

Breaking changes

  • The deprecated components and componentsProps props have been removed. Use slots and slotProps instead. See components section for more details.
  • The print export will now only print the selected rows if there are any.
    If there are no selected rows, it will print all rows. This makes the print export consistent with the other exports.
    You can customize the rows to export by using the getRowsToExport function.
  • The getApplyFilterFnV7 in GridFilterOperator was renamed to getApplyFilterFn.
    If you use getApplyFilterFnV7 directly - rename it to getApplyFilterFn.
  • The signature of the function returned by getApplyFilterFn has changed for performance reasons:
 const getApplyFilterFn: GetApplyFilterFn<any, unknown> = (filterItem) => {
   if (!filterItem.value) {
     return null;
   }
   const filterRegex = new RegExp(escapeRegExp(filterItem.value), 'i');
-  return (cellParams) => {
-    const { value } = cellParams;
+  return (value, row, colDef, apiRef) => {
     return value != null ? filterRegex.test(String(value)) : false;
   };
 }
  • The getApplyQuickFilterFnV7 in GridColDef was renamed to getApplyQuickFilterFn.
    If you use getApplyQuickFilterFnV7 directly - rename it to getApplyQuickFilterFn.
  • The signature of the function returned by getApplyQuickFilterFn has changed for performance reasons:
 const getGridStringQuickFilterFn: GetApplyQuickFilterFn<any, unknown> = (value) => {
   if (!value) {
     return null;
   }
   const filterRegex = new RegExp(escapeRegExp(value), 'i');
-  return (cellParams) => {
-    const { formattedValue } = cellParams;
+  return (value, row, column, apiRef) => {
+    let formattedValue = apiRef.current.getRowFormattedValue(row, column);
     return formattedValue != null ? filterRegex.test(formattedValue.toString()) : false;
   };
 };

@mui/x-data-grid@7.0.0-alpha.0

@mui/x-data-grid-pro@7.0.0-alpha.0 pro

Same changes as in @mui/x-data-grid@7.0.0-alpha.0, plus:

  • [DataGridPro] Autosize Columns - Fix headers being cut off (#10666) @gitstart
  • [DataGridPro] Add data source interface and basic documentation (#10543) @MBilalShafi

@mui/x-data-grid-premium@7.0.0-alpha.0 premium

Same changes as in @mui/x-data-grid-pro@7.0.0-alpha.0, plus:

Date Pickers

Breaking changes

  • The deprecated components and componentsProps props have been removed. Use slots and slotProps instead.

@mui/x-date-pickers@7.0.0-alpha.0

@mui/x-date-pickers-pro@7.0.0-alpha.0 pro

Same changes as in @mui/x-date-pickers@7.0.0-alpha.0.

Charts / @mui/x-charts@7.0.0-alpha.0

Breaking changes

Types for slots and slotProps got renamed by removing the "Component" which is meaningless for charts.
Unless you imported those types, to create a wrapper, you should not be impacted by this breaking change.

Here is an example of the renaming for the <ChartsTooltip /> component.

-ChartsTooltipSlotsComponent
+ChartsTooltipSlots

-ChartsTooltipSlotComponentProps
+ChartsTooltipSlotProps

@mui/x-codemod@7.0.0-alpha.0

Docs

Core

Contributors

romgrk, gitstart, and 11 other contributors
Assets 2

v6.18.1

09 Nov 11:26
@michelengelen michelengelen
v6.18.1
9be9e22
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v6.18.1

We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:

  • ✨ Fix aggregation label not showing when renderHeader is used (#10961) @cherniavskii
  • 📘 Server side data source early documentation published
  • 📈 <ChartsReferenceLine /> component is now available
  • 🐞 Bugfixes
  • 📚 Documentation improvements

Data Grid

@mui/x-data-grid@6.18.1

@mui/x-data-grid-pro@6.18.1 pro

Same changes as in @mui/x-data-grid@6.18.1, plus:

@mui/x-data-grid-premium@6.18.1 premium

Same changes as in @mui/x-data-grid-pro@6.18.1, plus:

Date Pickers

@mui/x-date-pickers@6.18.1

@mui/x-date-pickers-pro@6.18.1 pro

Same changes as in @mui/x-date-pickers@6.18.1.

Charts / @mui/x-charts@6.18.1

Docs

Core

Contributors

wascou, romgrk, and 7 other contributors
Assets 2

v6.18.0

03 Nov 14:08
@alexfauquette alexfauquette
v6.18.0
7c69a03
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v6.18.0

We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:

  • ✨ The data grid allows to ignore diacritics when filtering.
  • 📚 Documentation improvements

Data Grid

@mui/x-data-grid@6.18.0

@mui/x-data-grid-pro@6.18.0 pro

Same changes as in @mui/x-data-grid@6.18.0.

@mui/x-data-grid-premium@6.18.0 premium

Same changes as in @mui/x-data-grid-pro@6.18.0.

Date Pickers

@mui/x-date-pickers@6.18.0

@mui/x-date-pickers-pro@6.18.0 pro

Same changes as in @mui/x-date-pickers@6.18.0.

Charts / @mui/x-charts@6.18.0

Docs

Core

  • [core] Generate slot API descriptions based on slots or components (#10879) @LukasTy

Contributors

romgrk, LukasTy, and 5 other contributors
Assets 2

v6.17.0

27 Oct 11:58
@flaviendelangle flaviendelangle
v6.17.0
5505a59
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v6.17.0

We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:

  • 🎁 The Tree View package is now officially stable!

tree-view-example

  • ✨ Improve the handling of non-numeric values by Data Grid aggregation
  • 🚀 Support lines with different domains on the line charts
  • 🐞 Bugfixes
  • 📚 Documentation improvements

Data Grid

@mui/x-data-grid@6.17.0

@mui/x-data-grid-pro@6.17.0 pro

Same changes as in @mui/x-data-grid@6.17.0, plus:

  • [DataGridPro] Fix undefined values passed to valueFormatter for tree leaf nodes (#10748) @cherniavskii

@mui/x-data-grid-premium@6.17.0 premium

Same changes as in @mui/x-data-grid-pro@6.17.0, plus:

  • [DataGridPremium] Fix avg aggregation to ignore non-numeric values (#10787) @cherniavskii
  • [DataGridPremium] Fix size aggregation to ignore undefined values (#10745) @cherniavskii
  • [DataGridPremium] Fix sum aggregation to ignore non-numeric values (#10730) @cherniavskii
  • [DataGridPremium] Fix cell selection throwing index error on second page and beyond (#10784) @MBilalShafi

Contributors

MBilalShafi and cherniavskii
Assets 2

v6.16.3

20 Oct 18:53
@romgrk romgrk
v6.16.3
b99c0d7
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v6.16.3

We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:

  • 🎁 Add a Data Grid recipe for saving & restoring state
  • 💫 Support animations on the bar chart
  • 🐞 Bugfixes
  • 📚 Documentation improvements

Data Grid

@mui/x-data-grid@6.16.3

  • [DataGrid] Allow passing readonly arrays to columns and sortingOrder props (#10686) @pcorpet

@mui/x-data-grid-pro@6.16.3 pro

Same changes as in @mui/x-data-grid@6.16.3.

@mui/x-data-grid-premium@6.16.3 premium

Same changes as in @mui/x-data-grid-pro@6.16.3.

Date Pickers

@mui/x-date-pickers@6.16.3

@mui/x-date-pickers-pro@6.16.3 pro

Same changes as in @mui/x-date-pickers@6.16.3, plus:

Charts / @mui/x-charts@6.0.0-alpha.16

Docs

Core

Contributors

oliviertassinari, flaviendelangle, and 5 other contributors
Assets 2