@appbaseio/reactivesearch-vue 3.0.0-alpha.7 → 3.0.0-rc.1

package/dist/cjs/{ComponentWrapper-2dc930e1.js → ComponentWrapper-9146d811.js}

@@ -8,7 +8,7 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 var transform = require('@appbaseio/reactivecore/lib/utils/transform');
-var index = require('./index-1481798c.js');
+var index = require('./index-779ed366.js');
 
 var addComponent = reactivecore.Actions.addComponent,
   removeComponent = reactivecore.Actions.removeComponent,

package/dist/cjs/{DropDown-f48bea16.js → DropDown-b16418e9.js}

@@ -9,7 +9,7 @@ var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 var vueEmotion = require('@appbaseio/vue-emotion');
 var vueTypes = require('./vueTypes-1bf00978.js');
-var index = require('./index-1481798c.js');
+var index = require('./index-779ed366.js');
 var Input = require('./Input-497be42a.js');
 var computeScrollIntoView = _interopDefault(require('compute-scroll-into-view'));
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');

package/dist/cjs/DynamicRangeSlider.js

@@ -12,8 +12,8 @@ var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('redux');
-var index = require('./index-1481798c.js');
-var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
+var index = require('./index-779ed366.js');
+var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
 var Title = require('./Title-8802a218.js');
 var Container = require('./Container-29f049b2.js');
 var ssr = require('./ssr-8dd13d43.js');

package/dist/cjs/{Flex-d5675ea6.js → Flex-ddde6d26.js}

@@ -14,7 +14,7 @@ var border = function border(_ref) {
     colors = _ref$theme$colors === void 0 ? {} : _ref$theme$colors;
   return "\n\tborder: 1px solid " + (colors.borderColor || '#ccc') + ";\n";
 };
