@mui/x-data-grid-generator 7.0.0-alpha.9 → 7.0.0-beta.1

package/CHANGELOG.md

@@ -3,6 +3,269 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.0.0-beta.1
+
+_Feb 1, 2024_
+
+We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- 🏃 Improve the filtering performance of the Data Grid by changing the `GridColDef` methods signatures (#11573) @cherniavskii
+- 🎁 The Line Chart component now has animation by default (#11620) @alexfauquette
+- 🚀 All charts have click handlers (#11411) @alexfauquette
+  Test their respective documentation demonstrations to know more about the data format:
+
+  - [Scatter Chart](https://next.mui.com/x/react-charts/scatter/#click-event)
+  - [Line Chart](https://next.mui.com/x/react-charts/lines/#click-event)
+  - [Bar Chart](https://next.mui.com/x/react-charts/bars/#click-event)
+  - [Pie Chart](https://next.mui.com/x/react-charts/pie/#click-event)
+
+  Big thanks to @giladappsforce and @yaredtsy for their contribution on exploring this feature.
+
+### Data Grid
+
+### Breaking changes
+
+- The signature of `GridColDef['valueGetter']` has been changed for performance reasons:
+
+  ```diff
+  - valueGetter: ({ value, row }) => value,
+  + valueGetter: (value, row, column, apiRef) => value,
+  ```
+
+  The `GridValueGetterParams` interface has been removed:
+
+  ```diff
+  - const customValueGetter = (params: GridValueGetterParams) => params.row.budget;
+  + const customValueGetter: GridValueGetterFn = (value, row) => row.budget;
+  ```
+
+- The signature of `GridColDef['valueFormatter']` has been changed for performance reasons:
+
+  ```diff
+  - valueFormatter: ({ value }) => value,
+  + valueFormatter: (value, row, column, apiRef) => value,
+  ```
+
+  The `GridValueFormatterParams` interface has been removed:
+
+  ```diff
+  - const gridDateFormatter = ({ value, field, id }: GridValueFormatterParams<Date>) => value.toLocaleDateString();
+  + const gridDateFormatter: GridValueFormatter = (value: Date) => value.toLocaleDateString();
+  ```
+
+- The signature of `GridColDef['valueSetter']` has been changed for performance reasons:
+
+  ```diff
+  - valueSetter: (params) => {
+  -   const [firstName, lastName] = params.value!.toString().split(' ');
+  -   return { ...params.row, firstName, lastName };
+  - }
+  + valueSetter: (value, row) => {
+  +   const [firstName, lastName] = value!.toString().split(' ');
+  +   return { ...row, firstName, lastName };
+  +}
+  ```
+
+  The `GridValueSetterParams` interface has been removed:
+
+  ```diff
+  - const setFullName = (params: GridValueSetterParams) => {
+  -   const [firstName, lastName] = params.value!.toString().split(' ');
+  -   return { ...params.row, firstName, lastName };
+  - };
+  + const setFullName: GridValueSetter<Row> = (value, row) => {
+  +   const [firstName, lastName] = value!.toString().split(' ');
+  +   return { ...row, firstName, lastName };
+  + }
+  ```
+
+- The signature of `GridColDef['valueParser']` has been changed for performance reasons:
+
+  ```diff
+  - valueParser: (value, params: GridCellParams) => value.toLowerCase(),
+  + valueParser: (value, row, column, apiRef) => value.toLowerCase(),
+  ```
+
+- The signature of `GridColDef['colSpan']` has been changed for performance reasons:
+
+  ```diff
+  - colSpan: ({ row, field, value }: GridCellParams) => (row.id === 'total' ? 2 : 1),
+  + colSpan: (value, row, column, apiRef) => (row.id === 'total' ? 2 : 1),
+  ```
+
+- The signature of `GridColDef['pastedValueParser']` has been changed for performance reasons:
+
+  ```diff
+  - pastedValueParser: (value, params) => new Date(value),
+  + pastedValueParser: (value, row, column, apiRef) => new Date(value),
+  ```
+
+- The signature of `GridColDef['groupingValueGetter']` has been changed for performance reasons:
+
+  ```diff
+  - groupingValueGetter: (params) => params.value.name,
+  + groupingValueGetter: (value: { name: string }) => value.name,
+  ```
+
+#### `@mui/x-data-grid@7.0.0-beta.1`
+
+- [DataGrid] Add `toggleAllMode` prop to the `columnsManagement` slot (#10794) @H999
+- [DataGrid] Change `GridColDef` methods signatures (#11573) @cherniavskii
+- [DataGrid] Fix row reorder with cell selection (#11783) @PEsteves8
+- [DataGrid] Make columns management' casing consistent (#11858) @MBilalShafi
+- [l10n] Improve Hebrew (he-IL) locale (#11788) @danielmishan85
+
+#### `@mui/x-data-grid-pro@7.0.0-beta.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@7.0.0-beta.1`.
+
+#### `@mui/x-data-grid-premium@7.0.0-beta.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.1`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@7.0.0-beta.1`
+
+- [TimePicker] Add missing toolbar classes descriptions (#11856) @LukasTy
+
+#### `@mui/x-date-pickers-pro@7.0.0-beta.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@7.0.0-beta.1`.
+
+### Charts
+
+#### Breaking changes
+
+- The line chart now have animation by default.
+  You can disable it with `skipAnimation` prop.
+  See [animation documentation](next.mui.com/x/react-charts/lines/#animation) for more information.
+
+- Pie charts `onClick` get renamed `onItemClick` for consistency with other charts click callback.
+
+`@mui/x-charts@7.0.0-beta.1`
+
+- [charts] Add `onClick` support (#11411) @alexfauquette
+- [charts] Add line animation (#11620) @alexfauquette
+- [charts] Document how to modify color according to values (#11824) @alexfauquette
+- [charts] Fix Tooltip crash with out of range lines (#11898) @alexfauquette
+
+### Docs
+
+- [docs] Add a general uplift to the changelog page (#11396) @danilo-leal
+- [docs] Do not reference the Tree View overview page in the API pages (#11826) @flaviendelangle
+- [docs] Fix charts API links (#11832) @alexfauquette
+- [docs] Improve Support page (#11556) @oliviertassinari
+- [docs] Improve column visibility documentation (#11857) @MBilalShafi
+- [docs] Polish header @oliviertassinari
+- [docs] Sync support page with core @oliviertassinari
+- [docs] Update whats new page with "v7 Beta blogpost" content (#11879) @joserodolfofreitas
+
+### Core
+
+- [core] Rely on immutable ref when possible (#11847) @oliviertassinari
+- [core] Bump monorepo (#11897) @alexfauquette
+
+## 7.0.0-beta.0
+
+_Jan 26, 2024_
+
+We are glad to announce MUI X v7 beta!
+This version has several improvements, bug fixes, and exciting features 🎉.
+We want to offer a big thanks to the 7 contributors who made this release possible ✨:
+
+- 🚀 Release the [Date Time Range Picker](https://next.mui.com/x/react-date-pickers/date-time-range-picker/) component (#9528) @LukasTy
+
+  <img src="https://github.com/mui/mui-x/assets/4941090/122bb7bc-5e72-4e11-a8e5-96f3026de922" width="510" height="652" alt="Date Time Range Picker example" />
+
+- 🎁 New column management panel design for the Data Grid (#11770) @MBilalShafi
+
+  <img width="310" alt="image" src="https://github.com/mui/mui-x/assets/12609561/a79dac8b-d54d-4e69-a63a-ef78f3993f37">
+
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### Breaking changes
+
+- The columns management component has been redesigned and the component was extracted from the `ColumnsPanel` which now only serves as a wrapper to display the component above the headers as a panel. As a result, a new slot `columnsManagement` and the related prop `slotProps.columnsManagement` have been introduced. The props corresponding to the columns management component which were previously passed to the prop `slotProps.columnsPanel` should now be passed to `slotProps.columnsManagement`. `slotProps.columnsPanel` could still be used to override props corresponding to the `Panel` component used in `ColumnsPanel` which uses [`Popper`](https://next.mui.com/material-ui/react-popper/) component under the hood.
+
+  ```diff
+   <DataGrid
+    slotProps={{
+  -   columnsPanel: {
+  +   columnsManagement: {
+        sort: 'asc',
+        autoFocusSearchField: false,
+      },
+    }}
+   />
+  ```
+
+- `Show all` and `Hide all` buttons in the `ColumnsPanel` have been combined into one `Show/Hide All` toggle in the new columns management component. The related props `disableShowAllButton` and `disableHideAllButton` have been replaced with a new prop `disableShowHideToggle`.
+
+  ```diff
+   <DataGrid
+  -  disableShowAllButton
+  -  disableHideAllButton
+  +  disableShowHideToggle
+   />
+  ```
+
+#### `@mui/x-data-grid@7.0.0-beta.0`
+
+- [DataGrid] Export `GridColumnTypes` interface for custom column types (#11742) @cherniavskii
+- [DataGrid] Initialize `apiRef` early (#11792) @cherniavskii
+- [DataGrid] New column management panel design (#11770) @MBilalShafi
+- [DataGrid] Fix support for tree with more than 50,000 children (#11757) @zenazn
+
+#### `@mui/x-data-grid-pro@7.0.0-beta.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@7.0.0-beta.0`.
+
+#### `@mui/x-data-grid-premium@7.0.0-beta.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.0`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@7.0.0-beta.0`
+
+- [pickers] Apply the `layout.tabs` class to `Tabs` slot (#11781) @LukasTy
+- [pickers] Avoid deep imports (#11794) @LukasTy
+- [pickers] Fields typing optimization (#11779) @LukasTy
+
+#### `@mui/x-date-pickers-pro@7.0.0-beta.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@7.0.0-beta.0`, plus:
+
+- [pickers] Add `DateTimeRangePicker` component (#9528) @LukasTy
+- [pickers] Add `DateTimeRangePicker` theme augmentation (#11814) @LukasTy
+- [DateRangePicker] Remove `calendars` prop on `Mobile` (#11752) @LukasTy
+
+### Tree View / `@mui/x-tree-view@7.0.0-beta.0`
+
+- [TreeView] Remove unused props from prop-types and typing (#11778) @flaviendelangle
+- [TreeView] Throw an error when two items have the same id (#11715) @flaviendelangle
+
+### Docs
+
+- [docs] Add `contextValue` to the headless tree view doc (#11705) @flaviendelangle
+- [docs] Add section for the `disableSelection` prop (#11821) @flaviendelangle
+- [docs] Fix brand name non-breaking space (#11758) @oliviertassinari
+- [docs] Fix typo in Data Grid components page (#11775) @flaviendelangle
+- [docs] Fix use of quote, should use callout (#11759) @oliviertassinari
+- [docs] Improve error message for MUI Vale rule @oliviertassinari
+- [docs] Include `DateTimeRangePicker` in relevant demos (#11815) @LukasTy
+- [docs] Add recipe for sorting row groups by the number of child rows (#11164) @cherniavskii
+
+### Core
+
+- [core] Cleanup script and alias setup (#11749) @LukasTy
+- [core] Polish issue templates @oliviertassinari
+- [code-infra] Update prettier and pretty-quick (#11735) @Janpot
+
 ## 7.0.0-alpha.9
 
 _Jan 19, 2024_
@@ -138,14 +401,14 @@ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.9`.
 #### Breaking changes
 
 - The `expandIcon` / `defaultExpandIcon` props, used to expand the children of a node (rendered when it is collapsed),
-is now defined as a slot both on the Tree View and the Tree Item components.
+  is now defined as a slot both on the Tree View and the Tree Item components.
 
   If you were using the `ChevronRight` icon from `@mui/icons-material`,
   you can stop passing it to your component because it is now the default value:
 
   ```diff
   -import ChevronRightIcon from '@mui/icons-material/ChevronRight';
-  
+
    <SimpleTreeView
   -  defaultExpandIcon={<ChevronRightIcon />}
    >
@@ -180,14 +443,14 @@ is now defined as a slot both on the Tree View and the Tree Item components.
   ```
 
 - The `collapseIcon` / `defaultCollapseIcon` props, used to collapse the children of a node (rendered when it is expanded),
-is now defined as a slot both on the Tree View and the Tree Item components.
+  is now defined as a slot both on the Tree View and the Tree Item components.
 
   If you were using the `ExpandMore` icon from `@mui/icons-material`,
   you can stop passing it to your component because it is now the default value:
 
   ```diff
   - import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-  
+
     <SimpleTreeView
   -   defaultCollapseIcon={<ExpandMoreIcon />}
     >
@@ -227,14 +490,14 @@ is now defined as a slot both on the Tree View and the Tree Item components.
   ```diff
   -import { TreeItem, useTreeItem } from '@mui/x-tree-view/TreeItem';
   +import { TreeItem, useTreeItemState } from '@mui/x-tree-view/TreeItem';
-  
+
    const CustomContent = React.forwardRef((props, ref) => {
   -  const { disabled } = useTreeItem(props.nodeId);
   +  const { disabled } = useTreeItemState(props.nodeId);
-  
+
      // Render some UI
    });
-  
+
    function App() {
      return (
        <SimpleTreeView>
@@ -412,7 +675,7 @@ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.8`.
 
 - [docs] Fix parsing of `x-date-pickers-pro` demo adapter imports (#11628) @LukasTy
 - [docs] Improve `git diff` format @oliviertassinari
-- [docs] Push up the MUI X brand (#11533) @oliviertassinari
+- [docs] Push up the MUI X brand (#11533) @oliviertassinari
 - [docs] Remove old data grid translation files (#11646) @cherniavskii
 - [docs] Improve Server-side data grid docs (#11589) @oliviertassinari
 - [docs] Improve charts landing page (#11570) @oliviertassinari
@@ -422,8 +685,8 @@ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.8`.
 - [core] Lock `jsdom` version (#11652) @cherniavskii
 - [core] Remove PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD (#11608) @oliviertassinari
 - [core] Simplify isSsr logic (#11606) @oliviertassinari
-- [core] Sync playwright cache between MUI X and Material UI (#11607) @oliviertassinari
-- [core] Use MUI X official name in errors (#11645) @oliviertassinari
+- [core] Sync playwright cache between MUI X and Material UI (#11607) @oliviertassinari
+- [core] Use MUI X official name in errors (#11645) @oliviertassinari
 
 ## 7.0.0-alpha.7
 
@@ -455,7 +718,7 @@ We'd like to offer a big thanks to the 7 contributors who made this release poss
     items={MUI_X_PRODUCTS}
     defaultCollapseIcon={<ExpandMoreIcon />}
     defaultExpandIcon={<ChevronRightIcon />}
-  />
+  />;
   ```
 
 - 🌍 Improve Czech (cs-CZ) locale on the Data Grid
@@ -559,10 +822,10 @@ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.7`.
 
 - [core] Fix release changelog (#11496) @romgrk
 - [core] Fix use of ::before & ::after (#11515) @oliviertassinari
-- [core] Localize the issue template to MUI X (#11511) @oliviertassinari
+- [core] Localize the issue template to MUI X (#11511) @oliviertassinari
 - [core] Regen api files (#11542) @flaviendelangle
 - [core] Remove issue emoji @oliviertassinari
-- [core] Sync the release instructions with MUI Core @oliviertassinari
+- [core] Sync the release instructions with MUI Core @oliviertassinari
 - [core] Yaml format match most common convention @oliviertassinari
 
 ## 7.0.0-alpha.6
@@ -600,6 +863,7 @@ We'd like to offer a big thanks to the 6 contributors who made this release poss
     getOptionLabel: (value: any) => value.name,
   };
   ```
+
 - The `filterModel` now supports `Date` objects as values for `date` and `dateTime` column types.
   The `filterModel` still accepts strings as values for `date` and `dateTime` column types,
   but all updates to the `filterModel` coming from the UI (e.g. filter panel) will set the value as a `Date` object.
@@ -693,7 +957,7 @@ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.5`.
 #### Breaking changes
 
 - The slot interfaces got renamed to match with `@mui/base` naming.
-The `SlotsComponent` suffix has been replaced with `Slots` and `SlotsComponentsProps` with `SlotProps`.
+  The `SlotsComponent` suffix has been replaced with `Slots` and `SlotsComponentsProps` with `SlotProps`.
 
   ```diff
   -DateCalendarSlotsComponent
@@ -1071,7 +1335,7 @@ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.3`.
 - [docs] Polish Next.js header description @oliviertassinari
 - [docs] Remove the `newFeature` flag on v6 features (#11168) @flaviendelangle
 - [docs] Simplify a bit chart demo (#11173) @oliviertassinari
-- [docs] Standardize the usage of callouts in the MUI X docs (#7127) @samuelsycamore
+- [docs] Standardize the usage of callouts in the MUI X docs (#7127) @samuelsycamore
 - [docs] Adjust the Data Grid demo page design (#11231) @danilo-leal
 
 ### Core
@@ -1460,15 +1724,15 @@ And if you need the exact same output you can apply the following transformation
    // For Day.js
   -const isoString = adapter.toISO(value);
   +const isoString = value.toISOString();
-  
+
    // For Luxon
   -const isoString = adapter.toISO(value);
   +const isoString = value.toUTC().toISO({ format: 'extended' });
-  
+
    // For DateFns
   -const isoString = adapter.toISO(value);
   +const isoString = dateFns.formatISO(value, { format: 'extended' });
-  
+
    // For Moment
   -const isoString = adapter.toISO(value);
   +const isoString = value.toISOString();
@@ -1772,6 +2036,90 @@ Here is an example of the renaming for the `<ChartsTooltip />` component.
 - [core] Update release instructions as per v7 configuration (#10962) @MBilalShafi
 - [license] Correctly throw errors (#10924) @oliviertassinari
 
+## 6.19.3
+
+_Feb 1, 2024_
+
+We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Hebrew (he-IL) locale (#11831) @danielmishan85
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.19.3`
+
+- [l10n] Improve Hebrew (he-IL) locale (@danielmishan85) (#11831)
+
+#### `@mui/x-data-grid-pro@6.19.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@6.19.3`.
+
+#### `@mui/x-data-grid-premium@6.19.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@6.19.3`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.19.3`
+
+- [TimePicker] Add missing toolbar classes descriptions (#11862) @LukasTy
+
+#### `@mui/x-date-pickers-pro@6.19.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@6.19.3`.
+
+### Charts / `@mui/x-charts@6.19.3`
+
+- [charts] Document how to modify color according to values (#11854) @alexfauquette
+
+### Docs
+
+- [docs] Add a general uplift to the whats new page (#11883) @danilo-leal
+- [docs] Fix 404 (#11852) @alexfauquette
+- [docs] Fix <title> generation (#11825) @alexfauquette
+- [docs] Fix docs:api when typo in slots typing (#11861) @alexfauquette
+- [docs] Improve Support page (#11556) @oliviertassinari
+- [docs] Sync support page with core @oliviertassinari
+- [docs] These API don't exist in MUI X v6 @oliviertassinari
+- [docs] Update whats new page with v7 Beta blogpost content (#11886) @joserodolfofreitas
+
+## 6.19.2
+
+_Jan 25, 2024_
+
+We'd like to offer a big thanks to the 2 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Apply the `layout.tabs` class to `Tabs` slot (@LukasTy) (#11782)
+- 🐞 Bugfixes
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.19.2`
+
+- [pickers] Apply the `layout.tabs` class to `Tabs` slot (@LukasTy) (#11782)
+
+#### `@mui/x-date-pickers-pro@6.19.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@6.19.2`, plus:
+
+- [DateRangePicker] Remove `calendars` prop on `Mobile` (@LukasTy) (#11771)
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.19.2`
+
+- [DataGrid] Fix support for tree with more than 50,000 children (@zenazn) (#11808)
+
+#### `@mui/x-data-grid-pro@6.19.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@6.19.2`.
+
+#### `@mui/x-data-grid-premium@6.19.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@6.19.2`.
+
 ## 6.19.1
 
 _Jan 19, 2024_
@@ -1836,7 +2184,7 @@ Same changes as in `@mui/x-date-pickers@6.19.0`.
 
 - [docs] Add missing component @oliviertassinari
 - [docs] Fix parsing of `x-date-pickers-pro` demo adapter imports (#11637) @LukasTy
-- [docs] Push up the MUI X brand (#11533) @oliviertassinari
+- [docs] Push up the MUI X brand (#11533) @oliviertassinari
 - [docs] Improve Server-side data grid docs (#11589) @oliviertassinari
 - [docs] Add demo to the charts overview page (#11586) @danilo-leal
 - [docs] Fix 404 links in the docs @oliviertassinari
@@ -2196,7 +2544,7 @@ We'd like to offer a big thanks to the 7 contributors who made this release poss
 - 🥧 Pie charts are now animated.
 - 📈 Line charts now support partial data, and can interpolate missing data https://mui.com/x/react-charts/lines/#skip-missing-points.
 
- <img src="https://github.com/mui/mui-x/assets/3165635/d2d50b1b-ee29-4e4c-9ebe-629c06f3093e" width="683" height="436" />
+ <img src="https://github.com/mui/mui-x/assets/3165635/d2d50b1b-ee29-4e4c-9ebe-629c06f3093e" width="683" height="436" alt="Charts partial data" />
 
 - ✨ The data grid allows to ignore [diacritics](https://en.wikipedia.org/wiki/Diacritic) when filtering.
 - 📚 Documentation improvements
@@ -2690,7 +3038,7 @@ Same changes as in `@mui/x-date-pickers@6.15.0`.
 - [docs] Add missing MIT packages on the Licensing page (#10348) @flaviendelangle
 - [docs] Clearer component pattern @oliviertassinari
 - [docs] Easier to understand demo (#10370) @oliviertassinari
-- [docs] Fix `301` to Material UI @oliviertassinari
+- [docs] Fix `301` to Material UI @oliviertassinari
 - [docs] Improve the column visibility section (#10327) @MBilalShafi
 - [docs] Improve the documentation section `rowIdentifier` (#10326) @MBilalShafi
 - [docs] Improve pickers localization documentation (#10202) @flaviendelangle
@@ -2768,12 +3116,12 @@ Same changes as in `@mui/x-date-pickers@6.14.0`.
 - [docs] Add conditional range picker props example (#10227) @LukasTy
 - [docs] Add toolbar to the multi-filters demo (#10223) @MBilalShafi
 - [docs] Avoid the use of "We" @oliviertassinari
-- [docs] Clarify MUI vs. MUI Core difference @oliviertassinari
+- [docs] Clarify MUI vs. MUI Core difference @oliviertassinari
 - [docs] Enable `ariaV7` flag for demos using `useDemoData` hook (#10204) @cherniavskii
 - [docs] Fix Tree View link to API references (#10282) @oliviertassinari
 - [docs] Fix image layout shift (#10313) @oliviertassinari
-- [docs] Fix link to MUI X from readme logo @oliviertassinari
-- [docs] Fix redirection to Base UI URLs @oliviertassinari
+- [docs] Fix link to MUI X from readme logo @oliviertassinari
+- [docs] Fix redirection to Base UI URLs @oliviertassinari
 - [docs] Improve Tree View demos (#10268) @oliviertassinari
 - [docs] Improve docs for ref type props (#10273) @michelengelen
 - [docs] Improve npm package README (#10269) @oliviertassinari
@@ -2857,7 +3205,7 @@ Same changes as in `@mui/x-date-pickers@6.13.0`, plus:
 - [docs] Improve the week picker example (#8257) @flaviendelangle
 - [docs] Include code links in the data grid demo (#10219) @cherniavskii
 - [docs] Polish page for SEO (#10216) @oliviertassinari
-- [docs] Use `Base UI` `Portal` for the quick filter recipe (#10188) @DanailH
+- [docs] Use `Base UI` `Portal` for the quick filter recipe (#10188) @DanailH
 
 ### Core
 
@@ -3118,7 +3466,7 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
 
 - ⌚️ Move the tree view component from `@mui/lab` package
 
-  The `<TreeView />` component has been moved to the MUI X repository.
+  The `<TreeView />` component has been moved to the MUI X repository.
   It is now accessible from its own package: `@mui/x-tree-view`.
 
 - 🌍 Improve Hebrew (he-IL), Finnish (fi-FI), and Italian (it-IT) locales on the data grid
@@ -3180,7 +3528,7 @@ Same changes as in `@mui/x-date-pickers@6.11.0`.
 
 - [docs] Add Tree View doc (#9825) @flaviendelangle
 - [docs] Add charts nav item (#9821) @LukasTy
-- [docs] Add charts to MUI X introduction pages (#9704) @joserodolfofreitas
+- [docs] Add charts to MUI X introduction pages (#9704) @joserodolfofreitas
 - [docs] Add example for avoiding picker views layout shift (#9781) @noraleonte
 - [docs] Consistency of Next.js App Router @oliviertassinari
 - [docs] Fix API page regression: bring back slots section (#9866) @alexfauquette
@@ -3249,7 +3597,7 @@ Same changes as in `@mui/x-date-pickers@6.10.2`.
 ### Docs
 
 - [docs] Add `pnpm` in more places @oliviertassinari
-- [docs] Add `pnpm` installation instructions for MUI X (#9707) @richbustos
+- [docs] Add `pnpm` installation instructions for MUI X (#9707) @richbustos
 - [docs] Align pickers "uncontrolled vs controlled" sections (#9772) @LukasTy
 - [docs] Apply style guide to the data grid Layout page (#9673) @richbustos
 - [docs] Differentiate between packages in `slotProps` docs (#9668) @cherniavskii
@@ -3558,7 +3906,7 @@ We'd like to offer a big thanks to the 11 contributors who made this release pos
 
 - 🚀 Introducing UTC and timezone support for pickers.
 
-  <img width="774" src="https://github.com/mui/mui-x/assets/3165635/ad95a404-ee67-4aff-b996-ad6cbb322348">
+  <img width="774" src="https://github.com/mui/mui-x/assets/3165635/ad95a404-ee67-4aff-b996-ad6cbb322348" alt="Pickers time zone switching">
 
   Visit the [documentation](https://mui.com/x/react-date-pickers/timezone/) to learn how to use it.
 
@@ -3610,7 +3958,7 @@ Same changes as in `@mui/x-date-pickers@6.9.0`.
 
 - [docs] Add examples of using different time view renderers (#9360) @LukasTy
 - [docs] Add recipe for single-click editing (#8365) @m4theushw
-- [docs] Fix Base UI references (#9349) @oliviertassinari
+- [docs] Fix Base UI references (#9349) @oliviertassinari
 - [docs] Fix random screenshot generation (#9364) @cherniavskii
 - [docs] Remove random generation from chart doc example (#9343) @flaviendelangle
 - [docs] Sync h1 with sidenav link (#9252) @oliviertassinari
@@ -3794,7 +4142,7 @@ We'd like to offer a big thanks to the 15 contributors who made this release pos
 
 - 🚀 New date time picking UI on [`DesktopDateTimePicker`](https://mui.com/x/react-date-pickers/date-time-picker/)
 
-  <img src="https://github.com/mui/mui-x/assets/3165635/4e1fe9f9-03eb-4f23-99dd-80212b21fb23" width="840" height="506" />
+  <img src="https://github.com/mui/mui-x/assets/3165635/4e1fe9f9-03eb-4f23-99dd-80212b21fb23" width="840" height="506" alt="Desktop Date Time Picker example" />
 
 - 🚀 Performance improvements
 - 🐞 Bugfixes
@@ -3870,7 +4218,7 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
 
 - 💫 Introduce filtering on column headers for `DataGridPro` and `DataGridPremium`:
 
-  <img src="https://github.com/mui/mui-x/releases/download/v6.5.0/recording.gif" width="840" height="506" />
+  <img src="https://github.com/mui/mui-x/releases/download/v6.5.0/recording.gif" width="840" height="506" alt="Filtering on column headers example" />
 
   See [the documentation](https://mui.com/x/react-data-grid/filtering/header-filters/) for more information
 
@@ -4029,7 +4377,7 @@ We'd like to offer a big thanks to the 15 contributors who made this release pos
 
 - 🚀 New [time-picking UI](https://mui.com/x/react-date-pickers/digital-clock/) designed for desktops (#7958) @LukasTy
 
-  <img src="https://user-images.githubusercontent.com/4941090/235072007-de39a397-e4a4-4c98-8e10-5ee4ad440108.gif" width="494" />
+  <img src="https://user-images.githubusercontent.com/4941090/235072007-de39a397-e4a4-4c98-8e10-5ee4ad440108.gif" width="494" alt="New digital clock time picker" />
 
 - ✨ Picker fields [now always include a leading zero](https://mui.com/x/react-date-pickers/adapters-locale/#respect-leading-zeros-in-fields) on digit sections (#8527) @flaviendelangle
 - 🌍 Improve Chinese (zh-CN), French (fr-FR), and Turkish (tr-TR) locales
@@ -4405,7 +4753,7 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
 - [docs] Add a warning for `luxon` macro tokens (#8245) @flaviendelangle
 - [docs] Complete pickers customization pages (#8066) @alexfauquette
 - [docs] Fix 301 redirection @oliviertassinari
-- [docs] Fix 404 links to customization Material UI APIs (#8200) @oliviertassinari
+- [docs] Fix 404 links to customization Material UI APIs (#8200) @oliviertassinari
 - [docs] Fix `moment-hijri` demo (#8255) @LukasTy
 - [docs] Improve migration diff (#8240) @oliviertassinari
 - [docs] Change **What's new** page url to point to announcement blog post (#8186) @joserodolfofreitas
@@ -4836,7 +5184,7 @@ We'd like to offer a big thanks to the 17 contributors who made this release pos
 
 _Jan 19, 2023_
 
-After a long period in alpha, we're glad to announce the first MUI X v6 beta!
+After a long period in alpha, we're glad to announce the first MUI X v6 beta!
 We encourage you to try out this version, packed with improvements, bug fixes, and a few highlighted features ✨:
 
 **Data Grid**
@@ -6092,7 +6440,7 @@ We'd like to offer a big thanks to the 9 contributors who made this release poss
 #### Breaking changes
 
 - The `ToolbarComponent` has been replaced by a `Toolbar` component slot.
-  You can find more information about this pattern in the [Base UI documentation](https://mui.com/base-ui/getting-started/usage/#shared-props):
+  You can find more information about this pattern in the [Base UI documentation](https://mui.com/base-ui/getting-started/usage/#shared-props):
 
   ```diff
    // Same on all other pickers
@@ -6243,7 +6591,7 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
 
 #### Breaking changes
 
-- All the props used by the mobile and desktop wrappers to override components or components' props have been replaced by component slots. You can find more information about this pattern in the [Base UI documentation](https://mui.com/base-ui/getting-started/usage/#shared-props).
+- All the props used by the mobile and desktop wrappers to override components or components' props have been replaced by component slots. You can find more information about this pattern in the [Base UI documentation](https://mui.com/base-ui/getting-started/usage/#shared-props).
 
   Some of the names have also been prefixed by `desktop` when it was unclear that the behavior was only applied on the desktop version of the pickers (or the responsive version when used on a desktop).
 
@@ -6432,7 +6780,7 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
 #### Breaking changes
 
 - The `renderDay` prop has been replaced by a `Day` component slot.
-  You can find more information about this pattern in the [Base UI documentation](https://mui.com/base-ui/getting-started/usage/#shared-props).
+  You can find more information about this pattern in the [Base UI documentation](https://mui.com/base-ui/getting-started/usage/#shared-props).
 
   ```diff
    // Same for any other date, date time or date range picker.

package/README.md

@@ -1,5 +1,5 @@
 # `@mui/x-data-grid-generator`
 
-This package is used to generate data and build demos for the [MUI X Data Grid](https://mui.com/x/react-data-grid/).
+This package is used to generate data and build demos for the [MUI X Data Grid](https://mui.com/x/react-data-grid/).
 
 ⚠️ Do not use this package in production.

package/columns/commodities.columns.js

@@ -85,9 +85,7 @@ export const getCommodityColumns = (editable = false) => [{
 }, {
   field: 'subTotal',
   headerName: 'Sub Total',
-  valueGetter: ({
-    row
-  }) => row.quantity == null || row.unitPrice == null ? null : row.quantity * row.unitPrice,
+  valueGetter: (value, row) => row.quantity == null || row.unitPrice == null ? null : row.quantity * row.unitPrice,
   type: 'number',
   width: 120
 }, {
@@ -101,9 +99,7 @@ export const getCommodityColumns = (editable = false) => [{
 }, {
   field: 'feeAmount',
   headerName: 'Fee Amount',
-  valueGetter: ({
-    row
-  }) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate * row.quantity * row.unitPrice,
+  valueGetter: (value, row) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate * row.quantity * row.unitPrice,
   type: 'number',
   width: 120
 }, {
@@ -117,9 +113,7 @@ export const getCommodityColumns = (editable = false) => [{
 }, {
   field: 'totalPrice',
   headerName: 'Total in USD',
-  valueGetter: ({
-    row
-  }) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate + row.quantity * row.unitPrice,
+  valueGetter: (value, row) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate + row.quantity * row.unitPrice,
   renderCell: renderTotalPrice,
   type: 'number',
   width: 160
@@ -173,10 +167,8 @@ export const getCommodityColumns = (editable = false) => [{
     }
     return value;
   },
-  valueFormatter: ({
-    value
-  }) => value == null ? void 0 : value.label,
-  groupingValueGetter: params => params.value.code,
+  valueFormatter: value => value == null ? void 0 : value.label,
+  groupingValueGetter: value => value.code,
   sortComparator: (v1, v2, param1, param2) => gridStringOrNumberComparator(v1.label, v2.label, param1, param2),
   editable,
   width: 120

package/columns/employees.columns.js

@@ -11,9 +11,9 @@ export const getEmployeeColumns = () => [{
   headerName: 'Avatar',
   generateData: randomColor,
   renderCell: renderAvatar,
-  valueGetter: params => params.row.name == null || params.row.avatar == null ? null : {
-    name: params.row.name,
-    color: params.row.avatar
+  valueGetter: (value, row) => row.name == null || row.avatar == null ? null : {
+    name: row.name,
+    color: row.avatar
   },
   sortable: false,
   filterable: false,
@@ -77,9 +77,7 @@ export const getEmployeeColumns = () => [{
   headerName: 'Country',
   type: 'singleSelect',
   valueOptions: COUNTRY_ISO_OPTIONS_SORTED,
-  valueFormatter: ({
-    value
-  }) => value == null ? void 0 : value.label,
+  valueFormatter: value => value == null ? void 0 : value.label,
   generateData: randomCountry,
   renderCell: renderCountry,
   renderEditCell: renderEditCountry,
@@ -124,9 +122,7 @@ export const getEmployeeColumns = () => [{
   headerName: 'Salary',
   generateData: () => randomInt(30000, 80000),
   type: 'number',
-  valueFormatter: ({
-    value
-  }) => {
+  valueFormatter: value => {
     if (!value || typeof value !== 'number') {
       return value;
     }

package/hooks/useMovieData.js

@@ -15,9 +15,7 @@ const COLUMNS = [{
   type: 'number',
   width: 150,
   groupable: false,
-  valueFormatter: ({
-    value
-  }) => {
+  valueFormatter: value => {
     if (!value) {
       return '';
     }

package/hooks/useQuery.d.ts

@@ -48,12 +48,12 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
         groupable?: boolean | undefined;
         pinnable?: boolean | undefined;
         sortComparator?: import("@mui/x-data-grid-pro").GridComparatorFn<any> | undefined;
-        type?: import("@mui/x-data-grid-pro").GridNativeColTypes | undefined;
+        type?: import("@mui/x-data-grid-pro").GridColType | undefined;
         align?: import("@mui/x-data-grid-pro").GridAlignment | undefined;
-        valueGetter?: ((params: import("@mui/x-data-grid-pro").GridValueGetterParams<any, any, import("@mui/x-data-grid-pro").GridTreeNodeWithRender>) => any) | undefined;
-        valueSetter?: ((params: import("@mui/x-data-grid-pro").GridValueSetterParams<any, any>) => any) | undefined;
-        valueFormatter?: ((params: import("@mui/x-data-grid-pro").GridValueFormatterParams<any>) => any) | undefined;
-        valueParser?: ((value: any, params?: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode> | undefined) => any) | undefined;
+        valueGetter?: import("@mui/x-data-grid-pro").GridValueGetter<any, any, any, never> | undefined;
+        valueSetter?: import("@mui/x-data-grid-pro").GridValueSetter<any, any, any> | undefined;
+        valueFormatter?: import("@mui/x-data-grid-pro").GridValueFormatter<any, any, any, never> | undefined;
+        valueParser?: import("@mui/x-data-grid-pro").GridValueParser<any, any, any> | undefined;
         cellClassName?: import("@mui/x-data-grid-pro").GridCellClassNamePropType<any, any> | undefined;
         renderCell?: ((params: import("@mui/x-data-grid-pro").GridRenderCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
         renderEditCell?: ((params: import("@mui/x-data-grid-pro").GridRenderEditCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
@@ -68,12 +68,12 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
         getApplyQuickFilterFn?: import("@mui/x-data-grid-pro").GetApplyQuickFilterFn<any, any> | undefined;
         disableReorder?: boolean | undefined;
         disableExport?: boolean | undefined;
-        colSpan?: number | ((params: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode>) => number | undefined) | undefined;
+        colSpan?: number | import("@mui/x-data-grid-pro").GridColSpanFn<any, any, any> | undefined;
         renderHeaderFilter?: ((params: import("@mui/x-data-grid-pro").GridHeaderFilterCellProps) => React.ReactNode) | undefined;
         aggregable?: boolean | undefined;
         availableAggregationFunctions?: string[] | undefined;
-        groupingValueGetter?: ((params: import("@mui/x-data-grid-premium").GridGroupingValueGetterParams<any, any>) => import("@mui/x-data-grid-pro").GridKeyValue | null | undefined) | undefined;
-        pastedValueParser?: ((value: string, params: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode>) => any) | undefined;
+        groupingValueGetter?: import("@mui/x-data-grid-premium").GridGroupingValueGetter<any> | undefined;
+        pastedValueParser?: import("@mui/x-data-grid-premium").GridPastedValueParser<any, any, any> | undefined;
         generateData?: ((row: any, context: import("..").GridDataGeneratorContext) => any) | undefined;
         dataGeneratorUniquenessEnabled?: boolean | undefined;
         hide?: boolean | undefined;
@@ -96,10 +96,10 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
         pinnable?: boolean | undefined;
         sortComparator?: import("@mui/x-data-grid-pro").GridComparatorFn<any> | undefined;
         align?: import("@mui/x-data-grid-pro").GridAlignment | undefined;
-        valueGetter?: ((params: import("@mui/x-data-grid-pro").GridValueGetterParams<any, any, import("@mui/x-data-grid-pro").GridTreeNodeWithRender>) => any) | undefined;
-        valueSetter?: ((params: import("@mui/x-data-grid-pro").GridValueSetterParams<any, any>) => any) | undefined;
-        valueFormatter?: ((params: import("@mui/x-data-grid-pro").GridValueFormatterParams<any>) => any) | undefined;
-        valueParser?: ((value: any, params?: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode> | undefined) => any) | undefined;
+        valueGetter?: import("@mui/x-data-grid-pro").GridValueGetter<any, any, any, never> | undefined;
+        valueSetter?: import("@mui/x-data-grid-pro").GridValueSetter<any, any, any> | undefined;
+        valueFormatter?: import("@mui/x-data-grid-pro").GridValueFormatter<any, any, any, never> | undefined;
+        valueParser?: import("@mui/x-data-grid-pro").GridValueParser<any, any, any> | undefined;
         cellClassName?: import("@mui/x-data-grid-pro").GridCellClassNamePropType<any, any> | undefined;
         renderCell?: ((params: import("@mui/x-data-grid-pro").GridRenderCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
         renderEditCell?: ((params: import("@mui/x-data-grid-pro").GridRenderEditCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
@@ -114,12 +114,12 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
         getApplyQuickFilterFn?: import("@mui/x-data-grid-pro").GetApplyQuickFilterFn<any, any> | undefined;
         disableReorder?: boolean | undefined;
         disableExport?: boolean | undefined;
-        colSpan?: number | ((params: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode>) => number | undefined) | undefined;
+        colSpan?: number | import("@mui/x-data-grid-pro").GridColSpanFn<any, any, any> | undefined;
         renderHeaderFilter?: ((params: import("@mui/x-data-grid-pro").GridHeaderFilterCellProps) => React.ReactNode) | undefined;
         aggregable?: boolean | undefined;
         availableAggregationFunctions?: string[] | undefined;
-        groupingValueGetter?: ((params: import("@mui/x-data-grid-premium").GridGroupingValueGetterParams<any, any>) => import("@mui/x-data-grid-pro").GridKeyValue | null | undefined) | undefined;
-        pastedValueParser?: ((value: string, params: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode>) => any) | undefined;
+        groupingValueGetter?: import("@mui/x-data-grid-premium").GridGroupingValueGetter<any> | undefined;
+        pastedValueParser?: import("@mui/x-data-grid-premium").GridPastedValueParser<any, any, any> | undefined;
         generateData?: ((row: any, context: import("..").GridDataGeneratorContext) => any) | undefined;
         dataGeneratorUniquenessEnabled?: boolean | undefined;
         hide?: boolean | undefined;
@@ -144,10 +144,10 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
         pinnable?: boolean | undefined;
         sortComparator?: import("@mui/x-data-grid-pro").GridComparatorFn<any> | undefined;
         align?: import("@mui/x-data-grid-pro").GridAlignment | undefined;
-        valueGetter?: ((params: import("@mui/x-data-grid-pro").GridValueGetterParams<any, any, import("@mui/x-data-grid-pro").GridTreeNodeWithRender>) => any) | undefined;
-        valueSetter?: ((params: import("@mui/x-data-grid-pro").GridValueSetterParams<any, any>) => any) | undefined;
-        valueFormatter?: ((params: import("@mui/x-data-grid-pro").GridValueFormatterParams<any>) => any) | undefined;
-        valueParser?: ((value: any, params?: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode> | undefined) => any) | undefined;
+        valueGetter?: import("@mui/x-data-grid-pro").GridValueGetter<any, any, any, never> | undefined;
+        valueSetter?: import("@mui/x-data-grid-pro").GridValueSetter<any, any, any> | undefined;
+        valueFormatter?: import("@mui/x-data-grid-pro").GridValueFormatter<any, any, any, never> | undefined;
+        valueParser?: import("@mui/x-data-grid-pro").GridValueParser<any, any, any> | undefined;
         cellClassName?: import("@mui/x-data-grid-pro").GridCellClassNamePropType<any, any> | undefined;
         renderCell?: ((params: import("@mui/x-data-grid-pro").GridRenderCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
         renderEditCell?: ((params: import("@mui/x-data-grid-pro").GridRenderEditCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
@@ -162,12 +162,12 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
         getApplyQuickFilterFn?: import("@mui/x-data-grid-pro").GetApplyQuickFilterFn<any, any> | undefined;
         disableReorder?: boolean | undefined;
         disableExport?: boolean | undefined;
-        colSpan?: number | ((params: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode>) => number | undefined) | undefined;
+        colSpan?: number | import("@mui/x-data-grid-pro").GridColSpanFn<any, any, any> | undefined;
         renderHeaderFilter?: ((params: import("@mui/x-data-grid-pro").GridHeaderFilterCellProps) => React.ReactNode) | undefined;
         aggregable?: boolean | undefined;
         availableAggregationFunctions?: string[] | undefined;
-        groupingValueGetter?: ((params: import("@mui/x-data-grid-premium").GridGroupingValueGetterParams<any, any>) => import("@mui/x-data-grid-pro").GridKeyValue | null | undefined) | undefined;
-        pastedValueParser?: ((value: string, params: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode>) => any) | undefined;
+        groupingValueGetter?: import("@mui/x-data-grid-premium").GridGroupingValueGetter<any> | undefined;
+        pastedValueParser?: import("@mui/x-data-grid-premium").GridPastedValueParser<any, any, any> | undefined;
         generateData?: ((row: any, context: import("..").GridDataGeneratorContext) => any) | undefined;
         dataGeneratorUniquenessEnabled?: boolean | undefined;
         hide?: boolean | undefined;

package/hooks/useQuery.js

@@ -4,16 +4,10 @@ import { getGridDefaultColumnTypes, GridLogicOperator } from '@mui/x-data-grid-p
 import { isDeepEqual } from '@mui/x-data-grid/internals';
 import { useDemoData, getColumnsFromOptions, getInitialState } from './useDemoData';
 import { randomInt } from '../services/random-generator';
+const apiRef = {};
 const simplifiedValueGetter = (field, colDef) => row => {
   var _colDef$valueGetter;
-  const params = {
-    id: row.id,
-    row,
-    field,
-    rowNode: {}
-  };
-  // @ts-ignore
-  return ((_colDef$valueGetter = colDef.valueGetter) == null ? void 0 : _colDef$valueGetter.call(colDef, params)) || row[field];
+  return ((_colDef$valueGetter = colDef.valueGetter) == null ? void 0 : _colDef$valueGetter.call(colDef, row[row.id], row, colDef, apiRef)) || row[field];
 };
 const getRowComparator = (sortModel, columnsWithDefaultColDef) => {
   if (!sortModel) {

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-generator v7.0.0-alpha.9
+ * @mui/x-data-grid-generator v7.0.0-beta.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/legacy/columns/commodities.columns.js

@@ -91,8 +91,7 @@ export var getCommodityColumns = function getCommodityColumns() {
   }, {
     field: 'subTotal',
     headerName: 'Sub Total',
-    valueGetter: function valueGetter(_ref) {
-      var row = _ref.row;
+    valueGetter: function valueGetter(value, row) {
       return row.quantity == null || row.unitPrice == null ? null : row.quantity * row.unitPrice;
     },
     type: 'number',
@@ -110,8 +109,7 @@ export var getCommodityColumns = function getCommodityColumns() {
   }, {
     field: 'feeAmount',
     headerName: 'Fee Amount',
-    valueGetter: function valueGetter(_ref2) {
-      var row = _ref2.row;
+    valueGetter: function valueGetter(value, row) {
       return row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate * row.quantity * row.unitPrice;
     },
     type: 'number',
@@ -127,8 +125,7 @@ export var getCommodityColumns = function getCommodityColumns() {
   }, {
     field: 'totalPrice',
     headerName: 'Total in USD',
-    valueGetter: function valueGetter(_ref3) {
-      var row = _ref3.row;
+    valueGetter: function valueGetter(value, row) {
       return row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate + row.quantity * row.unitPrice;
     },
     renderCell: renderTotalPrice,
@@ -186,12 +183,11 @@ export var getCommodityColumns = function getCommodityColumns() {
       }
       return value;
     },
-    valueFormatter: function valueFormatter(_ref4) {
-      var value = _ref4.value;
+    valueFormatter: function valueFormatter(value) {
       return value == null ? void 0 : value.label;
     },
-    groupingValueGetter: function groupingValueGetter(params) {
-      return params.value.code;
+    groupingValueGetter: function groupingValueGetter(value) {
+      return value.code;
     },
     sortComparator: function sortComparator(v1, v2, param1, param2) {
       return gridStringOrNumberComparator(v1.label, v2.label, param1, param2);

package/legacy/columns/employees.columns.js

@@ -12,10 +12,10 @@ export var getEmployeeColumns = function getEmployeeColumns() {
     headerName: 'Avatar',
     generateData: randomColor,
     renderCell: renderAvatar,
-    valueGetter: function valueGetter(params) {
-      return params.row.name == null || params.row.avatar == null ? null : {
-        name: params.row.name,
-        color: params.row.avatar
+    valueGetter: function valueGetter(value, row) {
+      return row.name == null || row.avatar == null ? null : {
+        name: row.name,
+        color: row.avatar
       };
     },
     sortable: false,
@@ -80,8 +80,7 @@ export var getEmployeeColumns = function getEmployeeColumns() {
     headerName: 'Country',
     type: 'singleSelect',
     valueOptions: COUNTRY_ISO_OPTIONS_SORTED,
-    valueFormatter: function valueFormatter(_ref) {
-      var value = _ref.value;
+    valueFormatter: function valueFormatter(value) {
       return value == null ? void 0 : value.label;
     },
     generateData: randomCountry,
@@ -132,8 +131,7 @@ export var getEmployeeColumns = function getEmployeeColumns() {
       return randomInt(30000, 80000);
     },
     type: 'number',
-    valueFormatter: function valueFormatter(_ref2) {
-      var value = _ref2.value;
+    valueFormatter: function valueFormatter(value) {
       if (!value || typeof value !== 'number') {
         return value;
       }

package/legacy/hooks/useMovieData.js

@@ -15,8 +15,7 @@ var COLUMNS = [{
   type: 'number',
   width: 150,
   groupable: false,
-  valueFormatter: function valueFormatter(_ref) {
-    var value = _ref.value;
+  valueFormatter: function valueFormatter(value) {
     if (!value) {
       return '';
     }

package/legacy/hooks/useQuery.js

@@ -8,17 +8,11 @@ import { getGridDefaultColumnTypes, GridLogicOperator } from '@mui/x-data-grid-p
 import { isDeepEqual } from '@mui/x-data-grid/internals';
 import { useDemoData, getColumnsFromOptions, getInitialState } from './useDemoData';
 import { randomInt } from '../services/random-generator';
+var apiRef = {};
 var simplifiedValueGetter = function simplifiedValueGetter(field, colDef) {
   return function (row) {
     var _colDef$valueGetter;
-    var params = {
-      id: row.id,
-      row: row,
-      field: field,
-      rowNode: {}
-    };
-    // @ts-ignore
-    return ((_colDef$valueGetter = colDef.valueGetter) == null ? void 0 : _colDef$valueGetter.call(colDef, params)) || row[field];
+    return ((_colDef$valueGetter = colDef.valueGetter) == null ? void 0 : _colDef$valueGetter.call(colDef, row[row.id], row, colDef, apiRef)) || row[field];
   };
 };
 var getRowComparator = function getRowComparator(sortModel, columnsWithDefaultColDef) {

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-generator v7.0.0-alpha.9
+ * @mui/x-data-grid-generator v7.0.0-beta.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/modern/columns/commodities.columns.js

@@ -85,9 +85,7 @@ export const getCommodityColumns = (editable = false) => [{
 }, {
   field: 'subTotal',
   headerName: 'Sub Total',
-  valueGetter: ({
-    row
-  }) => row.quantity == null || row.unitPrice == null ? null : row.quantity * row.unitPrice,
+  valueGetter: (value, row) => row.quantity == null || row.unitPrice == null ? null : row.quantity * row.unitPrice,
   type: 'number',
   width: 120
 }, {
@@ -101,9 +99,7 @@ export const getCommodityColumns = (editable = false) => [{
 }, {
   field: 'feeAmount',
   headerName: 'Fee Amount',
-  valueGetter: ({
-    row
-  }) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate * row.quantity * row.unitPrice,
+  valueGetter: (value, row) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate * row.quantity * row.unitPrice,
   type: 'number',
   width: 120
 }, {
@@ -117,9 +113,7 @@ export const getCommodityColumns = (editable = false) => [{
 }, {
   field: 'totalPrice',
   headerName: 'Total in USD',
-  valueGetter: ({
-    row
-  }) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate + row.quantity * row.unitPrice,
+  valueGetter: (value, row) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate + row.quantity * row.unitPrice,
   renderCell: renderTotalPrice,
   type: 'number',
   width: 160
@@ -173,10 +167,8 @@ export const getCommodityColumns = (editable = false) => [{
     }
     return value;
   },
-  valueFormatter: ({
-    value
-  }) => value?.label,
-  groupingValueGetter: params => params.value.code,
+  valueFormatter: value => value?.label,
+  groupingValueGetter: value => value.code,
   sortComparator: (v1, v2, param1, param2) => gridStringOrNumberComparator(v1.label, v2.label, param1, param2),
   editable,
   width: 120

package/modern/columns/employees.columns.js

@@ -11,9 +11,9 @@ export const getEmployeeColumns = () => [{
   headerName: 'Avatar',
   generateData: randomColor,
   renderCell: renderAvatar,
-  valueGetter: params => params.row.name == null || params.row.avatar == null ? null : {
-    name: params.row.name,
-    color: params.row.avatar
+  valueGetter: (value, row) => row.name == null || row.avatar == null ? null : {
+    name: row.name,
+    color: row.avatar
   },
   sortable: false,
   filterable: false,
@@ -77,9 +77,7 @@ export const getEmployeeColumns = () => [{
   headerName: 'Country',
   type: 'singleSelect',
   valueOptions: COUNTRY_ISO_OPTIONS_SORTED,
-  valueFormatter: ({
-    value
-  }) => value?.label,
+  valueFormatter: value => value?.label,
   generateData: randomCountry,
   renderCell: renderCountry,
   renderEditCell: renderEditCountry,
@@ -124,9 +122,7 @@ export const getEmployeeColumns = () => [{
   headerName: 'Salary',
   generateData: () => randomInt(30000, 80000),
   type: 'number',
-  valueFormatter: ({
-    value
-  }) => {
+  valueFormatter: value => {
     if (!value || typeof value !== 'number') {
       return value;
     }

package/modern/hooks/useMovieData.js

@@ -15,9 +15,7 @@ const COLUMNS = [{
   type: 'number',
   width: 150,
   groupable: false,
-  valueFormatter: ({
-    value
-  }) => {
+  valueFormatter: value => {
     if (!value) {
       return '';
     }

package/modern/hooks/useQuery.js

@@ -4,15 +4,9 @@ import { getGridDefaultColumnTypes, GridLogicOperator } from '@mui/x-data-grid-p
 import { isDeepEqual } from '@mui/x-data-grid/internals';
 import { useDemoData, getColumnsFromOptions, getInitialState } from './useDemoData';
 import { randomInt } from '../services/random-generator';
+const apiRef = {};
 const simplifiedValueGetter = (field, colDef) => row => {
-  const params = {
-    id: row.id,
-    row,
-    field,
-    rowNode: {}
-  };
-  // @ts-ignore
-  return colDef.valueGetter?.(params) || row[field];
+  return colDef.valueGetter?.(row[row.id], row, colDef, apiRef) || row[field];
 };
 const getRowComparator = (sortModel, columnsWithDefaultColDef) => {
   if (!sortModel) {

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-generator v7.0.0-alpha.9
+ * @mui/x-data-grid-generator v7.0.0-beta.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/node/columns/commodities.columns.js

@@ -91,9 +91,7 @@ const getCommodityColumns = (editable = false) => [{
 }, {
   field: 'subTotal',
   headerName: 'Sub Total',
-  valueGetter: ({
-    row
-  }) => row.quantity == null || row.unitPrice == null ? null : row.quantity * row.unitPrice,
+  valueGetter: (value, row) => row.quantity == null || row.unitPrice == null ? null : row.quantity * row.unitPrice,
   type: 'number',
   width: 120
 }, {
@@ -107,9 +105,7 @@ const getCommodityColumns = (editable = false) => [{
 }, {
   field: 'feeAmount',
   headerName: 'Fee Amount',
-  valueGetter: ({
-    row
-  }) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate * row.quantity * row.unitPrice,
+  valueGetter: (value, row) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate * row.quantity * row.unitPrice,
   type: 'number',
   width: 120
 }, {
@@ -123,9 +119,7 @@ const getCommodityColumns = (editable = false) => [{
 }, {
   field: 'totalPrice',
   headerName: 'Total in USD',
-  valueGetter: ({
-    row
-  }) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate + row.quantity * row.unitPrice,
+  valueGetter: (value, row) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate + row.quantity * row.unitPrice,
   renderCell: _renderer.renderTotalPrice,
   type: 'number',
   width: 160
@@ -179,10 +173,8 @@ const getCommodityColumns = (editable = false) => [{
     }
     return value;
   },
-  valueFormatter: ({
-    value
-  }) => value?.label,
-  groupingValueGetter: params => params.value.code,
+  valueFormatter: value => value?.label,
+  groupingValueGetter: value => value.code,
   sortComparator: (v1, v2, param1, param2) => (0, _xDataGridPremium.gridStringOrNumberComparator)(v1.label, v2.label, param1, param2),
   editable,
   width: 120

package/node/columns/employees.columns.js

@@ -17,9 +17,9 @@ const getEmployeeColumns = () => [{
   headerName: 'Avatar',
   generateData: _services.randomColor,
   renderCell: _renderer.renderAvatar,
-  valueGetter: params => params.row.name == null || params.row.avatar == null ? null : {
-    name: params.row.name,
-    color: params.row.avatar
+  valueGetter: (value, row) => row.name == null || row.avatar == null ? null : {
+    name: row.name,
+    color: row.avatar
   },
   sortable: false,
   filterable: false,
@@ -83,9 +83,7 @@ const getEmployeeColumns = () => [{
   headerName: 'Country',
   type: 'singleSelect',
   valueOptions: _staticData.COUNTRY_ISO_OPTIONS_SORTED,
-  valueFormatter: ({
-    value
-  }) => value?.label,
+  valueFormatter: value => value?.label,
   generateData: _services.randomCountry,
   renderCell: _renderer.renderCountry,
   renderEditCell: _renderer.renderEditCountry,
@@ -130,9 +128,7 @@ const getEmployeeColumns = () => [{
   headerName: 'Salary',
   generateData: () => (0, _services.randomInt)(30000, 80000),
   type: 'number',
-  valueFormatter: ({
-    value
-  }) => {
+  valueFormatter: value => {
     if (!value || typeof value !== 'number') {
       return value;
     }

package/node/hooks/useMovieData.js

@@ -21,9 +21,7 @@ const COLUMNS = [{
   type: 'number',
   width: 150,
   groupable: false,
-  valueFormatter: ({
-    value
-  }) => {
+  valueFormatter: value => {
     if (!value) {
       return '';
     }

package/node/hooks/useQuery.js

@@ -13,15 +13,9 @@ var _useDemoData = require("./useDemoData");
 var _randomGenerator = require("../services/random-generator");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const apiRef = {};
 const simplifiedValueGetter = (field, colDef) => row => {
-  const params = {
-    id: row.id,
-    row,
-    field,
-    rowNode: {}
-  };
-  // @ts-ignore
-  return colDef.valueGetter?.(params) || row[field];
+  return colDef.valueGetter?.(row[row.id], row, colDef, apiRef) || row[field];
 };
 const getRowComparator = (sortModel, columnsWithDefaultColDef) => {
   if (!sortModel) {

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-generator v7.0.0-alpha.9
+ * @mui/x-data-grid-generator v7.0.0-beta.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-generator",
-  "version": "7.0.0-alpha.9",
+  "version": "7.0.0-beta.1",
   "description": "Generate fake data for demo purposes only.",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -22,9 +22,9 @@
     "directory": "packages/grid/x-data-grid-generator"
   },
   "dependencies": {
-    "@babel/runtime": "^7.23.8",
-    "@mui/base": "^5.0.0-beta.32",
-    "@mui/x-data-grid-premium": "7.0.0-alpha.9",
+    "@babel/runtime": "^7.23.9",
+    "@mui/base": "^5.0.0-beta.34",
+    "@mui/x-data-grid-premium": "7.0.0-beta.1",
     "chance": "^1.1.11",
     "clsx": "^2.1.0",
     "lru-cache": "^7.18.3"