@appbaseio/reactivesearch-vue 2.0.0-alpha.4 → 3.0.0-alpha.1
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/README.md +9 -9
- package/dist/@appbaseio/reactivesearch-vue.umd.js +21316 -29369
- package/dist/@appbaseio/reactivesearch-vue.umd.js.map +1 -1
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js +5 -19
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js.map +1 -1
- package/dist/cjs/Button-ad042719.js +59 -0
- package/dist/cjs/Card-f5ab024a.js +27 -0
- package/dist/cjs/{ComponentWrapper-ad3dad02.js → ComponentWrapper-611cf7f9.js} +44 -58
- package/dist/cjs/Container-29f049b2.js +12 -0
- package/dist/cjs/DropDown-dc184468.js +700 -0
- package/dist/cjs/DynamicRangeSlider.js +106 -157
- package/dist/cjs/Flex-d5675ea6.js +48 -0
- package/dist/cjs/FormControlList-fadd792f.js +42 -0
- package/dist/cjs/Input-088dfcb4.js +74 -0
- package/dist/cjs/ListItem-d57d648d.js +42 -0
- package/dist/cjs/MultiDropdownList.js +124 -240
- package/dist/cjs/MultiList.js +124 -262
- package/dist/cjs/MultiRange.js +87 -133
- package/dist/cjs/{Pagination-71e85fa9.js → Pagination-b5ddc906.js} +70 -83
- package/dist/cjs/PreferencesConsumer-22d1b49f.js +73 -0
- package/dist/cjs/RangeInput.js +163 -171
- package/dist/cjs/RangeSlider.js +81 -109
- package/dist/cjs/ReactiveBase.js +139 -156
- package/dist/cjs/ReactiveComponent-a6108189.js +2184 -0
- package/dist/cjs/ReactiveComponent.js +46 -340
- package/dist/cjs/ReactiveGoogleMap.js +451 -660
- package/dist/cjs/ReactiveList.js +180 -305
- package/dist/cjs/ResultCard.js +36 -36
- package/dist/cjs/ResultList.js +48 -56
- package/dist/cjs/SelectedFilters.js +62 -69
- package/dist/cjs/SingleDropdownList.js +117 -177
- package/dist/cjs/SingleList.js +122 -206
- package/dist/cjs/SingleRange.js +78 -105
- package/dist/cjs/StateProvider.js +35 -38
- package/dist/cjs/Title-8802a218.js +12 -0
- package/dist/cjs/ToggleButton.js +72 -119
- package/dist/cjs/{_rollupPluginBabelHelpers-c705cbe6.js → _rollupPluginBabelHelpers-f8b843f8.js} +0 -15
- package/dist/cjs/{index-6a167fe0.js → index-d8d8f291.js} +38 -108
- package/dist/cjs/index.js +44 -41
- package/dist/cjs/initReactivesearch.js +63 -150
- package/dist/cjs/install.js +47 -43
- package/dist/cjs/ssr-6c8a72e1.js +66 -0
- 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-1bf00978.js} +8 -19
- package/dist/es/Button-474510e3.js +53 -0
- package/dist/es/{Card-450683f1.js → Card-38cbe652.js} +3 -3
- package/dist/es/{ComponentWrapper-424e86fd.js → ComponentWrapper-3dfe6931.js} +44 -58
- package/dist/es/{Container-ba826e96.js → Container-d00219f7.js} +2 -2
- package/dist/es/DropDown-029ffd42.js +690 -0
- package/dist/es/DynamicRangeSlider.js +106 -157
- package/dist/es/Flex-a08e22d7.js +46 -0
- package/dist/es/FormControlList-fe6eaee4.js +38 -0
- package/dist/es/Input-ad474a55.js +69 -0
- package/dist/es/{ListItem-cad14c5e.js → ListItem-16756c02.js} +7 -8
- package/dist/es/MultiDropdownList.js +124 -240
- package/dist/es/MultiList.js +124 -262
- package/dist/es/MultiRange.js +87 -133
- package/dist/es/{Pagination-784bf143.js → Pagination-72bd1d9e.js} +70 -83
- package/dist/es/PreferencesConsumer-24e88f3b.js +71 -0
- package/dist/es/RangeInput.js +163 -170
- package/dist/es/RangeSlider.js +81 -109
- package/dist/es/ReactiveBase.js +138 -154
- package/dist/es/ReactiveComponent-0a97eb1e.js +2178 -0
- package/dist/es/ReactiveComponent.js +42 -337
- package/dist/es/ReactiveGoogleMap.js +446 -654
- package/dist/es/ReactiveList.js +178 -302
- package/dist/es/ResultCard.js +36 -36
- package/dist/es/ResultList.js +48 -56
- package/dist/es/SelectedFilters.js +62 -69
- package/dist/es/SingleDropdownList.js +117 -177
- package/dist/es/SingleList.js +122 -206
- package/dist/es/SingleRange.js +78 -105
- package/dist/es/StateProvider.js +36 -39
- package/dist/es/{Title-3342664a.js → Title-863dfa42.js} +2 -2
- package/dist/es/ToggleButton.js +72 -119
- package/dist/es/{_rollupPluginBabelHelpers-76660dab.js → _rollupPluginBabelHelpers-ded08042.js} +0 -15
- package/dist/es/{index-7788a843.js → index-4520a598.js} +39 -107
- package/dist/es/index.js +30 -32
- package/dist/es/initReactivesearch.js +63 -150
- package/dist/es/install.js +49 -41
- package/dist/es/{ssr-b2c0b401.js → ssr-584c278d.js} +37 -8
- 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-f1923c72.js} +8 -19
- package/package.json +10 -9
- package/dist/cjs/Button-446f819e.js +0 -68
- package/dist/cjs/CancelSvg-9f258f4f.js +0 -449
- package/dist/cjs/Card-642547a8.js +0 -30
- package/dist/cjs/Container-daf30918.js +0 -15
- package/dist/cjs/DataSearch-aa04dc6e.js +0 -2352
- package/dist/cjs/DataSearch.js +0 -30
- package/dist/cjs/DropDown-c479bbb0.js +0 -328
- package/dist/cjs/Flex-aa517a13.js +0 -52
- package/dist/cjs/FormControlList-c195a592.js +0 -47
- package/dist/cjs/Input-e6603a7e.js +0 -79
- package/dist/cjs/ListItem-8c9e0d68.js +0 -46
- package/dist/cjs/Title-1de7d0f4.js +0 -15
- package/dist/cjs/install-b97dbac4.js +0 -1409
- package/dist/cjs/ssr-3027b848.js +0 -39
- package/dist/es/Button-d8bc15ea.js +0 -59
- package/dist/es/CancelSvg-4cfae5fd.js +0 -440
- package/dist/es/DataSearch-b86a6675.js +0 -2337
- package/dist/es/DataSearch.js +0 -22
- package/dist/es/DropDown-05a644a5.js +0 -322
- package/dist/es/Flex-1f0795c3.js +0 -47
- package/dist/es/FormControlList-c22d64f6.js +0 -40
- package/dist/es/Input-7a2a9fac.js +0 -71
- package/dist/es/install-ac8a1edb.js +0 -1402
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
6
6
|
|
|
7
|
-
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
|
|
8
7
|
var constants = require('@appbaseio/reactivecore/lib/utils/constants');
|
|
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
|
-
var enableTelemetry = settings.
|
|
101
|
-
|
|
102
|
-
var headers = _rollupPluginBabelHelpers._extends({}, settings.enableAppbase && _rollupPluginBabelHelpers._extends({
|
|
90
|
+
var enableTelemetry = settings.reactivesearchAPIConfig && settings.reactivesearchAPIConfig.enableTelemetry !== undefined ? settings.reactivesearchAPIConfig.enableTelemetry : true;
|
|
91
|
+
var headers = _rollupPluginBabelHelpers._extends({}, _rollupPluginBabelHelpers._extends({
|
|
103
92
|
'X-Search-Client': X_SEARCH_CLIENT
|
|
104
93
|
}, enableTelemetry === false && {
|
|
105
94
|
'X-Enable-Telemetry': false
|
|
106
|
-
}), settings.headers, settings.
|
|
107
|
-
|
|
95
|
+
}), settings.headers, settings.endpoint && settings.endpoint.headers ? settings.endpoint.headers : {});
|
|
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
|
-
if (settings.enableAppbase && settings.endpoint) {
|
|
98
|
+
if (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,
|
|
@@ -134,20 +117,17 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
134
117
|
transformResponse: settings.transformResponse || null,
|
|
135
118
|
graphQLUrl: settings.graphQLUrl || '',
|
|
136
119
|
headers: headers,
|
|
137
|
-
analyticsConfig: settings.
|
|
138
|
-
enableAppbase:
|
|
120
|
+
analyticsConfig: settings.reactivesearchAPIConfig || null,
|
|
121
|
+
enableAppbase: true,
|
|
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,76 +294,56 @@ 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
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
var _extends3;
|
|
380
|
-
|
|
381
|
-
// Apply dependent queries
|
|
382
|
-
appbaseQuery = _rollupPluginBabelHelpers._extends({}, appbaseQuery, (_extends3 = {}, _extends3[component.componentId] = query, _extends3), transform.getDependentQueries(state, component.componentId, orderOfQueries));
|
|
383
|
-
}
|
|
384
|
-
} else {
|
|
385
|
-
var preference = config && config.analyticsConfig && config.analyticsConfig.userId ? config.analyticsConfig.userId + "_" + component : component;
|
|
386
|
-
finalQuery = [].concat(finalQuery, [{
|
|
387
|
-
preference: preference
|
|
388
|
-
}, currentQuery]);
|
|
321
|
+
var query = transform.getRSQuery(component.componentId, transform.extractPropsFromState(state, component.componentId, queryOptions && Object.keys(queryOptions[component.componentId]).length ? {
|
|
322
|
+
from: queryOptions[component.componentId].from
|
|
323
|
+
} : null));
|
|
324
|
+
if (query) {
|
|
325
|
+
var _extends3;
|
|
326
|
+
// Apply dependent queries
|
|
327
|
+
appbaseQuery = _rollupPluginBabelHelpers._extends({}, appbaseQuery, (_extends3 = {}, _extends3[component.componentId] = query, _extends3), transform.getDependentQueries(state, component.componentId, orderOfQueries));
|
|
389
328
|
}
|
|
390
329
|
}
|
|
391
330
|
});
|
|
392
331
|
state.queryLog = queryLog;
|
|
393
|
-
|
|
394
332
|
var handleTransformResponse = function handleTransformResponse(res, component) {
|
|
395
333
|
if (config.transformResponse && typeof config.transformResponse === 'function') {
|
|
396
334
|
return config.transformResponse(res, component);
|
|
397
335
|
}
|
|
398
|
-
|
|
399
336
|
return new Promise(function (resolveTransformResponse) {
|
|
400
337
|
return resolveTransformResponse(res);
|
|
401
338
|
});
|
|
402
339
|
};
|
|
403
|
-
|
|
404
340
|
var handleResponse = function handleResponse(res) {
|
|
405
341
|
var allPromises = orderOfQueries.map(function (component, index) {
|
|
406
342
|
return new Promise(function (responseResolve, responseReject) {
|
|
407
343
|
handleTransformResponse(res.responses[index], component).then(function (response) {
|
|
408
344
|
var _extends5;
|
|
409
|
-
|
|
410
345
|
if (response.aggregations) {
|
|
411
346
|
var _extends4;
|
|
412
|
-
|
|
413
347
|
aggregations = _rollupPluginBabelHelpers._extends({}, aggregations, (_extends4 = {}, _extends4[component] = response.aggregations, _extends4));
|
|
414
348
|
compositeAggregations = compositeAggsReducer(compositeAggregations, {
|
|
415
349
|
type: constants$1.UPDATE_COMPOSITE_AGGS,
|
|
@@ -417,7 +351,6 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
417
351
|
append: false
|
|
418
352
|
});
|
|
419
353
|
}
|
|
420
|
-
|
|
421
354
|
hits = _rollupPluginBabelHelpers._extends({}, hits, (_extends5 = {}, _extends5[component] = {
|
|
422
355
|
hits: response.hits.hits,
|
|
423
356
|
total: typeof response.hits.total === 'object' ? response.hits.total.value : response.hits.total,
|
|
@@ -437,7 +370,6 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
437
370
|
resolve(state);
|
|
438
371
|
});
|
|
439
372
|
};
|
|
440
|
-
|
|
441
373
|
var handleRSResponse = function handleRSResponse(res) {
|
|
442
374
|
var promotedResults = {};
|
|
443
375
|
var rawData = {};
|
|
@@ -449,7 +381,6 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
449
381
|
handleTransformResponse(res[component], component).then(function (response) {
|
|
450
382
|
if (response) {
|
|
451
383
|
var _extends7;
|
|
452
|
-
|
|
453
384
|
if (response.promoted) {
|
|
454
385
|
promotedResults[component] = response.promoted.map(function (promoted) {
|
|
455
386
|
return _rollupPluginBabelHelpers._extends({}, promoted.doc, {
|
|
@@ -457,24 +388,20 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
457
388
|
});
|
|
458
389
|
});
|
|
459
390
|
}
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
391
|
+
rawData[component] = response;
|
|
392
|
+
// Update custom data
|
|
463
393
|
if (response.customData) {
|
|
464
394
|
customData[component] = response.customData;
|
|
465
|
-
}
|
|
466
|
-
|
|
395
|
+
}
|
|
467
396
|
|
|
397
|
+
// Update settings
|
|
468
398
|
if (response.settings) {
|
|
469
399
|
settingsResponse[component] = response.settings;
|
|
470
400
|
}
|
|
471
|
-
|
|
472
401
|
if (response.aggregations) {
|
|
473
402
|
var _extends6;
|
|
474
|
-
|
|
475
403
|
aggregations = _rollupPluginBabelHelpers._extends({}, aggregations, (_extends6 = {}, _extends6[component] = response.aggregations, _extends6));
|
|
476
404
|
}
|
|
477
|
-
|
|
478
405
|
timestamp[component] = res._timestamp;
|
|
479
406
|
var hitsObj = response.hits ? response.hits : response[component].hits;
|
|
480
407
|
hits = _rollupPluginBabelHelpers._extends({}, hits, (_extends7 = {}, _extends7[component] = {
|
|
@@ -503,17 +430,14 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
503
430
|
resolve(state);
|
|
504
431
|
});
|
|
505
432
|
};
|
|
506
|
-
|
|
507
433
|
if (config.graphQLUrl) {
|
|
508
434
|
var handleTransformRequest = function handleTransformRequest(res) {
|
|
509
435
|
if (config.transformRequest && typeof config.transformRequest === 'function') {
|
|
510
436
|
var transformRequestPromise = config.transformRequest(res);
|
|
511
437
|
return transformRequestPromise instanceof Promise ? transformRequestPromise : Promise.resolve(transformRequestPromise);
|
|
512
438
|
}
|
|
513
|
-
|
|
514
439
|
return Promise.resolve(res);
|
|
515
440
|
};
|
|
516
|
-
|
|
517
441
|
handleTransformRequest(finalQuery).then(function (requestQuery) {
|
|
518
442
|
fetchGraphQL(config.graphQLUrl, config.url, config.credentials, config.app, requestQuery).then(function (res) {
|
|
519
443
|
handleResponse(res);
|
|
@@ -523,34 +447,23 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
523
447
|
})["catch"](function (err) {
|
|
524
448
|
return reject(err);
|
|
525
449
|
});
|
|
526
|
-
} else if (
|
|
450
|
+
} else if (Object.keys(appbaseQuery).length) {
|
|
527
451
|
finalQuery = Object.keys(appbaseQuery).map(function (c) {
|
|
528
452
|
return appbaseQuery[c];
|
|
529
|
-
});
|
|
530
|
-
|
|
453
|
+
});
|
|
454
|
+
// Call RS API
|
|
531
455
|
var rsAPISettings = {};
|
|
532
|
-
|
|
533
456
|
if (config.analyticsConfig) {
|
|
534
457
|
rsAPISettings.recordAnalytics = utils.isPropertyDefined(config.analyticsConfig.recordAnalytics) ? config.analyticsConfig.recordAnalytics : undefined;
|
|
535
458
|
rsAPISettings.userId = utils.isPropertyDefined(config.analyticsConfig.userId) ? config.analyticsConfig.userId : undefined;
|
|
536
459
|
rsAPISettings.enableQueryRules = utils.isPropertyDefined(config.analyticsConfig.enableQueryRules) ? config.analyticsConfig.enableQueryRules : undefined;
|
|
537
460
|
rsAPISettings.customEvents = utils.isPropertyDefined(config.analyticsConfig.customEvents) ? config.analyticsConfig.customEvents : undefined;
|
|
538
461
|
}
|
|
539
|
-
|
|
540
462
|
appbaseRef.reactiveSearchv3(finalQuery, rsAPISettings).then(function (res) {
|
|
541
463
|
handleRSResponse(res);
|
|
542
464
|
})["catch"](function (err) {
|
|
543
465
|
return reject(err);
|
|
544
466
|
});
|
|
545
|
-
} else {
|
|
546
|
-
appbaseRef.msearch({
|
|
547
|
-
type: config.type === '*' ? '' : config.type,
|
|
548
|
-
body: finalQuery
|
|
549
|
-
}).then(function (res) {
|
|
550
|
-
handleResponse(res);
|
|
551
|
-
})["catch"](function (err) {
|
|
552
|
-
return reject(err);
|
|
553
|
-
});
|
|
554
467
|
}
|
|
555
468
|
});
|
|
556
469
|
}
|
package/dist/cjs/install.js
CHANGED
|
@@ -3,61 +3,65 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
require('@appbaseio/reactivecore');
|
|
6
|
-
require('./_rollupPluginBabelHelpers-c705cbe6.js');
|
|
7
|
-
require('vue-types');
|
|
8
6
|
require('@appbaseio/reactivecore/lib/utils/constants');
|
|
7
|
+
require('@vue/babel-helper-vue-transform-on');
|
|
8
|
+
require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
9
|
+
require('vue');
|
|
10
|
+
require('vue-types');
|
|
9
11
|
require('@appbaseio/reactivecore/lib/utils/helper');
|
|
10
|
-
require('emotion');
|
|
11
12
|
require('@appbaseio/vue-emotion');
|
|
13
|
+
require('emotion');
|
|
12
14
|
require('polished');
|
|
13
|
-
require('./Button-
|
|
14
|
-
require('./vueTypes-
|
|
15
|
-
require('./Pagination-
|
|
16
|
-
require('./ReactiveList.js');
|
|
15
|
+
require('./Button-ad042719.js');
|
|
16
|
+
require('./vueTypes-1bf00978.js');
|
|
17
|
+
require('./Pagination-b5ddc906.js');
|
|
18
|
+
var ReactiveList = require('./ReactiveList.js');
|
|
17
19
|
require('@appbaseio/reactivecore/lib/utils/transform');
|
|
18
20
|
require('redux');
|
|
19
|
-
require('./index-
|
|
20
|
-
require('./ComponentWrapper-
|
|
21
|
-
require('
|
|
22
|
-
require('./Title-
|
|
23
|
-
require('./ListItem-
|
|
24
|
-
require('./Card-
|
|
25
|
-
require('./Flex-
|
|
21
|
+
require('./index-d8d8f291.js');
|
|
22
|
+
require('./ComponentWrapper-611cf7f9.js');
|
|
23
|
+
require('./PreferencesConsumer-22d1b49f.js');
|
|
24
|
+
require('./Title-8802a218.js');
|
|
25
|
+
require('./ListItem-d57d648d.js');
|
|
26
|
+
require('./Card-f5ab024a.js');
|
|
27
|
+
require('./Flex-d5675ea6.js');
|
|
26
28
|
require('@appbaseio/reactivecore/lib/actions/analytics');
|
|
27
29
|
require('appbase-js');
|
|
30
|
+
require('@appbaseio/analytics');
|
|
28
31
|
require('url-search-params-polyfill');
|
|
29
|
-
require('./ReactiveBase.js');
|
|
32
|
+
var ReactiveBase = require('./ReactiveBase.js');
|
|
30
33
|
require('hotkeys-js');
|
|
31
|
-
require('./
|
|
32
|
-
require('./
|
|
33
|
-
require('./Input-
|
|
34
|
+
var ReactiveComponent = require('./ReactiveComponent-a6108189.js');
|
|
35
|
+
require('./DropDown-dc184468.js');
|
|
36
|
+
require('./Input-088dfcb4.js');
|
|
34
37
|
require('compute-scroll-into-view');
|
|
35
|
-
require('./Container-
|
|
38
|
+
require('./Container-29f049b2.js');
|
|
36
39
|
require('vue-highlight-words');
|
|
37
|
-
var install = require('./install-b97dbac4.js');
|
|
38
40
|
require('@appbaseio/reactivecore/lib/utils/suggestions');
|
|
39
|
-
require('./FormControlList-
|
|
40
|
-
require('./utils-
|
|
41
|
-
require('./SingleList.js');
|
|
42
|
-
require('./MultiList.js');
|
|
43
|
-
require('./
|
|
44
|
-
require('./
|
|
45
|
-
require('./
|
|
46
|
-
require('./
|
|
47
|
-
require('./
|
|
48
|
-
require('./
|
|
49
|
-
require('./
|
|
50
|
-
require('./
|
|
51
|
-
require('./
|
|
52
|
-
require('./
|
|
53
|
-
require('
|
|
54
|
-
require('./
|
|
55
|
-
require('./
|
|
56
|
-
require('./DynamicRangeSlider.js');
|
|
57
|
-
require('@appbaseio/reactivecore/lib/actions/value');
|
|
58
|
-
require('./StateProvider.js');
|
|
59
|
-
require('./RangeInput.js');
|
|
60
|
-
|
|
41
|
+
require('./FormControlList-fadd792f.js');
|
|
42
|
+
require('./utils-83fd01e9.js');
|
|
43
|
+
var SingleList = require('./SingleList.js');
|
|
44
|
+
var MultiList = require('./MultiList.js');
|
|
45
|
+
var SingleDropdownList = require('./SingleDropdownList.js');
|
|
46
|
+
var MultiDropdownList = require('./MultiDropdownList.js');
|
|
47
|
+
var ToggleButton = require('./ToggleButton.js');
|
|
48
|
+
require('./ssr-6c8a72e1.js');
|
|
49
|
+
var DynamicRangeSlider = require('./DynamicRangeSlider.js');
|
|
50
|
+
var SingleRange = require('./SingleRange.js');
|
|
51
|
+
var MultiRange = require('./MultiRange.js');
|
|
52
|
+
var RangeSlider = require('./RangeSlider.js');
|
|
53
|
+
var RangeInput = require('./RangeInput.js');
|
|
54
|
+
var SelectedFilters = require('./SelectedFilters.js');
|
|
55
|
+
var ResultCard = require('./ResultCard.js');
|
|
56
|
+
var ResultList = require('./ResultList.js');
|
|
57
|
+
var StateProvider = require('./StateProvider.js');
|
|
61
58
|
|
|
59
|
+
var components = [ReactiveList.default, ResultCard.default, ResultList.default, ReactiveBase.default, 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];
|
|
60
|
+
function install (Vue) {
|
|
61
|
+
components.map(function (component) {
|
|
62
|
+
Vue.use(component);
|
|
63
|
+
return null;
|
|
64
|
+
});
|
|
65
|
+
}
|
|
62
66
|
|
|
63
|
-
exports.default = install
|
|
67
|
+
exports.default = install;
|