@appbaseio/reactivesearch-vue 1.33.1 → 1.33.3
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 +2888 -6530
- package/dist/@appbaseio/reactivesearch-vue.umd.js.map +1 -1
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js +7 -9
- 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-e4822dbf.js} +131 -299
- 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 +27 -53
- 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 +66 -81
- package/dist/cjs/{ReactiveComponent-63ef70c2.js → ReactiveComponent-b8efb0cf.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 +28 -32
- 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 +21 -22
- package/dist/cjs/initReactivesearch.js +49 -120
- package/dist/cjs/install.js +21 -21
- 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-5ddfba23.js} +131 -299
- 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 +27 -53
- 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 +66 -81
- package/dist/es/{ReactiveComponent-9e4721e1.js → ReactiveComponent-59107264.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 +29 -33
- 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 +21 -22
- package/dist/es/initReactivesearch.js +49 -120
- package/dist/es/install.js +21 -21
- 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 +3 -2
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
6
6
|
|
|
7
7
|
var constants = require('@appbaseio/reactivecore/lib/utils/constants');
|
|
8
|
-
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-
|
|
8
|
+
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
9
9
|
var helper = require('@appbaseio/reactivecore/lib/utils/helper');
|
|
10
10
|
var transform = require('@appbaseio/reactivecore/lib/utils/transform');
|
|
11
11
|
var Appbase = _interopDefault(require('appbase-js'));
|
|
@@ -19,15 +19,13 @@ var fetchGraphQL = _interopDefault(require('@appbaseio/reactivecore/lib/utils/gr
|
|
|
19
19
|
var utils = require('@appbaseio/reactivecore/lib/actions/utils');
|
|
20
20
|
|
|
21
21
|
var _excluded = ["aggs", "size"],
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
_excluded2 = ["query"],
|
|
23
|
+
_excluded3 = ["query"];
|
|
25
24
|
var _componentTypeToDefau;
|
|
26
25
|
var X_SEARCH_CLIENT = 'ReactiveSearch Vue';
|
|
27
26
|
var componentsWithoutFilters = [constants.componentTypes.numberBox, constants.componentTypes.ratingsFilter];
|
|
28
27
|
var resultComponents = [constants.componentTypes.reactiveList, constants.componentTypes.reactiveMap];
|
|
29
28
|
var componentTypeToDefaultValue = (_componentTypeToDefau = {}, _componentTypeToDefau[constants.componentTypes.singleList] = '', _componentTypeToDefau[constants.componentTypes.multiList] = [], _componentTypeToDefau[constants.componentTypes.singleDataList] = '', _componentTypeToDefau[constants.componentTypes.singleDropdownList] = '', _componentTypeToDefau[constants.componentTypes.multiDataList] = [], _componentTypeToDefau[constants.componentTypes.multiDropdownList] = [], _componentTypeToDefau[constants.componentTypes.tagCloud] = '', _componentTypeToDefau[constants.componentTypes.toggleButton] = '', _componentTypeToDefau[constants.componentTypes.singleDropdownRange] = '', _componentTypeToDefau[constants.componentTypes.multiDropdownRange] = [], _componentTypeToDefau[constants.componentTypes.singleRange] = '', _componentTypeToDefau[constants.componentTypes.multiRange] = [], _componentTypeToDefau);
|
|
30
|
-
|
|
31
29
|
function getValue(state, id, defaultValue, componentType) {
|
|
32
30
|
if (state && state[id]) {
|
|
33
31
|
try {
|
|
@@ -45,86 +43,71 @@ function getValue(state, id, defaultValue, componentType) {
|
|
|
45
43
|
};
|
|
46
44
|
}
|
|
47
45
|
}
|
|
48
|
-
|
|
49
46
|
return {
|
|
50
47
|
value: defaultValue || componentTypeToDefaultValue[componentType] || null,
|
|
51
48
|
reference: 'DEFAULT'
|
|
52
49
|
};
|
|
53
50
|
}
|
|
54
|
-
|
|
55
51
|
function parseValue(value, component) {
|
|
56
52
|
if (component.source && component.source.parseValue) {
|
|
57
53
|
return component.source.parseValue(value, component);
|
|
58
54
|
}
|
|
59
|
-
|
|
60
55
|
return value;
|
|
61
|
-
}
|
|
62
|
-
|
|
56
|
+
}
|
|
63
57
|
|
|
58
|
+
// Returns query DSL with query property and other options
|
|
64
59
|
function getDefaultQuery(component, value) {
|
|
65
60
|
// get custom or default query of sensor components
|
|
66
|
-
var currentValue = parseValue(value, component);
|
|
67
|
-
|
|
61
|
+
var currentValue = parseValue(value, component);
|
|
62
|
+
// get default query of result components
|
|
68
63
|
if (component.defaultQuery) {
|
|
69
64
|
var defaultQuery = component.defaultQuery(currentValue, component);
|
|
70
65
|
return _rollupPluginBabelHelpers._extends({
|
|
71
66
|
query: helper.extractQueryFromCustomQuery(defaultQuery)
|
|
72
67
|
}, helper.getOptionsForCustomQuery(defaultQuery));
|
|
73
68
|
}
|
|
74
|
-
|
|
75
69
|
return component.source.defaultQuery ? {
|
|
76
70
|
query: component.source.defaultQuery(currentValue, component)
|
|
77
71
|
} : {};
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
|
|
72
|
+
}
|
|
73
|
+
// Only results the query part
|
|
81
74
|
function getCustomQuery(component, value) {
|
|
82
75
|
// get custom or default query of sensor components
|
|
83
76
|
var currentValue = parseValue(value, component);
|
|
84
|
-
|
|
85
77
|
if (component.customQuery) {
|
|
86
78
|
var customQuery = component.customQuery(currentValue, component);
|
|
87
79
|
return _rollupPluginBabelHelpers._extends({
|
|
88
80
|
query: helper.extractQueryFromCustomQuery(customQuery)
|
|
89
81
|
}, helper.getOptionsForCustomQuery(customQuery));
|
|
90
82
|
}
|
|
91
|
-
|
|
92
83
|
return component.source.defaultQuery ? {
|
|
93
84
|
query: component.source.defaultQuery(currentValue, component)
|
|
94
85
|
} : null;
|
|
95
86
|
}
|
|
96
|
-
|
|
97
87
|
function initReactivesearch(componentCollection, searchState, settings) {
|
|
98
88
|
return new Promise(function (resolve, reject) {
|
|
99
89
|
var credentials = settings.url && settings.url.trim() !== '' && !settings.credentials ? null : settings.credentials;
|
|
100
90
|
var enableTelemetry = settings.appbaseConfig && settings.appbaseConfig.enableTelemetry !== undefined ? settings.appbaseConfig.enableTelemetry : true;
|
|
101
|
-
|
|
102
91
|
var headers = _rollupPluginBabelHelpers._extends({}, settings.enableAppbase && _rollupPluginBabelHelpers._extends({
|
|
103
92
|
'X-Search-Client': X_SEARCH_CLIENT
|
|
104
93
|
}, enableTelemetry === false && {
|
|
105
94
|
'X-Enable-Telemetry': false
|
|
106
95
|
}), settings.headers, settings.enableAppbase && settings.endpoint && settings.endpoint.headers ? settings.endpoint.headers : {});
|
|
107
|
-
|
|
108
96
|
var url = settings.url && settings.url.trim() !== '' ? settings.url : 'https://scalr.api.appbase.io';
|
|
109
97
|
var transformRequest = settings.transformRequest || null;
|
|
110
|
-
|
|
111
98
|
if (settings.enableAppbase && settings.endpoint) {
|
|
112
99
|
if (settings.endpoint.url) {
|
|
113
100
|
// eslint-disable-next-line prefer-destructuring
|
|
114
101
|
url = settings.endpoint.url;
|
|
115
102
|
}
|
|
116
|
-
|
|
117
103
|
transformRequest = function transformRequest(request) {
|
|
118
104
|
var modifiedRequest = helper.transformRequestUsingEndpoint(request, settings.endpoint);
|
|
119
|
-
|
|
120
105
|
if (settings.transformRequest) {
|
|
121
106
|
return settings.transformRequest(modifiedRequest);
|
|
122
107
|
}
|
|
123
|
-
|
|
124
108
|
return modifiedRequest;
|
|
125
109
|
};
|
|
126
110
|
}
|
|
127
|
-
|
|
128
111
|
var config = {
|
|
129
112
|
url: url,
|
|
130
113
|
app: settings.app,
|
|
@@ -139,15 +122,12 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
139
122
|
endpoint: settings.endpoint
|
|
140
123
|
};
|
|
141
124
|
var appbaseRef = Appbase(config);
|
|
142
|
-
|
|
143
125
|
if (config.transformRequest) {
|
|
144
126
|
appbaseRef.transformRequest = config.transformRequest;
|
|
145
127
|
}
|
|
146
|
-
|
|
147
128
|
if (config.transformResponse) {
|
|
148
129
|
appbaseRef.transformResponse = config.transformResponse;
|
|
149
130
|
}
|
|
150
|
-
|
|
151
131
|
var components = [];
|
|
152
132
|
var selectedValues = {};
|
|
153
133
|
var internalValues = {};
|
|
@@ -157,7 +137,6 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
157
137
|
var dependencyTree = {};
|
|
158
138
|
var finalQuery = [];
|
|
159
139
|
var appbaseQuery = {}; // Use object to prevent duplicate query added by react prop
|
|
160
|
-
|
|
161
140
|
var orderOfQueries = [];
|
|
162
141
|
var hits = {};
|
|
163
142
|
var aggregations = {};
|
|
@@ -168,8 +147,8 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
168
147
|
var componentProps = {};
|
|
169
148
|
componentCollection.forEach(function (component) {
|
|
170
149
|
var componentType = component.source.componentType;
|
|
171
|
-
components = [].concat(components, [component.componentId]);
|
|
172
|
-
|
|
150
|
+
components = [].concat(components, [component.componentId]);
|
|
151
|
+
// Set component props
|
|
173
152
|
var compProps = {};
|
|
174
153
|
Object.keys(component).forEach(function (key) {
|
|
175
154
|
if (constants.validProps.includes(key)) {
|
|
@@ -177,26 +156,20 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
177
156
|
}
|
|
178
157
|
});
|
|
179
158
|
var isInternalComponentPresent = false;
|
|
180
|
-
|
|
181
159
|
if (component.source.hasInternalComponent) {
|
|
182
160
|
isInternalComponentPresent = component.source.hasInternalComponent(component);
|
|
183
161
|
}
|
|
184
|
-
|
|
185
162
|
var isResultComponent = resultComponents.includes(componentType);
|
|
186
163
|
var internalComponent = component.componentId + "__internal";
|
|
187
164
|
var label = component.filterLabel || component.componentId;
|
|
188
|
-
|
|
189
165
|
var _getValue = getValue(searchState, component.componentId, component.value || component.defaultValue, componentType),
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
166
|
+
value = _getValue.value,
|
|
167
|
+
reference = _getValue.reference;
|
|
168
|
+
// [1] set selected values
|
|
194
169
|
var showFilter = component.showFilter !== undefined ? component.showFilter : true;
|
|
195
|
-
|
|
196
170
|
if (componentsWithoutFilters.includes(componentType)) {
|
|
197
171
|
showFilter = false;
|
|
198
172
|
}
|
|
199
|
-
|
|
200
173
|
selectedValues = valueReducer(selectedValues, {
|
|
201
174
|
type: 'SET_VALUE',
|
|
202
175
|
component: component.componentId,
|
|
@@ -205,99 +178,82 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
205
178
|
reference: reference,
|
|
206
179
|
showFilter: showFilter,
|
|
207
180
|
URLParams: component.URLParams || false
|
|
208
|
-
});
|
|
209
|
-
|
|
181
|
+
});
|
|
182
|
+
// Set custom and default queries
|
|
210
183
|
if (component.customQuery && typeof component.customQuery === 'function') {
|
|
211
184
|
customQueries[component.componentId] = component.customQuery(value, compProps);
|
|
212
185
|
}
|
|
213
|
-
|
|
214
186
|
if (component.defaultQuery && typeof component.defaultQuery === 'function') {
|
|
215
187
|
defaultQueries[component.componentId] = component.defaultQuery(value, compProps);
|
|
216
188
|
}
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
189
|
+
var componentQueryOptions = {};
|
|
190
|
+
// [2] set query options - main component query (valid for result components)
|
|
220
191
|
if (component && component.source.generateQueryOptions) {
|
|
221
192
|
componentQueryOptions = _rollupPluginBabelHelpers._extends({}, componentQueryOptions, component.source.generateQueryOptions(component));
|
|
222
193
|
}
|
|
223
|
-
|
|
224
194
|
var highlightQuery = {};
|
|
225
|
-
|
|
226
195
|
if (component.source.highlightQuery) {
|
|
227
196
|
highlightQuery = component.source.highlightQuery(component);
|
|
228
197
|
}
|
|
229
|
-
|
|
230
198
|
if (componentQueryOptions && Object.keys(componentQueryOptions).length || highlightQuery && Object.keys(highlightQuery).length) {
|
|
231
199
|
// eslint-disable-next-line
|
|
232
200
|
var _ref = componentQueryOptions || {},
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
201
|
+
aggs = _ref.aggs,
|
|
202
|
+
size = _ref.size,
|
|
203
|
+
otherQueryOptions = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref, _excluded);
|
|
237
204
|
if (aggs && Object.keys(aggs).length) {
|
|
238
205
|
isInternalComponentPresent = true;
|
|
239
206
|
componentQueryOptions = _rollupPluginBabelHelpers._extends({}, componentQueryOptions, {
|
|
240
207
|
aggs: aggs,
|
|
241
208
|
size: typeof size === 'undefined' ? 100 : size
|
|
242
209
|
});
|
|
243
|
-
}
|
|
244
|
-
|
|
210
|
+
}
|
|
245
211
|
|
|
212
|
+
// sort, highlight, size, from - query should be applied on the main component
|
|
246
213
|
if (otherQueryOptions && Object.keys(otherQueryOptions).length || highlightQuery && Object.keys(highlightQuery).length) {
|
|
247
214
|
if (!otherQueryOptions) otherQueryOptions = {};
|
|
248
215
|
if (!highlightQuery) highlightQuery = {};
|
|
249
|
-
|
|
250
216
|
var mainQueryOptions = _rollupPluginBabelHelpers._extends({}, otherQueryOptions, highlightQuery, {
|
|
251
217
|
size: size
|
|
252
218
|
});
|
|
253
|
-
|
|
254
219
|
if (isInternalComponentPresent) {
|
|
255
220
|
mainQueryOptions = _rollupPluginBabelHelpers._extends({}, otherQueryOptions, highlightQuery);
|
|
256
221
|
}
|
|
257
|
-
|
|
258
222
|
if (isResultComponent) {
|
|
259
223
|
var currentPage = component.currentPage ? component.currentPage - 1 : 0;
|
|
260
|
-
|
|
261
224
|
if (selectedValues[component.componentId] && selectedValues[component.componentId].value) {
|
|
262
225
|
currentPage = selectedValues[component.componentId].value - 1 || 0;
|
|
263
226
|
}
|
|
264
|
-
|
|
265
227
|
var resultSize = component.size || 10;
|
|
266
|
-
var from = currentPage * resultSize;
|
|
267
|
-
|
|
228
|
+
var from = currentPage * resultSize;
|
|
229
|
+
// Update props for RS API
|
|
268
230
|
compProps.from = from;
|
|
269
231
|
mainQueryOptions = _rollupPluginBabelHelpers._extends({}, mainQueryOptions, highlightQuery, {
|
|
270
232
|
size: resultSize,
|
|
271
233
|
from: from
|
|
272
234
|
});
|
|
273
235
|
}
|
|
274
|
-
|
|
275
236
|
componentQueryOptions = _rollupPluginBabelHelpers._extends({}, componentQueryOptions, mainQueryOptions);
|
|
276
237
|
}
|
|
277
|
-
}
|
|
278
|
-
|
|
279
|
-
|
|
238
|
+
}
|
|
239
|
+
// [3] set dependency tree
|
|
280
240
|
if (component.react || isInternalComponentPresent || isResultComponent) {
|
|
281
241
|
var react = component.react;
|
|
282
|
-
|
|
283
242
|
if (isInternalComponentPresent || isResultComponent) {
|
|
284
243
|
react = helper.pushToAndClause(react, internalComponent);
|
|
285
244
|
}
|
|
286
|
-
|
|
287
245
|
dependencyTree = dependencyTreeReducer(dependencyTree, {
|
|
288
246
|
type: 'WATCH_COMPONENT',
|
|
289
247
|
component: component.componentId,
|
|
290
248
|
react: react
|
|
291
249
|
});
|
|
292
|
-
}
|
|
250
|
+
}
|
|
251
|
+
// [4] set query list
|
|
293
252
|
// Do not set default query for suggestions
|
|
294
|
-
|
|
295
|
-
|
|
296
253
|
if (isInternalComponentPresent && !transform.isSearchComponent(component.componentType)) {
|
|
297
254
|
var _ref2 = getDefaultQuery(component, value) || {},
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
255
|
+
defaultQuery = _ref2.query,
|
|
256
|
+
defaultQueryOptions = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref2, _excluded2);
|
|
301
257
|
queryList = queryReducer(queryList, {
|
|
302
258
|
type: 'SET_QUERY',
|
|
303
259
|
component: internalComponent,
|
|
@@ -309,13 +265,11 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
309
265
|
options: _rollupPluginBabelHelpers._extends({}, componentQueryOptions, defaultQueryOptions)
|
|
310
266
|
});
|
|
311
267
|
}
|
|
312
|
-
|
|
313
268
|
var _ref3 = getCustomQuery(component, value) || {},
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
269
|
+
query = _ref3.query,
|
|
270
|
+
options = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref3, _excluded3);
|
|
271
|
+
var customQuery = query;
|
|
272
|
+
// set custom query for main component
|
|
319
273
|
queryList = queryReducer(queryList, {
|
|
320
274
|
type: 'SET_QUERY',
|
|
321
275
|
component: component.componentId,
|
|
@@ -325,8 +279,8 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
325
279
|
type: 'SET_QUERY_OPTIONS',
|
|
326
280
|
component: component.componentId,
|
|
327
281
|
options: _rollupPluginBabelHelpers._extends({}, options)
|
|
328
|
-
});
|
|
329
|
-
|
|
282
|
+
});
|
|
283
|
+
// Set component type in component props
|
|
330
284
|
compProps.componentType = componentType;
|
|
331
285
|
componentProps[component.componentId] = compProps;
|
|
332
286
|
});
|
|
@@ -340,44 +294,36 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
340
294
|
props: componentProps,
|
|
341
295
|
customQueries: customQueries,
|
|
342
296
|
defaultQueries: defaultQueries
|
|
343
|
-
};
|
|
344
|
-
|
|
297
|
+
};
|
|
298
|
+
// [5] Generate finalQuery for search
|
|
345
299
|
componentCollection.forEach(function (component) {
|
|
346
300
|
// eslint-disable-next-line
|
|
347
301
|
var _buildQuery = helper.buildQuery(component.componentId, dependencyTree, queryList, queryOptions),
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
302
|
+
queryObj = _buildQuery.queryObj,
|
|
303
|
+
options = _buildQuery.options;
|
|
351
304
|
var componentQueryOptions = options;
|
|
352
|
-
var validOptions = ['aggs', 'from', 'sort'];
|
|
353
|
-
|
|
305
|
+
var validOptions = ['aggs', 'from', 'sort'];
|
|
306
|
+
// check if query or componentQueryOptions are valid - non-empty
|
|
354
307
|
if (queryObj && !!Object.keys(queryObj).length || componentQueryOptions && Object.keys(componentQueryOptions).some(function (item) {
|
|
355
308
|
return validOptions.includes(item);
|
|
356
309
|
})) {
|
|
357
310
|
var _extends2;
|
|
358
|
-
|
|
359
311
|
if (!queryObj || queryObj && !Object.keys(queryObj).length) {
|
|
360
312
|
queryObj = {
|
|
361
313
|
match_all: {}
|
|
362
314
|
};
|
|
363
315
|
}
|
|
364
|
-
|
|
365
316
|
orderOfQueries = [].concat(orderOfQueries, [component.componentId]);
|
|
366
|
-
|
|
367
317
|
var currentQuery = _rollupPluginBabelHelpers._extends({
|
|
368
318
|
query: _rollupPluginBabelHelpers._extends({}, queryObj)
|
|
369
319
|
}, componentQueryOptions, queryOptions[component.componentId]);
|
|
370
|
-
|
|
371
320
|
queryLog = _rollupPluginBabelHelpers._extends({}, queryLog, (_extends2 = {}, _extends2[component.componentId] = currentQuery, _extends2));
|
|
372
|
-
|
|
373
321
|
if (settings.enableAppbase) {
|
|
374
322
|
var query = transform.getRSQuery(component.componentId, transform.extractPropsFromState(state, component.componentId, queryOptions && Object.keys(queryOptions[component.componentId]).length ? {
|
|
375
323
|
from: queryOptions[component.componentId].from
|
|
376
324
|
} : null));
|
|
377
|
-
|
|
378
325
|
if (query) {
|
|
379
326
|
var _extends3;
|
|
380
|
-
|
|
381
327
|
// Apply dependent queries
|
|
382
328
|
appbaseQuery = _rollupPluginBabelHelpers._extends({}, appbaseQuery, (_extends3 = {}, _extends3[component.componentId] = query, _extends3), transform.getDependentQueries(state, component.componentId, orderOfQueries));
|
|
383
329
|
}
|
|
@@ -390,26 +336,21 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
390
336
|
}
|
|
391
337
|
});
|
|
392
338
|
state.queryLog = queryLog;
|
|
393
|
-
|
|
394
339
|
var handleTransformResponse = function handleTransformResponse(res, component) {
|
|
395
340
|
if (config.transformResponse && typeof config.transformResponse === 'function') {
|
|
396
341
|
return config.transformResponse(res, component);
|
|
397
342
|
}
|
|
398
|
-
|
|
399
343
|
return new Promise(function (resolveTransformResponse) {
|
|
400
344
|
return resolveTransformResponse(res);
|
|
401
345
|
});
|
|
402
346
|
};
|
|
403
|
-
|
|
404
347
|
var handleResponse = function handleResponse(res) {
|
|
405
348
|
var allPromises = orderOfQueries.map(function (component, index) {
|
|
406
349
|
return new Promise(function (responseResolve, responseReject) {
|
|
407
350
|
handleTransformResponse(res.responses[index], component).then(function (response) {
|
|
408
351
|
var _extends5;
|
|
409
|
-
|
|
410
352
|
if (response.aggregations) {
|
|
411
353
|
var _extends4;
|
|
412
|
-
|
|
413
354
|
aggregations = _rollupPluginBabelHelpers._extends({}, aggregations, (_extends4 = {}, _extends4[component] = response.aggregations, _extends4));
|
|
414
355
|
compositeAggregations = compositeAggsReducer(compositeAggregations, {
|
|
415
356
|
type: constants$1.UPDATE_COMPOSITE_AGGS,
|
|
@@ -417,7 +358,6 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
417
358
|
append: false
|
|
418
359
|
});
|
|
419
360
|
}
|
|
420
|
-
|
|
421
361
|
hits = _rollupPluginBabelHelpers._extends({}, hits, (_extends5 = {}, _extends5[component] = {
|
|
422
362
|
hits: response.hits.hits,
|
|
423
363
|
total: typeof response.hits.total === 'object' ? response.hits.total.value : response.hits.total,
|
|
@@ -437,7 +377,6 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
437
377
|
resolve(state);
|
|
438
378
|
});
|
|
439
379
|
};
|
|
440
|
-
|
|
441
380
|
var handleRSResponse = function handleRSResponse(res) {
|
|
442
381
|
var promotedResults = {};
|
|
443
382
|
var rawData = {};
|
|
@@ -449,7 +388,6 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
449
388
|
handleTransformResponse(res[component], component).then(function (response) {
|
|
450
389
|
if (response) {
|
|
451
390
|
var _extends7;
|
|
452
|
-
|
|
453
391
|
if (response.promoted) {
|
|
454
392
|
promotedResults[component] = response.promoted.map(function (promoted) {
|
|
455
393
|
return _rollupPluginBabelHelpers._extends({}, promoted.doc, {
|
|
@@ -457,24 +395,20 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
457
395
|
});
|
|
458
396
|
});
|
|
459
397
|
}
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
398
|
+
rawData[component] = response;
|
|
399
|
+
// Update custom data
|
|
463
400
|
if (response.customData) {
|
|
464
401
|
customData[component] = response.customData;
|
|
465
|
-
}
|
|
466
|
-
|
|
402
|
+
}
|
|
467
403
|
|
|
404
|
+
// Update settings
|
|
468
405
|
if (response.settings) {
|
|
469
406
|
settingsResponse[component] = response.settings;
|
|
470
407
|
}
|
|
471
|
-
|
|
472
408
|
if (response.aggregations) {
|
|
473
409
|
var _extends6;
|
|
474
|
-
|
|
475
410
|
aggregations = _rollupPluginBabelHelpers._extends({}, aggregations, (_extends6 = {}, _extends6[component] = response.aggregations, _extends6));
|
|
476
411
|
}
|
|
477
|
-
|
|
478
412
|
timestamp[component] = res._timestamp;
|
|
479
413
|
var hitsObj = response.hits ? response.hits : response[component].hits;
|
|
480
414
|
hits = _rollupPluginBabelHelpers._extends({}, hits, (_extends7 = {}, _extends7[component] = {
|
|
@@ -503,17 +437,14 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
503
437
|
resolve(state);
|
|
504
438
|
});
|
|
505
439
|
};
|
|
506
|
-
|
|
507
440
|
if (config.graphQLUrl) {
|
|
508
441
|
var handleTransformRequest = function handleTransformRequest(res) {
|
|
509
442
|
if (config.transformRequest && typeof config.transformRequest === 'function') {
|
|
510
443
|
var transformRequestPromise = config.transformRequest(res);
|
|
511
444
|
return transformRequestPromise instanceof Promise ? transformRequestPromise : Promise.resolve(transformRequestPromise);
|
|
512
445
|
}
|
|
513
|
-
|
|
514
446
|
return Promise.resolve(res);
|
|
515
447
|
};
|
|
516
|
-
|
|
517
448
|
handleTransformRequest(finalQuery).then(function (requestQuery) {
|
|
518
449
|
fetchGraphQL(config.graphQLUrl, config.url, config.credentials, config.app, requestQuery).then(function (res) {
|
|
519
450
|
handleResponse(res);
|
|
@@ -526,17 +457,15 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
526
457
|
} else if (settings.enableAppbase && Object.keys(appbaseQuery).length) {
|
|
527
458
|
finalQuery = Object.keys(appbaseQuery).map(function (c) {
|
|
528
459
|
return appbaseQuery[c];
|
|
529
|
-
});
|
|
530
|
-
|
|
460
|
+
});
|
|
461
|
+
// Call RS API
|
|
531
462
|
var rsAPISettings = {};
|
|
532
|
-
|
|
533
463
|
if (config.analyticsConfig) {
|
|
534
464
|
rsAPISettings.recordAnalytics = utils.isPropertyDefined(config.analyticsConfig.recordAnalytics) ? config.analyticsConfig.recordAnalytics : undefined;
|
|
535
465
|
rsAPISettings.userId = utils.isPropertyDefined(config.analyticsConfig.userId) ? config.analyticsConfig.userId : undefined;
|
|
536
466
|
rsAPISettings.enableQueryRules = utils.isPropertyDefined(config.analyticsConfig.enableQueryRules) ? config.analyticsConfig.enableQueryRules : undefined;
|
|
537
467
|
rsAPISettings.customEvents = utils.isPropertyDefined(config.analyticsConfig.customEvents) ? config.analyticsConfig.customEvents : undefined;
|
|
538
468
|
}
|
|
539
|
-
|
|
540
469
|
appbaseRef.reactiveSearchv3(finalQuery, rsAPISettings).then(function (res) {
|
|
541
470
|
handleRSResponse(res);
|
|
542
471
|
})["catch"](function (err) {
|
package/dist/cjs/install.js
CHANGED
|
@@ -4,49 +4,50 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
require('@appbaseio/reactivecore');
|
|
6
6
|
require('@appbaseio/reactivecore/lib/utils/constants');
|
|
7
|
-
require('./_rollupPluginBabelHelpers-
|
|
7
|
+
require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
8
8
|
require('vue-types');
|
|
9
9
|
require('@appbaseio/reactivecore/lib/utils/helper');
|
|
10
10
|
require('emotion');
|
|
11
11
|
require('@appbaseio/vue-emotion');
|
|
12
12
|
require('polished');
|
|
13
|
-
require('./Button-
|
|
14
|
-
require('./vueTypes-
|
|
15
|
-
require('./Pagination-
|
|
13
|
+
require('./Button-841fd06d.js');
|
|
14
|
+
require('./vueTypes-7cfc2f98.js');
|
|
15
|
+
require('./Pagination-07f4dbad.js');
|
|
16
16
|
var ReactiveList = require('./ReactiveList.js');
|
|
17
17
|
require('@appbaseio/reactivecore/lib/utils/transform');
|
|
18
18
|
require('redux');
|
|
19
|
-
require('./index-
|
|
20
|
-
require('./ComponentWrapper-
|
|
21
|
-
require('./PreferencesConsumer-
|
|
19
|
+
require('./index-30126fd0.js');
|
|
20
|
+
require('./ComponentWrapper-9318cece.js');
|
|
21
|
+
require('./PreferencesConsumer-5d67b486.js');
|
|
22
22
|
require('@vue/babel-helper-vue-jsx-merge-props');
|
|
23
|
-
require('./Title-
|
|
24
|
-
require('./ListItem-
|
|
25
|
-
require('./Card-
|
|
26
|
-
require('./Flex-
|
|
23
|
+
require('./Title-16042ea0.js');
|
|
24
|
+
require('./ListItem-5088bd6a.js');
|
|
25
|
+
require('./Card-240f283d.js');
|
|
26
|
+
require('./Flex-ddd7cb6b.js');
|
|
27
27
|
require('@appbaseio/reactivecore/lib/actions/analytics');
|
|
28
28
|
require('appbase-js');
|
|
29
|
+
require('@appbaseio/analytics');
|
|
29
30
|
require('url-search-params-polyfill');
|
|
30
31
|
var ReactiveBase = require('./ReactiveBase.js');
|
|
31
32
|
require('hotkeys-js');
|
|
32
|
-
var DataSearch = require('./DataSearch-
|
|
33
|
-
require('./CancelSvg-
|
|
34
|
-
require('./Input-
|
|
33
|
+
var DataSearch = require('./DataSearch-e4822dbf.js');
|
|
34
|
+
require('./CancelSvg-220a7cc3.js');
|
|
35
|
+
require('./Input-ead4cd84.js');
|
|
35
36
|
require('compute-scroll-into-view');
|
|
36
|
-
require('./Container-
|
|
37
|
+
require('./Container-e699ea95.js');
|
|
37
38
|
require('vue-highlight-words');
|
|
38
|
-
var ReactiveComponent = require('./ReactiveComponent-
|
|
39
|
+
var ReactiveComponent = require('./ReactiveComponent-b8efb0cf.js');
|
|
39
40
|
require('@appbaseio/reactivecore/lib/utils/suggestions');
|
|
40
|
-
require('./FormControlList-
|
|
41
|
-
require('./utils-
|
|
41
|
+
require('./FormControlList-bbb5cd24.js');
|
|
42
|
+
require('./utils-83fd01e9.js');
|
|
42
43
|
var SingleList = require('./SingleList.js');
|
|
43
44
|
var MultiList = require('./MultiList.js');
|
|
44
|
-
require('./DropDown-
|
|
45
|
+
require('./DropDown-8984b544.js');
|
|
45
46
|
var SingleDropdownList = require('./SingleDropdownList.js');
|
|
46
47
|
var MultiDropdownList = require('./MultiDropdownList.js');
|
|
47
48
|
var ToggleButton = require('./ToggleButton.js');
|
|
48
49
|
require('vue-no-ssr');
|
|
49
|
-
require('./ssr-
|
|
50
|
+
require('./ssr-f2fc1bf6.js');
|
|
50
51
|
var DynamicRangeSlider = require('./DynamicRangeSlider.js');
|
|
51
52
|
var SingleRange = require('./SingleRange.js');
|
|
52
53
|
var MultiRange = require('./MultiRange.js');
|
|
@@ -55,7 +56,6 @@ var RangeInput = require('./RangeInput.js');
|
|
|
55
56
|
var SelectedFilters = require('./SelectedFilters.js');
|
|
56
57
|
var ResultCard = require('./ResultCard.js');
|
|
57
58
|
var ResultList = require('./ResultList.js');
|
|
58
|
-
require('@appbaseio/reactivecore/lib/actions/value');
|
|
59
59
|
var StateProvider = require('./StateProvider.js');
|
|
60
60
|
|
|
61
61
|
var components = [ReactiveList.default, ResultCard.default, ResultList.default, ReactiveBase.default, DataSearch.DataSearch, ReactiveComponent.SearchBox, SingleList.default, MultiList.default, SingleRange.default, MultiRange.default, RangeSlider.default, DynamicRangeSlider.default, ReactiveComponent.ReactiveComponent, SelectedFilters.default, ToggleButton.default, SingleDropdownList.default, MultiDropdownList.default, StateProvider.default, RangeInput.default];
|
|
@@ -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
|
var NoSSR = _interopDefault(require('vue-no-ssr'));
|
|
@@ -16,12 +16,10 @@ var Slider = styled__default('div')(_templateObject || (_templateObject = _rollu
|
|
|
16
16
|
* `components['vue-slider-component'] = require('vue-slider-component');` in rollup umd build process with some script.
|
|
17
17
|
*/
|
|
18
18
|
// eslint-disable-next-line
|
|
19
|
-
|
|
20
19
|
var getComponents = function getComponents() {
|
|
21
20
|
var components = {
|
|
22
21
|
NoSSR: NoSSR
|
|
23
22
|
};
|
|
24
|
-
|
|
25
23
|
if (process.browser) {
|
|
26
24
|
try {
|
|
27
25
|
// in older versions of nuxt, it's process.BROWSER_BUILD
|
|
@@ -31,7 +29,6 @@ var getComponents = function getComponents() {
|
|
|
31
29
|
console.error('Unable to load vue-slider', e);
|
|
32
30
|
}
|
|
33
31
|
}
|
|
34
|
-
|
|
35
32
|
return components;
|
|
36
33
|
};
|
|
37
34
|
|
|
@@ -4,40 +4,33 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
4
4
|
|
|
5
5
|
var configureStore = require('@appbaseio/reactivecore');
|
|
6
6
|
var configureStore__default = _interopDefault(configureStore);
|
|
7
|
-
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-
|
|
7
|
+
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
8
8
|
|
|
9
9
|
var getAggsOrder = configureStore.helper.getAggsOrder;
|
|
10
|
-
|
|
11
10
|
var extractQuery = function extractQuery(props) {
|
|
12
11
|
var queryToBeReturned = {};
|
|
13
|
-
|
|
14
12
|
if (props.defaultQuery) {
|
|
15
13
|
var evaluateQuery = props.defaultQuery([], props);
|
|
16
|
-
|
|
17
14
|
if (evaluateQuery) {
|
|
18
15
|
if (evaluateQuery.query) {
|
|
19
16
|
queryToBeReturned.query = evaluateQuery.query;
|
|
20
17
|
}
|
|
21
|
-
|
|
22
18
|
if (evaluateQuery.aggs) {
|
|
23
19
|
queryToBeReturned.aggs = evaluateQuery.aggs;
|
|
24
20
|
}
|
|
25
21
|
}
|
|
26
22
|
}
|
|
27
|
-
|
|
28
23
|
return queryToBeReturned;
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
|
|
24
|
+
};
|
|
25
|
+
// eslint-disable-next-line import/prefer-default-export
|
|
32
26
|
var getAggsQuery = function getAggsQuery(query, props) {
|
|
33
27
|
var _clonedQuery$aggs;
|
|
34
|
-
|
|
35
28
|
var clonedQuery = query;
|
|
36
29
|
var dataField = props.dataField,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
30
|
+
size = props.size,
|
|
31
|
+
sortBy = props.sortBy,
|
|
32
|
+
showMissing = props.showMissing,
|
|
33
|
+
missingLabel = props.missingLabel;
|
|
41
34
|
clonedQuery.size = 0;
|
|
42
35
|
clonedQuery.aggs = (_clonedQuery$aggs = {}, _clonedQuery$aggs[dataField] = {
|
|
43
36
|
terms: _rollupPluginBabelHelpers._extends({
|
|
@@ -48,7 +41,6 @@ var getAggsQuery = function getAggsQuery(query, props) {
|
|
|
48
41
|
missing: missingLabel
|
|
49
42
|
} : {})
|
|
50
43
|
}, _clonedQuery$aggs);
|
|
51
|
-
|
|
52
44
|
if (props.nestedField) {
|
|
53
45
|
clonedQuery.aggs = {
|
|
54
46
|
reactivesearch_nested: {
|
|
@@ -59,7 +51,6 @@ var getAggsQuery = function getAggsQuery(query, props) {
|
|
|
59
51
|
}
|
|
60
52
|
};
|
|
61
53
|
}
|
|
62
|
-
|
|
63
54
|
return _rollupPluginBabelHelpers._extends({}, clonedQuery, extractQuery(props));
|
|
64
55
|
};
|
|
65
56
|
|