@appbaseio/reactivesearch-vue 1.16.0-alpha.20 → 1.16.0-alpha.24

package/dist/cjs/initReactivesearch.js

@@ -17,6 +17,7 @@ var fetchGraphQL = _interopDefault(require('@appbaseio/reactivecore/lib/utils/gr
 var utils = require('@appbaseio/reactivecore/lib/actions/utils');
 
 var _excluded = ["aggs", "size"];
+var X_SEARCH_CLIENT = 'ReactiveSearch Vue';
 var componentsWithHighlightQuery = [constants.componentTypes.dataSearch, constants.componentTypes.categorySearch];
 var componentsWithOptions = [constants.componentTypes.reactiveList, constants.componentTypes.reactiveMap, constants.componentTypes.singleList, constants.componentTypes.multiList, constants.componentTypes.tagCloud].concat(componentsWithHighlightQuery);
 var componentsWithoutFilters = [constants.componentTypes.numberBox, constants.componentTypes.ratingsFilter];
@@ -74,6 +75,14 @@ function getQuery(component, value, componentType) {
 function initReactivesearch(componentCollection, searchState, settings) {
   return new Promise(function (resolve, reject) {
     var credentials = settings.url && settings.url.trim() !== '' && !settings.credentials ? null : settings.credentials;
+    var enableTelemetry = settings.appbaseConfig && settings.appbaseConfig.enableTelemetry !== undefined ? settings.appbaseConfig.enableTelemetry : true;
+
+    var headers = _rollupPluginBabelHelpers._extends({}, settings.enableAppbase && _rollupPluginBabelHelpers._extends({
+      'X-Search-Client': X_SEARCH_CLIENT
+    }, enableTelemetry === false && {
+      'X-Enable-Telemetry': false
+    }), settings.headers);
+
     var config = {
       url: settings.url && settings.url.trim() !== '' ? settings.url : 'https://scalr.api.appbase.io',
       app: settings.app,
@@ -82,7 +91,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
       type: settings.type ? settings.type : '*',
       transformResponse: settings.transformResponse || null,
       graphQLUrl: settings.graphQLUrl || '',
-      headers: settings.headers || {},
+      headers: headers,
       analyticsConfig: settings.appbaseConfig || null
     };
     var appbaseRef = Appbase(config);
@@ -304,8 +313,9 @@ function initReactivesearch(componentCollection, searchState, settings) {
             appbaseQuery = _rollupPluginBabelHelpers._extends({}, appbaseQuery, (_extends3 = {}, _extends3[component.componentId] = query, _extends3), transform.getDependentQueries(state, component.componentId, orderOfQueries));
           }
         } else {
+          var preference = config && config.analyticsConfig && config.analyticsConfig.userId ? config.analyticsConfig.userId + "_" + component : component;
           finalQuery = [].concat(finalQuery, [{
-            preference: component.componentId
+            preference: preference
           }, currentQuery]);
         }
       }

package/dist/cjs/install.js

@@ -10,13 +10,13 @@ require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 require('./Button-d2f1aeda.js');
-require('./vueTypes-c21f265b.js');
-require('./Pagination-96c06392.js');
+require('./vueTypes-409348b0.js');
+require('./Pagination-d4dbfd5a.js');
 var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-require('./index-9e4adbb3.js');
-require('./ComponentWrapper-d7d87585.js');
+require('./index-2a8358cd.js');
+require('./ComponentWrapper-ab813390.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
 require('./Title-39765ee6.js');
 require('./ListItem-933c27e4.js');
@@ -38,7 +38,7 @@ require('./FormControlList-73497794.js');
 require('./utils-23afb20b.js');
 var SingleList = require('./SingleList.js');
 var MultiList = require('./MultiList.js');
-require('./DropDown-35d1472d.js');
+require('./DropDown-d3c78c41.js');
 var SingleDropdownList = require('./SingleDropdownList.js');
 var MultiDropdownList = require('./MultiDropdownList.js');
 var ToggleButton = require('./ToggleButton.js');

package/dist/cjs/version.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.16.0-alpha.20";
+var version = "1.16.0-alpha.24";
 
 exports.default = version;

package/dist/cjs/{vueTypes-c21f265b.js → vueTypes-409348b0.js}

@@ -123,8 +123,9 @@ var types = {
     emptyQuery: VueTypes.bool,
     suggestionAnalytics: VueTypes.bool,
     userId: VueTypes.string,
-    customEvents: VueTypes.object
-  })
+    customEvents: VueTypes.object,
+    enableTelemetry: VueTypes.bool.def(true)
+  }).def({})
 };
 
 exports.types = types;

package/dist/es/{ComponentWrapper-66d3e6b8.js → ComponentWrapper-459505fd.js}

@@ -3,7 +3,7 @@ import { a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { getInternalComponentID } from '@appbaseio/reactivecore/lib/utils/transform';
-import { c as connect, b as getCamelCase, d as getValidPropsKeys } from './index-f5d9c5c6.js';
+import { c as connect, b as getCamelCase, d as getValidPropsKeys } from './index-4755c9a0.js';
 
 var addComponent = Actions.addComponent,
     removeComponent = Actions.removeComponent,

package/dist/es/DataSearch.js

@@ -5,11 +5,11 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import styled, { css, cx, injectGlobal } from '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-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-f5d9c5c6.js';
-import { C as ComponentWrapper } from './ComponentWrapper-66d3e6b8.js';
+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-4755c9a0.js';
+import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
 import { T as Title } from './Title-579f8d6c.js';
 import { F as Flex } from './Flex-aac91505.js';
 import { getQueryOptions } from '@appbaseio/reactivecore/lib/utils/helper';
@@ -1491,7 +1491,7 @@ var DataSearch = {
       if (event.key === 'Enter' && highlightedIndex === null) {
         this.setValue(event.target.value, true);
         this.onValueSelectedHandler(event.target.value, causes.ENTER_PRESS);
-      } // TODO: Remove camelCase events in 2.0
+      } // Need to review
 
 
       this.$emit('keyDown', event, this.triggerQuery);

package/dist/es/{DropDown-ece64867.js → DropDown-8894cc22.js}

@@ -3,8 +3,8 @@ import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPlugin
 import VueTypes from 'vue-types';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-98d938a9.js';
-import { a as isFunction } from './index-f5d9c5c6.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
+import { a as isFunction } from './index-4755c9a0.js';
 import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-d8519224.js';
 import { D as Downshift } from './DownShift-e7ccf2a7.js';
 

package/dist/es/DynamicRangeSlider.js

@@ -3,9 +3,9 @@ import { a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import 'redux';
-import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-f5d9c5c6.js';
+import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';
 import { T as Title } from './Title-579f8d6c.js';
 import { C as Container } from './Container-4383c6f0.js';
 import NoSSR from 'vue-no-ssr';

package/dist/es/MultiDropdownList.js

@@ -6,18 +6,18 @@ import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import { l as loadMoreContainer, B as Button } from './Button-799185e2.js';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-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-f5d9c5c6.js';
-import { C as ComponentWrapper } from './ComponentWrapper-66d3e6b8.js';
+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-4755c9a0.js';
+import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
 import { T as Title } from './Title-579f8d6c.js';
 import './Input-d8519224.js';
 import 'compute-scroll-into-view';
 import './DownShift-e7ccf2a7.js';
 import { C as Container } from './Container-4383c6f0.js';
 import { g as getAggsQuery } from './utils-3a32e13f.js';
-import { D as Dropdown } from './DropDown-ece64867.js';
+import { D as Dropdown } from './DropDown-8894cc22.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,

package/dist/es/MultiList.js

@@ -5,11 +5,11 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-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-f5d9c5c6.js';
-import { C as ComponentWrapper } from './ComponentWrapper-66d3e6b8.js';
+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-4755c9a0.js';
+import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
 import { T as Title } from './Title-579f8d6c.js';
 import { I as Input } from './Input-d8519224.js';
 import { C as Container } from './Container-4383c6f0.js';

package/dist/es/MultiRange.js

@@ -5,11 +5,11 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { o as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-f5d9c5c6.js';
-import { C as ComponentWrapper } from './ComponentWrapper-66d3e6b8.js';
+import { o as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';
+import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
 import { T as Title } from './Title-579f8d6c.js';
 import { C as Container } from './Container-4383c6f0.js';
 import { U as UL, C as Checkbox } from './FormControlList-fe389a2e.js';

package/dist/es/{Pagination-f8d7a011.js → Pagination-a2ab7fcb.js}

@@ -1,7 +1,7 @@
 import { helper } from '@appbaseio/reactivecore';
 import VueTypes from 'vue-types';
 import { p as pagination, B as Button } from './Button-799185e2.js';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 
 var getClassName = helper.getClassName,
     handleA11yAction = helper.handleA11yAction;

package/dist/es/RangeInput.js

@@ -5,11 +5,11 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect } from './index-f5d9c5c6.js';
-import { C as ComponentWrapper } from './ComponentWrapper-66d3e6b8.js';
+import { c as connect } from './index-4755c9a0.js';
+import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
 import './Title-579f8d6c.js';
 import { F as Flex } from './Flex-aac91505.js';
 import { I as Input } from './Input-d8519224.js';

package/dist/es/RangeSlider.js

@@ -3,11 +3,11 @@ import { a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-f5d9c5c6.js';
-import { C as ComponentWrapper } from './ComponentWrapper-66d3e6b8.js';
+import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';
+import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
 import { T as Title } from './Title-579f8d6c.js';
 import { C as Container } from './Container-4383c6f0.js';
 import NoSSR from 'vue-no-ssr';

package/dist/es/ReactiveBase.js

@@ -3,9 +3,9 @@ import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPlugin
 import VueTypes from 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/constants';
 import styled from '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import 'redux';
-import { c as connect, e as composeThemeObject } from './index-f5d9c5c6.js';
+import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-4755c9a0.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { isEqual as isEqual$1 } from '@appbaseio/reactivecore/lib/utils/helper';
 import { updateAnalyticsConfig } from '@appbaseio/reactivecore/lib/actions/analytics';
@@ -412,6 +412,23 @@ var ReactiveBase = {
       }
     }
   },
+  computed: {
+    getHeaders: function getHeaders() {
+      var _this$$props = this.$props,
+          enableAppbase = _this$$props.enableAppbase,
+          headers = _this$$props.headers,
+          appbaseConfig = _this$$props.appbaseConfig;
+
+      var _ref = appbaseConfig || {},
+          enableTelemetry = _ref.enableTelemetry;
+
+      return _extends({}, enableAppbase && _extends({
+        'X-Search-Client': X_SEARCH_CLIENT
+      }, enableTelemetry === false && {
+        'X-Enable-Telemetry': false
+      }), headers);
+    }
+  },
   methods: {
     updateState: function updateState(props) {
       this.setStore(props);
@@ -464,9 +481,7 @@ var ReactiveBase = {
         } catch (e) {// Do not add to selectedValues if JSON parsing fails.
         }
       });
-      var _props$headers = props.headers,
-          headers = _props$headers === void 0 ? {} : _props$headers,
-          themePreset = props.themePreset;
+      var themePreset = props.themePreset;
       var appbaseRef = Appbase(config);
 
       if (this.$props.transformRequest) {
@@ -487,7 +502,7 @@ var ReactiveBase = {
         appbaseRef: appbaseRef,
         selectedValues: selectedValues,
         urlValues: urlValues,
-        headers: headers
+        headers: this.getHeaders
       }, this.$props.initialState);
 
       this.store = configureStore(initialState);
@@ -496,10 +511,9 @@ var ReactiveBase = {
   render: function render() {
     var h = arguments[0];
     var children = this.$slots["default"];
-    var _this$$props = this.$props,
-        headers = _this$$props.headers,
-        style = _this$$props.style,
-        className = _this$$props.className;
+    var _this$$props2 = this.$props,
+        style = _this$$props2.style,
+        className = _this$$props2.className;
     return h(Provider, {
       "attrs": {
         "store": this.store
@@ -507,7 +521,7 @@ var ReactiveBase = {
     }, [h(URLParamsProvider$1, {
       "attrs": {
         "as": this.$props.as,
-        "headers": headers,
+        "headers": this.getHeaders,
         "className": className,
         "getSearchParams": this.getSearchParams,
         "setSearchParams": this.setSearchParams

package/dist/es/ReactiveComponent.js

@@ -2,11 +2,11 @@ import { Actions, helper } from '@appbaseio/reactivecore';
 import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-f5d9c5c6.js';
-import { C as ComponentWrapper } from './ComponentWrapper-66d3e6b8.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';
+import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
 
 var _excluded = ["options"],
     _excluded2 = ["query"],
@@ -79,9 +79,15 @@ var ReactiveComponent = {
         this.setQueryOptions(componentId, _extends({}, customQueryOptions, this.getAggsQuery()), false);
       } else this.setQueryOptions(componentId, this.getAggsQuery(), false);
 
+      var queryToSet = query || null;
+
+      if (calcCustomQuery && calcCustomQuery.id) {
+        queryToSet = calcCustomQuery;
+      }
+
       this.updateQuery({
         componentId: componentId,
-        query: query,
+        queryToSet: queryToSet,
         value: this.selectedValue || null,
         label: filterLabel,
         showFilter: showFilter,
@@ -95,6 +101,12 @@ var ReactiveComponent = {
 
       if (options) {
         _this.setQueryOptions(props.componentId, _extends({}, options, _this.getAggsQuery()), false);
+      }
+
+      var queryToBeSet = obj.query; // when enableAppbase is true, Backend throws error because of repeated query in request body
+
+      if (obj && obj.query && obj.query.query) {
+        queryToBeSet = obj.query.query;
       } // Update customQuery field for RS API
 
 
@@ -102,7 +114,11 @@ var ReactiveComponent = {
         var customQueryCalc = _extends({}, options);
 
         if (obj && obj.query) {
-          customQueryCalc.query = obj.query;
+          if (obj.query.id) {
+            customQueryCalc = queryToBeSet;
+          } else {
+            customQueryCalc.query = obj.query;
+          }
         }
 
         _this.setCustomQuery(props.componentId, customQueryCalc);
@@ -133,9 +149,15 @@ var ReactiveComponent = {
         this.setQueryOptions(this.internalComponent, _extends({}, queryOptions, this.getAggsQuery()), false);
       } else this.setQueryOptions(this.internalComponent, this.getAggsQuery(), false);
 
+      var queryToSet = query || null;
+
+      if (!queryToSet && this.$defaultQuery && this.$defaultQuery.id) {
+        queryToSet = this.$defaultQuery;
+      }
+
       this.updateQuery({
         componentId: this.internalComponent,
-        query: query || null
+        query: queryToSet
       });
     }
   },
@@ -194,9 +216,15 @@ var ReactiveComponent = {
 
 
         updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, undefined);
+        var queryToSet = query || null;
+
+        if (!queryToSet && this.$defaultQuery && this.$defaultQuery.id) {
+          queryToSet = this.$defaultQuery;
+        }
+
         this.updateQuery({
           componentId: this.internalComponent,
-          query: query || null
+          query: queryToSet
         });
       }
     },
@@ -215,9 +243,15 @@ var ReactiveComponent = {
 
 
         updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, undefined);
+        var queryToSet = query || null;
+
+        if (this.$customQuery && this.$customQuery.id) {
+          queryToSet = this.$customQuery;
+        }
+
         this.updateQuery({
           componentId: componentId,
-          query: query || null
+          query: queryToSet
         });
       }
     }

package/dist/es/ReactiveGoogleMap.js

@@ -6,12 +6,12 @@ import 'emotion';
 import styled, { css } from '@appbaseio/vue-emotion';
 import 'polished';
 import './Button-799185e2.js';
-import { t as types } from './vueTypes-98d938a9.js';
-import { P as Pagination } from './Pagination-f8d7a011.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
+import { P as Pagination } from './Pagination-a2ab7fcb.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, a as isFunction, c as connect } from './index-f5d9c5c6.js';
-import { C as ComponentWrapper } from './ComponentWrapper-66d3e6b8.js';
+import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, a as isFunction, c as connect } from './index-4755c9a0.js';
+import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { C as Checkbox } from './FormControlList-fe389a2e.js';
 import * as GmapMapFull from 'gmap-vue';

package/dist/es/ReactiveList.js

@@ -6,12 +6,12 @@ import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import 'polished';
 import './Button-799185e2.js';
-import { t as types } from './vueTypes-98d938a9.js';
-import { P as Pagination } from './Pagination-f8d7a011.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
+import { P as Pagination } from './Pagination-a2ab7fcb.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-f5d9c5c6.js';
-import { C as ComponentWrapper } from './ComponentWrapper-66d3e6b8.js';
+import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-4755c9a0.js';
+import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import './Title-579f8d6c.js';
 import { c as container } from './ListItem-bdb6d53d.js';
@@ -273,18 +273,17 @@ var ReactiveList = {
     ResultCardsWrapper: ResultCardsWrapper
   },
   data: function data() {
-    var props = this.$props;
     var currentPageState = 0;
+    var defaultPage = this.defaultPage || -1;
 
-    if (props.defaultPage >= 0) {
-      currentPageState = props.defaultPage;
-    } else if (props.currentPage) {
-      currentPageState = Math.max(props.currentPage - 1, 0);
+    if (defaultPage >= 0) {
+      currentPageState = defaultPage;
+    } else if (this.currentPage) {
+      currentPageState = Math.max(this.currentPage - 1, 0);
     }
 
     this.__state = {
-      from: currentPageState * props.size,
-      isLoading: true,
+      from: currentPageState * this.size,
       currentPageState: currentPageState
     };
     return this.__state;
@@ -313,8 +312,10 @@ var ReactiveList = {
       console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
     }
 
-    if (this.defaultPage >= 0) {
-      this.currentPageState = this.defaultPage;
+    var defaultPage = this.defaultPage || -1;
+
+    if (defaultPage >= 0) {
+      this.currentPageState = defaultPage;
       this.from = this.currentPageState * this.$props.size;
     }
 
@@ -782,7 +783,7 @@ var ReactiveList = {
       if (this.stats.numberOfResults) {
         return h("p", {
           "class": resultStats + " " + getClassName(this.$props.innerClass, 'resultStats')
-        }, [this.stats.numberOfResults, " results found in ", this.stats.time, "ms"]);
+        }, [this.stats.numberOfResults, " results found in ", this.stats.time || 0, "ms"]);
       }
 
       return null;
@@ -915,7 +916,7 @@ var ReactiveList = {
       return {
         data: this.withClickIds(filteredResults),
         aggregationData: this.withClickIds(aggregationData || []),
-        promotedData: this.withClickIds(promotedResults),
+        promotedData: this.withClickIds(promotedResults || []),
         rawData: this.rawData,
         resultStats: this.stats,
         customData: customData
@@ -927,7 +928,7 @@ var ReactiveList = {
 
       var data = _extends({
         error: error,
-        loading: isLoading,
+        loading: isLoading || false,
         loadMore: this.loadMore,
         // TODO: Remove in v2
         triggerAnalytics: this.triggerClickAnalytics,
@@ -942,13 +943,13 @@ var ReactiveList = {
 
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
-    defaultPage: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value - 1 || -1,
+    defaultPage: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value - 1,
     hits: state.hits[props.componentId] && state.hits[props.componentId].hits,
     rawData: state.rawData[props.componentId],
-    aggregationData: state.compositeAggregations[props.componentId] || [],
-    promotedResults: state.promotedResults[props.componentId] || [],
+    aggregationData: state.compositeAggregations[props.componentId],
+    promotedResults: state.promotedResults[props.componentId],
     customData: state.customData[props.componentId],
-    time: state.hits[props.componentId] && state.hits[props.componentId].time || 0,
+    time: state.hits[props.componentId] && state.hits[props.componentId].time,
     total: state.hits[props.componentId] && state.hits[props.componentId].total,
     hidden: state.hits[props.componentId] && state.hits[props.componentId].hidden,
     analytics: state.config && state.config.analytics,
@@ -957,7 +958,7 @@ var mapStateToProps = function mapStateToProps(state, props) {
     error: state.error[props.componentId],
     afterKey: state.aggregations[props.componentId] && state.aggregations[props.componentId][props.aggregationField] && state.aggregations[props.componentId][props.aggregationField].after_key,
     componentProps: state.props[props.componentId],
-    isLoading: state.isLoading[props.componentId] || false
+    isLoading: state.isLoading[props.componentId]
   };
 };
 

package/dist/es/ResultCard.js

@@ -3,7 +3,7 @@ import VueTypes from 'vue-types';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { T as Title } from './Title-579f8d6c.js';
 import { I as Image, C as Card } from './Card-04b3c33e.js';

package/dist/es/ResultList.js

@@ -3,7 +3,7 @@ import VueTypes from 'vue-types';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { T as Title } from './Title-579f8d6c.js';
 import { I as Image, L as ListItem } from './ListItem-bdb6d53d.js';

package/dist/es/SelectedFilters.js

@@ -6,9 +6,9 @@ import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import { f as filters, B as Button } from './Button-799185e2.js';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import 'redux';
-import { c as connect } from './index-f5d9c5c6.js';
+import { c as connect } from './index-4755c9a0.js';
 import { T as Title } from './Title-579f8d6c.js';
 import { C as Container } from './Container-4383c6f0.js';
 

package/dist/es/SingleDropdownList.js

@@ -6,18 +6,18 @@ import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import { l as loadMoreContainer, B as Button } from './Button-799185e2.js';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, h as hasCustomRenderer, c as connect } from './index-f5d9c5c6.js';
-import { C as ComponentWrapper } from './ComponentWrapper-66d3e6b8.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, h as hasCustomRenderer, c as connect } from './index-4755c9a0.js';
+import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
 import { T as Title } from './Title-579f8d6c.js';
 import './Input-d8519224.js';
 import 'compute-scroll-into-view';
 import './DownShift-e7ccf2a7.js';
 import { C as Container } from './Container-4383c6f0.js';
 import { g as getAggsQuery } from './utils-3a32e13f.js';
-import { D as Dropdown } from './DropDown-ece64867.js';
+import { D as Dropdown } from './DropDown-8894cc22.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,

package/dist/es/SingleList.js

@@ -5,11 +5,11 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-a9b9d5c9.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-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-f5d9c5c6.js';
-import { C as ComponentWrapper } from './ComponentWrapper-66d3e6b8.js';
+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-4755c9a0.js';
+import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
 import { T as Title } from './Title-579f8d6c.js';
 import { I as Input } from './Input-d8519224.js';
 import { C as Container } from './Container-4383c6f0.js';