@appbaseio/reactivesearch-vue 1.33.1 → 1.33.2
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/@appbaseio/reactivesearch-vue.umd.js +1911 -6073
- package/dist/@appbaseio/reactivesearch-vue.umd.js.map +1 -1
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js +2 -4
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js.map +1 -1
- package/dist/cjs/{Button-0673191e.js → Button-841fd06d.js} +1 -7
- package/dist/cjs/{CancelSvg-9f258f4f.js → CancelSvg-220a7cc3.js} +24 -58
- package/dist/cjs/{Card-642547a8.js → Card-240f283d.js} +2 -2
- package/dist/cjs/{ComponentWrapper-981ab977.js → ComponentWrapper-9318cece.js} +21 -41
- package/dist/cjs/{Container-daf30918.js → Container-e699ea95.js} +1 -1
- package/dist/cjs/{DataSearch-c42d8681.js → DataSearch-99a6a2e8.js} +121 -293
- package/dist/cjs/DataSearch.js +11 -11
- package/dist/cjs/{DropDown-c479bbb0.js → DropDown-8984b544.js} +27 -48
- package/dist/cjs/DynamicRangeSlider.js +44 -93
- package/dist/cjs/{Flex-aa517a13.js → Flex-ddd7cb6b.js} +1 -3
- package/dist/cjs/{FormControlList-c195a592.js → FormControlList-bbb5cd24.js} +1 -3
- package/dist/cjs/{Input-e6603a7e.js → Input-ead4cd84.js} +14 -16
- package/dist/cjs/{ListItem-8c9e0d68.js → ListItem-5088bd6a.js} +2 -3
- package/dist/cjs/MultiDropdownList.js +41 -102
- package/dist/cjs/MultiList.js +35 -98
- package/dist/cjs/MultiRange.js +20 -52
- package/dist/cjs/{Pagination-3d73e1b3.js → Pagination-07f4dbad.js} +10 -30
- package/dist/cjs/{PreferencesConsumer-4707bd94.js → PreferencesConsumer-5d67b486.js} +8 -18
- package/dist/cjs/RangeInput.js +36 -52
- package/dist/cjs/RangeSlider.js +24 -48
- package/dist/cjs/ReactiveBase.js +34 -79
- package/dist/cjs/{ReactiveComponent-63ef70c2.js → ReactiveComponent-805201c6.js} +118 -301
- package/dist/cjs/ReactiveComponent.js +20 -20
- package/dist/cjs/ReactiveGoogleMap.js +167 -353
- package/dist/cjs/ReactiveList.js +88 -176
- package/dist/cjs/ResultCard.js +10 -18
- package/dist/cjs/ResultList.js +13 -24
- package/dist/cjs/SelectedFilters.js +16 -34
- package/dist/cjs/SingleDropdownList.js +35 -75
- package/dist/cjs/SingleList.js +29 -75
- package/dist/cjs/SingleRange.js +17 -40
- package/dist/cjs/StateProvider.js +6 -26
- package/dist/cjs/{Title-1de7d0f4.js → Title-16042ea0.js} +1 -1
- package/dist/cjs/ToggleButton.js +20 -58
- package/dist/cjs/{_rollupPluginBabelHelpers-c705cbe6.js → _rollupPluginBabelHelpers-f8b843f8.js} +0 -15
- package/dist/cjs/{index-08f8dfa3.js → index-30126fd0.js} +39 -75
- package/dist/cjs/index.js +20 -21
- package/dist/cjs/initReactivesearch.js +49 -120
- package/dist/cjs/install.js +20 -20
- package/dist/cjs/{ssr-3027b848.js → ssr-f2fc1bf6.js} +1 -4
- package/dist/cjs/{utils-d6a52588.js → utils-83fd01e9.js} +7 -16
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/{vueTypes-727b7c63.js → vueTypes-7cfc2f98.js} +6 -11
- package/dist/es/{Button-35aa984e.js → Button-153cd885.js} +1 -7
- package/dist/es/{CancelSvg-4cfae5fd.js → CancelSvg-e40552a5.js} +24 -58
- package/dist/es/{Card-450683f1.js → Card-19ad6d90.js} +2 -2
- package/dist/es/{ComponentWrapper-d5e814a4.js → ComponentWrapper-240450cc.js} +21 -41
- package/dist/es/{Container-ba826e96.js → Container-d00219f7.js} +1 -1
- package/dist/es/{DataSearch-d56bf07a.js → DataSearch-20f0d8f1.js} +121 -293
- package/dist/es/DataSearch.js +11 -11
- package/dist/es/{DropDown-05a644a5.js → DropDown-28ddce07.js} +27 -48
- package/dist/es/DynamicRangeSlider.js +44 -93
- package/dist/es/{Flex-1f0795c3.js → Flex-7c177a10.js} +1 -3
- package/dist/es/{FormControlList-c22d64f6.js → FormControlList-99797d0a.js} +1 -3
- package/dist/es/{Input-7a2a9fac.js → Input-c09c0b56.js} +14 -16
- package/dist/es/{ListItem-cad14c5e.js → ListItem-07888a65.js} +2 -3
- package/dist/es/MultiDropdownList.js +41 -102
- package/dist/es/MultiList.js +35 -98
- package/dist/es/MultiRange.js +20 -52
- package/dist/es/{Pagination-af9de08f.js → Pagination-28e56c5c.js} +10 -30
- package/dist/es/{PreferencesConsumer-4169deb1.js → PreferencesConsumer-bc097ebb.js} +8 -18
- package/dist/es/RangeInput.js +36 -52
- package/dist/es/RangeSlider.js +24 -48
- package/dist/es/ReactiveBase.js +34 -79
- package/dist/es/{ReactiveComponent-9e4721e1.js → ReactiveComponent-dd85aa9c.js} +118 -301
- package/dist/es/ReactiveComponent.js +20 -20
- package/dist/es/ReactiveGoogleMap.js +167 -353
- package/dist/es/ReactiveList.js +88 -176
- package/dist/es/ResultCard.js +10 -18
- package/dist/es/ResultList.js +13 -24
- package/dist/es/SelectedFilters.js +16 -34
- package/dist/es/SingleDropdownList.js +35 -75
- package/dist/es/SingleList.js +29 -75
- package/dist/es/SingleRange.js +17 -40
- package/dist/es/StateProvider.js +6 -26
- package/dist/es/{Title-3342664a.js → Title-863dfa42.js} +1 -1
- package/dist/es/ToggleButton.js +20 -58
- package/dist/es/{_rollupPluginBabelHelpers-76660dab.js → _rollupPluginBabelHelpers-ded08042.js} +0 -15
- package/dist/es/{index-99c5f9c9.js → index-0444a498.js} +39 -75
- package/dist/es/index.js +20 -21
- package/dist/es/initReactivesearch.js +49 -120
- package/dist/es/install.js +20 -20
- package/dist/es/{ssr-b2c0b401.js → ssr-03607d84.js} +1 -4
- package/dist/es/{utils-9e68acee.js → utils-9e5a16a1.js} +7 -16
- package/dist/es/version.js +1 -1
- package/dist/es/{vueTypes-b8146772.js → vueTypes-8986b709.js} +6 -11
- package/package.json +1 -1
package/dist/cjs/SingleList.js
CHANGED
|
@@ -7,34 +7,34 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
7
7
|
var configureStore = require('@appbaseio/reactivecore');
|
|
8
8
|
var configureStore__default = _interopDefault(configureStore);
|
|
9
9
|
var constants = require('@appbaseio/reactivecore/lib/utils/constants');
|
|
10
|
-
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-
|
|
10
|
+
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
11
11
|
var VueTypes = _interopDefault(require('vue-types'));
|
|
12
12
|
require('emotion');
|
|
13
13
|
require('@appbaseio/vue-emotion');
|
|
14
14
|
require('polished');
|
|
15
|
-
var vueTypes = require('./vueTypes-
|
|
15
|
+
var vueTypes = require('./vueTypes-7cfc2f98.js');
|
|
16
16
|
require('@appbaseio/reactivecore/lib/utils/transform');
|
|
17
17
|
require('redux');
|
|
18
|
-
var index = require('./index-
|
|
19
|
-
var ComponentWrapper = require('./ComponentWrapper-
|
|
20
|
-
var PreferencesConsumer = require('./PreferencesConsumer-
|
|
21
|
-
var Title = require('./Title-
|
|
22
|
-
var Input = require('./Input-
|
|
23
|
-
var Container = require('./Container-
|
|
18
|
+
var index = require('./index-30126fd0.js');
|
|
19
|
+
var ComponentWrapper = require('./ComponentWrapper-9318cece.js');
|
|
20
|
+
var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
|
|
21
|
+
var Title = require('./Title-16042ea0.js');
|
|
22
|
+
var Input = require('./Input-ead4cd84.js');
|
|
23
|
+
var Container = require('./Container-e699ea95.js');
|
|
24
24
|
var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
|
|
25
|
-
var FormControlList = require('./FormControlList-
|
|
26
|
-
var utils = require('./utils-
|
|
25
|
+
var FormControlList = require('./FormControlList-bbb5cd24.js');
|
|
26
|
+
var utils = require('./utils-83fd01e9.js');
|
|
27
27
|
|
|
28
28
|
var updateQuery = configureStore.Actions.updateQuery,
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
setQueryOptions = configureStore.Actions.setQueryOptions,
|
|
30
|
+
setCustomQuery = configureStore.Actions.setCustomQuery,
|
|
31
|
+
setDefaultQuery = configureStore.Actions.setDefaultQuery;
|
|
32
32
|
var getQueryOptions = configureStore.helper.getQueryOptions,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
33
|
+
checkValueChange = configureStore.helper.checkValueChange,
|
|
34
|
+
getClassName = configureStore.helper.getClassName,
|
|
35
|
+
isEqual = configureStore.helper.isEqual,
|
|
36
|
+
extractQueryFromCustomQuery = configureStore.helper.extractQueryFromCustomQuery,
|
|
37
|
+
getOptionsForCustomQuery = configureStore.helper.getOptionsForCustomQuery;
|
|
38
38
|
var SingleList = {
|
|
39
39
|
name: 'SingleList',
|
|
40
40
|
props: {
|
|
@@ -84,16 +84,14 @@ var SingleList = {
|
|
|
84
84
|
if (!this.enableAppbase && this.$props.index) {
|
|
85
85
|
console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
|
|
86
86
|
}
|
|
87
|
-
|
|
88
87
|
var props = this.$props;
|
|
89
|
-
this.modifiedOptions = this.options && this.options[props.dataField] ? this.options[props.dataField].buckets : [];
|
|
90
|
-
|
|
88
|
+
this.modifiedOptions = this.options && this.options[props.dataField] ? this.options[props.dataField].buckets : [];
|
|
89
|
+
// Set custom and default queries in store
|
|
91
90
|
index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
|
|
92
91
|
index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.currentValue);
|
|
93
92
|
},
|
|
94
93
|
beforeMount: function beforeMount() {
|
|
95
94
|
this.updateQueryHandlerOptions(this.$props);
|
|
96
|
-
|
|
97
95
|
if (this.selectedValue) {
|
|
98
96
|
this.setValue(this.selectedValue);
|
|
99
97
|
} else if (this.$props.value) {
|
|
@@ -144,19 +142,16 @@ var SingleList = {
|
|
|
144
142
|
},
|
|
145
143
|
render: function render() {
|
|
146
144
|
var _this = this;
|
|
147
|
-
|
|
148
145
|
var h = arguments[0];
|
|
149
146
|
var _this$$props = this.$props,
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
147
|
+
selectAllLabel = _this$$props.selectAllLabel,
|
|
148
|
+
renderItem = _this$$props.renderItem,
|
|
149
|
+
renderError = _this$$props.renderError;
|
|
153
150
|
var renderItemCalc = this.$scopedSlots.renderItem || renderItem;
|
|
154
151
|
var renderErrorCalc = this.$scopedSlots.renderError || renderError;
|
|
155
|
-
|
|
156
152
|
if (renderErrorCalc && this.error) {
|
|
157
153
|
return index.isFunction(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
|
|
158
154
|
}
|
|
159
|
-
|
|
160
155
|
if (!this.hasCustomRenderer && this.modifiedOptions.length === 0 && !this.isLoading) {
|
|
161
156
|
if (this.renderNoResult) {
|
|
162
157
|
this.renderNoResult();
|
|
@@ -164,22 +159,17 @@ var SingleList = {
|
|
|
164
159
|
return null;
|
|
165
160
|
}
|
|
166
161
|
}
|
|
167
|
-
|
|
168
162
|
var itemsToRender = this.$data.modifiedOptions;
|
|
169
|
-
|
|
170
163
|
if (this.$props.transformData) {
|
|
171
164
|
itemsToRender = this.$props.transformData(itemsToRender);
|
|
172
165
|
}
|
|
173
|
-
|
|
174
166
|
var filteredItemsToRender = itemsToRender.filter(function (item) {
|
|
175
167
|
if (String(item.key).length) {
|
|
176
168
|
if (_this.$props.showSearch && _this.$data.searchTerm) {
|
|
177
169
|
return suggestions.replaceDiacritics(String(item.key)).toLowerCase().includes(suggestions.replaceDiacritics(_this.$data.searchTerm.toLowerCase()));
|
|
178
170
|
}
|
|
179
|
-
|
|
180
171
|
return true;
|
|
181
172
|
}
|
|
182
|
-
|
|
183
173
|
return false;
|
|
184
174
|
});
|
|
185
175
|
return h(Container.Container, {
|
|
@@ -251,46 +241,35 @@ var SingleList = {
|
|
|
251
241
|
methods: {
|
|
252
242
|
setValue: function setValue(nextValue, props) {
|
|
253
243
|
var _this2 = this;
|
|
254
|
-
|
|
255
244
|
if (props === void 0) {
|
|
256
245
|
props = this.$props;
|
|
257
246
|
}
|
|
258
|
-
|
|
259
247
|
var value = nextValue;
|
|
260
|
-
|
|
261
248
|
if (nextValue === this.$data.currentValue) {
|
|
262
249
|
value = '';
|
|
263
250
|
}
|
|
264
|
-
|
|
265
251
|
var performUpdate = function performUpdate() {
|
|
266
252
|
_this2.currentValue = value;
|
|
267
|
-
|
|
268
253
|
_this2.updateQueryHandler(value, props);
|
|
269
|
-
|
|
270
254
|
_this2.$emit('valueChange', value);
|
|
271
|
-
|
|
272
255
|
_this2.$emit('value-change', value);
|
|
273
256
|
};
|
|
274
|
-
|
|
275
257
|
checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
|
|
276
258
|
},
|
|
277
259
|
updateDefaultQueryHandler: function updateDefaultQueryHandler(value, props) {
|
|
278
260
|
var query = SingleList.defaultQuery(value, props);
|
|
279
|
-
|
|
280
261
|
if (this.defaultQuery) {
|
|
281
262
|
var defaultQueryToBeSet = this.defaultQuery(value, props) || {};
|
|
282
263
|
var defaultQueryObj = extractQueryFromCustomQuery(defaultQueryToBeSet);
|
|
283
|
-
|
|
284
264
|
if (defaultQueryObj) {
|
|
285
265
|
query = defaultQueryObj;
|
|
286
|
-
}
|
|
287
|
-
|
|
266
|
+
}
|
|
288
267
|
|
|
268
|
+
// Update calculated default query in store
|
|
289
269
|
index.updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
|
|
290
270
|
var defaultQueryOptions = getOptionsForCustomQuery(defaultQueryToBeSet);
|
|
291
271
|
this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
|
|
292
272
|
}
|
|
293
|
-
|
|
294
273
|
this.updateQuery({
|
|
295
274
|
componentId: this.internalComponent,
|
|
296
275
|
query: query,
|
|
@@ -301,7 +280,6 @@ var SingleList = {
|
|
|
301
280
|
updateQueryHandler: function updateQueryHandler(value, props) {
|
|
302
281
|
var customQuery = props.customQuery;
|
|
303
282
|
var query = SingleList.defaultQuery(value, props);
|
|
304
|
-
|
|
305
283
|
if (customQuery) {
|
|
306
284
|
var customQueryCalc = customQuery(value, props);
|
|
307
285
|
query = extractQueryFromCustomQuery(customQueryCalc);
|
|
@@ -309,7 +287,6 @@ var SingleList = {
|
|
|
309
287
|
index.updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
|
|
310
288
|
this.setQueryOptions(props.componentId, customQueryOptions, false);
|
|
311
289
|
}
|
|
312
|
-
|
|
313
290
|
this.updateQuery({
|
|
314
291
|
componentId: props.componentId,
|
|
315
292
|
query: query,
|
|
@@ -326,7 +303,6 @@ var SingleList = {
|
|
|
326
303
|
},
|
|
327
304
|
updateQueryHandlerOptions: function updateQueryHandlerOptions(props) {
|
|
328
305
|
var queryOptions = SingleList.generateQueryOptions(props);
|
|
329
|
-
|
|
330
306
|
if (props.defaultQuery) {
|
|
331
307
|
var value = this.$data.currentValue;
|
|
332
308
|
var defaultQueryOptions = getOptionsForCustomQuery(props.defaultQuery(value, props));
|
|
@@ -341,7 +317,6 @@ var SingleList = {
|
|
|
341
317
|
},
|
|
342
318
|
renderSearch: function renderSearch() {
|
|
343
319
|
var h = this.$createElement;
|
|
344
|
-
|
|
345
320
|
if (this.$props.showSearch) {
|
|
346
321
|
return h(Input.Input, {
|
|
347
322
|
"class": getClassName(this.$props.innerClass, 'input') || '',
|
|
@@ -358,20 +333,17 @@ var SingleList = {
|
|
|
358
333
|
}
|
|
359
334
|
});
|
|
360
335
|
}
|
|
361
|
-
|
|
362
336
|
return null;
|
|
363
337
|
},
|
|
364
338
|
getComponent: function getComponent() {
|
|
365
339
|
var _this$$data = this.$data,
|
|
366
|
-
|
|
367
|
-
|
|
340
|
+
currentValue = _this$$data.currentValue,
|
|
341
|
+
modifiedOptions = _this$$data.modifiedOptions;
|
|
368
342
|
var transformData = this.$props.transformData;
|
|
369
343
|
var itemsToRender = modifiedOptions;
|
|
370
|
-
|
|
371
344
|
if (transformData) {
|
|
372
345
|
itemsToRender = transformData(itemsToRender);
|
|
373
346
|
}
|
|
374
|
-
|
|
375
347
|
var data = {
|
|
376
348
|
error: this.error,
|
|
377
349
|
loading: this.isLoading,
|
|
@@ -384,23 +356,18 @@ var SingleList = {
|
|
|
384
356
|
},
|
|
385
357
|
handleClick: function handleClick(e) {
|
|
386
358
|
var currentValue = e;
|
|
387
|
-
|
|
388
359
|
if (index.isEvent(e)) {
|
|
389
360
|
currentValue = e.target.value;
|
|
390
361
|
}
|
|
391
|
-
|
|
392
362
|
if (this.enableStrictSelection && currentValue === this.currentValue) {
|
|
393
363
|
return false;
|
|
394
364
|
}
|
|
395
|
-
|
|
396
365
|
var value = this.$props.value;
|
|
397
|
-
|
|
398
366
|
if (value === undefined) {
|
|
399
367
|
this.setValue(currentValue);
|
|
400
368
|
} else {
|
|
401
369
|
this.$emit('change', currentValue);
|
|
402
370
|
}
|
|
403
|
-
|
|
404
371
|
return true;
|
|
405
372
|
},
|
|
406
373
|
renderNoResult: function renderNoResult() {
|
|
@@ -417,36 +384,29 @@ var SingleList = {
|
|
|
417
384
|
}
|
|
418
385
|
}
|
|
419
386
|
};
|
|
420
|
-
|
|
421
387
|
SingleList.generateQueryOptions = function (props) {
|
|
422
388
|
var queryOptions = getQueryOptions(props);
|
|
423
389
|
return utils.getAggsQuery(queryOptions, props);
|
|
424
390
|
};
|
|
425
|
-
|
|
426
391
|
SingleList.defaultQuery = function (value, props) {
|
|
427
392
|
var query = null;
|
|
428
|
-
|
|
429
393
|
if (props.selectAllLabel && props.selectAllLabel === value) {
|
|
430
394
|
if (props.showMissing) {
|
|
431
395
|
query = {
|
|
432
396
|
match_all: {}
|
|
433
397
|
};
|
|
434
398
|
}
|
|
435
|
-
|
|
436
399
|
query = {
|
|
437
400
|
exists: {
|
|
438
401
|
field: props.dataField
|
|
439
402
|
}
|
|
440
403
|
};
|
|
441
404
|
}
|
|
442
|
-
|
|
443
405
|
if (value) {
|
|
444
406
|
var _term;
|
|
445
|
-
|
|
446
407
|
query = {
|
|
447
408
|
term: (_term = {}, _term[props.dataField] = value, _term)
|
|
448
409
|
};
|
|
449
|
-
|
|
450
410
|
if (props.showMissing && props.missingLabel === value) {
|
|
451
411
|
query = {
|
|
452
412
|
bool: {
|
|
@@ -459,7 +419,6 @@ SingleList.defaultQuery = function (value, props) {
|
|
|
459
419
|
};
|
|
460
420
|
}
|
|
461
421
|
}
|
|
462
|
-
|
|
463
422
|
if (query && props.nestedField) {
|
|
464
423
|
return {
|
|
465
424
|
query: {
|
|
@@ -470,14 +429,11 @@ SingleList.defaultQuery = function (value, props) {
|
|
|
470
429
|
}
|
|
471
430
|
};
|
|
472
431
|
}
|
|
473
|
-
|
|
474
432
|
return query;
|
|
475
433
|
};
|
|
476
|
-
|
|
477
434
|
SingleList.hasInternalComponent = function () {
|
|
478
435
|
return true;
|
|
479
436
|
};
|
|
480
|
-
|
|
481
437
|
var mapStateToProps = function mapStateToProps(state, props) {
|
|
482
438
|
return {
|
|
483
439
|
options: props.nestedField && state.aggregations[props.componentId] ? state.aggregations[props.componentId].reactivesearch_nested : state.aggregations[props.componentId],
|
|
@@ -491,7 +447,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
|
|
|
491
447
|
enableAppbase: state.config.enableAppbase
|
|
492
448
|
};
|
|
493
449
|
};
|
|
494
|
-
|
|
495
450
|
var mapDispatchtoProps = {
|
|
496
451
|
setQueryOptions: setQueryOptions,
|
|
497
452
|
updateQuery: updateQuery,
|
|
@@ -502,12 +457,11 @@ var ListConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Com
|
|
|
502
457
|
componentType: constants.componentTypes.singleList,
|
|
503
458
|
internalComponent: SingleList.hasInternalComponent()
|
|
504
459
|
}));
|
|
505
|
-
|
|
506
460
|
SingleList.install = function (Vue) {
|
|
507
461
|
Vue.component(SingleList.name, ListConnected);
|
|
508
|
-
};
|
|
509
|
-
|
|
462
|
+
};
|
|
510
463
|
|
|
464
|
+
// Add componentType for SSR
|
|
511
465
|
SingleList.componentType = constants.componentTypes.singleList;
|
|
512
466
|
|
|
513
467
|
exports.ListConnected = ListConnected;
|
package/dist/cjs/SingleRange.js
CHANGED
|
@@ -7,28 +7,28 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
7
7
|
var configureStore = require('@appbaseio/reactivecore');
|
|
8
8
|
var configureStore__default = _interopDefault(configureStore);
|
|
9
9
|
var constants = require('@appbaseio/reactivecore/lib/utils/constants');
|
|
10
|
-
require('./_rollupPluginBabelHelpers-
|
|
10
|
+
require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
11
11
|
var VueTypes = _interopDefault(require('vue-types'));
|
|
12
12
|
require('emotion');
|
|
13
13
|
require('@appbaseio/vue-emotion');
|
|
14
14
|
require('polished');
|
|
15
|
-
var vueTypes = require('./vueTypes-
|
|
15
|
+
var vueTypes = require('./vueTypes-7cfc2f98.js');
|
|
16
16
|
require('@appbaseio/reactivecore/lib/utils/transform');
|
|
17
17
|
require('redux');
|
|
18
|
-
var index = require('./index-
|
|
19
|
-
var ComponentWrapper = require('./ComponentWrapper-
|
|
20
|
-
var PreferencesConsumer = require('./PreferencesConsumer-
|
|
21
|
-
var Title = require('./Title-
|
|
22
|
-
var Container = require('./Container-
|
|
23
|
-
var FormControlList = require('./FormControlList-
|
|
18
|
+
var index = require('./index-30126fd0.js');
|
|
19
|
+
var ComponentWrapper = require('./ComponentWrapper-9318cece.js');
|
|
20
|
+
var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
|
|
21
|
+
var Title = require('./Title-16042ea0.js');
|
|
22
|
+
var Container = require('./Container-e699ea95.js');
|
|
23
|
+
var FormControlList = require('./FormControlList-bbb5cd24.js');
|
|
24
24
|
|
|
25
25
|
var updateQuery = configureStore.Actions.updateQuery,
|
|
26
|
-
|
|
27
|
-
|
|
26
|
+
setQueryOptions = configureStore.Actions.setQueryOptions,
|
|
27
|
+
setCustomQuery = configureStore.Actions.setCustomQuery;
|
|
28
28
|
var isEqual = configureStore.helper.isEqual,
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
checkValueChange = configureStore.helper.checkValueChange,
|
|
30
|
+
getClassName = configureStore.helper.getClassName,
|
|
31
|
+
getOptionsFromQuery = configureStore.helper.getOptionsFromQuery;
|
|
32
32
|
var SingleRange = {
|
|
33
33
|
name: 'SingleRange',
|
|
34
34
|
data: function data() {
|
|
@@ -61,9 +61,8 @@ var SingleRange = {
|
|
|
61
61
|
created: function created() {
|
|
62
62
|
if (!this.enableAppbase && this.$props.index) {
|
|
63
63
|
console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
|
|
64
|
+
}
|
|
65
|
+
// Set custom query in store
|
|
67
66
|
index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
|
|
68
67
|
},
|
|
69
68
|
beforeMount: function beforeMount() {
|
|
@@ -100,7 +99,6 @@ var SingleRange = {
|
|
|
100
99
|
},
|
|
101
100
|
render: function render() {
|
|
102
101
|
var _this = this;
|
|
103
|
-
|
|
104
102
|
var h = arguments[0];
|
|
105
103
|
return h(Container.Container, {
|
|
106
104
|
"class": this.$props.className
|
|
@@ -137,38 +135,28 @@ var SingleRange = {
|
|
|
137
135
|
methods: {
|
|
138
136
|
setValue: function setValue(value, props) {
|
|
139
137
|
var _this2 = this;
|
|
140
|
-
|
|
141
138
|
if (props === void 0) {
|
|
142
139
|
props = this.$props;
|
|
143
140
|
}
|
|
144
|
-
|
|
145
141
|
var currentValue = typeof value === 'string' ? SingleRange.parseValue(value, props) : value;
|
|
146
|
-
|
|
147
142
|
var performUpdate = function performUpdate() {
|
|
148
143
|
_this2.currentValue = currentValue;
|
|
149
|
-
|
|
150
144
|
_this2.updateQueryHandler(currentValue, props);
|
|
151
|
-
|
|
152
145
|
_this2.$emit('valueChange', currentValue);
|
|
153
|
-
|
|
154
146
|
_this2.$emit('value-change', currentValue);
|
|
155
147
|
};
|
|
156
|
-
|
|
157
148
|
checkValueChange(props.componentId, currentValue, props.beforeValueChange, performUpdate);
|
|
158
149
|
},
|
|
159
150
|
updateQueryHandler: function updateQueryHandler(value, props) {
|
|
160
151
|
var customQuery = props.customQuery;
|
|
161
152
|
var query = SingleRange.defaultQuery(value, props);
|
|
162
|
-
|
|
163
153
|
if (customQuery) {
|
|
164
154
|
var _ref = customQuery(value, props) || {};
|
|
165
|
-
|
|
166
155
|
query = _ref.query;
|
|
167
156
|
var customQueryOptions = getOptionsFromQuery(customQuery(value, props));
|
|
168
157
|
index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
|
|
169
158
|
this.setQueryOptions(props.componentId, customQueryOptions, false);
|
|
170
159
|
}
|
|
171
|
-
|
|
172
160
|
this.updateQuery({
|
|
173
161
|
componentId: props.componentId,
|
|
174
162
|
query: query,
|
|
@@ -181,7 +169,6 @@ var SingleRange = {
|
|
|
181
169
|
},
|
|
182
170
|
handleChange: function handleChange(e) {
|
|
183
171
|
var value = this.$props.value;
|
|
184
|
-
|
|
185
172
|
if (value === undefined) {
|
|
186
173
|
this.setValue(e.target.value);
|
|
187
174
|
} else {
|
|
@@ -190,19 +177,15 @@ var SingleRange = {
|
|
|
190
177
|
}
|
|
191
178
|
}
|
|
192
179
|
};
|
|
193
|
-
|
|
194
180
|
SingleRange.parseValue = function (value, props) {
|
|
195
181
|
return props.data.find(function (item) {
|
|
196
182
|
return item.label === value;
|
|
197
183
|
}) || null;
|
|
198
184
|
};
|
|
199
|
-
|
|
200
185
|
SingleRange.defaultQuery = function (value, props) {
|
|
201
186
|
var query = null;
|
|
202
|
-
|
|
203
187
|
if (value) {
|
|
204
188
|
var _range;
|
|
205
|
-
|
|
206
189
|
query = {
|
|
207
190
|
range: (_range = {}, _range[props.dataField] = {
|
|
208
191
|
gte: value.start,
|
|
@@ -211,7 +194,6 @@ SingleRange.defaultQuery = function (value, props) {
|
|
|
211
194
|
}, _range)
|
|
212
195
|
};
|
|
213
196
|
}
|
|
214
|
-
|
|
215
197
|
if (query && props.nestedField) {
|
|
216
198
|
return {
|
|
217
199
|
query: {
|
|
@@ -222,10 +204,8 @@ SingleRange.defaultQuery = function (value, props) {
|
|
|
222
204
|
}
|
|
223
205
|
};
|
|
224
206
|
}
|
|
225
|
-
|
|
226
207
|
return query;
|
|
227
208
|
};
|
|
228
|
-
|
|
229
209
|
var mapStateToProps = function mapStateToProps(state, props) {
|
|
230
210
|
return {
|
|
231
211
|
selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
|
|
@@ -233,7 +213,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
|
|
|
233
213
|
enableAppbase: state.config.enableAppbase
|
|
234
214
|
};
|
|
235
215
|
};
|
|
236
|
-
|
|
237
216
|
var mapDispatchtoProps = {
|
|
238
217
|
updateQuery: updateQuery,
|
|
239
218
|
setQueryOptions: setQueryOptions,
|
|
@@ -242,12 +221,10 @@ var mapDispatchtoProps = {
|
|
|
242
221
|
var RangeConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(SingleRange), {
|
|
243
222
|
componentType: constants.componentTypes.singleRange
|
|
244
223
|
}));
|
|
245
|
-
|
|
246
224
|
SingleRange.install = function (Vue) {
|
|
247
225
|
Vue.component(SingleRange.name, RangeConnected);
|
|
248
|
-
};
|
|
249
|
-
|
|
250
|
-
|
|
226
|
+
};
|
|
227
|
+
// Add componentType for SSR
|
|
251
228
|
SingleRange.componentType = constants.componentTypes.singleRange;
|
|
252
229
|
|
|
253
230
|
exports.RangeConnected = RangeConnected;
|
|
@@ -7,42 +7,35 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
7
7
|
var configureStore = require('@appbaseio/reactivecore');
|
|
8
8
|
var configureStore__default = _interopDefault(configureStore);
|
|
9
9
|
require('@appbaseio/reactivecore/lib/utils/constants');
|
|
10
|
-
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-
|
|
10
|
+
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
11
11
|
var VueTypes = _interopDefault(require('vue-types'));
|
|
12
12
|
var transform = require('@appbaseio/reactivecore/lib/utils/transform');
|
|
13
13
|
require('redux');
|
|
14
|
-
var index = require('./index-
|
|
14
|
+
var index = require('./index-30126fd0.js');
|
|
15
15
|
var value = require('@appbaseio/reactivecore/lib/actions/value');
|
|
16
16
|
|
|
17
17
|
var getSearchState = configureStore.helper.getSearchState;
|
|
18
18
|
var defaultKeys = ['hits', 'value', 'aggregations', 'error'];
|
|
19
|
-
|
|
20
19
|
var filterProps = function filterProps(props) {
|
|
21
20
|
if (props === void 0) {
|
|
22
21
|
props = {};
|
|
23
22
|
}
|
|
24
|
-
|
|
25
23
|
return _rollupPluginBabelHelpers._extends({}, props, {
|
|
26
24
|
props: props.componentProps
|
|
27
25
|
});
|
|
28
26
|
};
|
|
29
|
-
|
|
30
27
|
var filterByComponentIds = function filterByComponentIds(state, props) {
|
|
31
28
|
if (props === void 0) {
|
|
32
29
|
props = {};
|
|
33
30
|
}
|
|
34
|
-
|
|
35
31
|
var _props = props,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
32
|
+
componentIds = _props.componentIds,
|
|
33
|
+
excludeComponentIds = _props.excludeComponentIds;
|
|
39
34
|
if (componentIds) {
|
|
40
35
|
if (typeof componentIds === 'string') {
|
|
41
36
|
var _ref;
|
|
42
|
-
|
|
43
37
|
return _ref = {}, _ref[componentIds] = state[componentIds], _ref;
|
|
44
38
|
}
|
|
45
|
-
|
|
46
39
|
if (Array.isArray(componentIds) && componentIds.length) {
|
|
47
40
|
var _filteredState = {};
|
|
48
41
|
componentIds.forEach(function (componentId) {
|
|
@@ -51,22 +44,18 @@ var filterByComponentIds = function filterByComponentIds(state, props) {
|
|
|
51
44
|
return _filteredState;
|
|
52
45
|
}
|
|
53
46
|
}
|
|
54
|
-
|
|
55
47
|
var filteredState = {};
|
|
56
|
-
|
|
57
48
|
if (!props.includeInternalComponents) {
|
|
58
49
|
Object.keys(state).forEach(function (componentId) {
|
|
59
50
|
if (componentId.endsWith('internal') || componentId.endsWith('active') || componentId.endsWith('timestamp')) {
|
|
60
51
|
return;
|
|
61
52
|
}
|
|
62
|
-
|
|
63
53
|
filteredState[componentId] = state[componentId];
|
|
64
54
|
});
|
|
65
55
|
} else {
|
|
66
56
|
filteredState = state;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
|
|
57
|
+
}
|
|
58
|
+
// Apply exclude component ids
|
|
70
59
|
if (excludeComponentIds) {
|
|
71
60
|
if (typeof excludeComponentIds === 'string') {
|
|
72
61
|
Object.keys(state).forEach(function (componentId) {
|
|
@@ -76,7 +65,6 @@ var filterByComponentIds = function filterByComponentIds(state, props) {
|
|
|
76
65
|
}
|
|
77
66
|
});
|
|
78
67
|
}
|
|
79
|
-
|
|
80
68
|
if (Array.isArray(excludeComponentIds) && excludeComponentIds.length) {
|
|
81
69
|
Object.keys(state).forEach(function (componentId) {
|
|
82
70
|
if (excludeComponentIds.includes(componentId)) {
|
|
@@ -86,14 +74,11 @@ var filterByComponentIds = function filterByComponentIds(state, props) {
|
|
|
86
74
|
});
|
|
87
75
|
}
|
|
88
76
|
}
|
|
89
|
-
|
|
90
77
|
return filteredState;
|
|
91
78
|
};
|
|
92
|
-
|
|
93
79
|
var filterByKeys = function filterByKeys(state, allowedKeys) {
|
|
94
80
|
return Object.keys(state).reduce(function (components, componentId) {
|
|
95
81
|
var _extends2;
|
|
96
|
-
|
|
97
82
|
return _rollupPluginBabelHelpers._extends({}, components, (_extends2 = {}, _extends2[componentId] = Object.keys(state[componentId]).filter(function (key) {
|
|
98
83
|
return allowedKeys.includes(key);
|
|
99
84
|
}).reduce(function (obj, key) {
|
|
@@ -103,7 +88,6 @@ var filterByKeys = function filterByKeys(state, allowedKeys) {
|
|
|
103
88
|
}, {}), _extends2));
|
|
104
89
|
}, {});
|
|
105
90
|
};
|
|
106
|
-
|
|
107
91
|
var StateProvider = {
|
|
108
92
|
name: 'StateProvider',
|
|
109
93
|
props: {
|
|
@@ -204,7 +188,6 @@ var StateProvider = {
|
|
|
204
188
|
if (valuesMap === void 0) {
|
|
205
189
|
valuesMap = {};
|
|
206
190
|
}
|
|
207
|
-
|
|
208
191
|
var components = this.components;
|
|
209
192
|
var computedValuesMap = {};
|
|
210
193
|
components.filter(function (component) {
|
|
@@ -228,7 +211,6 @@ var StateProvider = {
|
|
|
228
211
|
}) : null;
|
|
229
212
|
}
|
|
230
213
|
};
|
|
231
|
-
|
|
232
214
|
var mapStateToProps = function mapStateToProps(state, props) {
|
|
233
215
|
return {
|
|
234
216
|
selectedValues: filterByComponentIds(state.selectedValues, props),
|
|
@@ -246,12 +228,10 @@ var mapStateToProps = function mapStateToProps(state, props) {
|
|
|
246
228
|
components: state.components
|
|
247
229
|
};
|
|
248
230
|
};
|
|
249
|
-
|
|
250
231
|
var mapDispatchtoProps = {
|
|
251
232
|
setValues: value.setValues
|
|
252
233
|
};
|
|
253
234
|
var StateProviderConnected = index.connect(mapStateToProps, mapDispatchtoProps)(StateProvider);
|
|
254
|
-
|
|
255
235
|
StateProvider.install = function (Vue) {
|
|
256
236
|
Vue.component(StateProvider.name, StateProviderConnected);
|
|
257
237
|
};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
4
|
|
|
5
|
-
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-
|
|
5
|
+
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
6
6
|
var styled = require('@appbaseio/vue-emotion');
|
|
7
7
|
var styled__default = _interopDefault(styled);
|
|
8
8
|
|