@appbaseio/reactivesearch-vue 1.22.3 → 1.23.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/dist/@appbaseio/reactivesearch-vue.umd.js +166 -1048
  2. package/dist/@appbaseio/reactivesearch-vue.umd.js.map +1 -1
  3. package/dist/@appbaseio/reactivesearch-vue.umd.min.js +5 -5
  4. package/dist/@appbaseio/reactivesearch-vue.umd.min.js.map +1 -1
  5. package/dist/cjs/{ComponentWrapper-1ed41dcf.js → ComponentWrapper-32481890.js} +1 -1
  6. package/dist/cjs/DataSearch.js +3 -3
  7. package/dist/cjs/{DropDown-bcc46b94.js → DropDown-59a7971b.js} +2 -2
  8. package/dist/cjs/DynamicRangeSlider.js +2 -2
  9. package/dist/cjs/MultiDropdownList.js +4 -4
  10. package/dist/cjs/MultiList.js +3 -3
  11. package/dist/cjs/MultiRange.js +3 -3
  12. package/dist/cjs/RangeInput.js +3 -3
  13. package/dist/cjs/RangeSlider.js +3 -3
  14. package/dist/cjs/ReactiveBase.js +25 -11
  15. package/dist/cjs/ReactiveComponent.js +42 -8
  16. package/dist/cjs/ReactiveList.js +21 -20
  17. package/dist/cjs/ResultCard.js +1 -1
  18. package/dist/cjs/ResultList.js +1 -1
  19. package/dist/cjs/SelectedFilters.js +2 -2
  20. package/dist/cjs/SingleDropdownList.js +4 -4
  21. package/dist/cjs/SingleList.js +3 -3
  22. package/dist/cjs/SingleRange.js +3 -3
  23. package/dist/cjs/StateProvider.js +2 -2
  24. package/dist/cjs/ToggleButton.js +3 -3
  25. package/dist/cjs/{index-1eb968bc.js → index-89c39a9e.js} +2 -0
  26. package/dist/cjs/index.js +4 -4
  27. package/dist/cjs/initReactivesearch.js +12 -2
  28. package/dist/cjs/install.js +4 -4
  29. package/dist/cjs/version.js +1 -1
  30. package/dist/cjs/{vueTypes-6ab522d8.js → vueTypes-22b4fd3a.js} +3 -2
  31. package/dist/es/{ComponentWrapper-a2877896.js → ComponentWrapper-4f85a67e.js} +1 -1
  32. package/dist/es/DataSearch.js +3 -3
  33. package/dist/es/{DropDown-0463bae0.js → DropDown-db7fe433.js} +2 -2
  34. package/dist/es/DynamicRangeSlider.js +2 -2
  35. package/dist/es/MultiDropdownList.js +4 -4
  36. package/dist/es/MultiList.js +3 -3
  37. package/dist/es/MultiRange.js +3 -3
  38. package/dist/es/RangeInput.js +3 -3
  39. package/dist/es/RangeSlider.js +3 -3
  40. package/dist/es/ReactiveBase.js +25 -11
  41. package/dist/es/ReactiveComponent.js +42 -8
  42. package/dist/es/ReactiveList.js +21 -20
  43. package/dist/es/ResultCard.js +1 -1
  44. package/dist/es/ResultList.js +1 -1
  45. package/dist/es/SelectedFilters.js +2 -2
  46. package/dist/es/SingleDropdownList.js +4 -4
  47. package/dist/es/SingleList.js +3 -3
  48. package/dist/es/SingleRange.js +3 -3
  49. package/dist/es/StateProvider.js +2 -2
  50. package/dist/es/ToggleButton.js +3 -3
  51. package/dist/es/{index-7cb59e1a.js → index-cb1950b6.js} +2 -1
  52. package/dist/es/index.js +4 -4
  53. package/dist/es/initReactivesearch.js +13 -3
  54. package/dist/es/install.js +4 -4
  55. package/dist/es/version.js +1 -1
  56. package/dist/es/{vueTypes-f14e68c1.js → vueTypes-e89c8a3c.js} +3 -2
  57. package/package.json +80 -80
@@ -10,12 +10,12 @@ require('emotion');
10
10
  require('@appbaseio/vue-emotion');
11
11
  require('polished');
12
12
  require('./Button-11307285.js');
13
- require('./vueTypes-6ab522d8.js');
13
+ require('./vueTypes-22b4fd3a.js');
14
14
  var ReactiveList = require('./ReactiveList.js');
15
15
  require('@appbaseio/reactivecore/lib/utils/transform');
16
16
  require('redux');
