@mui/x-data-grid-generator 6.0.0-alpha.8 → 6.0.0-alpha.9

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 (116) hide show
  1. package/CHANGELOG.md +129 -15
  2. package/columns/commodities.columns.js +0 -1
  3. package/columns/employees.columns.js +0 -1
  4. package/hooks/useDemoData.js +9 -31
  5. package/hooks/useMovieData.js +0 -1
  6. package/hooks/useQuery.js +6 -34
  7. package/index.js +1 -1
  8. package/legacy/columns/commodities.columns.js +0 -1
  9. package/legacy/columns/employees.columns.js +0 -2
  10. package/legacy/hooks/useBasicDemoData.js +6 -7
  11. package/legacy/hooks/useDemoData.js +28 -70
  12. package/legacy/hooks/useMovieData.js +0 -2
  13. package/legacy/hooks/useQuery.js +27 -64
  14. package/legacy/index.js +1 -1
  15. package/legacy/renderer/renderAvatar.js +0 -1
  16. package/legacy/renderer/renderCountry.js +3 -4
  17. package/legacy/renderer/renderEditCountry.js +2 -8
  18. package/legacy/renderer/renderEditCurrency.js +2 -8
  19. package/legacy/renderer/renderEditIncoterm.js +2 -10
  20. package/legacy/renderer/renderEditProgress.js +7 -17
  21. package/legacy/renderer/renderEditRating.js +2 -10
  22. package/legacy/renderer/renderEditStatus.js +2 -15
  23. package/legacy/renderer/renderEmail.js +0 -1
  24. package/legacy/renderer/renderIncoterm.js +0 -2
  25. package/legacy/renderer/renderLink.js +0 -2
  26. package/legacy/renderer/renderPnl.js +0 -3
  27. package/legacy/renderer/renderProgress.js +4 -5
  28. package/legacy/renderer/renderRating.js +3 -4
  29. package/legacy/renderer/renderStatus.js +8 -13
  30. package/legacy/renderer/renderTotalPrice.js +5 -6
  31. package/legacy/services/asyncWorker.js +4 -7
  32. package/legacy/services/basic-data-service.js +0 -5
  33. package/legacy/services/random-generator.js +6 -20
  34. package/legacy/services/real-data-service.js +0 -9
  35. package/legacy/services/tree-data-generator.js +6 -22
  36. package/modern/columns/commodities.columns.js +0 -1
  37. package/modern/columns/employees.columns.js +0 -1
  38. package/modern/hooks/useDemoData.js +9 -27
  39. package/modern/hooks/useMovieData.js +0 -1
  40. package/modern/hooks/useQuery.js +6 -32
  41. package/modern/index.js +1 -1
  42. package/modern/renderer/renderAvatar.js +0 -1
  43. package/modern/renderer/renderCountry.js +3 -4
  44. package/modern/renderer/renderEditCountry.js +0 -3
  45. package/modern/renderer/renderEditCurrency.js +0 -3
  46. package/modern/renderer/renderEditIncoterm.js +0 -5
  47. package/modern/renderer/renderEditProgress.js +0 -7
  48. package/modern/renderer/renderEditRating.js +0 -5
  49. package/modern/renderer/renderEditStatus.js +0 -10
  50. package/modern/renderer/renderIncoterm.js +0 -2
  51. package/modern/renderer/renderLink.js +0 -2
  52. package/modern/renderer/renderPnl.js +0 -3
  53. package/modern/renderer/renderProgress.js +4 -5
  54. package/modern/renderer/renderRating.js +3 -4
  55. package/modern/renderer/renderStatus.js +8 -13
  56. package/modern/renderer/renderTotalPrice.js +5 -6
  57. package/modern/services/asyncWorker.js +2 -4
  58. package/modern/services/basic-data-service.js +0 -5
  59. package/modern/services/random-generator.js +6 -19
  60. package/modern/services/real-data-service.js +0 -9
  61. package/modern/services/tree-data-generator.js +0 -14
  62. package/node/columns/commodities.columns.js +1 -8
  63. package/node/columns/employees.columns.js +1 -8
  64. package/node/columns/index.js +0 -4
  65. package/node/hooks/index.js +0 -8
  66. package/node/hooks/useBasicDemoData.js +0 -6
  67. package/node/hooks/useDemoData.js +17 -62
  68. package/node/hooks/useMovieData.js +0 -3
  69. package/node/hooks/useQuery.js +8 -48
  70. package/node/index.js +1 -9
  71. package/node/renderer/index.js +0 -32
  72. package/node/renderer/renderAvatar.js +0 -8
  73. package/node/renderer/renderCountry.js +3 -12
  74. package/node/renderer/renderEditCountry.js +0 -16
  75. package/node/renderer/renderEditCurrency.js +0 -16
  76. package/node/renderer/renderEditIncoterm.js +0 -17
  77. package/node/renderer/renderEditProgress.js +0 -20
  78. package/node/renderer/renderEditRating.js +0 -14
  79. package/node/renderer/renderEditStatus.js +0 -26
  80. package/node/renderer/renderEmail.js +1 -9
  81. package/node/renderer/renderIncoterm.js +0 -12
  82. package/node/renderer/renderLink.js +0 -9
  83. package/node/renderer/renderPnl.js +0 -12
  84. package/node/renderer/renderProgress.js +4 -14
  85. package/node/renderer/renderRating.js +3 -13
  86. package/node/renderer/renderStatus.js +8 -26
  87. package/node/renderer/renderTotalPrice.js +5 -15
  88. package/node/services/asyncWorker.js +2 -5
  89. package/node/services/basic-data-service.js +0 -7
  90. package/node/services/index.js +0 -8
  91. package/node/services/random-generator.js +7 -105
  92. package/node/services/real-data-service.js +0 -12
  93. package/node/services/static-data.js +0 -2
  94. package/node/services/tree-data-generator.js +1 -22
  95. package/package.json +4 -4
  96. package/renderer/renderAvatar.js +0 -1
  97. package/renderer/renderCountry.js +3 -4
  98. package/renderer/renderEditCountry.js +0 -3
  99. package/renderer/renderEditCurrency.js +0 -3
  100. package/renderer/renderEditIncoterm.js +0 -5
  101. package/renderer/renderEditProgress.js +0 -7
  102. package/renderer/renderEditRating.js +0 -5
  103. package/renderer/renderEditStatus.js +0 -10
  104. package/renderer/renderEmail.js +0 -1
  105. package/renderer/renderIncoterm.js +0 -2
  106. package/renderer/renderLink.js +0 -2
  107. package/renderer/renderPnl.js +0 -3
  108. package/renderer/renderProgress.js +4 -5
  109. package/renderer/renderRating.js +3 -4
  110. package/renderer/renderStatus.js +8 -13
  111. package/renderer/renderTotalPrice.js +5 -6
  112. package/services/asyncWorker.js +2 -4
  113. package/services/basic-data-service.js +0 -5
  114. package/services/random-generator.js +6 -20
  115. package/services/real-data-service.js +0 -9
  116. package/services/tree-data-generator.js +0 -15
