@mui/x-data-grid-generator 6.0.0-alpha.1 → 6.0.0-alpha.11
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 +1419 -149
- package/columns/commodities.columns.js +0 -1
- package/columns/employees.columns.js +0 -1
- package/hooks/useDemoData.d.ts +2 -2
- package/hooks/useDemoData.js +9 -31
- package/hooks/useMovieData.d.ts +2 -1
- package/hooks/useMovieData.js +35 -1
- package/hooks/useQuery.d.ts +1 -1
- package/hooks/useQuery.js +11 -43
- 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 +38 -77
- package/legacy/index.js +1 -1
- package/legacy/renderer/renderAvatar.js +0 -1
- package/legacy/renderer/renderCountry.js +3 -4
- package/legacy/renderer/renderEditCountry.js +32 -20
- package/legacy/renderer/renderEditCurrency.js +32 -20
- package/legacy/renderer/renderEditIncoterm.js +36 -26
- package/legacy/renderer/renderEditProgress.js +10 -20
- package/legacy/renderer/renderEditRating.js +32 -23
- package/legacy/renderer/renderEditStatus.js +2 -15
- package/legacy/renderer/renderEmail.js +0 -1
- package/legacy/renderer/renderIncoterm.js +0 -2
- package/legacy/renderer/renderLink.js +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 +11 -41
- package/modern/index.js +1 -1
- package/modern/renderer/renderAvatar.js +0 -1
- package/modern/renderer/renderCountry.js +3 -4
- package/modern/renderer/renderEditCountry.js +6 -13
- package/modern/renderer/renderEditCurrency.js +6 -13
- package/modern/renderer/renderEditIncoterm.js +7 -16
- package/modern/renderer/renderEditProgress.js +3 -10
- package/modern/renderer/renderEditRating.js +7 -17
- package/modern/renderer/renderEditStatus.js +0 -10
- package/modern/renderer/renderIncoterm.js +0 -2
- package/modern/renderer/renderLink.js +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 +13 -57
- package/node/index.js +1 -9
- package/node/renderer/index.js +0 -32
- package/node/renderer/renderAvatar.js +0 -8
- package/node/renderer/renderCountry.js +3 -12
- package/node/renderer/renderEditCountry.js +6 -26
- package/node/renderer/renderEditCurrency.js +6 -26
- package/node/renderer/renderEditIncoterm.js +7 -28
- package/node/renderer/renderEditProgress.js +4 -24
- package/node/renderer/renderEditRating.js +7 -26
- package/node/renderer/renderEditStatus.js +0 -26
- package/node/renderer/renderEmail.js +1 -9
- package/node/renderer/renderIncoterm.js +0 -12
- package/node/renderer/renderLink.js +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 +7 -7
- package/renderer/renderAvatar.js +0 -1
- package/renderer/renderCountry.js +3 -4
- package/renderer/renderEditCountry.js +6 -13
- package/renderer/renderEditCurrency.js +6 -13
- package/renderer/renderEditIncoterm.js +7 -16
- package/renderer/renderEditProgress.js +3 -10
- package/renderer/renderEditRating.js +7 -17
- package/renderer/renderEditStatus.js +0 -10
- package/renderer/renderEmail.js +0 -1
- package/renderer/renderIncoterm.js +0 -2
- package/renderer/renderLink.js +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.d.ts +1 -1
- package/services/random-generator.js +6 -20
- package/services/real-data-service.js +0 -9
- package/services/tree-data-generator.js +0 -15
package/index.js
CHANGED
|
@@ -134,11 +134,9 @@ export var getEmployeeColumns = function getEmployeeColumns() {
|
|
|
134
134
|
type: 'number',
|
|
135
135
|
valueFormatter: function valueFormatter(_ref2) {
|
|
136
136
|
var value = _ref2.value;
|
|
137
|
-
|
|
138
137
|
if (!value || typeof value !== 'number') {
|
|
139
138
|
return value;
|
|
140
139
|
}
|
|
141
|
-
|
|
142
140
|
return "".concat(value.toLocaleString(), "$");
|
|
143
141
|
}
|
|
144
142
|
}];
|
|
@@ -3,13 +3,12 @@ import * as React from 'react';
|
|
|
3
3
|
import { getBasicGridData } from '../services';
|
|
4
4
|
export var useBasicDemoData = function useBasicDemoData(nbRows, nbCols) {
|
|
5
5
|
var _React$useState = React.useState({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
rows: [],
|
|
7
|
+
columns: []
|
|
8
|
+
}),
|
|
9
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
10
|
+
data = _React$useState2[0],
|
|
11
|
+
setData = _React$useState2[1];
|
|
13
12
|
React.useEffect(function () {
|
|
14
13
|
var newData = getBasicGridData(nbRows, nbCols);
|
|
15
14
|
setData(newData);
|
|
@@ -3,13 +3,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
|
|
|
3
3
|
import _typeof from "@babel/runtime/helpers/esm/typeof";
|
|
4
4
|
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
5
5
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
6
|
-
|
|
7
6
|
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
|
8
|
-
|
|
9
7
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
10
|
-
|
|
11
8
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
12
|
-
|
|
13
9
|
import * as React from 'react';
|
|
14
10
|
import LRUCache from 'lru-cache';
|
|
15
11
|
import { getRealGridData } from '../services/real-data-service';
|
|
@@ -20,15 +16,12 @@ import { addTreeDataOptionsToDemoData } from '../services/tree-data-generator';
|
|
|
20
16
|
var dataCache = new LRUCache({
|
|
21
17
|
max: 10,
|
|
22
18
|
ttl: 60 * 5 * 1e3 // 5 minutes
|
|
23
|
-
|
|
24
19
|
});
|
|
25
|
-
|
|
26
20
|
// Generate fake data from a seed.
|
|
27
21
|
// It's about x20 faster than getRealData.
|
|
28
22
|
function extrapolateSeed(_x, _x2) {
|
|
29
23
|
return _extrapolateSeed.apply(this, arguments);
|
|
30
24
|
}
|
|
31
|
-
|
|
32
25
|
function _extrapolateSeed() {
|
|
33
26
|
_extrapolateSeed = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(rowLength, data) {
|
|
34
27
|
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
@@ -41,25 +34,20 @@ function _extrapolateSeed() {
|
|
|
41
34
|
var tasks = {
|
|
42
35
|
current: rowLength - seed.length
|
|
43
36
|
};
|
|
44
|
-
|
|
45
37
|
function work() {
|
|
46
38
|
var row = {};
|
|
47
|
-
|
|
48
39
|
for (var j = 0; j < data.columns.length; j += 1) {
|
|
49
40
|
var column = data.columns[j];
|
|
50
41
|
var index = Math.round(Math.random() * (seed.length - 1));
|
|
51
|
-
|
|
52
42
|
if (column.field === 'id') {
|
|
53
43
|
row.id = "id-".concat(tasks.current + seed.length);
|
|
54
44
|
} else {
|
|
55
45
|
row[column.field] = seed[index][column.field];
|
|
56
46
|
}
|
|
57
47
|
}
|
|
58
|
-
|
|
59
48
|
rows.push(row);
|
|
60
49
|
tasks.current -= 1;
|
|
61
50
|
}
|
|
62
|
-
|
|
63
51
|
asyncWorker({
|
|
64
52
|
work: work,
|
|
65
53
|
done: function done() {
|
|
@@ -70,7 +58,6 @@ function _extrapolateSeed() {
|
|
|
70
58
|
tasks: tasks
|
|
71
59
|
});
|
|
72
60
|
}));
|
|
73
|
-
|
|
74
61
|
case 1:
|
|
75
62
|
case "end":
|
|
76
63
|
return _context2.stop();
|
|
@@ -80,20 +67,19 @@ function _extrapolateSeed() {
|
|
|
80
67
|
}));
|
|
81
68
|
return _extrapolateSeed.apply(this, arguments);
|
|
82
69
|
}
|
|
83
|
-
|
|
84
70
|
var deepFreeze = function deepFreeze(object) {
|
|
85
71
|
// Retrieve the property names defined on object
|
|
86
|
-
var propNames = Object.getOwnPropertyNames(object);
|
|
87
|
-
// eslint-disable-next-line no-restricted-syntax
|
|
72
|
+
var propNames = Object.getOwnPropertyNames(object);
|
|
88
73
|
|
|
89
|
-
|
|
90
|
-
_step;
|
|
74
|
+
// Freeze properties before freezing self
|
|
91
75
|
|
|
76
|
+
// eslint-disable-next-line no-restricted-syntax
|
|
77
|
+
var _iterator = _createForOfIteratorHelper(propNames),
|
|
78
|
+
_step;
|
|
92
79
|
try {
|
|
93
80
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
94
81
|
var name = _step.value;
|
|
95
82
|
var value = object[name];
|
|
96
|
-
|
|
97
83
|
if (value && _typeof(value) === 'object') {
|
|
98
84
|
deepFreeze(value);
|
|
99
85
|
}
|
|
@@ -103,32 +89,25 @@ var deepFreeze = function deepFreeze(object) {
|
|
|
103
89
|
} finally {
|
|
104
90
|
_iterator.f();
|
|
105
91
|
}
|
|
106
|
-
|
|
107
92
|
return Object.freeze(object);
|
|
108
93
|
};
|
|
109
|
-
|
|
110
94
|
export var getColumnsFromOptions = function getColumnsFromOptions(options) {
|
|
111
95
|
var columns = options.dataSet === 'Commodity' ? getCommodityColumns(options.editable) : getEmployeeColumns();
|
|
112
|
-
|
|
113
96
|
if (options.visibleFields) {
|
|
114
97
|
columns = columns.map(function (col) {
|
|
115
98
|
var _options$visibleField;
|
|
116
|
-
|
|
117
99
|
return (_options$visibleField = options.visibleFields) != null && _options$visibleField.includes(col.field) ? col : _extends({}, col, {
|
|
118
100
|
hide: true
|
|
119
101
|
});
|
|
120
102
|
});
|
|
121
103
|
}
|
|
122
|
-
|
|
123
104
|
if (options.maxColumns) {
|
|
124
105
|
columns = columns.slice(0, options.maxColumns);
|
|
125
106
|
}
|
|
126
|
-
|
|
127
107
|
return columns;
|
|
128
108
|
};
|
|
129
109
|
export var getInitialState = function getInitialState(options, columns) {
|
|
130
110
|
var _options$treeData;
|
|
131
|
-
|
|
132
111
|
var columnVisibilityModel = {};
|
|
133
112
|
columns.forEach(function (col) {
|
|
134
113
|
if (col.hide) {
|
|
@@ -136,11 +115,9 @@ export var getInitialState = function getInitialState(options, columns) {
|
|
|
136
115
|
}
|
|
137
116
|
});
|
|
138
117
|
var groupingField = (_options$treeData = options.treeData) == null ? void 0 : _options$treeData.groupingField;
|
|
139
|
-
|
|
140
118
|
if (groupingField) {
|
|
141
119
|
columnVisibilityModel[groupingField] = false;
|
|
142
120
|
}
|
|
143
|
-
|
|
144
121
|
return {
|
|
145
122
|
columns: {
|
|
146
123
|
columnVisibilityModel: columnVisibilityModel
|
|
@@ -149,22 +126,18 @@ export var getInitialState = function getInitialState(options, columns) {
|
|
|
149
126
|
};
|
|
150
127
|
export var useDemoData = function useDemoData(options) {
|
|
151
128
|
var _options$treeData5, _options$treeData6, _options$treeData7;
|
|
152
|
-
|
|
153
129
|
var _React$useState = React.useState(options.rowLength),
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
130
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
131
|
+
rowLength = _React$useState2[0],
|
|
132
|
+
setRowLength = _React$useState2[1];
|
|
158
133
|
var _React$useState3 = React.useState(0),
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
134
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
135
|
+
index = _React$useState4[0],
|
|
136
|
+
setIndex = _React$useState4[1];
|
|
163
137
|
var _React$useState5 = React.useState(true),
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
138
|
+
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
139
|
+
loading = _React$useState6[0],
|
|
140
|
+
setLoading = _React$useState6[1];
|
|
168
141
|
var columns = React.useMemo(function () {
|
|
169
142
|
return getColumnsFromOptions({
|
|
170
143
|
dataSet: options.dataSet,
|
|
@@ -173,89 +146,75 @@ export var useDemoData = function useDemoData(options) {
|
|
|
173
146
|
visibleFields: options.visibleFields
|
|
174
147
|
});
|
|
175
148
|
}, [options.dataSet, options.editable, options.maxColumns, options.visibleFields]);
|
|
176
|
-
|
|
177
149
|
var _React$useState7 = React.useState(function () {
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
150
|
+
return addTreeDataOptionsToDemoData({
|
|
151
|
+
columns: columns,
|
|
152
|
+
rows: [],
|
|
153
|
+
initialState: getInitialState(options, columns)
|
|
154
|
+
}, options.treeData);
|
|
155
|
+
}),
|
|
156
|
+
_React$useState8 = _slicedToArray(_React$useState7, 2),
|
|
157
|
+
data = _React$useState8[0],
|
|
158
|
+
setData = _React$useState8[1];
|
|
188
159
|
React.useEffect(function () {
|
|
189
|
-
var cacheKey = "".concat(options.dataSet, "-").concat(rowLength, "-").concat(index, "-").concat(options.maxColumns);
|
|
190
|
-
// of the demos.
|
|
160
|
+
var cacheKey = "".concat(options.dataSet, "-").concat(rowLength, "-").concat(index, "-").concat(options.maxColumns);
|
|
191
161
|
|
|
162
|
+
// Cache to allow fast switch between the JavaScript and TypeScript version
|
|
163
|
+
// of the demos.
|
|
192
164
|
if (dataCache.has(cacheKey)) {
|
|
193
165
|
var newData = dataCache.get(cacheKey);
|
|
194
166
|
setData(newData);
|
|
195
167
|
setLoading(false);
|
|
196
168
|
return undefined;
|
|
197
169
|
}
|
|
198
|
-
|
|
199
170
|
var active = true;
|
|
200
|
-
|
|
201
171
|
_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
202
172
|
var _options$treeData2, _options$treeData3, _options$treeData4;
|
|
203
|
-
|
|
204
173
|
var newData;
|
|
205
174
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
206
175
|
while (1) {
|
|
207
176
|
switch (_context.prev = _context.next) {
|
|
208
177
|
case 0:
|
|
209
178
|
setLoading(true);
|
|
210
|
-
|
|
211
179
|
if (!(rowLength > 1000)) {
|
|
212
180
|
_context.next = 10;
|
|
213
181
|
break;
|
|
214
182
|
}
|
|
215
|
-
|
|
216
183
|
_context.next = 4;
|
|
217
184
|
return getRealGridData(1000, columns);
|
|
218
|
-
|
|
219
185
|
case 4:
|
|
220
186
|
newData = _context.sent;
|
|
221
187
|
_context.next = 7;
|
|
222
188
|
return extrapolateSeed(rowLength, newData);
|
|
223
|
-
|
|
224
189
|
case 7:
|
|
225
190
|
newData = _context.sent;
|
|
226
191
|
_context.next = 13;
|
|
227
192
|
break;
|
|
228
|
-
|
|
229
193
|
case 10:
|
|
230
194
|
_context.next = 12;
|
|
231
195
|
return getRealGridData(rowLength, columns);
|
|
232
|
-
|
|
233
196
|
case 12:
|
|
234
197
|
newData = _context.sent;
|
|
235
|
-
|
|
236
198
|
case 13:
|
|
237
199
|
if (active) {
|
|
238
200
|
_context.next = 15;
|
|
239
201
|
break;
|
|
240
202
|
}
|
|
241
|
-
|
|
242
203
|
return _context.abrupt("return");
|
|
243
|
-
|
|
244
204
|
case 15:
|
|
245
205
|
newData = addTreeDataOptionsToDemoData(newData, {
|
|
246
206
|
maxDepth: (_options$treeData2 = options.treeData) == null ? void 0 : _options$treeData2.maxDepth,
|
|
247
207
|
groupingField: (_options$treeData3 = options.treeData) == null ? void 0 : _options$treeData3.groupingField,
|
|
248
208
|
averageChildren: (_options$treeData4 = options.treeData) == null ? void 0 : _options$treeData4.averageChildren
|
|
249
|
-
});
|
|
209
|
+
});
|
|
250
210
|
|
|
211
|
+
// It's quite slow. No need for it in production.
|
|
251
212
|
if (process.env.NODE_ENV !== 'production') {
|
|
252
213
|
deepFreeze(newData);
|
|
253
214
|
}
|
|
254
|
-
|
|
255
215
|
dataCache.set(cacheKey, newData);
|
|
256
216
|
setData(newData);
|
|
257
217
|
setLoading(false);
|
|
258
|
-
|
|
259
218
|
case 20:
|
|
260
219
|
case "end":
|
|
261
220
|
return _context.stop();
|
|
@@ -263,7 +222,6 @@ export var useDemoData = function useDemoData(options) {
|
|
|
263
222
|
}
|
|
264
223
|
}, _callee);
|
|
265
224
|
}))();
|
|
266
|
-
|
|
267
225
|
return function () {
|
|
268
226
|
active = false;
|
|
269
227
|
};
|
|
@@ -17,11 +17,9 @@ var COLUMNS = [{
|
|
|
17
17
|
groupable: false,
|
|
18
18
|
valueFormatter: function valueFormatter(_ref) {
|
|
19
19
|
var value = _ref.value;
|
|
20
|
-
|
|
21
20
|
if (!value) {
|
|
22
21
|
return '';
|
|
23
22
|
}
|
|
24
|
-
|
|
25
23
|
return currencyFormatter.format(value);
|
|
26
24
|
}
|
|
27
25
|
}, {
|
|
@@ -46,6 +44,7 @@ var ROWS = [{
|
|
|
46
44
|
id: 0,
|
|
47
45
|
title: 'Avatar',
|
|
48
46
|
gross: 2847246203,
|
|
47
|
+
budget: 237000000,
|
|
49
48
|
director: 'James Cameron',
|
|
50
49
|
company: '20th Century Fox',
|
|
51
50
|
year: 2009,
|
|
@@ -57,6 +56,7 @@ var ROWS = [{
|
|
|
57
56
|
id: 1,
|
|
58
57
|
title: 'Avengers: Endgame',
|
|
59
58
|
gross: 2797501328,
|
|
59
|
+
budget: 356000000,
|
|
60
60
|
director: 'Anthony & Joe Russo',
|
|
61
61
|
company: 'Disney Studios',
|
|
62
62
|
year: 2019,
|
|
@@ -69,6 +69,7 @@ var ROWS = [{
|
|
|
69
69
|
id: 2,
|
|
70
70
|
title: 'Titanic',
|
|
71
71
|
gross: 2187425379,
|
|
72
|
+
budget: 200000000,
|
|
72
73
|
director: 'James Cameron',
|
|
73
74
|
company: '20th Century Fox',
|
|
74
75
|
year: 1997,
|
|
@@ -80,6 +81,7 @@ var ROWS = [{
|
|
|
80
81
|
id: 3,
|
|
81
82
|
title: 'Star Wars: The Force Awakens',
|
|
82
83
|
gross: 2068223624,
|
|
84
|
+
budget: 306000000,
|
|
83
85
|
director: 'J. J. Abrams',
|
|
84
86
|
company: 'Disney Studios',
|
|
85
87
|
year: 2015,
|
|
@@ -92,6 +94,7 @@ var ROWS = [{
|
|
|
92
94
|
id: 4,
|
|
93
95
|
title: 'Avengers: Infinity War',
|
|
94
96
|
gross: 2048359754,
|
|
97
|
+
budget: 321000000,
|
|
95
98
|
director: 'Anthony & Joe Russo',
|
|
96
99
|
company: 'Disney Studios',
|
|
97
100
|
year: 2018,
|
|
@@ -104,6 +107,7 @@ var ROWS = [{
|
|
|
104
107
|
id: 5,
|
|
105
108
|
title: 'Spider-Man: No Way Home',
|
|
106
109
|
gross: 1892768346,
|
|
110
|
+
budget: 200000000,
|
|
107
111
|
director: 'Jon Watts',
|
|
108
112
|
company: 'Disney Studios',
|
|
109
113
|
year: 2021,
|
|
@@ -116,6 +120,7 @@ var ROWS = [{
|
|
|
116
120
|
id: 6,
|
|
117
121
|
title: 'Jurassic World',
|
|
118
122
|
gross: 1671713208,
|
|
123
|
+
budget: 150000000,
|
|
119
124
|
director: 'Colin Trevorrow',
|
|
120
125
|
company: 'Universal Pictures',
|
|
121
126
|
year: 2015,
|
|
@@ -128,6 +133,7 @@ var ROWS = [{
|
|
|
128
133
|
id: 7,
|
|
129
134
|
title: 'The Lion King',
|
|
130
135
|
gross: 1656943394,
|
|
136
|
+
budget: 260000000,
|
|
131
137
|
director: 'Jon Favreau',
|
|
132
138
|
company: 'Disney Studios',
|
|
133
139
|
year: 2019,
|
|
@@ -139,6 +145,7 @@ var ROWS = [{
|
|
|
139
145
|
id: 8,
|
|
140
146
|
title: 'The Avengers',
|
|
141
147
|
gross: 1518812988,
|
|
148
|
+
budget: 220000000,
|
|
142
149
|
director: 'Joss Whedon',
|
|
143
150
|
company: 'Disney Studios',
|
|
144
151
|
year: 2012,
|
|
@@ -151,6 +158,7 @@ var ROWS = [{
|
|
|
151
158
|
id: 9,
|
|
152
159
|
title: 'Furious 7',
|
|
153
160
|
gross: 1516045911,
|
|
161
|
+
budget: 190000000,
|
|
154
162
|
director: 'James Wan',
|
|
155
163
|
company: 'Universal Pictures',
|
|
156
164
|
year: 2015,
|
|
@@ -163,6 +171,7 @@ var ROWS = [{
|
|
|
163
171
|
id: 10,
|
|
164
172
|
title: 'Frozen II',
|
|
165
173
|
gross: 1450026933,
|
|
174
|
+
budget: 150000000,
|
|
166
175
|
director: 'Chris Buck & Jennifer Lee',
|
|
167
176
|
company: 'Disney Studios',
|
|
168
177
|
year: 2019,
|
|
@@ -175,6 +184,7 @@ var ROWS = [{
|
|
|
175
184
|
id: 11,
|
|
176
185
|
title: 'Avengers: Age of Ultron',
|
|
177
186
|
gross: 1402804868,
|
|
187
|
+
budget: 280000000,
|
|
178
188
|
director: 'Joss Whedon',
|
|
179
189
|
company: 'Disney Studios',
|
|
180
190
|
year: 2015,
|
|
@@ -187,6 +197,7 @@ var ROWS = [{
|
|
|
187
197
|
id: 12,
|
|
188
198
|
title: 'Black Panther',
|
|
189
199
|
gross: 1347280838,
|
|
200
|
+
budget: 200000000,
|
|
190
201
|
director: 'Ryan Coogler',
|
|
191
202
|
company: 'Disney Studios',
|
|
192
203
|
year: 2018,
|
|
@@ -199,6 +210,7 @@ var ROWS = [{
|
|
|
199
210
|
id: 13,
|
|
200
211
|
title: 'Harry Potter and the Deathly Hallows – Part 2',
|
|
201
212
|
gross: 1342025430,
|
|
213
|
+
budget: 125000000,
|
|
202
214
|
director: 'David Yates',
|
|
203
215
|
company: 'Warner Bros. Pictures',
|
|
204
216
|
year: 2011,
|
|
@@ -211,6 +223,7 @@ var ROWS = [{
|
|
|
211
223
|
id: 14,
|
|
212
224
|
title: 'Star Wars: The Last Jedi',
|
|
213
225
|
gross: 1332539889,
|
|
226
|
+
budget: 317000000,
|
|
214
227
|
director: 'Rian Johnson',
|
|
215
228
|
company: 'Disney Studios',
|
|
216
229
|
year: 2017,
|
|
@@ -223,6 +236,7 @@ var ROWS = [{
|
|
|
223
236
|
id: 15,
|
|
224
237
|
title: 'Jurassic World: Fallen Kingdom',
|
|
225
238
|
gross: 1309484461,
|
|
239
|
+
budget: 170000000,
|
|
226
240
|
director: 'J. A. Bayona',
|
|
227
241
|
company: 'Universal Pictures',
|
|
228
242
|
year: 2018,
|
|
@@ -235,6 +249,7 @@ var ROWS = [{
|
|
|
235
249
|
id: 16,
|
|
236
250
|
title: 'Frozen',
|
|
237
251
|
gross: 1290000000,
|
|
252
|
+
budget: 150000000,
|
|
238
253
|
director: 'Chris Buck & Jennifer Lee',
|
|
239
254
|
company: 'Disney Studios',
|
|
240
255
|
year: 2013,
|
|
@@ -247,6 +262,7 @@ var ROWS = [{
|
|
|
247
262
|
id: 17,
|
|
248
263
|
title: 'Beauty and the Beast',
|
|
249
264
|
gross: 1263521136,
|
|
265
|
+
budget: 160000000,
|
|
250
266
|
director: 'Bill Condon',
|
|
251
267
|
company: 'Disney Studios',
|
|
252
268
|
year: 2017,
|
|
@@ -258,6 +274,7 @@ var ROWS = [{
|
|
|
258
274
|
id: 18,
|
|
259
275
|
title: 'Incredibles 2',
|
|
260
276
|
gross: 1242805359,
|
|
277
|
+
budget: 200000000,
|
|
261
278
|
director: 'Brad Bird',
|
|
262
279
|
company: 'Disney Studios',
|
|
263
280
|
year: 2018,
|
|
@@ -269,6 +286,7 @@ var ROWS = [{
|
|
|
269
286
|
id: 19,
|
|
270
287
|
title: 'The Fate of the Furious',
|
|
271
288
|
gross: 1238764765,
|
|
289
|
+
budget: 250000000,
|
|
272
290
|
director: 'F. Gary Gray',
|
|
273
291
|
company: 'Universal Pictures',
|
|
274
292
|
year: 2017,
|
|
@@ -281,6 +299,7 @@ var ROWS = [{
|
|
|
281
299
|
id: 20,
|
|
282
300
|
title: 'Iron Man 3',
|
|
283
301
|
gross: 1214811252,
|
|
302
|
+
budget: 200000000,
|
|
284
303
|
director: 'Shane Black',
|
|
285
304
|
company: 'Disney Studios',
|
|
286
305
|
year: 2013,
|
|
@@ -293,6 +312,7 @@ var ROWS = [{
|
|
|
293
312
|
id: 21,
|
|
294
313
|
title: 'Minions',
|
|
295
314
|
gross: 1159398397,
|
|
315
|
+
budget: 74000000,
|
|
296
316
|
director: 'Pierre Coffin & Kyle Balda',
|
|
297
317
|
company: 'Universal Pictures',
|
|
298
318
|
year: 2015,
|
|
@@ -304,6 +324,7 @@ var ROWS = [{
|
|
|
304
324
|
id: 22,
|
|
305
325
|
title: 'Captain America: Civil War',
|
|
306
326
|
gross: 1153329473,
|
|
327
|
+
budget: 250000000,
|
|
307
328
|
director: 'Anthony & Joe Russo',
|
|
308
329
|
company: 'Disney Studios',
|
|
309
330
|
year: 2016,
|
|
@@ -316,6 +337,7 @@ var ROWS = [{
|
|
|
316
337
|
id: 23,
|
|
317
338
|
title: 'Aquaman',
|
|
318
339
|
gross: 1148485886,
|
|
340
|
+
budget: 160000000,
|
|
319
341
|
director: 'James Wan',
|
|
320
342
|
company: 'Warner Bros. Pictures',
|
|
321
343
|
year: 2018,
|
|
@@ -328,6 +350,7 @@ var ROWS = [{
|
|
|
328
350
|
id: 24,
|
|
329
351
|
title: 'The Lord of the Rings: The Return of the King',
|
|
330
352
|
gross: 1146030912,
|
|
353
|
+
budget: 94000000,
|
|
331
354
|
director: 'Peter Jackson',
|
|
332
355
|
company: 'New Line Cinema',
|
|
333
356
|
year: 2003,
|
|
@@ -340,6 +363,7 @@ var ROWS = [{
|
|
|
340
363
|
id: 25,
|
|
341
364
|
title: 'Spider-Man: Far From Home',
|
|
342
365
|
gross: 1131927996,
|
|
366
|
+
budget: 160000000,
|
|
343
367
|
director: 'Jon Watts',
|
|
344
368
|
company: 'Disney Studios',
|
|
345
369
|
year: 2019,
|
|
@@ -352,6 +376,7 @@ var ROWS = [{
|
|
|
352
376
|
id: 26,
|
|
353
377
|
title: 'Captain Marvel',
|
|
354
378
|
gross: 1128274794,
|
|
379
|
+
budget: 152000000,
|
|
355
380
|
director: 'Anna Boden & Ryan Fleck',
|
|
356
381
|
company: 'Disney Studios',
|
|
357
382
|
year: 2019,
|
|
@@ -364,6 +389,7 @@ var ROWS = [{
|
|
|
364
389
|
id: 27,
|
|
365
390
|
title: 'Transformers: Dark of the Moon',
|
|
366
391
|
gross: 1123794079,
|
|
392
|
+
budget: 195000000,
|
|
367
393
|
director: 'Michael Bay',
|
|
368
394
|
company: 'Paramount Pictures',
|
|
369
395
|
year: 2011,
|
|
@@ -376,6 +402,7 @@ var ROWS = [{
|
|
|
376
402
|
id: 28,
|
|
377
403
|
title: 'Skyfall',
|
|
378
404
|
gross: 1108561013,
|
|
405
|
+
budget: 200000000,
|
|
379
406
|
director: 'Sam Mendes',
|
|
380
407
|
company: '20th Century Fox',
|
|
381
408
|
year: 2012,
|
|
@@ -388,6 +415,7 @@ var ROWS = [{
|
|
|
388
415
|
id: 29,
|
|
389
416
|
title: 'Transformers: Age of Extinction',
|
|
390
417
|
gross: 1104054072,
|
|
418
|
+
budget: 210000000,
|
|
391
419
|
director: 'Michael Bay',
|
|
392
420
|
company: 'Paramount Pictures',
|
|
393
421
|
year: 2014,
|
|
@@ -400,6 +428,7 @@ var ROWS = [{
|
|
|
400
428
|
id: 30,
|
|
401
429
|
title: 'The Dark Knight Rises',
|
|
402
430
|
gross: 1081142612,
|
|
431
|
+
budget: 250000000,
|
|
403
432
|
director: 'Christopher Nolan',
|
|
404
433
|
company: 'Warner Bros. Pictures',
|
|
405
434
|
year: 2012,
|
|
@@ -412,6 +441,7 @@ var ROWS = [{
|
|
|
412
441
|
id: 31,
|
|
413
442
|
title: 'Joker',
|
|
414
443
|
gross: 1074251311,
|
|
444
|
+
budget: 55000000,
|
|
415
445
|
director: 'Todd Phillips',
|
|
416
446
|
company: 'Warner Bros. Pictures',
|
|
417
447
|
year: 2019,
|
|
@@ -424,6 +454,7 @@ var ROWS = [{
|
|
|
424
454
|
id: 32,
|
|
425
455
|
title: 'Star Wars: The Rise of Skywalker',
|
|
426
456
|
gross: 1074144248,
|
|
457
|
+
budget: 275000000,
|
|
427
458
|
director: 'J. J. Abrams',
|
|
428
459
|
company: 'Disney Studios',
|
|
429
460
|
year: 2019,
|
|
@@ -436,6 +467,7 @@ var ROWS = [{
|
|
|
436
467
|
id: 33,
|
|
437
468
|
title: 'Toy Story 4',
|
|
438
469
|
gross: 1073394593,
|
|
470
|
+
budget: 200000000,
|
|
439
471
|
director: 'Josh Cooley',
|
|
440
472
|
company: 'Disney Studios',
|
|
441
473
|
year: 2019,
|
|
@@ -448,6 +480,7 @@ var ROWS = [{
|
|
|
448
480
|
id: 34,
|
|
449
481
|
title: 'Toy Story 3',
|
|
450
482
|
gross: 1066969703,
|
|
483
|
+
budget: 200000000,
|
|
451
484
|
director: 'Lee Unkrich',
|
|
452
485
|
company: 'Disney Studios',
|
|
453
486
|
year: 2010,
|