17
- require('./index-1eb968bc.js');
18
- require('./ComponentWrapper-1ed41dcf.js');
17
+ require('./index-89c39a9e.js');
18
+ require('./ComponentWrapper-32481890.js');
19
19
  require('@vue/babel-helper-vue-jsx-merge-props');
20
20
  require('./Title-584a8cc8.js');
21
21
  require('./ListItem-b40adb04.js');
@@ -37,7 +37,7 @@ require('./FormControlList-808dbcef.js');
37
37
  require('./utils-1219e1fe.js');
38
38
  var SingleList = require('./SingleList.js');
39
39
  var MultiList = require('./MultiList.js');
40
- require('./DropDown-bcc46b94.js');
40
+ require('./DropDown-59a7971b.js');
41
41
  var SingleDropdownList = require('./SingleDropdownList.js');
42
42
  var MultiDropdownList = require('./MultiDropdownList.js');
43
43
  var ToggleButton = require('./ToggleButton.js');
@@ -2,6 +2,6 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var version = "1.22.3";
5
+ var version = "1.23.3";
6
6
 
7
7
  exports.default = version;
@@ -112,8 +112,9 @@ var types = {
112
112
  emptyQuery: VueTypes.bool,
113
113
  suggestionAnalytics: VueTypes.bool,
114
114
  userId: VueTypes.string,
115
- customEvents: VueTypes.object
116
- })
115
+ customEvents: VueTypes.object,
116
+ enableTelemetry: VueTypes.bool.def(true)
117
+ }).def({})
117
118
  };
118
119
 
119
120
  exports.types = types;
@@ -3,7 +3,7 @@ import { a as _extends } from './_rollupPluginBabelHelpers-0f24d612.js';
3
3
  import VueTypes from 'vue-types';
4
4
  import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
5
5
  import { getInternalComponentID } from '@appbaseio/reactivecore/lib/utils/transform';
6
- import { c as connect, b as getCamelCase, d as getValidPropsKeys } from './index-7cb59e1a.js';
6
+ import { c as connect, b as getCamelCase, d as getValidPropsKeys } from './index-cb1950b6.js';
7
7
 
8
8
  var addComponent = Actions.addComponent,
9
9
  removeComponent = Actions.removeComponent,
@@ -5,11 +5,11 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
5
5
  import 'emotion';
6
6
  import styled, { css, cx, injectGlobal } from '@appbaseio/vue-emotion';
7
7
  import 'polished';
8
- import { t as types } from './vueTypes-f14e68c1.js';
8
+ import { t as types } from './vueTypes-e89c8a3c.js';
9
9
  import '@appbaseio/reactivecore/lib/utils/transform';
10
10
  import 'redux';
11
- import { g as getComponent, h as hasCustomRenderer, f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, j as getQuerySuggestionsComponent, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, m as hasQuerySuggestionsRenderer, c as connect } from './index-7cb59e1a.js';
12
- import { C as ComponentWrapper } from './ComponentWrapper-a2877896.js';
11
+ import { g as getComponent, h as hasCustomRenderer, f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, j as getQuerySuggestionsComponent, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, m as hasQuerySuggestionsRenderer, c as connect } from './index-cb1950b6.js';
12
+ import { C as ComponentWrapper } from './ComponentWrapper-4f85a67e.js';
13
13
  import { T as Title } from './Title-3522ff56.js';
14
14
  import { F as Flex } from './Flex-8770345d.js';
15
15
  import { getQueryOptions } from '@appbaseio/reactivecore/lib/utils/helper';
@@ -3,8 +3,8 @@ import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPlugin
3
3
  import VueTypes from 'vue-types';
4
4
  import { css } from 'emotion';
5
5
  import styled from '@appbaseio/vue-emotion';
6
- import { t as types } from './vueTypes-f14e68c1.js';
7
- import { a as isFunction } from './index-7cb59e1a.js';
6
+ import { t as types } from './vueTypes-e89c8a3c.js';
7
+ import { a as isFunction } from './index-cb1950b6.js';
8
8
  import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-08bb1bcf.js';
9
9
  import { D as Downshift } from './DownShift-3558d402.js';
10
10
 
@@ -3,9 +3,9 @@ import { a as _extends } from './_rollupPluginBabelHelpers-0f24d612.js';
3
3
  import VueTypes from 'vue-types';
4
4
  import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
5
5
  import '@appbaseio/vue-emotion';
6
- import { t as types } from './vueTypes-f14e68c1.js';
6
+ import { t as types } from './vueTypes-e89c8a3c.js';
7
7
  import 'redux';