@@ -1,36 +1,23 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.useDemoData = exports.getInitialState = exports.getColumnsFromOptions = void 0;
9
-
10
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
9
  var React = _interopRequireWildcard(require("react"));
13
-
14
10
  var _lruCache = _interopRequireDefault(require("lru-cache"));
15
-
16
11
  var _realDataService = require("../services/real-data-service");
17
-
18
12
  var _commodities = require("../columns/commodities.columns");
19
-
20
13
  var _employees = require("../columns/employees.columns");
21
-
22
14
  var _asyncWorker = _interopRequireDefault(require("../services/asyncWorker"));
23
-
24
15
  var _treeDataGenerator = require("../services/tree-data-generator");
25
-
26
16
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
27
-
28
17
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
29
-
30
18
  const dataCache = new _lruCache.default({
31
19
  max: 10,
32
20
  ttl: 60 * 5 * 1e3 // 5 minutes
33
-
34
21
  });
35
22
 
36
23
  // Generate fake data from a seed.
@@ -42,25 +29,20 @@ async function extrapolateSeed(rowLength, data) {
42
29
  const tasks = {
43
30
  current: rowLength - seed.length
44
31
  };
45
-
46
32
  function work() {
47
33
  const row = {};
48
-
49
34
  for (let j = 0; j < data.columns.length; j += 1) {
50
35
  const column = data.columns[j];
51
36
  const index = Math.round(Math.random() * (seed.length - 1));
52
-
53
37
  if (column.field === 'id') {
54
38
  row.id = `id-${tasks.current + seed.length}`;
55
39
  } else {
56
40
  row[column.field] = seed[index][column.field];
57
41
  }
58
42
  }
59
-
60
43
  rows.push(row);
61
44
  tasks.current -= 1;
62
45
  }
63
-
64
46
  (0, _asyncWorker.default)({
65
47
  work,
66
48
  done: () => resolve((0, _extends2.default)({}, data, {
@@ -70,72 +52,53 @@ async function extrapolateSeed(rowLength, data) {
70
52
  });
71
53
  });
72
54
  }
73
-
74
55
  const deepFreeze = object => {
75
56
  // Retrieve the property names defined on object
76
- const propNames = Object.getOwnPropertyNames(object); // Freeze properties before freezing self
77
- // eslint-disable-next-line no-restricted-syntax
57
+ const propNames = Object.getOwnPropertyNames(object);
78
58
 
59
+ // Freeze properties before freezing self
60
+
61
+ // eslint-disable-next-line no-restricted-syntax
79
62
  for (const name of propNames) {
80
63
  const value = object[name];
81
-
82
64
  if (value && typeof value === 'object') {
83
65
  deepFreeze(value);
84
66
  }
85
67
  }
86
-
87
68
  return Object.freeze(object);
88
69
  };
89
-
90
70
  const getColumnsFromOptions = options => {
91
71
  let columns = options.dataSet === 'Commodity' ? (0, _commodities.getCommodityColumns)(options.editable) : (0, _employees.getEmployeeColumns)();
92
-
93
72
  if (options.visibleFields) {
94
- columns = columns.map(col => {
95
- var _options$visibleField;
96
-
97
- return (_options$visibleField = options.visibleFields) != null && _options$visibleField.includes(col.field) ? col : (0, _extends2.default)({}, col, {
98
- hide: true
99
- });
100
- });
73
+ columns = columns.map(col => options.visibleFields?.includes(col.field) ? col : (0, _extends2.default)({}, col, {
74
+ hide: true
75
+ }));
101
76
  }
102
-
103
77
  if (options.maxColumns) {
104
78
  columns = columns.slice(0, options.maxColumns);
105
79
  }
106
-
107
80
  return columns;
108
81
  };
109
-
110
82
  exports.getColumnsFromOptions = getColumnsFromOptions;
111
-
112
83
  const getInitialState = (options, columns) => {
113
- var _options$treeData;
114
-
115
84
  const columnVisibilityModel = {};
116
85
  columns.forEach(col => {
117
86
  if (col.hide) {
118
87
  columnVisibilityModel[col.field] = false;
119
88
  }
120
89
  });
121
- const groupingField = (_options$treeData = options.treeData) == null ? void 0 : _options$treeData.groupingField;
122
-
90
+ const groupingField = options.treeData?.groupingField;
123
91
  if (groupingField) {
124
92
  columnVisibilityModel[groupingField] = false;
125
93
  }
126
-
127
94
  return {
128
95
  columns: {
129
96
  columnVisibilityModel
130
97
  }
131
98
  };
132
99
  };
133
-
134
100
  exports.getInitialState = getInitialState;
135
-
136
101
  const useDemoData = options => {
137
- var _options$treeData5, _options$treeData6, _options$treeData7;
138
-
139
102
  const [rowLength, setRowLength] = React.useState(options.rowLength);
140
103
  const [index, setIndex] = React.useState(0);
141
104
  const [loading, setLoading] = React.useState(true);
@@ -155,54 +118,47 @@ const useDemoData = options => {
155
118
  }, options.treeData);
156
119
  });
