npm @mui/x-data-grid-pro 9.18.0
v9.18.0
on Node.js NPM

one hour ago

We'd like to extend a big thank you to the 19 contributors who made this release possible. Here are some highlights ✨:

  • 🔗 Event dependencies are now public in the Event Timeline
  • 👆 Drag and drop in the pivot and charts panels of the Data Grid Premium on touch and pen devices
  • 📋 Pasting past the last row of the Data Grid Premium can add rows
  • 📅 The Scheduler reads the weekend days from the locale
  • ⚠️ Recurring events are now opt-in in the Event Calendar, which saves about 10 kB (gzip) when unused
  • 🌍 Improve Chinese (Taiwan) (zh-TW), Czech (cs-CZ), and Indonesian (id-ID) locales
  • 🐞 Bugfixes

Special thanks go out to these community members for their valuable contributions:
@Amko94, @Anexus5919, @costajohnt, @insanrizky, @kojdad-alt, @morsycodes, @mustafajw07, @officialasishkumar, @poplolioi11, @Roman178

The following team members contributed to this release:
@arminmeh, @flaviendelangle, @Janpot, @JCQuintas, @LukasTy, @MBilalShafi, @michelengelen, @noraleonte, @rita-codes

Data Grid

@mui/x-data-grid@9.18.0

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

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

  • [DataGridPro] Add useVisibleColumns to setColumnIndex() (#24140) @JCQuintas
  • [DataGridPro] Call onPinnedColumnsChange after the column order is updated (#24065) @michelengelen
  • [DataGridPro] Follow the data source order when re-fetching grouped rows (#23638) @Anexus5919

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

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

  • [DataGridPremium] Add rows when the pasted data goes past the last row (#23881) @michelengelen
  • [DataGridPremium] Side panel drag and drop with pointer events (#23976) @noraleonte
  • [DataGridPremium] Fit the filter and the sort to a computed column's new type (#24144) @MBilalShafi

Date and Time Pickers

@mui/x-date-pickers@9.18.0

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

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

Charts

@mui/x-charts@9.18.0

Internal changes.

@mui/x-charts-pro@9.18.0 pro

Same changes as in @mui/x-charts@9.18.0, plus:

@mui/x-charts-premium@9.18.0 premium

Same changes as in @mui/x-charts-pro@9.18.0, plus:

  • [charts-premium] Draw one ring per dimension in the pie chart of ChartsRenderer (#24145) @rita-codes

Tree View

@mui/x-tree-view@9.18.0

Internal changes.

@mui/x-tree-view-pro@9.18.0 pro

Same changes as in @mui/x-tree-view@9.18.0.

Scheduler

Breaking changes

  • Recurring events are now opt-in in EventCalendarPremium and in the premium standalone views, like in EventTimelinePremium. Without the feature, each event with an rrule renders once and a dev warning explains how to enable it: 

    +import { recurringEventsFeature } from '@mui/x-scheduler-premium/recurring-events';

-<EventCalendarPremium events={events} />
+<EventCalendarPremium events={events} features={{ recurringEvents: recurringEventsFeature }} />

  • The EventTimelinePremiumRecurringEventsFeature type exported from @mui/x-scheduler-premium/recurring-events has been renamed SchedulerRecurringEventsFeature, since it now feeds both the Event Calendar and the Event Timeline.

  • The value of the processed dates of the occurrences (onEventEditingStart, getEventAriaLabel, the timelineEventContent slot and useEventDialogOccurrence()), the date passed to onVisibleDateChange, and the start and end passed to dataSource.getEvents() are plain Date objects that no longer carry the display timezone. The instants don't change. Read the date and time in the display timezone through key, minutesInDay and timestamp: 

    -const hour = occurrence.displayTimezone.start.value.getHours();
+const hour = Math.floor(occurrence.displayTimezone.start.minutesInDay / 60);

  • The offsets between -01:00 and 00:00, used by a few timezones before the 1970s (like Africa/Monrovia until 1972), are now read as negative, which fixes the events of those years being about an hour off.

  • The weekend days come from the dateLocale. Calendars whose locale has a weekend other than Saturday and Sunday (for example he-IL, ar-*, fa-IR, or en-IN) mark different days with data-weekend, and showWeekends: false hides those days instead.

  • The Scheduler no longer uses a date adapter to read the event strings:

    • A date-time string with an offset, like "2025-01-01T09:00:00+02:00", is read as an instant, like a string ending with Z, and an edit saves it as a UTC string ending with Z.
    • A string without T is no longer read as a date only: "2025-01-01 09:00:00" keeps its time. A string in another format, like "2025/01/01", is read at its wall-clock time in the data timezone.

@mui/x-scheduler@9.0.0-beta.16

@mui/x-scheduler-premium@9.0.0-beta.16 premium

Same changes as in @mui/x-scheduler@9.0.0-beta.16, plus:

  • [scheduler-premium] Make recurring events opt-in in the Event Calendar (#24089) @rita-codes
  • [scheduler-premium] Make the Event Timeline dependencies public (#24039) @rita-codes

Core

Miscellaneous

  • [chat] Make the order of the message slots deterministic in the API docs (#24083) @github-actions[bot]
  • [virtualizer] Remove the sticky frame delay (#24056) @arminmeh
Check out latest releases or
releases around @mui/x-data-grid-pro 9.18.0

Don't miss a new x-data-grid-pro release

NewReleases is sending notifications on new releases.

Get notifications