8
- import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-7cb59e1a.js';
8
+ import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-cb1950b6.js';
9
9
  import { T as Title } from './Title-3522ff56.js';
10
10
  import { C as Container } from './Container-18b03fde.js';
11
11
  import NoSSR from 'vue-no-ssr';
@@ -6,18 +6,18 @@ import 'emotion';
6
6
  import '@appbaseio/vue-emotion';
7
7
  import 'polished';
8
8
  import { l as loadMoreContainer, B as Button } from './Button-91561391.js';
9
- import { t as types } from './vueTypes-f14e68c1.js';
9
+ import { t as types } from './vueTypes-e89c8a3c.js';
10
10
  import '@appbaseio/reactivecore/lib/utils/transform';
11
11
  import 'redux';
12
- import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-7cb59e1a.js';
13
- import { C as ComponentWrapper } from './ComponentWrapper-a2877896.js';
12
+ import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-cb1950b6.js';
13
+ import { C as ComponentWrapper } from './ComponentWrapper-4f85a67e.js';
14
14
  import { T as Title } from './Title-3522ff56.js';
15
15
  import './Input-08bb1bcf.js';
16
16
  import 'compute-scroll-into-view';
17
17
  import './DownShift-3558d402.js';
18
18
  import { C as Container } from './Container-18b03fde.js';
19
19
  import { g as getAggsQuery } from './utils-64a2e5f0.js';
20
- import { D as Dropdown } from './DropDown-0463bae0.js';
20
+ import { D as Dropdown } from './DropDown-db7fe433.js';
21
21
 
22
22
  var updateQuery = Actions.updateQuery,
23
23
  setQueryOptions = Actions.setQueryOptions,
@@ -5,11 +5,11 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
5
5
  import 'emotion';
6
6
  import '@appbaseio/vue-emotion';
7
7
  import 'polished';
8
- import { t as types } from './vueTypes-f14e68c1.js';
8
+ import { t as types } from './vueTypes-e89c8a3c.js';
9
9
  import '@appbaseio/reactivecore/lib/utils/transform';
10
10
  import 'redux';
11
- import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, n as isEvent, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-7cb59e1a.js';
12
- import { C as ComponentWrapper } from './ComponentWrapper-a2877896.js';
11
+ import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, n as isEvent, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-cb1950b6.js';
12
+ import { C as ComponentWrapper } from './ComponentWrapper-4f85a67e.js';
13
13
  import { T as Title } from './Title-3522ff56.js';
14
14
  import { I as Input } from './Input-08bb1bcf.js';
15
15
  import { C as Container } from './Container-18b03fde.js';
@@ -5,11 +5,11 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
5
5
  import 'emotion';
6
6
  import '@appbaseio/vue-emotion';
7
7
  import 'polished';
8
- import { t as types } from './vueTypes-f14e68c1.js';
8
+ import { t as types } from './vueTypes-e89c8a3c.js';
9
9
  import '@appbaseio/reactivecore/lib/utils/transform';
10
10
  import 'redux';