157
120
  React.useEffect(() => {
158
- const cacheKey = `${options.dataSet}-${rowLength}-${index}-${options.maxColumns}`; // Cache to allow fast switch between the JavaScript and TypeScript version
159
- // of the demos.
121
+ const cacheKey = `${options.dataSet}-${rowLength}-${index}-${options.maxColumns}`;
160
122
 
123
+ // Cache to allow fast switch between the JavaScript and TypeScript version
124
+ // of the demos.
161
125
  if (dataCache.has(cacheKey)) {
162
126
  const newData = dataCache.get(cacheKey);
163
127
  setData(newData);
164
128
  setLoading(false);
165
129
  return undefined;
166
130
  }
167
-
168
131
  let active = true;
169
-
170
132
  (async () => {
171
- var _options$treeData2, _options$treeData3, _options$treeData4;
172
-
173
133
  setLoading(true);
174
134
  let newData;
175
-
176
135
  if (rowLength > 1000) {
177
136
  newData = await (0, _realDataService.getRealGridData)(1000, columns);
178
137
  newData = await extrapolateSeed(rowLength, newData);
179
138
  } else {
180
139
  newData = await (0, _realDataService.getRealGridData)(rowLength, columns);
181
140
  }
182
-
183
141
  if (!active) {
184
142
  return;
185
143
  }
186
-
187
144
  newData = (0, _treeDataGenerator.addTreeDataOptionsToDemoData)(newData, {
188
- maxDepth: (_options$treeData2 = options.treeData) == null ? void 0 : _options$treeData2.maxDepth,
189
- groupingField: (_options$treeData3 = options.treeData) == null ? void 0 : _options$treeData3.groupingField,
190
- averageChildren: (_options$treeData4 = options.treeData) == null ? void 0 : _options$treeData4.averageChildren
191
- }); // It's quite slow. No need for it in production.
145
+ maxDepth: options.treeData?.maxDepth,
146
+ groupingField: options.treeData?.groupingField,
147
+ averageChildren: options.treeData?.averageChildren
148
+ });
192
149
 
150
+ // It's quite slow. No need for it in production.
193
151
  if (process.env.NODE_ENV !== 'production') {
194
152
  deepFreeze(newData);
195
153
  }
196
-
197
154
  dataCache.set(cacheKey, newData);
198
155
  setData(newData);
199
156
  setLoading(false);
200
157
  })();
