@appbaseio/reactivesearch-vue 1.16.0-alpha.4 → 1.16.0-alpha.40
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 +8107 -7501
- 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 +72 -58
- 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 +187 -104
- 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 +72 -58
- 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 +188 -105
- 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,49 @@ 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 = ["aggs", "size"];
|
|
24
|
+
var X_SEARCH_CLIENT = 'ReactiveSearch Vue';
|
|
21
25
|
var componentsWithoutFilters = [constants.componentTypes.numberBox, constants.componentTypes.ratingsFilter];
|
|
22
26
|
var resultComponents = [constants.componentTypes.reactiveList, constants.componentTypes.reactiveMap];
|
|
23
27
|
|
|
24
28
|
function getValue(state, id, defaultValue) {
|
|
25
|
-
if (
|
|
26
|
-
|
|
27
|
-
if (state[id]) {
|
|
29
|
+
if (state && state[id]) {
|
|
28
30
|
try {
|
|
29
31
|
// parsing for next.js - since it uses extra set of quotes to wrap params
|
|
30
32
|
var parsedValue = JSON.parse(state[id]);
|
|
31
|
-
return
|
|
33
|
+
return {
|
|
34
|
+
value: parsedValue,
|
|
35
|
+
reference: 'URL'
|
|
36
|
+
};
|
|
32
37
|
} catch (error) {
|
|
33
38
|
// using react-dom-server for ssr
|
|
34
|
-
return
|
|
39
|
+
return {
|
|
40
|
+
value: state[id],
|
|
41
|
+
reference: 'URL'
|
|
42
|
+
};
|
|
35
43
|
}
|
|
36
44
|
}
|
|
37
45
|
|
|
38
|
-
return
|
|
46
|
+
return {
|
|
47
|
+
value: defaultValue,
|
|
48
|
+
reference: 'DEFAULT'
|
|
49
|
+
};
|
|
39
50
|
}
|
|
40
51
|
|
|
41
52
|
function parseValue(value, component) {
|
|
@@ -44,28 +55,48 @@ function parseValue(value, component) {
|
|
|
44
55
|
}
|
|
45
56
|
|
|
46
57
|
return value;
|
|
47
|
-
}
|
|
58
|
+
} // Returns query DSL with query property and other options
|
|
59
|
+
|
|
48
60
|
|
|
49
|
-
function
|
|
50
|
-
// get default query of
|
|
51
|
-
|
|
52
|
-
return component.defaultQuery ? component.defaultQuery() : {};
|
|
53
|
-
} // get custom or default query of sensor components
|
|
61
|
+
function getDefaultQuery(component, value) {
|
|
62
|
+
// get custom or default query of sensor components
|
|
63
|
+
var currentValue = parseValue(value, component); // get default query of result components
|
|
54
64
|
|
|
65
|
+
if (component.defaultQuery) {
|
|
66
|
+
var defaultQuery = component.defaultQuery(currentValue, component);
|
|
67
|
+
return _rollupPluginBabelHelpers._extends({
|
|
68
|
+
query: helper.extractQueryFromCustomQuery(defaultQuery)
|
|
69
|
+
}, helper.getOptionsForCustomQuery(defaultQuery));
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
return component.source.defaultQuery ? {
|
|
73
|
+
query: component.source.defaultQuery(currentValue, component)
|
|
74
|
+
} : {};
|
|
75
|
+
} // Only results the query part
|
|
55
76
|
|
|
77
|
+
|
|
78
|
+
function getCustomQuery(component, value) {
|
|
79
|
+
// get custom or default query of sensor components
|
|
56
80
|
var currentValue = parseValue(value, component);
|
|
57
81
|
|
|
58
82
|
if (component.customQuery) {
|
|
59
|
-
|
|
60
|
-
return customQuery && customQuery.query;
|
|
83
|
+
return helper.extractQueryFromCustomQuery(component.customQuery(currentValue, component));
|
|
61
84
|
}
|
|
62
85
|
|
|
63
|
-
return component.source.defaultQuery ? component.source.defaultQuery(currentValue, component) :
|
|
86
|
+
return component.source.defaultQuery ? component.source.defaultQuery(currentValue, component) : null;
|
|
64
87
|
}
|
|
65
88
|
|
|
66
89
|
function initReactivesearch(componentCollection, searchState, settings) {
|
|
67
90
|
return new Promise(function (resolve, reject) {
|
|
68
91
|
var credentials = settings.url && settings.url.trim() !== '' && !settings.credentials ? null : settings.credentials;
|
|
92
|
+
var enableTelemetry = settings.appbaseConfig && settings.appbaseConfig.enableTelemetry !== undefined ? settings.appbaseConfig.enableTelemetry : true;
|
|
93
|
+
|
|
94
|
+
var headers = _rollupPluginBabelHelpers._extends({}, settings.enableAppbase && _rollupPluginBabelHelpers._extends({
|
|
95
|
+
'X-Search-Client': X_SEARCH_CLIENT
|
|
96
|
+
}, enableTelemetry === false && {
|
|
97
|
+
'X-Enable-Telemetry': false
|
|
98
|
+
}), settings.headers);
|
|
99
|
+
|
|
69
100
|
var config = {
|
|
70
101
|
url: settings.url && settings.url.trim() !== '' ? settings.url : 'https://scalr.api.appbase.io',
|
|
71
102
|
app: settings.app,
|
|
@@ -74,7 +105,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
74
105
|
type: settings.type ? settings.type : '*',
|
|
75
106
|
transformResponse: settings.transformResponse || null,
|
|
76
107
|
graphQLUrl: settings.graphQLUrl || '',
|
|
77
|
-
headers:
|
|
108
|
+
headers: headers,
|
|
78
109
|
analyticsConfig: settings.appbaseConfig || null
|
|
79
110
|
};
|
|
80
111
|
var appbaseRef = Appbase(config);
|
|
@@ -91,6 +122,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
91
122
|
var orderOfQueries = [];
|
|
92
123
|
var hits = {};
|
|
93
124
|
var aggregations = {};
|
|
125
|
+
var compositeAggregations = {};
|
|
94
126
|
var state = {};
|
|
95
127
|
var customQueries = {};
|
|
96
128
|
var defaultQueries = {};
|
|
@@ -105,20 +137,20 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
105
137
|
compProps[key] = component[key];
|
|
106
138
|
}
|
|
107
139
|
});
|
|
108
|
-
var isInternalComponentPresent = false;
|
|
109
|
-
|
|
110
|
-
if (component.customQuery && typeof component.customQuery === 'function') {
|
|
111
|
-
customQueries[component.componentId] = component.customQuery(component.value, compProps);
|
|
112
|
-
}
|
|
140
|
+
var isInternalComponentPresent = false;
|
|
113
141
|
|
|
114
|
-
if (component.
|
|
115
|
-
|
|
142
|
+
if (component.source.hasInternalComponent) {
|
|
143
|
+
isInternalComponentPresent = component.source.hasInternalComponent(component);
|
|
116
144
|
}
|
|
117
145
|
|
|
118
146
|
var isResultComponent = resultComponents.includes(componentType);
|
|
119
147
|
var internalComponent = component.componentId + "__internal";
|
|
120
148
|
var label = component.filterLabel || component.componentId;
|
|
121
|
-
|
|
149
|
+
|
|
150
|
+
var _getValue = getValue(searchState, component.componentId, component.value || component.defaultValue),
|
|
151
|
+
value = _getValue.value,
|
|
152
|
+
reference = _getValue.reference; // [1] set selected values
|
|
153
|
+
|
|
122
154
|
|
|
123
155
|
var showFilter = component.showFilter !== undefined ? component.showFilter : true;
|
|
124
156
|
|
|
@@ -131,75 +163,78 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
131
163
|
component: component.componentId,
|
|
132
164
|
label: label,
|
|
133
165
|
value: value,
|
|
166
|
+
reference: reference,
|
|
134
167
|
showFilter: showFilter,
|
|
135
168
|
URLParams: component.URLParams || false
|
|
136
|
-
}); //
|
|
169
|
+
}); // Set custom and default queries
|
|
137
170
|
|
|
138
|
-
if (
|
|
139
|
-
|
|
140
|
-
|
|
171
|
+
if (component.customQuery && typeof component.customQuery === 'function') {
|
|
172
|
+
customQueries[component.componentId] = component.customQuery(value, compProps);
|
|
173
|
+
}
|
|
141
174
|
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
175
|
+
if (component.defaultQuery && typeof component.defaultQuery === 'function') {
|
|
176
|
+
defaultQueries[component.componentId] = component.defaultQuery(value, compProps);
|
|
177
|
+
}
|
|
145
178
|
|
|
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
|
|
179
|
+
var componentQueryOptions = {}; // [2] set query options - main component query (valid for result components)
|
|
166
180
|
|
|
181
|
+
if (component && component.source.generateQueryOptions) {
|
|
182
|
+
componentQueryOptions = _rollupPluginBabelHelpers._extends({}, componentQueryOptions, component.source.generateQueryOptions(component));
|
|
183
|
+
}
|
|
167
184
|
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
if (!highlightQuery) highlightQuery = {};
|
|
185
|
+
console.log('QUERY LOG componentQueryOptions', component.componentId, componentQueryOptions);
|
|
186
|
+
var highlightQuery = {};
|
|
171
187
|
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
188
|
+
if (component.source.highlightQuery) {
|
|
189
|
+
highlightQuery = component.source.highlightQuery(component);
|
|
190
|
+
}
|
|
175
191
|
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
192
|
+
if (componentQueryOptions && Object.keys(componentQueryOptions).length || highlightQuery && Object.keys(highlightQuery).length) {
|
|
193
|
+
// eslint-disable-next-line
|
|
194
|
+
var _ref = componentQueryOptions || {},
|
|
195
|
+
aggs = _ref.aggs,
|
|
196
|
+
size = _ref.size,
|
|
197
|
+
otherQueryOptions = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref, _excluded);
|
|
198
|
+
|
|
199
|
+
if (aggs && Object.keys(aggs).length) {
|
|
200
|
+
isInternalComponentPresent = true;
|
|
201
|
+
componentQueryOptions = _rollupPluginBabelHelpers._extends({}, componentQueryOptions, {
|
|
202
|
+
aggs: aggs,
|
|
203
|
+
size: typeof size === 'undefined' ? 100 : size
|
|
204
|
+
});
|
|
205
|
+
} // sort, highlight, size, from - query should be applied on the main component
|
|
179
206
|
|
|
180
|
-
if (isResultComponent) {
|
|
181
|
-
var currentPage = component.currentPage ? component.currentPage - 1 : 0;
|
|
182
207
|
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
208
|
+
if (otherQueryOptions && Object.keys(otherQueryOptions).length || highlightQuery && Object.keys(highlightQuery).length) {
|
|
209
|
+
if (!otherQueryOptions) otherQueryOptions = {};
|
|
210
|
+
if (!highlightQuery) highlightQuery = {};
|
|
186
211
|
|
|
187
|
-
|
|
188
|
-
|
|
212
|
+
var mainQueryOptions = _rollupPluginBabelHelpers._extends({}, otherQueryOptions, highlightQuery, {
|
|
213
|
+
size: size
|
|
214
|
+
});
|
|
189
215
|
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
216
|
+
if (isInternalComponentPresent) {
|
|
217
|
+
mainQueryOptions = _rollupPluginBabelHelpers._extends({}, otherQueryOptions, highlightQuery);
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
if (isResultComponent) {
|
|
221
|
+
var currentPage = component.currentPage ? component.currentPage - 1 : 0;
|
|
222
|
+
|
|
223
|
+
if (selectedValues[component.componentId] && selectedValues[component.componentId].value) {
|
|
224
|
+
currentPage = selectedValues[component.componentId].value - 1 || 0;
|
|
195
225
|
}
|
|
196
226
|
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
227
|
+
var resultSize = component.size || 10;
|
|
228
|
+
var from = currentPage * resultSize; // Update props for RS API
|
|
229
|
+
|
|
230
|
+
compProps.from = from;
|
|
231
|
+
mainQueryOptions = _rollupPluginBabelHelpers._extends({}, mainQueryOptions, highlightQuery, {
|
|
232
|
+
size: resultSize,
|
|
233
|
+
from: from
|
|
201
234
|
});
|
|
202
235
|
}
|
|
236
|
+
|
|
237
|
+
componentQueryOptions = _rollupPluginBabelHelpers._extends({}, componentQueryOptions, mainQueryOptions);
|
|
203
238
|
}
|
|
204
239
|
} // [3] set dependency tree
|
|
205
240
|
|
|
@@ -217,25 +252,38 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
217
252
|
react: react
|
|
218
253
|
});
|
|
219
254
|
} // [4] set query list
|
|
255
|
+
// Do not set default query for suggestions
|
|
220
256
|
|
|
221
257
|
|
|
222
|
-
if (
|
|
223
|
-
var
|
|
224
|
-
|
|
258
|
+
if (isInternalComponentPresent && !transform.isSearchComponent(component.componentType)) {
|
|
259
|
+
var _ref2 = getDefaultQuery(component, value) || {},
|
|
260
|
+
defaultQuery = _ref2.query,
|
|
261
|
+
defaultQueryOptions = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref2, _excluded2);
|
|
225
262
|
|
|
226
263
|
queryList = queryReducer(queryList, {
|
|
227
264
|
type: 'SET_QUERY',
|
|
228
265
|
component: internalComponent,
|
|
229
|
-
query:
|
|
266
|
+
query: defaultQuery
|
|
230
267
|
});
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
query: getQuery(component, value, componentType)
|
|
268
|
+
queryOptions = queryOptionsReducer(queryOptions, {
|
|
269
|
+
type: 'SET_QUERY_OPTIONS',
|
|
270
|
+
component: internalComponent,
|
|
271
|
+
options: _rollupPluginBabelHelpers._extends({}, componentQueryOptions, defaultQueryOptions)
|
|
236
272
|
});
|
|
237
|
-
}
|
|
273
|
+
}
|
|
238
274
|
|
|
275
|
+
var customQuery = getCustomQuery(component, value); // set custom query for main component
|
|
276
|
+
|
|
277
|
+
queryList = queryReducer(queryList, {
|
|
278
|
+
type: 'SET_QUERY',
|
|
279
|
+
component: component.componentId,
|
|
280
|
+
query: customQuery
|
|
281
|
+
});
|
|
282
|
+
queryOptions = queryOptionsReducer(queryOptions, {
|
|
283
|
+
type: 'SET_QUERY_OPTIONS',
|
|
284
|
+
component: component.componentId,
|
|
285
|
+
options: _rollupPluginBabelHelpers._extends({}, componentQueryOptions)
|
|
286
|
+
}); // Set component type in component props
|
|
239
287
|
|
|
240
288
|
compProps.componentType = componentType;
|
|
241
289
|
componentProps[component.componentId] = compProps;
|
|
@@ -258,9 +306,23 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
258
306
|
queryObj = _buildQuery.queryObj,
|
|
259
307
|
options = _buildQuery.options;
|
|
260
308
|
|
|
261
|
-
var
|
|
309
|
+
var componentQueryOptions = options;
|
|
310
|
+
var componentType = component.source.componentType;
|
|
311
|
+
console.log('COMPONENT TYPE', componentType);
|
|
312
|
+
|
|
313
|
+
if (componentType !== constants.componentTypes.reactiveComponent) {
|
|
314
|
+
// don't merge aggs, size
|
|
315
|
+
var _ref3 = options || {},
|
|
316
|
+
aggs = _ref3.aggs,
|
|
317
|
+
size = _ref3.size,
|
|
318
|
+
rest = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref3, _excluded3);
|
|
262
319
|
|
|
263
|
-
|
|
320
|
+
componentQueryOptions = rest;
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
var validOptions = ['aggs', 'from', 'sort']; // check if query or componentQueryOptions are valid - non-empty
|
|
324
|
+
|
|
325
|
+
if (queryObj && !!Object.keys(queryObj).length || componentQueryOptions && Object.keys(componentQueryOptions).some(function (item) {
|
|
264
326
|
return validOptions.includes(item);
|
|
265
327
|
})) {
|
|
266
328
|
var _extends2;
|
|
@@ -273,11 +335,15 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
273
335
|
|
|
274
336
|
orderOfQueries = [].concat(orderOfQueries, [component.componentId]);
|
|
275
337
|
|
|
276
|
-
var currentQuery = _rollupPluginBabelHelpers._extends(
|
|
338
|
+
var currentQuery = _rollupPluginBabelHelpers._extends({
|
|
277
339
|
query: _rollupPluginBabelHelpers._extends({}, queryObj)
|
|
278
|
-
},
|
|
340
|
+
}, componentQueryOptions, queryOptions[component.componentId]);
|
|
279
341
|
|
|
280
|
-
|
|
342
|
+
console.log('QUERY LOG build QUERY', component.componentId, queryObj);
|
|
343
|
+
console.log('QUERY LOG build OPTIONS', component.componentId, componentQueryOptions);
|
|
344
|
+
console.log('QUERY LOG OPTIONS (component)', component.componentId, queryOptions[component.componentId]);
|
|
345
|
+
console.log('QUERY LOG', component.componentId, currentQuery);
|
|
346
|
+
queryLog = _rollupPluginBabelHelpers._extends({}, queryLog, (_extends2 = {}, _extends2[component.componentId] = currentQuery, _extends2));
|
|
281
347
|
|
|
282
348
|
if (settings.enableAppbase) {
|
|
283
349
|
var query = transform.getRSQuery(component.componentId, transform.extractPropsFromState(state, component.componentId, queryOptions && queryOptions[component.componentId] ? {
|
|
@@ -288,11 +354,12 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
288
354
|
var _extends3;
|
|
289
355
|
|
|
290
356
|
// Apply dependent queries
|
|
291
|
-
appbaseQuery = _rollupPluginBabelHelpers._extends(
|
|
357
|
+
appbaseQuery = _rollupPluginBabelHelpers._extends({}, appbaseQuery, (_extends3 = {}, _extends3[component.componentId] = query, _extends3), transform.getDependentQueries(state, component.componentId, orderOfQueries));
|
|
292
358
|
}
|
|
293
359
|
} else {
|
|
360
|
+
var preference = config && config.analyticsConfig && config.analyticsConfig.userId ? config.analyticsConfig.userId + "_" + component : component;
|
|
294
361
|
finalQuery = [].concat(finalQuery, [{
|
|
295
|
-
preference:
|
|
362
|
+
preference: preference
|
|
296
363
|
}, currentQuery]);
|
|
297
364
|
}
|
|
298
365
|
}
|
|
@@ -318,10 +385,15 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
318
385
|
if (response.aggregations) {
|
|
319
386
|
var _extends4;
|
|
320
387
|
|
|
321
|
-
aggregations = _rollupPluginBabelHelpers._extends(
|
|
388
|
+
aggregations = _rollupPluginBabelHelpers._extends({}, aggregations, (_extends4 = {}, _extends4[component] = response.aggregations, _extends4));
|
|
389
|
+
compositeAggregations = compositeAggsReducer(compositeAggregations, {
|
|
390
|
+
type: constants$1.UPDATE_COMPOSITE_AGGS,
|
|
391
|
+
aggregations: response.aggregations,
|
|
392
|
+
append: false
|
|
393
|
+
});
|
|
322
394
|
}
|
|
323
395
|
|
|
324
|
-
hits = _rollupPluginBabelHelpers._extends(
|
|
396
|
+
hits = _rollupPluginBabelHelpers._extends({}, hits, (_extends5 = {}, _extends5[component] = {
|
|
325
397
|
hits: response.hits.hits,
|
|
326
398
|
total: typeof response.hits.total === 'object' ? response.hits.total.value : response.hits.total,
|
|
327
399
|
time: response.took
|
|
@@ -333,7 +405,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
333
405
|
});
|
|
334
406
|
});
|
|
335
407
|
Promise.all(allPromises).then(function () {
|
|
336
|
-
state = _rollupPluginBabelHelpers._extends(
|
|
408
|
+
state = _rollupPluginBabelHelpers._extends({}, state, {
|
|
337
409
|
hits: hits,
|
|
338
410
|
aggregations: aggregations
|
|
339
411
|
});
|
|
@@ -345,6 +417,8 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
345
417
|
var promotedResults = {};
|
|
346
418
|
var rawData = {};
|
|
347
419
|
var customData = {};
|
|
420
|
+
var settingsResponse = {};
|
|
421
|
+
var timestamp = {};
|
|
348
422
|
var allPromises = orderOfQueries.map(function (component) {
|
|
349
423
|
return new Promise(function (responseResolve, responseReject) {
|
|
350
424
|
handleTransformResponse(res[component], component).then(function (response) {
|
|
@@ -353,7 +427,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
353
427
|
|
|
354
428
|
if (response.promoted) {
|
|
355
429
|
promotedResults[component] = response.promoted.map(function (promoted) {
|
|
356
|
-
return _rollupPluginBabelHelpers._extends(
|
|
430
|
+
return _rollupPluginBabelHelpers._extends({}, promoted.doc, {
|
|
357
431
|
_position: promoted.position
|
|
358
432
|
});
|
|
359
433
|
});
|
|
@@ -363,15 +437,21 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
363
437
|
|
|
364
438
|
if (response.customData) {
|
|
365
439
|
customData[component] = response.customData;
|
|
440
|
+
} // Update settings
|
|
441
|
+
|
|
442
|
+
|
|
443
|
+
if (response.settings) {
|
|
444
|
+
settingsResponse[component] = response.settings;
|
|
366
445
|
}
|
|
367
446
|
|
|
368
447
|
if (response.aggregations) {
|
|
369
448
|
var _extends6;
|
|
370
449
|
|
|
371
|
-
aggregations = _rollupPluginBabelHelpers._extends(
|
|
450
|
+
aggregations = _rollupPluginBabelHelpers._extends({}, aggregations, (_extends6 = {}, _extends6[component] = response.aggregations, _extends6));
|
|
372
451
|
}
|
|
373
452
|
|
|
374
|
-
|
|
453
|
+
timestamp[component] = res._timestamp;
|
|
454
|
+
hits = _rollupPluginBabelHelpers._extends({}, hits, (_extends7 = {}, _extends7[component] = {
|
|
375
455
|
hits: response.hits.hits,
|
|
376
456
|
total: typeof response.hits.total === 'object' ? response.hits.total.value : response.hits.total,
|
|
377
457
|
time: response.took
|
|
@@ -384,10 +464,13 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
384
464
|
});
|
|
385
465
|
});
|
|
386
466
|
Promise.all(allPromises).then(function () {
|
|
387
|
-
state = _rollupPluginBabelHelpers._extends(
|
|
467
|
+
state = _rollupPluginBabelHelpers._extends({}, state, {
|
|
388
468
|
hits: hits,
|
|
469
|
+
timestamp: timestamp,
|
|
389
470
|
aggregations: aggregations,
|
|
471
|
+
compositeAggregations: compositeAggregations,
|
|
390
472
|
promotedResults: promotedResults,
|
|
473
|
+
settings: settingsResponse,
|
|
391
474
|
customData: customData,
|
|
392
475
|
rawData: rawData
|
|
393
476
|
});
|
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;
|