-var Flex = vueEmotion.styled('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: ", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\n\tsvg.cancel-icon {\n\t\tcursor: pointer;\n\t\tfill: ", ";\n\t\tflex-basis: 30px;\n\n\t\t&:hover {\n\t\t\tfill: ", ";\n\t\t}\n\t}\n"])), function (props) {
+var Flex = vueEmotion.styled('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: ", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\n\tsvg.cancel-icon {\n\t\tcursor: pointer;\n\t\tfill: ", ";\n\t\tflex-basis: 30px;\n\n\t\t&:hover {\n\t\t\tfill: ", ";\n\t\t}\n\t}\n"])), function (props) {
   return props.inline ? 'inline-flex' : 'flex';
 }, function (props) {
   return (props.labelPosition === 'left' || props.iconPosition === 'right') && leftLabel;
@@ -30,6 +30,8 @@ var Flex = vueEmotion.styled('div')(_templateObject || (_templateObject = _rollu
   return props.justifyContent && "\n\t\t\tjustify-content: " + props.justifyContent + ";\n\t\t";
 }, function (props) {
   return props.alignItems && "\n\t\t\talign-items: " + props.alignItems + ";\n\t\t";
+}, function (props) {
+  return props.gap && "\n\t\t\tgap: " + props.gap + ";\n\t\t";
 }, function (props) {
   return props.flex && "\n\t\t\tflex: " + props.flex + ";\n\t\t";
 }, function (props) {

package/dist/cjs/{ListItem-23af8974.js → ListItem-7a682970.js}

@@ -14,7 +14,7 @@ var Image = vueEmotion.styled('div')(_templateObject2 || (_templateObject2 = _ro
 }, function (props) {
   return "url(" + props.src + ")";
 });
-var ListItem = vueEmotion.styled('a')(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\theight: auto;\n\toutline: none;\n\ttext-decoration: none;\n\tborder-radius: 0;\n\tbackground-color: ", ";\n\tdisplay: flex;\n\tflex-direction: row;\n\tmargin: 0;\n\tpadding: 10px;\n\tborder-bottom: 1px solid ", ";\n\tcolor: ", ";\n\t", "; all 0.3s ease;\n\n\t&:hover, &:focus {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:last-child {\n\t\tborder: 0;\n\t}\n\n\th2 {\n\t\twidth: 100%;\n\t\tline-height: 1.2rem;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\tmargin: 0;\n\t\tpadding: 0 0 8px;\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t}\n\n\tarticle {\n\t\twidth: ", ";\n\t\tpadding-left: ", ";\n\t\tfont-size: 0.9rem;\n\t}\n\n\t&:hover, &:focus {\n\t\tbox-shadow: 0 0 0 0 rgba(0,0,0,0.10);\n\t}\n\n\t@media (max-width: 420px) {\n\t\tmin-width: 0;\n\t\tmargin: 0;\n\t\tborder-radius: 0;\n\t\tbox-shadow: none;\n\t\tborder: 1px solid #eee;\n\n\t\t&:hover, &:focus {\n\t\t\tbox-shadow: 0;\n\t\t}\n\t}\n"])), function (_ref) {
+var ListItem = vueEmotion.styled('a')(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\theight: auto;\n\toutline: none;\n\ttext-decoration: none;\n\tborder-radius: 0;\n\tbackground-color: ", ";\n\tdisplay: flex;\n\tflex-direction: row;\n\tmargin: 0;\n\tpadding: 10px;\n\tborder-bottom: 1px solid ", ";\n\tcolor: ", ";\n\t", "; all 0.3s ease;\n\n\t&:hover, &:focus {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:last-child {\n\t\tborder: 0;\n\t}\n\n\th2 {\n\t\twidth: 100%;\n\t\tline-height: 1.2rem;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\tmargin: 0;\n\t\tpadding: 0 0 8px;\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t}\n\n\tarticle {\n\t\twidth: ", ";\n\t\tpadding-left: ", ";\n\t\tfont-size: 0.9rem;\n\t}\n\n\t&:hover, &:focus {\n\t\tbox-shadow: 0 0 0 0 rgba(0,0,0,0.10);\n\t}\n\n\t@media (max-width: 420px) {\n\t\tmin-width: 0;\n\t\tmargin: 0;\n\t\tborder-radius: 0;\n\t\tbox-shadow: none;\n\t\tborder: 1px solid #eee;\n\n\t\t&:hover, &:focus {\n\t\t\tbox-shadow: 0;\n\t\t}\n\t}\n\n\t", "\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.backgroundColor ? polished.lighten(0.1, theme.colors.backgroundColor) : '#fff';
 }, function (_ref2) {
@@ -35,6 +35,11 @@ var ListItem = vueEmotion.styled('a')(_templateObject3 || (_templateObject3 = _r
   return '100%';
 }, function (props) {
   return props.image ? '10px' : 0;
+}, function (props) {
+  if (props.isTreeListItem) {
+    return 'border-bottom: none; width:max-content; cursor:pointer;     padding: 5px 12px;';
+  }
+  return '';
 });
 
 exports.Image = Image;

package/dist/cjs/MultiDropdownList.js

@@ -17,16 +17,16 @@ var Button = require('./Button-d4da7470.js');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-1481798c.js');
-var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
-var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
+var index = require('./index-779ed366.js');
+var ComponentWrapper = require('./ComponentWrapper-9146d811.js');
+var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
 var Title = require('./Title-8802a218.js');
-var DropDown = require('./DropDown-f48bea16.js');
+var DropDown = require('./DropDown-b16418e9.js');
 require('./Input-497be42a.js');
 require('compute-scroll-into-view');
 var Container = require('./Container-29f049b2.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
-var utils = require('./utils-36b1b880.js');
+var utils = require('./utils-c9bd5628.js');
 
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);

package/dist/cjs/MultiList.js

@@ -15,15 +15,15 @@ require('polished');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-1481798c.js');
-var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
-var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
+var index = require('./index-779ed366.js');
+var ComponentWrapper = require('./ComponentWrapper-9146d811.js');
+var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
 var Title = require('./Title-8802a218.js');
 var Input = require('./Input-497be42a.js');
 var Container = require('./Container-29f049b2.js');
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 var FormControlList = require('./FormControlList-fadd792f.js');
-var utils = require('./utils-36b1b880.js');
+var utils = require('./utils-c9bd5628.js');
 
 var updateQuery = reactivecore.Actions.updateQuery,
   setQueryOptions = reactivecore.Actions.setQueryOptions,

package/dist/cjs/MultiRange.js

@@ -15,9 +15,9 @@ require('polished');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-1481798c.js');
-var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
-var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
+var index = require('./index-779ed366.js');
+var ComponentWrapper = require('./ComponentWrapper-9146d811.js');
+var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
 var Title = require('./Title-8802a218.js');
 var Container = require('./Container-29f049b2.js');
 var FormControlList = require('./FormControlList-fadd792f.js');

package/dist/cjs/{PreferencesConsumer-2c69ac61.js → PreferencesConsumer-85dee673.js}

@@ -2,7 +2,7 @@
 
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var vue = require('vue');
-var index = require('./index-1481798c.js');
+var index = require('./index-779ed366.js');
 
 var deepValue = function deepValue(o, p) {
   return p.split('.').reduce(function (a, v) {

package/dist/cjs/RangeInput.js

@@ -16,11 +16,11 @@ require('polished');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-1481798c.js');
-var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
-var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
+var index = require('./index-779ed366.js');
+var ComponentWrapper = require('./ComponentWrapper-9146d811.js');
+var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
 require('./Title-8802a218.js');
-var Flex = require('./Flex-d5675ea6.js');
+var Flex = require('./Flex-ddde6d26.js');
 var Input = require('./Input-497be42a.js');
 var Container = require('./Container-29f049b2.js');
 require('./ssr-8dd13d43.js');

package/dist/cjs/RangeSlider.js

@@ -13,9 +13,9 @@ require('@appbaseio/vue-emotion');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-1481798c.js');
-var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
-var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
+var index = require('./index-779ed366.js');
+var ComponentWrapper = require('./ComponentWrapper-9146d811.js');
+var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
 var Title = require('./Title-8802a218.js');
 var Container = require('./Container-29f049b2.js');
 var ssr = require('./ssr-8dd13d43.js');

package/dist/cjs/ReactiveBase.js

@@ -13,7 +13,7 @@ var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var vueEmotion = require('@appbaseio/vue-emotion');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('redux');
-var index = require('./index-1481798c.js');
+var index = require('./index-779ed366.js');
 var configureStore = require('@appbaseio/reactivecore/lib');
 var configureStore__default = _interopDefault(configureStore);
 var analytics = require('@appbaseio/reactivecore/lib/actions/analytics');

package/dist/cjs/ReactiveComponent.js

@@ -2,51 +2,305 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('@appbaseio/reactivecore');
-require('@appbaseio/reactivecore/lib/utils/constants');
-require('@vue/babel-helper-vue-transform-on');
-require('./_rollupPluginBabelHelpers-f8b843f8.js');
-require('vue');
-require('vue-types');
-require('@appbaseio/reactivecore/lib/utils/helper');
-require('@appbaseio/vue-emotion');
-require('@emotion/css');
-require('polished');
-require('./Button-d4da7470.js');
-require('./vueTypes-1bf00978.js');
-require('./Pagination-b953a80a.js');
-require('./ReactiveList.js');
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var reactivecore = require('@appbaseio/reactivecore');
+var constants = require('@appbaseio/reactivecore/lib/utils/constants');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
+var vue = require('vue');
+var VueTypes = _interopDefault(require('vue-types'));
+var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-require('./index-1481798c.js');
-require('./ComponentWrapper-2dc930e1.js');
-require('./PreferencesConsumer-2c69ac61.js');
-require('./Title-8802a218.js');
-require('./ListItem-23af8974.js');
-require('./Card-63968d94.js');
-require('./Flex-d5675ea6.js');
-require('hotkeys-js');
-var ReactiveComponent = require('./ReactiveComponent-8180c806.js');
-require('./DropDown-f48bea16.js');
-require('./Input-497be42a.js');
-require('compute-scroll-into-view');
-require('./Container-29f049b2.js');
-require('vue-highlight-words');
-require('@appbaseio/reactivecore/lib/utils/suggestions');
-require('./FormControlList-fadd792f.js');
-require('./utils-36b1b880.js');
-require('./SingleList.js');
-require('./MultiList.js');
-require('./SingleDropdownList.js');
-require('./MultiDropdownList.js');
-require('./ToggleButton.js');
-require('./ssr-8dd13d43.js');
-require('./DynamicRangeSlider.js');
-require('./SingleRange.js');
-require('./MultiRange.js');
-require('./RangeSlider.js');
-require('./RangeInput.js');
+var index = require('./index-779ed366.js');
+var ComponentWrapper = require('./ComponentWrapper-9146d811.js');
+var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
+
+var _excluded = ["options"];
+var updateQuery = reactivecore.Actions.updateQuery,
+  setQueryOptions = reactivecore.Actions.setQueryOptions,
+  setCustomQuery = reactivecore.Actions.setCustomQuery,
+  setDefaultQuery = reactivecore.Actions.setDefaultQuery;
+var parseHits = reactivecore.helper.parseHits,
+  isEqual = reactivecore.helper.isEqual,
+  getCompositeAggsQuery = reactivecore.helper.getCompositeAggsQuery,
+  getResultStats = reactivecore.helper.getResultStats,
+  extractQueryFromCustomQuery = reactivecore.helper.extractQueryFromCustomQuery,
+  getOptionsForCustomQuery = reactivecore.helper.getOptionsForCustomQuery;
+var ReactiveComponent = {
+  name: 'ReactiveComponent',
+  props: {
+    componentId: vueTypes.types.stringRequired,
+    aggregationField: vueTypes.types.string,
+    aggregationSize: VueTypes.number,
+    size: VueTypes.number,
+    defaultQuery: vueTypes.types.func,
+    customQuery: vueTypes.types.func,
+    filterLabel: vueTypes.types.string,
+    react: vueTypes.types.react,
+    showFilter: VueTypes.bool.def(true),
+    URLParams: VueTypes.bool.def(false),
+    distinctField: vueTypes.types.string,
+    distinctFieldConfig: vueTypes.types.props,
+    index: VueTypes.string,
+    endpoint: vueTypes.types.endpointConfig
+  },
+  created: function created() {
+    var _this = this;
+    var props = this.$props;
+    this.internalComponent = null;
+    this.$defaultQuery = null;
+    // Set custom query in store
+    index.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;
+    if (customQuery) {
+      var calcCustomQuery = customQuery(this.selectedValue, props);
+      var query = extractQueryFromCustomQuery(calcCustomQuery);
+      var customQueryOptions = calcCustomQuery ? getOptionsForCustomQuery(calcCustomQuery) : null;
+      if (customQueryOptions) {
+        this.setQueryOptions(componentId, _rollupPluginBabelHelpers._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 = _rollupPluginBabelHelpers._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 = _rollupPluginBabelHelpers._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, _rollupPluginBabelHelpers._extends({}, _this.getAggsQuery(), options), false);
+      }
+      _this.updateQuery(_rollupPluginBabelHelpers._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) {
+      index.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, _rollupPluginBabelHelpers._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 && !index.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, _rollupPluginBabelHelpers._extends({}, queryOptions, this.getAggsQuery()), false);
+        } else this.setQueryOptions(this.internalComponent, this.getAggsQuery(), false);
+        // Update default query for RS API
+        index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.selectedValue);
+        this.updateQuery({
+          componentId: this.internalComponent,
+          query: query
+        });
+      }
+    },
+    customQuery: function customQuery(newVal, oldVal) {
+      if (newVal && !index.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, _rollupPluginBabelHelpers._extends({}, queryOptions, this.getAggsQuery()), false);
+        } else this.setQueryOptions(componentId, this.getAggsQuery(), false);
 
+        // Update custom query for RS API
+        index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.selectedValue);
+        this.updateQuery({
+          componentId: componentId,
+          query: query
+        });
+      }
+    }
+  },
+  render: function render() {
+    try {
+      var dom = this.$slots["default"];
+      var error = this.error,
+        isLoading = this.isLoading,
+        selectedValue = this.selectedValue;
+      var propsToBePassed = _rollupPluginBabelHelpers._extends({
+        error: error,
+        loading: isLoading
+      }, this.getData(), {
+        value: selectedValue,
+        setQuery: this.setQuery
+      });
+      return vue.createVNode("div", null, [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]
+  };
+};
+var mapDispatchtoProps = {
+  setQueryOptions: setQueryOptions,
+  updateQuery: updateQuery,
+  setCustomQuery: setCustomQuery,
+  setDefaultQuery: setDefaultQuery
+};
+var ConnectedComponent = ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(ReactiveComponent), {
+  componentType: constants.componentTypes.reactiveComponent
+});
+var RcConnected = PreferencesConsumer.PreferencesConsumer({
+  name: 'RcConnected',
+  render: function render() {
+    return vue.h(ConnectedComponent, null, this.$slots);
+  }
+});
+RcConnected.name = ReactiveComponent.name;
+RcConnected.hasInternalComponent = ReactiveComponent.hasInternalComponent;
+// Add componentType for SSR
+RcConnected.componentType = constants.componentTypes.reactiveComponent;
+RcConnected.install = function (Vue) {
+  Vue.component(RcConnected.name, RcConnected);
+};
 
-exports.default = ReactiveComponent.ReactiveComponent;
+exports.default = RcConnected;

package/dist/cjs/ReactiveGoogleMap.js

@@ -18,9 +18,9 @@ var vueTypes = require('./vueTypes-1bf00978.js');
 var Pagination = require('./Pagination-b953a80a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-1481798c.js');
-var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
-var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
+var index = require('./index-779ed366.js');
+var ComponentWrapper = require('./ComponentWrapper-9146d811.js');
+var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
 var FormControlList = require('./FormControlList-fadd792f.js');
 var VueGoogleMaps = require('vue-google-maps-community-fork');
 var VueGoogleMaps__default = _interopDefault(VueGoogleMaps);

package/dist/cjs/ReactiveList.js

@@ -19,13 +19,13 @@ var vueTypes = require('./vueTypes-1bf00978.js');
 var Pagination = require('./Pagination-b953a80a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-1481798c.js');
-var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
-var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
+var index = require('./index-779ed366.js');
+var ComponentWrapper = require('./ComponentWrapper-9146d811.js');
+var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
 require('./Title-8802a218.js');
-var ListItem = require('./ListItem-23af8974.js');
+var ListItem = require('./ListItem-7a682970.js');
 var Card = require('./Card-63968d94.js');
-var Flex = require('./Flex-d5675ea6.js');
+var Flex = require('./Flex-ddde6d26.js');
 
 var _templateObject;
 var PoweredByImage = vueEmotion.styled('img')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 110px;\n"])));

package/dist/cjs/ResultList.js

@@ -12,7 +12,7 @@ require('@emotion/css');
 require('polished');
 var vueTypes = require('./vueTypes-1bf00978.js');
 var Title = require('./Title-8802a218.js');
-var ListItem = require('./ListItem-23af8974.js');
+var ListItem = require('./ListItem-7a682970.js');
 
 var ResultListContent = {
   name: 'ResultListContent',

package/dist/cjs/SelectedFilters.js

@@ -16,7 +16,7 @@ require('polished');
 var Button = require('./Button-d4da7470.js');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('redux');
-var index = require('./index-1481798c.js');
+var index = require('./index-779ed366.js');
 var Title = require('./Title-8802a218.js');
 var Container = require('./Container-29f049b2.js');
 

package/dist/cjs/SingleDropdownList.js

@@ -17,16 +17,16 @@ var Button = require('./Button-d4da7470.js');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-1481798c.js');
-var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
-var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
+var index = require('./index-779ed366.js');
+var ComponentWrapper = require('./ComponentWrapper-9146d811.js');
+var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
 var Title = require('./Title-8802a218.js');
-var DropDown = require('./DropDown-f48bea16.js');
+var DropDown = require('./DropDown-b16418e9.js');
 require('./Input-497be42a.js');
 require('compute-scroll-into-view');
 var Container = require('./Container-29f049b2.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
-var utils = require('./utils-36b1b880.js');
+var utils = require('./utils-c9bd5628.js');
 
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);

package/dist/cjs/SingleList.js

@@ -15,15 +15,15 @@ require('polished');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-1481798c.js');
-var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
-var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
+var index = require('./index-779ed366.js');
+var ComponentWrapper = require('./ComponentWrapper-9146d811.js');
+var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
 var Title = require('./Title-8802a218.js');
 var Input = require('./Input-497be42a.js');
 var Container = require('./Container-29f049b2.js');
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 var FormControlList = require('./FormControlList-fadd792f.js');
-var utils = require('./utils-36b1b880.js');
+var utils = require('./utils-c9bd5628.js');
 
 var updateQuery = reactivecore.Actions.updateQuery,
   setQueryOptions = reactivecore.Actions.setQueryOptions,