201
-
202
158
  return () => {
203
159
  active = false;
204
160
  };
205
- }, [rowLength, options.dataSet, options.maxColumns, (_options$treeData5 = options.treeData) == null ? void 0 : _options$treeData5.maxDepth, (_options$treeData6 = options.treeData) == null ? void 0 : _options$treeData6.groupingField, (_options$treeData7 = options.treeData) == null ? void 0 : _options$treeData7.averageChildren, index, columns]);
161
+ }, [rowLength, options.dataSet, options.maxColumns, options.treeData?.maxDepth, options.treeData?.groupingField, options.treeData?.averageChildren, index, columns]);
206
162
  return {
207
163
  data,
208
164
  loading,
@@ -212,5 +168,4 @@ const useDemoData = options => {
212
168
  }
213
169
  };
214
170
  };
215
-
216
171
  exports.useDemoData = useDemoData;
@@ -27,7 +27,6 @@ const COLUMNS = [{
27
27
  if (!value) {
28
28
  return '';
29
29
  }
30
-
31
30
  return currencyFormatter.format(value);
32
31
  }
33
32
  }, {
@@ -498,12 +497,10 @@ const ROWS = [{
498
497
  name: 'Randy Newman'
499
498
  }
500
499
  }];
501
-
502
500
  const useMovieData = () => {
503
501
  return {
504
502
  rows: ROWS,
505
503
  columns: COLUMNS
506
504
  };
507
505
  };
508
-
509
506
  exports.useMovieData = useMovieData;
@@ -1,46 +1,32 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.loadServerRows = exports.createFakeServer = void 0;
9
-
10
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
9
  var React = _interopRequireWildcard(require("react"));
13
-
14
10
  var _xDataGridPro = require("@mui/x-data-grid-pro");
15
-
16
11
  var _internals = require("@mui/x-data-grid/internals");
17
-
18
12
  var _useDemoData = require("./useDemoData");
19
-
20
13
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
-
22
14
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
-
24
15
  const simplifiedValueGetter = (field, colDef) => row => {
25
- var _colDef$valueGetter;
26
-
27
16
  const params = {
28
17
  id: row.id,
29
18
  row,
30
19
  field,
31
20
  rowNode: {}
32
- }; // @ts-ignore
33
-
34
- return ((_colDef$valueGetter = colDef.valueGetter) == null ? void 0 : _colDef$valueGetter.call(colDef, params)) || row[field];
21
+ };
22
+ // @ts-ignore
23
+ return colDef.valueGetter?.(params) || row[field];
35
24
  };
