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

package/dist/cjs/install.js

@@ -15,24 +15,24 @@ require('polished');
 require('./Button-d4da7470.js');
 require('./vueTypes-1bf00978.js');
 require('./Pagination-b953a80a.js');
-var ReactiveList = require('./ReactiveList.js');
+require('./ReactiveList.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('./ListItem-7a682970.js');
 require('./Card-63968d94.js');
-require('./Flex-d5675ea6.js');
+require('./Flex-ddde6d26.js');
 require('@appbaseio/reactivecore/lib');
 require('@appbaseio/reactivecore/lib/actions/analytics');
 require('appbase-js');
 require('@appbaseio/analytics');
 require('url-search-params-polyfill');
-var ReactiveBase = require('./ReactiveBase.js');
+require('./ReactiveBase.js');
 require('hotkeys-js');
-var ReactiveComponent = require('./ReactiveComponent-8180c806.js');
+var install = require('./install-2c548585.js');
 require('./DropDown-f48bea16.js');
 require('./Input-497be42a.js');
 require('compute-scroll-into-view');
@@ -40,29 +40,25 @@ require('./Container-29f049b2.js');
 require('vue-highlight-words');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-fadd792f.js');
-require('./utils-36b1b880.js');
-var SingleList = require('./SingleList.js');
-var MultiList = require('./MultiList.js');
-var SingleDropdownList = require('./SingleDropdownList.js');
-var MultiDropdownList = require('./MultiDropdownList.js');
-var ToggleButton = require('./ToggleButton.js');
+require('./utils-c9bd5628.js');
+require('./SingleList.js');
+require('./MultiList.js');
+require('@appbaseio/reactivecore/lib/utils/types');
+require('./SingleDropdownList.js');
+require('./MultiDropdownList.js');
+require('./ToggleButton.js');
+require('./ReactiveComponent.js');
 require('./ssr-8dd13d43.js');
-var DynamicRangeSlider = require('./DynamicRangeSlider.js');
-var SingleRange = require('./SingleRange.js');
-var MultiRange = require('./MultiRange.js');
-var RangeSlider = require('./RangeSlider.js');
-var RangeInput = require('./RangeInput.js');
-var SelectedFilters = require('./SelectedFilters.js');
-var ResultCard = require('./ResultCard.js');
-var ResultList = require('./ResultList.js');
-var StateProvider = require('./StateProvider.js');
+require('./DynamicRangeSlider.js');
+require('./SingleRange.js');
+require('./MultiRange.js');
+require('./RangeSlider.js');
+require('./RangeInput.js');
+require('./SelectedFilters.js');
+require('./ResultCard.js');
+require('./ResultList.js');
+require('./StateProvider.js');
 
-var components = [ReactiveList.default, ResultCard.default, ResultList.default, ReactiveBase.default, ReactiveComponent.SearchBox, SingleList.default, MultiList.default, SingleRange.default, MultiRange.default, RangeSlider.default, DynamicRangeSlider.default, ReactiveComponent.ReactiveComponent, SelectedFilters.default, ToggleButton.default, SingleDropdownList.default, MultiDropdownList.default, StateProvider.default, RangeInput.default];
-function install (Vue) {
-  components.map(function (component) {
-    Vue.use(component);
-    return null;
-  });
-}
 
-exports.default = install;
+
+exports.default = install.install;

package/dist/cjs/{utils-36b1b880.js → utils-c9bd5628.js}

@@ -50,5 +50,14 @@ var getAggsQuery = function getAggsQuery(query, props) {
   }
   return _rollupPluginBabelHelpers._extends({}, clonedQuery, extractQuery(props));
 };
+var sanitizeObject = function sanitizeObject(obj) {
+  return JSON.parse(JSON.stringify(obj, function (key, value) {
+    return (
+      // eslint-disable-next-line eqeqeq
+      value === null || value == {} || value === false ? undefined : value
+    );
+  }));
+};
 
 exports.getAggsQuery = getAggsQuery;
+exports.sanitizeObject = sanitizeObject;

package/dist/cjs/version.js

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

package/dist/es/{Flex-a08e22d7.js → Flex-25792bc3.js}

