@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.
Files changed (117) hide show
  1. package/CHANGELOG.md +255 -15
  2. package/columns/commodities.columns.js +0 -1
  3. package/columns/employees.columns.js +0 -1
  4. package/hooks/useDemoData.js +9 -31
  5. package/hooks/useMovieData.d.ts +1 -0
  6. package/hooks/useMovieData.js +35 -1
  7. package/hooks/useQuery.js +6 -34
  8. package/index.js +1 -1
  9. package/legacy/columns/commodities.columns.js +0 -1
  10. package/legacy/columns/employees.columns.js +0 -2
  11. package/legacy/hooks/useBasicDemoData.js +6 -7
  12. package/legacy/hooks/useDemoData.js +28 -70
  13. package/legacy/hooks/useMovieData.js +35 -2
  14. package/legacy/hooks/useQuery.js +27 -64
  15. package/legacy/index.js +1 -1
  16. package/legacy/renderer/renderAvatar.js +0 -1
  17. package/legacy/renderer/renderCountry.js +3 -4
  18. package/legacy/renderer/renderEditCountry.js +2 -8
  19. package/legacy/renderer/renderEditCurrency.js +2 -8
  20. package/legacy/renderer/renderEditIncoterm.js +2 -10
  21. package/legacy/renderer/renderEditProgress.js +8 -18
  22. package/legacy/renderer/renderEditRating.js +2 -10
  23. package/legacy/renderer/renderEditStatus.js +2 -15
  24. package/legacy/renderer/renderEmail.js +0 -1
  25. package/legacy/renderer/renderIncoterm.js +0 -2
  26. package/legacy/renderer/renderLink.js +0 -2
  27. package/legacy/renderer/renderPnl.js +0 -3
  28. package/legacy/renderer/renderProgress.js +4 -5
  29. package/legacy/renderer/renderRating.js +3 -4
  30. package/legacy/renderer/renderStatus.js +8 -13
  31. package/legacy/renderer/renderTotalPrice.js +5 -6
  32. package/legacy/services/asyncWorker.js +4 -7
  33. package/legacy/services/basic-data-service.js +0 -5
  34. package/legacy/services/random-generator.js +6 -20
  35. package/legacy/services/real-data-service.js +0 -9
  36. package/legacy/services/tree-data-generator.js +6 -22
  37. package/modern/columns/commodities.columns.js +0 -1
  38. package/modern/columns/employees.columns.js +0 -1
  39. package/modern/hooks/useDemoData.js +9 -27
  40. package/modern/hooks/useMovieData.js +35 -1
  41. package/modern/hooks/useQuery.js +6 -32
  42. package/modern/index.js +1 -1
  43. package/modern/renderer/renderAvatar.js +0 -1
  44. package/modern/renderer/renderCountry.js +3 -4
  45. package/modern/renderer/renderEditCountry.js +0 -3
  46. package/modern/renderer/renderEditCurrency.js +0 -3
  47. package/modern/renderer/renderEditIncoterm.js +0 -5
  48. package/modern/renderer/renderEditProgress.js +1 -8
  49. package/modern/renderer/renderEditRating.js +0 -5
  50. package/modern/renderer/renderEditStatus.js +0 -10
  51. package/modern/renderer/renderIncoterm.js +0 -2
  52. package/modern/renderer/renderLink.js +0 -2
  53. package/modern/renderer/renderPnl.js +0 -3
  54. package/modern/renderer/renderProgress.js +4 -5
  55. package/modern/renderer/renderRating.js +3 -4
  56. package/modern/renderer/renderStatus.js +8 -13
  57. package/modern/renderer/renderTotalPrice.js +5 -6
  58. package/modern/services/asyncWorker.js +2 -4
  59. package/modern/services/basic-data-service.js +0 -5
  60. package/modern/services/random-generator.js +6 -19
  61. package/modern/services/real-data-service.js +0 -9
  62. package/modern/services/tree-data-generator.js +0 -14
  63. package/node/columns/commodities.columns.js +1 -8
  64. package/node/columns/employees.columns.js +1 -8
  65. package/node/columns/index.js +0 -4
  66. package/node/hooks/index.js +0 -8
  67. package/node/hooks/useBasicDemoData.js +0 -6
  68. package/node/hooks/useDemoData.js +17 -62
  69. package/node/hooks/useMovieData.js +35 -3
  70. package/node/hooks/useQuery.js +8 -48
  71. package/node/index.js +1 -9
  72. package/node/renderer/index.js +0 -32
  73. package/node/renderer/renderAvatar.js +0 -8
  74. package/node/renderer/renderCountry.js +3 -12
  75. package/node/renderer/renderEditCountry.js +0 -16
  76. package/node/renderer/renderEditCurrency.js +0 -16
  77. package/node/renderer/renderEditIncoterm.js +0 -17
  78. package/node/renderer/renderEditProgress.js +2 -22
  79. package/node/renderer/renderEditRating.js +0 -14
  80. package/node/renderer/renderEditStatus.js +0 -26
  81. package/node/renderer/renderEmail.js +1 -9
  82. package/node/renderer/renderIncoterm.js +0 -12
  83. package/node/renderer/renderLink.js +0 -9
  84. package/node/renderer/renderPnl.js +0 -12
  85. package/node/renderer/renderProgress.js +4 -14
  86. package/node/renderer/renderRating.js +3 -13
  87. package/node/renderer/renderStatus.js +8 -26
  88. package/node/renderer/renderTotalPrice.js +5 -15
  89. package/node/services/asyncWorker.js +2 -5
  90. package/node/services/basic-data-service.js +0 -7
  91. package/node/services/index.js +0 -8
  92. package/node/services/random-generator.js +7 -105
  93. package/node/services/real-data-service.js +0 -12
  94. package/node/services/static-data.js +0 -2
  95. package/node/services/tree-data-generator.js +1 -22
  96. package/package.json +5 -5
  97. package/renderer/renderAvatar.js +0 -1
  98. package/renderer/renderCountry.js +3 -4
  99. package/renderer/renderEditCountry.js +0 -3
  100. package/renderer/renderEditCurrency.js +0 -3
  101. package/renderer/renderEditIncoterm.js +0 -5
  102. package/renderer/renderEditProgress.js +1 -8
  103. package/renderer/renderEditRating.js +0 -5
  104. package/renderer/renderEditStatus.js +0 -10
  105. package/renderer/renderEmail.js +0 -1
  106. package/renderer/renderIncoterm.js +0 -2
  107. package/renderer/renderLink.js +0 -2
  108. package/renderer/renderPnl.js +0 -3
  109. package/renderer/renderProgress.js +4 -5
  110. package/renderer/renderRating.js +3 -4
  111. package/renderer/renderStatus.js +8 -13
  112. package/renderer/renderTotalPrice.js +5 -6
  113. package/services/asyncWorker.js +2 -4
  114. package/services/basic-data-service.js +0 -5
  115. package/services/random-generator.js +6 -20
  116. package/services/real-data-service.js +0 -9
  117. package/services/tree-data-generator.js +0 -15
@@ -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); // Freeze properties before freezing self
87
- // eslint-disable-next-line no-restricted-syntax
72
+ var propNames = Object.getOwnPropertyNames(object);
88
73
 
89
- var _iterator = _createForOfIteratorHelper(propNames),
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
- _React$useState2 = _slicedToArray(_React$useState, 2),
155
- rowLength = _React$useState2[0],
156
- setRowLength = _React$useState2[1];
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
- _React$useState4 = _slicedToArray(_React$useState3, 2),
160
- index = _React$useState4[0],
161
- setIndex = _React$useState4[1];
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
- _React$useState6 = _slicedToArray(_React$useState5, 2),
165
- loading = _React$useState6[0],
166
- setLoading = _React$useState6[1];
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
- return addTreeDataOptionsToDemoData({
179
- columns: columns,
180
- rows: [],
181
- initialState: getInitialState(options, columns)
182
- }, options.treeData);
183
- }),
184
- _React$useState8 = _slicedToArray(_React$useState7, 2),
185
- data = _React$useState8[0],
186
- setData = _React$useState8[1];
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); // Cache to allow fast switch between the JavaScript and TypeScript version
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
- }); // It's quite slow. No need for it in production.
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,