@cubejs-client/react 0.34.60 → 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 +103 -187
- package/dist/cubejs-client-react.esm.js.map +1 -1
- package/dist/cubejs-client-react.js +153 -359
- package/dist/cubejs-client-react.js.map +1 -1
- package/dist/cubejs-client-react.umd.js +223 -576
- package/dist/cubejs-client-react.umd.js.map +1 -1
- package/index.d.ts +22 -33
- package/package.json +3 -3
- package/src/CubeProvider.jsx +2 -9
- package/src/QueryBuilder.jsx +11 -11
- package/src/QueryRenderer.jsx +12 -12
- package/src/hooks/cube-fetch.js +1 -1
- package/src/hooks/cube-query.js +2 -8
|
@@ -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,45 +102,40 @@ 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
|
-
return !ramda.equals(nextProps.query, query) || !ramda.equals(nextProps.queries, queries) || (nextProps.render == null || render == null) && nextProps.render !== render || nextProps.cubejsApi !== cubejsApi || nextProps.loadSql !== loadSql || !ramda.equals(nextState, this.state) || nextProps.updateOnlyOnStateChange !== updateOnlyOnStateChange;
|
|
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
|
}
|
|
143
128
|
}
|
|
144
129
|
}, {
|
|
145
|
-
key: "
|
|
146
|
-
value: function
|
|
130
|
+
key: "cubeApi",
|
|
131
|
+
value: function cubeApi() {
|
|
147
132
|
// eslint-disable-next-line react/destructuring-assignment
|
|
148
|
-
return this.props.
|
|
133
|
+
return this.props.cubeApi || this.context && this.context.cubeApi;
|
|
149
134
|
}
|
|
150
135
|
}, {
|
|
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,
|
|
@@ -161,11 +145,10 @@ var QueryRenderer = /*#__PURE__*/function (_React$Component) {
|
|
|
161
145
|
resultSet: null
|
|
162
146
|
} : {}));
|
|
163
147
|
var loadSql = this.props.loadSql;
|
|
164
|
-
var
|
|
165
|
-
|
|
148
|
+
var cubeApi = this.cubeApi();
|
|
166
149
|
if (query && core.isQueryPresent(query)) {
|
|
167
150
|
if (loadSql === 'only') {
|
|
168
|
-
|
|
151
|
+
cubeApi.sql(query, {
|
|
169
152
|
mutexObj: this.mutexObj,
|
|
170
153
|
mutexKey: 'sql'
|
|
171
154
|
}).then(function (sqlQuery) {
|
|
@@ -183,17 +166,16 @@ var QueryRenderer = /*#__PURE__*/function (_React$Component) {
|
|
|
183
166
|
}));
|
|
184
167
|
});
|
|
185
168
|
} else if (loadSql) {
|
|
186
|
-
Promise.all([
|
|
169
|
+
Promise.all([cubeApi.sql(query, {
|
|
187
170
|
mutexObj: this.mutexObj,
|
|
188
171
|
mutexKey: 'sql'
|
|
189
|
-
}),
|
|
172
|
+
}), cubeApi.load(query, {
|
|
190
173
|
mutexObj: this.mutexObj,
|
|
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,
|
|
@@ -209,7 +191,7 @@ var QueryRenderer = /*#__PURE__*/function (_React$Component) {
|
|
|
209
191
|
}));
|
|
210
192
|
});
|
|
211
193
|
} else {
|
|
212
|
-
|
|
194
|
+
cubeApi.load(query, {
|
|
213
195
|
mutexObj: this.mutexObj,
|
|
214
196
|
mutexKey: 'query'
|
|
215
197
|
}).then(function (resultSet) {
|
|
@@ -233,8 +215,7 @@ var QueryRenderer = /*#__PURE__*/function (_React$Component) {
|
|
|
233
215
|
key: "loadQueries",
|
|
234
216
|
value: function loadQueries(queries) {
|
|
235
217
|
var _this3 = this;
|
|
236
|
-
|
|
237
|
-
var cubejsApi = this.cubejsApi();
|
|
218
|
+
var cubeApi = this.cubeApi();
|
|
238
219
|
var resetResultSetOnChange = this.props.resetResultSetOnChange;
|
|
239
220
|
this.setState(_objectSpread$6(_objectSpread$6({
|
|
240
221
|
isLoading: true
|
|
@@ -245,10 +226,9 @@ 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
|
-
|
|
251
|
-
return cubejsApi.load(query, {
|
|
229
|
+
name = _ref4[0],
|
|
230
|
+
query = _ref4[1];
|
|
231
|
+
return cubeApi.load(query, {
|
|
252
232
|
mutexObj: _this3.mutexObj,
|
|
253
233
|
mutexKey: name
|
|
254
234
|
}).then(function (r) {
|
|
@@ -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,28 +269,24 @@ 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,
|
|
316
291
|
render: null,
|
|
317
292
|
queries: 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,58 +367,44 @@ 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) {
|
|
425
382
|
case 0:
|
|
426
|
-
if (_this.
|
|
383
|
+
if (_this.cubeApi()) {
|
|
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
|
-
return _this.
|
|
445
|
-
|
|
397
|
+
return _this.cubeApi().meta();
|
|
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
|
-
if (!(((_this$prevContext = this.prevContext) === null || _this$prevContext === void 0 ? void 0 : _this$prevContext.cubejsApi) !== ((_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.cubejsApi))) {
|
|
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
|
-
return this.
|
|
555
|
-
|
|
492
|
+
return this.cubeApi().meta();
|
|
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,19 +533,17 @@ 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
|
-
key: "
|
|
615
|
-
value: function
|
|
616
|
-
var
|
|
617
|
-
|
|
618
|
-
return
|
|
542
|
+
key: "cubeApi",
|
|
543
|
+
value: function cubeApi() {
|
|
544
|
+
var cubeApi = this.props.cubeApi;
|
|
545
|
+
// eslint-disable-next-line react/destructuring-assignment
|
|
546
|
+
return cubeApi || this.context && this.context.cubeApi;
|
|
619
547
|
}
|
|
620
548
|
}, {
|
|
621
549
|
key: "getMissingMembers",
|
|
@@ -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
|
-
return this.
|
|
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,36 +943,31 @@ 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,
|
|
1082
|
-
|
|
965
|
+
cubeApi: cubeApi,
|
|
1083
966
|
resetResultSetOnChange: false,
|
|
1084
967
|
render: function render(queryRendererProps) {
|
|
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,14 +1028,11 @@ 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,
|
|
1165
1037
|
disableHeuristics: false,
|
|
1166
1038
|
render: null,
|
|
@@ -1178,18 +1050,11 @@ _defineProperty__default['default'](QueryBuilder, "defaultProps", {
|
|
|
1178
1050
|
|
|
1179
1051
|
function CubeProvider(_ref) {
|
|
1180
1052
|
var cubeApi = _ref.cubeApi,
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
options = _ref$options === void 0 ? {} : _ref$options;
|
|
1185
|
-
React.useEffect(function () {
|
|
1186
|
-
if (cubejsApi && !cubeApi) {
|
|
1187
|
-
console.warn('"cubejsApi" is deprecated and will be removed in the following version. Use "cubeApi" instead.');
|
|
1188
|
-
}
|
|
1189
|
-
}, [cubeApi, cubejsApi]);
|
|
1053
|
+
children = _ref.children,
|
|
1054
|
+
_ref$options = _ref.options,
|
|
1055
|
+
options = _ref$options === void 0 ? {} : _ref$options;
|
|
1190
1056
|
return /*#__PURE__*/React__default['default'].createElement(CubeContext.Provider, {
|
|
1191
1057
|
value: {
|
|
1192
|
-
cubejsApi: cubejsApi,
|
|
1193
1058
|
cubeApi: cubeApi,
|
|
1194
1059
|
options: options
|
|
1195
1060
|
}
|
|
@@ -1198,11 +1063,9 @@ function CubeProvider(_ref) {
|
|
|
1198
1063
|
|
|
1199
1064
|
function useDeepCompareMemoize(value) {
|
|
1200
1065
|
var ref = React.useRef([]);
|
|
1201
|
-
|
|
1202
1066
|
if (!ramda.equals(value, ref.current)) {
|
|
1203
1067
|
ref.current = value;
|
|
1204
1068
|
}
|
|
1205
|
-
|
|
1206
1069
|
return ref.current;
|
|
1207
1070
|
}
|
|
1208
1071
|
|
|
@@ -1219,64 +1082,54 @@ function useIsMounted() {
|
|
|
1219
1082
|
};
|
|
1220
1083
|
}
|
|
1221
1084
|
|
|
1222
|
-
function ownKeys$3(
|
|
1223
|
-
|
|
1224
|
-
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; }
|
|
1225
1087
|
function useCubeFetch(method) {
|
|
1226
1088
|
var _options$query;
|
|
1227
|
-
|
|
1228
1089
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
1229
1090
|
var isMounted = useIsMounted();
|
|
1230
1091
|
var context = React.useContext(CubeContext);
|
|
1231
1092
|
var mutexRef = React.useRef({});
|
|
1232
|
-
|
|
1233
1093
|
var _useState = React.useState({
|
|
1234
|
-
|
|
1235
|
-
|
|
1236
|
-
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
|
|
1240
|
-
|
|
1094
|
+
isLoading: false,
|
|
1095
|
+
response: null
|
|
1096
|
+
}),
|
|
1097
|
+
_useState2 = _slicedToArray__default['default'](_useState, 2),
|
|
1098
|
+
response = _useState2[0],
|
|
1099
|
+
setResponse = _useState2[1];
|
|
1241
1100
|
var _useState3 = React.useState(null),
|
|
1242
|
-
|
|
1243
|
-
|
|
1244
|
-
|
|
1245
|
-
|
|
1101
|
+
_useState4 = _slicedToArray__default['default'](_useState3, 2),
|
|
1102
|
+
error = _useState4[0],
|
|
1103
|
+
setError = _useState4[1];
|
|
1246
1104
|
var _options$skip = options.skip,
|
|
1247
|
-
|
|
1248
|
-
|
|
1105
|
+
skip = _options$skip === void 0 ? false : _options$skip;
|
|
1249
1106
|
function load() {
|
|
1250
1107
|
return _load.apply(this, arguments);
|
|
1251
1108
|
}
|
|
1252
|
-
|
|
1253
1109
|
function _load() {
|
|
1254
1110
|
_load = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee() {
|
|
1255
1111
|
var loadOptions,
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
1261
|
-
|
|
1262
|
-
|
|
1263
|
-
|
|
1264
|
-
|
|
1112
|
+
ignoreSkip,
|
|
1113
|
+
cubeApi,
|
|
1114
|
+
query,
|
|
1115
|
+
queryCondition,
|
|
1116
|
+
coreOptions,
|
|
1117
|
+
args,
|
|
1118
|
+
_response,
|
|
1119
|
+
_args = arguments;
|
|
1265
1120
|
return _regeneratorRuntime__default['default'].wrap(function _callee$(_context) {
|
|
1266
1121
|
while (1) {
|
|
1267
1122
|
switch (_context.prev = _context.next) {
|
|
1268
1123
|
case 0:
|
|
1269
1124
|
loadOptions = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
|
|
1270
1125
|
ignoreSkip = _args.length > 1 && _args[1] !== undefined ? _args[1] : false;
|
|
1271
|
-
cubeApi = options.cubeApi ||
|
|
1126
|
+
cubeApi = options.cubeApi || (context === null || context === void 0 ? void 0 : context.cubeApi);
|
|
1272
1127
|
query = loadOptions.query || options.query;
|
|
1273
1128
|
queryCondition = method === 'meta' ? true : query && core.isQueryPresent(query);
|
|
1274
|
-
|
|
1275
1129
|
if (!(cubeApi && (ignoreSkip || !skip) && queryCondition)) {
|
|
1276
1130
|
_context.next = 20;
|
|
1277
1131
|
break;
|
|
1278
1132
|
}
|
|
1279
|
-
|
|
1280
1133
|
setError(null);
|
|
1281
1134
|
setResponse({
|
|
1282
1135
|
isLoading: true,
|
|
@@ -1290,24 +1143,19 @@ function useCubeFetch(method) {
|
|
|
1290
1143
|
_context.prev = 10;
|
|
1291
1144
|
_context.next = 13;
|
|
1292
1145
|
return cubeApi[method].apply(cubeApi, args);
|
|
1293
|
-
|
|
1294
1146
|
case 13:
|
|
1295
1147
|
_response = _context.sent;
|
|
1296
|
-
|
|
1297
1148
|
if (isMounted()) {
|
|
1298
1149
|
setResponse({
|
|
1299
1150
|
response: _response,
|
|
1300
1151
|
isLoading: false
|
|
1301
1152
|
});
|
|
1302
1153
|
}
|
|
1303
|
-
|
|
1304
1154
|
_context.next = 20;
|
|
1305
1155
|
break;
|
|
1306
|
-
|
|
1307
1156
|
case 17:
|
|
1308
1157
|
_context.prev = 17;
|
|
1309
1158
|
_context.t0 = _context["catch"](10);
|
|
1310
|
-
|
|
1311
1159
|
if (isMounted()) {
|
|
1312
1160
|
setError(_context.t0);
|
|
1313
1161
|
setResponse({
|
|
@@ -1315,7 +1163,6 @@ function useCubeFetch(method) {
|
|
|
1315
1163
|
response: null
|
|
1316
1164
|
});
|
|
1317
1165
|
}
|
|
1318
|
-
|
|
1319
1166
|
case 20:
|
|
1320
1167
|
case "end":
|
|
1321
1168
|
return _context.stop();
|
|
@@ -1325,7 +1172,6 @@ function useCubeFetch(method) {
|
|
|
1325
1172
|
}));
|
|
1326
1173
|
return _load.apply(this, arguments);
|
|
1327
1174
|
}
|
|
1328
|
-
|
|
1329
1175
|
React.useEffect(function () {
|
|
1330
1176
|
load();
|
|
1331
1177
|
}, useDeepCompareMemoize([Object.keys(((_options$query = options.query) === null || _options$query === void 0 ? void 0 : _options$query.order) || {}), options, context]));
|
|
@@ -1337,9 +1183,8 @@ function useCubeFetch(method) {
|
|
|
1337
1183
|
});
|
|
1338
1184
|
}
|
|
1339
1185
|
|
|
1340
|
-
function ownKeys$2(
|
|
1341
|
-
|
|
1342
|
-
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; }
|
|
1343
1188
|
function useCubeSql(query) {
|
|
1344
1189
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
1345
1190
|
return useCubeFetch('sql', _objectSpread$2(_objectSpread$2({}, options), {}, {
|
|
@@ -1347,9 +1192,8 @@ function useCubeSql(query) {
|
|
|
1347
1192
|
}));
|
|
1348
1193
|
}
|
|
1349
1194
|
|
|
1350
|
-
function ownKeys$1(
|
|
1351
|
-
|
|
1352
|
-
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; }
|
|
1353
1197
|
function useDryRun(query) {
|
|
1354
1198
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
1355
1199
|
return useCubeFetch('dryRun', _objectSpread$1(_objectSpread$1({}, options), {}, {
|
|
@@ -1358,20 +1202,16 @@ function useDryRun(query) {
|
|
|
1358
1202
|
}
|
|
1359
1203
|
|
|
1360
1204
|
var _excluded = ["refetch"];
|
|
1361
|
-
|
|
1362
|
-
function
|
|
1363
|
-
|
|
1364
|
-
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; }
|
|
1365
1207
|
function useLazyDryRun(query) {
|
|
1366
1208
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
1367
|
-
|
|
1368
1209
|
var _useCubeFetch = useCubeFetch('dryRun', _objectSpread(_objectSpread({}, options), {}, {
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
|
|
1374
|
-
|
|
1210
|
+
query: query,
|
|
1211
|
+
skip: true
|
|
1212
|
+
})),
|
|
1213
|
+
refetch = _useCubeFetch.refetch,
|
|
1214
|
+
result = _objectWithoutProperties__default['default'](_useCubeFetch, _excluded);
|
|
1375
1215
|
return [refetch, result];
|
|
1376
1216
|
}
|
|
1377
1217
|
|
|
@@ -1379,73 +1219,53 @@ function useCubeQuery(query) {
|
|
|
1379
1219
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
1380
1220
|
var mutexRef = React.useRef({});
|
|
1381
1221
|
var isMounted = useIsMounted();
|
|
1382
|
-
|
|
1383
1222
|
var _useState = React.useState(null),
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
|
|
1223
|
+
_useState2 = _slicedToArray__default['default'](_useState, 2),
|
|
1224
|
+
currentQuery = _useState2[0],
|
|
1225
|
+
setCurrentQuery = _useState2[1];
|
|
1388
1226
|
var _useState3 = React.useState(false),
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
|
|
1392
|
-
|
|
1227
|
+
_useState4 = _slicedToArray__default['default'](_useState3, 2),
|
|
1228
|
+
isLoading = _useState4[0],
|
|
1229
|
+
setLoading = _useState4[1];
|
|
1393
1230
|
var _useState5 = React.useState(null),
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
|
|
1231
|
+
_useState6 = _slicedToArray__default['default'](_useState5, 2),
|
|
1232
|
+
resultSet = _useState6[0],
|
|
1233
|
+
setResultSet = _useState6[1];
|
|
1398
1234
|
var _useState7 = React.useState(null),
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
|
|
1235
|
+
_useState8 = _slicedToArray__default['default'](_useState7, 2),
|
|
1236
|
+
progress = _useState8[0],
|
|
1237
|
+
setProgress = _useState8[1];
|
|
1403
1238
|
var _useState9 = React.useState(null),
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1407
|
-
|
|
1239
|
+
_useState10 = _slicedToArray__default['default'](_useState9, 2),
|
|
1240
|
+
error = _useState10[0],
|
|
1241
|
+
setError = _useState10[1];
|
|
1408
1242
|
var context = React.useContext(CubeContext);
|
|
1409
1243
|
var subscribeRequest = null;
|
|
1410
|
-
|
|
1411
1244
|
var progressCallback = function progressCallback(_ref) {
|
|
1412
1245
|
var progressResponse = _ref.progressResponse;
|
|
1413
1246
|
return setProgress(progressResponse);
|
|
1414
1247
|
};
|
|
1415
|
-
|
|
1416
|
-
React.useEffect(function () {
|
|
1417
|
-
if (options.cubejsApi && !options.cubeApi) {
|
|
1418
|
-
console.warn('"cubejsApi" is deprecated and will be removed in the following version. Use "cubeApi" instead.');
|
|
1419
|
-
}
|
|
1420
|
-
}, [options.cubeApi, options.cubejsApi]);
|
|
1421
|
-
|
|
1422
1248
|
function fetch() {
|
|
1423
1249
|
return _fetch.apply(this, arguments);
|
|
1424
1250
|
}
|
|
1425
|
-
|
|
1426
1251
|
function _fetch() {
|
|
1427
1252
|
_fetch = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee2() {
|
|
1428
1253
|
var resetResultSetOnChange, cubeApi, _context$options, response;
|
|
1429
|
-
|
|
1430
1254
|
return _regeneratorRuntime__default['default'].wrap(function _callee2$(_context2) {
|
|
1431
1255
|
while (1) {
|
|
1432
1256
|
switch (_context2.prev = _context2.next) {
|
|
1433
1257
|
case 0:
|
|
1434
1258
|
resetResultSetOnChange = options.resetResultSetOnChange;
|
|
1435
|
-
cubeApi = options.cubeApi ||
|
|
1436
|
-
|
|
1259
|
+
cubeApi = options.cubeApi || (context === null || context === void 0 ? void 0 : context.cubeApi);
|
|
1437
1260
|
if (cubeApi) {
|
|
1438
1261
|
_context2.next = 4;
|
|
1439
1262
|
break;
|
|
1440
1263
|
}
|
|
1441
|
-
|
|
1442
1264
|
throw new Error('Cube API client is not provided');
|
|
1443
|
-
|
|
1444
1265
|
case 4:
|
|
1445
1266
|
if (resetResultSetOnChange) {
|
|
1446
1267
|
setResultSet(null);
|
|
1447
1268
|
}
|
|
1448
|
-
|
|
1449
1269
|
setError(null);
|
|
1450
1270
|
setLoading(true);
|
|
1451
1271
|
_context2.prev = 7;
|
|
@@ -1456,33 +1276,26 @@ function useCubeQuery(query) {
|
|
|
1456
1276
|
progressCallback: progressCallback,
|
|
1457
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)
|
|
1458
1278
|
});
|
|
1459
|
-
|
|
1460
1279
|
case 10:
|
|
1461
1280
|
response = _context2.sent;
|
|
1462
|
-
|
|
1463
1281
|
if (isMounted()) {
|
|
1464
1282
|
setResultSet(response);
|
|
1465
1283
|
setProgress(null);
|
|
1466
1284
|
}
|
|
1467
|
-
|
|
1468
1285
|
_context2.next = 17;
|
|
1469
1286
|
break;
|
|
1470
|
-
|
|
1471
1287
|
case 14:
|
|
1472
1288
|
_context2.prev = 14;
|
|
1473
1289
|
_context2.t0 = _context2["catch"](7);
|
|
1474
|
-
|
|
1475
1290
|
if (isMounted()) {
|
|
1476
1291
|
setError(_context2.t0);
|
|
1477
1292
|
setResultSet(null);
|
|
1478
1293
|
setProgress(null);
|
|
1479
1294
|
}
|
|
1480
|
-
|
|
1481
1295
|
case 17:
|
|
1482
1296
|
if (isMounted()) {
|
|
1483
1297
|
setLoading(false);
|
|
1484
1298
|
}
|
|
1485
|
-
|
|
1486
1299
|
case 18:
|
|
1487
1300
|
case "end":
|
|
1488
1301
|
return _context2.stop();
|
|
@@ -1492,21 +1305,17 @@ function useCubeQuery(query) {
|
|
|
1492
1305
|
}));
|
|
1493
1306
|
return _fetch.apply(this, arguments);
|
|
1494
1307
|
}
|
|
1495
|
-
|
|
1496
1308
|
React.useEffect(function () {
|
|
1497
1309
|
var _options$skip = options.skip,
|
|
1498
|
-
|
|
1499
|
-
|
|
1500
|
-
var cubeApi = options.cubeApi ||
|
|
1501
|
-
|
|
1310
|
+
skip = _options$skip === void 0 ? false : _options$skip,
|
|
1311
|
+
resetResultSetOnChange = options.resetResultSetOnChange;
|
|
1312
|
+
var cubeApi = options.cubeApi || (context === null || context === void 0 ? void 0 : context.cubeApi);
|
|
1502
1313
|
if (!cubeApi) {
|
|
1503
1314
|
throw new Error('Cube API client is not provided');
|
|
1504
1315
|
}
|
|
1505
|
-
|
|
1506
1316
|
function loadQuery() {
|
|
1507
1317
|
return _loadQuery.apply(this, arguments);
|
|
1508
1318
|
}
|
|
1509
|
-
|
|
1510
1319
|
function _loadQuery() {
|
|
1511
1320
|
_loadQuery = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee() {
|
|
1512
1321
|
return _regeneratorRuntime__default['default'].wrap(function _callee$(_context) {
|
|
@@ -1517,36 +1326,28 @@ function useCubeQuery(query) {
|
|
|
1517
1326
|
_context.next = 20;
|
|
1518
1327
|
break;
|
|
1519
1328
|
}
|
|
1520
|
-
|
|
1521
1329
|
if (!core.areQueriesEqual(currentQuery, query)) {
|
|
1522
1330
|
if (resetResultSetOnChange == null || resetResultSetOnChange) {
|
|
1523
1331
|
setResultSet(null);
|
|
1524
1332
|
}
|
|
1525
|
-
|
|
1526
1333
|
setCurrentQuery(query);
|
|
1527
1334
|
}
|
|
1528
|
-
|
|
1529
1335
|
setError(null);
|
|
1530
1336
|
setLoading(true);
|
|
1531
1337
|
_context.prev = 4;
|
|
1532
|
-
|
|
1533
1338
|
if (!subscribeRequest) {
|
|
1534
1339
|
_context.next = 9;
|
|
1535
1340
|
break;
|
|
1536
1341
|
}
|
|
1537
|
-
|
|
1538
1342
|
_context.next = 8;
|
|
1539
1343
|
return subscribeRequest.unsubscribe();
|
|
1540
|
-
|
|
1541
1344
|
case 8:
|
|
1542
1345
|
subscribeRequest = null;
|
|
1543
|
-
|
|
1544
1346
|
case 9:
|
|
1545
1347
|
if (!options.subscribe) {
|
|
1546
1348
|
_context.next = 13;
|
|
1547
1349
|
break;
|
|
1548
1350
|
}
|
|
1549
|
-
|
|
1550
1351
|
subscribeRequest = cubeApi.subscribe(query, {
|
|
1551
1352
|
mutexObj: mutexRef.current,
|
|
1552
1353
|
mutexKey: 'query',
|
|
@@ -1558,33 +1359,27 @@ function useCubeQuery(query) {
|
|
|
1558
1359
|
} else {
|
|
1559
1360
|
setResultSet(result);
|
|
1560
1361
|
}
|
|
1561
|
-
|
|
1562
1362
|
setLoading(false);
|
|
1563
1363
|
setProgress(null);
|
|
1564
1364
|
}
|
|
1565
1365
|
});
|
|
1566
1366
|
_context.next = 15;
|
|
1567
1367
|
break;
|
|
1568
|
-
|
|
1569
1368
|
case 13:
|
|
1570
1369
|
_context.next = 15;
|
|
1571
1370
|
return fetch();
|
|
1572
|
-
|
|
1573
1371
|
case 15:
|
|
1574
1372
|
_context.next = 20;
|
|
1575
1373
|
break;
|
|
1576
|
-
|
|
1577
1374
|
case 17:
|
|
1578
1375
|
_context.prev = 17;
|
|
1579
1376
|
_context.t0 = _context["catch"](4);
|
|
1580
|
-
|
|
1581
1377
|
if (isMounted()) {
|
|
1582
1378
|
setError(_context.t0);
|
|
1583
1379
|
setResultSet(null);
|
|
1584
1380
|
setLoading(false);
|
|
1585
1381
|
setProgress(null);
|
|
1586
1382
|
}
|
|
1587
|
-
|
|
1588
1383
|
case 20:
|
|
1589
1384
|
case "end":
|
|
1590
1385
|
return _context.stop();
|
|
@@ -1594,7 +1389,6 @@ function useCubeQuery(query) {
|
|
|
1594
1389
|
}));
|
|
1595
1390
|
return _loadQuery.apply(this, arguments);
|
|
1596
1391
|
}
|
|
1597
|
-
|
|
1598
1392
|
loadQuery();
|
|
1599
1393
|
return function () {
|
|
1600
1394
|
if (subscribeRequest) {
|