@mui/x-data-grid-generator 6.0.0-alpha.7 → 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 +255 -15
- package/columns/commodities.columns.js +0 -1
- package/columns/employees.columns.js +0 -1
- package/hooks/useDemoData.js +9 -31
- package/hooks/useMovieData.d.ts +1 -0
- package/hooks/useMovieData.js +35 -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 +35 -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 +8 -18
- 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 +35 -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 +1 -8
- 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 +35 -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 +2 -22
- 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 +5 -5
- 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 +1 -8
- 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
|
@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getEmployeeColumns = void 0;
|
|
7
|
-
|
|
8
7
|
var _xDataGridPremium = require("@mui/x-data-grid-premium");
|
|
9
|
-
|
|
10
8
|
var _services = require("../services");
|
|
11
|
-
|
|
12
9
|
var _renderer = require("../renderer");
|
|
13
|
-
|
|
14
10
|
var _staticData = require("../services/static-data");
|
|
15
|
-
|
|
16
11
|
const getEmployeeColumns = () => [{
|
|
17
12
|
field: 'id',
|
|
18
13
|
generateData: _services.randomId,
|
|
@@ -90,7 +85,7 @@ const getEmployeeColumns = () => [{
|
|
|
90
85
|
valueOptions: _staticData.COUNTRY_ISO_OPTIONS_SORTED,
|
|
91
86
|
valueFormatter: ({
|
|
92
87
|
value
|
|
93
|
-
}) => value
|
|
88
|
+
}) => value?.label,
|
|
94
89
|
generateData: _services.randomCountry,
|
|
95
90
|
renderCell: _renderer.renderCountry,
|
|
96
91
|
renderEditCell: _renderer.renderEditCountry,
|
|
@@ -141,9 +136,7 @@ const getEmployeeColumns = () => [{
|
|
|
141
136
|
if (!value || typeof value !== 'number') {
|
|
142
137
|
return value;
|
|
143
138
|
}
|
|
144
|
-
|
|
145
139
|
return `${value.toLocaleString()}$`;
|
|
146
140
|
}
|
|
147
141
|
}];
|
|
148
|
-
|
|
149
142
|
exports.getEmployeeColumns = getEmployeeColumns;
|
package/node/columns/index.js
CHANGED
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _commodities = require("./commodities.columns");
|
|
8
|
-
|
|
9
7
|
Object.keys(_commodities).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _commodities[key]) return;
|
|
@@ -16,9 +14,7 @@ Object.keys(_commodities).forEach(function (key) {
|
|
|
16
14
|
}
|
|
17
15
|
});
|
|
18
16
|
});
|
|
19
|
-
|
|
20
17
|
var _employees = require("./employees.columns");
|
|
21
|
-
|
|
22
18
|
Object.keys(_employees).forEach(function (key) {
|
|
23
19
|
if (key === "default" || key === "__esModule") return;
|
|
24
20
|
if (key in exports && exports[key] === _employees[key]) return;
|
package/node/hooks/index.js
CHANGED
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _useDemoData = require("./useDemoData");
|
|
8
|
-
|
|
9
7
|
Object.keys(_useDemoData).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _useDemoData[key]) return;
|
|
@@ -16,9 +14,7 @@ Object.keys(_useDemoData).forEach(function (key) {
|
|
|
16
14
|
}
|
|
17
15
|
});
|
|
18
16
|
});
|
|
19
|
-
|
|
20
17
|
var _useBasicDemoData = require("./useBasicDemoData");
|
|
21
|
-
|
|
22
18
|
Object.keys(_useBasicDemoData).forEach(function (key) {
|
|
23
19
|
if (key === "default" || key === "__esModule") return;
|
|
24
20
|
if (key in exports && exports[key] === _useBasicDemoData[key]) return;
|
|
@@ -29,9 +25,7 @@ Object.keys(_useBasicDemoData).forEach(function (key) {
|
|
|
29
25
|
}
|
|
30
26
|
});
|
|
31
27
|
});
|
|
32
|
-
|
|
33
28
|
var _useMovieData = require("./useMovieData");
|
|
34
|
-
|
|
35
29
|
Object.keys(_useMovieData).forEach(function (key) {
|
|
36
30
|
if (key === "default" || key === "__esModule") return;
|
|
37
31
|
if (key in exports && exports[key] === _useMovieData[key]) return;
|
|
@@ -42,9 +36,7 @@ Object.keys(_useMovieData).forEach(function (key) {
|
|
|
42
36
|
}
|
|
43
37
|
});
|
|
44
38
|
});
|
|
45
|
-
|
|
46
39
|
var _useQuery = require("./useQuery");
|
|
47
|
-
|
|
48
40
|
Object.keys(_useQuery).forEach(function (key) {
|
|
49
41
|
if (key === "default" || key === "__esModule") return;
|
|
50
42
|
if (key in exports && exports[key] === _useQuery[key]) return;
|
|
@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useBasicDemoData = void 0;
|
|
7
|
-
|
|
8
7
|
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
8
|
var _services = require("../services");
|
|
11
|
-
|
|
12
9
|
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); }
|
|
13
|
-
|
|
14
10
|
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; }
|
|
15
|
-
|
|
16
11
|
const useBasicDemoData = (nbRows, nbCols) => {
|
|
17
12
|
const [data, setData] = React.useState({
|
|
18
13
|
rows: [],
|
|
@@ -24,5 +19,4 @@ const useBasicDemoData = (nbRows, nbCols) => {
|
|
|
24
19
|
}, [nbRows, nbCols]);
|
|
25
20
|
return data;
|
|
26
21
|
};
|
|
27
|
-
|
|
28
22
|
exports.useBasicDemoData = useBasicDemoData;
|
|
@@ -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
|
}, {
|
|
@@ -52,6 +51,7 @@ const ROWS = [{
|
|
|
52
51
|
id: 0,
|
|
53
52
|
title: 'Avatar',
|
|
54
53
|
gross: 2847246203,
|
|
54
|
+
budget: 237000000,
|
|
55
55
|
director: 'James Cameron',
|
|
56
56
|
company: '20th Century Fox',
|
|
57
57
|
year: 2009,
|
|
@@ -63,6 +63,7 @@ const ROWS = [{
|
|
|
63
63
|
id: 1,
|
|
64
64
|
title: 'Avengers: Endgame',
|
|
65
65
|
gross: 2797501328,
|
|
66
|
+
budget: 356000000,
|
|
66
67
|
director: 'Anthony & Joe Russo',
|
|
67
68
|
company: 'Disney Studios',
|
|
68
69
|
year: 2019,
|
|
@@ -75,6 +76,7 @@ const ROWS = [{
|
|
|
75
76
|
id: 2,
|
|
76
77
|
title: 'Titanic',
|
|
77
78
|
gross: 2187425379,
|
|
79
|
+
budget: 200000000,
|
|
78
80
|
director: 'James Cameron',
|
|
79
81
|
company: '20th Century Fox',
|
|
80
82
|
year: 1997,
|
|
@@ -86,6 +88,7 @@ const ROWS = [{
|
|
|
86
88
|
id: 3,
|
|
87
89
|
title: 'Star Wars: The Force Awakens',
|
|
88
90
|
gross: 2068223624,
|
|
91
|
+
budget: 306000000,
|
|
89
92
|
director: 'J. J. Abrams',
|
|
90
93
|
company: 'Disney Studios',
|
|
91
94
|
year: 2015,
|
|
@@ -98,6 +101,7 @@ const ROWS = [{
|
|
|
98
101
|
id: 4,
|
|
99
102
|
title: 'Avengers: Infinity War',
|
|
100
103
|
gross: 2048359754,
|
|
104
|
+
budget: 321000000,
|
|
101
105
|
director: 'Anthony & Joe Russo',
|
|
102
106
|
company: 'Disney Studios',
|
|
103
107
|
year: 2018,
|
|
@@ -110,6 +114,7 @@ const ROWS = [{
|
|
|
110
114
|
id: 5,
|
|
111
115
|
title: 'Spider-Man: No Way Home',
|
|
112
116
|
gross: 1892768346,
|
|
117
|
+
budget: 200000000,
|
|
113
118
|
director: 'Jon Watts',
|
|
114
119
|
company: 'Disney Studios',
|
|
115
120
|
year: 2021,
|
|
@@ -122,6 +127,7 @@ const ROWS = [{
|
|
|
122
127
|
id: 6,
|
|
123
128
|
title: 'Jurassic World',
|
|
124
129
|
gross: 1671713208,
|
|
130
|
+
budget: 150000000,
|
|
125
131
|
director: 'Colin Trevorrow',
|
|
126
132
|
company: 'Universal Pictures',
|
|
127
133
|
year: 2015,
|
|
@@ -134,6 +140,7 @@ const ROWS = [{
|
|
|
134
140
|
id: 7,
|
|
135
141
|
title: 'The Lion King',
|
|
136
142
|
gross: 1656943394,
|
|
143
|
+
budget: 260000000,
|
|
137
144
|
director: 'Jon Favreau',
|
|
138
145
|
company: 'Disney Studios',
|
|
139
146
|
year: 2019,
|
|
@@ -145,6 +152,7 @@ const ROWS = [{
|
|
|
145
152
|
id: 8,
|
|
146
153
|
title: 'The Avengers',
|
|
147
154
|
gross: 1518812988,
|
|
155
|
+
budget: 220000000,
|
|
148
156
|
director: 'Joss Whedon',
|
|
149
157
|
company: 'Disney Studios',
|
|
150
158
|
year: 2012,
|
|
@@ -157,6 +165,7 @@ const ROWS = [{
|
|
|
157
165
|
id: 9,
|
|
158
166
|
title: 'Furious 7',
|
|
159
167
|
gross: 1516045911,
|
|
168
|
+
budget: 190000000,
|
|
160
169
|
director: 'James Wan',
|
|
161
170
|
company: 'Universal Pictures',
|
|
162
171
|
year: 2015,
|
|
@@ -169,6 +178,7 @@ const ROWS = [{
|
|
|
169
178
|
id: 10,
|
|
170
179
|
title: 'Frozen II',
|
|
171
180
|
gross: 1450026933,
|
|
181
|
+
budget: 150000000,
|
|
172
182
|
director: 'Chris Buck & Jennifer Lee',
|
|
173
183
|
company: 'Disney Studios',
|
|
174
184
|
year: 2019,
|
|
@@ -181,6 +191,7 @@ const ROWS = [{
|
|
|
181
191
|
id: 11,
|
|
182
192
|
title: 'Avengers: Age of Ultron',
|
|
183
193
|
gross: 1402804868,
|
|
194
|
+
budget: 280000000,
|
|
184
195
|
director: 'Joss Whedon',
|
|
185
196
|
company: 'Disney Studios',
|
|
186
197
|
year: 2015,
|
|
@@ -193,6 +204,7 @@ const ROWS = [{
|
|
|
193
204
|
id: 12,
|
|
194
205
|
title: 'Black Panther',
|
|
195
206
|
gross: 1347280838,
|
|
207
|
+
budget: 200000000,
|
|
196
208
|
director: 'Ryan Coogler',
|
|
197
209
|
company: 'Disney Studios',
|
|
198
210
|
year: 2018,
|
|
@@ -205,6 +217,7 @@ const ROWS = [{
|
|
|
205
217
|
id: 13,
|
|
206
218
|
title: 'Harry Potter and the Deathly Hallows – Part 2',
|
|
207
219
|
gross: 1342025430,
|
|
220
|
+
budget: 125000000,
|
|
208
221
|
director: 'David Yates',
|
|
209
222
|
company: 'Warner Bros. Pictures',
|
|
210
223
|
year: 2011,
|
|
@@ -217,6 +230,7 @@ const ROWS = [{
|
|
|
217
230
|
id: 14,
|
|
218
231
|
title: 'Star Wars: The Last Jedi',
|
|
219
232
|
gross: 1332539889,
|
|
233
|
+
budget: 317000000,
|
|
220
234
|
director: 'Rian Johnson',
|
|
221
235
|
company: 'Disney Studios',
|
|
222
236
|
year: 2017,
|
|
@@ -229,6 +243,7 @@ const ROWS = [{
|
|
|
229
243
|
id: 15,
|
|
230
244
|
title: 'Jurassic World: Fallen Kingdom',
|
|
231
245
|
gross: 1309484461,
|
|
246
|
+
budget: 170000000,
|
|
232
247
|
director: 'J. A. Bayona',
|
|
233
248
|
company: 'Universal Pictures',
|
|
234
249
|
year: 2018,
|
|
@@ -241,6 +256,7 @@ const ROWS = [{
|
|
|
241
256
|
id: 16,
|
|
242
257
|
title: 'Frozen',
|
|
243
258
|
gross: 1290000000,
|
|
259
|
+
budget: 150000000,
|
|
244
260
|
director: 'Chris Buck & Jennifer Lee',
|
|
245
261
|
company: 'Disney Studios',
|
|
246
262
|
year: 2013,
|
|
@@ -253,6 +269,7 @@ const ROWS = [{
|
|
|
253
269
|
id: 17,
|
|
254
270
|
title: 'Beauty and the Beast',
|
|
255
271
|
gross: 1263521136,
|
|
272
|
+
budget: 160000000,
|
|
256
273
|
director: 'Bill Condon',
|
|
257
274
|
company: 'Disney Studios',
|
|
258
275
|
year: 2017,
|
|
@@ -264,6 +281,7 @@ const ROWS = [{
|
|
|
264
281
|
id: 18,
|
|
265
282
|
title: 'Incredibles 2',
|
|
266
283
|
gross: 1242805359,
|
|
284
|
+
budget: 200000000,
|
|
267
285
|
director: 'Brad Bird',
|
|
268
286
|
company: 'Disney Studios',
|
|
269
287
|
year: 2018,
|
|
@@ -275,6 +293,7 @@ const ROWS = [{
|
|
|
275
293
|
id: 19,
|
|
276
294
|
title: 'The Fate of the Furious',
|
|
277
295
|
gross: 1238764765,
|
|
296
|
+
budget: 250000000,
|
|
278
297
|
director: 'F. Gary Gray',
|
|
279
298
|
company: 'Universal Pictures',
|
|
280
299
|
year: 2017,
|
|
@@ -287,6 +306,7 @@ const ROWS = [{
|
|
|
287
306
|
id: 20,
|
|
288
307
|
title: 'Iron Man 3',
|
|
289
308
|
gross: 1214811252,
|
|
309
|
+
budget: 200000000,
|
|
290
310
|
director: 'Shane Black',
|
|
291
311
|
company: 'Disney Studios',
|
|
292
312
|
year: 2013,
|
|
@@ -299,6 +319,7 @@ const ROWS = [{
|
|
|
299
319
|
id: 21,
|
|
300
320
|
title: 'Minions',
|
|
301
321
|
gross: 1159398397,
|
|
322
|
+
budget: 74000000,
|
|
302
323
|
director: 'Pierre Coffin & Kyle Balda',
|
|
303
324
|
company: 'Universal Pictures',
|
|
304
325
|
year: 2015,
|
|
@@ -310,6 +331,7 @@ const ROWS = [{
|
|
|
310
331
|
id: 22,
|
|
311
332
|
title: 'Captain America: Civil War',
|
|
312
333
|
gross: 1153329473,
|
|
334
|
+
budget: 250000000,
|
|
313
335
|
director: 'Anthony & Joe Russo',
|
|
314
336
|
company: 'Disney Studios',
|
|
315
337
|
year: 2016,
|
|
@@ -322,6 +344,7 @@ const ROWS = [{
|
|
|
322
344
|
id: 23,
|
|
323
345
|
title: 'Aquaman',
|
|
324
346
|
gross: 1148485886,
|
|
347
|
+
budget: 160000000,
|
|
325
348
|
director: 'James Wan',
|
|
326
349
|
company: 'Warner Bros. Pictures',
|
|
327
350
|
year: 2018,
|
|
@@ -334,6 +357,7 @@ const ROWS = [{
|
|
|
334
357
|
id: 24,
|
|
335
358
|
title: 'The Lord of the Rings: The Return of the King',
|
|
336
359
|
gross: 1146030912,
|
|
360
|
+
budget: 94000000,
|
|
337
361
|
director: 'Peter Jackson',
|
|
338
362
|
company: 'New Line Cinema',
|
|
339
363
|
year: 2003,
|
|
@@ -346,6 +370,7 @@ const ROWS = [{
|
|
|
346
370
|
id: 25,
|
|
347
371
|
title: 'Spider-Man: Far From Home',
|
|
348
372
|
gross: 1131927996,
|
|
373
|
+
budget: 160000000,
|
|
349
374
|
director: 'Jon Watts',
|
|
350
375
|
company: 'Disney Studios',
|
|
351
376
|
year: 2019,
|
|
@@ -358,6 +383,7 @@ const ROWS = [{
|
|
|
358
383
|
id: 26,
|
|
359
384
|
title: 'Captain Marvel',
|
|
360
385
|
gross: 1128274794,
|
|
386
|
+
budget: 152000000,
|
|
361
387
|
director: 'Anna Boden & Ryan Fleck',
|
|
362
388
|
company: 'Disney Studios',
|
|
363
389
|
year: 2019,
|
|
@@ -370,6 +396,7 @@ const ROWS = [{
|
|
|
370
396
|
id: 27,
|
|
371
397
|
title: 'Transformers: Dark of the Moon',
|
|
372
398
|
gross: 1123794079,
|
|
399
|
+
budget: 195000000,
|
|
373
400
|
director: 'Michael Bay',
|
|
374
401
|
company: 'Paramount Pictures',
|
|
375
402
|
year: 2011,
|
|
@@ -382,6 +409,7 @@ const ROWS = [{
|
|
|
382
409
|
id: 28,
|
|
383
410
|
title: 'Skyfall',
|
|
384
411
|
gross: 1108561013,
|
|
412
|
+
budget: 200000000,
|
|
385
413
|
director: 'Sam Mendes',
|
|
386
414
|
company: '20th Century Fox',
|
|
387
415
|
year: 2012,
|
|
@@ -394,6 +422,7 @@ const ROWS = [{
|
|
|
394
422
|
id: 29,
|
|
395
423
|
title: 'Transformers: Age of Extinction',
|
|
396
424
|
gross: 1104054072,
|
|
425
|
+
budget: 210000000,
|
|
397
426
|
director: 'Michael Bay',
|
|
398
427
|
company: 'Paramount Pictures',
|
|
399
428
|
year: 2014,
|
|
@@ -406,6 +435,7 @@ const ROWS = [{
|
|
|
406
435
|
id: 30,
|
|
407
436
|
title: 'The Dark Knight Rises',
|
|
408
437
|
gross: 1081142612,
|
|
438
|
+
budget: 250000000,
|
|
409
439
|
director: 'Christopher Nolan',
|
|
410
440
|
company: 'Warner Bros. Pictures',
|
|
411
441
|
year: 2012,
|
|
@@ -418,6 +448,7 @@ const ROWS = [{
|
|
|
418
448
|
id: 31,
|
|
419
449
|
title: 'Joker',
|
|
420
450
|
gross: 1074251311,
|
|
451
|
+
budget: 55000000,
|
|
421
452
|
director: 'Todd Phillips',
|
|
422
453
|
company: 'Warner Bros. Pictures',
|
|
423
454
|
year: 2019,
|
|
@@ -430,6 +461,7 @@ const ROWS = [{
|
|
|
430
461
|
id: 32,
|
|
431
462
|
title: 'Star Wars: The Rise of Skywalker',
|
|
432
463
|
gross: 1074144248,
|
|
464
|
+
budget: 275000000,
|
|
433
465
|
director: 'J. J. Abrams',
|
|
434
466
|
company: 'Disney Studios',
|
|
435
467
|
year: 2019,
|
|
@@ -442,6 +474,7 @@ const ROWS = [{
|
|
|
442
474
|
id: 33,
|
|
443
475
|
title: 'Toy Story 4',
|
|
444
476
|
gross: 1073394593,
|
|
477
|
+
budget: 200000000,
|
|
445
478
|
director: 'Josh Cooley',
|
|
446
479
|
company: 'Disney Studios',
|
|
447
480
|
year: 2019,
|
|
@@ -454,6 +487,7 @@ const ROWS = [{
|
|
|
454
487
|
id: 34,
|
|
455
488
|
title: 'Toy Story 3',
|
|
456
489
|
gross: 1066969703,
|
|
490
|
+
budget: 200000000,
|
|
457
491
|
director: 'Lee Unkrich',
|
|
458
492
|
company: 'Disney Studios',
|
|
459
493
|
year: 2010,
|
|
@@ -463,12 +497,10 @@ const ROWS = [{
|
|
|
463
497
|
name: 'Randy Newman'
|
|
464
498
|
}
|
|
465
499
|
}];
|
|
466
|
-
|
|
467
500
|
const useMovieData = () => {
|
|
468
501
|
return {
|
|
469
502
|
rows: ROWS,
|
|
470
503
|
columns: COLUMNS
|
|
471
504
|
};
|
|
472
505
|
};
|
|
473
|
-
|
|
474
506
|
exports.useMovieData = useMovieData;
|