@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.
- package/CHANGELOG.md +129 -15
- package/columns/commodities.columns.js +0 -1
- package/columns/employees.columns.js +0 -1
- package/hooks/useDemoData.js +9 -31
- package/hooks/useMovieData.js +0 -1
- package/hooks/useQuery.js +6 -34
- package/index.js +1 -1
- package/legacy/columns/commodities.columns.js +0 -1
- package/legacy/columns/employees.columns.js +0 -2
- package/legacy/hooks/useBasicDemoData.js +6 -7
- package/legacy/hooks/useDemoData.js +28 -70
- package/legacy/hooks/useMovieData.js +0 -2
- package/legacy/hooks/useQuery.js +27 -64
- 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 +2 -8
- package/legacy/renderer/renderEditCurrency.js +2 -8
- package/legacy/renderer/renderEditIncoterm.js +2 -10
- package/legacy/renderer/renderEditProgress.js +7 -17
- package/legacy/renderer/renderEditRating.js +2 -10
- 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 +0 -2
- 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 +8 -13
- 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 +0 -1
- package/modern/columns/employees.columns.js +0 -1
- package/modern/hooks/useDemoData.js +9 -27
- package/modern/hooks/useMovieData.js +0 -1
- package/modern/hooks/useQuery.js +6 -32
- 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 +0 -3
- package/modern/renderer/renderEditCurrency.js +0 -3
- package/modern/renderer/renderEditIncoterm.js +0 -5
- package/modern/renderer/renderEditProgress.js +0 -7
- package/modern/renderer/renderEditRating.js +0 -5
- package/modern/renderer/renderEditStatus.js +0 -10
- package/modern/renderer/renderIncoterm.js +0 -2
- package/modern/renderer/renderLink.js +0 -2
- 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 +8 -13
- 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 +1 -8
- package/node/columns/employees.columns.js +1 -8
- 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 +0 -3
- package/node/hooks/useQuery.js +8 -48
- 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 +0 -16
- package/node/renderer/renderEditCurrency.js +0 -16
- package/node/renderer/renderEditIncoterm.js +0 -17
- package/node/renderer/renderEditProgress.js +0 -20
- package/node/renderer/renderEditRating.js +0 -14
- 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 +0 -9
- 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 +8 -26
- 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 +4 -4
- package/renderer/renderAvatar.js +0 -1
- package/renderer/renderCountry.js +3 -4
- package/renderer/renderEditCountry.js +0 -3
- package/renderer/renderEditCurrency.js +0 -3
- package/renderer/renderEditIncoterm.js +0 -5
- package/renderer/renderEditProgress.js +0 -7
- package/renderer/renderEditRating.js +0 -5
- package/renderer/renderEditStatus.js +0 -10
- package/renderer/renderEmail.js +0 -1
- package/renderer/renderIncoterm.js +0 -2
- package/renderer/renderLink.js +0 -2
- package/renderer/renderPnl.js +0 -3
- package/renderer/renderProgress.js +4 -5
- package/renderer/renderRating.js +3 -4
- package/renderer/renderStatus.js +8 -13
- 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
|
@@ -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);
|
|
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
|
-
|
|
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 =
|
|
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}`;
|
|
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:
|
|
189
|
-
groupingField:
|
|
190
|
-
averageChildren:
|
|
191
|
-
});
|
|
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,
|
|
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;
|
package/node/hooks/useQuery.js
CHANGED
|
@@ -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
|
-
};
|
|
33
|
-
|
|
34
|
-
return
|
|
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) ?
|
|
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]);
|
|
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.
|
|
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;
|
package/node/renderer/index.js
CHANGED
|
@@ -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
|