@appbaseio/reactivesearch-vue 1.24.2 → 1.26.0
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 +481 -279
- package/dist/@appbaseio/reactivesearch-vue.umd.js.map +1 -1
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js +5 -5
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js.map +1 -1
- package/dist/cjs/{DownShift-62e82255.js → CancelSvg-4aa35935.js} +58 -14
- package/dist/cjs/DataSearch.js +31 -82
- package/dist/cjs/{DropDown-6815b9b6.js → DropDown-cf9bfffc.js} +60 -23
- package/dist/cjs/DynamicRangeSlider.js +9 -6
- package/dist/cjs/MultiDropdownList.js +14 -7
- package/dist/cjs/MultiList.js +6 -5
- package/dist/cjs/MultiRange.js +2 -2
- package/dist/cjs/RangeInput.js +3 -3
- package/dist/cjs/RangeSlider.js +17 -20
- package/dist/cjs/ReactiveBase.js +5 -3
- package/dist/cjs/ReactiveComponent.js +12 -12
- package/dist/cjs/ReactiveList.js +54 -42
- package/dist/cjs/ResultCard.js +1 -1
- package/dist/cjs/ResultList.js +1 -1
- package/dist/cjs/SelectedFilters.js +7 -5
- package/dist/cjs/SingleDropdownList.js +14 -7
- package/dist/cjs/SingleList.js +7 -6
- package/dist/cjs/SingleRange.js +2 -2
- package/dist/cjs/StateProvider.js +6 -2
- package/dist/cjs/ToggleButton.js +3 -3
- package/dist/cjs/index.js +7 -4
- package/dist/cjs/initReactivesearch.js +31 -12
- package/dist/cjs/install.js +5 -4
- package/dist/cjs/ssr-0ee35a09.js +39 -0
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/{vueTypes-4c19b4c8.js → vueTypes-57d01f18.js} +3 -3
- package/dist/es/{DownShift-3558d402.js → CancelSvg-c2c03a35.js} +55 -16
- package/dist/es/DataSearch.js +21 -72
- package/dist/es/{DropDown-035c804f.js → DropDown-c8da0a2c.js} +59 -22
- package/dist/es/DynamicRangeSlider.js +9 -6
- package/dist/es/MultiDropdownList.js +14 -7
- package/dist/es/MultiList.js +6 -5
- package/dist/es/MultiRange.js +2 -2
- package/dist/es/RangeInput.js +3 -3
- package/dist/es/RangeSlider.js +17 -20
- package/dist/es/ReactiveBase.js +5 -3
- package/dist/es/ReactiveComponent.js +12 -12
- package/dist/es/ReactiveList.js +54 -42
- package/dist/es/ResultCard.js +1 -1
- package/dist/es/ResultList.js +1 -1
- package/dist/es/SelectedFilters.js +7 -5
- package/dist/es/SingleDropdownList.js +14 -7
- package/dist/es/SingleList.js +7 -6
- package/dist/es/SingleRange.js +2 -2
- package/dist/es/StateProvider.js +6 -2
- package/dist/es/ToggleButton.js +3 -3
- package/dist/es/index.js +7 -4
- package/dist/es/initReactivesearch.js +31 -12
- package/dist/es/install.js +5 -4
- package/dist/es/ssr-a41dfea9.js +33 -0
- package/dist/es/version.js +1 -1
- package/dist/es/{vueTypes-fb61bb7b.js → vueTypes-687b2304.js} +3 -3
- package/package.json +3 -3
- package/dist/cjs/ssr-08e95ede.js +0 -39
- package/dist/es/ssr-5d255b08.js +0 -33
|
@@ -13,18 +13,19 @@ require('emotion');
|
|
|
13
13
|
require('@appbaseio/vue-emotion');
|
|
14
14
|
require('polished');
|
|
15
15
|
var Button = require('./Button-11307285.js');
|
|
16
|
-
var vueTypes = require('./vueTypes-
|
|
16
|
+
var vueTypes = require('./vueTypes-57d01f18.js');
|
|
17
17
|
require('@appbaseio/reactivecore/lib/utils/transform');
|
|
18
18
|
require('redux');
|
|
19
19
|
var index = require('./index-89c39a9e.js');
|
|
20
20
|
var ComponentWrapper = require('./ComponentWrapper-32481890.js');
|
|
21
21
|
var Title = require('./Title-584a8cc8.js');
|
|
22
|
+
require('./CancelSvg-4aa35935.js');
|
|
22
23
|
require('./Input-3cc3fa59.js');
|
|
23
24
|
require('compute-scroll-into-view');
|
|
24
|
-
require('./DownShift-62e82255.js');
|
|
25
25
|
var Container = require('./Container-526efa6a.js');
|
|
26
|
+
require('@appbaseio/reactivecore/lib/utils/suggestions');
|
|
26
27
|
var utils = require('./utils-1219e1fe.js');
|
|
27
|
-
var DropDown = require('./DropDown-
|
|
28
|
+
var DropDown = require('./DropDown-cf9bfffc.js');
|
|
28
29
|
|
|
29
30
|
var updateQuery = configureStore.Actions.updateQuery,
|
|
30
31
|
setQueryOptions = configureStore.Actions.setQueryOptions,
|
|
@@ -80,10 +81,12 @@ var SingleDropdownList = {
|
|
|
80
81
|
showMissing: VueTypes.bool.def(false),
|
|
81
82
|
missingLabel: VueTypes.string.def('N/A'),
|
|
82
83
|
showSearch: VueTypes.bool.def(false),
|
|
84
|
+
showClear: VueTypes.bool.def(false),
|
|
83
85
|
showLoadMore: VueTypes.bool.def(false),
|
|
84
86
|
loadMoreLabel: VueTypes.oneOfType([VueTypes.string, VueTypes.any]).def('Load More'),
|
|
85
87
|
nestedField: vueTypes.types.string,
|
|
86
|
-
index: VueTypes.string
|
|
88
|
+
index: VueTypes.string,
|
|
89
|
+
searchPlaceholder: VueTypes.string.def('Type here to search...')
|
|
87
90
|
},
|
|
88
91
|
created: function created() {
|
|
89
92
|
if (!this.enableAppbase && this.$props.index) {
|
|
@@ -197,7 +200,9 @@ var SingleDropdownList = {
|
|
|
197
200
|
if (!this.hasCustomRenderer && this.$data.modifiedOptions.length === 0 && !this.isLoading) {
|
|
198
201
|
if (renderNoResults && index.isFunction(renderNoResults)) {
|
|
199
202
|
return h("div", [renderNoResults()]);
|
|
200
|
-
}
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
if (renderNoResults && !index.isFunction(renderNoResults)) {
|
|
201
206
|
return renderNoResults;
|
|
202
207
|
}
|
|
203
208
|
|
|
@@ -235,6 +240,8 @@ var SingleDropdownList = {
|
|
|
235
240
|
"renderNoResults": this.$scopedSlots.renderNoResults || this.$props.renderNoResults,
|
|
236
241
|
"themePreset": this.themePreset,
|
|
237
242
|
"showSearch": this.$props.showSearch,
|
|
243
|
+
"showClear": this.$props.showClear,
|
|
244
|
+
"searchPlaceholder": this.$props.searchPlaceholder,
|
|
238
245
|
"transformData": this.$props.transformData,
|
|
239
246
|
"footer": showLoadMore && !isLastBucket && h("div", {
|
|
240
247
|
"attrs": {
|
|
@@ -294,7 +301,7 @@ var SingleDropdownList = {
|
|
|
294
301
|
index.updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
|
|
295
302
|
}
|
|
296
303
|
|
|
297
|
-
this.setQueryOptions(this.internalComponent, defaultQueryOptions);
|
|
304
|
+
this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
|
|
298
305
|
this.updateQuery({
|
|
299
306
|
componentId: this.internalComponent,
|
|
300
307
|
query: query,
|
|
@@ -315,7 +322,7 @@ var SingleDropdownList = {
|
|
|
315
322
|
index.updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
|
|
316
323
|
}
|
|
317
324
|
|
|
318
|
-
this.setQueryOptions(props.componentId, customQueryOptions);
|
|
325
|
+
this.setQueryOptions(props.componentId, customQueryOptions, false);
|
|
319
326
|
this.updateQuery({
|
|
320
327
|
componentId: props.componentId,
|
|
321
328
|
query: query,
|
package/dist/cjs/SingleList.js
CHANGED
|
@@ -12,7 +12,7 @@ var constants = require('@appbaseio/reactivecore/lib/utils/constants');
|
|
|
12
12
|
require('emotion');
|
|
13
13
|
require('@appbaseio/vue-emotion');
|
|
14
14
|
require('polished');
|
|
15
|
-
var vueTypes = require('./vueTypes-
|
|
15
|
+
var vueTypes = require('./vueTypes-57d01f18.js');
|
|
16
16
|
require('@appbaseio/reactivecore/lib/utils/transform');
|
|
17
17
|
require('redux');
|
|
18
18
|
var index = require('./index-89c39a9e.js');
|
|
@@ -20,6 +20,7 @@ var ComponentWrapper = require('./ComponentWrapper-32481890.js');
|
|
|
20
20
|
var Title = require('./Title-584a8cc8.js');
|
|
21
21
|
var Input = require('./Input-3cc3fa59.js');
|
|
22
22
|
var Container = require('./Container-526efa6a.js');
|
|
23
|
+
var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
|
|
23
24
|
var FormControlList = require('./FormControlList-808dbcef.js');
|
|
24
25
|
var utils = require('./utils-1219e1fe.js');
|
|
25
26
|
|
|
@@ -36,7 +37,7 @@ var SingleList = {
|
|
|
36
37
|
name: 'SingleList',
|
|
37
38
|
props: {
|
|
38
39
|
beforeValueChange: vueTypes.types.func,
|
|
39
|
-
className:
|
|
40
|
+
className: VueTypes.string.def(''),
|
|
40
41
|
componentId: vueTypes.types.stringRequired,
|
|
41
42
|
customQuery: vueTypes.types.func,
|
|
42
43
|
dataField: vueTypes.types.stringRequired,
|
|
@@ -56,7 +57,7 @@ var SingleList = {
|
|
|
56
57
|
showFilter: VueTypes.bool.def(true),
|
|
57
58
|
showRadio: VueTypes.bool.def(true),
|
|
58
59
|
showSearch: VueTypes.bool.def(true),
|
|
59
|
-
size: VueTypes.number
|
|
60
|
+
size: VueTypes.number,
|
|
60
61
|
sortBy: VueTypes.oneOf(['asc', 'desc', 'count']).def('count'),
|
|
61
62
|
title: vueTypes.types.title,
|
|
62
63
|
URLParams: VueTypes.bool.def(false),
|
|
@@ -170,7 +171,7 @@ var SingleList = {
|
|
|
170
171
|
var filteredItemsToRender = itemsToRender.filter(function (item) {
|
|
171
172
|
if (String(item.key).length) {
|
|
172
173
|
if (_this.$props.showSearch && _this.$data.searchTerm) {
|
|
173
|
-
return String(item.key).toLowerCase().includes(_this.$data.searchTerm.toLowerCase());
|
|
174
|
+
return suggestions.replaceDiacritics(String(item.key)).toLowerCase().includes(suggestions.replaceDiacritics(_this.$data.searchTerm.toLowerCase()));
|
|
174
175
|
}
|
|
175
176
|
|
|
176
177
|
return true;
|
|
@@ -283,7 +284,7 @@ var SingleList = {
|
|
|
283
284
|
index.updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
|
|
284
285
|
}
|
|
285
286
|
|
|
286
|
-
this.setQueryOptions(this.internalComponent, defaultQueryOptions);
|
|
287
|
+
this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
|
|
287
288
|
this.updateQuery({
|
|
288
289
|
componentId: this.internalComponent,
|
|
289
290
|
query: query,
|
|
@@ -304,7 +305,7 @@ var SingleList = {
|
|
|
304
305
|
index.updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
|
|
305
306
|
}
|
|
306
307
|
|
|
307
|
-
this.setQueryOptions(props.componentId, customQueryOptions);
|
|
308
|
+
this.setQueryOptions(props.componentId, customQueryOptions, false);
|
|
308
309
|
this.updateQuery({
|
|
309
310
|
componentId: props.componentId,
|
|
310
311
|
query: query,
|
package/dist/cjs/SingleRange.js
CHANGED
|
@@ -12,7 +12,7 @@ var constants = require('@appbaseio/reactivecore/lib/utils/constants');
|
|
|
12
12
|
require('emotion');
|
|
13
13
|
require('@appbaseio/vue-emotion');
|
|
14
14
|
require('polished');
|
|
15
|
-
var vueTypes = require('./vueTypes-
|
|
15
|
+
var vueTypes = require('./vueTypes-57d01f18.js');
|
|
16
16
|
require('@appbaseio/reactivecore/lib/utils/transform');
|
|
17
17
|
require('redux');
|
|
18
18
|
var index = require('./index-89c39a9e.js');
|
|
@@ -167,7 +167,7 @@ var SingleRange = {
|
|
|
167
167
|
index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
|
|
168
168
|
}
|
|
169
169
|
|
|
170
|
-
this.setQueryOptions(props.componentId, customQueryOptions);
|
|
170
|
+
this.setQueryOptions(props.componentId, customQueryOptions, false);
|
|
171
171
|
this.updateQuery({
|
|
172
172
|
componentId: props.componentId,
|
|
173
173
|
query: query,
|
|
@@ -16,6 +16,10 @@ var getSearchState = configureStore.helper.getSearchState;
|
|
|
16
16
|
var defaultKeys = ['hits', 'value', 'aggregations', 'error'];
|
|
17
17
|
|
|
18
18
|
var filterProps = function filterProps(props) {
|
|
19
|
+
if (props === void 0) {
|
|
20
|
+
props = {};
|
|
21
|
+
}
|
|
22
|
+
|
|
19
23
|
return _rollupPluginBabelHelpers._extends({}, props, {
|
|
20
24
|
props: props.componentProps
|
|
21
25
|
});
|
|
@@ -35,7 +39,7 @@ var filterByComponentIds = function filterByComponentIds(state, props) {
|
|
|
35
39
|
return _ref = {}, _ref[componentIds] = state[componentIds], _ref;
|
|
36
40
|
}
|
|
37
41
|
|
|
38
|
-
if (componentIds
|
|
42
|
+
if (Array.isArray(componentIds)) {
|
|
39
43
|
var filteredState = {};
|
|
40
44
|
componentIds.forEach(function (componentId) {
|
|
41
45
|
filteredState[componentId] = state[componentId];
|
|
@@ -74,7 +78,7 @@ var StateProvider = {
|
|
|
74
78
|
};
|
|
75
79
|
return this.__state;
|
|
76
80
|
},
|
|
77
|
-
|
|
81
|
+
created: function created() {
|
|
78
82
|
this.searchState = filterByKeys(getSearchState(filterProps(this.searchStateProps)), this.includeKeys);
|
|
79
83
|
},
|
|
80
84
|
computed: {
|
package/dist/cjs/ToggleButton.js
CHANGED
|
@@ -13,7 +13,7 @@ require('emotion');
|
|
|
13
13
|
require('@appbaseio/vue-emotion');
|
|
14
14
|
require('polished');
|
|
15
15
|
var Button = require('./Button-11307285.js');
|
|
16
|
-
var vueTypes = require('./vueTypes-
|
|
16
|
+
var vueTypes = require('./vueTypes-57d01f18.js');
|
|
17
17
|
require('@appbaseio/reactivecore/lib/utils/transform');
|
|
18
18
|
require('redux');
|
|
19
19
|
var index = require('./index-89c39a9e.js');
|
|
@@ -35,7 +35,7 @@ var ToggleButton = {
|
|
|
35
35
|
componentId: vueTypes.types.stringRequired,
|
|
36
36
|
data: vueTypes.types.data,
|
|
37
37
|
dataField: vueTypes.types.stringRequired,
|
|
38
|
-
defaultValue: vueTypes.types.
|
|
38
|
+
defaultValue: vueTypes.types.any,
|
|
39
39
|
value: vueTypes.types.stringOrArray,
|
|
40
40
|
filterLabel: vueTypes.types.string,
|
|
41
41
|
nestedField: vueTypes.types.string,
|
|
@@ -193,7 +193,7 @@ var ToggleButton = {
|
|
|
193
193
|
var _ref = customQuery(value, props) || {};
|
|
194
194
|
|
|
195
195
|
query = _ref.query;
|
|
196
|
-
this.setQueryOptions(props.componentId, getOptionsFromQuery(customQuery(value, props)));
|
|
196
|
+
this.setQueryOptions(props.componentId, getOptionsFromQuery(customQuery(value, props)), false);
|
|
197
197
|
index.updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
|
|
198
198
|
}
|
|
199
199
|
|
package/dist/cjs/index.js
CHANGED
|
@@ -11,7 +11,7 @@ require('emotion');
|
|
|
11
11
|
require('@appbaseio/vue-emotion');
|
|
12
12
|
require('polished');
|
|
13
13
|
require('./Button-11307285.js');
|
|
14
|
-
require('./vueTypes-
|
|
14
|
+
require('./vueTypes-57d01f18.js');
|
|
15
15
|
var ReactiveList = require('./ReactiveList.js');
|
|
16
16
|
require('@appbaseio/reactivecore/lib/utils/transform');
|
|
17
17
|
require('redux');
|
|
@@ -28,16 +28,17 @@ require('url-search-params-polyfill');
|
|
|
28
28
|
var ReactiveBase = require('./ReactiveBase.js');
|
|
29
29
|
require('hotkeys-js');
|
|
30
30
|
var DataSearch = require('./DataSearch.js');
|
|
31
|
+
require('./CancelSvg-4aa35935.js');
|
|
31
32
|
require('./Input-3cc3fa59.js');
|
|
32
33
|
require('compute-scroll-into-view');
|
|
33
|
-
require('./DownShift-62e82255.js');
|
|
34
34
|
require('./Container-526efa6a.js');
|
|
35
35
|
require('vue-highlight-words');
|
|
36
|
+
require('@appbaseio/reactivecore/lib/utils/suggestions');
|
|
36
37
|
require('./FormControlList-808dbcef.js');
|
|
37
38
|
require('./utils-1219e1fe.js');
|
|
38
39
|
var SingleList = require('./SingleList.js');
|
|
39
40
|
var MultiList = require('./MultiList.js');
|
|
40
|
-
require('./DropDown-
|
|
41
|
+
require('./DropDown-cf9bfffc.js');
|
|
41
42
|
var SingleDropdownList = require('./SingleDropdownList.js');
|
|
42
43
|
var MultiDropdownList = require('./MultiDropdownList.js');
|
|
43
44
|
var ToggleButton = require('./ToggleButton.js');
|
|
@@ -48,13 +49,15 @@ var MultiRange = require('./MultiRange.js');
|
|
|
48
49
|
var ResultCard = require('./ResultCard.js');
|
|
49
50
|
var ResultList = require('./ResultList.js');
|
|
50
51
|
require('vue-no-ssr');
|
|
51
|
-
require('./ssr-
|
|
52
|
+
require('./ssr-0ee35a09.js');
|
|
52
53
|
var RangeSlider = require('./RangeSlider.js');
|
|
53
54
|
var DynamicRangeSlider = require('./DynamicRangeSlider.js');
|
|
54
55
|
var StateProvider = require('./StateProvider.js');
|
|
55
56
|
require('@appbaseio/reactivecore/lib/reducers/valueReducer');
|
|
56
57
|
require('@appbaseio/reactivecore/lib/reducers/queryReducer');
|
|
57
58
|
require('@appbaseio/reactivecore/lib/reducers/queryOptionsReducer');
|
|
59
|
+
require('@appbaseio/reactivecore/lib/reducers/compositeAggsReducer');
|
|
60
|
+
require('@appbaseio/reactivecore/lib/constants');
|
|
58
61
|
require('@appbaseio/reactivecore/lib/reducers/dependencyTreeReducer');
|
|
59
62
|
require('@appbaseio/reactivecore/lib/utils/graphQL');
|
|
60
63
|
require('@appbaseio/reactivecore/lib/actions/utils');
|
|
@@ -12,6 +12,8 @@ var Appbase = _interopDefault(require('appbase-js'));
|
|
|
12
12
|
var valueReducer = _interopDefault(require('@appbaseio/reactivecore/lib/reducers/valueReducer'));
|
|
13
13
|
var queryReducer = _interopDefault(require('@appbaseio/reactivecore/lib/reducers/queryReducer'));
|
|
14
14
|
var queryOptionsReducer = _interopDefault(require('@appbaseio/reactivecore/lib/reducers/queryOptionsReducer'));
|
|
15
|
+
var compositeAggsReducer = _interopDefault(require('@appbaseio/reactivecore/lib/reducers/compositeAggsReducer'));
|
|
16
|
+
var constants$1 = require('@appbaseio/reactivecore/lib/constants');
|
|
15
17
|
var dependencyTreeReducer = _interopDefault(require('@appbaseio/reactivecore/lib/reducers/dependencyTreeReducer'));
|
|
16
18
|
var fetchGraphQL = _interopDefault(require('@appbaseio/reactivecore/lib/utils/graphQL'));
|
|
17
19
|
var utils = require('@appbaseio/reactivecore/lib/actions/utils');
|
|
@@ -108,6 +110,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
108
110
|
var orderOfQueries = [];
|
|
109
111
|
var hits = {};
|
|
110
112
|
var aggregations = {};
|
|
113
|
+
var compositeAggregations = {};
|
|
111
114
|
var state = {};
|
|
112
115
|
var customQueries = {};
|
|
113
116
|
var defaultQueries = {};
|
|
@@ -122,16 +125,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
122
125
|
compProps[key] = component[key];
|
|
123
126
|
}
|
|
124
127
|
});
|
|
125
|
-
var isInternalComponentPresent = false;
|
|
126
|
-
|
|
127
|
-
if (component.customQuery && typeof component.customQuery === 'function') {
|
|
128
|
-
customQueries[component.componentId] = component.customQuery(component.value, compProps);
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
if (component.defaultQuery && typeof component.defaultQuery === 'function') {
|
|
132
|
-
defaultQueries[component.componentId] = component.defaultQuery(component.value, compProps);
|
|
133
|
-
}
|
|
134
|
-
|
|
128
|
+
var isInternalComponentPresent = false;
|
|
135
129
|
var isResultComponent = resultComponents.includes(componentType);
|
|
136
130
|
var internalComponent = component.componentId + "__internal";
|
|
137
131
|
var label = component.filterLabel || component.componentId;
|
|
@@ -155,7 +149,16 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
155
149
|
reference: reference,
|
|
156
150
|
showFilter: showFilter,
|
|
157
151
|
URLParams: component.URLParams || false
|
|
158
|
-
}); //
|
|
152
|
+
}); // Set custom and default queries
|
|
153
|
+
|
|
154
|
+
if (component.customQuery && typeof component.customQuery === 'function') {
|
|
155
|
+
customQueries[component.componentId] = component.customQuery(value, compProps);
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
if (component.defaultQuery && typeof component.defaultQuery === 'function') {
|
|
159
|
+
defaultQueries[component.componentId] = component.defaultQuery(value, compProps);
|
|
160
|
+
} // [2] set query options - main component query (valid for result components)
|
|
161
|
+
|
|
159
162
|
|
|
160
163
|
if (componentsWithOptions.includes(componentType)) {
|
|
161
164
|
var options = component.source.generateQueryOptions ? component.source.generateQueryOptions(component) : null;
|
|
@@ -242,7 +245,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
242
245
|
|
|
243
246
|
|
|
244
247
|
if (isResultComponent) {
|
|
245
|
-
var _getQuery = getQuery(component,
|
|
248
|
+
var _getQuery = getQuery(component, value, componentType),
|
|
246
249
|
query = _getQuery.query;
|
|
247
250
|
|
|
248
251
|
queryList = queryReducer(queryList, {
|
|
@@ -342,6 +345,11 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
342
345
|
var _extends4;
|
|
343
346
|
|
|
344
347
|
aggregations = _rollupPluginBabelHelpers._extends({}, aggregations, (_extends4 = {}, _extends4[component] = response.aggregations, _extends4));
|
|
348
|
+
compositeAggregations = compositeAggsReducer(compositeAggregations, {
|
|
349
|
+
type: constants$1.UPDATE_COMPOSITE_AGGS,
|
|
350
|
+
aggregations: response.aggregations,
|
|
351
|
+
append: false
|
|
352
|
+
});
|
|
345
353
|
}
|
|
346
354
|
|
|
347
355
|
hits = _rollupPluginBabelHelpers._extends({}, hits, (_extends5 = {}, _extends5[component] = {
|
|
@@ -368,6 +376,8 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
368
376
|
var promotedResults = {};
|
|
369
377
|
var rawData = {};
|
|
370
378
|
var customData = {};
|
|
379
|
+
var settingsResponse = {};
|
|
380
|
+
var timestamp = {};
|
|
371
381
|
var allPromises = orderOfQueries.map(function (component) {
|
|
372
382
|
return new Promise(function (responseResolve, responseReject) {
|
|
373
383
|
handleTransformResponse(res[component], component).then(function (response) {
|
|
@@ -386,6 +396,11 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
386
396
|
|
|
387
397
|
if (response.customData) {
|
|
388
398
|
customData[component] = response.customData;
|
|
399
|
+
} // Update settings
|
|
400
|
+
|
|
401
|
+
|
|
402
|
+
if (response.settings) {
|
|
403
|
+
settingsResponse[component] = response.settings;
|
|
389
404
|
}
|
|
390
405
|
|
|
391
406
|
if (response.aggregations) {
|
|
@@ -394,6 +409,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
394
409
|
aggregations = _rollupPluginBabelHelpers._extends({}, aggregations, (_extends6 = {}, _extends6[component] = response.aggregations, _extends6));
|
|
395
410
|
}
|
|
396
411
|
|
|
412
|
+
timestamp[component] = res._timestamp;
|
|
397
413
|
hits = _rollupPluginBabelHelpers._extends({}, hits, (_extends7 = {}, _extends7[component] = {
|
|
398
414
|
hits: response.hits.hits,
|
|
399
415
|
total: typeof response.hits.total === 'object' ? response.hits.total.value : response.hits.total,
|
|
@@ -409,8 +425,11 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
409
425
|
Promise.all(allPromises).then(function () {
|
|
410
426
|
state = _rollupPluginBabelHelpers._extends({}, state, {
|
|
411
427
|
hits: hits,
|
|
428
|
+
timestamp: timestamp,
|
|
412
429
|
aggregations: aggregations,
|
|
430
|
+
compositeAggregations: compositeAggregations,
|
|
413
431
|
promotedResults: promotedResults,
|
|
432
|
+
settings: settingsResponse,
|
|
414
433
|
customData: customData,
|
|
415
434
|
rawData: rawData
|
|
416
435
|
});
|
package/dist/cjs/install.js
CHANGED
|
@@ -11,7 +11,7 @@ require('emotion');
|
|
|
11
11
|
require('@appbaseio/vue-emotion');
|
|
12
12
|
require('polished');
|
|
13
13
|
require('./Button-11307285.js');
|
|
14
|
-
require('./vueTypes-
|
|
14
|
+
require('./vueTypes-57d01f18.js');
|
|
15
15
|
var ReactiveList = require('./ReactiveList.js');
|
|
16
16
|
require('@appbaseio/reactivecore/lib/utils/transform');
|
|
17
17
|
require('redux');
|
|
@@ -28,16 +28,17 @@ require('url-search-params-polyfill');
|
|
|
28
28
|
var ReactiveBase = require('./ReactiveBase.js');
|
|
29
29
|
require('hotkeys-js');
|
|
30
30
|
var DataSearch = require('./DataSearch.js');
|
|
31
|
+
require('./CancelSvg-4aa35935.js');
|
|
31
32
|
require('./Input-3cc3fa59.js');
|
|
32
33
|
require('compute-scroll-into-view');
|
|
33
|
-
require('./DownShift-62e82255.js');
|
|
34
34
|
require('./Container-526efa6a.js');
|
|
35
35
|
require('vue-highlight-words');
|
|
36
|
+
require('@appbaseio/reactivecore/lib/utils/suggestions');
|
|
36
37
|
require('./FormControlList-808dbcef.js');
|
|
37
38
|
require('./utils-1219e1fe.js');
|
|
38
39
|
var SingleList = require('./SingleList.js');
|
|
39
40
|
var MultiList = require('./MultiList.js');
|
|
40
|
-
require('./DropDown-
|
|
41
|
+
require('./DropDown-cf9bfffc.js');
|
|
41
42
|
var SingleDropdownList = require('./SingleDropdownList.js');
|
|
42
43
|
var MultiDropdownList = require('./MultiDropdownList.js');
|
|
43
44
|
var ToggleButton = require('./ToggleButton.js');
|
|
@@ -48,7 +49,7 @@ var MultiRange = require('./MultiRange.js');
|
|
|
48
49
|
var ResultCard = require('./ResultCard.js');
|
|
49
50
|
var ResultList = require('./ResultList.js');
|
|
50
51
|
require('vue-no-ssr');
|
|
51
|
-
require('./ssr-
|
|
52
|
+
require('./ssr-0ee35a09.js');
|
|
52
53
|
var RangeSlider = require('./RangeSlider.js');
|
|
53
54
|
var DynamicRangeSlider = require('./DynamicRangeSlider.js');
|
|
54
55
|
var StateProvider = require('./StateProvider.js');
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
+
|
|
5
|
+
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
|
|
6
|
+
var styled = require('@appbaseio/vue-emotion');
|
|
7
|
+
var styled__default = _interopDefault(styled);
|
|
8
|
+
var NoSSR = _interopDefault(require('vue-no-ssr'));
|
|
9
|
+
|
|
10
|
+
var _templateObject;
|
|
11
|
+
var Slider = styled__default('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin-top: 30px;\n\tpadding: 10px;\n\n\t/* component style */\n\t.vue-slider-disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\t/* rail style */\n\t.vue-slider-rail {\n\t\tbackground-color: #ccc;\n\t\tborder-radius: 15px;\n\t\theight: 4px;\n\t}\n\n\t/* process style */\n\t.vue-slider-process {\n\t\tbackground-color: #0b6aff;\n\t\tborder-radius: 15px;\n\t}\n\n\t/* mark style */\n\t.vue-slider-mark {\n\t\tz-index: 4;\n\t}\n\n\t.vue-slider-mark:first-child .vue-slider-mark-step,\n\t.vue-slider-mark:last-child .vue-slider-mark-step {\n\t\tdisplay: none;\n\t}\n\n\t.vue-slider-mark-step {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: rgba(0, 0, 0, 0.16);\n\t}\n\n\t.vue-slider-mark-label {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t}\n\n\t/* dot style */\n\t.vue-slider-dot {\n\t\tz-index: 2;\n\t}\n\n\t.vue-slider-dot-handle {\n\t\tcursor: pointer;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: #fff;\n\t\tbox-sizing: border-box;\n\t\tborder: 1px solid #9a9a9a;\n\t\tz-index: 2;\n\t\tbox-shadow: 0.5px 0.5px 2px 1px rgb(0 0 0 / 32%);\n\t}\n\n\t.vue-slider-dot-handle-disabled {\n\t\tcursor: not-allowed;\n\t\tbackground-color: #ccc;\n\t}\n\n\t.vue-slider-dot-tooltip-inner {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t\tpadding: 2px 5px;\n\t\tmin-width: 20px;\n\t\ttext-align: center;\n\t\tcolor: #fff;\n\t\tborder-radius: 5px;\n\t\tborder: 1px solid #3498db;\n\t\tbackground-color: #3498db;\n\t\tbox-sizing: content-box;\n\t}\n\n\t.vue-slider-dot-tooltip-inner::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-top::after {\n\t\ttop: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-top-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-bottom::after {\n\t\tbottom: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-bottom-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-left::after {\n\t\tleft: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-left-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-right::after {\n\t\tright: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-right-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-wrapper {\n\t\topacity: 0;\n\t\ttransition: all 0.3s;\n\t}\n\t.vue-slider-dot-tooltip-wrapper-show {\n\t\topacity: 1;\n\t}\n\n\t.label-container {\n\t\tmargin: 10px 0;\n\t\twidth: 100%;\n\t}\n\n\t.range-label-right {\n\t\tfloat: right;\n\t}\n"])));
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Caution: Please do not change this file without having a discussion with the Team.
|
|
15
|
+
* Any change may break the umd build, we're directly replacing the line no: 14
|
|
16
|
+
* `components['vue-slider-component'] = require('vue-slider-component');` in rollup umd build process with some script.
|
|
17
|
+
*/
|
|
18
|
+
// eslint-disable-next-line
|
|
19
|
+
|
|
20
|
+
var getComponents = function getComponents() {
|
|
21
|
+
var components = {
|
|
22
|
+
NoSSR: NoSSR
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
if (process.browser) {
|
|
26
|
+
try {
|
|
27
|
+
// in older versions of nuxt, it's process.BROWSER_BUILD
|
|
28
|
+
// eslint-disable-next-line
|
|
29
|
+
components['vue-slider-component'] = require('vue-slider-component');
|
|
30
|
+
} catch (e) {
|
|
31
|
+
console.error('Unable to load vue-slider', e);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
return components;
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
exports.Slider = Slider;
|
|
39
|
+
exports.getComponents = getComponents;
|
package/dist/cjs/version.js
CHANGED
|
@@ -99,19 +99,19 @@ var types = {
|
|
|
99
99
|
unit: VueTypes.oneOf(['mi', 'miles', 'yd', 'yards', 'ft', 'feet', 'in', 'inch', 'km', 'kilometers', 'm', 'meters', 'cm', 'centimeters', 'mm', 'millimeters', 'NM', 'nmi', 'nauticalmiles']),
|
|
100
100
|
value: VueTypes.string.def(undefined),
|
|
101
101
|
analyticsConfig: VueTypes.shape({
|
|
102
|
-
searchStateHeader: VueTypes.bool,
|
|
103
102
|
emptyQuery: VueTypes.bool,
|
|
104
103
|
suggestionAnalytics: VueTypes.bool,
|
|
105
104
|
userId: VueTypes.string,
|
|
106
105
|
customEvents: VueTypes.object
|
|
107
106
|
}),
|
|
108
107
|
appbaseConfig: VueTypes.shape({
|
|
109
|
-
enableQueryRules: VueTypes.bool,
|
|
110
108
|
recordAnalytics: VueTypes.bool,
|
|
111
|
-
searchStateHeader: VueTypes.bool,
|
|
112
109
|
emptyQuery: VueTypes.bool,
|
|
113
110
|
suggestionAnalytics: VueTypes.bool,
|
|
111
|
+
enableQueryRules: VueTypes.bool,
|
|
112
|
+
enableSearchRelevancy: VueTypes.bool,
|
|
114
113
|
userId: VueTypes.string,
|
|
114
|
+
useCache: VueTypes.bool,
|
|
115
115
|
customEvents: VueTypes.object,
|
|
116
116
|
enableTelemetry: VueTypes.bool.def(true)
|
|
117
117
|
}).def({}),
|
|
@@ -1,6 +1,33 @@
|
|
|
1
|
-
import { a as _extends } from './_rollupPluginBabelHelpers-0f24d612.js';
|
|
1
|
+
import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-0f24d612.js';
|
|
2
|
+
import styled, { css } from '@appbaseio/vue-emotion';
|
|
2
3
|
import computeScrollIntoView from 'compute-scroll-into-view';
|
|
3
4
|
|
|
5
|
+
var _templateObject;
|
|
6
|
+
var InputWrapper = styled('span')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n flex: 1;\n position: relative;\n"])));
|
|
7
|
+
|
|
8
|
+
var _templateObject$1, _templateObject2, _templateObject3, _templateObject4;
|
|
9
|
+
var IconGroup = styled('div')(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgrid-gap: 6px;\n\tmargin: 0 10px;\n\theight: 100%;\n\n\t", ";\n\n\t", ";\n"])), function (_ref) {
|
|
10
|
+
var positionType = _ref.positionType;
|
|
11
|
+
|
|
12
|
+
if (positionType === 'absolute') {
|
|
13
|
+
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t"])));
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
return null;
|
|
17
|
+
}, function (_ref2) {
|
|
18
|
+
var groupPosition = _ref2.groupPosition;
|
|
19
|
+
return groupPosition === 'right' ? css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n\t\t\t\t\tright: 0;\n\t\t\t "]))) : css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n\t\t\t\t\tleft: 0;\n\t\t\t "])));
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
var _templateObject$2;
|
|
23
|
+
var IconWrapper = styled('div')(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmax-width: 23px;\n\twidth: max-content;\n\tcursor: pointer;\n\theight: 100%;min-width:20px;\n\n\tsvg.search-icon {\n\t\tfill: ", ";\n\t\ttransform:scale(1.5);\n\t}\n\n\tsvg.cancel-icon {\n\t\tfill: ", ";\n\t}\n"])), function (_ref) {
|
|
24
|
+
var theme = _ref.theme;
|
|
25
|
+
return theme.colors.primaryColor;
|
|
26
|
+
}, function (_ref2) {
|
|
27
|
+
var theme = _ref2.theme;
|
|
28
|
+
return theme.colors.borderColor || '#000';
|
|
29
|
+
});
|
|
30
|
+
|
|
4
31
|
/**
|
|
5
32
|
* Scroll node into view if necessary
|
|
6
33
|
* @param {HTMLElement} node the element that should scroll into view
|
|
@@ -36,8 +63,7 @@ var Downshift = {
|
|
|
36
63
|
internal_isOpen: false,
|
|
37
64
|
internal_inputValue: '',
|
|
38
65
|
internal_selectedItem: null,
|
|
39
|
-
internal_highlightedIndex: null
|
|
40
|
-
internal_eventsCalled: {}
|
|
66
|
+
internal_highlightedIndex: null
|
|
41
67
|
};
|
|
42
68
|
},
|
|
43
69
|
computed: {
|
|
@@ -222,23 +248,11 @@ var Downshift = {
|
|
|
222
248
|
}
|
|
223
249
|
|
|
224
250
|
var vm = this;
|
|
225
|
-
setTimeout(function () {
|
|
226
|
-
vm.internal_eventsCalled[index] = false;
|
|
227
|
-
}, 0);
|
|
228
251
|
return {
|
|
229
252
|
mouseenter: function mouseenter() {
|
|
230
253
|
vm.setHighlightedIndex(newIndex);
|
|
231
254
|
},
|
|
232
|
-
// for browsers not supporting click event (e.g. firefox android)
|
|
233
|
-
mousedown: function mousedown(event) {
|
|
234
|
-
if (vm.internal_eventsCalled[index]) return;
|
|
235
|
-
vm.internal_eventsCalled[index] = true;
|
|
236
|
-
event.stopPropagation();
|
|
237
|
-
vm.selectItemAtIndex(newIndex);
|
|
238
|
-
},
|
|
239
255
|
click: function click(event) {
|
|
240
|
-
if (vm.internal_eventsCalled[index]) return;
|
|
241
|
-
vm.internal_eventsCalled[index] = true;
|
|
242
256
|
event.stopPropagation();
|
|
243
257
|
vm.selectItemAtIndex(newIndex);
|
|
244
258
|
}
|
|
@@ -398,4 +412,29 @@ var Downshift = {
|
|
|
398
412
|
}
|
|
399
413
|
};
|
|
400
414
|
|
|
401
|
-
|
|
415
|
+
var CancelSvg = {
|
|
416
|
+
functional: true,
|
|
417
|
+
render: function render(h) {
|
|
418
|
+
return h("svg", {
|
|
419
|
+
"attrs": {
|
|
420
|
+
"alt": "Clear",
|
|
421
|
+
"xmlns": "http://www.w3.org/2000/svg",
|
|
422
|
+
"height": "20px",
|
|
423
|
+
"viewBox": "0 0 24 24",
|
|
424
|
+
"width": "20px"
|
|
425
|
+
},
|
|
426
|
+
"class": "cancel-icon"
|
|
427
|
+
}, [h("title", ["Clear"]), h("path", {
|
|
428
|
+
"attrs": {
|
|
429
|
+
"d": "M0 0h24v24H0V0z",
|
|
430
|
+
"fill": "none"
|
|
431
|
+
}
|
|
432
|
+
}), h("path", {
|
|
433
|
+
"attrs": {
|
|
434
|
+
"d": "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
|
|
435
|
+
}
|
|
436
|
+
})]);
|
|
437
|
+
}
|
|
438
|
+
};
|
|
439
|
+
|
|
440
|
+
export { CancelSvg as C, Downshift as D, IconWrapper as I, IconGroup as a, InputWrapper as b };
|