@@ -12,7 +12,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 = styled('div')(_templateObject || (_templateObject = _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 = styled('div')(_templateObject || (_templateObject = _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;
@@ -28,6 +28,8 @@ var Flex = styled('div')(_templateObject || (_templateObject = _taggedTemplateLi
   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/es/{ListItem-1cb1b4de.js → ListItem-e3c6acf4.js}

@@ -12,7 +12,7 @@ var Image = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplat
 }, function (props) {
   return "url(" + props.src + ")";
 });
-var ListItem = styled('a')(_templateObject3 || (_templateObject3 = _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 = styled('a')(_templateObject3 || (_templateObject3 = _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 ? lighten(0.1, theme.colors.backgroundColor) : '#fff';
 }, function (_ref2) {
@@ -33,6 +33,11 @@ var ListItem = styled('a')(_templateObject3 || (_templateObject3 = _taggedTempla
   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 '';
 });
 
 export { Image as I, ListItem as L, container as c };

package/dist/es/MultiDropdownList.js

@@ -20,7 +20,7 @@ import './Input-f7499ef8.js';
 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 { g as getAggsQuery } from './utils-d7dd4f4e.js';
 
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);

package/dist/es/MultiList.js

@@ -17,7 +17,7 @@ import { I as Input } from './Input-f7499ef8.js';
 import { C as Container } from './Container-d00219f7.js';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
 import { U as UL, C as Checkbox } from './FormControlList-fe6eaee4.js';
-import { g as getAggsQuery } from './utils-9e5a16a1.js';
+import { g as getAggsQuery } from './utils-d7dd4f4e.js';
 
 var updateQuery = Actions.updateQuery,
   setQueryOptions = Actions.setQueryOptions,

package/dist/es/RangeInput.js

@@ -14,7 +14,7 @@ import { c as connect } from './index-4520a598.js';
 import { C as ComponentWrapper } from './ComponentWrapper-3a215eed.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-24e88f3b.js';
 import './Title-863dfa42.js';
-import { F as Flex } from './Flex-a08e22d7.js';
+import { F as Flex } from './Flex-25792bc3.js';
 import { I as Input } from './Input-f7499ef8.js';
 import { C as Container } from './Container-d00219f7.js';
 import './ssr-c630ccb9.js';

package/dist/es/ReactiveComponent.js

@@ -1,44 +1,300 @@
-import '@appbaseio/reactivecore';
-import '@appbaseio/reactivecore/lib/utils/constants';
-import '@vue/babel-helper-vue-transform-on';
-import './_rollupPluginBabelHelpers-ded08042.js';
-import 'vue';
-import 'vue-types';
-import '@appbaseio/reactivecore/lib/utils/helper';
-import '@appbaseio/vue-emotion';
-import '@emotion/css';
-import 'polished';
-import './Button-fd869491.js';
-import './vueTypes-f1923c72.js';
-import './Pagination-c2745bec.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 { createVNode, h } from 'vue';
+import VueTypes from 'vue-types';
+import { t as types } from './vueTypes-f1923c72.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import './index-4520a598.js';
-import './ComponentWrapper-3a215eed.js';
-import './PreferencesConsumer-24e88f3b.js';
-import './Title-863dfa42.js';
-import './ListItem-1cb1b4de.js';
-import './Card-54b9e7a0.js';
-import './Flex-a08e22d7.js';
-import 'hotkeys-js';
-export { R as default } from './ReactiveComponent-f78ff2cd.js';
-import './DropDown-7174661a.js';
-import './Input-f7499ef8.js';
-import 'compute-scroll-into-view';
-import './Container-d00219f7.js';
-import 'vue-highlight-words';
-import '@appbaseio/reactivecore/lib/utils/suggestions';
-import './FormControlList-fe6eaee4.js';
-import './utils-9e5a16a1.js';
-import './SingleList.js';
-import './MultiList.js';
-import './SingleDropdownList.js';
-import './MultiDropdownList.js';
-import './ToggleButton.js';
-import './ssr-c630ccb9.js';
-import './DynamicRangeSlider.js';
-import './SingleRange.js';
-import './MultiRange.js';
-import './RangeSlider.js';
-import './RangeInput.js';
+import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-4520a598.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3a215eed.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-24e88f3b.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;
+    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() {
+    try {
+      var dom = this.$slots["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 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(connect(mapStateToProps, mapDispatchtoProps)(ReactiveComponent), {
+  componentType: componentTypes.reactiveComponent
+});
+var RcConnected = PreferencesConsumer({
+  name: 'RcConnected',
+  render: function render() {
+    return h(ConnectedComponent, null, 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;

package/dist/es/ReactiveList.js

@@ -17,9 +17,9 @@ import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updat
 import { C as ComponentWrapper } from './ComponentWrapper-3a215eed.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-24e88f3b.js';
 import './Title-863dfa42.js';
-import { c as container } from './ListItem-1cb1b4de.js';
+import { c as container } from './ListItem-e3c6acf4.js';
 import { c as container$1 } from './Card-54b9e7a0.js';
-import { F as Flex } from './Flex-a08e22d7.js';
+import { F as Flex } from './Flex-25792bc3.js';
 
 var _templateObject;
 var PoweredByImage = styled('img')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\twidth: 110px;\n"])));

package/dist/es/ResultList.js

@@ -6,7 +6,7 @@ import '@emotion/css';
 import 'polished';
 import { t as types } from './vueTypes-f1923c72.js';
 import { T as Title } from './Title-863dfa42.js';
-import { I as Image, L as ListItem } from './ListItem-1cb1b4de.js';
+import { I as Image, L as ListItem } from './ListItem-e3c6acf4.js';
 
 var ResultListContent = {
   name: 'ResultListContent',

package/dist/es/SingleDropdownList.js

@@ -20,7 +20,7 @@ import './Input-f7499ef8.js';
 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 { g as getAggsQuery } from './utils-d7dd4f4e.js';
 
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);

package/dist/es/SingleList.js

@@ -17,7 +17,7 @@ import { I as Input } from './Input-f7499ef8.js';
 import { C as Container } from './Container-d00219f7.js';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
 import { U as UL, R as Radio } from './FormControlList-fe6eaee4.js';
-import { g as getAggsQuery } from './utils-9e5a16a1.js';
+import { g as getAggsQuery } from './utils-d7dd4f4e.js';
 
 var updateQuery = Actions.updateQuery,
   setQueryOptions = Actions.setQueryOptions,

package/dist/es/index.js

@@ -18,9 +18,9 @@ import './index-4520a598.js';
 import './ComponentWrapper-3a215eed.js';
 import './PreferencesConsumer-24e88f3b.js';
 import './Title-863dfa42.js';
-import './ListItem-1cb1b4de.js';
+import './ListItem-e3c6acf4.js';
 import './Card-54b9e7a0.js';
-import './Flex-a08e22d7.js';
+import './Flex-25792bc3.js';
 import '@appbaseio/reactivecore/lib';
 import '@appbaseio/reactivecore/lib/actions/analytics';
 import 'appbase-js';
@@ -28,7 +28,8 @@ import '@appbaseio/analytics';
 import 'url-search-params-polyfill';
 export { default as ReactiveBase } from './ReactiveBase.js';
 import 'hotkeys-js';
-export { R as ReactiveComponent, S as SearchBox } from './ReactiveComponent-f78ff2cd.js';
+import { i as install } from './install-44a07e7a.js';
+export { R as ReactiveComponentPrivate, S as SearchBox, T as TreeList, i as install } from './install-44a07e7a.js';
 import './DropDown-7174661a.js';
 import './Input-f7499ef8.js';
 import 'compute-scroll-into-view';
@@ -36,12 +37,14 @@ import './Container-d00219f7.js';
 import 'vue-highlight-words';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import './FormControlList-fe6eaee4.js';
-import './utils-9e5a16a1.js';
+import './utils-d7dd4f4e.js';
 export { default as SingleList } from './SingleList.js';
 export { default as MultiList } from './MultiList.js';
+import '@appbaseio/reactivecore/lib/utils/types';
 export { default as SingleDropdownList } from './SingleDropdownList.js';
 export { default as MultiDropdownList } from './MultiDropdownList.js';
 export { default as ToggleButton } from './ToggleButton.js';
+export { default as ReactiveComponent } from './ReactiveComponent.js';
 import './ssr-c630ccb9.js';
 export { default as DynamicRangeSlider } from './DynamicRangeSlider.js';
 export { default as SingleRange } from './SingleRange.js';
@@ -60,8 +63,6 @@ import '@appbaseio/reactivecore/lib/utils/server';
 export { default as getServerState } from './initReactivesearch.js';
 import version from './version.js';
 export { default as version } from './version.js';
-import install from './install.js';
-export { default as install } from './install.js';
 
 // Add polyfills to support in IE
 if (typeof window !== 'undefined' && window.Vue) {