mui-x

mui-x - v5.0.0-beta.6

Published by DanailH almost 3 years ago

Oct 29, 2021

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

✨ Allow valueOptions from GridColDef to accept a function (#2850) @alexfauquette
💅 Prefix undocumented apiRef methods with unsafe_ (#2985) @flaviendelangle
👁 Unify filtering, sorting, and rows selectors names (#2942) @flaviendelangle
💡 Support style overrides added in the theme (#2995) @DanailH
📚 Documentation improvements
🐞 Bugfixes

`@mui/[email protected]` / `@mui/[email protected]`

Breaking changes

[DataGridPro] The following methods from apiRef were renamed. Use the provided alternatives. (#2870) @flaviendelangle
1. apiRef.current.applyFilters was renamed to apiRef.current.unsafe_applyFilters
2. apiRef.current.applyFilterLinkOperator was renamed to apiRef.current.setFilterLinkOperator
3. apiRef.current.upsertFilter was renamed to apiRef.current.upsertFilterItem
4. apiRef.current.deleteFilter was renamed to apiRef.current.deleteFilterItem
[DataGridPro] The apiRef.current.applyFilter method was removed. (#2870) @flaviendelangle
You should never have to call it directly since the filters are already applied when the filterModel prop changes.
To manually apply the filters, use apiRef.current.unsafe_applyFilters.
```
-apiRef.current.applyFilter
+apiRef.current.unsafe_applyFilters
```
[DataGridPro] Rename filtering, sorting, and rows selectors to match the naming convention (#2942) @flaviendelangle
1. unorderedGridRowIdsSelector was renamed to gridRowIdsSelector
2. sortingGridStateSelector was renamed to gridSortingStateSelector
3. sortedGridRowIdsSelector was renamed to gridSortedRowIdsSelector
4. visibleSortedGridRowIdsSelector was renamed to gridVisibleSortedRowIdsSelector
5. visibleGridRowCountSelector was renamed to gridVisibleRowCountSelector
6. filterGridColumnLookupSelector was renamed to gridFilterActiveItemsSelector

[DataGridPro] The sortedGridRowsSelector was renamed to gridSortedRowEntriesSelector (#2942) @flaviendelangle

The return value was also changed as below:

-sortedGridRowsSelector: (state: GridState) => Map<GridRowId, GridRowModel>
-const map = sortedGridRowsSelector(state);
+gridSortedRowEntriesSelector: (state: GridState) => GridRowEntry[]
+const map = new Map(gridSortedRowEntriesSelector(state).map(row => [row.id, row.model]));

[DataGridPro] The visibleSortedGridRowsSelector was replaced with gridVisibleSortedRowEntriesSelector (#2942) @flaviendelangle

The return value was also changed as below:

-visibleSortedGridRowsSelector: (state: GridState) => Map<GridRowId, GridRowModel>;
-const map = visibleSortedGridRowsSelector(state);
+gridVisibleSortedRowEntriesSelector: (state: GridState) => GridRowEntry[]
+const map = new Map(gridVisibleSortedRowEntriesSelector(state).map(row => [row.id, row.model]));

[DataGridPro] The visibleSortedGridRowsAsArraySelector was replaced with gridVisibleSortedRowEntriesSelector (#2942) @flaviendelangle

The return value was also changed as below:
```
-visibleSortedGridRowsAsArraySelector: (state: GridState) => [GridRowId, GridRowData][];
+gridVisibleSortedRowEntriesSelector: (state: GridState) => GridRowEntry[]
```
[DataGridPro] The filterGridItemsCounterSelector selector was removed. (#2942) @flaviendelangle
Use gridFilterActiveItemsSelector as replacement.
```
-const filterCount = filterGridItemsCounterSelector(state);
+const filterCount = gridFilterActiveItemsSelector(state).length;
```
[DataGridPro] The unorderedGridRowModelsSelector selector was removed. (#2942) @flaviendelangle
Use apiRef.current.getRowModels or gridRowIdsSelector and gridRowsLookupSelector.

Changes

[DataGrid] Allow valueOptions to accept a function (#2850) @alexfauquette
[DataGrid] Add overridesResolver (#2995) @DanailH
[DataGrid] Unify filtering, sorting, and rows selectors names (#2942) @flaviendelangle
[DataGridPro] Prefix undocumented apiRef methods with unsafe_ (#2985) @flaviendelangle

Docs

[docs] Explain how to use MUI X v5 with MUI Core v4 (#2846) @m4theushw
[docs] Generate docs for components (#2465) @m4theushw
[docs] Improve scrollEndThreshold API docs (#3001) @ZeeshanTamboli
[docs] Fix CodeSandbox and feature request templates (#2986) @flaviendelangle

Core

[core] Add step for announcing the releases on Twitter (#2997) @DanailH
[core] Apply all filters to a row before moving to the next one (#2870) @flaviendelangle
[core] Change monorepo repository URL (#2983) @m4theushw
[core] Clean Storybook examples (#2805) @flaviendelangle
[core] Generate list of all grid exports (#2801) @flaviendelangle
[core] Improve typing of buildApi.ts (#2922) @flaviendelangle
[core] Add additional test for checkboxSelection toggling (#2979) @flaviendelangle
[test] Fix flaky visual regression test (#2981) @m4theushw

mui-x - v5.0.0-beta.5

Published by m4theushw about 3 years ago

Oct 22, 2021

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

💅 Remove dependency on @mui/styles and use the same styling solution from MUI Core (#2784) @DanailH
✨ Add support for generics in GridRowParams, GridCellParams and GridRenderCellParams (#2436) @ZeeshanTamboli
👁 Rework the virtualization engine (#2673) @m4theushw
💡 Enhance internal code structure
🐞 Bugfixes

`@mui/[email protected]` / `@mui/[email protected]`

Breaking changes

The DataGrid and DataGridPro no longer depends on @mui/styles. Use styled to provide custom styling. (#2784) @DanailH
```
-import { createTheme } from '@mui/material/styles';
-import { makeStyles } from '@mui/styles';
+import { styled } from '@mui/material/styles';
```
The following CSS classes were renamed:
- .MuiDataGrid-gridMenuList was renamed to .MuiDataGrid-menuList
- .MuiGridToolbarContainer-root was renamed to .MuiDataGrid-toolbarContainer
- .MuiGridMenu-root was renamed to .MuiDataGrid-menu
- .MuiDataGridColumnsPanel-root was renamed to .MuiDataGrid-columnsPanel
- .MuiGridPanel-root was renamed to .MuiDataGrid-panel
- .MuiGridPanelContent-root was renamed to .MuiDataGrid-panelContent
- .MuiGridPanelFooter-root was renamed to .MuiDataGrid-panelFooter
- .MuiDataGridPanelHeader-root was renamed to .MuiDataGrid-panelHeader
- .MuiGridPanelWrapper-root was renamed to .MuiDataGrid-panelWrapper
- .MuiGridFilterForm-root was renamed to .MuiDataGrid-filterForm
- .MuiGridToolbarFilterButton-root was renamed to .MuiDataGrid-toolbarFilterList
[DataGrid] The CSS classes .MuiDataGrid-window and .MuiDataGrid-windowContainer were removed (#2673) @m4theushw

The following CSS classes were renamed:
- .MuiDataGrid-viewport was renamed to .MuiDataGrid-virtualScroller
- .MuiDataGrid-dataContainer was renamed to .MuiDataGrid-virtualScrollerContent
- .MuiDataGrid-renderingZone was renamed to .MuiDataGrid-virtualScrollerRenderZone

[DataGrid] Remove the useGridSlotComponentProps hook and replace it as below: (#2856) @flaviendelangle

-const { apiRef, state, rootElement } = useGridSlotComponentProps();
+const apiRef = useGridApiContext();
+const [state] = useGridState(apiRef);
+const rootElement = apiRef.current.rootElementRef;

[DataGrid] Remove the state prop and use the initialState prop (#2848) @flaviendelangle

Note that initialState only allows the preferencePanel, filter.filterModel and sort.sortModel keys.
To fully control the state, use the the feature's model prop and change callback (e.g. filterModel and onFilterModelChange).
```
<DataGrid
-  state={{
+  initialState={{
    preferencePanel: {
      open: true,
      openedPanelValue: GridPreferencePanelsValue.filters,
    },
  }}
/>
```

[DataGridPro] Remove the onViewportRowsChange prop and the viewportRowsChange event (#2673) @m4theushw

A listener on the rowsScroll event, as shown below, can be used to replace the prop:

const apiRef = useGridApiRef();
const prevRenderContext = React.useRef(null);

React.useEffect(() => {
  return apiRef.current.subscribeEvent("rowsScroll", ({ renderContext }) => {
    if (
      !prevRenderContext.current ||
      renderContext.firstRowIdx !== prevRenderContext.current.firstRowIndex ||
      renderContext.lastRowIdx !== prevRenderContext.current.lastRowIndex
    ) {
      prevRenderContext.current = renderContext;
      const params = {
        firstRowIndex: renderContext.firstRowIndex,
        lastRowIndex: renderContext.lastRowIndex
      };
    }
  });
}, [apiRef]);

<DataGridPro apiRef={apiRef} />

Changes

[DataGrid] Add valueSetter (#2876) @m4theushw
[DataGrid] Add support for generic types in GridRowParams, GridCellParams, GridRenderCellParams (#2436) @ZeeshanTamboli
[DataGrid] Fix actions column type to not select the row when clicking on an item (#2862) @m4theushw
[DataGrid] Fix column headers misalignment when the render context changes (#2937) @m4theushw
[DataGrid] Rework virtualization (#2673) @m4theushw
[DataGrid] Remove @mui/styles dependency (#2784) @DanailH
[DataGrid] Remove useGridSlotComponentProps (#2856) @flaviendelangle
[DataGrid] Replace prop.state with prop.initialState (#2848) @flaviendelangle
[DataGrid] Use true content height to dispatch rowsScrollEnd (#2938) @m4theushw
[DataGrid] Fix the typing of GridToolbarFilterButton (#2841) @alexfauquette

Docs

[docs] Improve the README for releases (#2908) @flaviendelangle
[docs] Re-add Pro icon (#2928) @m4theushw
[docs] Fix to not commit changes when clicking outside the cell (#2906) @ZeeshanTamboli
[docs] Update link to Quick Filter issue (#2909) @m4theushw

Core

[core] Small fixes on the Components page (#2877) @flaviendelangle
[core] Make each feature hook responsible for its column pre-processing (#2839) @flaviendelangle
[core] Add useGridRowGroupsPreProcessing internal hook (#2840) @flaviendelangle
[core] Register events async if not registered (#2916) @m4theushw
[core] Remove material-ui-utils.ts (#2872) @DanailH
[core] Remove outdated hooks requirements (#2939) @flaviendelangle
[core] Remove test event (#2912) @m4theushw
[core] Remove unused GridSlotComponentProps interface (#2911) @flaviendelangle
[core] Rename 'UNSTABLE_' prefix to 'unstable_' (#2931) @flaviendelangle
[core] Replace usage of GridRowData with GridRowModel (#2936) @flaviendelangle
[core] Revert hardcoded typings (#2907) @DanailH
[core] Simplify the CSV export (#2941) @flaviendelangle
[core] Update monorepo version (#2927) @m4theushw
[test] Take screenshot of the print export (#2881) @m4theushw

mui-x - v5.0.0-beta.4

Published by flaviendelangle about 3 years ago

Oct 14, 2021

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

🎁 Add the ability to print the grid (#2519) @DanailH

This new feature adds a button to the toolbar to generate a printer-friendly layout. Check the documentation about it.
💡 Enhance internal code structure
✨ New slots for row and cell (#2753) @m4theushw
📚 Documentation improvements
🐞 Bugfixes

`@mui/[email protected]` / `@mui/[email protected]`

Breaking changes

[DataGrid] Remove unused event listeners and redundant DOM attributes on GridCell and GridRow (#2810) @m4theushw

The following props were removed. If you depend on them, use componentsProps.row and componentsProps.cell to pass custom props to the row or cell.
- onCellBlur
- onCellOver
- onCellOut
- onCellEnter
- onCellLeave
- onRowOver
- onRowOut
- onRowEnter
- onRowLeave
For more information, check this page. Example:
```
-<DataGrid onRowOver={handleRowOver} />;
+<DataGrid
+  componentsProps={{
+    row: { onMouseOver: handleRowOver },
+  }}
+/>;
```
The data-rowindex and data-rowselected attributes were removed from the cell element. Equivalent attributes can be found in the row element.

The data-editable attribute was removed from the cell element. Use the .MuiDataGrid-cell--editable CSS class.

The data-mode attribute was removed from the cell element. Use the .MuiDataGrid-cell--editing CSS class.

[DataGrid] The state.filter and state.visibleRows were merged into a single state.filter sub-state (#2782) @flaviendelangle

To still access this information, use state.filter or the selectors as below:

-const filterModel = state.filter
-const filterModel = gridFilterStateSelector(state)
+const filterModel = state.filter.filterModel
+const filterModel = gridFilterModelSelector(state) // preferred method

-const visibleRowsLookup = state.visibleRows.visibleRowsLookup
-const visibleRowsLookup = visibleGridRowsStateSelector(state).visibleRowsLookup
+const visibleRowsLookup = state.filter.visibleRowsLookup
+const visibleRowsLookup = gridVisibleRowsLookupSelector(state).visibleRowsLookup // preferred method

-const visibleRows = state.visibleRows.visibleRows
+const visibleRows = state.filter.visibleRows
+const visibleRows = gridVisibleRowsLookupSelector(state).visibleRows // preferred method

[DataGrid] The CSS classes constants are not exported anymore. Use gridClasses instead. (#2788) @flaviendelangle

-const columnHeaderClass = GRID_COLUMN_HEADER_CSS_CLASS
+const columnHeaderClass = gridClasses.columnHeader

-const rowClass = GRID_ROW_CSS_CLASS
+const rowClass = gridClasses.row

-const cellClass = GRID_CELL_CSS_CLASS
+const cellClass = gridClasses.cell

-const columnSeparatorClass = GRID_COLUMN_HEADER_SEPARATOR_RESIZABLE_CSS_CLASS
+const columnSeparatorClass = gridClasses['columnSeparator--resizable']

-const columnHeaderTitleClass = GRID_COLUMN_HEADER_TITLE_CSS_CLASS
+const columnHeaderTitleClass = gridClasses.columnHeaderTitle

-const columnHeaderDropZoneClass = GRID_COLUMN_HEADER_DROP_ZONE_CSS_CLASS
+const columnHeaderDropZoneClass = gridClasses.columnHeaderDropZone

-const columnHeaderDraggingClass = GRID_COLUMN_HEADER_DRAGGING_CSS_CLASS
+const columnHeaderDraggingClass = gridClasses["columnHeader--dragging"]

[DataGrid] Rename gridCheckboxSelectionColDef to GRID_CHECKBOX_SELECTION_COL_DEF (#2793) @flaviendelangle
```
- gridCheckboxSelectionColDef
+ GRID_CHECKBOX_SELECTION_COL_DEF
```

[DataGrid] The constants referring to the column types were removed (#2791) @flaviendelangle
Replace them as below:

-const isColumnString = column.type === GRID_STRING_COLUMN_TYPE;
+const isColumnString = col.type === 'string';

-const isColumnNumber = col.type === GRID_NUMBER_COLUMN_TYPE;
+const isColumnNumber = col.type === 'number';

-const isColumnDate = col.type === GRID_DATE_COLUMN_TYPE;
+const isColumnDate = col.type === 'date';

-const isColumnDateTime = col.type === GRID_DATETIME_COLUMN_TYPE;
+const isColumnDateTime = col.type === 'dateTime';

-const isColumnBoolean = col.type === GRID_BOOLEAN_COLUMN_TYPE;
+const isColumnBoolean = col.type === 'boolean';

[DataGrid] The state initializers were removed (#2782) @flaviendelangle

Use getDefaultGridFilterModel instead of getInitialGridFilterState:

-const [filterModel, setFilterModel] = React.useState(getInitialGridFilterState);
+const [filterModel, setFilterModel] = React.useState(getDefaultGridFilterModel);

For the other methods, you can hardcode the value you want to apply:

-const [sortModel, setSortModel] = React.useState(() => getInitialGridSortingState().sortModel);
+const [sortModel, setSortModel] React.useState([]);

-getInitialGridColumnReorderState
-getInitialGridColumnResizeState
-getInitialGridColumnsState
-getInitialGridRenderingState
-getInitialGridRowState
-getInitialGridState
-getInitialVisibleGridRowsState
-getInitialGridState

Changes

[DataGrid] Add row and cell component slots (#2753) @m4theushw
[DataGrid] Rename gridCheckboxSelectionColDef to GRID_CHECKBOX_SELECTION_COL_DEF (#2793) @flaviendelangle
[DataGrid] Clean hook folder structure and stop exporting internal hooks (#2789) @flaviendelangle
[DataGrid] Add support for Print export (#2519) @DanailH
[DataGrid] Remove internal localization and column type constant exports (#2791) @flaviendelangle
[DataGrid] Remove GridRowCells component (#2811) @m4theushw
[DataGrid] Remove class constants exports (#2788) @flaviendelangle
[DataGrid] Remove unused event listeners on GridCell and GridRow (#2810) @m4theushw
[DataGrid] Fix the header selection checkbox to work with prop.checkboxSelectionVisibleOnly (#2781) @flaviendelangle

Docs

[docs] Add link to installation page (#2778) @MostafaKMilly
[docs] Add redirect from docs home page to DataGrid home page (#2737) @flaviendelangle
[docs] Fix JSX closing tag in getActions example (#2847) @dstarner
[docs] Fix pagination in Ant Design demo (#2787) @ZeeshanTamboli
[docs] Update the page prop docs (#2812) @m4theushw

Core

[core] Update hooks to initialize their state synchronously (#2782) @flaviendelangle
[core] Fix rollup external warnings (#2736) @eps1lon

mui-x - v5.0.0-beta.3

Published by DanailH about 3 years ago

Oct 7, 2021

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

🌎 Add Persian (faIR) locale (#2712) @devlifeX
🎁 Allow selecting a range of rows with Shift + click (#2456) @flaviendelangle
🚀 Allow to throttle the row updates with the throttleRowsMs prop on DataGridPro and remove the default 100ms row update delay (#2561) @flaviendelangle
💡 Enhance internal code structure
📚 Documentation improvements
🐞 Bugfixes

`@mui/[email protected]` / `@mui/[email protected]`

Breaking changes

[DataGrid] Rename some selectors and interfaces to follow the codebase naming conventions (#2723) @flaviendelangle

The following selectors were renamed:

-const filterModel = filterGridStateSelector(state);
+const filterModel = gridFilterModelSelector(state);

-const density: GridGridDensity = densitySelector(state);
+const density: GridDensityState = gridDensitySelector(state);

-const rendering: InternalRenderingState = gridRenderingSelector(state);
+const rendering: GridRenderingState = gridRenderingSelector(state);

Changes

[DataGrid] Add Persian (faIR) locale (#2712) @devlifeX
[DataGrid] Allow to select range of rows using Shift + click (#2456) @flaviendelangle
[DataGrid] Fix numeric column filter to not run when value is empty (#2780) @m4theushw
[DataGrid] Export singleSelect operators (#2666) @jeremyalan
[DataGrid] Fix Italian localization (#2717) @destegabry
[DataGrid] Fix undefined in filter panel (#2715) @DanailH
[DataGrid] Fix the fade-out transition of the GridMenu (#2734) @flaviendelangle
[DataGrid] Pass row id to valueFormatter (#2738) @m4theushw
[DataGrid] Fix onSortModelChange to not be called during initialization (#2724) @flaviendelangle
[DataGridPro] Stop drag event propagation (#2802) @DanailH
[DataGridPro] Fix keyboard navigation to work with filtered rows (#2800) @flaviendelangle

Docs

[docs] Add missing fonts (#2745) @m4theushw
[docs] Add page for scrolling API (#2634) @m4theushw
[docs] Add type to onChange event argument (#2669) @jayariglesias
[docs] Add explanation about the id usage in multiple filters in DataGridPro (#2783) @ZeeshanTamboli
[docs] Fix demo throwing error (#2719) @m4theushw
[docs] Fix index and improve playground page (#2755) @oliviertassinari

Core

[core] Add benchmark script (#2683) @m4theushw
[core] Clean error messages prefix (#2676) @flaviendelangle
[core] Do not regenerate columns of useDemoData on each render (#2747) @flaviendelangle
[core] Don't run benchmark on cached files (#2786) @m4theushw
[core] Drop localization v4 format (#2792) @flaviendelangle
[core] Remove useless state update in useGridColumnMenu (#2722) @flaviendelangle
[core] Remove v4 conditional code (#2575) @flaviendelangle
[core] Rework useGridRows high frequency update (#2561) @flaviendelangle
[core] Set up eps1lon/actions-label-merge-conflict action (#2751) @m4theushw
[core] Stop using selectors for Pro features on React components (#2716) @flaviendelangle

mui-x - v4.0.1

Published by m4theushw about 3 years ago

Sep 29, 2021

This version backports bug fixes and some of the features from the v5.x active release line.
As the development of v5 evolves, newer fixes might not be cherry-picked to the legacy version.
To have access to the latest features it is encouraged to upgrade to MUI X v5 and MUI Core v5.

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

👁 Allow to disable virtualization with the disableVirtualization prop (#2728) @m4theushw
🕹 Fix navigation between column headers with rows filtered (#2730) @m4theushw
🐞 Fix numeric filter operators not handling '0' correctly (#2732) @flaviendelangle

`@mui/[email protected]` / `@mui/[email protected]`

Changes

[DataGrid] Add disableVirtualization prop (#2728) @m4theushw
[DataGrid] Fix navigation between column headers with rows filtered (#2730) @m4theushw
[DataGrid] Fix numeric filter operators not handling '0' correctly (#2732) @flaviendelangle
[DataGridPro] Only apply checkboxSelectionVisibleOnly when pagination is enabled (#2731) @flaviendelangle

Docs

[docs] Improve SEO ranking (#2467) @oliviertassinari

Core

[core] Allow to create one logger per Grid instance (#2442) @flaviendelangle
[core] Update monorepo (#2726) @m4theushw

mui-x - v4.0.0

Published by DanailH about 3 years ago

Aug 27, 2021

🎉 This is the first stable release of the data grid component 🎉!

We have been iterating on the component for 18 months. With the introduction of the row edit feature, many bug fixes, and polishing of the documentation, we believe the component is ready for a stable release.

The MUI X v4.0.0 release supports MUI Core v4 and has partial support for v5-beta. With the soon-to-be-released v5 version of the core components, we are moving ongoing work to the v5 release line (Core and X).
The support for existing projects on MUI v4 won't be a priority going forward. We encourage you to migrate to MUI Core v5-beta and soon MUI X v5-beta. We don't patch, fix, or alter older versions. Using MUI Core v4 with MUI X v5 might lead to extra bundle size and configuration.

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

🚀 Introduce the row editing feature (#2098) @m4theushw
⚡️ Rename the XGrid component to DataGridPro (#2382) @m4theushw

This should help clarify the products vs. plans separation. MUI X is a product line on its own. It contains MIT and Commercial software. Removing X from the name of the paid components should help remove a possible confusion: the MIT version of X is meant to be valuable enough for developers to use it, without feeling that it's crippled compared to other OSS alternatives.
The Pro suffix should help make it clear what's MIT and what's not.
✨ Rename the @material-ui npm scope to @mui (#2341) @oliviertassinari

This is part of the ongoing rebranding of the project and company. Material-UI is our current official name, however, we are going to change it. It's too long to write, read, and pronounce; and it is too closely associated with Material Design. In the near future, the whole project/company is moving to MUI and https://mui.com/.
💡 The api property was removed from the callback params. To access the API, use the DataGridPro (#2312) @DanailH

`@mui/[email protected]` / `@mui/[email protected]`

Breaking changes

[DataGrid] Move packages to @mui scope and rename XGrid to DataGridPro (#2341, #2382) @m4theushw @oliviertassinari
You can find in the above highlight section why we are making these name changes. You can migrate following these steps:

-import { DataGrid } from '@material-ui/data-grid';
+import { DataGrid } from '@mui/x-data-grid';

-import { XGrid } from '@material-ui/x-grid';
-<XGrid />
+import { DataGridPro } from '@mui/x-data-grid-pro';
+<DataGridPro />

[DataGrid] The api property was removed from the callback params (#2312) @DanailH
To access the API, use the DataGridPro and get it from the new details param.

 <DataGridPro
-  onColumnResize={(params, event) => console.log(params.api)}
+  onColumnResize={(params, event, details) => console.log(details.api)}
 />

[DataGrid] Remove unused row CSS classes (#2327) @ZeeshanTamboli
The CSS classes .Mui-odd and .Mui-even were removed from the row.

Changes

[DataGrid] Add gridClasses API instead of hard coded classes (#2320) @m4theushw
[DataGrid] Add row editing feature (#2098) @m4theushw
[DataGrid] Add TypeScript module augmentation for the theme (#2307) @ZeeshanTamboli
[DataGrid] Fix box-sizing: border-box leak (#2330) @m4theushw
[DataGrid] Fix keyboard navigation header regression (#2342) @oliviertassinari
[DataGrid] Fix keyboard navigation on filtered rows (#2336) @m4theushw

Docs

[docs] Add Row & Cell editing in features list (#2396) @ZeeshanTamboli
[docs] Add redirect from XGrid to DataGridPro (#2389) @m4theushw
[docs] Fix onCellEditCommit param type (#2390) @ArthurPedroti
[docs] Fix docs for onEditRowsModelChange prop (#2394) @ZeeshanTamboli
[docs] Fix docs links and pagination sentence (#2381) @ZeeshanTamboli
[docs] Update the icons for the new branding (#2339) @oliviertassinari

Core

[core] Keep prop-types in the same file (#2345) @oliviertassinari
[core] Reduce options internal usage (#2318) @flaviendelangle
[core] Remove DataGridPropTypes (#2432) @flaviendelangle
[core] Remove private API from the export (#2299) @oliviertassinari
[core] Remove usages of options.scrollbarSize (#2317) @flaviendelangle
[core] Simplify useGridColumns hook (#2343) @oliviertassinari
[core] Update doesSupportTouchActionNone implementation (#2378) @DanailH
[core] Upgrade dependency with the monorepo (#2377) @oliviertassinari
[test] Use .not.to.equal in favour of to.not.equal (#2340) @oliviertassinari

mui-x - v5.0.0-beta.2

Published by m4theushw about 3 years ago

Sep 24, 2021

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

🇻🇳 Add Vietnamese (viVN) locale (#2668) @tuananh281098
🇵🇱 Improve Polish (plPL) locale (#2632) @michallukowski
⚡️ Apply the valueFormatter to the singleSelect column type (#2581) @DanailH

`@mui/[email protected]` / `@mui/[email protected]`

Breaking changes

[DataGrid] The params passed to the valueFormatter were changed. (#2581) @DanailH

Use the api to get the missing params.
The GridValueFormatterParams interface has the following signature now:

-export type GridValueFormatterParams = Omit<GridRenderCellParams, 'formattedValue' | 'isEditable'>;
+export interface GridValueFormatterParams {
+  /**
+   * The column field of the cell that triggered the event
+   */
+  field: string;
+  /**
+   * The cell value, but if the column has valueGetter, use getValue.
+   */
+  value: GridCellValue;
+  /**
+   * GridApi that let you manipulate the grid.
+   */
+  api: any;
+}

Changes

[DataGrid] Add Vietnamese (viVN) locale (#2668) @tuananh281098
[DataGrid] Apply the valueFormatter to singleSelect select options (#2581) @DanailH
[DataGrid] Free up column header space when icons are not visible (#2606) @DanailH
[DataGrid] Improve Polish (plPL) locale (#2632) @michallukowski

Docs

[docs] Add section for controlled selection and server-side pagination (#2602) @DanailH
[docs] Fix Algolia search (#2655) @oliviertassinari
[docs] Improve the seach results relevance (#2656) @oliviertassinari
[docs] Update installation instructions (#2663) @m4theushw

Core

[core] Upgrade JSS plugins to 10.8.0 (#2667) @m4theushw

mui-x - v5.0.0-beta.1

Published by flaviendelangle about 3 years ago

Sep 17, 2021

A big thanks to the 3 contributors who made this release possible.

`@mui/[email protected]` / `@mui/[email protected]`

Docs

[docs] Explain how to use theme augmentation (#2582) @ZeeshanTamboli
[docs] Fix formatting (#2626) @m4theushw
[docs] Include packages from next tag (#2628) @m4theushw

Core

[core] Copy bin folder when building the libraries (#2627) @flaviendelangle
[core] Remove prop-types during build (#2586) @m4theushw

mui-x - v5.0.0-beta.0

Published by flaviendelangle about 3 years ago

Sep 17, 2021

🎉 This is the first release with support for the new MUI v5 🎉!
In the next releases, we will be working to bring all the cool features from MUI v5 to the advanced components.

This beta version of MUI X drops support for MUI v4. We encourage everyone to upgrade to MUI v5 to be able to continue to get all the upcoming features and fixes of MUI X. New versions of MUI X v4, containing only fixes, will still be released, but at a slower pace.

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

⚡ Migrate to the new @mui/material and @mui/styles packages and drop support for @material-ui/core (#2515, #2571, #2620) @m4theushw
📚 Migrate to the new documentation infrastructure and design (#2441) (@DanailH, @m4theushw)
🎁 Add actions column type (#2385) @m4theushw

See the documentation for more details.
👁 Allow to disable virtualization with the disableVirtualization prop (#2326) @m4theushw
🚀 Introduce the new isRowSelected api method (#2523) @flaviendelangle
🕹️ Show page size controls on smaller resolutions (#2461) @michaldudak
🌎 Add Simplified Chinese (zhCN) localization (#2431) @wlf100220
🌎 Add Korean (koKR) localization (#2446) @zzossig
🐞 Bugfixes

`@mui/[email protected]` / `@mui/[email protected]`

Breaking changes

[DataGridPro] Remove apiRef.current.getState method.

-const state = apiRef.current.getState();
+const state = apiRef.current.state

[DataGridPro] The third argument in apiRef.current.selectRow is now inverted to keep consistency with other selection APIs. (#2523) @flaviendelangle

-selectRow: (id: GridRowId, isSelected?: boolean, allowMultiple?: boolean = false) => void;
+selectRow: (id: GridRowId, isSelected?: boolean, resetSelection?: boolean = false) => void;

[DataGrid] Remove the options prop from the return of useGridSlotComponentProps.

-const { options } = useGridSlotComponentProps();
+const rootProps = useGridRootProps();

[DataGrid] The module augmentation is not enabled by default. This change was done to prevent conflicts with projects using DataGrid and DataGridPro together.

In order to still be able to do overrides at the theme level, add the following imports to your project:
```
+import type {} from '@mui/x-data-grid/themeAugmentation';
+import type {} from '@mui/x-data-grid-pro/themeAugmentation';
```

Changes

[DataGridPro] Only apply checkboxSelectionVisibleOnly when pagination is enabled (#2443) @flaviendelangle
[DataGridPro] Remove apiRef.current.getState method (#2579) @flaviendelangle
[DataGrid] Add disableVirtualization prop (#2326) @m4theushw
[DataGrid] Add missing exports from param models (#2448) @flaviendelangle
[DataGrid] Add missing keys to the classes prop (#2458) @m4theushw
[DataGrid] Add actions column type (#2385) @m4theushw
[DataGrid] Add zhCN localization (#2431) @wlf100220
[DataGrid] Add koKR localization (#2446) @zzossig
[DataGrid] Clean the selection public API (#2523) @flaviendelangle
[DataGrid] Do not call useGridColumnResize and useGridInfiniteLoader (#2580) @flaviendelangle
[DataGrid] Do not show right border of last column header when its cells don't have it (#2444) @flaviendelangle
[DataGrid] Don't consider unselectable rows when selectionModel is used (#2464) @m4theushw
[DataGrid] Drop v4 support (#2515) @m4theushw
[DataGrid] Export useGridRootProps (#2621) @flaviendelangle
[DataGrid] Fire columnOrderChange event after state update (#2451) @flaviendelangle
[DataGrid] Fix TypeScript type error for toolbar components (#2393) @ZeeshanTamboli
[DataGrid] Fix navigation between column headers with rows filtered (#2440) @m4theushw
[DataGrid] Force scrollEndThreshold to undefined (#2574) @flaviendelangle
[DataGrid] Improve jaJP localization (#2502) @daikiojm
[DataGrid] Make hideFooterRowCount prop available only for DataGridPro (#2564) @ZeeshanTamboli
[DataGrid] Fix a bug where pressing Escape was not closing the GridColumnHeaderMenu (#2463) @DanailH
[DataGrid] Prevent scroll when selecting rows (#2558) @m4theushw
[DataGrid] Reduce specificity of GridToolbarContainer styles (#2462) @michaldudak
[DataGrid] Remove import to @material-ui/icons (#2576) @m4theushw
[DataGrid] Show page size controls on smaller resolutions (#2461) @michaldudak
[DataGrid] Vertically align column header icons (#2555) @oliviertassinari
[DataGrid] Fix numeric filter operators not handling '0' correctly (#2528) @flaviendelangle

Docs

[docs] Clarify confusion between licenses (#2525) @oliviertassinari
[docs] Fix JSDoc comments (#2452) @m4theushw
[docs] Fix event argument in onXXX props (#2391) @m4theushw
[docs] Improve SEO ranking (#2467) @oliviertassinari
[docs] Replace 'paging' with 'pagination' (#2459) @michaldudak
[docs] Use same infrastructure from v5 (#2441) @DanailH

Core

[core] Add typing to the details argument (#2512) @flaviendelangle
[core] Allow to create one logger per Grid instance (#2529) @flaviendelangle
[core] Clean GridSimpleOptions interface (#2578) @flaviendelangle
[core] Fix PR detection mechanism for upstream PRs @oliviertassinari
[core] Generate propTypes (#2395) @m4theushw
[core] Improve the feedback loop from developers (#2468) @oliviertassinari
[core] List the requirement of each hook (#2319) @flaviendelangle
[core] Only create one GridEventEmitter per Grid (#2504) @flaviendelangle
[core] Only run Prettier on files different from next instead of master (#2566) @flaviendelangle
[core] Polish issue template (#2503) @oliviertassinari
[core] Prepare x-grid-data-generator for noImplicitAny (#2505) @flaviendelangle
[core] Provide theme augmentation as separate module (#2520) @m4theushw
[core] Publish GridEvents.rowsSet when the rows state is modified after props.rows is updated (#2530) @flaviendelangle
[core] Remove state.isScrolling (#2337) @m4theushw
[core] Remove useless apiRef optional chaining or non-null assertions (#2455) @flaviendelangle
[core] Replace remaining @material-ui usages (#2577) @m4theushw
[core] Replace the options with direct prop reads (#2433) @flaviendelangle
[core] Skip update on initial render (#2344) @oliviertassinari
[core] Small changes (#2607, #2511) @flaviendelangle
[core] Support for @mui packages (#2571) @m4theushw
[core] Synchronously subscribe to events in useGridApiEventHandler (#2557) @flaviendelangle
[core] Update .browserslistrc file (#2384) @DanailH
[core] Update monorepo version and copy assets (#2603) @m4theushw
[core] Update outdated hook requirements (#2526) @flaviendelangle
[test] Clean selection tests (#2457) @flaviendelangle
[test] Disable browserstack for PRs (#2531) @flaviendelangle

mui-x - v4.0.0-alpha.37

Published by m4theushw about 3 years ago

Jul 12, 2021

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

🔎 Add the "is empty" and "is not empty" filter operators to date and number columns (#2274) @flaviendelangle
⚡️ Only support @material-ui/core 4.12.0 or higher (#2281) @DanailH
🐞 Fix a regression to not require @material-ui/x-license when using the DataGrid (#2295) @oliviertassinari
👁️ Add onViewportRowsChange prop for XGrid only (#2038) @DanailH
📃 Translate booleans when exporting rows to CSV (#2296) @m4theushw
🌎 Add Sudanese Arabic (arSD) locale (#2269) @YassinHussein

This is the last alpha release. We are moving to beta in the next release, next week.

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

Breaking changes

[DataGrid] Drop support for @material-ui/core below v4.12.0 (#2281) @DanailH

[XGrid] Replace event constants with the GridEvents enum (#2279) @flaviendelangle

-import { GRID_CELL_EDIT_START } from '@material-ui/x-grid';
-apiRef.current.subscribeEvent(GRID_CELL_EDIT_START, (params, event) => { ... });
+import { GridEvents } from '@material-ui/x-grid';
+apiRef.current.subscribeEvent(GridEvents.cellEditStart, (params, event) => { ... });

Changes

[DataGrid] Add @material-ui/styles as peer dependency (#2288) @m4theushw
[DataGrid] Add Sudanese Arabic (arSD) locale (#2269) @YassinHussein
[DataGrid] Add "is empty" and "is not empty" filter operators to date and number columns (#2274) @flaviendelangle
[DataGrid] Avoid crash if valueOptions is missing in the GridColDef when using singleSelect (#2276) @DanailH
[DataGrid] Remove the use of the autoFocus attribute (#2239) @m4theushw
[DataGrid] Drop support for @material-ui/core below 4.12.0 (#2281) @DanailH
[DataGrid] Fix when renderCell returns false-ish values (#2242) @siriwatknp
[DataGrid] Group events into a single enum (#2279) @flaviendelangle
[DataGrid] Improve error message if using multiple versions of data grid (#2311) @ZeeshanTamboli
[DataGrid] Make resized column not flexible (#2308) @flaviendelangle
[DataGrid] Merge useGridVirtualColumns into useGridVirtualRows (#2314) @m4theushw
[DataGrid] Remove dependency on x-license (#2295) @oliviertassinari
[DataGrid] Translate booleans when exporting to CSV (#2296) @m4theushw
[XGrid] Add onViewportRowsChange prop (#2038) @DanailH

Docs

[docs] Fix page size warnings (#2301) @oliviertassinari
[docs] Sort events alphabetically (#2278) @flaviendelangle

Core

[core] Assert that event.defaultMuiPrevented is called (#2302) @oliviertassinari
[core] Reduce options usage in feature hooks (#2275, #2284) @flaviendelangle
[core] Remove use of getState (#2300) @oliviertassinari
[core] Try rangeStrategy: bump @oliviertassinari
[core] Use type inference in selectors (#2244) @flaviendelangle
[core] Improve type coverage of colDef (#2188) @flaviendelangle

mui-x - v4.0.0-alpha.36

Published by DanailH about 3 years ago

August 6, 2021

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

🚀 Polish the cell editing API (#2220) @m4theushw
⚡️ Add details param to each callback option in XGrid (#2236) @DanailH
💅 Work on internal optimizations and code separation (#2176, #2243, #2235, #2213) @flaviendelangle
✨ Allow non-integer column width for flex columns (#2282) @flaviendelangle
🐞 Fix one bug related to filtering

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

Breaking changes

[DataGrid] Polish cell editing (#2220) @m4theushw

Replace onCellModeChange prop with onCellEditEnter or onCellEditExit.
Rename onCellEditEnter prop to onCellEditStart.
Rename onCellEditEnd prop to onCellEditStop.

 <DataGrid
-  onCellEditEnter={...}
-  onCellEditExit={...}
+  onCellEditStart={...}
+  onCellEditStop={...}
 />

[XGrid] The setEditCellProps API call is not available anymore.
Use the controlled editing or setEditRowsModel.

-apiRef.current.setEditCellProps({ id, field, props: { ...props, error: true } });
+apiRef.current.setEditRowsModel({
+  ...oldModel,
+  [id]: {
+    ...oldModel[id],
+    [field]: { ...oldModel[id][field], error: true },
+  },
+});

[DataGrid] Allow non-integer column width for flex columns (#2282) @flaviendelangle
- The width property of the columns is no longer updated with the actual width of of the column. Use the new computedWidth property in the callbacks instead.
```
const columns: GridColDef = [
  {
  field: "name",
  width: 100,
  renderCell: ({ value, colDef }) => {
  - console.log(colDef.width!)
  + console.log(colDef.computedWidth)
    return value
  }
]
```

Changes

[DataGrid] Canonical controlled state behavior (#2208) @oliviertassinari
[DataGrid] Fix filter with extended columns (#2246) @m4theushw
[DataGrid] Remove default value of columnTypes prop (#2280) @m4theushw
[DataGrid] Add German (deDE) translation for export and isEmpty operator (#2285) @ChristopherBussick
[XGrid] Add details param to each callback option in XGrid (#2236) @DanailH

Docs

[docs] Improve slot API docs (#2219) @oliviertassinari
[docs] Document virtualization APIs in virtualization section (#2247) @ZeeshanTamboli

Core

[core] Isolate DataGrid and XGrid (#2176) @dtassone
[core] Move GridFilterModel in the models directory (#2243) @flaviendelangle
[core] Add new column internal computedWidth field (#2235) @flaviendelangle
[core] Use rootProps instead of options in the grid components except for classes (#2213) @flaviendelangle
[core] Fix rebaseWhen=auto not working (#2271) @oliviertassinari
[core] Batch small changes (#2249) @oliviertassinari

mui-x -

Published by oliviertassinari about 3 years ago

July 31, 2021

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

⚛️ Complete the idiomatic support of controllable props (#2143, #2099) @m4theushw, @flaviendelangle
✨ Improve support of @material-ui/core@v5 (#2224, #2240) @oliviertassinari, @siriwatknp
🐛 Fix 7 bugs and regressions

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

Breaking changes

[DataGrid] Improve controllable cell edit (#2143) @m4theushw
- The onEditCellChange prop was renamed to onEditCellPropsChange.
- The onEditCellChangeCommitted prop was renamed to onCellEditCommit.
- The onEditRowModelChange prop was removed. Use the new onEditRowsModelChange prop.
```
-onEditRowModelChange?: (params: GridEditRowModelParams)
+onEditRowsModelChange?: (editRowsModel: GridEditRowsModel)
```
[XGrid] Improve controllable cell edit (#2143) @m4theushw
- The cellEditPropsChange event was renamed to editCellPropsChange.
- The cellEditPropsChangeCommitted event was renamed to cellEditCommit.
- The cellValueChange event was removed. Listen to cellEditCommit to detect when the value is committed.
- The editRowModelChange event was renamed to editRowsModelChange.

[DataGrid] Improve controllable pagination (#2099) @flaviendelangle

The pageSize is now a controlled prop. If you set a value, you also need to handle updates with onPageSizeChange. See the documentation.

Change the controllable API signature:

// Signature
-onPageChange?: (params: GridPageChangeParams) => void;
+onPageChange?: (page: number) => void;

// Usage
-<DataGrid onPageChange={(params: GridPageChangeParams) => setPage(params.page)} />
+<DataGrid onPageChange={(page: number) => setPage(page)} />

// Signature
-onPageSizeChange?: (params: GridPageChangeParams) => void;
+onPageSizeChange?: (pageSize: number) => void;

// Usage
-<DataGrid onPageSizeChange={(params: GridPageChangeParams) => setPageSize(params.pageSize)} />
+<DataGrid onPageSizeChange={(pageSize: number) => setPageSize(pageSize)} />

Changes

[DataGrid] Fix Controlled selection console error (#2197) @ZeeshanTamboli
[DataGrid] Fix disableMultipleColumnsFiltering console warning @ZeeshanTamboli
[DataGrid] Fix CSV export when selected row id is number (#2232) @flaviendelangle
[DataGrid] Fix horizontal scroll when no rows (#2159) @m4theushw
[DataGrid] Fix id passed to setEditCellValue (#2215) @m4theushw
[DataGrid] Fix missing value in onCellEditCommit (#2214) @m4theushw
[DataGrid] Fix prop-type warning with v5 (#2224) @oliviertassinari
[DataGrid] Fix support for singleSelect with numeric values (#2112) @m4theushw
[DataGrid] Improve translations to the Turkish locale (#2203) @cihanyakar
[DataGrid] Use event.defaultMuiPrevented to prevent the default behavior (#2179) @m4theushw
[DataGrid] Warn when pageSize is not present in rowsPerPageOptions (#2014) @flaviendelangle
[XGrid] Fix v5 filter select display (#2240) @siriwatknp

Docs

[docs] Add missing API docs (#2167) @ZeeshanTamboli
[docs] Describe how to export custom rendered cells (#2194) @m4theushw
[docs] Generate api doc for the GridExportCSVOptions interface (#2102) @flaviendelangle
[docs] Handle generics in api doc generation (#2210) @flaviendelangle

Core

[core] Don't export the internal utils (#2233) @flaviendelangle
[core] Receive patch and minor dependency updates (#2221) @flaviendelangle
[test] Add tests for column resizing (#2211) @flaviendelangle
[test] Fix singleSelect tests (#2200) @m4theushw
[test] Sync Karma config (#2191) @m4theushw
[test] Test support for theme translations (#2229) @m4theushw

mui-x - v4.0.0-alpha.34

Published by dtassone over 3 years ago

July 21, 2021

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

🚀 Fix @material-ui/core v4.12.1 support (#2108) @DanailH
🐞 Add "is empty" and "is not empty" operators (#1997) @m4theushw
💅 Improve the editing API (#1955) @m4theushw
🐛 We have improved the scroll keyboard (#2162) @oliviertassinari
⚡️ Add control state for selection model, filter model, and sort model @dtassone
💡 Add quick filter demo in the docs @dtassone

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

Breaking changes

[DataGrid] Fix scrollToIndexes behavior (#2162) @oliviertassinari

Remove public apiRef.current.isColumnVisibleInWindow() as it servers private use cases.
```
-apiRef.current.isColumnVisibleInWindow()
```

[DataGrid] Remove stateId argument from GridApi getState method (#2141) @flaviendelangle

-const filterState = apiRef.current.getState('filter');
+const filterState = apiRef.current.getState().filter;

[DataGrid] Improve controllable sorting (#2095) @dtassone

Normalize the controlled prop signature:

 <DataGrid
-  onSortModelChange={(params: GridSortModelParams) => setSortModel(params.model)}
+  onSortModelChange={(model: GridSortModel) => setSortModel(model)}
 />

[DataGrid] Improve controllable filter (#1909) @dtassone

Normalize the controlled prop signature:

 <DataGrid
-  onFilterModelChange={(params: GridFilterModelParams) => setFilterModel(params.model)}
+  onFilterModelChange={(model: GridFilterModel) => setFilterModel(model)}
 />

[DataGrid] Improve the editing API (#1955) @m4theushw

The props key in the first argument of commitCellChange was removed to promote the use of the value already stored in the state.
To update the value in the state, call setEditCellProps before.

-apiRef.current.commitCellChange({ id: 1, field: 'name', props: { value: 'Ana' } });
+apiRef.current.setEditCellProps({ id: 1, field: 'name', props: { value: 'Ana' } });
+apiRef.current.commitCellChange({ id: 1, field: 'name' });

Calling commitCellChange in a cell in view mode will throw an error. Make sure to first enter the edit mode.

+apiRef.current.setCellMode(1, 'name', 'edit');
apiRef.current.commitCellChange({ id: 1, field: 'name' });

The setCellValue was removed from the API. Use commitCellChange or updateRows in place.

-apiRef.current.setCellValue({ id: 1, field: 'name', value: 'Ana' });
+apiRef.current.updateRows([{ id: 1, name: 'Ana' }]);

-apiRef.current.setCellValue({ id: 1, field: 'name', value: 'Ana' });
+apiRef.current.setCellMode(1, 'name', 'edit');
+apiRef.current.setEditCellProps({ id: 1, field: 'name', props: { value: 'Ana' } });
+apiRef.current.commitCellChange({ id: 1, field: 'name' });

The getEditCellProps was removed because getEditCellPropsParams offers the same functionality.
```
-const props = apiRef.current.getEditCellProps(1, 'name');
+const { props } = apiRef.current.getEditCellPropsParams(1, 'name');
```
Note: This method will now throw an error if the cell is in view mode.

[DataGrid] Implement useControlState hook, and add control state on selectionModel (#1823) @dtassone

Normalize the controlled prop signature:

 <DataGrid
-  onSelectionModelChange={(params: GridSelectionModelChangeParams) => setSelectionModel(params.model)}
+  onSelectionModelChange={(model: GridSelectionModel) => setSelectionModel(model)}
 />

Replace onRowSelected with the existing API:

 <DataGrid
-  onRowSelected={(params: GridRowSelectedParams) =>  }
+  onSelectionModelChange={(model: GridSelectionModel) => }
 />

Changes

[DataGrid] Use find instead of filter (#2015) @DanailH
[DataGrid] Add "is empty" and "is not empty" operators (#1997) @m4theushw
[DataGrid] Add minWidth to GridColDef (#2101) @DanailH
[DataGrid] Add missing localeText types (#2118) @oliviertassinari
[DataGrid] Add missing translations to French (frFR) locale (#2082) @flaviendelangle
[DataGrid] Add quick filter demo (#2149) @dtassone
[DataGrid] Allow passing styles and Popper props to GridPanel (#1994) @sebastianfrey
[DataGrid] Allow to customize the columns exported as CSV (#2008) @flaviendelangle
[DataGrid] Emit pageSizeChange when autoPageSize is set and the grid size changes (#1986) @flaviendelangle
[DataGrid] Fix crash when id has a single-quote (#2033) @rbrishabh
[DataGrid] Fix localeText type (#2117) @oliviertassinari
[DataGrid] Fix manual entry in date fields (#2051) @m4theushw
[DataGrid] Fix scrollToIndexes offscreen column (#1964) @m4theushw
[DataGrid] Fix support for @material-ui/[email protected] (#2108) @DanailH
[DataGrid] Improve GridToolbarXXX props flexibility (#2157) @tifosiblack
[DataGrid] Make GridToolbarXXX props overridable (#2084) @tifosiblack
[DataGrid] Remove 'hide: true' from a column should correctly resize the others column (#2034) @flaviendelangle
[DataGrid] Remove focus on cell when its row is removed from the data (#1995) @flaviendelangle
[DataGrid] Remove unused editMode prop (#2173) @ZeeshanTamboli
[DataGrid] Support style prop (#2116) @oliviertassinari
[DataGrid] Use Intl.Collator for string comparison (#2155) @m4theushw
[DataGrid] Update apiRef.current.getRow to signal that it can return a null value (#2010) @flaviendelangle
[XGrid] Add ability to disable reorder on some columns (#2085) @flaviendelangle
[XGrid] Close column header menu when resizing column (#1989) @flaviendelangle
[XGrid] Fix column resize on touch devices (#2089) @m4theushw
[XGrid] Only show column sorting in the grid toolbar when experimental features enabled (#2091) @flaviendelangle
[XGrid] Prevent headers from scrolling during reordering (#2154) @m4theushw

Docs

[docs] Add new cursor-based pagination paragraph (#1991) @flaviendelangle
[docs] Better explain what happens in the future (#2036) @oliviertassinari
[docs] Fix broken env (#2160) @oliviertassinari
[docs] Fix small typos in the documentation (#2169) @BrandonOldenhof
[docs] Fix typo in README (#2150) @studyhog

Core

[core] Add @material-ui/lab and @material-ui/icons as peer dependencies (#2012) @m4theushw
[core] Add additional test case for onSelectionModelChange (#1966) @DanailH
[core] Add support bot (#2097) @oliviertassinari
[core] Configure Renovate and remove Dependabot (#2075) @flaviendelangle
[core] Copy getClasses from the core (removed in v5) (#2140) @flaviendelangle
[core] Correctly test column visibility switch impact on column width (#2130) @flaviendelangle
[core] Fix missing git source in packages (#2092) @msftenhanceprovenance
[core] Fix typo errors (#2100) @flaviendelangle
[core] No need to pin dependencies (#2094) @oliviertassinari
[core] Remove dead code (#2088) @oliviertassinari
[core] Remove implicit :scope (#2115) @oliviertassinari
[core] Remove styled-components (#2060) @m4theushw
[core] Remove unused event 'cellFocusChange' (#1996) @flaviendelangle
[core] Renovate : Group storybook updates (#2086) @flaviendelangle
[core] Replace fade with muiStyleAlpha (#2171) @m4theushw
[core] Support docs:api script in Windows OS (#2166) @ZeeshanTamboli
[core] Upgrade dependencies (#2114) @oliviertassinari
[core] Use getColumnHeaderCell in tests (#2093) @flaviendelangle
[core] Use props instead of options for event handler (#2139) @flaviendelangle
[test] Allow tests to run for up to 5 instead of 4 minutes (#2152) @oliviertassinari
[test] Increase Browserstack worker timeout from 2.5 to 4 minutes (#2040) @flaviendelangle
[test] Remove orphan async @oliviertassinari
[test] Test the validation before saving a value (#2087) @m4theushw

mui-x - v4.0.0-alpha.33

Published by DanailH over 3 years ago

July 1, 2021

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

🐞 As a focus of Q2, we have kept fixing bugs
💅 End users are now allowed to copy the selected rows to the clipboard with CTRL + c (#1929) @m4theushw
🐛 We have fixed the Select all checkbox. When triggered, it should only select the filtered rows (#1879) @ZeeshanTamboli

⚡️ We have added a new singleSelect column type (#1956) @DanailH

Using the column type: 'singleSelect' defaults to Select component when the cell is in edit mode. You can find the documentation following this link.

<DataGrid
  columns={[
    {
      field: 'country',
      type: 'singleSelect',
      valueOptions: ['France', 'Netherlands', 'Brazil'],
      editable: true,
    }
  ]}
  rows={[
    { id: 0, country: 'France' },
    { id: 1, country: 'Netherlands' },
    { id: 2, country: 'Brazil' },
  ]}
/>

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

Breaking changes

[DataGrid] Rename onColumnResizeCommitted to onColumnWidthChange (#1967) @m4theushw

-<DataGrid onColumnResizeCommitted={...} />
+<DataGrid onColumnWidthChange={...} />

[DataGrid] Make GRID_ROWS_CLEAR private (#1925) @oliviertassinari

The rowsCleared event was always triggered alongside rowsSet. You can listen to the latter event only.
[DataGrid] Fix events naming (#1862) @m4theushw

The following XGrid events were renamed:
- columnHeaderNavigationKeydown to columnHeaderNavigationKeyDown
- columnResizeCommitted to columnWidthChange
- rowsUpdated to rowsUpdate
- columnsUpdated to columnsChange
The following XGrid DOM events were removed:
- focusout
- keydown
- keyup

Changes

[DataGrid] Add fallback for pagination translations (#2006) @m4theushw
[DataGrid] Add single select column type (#1956) @DanailH
[DataGrid] Allow to copy the selected rows to the clipboard (#1929) @m4theushw
[DataGrid] Improve the logic of scrollToIndexes (#1969) @oliviertassinari
[DataGrid] Fix deferred rendering race condition (#1807) @dtassone
[DataGrid] Fix double-click issue (#1919) @oliviertassinari
[DataGrid] Fix number edit cell output (#1959) @oliviertassinari
[DataGrid] Fix offscreen row when calling scrollToIndexes (#1949) @oliviertassinari
[DataGrid] Ignore drag events when disableColumnReorder is true (#1952) @m4theushw
[DataGrid] Select all checkbox click should select only filtered rows (#1879) @ZeeshanTamboli
[XGrid] Add option to select only visible rows on the current page (#1998) @DanailH

Docs

[docs] Align docs with EULA (source of truth) (#1963) @oliviertassinari
[docs] Fix changing Dataset not working (#1965) @m4theushw
[docs] Fix description of union types (#2003) @m4theushw

Core

[core] Polish filtering internals (#1760) @ZeeshanTamboli
[core] Upgrade actions-cool/issues-helper (#1962) @oliviertassinari
[core] Name variables according to enUS instead of enGB (#1988) @flaviendelangle
[test] Test vertical scrollbar (#1932) @oliviertassinari

mui-x - v4.0.0-alpha.32

Published by m4theushw over 3 years ago

June 18, 2021

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

⚡️ Components that use portals, like Select and Autocomplete, can now be used in the cell editing (#1772) @m4theushw
📃 Apply the valueFormatter to the CSV exporting (#1922) @DanailH
💅 Rename CSS classes to match the convention of the core components (#1872) @DanailH
🌎 Isolate translations from Material-UI Core and Material-UI X (#1913) @DanailH
🚀 Improve performance when finding column indexes and updating rows (#1903, #1923) @Janpot @N2D4
🐞 Bugfixes

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

Breaking changes

[DataGrid] The onEditCellChangeCommitted prop won't be called with an event when committing changes by clicking outside the cell (#1910) @m4theushw

[DataGrid] Translation for Material-UI Core components are no longer included in the Material-UI X translation (#1913) @DanailH

 import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
 import { DataGrid, bgBG } from '@material-ui/data-grid';
+import { bgBG as coreBgBG } from '@material-ui/core/locale';

 const theme = createMuiTheme(
   {
     // ...
   },
   bgBG,
+  coreBgBG,
 );

[DataGrid] The disableClickEventBubbling prop was removed (#1910) @m4theushw

The same outcome can be obtained by using the React synthetic event, calling event.stopPropagation():
```
-<DataGrid disableClickEventBubbling />
+<DataGrid onCellClick={(event) => event.stopPropagation()} />
```
[DataGrid] Rename CSS classes according to new convention (#1872) @DanailH

The main grid components:
- .data-container was removed
- .MuiDataGrid-columnHeaderSortable was renamed to .MuiDataGrid-columnHeader--sortable
- .MuiDataGrid-columnHeaderCenter was renamed to .MuiDataGrid-columnHeader--alignCenter
- .MuiDataGrid-columnHeaderRight was renamed to .MuiDataGrid-columnHeader--alignRight
- .MuiDataGrid-columnHeader-draggable was renamed to .MuiDataGrid-columnHeaderDraggableContainer
- .MuiDataGrid-columnHeaderSortable was renamed to .MuiDataGrid-columnHeader--sortable
- .MuiDataGrid-columnHeaderMoving was renamed to .MuiDataGrid-columnHeader--moving
- .MuiDataGrid-columnHeaderSorted was renamed to .MuiDataGrid-columnHeader--sorted
- .MuiDataGrid-columnHeaderNumeric was renamed to .MuiDataGrid-columnHeader--numeric
- .MuiDataGrid-columnHeader-dropZone was renamed to .MuiDataGrid-columnHeaderDropZone
- .MuiDataGrid-columnSeparatorResizable was renamed to .MuiDataGrid-columnSeparator--resizable
- .MuiDataGrid-cellWithRenderer was renamed to .MuiDataGrid-cell--withRenderer
- .MuiDataGrid-cellLeft was renamed to .MuiDataGrid-cell--textLeft
- .MuiDataGrid-cellRight was renamed to .MuiDataGrid-cell--textRight
- .MuiDataGrid-cellCenter was renamed to .MuiDataGrid-cell--textCenter
- .MuiDataGrid-cellEditing was renamed to .MuiDataGrid-cell--editing
- .MuiDataGrid-cellEditable was renamed to .MuiDataGrid-cell--editable
- .MuiDataGrid-editCellBoolean was renamed to .MuiDataGrid-editBooleanCell
- .MuiDataGrid-editCellInputBase was renamed to .MuiDataGrid-editInputCell
- .MuiDataGrid-scrollArea-left was renamed to .MuiDataGrid-scrollArea--left
- .MuiDataGrid-scrollArea-right was renamed to .MuiDataGrid-scrollArea--right
The standalone components:
- .MuiDataGridMenu-* was renamed to .MuiGridMenu-*
- .MuiDataGridPanel-* was renamed to .MuiGridPanel-*
- .MuiDataGridPanelContent-* was renamed to .MuiGridPanelContent-*
- .MuiDataGridPanelFooter-* was renamed to .MuiGridPanelFooter-*
- .MuiDataGridPanelWrapper-* was renamed to .MuiGridPanelWrapper-*
- .MuiDataGridFilterForm-* was renamed to .MuiGridFilterForm-*
- .MuiDataGridToolbarFilterButton-* was renamed to .MuiGridToolbarFilterButton-*
- .MuiDataGrid-footer was renamed to .MuiDataGrid-footerContainer
- .MuiDataGrid-toolbar was renamed to .MuiDataGrid-toolbarContainer

Changes

[DataGrid] Add aria-label to GridToolbarExport (#1869) @rbrishabh
[DataGrid] Add support for edit components that use portal (#1772) @m4theushw
[DataGrid] Add useGridApiContext hook to access the GridApiContext (#1877) @m4theushw
[DataGrid] Allow to set the delimiter in GridExportCsvOptions (#1859) @michallukowski
[DataGrid] Escape regular expression characters in filters (#1899) @ZeeshanTamboli
[DataGrid] Fix support for getRowId on cell editing (#1917) @m4theushw
[DataGrid] Fix typo in French (frFR) locale (#1874) @julien-guillon
[DataGrid] Improve Brazilian Portuguese (ptBR) locale (#1861) @aline-matos
[DataGrid] Improve type of the blur event (#1918) @oliviertassinari
[DataGrid] Improve updateRows performance (#1923) @N2D4
[DataGrid] Include Material-UI core component localizations in localeText (#1913) @DanailH
[DataGrid] Make the CSV export respect the valueFormatter (#1922) @DanailH
[DataGrid] Remove disableClickEventBubbling (#1910) @m4theushw
[DataGrid] Rename CSS classes according to new convention (#1872) @DanailH
[DataGrid] Use binary search to find column indexes in virtualization (#1903) @Janpot

Docs

[docs] Fix 404 links (#1880) @oliviertassinari
[docs] Fix prop-type warning (#1916) @oliviertassinari
[docs] Make cells editable in demos (#1817) @m4theushw
[docs] Polish disableDensitySelector description (#1884) @oliviertassinari

Core

[core] Batch small changes (#1901) @oliviertassinari
[core] Remove dead logic (#1900) @oliviertassinari
[test] Fix tests (#1928) @m4theushw

mui-x - v4.0.0-alpha.31

Published by DanailH over 3 years ago

June 9, 2021

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

💅 Allow to customize GridToolbarExport's CSV export (#1695) @michallukowski
🐛 Allow to deselect rows with CTRL + click (#1813) @ZeeshanTamboli
⚡️ Refactor scroll size detector (#1703) @dtassone
📖 Add documentation for interfaces and events (#1529) @m4theushw
🐞 Bugfixes

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

Breaking changes

[DataGrid] Improve headerClassName type (#1778) @DanailH

cellClassName and headerClassName no longer accept array of strings.

-cellClassName?: string | string[] | (params: GridCellParams) => string;
+cellClassName?: string | (params: GridCellParams) => string;

-headerClassName?: string | string[];
+headerClassName?: string | (params: GridColumnHeaderParams) => string;

Changes

[DataGrid] Add valueParser to parse values entered by the user (#1785) @m4theushw
[DataGrid] Allow to customize GridToolbarExport's CSV export (#1695) @michallukowski
[DataGrid] Allow to deselect rows with CTRL + click (#1813) @ZeeshanTamboli
[DataGrid] Improve general architecture to better isolate hooks (#1720) @dtassone
[DataGrid] Fix cell height after changing grid density (#1819) @DanailH
[DataGrid] Fix fluid columns width when available viewportWidth < 0 (#1816) @DanailH
[DataGrid] Fix force reflow on scroll start and end (#1829) @dtassone
[DataGrid] Refactor scroll size detector (#1703) @dtassone
[XGrid] Display the number of filtered rows in the footer (#1830) @m4theushw

Docs

[docs] Add docs for disableDensitySelector option (#1856) @DanailH
[docs] Automatically generate API docs (#1529) @m4theushw

Core

[core] Batch small changes (#1848) @oliviertassinari
[core] Add yarn docs:api @oliviertassinari
[test] Improve pagination tests (#1827) @m4theushw

mui-x - v4.0.0-alpha.30

Published by dtassone over 3 years ago

May 31, 2021

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

💅 Add getCellClassName prop (#1687) @m4theushw
🐛 Fix a regression in the controlled pagination (#1729) @ZeeshanTamboli
⚡️ Remove cellClassRules from GridColDef (#1716) @m4theushw
🇨🇿 Add csCZ locale (#1765) @Haaxor1689
🐞 Bugfixes

@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

[DataGrid] Add getCellClassName prop (#1687) @m4theushw
[DataGrid] Add customizable aria-label, aria-labelledby field (#1764) @ZeeshanTamboli
[DataGrid] Add Czech (csCZ) locale and fix plural rules in Slovak (skSK) locale (#1765) @Haaxor1689
[DataGrid] Fix cell accessibility aria-colindex (#1669) @ZeeshanTamboli
[DataGrid] Fix changing rows per page size (#1729) @ZeeshanTamboli
[DataGrid] Fix date operators not working with date-time values (#1722) @m4theushw
[DataGrid] Fix rowCount prop updates (#1697) @dtassone
[DataGrid] Improve German (deDe) translation of "errorOverlayDefaultLabel" (#1718) @sebastianfrey
[DataGrid] Fix accessibility of the filter panel textboxes (#1727) @m4theushw
[XGrid] Fix onFilterModelChange not firing (#1706) @dtassone

Docs

[docs] Fix outdated description of GridRowParams.getValue (#1731) @visshaljagtap
[docs] Fix 404 link (#1752) @oliviertassinari
[docs] Improve Custom edit component demo (#1750) @oliviertassinari
[docs] Remove redundant customizable pagination section (#1774) @ZeeshanTamboli
[docs] Improve GridApi descriptions (#1767) @m4theushw

Core

[core] Batch updates of storybook (#1751) @oliviertassinari
[core] Help support different documents (#1754) @oliviertassinari
[core] Upgrade Material-UI core v5 to latest version (#1763) @ZeeshanTamboli
[test] Reduce flakiness (#1753) @oliviertassinari
[test] Remove skip on Edge (#1708) @m4theushw

mui-x - 4.0.0-alpha.29

Published by m4theushw over 3 years ago

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

[DataGrid] Add Slovak (skSK) locale (#1634) @martinvysnovsky
[DataGrid] Add columnHeader, row and cell in addition to root in classes prop (#1660) @DanailH
[DataGrid] Add isRowSelectable prop (#1659) @m4theushw
[DataGrid] Add sort icon for when column is unsorted (#1415) @m4theushw
[DataGrid] Fix id and aria-labelledby attributes on the column menu (#1460) @m4theushw
[DataGrid] Fix broken checkbox in Material-UI v5 (#1587) @ZeeshanTamboli
[DataGrid] Fix CSS classes prefix (#1693) @m4theushw
[DataGrid] Fix German (deDe) locale (#1624) @klinge27
[DataGrid] Fix filter with object as value and value getter (#1665) @dtassone
[DataGrid] Fix incorrect date selection (#1652) @aTmb405
[DataGrid] Fix overflow of maximum page (#1583) @oliviertassinari
[DataGrid] Fix typo in Italian (itIT) locale (#1635) @profcav
[DataGrid] Improve performance of width resizing (#1686) @dtassone
[DataGrid] Make rows immutable for better developer experience (#1661) @ZeeshanTamboli
[DataGrid] Pass state values as props (#1628) @m4theushw
[DataGrid] Improve performance with filtering, sorting, and rendering (#1513) @dtassone
[XGrid] Fix checkbox column resizing (#1682) @elyesbenabdelkader

Docs

[docs] Add description for all events (#1572) @m4theushw
[docs] Add missing CSS rules (#1694) @ZeeshanTamboli
[docs] Add missing descriptions in GridFilterApi (#1620) @m4theushw
[docs] Clean demos components (#1681) @oliviertassinari
[docs] Fix docs demo (#1691) @dtassone
[docs] Improve Filtering page (#1671) @m4theushw
[docs] Improve the data grid components page (#1382) @dtassone
[docs] Refine the descriptions to be clearer (#1589) @oliviertassinari
[docs] Reshuffle columns and rows styling sections (#1622) @DanailH

Core

[core] Fix dependabot config (#1619) @oliviertassinari
[core] Remove makeStyles dependency on @material-ui/core/styles (#1627) @mnajdova
[core] Remove withStyles dependency on @material-ui/core/styles (#1690) @mnajdova
[core] Replace classnames utility with clsx dependency (#1586) @ZeeshanTamboli
[core] Reuse colIndex already computed (#1666) @oliviertassinari
[test] Add constraints on cell render (#1662) @oliviertassinari
[test] Catch broken demos (#1692) @oliviertassinari

mui-x - v4.0.0-alpha.28

Published by DanailH over 3 years ago

May 10, 2021

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

🇹🇷 Add trTR locale (#1446) @simsek97
🎁 Add support for checkbox component slot (#1528) @ZeeshanTamboli
⚡️ Add onColumnVisibilityChange prop (#1578) @DanailH
🐞 Bugfixes

@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

[DataGrid] Add Turkish (trTR) locale (#1526) @simsek97
[DataGrid] Add onColumnVisibilityChange prop (#1578) @DanailH
[DataGrid] Fix date input crash (#1570) @dtassone
[DataGrid] Fix resulted filter data shows blank screen during pagination (#1571) @ZeeshanTamboli
[DataGrid] Support Checkbox component slot (#1528) @ZeeshanTamboli
[DataGrid] Fix column cell and row cell focus style (#1575) @DanailH

Docs

[docs] Fix Feature comparison 404 links (#1525) @ZeeshanTamboli
[docs] Fix focus isn't set on the text box in Edit using external button demo (#1515) @ZeeshanTamboli
[docs] Fix typo of onColumnResizeCommitted prop (#1563) @ZeeshanTamboli
[docs] Header convention for controllable prop (#1531) @oliviertassinari
[docs] Fix errors in the docs (#1585) @oliviertassinari

Core

[core] Add security policy (#1588) @oliviertassinari
[core] Improve GridApi type structure (#1566) @oliviertassinari
[core] Simplify component type (#1552) @oliviertassinari
[core] Update monorepo (#1530) @oliviertassinari
[core] Increase timeout on jsdom (#1532) @oliviertassinari

mui-x - v4.0.0-alpha.27

Published by dtassone over 3 years ago

Apr 30, 2021

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

🎁 Add getRowClassName prop (#1448) @m4theushw
⚡️ Drop support for Node v10 (#1499) @ZeeshanTamboli
♿ Make checkbox focusable (#1421) @dtassone
🇮🇹 Add itIT locale (#1446) @profcav
🇷🇺 Add ruRU locale (#1449) @Lukin
🐞 Bugfixes

@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

[DataGrid] Add Italian (itIT) locale (#1446) @profcav
[DataGrid] Add Russian (ruRU) locale (#1449) @Lukin
[DataGrid] Add getRowClassName prop (#1448) @m4theushw
[DataGrid] Add support for classes prop (#1450) @ZeeshanTamboli
[DataGrid] Allow to customize the overlay when there're no filtered rows (#1445) @m4theushw
[DataGrid] Correct quantities plPL (#1487) @Chriserus
[DataGrid] Fix autoPageSize with small dataset (#1505) @dtassone
[DataGrid] Fix delete key for uneditable cells (#1497) @dtassone
[DataGrid] Fix invalid translation key (#1504) @DanailH
[DataGrid] Forward props for all Toolbar and Footer components (#1456) @DanailH
[DataGrid] Improve support of core v5 (#1458) @oliviertassinari
[DataGrid] Fix multiple focus behaviors (#1421) @dtassone