11
- import { o as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-7cb59e1a.js';
12
- import { C as ComponentWrapper } from './ComponentWrapper-a2877896.js';
11
+ import { o as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-cb1950b6.js';
12
+ import { C as ComponentWrapper } from './ComponentWrapper-4f85a67e.js';
13
13
  import { T as Title } from './Title-3522ff56.js';
14
14
  import { C as Container } from './Container-18b03fde.js';
15
15
  import { U as UL, C as Checkbox } from './FormControlList-704f8dee.js';
@@ -5,11 +5,11 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
5
5
  import { css } from 'emotion';
6
6
  import styled from '@appbaseio/vue-emotion';
7
7
  import 'polished';
8
- import { t as types } from './vueTypes-f14e68c1.js';
8
+ import { t as types } from './vueTypes-e89c8a3c.js';
9
9
  import '@appbaseio/reactivecore/lib/utils/transform';
10
10
  import 'redux';
11
- import { c as connect } from './index-7cb59e1a.js';
12
- import { C as ComponentWrapper } from './ComponentWrapper-a2877896.js';
11
+ import { c as connect } from './index-cb1950b6.js';
12
+ import { C as ComponentWrapper } from './ComponentWrapper-4f85a67e.js';
13
13
  import './Title-3522ff56.js';
14
14
  import { F as Flex } from './Flex-8770345d.js';
15
15
  import { I as Input } from './Input-08bb1bcf.js';
@@ -3,11 +3,11 @@ import { a as _extends } from './_rollupPluginBabelHelpers-0f24d612.js';
3
3
  import VueTypes from 'vue-types';
4
4
  import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
5
5
  import '@appbaseio/vue-emotion';
6
- import { t as types } from './vueTypes-f14e68c1.js';
6
+ import { t as types } from './vueTypes-e89c8a3c.js';
7
7
  import '@appbaseio/reactivecore/lib/utils/transform';
8
8
  import 'redux';
9
- import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-7cb59e1a.js';
10
- import { C as ComponentWrapper } from './ComponentWrapper-a2877896.js';
9
+ import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-cb1950b6.js';
10
+ import { C as ComponentWrapper } from './ComponentWrapper-4f85a67e.js';
11
11
  import { T as Title } from './Title-3522ff56.js';
12
12
  import { C as Container } from './Container-18b03fde.js';
13
13
  import NoSSR from 'vue-no-ssr';
@@ -3,9 +3,9 @@ import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPlugin
3
3
  import VueTypes from 'vue-types';
4
4
  import '@appbaseio/reactivecore/lib/utils/constants';
5
5
  import styled from '@appbaseio/vue-emotion';
6
- import { t as types } from './vueTypes-f14e68c1.js';
6
+ import { t as types } from './vueTypes-e89c8a3c.js';
7
7
  import 'redux';
8
- import { c as connect, e as composeThemeObject } from './index-7cb59e1a.js';
8
+ import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-cb1950b6.js';
9
9
  import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
10
10
  import { isEqual as isEqual$1 } from '@appbaseio/reactivecore/lib/utils/helper';
11
11
  import { updateAnalyticsConfig } from '@appbaseio/reactivecore/lib/actions/analytics';
@@ -412,6 +412,23 @@ var ReactiveBase = {
412
412
  }
413
413
  }
414
414
  },
415
+ computed: {
416
+ getHeaders: function getHeaders() {
417
+ var _this$$props = this.$props,
418
+ enableAppbase = _this$$props.enableAppbase,
419
+ headers = _this$$props.headers,
420
+ appbaseConfig = _this$$props.appbaseConfig;
421
+
422
+ var _ref = appbaseConfig || {},
423
+ enableTelemetry = _ref.enableTelemetry;
424
+
425
+ return _extends({}, enableAppbase && _extends({
426
+ 'X-Search-Client': X_SEARCH_CLIENT
427
+ }, enableTelemetry === false && {
428
+ 'X-Enable-Telemetry': false
429
+ }), headers);
430
+ }
431
+ },
415
432
  methods: {
416
433
  updateState: function updateState(props) {
417
434
  this.setStore(props);
@@ -464,9 +481,7 @@ var ReactiveBase = {
464
481
  } catch (e) {// Do not add to selectedValues if JSON parsing fails.
465
482
  }
466
483
  });
467
- var _props$headers = props.headers,
468
- headers = _props$headers === void 0 ? {} : _props$headers,
469
- themePreset = props.themePreset;
484
+ var themePreset = props.themePreset;
470
485
  var appbaseRef = Appbase(config);
471
486
 
472
487
  if (this.$props.transformRequest) {
@@ -487,7 +502,7 @@ var ReactiveBase = {
487
502
  appbaseRef: appbaseRef,
488
503
  selectedValues: selectedValues,
489
504
  urlValues: urlValues,
490
- headers: headers
505
+ headers: this.getHeaders
491
506
  }, this.$props.initialState);
492
507
 
493
508
  this.store = configureStore(initialState);
