@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.
Files changed (118) hide show
  1. package/CHANGELOG.md +1428 -138
  2. package/columns/commodities.columns.js +6 -10
  3. package/columns/employees.columns.js +1 -2
  4. package/hooks/useDemoData.js +9 -31
  5. package/hooks/useMovieData.d.ts +1 -0
  6. package/hooks/useMovieData.js +35 -1
  7. package/hooks/useQuery.d.ts +6 -6
  8. package/hooks/useQuery.js +11 -43
  9. package/index.js +1 -1
  10. package/legacy/columns/commodities.columns.js +6 -10
  11. package/legacy/columns/employees.columns.js +1 -3
  12. package/legacy/hooks/useBasicDemoData.js +6 -7
  13. package/legacy/hooks/useDemoData.js +28 -70
  14. package/legacy/hooks/useMovieData.js +35 -2
  15. package/legacy/hooks/useQuery.js +38 -77
  16. package/legacy/index.js +1 -1
  17. package/legacy/renderer/renderAvatar.js +0 -1
  18. package/legacy/renderer/renderCountry.js +3 -4
  19. package/legacy/renderer/renderEditCountry.js +32 -20
  20. package/legacy/renderer/renderEditCurrency.js +32 -20
  21. package/legacy/renderer/renderEditIncoterm.js +36 -26
  22. package/legacy/renderer/renderEditProgress.js +10 -20
  23. package/legacy/renderer/renderEditRating.js +32 -23
  24. package/legacy/renderer/renderEditStatus.js +2 -15
  25. package/legacy/renderer/renderEmail.js +0 -1
  26. package/legacy/renderer/renderIncoterm.js +0 -2
  27. package/legacy/renderer/renderLink.js +1 -3
  28. package/legacy/renderer/renderPnl.js +0 -3
  29. package/legacy/renderer/renderProgress.js +4 -5
  30. package/legacy/renderer/renderRating.js +3 -4
  31. package/legacy/renderer/renderStatus.js +9 -14
  32. package/legacy/renderer/renderTotalPrice.js +5 -6
  33. package/legacy/services/asyncWorker.js +4 -7
  34. package/legacy/services/basic-data-service.js +0 -5
  35. package/legacy/services/random-generator.js +6 -20
  36. package/legacy/services/real-data-service.js +0 -9
  37. package/legacy/services/tree-data-generator.js +6 -22
  38. package/modern/columns/commodities.columns.js +6 -10
  39. package/modern/columns/employees.columns.js +1 -2
  40. package/modern/hooks/useDemoData.js +9 -27
  41. package/modern/hooks/useMovieData.js +35 -1
  42. package/modern/hooks/useQuery.js +11 -41
  43. package/modern/index.js +1 -1
  44. package/modern/renderer/renderAvatar.js +0 -1
  45. package/modern/renderer/renderCountry.js +3 -4
  46. package/modern/renderer/renderEditCountry.js +6 -13
  47. package/modern/renderer/renderEditCurrency.js +6 -13
  48. package/modern/renderer/renderEditIncoterm.js +7 -16
  49. package/modern/renderer/renderEditProgress.js +3 -10
  50. package/modern/renderer/renderEditRating.js +7 -17
  51. package/modern/renderer/renderEditStatus.js +0 -10
  52. package/modern/renderer/renderIncoterm.js +0 -2
  53. package/modern/renderer/renderLink.js +1 -3
  54. package/modern/renderer/renderPnl.js +0 -3
  55. package/modern/renderer/renderProgress.js +4 -5
  56. package/modern/renderer/renderRating.js +3 -4
  57. package/modern/renderer/renderStatus.js +9 -14
  58. package/modern/renderer/renderTotalPrice.js +5 -6
  59. package/modern/services/asyncWorker.js +2 -4
  60. package/modern/services/basic-data-service.js +0 -5
  61. package/modern/services/random-generator.js +6 -19
  62. package/modern/services/real-data-service.js +0 -9
  63. package/modern/services/tree-data-generator.js +0 -14
  64. package/node/columns/commodities.columns.js +7 -17
  65. package/node/columns/employees.columns.js +2 -9
  66. package/node/columns/index.js +0 -4
  67. package/node/hooks/index.js +0 -8
  68. package/node/hooks/useBasicDemoData.js +0 -6
  69. package/node/hooks/useDemoData.js +17 -62
  70. package/node/hooks/useMovieData.js +35 -3
  71. package/node/hooks/useQuery.js +13 -57
  72. package/node/index.js +1 -9
  73. package/node/renderer/index.js +0 -32
  74. package/node/renderer/renderAvatar.js +0 -8
  75. package/node/renderer/renderCountry.js +3 -12
  76. package/node/renderer/renderEditCountry.js +6 -26
  77. package/node/renderer/renderEditCurrency.js +6 -26
  78. package/node/renderer/renderEditIncoterm.js +7 -28
  79. package/node/renderer/renderEditProgress.js +4 -24
  80. package/node/renderer/renderEditRating.js +7 -26
  81. package/node/renderer/renderEditStatus.js +0 -26
  82. package/node/renderer/renderEmail.js +1 -9
  83. package/node/renderer/renderIncoterm.js +0 -12
  84. package/node/renderer/renderLink.js +1 -10
  85. package/node/renderer/renderPnl.js +0 -12
  86. package/node/renderer/renderProgress.js +4 -14
  87. package/node/renderer/renderRating.js +3 -13
  88. package/node/renderer/renderStatus.js +9 -27
  89. package/node/renderer/renderTotalPrice.js +5 -15
  90. package/node/services/asyncWorker.js +2 -5
  91. package/node/services/basic-data-service.js +0 -7
  92. package/node/services/index.js +0 -8
  93. package/node/services/random-generator.js +7 -105
  94. package/node/services/real-data-service.js +0 -12
  95. package/node/services/static-data.js +0 -2
  96. package/node/services/tree-data-generator.js +1 -22
  97. package/package.json +7 -7
  98. package/renderer/renderAvatar.js +0 -1
  99. package/renderer/renderCountry.js +3 -4
  100. package/renderer/renderEditCountry.js +6 -13
  101. package/renderer/renderEditCurrency.js +6 -13
  102. package/renderer/renderEditIncoterm.js +7 -16
  103. package/renderer/renderEditProgress.js +3 -10
  104. package/renderer/renderEditRating.js +7 -17
  105. package/renderer/renderEditStatus.js +0 -10
  106. package/renderer/renderEmail.js +0 -1
  107. package/renderer/renderIncoterm.js +0 -2
  108. package/renderer/renderLink.js +1 -3
  109. package/renderer/renderPnl.js +0 -3
  110. package/renderer/renderProgress.js +4 -5
  111. package/renderer/renderRating.js +3 -4
  112. package/renderer/renderStatus.js +9 -14
  113. package/renderer/renderTotalPrice.js +5 -6
  114. package/services/asyncWorker.js +2 -4
  115. package/services/basic-data-service.js +0 -5
  116. package/services/random-generator.js +6 -20
  117. package/services/real-data-service.js +0 -9
  118. 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,
