@cubejs-client/react 0.35.0 → 0.35.23
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/dist/cubejs-client-react.esm.js +76 -147
- package/dist/cubejs-client-react.esm.js.map +1 -1
- package/dist/cubejs-client-react.js +128 -321
- package/dist/cubejs-client-react.js.map +1 -1
- package/dist/cubejs-client-react.umd.js +198 -538
- package/dist/cubejs-client-react.umd.js.map +1 -1
- package/package.json +3 -3
|
@@ -70,41 +70,30 @@ var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
|
|
|
70
70
|
|
|
71
71
|
var CubeContext = /*#__PURE__*/React.createContext(null);
|
|
72
72
|
|
|
73
|
-
function ownKeys$6(
|
|
74
|
-
|
|
75
|
-
function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
76
|
-
|
|
73
|
+
function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
74
|
+
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default['default'](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
77
75
|
function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
|
|
78
|
-
|
|
79
|
-
function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
80
|
-
|
|
76
|
+
function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
81
77
|
var QueryRenderer = /*#__PURE__*/function (_React$Component) {
|
|
82
78
|
_inherits__default['default'](QueryRenderer, _React$Component);
|
|
83
|
-
|
|
84
79
|
var _super = _createSuper$1(QueryRenderer);
|
|
85
|
-
|
|
86
80
|
function QueryRenderer(props) {
|
|
87
81
|
var _this;
|
|
88
|
-
|
|
89
82
|
_classCallCheck__default['default'](this, QueryRenderer);
|
|
90
|
-
|
|
91
83
|
_this = _super.call(this, props);
|
|
92
84
|
_this.state = {};
|
|
93
85
|
_this.mutexObj = {};
|
|
94
86
|
return _this;
|
|
95
87
|
}
|
|
96
|
-
|
|
97
88
|
_createClass__default['default'](QueryRenderer, [{
|
|
98
89
|
key: "componentDidMount",
|
|
99
90
|
value: function componentDidMount() {
|
|
100
91
|
var _this$props = this.props,
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
92
|
+
query = _this$props.query,
|
|
93
|
+
queries = _this$props.queries;
|
|
104
94
|
if (query) {
|
|
105
95
|
this.load(query);
|
|
106
96
|
}
|
|
107
|
-
|
|
108
97
|
if (queries) {
|
|
109
98
|
this.loadQueries(queries);
|
|
110
99
|
}
|
|
@@ -113,30 +102,26 @@ var QueryRenderer = /*#__PURE__*/function (_React$Component) {
|
|
|
113
102
|
key: "shouldComponentUpdate",
|
|
114
103
|
value: function shouldComponentUpdate(nextProps, nextState) {
|
|
115
104
|
var _this$props2 = this.props,
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
105
|
+
query = _this$props2.query,
|
|
106
|
+
queries = _this$props2.queries,
|
|
107
|
+
render = _this$props2.render,
|
|
108
|
+
cubeApi = _this$props2.cubeApi,
|
|
109
|
+
loadSql = _this$props2.loadSql,
|
|
110
|
+
updateOnlyOnStateChange = _this$props2.updateOnlyOnStateChange;
|
|
123
111
|
if (!updateOnlyOnStateChange) {
|
|
124
112
|
return true;
|
|
125
113
|
}
|
|
126
|
-
|
|
127
114
|
return !ramda.equals(nextProps.query, query) || !ramda.equals(nextProps.queries, queries) || (nextProps.render == null || render == null) && nextProps.render !== render || nextProps.cubeApi !== cubeApi || nextProps.loadSql !== loadSql || !ramda.equals(nextState, this.state) || nextProps.updateOnlyOnStateChange !== updateOnlyOnStateChange;
|
|
128
115
|
}
|
|
129
116
|
}, {
|
|
130
117
|
key: "componentDidUpdate",
|
|
131
118
|
value: function componentDidUpdate(prevProps) {
|
|
132
119
|
var _this$props3 = this.props,
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
120
|
+
query = _this$props3.query,
|
|
121
|
+
queries = _this$props3.queries;
|
|
136
122
|
if (!ramda.equals(prevProps.query, query)) {
|
|
137
123
|
this.load(query);
|
|
138
124
|
}
|
|
139
|
-
|
|
140
125
|
if (!ramda.equals(prevProps.queries, queries)) {
|
|
141
126
|
this.loadQueries(queries);
|
|
142
127
|
}
|
|
@@ -151,7 +136,6 @@ var QueryRenderer = /*#__PURE__*/function (_React$Component) {
|
|
|
151
136
|
key: "load",
|
|
152
137
|
value: function load(query) {
|
|
153
138
|
var _this2 = this;
|
|
154
|
-
|
|
155
139
|
var resetResultSetOnChange = this.props.resetResultSetOnChange;
|
|
156
140
|
this.setState(_objectSpread$6({
|
|
157
141
|
isLoading: true,
|
|
@@ -162,7 +146,6 @@ var QueryRenderer = /*#__PURE__*/function (_React$Component) {
|
|
|
162
146
|
} : {}));
|
|
163
147
|
var loadSql = this.props.loadSql;
|
|
164
148
|
var cubeApi = this.cubeApi();
|
|
165
|
-
|
|
166
149
|
if (query && core.isQueryPresent(query)) {
|
|
167
150
|
if (loadSql === 'only') {
|
|
168
151
|
cubeApi.sql(query, {
|
|
@@ -191,9 +174,8 @@ var QueryRenderer = /*#__PURE__*/function (_React$Component) {
|
|
|
191
174
|
mutexKey: 'query'
|
|
192
175
|
})]).then(function (_ref) {
|
|
193
176
|
var _ref2 = _slicedToArray__default['default'](_ref, 2),
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
177
|
+
sqlQuery = _ref2[0],
|
|
178
|
+
resultSet = _ref2[1];
|
|
197
179
|
return _this2.setState({
|
|
198
180
|
sqlQuery: sqlQuery,
|
|
199
181
|
resultSet: resultSet,
|
|
@@ -233,7 +215,6 @@ var QueryRenderer = /*#__PURE__*/function (_React$Component) {
|
|
|
233
215
|
key: "loadQueries",
|
|
234
216
|
value: function loadQueries(queries) {
|
|
235
217
|
var _this3 = this;
|
|
236
|
-
|
|
237
218
|
var cubeApi = this.cubeApi();
|
|
238
219
|
var resetResultSetOnChange = this.props.resetResultSetOnChange;
|
|
239
220
|
this.setState(_objectSpread$6(_objectSpread$6({
|
|
@@ -245,9 +226,8 @@ var QueryRenderer = /*#__PURE__*/function (_React$Component) {
|
|
|
245
226
|
}));
|
|
246
227
|
var resultPromises = Promise.all(ramda.toPairs(queries).map(function (_ref3) {
|
|
247
228
|
var _ref4 = _slicedToArray__default['default'](_ref3, 2),
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
229
|
+
name = _ref4[0],
|
|
230
|
+
query = _ref4[1];
|
|
251
231
|
return cubeApi.load(query, {
|
|
252
232
|
mutexObj: _this3.mutexObj,
|
|
253
233
|
mutexKey: name
|
|
@@ -274,13 +254,12 @@ var QueryRenderer = /*#__PURE__*/function (_React$Component) {
|
|
|
274
254
|
key: "render",
|
|
275
255
|
value: function render() {
|
|
276
256
|
var _error$response;
|
|
277
|
-
|
|
278
257
|
var _this$state = this.state,
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
258
|
+
error = _this$state.error,
|
|
259
|
+
queries = _this$state.queries,
|
|
260
|
+
resultSet = _this$state.resultSet,
|
|
261
|
+
isLoading = _this$state.isLoading,
|
|
262
|
+
sqlQuery = _this$state.sqlQuery;
|
|
284
263
|
var render = this.props.render;
|
|
285
264
|
var loadState = {
|
|
286
265
|
error: error ? new Error(((_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.plainError) || error.message || error.toString()) : null,
|
|
@@ -290,26 +269,22 @@ var QueryRenderer = /*#__PURE__*/function (_React$Component) {
|
|
|
290
269
|
},
|
|
291
270
|
sqlQuery: sqlQuery
|
|
292
271
|
};
|
|
293
|
-
|
|
294
272
|
if (render) {
|
|
295
273
|
return render(loadState);
|
|
296
274
|
}
|
|
297
|
-
|
|
298
275
|
return null;
|
|
299
276
|
}
|
|
300
277
|
}], [{
|
|
301
278
|
key: "isQueryPresent",
|
|
302
|
-
value:
|
|
279
|
+
value:
|
|
280
|
+
// @deprecated use `isQueryPresent` from `@cubejs-client/core`
|
|
303
281
|
function isQueryPresent(query) {
|
|
304
282
|
return core.isQueryPresent(query);
|
|
305
283
|
}
|
|
306
284
|
}]);
|
|
307
|
-
|
|
308
285
|
return QueryRenderer;
|
|
309
286
|
}(React__default['default'].Component);
|
|
310
|
-
|
|
311
287
|
_defineProperty__default['default'](QueryRenderer, "contextType", CubeContext);
|
|
312
|
-
|
|
313
288
|
_defineProperty__default['default'](QueryRenderer, "defaultProps", {
|
|
314
289
|
cubeApi: null,
|
|
315
290
|
query: null,
|
|
@@ -321,15 +296,11 @@ _defineProperty__default['default'](QueryRenderer, "defaultProps", {
|
|
|
321
296
|
});
|
|
322
297
|
|
|
323
298
|
var _excluded$1 = ["query"];
|
|
324
|
-
|
|
325
|
-
function
|
|
326
|
-
|
|
327
|
-
function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
328
|
-
|
|
299
|
+
function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
300
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty__default['default'](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
329
301
|
var QueryRendererWithTotals = function QueryRendererWithTotals(_ref) {
|
|
330
302
|
var query = _ref.query,
|
|
331
|
-
|
|
332
|
-
|
|
303
|
+
restProps = _objectWithoutProperties__default['default'](_ref, _excluded$1);
|
|
333
304
|
return /*#__PURE__*/React__default['default'].createElement(QueryRenderer, _extends__default['default']({
|
|
334
305
|
queries: {
|
|
335
306
|
totals: _objectSpread$5(_objectSpread$5({}, query), {}, {
|
|
@@ -349,32 +320,25 @@ function removeEmpty(obj) {
|
|
|
349
320
|
if (_typeof__default['default'](obj) !== 'object') {
|
|
350
321
|
return obj;
|
|
351
322
|
}
|
|
352
|
-
|
|
353
323
|
return Object.fromEntries(Object.entries(obj).filter(function (_ref) {
|
|
354
324
|
var _ref2 = _slicedToArray__default['default'](_ref, 2),
|
|
355
|
-
|
|
356
|
-
|
|
325
|
+
v = _ref2[1];
|
|
357
326
|
return v != null;
|
|
358
327
|
}).map(function (_ref3) {
|
|
359
328
|
var _ref4 = _slicedToArray__default['default'](_ref3, 2),
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
329
|
+
k = _ref4[0],
|
|
330
|
+
v = _ref4[1];
|
|
363
331
|
if (Array.isArray(v)) {
|
|
364
332
|
return [k, v.map(removeEmpty)];
|
|
365
333
|
}
|
|
366
|
-
|
|
367
334
|
return [k, _typeof__default['default'](v) === 'object' ? removeEmpty(v) : v];
|
|
368
335
|
}));
|
|
369
336
|
}
|
|
370
337
|
|
|
371
|
-
function ownKeys$4(
|
|
372
|
-
|
|
373
|
-
function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
374
|
-
|
|
338
|
+
function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
339
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__default['default'](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
375
340
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
|
|
376
|
-
|
|
377
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
341
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
378
342
|
var granularities = [{
|
|
379
343
|
name: undefined,
|
|
380
344
|
title: 'w/o grouping'
|
|
@@ -403,22 +367,15 @@ var granularities = [{
|
|
|
403
367
|
name: 'year',
|
|
404
368
|
title: 'Year'
|
|
405
369
|
}];
|
|
406
|
-
|
|
407
370
|
var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
408
371
|
_inherits__default['default'](QueryBuilder, _React$Component);
|
|
409
|
-
|
|
410
372
|
var _super = _createSuper(QueryBuilder);
|
|
411
|
-
|
|
412
373
|
function QueryBuilder(props) {
|
|
413
374
|
var _this;
|
|
414
|
-
|
|
415
375
|
_classCallCheck__default['default'](this, QueryBuilder);
|
|
416
|
-
|
|
417
376
|
_this = _super.call(this, props);
|
|
418
|
-
|
|
419
377
|
_defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "fetchMeta", /*#__PURE__*/_asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee() {
|
|
420
378
|
var meta, metaError, richMetaError, metaErrorStack, _error$response, _error$response2, _error$response2$stac;
|
|
421
|
-
|
|
422
379
|
return _regeneratorRuntime__default['default'].wrap(function _callee$(_context) {
|
|
423
380
|
while (1) {
|
|
424
381
|
switch (_context.prev = _context.next) {
|
|
@@ -427,34 +384,27 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
427
384
|
_context.next = 2;
|
|
428
385
|
break;
|
|
429
386
|
}
|
|
430
|
-
|
|
431
387
|
return _context.abrupt("return");
|
|
432
|
-
|
|
433
388
|
case 2:
|
|
434
389
|
metaError = null;
|
|
435
390
|
richMetaError = null;
|
|
436
391
|
metaErrorStack = null;
|
|
437
392
|
_context.prev = 5;
|
|
438
|
-
|
|
439
393
|
_this.setState({
|
|
440
394
|
isFetchingMeta: true
|
|
441
395
|
});
|
|
442
|
-
|
|
443
396
|
_context.next = 9;
|
|
444
397
|
return _this.cubeApi().meta();
|
|
445
|
-
|
|
446
398
|
case 9:
|
|
447
399
|
meta = _context.sent;
|
|
448
400
|
_context.next = 17;
|
|
449
401
|
break;
|
|
450
|
-
|
|
451
402
|
case 12:
|
|
452
403
|
_context.prev = 12;
|
|
453
404
|
_context.t0 = _context["catch"](5);
|
|
454
405
|
metaError = ((_error$response = _context.t0.response) === null || _error$response === void 0 ? void 0 : _error$response.plainError) || _context.t0;
|
|
455
406
|
richMetaError = _context.t0;
|
|
456
407
|
metaErrorStack = ((_error$response2 = _context.t0.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$stac = _error$response2.stack) === null || _error$response2$stac === void 0 ? void 0 : _error$response2$stac.replace(_context.t0.message || '', '')) || '';
|
|
457
|
-
|
|
458
408
|
case 17:
|
|
459
409
|
_this.setState({
|
|
460
410
|
meta: meta,
|
|
@@ -467,7 +417,6 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
467
417
|
// This will catch any new missing members, and also validate the query against the new meta
|
|
468
418
|
_this.updateQuery({});
|
|
469
419
|
});
|
|
470
|
-
|
|
471
420
|
case 18:
|
|
472
421
|
case "end":
|
|
473
422
|
return _context.stop();
|
|
@@ -475,7 +424,6 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
475
424
|
}
|
|
476
425
|
}, _callee, null, [[5, 12]]);
|
|
477
426
|
})));
|
|
478
|
-
|
|
479
427
|
_this.state = _objectSpread$4(_objectSpread$4({
|
|
480
428
|
query: props.defaultQuery || props.query,
|
|
481
429
|
chartType: props.defaultChartType,
|
|
@@ -490,7 +438,6 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
490
438
|
_this.orderMembersOrderKeys = [];
|
|
491
439
|
return _this;
|
|
492
440
|
}
|
|
493
|
-
|
|
494
441
|
_createClass__default['default'](QueryBuilder, [{
|
|
495
442
|
key: "componentDidMount",
|
|
496
443
|
value: function () {
|
|
@@ -502,7 +449,6 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
502
449
|
this.prevContext = this.context;
|
|
503
450
|
_context2.next = 3;
|
|
504
451
|
return this.fetchMeta();
|
|
505
|
-
|
|
506
452
|
case 3:
|
|
507
453
|
case "end":
|
|
508
454
|
return _context2.stop();
|
|
@@ -510,11 +456,9 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
510
456
|
}
|
|
511
457
|
}, _callee2, this);
|
|
512
458
|
}));
|
|
513
|
-
|
|
514
459
|
function componentDidMount() {
|
|
515
460
|
return _componentDidMount.apply(this, arguments);
|
|
516
461
|
}
|
|
517
|
-
|
|
518
462
|
return componentDidMount;
|
|
519
463
|
}()
|
|
520
464
|
}, {
|
|
@@ -522,40 +466,32 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
522
466
|
value: function () {
|
|
523
467
|
var _componentDidUpdate = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee4(prevProps) {
|
|
524
468
|
var _this$prevContext,
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
469
|
+
_this$context,
|
|
470
|
+
_this2 = this;
|
|
528
471
|
var _this$props, schemaVersion, onSchemaChange, meta, newMeta;
|
|
529
|
-
|
|
530
472
|
return _regeneratorRuntime__default['default'].wrap(function _callee4$(_context4) {
|
|
531
473
|
while (1) {
|
|
532
474
|
switch (_context4.prev = _context4.next) {
|
|
533
475
|
case 0:
|
|
534
476
|
_this$props = this.props, schemaVersion = _this$props.schemaVersion, onSchemaChange = _this$props.onSchemaChange;
|
|
535
477
|
meta = this.state.meta;
|
|
536
|
-
|
|
537
478
|
if (!(((_this$prevContext = this.prevContext) === null || _this$prevContext === void 0 ? void 0 : _this$prevContext.cubeApi) !== ((_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.cubeApi))) {
|
|
538
479
|
_context4.next = 6;
|
|
539
480
|
break;
|
|
540
481
|
}
|
|
541
|
-
|
|
542
482
|
this.prevContext = this.context;
|
|
543
483
|
_context4.next = 6;
|
|
544
484
|
return this.fetchMeta();
|
|
545
|
-
|
|
546
485
|
case 6:
|
|
547
486
|
if (!(prevProps.schemaVersion !== schemaVersion)) {
|
|
548
487
|
_context4.next = 17;
|
|
549
488
|
break;
|
|
550
489
|
}
|
|
551
|
-
|
|
552
490
|
_context4.prev = 7;
|
|
553
491
|
_context4.next = 10;
|
|
554
492
|
return this.cubeApi().meta();
|
|
555
|
-
|
|
556
493
|
case 10:
|
|
557
494
|
newMeta = _context4.sent;
|
|
558
|
-
|
|
559
495
|
if (!ramda.equals(newMeta, meta) && typeof onSchemaChange === 'function') {
|
|
560
496
|
onSchemaChange({
|
|
561
497
|
schemaVersion: schemaVersion,
|
|
@@ -567,7 +503,6 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
567
503
|
case 0:
|
|
568
504
|
_context3.next = 2;
|
|
569
505
|
return _this2.fetchMeta();
|
|
570
|
-
|
|
571
506
|
case 2:
|
|
572
507
|
case "end":
|
|
573
508
|
return _context3.stop();
|
|
@@ -575,19 +510,15 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
575
510
|
}
|
|
576
511
|
}, _callee3);
|
|
577
512
|
}));
|
|
578
|
-
|
|
579
513
|
function refresh() {
|
|
580
514
|
return _refresh.apply(this, arguments);
|
|
581
515
|
}
|
|
582
|
-
|
|
583
516
|
return refresh;
|
|
584
517
|
}()
|
|
585
518
|
});
|
|
586
519
|
}
|
|
587
|
-
|
|
588
520
|
_context4.next = 17;
|
|
589
521
|
break;
|
|
590
|
-
|
|
591
522
|
case 14:
|
|
592
523
|
_context4.prev = 14;
|
|
593
524
|
_context4.t0 = _context4["catch"](7);
|
|
@@ -595,7 +526,6 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
595
526
|
this.setState({
|
|
596
527
|
metaError: _context4.t0
|
|
597
528
|
});
|
|
598
|
-
|
|
599
529
|
case 17:
|
|
600
530
|
case "end":
|
|
601
531
|
return _context4.stop();
|
|
@@ -603,18 +533,16 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
603
533
|
}
|
|
604
534
|
}, _callee4, this, [[7, 14]]);
|
|
605
535
|
}));
|
|
606
|
-
|
|
607
536
|
function componentDidUpdate(_x) {
|
|
608
537
|
return _componentDidUpdate.apply(this, arguments);
|
|
609
538
|
}
|
|
610
|
-
|
|
611
539
|
return componentDidUpdate;
|
|
612
540
|
}()
|
|
613
541
|
}, {
|
|
614
542
|
key: "cubeApi",
|
|
615
543
|
value: function cubeApi() {
|
|
616
|
-
var cubeApi = this.props.cubeApi;
|
|
617
|
-
|
|
544
|
+
var cubeApi = this.props.cubeApi;
|
|
545
|
+
// eslint-disable-next-line react/destructuring-assignment
|
|
618
546
|
return cubeApi || this.context && this.context.cubeApi;
|
|
619
547
|
}
|
|
620
548
|
}, {
|
|
@@ -623,14 +551,11 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
623
551
|
if (!meta) {
|
|
624
552
|
return [];
|
|
625
553
|
}
|
|
626
|
-
|
|
627
554
|
return core.getQueryMembers(query).map(function (member) {
|
|
628
555
|
var resolvedMember = meta.resolveMember(member, ['measures', 'dimensions', 'segments']);
|
|
629
|
-
|
|
630
556
|
if (resolvedMember.error) {
|
|
631
557
|
return member;
|
|
632
558
|
}
|
|
633
|
-
|
|
634
559
|
return false;
|
|
635
560
|
}).filter(Boolean);
|
|
636
561
|
}
|
|
@@ -644,11 +569,9 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
644
569
|
key: "prepareRenderProps",
|
|
645
570
|
value: function prepareRenderProps(queryRendererProps) {
|
|
646
571
|
var _this3 = this;
|
|
647
|
-
|
|
648
572
|
var getName = function getName(member) {
|
|
649
573
|
return member.name;
|
|
650
574
|
};
|
|
651
|
-
|
|
652
575
|
var toTimeDimension = function toTimeDimension(member) {
|
|
653
576
|
var rangeSelection = member.compareDateRange ? {
|
|
654
577
|
compareDateRange: member.compareDateRange
|
|
@@ -660,10 +583,8 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
660
583
|
granularity: member.granularity
|
|
661
584
|
}, rangeSelection));
|
|
662
585
|
};
|
|
663
|
-
|
|
664
586
|
var toFilter = function toFilter(member) {
|
|
665
587
|
var _member$member, _member$dimension;
|
|
666
|
-
|
|
667
588
|
return _objectSpread$4({
|
|
668
589
|
member: ((_member$member = member.member) === null || _member$member === void 0 ? void 0 : _member$member.name) || ((_member$dimension = member.dimension) === null || _member$dimension === void 0 ? void 0 : _member$dimension.name),
|
|
669
590
|
operator: member.operator
|
|
@@ -671,13 +592,11 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
671
592
|
values: member.values
|
|
672
593
|
});
|
|
673
594
|
};
|
|
674
|
-
|
|
675
595
|
var updateMethods = function updateMethods(memberType) {
|
|
676
596
|
var toQuery = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getName;
|
|
677
597
|
return {
|
|
678
598
|
add: function add(member) {
|
|
679
599
|
var query = _this3.state.query;
|
|
680
|
-
|
|
681
600
|
_this3.updateQuery(_defineProperty__default['default']({}, memberType, (query[memberType] || []).concat(toQuery(member))));
|
|
682
601
|
},
|
|
683
602
|
remove: function remove(member) {
|
|
@@ -694,20 +613,19 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
694
613
|
}
|
|
695
614
|
};
|
|
696
615
|
};
|
|
697
|
-
|
|
698
616
|
var _this$state = this.state,
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
617
|
+
meta = _this$state.meta,
|
|
618
|
+
metaError = _this$state.metaError,
|
|
619
|
+
richMetaError = _this$state.richMetaError,
|
|
620
|
+
query = _this$state.query,
|
|
621
|
+
queryError = _this$state.queryError,
|
|
622
|
+
chartType = _this$state.chartType,
|
|
623
|
+
pivotConfig = _this$state.pivotConfig,
|
|
624
|
+
validatedQuery = _this$state.validatedQuery,
|
|
625
|
+
missingMembers = _this$state.missingMembers,
|
|
626
|
+
isFetchingMeta = _this$state.isFetchingMeta,
|
|
627
|
+
dryRunResponse = _this$state.dryRunResponse,
|
|
628
|
+
metaErrorStack = _this$state.metaErrorStack;
|
|
711
629
|
var flatFilters = ramda.uniqBy(function (filter) {
|
|
712
630
|
return "".concat(ramda.prop('member', filter)).concat(ramda.prop('operator', filter));
|
|
713
631
|
}, core.flattenFilters(meta && query.filters || []).map(function (filter) {
|
|
@@ -740,7 +658,6 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
740
658
|
segments: [],
|
|
741
659
|
timeDimensions: []
|
|
742
660
|
};
|
|
743
|
-
|
|
744
661
|
if (meta) {
|
|
745
662
|
availableMeasures = meta.membersForQuery(query, 'measures');
|
|
746
663
|
availableDimensions = meta.membersForQuery(query, 'dimensions');
|
|
@@ -750,7 +667,6 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
750
667
|
var cubeNames = ramda.uniq([].concat(_toConsumableArray__default['default'](Object.keys(indexedMeasures)), _toConsumableArray__default['default'](Object.keys(indexedDimensions)))).sort();
|
|
751
668
|
availableFilterMembers = cubeNames.map(function (name) {
|
|
752
669
|
var _indexedMeasures$name, _indexedDimensions$na;
|
|
753
|
-
|
|
754
670
|
var cube = indexedMeasures[name] || indexedDimensions[name];
|
|
755
671
|
return _objectSpread$4(_objectSpread$4({}, cube), {}, {
|
|
756
672
|
members: [].concat(_toConsumableArray__default['default']((_indexedMeasures$name = indexedMeasures[name]) === null || _indexedMeasures$name === void 0 ? void 0 : _indexedMeasures$name.members), _toConsumableArray__default['default']((_indexedDimensions$na = indexedDimensions[name]) === null || _indexedDimensions$na === void 0 ? void 0 : _indexedDimensions$na.members)).sort(function (a, b) {
|
|
@@ -759,7 +675,6 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
759
675
|
});
|
|
760
676
|
});
|
|
761
677
|
}
|
|
762
|
-
|
|
763
678
|
var activeOrder = Array.isArray(query.order) ? Object.fromEntries(query.order) : query.order;
|
|
764
679
|
var members = [].concat(_toConsumableArray__default['default'](measures), _toConsumableArray__default['default'](dimensions), _toConsumableArray__default['default'](timeDimensions.map(function (_ref2) {
|
|
765
680
|
var dimension = _ref2.dimension;
|
|
@@ -767,21 +682,19 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
767
682
|
})));
|
|
768
683
|
var orderMembers = ramda.uniqBy(ramda.prop('id'), _toConsumableArray__default['default'](members.map(function (_ref3) {
|
|
769
684
|
var name = _ref3.name,
|
|
770
|
-
|
|
685
|
+
title = _ref3.title;
|
|
771
686
|
return {
|
|
772
687
|
id: name,
|
|
773
688
|
title: title,
|
|
774
689
|
order: (activeOrder === null || activeOrder === void 0 ? void 0 : activeOrder[name]) || 'none'
|
|
775
690
|
};
|
|
776
691
|
})));
|
|
777
|
-
|
|
778
692
|
if (this.orderMembersOrderKeys.length !== orderMembers.length) {
|
|
779
693
|
this.orderMembersOrderKeys = orderMembers.map(function (_ref4) {
|
|
780
694
|
var id = _ref4.id;
|
|
781
695
|
return id;
|
|
782
696
|
});
|
|
783
697
|
}
|
|
784
|
-
|
|
785
698
|
if (this.orderMembersOrderKeys.length) {
|
|
786
699
|
// Preserve order until the members change or manually re-ordered
|
|
787
700
|
// This is needed so that when an order member becomes active, it doesn't jump to the top of the list
|
|
@@ -791,7 +704,6 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
791
704
|
});
|
|
792
705
|
}).filter(Boolean);
|
|
793
706
|
}
|
|
794
|
-
|
|
795
707
|
return _objectSpread$4({
|
|
796
708
|
meta: meta,
|
|
797
709
|
metaError: metaError,
|
|
@@ -833,7 +745,6 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
833
745
|
updateOrder: {
|
|
834
746
|
set: function set(memberId) {
|
|
835
747
|
var newOrder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'asc';
|
|
836
|
-
|
|
837
748
|
_this3.updateQuery({
|
|
838
749
|
order: orderMembers.map(function (orderMember) {
|
|
839
750
|
return _objectSpread$4(_objectSpread$4({}, orderMember), {}, {
|
|
@@ -841,7 +752,7 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
841
752
|
});
|
|
842
753
|
}).reduce(function (acc, _ref5) {
|
|
843
754
|
var id = _ref5.id,
|
|
844
|
-
|
|
755
|
+
order = _ref5.order;
|
|
845
756
|
return order !== 'none' ? [].concat(_toConsumableArray__default['default'](acc), [[id, order]]) : acc;
|
|
846
757
|
}, [])
|
|
847
758
|
});
|
|
@@ -855,17 +766,15 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
855
766
|
if (sourceIndex == null || destinationIndex == null) {
|
|
856
767
|
return;
|
|
857
768
|
}
|
|
858
|
-
|
|
859
769
|
var nextArray = core.moveItemInArray(orderMembers, sourceIndex, destinationIndex);
|
|
860
770
|
_this3.orderMembersOrderKeys = nextArray.map(function (_ref6) {
|
|
861
771
|
var id = _ref6.id;
|
|
862
772
|
return id;
|
|
863
773
|
});
|
|
864
|
-
|
|
865
774
|
_this3.updateQuery({
|
|
866
775
|
order: nextArray.reduce(function (acc, _ref7) {
|
|
867
776
|
var id = _ref7.id,
|
|
868
|
-
|
|
777
|
+
order = _ref7.order;
|
|
869
778
|
return order !== 'none' ? [].concat(_toConsumableArray__default['default'](acc), [[id, order]]) : acc;
|
|
870
779
|
}, [])
|
|
871
780
|
});
|
|
@@ -875,17 +784,15 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
875
784
|
updatePivotConfig: {
|
|
876
785
|
moveItem: function moveItem(_ref8) {
|
|
877
786
|
var sourceIndex = _ref8.sourceIndex,
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
787
|
+
destinationIndex = _ref8.destinationIndex,
|
|
788
|
+
sourceAxis = _ref8.sourceAxis,
|
|
789
|
+
destinationAxis = _ref8.destinationAxis;
|
|
882
790
|
_this3.updateVizState({
|
|
883
791
|
pivotConfig: core.movePivotItem(pivotConfig, sourceIndex, destinationIndex, sourceAxis, destinationAxis)
|
|
884
792
|
});
|
|
885
793
|
},
|
|
886
794
|
update: function update(config) {
|
|
887
795
|
var limit = config.limit;
|
|
888
|
-
|
|
889
796
|
_this3.updateVizState(_objectSpread$4({
|
|
890
797
|
pivotConfig: _objectSpread$4(_objectSpread$4({}, pivotConfig), config)
|
|
891
798
|
}, limit ? {
|
|
@@ -914,9 +821,7 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
914
821
|
value: function () {
|
|
915
822
|
var _updateVizState = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee5(state) {
|
|
916
823
|
var _this4 = this;
|
|
917
|
-
|
|
918
824
|
var _this$props2, setQuery, setVizState, _this$state2, stateQuery, statePivotConfig, chartType, meta, finalState, vizStateSent, handleVizStateChange, runSetters, shouldFetchDryRun, response, _error$response3;
|
|
919
|
-
|
|
920
825
|
return _regeneratorRuntime__default['default'].wrap(function _callee5$(_context5) {
|
|
921
826
|
while (1) {
|
|
922
827
|
switch (_context5.prev = _context5.next) {
|
|
@@ -924,87 +829,74 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
924
829
|
_this$props2 = this.props, setQuery = _this$props2.setQuery, setVizState = _this$props2.setVizState;
|
|
925
830
|
_this$state2 = this.state, stateQuery = _this$state2.query, statePivotConfig = _this$state2.pivotConfig, chartType = _this$state2.chartType, meta = _this$state2.meta;
|
|
926
831
|
finalState = this.applyStateChangeHeuristics(state);
|
|
927
|
-
|
|
928
832
|
if (!finalState.query) {
|
|
929
833
|
finalState.query = _objectSpread$4({}, stateQuery);
|
|
930
834
|
}
|
|
931
|
-
|
|
932
835
|
vizStateSent = null;
|
|
933
|
-
|
|
934
836
|
handleVizStateChange = function handleVizStateChange(currentState) {
|
|
935
837
|
var onVizStateChanged = _this4.props.onVizStateChanged;
|
|
936
|
-
|
|
937
838
|
if (onVizStateChanged) {
|
|
938
|
-
var newVizState = ramda.pick(['chartType', 'pivotConfig', 'query'], currentState);
|
|
939
|
-
|
|
839
|
+
var newVizState = ramda.pick(['chartType', 'pivotConfig', 'query'], currentState);
|
|
840
|
+
// Don't run callbacks more than once unless the viz state has changed since last time
|
|
940
841
|
if (!vizStateSent || !ramda.equals(vizStateSent, newVizState)) {
|
|
941
|
-
onVizStateChanged(newVizState);
|
|
942
|
-
|
|
842
|
+
onVizStateChanged(newVizState);
|
|
843
|
+
// use clone to make sure we don't save object references
|
|
943
844
|
vizStateSent = ramda.clone(newVizState);
|
|
944
845
|
}
|
|
945
846
|
}
|
|
946
847
|
}; // deprecated, setters replaced by onVizStateChanged
|
|
947
|
-
|
|
948
|
-
|
|
949
848
|
runSetters = function runSetters(currentState) {
|
|
950
849
|
if (setVizState) {
|
|
951
850
|
setVizState(ramda.pick(['chartType', 'pivotConfig', 'query'], currentState));
|
|
952
851
|
}
|
|
953
|
-
|
|
954
852
|
if (currentState.query && setQuery) {
|
|
955
853
|
setQuery(currentState.query);
|
|
956
854
|
}
|
|
957
855
|
};
|
|
958
|
-
|
|
959
856
|
if (finalState.shouldApplyHeuristicOrder) {
|
|
960
857
|
finalState.query.order = core.defaultOrder(finalState.query);
|
|
961
858
|
}
|
|
962
|
-
|
|
963
859
|
finalState.pivotConfig = core.ResultSet.getNormalizedPivotConfig(finalState.query, finalState.pivotConfig !== undefined ? finalState.pivotConfig : statePivotConfig);
|
|
964
860
|
finalState.missingMembers = this.getMissingMembers(finalState.query, meta);
|
|
965
|
-
finalState.chartType = finalState.chartType || state.chartType || chartType;
|
|
861
|
+
finalState.chartType = finalState.chartType || state.chartType || chartType;
|
|
966
862
|
|
|
863
|
+
// deprecated
|
|
967
864
|
runSetters(_objectSpread$4(_objectSpread$4({}, state), {}, {
|
|
968
865
|
query: finalState.query
|
|
969
|
-
}));
|
|
866
|
+
}));
|
|
970
867
|
|
|
868
|
+
// Update optimistically so that UI does not stutter
|
|
971
869
|
this.setState(_objectSpread$4(_objectSpread$4({}, finalState), {}, {
|
|
972
870
|
queryError: null
|
|
973
871
|
}));
|
|
974
872
|
handleVizStateChange(finalState);
|
|
975
873
|
shouldFetchDryRun = !ramda.equals(ramda.pick(['measures', 'dimensions', 'timeDimensions'], stateQuery), ramda.pick(['measures', 'dimensions', 'timeDimensions'], finalState.query));
|
|
976
|
-
|
|
977
874
|
if (!(shouldFetchDryRun && core.isQueryPresent(finalState.query) && finalState.missingMembers.length === 0)) {
|
|
978
875
|
_context5.next = 30;
|
|
979
876
|
break;
|
|
980
877
|
}
|
|
981
|
-
|
|
982
878
|
_context5.prev = 16;
|
|
983
879
|
_context5.next = 19;
|
|
984
880
|
return this.cubeApi().dryRun(finalState.query, {
|
|
985
881
|
mutexObj: this.mutexObj
|
|
986
882
|
});
|
|
987
|
-
|
|
988
883
|
case 19:
|
|
989
884
|
response = _context5.sent;
|
|
990
|
-
|
|
991
885
|
if (finalState.shouldApplyHeuristicOrder) {
|
|
992
886
|
finalState.query.order = (response.queryOrder || []).reduce(function (memo, current) {
|
|
993
887
|
return _objectSpread$4(_objectSpread$4({}, memo), current);
|
|
994
888
|
}, {});
|
|
995
889
|
}
|
|
996
|
-
|
|
997
890
|
finalState.pivotConfig = core.ResultSet.getNormalizedPivotConfig(response.pivotQuery, finalState.pivotConfig);
|
|
998
891
|
finalState.validatedQuery = this.validatedQuery(finalState);
|
|
999
|
-
finalState.dryRunResponse = response;
|
|
892
|
+
finalState.dryRunResponse = response;
|
|
1000
893
|
|
|
894
|
+
// deprecated
|
|
1001
895
|
if (core.isQueryPresent(stateQuery)) {
|
|
1002
896
|
runSetters(_objectSpread$4(_objectSpread$4({}, this.state), finalState));
|
|
1003
897
|
}
|
|
1004
|
-
|
|
1005
898
|
_context5.next = 30;
|
|
1006
899
|
break;
|
|
1007
|
-
|
|
1008
900
|
case 27:
|
|
1009
901
|
_context5.prev = 27;
|
|
1010
902
|
_context5.t0 = _context5["catch"](16);
|
|
@@ -1012,12 +904,10 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
1012
904
|
queryError: new Error(((_error$response3 = _context5.t0.response) === null || _error$response3 === void 0 ? void 0 : _error$response3.plainError) || _context5.t0.message),
|
|
1013
905
|
richQueryError: new Error(_context5.t0.message || _context5.t0.toString())
|
|
1014
906
|
});
|
|
1015
|
-
|
|
1016
907
|
case 30:
|
|
1017
908
|
this.setState(finalState, function () {
|
|
1018
909
|
return handleVizStateChange(_this4.state);
|
|
1019
910
|
});
|
|
1020
|
-
|
|
1021
911
|
case 31:
|
|
1022
912
|
case "end":
|
|
1023
913
|
return _context5.stop();
|
|
@@ -1025,28 +915,25 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
1025
915
|
}
|
|
1026
916
|
}, _callee5, this, [[16, 27]]);
|
|
1027
917
|
}));
|
|
1028
|
-
|
|
1029
918
|
function updateVizState(_x2) {
|
|
1030
919
|
return _updateVizState.apply(this, arguments);
|
|
1031
920
|
}
|
|
1032
|
-
|
|
1033
921
|
return updateVizState;
|
|
1034
922
|
}()
|
|
1035
923
|
}, {
|
|
1036
924
|
key: "validatedQuery",
|
|
1037
925
|
value: function validatedQuery(state) {
|
|
1038
926
|
var _ref9 = state || this.state,
|
|
1039
|
-
|
|
1040
|
-
|
|
927
|
+
query = _ref9.query;
|
|
1041
928
|
return core.validateQuery(query);
|
|
1042
929
|
}
|
|
1043
930
|
}, {
|
|
1044
931
|
key: "defaultHeuristics",
|
|
1045
932
|
value: function defaultHeuristics(newState) {
|
|
1046
933
|
var _this$state3 = this.state,
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
934
|
+
query = _this$state3.query,
|
|
935
|
+
sessionGranularity = _this$state3.sessionGranularity,
|
|
936
|
+
meta = _this$state3.meta;
|
|
1050
937
|
return core.defaultHeuristics(newState, query, {
|
|
1051
938
|
meta: meta,
|
|
1052
939
|
sessionGranularity: sessionGranularity || 'day'
|
|
@@ -1056,26 +943,22 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
1056
943
|
key: "applyStateChangeHeuristics",
|
|
1057
944
|
value: function applyStateChangeHeuristics(newState) {
|
|
1058
945
|
var _this$props3 = this.props,
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
946
|
+
stateChangeHeuristics = _this$props3.stateChangeHeuristics,
|
|
947
|
+
disableHeuristics = _this$props3.disableHeuristics;
|
|
1062
948
|
if (disableHeuristics) {
|
|
1063
949
|
return newState;
|
|
1064
950
|
}
|
|
1065
|
-
|
|
1066
951
|
return stateChangeHeuristics && stateChangeHeuristics(this.state, newState) || this.defaultHeuristics(newState);
|
|
1067
952
|
}
|
|
1068
953
|
}, {
|
|
1069
954
|
key: "render",
|
|
1070
955
|
value: function render() {
|
|
1071
956
|
var _this5 = this;
|
|
1072
|
-
|
|
1073
957
|
var query = this.state.query;
|
|
1074
958
|
var _this$props4 = this.props,
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
959
|
+
cubeApi = _this$props4.cubeApi,
|
|
960
|
+
_render = _this$props4.render,
|
|
961
|
+
wrapWithQueryRenderer = _this$props4.wrapWithQueryRenderer;
|
|
1079
962
|
if (wrapWithQueryRenderer) {
|
|
1080
963
|
return /*#__PURE__*/React__default['default'].createElement(QueryRenderer, {
|
|
1081
964
|
query: query,
|
|
@@ -1085,7 +968,6 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
1085
968
|
if (_render) {
|
|
1086
969
|
return _render(_this5.prepareRenderProps(queryRendererProps));
|
|
1087
970
|
}
|
|
1088
|
-
|
|
1089
971
|
return null;
|
|
1090
972
|
}
|
|
1091
973
|
});
|
|
@@ -1093,39 +975,34 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
1093
975
|
if (_render) {
|
|
1094
976
|
return _render(this.prepareRenderProps());
|
|
1095
977
|
}
|
|
1096
|
-
|
|
1097
978
|
return null;
|
|
1098
979
|
}
|
|
1099
980
|
}
|
|
1100
981
|
}], [{
|
|
1101
982
|
key: "getDerivedStateFromProps",
|
|
1102
|
-
value:
|
|
983
|
+
value:
|
|
984
|
+
// This is an anti-pattern, only kept for backward compatibility
|
|
1103
985
|
// https://reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#anti-pattern-unconditionally-copying-props-to-state
|
|
1104
986
|
function getDerivedStateFromProps(props, state) {
|
|
1105
987
|
if (props.query || props.vizState) {
|
|
1106
988
|
var nextState = _objectSpread$4(_objectSpread$4({}, state), props.vizState || {});
|
|
1107
|
-
|
|
1108
989
|
if (Array.isArray(props.query)) {
|
|
1109
990
|
throw new Error('Array of queries is not supported.');
|
|
1110
991
|
}
|
|
1111
|
-
|
|
1112
992
|
return _objectSpread$4(_objectSpread$4({}, nextState), {}, {
|
|
1113
993
|
query: _objectSpread$4(_objectSpread$4({}, nextState.query), props.query || {})
|
|
1114
994
|
});
|
|
1115
995
|
}
|
|
1116
|
-
|
|
1117
996
|
return null;
|
|
1118
997
|
}
|
|
1119
998
|
}, {
|
|
1120
999
|
key: "resolveMember",
|
|
1121
1000
|
value: function resolveMember(type, _ref10) {
|
|
1122
1001
|
var meta = _ref10.meta,
|
|
1123
|
-
|
|
1124
|
-
|
|
1002
|
+
query = _ref10.query;
|
|
1125
1003
|
if (!meta) {
|
|
1126
1004
|
return [];
|
|
1127
1005
|
}
|
|
1128
|
-
|
|
1129
1006
|
if (Array.isArray(query)) {
|
|
1130
1007
|
return query.reduce(function (memo, currentQuery) {
|
|
1131
1008
|
return memo.concat(QueryBuilder.resolveMember(type, {
|
|
@@ -1134,7 +1011,6 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
1134
1011
|
}));
|
|
1135
1012
|
}, []);
|
|
1136
1013
|
}
|
|
1137
|
-
|
|
1138
1014
|
if (type === 'timeDimensions') {
|
|
1139
1015
|
return (query.timeDimensions || []).map(function (m, index) {
|
|
1140
1016
|
return _objectSpread$4(_objectSpread$4({}, m), {}, {
|
|
@@ -1145,7 +1021,6 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
1145
1021
|
});
|
|
1146
1022
|
});
|
|
1147
1023
|
}
|
|
1148
|
-
|
|
1149
1024
|
return (query[type] || []).map(function (m, index) {
|
|
1150
1025
|
return _objectSpread$4({
|
|
1151
1026
|
index: index
|
|
@@ -1153,12 +1028,9 @@ var QueryBuilder = /*#__PURE__*/function (_React$Component) {
|
|
|
1153
1028
|
});
|
|
1154
1029
|
}
|
|
1155
1030
|
}]);
|
|
1156
|
-
|
|
1157
1031
|
return QueryBuilder;
|
|
1158
1032
|
}(React__default['default'].Component);
|
|
1159
|
-
|
|
1160
1033
|
_defineProperty__default['default'](QueryBuilder, "contextType", CubeContext);
|
|
1161
|
-
|
|
1162
1034
|
_defineProperty__default['default'](QueryBuilder, "defaultProps", {
|
|
1163
1035
|
cubeApi: null,
|
|
1164
1036
|
stateChangeHeuristics: null,
|
|
@@ -1178,9 +1050,9 @@ _defineProperty__default['default'](QueryBuilder, "defaultProps", {
|
|
|
1178
1050
|
|
|
1179
1051
|
function CubeProvider(_ref) {
|
|
1180
1052
|
var cubeApi = _ref.cubeApi,
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
|
|
1053
|
+
children = _ref.children,
|
|
1054
|
+
_ref$options = _ref.options,
|
|
1055
|
+
options = _ref$options === void 0 ? {} : _ref$options;
|
|
1184
1056
|
return /*#__PURE__*/React__default['default'].createElement(CubeContext.Provider, {
|
|
1185
1057
|
value: {
|
|
1186
1058
|
cubeApi: cubeApi,
|
|
@@ -1191,11 +1063,9 @@ function CubeProvider(_ref) {
|
|
|
1191
1063
|
|
|
1192
1064
|
function useDeepCompareMemoize(value) {
|
|
1193
1065
|
var ref = React.useRef([]);
|
|
1194
|
-
|
|
1195
1066
|
if (!ramda.equals(value, ref.current)) {
|
|
1196
1067
|
ref.current = value;
|
|
1197
1068
|
}
|
|
1198
|
-
|
|
1199
1069
|
return ref.current;
|
|
1200
1070
|
}
|
|
1201
1071
|
|
|
@@ -1212,49 +1082,41 @@ function useIsMounted() {
|
|
|
1212
1082
|
};
|
|
1213
1083
|
}
|
|
1214
1084
|
|
|
1215
|
-
function ownKeys$3(
|
|
1216
|
-
|
|
1217
|
-
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1085
|
+
function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1086
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty__default['default'](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1218
1087
|
function useCubeFetch(method) {
|
|
1219
1088
|
var _options$query;
|
|
1220
|
-
|
|
1221
1089
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
1222
1090
|
var isMounted = useIsMounted();
|
|
1223
1091
|
var context = React.useContext(CubeContext);
|
|
1224
1092
|
var mutexRef = React.useRef({});
|
|
1225
|
-
|
|
1226
1093
|
var _useState = React.useState({
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
|
|
1231
|
-
|
|
1232
|
-
|
|
1233
|
-
|
|
1094
|
+
isLoading: false,
|
|
1095
|
+
response: null
|
|
1096
|
+
}),
|
|
1097
|
+
_useState2 = _slicedToArray__default['default'](_useState, 2),
|
|
1098
|
+
response = _useState2[0],
|
|
1099
|
+
setResponse = _useState2[1];
|
|
1234
1100
|
var _useState3 = React.useState(null),
|
|
1235
|
-
|
|
1236
|
-
|
|
1237
|
-
|
|
1238
|
-
|
|
1101
|
+
_useState4 = _slicedToArray__default['default'](_useState3, 2),
|
|
1102
|
+
error = _useState4[0],
|
|
1103
|
+
setError = _useState4[1];
|
|
1239
1104
|
var _options$skip = options.skip,
|
|
1240
|
-
|
|
1241
|
-
|
|
1105
|
+
skip = _options$skip === void 0 ? false : _options$skip;
|
|
1242
1106
|
function load() {
|
|
1243
1107
|
return _load.apply(this, arguments);
|
|
1244
1108
|
}
|
|
1245
|
-
|
|
1246
1109
|
function _load() {
|
|
1247
1110
|
_load = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee() {
|
|
1248
1111
|
var loadOptions,
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1112
|
+
ignoreSkip,
|
|
1113
|
+
cubeApi,
|
|
1114
|
+
query,
|
|
1115
|
+
queryCondition,
|
|
1116
|
+
coreOptions,
|
|
1117
|
+
args,
|
|
1118
|
+
_response,
|
|
1119
|
+
_args = arguments;
|
|
1258
1120
|
return _regeneratorRuntime__default['default'].wrap(function _callee$(_context) {
|
|
1259
1121
|
while (1) {
|
|
1260
1122
|
switch (_context.prev = _context.next) {
|
|
@@ -1264,12 +1126,10 @@ function useCubeFetch(method) {
|
|
|
1264
1126
|
cubeApi = options.cubeApi || (context === null || context === void 0 ? void 0 : context.cubeApi);
|
|
1265
1127
|
query = loadOptions.query || options.query;
|
|
1266
1128
|
queryCondition = method === 'meta' ? true : query && core.isQueryPresent(query);
|
|
1267
|
-
|
|
1268
1129
|
if (!(cubeApi && (ignoreSkip || !skip) && queryCondition)) {
|
|
1269
1130
|
_context.next = 20;
|
|
1270
1131
|
break;
|
|
1271
1132
|
}
|
|
1272
|
-
|
|
1273
1133
|
setError(null);
|
|
1274
1134
|
setResponse({
|
|
1275
1135
|
isLoading: true,
|
|
@@ -1283,24 +1143,19 @@ function useCubeFetch(method) {
|
|
|
1283
1143
|
_context.prev = 10;
|
|
1284
1144
|
_context.next = 13;
|
|
1285
1145
|
return cubeApi[method].apply(cubeApi, args);
|
|
1286
|
-
|
|
1287
1146
|
case 13:
|
|
1288
1147
|
_response = _context.sent;
|
|
1289
|
-
|
|
1290
1148
|
if (isMounted()) {
|
|
1291
1149
|
setResponse({
|
|
1292
1150
|
response: _response,
|
|
1293
1151
|
isLoading: false
|
|
1294
1152
|
});
|
|
1295
1153
|
}
|
|
1296
|
-
|
|
1297
1154
|
_context.next = 20;
|
|
1298
1155
|
break;
|
|
1299
|
-
|
|
1300
1156
|
case 17:
|
|
1301
1157
|
_context.prev = 17;
|
|
1302
1158
|
_context.t0 = _context["catch"](10);
|
|
1303
|
-
|
|
1304
1159
|
if (isMounted()) {
|
|
1305
1160
|
setError(_context.t0);
|
|
1306
1161
|
setResponse({
|
|
@@ -1308,7 +1163,6 @@ function useCubeFetch(method) {
|
|
|
1308
1163
|
response: null
|
|
1309
1164
|
});
|
|
1310
1165
|
}
|
|
1311
|
-
|
|
1312
1166
|
case 20:
|
|
1313
1167
|
case "end":
|
|
1314
1168
|
return _context.stop();
|
|
@@ -1318,7 +1172,6 @@ function useCubeFetch(method) {
|
|
|
1318
1172
|
}));
|
|
1319
1173
|
return _load.apply(this, arguments);
|
|
1320
1174
|
}
|
|
1321
|
-
|
|
1322
1175
|
React.useEffect(function () {
|
|
1323
1176
|
load();
|
|
1324
1177
|
}, useDeepCompareMemoize([Object.keys(((_options$query = options.query) === null || _options$query === void 0 ? void 0 : _options$query.order) || {}), options, context]));
|
|
@@ -1330,9 +1183,8 @@ function useCubeFetch(method) {
|
|
|
1330
1183
|
});
|
|
1331
1184
|
}
|
|
1332
1185
|
|
|
1333
|
-
function ownKeys$2(
|
|
1334
|
-
|
|
1335
|
-
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1186
|
+
function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1187
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty__default['default'](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1336
1188
|
function useCubeSql(query) {
|
|
1337
1189
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
1338
1190
|
return useCubeFetch('sql', _objectSpread$2(_objectSpread$2({}, options), {}, {
|
|
@@ -1340,9 +1192,8 @@ function useCubeSql(query) {
|
|
|
1340
1192
|
}));
|
|
1341
1193
|
}
|
|
1342
1194
|
|
|
1343
|
-
function ownKeys$1(
|
|
1344
|
-
|
|
1345
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1195
|
+
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1196
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default['default'](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1346
1197
|
function useDryRun(query) {
|
|
1347
1198
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
1348
1199
|
return useCubeFetch('dryRun', _objectSpread$1(_objectSpread$1({}, options), {}, {
|
|
@@ -1351,20 +1202,16 @@ function useDryRun(query) {
|
|
|
1351
1202
|
}
|
|
1352
1203
|
|
|
1353
1204
|
var _excluded = ["refetch"];
|
|
1354
|
-
|
|
1355
|
-
function
|
|
1356
|
-
|
|
1357
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1205
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1206
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default['default'](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1358
1207
|
function useLazyDryRun(query) {
|
|
1359
1208
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
1360
|
-
|
|
1361
1209
|
var _useCubeFetch = useCubeFetch('dryRun', _objectSpread(_objectSpread({}, options), {}, {
|
|
1362
|
-
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
|
|
1367
|
-
|
|
1210
|
+
query: query,
|
|
1211
|
+
skip: true
|
|
1212
|
+
})),
|
|
1213
|
+
refetch = _useCubeFetch.refetch,
|
|
1214
|
+
result = _objectWithoutProperties__default['default'](_useCubeFetch, _excluded);
|
|
1368
1215
|
return [refetch, result];
|
|
1369
1216
|
}
|
|
1370
1217
|
|
|
@@ -1372,67 +1219,53 @@ function useCubeQuery(query) {
|
|
|
1372
1219
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
1373
1220
|
var mutexRef = React.useRef({});
|
|
1374
1221
|
var isMounted = useIsMounted();
|
|
1375
|
-
|
|
1376
1222
|
var _useState = React.useState(null),
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
|
|
1223
|
+
_useState2 = _slicedToArray__default['default'](_useState, 2),
|
|
1224
|
+
currentQuery = _useState2[0],
|
|
1225
|
+
setCurrentQuery = _useState2[1];
|
|
1381
1226
|
var _useState3 = React.useState(false),
|
|
1382
|
-
|
|
1383
|
-
|
|
1384
|
-
|
|
1385
|
-
|
|
1227
|
+
_useState4 = _slicedToArray__default['default'](_useState3, 2),
|
|
1228
|
+
isLoading = _useState4[0],
|
|
1229
|
+
setLoading = _useState4[1];
|
|
1386
1230
|
var _useState5 = React.useState(null),
|
|
1387
|
-
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
|
|
1231
|
+
_useState6 = _slicedToArray__default['default'](_useState5, 2),
|
|
1232
|
+
resultSet = _useState6[0],
|
|
1233
|
+
setResultSet = _useState6[1];
|
|
1391
1234
|
var _useState7 = React.useState(null),
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1235
|
+
_useState8 = _slicedToArray__default['default'](_useState7, 2),
|
|
1236
|
+
progress = _useState8[0],
|
|
1237
|
+
setProgress = _useState8[1];
|
|
1396
1238
|
var _useState9 = React.useState(null),
|
|
1397
|
-
|
|
1398
|
-
|
|
1399
|
-
|
|
1400
|
-
|
|
1239
|
+
_useState10 = _slicedToArray__default['default'](_useState9, 2),
|
|
1240
|
+
error = _useState10[0],
|
|
1241
|
+
setError = _useState10[1];
|
|
1401
1242
|
var context = React.useContext(CubeContext);
|
|
1402
1243
|
var subscribeRequest = null;
|
|
1403
|
-
|
|
1404
1244
|
var progressCallback = function progressCallback(_ref) {
|
|
1405
1245
|
var progressResponse = _ref.progressResponse;
|
|
1406
1246
|
return setProgress(progressResponse);
|
|
1407
1247
|
};
|
|
1408
|
-
|
|
1409
1248
|
function fetch() {
|
|
1410
1249
|
return _fetch.apply(this, arguments);
|
|
1411
1250
|
}
|
|
1412
|
-
|
|
1413
1251
|
function _fetch() {
|
|
1414
1252
|
_fetch = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee2() {
|
|
1415
1253
|
var resetResultSetOnChange, cubeApi, _context$options, response;
|
|
1416
|
-
|
|
1417
1254
|
return _regeneratorRuntime__default['default'].wrap(function _callee2$(_context2) {
|
|
1418
1255
|
while (1) {
|
|
1419
1256
|
switch (_context2.prev = _context2.next) {
|
|
1420
1257
|
case 0:
|
|
1421
1258
|
resetResultSetOnChange = options.resetResultSetOnChange;
|
|
1422
1259
|
cubeApi = options.cubeApi || (context === null || context === void 0 ? void 0 : context.cubeApi);
|
|
1423
|
-
|
|
1424
1260
|
if (cubeApi) {
|
|
1425
1261
|
_context2.next = 4;
|
|
1426
1262
|
break;
|
|
1427
1263
|
}
|
|
1428
|
-
|
|
1429
1264
|
throw new Error('Cube API client is not provided');
|
|
1430
|
-
|
|
1431
1265
|
case 4:
|
|
1432
1266
|
if (resetResultSetOnChange) {
|
|
1433
1267
|
setResultSet(null);
|
|
1434
1268
|
}
|
|
1435
|
-
|
|
1436
1269
|
setError(null);
|
|
1437
1270
|
setLoading(true);
|
|
1438
1271
|
_context2.prev = 7;
|
|
@@ -1443,33 +1276,26 @@ function useCubeQuery(query) {
|
|
|
1443
1276
|
progressCallback: progressCallback,
|
|
1444
1277
|
castNumerics: Boolean(typeof options.castNumerics === 'boolean' ? options.castNumerics : context === null || context === void 0 ? void 0 : (_context$options = context.options) === null || _context$options === void 0 ? void 0 : _context$options.castNumerics)
|
|
1445
1278
|
});
|
|
1446
|
-
|
|
1447
1279
|
case 10:
|
|
1448
1280
|
response = _context2.sent;
|
|
1449
|
-
|
|
1450
1281
|
if (isMounted()) {
|
|
1451
1282
|
setResultSet(response);
|
|
1452
1283
|
setProgress(null);
|
|
1453
1284
|
}
|
|
1454
|
-
|
|
1455
1285
|
_context2.next = 17;
|
|
1456
1286
|
break;
|
|
1457
|
-
|
|
1458
1287
|
case 14:
|
|
1459
1288
|
_context2.prev = 14;
|
|
1460
1289
|
_context2.t0 = _context2["catch"](7);
|
|
1461
|
-
|
|
1462
1290
|
if (isMounted()) {
|
|
1463
1291
|
setError(_context2.t0);
|
|
1464
1292
|
setResultSet(null);
|
|
1465
1293
|
setProgress(null);
|
|
1466
1294
|
}
|
|
1467
|
-
|
|
1468
1295
|
case 17:
|
|
1469
1296
|
if (isMounted()) {
|
|
1470
1297
|
setLoading(false);
|
|
1471
1298
|
}
|
|
1472
|
-
|
|
1473
1299
|
case 18:
|
|
1474
1300
|
case "end":
|
|
1475
1301
|
return _context2.stop();
|
|
@@ -1479,21 +1305,17 @@ function useCubeQuery(query) {
|
|
|
1479
1305
|
}));
|
|
1480
1306
|
return _fetch.apply(this, arguments);
|
|
1481
1307
|
}
|
|
1482
|
-
|
|
1483
1308
|
React.useEffect(function () {
|
|
1484
1309
|
var _options$skip = options.skip,
|
|
1485
|
-
|
|
1486
|
-
|
|
1310
|
+
skip = _options$skip === void 0 ? false : _options$skip,
|
|
1311
|
+
resetResultSetOnChange = options.resetResultSetOnChange;
|
|
1487
1312
|
var cubeApi = options.cubeApi || (context === null || context === void 0 ? void 0 : context.cubeApi);
|
|
1488
|
-
|
|
1489
1313
|
if (!cubeApi) {
|
|
1490
1314
|
throw new Error('Cube API client is not provided');
|
|
1491
1315
|
}
|
|
1492
|
-
|
|
1493
1316
|
function loadQuery() {
|
|
1494
1317
|
return _loadQuery.apply(this, arguments);
|
|
1495
1318
|
}
|
|
1496
|
-
|
|
1497
1319
|
function _loadQuery() {
|
|
1498
1320
|
_loadQuery = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee() {
|
|
1499
1321
|
return _regeneratorRuntime__default['default'].wrap(function _callee$(_context) {
|
|
@@ -1504,36 +1326,28 @@ function useCubeQuery(query) {
|
|
|
1504
1326
|
_context.next = 20;
|
|
1505
1327
|
break;
|
|
1506
1328
|
}
|
|
1507
|
-
|
|
1508
1329
|
if (!core.areQueriesEqual(currentQuery, query)) {
|
|
1509
1330
|
if (resetResultSetOnChange == null || resetResultSetOnChange) {
|
|
1510
1331
|
setResultSet(null);
|
|
1511
1332
|
}
|
|
1512
|
-
|
|
1513
1333
|
setCurrentQuery(query);
|
|
1514
1334
|
}
|
|
1515
|
-
|
|
1516
1335
|
setError(null);
|
|
1517
1336
|
setLoading(true);
|
|
1518
1337
|
_context.prev = 4;
|
|
1519
|
-
|
|
1520
1338
|
if (!subscribeRequest) {
|
|
1521
1339
|
_context.next = 9;
|
|
1522
1340
|
break;
|
|
1523
1341
|
}
|
|
1524
|
-
|
|
1525
1342
|
_context.next = 8;
|
|
1526
1343
|
return subscribeRequest.unsubscribe();
|
|
1527
|
-
|
|
1528
1344
|
case 8:
|
|
1529
1345
|
subscribeRequest = null;
|
|
1530
|
-
|
|
1531
1346
|
case 9:
|
|
1532
1347
|
if (!options.subscribe) {
|
|
1533
1348
|
_context.next = 13;
|
|
1534
1349
|
break;
|
|
1535
1350
|
}
|
|
1536
|
-
|
|
1537
1351
|
subscribeRequest = cubeApi.subscribe(query, {
|
|
1538
1352
|
mutexObj: mutexRef.current,
|
|
1539
1353
|
mutexKey: 'query',
|
|
@@ -1545,33 +1359,27 @@ function useCubeQuery(query) {
|
|
|
1545
1359
|
} else {
|
|
1546
1360
|
setResultSet(result);
|
|
1547
1361
|
}
|
|
1548
|
-
|
|
1549
1362
|
setLoading(false);
|
|
1550
1363
|
setProgress(null);
|
|
1551
1364
|
}
|
|
1552
1365
|
});
|
|
1553
1366
|
_context.next = 15;
|
|
1554
1367
|
break;
|
|
1555
|
-
|
|
1556
1368
|
case 13:
|
|
1557
1369
|
_context.next = 15;
|
|
1558
1370
|
return fetch();
|
|
1559
|
-
|
|
1560
1371
|
case 15:
|
|
1561
1372
|
_context.next = 20;
|
|
1562
1373
|
break;
|
|
1563
|
-
|
|
1564
1374
|
case 17:
|
|
1565
1375
|
_context.prev = 17;
|
|
1566
1376
|
_context.t0 = _context["catch"](4);
|
|
1567
|
-
|
|
1568
1377
|
if (isMounted()) {
|
|
1569
1378
|
setError(_context.t0);
|
|
1570
1379
|
setResultSet(null);
|
|
1571
1380
|
setLoading(false);
|
|
1572
1381
|
setProgress(null);
|
|
1573
1382
|
}
|
|
1574
|
-
|
|
1575
1383
|
case 20:
|
|
1576
1384
|
case "end":
|
|
1577
1385
|
return _context.stop();
|
|
@@ -1581,7 +1389,6 @@ function useCubeQuery(query) {
|
|
|
1581
1389
|
}));
|
|
1582
1390
|
return _loadQuery.apply(this, arguments);
|
|
1583
1391
|
}
|
|
1584
|
-
|
|
1585
1392
|
loadQuery();
|
|
1586
1393
|
return function () {
|
|
1587
1394
|
if (subscribeRequest) {
|