@appbaseio/reactivesearch-vue 1.34.0-alpha.1 → 1.34.0

package/dist/es/{DropDown-28ddce07.js → DropDown-2c0dd714.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-8986b709.js';
-import { a as isFunction } from './index-0444a498.js';
+import { t as types } from './vueTypes-66ebc93e.js';
+import { a as isFunction } from './index-5509c0bc.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { D as Downshift, b as InputWrapper, a as IconGroup, I as IconWrapper, C as CancelSvg } from './CancelSvg-e40552a5.js';
 import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-c09c0b56.js';

package/dist/es/DynamicRangeSlider.js

@@ -3,10 +3,10 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
 import VueTypes from 'vue-types';
 import '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-8986b709.js';
+import { t as types } from './vueTypes-66ebc93e.js';
 import 'redux';
-import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-0444a498.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
+import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-5509c0bc.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-86a676c8.js';
 import { T as Title } from './Title-863dfa42.js';
 import { C as Container } from './Container-d00219f7.js';
 import NoSSR from 'vue-no-ssr';
@@ -62,6 +62,7 @@ var DynamicRangeSlider = {
   },
   created: function created() {
     var _this = this;
+    this.$timestamp = new Date().getTime();
     var onQueryChange = function onQueryChange() {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
@@ -90,8 +91,8 @@ var DynamicRangeSlider = {
     }
     var value = this.$props.value;
     if (this.destroyOnUnmount || components.indexOf(this.componentId) === -1) {
-      this.addComponent(this.componentId);
-      this.addComponent(this.internalRangeComponent);
+      this.addComponent(this.componentId, this.$timestamp);
+      this.addComponent(this.internalRangeComponent, this.$timestamp);
       if (Array.isArray(this.selectedValue)) {
         this.handleChange(this.selectedValue);
       } else if (this.selectedValue) {
@@ -404,13 +405,16 @@ var mapDispatchtoProps = {
   updateComponentProps: updateComponentProps
 };
 var RangeConnected = PreferencesConsumer(connect(mapStateToProps, mapDispatchtoProps)(DynamicRangeSlider));
+RangeConnected.defaultQuery = DynamicRangeSlider.defaultQuery;
+RangeConnected.parseValue = DynamicRangeSlider.parseValue;
+RangeConnected.hasInternalComponent = DynamicRangeSlider.hasInternalComponent;
 RangeConnected.name = DynamicRangeSlider.name;
-RangeConnected.install = function (Vue) {
-  Vue.component(RangeConnected.name, RangeConnected);
-};
 
 // Add componentType for SSR
 RangeConnected.componentType = componentTypes.dynamicRangeSlider;
+RangeConnected.install = function (Vue) {
+  Vue.component(RangeConnected.name, RangeConnected);
+};
 
 export default RangeConnected;
 export { RangeConnected };

package/dist/es/MultiDropdownList.js

@@ -6,12 +6,12 @@ import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import { l as loadMoreContainer, B as Button } from './Button-153cd885.js';
-import { t as types } from './vueTypes-8986b709.js';
+import { t as types } from './vueTypes-66ebc93e.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, q as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, q as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-5509c0bc.js';
+import { C as ComponentWrapper } from './ComponentWrapper-edaeaceb.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-86a676c8.js';
 import '@vue/babel-helper-vue-jsx-merge-props';
 import { T as Title } from './Title-863dfa42.js';
 import './CancelSvg-e40552a5.js';
@@ -20,7 +20,7 @@ import 'compute-scroll-into-view';
 import { C as Container } from './Container-d00219f7.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import { g as getAggsQuery } from './utils-9e5a16a1.js';
-import { D as Dropdown } from './DropDown-28ddce07.js';
+import { D as Dropdown } from './DropDown-2c0dd714.js';
 
 var updateQuery = Actions.updateQuery,
   setQueryOptions = Actions.setQueryOptions,
@@ -530,12 +530,15 @@ var ListConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps
   internalComponent: MultiDropdownList.hasInternalComponent()
 }));
 ListConnected.name = MultiDropdownList.name;
-ListConnected.install = function (Vue) {
-  Vue.component(ListConnected.name, ListConnected);
-};
 
 // Add componentType for SSR
 ListConnected.componentType = componentTypes.multiDropdownList;
+ListConnected.defaultQuery = MultiDropdownList.defaultQuery;
+ListConnected.generateQueryOptions = MultiDropdownList.generateQueryOptions;
+ListConnected.hasInternalComponent = MultiDropdownList.hasInternalComponent;
+ListConnected.install = function (Vue) {
+  Vue.component(ListConnected.name, ListConnected);
+};
 
 export default ListConnected;
 export { ListConnected };

package/dist/es/MultiList.js

@@ -5,12 +5,12 @@ import VueTypes from 'vue-types';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-8986b709.js';
+import { t as types } from './vueTypes-66ebc93e.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, o as isEvent, q as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, o as isEvent, q as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-5509c0bc.js';
+import { C as ComponentWrapper } from './ComponentWrapper-edaeaceb.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-86a676c8.js';
 import { T as Title } from './Title-863dfa42.js';
 import { I as Input } from './Input-c09c0b56.js';
 import { C as Container } from './Container-d00219f7.js';
@@ -164,7 +164,7 @@ var MultiList = {
       return isFunction(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
     }
     if (!this.hasCustomRenderer && this.modifiedOptions.length === 0 && !this.isLoading) {
-      if (this.renderNoResult) {
+      if (this.renderNoResults) {
         this.renderNoResult();
       } else {
         return null;
@@ -546,12 +546,14 @@ var ListConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps
   internalComponent: MultiList.hasInternalComponent()
 }));
 ListConnected.name = MultiList.name;
+ListConnected.defaultQuery = MultiList.defaultQuery;
+ListConnected.generateQueryOptions = MultiList.generateQueryOptions;
+ListConnected.hasInternalComponent = MultiList.hasInternalComponent;
+// Add componentType for SSR
+ListConnected.componentType = componentTypes.multiList;
 ListConnected.install = function (Vue) {
   Vue.component(ListConnected.name, ListConnected);
 };
 
-// Add componentType for SSR
-ListConnected.componentType = componentTypes.multiList;
-
 export default ListConnected;
 export { ListConnected };

package/dist/es/MultiRange.js

@@ -5,12 +5,12 @@ import VueTypes from 'vue-types';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-8986b709.js';
+import { t as types } from './vueTypes-66ebc93e.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { q as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
+import { q as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-5509c0bc.js';
+import { C as ComponentWrapper } from './ComponentWrapper-edaeaceb.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-86a676c8.js';
 import { T as Title } from './Title-863dfa42.js';
 import { C as Container } from './Container-d00219f7.js';
 import { U as UL, C as Checkbox } from './FormControlList-99797d0a.js';
@@ -278,6 +278,9 @@ var RangeConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProp
   componentType: componentTypes.multiRange
 }));
 RangeConnected.name = MultiRange.name;
+RangeConnected.defaultQuery = MultiRange.defaultQuery;
+RangeConnected.parseValue = MultiRange.parseValue;
+RangeConnected.hasInternalComponent = MultiRange.hasInternalComponent;
 RangeConnected.install = function (Vue) {
   Vue.component(RangeConnected.name, RangeConnected);
 };

package/dist/es/{Pagination-28e56c5c.js → Pagination-edeb7dbe.js}

@@ -1,7 +1,7 @@
 import { helper } from '@appbaseio/reactivecore';
 import VueTypes from 'vue-types';
 import { p as pagination, B as Button } from './Button-153cd885.js';
-import { t as types } from './vueTypes-8986b709.js';
+import { t as types } from './vueTypes-66ebc93e.js';
 
 var getClassName = helper.getClassName,
   handleA11yAction = helper.handleA11yAction;

package/dist/es/{PreferencesConsumer-bc097ebb.js → PreferencesConsumer-86a676c8.js}

@@ -1,5 +1,5 @@
 import { a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
-import { b as getCamelCase } from './index-0444a498.js';
+import { b as getCamelCase } from './index-5509c0bc.js';
 
 var deepValue = function deepValue(o, p) {
   return p.split('.').reduce(function (a, v) {

package/dist/es/RangeInput.js

@@ -5,12 +5,12 @@ import VueTypes from 'vue-types';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-8986b709.js';
+import { t as types } from './vueTypes-66ebc93e.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
+import { c as connect } from './index-5509c0bc.js';
+import { C as ComponentWrapper } from './ComponentWrapper-edaeaceb.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-86a676c8.js';
 import './Title-863dfa42.js';
 import { F as Flex } from './Flex-7c177a10.js';
 import { I as Input } from './Input-c09c0b56.js';

package/dist/es/RangeSlider.js

@@ -3,12 +3,12 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
 import VueTypes from 'vue-types';
 import '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-8986b709.js';
+import { t as types } from './vueTypes-66ebc93e.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
+import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-5509c0bc.js';
+import { C as ComponentWrapper } from './ComponentWrapper-edaeaceb.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-86a676c8.js';
 import { T as Title } from './Title-863dfa42.js';
 import { C as Container } from './Container-d00219f7.js';
 import NoSSR from 'vue-no-ssr';
@@ -260,6 +260,9 @@ var RangeConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProp
   componentType: componentTypes.rangeSlider
 }));
 RangeConnected.name = RangeSlider.name;
+RangeConnected.defaultQuery = RangeSlider.defaultQuery;
+RangeConnected.parseValue = RangeSlider.parseValue;
+RangeConnected.hasInternalComponent = RangeSlider.hasInternalComponent;
 RangeConnected.install = function (Vue) {
   Vue.component(RangeConnected.name, RangeConnected);
 };

package/dist/es/ReactiveBase.js

@@ -4,9 +4,9 @@ import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPlugin
 import VueTypes from 'vue-types';
 import { isEqual as isEqual$1, transformRequestUsingEndpoint } from '@appbaseio/reactivecore/lib/utils/helper';
 import styled from '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-8986b709.js';
+import { t as types } from './vueTypes-66ebc93e.js';
 import 'redux';
-import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-0444a498.js';
+import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-5509c0bc.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { updateAnalyticsConfig } from '@appbaseio/reactivecore/lib/actions/analytics';
 import Appbase from 'appbase-js';
@@ -28,7 +28,7 @@ var Provider = {
     },
     analyticsRef: {
       type: Object,
-      required: true
+      required: false
     }
   },
   provide: function provide() {
@@ -343,7 +343,6 @@ var ReactiveBase = {
     enableAppbase: VueTypes.bool.def(false),
     credentials: types.string,
     headers: types.headers,
-    queryParams: types.string,
     theme: VueTypes.object.def({}),
     themePreset: VueTypes.string.def('light'),
     type: types.string,
@@ -359,7 +358,8 @@ var ReactiveBase = {
     setSearchParams: types.func,
     mongodb: types.mongodb,
     endpoint: types.endpointConfig,
-    preferences: VueTypes.object
+    preferences: VueTypes.object,
+    httpRequestTimeout: VueTypes.number.def(30)
   },
   provide: function provide() {
     return {
@@ -396,6 +396,9 @@ var ReactiveBase = {
     },
     mongodb: function mongodb() {
       this.updateState(this.$props);
+    },
+    httpRequestTimeout: function httpRequestTimeout() {
+      this.updateState(this.$props);
     }
   },
   computed: {
@@ -442,7 +445,8 @@ var ReactiveBase = {
         analytics: props.appbaseConfig ? props.appbaseConfig.recordAnalytics : props.analytics,
         analyticsConfig: props.appbaseConfig,
         mongodb: props.mongodb,
-        endpoint: props.endpoint
+        endpoint: props.endpoint,
+        httpRequestTimeout: (props.httpRequestTimeout || 0) * 1000 || 30000
       };
       var queryParams = '';
       if (typeof window !== 'undefined') {

package/dist/es/ReactiveComponent.js

@@ -1,46 +1,318 @@
-import '@appbaseio/reactivecore';
-import '@appbaseio/reactivecore/lib/utils/constants';
-import './_rollupPluginBabelHelpers-ded08042.js';
-import 'vue-types';
-import '@appbaseio/reactivecore/lib/utils/helper';
-import 'emotion';
-import '@appbaseio/vue-emotion';
-import 'polished';
-import './Button-153cd885.js';
-import './vueTypes-8986b709.js';
-import './Pagination-28e56c5c.js';
-import './ReactiveList.js';
+import { Actions, helper } from '@appbaseio/reactivecore';
+import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
+import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-ded08042.js';
+import VueTypes from 'vue-types';
+import { t as types } from './vueTypes-66ebc93e.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import './index-0444a498.js';
-import './ComponentWrapper-240450cc.js';
-import './PreferencesConsumer-bc097ebb.js';
-import '@vue/babel-helper-vue-jsx-merge-props';
-import './Title-863dfa42.js';
-import './ListItem-07888a65.js';
-import './Card-19ad6d90.js';
-import './Flex-7c177a10.js';
-import 'hotkeys-js';
-import './DataSearch-dcaa106b.js';
-import './CancelSvg-e40552a5.js';
-import './Input-c09c0b56.js';
-import 'compute-scroll-into-view';
-import './Container-d00219f7.js';
-import 'vue-highlight-words';
-export { R as default } from './ReactiveComponent-9352370c.js';
-import '@appbaseio/reactivecore/lib/utils/suggestions';
-import './FormControlList-99797d0a.js';
-import './utils-9e5a16a1.js';
-import './SingleList.js';
-import './MultiList.js';
-import './DropDown-28ddce07.js';
-import './SingleDropdownList.js';
-import './MultiDropdownList.js';
-import './ToggleButton.js';
-import 'vue-no-ssr';
-import './ssr-03607d84.js';
-import './DynamicRangeSlider.js';
-import './SingleRange.js';
-import './MultiRange.js';
-import './RangeSlider.js';
-import './RangeInput.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-5509c0bc.js';
+import { C as ComponentWrapper } from './ComponentWrapper-edaeaceb.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-86a676c8.js';
+
+var _excluded = ["options"];
+var updateQuery = Actions.updateQuery,
+  setQueryOptions = Actions.setQueryOptions,
+  setCustomQuery = Actions.setCustomQuery,
+  setDefaultQuery = Actions.setDefaultQuery;
+var parseHits = helper.parseHits,
+  isEqual = helper.isEqual,
+  getCompositeAggsQuery = helper.getCompositeAggsQuery,
+  getResultStats = helper.getResultStats,
+  extractQueryFromCustomQuery = helper.extractQueryFromCustomQuery,
+  getOptionsForCustomQuery = helper.getOptionsForCustomQuery;
+var ReactiveComponent = {
+  name: 'ReactiveComponent',
+  props: {
+    componentId: types.stringRequired,
+    aggregationField: types.string,
+    aggregationSize: VueTypes.number,
+    size: VueTypes.number,
+    defaultQuery: types.func,
+    customQuery: types.func,
+    filterLabel: types.string,
+    react: types.react,
+    showFilter: VueTypes.bool.def(true),
+    URLParams: VueTypes.bool.def(false),
+    distinctField: types.string,
+    distinctFieldConfig: types.props,
+    index: VueTypes.string,
+    endpoint: types.endpointConfig
+  },
+  created: function created() {
+    var _this = this;
+    var props = this.$props;
+    this.internalComponent = null;
+    this.$defaultQuery = null;
+    // Set custom query in store
+    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.selectedValue);
+    var customQuery = props.customQuery,
+      componentId = props.componentId,
+      filterLabel = props.filterLabel,
+      showFilter = props.showFilter,
+      URLParams = props.URLParams,
+      distinctField = props.distinctField,
+      distinctFieldConfig = props.distinctFieldConfig,
+      index = props.index;
+    if (this.enableAppbase && this.aggregationField && this.aggregationField !== '') {
+      console.warn('Warning(ReactiveSearch): The `aggregationField` prop has been marked as deprecated, please use the `distinctField` prop instead.');
+    }
+    if (!this.enableAppbase && (distinctField || distinctFieldConfig)) {
+      console.warn('Warning(ReactiveSearch): In order to use the `distinctField` and `distinctFieldConfig` props, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
+    }
+    if (!this.enableAppbase && index) {
+      console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
+    }
+    if (customQuery) {
+      var calcCustomQuery = customQuery(this.selectedValue, props);
+      var query = extractQueryFromCustomQuery(calcCustomQuery);
+      var customQueryOptions = calcCustomQuery ? getOptionsForCustomQuery(calcCustomQuery) : null;
+      if (customQueryOptions) {
+        this.setQueryOptions(componentId, _extends({}, customQueryOptions, this.getAggsQuery()), false);
+      } else this.setQueryOptions(componentId, this.getAggsQuery(), false);
+      this.updateQuery({
+        componentId: componentId,
+        query: query,
+        value: this.selectedValue || null,
+        label: filterLabel,
+        showFilter: showFilter,
+        URLParams: URLParams
+      });
+    }
+    this.setQuery = function (_ref) {
+      var options = _ref.options,
+        obj = _objectWithoutPropertiesLoose(_ref, _excluded);
+      var queryToBeSet = obj.query;
+
+      // when enableAppbase is true, Backend throws error because of repeated query in request body
+      if (queryToBeSet && queryToBeSet.query) {
+        queryToBeSet = queryToBeSet.query;
+      }
+      var customQueryCalc = _extends({}, options, {
+        query: queryToBeSet
+      });
+      var rsAPIQuery = customQueryCalc;
+      // handle stored queries
+      if (queryToBeSet && queryToBeSet.id) {
+        rsAPIQuery = queryToBeSet;
+      }
+      // Update customQuery field for RS API
+      _this.setCustomQuery(props.componentId, rsAPIQuery);
+      if (options) {
+        _this.setQueryOptions(props.componentId, _extends({}, _this.getAggsQuery(), options), false);
+      }
+      _this.updateQuery(_extends({}, obj, {
+        query: customQueryCalc.query,
+        componentId: props.componentId,
+        label: props.filterLabel,
+        showFilter: props.showFilter,
+        URLParams: props.URLParams
+      }));
+    };
+    if (props.defaultQuery) {
+      this.internalComponent = props.componentId + "__internal";
+    }
+    if (this.internalComponent && this.$props.defaultQuery) {
+      updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.selectedValue);
+      this.$defaultQuery = this.$props.defaultQuery(this.selectedValue, this.$props);
+      var _query = extractQueryFromCustomQuery(this.$defaultQuery);
+      var queryOptions = getOptionsForCustomQuery(this.$defaultQuery);
+      if (queryOptions) {
+        this.setQueryOptions(this.internalComponent, _extends({}, queryOptions, this.getAggsQuery()), false);
+      } else this.setQueryOptions(this.internalComponent, this.getAggsQuery(), false);
+      this.updateQuery({
+        componentId: this.internalComponent,
+        query: _query
+      });
+    }
+  },
+  watch: {
+    hits: function hits(newVal, oldVal) {
+      if (!isEqual(newVal, oldVal)) {
+        this.$emit('data', this.getData());
+      }
+    },
+    rawData: function rawData(newVal, oldVal) {
+      if (!isEqual(newVal, oldVal)) {
+        this.$emit('data', this.getData());
+      }
+    },
+    aggregations: function aggregations(newVal, oldVal) {
+      if (!isEqual(newVal, oldVal)) {
+        this.$emit('data', this.getData());
+      }
+    },
+    aggregationData: function aggregationData(newVal, oldVal) {
+      if (!isEqual(newVal, oldVal)) {
+        this.$emit('data', this.getData());
+      }
+    },
+    promotedResults: function promotedResults(newVal, oldVal) {
+      if (!isEqual(newVal, oldVal)) {
+        this.$emit('data', this.getData());
+      }
+    },
+    hidden: function hidden(newVal, oldVal) {
+      if (!isEqual(newVal, oldVal)) {
+        this.$emit('data', this.getData());
+      }
+    },
+    total: function total(newVal, oldVal) {
+      if (!isEqual(newVal, oldVal)) {
+        this.$emit('data', this.getData());
+      }
+    },
+    time: function time(newVal, oldVal) {
+      if (!isEqual(newVal, oldVal)) {
+        this.$emit('data', this.getData());
+      }
+    },
+    defaultQuery: function defaultQuery(newVal, oldVal) {
+      if (newVal && !isQueryIdentical(newVal, oldVal, this.selectedValue, this.$props)) {
+        this.$defaultQuery = newVal(this.selectedValue, this.$props);
+        var query = extractQueryFromCustomQuery(this.$defaultQuery);
+        var queryOptions = getOptionsForCustomQuery(this.$defaultQuery);
+        if (queryOptions) {
+          this.setQueryOptions(this.internalComponent, _extends({}, queryOptions, this.getAggsQuery()), false);
+        } else this.setQueryOptions(this.internalComponent, this.getAggsQuery(), false);
+        // Update default query for RS API
+        updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.selectedValue);
+        this.updateQuery({
+          componentId: this.internalComponent,
+          query: query
+        });
+      }
+    },
+    customQuery: function customQuery(newVal, oldVal) {
+      if (newVal && !isQueryIdentical(newVal, oldVal, this.selectedValue, this.$props)) {
+        var componentId = this.$props.componentId;
+        this.$customQuery = newVal(this.selectedValue, this.$props);
+        var query = extractQueryFromCustomQuery(this.$customQuery);
+        var queryOptions = getOptionsForCustomQuery(this.$customQuery);
+        if (queryOptions) {
+          this.setQueryOptions(componentId, _extends({}, queryOptions, this.getAggsQuery()), false);
+        } else this.setQueryOptions(componentId, this.getAggsQuery(), false);
+
+        // Update custom query for RS API
+        updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.selectedValue);
+        this.updateQuery({
+          componentId: componentId,
+          query: query
+        });
+      }
+    }
+  },
+  render: function render() {
+    var h = arguments[0];
+    try {
+      var dom = this.$scopedSlots["default"];
+      var error = this.error,
+        isLoading = this.isLoading,
+        selectedValue = this.selectedValue;
+      var propsToBePassed = _extends({
+        error: error,
+        loading: isLoading
+      }, this.getData(), {
+        value: selectedValue,
+        setQuery: this.setQuery
+      });
+      return h("div", [dom(propsToBePassed)]);
+    } catch (e) {
+      return null;
+    }
+  },
+  methods: {
+    getAggsQuery: function getAggsQuery() {
+      if (this.aggregationField) {
+        return {
+          aggs: getCompositeAggsQuery({
+            props: this.$props,
+            showTopHits: true,
+            value: this.selectedValue
+          }).aggs
+        };
+      }
+      return {};
+    },
+    getData: function getData() {
+      var hits = this.hits,
+        aggregations = this.aggregations,
+        aggregationData = this.aggregationData,
+        promotedResults = this.promotedResults,
+        rawData = this.rawData;
+      var filteredResults = parseHits(hits);
+      if (promotedResults.length) {
+        var ids = promotedResults.map(function (item) {
+          return item._id;
+        }).filter(Boolean);
+        if (ids) {
+          filteredResults = filteredResults.filter(function (item) {
+            return !ids.includes(item._id);
+          });
+        }
+        filteredResults = [].concat(promotedResults, filteredResults);
+      }
+      return {
+        data: filteredResults,
+        aggregationData: aggregationData,
+        rawData: rawData,
+        aggregations: aggregations,
+        promotedData: promotedResults,
+        resultStats: this.stats
+      };
+    }
+  },
+  computed: {
+    stats: function stats() {
+      return getResultStats(this);
+    }
+  }
+};
+ReactiveComponent.hasInternalComponent = function (props) {
+  return !!props.defaultQuery;
+};
+var mapStateToProps = function mapStateToProps(state, props) {
+  return {
+    aggregations: state.aggregations[props.componentId] && state.aggregations[props.componentId] || null,
+    aggregationData: state.compositeAggregations[props.componentId] || [],
+    hits: state.hits[props.componentId] && state.hits[props.componentId].hits || [],
+    rawData: state.rawData[props.componentId],
+    error: state.error[props.componentId],
+    isLoading: state.isLoading[props.componentId],
+    selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
+    promotedResults: state.promotedResults[props.componentId] || [],
+    time: state.hits[props.componentId] && state.hits[props.componentId].time || 0,
+    total: state.hits[props.componentId] && state.hits[props.componentId].total,
+    hidden: state.hits[props.componentId] && state.hits[props.componentId].hidden,
+    componentProps: state.props[props.componentId],
+    enableAppbase: state.config.enableAppbase
+  };
+};
+var mapDispatchtoProps = {
+  setQueryOptions: setQueryOptions,
+  updateQuery: updateQuery,
+  setCustomQuery: setCustomQuery,
+  setDefaultQuery: setDefaultQuery
+};
+var ConnectedComponent = ComponentWrapper(connect(mapStateToProps, mapDispatchtoProps)(ReactiveComponent), {
+  componentType: componentTypes.reactiveComponent
+});
+var RcConnected = PreferencesConsumer({
+  name: 'RcConnected',
+  render: function render(h) {
+    return h(ConnectedComponent, {
+      attrs: this.$attrs,
+      on: this.$listeners,
+      scopedSlots: this.$scopedSlots,
+      slots: this.$slots
+    });
+  }
+});
+RcConnected.name = ReactiveComponent.name;
+RcConnected.hasInternalComponent = ReactiveComponent.hasInternalComponent;
+// Add componentType for SSR
+RcConnected.componentType = componentTypes.reactiveComponent;
+RcConnected.install = function (Vue) {
+  Vue.component(RcConnected.name, RcConnected);
+};
+
+export default RcConnected;