@mui/x-data-grid-generator 7.0.0-beta.0 β†’ 7.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/CHANGELOG.md +406 -1
  2. package/columns/commodities.columns.js +5 -13
  3. package/columns/employees.columns.js +5 -9
  4. package/hooks/useMovieData.js +1 -3
  5. package/hooks/useQuery.d.ts +21 -21
  6. package/hooks/useQuery.js +2 -8
  7. package/index.js +1 -1
  8. package/legacy/columns/commodities.columns.js +6 -10
  9. package/legacy/columns/employees.columns.js +6 -8
  10. package/legacy/hooks/useMovieData.js +1 -2
  11. package/legacy/hooks/useQuery.js +2 -8
  12. package/legacy/index.js +1 -1
  13. package/modern/columns/commodities.columns.js +5 -13
  14. package/modern/columns/employees.columns.js +5 -9
  15. package/modern/hooks/useMovieData.js +1 -3
  16. package/modern/hooks/useQuery.js +2 -8
  17. package/modern/index.js +1 -1
  18. package/node/columns/commodities.columns.js +5 -13
  19. package/node/columns/employees.columns.js +5 -9
  20. package/node/hooks/useMovieData.js +1 -3
  21. package/node/hooks/useQuery.js +2 -8
  22. package/node/index.js +1 -1
  23. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -3,6 +3,271 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## v7.0.0-beta.2