@@ -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
- }; // @ts-ignore
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
- sort = _ref2.sort,
51
- sortComparator = _ref2.sortComparator;
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 columnField = _ref3.columnField;
73
- return simplifiedValueGetter(columnField, columnsWithDefaultColDef.find(function (_ref4) {
74
- var field = _ref4.field;
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 columnField = filterItem.columnField,
80
- operatorValue = filterItem.operatorValue;
81
- var colDef = columnsWithDefaultColDef.find(function (_ref5) {
82
- var field = _ref5.field;
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 (_ref6) {
86
- var value = _ref6.value;
87
- return operatorValue === value;
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
- minDelay = _serverOptions$minDel === void 0 ? 100 : _serverOptions$minDel,
134
- _serverOptions$maxDel = serverOptions.maxDelay,
135
- maxDelay = _serverOptions$maxDel === void 0 ? 300 : _serverOptions$maxDel,
136
- useCursorPagination = serverOptions.useCursorPagination;
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
- _queryOptions$page = queryOptions.page,
145
- page = _queryOptions$page === void 0 ? 0 : _queryOptions$page,
146
- pageSize = queryOptions.pageSize;
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 (_ref7) {
160
- var id = _ref7.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
- rows = _useDemoData.data.rows,
209
- dataGenerationIsLoading = _useDemoData.loading;
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
- pageInfo: {},
215
- rows: []
216
- }),
217
- _React$useState2 = _slicedToArray(_React$useState, 2),
218
- response = _React$useState2[0],
219
- setResponse = _React$useState2[1];
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
- _React$useState4 = _slicedToArray(_React$useState3, 2),
223
- isLoading = _React$useState4[0],
224
- setIsLoading = _React$useState4[1];
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]); // We use queryOptions pointer to be sure that isLoading===true as soon as the options change
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
@@ -1,4 +1,4 @@
1
- /** @license MUI v6.0.0-alpha.0
1
+ /** @license MUI v6.0.0-alpha.10
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
@@ -5,7 +5,6 @@ export function renderAvatar(params) {
5
5
  if (params.value == null) {
6
6
  return '';
7
7
  }
8
-
9
8
  return /*#__PURE__*/_jsx(Avatar, {
10
9
  style: {
11
10
  backgroundColor: params.value.color
@@ -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
- } // If the aggregated value does not have the same unit as the other cell
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
- value = props.value,
29
- field = props.field;
29
+ value = props.value,
30
+ field = props.field;
30
31
  var apiRef = useGridApiContext();
31
- var handleChange = React.useCallback(function (event, newValue) {
32
- apiRef.current.setEditCellValue({
33
- id: id,
34
- field: field,
35
- value: newValue
36
- }, event);
37
-
38
- if (!event.key) {
39
- apiRef.current.commitCellChange({
40
- id: id,
41
- field: field
42
- });
43
- apiRef.current.setCellMode(id, field, 'view');
44
- }
45
- }, [apiRef, field, id]);
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
  }