Skip to content

Releases: mui/mui-x

v7.0.0-alpha.8

11 Jan 18:49
@alexfauquette alexfauquette
v7.0.0-alpha.8
a247004
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.8

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

  • ⏰ Support date-fns v3 (#11659) @LukasTy
    Pickers support both v2 and v3 of date-fns. For v3 use AdapterDateFnsV3. 
    // with date-fns v2.x
import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
import de from 'date-fns/locale/de';
    // with date-fns v3.x
import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3';
import { de } from 'date-fns/locale/de';

Data Grid

Breaking changes

  • The import path for locales has been changed:

    -import { enUS } from '@mui/x-data-grid';
+import { enUS } from '@mui/x-data-grid/locales';

-import { enUS } from '@mui/x-data-grid-pro';
+import { enUS } from '@mui/x-data-grid-pro/locales';

-import { enUS } from '@mui/x-data-grid-premium';
+import { enUS } from '@mui/x-data-grid-premium/locales';

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

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

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

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

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

Date Pickers

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

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

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

Tree View / @mui/x-tree-view@7.0.0-alpha.8

Docs

Core

Contributors

oliviertassinari, flaviendelangle, and 4 other contributors
Assets 2

v6.19.0

11 Jan 16:50
@alexfauquette alexfauquette
v6.19.0
cc9dd37
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.19.0

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

  • ⏰ Support date-fns v3 (#11659) @LukasTy
    Pickers support both v2 and v3 of date-fns. For v3 use AdapterDateFnsV3. 
    // with date-fns v2.x
import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
import de from 'date-fns/locale/de';
    // with date-fns v3.x
import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3';
import { de } from 'date-fns/locale/de';

Date Pickers

@mui/x-date-pickers@6.19.0

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

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

Docs

Contributors

oliviertassinari, LukasTy, and 3 other contributors
Assets 2

v7.0.0-alpha.7

05 Jan 16:32
@flaviendelangle flaviendelangle
v7.0.0-alpha.7
8153169
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.7 Pre-release
Pre-release

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

  • 🎁 New component to create a Tree View from a structured data source:

    You can now directly pass your data to the RichTreeView component instead of manually converting it into JSX TreeItem components:

    const ITEMS = [
  {
    id: 'node-1',
    label: 'Node 1',
    children: [
      { id: 'node-1-1', label: Node 1.1' },
      { id: 'node-1-2', label: Node 1.2' },
    ],
  },
  {
    id: 'node-2',
    label: 'Node 2',
  },
];

<RichTreeView
  items={MUI_X_PRODUCTS}
  defaultCollapseIcon={<ExpandMoreIcon />}
  defaultExpandIcon={<ChevronRightIcon />}
/>

  • 🌍 Improve Czech (cs-CZ) locale on the Data Grid

  • 🐞 Bugfixes

Data Grid

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

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

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

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

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

Date Pickers

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

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

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

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

Tree View

Breaking changes

  • The expansion props have been renamed to better describe their behaviors:

    Old name New name
    onNodeToggle onExpandedNodesChange
    expanded expandedNodes
    defaultExpanded defaultExpandedNodes 
      <TreeView
-   onNodeToggle={handleExpansionChange}
+   onExpandedNodesChange={handleExpansionChange}

-   expanded={expandedNodes}
+   expandedNodes={expandedNodes}

-   defaultExpanded={defaultExpandedNodes}
+   defaultExpandedNodes={defaultExpandedNodes}
  />

  • The selection props have been renamed to better describe their behaviors:

    Old name New name
    onNodeSelect onSelectedNodesChange
    selected selectedNodes
    defaultSelected defaultSelectedNodes 
      <TreeView
-   onNodeSelect={handleSelectionChange}
+   onSelectedNodesChange={handleSelectionChange}

-   selected={selectedNodes}
+   selectedNodes={selectedNodes}

-   defaultSelected={defaultSelectedNodes}
+   defaultSelectedNodes={defaultSelectedNodes}
  />

@mui/x-tree-view@7.0.0-alpha.7

Docs

Core

Contributors

romgrk, oliviertassinari, and 6 other contributors
Assets 2

v6.18.7

05 Jan 16:25
@flaviendelangle flaviendelangle
v6.18.7
fa6b8ba
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.7

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

  • 🌍 Improve Czech (cs-CZ) locale on Data Grid (#11429) @wensiet
  • 🐞 Bugfixes

Data Grid

@mui/x-data-grid@6.18.7

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

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

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

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

Date Pickers

@mui/x-date-pickers@6.18.7

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

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

Charts / @mui/x-charts@6.18.7

Docs

Contributors

LukasTy, fdebef, and 3 other contributors
Assets 2

v7.0.0-alpha.6

24 Dec 10:16
@MBilalShafi MBilalShafi
v7.0.0-alpha.6
a6af794
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.6 Pre-release
Pre-release

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

  • 🎁 Data Grid now supports Date objects in the filterModel
  • 🌍 Improve Russian (ru-RU) locale on the Data Grid
  • 🐞 Bugfixes

Data Grid

Breaking changes

  • The filter panel no longer uses the native version of the Select component for all components.

  • The getOptionValue and getOptionLabel props were removed from the following components:

    • GridEditSingleSelectCell
    • GridFilterInputSingleSelect
    • GridFilterInputMultipleSingleSelect

    Use the getOptionValue and getOptionLabel properties on the singleSelect column definition instead:

    const column: GridColDef = {
  type: 'singleSelect',
  field: 'country',
  valueOptions: [
    { code: 'BR', name: 'Brazil' },
    { code: 'FR', name: 'France' },
  ],
  getOptionValue: (value: any) => value.code,
  getOptionLabel: (value: any) => value.name,
};

  • The filterModel now supports Date objects as values for date and dateTime column types.
    The filterModel still accepts strings as values for date and dateTime column types,
    but all updates to the filterModel coming from the UI (e.g. filter panel) will set the value as a Date object.

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

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

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

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

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

Date Pickers

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

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

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

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

Docs

Core

Contributors

flaviendelangle, LukasTy, and 5 other contributors
Assets 2

v6.18.6

24 Dec 10:11
@MBilalShafi MBilalShafi
v6.18.6
876a2ac
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.6

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

Data Grid

@mui/x-data-grid@6.18.6

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

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

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

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

Date Pickers

@mui/x-date-pickers@6.18.6

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

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

Charts / @mui/x-charts@6.18.4

Docs

Contributors

flaviendelangle, LukasTy, and 3 other contributors
Assets 2

v7.0.0-alpha.5

14 Dec 15:14
@MBilalShafi MBilalShafi
v7.0.0-alpha.5
c8e4c7d
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.5 Pre-release
Pre-release

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

  • 💫 New recipe added for the Data Grid
  • 🌍 Improve Swedish (sv-SE) and Urdu (ur-PK) locales on the Data Grid
  • 🐞 Bugfixes

Data Grid

Breaking changes

  • The instanceId prop is now required for state selectors.
    This prop is used to distinguish between multiple Data Grid instances on the same page.
    See migration docs for more details.

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

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

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

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

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

Date Pickers

Breaking changes

  • The slot interfaces got renamed to match with @mui/base naming.
    The SlotsComponent suffix has been replaced with Slots and SlotsComponentsProps with SlotProps.

    - DateCalendarSlotsComponent
+ DateCalendarSlots
- DateCalendarSlotsComponentsProps
+ DateCalendarSlotProps

  • Move inputRef inside the props passed to the field hooks

    The field hooks now only receive the props instead of an object containing both the props and the inputRef.

    - const { inputRef, ...otherProps } = props
- const fieldResponse = useDateField({ props: otherProps, inputRef });
+ const fieldResponse = useDateField(props);

    If you are using a multi input range field hook, the same applies to startInputRef and endInputRef params

    - const { inputRef: startInputRef, ...otherStartTextFieldProps } = startTextFieldProps
- const { inputRef: endInputRef, ...otherEndTextFieldProps } = endTextFieldProps

  const fieldResponse = useMultiInputDateRangeField({
    sharedProps,
-   startTextFieldProps: otherStartTextFieldProps,
-   endTextFieldProps: otherEndTextFieldProps,
-   startInputRef
-   endInputRef,
+   startTextFieldProps, 
+   endTextFieldProps
  });

  • Rename the ref returned by the field hooks to inputRef

    When used with the v6 TextField approach (where the input is an <input /> HTML element), the field hooks return a ref that needs to be passed to the <input /> element.
    This ref was previously named ref and has been renamed inputRef for extra clarity.

      const fieldResponse = useDateField(props);

- return <input ref={fieldResponse.ref} /> 
+ return <input ref={fieldResponse.inputRef} />

    If you are using a multi input range field hook, the same applies to the ref in the startDate and endDate objects

      const fieldResponse = useDateField(props);

  return (
    <div>
-     <input ref={fieldResponse.startDate.ref} />
+     <input ref={fieldResponse.startDate.inputRef} />
      <span>–</span>
-     <input ref={fieldResponse.endDate.ref} />
+     <input ref={fieldResponse.endDate.inputRef} />
    </div>
  )

  • Restructure the API of useClearableField

    The useClearableField hook API has been simplified to now take a props parameter instead of a fieldProps, InputProps, clearable, onClear, slots and slotProps parameters.

    You should now be able to directly pass the returned value from your field hook (e.g: useDateField) to useClearableField

      const fieldResponse = useDateField(props);

- const { InputProps, onClear, clearable, slots, slotProps, ...otherFieldProps } = fieldResponse
- const { InputProps: ProcessedInputProps, fieldProps: processedFieldProps } = useClearableField({
-   fieldProps: otherFieldProps,
-   InputProps,
-   clearable,
-   onClear,
-   slots,
-   slotProps,
- }); 
-
-  return <MyCustomTextField {...processedFieldProps} InputProps={ProcessedInputProps} />

+ const processedFieldProps = useClearableField(fieldResponse);
+
+ return <MyCustomTextField {...processedFieldProps} />

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

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

Same changes as in @mui/x-date-pickers@7.0.0-alpha.5, plus:

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

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

Docs

Core

Contributors

janoma, gitstart, and 8 other contributors
Assets 2

v6.18.5

14 Dec 14:27
@MBilalShafi MBilalShafi
v6.18.5
725b53a
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.5

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

  • 🌍 Improve Swedish (sv-SE) and Urdu (ur-PK) locales on the Data Grid
  • 🐞 Bugfixes

Data Grid

@mui/x-data-grid@6.18.5

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

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

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

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

Date Pickers

@mui/x-date-pickers@6.18.5

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

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

Docs

Contributors

janoma, gitstart, and 5 other contributors
Assets 2

v7.0.0-alpha.4

08 Dec 14:37
@cherniavskii cherniavskii
v7.0.0-alpha.4
e7085c0
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.4 Pre-release
Pre-release

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

  • 🚀 The scatter charts now use voronoi to trigger items

    Users needed to hover the item to highlight the scatter item or show the tooltip.
    Now they can interact with data by triggering the closest element. See the docs page for more info.

  • 📚 Add Pickers FAQ page

  • 🎉 The Data Grid Header filters feature is now stable

  • 🌍 Improve Danish (da-DK) locale on Data Grid

  • 🐞 Bugfixes

Data Grid

Breaking changes

  • The header filters feature is now stable. unstable_ prefix is removed from prop headerFilters and related exports.
    See migration docs for more details.

  • The GridColDef['type'] has been narrowed down to only accept the built-in column types.
    TypeScript users need to use the GridColDef interface when defining columns:

    // 🛑 `type` is inferred as `string` and is too wide
const columns = [{ type: 'number', field: 'id' }];
<DataGrid columns={columns} />;

// ✅ `type` is `'number'`
const columns: GridColDef[] = [{ type: 'number', field: 'id' }];
<DataGrid columns={columns} />;

// ✅ Alternalively, `as const` can be used to narrow down the type
const columns = [{ type: 'number' as const, field: 'id' }];
<DataGrid columns={columns} />;

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

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

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

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

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

Date Pickers

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

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

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

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

Docs

Contributors

goibon, oliviertassinari, and 10 other contributors
Assets 2

v6.18.4

08 Dec 14:07
@cherniavskii cherniavskii
v6.18.4
78b06d4
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.4

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

  • 📚 Add Pickers FAQ page
  • 🌍 Improve Danish (da-DK) locale on Data Grid
  • 🐞 Bugfixes

Data Grid

@mui/x-data-grid@6.18.4

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

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

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

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

Date Pickers

@mui/x-date-pickers@6.18.4

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

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

Docs

Contributors

goibon, oliviertassinari, and 3 other contributors
Assets 2