7
+
8
+ _Feb 9, 2024_
9
+
10
+ We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
11
+
12
+ - πŸš€ Add slot typings on the Data Grid components (#11795) @romgrk
13
+ - 🎁 Support UTC date formatting in Charts tooltip (#11943) @shaharyar-shamshi
14
+ - 🌍 Improve Danish (da-DK) locale Data Grid (#11877) @ShahrazH
15
+ - 🐞 Bugfixes
16
+ - πŸ“š Documentation improvements
17
+
18
+ ### Data Grid
19
+
20
+ #### `@mui/x-data-grid@v7.0.0-beta.2`
21
+
22
+ - [DataGrid] Add `removeAllFilterItems` as a reason of `onFilterModelChange` callback (#11911) @shaharyar-shamshi
23
+ - [DataGrid] Add slot typings (#11795) @romgrk
24
+ - [DataGrid] Add support for dialogs in menu actions (#11909) @cherniavskii
25
+ - [DataGrid] Allow passing readonly arrays to `pageSizeOptions` prop (#11609) @pcorpet
26
+ - [DataGrid] Fix incorrect computation of `lastPage` in `GridPagination` (#11958) @MBilalShafi
27
+ - [DataGrid] Improve vertical scrolling performance (#11924) @romgrk
28
+ - [l10n] Improve Danish (da-DK) locale (#11877) @ShahrazH
29
+
30
+ #### `@mui/x-data-grid-pro@v7.0.0-beta.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
31
+
32
+ Same changes as in `@mui/x-data-grid@v7.0.0-beta.2`.
33
+
34
+ #### `@mui/x-data-grid-premium@v7.0.0-beta.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
35
+
36
+ Same changes as in `@mui/x-data-grid-pro@v7.0.0-beta.2`, plus:
37
+
38
+ - [DataGridPremium] Fix autosize grouping cell (#11870) @romgrk
39
+ - [DataGridPremium] Fix clipboard paste not working with Caps Lock enabled (#11965) @shaharyar-shamshi
40
+
41
+ ### Date Pickers
42
+
43
+ #### `@mui/x-date-pickers@v7.0.0-beta.2`
44
+
45
+ - [pickers] Avoid relying on locale in Luxon `isWithinRange` method (#11936) @LukasTy
46
+ - [pickers] Limit the valid values of `TDate` (#11791) @flaviendelangle
47
+
48
+ #### `@mui/x-date-pickers-pro@v7.0.0-beta.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
49
+
50
+ Same changes as in `@mui/x-date-pickers@v7.0.0-beta.2`.
51
+
52
+ ### Charts / `@mui/x-charts@v7.0.0-beta.2`
53
+
54
+ - [charts] Add `reverse` property to axes (#11899) @alexfauquette
55
+ - [charts] Allow series ids to be numbers (#11941) @alexfauquette
56
+ - [charts] Support UTC date formatting in tooltip (#11943) @shaharyar-shamshi
57
+
58
+ ### Tree View / `@mui/x-tree-view@v7.0.0-beta.2`
59
+
60
+ - [TreeView] Correctly detect if an item is expandable (#11963) @swalker326
61
+ - [TreeView] Polish the default design & revise the simple version pages (#11529) @danilo-leal
62
+
63
+ ### License
64
+
65
+ #### Breaking changes
66
+
67
+ - If you're using the [commercial license](https://next.mui.com/x/introduction/licensing), you need to update the import path:
68
+
69
+ ```diff
70
+ -import { LicenseInfo } from '@mui/x-license-pro';
71
+ +import { LicenseInfo } from '@mui/x-license';
72
+ ```
73
+
74
+ `@mui/x-license@v7.0.0-beta.2`
75
+
76
+ - [license] Rename `@mui/x-license-pro` to `@mui/x-license` (#11938) @cherniavskii
77
+
78
+ ### Docs
79
+
80
+ - [docs] Add a note about `AdapterDateFnsV3` on the Getting Started page (#11985) @flaviendelangle
81
+ - [docs] Add missing `Charts` breaking change steps (#11971) @alexfauquette
82
+ - [docs] Fix `ChartsTooltip` typo (#11961) @thisisharsh7
83
+ - [docs] Refactor `Localization` documentation sections (#11989) @LukasTy
84
+ - [docs] Use "cannot" instead of "can't" or "can not" (#11986) @flaviendelangle
85
+ - [docs] Add quick fixes to the migration guide (#11806) @danilo-leal
86
+ - [docs] Avoid use of shorthand (#12000) @oliviertassinari
87
+ - [docs] Avoid the use of MUIΒ Core @oliviertassinari
88
+ - [docs] Fix image size and dark mode @oliviertassinari
89
+ - [docs] Follow blank line convention with use client @oliviertassinari
90
+ - [docs] Stable layout between light and dark mode @oliviertassinari
91
+
92
+ ### Core
93
+
94
+ - [core] Add `docs:serve` script (#11935) @cherniavskii
95
+ - [core] Bump monorepo (#12001) @cherniavskii
96
+ - [core] Deprecate `LicenseInfo` re-exports (#11956) @cherniavskii
97
+ - [core] Fix `test_types` failing on the `next` branch (#11944) @cherniavskii
98
+ - [core] Fix failing `test_static` on the next branch (#11977) @cherniavskii
99
+ - [core] Flatten grid packages folder (#11946) @cherniavskii
100
+ - [core] Improve license info deprecation message (#11974) @cherniavskii
101
+ - [core] Integrate changes from Core #40842 PR (#11801) @michaldudak
102
+ - [core] Move next config to ESM (#11882) @Janpot
103
+ - [core] Add auto-message on closed issues (#11805) @michelengelen
104
+ - [core] Simplify bug reproduction (#11849) @oliviertassinari
105
+ - [core] Fix npm reference @oliviertassinari
106
+ - [core] Normalize issue template @oliviertassinari
107
+
108
+ ## 7.0.0-beta.1
109
+
110
+ _Feb 1, 2024_
111
+
112
+ We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
113
+
114
+ - πŸƒ Improve the filtering performance of the Data Grid by changing the `GridColDef` methods signatures (#11573) @cherniavskii
115
+ - 🎁 The Line Chart component now has animation by default (#11620) @alexfauquette
116
+ - πŸš€ All charts have click handlers (#11411) @alexfauquette
117
+ Test their respective documentation demonstrations to know more about the data format:
118
+
119
+ - [Scatter Chart](https://next.mui.com/x/react-charts/scatter/#click-event)
120
+ - [Line Chart](https://next.mui.com/x/react-charts/lines/#click-event)
121
+ - [Bar Chart](https://next.mui.com/x/react-charts/bars/#click-event)
122
+ - [Pie Chart](https://next.mui.com/x/react-charts/pie/#click-event)
123
+
124
+ Big thanks to @giladappsforce and @yaredtsy for their contribution on exploring this feature.
125
+
126
+ ### Data Grid
127
+
128
+ ### Breaking changes
129
+
130
+ - The signature of `GridColDef['valueGetter']` has been changed for performance reasons:
131
+
132
+ ```diff
133
+ - valueGetter: ({ value, row }) => value,
134
+ + valueGetter: (value, row, column, apiRef) => value,
135
+ ```
136
+
137
+ The `GridValueGetterParams` interface has been removed:
138
+
139
+ ```diff
140
+ - const customValueGetter = (params: GridValueGetterParams) => params.row.budget;
141
+ + const customValueGetter: GridValueGetterFn = (value, row) => row.budget;
142
+ ```
143
+
144
+ - The signature of `GridColDef['valueFormatter']` has been changed for performance reasons:
145
+
146
+ ```diff
147
+ - valueFormatter: ({ value }) => value,
148
+ + valueFormatter: (value, row, column, apiRef) => value,
149
+ ```
150
+
151
+ The `GridValueFormatterParams` interface has been removed:
152
+
153
+ ```diff
154
+ - const gridDateFormatter = ({ value, field, id }: GridValueFormatterParams<Date>) => value.toLocaleDateString();
155
+ + const gridDateFormatter: GridValueFormatter = (value: Date) => value.toLocaleDateString();
156
+ ```
157
+
158
+ - The signature of `GridColDef['valueSetter']` has been changed for performance reasons:
159
+
160
+ ```diff
161
+ - valueSetter: (params) => {
162
+ - const [firstName, lastName] = params.value!.toString().split(' ');
163
+ - return { ...params.row, firstName, lastName };
164
+ - }
165
+ + valueSetter: (value, row) => {
166
+ + const [firstName, lastName] = value!.toString().split(' ');
167
+ + return { ...row, firstName, lastName };
168
+ +}
169
+ ```
170
+
171
+ The `GridValueSetterParams` interface has been removed:
172
+
173
+ ```diff
174
+ - const setFullName = (params: GridValueSetterParams) => {
175
+ - const [firstName, lastName] = params.value!.toString().split(' ');
176
+ - return { ...params.row, firstName, lastName };
177
+ - };
178
+ + const setFullName: GridValueSetter<Row> = (value, row) => {
179
+ + const [firstName, lastName] = value!.toString().split(' ');
180
+ + return { ...row, firstName, lastName };
181
+ + }
182
+ ```
183
+
184
+ - The signature of `GridColDef['valueParser']` has been changed for performance reasons:
185
+
186
+ ```diff
187
+ - valueParser: (value, params: GridCellParams) => value.toLowerCase(),
188
+ + valueParser: (value, row, column, apiRef) => value.toLowerCase(),
189
+ ```
190
+
191
+ - The signature of `GridColDef['colSpan']` has been changed for performance reasons:
192
+
193
+ ```diff
194
+ - colSpan: ({ row, field, value }: GridCellParams) => (row.id === 'total' ? 2 : 1),
195
+ + colSpan: (value, row, column, apiRef) => (row.id === 'total' ? 2 : 1),
196
+ ```
197
+
198
+ - The signature of `GridColDef['pastedValueParser']` has been changed for performance reasons:
199
+
200
+ ```diff
201
+ - pastedValueParser: (value, params) => new Date(value),
202
+ + pastedValueParser: (value, row, column, apiRef) => new Date(value),
203
+ ```
204
+
205
+ - The signature of `GridColDef['groupingValueGetter']` has been changed for performance reasons:
206
+
207
+ ```diff
208
+ - groupingValueGetter: (params) => params.value.name,
209
+ + groupingValueGetter: (value: { name: string }) => value.name,
210
+ ```
211
+
212
+ #### `@mui/x-data-grid@7.0.0-beta.1`
213
+
214
+ - [DataGrid] Add `toggleAllMode` prop to the `columnsManagement` slot (#10794) @H999
215
+ - [DataGrid] Change `GridColDef` methods signatures (#11573) @cherniavskii
216
+ - [DataGrid] Fix row reorder with cell selection (#11783) @PEsteves8
217
+ - [DataGrid] Make columns management' casing consistent (#11858) @MBilalShafi
218
+ - [l10n] Improve Hebrew (he-IL) locale (#11788) @danielmishan85
219
+
220
+ #### `@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')
221
+
222
+ Same changes as in `@mui/x-data-grid@7.0.0-beta.1`.
223
+
224
+ #### `@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')
225
+
226
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.1`.
227
+
228
+ ### Date Pickers
229
+
230
+ #### `@mui/x-date-pickers@7.0.0-beta.1`
231
+
232
+ - [TimePicker] Add missing toolbar classes descriptions (#11856) @LukasTy
233
+
234
+ #### `@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')
235
+
236
+ Same changes as in `@mui/x-date-pickers@7.0.0-beta.1`.
237
+
238
+ ### Charts
239
+
240
+ #### Breaking changes
241
+
242
+ - The line chart now have animation by default.
243
+ You can disable it with `skipAnimation` prop.
244
+ See [animation documentation](next.mui.com/x/react-charts/lines/#animation) for more information.
245
+
246
+ - Pie charts `onClick` get renamed `onItemClick` for consistency with other charts click callback.
247
+
248
+ `@mui/x-charts@7.0.0-beta.1`
249
+
250
+ - [charts] Add `onClick` support (#11411) @alexfauquette
251
+ - [charts] Add line animation (#11620) @alexfauquette
252
+ - [charts] Document how to modify color according to values (#11824) @alexfauquette
253
+ - [charts] Fix Tooltip crash with out of range lines (#11898) @alexfauquette
254
+
255
+ ### Docs
256
+
257
+ - [docs] Add a general uplift to the changelog page (#11396) @danilo-leal
258
+ - [docs] Do not reference the Tree View overview page in the API pages (#11826) @flaviendelangle
259
+ - [docs] Fix charts API links (#11832) @alexfauquette
260
+ - [docs] Improve Support page (#11556) @oliviertassinari
261
+ - [docs] Improve column visibility documentation (#11857) @MBilalShafi
262
+ - [docs] Polish header @oliviertassinari
263
+ - [docs] Sync support page with core @oliviertassinari
264
+ - [docs] Update whats new page with "v7 Beta blogpost" content (#11879) @joserodolfofreitas
265
+
266
+ ### Core
267
+
268
+ - [core] Rely on immutable ref when possible (#11847) @oliviertassinari
269
+ - [core] Bump monorepo (#11897) @alexfauquette
270
+
6
271
  ## 7.0.0-beta.0
7
272
 
8
273
  _Jan 26, 2024_
@@ -1873,6 +2138,146 @@ Here is an example of the renaming for the `<ChartsTooltip />` component.
1873
2138
  - [core] Update release instructions as per v7 configuration (#10962) @MBilalShafi
1874
2139
  - [license] Correctly throw errors (#10924) @oliviertassinari
1875
2140
 
2141
+ ## v6.19.4
2142
+
2143
+ _Feb 9, 2024_
2144
+
2145
+ We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
2146
+
2147
+ - 🌍 Improve Danish (da-DK) locale on the Data Grid (#11972) @ShahrazH
2148
+ - 🐞 Bugfixes
2149
+ - πŸ“š Documentation improvements
2150
+
2151
+ ### Data Grid
2152
+
2153
+ #### `@mui/x-data-grid@v6.19.4`
2154
+
2155
+ - [DataGrid] Add support for dialogs in menu actions (#11937) @cherniavskii
2156
+ - [DataGrid] Allow passing readonly arrays to `pageSizeOptions` prop (#11992) @pcorpet
2157
+ - [DataGrid] Fix row reorder with cell selection (#11878) @PEsteves8
2158
+ - [DataGrid] Replace `eval` with `new Function` (#11962) @cherniavskii
2159
+ - [l10n] Improve Danish (da-DK) locale (#11972) @ShahrazH
2160
+
2161
+ #### `@mui/x-data-grid-pro@v6.19.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2162
+
2163
+ Same changes as in `@mui/x-data-grid@v6.19.4`.
2164
+
2165
+ #### `@mui/x-data-grid-premium@v6.19.4` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
2166
+
2167
+ Same changes as in `@mui/x-data-grid-pro@v6.19.4`, plus:
2168
+
2169
+ - [DataGridPremium] Fix autosize grouping cell (#11990) @romgrk
2170
+ - [DataGridPremium] Fix error after closing print export (#11889) @cherniavskii
2171
+
2172
+ ### Date Pickers
2173
+
2174
+ #### `@mui/x-date-pickers@v6.19.4`
2175
+
2176
+ - [pickers] Avoid relying on locale in Luxon `isWithinRange` method (#11940) @LukasTy
2177
+
2178
+ #### `@mui/x-date-pickers-pro@v6.19.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2179
+
2180
+ Same changes as in `@mui/x-date-pickers@v6.19.4`.
2181
+
2182
+ ### Charts / `@mui/x-charts@v6.19.4`
2183
+
2184
+ - [charts] Add `reverse` property to axes (#11959) @alexfauquette
2185
+ - [charts] Allow series ids to be numbers (#11960) @alexfauquette
2186
+ - [charts] Fix Proptypes error by supporting string values for axes (#11953) @alexfauquette
2187
+
2188
+ ### Docs
2189
+
2190
+ - [docs] Add a note about `AdapterDateFnsV3` on the Getting Started page (#11987) @flaviendelangle
2191
+ - [docs] Avoid the use of MUI Core @oliviertassinari
2192
+ - [docs] Fix API links (#11930) @alexfauquette
2193
+ - [docs] Fix `ChartsTooltip` typo (#11967) @thisisharsh7
2194
+ - [docs] Refactor `Localization` documentation sections (#11997) @LukasTy
2195
+ - [code] Simplify bug reproduction (#11932) @alexfauquette
2196
+
2197
+ ## 6.19.3
2198
+
2199
+ _Feb 1, 2024_
2200
+
2201
+ We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
2202
+
2203
+ - 🌍 Improve Hebrew (he-IL) locale (#11831) @danielmishan85
2204
+ - 🐞 Bugfixes
2205
+ - πŸ“š Documentation improvements
2206
+
2207
+ ### Data Grid
2208
+
2209
+ #### `@mui/x-data-grid@6.19.3`
2210
+
2211
+ - [l10n] Improve Hebrew (he-IL) locale (@danielmishan85) (#11831)
2212
+
2213
+ #### `@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')
2214
+
2215
+ Same changes as in `@mui/x-data-grid@6.19.3`.
2216
+
2217
+ #### `@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')
2218
+
2219
+ Same changes as in `@mui/x-data-grid-pro@6.19.3`.
2220
+
2221
+ ### Date Pickers
2222
+
2223
+ #### `@mui/x-date-pickers@6.19.3`
2224
+
2225
+ - [TimePicker] Add missing toolbar classes descriptions (#11862) @LukasTy
2226
+
2227
+ #### `@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')
2228
+
2229
+ Same changes as in `@mui/x-date-pickers@6.19.3`.
2230
+
2231
+ ### Charts / `@mui/x-charts@6.19.3`
2232
+
2233
+ - [charts] Document how to modify color according to values (#11854) @alexfauquette
2234
+
2235
+ ### Docs
2236
+
2237
+ - [docs] Add a general uplift to the whats new page (#11883) @danilo-leal
2238
+ - [docs] Fix 404 (#11852) @alexfauquette
2239
+ - [docs] Fix <title> generation (#11825) @alexfauquette
2240
+ - [docs] Fix docs:api when typo in slots typing (#11861) @alexfauquette
2241
+ - [docs] Improve Support page (#11556) @oliviertassinari
2242
+ - [docs] Sync support page with core @oliviertassinari
2243
+ - [docs] These API don't exist in MUI X v6 @oliviertassinari
2244
+ - [docs] Update whats new page with v7 Beta blogpost content (#11886) @joserodolfofreitas
2245
+
2246
+ ## 6.19.2
2247
+
2248
+ _Jan 25, 2024_
2249
+
2250
+ We'd like to offer a big thanks to the 2 contributors who made this release possible. Here are some highlights ✨:
2251
+
2252
+ - πŸš€ Apply the `layout.tabs` class to `Tabs` slot (@LukasTy) (#11782)
2253
+ - 🐞 Bugfixes
2254
+
2255
+ ### Date Pickers
2256
+
2257
+ #### `@mui/x-date-pickers@6.19.2`
2258
+
2259
+ - [pickers] Apply the `layout.tabs` class to `Tabs` slot (@LukasTy) (#11782)
2260
+
2261
+ #### `@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')
2262
+
2263
+ Same changes as in `@mui/x-date-pickers@6.19.2`, plus:
2264
+
2265
+ - [DateRangePicker] Remove `calendars` prop on `Mobile` (@LukasTy) (#11771)
2266
+
2267
+ ### Data Grid
2268
+
2269
+ #### `@mui/x-data-grid@6.19.2`
2270
+
2271
+ - [DataGrid] Fix support for tree with more than 50,000 children (@zenazn) (#11808)
2272
+
2273
+ #### `@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')
2274
+
2275
+ Same changes as in `@mui/x-data-grid@6.19.2`.
2276
+
2277
+ #### `@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')
2278
+
2279
+ Same changes as in `@mui/x-data-grid-pro@6.19.2`.
2280
+
1876
2281
  ## 6.19.1
1877
2282
 
1878
2283
  _Jan 19, 2024_
@@ -6876,7 +7281,7 @@ You can find more information about the new api, including how to set those tran
6876
7281
  - [core] Add link to the security page on the `README` (#6073) @oliviertassinari
6877
7282
  - [core] Fix scroll restoration in the docs (#5938) @oliviertassinari
6878
7283
  - [core] Remove the Storybook (#6099) @flaviendelangle
6879
- - [core] Tag release as `next` in NPM (#6256) @m4theushw
7284
+ - [core] Tag release as `next` in npm (#6256) @m4theushw
6880
7285
  - [core] Update monorepo (#6180) @flaviendelangle
6881
7286
  - [core] Use the `next` branch for Prettier (#6097) @flaviendelangle
6882
7287
  - [core] Use the official repository for `@mui/monorepo` instead of a fork (#6189) @oliviertassinari
package/columns/commodities.columns.js CHANGED
@@ -85,9 +85,7 @@ export const getCommodityColumns = (editable = false) => [{
85
85
  }, {
86
86
  field: 'subTotal',
87
87
  headerName: 'Sub Total',
88
- valueGetter: ({
89
- row
90
- }) => row.quantity == null || row.unitPrice == null ? null : row.quantity * row.unitPrice,
88
+ valueGetter: (value, row) => row.quantity == null || row.unitPrice == null ? null : row.quantity * row.unitPrice,
91
89
  type: 'number',
92
90
  width: 120
93
91
  }, {
@@ -101,9 +99,7 @@ export const getCommodityColumns = (editable = false) => [{
101
99
  }, {
102
100
  field: 'feeAmount',
103
101
  headerName: 'Fee Amount',
104
- valueGetter: ({
105
- row
106
- }) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate * row.quantity * row.unitPrice,
102
+ valueGetter: (value, row) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate * row.quantity * row.unitPrice,
107
103
  type: 'number',
108
104
  width: 120
109
105
  }, {
@@ -117,9 +113,7 @@ export const getCommodityColumns = (editable = false) => [{
117
113
  }, {
118
114
  field: 'totalPrice',
119
115
  headerName: 'Total in USD',
120
- valueGetter: ({
121
- row
122
- }) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate + row.quantity * row.unitPrice,
116
+ valueGetter: (value, row) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate + row.quantity * row.unitPrice,
123
117
  renderCell: renderTotalPrice,
124
118
  type: 'number',
125
119
  width: 160
@@ -173,10 +167,8 @@ export const getCommodityColumns = (editable = false) => [{
173
167
  }
174
168
  return value;
175
169
  },
176
- valueFormatter: ({
177
- value
178
- }) => value == null ? void 0 : value.label,
179
- groupingValueGetter: params => params.value.code,
170
+ valueFormatter: value => value == null ? void 0 : value.label,
171
+ groupingValueGetter: value => value.code,
180
172
  sortComparator: (v1, v2, param1, param2) => gridStringOrNumberComparator(v1.label, v2.label, param1, param2),
181
173
  editable,
182
174
  width: 120
package/columns/employees.columns.js CHANGED
@@ -11,9 +11,9 @@ export const getEmployeeColumns = () => [{
11
11
  headerName: 'Avatar',
12
12
  generateData: randomColor,
13
13
  renderCell: renderAvatar,
14
- valueGetter: params => params.row.name == null || params.row.avatar == null ? null : {
15
- name: params.row.name,
16
- color: params.row.avatar
14
+ valueGetter: (value, row) => row.name == null || row.avatar == null ? null : {
15
+ name: row.name,
16
+ color: row.avatar
17
17
  },
18
18
  sortable: false,
19
19
  filterable: false,
@@ -77,9 +77,7 @@ export const getEmployeeColumns = () => [{
77
77
  headerName: 'Country',
78
78
  type: 'singleSelect',
79
79
  valueOptions: COUNTRY_ISO_OPTIONS_SORTED,
80
- valueFormatter: ({
81
- value
82
- }) => value == null ? void 0 : value.label,
80
+ valueFormatter: value => value == null ? void 0 : value.label,
83
81
  generateData: randomCountry,
84
82
  renderCell: renderCountry,
85
83
  renderEditCell: renderEditCountry,
@@ -124,9 +122,7 @@ export const getEmployeeColumns = () => [{
124
122
  headerName: 'Salary',
125
123
  generateData: () => randomInt(30000, 80000),
126
124
  type: 'number',
127
- valueFormatter: ({
128
- value
129
- }) => {
125
+ valueFormatter: value => {
130
126
  if (!value || typeof value !== 'number') {
131
127
  return value;
132
128
  }
package/hooks/useMovieData.js CHANGED
@@ -15,9 +15,7 @@ const COLUMNS = [{
15
15
  type: 'number',
16
16
  width: 150,
17
17
  groupable: false,
18
- valueFormatter: ({
19
- value
20
- }) => {
18
+ valueFormatter: value => {
21
19
  if (!value) {
22
20
  return '';
23
21
  }
package/hooks/useQuery.d.ts CHANGED
@@ -50,10 +50,10 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
50
50
  sortComparator?: import("@mui/x-data-grid-pro").GridComparatorFn<any> | undefined;
51
51
  type?: import("@mui/x-data-grid-pro").GridColType | undefined;
52
52
  align?: import("@mui/x-data-grid-pro").GridAlignment | undefined;
53
- valueGetter?: ((params: import("@mui/x-data-grid-pro").GridValueGetterParams<any, any, import("@mui/x-data-grid-pro").GridTreeNodeWithRender>) => any) | undefined;
54
- valueSetter?: ((params: import("@mui/x-data-grid-pro").GridValueSetterParams<any, any>) => any) | undefined;
55
- valueFormatter?: ((params: import("@mui/x-data-grid-pro").GridValueFormatterParams<any>) => any) | undefined;
56
- valueParser?: ((value: any, params?: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode> | undefined) => any) | undefined;
53
+ valueGetter?: import("@mui/x-data-grid-pro").GridValueGetter<any, any, any, never> | undefined;
54
+ valueSetter?: import("@mui/x-data-grid-pro").GridValueSetter<any, any, any> | undefined;
55
+ valueFormatter?: import("@mui/x-data-grid-pro").GridValueFormatter<any, any, any, never> | undefined;
56
+ valueParser?: import("@mui/x-data-grid-pro").GridValueParser<any, any, any> | undefined;
57
57
  cellClassName?: import("@mui/x-data-grid-pro").GridCellClassNamePropType<any, any> | undefined;
58
58
  renderCell?: ((params: import("@mui/x-data-grid-pro").GridRenderCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
59
59
  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
68
68
  getApplyQuickFilterFn?: import("@mui/x-data-grid-pro").GetApplyQuickFilterFn<any, any> | undefined;
69
69
  disableReorder?: boolean | undefined;
70
70
  disableExport?: boolean | undefined;
71
- colSpan?: number | ((params: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode>) => number | undefined) | undefined;
71
+ colSpan?: number | import("@mui/x-data-grid-pro").GridColSpanFn<any, any, any> | undefined;
72
72
  renderHeaderFilter?: ((params: import("@mui/x-data-grid-pro").GridHeaderFilterCellProps) => React.ReactNode) | undefined;
73
73
  aggregable?: boolean | undefined;
74
74
  availableAggregationFunctions?: string[] | undefined;
75
- groupingValueGetter?: ((params: import("@mui/x-data-grid-premium").GridGroupingValueGetterParams<any, any>) => import("@mui/x-data-grid-pro").GridKeyValue | null | undefined) | undefined;
76
- pastedValueParser?: ((value: string, params: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode>) => any) | undefined;
75
+ groupingValueGetter?: import("@mui/x-data-grid-premium").GridGroupingValueGetter<any> | undefined;
76
+ pastedValueParser?: import("@mui/x-data-grid-premium").GridPastedValueParser<any, any, any> | undefined;
77
77
  generateData?: ((row: any, context: import("..").GridDataGeneratorContext) => any) | undefined;
78
78
  dataGeneratorUniquenessEnabled?: boolean | undefined;
79
79
  hide?: boolean | undefined;
@@ -96,10 +96,10 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
96
96
  pinnable?: boolean | undefined;
97
97
  sortComparator?: import("@mui/x-data-grid-pro").GridComparatorFn<any> | undefined;
98
98
  align?: import("@mui/x-data-grid-pro").GridAlignment | undefined;
99
- valueGetter?: ((params: import("@mui/x-data-grid-pro").GridValueGetterParams<any, any, import("@mui/x-data-grid-pro").GridTreeNodeWithRender>) => any) | undefined;
100
- valueSetter?: ((params: import("@mui/x-data-grid-pro").GridValueSetterParams<any, any>) => any) | undefined;
101
- valueFormatter?: ((params: import("@mui/x-data-grid-pro").GridValueFormatterParams<any>) => any) | undefined;
102
- valueParser?: ((value: any, params?: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode> | undefined) => any) | undefined;
99
+ valueGetter?: import("@mui/x-data-grid-pro").GridValueGetter<any, any, any, never> | undefined;
100
+ valueSetter?: import("@mui/x-data-grid-pro").GridValueSetter<any, any, any> | undefined;
101
+ valueFormatter?: import("@mui/x-data-grid-pro").GridValueFormatter<any, any, any, never> | undefined;
102
+ valueParser?: import("@mui/x-data-grid-pro").GridValueParser<any, any, any> | undefined;
103
103
  cellClassName?: import("@mui/x-data-grid-pro").GridCellClassNamePropType<any, any> | undefined;
104
104
  renderCell?: ((params: import("@mui/x-data-grid-pro").GridRenderCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
105
105
  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
114
114
  getApplyQuickFilterFn?: import("@mui/x-data-grid-pro").GetApplyQuickFilterFn<any, any> | undefined;
115
115
  disableReorder?: boolean | undefined;
116
116
  disableExport?: boolean | undefined;
117
- colSpan?: number | ((params: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode>) => number | undefined) | undefined;
117
+ colSpan?: number | import("@mui/x-data-grid-pro").GridColSpanFn<any, any, any> | undefined;
118
118
  renderHeaderFilter?: ((params: import("@mui/x-data-grid-pro").GridHeaderFilterCellProps) => React.ReactNode) | undefined;
119
119
  aggregable?: boolean | undefined;
120
120
  availableAggregationFunctions?: string[] | undefined;
121
- groupingValueGetter?: ((params: import("@mui/x-data-grid-premium").GridGroupingValueGetterParams<any, any>) => import("@mui/x-data-grid-pro").GridKeyValue | null | undefined) | undefined;
122
- pastedValueParser?: ((value: string, params: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode>) => any) | undefined;
121
+ groupingValueGetter?: import("@mui/x-data-grid-premium").GridGroupingValueGetter<any> | undefined;
122
+ pastedValueParser?: import("@mui/x-data-grid-premium").GridPastedValueParser<any, any, any> | undefined;
123
123
  generateData?: ((row: any, context: import("..").GridDataGeneratorContext) => any) | undefined;
124
124
  dataGeneratorUniquenessEnabled?: boolean | undefined;
125
125
  hide?: boolean | undefined;
@@ -144,10 +144,10 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
144
144
  pinnable?: boolean | undefined;
145
145
  sortComparator?: import("@mui/x-data-grid-pro").GridComparatorFn<any> | undefined;
146
146
  align?: import("@mui/x-data-grid-pro").GridAlignment | undefined;
147
- valueGetter?: ((params: import("@mui/x-data-grid-pro").GridValueGetterParams<any, any, import("@mui/x-data-grid-pro").GridTreeNodeWithRender>) => any) | undefined;
148
- valueSetter?: ((params: import("@mui/x-data-grid-pro").GridValueSetterParams<any, any>) => any) | undefined;
149
- valueFormatter?: ((params: import("@mui/x-data-grid-pro").GridValueFormatterParams<any>) => any) | undefined;
150
- valueParser?: ((value: any, params?: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode> | undefined) => any) | undefined;
147
+ valueGetter?: import("@mui/x-data-grid-pro").GridValueGetter<any, any, any, never> | undefined;
148
+ valueSetter?: import("@mui/x-data-grid-pro").GridValueSetter<any, any, any> | undefined;
149
+ valueFormatter?: import("@mui/x-data-grid-pro").GridValueFormatter<any, any, any, never> | undefined;
150
+ valueParser?: import("@mui/x-data-grid-pro").GridValueParser<any, any, any> | undefined;
151
151
  cellClassName?: import("@mui/x-data-grid-pro").GridCellClassNamePropType<any, any> | undefined;
152
152
  renderCell?: ((params: import("@mui/x-data-grid-pro").GridRenderCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
153
153
  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
162
162
  getApplyQuickFilterFn?: import("@mui/x-data-grid-pro").GetApplyQuickFilterFn<any, any> | undefined;
163
163
  disableReorder?: boolean | undefined;
164
164
  disableExport?: boolean | undefined;
165
- colSpan?: number | ((params: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode>) => number | undefined) | undefined;
165
+ colSpan?: number | import("@mui/x-data-grid-pro").GridColSpanFn<any, any, any> | undefined;
166
166
  renderHeaderFilter?: ((params: import("@mui/x-data-grid-pro").GridHeaderFilterCellProps) => React.ReactNode) | undefined;
167
167
  aggregable?: boolean | undefined;
168
168
  availableAggregationFunctions?: string[] | undefined;
169
- groupingValueGetter?: ((params: import("@mui/x-data-grid-premium").GridGroupingValueGetterParams<any, any>) => import("@mui/x-data-grid-pro").GridKeyValue | null | undefined) | undefined;
170
- pastedValueParser?: ((value: string, params: import("@mui/x-data-grid-pro").GridCellParams<any, any, any, import("@mui/x-data-grid-pro").GridTreeNode>) => any) | undefined;
169
+ groupingValueGetter?: import("@mui/x-data-grid-premium").GridGroupingValueGetter<any> | undefined;
170
+ pastedValueParser?: import("@mui/x-data-grid-premium").GridPastedValueParser<any, any, any> | undefined;
171
171
  generateData?: ((row: any, context: import("..").GridDataGeneratorContext) => any) | undefined;
172
172
  dataGeneratorUniquenessEnabled?: boolean | undefined;
173
173
  hide?: boolean | undefined;
package/hooks/useQuery.js CHANGED
@@ -4,16 +4,10 @@ import { getGridDefaultColumnTypes, GridLogicOperator } from '@mui/x-data-grid-p
4
4
  import { isDeepEqual } from '@mui/x-data-grid/internals';
5
5
  import { useDemoData, getColumnsFromOptions, getInitialState } from './useDemoData';
6
6
  import { randomInt } from '../services/random-generator';
7
+ const apiRef = {};
7
8
  const simplifiedValueGetter = (field, colDef) => row => {
8
9
  var _colDef$valueGetter;
9
- const params = {
10
- id: row.id,
11
- row,
12
- field,
13
- rowNode: {}
14
- };
15
- // @ts-ignore
16
- return ((_colDef$valueGetter = colDef.valueGetter) == null ? void 0 : _colDef$valueGetter.call(colDef, params)) || row[field];
10
+ return ((_colDef$valueGetter = colDef.valueGetter) == null ? void 0 : _colDef$valueGetter.call(colDef, row[row.id], row, colDef, apiRef)) || row[field];
17
11
  };
18
12
  const getRowComparator = (sortModel, columnsWithDefaultColDef) => {
19
13
  if (!sortModel) {
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-data-grid-generator v7.0.0-beta.0
2
+ * @mui/x-data-grid-generator v7.0.0-beta.2
3
3
  *
4
4
  * @license MUI X Commercial
5
5
  * This source code is licensed under the commercial license found in the
package/legacy/columns/commodities.columns.js CHANGED
@@ -91,8 +91,7 @@ export var getCommodityColumns = function getCommodityColumns() {
91
91
  }, {
92
92
  field: 'subTotal',
93
93
  headerName: 'Sub Total',
94
- valueGetter: function valueGetter(_ref) {
95
- var row = _ref.row;
94
+ valueGetter: function valueGetter(value, row) {
96
95
  return row.quantity == null || row.unitPrice == null ? null : row.quantity * row.unitPrice;
97
96
  },
98
97
  type: 'number',
@@ -110,8 +109,7 @@ export var getCommodityColumns = function getCommodityColumns() {
110
109
  }, {
111
110
  field: 'feeAmount',
112
111
  headerName: 'Fee Amount',
113
- valueGetter: function valueGetter(_ref2) {
114
- var row = _ref2.row;
112
+ valueGetter: function valueGetter(value, row) {
115
113
  return row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate * row.quantity * row.unitPrice;
116
114
  },
117
115
  type: 'number',
@@ -127,8 +125,7 @@ export var getCommodityColumns = function getCommodityColumns() {
127
125
  }, {
128
126
  field: 'totalPrice',
129
127
  headerName: 'Total in USD',
130
- valueGetter: function valueGetter(_ref3) {
131
- var row = _ref3.row;
128
+ valueGetter: function valueGetter(value, row) {
132
129
  return row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate + row.quantity * row.unitPrice;
133
130
  },
134
131
  renderCell: renderTotalPrice,
@@ -186,12 +183,11 @@ export var getCommodityColumns = function getCommodityColumns() {
186
183
  }
187
184
  return value;
188
185
  },
189
- valueFormatter: function valueFormatter(_ref4) {
190
- var value = _ref4.value;
186
+ valueFormatter: function valueFormatter(value) {
191
187
  return value == null ? void 0 : value.label;
192
188
  },
193
- groupingValueGetter: function groupingValueGetter(params) {
194
- return params.value.code;
189
+ groupingValueGetter: function groupingValueGetter(value) {
190
+ return value.code;
195
191
  },
196
192
  sortComparator: function sortComparator(v1, v2, param1, param2) {
197
193
  return gridStringOrNumberComparator(v1.label, v2.label, param1, param2);
package/legacy/columns/employees.columns.js CHANGED
@@ -12,10 +12,10 @@ export var getEmployeeColumns = function getEmployeeColumns() {
12
12
  headerName: 'Avatar',
13
13
  generateData: randomColor,
14
14
  renderCell: renderAvatar,
15
- valueGetter: function valueGetter(params) {
16
- return params.row.name == null || params.row.avatar == null ? null : {
17
- name: params.row.name,
18
- color: params.row.avatar
15
+ valueGetter: function valueGetter(value, row) {
16
+ return row.name == null || row.avatar == null ? null : {
17
+ name: row.name,
18
+ color: row.avatar
19
19
  };
20
20
  },
21
21
  sortable: false,
@@ -80,8 +80,7 @@ export var getEmployeeColumns = function getEmployeeColumns() {
80
80
  headerName: 'Country',
81
81
  type: 'singleSelect',
82
82
  valueOptions: COUNTRY_ISO_OPTIONS_SORTED,
83
- valueFormatter: function valueFormatter(_ref) {
84
- var value = _ref.value;
83
+ valueFormatter: function valueFormatter(value) {
85
84
  return value == null ? void 0 : value.label;
86
85
  },
87
86
  generateData: randomCountry,
@@ -132,8 +131,7 @@ export var getEmployeeColumns = function getEmployeeColumns() {
132
131
  return randomInt(30000, 80000);
133
132
  },
134
133
  type: 'number',
135
- valueFormatter: function valueFormatter(_ref2) {
136
- var value = _ref2.value;
134
+ valueFormatter: function valueFormatter(value) {
137
135
  if (!value || typeof value !== 'number') {
138
136
  return value;
139
137
  }
package/legacy/hooks/useMovieData.js CHANGED
@@ -15,8 +15,7 @@ var COLUMNS = [{
15
15
  type: 'number',
16
16
  width: 150,
17
17
  groupable: false,
18
- valueFormatter: function valueFormatter(_ref) {
19
- var value = _ref.value;
18
+ valueFormatter: function valueFormatter(value) {
20
19
  if (!value) {
21
20
  return '';
22
21
  }
package/legacy/hooks/useQuery.js CHANGED
@@ -8,17 +8,11 @@ import { getGridDefaultColumnTypes, GridLogicOperator } from '@mui/x-data-grid-p
8
8
  import { isDeepEqual } from '@mui/x-data-grid/internals';
9
9
  import { useDemoData, getColumnsFromOptions, getInitialState } from './useDemoData';
10
10
  import { randomInt } from '../services/random-generator';
11
+ var apiRef = {};
11
12
  var simplifiedValueGetter = function simplifiedValueGetter(field, colDef) {
12
13
  return function (row) {
13
14
  var _colDef$valueGetter;
14
- var params = {
15
- id: row.id,
16
- row: row,
17
- field: field,
18
- rowNode: {}
19
- };
20
- // @ts-ignore
21
- return ((_colDef$valueGetter = colDef.valueGetter) == null ? void 0 : _colDef$valueGetter.call(colDef, params)) || row[field];
15
+ return ((_colDef$valueGetter = colDef.valueGetter) == null ? void 0 : _colDef$valueGetter.call(colDef, row[row.id], row, colDef, apiRef)) || row[field];
22
16
  };
23
17
  };
24
18
  var getRowComparator = function getRowComparator(sortModel, columnsWithDefaultColDef) {
package/legacy/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-data-grid-generator v7.0.0-beta.0
2
+ * @mui/x-data-grid-generator v7.0.0-beta.2
3
3
  *
4
4
  * @license MUI X Commercial
5
5
  * This source code is licensed under the commercial license found in the
package/modern/columns/commodities.columns.js CHANGED
@@ -85,9 +85,7 @@ export const getCommodityColumns = (editable = false) => [{
85
85
  }, {
86
86
  field: 'subTotal',
87
87
  headerName: 'Sub Total',
88
- valueGetter: ({
89
- row
90
- }) => row.quantity == null || row.unitPrice == null ? null : row.quantity * row.unitPrice,
88
+ valueGetter: (value, row) => row.quantity == null || row.unitPrice == null ? null : row.quantity * row.unitPrice,
91
89
  type: 'number',
92
90
  width: 120
93
91
  }, {
@@ -101,9 +99,7 @@ export const getCommodityColumns = (editable = false) => [{
101
99
  }, {
102
100
  field: 'feeAmount',
103
101
  headerName: 'Fee Amount',
104
- valueGetter: ({
105
- row
106
- }) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate * row.quantity * row.unitPrice,
102
+ valueGetter: (value, row) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate * row.quantity * row.unitPrice,
107
103
  type: 'number',
108
104
  width: 120
109
105
  }, {
@@ -117,9 +113,7 @@ export const getCommodityColumns = (editable = false) => [{
117
113
  }, {
118
114
  field: 'totalPrice',
119
115
  headerName: 'Total in USD',
120
- valueGetter: ({
121
- row
122
- }) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate + row.quantity * row.unitPrice,
116
+ valueGetter: (value, row) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate + row.quantity * row.unitPrice,
123
117
  renderCell: renderTotalPrice,
124
118
  type: 'number',
125
119
  width: 160
@@ -173,10 +167,8 @@ export const getCommodityColumns = (editable = false) => [{
173
167
  }
174
168
  return value;
175
169
  },
176
- valueFormatter: ({
177
- value
178
- }) => value?.label,
179
- groupingValueGetter: params => params.value.code,
170
+ valueFormatter: value => value?.label,
171
+ groupingValueGetter: value => value.code,
180
172
  sortComparator: (v1, v2, param1, param2) => gridStringOrNumberComparator(v1.label, v2.label, param1, param2),
181
173
  editable,
182
174
  width: 120
package/modern/columns/employees.columns.js CHANGED
@@ -11,9 +11,9 @@ export const getEmployeeColumns = () => [{
11
11
  headerName: 'Avatar',
12
12
  generateData: randomColor,
13
13
  renderCell: renderAvatar,
14
- valueGetter: params => params.row.name == null || params.row.avatar == null ? null : {
15
- name: params.row.name,
16
- color: params.row.avatar
14
+ valueGetter: (value, row) => row.name == null || row.avatar == null ? null : {
15
+ name: row.name,
16
+ color: row.avatar
17
17
  },
18
18
  sortable: false,
19
19
  filterable: false,
@@ -77,9 +77,7 @@ export const getEmployeeColumns = () => [{
77
77
  headerName: 'Country',
78
78
  type: 'singleSelect',
79
79
  valueOptions: COUNTRY_ISO_OPTIONS_SORTED,
80
- valueFormatter: ({
81
- value
82
- }) => value?.label,
80
+ valueFormatter: value => value?.label,
83
81
  generateData: randomCountry,
84
82
  renderCell: renderCountry,
85
83
  renderEditCell: renderEditCountry,
@@ -124,9 +122,7 @@ export const getEmployeeColumns = () => [{
124
122
  headerName: 'Salary',
125
123
  generateData: () => randomInt(30000, 80000),
126
124
  type: 'number',
127
- valueFormatter: ({
128
- value
129
- }) => {
125
+ valueFormatter: value => {
130
126
  if (!value || typeof value !== 'number') {
131
127
  return value;
132
128
  }
package/modern/hooks/useMovieData.js CHANGED
@@ -15,9 +15,7 @@ const COLUMNS = [{
15
15
  type: 'number',
16
16
  width: 150,
17
17
  groupable: false,
18
- valueFormatter: ({
19
- value
20
- }) => {
18
+ valueFormatter: value => {
21
19
  if (!value) {
22
20
  return '';
23
21
  }
package/modern/hooks/useQuery.js CHANGED
@@ -4,15 +4,9 @@ import { getGridDefaultColumnTypes, GridLogicOperator } from '@mui/x-data-grid-p
4
4
  import { isDeepEqual } from '@mui/x-data-grid/internals';
5
5
  import { useDemoData, getColumnsFromOptions, getInitialState } from './useDemoData';
6
6
  import { randomInt } from '../services/random-generator';
7
+ const apiRef = {};
7
8
  const simplifiedValueGetter = (field, colDef) => row => {
8
- const params = {
9
- id: row.id,
10
- row,
11
- field,
12
- rowNode: {}
13
- };
14
- // @ts-ignore
15
- return colDef.valueGetter?.(params) || row[field];
9
+ return colDef.valueGetter?.(row[row.id], row, colDef, apiRef) || row[field];
16
10
  };
17
11
  const getRowComparator = (sortModel, columnsWithDefaultColDef) => {
18
12
  if (!sortModel) {
package/modern/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-data-grid-generator v7.0.0-beta.0
2
+ * @mui/x-data-grid-generator v7.0.0-beta.2
3
3
  *
4
4
  * @license MUI X Commercial
5
5
  * This source code is licensed under the commercial license found in the
package/node/columns/commodities.columns.js CHANGED
@@ -91,9 +91,7 @@ const getCommodityColumns = (editable = false) => [{
91
91
  }, {
92
92
  field: 'subTotal',
93
93
  headerName: 'Sub Total',
94
- valueGetter: ({
95
- row
96
- }) => row.quantity == null || row.unitPrice == null ? null : row.quantity * row.unitPrice,
94
+ valueGetter: (value, row) => row.quantity == null || row.unitPrice == null ? null : row.quantity * row.unitPrice,
97
95
  type: 'number',
98
96
  width: 120
99
97
  }, {
@@ -107,9 +105,7 @@ const getCommodityColumns = (editable = false) => [{
107
105
  }, {
108
106
  field: 'feeAmount',
109
107
  headerName: 'Fee Amount',
110
- valueGetter: ({
111
- row
112
- }) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate * row.quantity * row.unitPrice,
108
+ valueGetter: (value, row) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate * row.quantity * row.unitPrice,
113
109
  type: 'number',
114
110
  width: 120
115
111
  }, {
@@ -123,9 +119,7 @@ const getCommodityColumns = (editable = false) => [{
123
119
  }, {
124
120
  field: 'totalPrice',
125
121
  headerName: 'Total in USD',
126
- valueGetter: ({
127
- row
128
- }) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate + row.quantity * row.unitPrice,
122
+ valueGetter: (value, row) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate + row.quantity * row.unitPrice,
129
123
  renderCell: _renderer.renderTotalPrice,
130
124
  type: 'number',
131
125
  width: 160
@@ -179,10 +173,8 @@ const getCommodityColumns = (editable = false) => [{
179
173
  }
180
174
  return value;
181
175
  },
182
- valueFormatter: ({
183
- value
184
- }) => value?.label,
185
- groupingValueGetter: params => params.value.code,
176
+ valueFormatter: value => value?.label,
177
+ groupingValueGetter: value => value.code,
186
178
  sortComparator: (v1, v2, param1, param2) => (0, _xDataGridPremium.gridStringOrNumberComparator)(v1.label, v2.label, param1, param2),
187
179
  editable,
188
180
  width: 120
package/node/columns/employees.columns.js CHANGED
@@ -17,9 +17,9 @@ const getEmployeeColumns = () => [{
17
17
  headerName: 'Avatar',
18
18
  generateData: _services.randomColor,
19
19
  renderCell: _renderer.renderAvatar,
20
- valueGetter: params => params.row.name == null || params.row.avatar == null ? null : {
21
- name: params.row.name,
22
- color: params.row.avatar
20
+ valueGetter: (value, row) => row.name == null || row.avatar == null ? null : {
21
+ name: row.name,
22
+ color: row.avatar
23
23
  },
24
24
  sortable: false,
25
25
  filterable: false,
@@ -83,9 +83,7 @@ const getEmployeeColumns = () => [{
83
83
  headerName: 'Country',
84
84
  type: 'singleSelect',
85
85
  valueOptions: _staticData.COUNTRY_ISO_OPTIONS_SORTED,
86
- valueFormatter: ({
87
- value
88
- }) => value?.label,
86
+ valueFormatter: value => value?.label,
89
87
  generateData: _services.randomCountry,
90
88
  renderCell: _renderer.renderCountry,
91
89
  renderEditCell: _renderer.renderEditCountry,
@@ -130,9 +128,7 @@ const getEmployeeColumns = () => [{
130
128
  headerName: 'Salary',
131
129
  generateData: () => (0, _services.randomInt)(30000, 80000),
132
130
  type: 'number',
133
- valueFormatter: ({
134
- value
135
- }) => {
131
+ valueFormatter: value => {
136
132
  if (!value || typeof value !== 'number') {
137
133
  return value;
138
134
  }
package/node/hooks/useMovieData.js CHANGED
@@ -21,9 +21,7 @@ const COLUMNS = [{
21
21
  type: 'number',
22
22
  width: 150,
23
23
  groupable: false,
24
- valueFormatter: ({
25
- value
26
- }) => {
24
+ valueFormatter: value => {
27
25
  if (!value) {
28
26
  return '';
29
27
  }
package/node/hooks/useQuery.js CHANGED
@@ -13,15 +13,9 @@ var _useDemoData = require("./useDemoData");
13
13
  var _randomGenerator = require("../services/random-generator");
14
14
  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); }
15
15
  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; }
16
+ const apiRef = {};
16
17
  const simplifiedValueGetter = (field, colDef) => row => {
17
- const params = {
18
- id: row.id,
19
- row,
20
- field,
21
- rowNode: {}
22
- };
23
- // @ts-ignore
24
- return colDef.valueGetter?.(params) || row[field];
18
+ return colDef.valueGetter?.(row[row.id], row, colDef, apiRef) || row[field];
25
19
  };
26
20
  const getRowComparator = (sortModel, columnsWithDefaultColDef) => {
27
21
  if (!sortModel) {
package/node/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-data-grid-generator v7.0.0-beta.0
2
+ * @mui/x-data-grid-generator v7.0.0-beta.2
3
3
  *
4
4
  * @license MUI X Commercial
5
5
  * This source code is licensed under the commercial license found in the
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-data-grid-generator",
3
- "version": "7.0.0-beta.0",
3
+ "version": "7.0.0-beta.2",
4
4
  "description": "Generate fake data for demo purposes only.",
5
5
  "author": "MUI Team",
6
6
  "main": "./node/index.js",
@@ -8,7 +8,7 @@
8
8
  "bugs": {
9
9
  "url": "https://github.com/mui/mui-x/issues"
10
10
  },
11
- "homepage": "https://github.com/mui/mui-x/tree/master/packages/grid/x-data-grid-generator",
11
+ "homepage": "https://github.com/mui/mui-x/tree/master/packages/x-data-grid-generator",
12
12
  "sideEffects": false,
13
13
  "publishConfig": {
14
14
  "access": "public"
@@ -19,12 +19,12 @@
19
19
  "repository": {
20
20
  "type": "git",
21
21
  "url": "https://github.com/mui/mui-x.git",
22
- "directory": "packages/grid/x-data-grid-generator"
22
+ "directory": "packages/x-data-grid-generator"
23
23
  },
24
24
  "dependencies": {
25
- "@babel/runtime": "^7.23.8",
26
- "@mui/base": "^5.0.0-beta.33",
27
- "@mui/x-data-grid-premium": "7.0.0-beta.0",
25
+ "@babel/runtime": "^7.23.9",
26
+ "@mui/base": "^5.0.0-beta.34",
27
+ "@mui/x-data-grid-premium": "7.0.0-beta.2",
28
28
  "chance": "^1.1.11",
29
29
  "clsx": "^2.1.0",
30
30
  "lru-cache": "^7.18.3"