36
-
37
25
  const getRowComparator = (sortModel, columnsWithDefaultColDef) => {
38
26
  if (!sortModel) {
39
27
  const comparator = () => 0;
40
-
41
28
  return comparator;
42
29
  }
43
-
44
30
  const sortOperators = sortModel.map(sortItem => {
45
31
  const columnField = sortItem.field;
46
32
  const colDef = columnsWithDefaultColDef.find(({
@@ -51,7 +37,6 @@ const getRowComparator = (sortModel, columnsWithDefaultColDef) => {
51
37
  sortComparator: colDef.sortComparator
52
38
  });
53
39
  });
54
-
55
40
  const comparator = (row1, row2) => sortOperators.reduce((acc, {
56
41
  valueGetter,
57
42
  sort,
@@ -60,20 +45,16 @@ const getRowComparator = (sortModel, columnsWithDefaultColDef) => {
60
45
  if (acc !== 0) {
61
46
  return acc;
62
47
  }
63
-
64
48
  const v1 = valueGetter(row1);
65
49
  const v2 = valueGetter(row2);
66
50
  return sort === 'desc' ? -1 * sortComparator(v1, v2) : sortComparator(v1, v2);
67
51
  }, 0);
68
-
69
52
  return comparator;
70
53
  };
71
-
72
54
  const getFilteredRows = (rows, filterModel, columnsWithDefaultColDef) => {
73
55
  if (filterModel === undefined || filterModel.items.length === 0) {
74
56
  return rows;
75
57
  }
76
-
77
58
  const valueGetters = filterModel.items.map(({
78
59
  columnField
79
60
  }) => simplifiedValueGetter(columnField, columnsWithDefaultColDef.find(({
@@ -91,20 +72,15 @@ const getFilteredRows = (rows, filterModel, columnsWithDefaultColDef) => {
91
72
  value
92
73
  }) => operatorValue === value);
93
74
  let parsedValue = filterItem.value;
94
-
95
75
  if (colDef.valueParser) {
96
- var _filterItem$value;
97
-
98
76
  const parser = colDef.valueParser;
99
- parsedValue = Array.isArray(filterItem.value) ? (_filterItem$value = filterItem.value) == null ? void 0 : _filterItem$value.map(x => parser(x)) : parser(filterItem.value);
77
+ parsedValue = Array.isArray(filterItem.value) ? filterItem.value?.map(x => parser(x)) : parser(filterItem.value);
100
78
  }
101
-
102
- return filterOperator == null ? void 0 : filterOperator.getApplyFilterFn({
79
+ return filterOperator?.getApplyFilterFn({
103
80
  filterItem,
104
81
  value: parsedValue
105
82
  }, colDef);
106
83
  });
107
-
108
84
  if (filterModel.linkOperator === _xDataGridPro.GridLinkOperator.Or) {
109
85
  return rows.filter(row => filterModel.items.some((_, index) => {
110
86
  const value = valueGetters[index](row);
@@ -113,7 +89,6 @@ const getFilteredRows = (rows, filterModel, columnsWithDefaultColDef) => {
113
89
  });
114
90
  }));
115
91
  }
116
-
117
92
  return rows.filter(row => filterModel.items.every((_, index) => {
118
93
  const value = valueGetters[index](row);
119
94
  return filterFunctions[index] === null ? true : filterFunctions[index]({
@@ -121,22 +96,19 @@ const getFilteredRows = (rows, filterModel, columnsWithDefaultColDef) => {
121
96
  });
122
97
  }));
123
98
  };
99
+
124
100
  /**
125
101
  * Simulates server data loading
126
102
  */
127
-
128
-
129
103
  const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDefaultColDef) => {
130
104
  const {
131
105
  minDelay = 100,
132
106
  maxDelay = 300,
133
107
  useCursorPagination
134
108
  } = serverOptions;
135
-
136
109
  if (maxDelay < minDelay) {
137
110
  throw new Error('serverOptions.minDelay is larger than serverOptions.maxDelay ');
138
111
  }
139
-
140
112
  const delay = Math.random() * (maxDelay - minDelay) + minDelay;
141
113
  const {
142
114
  cursor,
@@ -150,7 +122,6 @@ const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDefaultCol
150
122
  const rowComparator = getRowComparator(queryOptions.sortModel, columnsWithDefaultColDef);
151
123
  filteredRows = [...filteredRows].sort(rowComparator);
152
124
  const totalRowCount = filteredRows.length;
153
-
154
125
  if (!pageSize) {
155
126
  firstRowIndex = 0;
156
127
  lastRowIndex = filteredRows.length;
@@ -159,14 +130,12 @@ const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDefaultCol
159
130
  id
160
131
  }) => id === cursor) : 0;
161
132
  firstRowIndex = Math.max(firstRowIndex, 0); // if cursor not found return 0
162
-
163
133
  lastRowIndex = firstRowIndex + pageSize;
164
134
  nextCursor = lastRowIndex >= filteredRows.length ? undefined : filteredRows[lastRowIndex].id;
165
135
  } else {
166
136
  firstRowIndex = page * pageSize;
167
137
  lastRowIndex = (page + 1) * pageSize;
168
138
  }
169
-
170
139
  const response = {
171
140
  returnedRows: filteredRows.slice(firstRowIndex, lastRowIndex),
172
141
  nextCursor,
@@ -178,7 +147,6 @@ const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDefaultCol
178
147
  }, delay); // simulate network latency
179
148
  });
180
149
  };
181
-
182
150
  exports.loadServerRows = loadServerRows;
183
151
  const DEFAULT_DATASET_OPTIONS = {
184
152
  dataSet: 'Commodity',
@@ -191,7 +159,6 @@ const DEFAULT_SERVER_OPTIONS = {
191
159
  maxDelay: disableDelay ? 0 : 300,
192
160
  useCursorPagination: true
193
161
  };
194
-
195
162
  const createFakeServer = (dataSetOptions, serverOptions) => {
196
163
  const dataSetOptionsWithDefault = (0, _extends2.default)({}, DEFAULT_DATASET_OPTIONS, dataSetOptions);
197
164
  const serverOptionsWithDefault = (0, _extends2.default)({}, DEFAULT_SERVER_OPTIONS, serverOptions);
@@ -199,7 +166,6 @@ const createFakeServer = (dataSetOptions, serverOptions) => {
199
166
  const initialState = (0, _useDemoData.getInitialState)(dataSetOptionsWithDefault, columns);
200
167
  const defaultColDef = (0, _xDataGridPro.getGridDefaultColumnTypes)();
201
168
  const columnsWithDefaultColDef = columns.map(column => (0, _extends2.default)({}, defaultColDef[column.type || 'string'], column));
202
-
203
169
  const useQuery = queryOptions => {
204
170
  const {
205
171
  data: {
@@ -218,25 +184,21 @@ const createFakeServer = (dataSetOptions, serverOptions) => {
218
184
  // dataset is not ready
219
185
  return () => {};
220
186
  }
221
-
222
187
  queryOptionsRef.current = queryOptions;
223
188
  let active = true;
224
189
  setIsLoading(true);
225
190
  setResponse(prev => Object.keys(prev.pageInfo).length === 0 ? prev : (0, _extends2.default)({}, prev, {
226
191
  pageInfo: {}
227
192
  }));
228
-
229
193
  (async function fetchData() {
230
194
  const {
231
195
  returnedRows,
232
196
  nextCursor,
233
197
  totalRowCount
234
198
  } = await loadServerRows(rows, queryOptions, serverOptionsWithDefault, columnsWithDefaultColDef);
235
-
236
199
  if (!active) {
237
200
  return;
238
201
  }
239
-
240
202
  const newRep = {
241
203
  rows: returnedRows,
242
204
  pageInfo: {
@@ -248,18 +210,17 @@ const createFakeServer = (dataSetOptions, serverOptions) => {
248
210
  setResponse(prev => (0, _internals.isDeepEqual)(prev, newRep) ? prev : newRep);
249
211
  setIsLoading(false);
250
212
  })();
251
-
252
213
  return () => {
253
214
  active = false;
254
215
  };
255
- }, [dataGenerationIsLoading, queryOptions, rows]); // We use queryOptions pointer to be sure that isLoading===true as soon as the options change
216
+ }, [dataGenerationIsLoading, queryOptions, rows]);
256
217
 
218
+ // We use queryOptions pointer to be sure that isLoading===true as soon as the options change
257
219
  const effectShouldStart = queryOptionsRef.current !== queryOptions;
258
220
  return (0, _extends2.default)({
259
221
  isLoading: isLoading || effectShouldStart
260
222
  }, response);
261
223
  };
262
-
263
224
  return {
264
225
  columns,
265
226
  columnsWithDefaultColDef,
@@ -267,5 +228,4 @@ const createFakeServer = (dataSetOptions, serverOptions) => {
267
228
  useQuery
268
229
  };
269
230
  };
270
-
271
231
  exports.createFakeServer = createFakeServer;
package/node/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v6.0.0-alpha.8
1
+ /** @license MUI v6.0.0-alpha.9
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.
@@ -8,9 +8,7 @@
8
8
  Object.defineProperty(exports, "__esModule", {
9
9
  value: true
10
10
  });
11
-
12
11
  var _renderer = require("./renderer");
13
-
14
12
  Object.keys(_renderer).forEach(function (key) {
15
13
  if (key === "default" || key === "__esModule") return;
16
14
  if (key in exports && exports[key] === _renderer[key]) return;
@@ -21,9 +19,7 @@ Object.keys(_renderer).forEach(function (key) {
21
19
  }
22
20
  });
23
21
  });
24
-
25
22
  var _services = require("./services");
26
-
27
23
  Object.keys(_services).forEach(function (key) {
28
24
  if (key === "default" || key === "__esModule") return;
29
25
  if (key in exports && exports[key] === _services[key]) return;
@@ -34,9 +30,7 @@ Object.keys(_services).forEach(function (key) {
34
30
  }
35
31
  });
36
32
  });
37
-
38
33
  var _columns = require("./columns");
39
-
40
34
  Object.keys(_columns).forEach(function (key) {
41
35
  if (key === "default" || key === "__esModule") return;
42
36
  if (key in exports && exports[key] === _columns[key]) return;
@@ -47,9 +41,7 @@ Object.keys(_columns).forEach(function (key) {
47
41
  }
48
42
  });
49
43
  });
50
-
51
44
  var _hooks = require("./hooks");
52
-
53
45
  Object.keys(_hooks).forEach(function (key) {
54
46
  if (key === "default" || key === "__esModule") return;
55
47
  if (key in exports && exports[key] === _hooks[key]) return;
@@ -3,9 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
-
7
6
  var _renderAvatar = require("./renderAvatar");
8
-
9
7
  Object.keys(_renderAvatar).forEach(function (key) {
10
8
  if (key === "default" || key === "__esModule") return;
11
9
  if (key in exports && exports[key] === _renderAvatar[key]) return;
@@ -16,9 +14,7 @@ Object.keys(_renderAvatar).forEach(function (key) {
16
14
  }
17
15
  });
18
16
  });
19
-
20
17
  var _renderCountry = require("./renderCountry");
21
-
22
18
  Object.keys(_renderCountry).forEach(function (key) {
23
19
  if (key === "default" || key === "__esModule") return;
24
20
  if (key in exports && exports[key] === _renderCountry[key]) return;
@@ -29,9 +25,7 @@ Object.keys(_renderCountry).forEach(function (key) {
29
25
  }
30
26
  });
31
27
  });
32
-
33
28
  var _renderEmail = require("./renderEmail");
34
-
35
29
  Object.keys(_renderEmail).forEach(function (key) {
36
30
  if (key === "default" || key === "__esModule") return;
37
31
  if (key in exports && exports[key] === _renderEmail[key]) return;
@@ -42,9 +36,7 @@ Object.keys(_renderEmail).forEach(function (key) {
42
36
  }
43
37
  });
44
38
  });
45
-
46
39
  var _renderIncoterm = require("./renderIncoterm");
47
-
48
40
  Object.keys(_renderIncoterm).forEach(function (key) {
49
41
  if (key === "default" || key === "__esModule") return;
50
42
  if (key in exports && exports[key] === _renderIncoterm[key]) return;
@@ -55,9 +47,7 @@ Object.keys(_renderIncoterm).forEach(function (key) {
55
47
  }
56
48
  });
57
49
  });
58
-
59
50
  var _renderLink = require("./renderLink");
60
-
61
51
  Object.keys(_renderLink).forEach(function (key) {
62
52
  if (key === "default" || key === "__esModule") return;
63
53
  if (key in exports && exports[key] === _renderLink[key]) return;
@@ -68,9 +58,7 @@ Object.keys(_renderLink).forEach(function (key) {
68
58
  }
69
59
  });
70
60
  });
71
-
72
61
  var _renderPnl = require("./renderPnl");
73
-
74
62
  Object.keys(_renderPnl).forEach(function (key) {
75
63
  if (key === "default" || key === "__esModule") return;
76
64
  if (key in exports && exports[key] === _renderPnl[key]) return;
@@ -81,9 +69,7 @@ Object.keys(_renderPnl).forEach(function (key) {
81
69
  }
82
70
  });
83
71
  });
84
-
85
72
  var _renderProgress = require("./renderProgress");
86
-
87
73
  Object.keys(_renderProgress).forEach(function (key) {
88
74
  if (key === "default" || key === "__esModule") return;
89
75
  if (key in exports && exports[key] === _renderProgress[key]) return;
@@ -94,9 +80,7 @@ Object.keys(_renderProgress).forEach(function (key) {
94
80
  }
95
81
  });
96
82
  });
97
-
98
83
  var _renderRating = require("./renderRating");
99
-
100
84
  Object.keys(_renderRating).forEach(function (key) {
101
85
  if (key === "default" || key === "__esModule") return;
102
86
  if (key in exports && exports[key] === _renderRating[key]) return;
@@ -107,9 +91,7 @@ Object.keys(_renderRating).forEach(function (key) {
107
91
  }
108
92
  });
109
93
  });
110
-
111
94
  var _renderStatus = require("./renderStatus");
112
-
113
95
  Object.keys(_renderStatus).forEach(function (key) {
114
96
  if (key === "default" || key === "__esModule") return;
115
97
  if (key in exports && exports[key] === _renderStatus[key]) return;
@@ -120,9 +102,7 @@ Object.keys(_renderStatus).forEach(function (key) {
120
102
  }
121
103
  });
122
104
  });
123
-
124
105
  var _renderTotalPrice = require("./renderTotalPrice");
125
-
126
106
  Object.keys(_renderTotalPrice).forEach(function (key) {
127
107
  if (key === "default" || key === "__esModule") return;
128
108
  if (key in exports && exports[key] === _renderTotalPrice[key]) return;
@@ -133,9 +113,7 @@ Object.keys(_renderTotalPrice).forEach(function (key) {
133
113
  }
134
114
  });
135
115
  });
136
-
137
116
  var _renderEditCurrency = require("./renderEditCurrency");
138
-
139
117
  Object.keys(_renderEditCurrency).forEach(function (key) {
140
118
  if (key === "default" || key === "__esModule") return;
141
119
  if (key in exports && exports[key] === _renderEditCurrency[key]) return;
@@ -146,9 +124,7 @@ Object.keys(_renderEditCurrency).forEach(function (key) {
146
124
  }
147
125
  });
148
126
  });
149
-
150
127
  var _renderEditProgress = require("./renderEditProgress");
151
-
152
128
  Object.keys(_renderEditProgress).forEach(function (key) {
153
129
  if (key === "default" || key === "__esModule") return;
154
130
  if (key in exports && exports[key] === _renderEditProgress[key]) return;
@@ -159,9 +135,7 @@ Object.keys(_renderEditProgress).forEach(function (key) {
159
135
  }
160
136
  });
161
137
  });
162
-
163
138
  var _renderEditStatus = require("./renderEditStatus");
164
-
165
139
  Object.keys(_renderEditStatus).forEach(function (key) {
166
140
  if (key === "default" || key === "__esModule") return;
167
141
  if (key in exports && exports[key] === _renderEditStatus[key]) return;
@@ -172,9 +146,7 @@ Object.keys(_renderEditStatus).forEach(function (key) {
172
146
  }
173
147
  });
174
148
  });
175
-
176
149
  var _renderEditIncoterm = require("./renderEditIncoterm");
177
-
178
150
  Object.keys(_renderEditIncoterm).forEach(function (key) {
179
151
  if (key === "default" || key === "__esModule") return;
180
152
  if (key in exports && exports[key] === _renderEditIncoterm[key]) return;
@@ -185,9 +157,7 @@ Object.keys(_renderEditIncoterm).forEach(function (key) {
185
157
  }
186
158
  });
187
159
  });
188
-
189
160
  var _renderEditRating = require("./renderEditRating");
190
-
191
161
  Object.keys(_renderEditRating).forEach(function (key) {
192
162
  if (key === "default" || key === "__esModule") return;
193
163
  if (key in exports && exports[key] === _renderEditRating[key]) return;
@@ -198,9 +168,7 @@ Object.keys(_renderEditRating).forEach(function (key) {
198
168
  }
199
169
  });
200
170
  });
201
-
202
171
  var _renderEditCountry = require("./renderEditCountry");
203
-
204
172
  Object.keys(_renderEditCountry).forEach(function (key) {
205
173
  if (key === "default" || key === "__esModule") return;
206
174
  if (key in exports && exports[key] === _renderEditCountry[key]) return;
@@ -1,27 +1,19 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.renderAvatar = renderAvatar;
9
-
10
8
  var React = _interopRequireWildcard(require("react"));
11
-
12
9
  var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
13
-
14
10
  var _jsxRuntime = require("react/jsx-runtime");
15
-
16
11
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
-
18
12
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
19
-
20
13
  function renderAvatar(params) {
21
14
  if (params.value == null) {
22
15
  return '';
23
16
  }
24
-
25
17
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
26
18
  style: {
27
19
  backgroundColor: params.value.color