@@ -496,10 +511,9 @@ var ReactiveBase = {
496
511
  render: function render() {
497
512
  var h = arguments[0];
498
513
  var children = this.$slots["default"];
499
- var _this$$props = this.$props,
500
- headers = _this$$props.headers,
501
- style = _this$$props.style,
502
- className = _this$$props.className;
514
+ var _this$$props2 = this.$props,
515
+ style = _this$$props2.style,
516
+ className = _this$$props2.className;
503
517
  return h(Provider, {
504
518
  "attrs": {
505
519
  "store": this.store
@@ -507,7 +521,7 @@ var ReactiveBase = {
507
521
  }, [h(URLParamsProvider$1, {
508
522
  "attrs": {
509
523
  "as": this.$props.as,
510
- "headers": headers,
524
+ "headers": this.getHeaders,
511
525
  "className": className,
512
526
  "getSearchParams": this.getSearchParams,
513
527
  "setSearchParams": this.setSearchParams
@@ -2,11 +2,11 @@ import { Actions, helper } from '@appbaseio/reactivecore';
2
2
  import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-0f24d612.js';
3
3
  import VueTypes from 'vue-types';
4
4
  import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
5
- import { t as types } from './vueTypes-f14e68c1.js';
5
+ import { t as types } from './vueTypes-e89c8a3c.js';
6
6
  import '@appbaseio/reactivecore/lib/utils/transform';
7
7
  import 'redux';
8
- import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-7cb59e1a.js';
9
- import { C as ComponentWrapper } from './ComponentWrapper-a2877896.js';
8
+ import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-cb1950b6.js';
9
+ import { C as ComponentWrapper } from './ComponentWrapper-4f85a67e.js';
10
10
 
11
11
  var _excluded = ["options"],
12
12
  _excluded2 = ["query"],
@@ -79,9 +79,15 @@ var ReactiveComponent = {
79
79
  this.setQueryOptions(componentId, _extends({}, customQueryOptions, this.getAggsQuery()), false);
80
80
  } else this.setQueryOptions(componentId, this.getAggsQuery(), false);
81
81
 
82
+ var queryToSet = query || null;
83
+
84
+ if (calcCustomQuery && calcCustomQuery.id) {
85
+ queryToSet = calcCustomQuery;
86
+ }
87
+
82
88
  this.updateQuery({
83
89
  componentId: componentId,
84
- query: query,
90
+ queryToSet: queryToSet,
85
91
  value: this.selectedValue || null,
86
92
  label: filterLabel,
87
93
  showFilter: showFilter,
@@ -95,6 +101,12 @@ var ReactiveComponent = {
95
101
 
96
102
  if (options) {
97
103
  _this.setQueryOptions(props.componentId, _extends({}, options, _this.getAggsQuery()), false);
104
+ }
105
+
106
+ var queryToBeSet = obj.query; // when enableAppbase is true, Backend throws error because of repeated query in request body
107
+
108
+ if (obj && obj.query && obj.query.query) {
109
+ queryToBeSet = obj.query.query;
98
110
  } // Update customQuery field for RS API
99
111
 
100
112
 
@@ -102,7 +114,11 @@ var ReactiveComponent = {
102
114
  var customQueryCalc = _extends({}, options);
103
115
 
104
116
  if (obj && obj.query) {
105
- customQueryCalc.query = obj.query;
117
+ if (obj.query.id) {
118
+ customQueryCalc = queryToBeSet;
119
+ } else {
120
+ customQueryCalc.query = obj.query;
121
+ }
106
122
  }
107
123
 
108
124
  _this.setCustomQuery(props.componentId, customQueryCalc);
@@ -133,9 +149,15 @@ var ReactiveComponent = {
133
149
  this.setQueryOptions(this.internalComponent, _extends({}, queryOptions, this.getAggsQuery()), false);
134
150
  } else this.setQueryOptions(this.internalComponent, this.getAggsQuery(), false);
135
151
 
152
+ var queryToSet = query || null;
153
+
154
+ if (!queryToSet && this.$defaultQuery && this.$defaultQuery.id) {
155
+ queryToSet = this.$defaultQuery;
156
+ }
157
+
136
158
  this.updateQuery({
137
159
  componentId: this.internalComponent,
138
- query: query || null
160
+ query: queryToSet
139
161
  });
140
162
  }
141
163
  },
@@ -194,9 +216,15 @@ var ReactiveComponent = {
194
216
 
195
217
 
196
218
  updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, undefined);
219
+ var queryToSet = query || null;
220
+
221
+ if (!queryToSet && this.$defaultQuery && this.$defaultQuery.id) {
222
+ queryToSet = this.$defaultQuery;
223
+ }
224
+
197
225
  this.updateQuery({
198
226
  componentId: this.internalComponent,
199
- query: query || null
227
+ query: queryToSet
200
228
  });
201
229
  }
202
230
  },
@@ -215,9 +243,15 @@ var ReactiveComponent = {
215
243
 
216
244
 
217
245
  updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, undefined);
246
+ var queryToSet = query || null;
247
+
248
+ if (this.$customQuery && this.$customQuery.id) {
249
+ queryToSet = this.$customQuery;
250
+ }
251
+
218
252
  this.updateQuery({
219
253
  componentId: componentId,
220
- query: query || null
254
+ query: queryToSet
221
255
  });
222
256
  }
223
257
  }
@@ -6,11 +6,11 @@ import { css } from 'emotion';
6
6
  import styled from '@appbaseio/vue-emotion';
7
7
  import 'polished';
8
8
  import { p as pagination, B as Button } from './Button-91561391.js';
9
- import { t as types } from './vueTypes-f14e68c1.js';
9
+ import { t as types } from './vueTypes-e89c8a3c.js';
10
10
  import '@appbaseio/reactivecore/lib/utils/transform';
11
11
  import 'redux';
12
- import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-7cb59e1a.js';
13
- import { C as ComponentWrapper } from './ComponentWrapper-a2877896.js';
12
+ import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-cb1950b6.js';
13
+ import { C as ComponentWrapper } from './ComponentWrapper-4f85a67e.js';
14
14
  import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
15
15
  import './Title-3522ff56.js';
16
16
  import { c as container } from './ListItem-8e8fb535.js';
@@ -438,18 +438,17 @@ var ReactiveList = {
438
438
  ResultCardsWrapper: ResultCardsWrapper
439
439
  },
440
440
  data: function data() {
441
- var props = this.$props;
442
441
  var currentPageState = 0;
442
+ var defaultPage = this.defaultPage || -1;
443
443
 
444
- if (props.defaultPage >= 0) {
445
- currentPageState = props.defaultPage;
446
- } else if (props.currentPage) {
447
- currentPageState = Math.max(props.currentPage - 1, 0);
444
+ if (defaultPage >= 0) {
445
+ currentPageState = defaultPage;
446
+ } else if (this.currentPage) {
447
+ currentPageState = Math.max(this.currentPage - 1, 0);
448
448
  }
449
449
 
450
450
  this.__state = {
451
- from: currentPageState * props.size,
452
- isLoading: true,
451
+ from: currentPageState * this.size,
453
452
  currentPageState: currentPageState
454
453
  };
455
454
  return this.__state;
@@ -478,8 +477,10 @@ var ReactiveList = {
478
477
  console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
479
478
  }
480
479
 
481
- if (this.defaultPage >= 0) {
482
- this.currentPageState = this.defaultPage;
480
+ var defaultPage = this.defaultPage || -1;
481
+
482
+ if (defaultPage >= 0) {
483
+ this.currentPageState = defaultPage;
483
484
  this.from = this.currentPageState * this.$props.size;
484
485
  }
485
486
 
@@ -947,7 +948,7 @@ var ReactiveList = {
947
948
  if (this.stats.numberOfResults) {
948
949
  return h("p", {
949
950
  "class": resultStats + " " + getClassName$1(this.$props.innerClass, 'resultStats')
950
- }, [this.stats.numberOfResults, " results found in ", this.stats.time, "ms"]);
951
+ }, [this.stats.numberOfResults, " results found in ", this.stats.time || 0, "ms"]);
951
952
  }
952
953
 
953
954
  return null;
@@ -1080,7 +1081,7 @@ var ReactiveList = {
1080
1081
  return {
1081
1082
  data: this.withClickIds(filteredResults),
1082
1083
  aggregationData: this.withClickIds(aggregationData || []),
1083
- promotedData: this.withClickIds(promotedResults),
1084
+ promotedData: this.withClickIds(promotedResults || []),
1084
1085
  rawData: this.rawData,
1085
1086
  resultStats: this.stats,
1086
1087
  customData: customData
@@ -1092,7 +1093,7 @@ var ReactiveList = {
1092
1093
 
1093
1094
  var data = _extends({
1094
1095
  error: error,
1095
- loading: isLoading,
1096
+ loading: isLoading || false,
1096
1097
  loadMore: this.loadMore,
1097
1098
  // TODO: Remove in v2
1098
1099
  triggerAnalytics: this.triggerClickAnalytics,
@@ -1107,13 +1108,13 @@ var ReactiveList = {
1107
1108
 
1108
1109
  var mapStateToProps = function mapStateToProps(state, props) {
1109
1110
  return {
1110
- defaultPage: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value - 1 || -1,
1111
+ defaultPage: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value - 1,
1111
1112
  hits: state.hits[props.componentId] && state.hits[props.componentId].hits,
1112
1113
  rawData: state.rawData[props.componentId],
1113
- aggregationData: state.compositeAggregations[props.componentId] || [],
1114
- promotedResults: state.promotedResults[props.componentId] || [],
1114
+ aggregationData: state.compositeAggregations[props.componentId],
1115
+ promotedResults: state.promotedResults[props.componentId],
1115
1116
  customData: state.customData[props.componentId],
1116
- time: state.hits[props.componentId] && state.hits[props.componentId].time || 0,
1117
+ time: state.hits[props.componentId] && state.hits[props.componentId].time,
1117
1118
  total: state.hits[props.componentId] && state.hits[props.componentId].total,
1118
1119
  hidden: state.hits[props.componentId] && state.hits[props.componentId].hidden,
1119
1120
  analytics: state.config && state.config.analytics,
@@ -1122,7 +1123,7 @@ var mapStateToProps = function mapStateToProps(state, props) {
1122
1123
  error: state.error[props.componentId],
1123
1124
  afterKey: state.aggregations[props.componentId] && state.aggregations[props.componentId][props.aggregationField] && state.aggregations[props.componentId][props.aggregationField].after_key,
1124
1125
  componentProps: state.props[props.componentId],
1125
- isLoading: state.isLoading[props.componentId] || false
1126
+ isLoading: state.isLoading[props.componentId]
1126
1127
  };
1127
1128
  };
1128
1129
 
@@ -3,7 +3,7 @@ import VueTypes from 'vue-types';
3
3
  import 'emotion';
4
4
  import '@appbaseio/vue-emotion';
5
5
  import 'polished';
6
- import { t as types } from './vueTypes-f14e68c1.js';
6
+ import { t as types } from './vueTypes-e89c8a3c.js';
7
7
  import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
8
8
  import { T as Title } from './Title-3522ff56.js';
9
9
  import { I as Image, C as Card } from './Card-6446f1b7.js';
@@ -3,7 +3,7 @@ import VueTypes from 'vue-types';
3
3
  import 'emotion';
4
4
  import '@appbaseio/vue-emotion';
5
5
  import 'polished';
6
- import { t as types } from './vueTypes-f14e68c1.js';
6
+ import { t as types } from './vueTypes-e89c8a3c.js';
7
7
  import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
8
8
  import { T as Title } from './Title-3522ff56.js';
9
9
  import { I as Image, L as ListItem } from './ListItem-8e8fb535.js';
@@ -6,9 +6,9 @@ import 'emotion';
6
6
  import '@appbaseio/vue-emotion';
7
7
  import 'polished';
8
8
  import { f as filters, B as Button } from './Button-91561391.js';
9
- import { t as types } from './vueTypes-f14e68c1.js';
9
+ import { t as types } from './vueTypes-e89c8a3c.js';
10
10
  import 'redux';
11
- import { c as connect } from './index-7cb59e1a.js';
11
+ import { c as connect } from './index-cb1950b6.js';
12
12
  import { T as Title } from './Title-3522ff56.js';
13
13
  import { C as Container } from './Container-18b03fde.js';
14
14
 
@@ -6,18 +6,18 @@ import 'emotion';
6
6
  import '@appbaseio/vue-emotion';
7
7
  import 'polished';
8
8
  import { l as loadMoreContainer, B as Button } from './Button-91561391.js';
9
- import { t as types } from './vueTypes-f14e68c1.js';
9
+ import { t as types } from './vueTypes-e89c8a3c.js';
10
10
  import '@appbaseio/reactivecore/lib/utils/transform';
11
11
  import 'redux';
12
- import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, h as hasCustomRenderer, c as connect } from './index-7cb59e1a.js';
13
- import { C as ComponentWrapper } from './ComponentWrapper-a2877896.js';
12
+ import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, h as hasCustomRenderer, c as connect } from './index-cb1950b6.js';
13
+ import { C as ComponentWrapper } from './ComponentWrapper-4f85a67e.js';
14
14
  import { T as Title } from './Title-3522ff56.js';
15
15
  import './Input-08bb1bcf.js';
16
16
  import 'compute-scroll-into-view';
17
17
  import './DownShift-3558d402.js';
18
18
  import { C as Container } from './Container-18b03fde.js';
19
19
  import { g as getAggsQuery } from './utils-64a2e5f0.js';
20
- import { D as Dropdown } from './DropDown-0463bae0.js';
20
+ import { D as Dropdown } from './DropDown-db7fe433.js';
21
21
 
22
22
  var updateQuery = Actions.updateQuery,
23
23
  setQueryOptions = Actions.setQueryOptions,
@@ -5,11 +5,11 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
5
5
  import 'emotion';
6
6
  import '@appbaseio/vue-emotion';
7
7
  import 'polished';
8
- import { t as types } from './vueTypes-f14e68c1.js';
8
+ import { t as types } from './vueTypes-e89c8a3c.js';
9
9
  import '@appbaseio/reactivecore/lib/utils/transform';
10
10
  import 'redux';
11
- import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, n as isEvent, h as hasCustomRenderer, c as connect } from './index-7cb59e1a.js';
12
- import { C as ComponentWrapper } from './ComponentWrapper-a2877896.js';
11
+ import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, n as isEvent, h as hasCustomRenderer, c as connect } from './index-cb1950b6.js';
12
+ import { C as ComponentWrapper } from './ComponentWrapper-4f85a67e.js';
13
13
  import { T as Title } from './Title-3522ff56.js';
14
14
  import { I as Input } from './Input-08bb1bcf.js';
15
15
  import { C as Container } from './Container-18b03fde.js';
@@ -5,11 +5,11 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
5
5
  import 'emotion';
6
6
  import '@appbaseio/vue-emotion';
7
7
  import 'polished';
8
- import { t as types } from './vueTypes-f14e68c1.js';
8
+ import { t as types } from './vueTypes-e89c8a3c.js';
9
9
  import '@appbaseio/reactivecore/lib/utils/transform';
10
10
  import 'redux';
11
- import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-7cb59e1a.js';
12
- import { C as ComponentWrapper } from './ComponentWrapper-a2877896.js';
11
+ import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-cb1950b6.js';
12
+ import { C as ComponentWrapper } from './ComponentWrapper-4f85a67e.js';
13
13
  import { T as Title } from './Title-3522ff56.js';
14
14
  import { C as Container } from './Container-18b03fde.js';
15
15
  import { U as UL, R as Radio } from './FormControlList-704f8dee.js';
@@ -3,7 +3,7 @@ import { a as _extends } from './_rollupPluginBabelHelpers-0f24d612.js';
3
3
  import VueTypes from 'vue-types';
4
4
  import '@appbaseio/reactivecore/lib/utils/constants';
5
5
  import 'redux';
6
- import { c as connect } from './index-7cb59e1a.js';
6
+ import { c as connect } from './index-cb1950b6.js';
7
7
 
8
8
  var getSearchState = helper.getSearchState;
9
9
  var defaultKeys = ['hits', 'value', 'aggregations', 'error'];
@@ -89,7 +89,7 @@ var StateProvider = {
89
89
  watch: {
90
90
  searchState: function searchState(newVal, oldVal) {
91
91
  if (this.isStateChanged(newVal, oldVal)) {
92
- this.$emit('change', newVal, oldVal);
92
+ this.$emit('change', oldVal, newVal);
93
93
  }
94
94
  },
95
95
  selectedValues: function selectedValues(newVal, oldVal) {
@@ -6,11 +6,11 @@ import 'emotion';
6
6
  import '@appbaseio/vue-emotion';
7
7
  import 'polished';
8
8
  import { B as Button, t as toggleButtons } from './Button-91561391.js';
9
- import { t as types } from './vueTypes-f14e68c1.js';
9
+ import { t as types } from './vueTypes-e89c8a3c.js';
10
10
  import '@appbaseio/reactivecore/lib/utils/transform';
11
11
  import 'redux';
12
- import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-7cb59e1a.js';
13
- import { C as ComponentWrapper } from './ComponentWrapper-a2877896.js';
12
+ import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-cb1950b6.js';
13
+ import { C as ComponentWrapper } from './ComponentWrapper-4f85a67e.js';
14
14
  import { T as Title } from './Title-3522ff56.js';
15
15
  import { C as Container } from './Container-18b03fde.js';
16
16
 
@@ -129,6 +129,7 @@ var connect = function connect() {
129
129
  // storeKey,
130
130
  // });
131
131
 
132
+ var X_SEARCH_CLIENT = 'ReactiveSearch Vue';
132
133
  var composeThemeObject = function composeThemeObject(ownTheme, userTheme) {
133
134
  if (ownTheme === void 0) {
134
135
  ownTheme = {};
@@ -358,4 +359,4 @@ function extractModifierKeysFromFocusShortcuts(focusShortcutsArray) {
358
359
  });
359
360
  }
360
361
 
361
- export { isFunction as a, getCamelCase as b, connect as c, getValidPropsKeys as d, composeThemeObject as e, updateCustomQuery as f, getComponent as g, hasCustomRenderer as h, isQueryIdentical as i, getQuerySuggestionsComponent as j, isEmpty as k, extractModifierKeysFromFocusShortcuts as l, hasQuerySuggestionsRenderer as m, isEvent as n, parseValueArray as o, parseFocusShortcuts as p, updateDefaultQuery as u };
362
+ export { X_SEARCH_CLIENT as X, isFunction as a, getCamelCase as b, connect as c, getValidPropsKeys as d, composeThemeObject as e, updateCustomQuery as f, getComponent as g, hasCustomRenderer as h, isQueryIdentical as i, getQuerySuggestionsComponent as j, isEmpty as k, extractModifierKeysFromFocusShortcuts as l, hasQuerySuggestionsRenderer as m, isEvent as n, parseValueArray as o, parseFocusShortcuts as p, updateDefaultQuery as u };