@mui/x-data-grid-generator 6.0.0-alpha.0 → 6.0.0-alpha.10
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.
- package/CHANGELOG.md +1428 -138
- package/columns/commodities.columns.js +6 -10
- package/columns/employees.columns.js +1 -2
- package/hooks/useDemoData.js +9 -31
- package/hooks/useMovieData.d.ts +1 -0
- package/hooks/useMovieData.js +35 -1
- package/hooks/useQuery.d.ts +6 -6
- package/hooks/useQuery.js +11 -43
- package/index.js +1 -1
- package/legacy/columns/commodities.columns.js +6 -10
- package/legacy/columns/employees.columns.js +1 -3
- package/legacy/hooks/useBasicDemoData.js +6 -7
- package/legacy/hooks/useDemoData.js +28 -70
- package/legacy/hooks/useMovieData.js +35 -2
- package/legacy/hooks/useQuery.js +38 -77
- package/legacy/index.js +1 -1
- package/legacy/renderer/renderAvatar.js +0 -1
- package/legacy/renderer/renderCountry.js +3 -4
- package/legacy/renderer/renderEditCountry.js +32 -20
- package/legacy/renderer/renderEditCurrency.js +32 -20
- package/legacy/renderer/renderEditIncoterm.js +36 -26
- package/legacy/renderer/renderEditProgress.js +10 -20
- package/legacy/renderer/renderEditRating.js +32 -23
- package/legacy/renderer/renderEditStatus.js +2 -15
- package/legacy/renderer/renderEmail.js +0 -1
- package/legacy/renderer/renderIncoterm.js +0 -2
- package/legacy/renderer/renderLink.js +1 -3
- package/legacy/renderer/renderPnl.js +0 -3
- package/legacy/renderer/renderProgress.js +4 -5
- package/legacy/renderer/renderRating.js +3 -4
- package/legacy/renderer/renderStatus.js +9 -14
- package/legacy/renderer/renderTotalPrice.js +5 -6
- package/legacy/services/asyncWorker.js +4 -7
- package/legacy/services/basic-data-service.js +0 -5
- package/legacy/services/random-generator.js +6 -20
- package/legacy/services/real-data-service.js +0 -9
- package/legacy/services/tree-data-generator.js +6 -22
- package/modern/columns/commodities.columns.js +6 -10
- package/modern/columns/employees.columns.js +1 -2
- package/modern/hooks/useDemoData.js +9 -27
- package/modern/hooks/useMovieData.js +35 -1
- package/modern/hooks/useQuery.js +11 -41
- package/modern/index.js +1 -1
- package/modern/renderer/renderAvatar.js +0 -1
- package/modern/renderer/renderCountry.js +3 -4
- package/modern/renderer/renderEditCountry.js +6 -13
- package/modern/renderer/renderEditCurrency.js +6 -13
- package/modern/renderer/renderEditIncoterm.js +7 -16
- package/modern/renderer/renderEditProgress.js +3 -10
- package/modern/renderer/renderEditRating.js +7 -17
- package/modern/renderer/renderEditStatus.js +0 -10
- package/modern/renderer/renderIncoterm.js +0 -2
- package/modern/renderer/renderLink.js +1 -3
- package/modern/renderer/renderPnl.js +0 -3
- package/modern/renderer/renderProgress.js +4 -5
- package/modern/renderer/renderRating.js +3 -4
- package/modern/renderer/renderStatus.js +9 -14
- package/modern/renderer/renderTotalPrice.js +5 -6
- package/modern/services/asyncWorker.js +2 -4
- package/modern/services/basic-data-service.js +0 -5
- package/modern/services/random-generator.js +6 -19
- package/modern/services/real-data-service.js +0 -9
- package/modern/services/tree-data-generator.js +0 -14
- package/node/columns/commodities.columns.js +7 -17
- package/node/columns/employees.columns.js +2 -9
- package/node/columns/index.js +0 -4
- package/node/hooks/index.js +0 -8
- package/node/hooks/useBasicDemoData.js +0 -6
- package/node/hooks/useDemoData.js +17 -62
- package/node/hooks/useMovieData.js +35 -3
- package/node/hooks/useQuery.js +13 -57
- package/node/index.js +1 -9
- package/node/renderer/index.js +0 -32
- package/node/renderer/renderAvatar.js +0 -8
- package/node/renderer/renderCountry.js +3 -12
- package/node/renderer/renderEditCountry.js +6 -26
- package/node/renderer/renderEditCurrency.js +6 -26
- package/node/renderer/renderEditIncoterm.js +7 -28
- package/node/renderer/renderEditProgress.js +4 -24
- package/node/renderer/renderEditRating.js +7 -26
- package/node/renderer/renderEditStatus.js +0 -26
- package/node/renderer/renderEmail.js +1 -9
- package/node/renderer/renderIncoterm.js +0 -12
- package/node/renderer/renderLink.js +1 -10
- package/node/renderer/renderPnl.js +0 -12
- package/node/renderer/renderProgress.js +4 -14
- package/node/renderer/renderRating.js +3 -13
- package/node/renderer/renderStatus.js +9 -27
- package/node/renderer/renderTotalPrice.js +5 -15
- package/node/services/asyncWorker.js +2 -5
- package/node/services/basic-data-service.js +0 -7
- package/node/services/index.js +0 -8
- package/node/services/random-generator.js +7 -105
- package/node/services/real-data-service.js +0 -12
- package/node/services/static-data.js +0 -2
- package/node/services/tree-data-generator.js +1 -22
- package/package.json +7 -7
- package/renderer/renderAvatar.js +0 -1
- package/renderer/renderCountry.js +3 -4
- package/renderer/renderEditCountry.js +6 -13
- package/renderer/renderEditCurrency.js +6 -13
- package/renderer/renderEditIncoterm.js +7 -16
- package/renderer/renderEditProgress.js +3 -10
- package/renderer/renderEditRating.js +7 -17
- package/renderer/renderEditStatus.js +0 -10
- package/renderer/renderEmail.js +0 -1
- package/renderer/renderIncoterm.js +0 -2
- package/renderer/renderLink.js +1 -3
- package/renderer/renderPnl.js +0 -3
- package/renderer/renderProgress.js +4 -5
- package/renderer/renderRating.js +3 -4
- package/renderer/renderStatus.js +9 -14
- package/renderer/renderTotalPrice.js +5 -6
- package/services/asyncWorker.js +2 -4
- package/services/basic-data-service.js +0 -5
- package/services/random-generator.js +6 -20
- package/services/real-data-service.js +0 -9
- package/services/tree-data-generator.js +0 -15
|
@@ -17,11 +17,9 @@ var COLUMNS = [{
|
|
|
17
17
|
groupable: false,
|
|
18
18
|
valueFormatter: function valueFormatter(_ref) {
|
|
19
19
|
var value = _ref.value;
|
|
20
|
-
|
|
21
20
|
if (!value) {
|
|
22
21
|
return '';
|
|
23
22
|
}
|
|
24
|
-
|
|
25
23
|
return currencyFormatter.format(value);
|
|
26
24
|
}
|
|
27
25
|
}, {
|
|
@@ -46,6 +44,7 @@ var ROWS = [{
|
|
|
46
44
|
id: 0,
|
|
47
45
|
title: 'Avatar',
|
|
48
46
|
gross: 2847246203,
|
|
47
|
+
budget: 237000000,
|
|
49
48
|
director: 'James Cameron',
|
|
50
49
|
company: '20th Century Fox',
|
|
51
50
|
year: 2009,
|
|
@@ -57,6 +56,7 @@ var ROWS = [{
|
|
|
57
56
|
id: 1,
|
|
58
57
|
title: 'Avengers: Endgame',
|
|
59
58
|
gross: 2797501328,
|
|
59
|
+
budget: 356000000,
|
|
60
60
|
director: 'Anthony & Joe Russo',
|
|
61
61
|
company: 'Disney Studios',
|
|
62
62
|
year: 2019,
|
|
@@ -69,6 +69,7 @@ var ROWS = [{
|
|
|
69
69
|
id: 2,
|
|
70
70
|
title: 'Titanic',
|
|
71
71
|
gross: 2187425379,
|
|
72
|
+
budget: 200000000,
|
|
72
73
|
director: 'James Cameron',
|
|
73
74
|
company: '20th Century Fox',
|
|
74
75
|
year: 1997,
|
|
@@ -80,6 +81,7 @@ var ROWS = [{
|
|
|
80
81
|
id: 3,
|
|
81
82
|
title: 'Star Wars: The Force Awakens',
|
|
82
83
|
gross: 2068223624,
|
|
84
|
+
budget: 306000000,
|
|
83
85
|
director: 'J. J. Abrams',
|
|
84
86
|
company: 'Disney Studios',
|
|
85
87
|
year: 2015,
|
|
@@ -92,6 +94,7 @@ var ROWS = [{
|
|
|
92
94
|
id: 4,
|
|
93
95
|
title: 'Avengers: Infinity War',
|
|
94
96
|
gross: 2048359754,
|
|
97
|
+
budget: 321000000,
|
|
95
98
|
director: 'Anthony & Joe Russo',
|
|
96
99
|
company: 'Disney Studios',
|
|
97
100
|
year: 2018,
|
|
@@ -104,6 +107,7 @@ var ROWS = [{
|
|
|
104
107
|
id: 5,
|
|
105
108
|
title: 'Spider-Man: No Way Home',
|
|
106
109
|
gross: 1892768346,
|
|
110
|
+
budget: 200000000,
|
|
107
111
|
director: 'Jon Watts',
|
|
108
112
|
company: 'Disney Studios',
|
|
109
113
|
year: 2021,
|
|
@@ -116,6 +120,7 @@ var ROWS = [{
|
|
|
116
120
|
id: 6,
|
|
117
121
|
title: 'Jurassic World',
|
|
118
122
|
gross: 1671713208,
|
|
123
|
+
budget: 150000000,
|
|
119
124
|
director: 'Colin Trevorrow',
|
|
120
125
|
company: 'Universal Pictures',
|
|
121
126
|
year: 2015,
|
|
@@ -128,6 +133,7 @@ var ROWS = [{
|
|
|
128
133
|
id: 7,
|
|
129
134
|
title: 'The Lion King',
|
|
130
135
|
gross: 1656943394,
|
|
136
|
+
budget: 260000000,
|
|
131
137
|
director: 'Jon Favreau',
|
|
132
138
|
company: 'Disney Studios',
|
|
133
139
|
year: 2019,
|
|
@@ -139,6 +145,7 @@ var ROWS = [{
|
|
|
139
145
|
id: 8,
|
|
140
146
|
title: 'The Avengers',
|
|
141
147
|
gross: 1518812988,
|
|
148
|
+
budget: 220000000,
|
|
142
149
|
director: 'Joss Whedon',
|
|
143
150
|
company: 'Disney Studios',
|
|
144
151
|
year: 2012,
|
|
@@ -151,6 +158,7 @@ var ROWS = [{
|
|
|
151
158
|
id: 9,
|
|
152
159
|
title: 'Furious 7',
|
|
153
160
|
gross: 1516045911,
|
|
161
|
+
budget: 190000000,
|
|
154
162
|
director: 'James Wan',
|
|
155
163
|
company: 'Universal Pictures',
|
|
156
164
|
year: 2015,
|
|
@@ -163,6 +171,7 @@ var ROWS = [{
|
|
|
163
171
|
id: 10,
|
|
164
172
|
title: 'Frozen II',
|
|
165
173
|
gross: 1450026933,
|
|
174
|
+
budget: 150000000,
|
|
166
175
|
director: 'Chris Buck & Jennifer Lee',
|
|
167
176
|
company: 'Disney Studios',
|
|
168
177
|
year: 2019,
|
|
@@ -175,6 +184,7 @@ var ROWS = [{
|
|
|
175
184
|
id: 11,
|
|
176
185
|
title: 'Avengers: Age of Ultron',
|
|
177
186
|
gross: 1402804868,
|
|
187
|
+
budget: 280000000,
|
|
178
188
|
director: 'Joss Whedon',
|
|
179
189
|
company: 'Disney Studios',
|
|
180
190
|
year: 2015,
|
|
@@ -187,6 +197,7 @@ var ROWS = [{
|
|
|
187
197
|
id: 12,
|
|
188
198
|
title: 'Black Panther',
|
|
189
199
|
gross: 1347280838,
|
|
200
|
+
budget: 200000000,
|
|
190
201
|
director: 'Ryan Coogler',
|
|
191
202
|
company: 'Disney Studios',
|
|
192
203
|
year: 2018,
|
|
@@ -199,6 +210,7 @@ var ROWS = [{
|
|
|
199
210
|
id: 13,
|
|
200
211
|
title: 'Harry Potter and the Deathly Hallows – Part 2',
|
|
201
212
|
gross: 1342025430,
|
|
213
|
+
budget: 125000000,
|
|
202
214
|
director: 'David Yates',
|
|
203
215
|
company: 'Warner Bros. Pictures',
|
|
204
216
|
year: 2011,
|
|
@@ -211,6 +223,7 @@ var ROWS = [{
|
|
|
211
223
|
id: 14,
|
|
212
224
|
title: 'Star Wars: The Last Jedi',
|
|
213
225
|
gross: 1332539889,
|
|
226
|
+
budget: 317000000,
|
|
214
227
|
director: 'Rian Johnson',
|
|
215
228
|
company: 'Disney Studios',
|
|
216
229
|
year: 2017,
|
|
@@ -223,6 +236,7 @@ var ROWS = [{
|
|
|
223
236
|
id: 15,
|
|
224
237
|
title: 'Jurassic World: Fallen Kingdom',
|
|
225
238
|
gross: 1309484461,
|
|
239
|
+
budget: 170000000,
|
|
226
240
|
director: 'J. A. Bayona',
|
|
227
241
|
company: 'Universal Pictures',
|
|
228
242
|
year: 2018,
|
|
@@ -235,6 +249,7 @@ var ROWS = [{
|
|
|
235
249
|
id: 16,
|
|
236
250
|
title: 'Frozen',
|
|
237
251
|
gross: 1290000000,
|
|
252
|
+
budget: 150000000,
|
|
238
253
|
director: 'Chris Buck & Jennifer Lee',
|
|
239
254
|
company: 'Disney Studios',
|
|
240
255
|
year: 2013,
|
|
@@ -247,6 +262,7 @@ var ROWS = [{
|
|
|
247
262
|
id: 17,
|
|
248
263
|
title: 'Beauty and the Beast',
|
|
249
264
|
gross: 1263521136,
|
|
265
|
+
budget: 160000000,
|
|
250
266
|
director: 'Bill Condon',
|
|
251
267
|
company: 'Disney Studios',
|
|
252
268
|
year: 2017,
|
|
@@ -258,6 +274,7 @@ var ROWS = [{
|
|
|
258
274
|
id: 18,
|
|
259
275
|
title: 'Incredibles 2',
|
|
260
276
|
gross: 1242805359,
|
|
277
|
+
budget: 200000000,
|
|
261
278
|
director: 'Brad Bird',
|
|
262
279
|
company: 'Disney Studios',
|
|
263
280
|
year: 2018,
|
|
@@ -269,6 +286,7 @@ var ROWS = [{
|
|
|
269
286
|
id: 19,
|
|
270
287
|
title: 'The Fate of the Furious',
|
|
271
288
|
gross: 1238764765,
|
|
289
|
+
budget: 250000000,
|
|
272
290
|
director: 'F. Gary Gray',
|
|
273
291
|
company: 'Universal Pictures',
|
|
274
292
|
year: 2017,
|
|
@@ -281,6 +299,7 @@ var ROWS = [{
|
|
|
281
299
|
id: 20,
|
|
282
300
|
title: 'Iron Man 3',
|
|
283
301
|
gross: 1214811252,
|
|
302
|
+
budget: 200000000,
|
|
284
303
|
director: 'Shane Black',
|
|
285
304
|
company: 'Disney Studios',
|
|
286
305
|
year: 2013,
|
|
@@ -293,6 +312,7 @@ var ROWS = [{
|
|
|
293
312
|
id: 21,
|
|
294
313
|
title: 'Minions',
|
|
295
314
|
gross: 1159398397,
|
|
315
|
+
budget: 74000000,
|
|
296
316
|
director: 'Pierre Coffin & Kyle Balda',
|
|
297
317
|
company: 'Universal Pictures',
|
|
298
318
|
year: 2015,
|
|
@@ -304,6 +324,7 @@ var ROWS = [{
|
|
|
304
324
|
id: 22,
|
|
305
325
|
title: 'Captain America: Civil War',
|
|
306
326
|
gross: 1153329473,
|
|
327
|
+
budget: 250000000,
|
|
307
328
|
director: 'Anthony & Joe Russo',
|
|
308
329
|
company: 'Disney Studios',
|
|
309
330
|
year: 2016,
|
|
@@ -316,6 +337,7 @@ var ROWS = [{
|
|
|
316
337
|
id: 23,
|
|
317
338
|
title: 'Aquaman',
|
|
318
339
|
gross: 1148485886,
|
|
340
|
+
budget: 160000000,
|
|
319
341
|
director: 'James Wan',
|
|
320
342
|
company: 'Warner Bros. Pictures',
|
|
321
343
|
year: 2018,
|
|
@@ -328,6 +350,7 @@ var ROWS = [{
|
|
|
328
350
|
id: 24,
|
|
329
351
|
title: 'The Lord of the Rings: The Return of the King',
|
|
330
352
|
gross: 1146030912,
|
|
353
|
+
budget: 94000000,
|
|
331
354
|
director: 'Peter Jackson',
|
|
332
355
|
company: 'New Line Cinema',
|
|
333
356
|
year: 2003,
|
|
@@ -340,6 +363,7 @@ var ROWS = [{
|
|
|
340
363
|
id: 25,
|
|
341
364
|
title: 'Spider-Man: Far From Home',
|
|
342
365
|
gross: 1131927996,
|
|
366
|
+
budget: 160000000,
|
|
343
367
|
director: 'Jon Watts',
|
|
344
368
|
company: 'Disney Studios',
|
|
345
369
|
year: 2019,
|
|
@@ -352,6 +376,7 @@ var ROWS = [{
|
|
|
352
376
|
id: 26,
|
|
353
377
|
title: 'Captain Marvel',
|
|
354
378
|
gross: 1128274794,
|
|
379
|
+
budget: 152000000,
|
|
355
380
|
director: 'Anna Boden & Ryan Fleck',
|
|
356
381
|
company: 'Disney Studios',
|
|
357
382
|
year: 2019,
|
|
@@ -364,6 +389,7 @@ var ROWS = [{
|
|
|
364
389
|
id: 27,
|
|
365
390
|
title: 'Transformers: Dark of the Moon',
|
|
366
391
|
gross: 1123794079,
|
|
392
|
+
budget: 195000000,
|
|
367
393
|
director: 'Michael Bay',
|
|
368
394
|
company: 'Paramount Pictures',
|
|
369
395
|
year: 2011,
|
|
@@ -376,6 +402,7 @@ var ROWS = [{
|
|
|
376
402
|
id: 28,
|
|
377
403
|
title: 'Skyfall',
|
|
378
404
|
gross: 1108561013,
|
|
405
|
+
budget: 200000000,
|
|
379
406
|
director: 'Sam Mendes',
|
|
380
407
|
company: '20th Century Fox',
|
|
381
408
|
year: 2012,
|
|
@@ -388,6 +415,7 @@ var ROWS = [{
|
|
|
388
415
|
id: 29,
|
|
389
416
|
title: 'Transformers: Age of Extinction',
|
|
390
417
|
gross: 1104054072,
|
|
418
|
+
budget: 210000000,
|
|
391
419
|
director: 'Michael Bay',
|
|
392
420
|
company: 'Paramount Pictures',
|
|
393
421
|
year: 2014,
|
|
@@ -400,6 +428,7 @@ var ROWS = [{
|
|
|
400
428
|
id: 30,
|
|
401
429
|
title: 'The Dark Knight Rises',
|
|
402
430
|
gross: 1081142612,
|
|
431
|
+
budget: 250000000,
|
|
403
432
|
director: 'Christopher Nolan',
|
|
404
433
|
company: 'Warner Bros. Pictures',
|
|
405
434
|
year: 2012,
|
|
@@ -412,6 +441,7 @@ var ROWS = [{
|
|
|
412
441
|
id: 31,
|
|
413
442
|
title: 'Joker',
|
|
414
443
|
gross: 1074251311,
|
|
444
|
+
budget: 55000000,
|
|
415
445
|
director: 'Todd Phillips',
|
|
416
446
|
company: 'Warner Bros. Pictures',
|
|
417
447
|
year: 2019,
|
|
@@ -424,6 +454,7 @@ var ROWS = [{
|
|
|
424
454
|
id: 32,
|
|
425
455
|
title: 'Star Wars: The Rise of Skywalker',
|
|
426
456
|
gross: 1074144248,
|
|
457
|
+
budget: 275000000,
|
|
427
458
|
director: 'J. J. Abrams',
|
|
428
459
|
company: 'Disney Studios',
|
|
429
460
|
year: 2019,
|
|
@@ -436,6 +467,7 @@ var ROWS = [{
|
|
|
436
467
|
id: 33,
|
|
437
468
|
title: 'Toy Story 4',
|
|
438
469
|
gross: 1073394593,
|
|
470
|
+
budget: 200000000,
|
|
439
471
|
director: 'Josh Cooley',
|
|
440
472
|
company: 'Disney Studios',
|
|
441
473
|
year: 2019,
|
|
@@ -448,6 +480,7 @@ var ROWS = [{
|
|
|
448
480
|
id: 34,
|
|
449
481
|
title: 'Toy Story 3',
|
|
450
482
|
gross: 1066969703,
|
|
483
|
+
budget: 200000000,
|
|
451
484
|
director: 'Lee Unkrich',
|
|
452
485
|
company: 'Disney Studios',
|
|
453
486
|
year: 2010,
|
package/legacy/hooks/useQuery.js
CHANGED
|
@@ -7,31 +7,26 @@ import * as React from 'react';
|
|
|
7
7
|
import { getGridDefaultColumnTypes, GridLinkOperator } from '@mui/x-data-grid-pro';
|
|
8
8
|
import { isDeepEqual } from '@mui/x-data-grid/internals';
|
|
9
9
|
import { useDemoData, getColumnsFromOptions, getInitialState } from './useDemoData';
|
|
10
|
-
|
|
11
10
|
var simplifiedValueGetter = function simplifiedValueGetter(field, colDef) {
|
|
12
11
|
return function (row) {
|
|
13
12
|
var _colDef$valueGetter;
|
|
14
|
-
|
|
15
13
|
var params = {
|
|
16
14
|
id: row.id,
|
|
17
15
|
row: row,
|
|
18
16
|
field: field,
|
|
19
17
|
rowNode: {}
|
|
20
|
-
};
|
|
21
|
-
|
|
18
|
+
};
|
|
19
|
+
// @ts-ignore
|
|
22
20
|
return ((_colDef$valueGetter = colDef.valueGetter) == null ? void 0 : _colDef$valueGetter.call(colDef, params)) || row[field];
|
|
23
21
|
};
|
|
24
22
|
};
|
|
25
|
-
|
|
26
23
|
var getRowComparator = function getRowComparator(sortModel, columnsWithDefaultColDef) {
|
|
27
24
|
if (!sortModel) {
|
|
28
25
|
var _comparator = function _comparator() {
|
|
29
26
|
return 0;
|
|
30
27
|
};
|
|
31
|
-
|
|
32
28
|
return _comparator;
|
|
33
29
|
}
|
|
34
|
-
|
|
35
30
|
var sortOperators = sortModel.map(function (sortItem) {
|
|
36
31
|
var columnField = sortItem.field;
|
|
37
32
|
var colDef = columnsWithDefaultColDef.find(function (_ref) {
|
|
@@ -43,66 +38,54 @@ var getRowComparator = function getRowComparator(sortModel, columnsWithDefaultCo
|
|
|
43
38
|
sortComparator: colDef.sortComparator
|
|
44
39
|
});
|
|
45
40
|
});
|
|
46
|
-
|
|
47
41
|
var comparator = function comparator(row1, row2) {
|
|
48
42
|
return sortOperators.reduce(function (acc, _ref2) {
|
|
49
43
|
var valueGetter = _ref2.valueGetter,
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
44
|
+
sort = _ref2.sort,
|
|
45
|
+
sortComparator = _ref2.sortComparator;
|
|
53
46
|
if (acc !== 0) {
|
|
54
47
|
return acc;
|
|
55
48
|
}
|
|
56
|
-
|
|
57
49
|
var v1 = valueGetter(row1);
|
|
58
50
|
var v2 = valueGetter(row2);
|
|
59
51
|
return sort === 'desc' ? -1 * sortComparator(v1, v2) : sortComparator(v1, v2);
|
|
60
52
|
}, 0);
|
|
61
53
|
};
|
|
62
|
-
|
|
63
54
|
return comparator;
|
|
64
55
|
};
|
|
65
|
-
|
|
66
56
|
var getFilteredRows = function getFilteredRows(rows, filterModel, columnsWithDefaultColDef) {
|
|
67
57
|
if (filterModel === undefined || filterModel.items.length === 0) {
|
|
68
58
|
return rows;
|
|
69
59
|
}
|
|
70
|
-
|
|
71
60
|
var valueGetters = filterModel.items.map(function (_ref3) {
|
|
72
|
-
var
|
|
73
|
-
return simplifiedValueGetter(
|
|
74
|
-
|
|
75
|
-
return field === columnField;
|
|
61
|
+
var field = _ref3.field;
|
|
62
|
+
return simplifiedValueGetter(field, columnsWithDefaultColDef.find(function (column) {
|
|
63
|
+
return column.field === field;
|
|
76
64
|
}));
|
|
77
65
|
});
|
|
78
66
|
var filterFunctions = filterModel.items.map(function (filterItem) {
|
|
79
|
-
var
|
|
80
|
-
|
|
81
|
-
var colDef = columnsWithDefaultColDef.find(function (
|
|
82
|
-
|
|
83
|
-
return field === columnField;
|
|
67
|
+
var field = filterItem.field,
|
|
68
|
+
operator = filterItem.operator;
|
|
69
|
+
var colDef = columnsWithDefaultColDef.find(function (column) {
|
|
70
|
+
return column.field === field;
|
|
84
71
|
});
|
|
85
|
-
var filterOperator = colDef.filterOperators.find(function (
|
|
86
|
-
var value =
|
|
87
|
-
return
|
|
72
|
+
var filterOperator = colDef.filterOperators.find(function (_ref4) {
|
|
73
|
+
var value = _ref4.value;
|
|
74
|
+
return operator === value;
|
|
88
75
|
});
|
|
89
76
|
var parsedValue = filterItem.value;
|
|
90
|
-
|
|
91
77
|
if (colDef.valueParser) {
|
|
92
78
|
var _filterItem$value;
|
|
93
|
-
|
|
94
79
|
var parser = colDef.valueParser;
|
|
95
80
|
parsedValue = Array.isArray(filterItem.value) ? (_filterItem$value = filterItem.value) == null ? void 0 : _filterItem$value.map(function (x) {
|
|
96
81
|
return parser(x);
|
|
97
82
|
}) : parser(filterItem.value);
|
|
98
83
|
}
|
|
99
|
-
|
|
100
84
|
return filterOperator == null ? void 0 : filterOperator.getApplyFilterFn({
|
|
101
85
|
filterItem: filterItem,
|
|
102
86
|
value: parsedValue
|
|
103
87
|
}, colDef);
|
|
104
88
|
});
|
|
105
|
-
|
|
106
89
|
if (filterModel.linkOperator === GridLinkOperator.Or) {
|
|
107
90
|
return rows.filter(function (row) {
|
|
108
91
|
return filterModel.items.some(function (_, index) {
|
|
@@ -113,7 +96,6 @@ var getFilteredRows = function getFilteredRows(rows, filterModel, columnsWithDef
|
|
|
113
96
|
});
|
|
114
97
|
});
|
|
115
98
|
}
|
|
116
|
-
|
|
117
99
|
return rows.filter(function (row) {
|
|
118
100
|
return filterModel.items.every(function (_, index) {
|
|
119
101
|
var value = valueGetters[index](row);
|
|
@@ -123,27 +105,24 @@ var getFilteredRows = function getFilteredRows(rows, filterModel, columnsWithDef
|
|
|
123
105
|
});
|
|
124
106
|
});
|
|
125
107
|
};
|
|
108
|
+
|
|
126
109
|
/**
|
|
127
110
|
* Simulates server data loading
|
|
128
111
|
*/
|
|
129
|
-
|
|
130
|
-
|
|
131
112
|
export var loadServerRows = function loadServerRows(rows, queryOptions, serverOptions, columnsWithDefaultColDef) {
|
|
132
113
|
var _serverOptions$minDel = serverOptions.minDelay,
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
114
|
+
minDelay = _serverOptions$minDel === void 0 ? 100 : _serverOptions$minDel,
|
|
115
|
+
_serverOptions$maxDel = serverOptions.maxDelay,
|
|
116
|
+
maxDelay = _serverOptions$maxDel === void 0 ? 300 : _serverOptions$maxDel,
|
|
117
|
+
useCursorPagination = serverOptions.useCursorPagination;
|
|
138
118
|
if (maxDelay < minDelay) {
|
|
139
119
|
throw new Error('serverOptions.minDelay is larger than serverOptions.maxDelay ');
|
|
140
120
|
}
|
|
141
|
-
|
|
142
121
|
var delay = Math.random() * (maxDelay - minDelay) + minDelay;
|
|
143
122
|
var cursor = queryOptions.cursor,
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
123
|
+
_queryOptions$page = queryOptions.page,
|
|
124
|
+
page = _queryOptions$page === void 0 ? 0 : _queryOptions$page,
|
|
125
|
+
pageSize = queryOptions.pageSize;
|
|
147
126
|
var nextCursor;
|
|
148
127
|
var firstRowIndex;
|
|
149
128
|
var lastRowIndex;
|
|
@@ -151,24 +130,21 @@ export var loadServerRows = function loadServerRows(rows, queryOptions, serverOp
|
|
|
151
130
|
var rowComparator = getRowComparator(queryOptions.sortModel, columnsWithDefaultColDef);
|
|
152
131
|
filteredRows = _toConsumableArray(filteredRows).sort(rowComparator);
|
|
153
132
|
var totalRowCount = filteredRows.length;
|
|
154
|
-
|
|
155
133
|
if (!pageSize) {
|
|
156
134
|
firstRowIndex = 0;
|
|
157
135
|
lastRowIndex = filteredRows.length;
|
|
158
136
|
} else if (useCursorPagination) {
|
|
159
|
-
firstRowIndex = cursor ? filteredRows.findIndex(function (
|
|
160
|
-
var id =
|
|
137
|
+
firstRowIndex = cursor ? filteredRows.findIndex(function (_ref5) {
|
|
138
|
+
var id = _ref5.id;
|
|
161
139
|
return id === cursor;
|
|
162
140
|
}) : 0;
|
|
163
141
|
firstRowIndex = Math.max(firstRowIndex, 0); // if cursor not found return 0
|
|
164
|
-
|
|
165
142
|
lastRowIndex = firstRowIndex + pageSize;
|
|
166
143
|
nextCursor = lastRowIndex >= filteredRows.length ? undefined : filteredRows[lastRowIndex].id;
|
|
167
144
|
} else {
|
|
168
145
|
firstRowIndex = page * pageSize;
|
|
169
146
|
lastRowIndex = (page + 1) * pageSize;
|
|
170
147
|
}
|
|
171
|
-
|
|
172
148
|
var response = {
|
|
173
149
|
returnedRows: filteredRows.slice(firstRowIndex, lastRowIndex),
|
|
174
150
|
nextCursor: nextCursor,
|
|
@@ -180,6 +156,7 @@ export var loadServerRows = function loadServerRows(rows, queryOptions, serverOp
|
|
|
180
156
|
}, delay); // simulate network latency
|
|
181
157
|
});
|
|
182
158
|
};
|
|
159
|
+
|
|
183
160
|
var DEFAULT_DATASET_OPTIONS = {
|
|
184
161
|
dataSet: 'Commodity',
|
|
185
162
|
rowLength: 100,
|
|
@@ -193,42 +170,34 @@ var DEFAULT_SERVER_OPTIONS = {
|
|
|
193
170
|
};
|
|
194
171
|
export var createFakeServer = function createFakeServer(dataSetOptions, serverOptions) {
|
|
195
172
|
var dataSetOptionsWithDefault = _extends({}, DEFAULT_DATASET_OPTIONS, dataSetOptions);
|
|
196
|
-
|
|
197
173
|
var serverOptionsWithDefault = _extends({}, DEFAULT_SERVER_OPTIONS, serverOptions);
|
|
198
|
-
|
|
199
174
|
var columns = getColumnsFromOptions(dataSetOptionsWithDefault);
|
|
200
175
|
var initialState = getInitialState(dataSetOptionsWithDefault, columns);
|
|
201
176
|
var defaultColDef = getGridDefaultColumnTypes();
|
|
202
177
|
var columnsWithDefaultColDef = columns.map(function (column) {
|
|
203
178
|
return _extends({}, defaultColDef[column.type || 'string'], column);
|
|
204
179
|
});
|
|
205
|
-
|
|
206
180
|
var useQuery = function useQuery(queryOptions) {
|
|
207
181
|
var _useDemoData = useDemoData(dataSetOptionsWithDefault),
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
182
|
+
rows = _useDemoData.data.rows,
|
|
183
|
+
dataGenerationIsLoading = _useDemoData.loading;
|
|
211
184
|
var queryOptionsRef = React.useRef(queryOptions);
|
|
212
|
-
|
|
213
185
|
var _React$useState = React.useState({
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
186
|
+
pageInfo: {},
|
|
187
|
+
rows: []
|
|
188
|
+
}),
|
|
189
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
190
|
+
response = _React$useState2[0],
|
|
191
|
+
setResponse = _React$useState2[1];
|
|
221
192
|
var _React$useState3 = React.useState(dataGenerationIsLoading),
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
193
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
194
|
+
isLoading = _React$useState4[0],
|
|
195
|
+
setIsLoading = _React$useState4[1];
|
|
226
196
|
React.useEffect(function () {
|
|
227
197
|
if (dataGenerationIsLoading) {
|
|
228
198
|
// dataset is not ready
|
|
229
199
|
return function () {};
|
|
230
200
|
}
|
|
231
|
-
|
|
232
201
|
queryOptionsRef.current = queryOptions;
|
|
233
202
|
var active = true;
|
|
234
203
|
setIsLoading(true);
|
|
@@ -240,27 +209,22 @@ export var createFakeServer = function createFakeServer(dataSetOptions, serverOp
|
|
|
240
209
|
(function () {
|
|
241
210
|
var _fetchData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
242
211
|
var _yield$loadServerRows, returnedRows, nextCursor, totalRowCount, newRep;
|
|
243
|
-
|
|
244
212
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
245
213
|
while (1) {
|
|
246
214
|
switch (_context.prev = _context.next) {
|
|
247
215
|
case 0:
|
|
248
216
|
_context.next = 2;
|
|
249
217
|
return loadServerRows(rows, queryOptions, serverOptionsWithDefault, columnsWithDefaultColDef);
|
|
250
|
-
|
|
251
218
|
case 2:
|
|
252
219
|
_yield$loadServerRows = _context.sent;
|
|
253
220
|
returnedRows = _yield$loadServerRows.returnedRows;
|
|
254
221
|
nextCursor = _yield$loadServerRows.nextCursor;
|
|
255
222
|
totalRowCount = _yield$loadServerRows.totalRowCount;
|
|
256
|
-
|
|
257
223
|
if (active) {
|
|
258
224
|
_context.next = 8;
|
|
259
225
|
break;
|
|
260
226
|
}
|
|
261
|
-
|
|
262
227
|
return _context.abrupt("return");
|
|
263
|
-
|
|
264
228
|
case 8:
|
|
265
229
|
newRep = {
|
|
266
230
|
rows: returnedRows,
|
|
@@ -274,7 +238,6 @@ export var createFakeServer = function createFakeServer(dataSetOptions, serverOp
|
|
|
274
238
|
return isDeepEqual(prev, newRep) ? prev : newRep;
|
|
275
239
|
});
|
|
276
240
|
setIsLoading(false);
|
|
277
|
-
|
|
278
241
|
case 11:
|
|
279
242
|
case "end":
|
|
280
243
|
return _context.stop();
|
|
@@ -282,24 +245,22 @@ export var createFakeServer = function createFakeServer(dataSetOptions, serverOp
|
|
|
282
245
|
}
|
|
283
246
|
}, _callee);
|
|
284
247
|
}));
|
|
285
|
-
|
|
286
248
|
function fetchData() {
|
|
287
249
|
return _fetchData.apply(this, arguments);
|
|
288
250
|
}
|
|
289
|
-
|
|
290
251
|
return fetchData;
|
|
291
252
|
})()();
|
|
292
253
|
return function () {
|
|
293
254
|
active = false;
|
|
294
255
|
};
|
|
295
|
-
}, [dataGenerationIsLoading, queryOptions, rows]);
|
|
256
|
+
}, [dataGenerationIsLoading, queryOptions, rows]);
|
|
296
257
|
|
|
258
|
+
// We use queryOptions pointer to be sure that isLoading===true as soon as the options change
|
|
297
259
|
var effectShouldStart = queryOptionsRef.current !== queryOptions;
|
|
298
260
|
return _extends({
|
|
299
261
|
isLoading: isLoading || effectShouldStart
|
|
300
262
|
}, response);
|
|
301
263
|
};
|
|
302
|
-
|
|
303
264
|
return {
|
|
304
265
|
columns: columns,
|
|
305
266
|
columnsWithDefaultColDef: columnsWithDefaultColDef,
|
package/legacy/index.js
CHANGED
|
@@ -34,14 +34,13 @@ var Country = /*#__PURE__*/React.memo(function Country(props) {
|
|
|
34
34
|
export function renderCountry(params) {
|
|
35
35
|
if (params.value == null) {
|
|
36
36
|
return '';
|
|
37
|
-
}
|
|
38
|
-
// Then we fall back to the default rendering based on `valueGetter` instead of rendering the total price UI.
|
|
39
|
-
|
|
37
|
+
}
|
|
40
38
|
|
|
39
|
+
// If the aggregated value does not have the same unit as the other cell
|
|
40
|
+
// Then we fall back to the default rendering based on `valueGetter` instead of rendering the total price UI.
|
|
41
41
|
if (params.aggregation && !params.aggregation.hasCellUnit) {
|
|
42
42
|
return null;
|
|
43
43
|
}
|
|
44
|
-
|
|
45
44
|
return /*#__PURE__*/_jsx(Country, {
|
|
46
45
|
value: params.value
|
|
47
46
|
});
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
+
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
1
2
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
3
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
4
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
3
5
|
import * as React from 'react';
|
|
4
6
|
import { useGridApiContext } from '@mui/x-data-grid-premium';
|
|
5
7
|
import Autocomplete, { autocompleteClasses } from '@mui/material/Autocomplete';
|
|
@@ -22,27 +24,39 @@ var StyledAutocomplete = styled(Autocomplete)(function (_ref) {
|
|
|
22
24
|
}
|
|
23
25
|
}));
|
|
24
26
|
});
|
|
25
|
-
|
|
26
27
|
function EditCountry(props) {
|
|
27
28
|
var id = props.id,
|
|
28
|
-
|
|
29
|
-
|
|
29
|
+
value = props.value,
|
|
30
|
+
field = props.field;
|
|
30
31
|
var apiRef = useGridApiContext();
|
|
31
|
-
var handleChange = React.useCallback(function (
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
32
|
+
var handleChange = React.useCallback( /*#__PURE__*/function () {
|
|
33
|
+
var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event, newValue) {
|
|
34
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
35
|
+
while (1) {
|
|
36
|
+
switch (_context.prev = _context.next) {
|
|
37
|
+
case 0:
|
|
38
|
+
_context.next = 2;
|
|
39
|
+
return apiRef.current.setEditCellValue({
|
|
40
|
+
id: id,
|
|
41
|
+
field: field,
|
|
42
|
+
value: newValue
|
|
43
|
+
}, event);
|
|
44
|
+
case 2:
|
|
45
|
+
apiRef.current.stopCellEditMode({
|
|
46
|
+
id: id,
|
|
47
|
+
field: field
|
|
48
|
+
});
|
|
49
|
+
case 3:
|
|
50
|
+
case "end":
|
|
51
|
+
return _context.stop();
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}, _callee);
|
|
55
|
+
}));
|
|
56
|
+
return function (_x, _x2) {
|
|
57
|
+
return _ref3.apply(this, arguments);
|
|
58
|
+
};
|
|
59
|
+
}(), [apiRef, field, id]);
|
|
46
60
|
return /*#__PURE__*/_jsx(StyledAutocomplete, {
|
|
47
61
|
value: value,
|
|
48
62
|
onChange: handleChange,
|
|
@@ -80,13 +94,11 @@ function EditCountry(props) {
|
|
|
80
94
|
id: params.id,
|
|
81
95
|
inputProps: _extends({}, params.inputProps, {
|
|
82
96
|
autoComplete: 'new-password' // disable autocomplete and autofill
|
|
83
|
-
|
|
84
97
|
})
|
|
85
98
|
}, params.InputProps));
|
|
86
99
|
}
|
|
87
100
|
});
|
|
88
101
|
}
|
|
89
|
-
|
|
90
102
|
export function renderEditCountry(params) {
|
|
91
103
|
return /*#__PURE__*/_jsx(EditCountry, _extends({}, params));
|
|
92
104
|
}
|