Skip to content

Releases: mui/mui-x

v4.0.0-alpha.24

02 Apr 19:27
@m4theushw m4theushw
v4.0.0-alpha.24
44f2da6
Compare
Choose a tag to compare
v4.0.0-alpha.24

Apr 2, 2021

Big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:

@material-ui/x-grid@v4.0.0-alpha.24 / @material-ui/data-grid@v4.0.0-alpha.24

Breaking Changes

  • [DataGrid] All slot components no longer get access to GridBaseComponentProps through the props. To use the GridBaseComponentProps call the useGridSlotComponentProps hook. (#1252) @DanailH
  • [DataGrid] Type GridSlotsComponent changed (#1252) @DanailH
  • [DataGrid] Rename GridBaseComponentProps type to GridSlotComponentProps (#1252) @DanailH
  • [DataGrid] Rename useGridBaseComponentProps hook to useGridSlotComponentProps (#1252) @DanailH
  • [DataGrid] Rename modules (#1292) @DanailH
  • [DataGrid] Rename all events related to column reordering, e.g. GRID_COL_REORDER_START -> GRID_COLUMN_REORDER_START (#1299) @m4theushw
  • [DataGrid] Methods onColItemDragStart, onColHeaderDragOver, onColItemDragOver, onColItemDragEnter removed from the grid API. Prefer listening to column reordering events (#1299) @m4theushw
  • [DataGrid] Calling apiRef.current.getColumnHeaderParams returns a GridColumnHeaderParams instead of GridColParams (#1299) @m4theushw
  • [DataGrid] Events that follow the pattern GRID_COLUMN_HEADER_xxx will be called with a GridColumnHeaderParams instead of GridColParams (#1299) @m4theushw
  • [DataGrid] The renderHeader will be called with a GridColumnHeaderParams instead of GridColParams (#1299) @m4theushw
  • [DataGrid] The apiRef.current.moveColumn was renamed to apiRef.current.setColumnIndex (#1299) @m4theushw

Changes

Core

Assets 2
Loading

v4.0.0-alpha.23

23 Mar 14:52
@DanailH DanailH
v4.0.0-alpha.23
62c9119
Compare
Choose a tag to compare
v4.0.0-alpha.23

Mar 22, 2021

Big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:

  • 🎁 Add onRowsScrollEnd to support infinite loading (#1199) @DanailH
    This is an XGrid feature. Provides the ability to tap into the onRowsScrollEnd which is called when the scroll reaches the bottom of the grid viewport allowing developers to load additional data. It can be used with a combination of scrollBottomThreshold to control the area in which the onRowsScrollEnd is called.

    See the documentation for more details.

  • 🕹 Provide the ability to sort by multiple columns using Shift+click (#1203) @dtassone

  • 🇵🇱 Added plPL locale (#1117) @LarsKumbier

  • ⚡️ Edit cell accessibility (#1205) @dtassone

  • 🐞 Bugfixes

@material-ui/x-grid@v4.0.0-alpha.23 / @material-ui/data-grid@v4.0.0-alpha.23

Docs

Core

Assets 2
Loading

v4.0.0-alpha.22

09 Mar 15:08
@DanailH DanailH
v4.0.0-alpha.22
32fbaf0
Compare
Choose a tag to compare
v4.0.0-alpha.22

Mar 9, 2021

Big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:

  • 🎁 Implement base foundation for editing a cell (#1025) @dtassone.
    This is the foundation on which the feature will be built. Currently, the newly added methods aren't yet ready for being used. This feature will be available in the coming weeks.
  • 🇩🇪 Added deDE locale (#1117) @LarsKumbier
  • 📜 Fix scrollbar related issue (#1146) @dtassone
  • 🐛 Handle commas in cell values when doing CSV export (#1154) @DanailH

@material-ui/x-grid@v4.0.0-alpha.22 / @material-ui/data-grid@v4.0.0-alpha.22

Docs

Core

Assets 2
Loading

v4.0.0-alpha.21

27 Feb 16:03
@oliviertassinari oliviertassinari
v4.0.0-alpha.21
fc26bb8
Compare
Choose a tag to compare
v4.0.0-alpha.21

Feb 27, 2021

Big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:

  • 🎁 Add support for CSV export (#1030) @DanailH.
    This is the first iteration of the feature. You can either render the GridToolbarExport component in the toolbar or use the apiRef exportDataAsCsv/getDataAsCsv methods.

    See the documentation for more details.

  • 🌏 Improve the support for custom locales (#1096, #1079, #1109, #1077)

  • ♿️ Fix a couple of accessibility issues with the popups (#1105, #1102)

@material-ui/x-grid@v4.0.0-alpha.21 / @material-ui/data-grid@v4.0.0-alpha.21

Breaking changes

  • [DataGrid] Prefix all public API to fit into the global Material-UI namespace (#1069) @DanailH
    This change gets the data grid one step closer to a stable release. It allows the data grid to fit into the global namespace of Material-UI. All the exported modules should have a unique name. It allows the search features, in Google, in the docs, and in the codebase to work effectively and efficiently.

    For the mirgration, prefixing a broken import with "grid" is often enough. In the case it's not working, head to the pull request's description. It details all the changes.

Changes

Docs

Core

Assets 2
Loading

4.0.0-alpha.20

17 Feb 11:40
@dtassone dtassone
v4.0.0-alpha.20
1d3a4c3
Compare
Choose a tag to compare
4.0.0-alpha.20

Feb 17, 2021

Big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:

  • 📍 Add support for default locales (#983) @DanailH
    We have built the infrastructure to support around 100 default locales. If you have localized the data grid in your application. Please do consider contributing new translations back to Material-UI by opening a pull request.
  • 🎁 Add new selectionModel prop (#986) @dtassone
    The prop can be used to control the selected rows in the data grid. See the docs.
  • 💅 Add support for default props from theme (#1019) @DanailH
  • 🙌 Fix scrollbar size on windows (#1061) @dtassone
  • 🐛 Polish existing features, fix 9 issues.

@material-ui/x-grid@v4.0.0-alpha.20 / @material-ui/data-grid@v4.0.0-alpha.20

Breaking changes

  • [DataGrid] Remove sortDirection from column definitions. Consolidate around fewer ways of doing the same thing. (#1015) @dtassone

    -columns[1] = { ...columns[1], sortDirection: 'asc' };

return (
  <div>
-   <DataGrid rows={rows} columns={columns} />
+   <DataGrid rows={rows} columns={columns} sortModel={[{ field: columns[1].field, sort: 'asc' }]} />
  </div>

  • [DataGrid] Rename the onSelectionChange prop to onSelectionModelChange for consistency. (#986) @dtassone

    -<DataGrid onSelectionChange={selectionChangeHandler} />
+<DataGrid onSelectionModelChange={onSelectionModelChangeHandler} />

  • [DataGrid] Remove showToolbar prop (#948) @DanailH

    -import { DataGrid } from '@material-ui/data-grid';
+import { DataGrid, GridToolbar } from '@material-ui/data-grid';

-<DataGrid showToolbar />
+<DataGrid components={{ Toolbar: GridToolbar }} />

  • [DataGrid] Change page index base, from 1 to 0. (#1021) @dtassone
    This change is done for consistency with TablePagination and JavaScript arrays that are 0-based. Material-UI still uses a 1-base page for the Pagination component that matches the URL's query.

    -const [page, setPage] = React.useState(1);
+const [page, setPage] = React.useState(0);

return (
  <div className="grid-container">
    <DataGrid rows={rows} columns={columns} page={page} />
  </div>

Changes

Docs

Core

Assets 2
Loading

v4.0.0-alpha.19

05 Feb 19:41
@DanailH DanailH
v4.0.0-alpha.19
0d36f69
Compare
Choose a tag to compare
v4.0.0-alpha.19
Feb 5, 2021

Big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:

@material-ui/x-grid@v4.0.0-alpha.19 / @material-ui/data-grid@v4.0.0-alpha.19

Docs

Core

Assets 2
Loading

v4.0.0-alpha.18

26 Jan 15:07
@oliviertassinari oliviertassinari
v4.0.0-alpha.18
3fd0768
Compare
Choose a tag to compare
v4.0.0-alpha.18
Jan 26, 2021

Big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:

  • 🎁 Add support for Material-UI v5-alpha (#855) @DanailH.
    The data grid supports Material-UI v4 and v5. We aim to retain the support for v4 as long as v5 hasn't reached the beta phase. If you using v5, use the documentation of the component for v4.

  • 💅 Update the customization API to be closer to Material-UI v5. (#890, #851, #879) @dtassone
    The date grid accepts two props: components and componentsProps.
    The first prop allows to swapping specific components used in slots the grid, like the checkboxes.
    The second one allows providing extra props to each slot. It avoids the need for using the React context to access information from outside the data grid.

    See the RFC for more details.

  • 🐛 Polish existing features, fix 3 issues.

@material-ui/x-grid@v4.0.0-alpha.18 / @material-ui/data-grid@v4.0.0-alpha.18

Breaking changes

  • [DataGrid] Implement customization pattern of Material-UI v5 (#851, #879) @dtassone

    • Capitalize the keys of the components prop. This change aims to bring consistency with the customization pattern of Material-UI v5:
    <DataGrid
  components={{
-   noRowsOverlay: CustomNoRowsOverlay,
+   NoRowOverlay: CustomNoRowsOverlay,
  }}
/>
    • Move all the icon components overrides in the components prop. And added the suffix 'Icon' on each icon component. This change aims to bring consistency with the customization pattern of Material-UI v5:
    <DataGrid
- icons: {{
-   ColumnSortedAscending: SortedAscending,
- }},
+ components={{
+   ColumnSortedAscendingIcon: SortedAscending,
+ }}
/>
    • Change the props provided to the component of the components prop. Expose the whole state instead of an arbitrary set of props:
    -function CustomPagination(props: ComponentProps) {
-  const { pagination, api } = props;
+function CustomPagination(props: BaseComponentProps) {
+  const { state, api } = props;

   return (
     <Pagination
-      page={pagination.page}
-      count={pagination.pageCount}
+      page={state.pagination.page}
+      count={state.pagination.pageCount}

// ...

<DataGrid components={{ Pagination: CustomPagination }} />

Changes

  • [DataGrid] Add customisation on panels (#890) @dtassone
  • [DataGrid] Add support for Material-UI v5-alpha (#855) @DanailH
  • [DataGrid] Fix footer count not shown on small screen (#899) @mnajdova
  • [DataGrid] Fix column selector crash when hiding columns (#875) @DanailH
  • [DataGrid] Fix Shift + Space keyboard regression to select row (#897) @dtassone

Docs

Core

Assets 2
Loading

v4.0.0-alpha.17

16 Jan 11:04
@dtassone dtassone
v4.0.0-alpha.17
c82ff7a
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
v4.0.0-alpha.17
Jan 14, 2021

Big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:

  • 🎛 Add support for Column selector (#837) @DanailH @dtassone.
    The feature can be triggered from the toolbar or the column menu. Check the documentation.

    column selector

  • 🐛 A focus on fixing regressions from previous releases refactoring and bugs.

@material-ui/x-grid@v4.0.0-alpha.17 / @material-ui/data-grid@v4.0.0-alpha.17

Docs

Core

  • [core] Add tests for Column selector feature (#845) @DanailH
Assets 2
Loading

v4.0.0-alpha.15

07 Jan 15:48
@DanailH DanailH
v4.0.0-alpha.15
7fb8065
Compare
Choose a tag to compare
v4.0.0-alpha.15
Jan 7, 2021

Big thanks to the 2 contributors who made this release possible. Here are some highlights ✨:

  • 🔗 Update peer dependencies for React 17 (#814) @DanailH
  • 🐛 Fix keyboard event collisions inside DataGrid cells (#794) @DanailH

@material-ui/x-grid@v4.0.0-alpha.15 / @material-ui/data-grid@v4.0.0-alpha.15

Docs

  • [docs] Add documentation for the column menu (#815) @DanailH

Core

Assets 2
Loading

v4.0.0-alpha.14

31 Dec 11:40
@oliviertassinari oliviertassinari
v4.0.0-alpha.14
fe6ee6f
Compare
Choose a tag to compare
v4.0.0-alpha.14
Dec 31, 2020

Big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:

  • 🌎 Add support for internationalization (#718) @DanailH

    You can use the localeText prop to provide custom wordings in the data grid.
    Check the documentation for a demo.

  • 📚 Start documenting the filtering feature 🧪 (#754) @dtassone

    The work in progress filtering feature and documentation can be found following this link. Early feedback are welcome.

@material-ui/x-grid@v4.0.0-alpha.14 / @material-ui/data-grid@v4.0.0-alpha.14

  • [DataGrid] Convert remaining text to use locale text API (#791) @DanailH
  • [DataGrid] Fix column width calculation after data changes (#756) @DanailH
  • [DataGrid] Setup internationalization (#718) @DanailH
  • [DataGrid] getValueError in valueGetter if incorrect field is supplied (#755) @ZeeshanTamboli
  • [XGrid] Fix support for custom class name generators (#793) @DanailH

Docs

Core

Assets 2
Loading