Skip to content

Releases: mui/mui-x

v4.0.0-alpha.30

31 May 08:20
@dtassone dtassone
v4.0.0-alpha.30
0c189f7
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.30

May 31, 2021

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

@material-ui/[email protected] / @material-ui/[email protected]

Breaking changes

  • [DataGrid] Rename toolbar components for consistency (#1724) @DanailH

    Prefix all the toolbar-related components with GridToolbar.

    -.MuiDataGridFilterToolbarButton-list
+.MuiDataGridToolbarFilterButton-list
    -<GridColumnsToolbarButton />
+<GridToolbarColumnsButton />
    -<GridFilterToolbarButton />
+<GridToolbarFilterButton />
    -<GridDensitySelector />
+<GridToolbarDensitySelector />

  • [DataGrid] Remove cellClassRules from GridColDef (#1716) @m4theushw

    The GridCellClassParams type is not exported anymore. Replace it with GridCellParams.

    -import { GridCellClassParams} from '@material-ui/data-grid';
+import { GridCellParams } from '@material-ui/data-grid';

-cellClassName: (params: GridCellClassParams) =>
+cellClassName: (params: GridCellParams) =>

    The cellClassRules in GridColDef was removed because it's redundant. The same functionality can be obtained using cellClassName and the clsx utility:

    +import clsx from 'clsx';

 {
   field: 'age',
   width: 150,
-  cellClassRules: {
-    negative: params => params.value < 0,
-    positive: params => params.value > 0,
-  },
+  cellClassName: params => clsx({
+    negative: params.value < 0,
+    positive: params.value > 0,
+  }),
 }

  • [DataGrid] Fix onPageChange doesn't update the page when a pagination button is clicked (#1719) @ZeeshanTamboli

    Fix naming of pageChange and pageSizeChange events variables. The correct event variable name should be prefixed with GRID_ and converted to UPPER_CASE.

    -import { GRID_PAGESIZE_CHANGED, GRID_PAGE_CHANGED } from '@material-ui/data-grid';
+import { GRID_PAGESIZE_CHANGE, GRID_PAGE_CHANGE } from '@material-ui/data-grid';

  • [XGrid] The getEditCellValueParams method was removed from the apiRef (#1767) @m4theushw

    The getEditCellValueParams method was almost a straightforward alias of getEditCellPropsParams.

    -const { value } = apiRef.current.getEditCellValueParams(id, field);
+const { props: { value } } = apiRef.current.getEditCellPropsParams(id, field);

Changes

Docs

Core

Assets 2
Loading

4.0.0-alpha.29

19 May 15:33
@m4theushw m4theushw
v4.0.0-alpha.29
fc36c05
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
4.0.0-alpha.29

May 19, 2021

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

  • 🚀 Performance increased when filtering, sorting, and rendering (#1513) @dtassone

  • 💅 Add columnHeader, row and cell to the classes prop (#1660) @DanailH

  • ✅ Add the isRowSelectable prop to disable selection on certain rows (#1659) @m4theushw

    See the documentation for more details.

  • ⚡️ Add new icon slot to be displayed when the column is unsorted (#1415) @m4theushw

  • ⚙ Improve consistency of the API to prepare for the first beta release

  • 🐞 Bugfixes

@material-ui/[email protected] / @material-ui/[email protected]

Breaking changes

  • [DataGrid] Remove the properties element, rowIndex, and colIndex from all params arguments (#1513) @dtassone

    You can use the following apiRef methods to replace some of them:

    -params.rowIndex
-params.colIndex
+apiRef.current.getRowIndex(params.id)
+apiRef.current.getColumnIndex(params.field)

  • [DataGrid] Calling params.getValue now requires the id to be passed (#1513) @dtassone

    -params.getValue(field)
+params.getValue(params.id, field)

  • [DataGrid] Rename CSS classes (#1660) @DanailH

    1. MuiDataGrid-colCellWrapper to MuiDataGrid-columnHeaderWrapper
    2. MuiDataGrid-colCell to MuiDataGrid-columnHeader
    3. MuiDataGrid-colCellCheckbox to MuiDataGrid-columnHeaderCheckbox
    4. MuiDataGrid-colCellSortable to MuiDataGrid-columnHeaderSortable
    5. MuiDataGrid-colCellCenter to MuiDataGrid-columnHeaderCenter
    6. MuiDataGrid-colCellLeft to MuiDataGrid-columnHeaderLeft
    7. MuiDataGrid-colCellRight to MuiDataGrid-columnHeaderRight

  • [XGrid] Calling setCellFocus now requires the id and field to be passed (#1513) @dtassone

    -apiRef.current.setCellFocus: (indexes: GridCellIndexCoordinates) => void;
+apiRef.current.setCellFocus: (id: GridRowId, field: string) => void;

  • [XGrid] Rename apiRef methods (#1513) @dtassone

    Changes on apiRef.current:

    -apiRef.current.getRowIndexFromId: (id: GridRowId) => number;
+apiRef.current.getRowIndex: (id: GridRowId) => number;

  • [XGrid] Rename apiRef methods (#1667) @m4theushw

    Changes on apiRef.current:

    -apiRef.current.getColumnFromField: (field: string) => GridColDef;
-apiRef.current.getRowFromId: (id: GridRowId) => GridRowModel;
+apiRef.current.getColumn: (field: string) => GridColDef;
+apiRef.current.getRow: (id: GridRowId) => GridRowModel;

Changes

Docs

Core

Assets 2
Loading

v4.0.0-alpha.28

10 May 18:37
@DanailH DanailH
v4.0.0-alpha.28
0a373ee
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.28

May 10, 2021

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

@material-ui/[email protected] / @material-ui/[email protected]

Breaking changes

  • [XGrid] Rename apiRef toggleColumn method for consistency (#1578) @DanailH

    -apiRef.current.toggleColumn: (field: string, forceHide?: boolean) => void;
+apiRef.current.setColumnVisibility: (field: string, isVisible: boolean) => void;

  • [XGrid] Fix event typo (#1574) @DanailH

    -import { GRID_COLUMN_RESIZE_COMMITED } from '@material-ui/x-grid';
+import { GRID_COLUMN_RESIZE_COMMITTED } from '@material-ui/x-grid';

Changes

Docs

Core

Assets 2
Loading

v4.0.0-alpha.27

30 Apr 10:59
@dtassone dtassone
v4.0.0-alpha.27
378ae55
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.27

Apr 30, 2021

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

@material-ui/[email protected] / @material-ui/[email protected]

Breaking changes

  • [core] Drop support for Node v10 (#1499) @ZeeshanTamboli

  • [XGrid] Remove onAction APIs (#1453) @DanailH

    These event handlers on the apiRef were duplicating with the react props
    and the event subscribe API. Changes on apiRef.current:

    -onFilterModelChange
-onPageChange
-onPageSizeChange
-onResize
-onUnmount
-onRowSelected
-onSelectionModelChange
-onSortModelChange
-onStateChange

    Note: These methods are available as React props.

  • [XGrid] Refactor useGridColumnResize (#1380) @DanailH

    Changes on apiRef.current:

    -startResizeOnMouseDown
+setColumnWidth

Changes

Docs

Core

Assets 2
Loading

v4.0.0-alpha.26

22 Apr 11:56
@oliviertassinari oliviertassinari
v4.0.0-alpha.26
aefa3f0
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.26

Apr 22, 2021

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

  • 💄 Release the cell editing feature (#1287) @dtassone

    This is the first release of the Cell editing feature. You can find the documentation following this link. We have spent the last three months working on it.

    cell edit

  • 🐞 A focus on bug fixes and documentation improvements

@material-ui/[email protected] / @material-ui/[email protected]

Docs

Core

  • [core] Setup e2e tests (#1443) @DanailH

    This infrastructure relies on Playwright to control Chrome with the end-to-end API. It differentiates from our current end-to-end tests by running outside of the browser (Karma runs inside). It's slower and doesn't have a great DX, but it allows to test things like the Tab behavior.

Assets 2
Loading

v4.0.0-alpha.25

14 Apr 17:52
@dtassone dtassone
v4.0.0-alpha.25
bedc51b
Compare
Choose a tag to compare
v4.0.0-alpha.25

Apr 14, 2021

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

@material-ui/[email protected] / @material-ui/[email protected]

Breaking changes

  • [DataGrid] Add support for custom row ids without cloning (#1377) @m4theushw
    This change has involved the following refactorings.

    • Changes on apiRef.current.
-  getRowModels: () => GridRowModel[];
+  getRowModels: () => Map<GridRowId, GridRowModel>;
-  getVisibleRowModels: () => GridRowModel[];
+  getVisibleRowModels: () => Map<GridRowId, GridRowModel>;
-  getSelectedRows: () => GridRowModel[];
+  getSelectedRows: () => Map<GridRowId, GridRowModel>;
  • Changes on GridFilterModelParams.
export interface GridFilterModelParams {
  /**
   * The full set of rows.
   */
-  rows: GridRowModel[];
+  rows: Map<GridRowId, GridRowModel>;
  /**
   * The set of currently visible rows.
   */
-  visibleRows: GridRowModel[];
+  visibleRows: Map<GridRowId, GridRowModel>;
}
  • [DataGrid] Upgrade mininum supported version of React to 17.0.0 (#1410) @m4theushw

Changes

Docs

Core

Assets 2
Loading

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/[email protected] / @material-ui/[email protected]

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/[email protected] / @material-ui/[email protected]

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/[email protected] / @material-ui/[email protected]

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/[email protected] / @material-ui/[email protected]

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