@appbaseio/reactivesearch-vue 1.16.0-alpha.4 → 1.16.0-alpha.42
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 +8110 -7499
- 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/Button-d2f1aeda.js +68 -0
- package/dist/cjs/{DownShift-b09da079.js → CancelSvg-82021d23.js} +60 -16
- package/dist/cjs/Card-4b915733.js +30 -0
- package/dist/cjs/{ComponentWrapper-5a0a8849.js → ComponentWrapper-7302fe1a.js} +40 -21
- package/dist/cjs/{Container-f84e72fc.js → Container-8a08d663.js} +3 -11
- package/dist/cjs/DataSearch.js +354 -398
- package/dist/cjs/{DropDown-c66be1a8.js → DropDown-c46d8b0c.js} +80 -95
- package/dist/cjs/DynamicRangeSlider.js +107 -42
- package/dist/cjs/Flex-699639d2.js +52 -0
- package/dist/cjs/FormControlList-73497794.js +47 -0
- package/dist/cjs/Input-c6f181d5.js +79 -0
- package/dist/cjs/ListItem-933c27e4.js +46 -0
- package/dist/cjs/MultiDropdownList.js +101 -65
- package/dist/cjs/MultiList.js +79 -47
- package/dist/cjs/MultiRange.js +20 -14
- package/dist/cjs/{Pagination-91df3b77.js → Pagination-1b2320a7.js} +4 -3
- package/dist/cjs/RangeInput.js +29 -45
- package/dist/cjs/RangeSlider.js +31 -28
- package/dist/cjs/ReactiveBase.js +55 -34
- package/dist/cjs/ReactiveComponent.js +69 -62
- package/dist/cjs/ReactiveGoogleMap.js +326 -235
- package/dist/cjs/ReactiveList.js +188 -241
- package/dist/cjs/ResultCard.js +8 -6
- package/dist/cjs/ResultList.js +8 -6
- package/dist/cjs/SelectedFilters.js +25 -12
- package/dist/cjs/SingleDropdownList.js +87 -57
- package/dist/cjs/SingleList.js +60 -37
- package/dist/cjs/SingleRange.js +17 -11
- package/dist/cjs/StateProvider.js +11 -7
- package/dist/cjs/{Title-e9beb554.js → Title-39765ee6.js} +3 -11
- package/dist/cjs/ToggleButton.js +35 -16
- package/dist/cjs/{_rollupPluginBabelHelpers-280a574c.js → _rollupPluginBabelHelpers-4abdbfff.js} +11 -1
- package/dist/cjs/{index-e0583d76.js → index-d44a0a21.js} +87 -13
- package/dist/cjs/index.js +23 -19
- package/dist/cjs/initReactivesearch.js +190 -103
- package/dist/cjs/install.js +20 -18
- package/dist/cjs/ssr-c333c82c.js +39 -0
- package/dist/cjs/{utils-d1ea9f95.js → utils-23afb20b.js} +2 -2
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/{vueTypes-c21f265b.js → vueTypes-6de9d2a9.js} +9 -4
- package/dist/es/Button-799185e2.js +59 -0
- package/dist/es/{DownShift-d8f2500f.js → CancelSvg-4d9e0857.js} +56 -17
- package/dist/es/Card-04b3c33e.js +23 -0
- package/dist/es/{ComponentWrapper-d0b21b95.js → ComponentWrapper-bbb717bc.js} +40 -21
- package/dist/es/Container-4383c6f0.js +10 -0
- package/dist/es/DataSearch.js +352 -396
- package/dist/es/{DropDown-5dbd69c2.js → DropDown-4edaa621.js} +79 -94
- package/dist/es/DynamicRangeSlider.js +107 -42
- package/dist/es/Flex-aac91505.js +47 -0
- package/dist/es/FormControlList-fe389a2e.js +40 -0
- package/dist/es/Input-d8519224.js +71 -0
- package/dist/es/ListItem-bdb6d53d.js +39 -0
- package/dist/es/MultiDropdownList.js +101 -65
- package/dist/es/MultiList.js +79 -47
- package/dist/es/MultiRange.js +20 -14
- package/dist/es/{Pagination-800af44f.js → Pagination-b3e4054a.js} +4 -3
- package/dist/es/RangeInput.js +29 -45
- package/dist/es/RangeSlider.js +31 -28
- package/dist/es/ReactiveBase.js +55 -34
- package/dist/es/ReactiveComponent.js +69 -62
- package/dist/es/ReactiveGoogleMap.js +326 -235
- package/dist/es/ReactiveList.js +188 -241
- package/dist/es/ResultCard.js +8 -6
- package/dist/es/ResultList.js +8 -6
- package/dist/es/SelectedFilters.js +25 -12
- package/dist/es/SingleDropdownList.js +87 -57
- package/dist/es/SingleList.js +60 -37
- package/dist/es/SingleRange.js +17 -11
- package/dist/es/StateProvider.js +11 -7
- package/dist/es/Title-579f8d6c.js +10 -0
- package/dist/es/ToggleButton.js +35 -16
- package/dist/es/{_rollupPluginBabelHelpers-c9fbe19f.js → _rollupPluginBabelHelpers-ecf6c03c.js} +11 -1
- package/dist/es/{index-1fe91a0a.js → index-5daa8276.js} +84 -14
- package/dist/es/index.js +23 -19
- package/dist/es/initReactivesearch.js +191 -104
- package/dist/es/install.js +20 -18
- package/dist/es/ssr-e3196de1.js +33 -0
- package/dist/es/{utils-ce3d86fd.js → utils-3a32e13f.js} +2 -2
- package/dist/es/version.js +1 -1
- package/dist/es/{vueTypes-98d938a9.js → vueTypes-9326e0be.js} +9 -4
- package/package.json +7 -5
- package/dist/cjs/Button-78d8bc26.js +0 -146
- package/dist/cjs/Card-b4af314f.js +0 -58
- package/dist/cjs/Flex-737c55be.js +0 -160
- package/dist/cjs/FormControlList-08dfb28e.js +0 -105
- package/dist/cjs/Input-643d02a7.js +0 -178
- package/dist/cjs/ListItem-0c58c5d2.js +0 -84
- package/dist/cjs/ssr-b7a729f9.js +0 -47
- package/dist/es/Button-6c71c66e.js +0 -137
- package/dist/es/Card-ecf70ba1.js +0 -51
- package/dist/es/Container-f5efec9e.js +0 -18
- package/dist/es/Flex-40a74d8a.js +0 -155
- package/dist/es/FormControlList-b96aebef.js +0 -98
- package/dist/es/Input-dfd9dd40.js +0 -170
- package/dist/es/ListItem-da73bc7d.js +0 -77
- package/dist/es/Title-22c2f3bf.js +0 -18
- package/dist/es/ssr-2f57791d.js +0 -41
|
@@ -4,38 +4,50 @@ 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-
|
|
7
|
+
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
|
|
8
8
|
var constants = require('@appbaseio/reactivecore/lib/utils/constants');
|
|
9
|
-
var transform = require('@appbaseio/reactivecore/lib/utils/transform');
|
|
10
9
|
var helper = require('@appbaseio/reactivecore/lib/utils/helper');
|
|
10
|
+
var transform = require('@appbaseio/reactivecore/lib/utils/transform');
|
|
11
11
|
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');
|
|
18
20
|
|
|
19
|
-
var
|
|
20
|
-
|
|
21
|
+
var _excluded = ["aggs", "size"],
|
|
22
|
+
_excluded2 = ["query"],
|
|
23
|
+
_excluded3 = ["query"],
|
|
24
|
+
_excluded4 = ["aggs", "size"];
|
|
25
|
+
var X_SEARCH_CLIENT = 'ReactiveSearch Vue';
|
|
21
26
|
var componentsWithoutFilters = [constants.componentTypes.numberBox, constants.componentTypes.ratingsFilter];
|
|
22
27
|
var resultComponents = [constants.componentTypes.reactiveList, constants.componentTypes.reactiveMap];
|
|
23
28
|
|
|
24
29
|
function getValue(state, id, defaultValue) {
|
|
25
|
-
if (
|
|
26
|
-
|
|
27
|
-
if (state[id]) {
|
|
30
|
+
if (state && state[id]) {
|
|
28
31
|
try {
|
|
29
32
|
// parsing for next.js - since it uses extra set of quotes to wrap params
|
|
30
33
|
var parsedValue = JSON.parse(state[id]);
|
|
31
|
-
return
|
|
34
|
+
return {
|
|
35
|
+
value: parsedValue,
|
|
36
|
+
reference: 'URL'
|
|
37
|
+
};
|
|
32
38
|
} catch (error) {
|
|
33
39
|
// using react-dom-server for ssr
|
|
34
|
-
return
|
|
40
|
+
return {
|
|
41
|
+
value: state[id],
|
|
42
|
+
reference: 'URL'
|
|
43
|
+
};
|
|
35
44
|
}
|
|
36
45
|
}
|
|
37
46
|
|
|
38
|
-
return
|
|
47
|
+
return {
|
|
48
|
+
value: defaultValue,
|
|
49
|
+
reference: 'DEFAULT'
|
|
50
|
+
};
|
|
39
51
|
}
|
|
40
52
|
|
|
41
53
|
function parseValue(value, component) {
|
|
@@ -44,28 +56,53 @@ function parseValue(value, component) {
|
|
|
44
56
|
}
|
|
45
57
|
|
|
46
58
|
return value;
|
|
47
|
-
}
|
|
59
|
+
} // Returns query DSL with query property and other options
|
|
60
|
+
|
|
48
61
|
|
|
49
|
-
function
|
|
50
|
-
// get default query of
|
|
51
|
-
|
|
52
|
-
return component.defaultQuery ? component.defaultQuery() : {};
|
|
53
|
-
} // get custom or default query of sensor components
|
|
62
|
+
function getDefaultQuery(component, value) {
|
|
63
|
+
// get custom or default query of sensor components
|
|
64
|
+
var currentValue = parseValue(value, component); // get default query of result components
|
|
54
65
|
|
|
66
|
+
if (component.defaultQuery) {
|
|
67
|
+
var defaultQuery = component.defaultQuery(currentValue, component);
|
|
68
|
+
return _rollupPluginBabelHelpers._extends({
|
|
69
|
+
query: helper.extractQueryFromCustomQuery(defaultQuery)
|
|
70
|
+
}, helper.getOptionsForCustomQuery(defaultQuery));
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
return component.source.defaultQuery ? {
|
|
74
|
+
query: component.source.defaultQuery(currentValue, component)
|
|
75
|
+
} : {};
|
|
76
|
+
} // Only results the query part
|
|
55
77
|
|
|
78
|
+
|
|
79
|
+
function getCustomQuery(component, value) {
|
|
80
|
+
// get custom or default query of sensor components
|
|
56
81
|
var currentValue = parseValue(value, component);
|
|
57
82
|
|
|
58
83
|
if (component.customQuery) {
|
|
59
84
|
var customQuery = component.customQuery(currentValue, component);
|
|
60
|
-
return
|
|
85
|
+
return _rollupPluginBabelHelpers._extends({
|
|
86
|
+
query: helper.extractQueryFromCustomQuery(customQuery)
|
|
87
|
+
}, helper.getOptionsForCustomQuery(customQuery));
|
|
61
88
|
}
|
|
62
89
|
|
|
63
|
-
return component.source.defaultQuery ?
|
|
90
|
+
return component.source.defaultQuery ? {
|
|
91
|
+
query: component.source.defaultQuery(currentValue, component)
|
|
92
|
+
} : null;
|
|
64
93
|
}
|
|
65
94
|
|
|
66
95
|
function initReactivesearch(componentCollection, searchState, settings) {
|
|
67
96
|
return new Promise(function (resolve, reject) {
|
|
68
97
|
var credentials = settings.url && settings.url.trim() !== '' && !settings.credentials ? null : settings.credentials;
|
|
98
|
+
var enableTelemetry = settings.appbaseConfig && settings.appbaseConfig.enableTelemetry !== undefined ? settings.appbaseConfig.enableTelemetry : true;
|
|
99
|
+
|
|
100
|
+
var headers = _rollupPluginBabelHelpers._extends({}, settings.enableAppbase && _rollupPluginBabelHelpers._extends({
|
|
101
|
+
'X-Search-Client': X_SEARCH_CLIENT
|
|
102
|
+
}, enableTelemetry === false && {
|
|
103
|
+
'X-Enable-Telemetry': false
|
|
104
|
+
}), settings.headers);
|
|
105
|
+
|
|
69
106
|
var config = {
|
|
70
107
|
url: settings.url && settings.url.trim() !== '' ? settings.url : 'https://scalr.api.appbase.io',
|
|
71
108
|
app: settings.app,
|
|
@@ -74,7 +111,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
74
111
|
type: settings.type ? settings.type : '*',
|
|
75
112
|
transformResponse: settings.transformResponse || null,
|
|
76
113
|
graphQLUrl: settings.graphQLUrl || '',
|
|
77
|
-
headers:
|
|
114
|
+
headers: headers,
|
|
78
115
|
analyticsConfig: settings.appbaseConfig || null
|
|
79
116
|
};
|
|
80
117
|
var appbaseRef = Appbase(config);
|
|
@@ -91,6 +128,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
91
128
|
var orderOfQueries = [];
|
|
92
129
|
var hits = {};
|
|
93
130
|
var aggregations = {};
|
|
131
|
+
var compositeAggregations = {};
|
|
94
132
|
var state = {};
|
|
95
133
|
var customQueries = {};
|
|
96
134
|
var defaultQueries = {};
|
|
@@ -105,20 +143,20 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
105
143
|
compProps[key] = component[key];
|
|
106
144
|
}
|
|
107
145
|
});
|
|
108
|
-
var isInternalComponentPresent = false;
|
|
109
|
-
|
|
110
|
-
if (component.customQuery && typeof component.customQuery === 'function') {
|
|
111
|
-
customQueries[component.componentId] = component.customQuery(component.value, compProps);
|
|
112
|
-
}
|
|
146
|
+
var isInternalComponentPresent = false;
|
|
113
147
|
|
|
114
|
-
if (component.
|
|
115
|
-
|
|
148
|
+
if (component.source.hasInternalComponent) {
|
|
149
|
+
isInternalComponentPresent = component.source.hasInternalComponent(component);
|
|
116
150
|
}
|
|
117
151
|
|
|
118
152
|
var isResultComponent = resultComponents.includes(componentType);
|
|
119
153
|
var internalComponent = component.componentId + "__internal";
|
|
120
154
|
var label = component.filterLabel || component.componentId;
|
|
121
|
-
|
|
155
|
+
|
|
156
|
+
var _getValue = getValue(searchState, component.componentId, component.value || component.defaultValue),
|
|
157
|
+
value = _getValue.value,
|
|
158
|
+
reference = _getValue.reference; // [1] set selected values
|
|
159
|
+
|
|
122
160
|
|
|
123
161
|
var showFilter = component.showFilter !== undefined ? component.showFilter : true;
|
|
124
162
|
|
|
@@ -131,75 +169,77 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
131
169
|
component: component.componentId,
|
|
132
170
|
label: label,
|
|
133
171
|
value: value,
|
|
172
|
+
reference: reference,
|
|
134
173
|
showFilter: showFilter,
|
|
135
174
|
URLParams: component.URLParams || false
|
|
136
|
-
}); //
|
|
175
|
+
}); // Set custom and default queries
|
|
137
176
|
|
|
138
|
-
if (
|
|
139
|
-
|
|
140
|
-
|
|
177
|
+
if (component.customQuery && typeof component.customQuery === 'function') {
|
|
178
|
+
customQueries[component.componentId] = component.customQuery(value, compProps);
|
|
179
|
+
}
|
|
141
180
|
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
181
|
+
if (component.defaultQuery && typeof component.defaultQuery === 'function') {
|
|
182
|
+
defaultQueries[component.componentId] = component.defaultQuery(value, compProps);
|
|
183
|
+
}
|
|
145
184
|
|
|
146
|
-
|
|
147
|
-
// eslint-disable-next-line
|
|
148
|
-
var _ref = options || {},
|
|
149
|
-
aggs = _ref.aggs,
|
|
150
|
-
size = _ref.size,
|
|
151
|
-
otherQueryOptions = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref, ["aggs", "size"]);
|
|
152
|
-
|
|
153
|
-
if (aggs && Object.keys(aggs).length) {
|
|
154
|
-
isInternalComponentPresent = true; // query should be applied on the internal component
|
|
155
|
-
// to enable feeding the data to parent component
|
|
156
|
-
|
|
157
|
-
queryOptions = queryOptionsReducer(queryOptions, {
|
|
158
|
-
type: 'SET_QUERY_OPTIONS',
|
|
159
|
-
component: internalComponent,
|
|
160
|
-
options: {
|
|
161
|
-
aggs: aggs,
|
|
162
|
-
size: typeof size === 'undefined' ? 100 : size
|
|
163
|
-
}
|
|
164
|
-
});
|
|
165
|
-
} // sort, highlight, size, from - query should be applied on the main component
|
|
185
|
+
var componentQueryOptions = {}; // [2] set query options - main component query (valid for result components)
|
|
166
186
|
|
|
187
|
+
if (component && component.source.generateQueryOptions) {
|
|
188
|
+
componentQueryOptions = _rollupPluginBabelHelpers._extends({}, componentQueryOptions, component.source.generateQueryOptions(component));
|
|
189
|
+
}
|
|
167
190
|
|
|
168
|
-
|
|
169
|
-
if (!otherQueryOptions) otherQueryOptions = {};
|
|
170
|
-
if (!highlightQuery) highlightQuery = {};
|
|
191
|
+
var highlightQuery = {};
|
|
171
192
|
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
193
|
+
if (component.source.highlightQuery) {
|
|
194
|
+
highlightQuery = component.source.highlightQuery(component);
|
|
195
|
+
}
|
|
175
196
|
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
197
|
+
if (componentQueryOptions && Object.keys(componentQueryOptions).length || highlightQuery && Object.keys(highlightQuery).length) {
|
|
198
|
+
// eslint-disable-next-line
|
|
199
|
+
var _ref = componentQueryOptions || {},
|
|
200
|
+
aggs = _ref.aggs,
|
|
201
|
+
size = _ref.size,
|
|
202
|
+
otherQueryOptions = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref, _excluded);
|
|
203
|
+
|
|
204
|
+
if (aggs && Object.keys(aggs).length) {
|
|
205
|
+
isInternalComponentPresent = true;
|
|
206
|
+
componentQueryOptions = _rollupPluginBabelHelpers._extends({}, componentQueryOptions, {
|
|
207
|
+
aggs: aggs,
|
|
208
|
+
size: typeof size === 'undefined' ? 100 : size
|
|
209
|
+
});
|
|
210
|
+
} // sort, highlight, size, from - query should be applied on the main component
|
|
179
211
|
|
|
180
|
-
if (isResultComponent) {
|
|
181
|
-
var currentPage = component.currentPage ? component.currentPage - 1 : 0;
|
|
182
212
|
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
213
|
+
if (otherQueryOptions && Object.keys(otherQueryOptions).length || highlightQuery && Object.keys(highlightQuery).length) {
|
|
214
|
+
if (!otherQueryOptions) otherQueryOptions = {};
|
|
215
|
+
if (!highlightQuery) highlightQuery = {};
|
|
186
216
|
|
|
187
|
-
|
|
188
|
-
|
|
217
|
+
var mainQueryOptions = _rollupPluginBabelHelpers._extends({}, otherQueryOptions, highlightQuery, {
|
|
218
|
+
size: size
|
|
219
|
+
});
|
|
189
220
|
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
221
|
+
if (isInternalComponentPresent) {
|
|
222
|
+
mainQueryOptions = _rollupPluginBabelHelpers._extends({}, otherQueryOptions, highlightQuery);
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
if (isResultComponent) {
|
|
226
|
+
var currentPage = component.currentPage ? component.currentPage - 1 : 0;
|
|
227
|
+
|
|
228
|
+
if (selectedValues[component.componentId] && selectedValues[component.componentId].value) {
|
|
229
|
+
currentPage = selectedValues[component.componentId].value - 1 || 0;
|
|
195
230
|
}
|
|
196
231
|
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
232
|
+
var resultSize = component.size || 10;
|
|
233
|
+
var from = currentPage * resultSize; // Update props for RS API
|
|
234
|
+
|
|
235
|
+
compProps.from = from;
|
|
236
|
+
mainQueryOptions = _rollupPluginBabelHelpers._extends({}, mainQueryOptions, highlightQuery, {
|
|
237
|
+
size: resultSize,
|
|
238
|
+
from: from
|
|
201
239
|
});
|
|
202
240
|
}
|
|
241
|
+
|
|
242
|
+
componentQueryOptions = _rollupPluginBabelHelpers._extends({}, componentQueryOptions, mainQueryOptions);
|
|
203
243
|
}
|
|
204
244
|
} // [3] set dependency tree
|
|
205
245
|
|
|
@@ -217,25 +257,42 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
217
257
|
react: react
|
|
218
258
|
});
|
|
219
259
|
} // [4] set query list
|
|
260
|
+
// Do not set default query for suggestions
|
|
220
261
|
|
|
221
262
|
|
|
222
|
-
if (
|
|
223
|
-
var
|
|
224
|
-
|
|
263
|
+
if (isInternalComponentPresent && !transform.isSearchComponent(component.componentType)) {
|
|
264
|
+
var _ref2 = getDefaultQuery(component, value) || {},
|
|
265
|
+
defaultQuery = _ref2.query,
|
|
266
|
+
defaultQueryOptions = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref2, _excluded2);
|
|
225
267
|
|
|
226
268
|
queryList = queryReducer(queryList, {
|
|
227
269
|
type: 'SET_QUERY',
|
|
228
270
|
component: internalComponent,
|
|
229
|
-
query:
|
|
271
|
+
query: defaultQuery
|
|
230
272
|
});
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
query: getQuery(component, value, componentType)
|
|
273
|
+
queryOptions = queryOptionsReducer(queryOptions, {
|
|
274
|
+
type: 'SET_QUERY_OPTIONS',
|
|
275
|
+
component: internalComponent,
|
|
276
|
+
options: _rollupPluginBabelHelpers._extends({}, componentQueryOptions, defaultQueryOptions)
|
|
236
277
|
});
|
|
237
|
-
}
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
var _ref3 = getCustomQuery(component, value) || {},
|
|
281
|
+
query = _ref3.query,
|
|
282
|
+
options = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref3, _excluded3);
|
|
238
283
|
|
|
284
|
+
var customQuery = query; // set custom query for main component
|
|
285
|
+
|
|
286
|
+
queryList = queryReducer(queryList, {
|
|
287
|
+
type: 'SET_QUERY',
|
|
288
|
+
component: component.componentId,
|
|
289
|
+
query: customQuery
|
|
290
|
+
});
|
|
291
|
+
queryOptions = queryOptionsReducer(queryOptions, {
|
|
292
|
+
type: 'SET_QUERY_OPTIONS',
|
|
293
|
+
component: component.componentId,
|
|
294
|
+
options: _rollupPluginBabelHelpers._extends({}, componentQueryOptions, options)
|
|
295
|
+
}); // Set component type in component props
|
|
239
296
|
|
|
240
297
|
compProps.componentType = componentType;
|
|
241
298
|
componentProps[component.componentId] = compProps;
|
|
@@ -258,9 +315,22 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
258
315
|
queryObj = _buildQuery.queryObj,
|
|
259
316
|
options = _buildQuery.options;
|
|
260
317
|
|
|
261
|
-
var
|
|
318
|
+
var componentQueryOptions = options;
|
|
319
|
+
var componentType = component.source.componentType;
|
|
320
|
+
|
|
321
|
+
if (componentType !== constants.componentTypes.reactiveComponent) {
|
|
322
|
+
// don't merge aggs, size
|
|
323
|
+
var _ref4 = options || {},
|
|
324
|
+
aggs = _ref4.aggs,
|
|
325
|
+
size = _ref4.size,
|
|
326
|
+
rest = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref4, _excluded4);
|
|
327
|
+
|
|
328
|
+
componentQueryOptions = rest;
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
var validOptions = ['aggs', 'from', 'sort']; // check if query or componentQueryOptions are valid - non-empty
|
|
262
332
|
|
|
263
|
-
if (queryObj && !!Object.keys(queryObj).length ||
|
|
333
|
+
if (queryObj && !!Object.keys(queryObj).length || componentQueryOptions && Object.keys(componentQueryOptions).some(function (item) {
|
|
264
334
|
return validOptions.includes(item);
|
|
265
335
|
})) {
|
|
266
336
|
var _extends2;
|
|
@@ -273,11 +343,11 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
273
343
|
|
|
274
344
|
orderOfQueries = [].concat(orderOfQueries, [component.componentId]);
|
|
275
345
|
|
|
276
|
-
var currentQuery = _rollupPluginBabelHelpers._extends(
|
|
346
|
+
var currentQuery = _rollupPluginBabelHelpers._extends({
|
|
277
347
|
query: _rollupPluginBabelHelpers._extends({}, queryObj)
|
|
278
|
-
},
|
|
348
|
+
}, componentQueryOptions, queryOptions[component.componentId]);
|
|
279
349
|
|
|
280
|
-
queryLog = _rollupPluginBabelHelpers._extends(
|
|
350
|
+
queryLog = _rollupPluginBabelHelpers._extends({}, queryLog, (_extends2 = {}, _extends2[component.componentId] = currentQuery, _extends2));
|
|
281
351
|
|
|
282
352
|
if (settings.enableAppbase) {
|
|
283
353
|
var query = transform.getRSQuery(component.componentId, transform.extractPropsFromState(state, component.componentId, queryOptions && queryOptions[component.componentId] ? {
|
|
@@ -288,11 +358,12 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
288
358
|
var _extends3;
|
|
289
359
|
|
|
290
360
|
// Apply dependent queries
|
|
291
|
-
appbaseQuery = _rollupPluginBabelHelpers._extends(
|
|
361
|
+
appbaseQuery = _rollupPluginBabelHelpers._extends({}, appbaseQuery, (_extends3 = {}, _extends3[component.componentId] = query, _extends3), transform.getDependentQueries(state, component.componentId, orderOfQueries));
|
|
292
362
|
}
|
|
293
363
|
} else {
|
|
364
|
+
var preference = config && config.analyticsConfig && config.analyticsConfig.userId ? config.analyticsConfig.userId + "_" + component : component;
|
|
294
365
|
finalQuery = [].concat(finalQuery, [{
|
|
295
|
-
preference:
|
|
366
|
+
preference: preference
|
|
296
367
|
}, currentQuery]);
|
|
297
368
|
}
|
|
298
369
|
}
|
|
@@ -318,10 +389,15 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
318
389
|
if (response.aggregations) {
|
|
319
390
|
var _extends4;
|
|
320
391
|
|
|
321
|
-
aggregations = _rollupPluginBabelHelpers._extends(
|
|
392
|
+
aggregations = _rollupPluginBabelHelpers._extends({}, aggregations, (_extends4 = {}, _extends4[component] = response.aggregations, _extends4));
|
|
393
|
+
compositeAggregations = compositeAggsReducer(compositeAggregations, {
|
|
394
|
+
type: constants$1.UPDATE_COMPOSITE_AGGS,
|
|
395
|
+
aggregations: response.aggregations,
|
|
396
|
+
append: false
|
|
397
|
+
});
|
|
322
398
|
}
|
|
323
399
|
|
|
324
|
-
hits = _rollupPluginBabelHelpers._extends(
|
|
400
|
+
hits = _rollupPluginBabelHelpers._extends({}, hits, (_extends5 = {}, _extends5[component] = {
|
|
325
401
|
hits: response.hits.hits,
|
|
326
402
|
total: typeof response.hits.total === 'object' ? response.hits.total.value : response.hits.total,
|
|
327
403
|
time: response.took
|
|
@@ -333,7 +409,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
333
409
|
});
|
|
334
410
|
});
|
|
335
411
|
Promise.all(allPromises).then(function () {
|
|
336
|
-
state = _rollupPluginBabelHelpers._extends(
|
|
412
|
+
state = _rollupPluginBabelHelpers._extends({}, state, {
|
|
337
413
|
hits: hits,
|
|
338
414
|
aggregations: aggregations
|
|
339
415
|
});
|
|
@@ -345,6 +421,8 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
345
421
|
var promotedResults = {};
|
|
346
422
|
var rawData = {};
|
|
347
423
|
var customData = {};
|
|
424
|
+
var settingsResponse = {};
|
|
425
|
+
var timestamp = {};
|
|
348
426
|
var allPromises = orderOfQueries.map(function (component) {
|
|
349
427
|
return new Promise(function (responseResolve, responseReject) {
|
|
350
428
|
handleTransformResponse(res[component], component).then(function (response) {
|
|
@@ -353,7 +431,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
353
431
|
|
|
354
432
|
if (response.promoted) {
|
|
355
433
|
promotedResults[component] = response.promoted.map(function (promoted) {
|
|
356
|
-
return _rollupPluginBabelHelpers._extends(
|
|
434
|
+
return _rollupPluginBabelHelpers._extends({}, promoted.doc, {
|
|
357
435
|
_position: promoted.position
|
|
358
436
|
});
|
|
359
437
|
});
|
|
@@ -363,15 +441,21 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
363
441
|
|
|
364
442
|
if (response.customData) {
|
|
365
443
|
customData[component] = response.customData;
|
|
444
|
+
} // Update settings
|
|
445
|
+
|
|
446
|
+
|
|
447
|
+
if (response.settings) {
|
|
448
|
+
settingsResponse[component] = response.settings;
|
|
366
449
|
}
|
|
367
450
|
|
|
368
451
|
if (response.aggregations) {
|
|
369
452
|
var _extends6;
|
|
370
453
|
|
|
371
|
-
aggregations = _rollupPluginBabelHelpers._extends(
|
|
454
|
+
aggregations = _rollupPluginBabelHelpers._extends({}, aggregations, (_extends6 = {}, _extends6[component] = response.aggregations, _extends6));
|
|
372
455
|
}
|
|
373
456
|
|
|
374
|
-
|
|
457
|
+
timestamp[component] = res._timestamp;
|
|
458
|
+
hits = _rollupPluginBabelHelpers._extends({}, hits, (_extends7 = {}, _extends7[component] = {
|
|
375
459
|
hits: response.hits.hits,
|
|
376
460
|
total: typeof response.hits.total === 'object' ? response.hits.total.value : response.hits.total,
|
|
377
461
|
time: response.took
|
|
@@ -384,10 +468,13 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
384
468
|
});
|
|
385
469
|
});
|
|
386
470
|
Promise.all(allPromises).then(function () {
|
|
387
|
-
state = _rollupPluginBabelHelpers._extends(
|
|
471
|
+
state = _rollupPluginBabelHelpers._extends({}, state, {
|
|
388
472
|
hits: hits,
|
|
473
|
+
timestamp: timestamp,
|
|
389
474
|
aggregations: aggregations,
|
|
475
|
+
compositeAggregations: compositeAggregations,
|
|
390
476
|
promotedResults: promotedResults,
|
|
477
|
+
settings: settingsResponse,
|
|
391
478
|
customData: customData,
|
|
392
479
|
rawData: rawData
|
|
393
480
|
});
|
package/dist/cjs/install.js
CHANGED
|
@@ -3,41 +3,43 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
require('@appbaseio/reactivecore');
|
|
6
|
-
require('./_rollupPluginBabelHelpers-
|
|
6
|
+
require('./_rollupPluginBabelHelpers-4abdbfff.js');
|
|
7
7
|
require('vue-types');
|
|
8
8
|
require('@appbaseio/reactivecore/lib/utils/constants');
|
|
9
|
+
require('@appbaseio/reactivecore/lib/utils/helper');
|
|
9
10
|
require('emotion');
|
|
10
11
|
require('@appbaseio/vue-emotion');
|
|
11
12
|
require('polished');
|
|
12
|
-
require('./Button-
|
|
13
|
-
require('./vueTypes-
|
|
14
|
-
require('./Pagination-
|
|
13
|
+
require('./Button-d2f1aeda.js');
|
|
14
|
+
require('./vueTypes-6de9d2a9.js');
|
|
15
|
+
require('./Pagination-1b2320a7.js');
|
|
15
16
|
var ReactiveList = require('./ReactiveList.js');
|
|
16
17
|
require('@appbaseio/reactivecore/lib/utils/transform');
|
|
17
18
|
require('redux');
|
|
18
|
-
require('./index-
|
|
19
|
-
require('./ComponentWrapper-
|
|
19
|
+
require('./index-d44a0a21.js');
|
|
20
|
+
require('./ComponentWrapper-7302fe1a.js');
|
|
20
21
|
require('@vue/babel-helper-vue-jsx-merge-props');
|
|
21
|
-
require('./Title-
|
|
22
|
-
require('./ListItem-
|
|
23
|
-
require('./Card-
|
|
24
|
-
require('./Flex-
|
|
25
|
-
require('@appbaseio/reactivecore/lib/utils/helper');
|
|
22
|
+
require('./Title-39765ee6.js');
|
|
23
|
+
require('./ListItem-933c27e4.js');
|
|
24
|
+
require('./Card-4b915733.js');
|
|
25
|
+
require('./Flex-699639d2.js');
|
|
26
26
|
require('@appbaseio/reactivecore/lib/actions/analytics');
|
|
27
27
|
require('appbase-js');
|
|
28
28
|
require('url-search-params-polyfill');
|
|
29
29
|
var ReactiveBase = require('./ReactiveBase.js');
|
|
30
|
-
require('
|
|
30
|
+
require('hotkeys-js');
|
|
31
31
|
var DataSearch = require('./DataSearch.js');
|
|
32
|
+
require('./CancelSvg-82021d23.js');
|
|
33
|
+
require('./Input-c6f181d5.js');
|
|
32
34
|
require('compute-scroll-into-view');
|
|
33
|
-
require('./
|
|
34
|
-
require('./Container-f84e72fc.js');
|
|
35
|
+
require('./Container-8a08d663.js');
|
|
35
36
|
require('vue-highlight-words');
|
|
36
|
-
require('
|
|
37
|
-
require('./
|
|
37
|
+
require('@appbaseio/reactivecore/lib/utils/suggestions');
|
|
38
|
+
require('./FormControlList-73497794.js');
|
|
39
|
+
require('./utils-23afb20b.js');
|
|
38
40
|
var SingleList = require('./SingleList.js');
|
|
39
41
|
var MultiList = require('./MultiList.js');
|
|
40
|
-
require('./DropDown-
|
|
42
|
+
require('./DropDown-c46d8b0c.js');
|
|
41
43
|
var SingleDropdownList = require('./SingleDropdownList.js');
|
|
42
44
|
var MultiDropdownList = require('./MultiDropdownList.js');
|
|
43
45
|
var ToggleButton = require('./ToggleButton.js');
|
|
@@ -48,7 +50,7 @@ var MultiRange = require('./MultiRange.js');
|
|
|
48
50
|
var ResultCard = require('./ResultCard.js');
|
|
49
51
|
var ResultList = require('./ResultList.js');
|
|
50
52
|
require('vue-no-ssr');
|
|
51
|
-
require('./ssr-
|
|
53
|
+
require('./ssr-c333c82c.js');
|
|
52
54
|
var RangeSlider = require('./RangeSlider.js');
|
|
53
55
|
var DynamicRangeSlider = require('./DynamicRangeSlider.js');
|
|
54
56
|
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-4abdbfff.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;
|
|
@@ -4,7 +4,7 @@ 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-4abdbfff.js');
|
|
8
8
|
|
|
9
9
|
var getAggsOrder = configureStore.helper.getAggsOrder;
|
|
10
10
|
|
|
@@ -60,7 +60,7 @@ var getAggsQuery = function getAggsQuery(query, props) {
|
|
|
60
60
|
};
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
-
return _rollupPluginBabelHelpers._extends(
|
|
63
|
+
return _rollupPluginBabelHelpers._extends({}, clonedQuery, extractQuery(props));
|
|
64
64
|
};
|
|
65
65
|
|
|
66
66
|
exports.getAggsQuery = getAggsQuery;
|