@appbaseio/reactivesearch-vue 1.32.4 → 1.33.1

package/dist/es/PreferencesConsumer-4169deb1.js

@@ -0,0 +1,85 @@
+import { a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
+import { b as getCamelCase } from './index-99c5f9c9.js';
+
+var deepValue = function deepValue(o, p) {
+  return p.split('.').reduce(function (a, v) {
+    return a ? a[v] : null;
+  }, o);
+};
+/**
+ * PreferencesConsumer reads the preferences from SearchPreferencesContext
+ * and set the props from preferences to the component
+ *
+ */
+
+
+var PreferencesConsumer = function PreferencesConsumer(component) {
+  return {
+    name: 'PreferencesConsumer',
+    inject: {
+      $searchPreferences: {
+        "default": null
+      }
+    },
+    render: function render(h) {
+      var _this = this;
+
+      var userProps = Object.keys(this.$attrs).reduce(function (result, key) {
+        var _extends2;
+
+        return _extends({}, result, (_extends2 = {}, _extends2[getCamelCase(key)] = _this.$attrs[key], _extends2));
+      }, {});
+      var context = this.$searchPreferences;
+
+      if (!userProps || !userProps.componentId) {
+        throw Error('ReactiveSearch: componentId is required');
+      }
+
+      var componentId = userProps.componentId;
+      var preferencesPath = userProps.preferencesPath;
+      var preferences;
+
+      if (context) {
+        if (preferencesPath) {
+          // read preferences from path
+          preferences = deepValue(context, preferencesPath);
+        } else {
+          preferences = deepValue(context, ['componentSettings', componentId].join('.')); // read preferences from componentSettings
+        }
+      } // Retrieve component specific preferences
+
+
+      var componentProps = userProps;
+
+      if (preferences) {
+        if (preferences.rsConfig) {
+          componentProps = _extends({}, preferences.rsConfig, componentProps);
+        } else {
+          componentProps = _extends({}, preferences, componentProps);
+        }
+
+        if (preferences.enabled !== undefined && !preferences.enabled) {
+          return null;
+        }
+      } // Parse component props
+
+
+      Object.keys(componentProps).forEach(function (p) {
+        if (typeof componentProps[p] === 'string') {
+          if (['defaultQuery', 'customQuery', 'setOption'].includes(p)) {
+            // eslint-disable-next-line
+            componentProps[p] = eval(componentProps[p]);
+          }
+        }
+      });
+      return h(component, {
+        attrs: componentProps,
+        on: this.$listeners,
+        scopedSlots: this.$scopedSlots,
+        slots: this.$slots
+      });
+    }
+  };
+};
+
+export { PreferencesConsumer as P };

package/dist/es/RangeInput.js

@@ -1,15 +1,16 @@
 import { helper } from '@appbaseio/reactivecore';
+import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
-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-b8146772.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect } from './index-7788a843.js';
-import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
+import { c as connect } from './index-99c5f9c9.js';
+import { C as ComponentWrapper } from './ComponentWrapper-d5e814a4.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-4169deb1.js';
 import './Title-3342664a.js';
 import { F as Flex } from './Flex-1f0795c3.js';
 import { I as Input } from './Input-7a2a9fac.js';
@@ -325,9 +326,9 @@ var mapStateToProps = function mapStateToProps(state) {
   };
 };
 
-var RangeConnected = ComponentWrapper(connect(mapStateToProps, {})(RangeInput), {
+var RangeConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps, {})(RangeInput), {
   componentType: componentTypes.rangeInput
-});
+}));
 
 RangeInput.install = function (Vue) {
   Vue.component(RangeInput.name, RangeConnected);
@@ -337,3 +338,4 @@ RangeInput.install = function (Vue) {
 RangeInput.componentType = componentTypes.rangeInput;
 
 export default RangeInput;
+export { RangeConnected };

package/dist/es/RangeSlider.js

@@ -1,13 +1,14 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
+import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
-import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-b8146772.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-7788a843.js';
-import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
+import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-99c5f9c9.js';
+import { C as ComponentWrapper } from './ComponentWrapper-d5e814a4.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-4169deb1.js';
 import { T as Title } from './Title-3342664a.js';
 import { C as Container } from './Container-ba826e96.js';
 import NoSSR from 'vue-no-ssr';
@@ -278,9 +279,9 @@ var mapDispatchtoProps = {
   setQueryOptions: setQueryOptions,
   setCustomQuery: setCustomQuery
 };
-var RangeConnected = ComponentWrapper(connect(mapStateToProps, mapDispatchtoProps)(RangeSlider), {
+var RangeConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps, mapDispatchtoProps)(RangeSlider), {
   componentType: componentTypes.rangeSlider
-});
+}));
 
 RangeSlider.install = function (Vue) {
   Vue.component(RangeSlider.name, RangeConnected);

package/dist/es/ReactiveBase.js

@@ -1,12 +1,12 @@
 import configureStore, { Actions, helper } from '@appbaseio/reactivecore';
+import '@appbaseio/reactivecore/lib/utils/constants';
 import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
-import '@appbaseio/reactivecore/lib/utils/constants';
 import { isEqual as isEqual$1, transformRequestUsingEndpoint } from '@appbaseio/reactivecore/lib/utils/helper';
 import styled from '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-b8146772.js';
 import 'redux';
-import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-7788a843.js';
+import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-99c5f9c9.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { updateAnalyticsConfig } from '@appbaseio/reactivecore/lib/actions/analytics';
 import Appbase from 'appbase-js';
@@ -384,12 +384,14 @@ var ReactiveBase = {
     getSearchParams: types.func,
     setSearchParams: types.func,
     mongodb: types.mongodb,
-    endpoint: types.endpointConfig
+    endpoint: types.endpointConfig,
+    preferences: VueTypes.object
   },
   provide: function provide() {
     return {
       theme_reactivesearch: composeThemeObject(getTheme(this.$props.themePreset), this.$props.theme),
-      store: this.store
+      store: this.store,
+      $searchPreferences: this.preferences
     };
   },
   watch: {

package/dist/es/{install-5b8c657a.js → ReactiveComponent-9e4721e1.js}

@@ -1,36 +1,31 @@
 import { Actions, helper, causes } from '@appbaseio/reactivecore';
-import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
-import VueTypes from 'vue-types';
 import { SEARCH_COMPONENTS_MODES, componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
+import { _ as _taggedTemplateLiteralLoose, a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-76660dab.js';
+import VueTypes from 'vue-types';
 import { getQueryOptions, suggestionTypes } from '@appbaseio/reactivecore/lib/utils/helper';
 import styled from '@appbaseio/vue-emotion';
 import { B as Button } from './Button-35aa984e.js';
 import { t as types } from './vueTypes-b8146772.js';
-import ReactiveList from './ReactiveList.js';
-import { n as decodeHtml, h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, u as updateDefaultQuery, f as updateCustomQuery, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, c as connect } from './index-7788a843.js';
-import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
+import { RLConnected } from './ReactiveList.js';
+import { n as decodeHtml, h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, u as updateDefaultQuery, f as updateCustomQuery, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, c as connect } from './index-99c5f9c9.js';
+import { C as ComponentWrapper } from './ComponentWrapper-d5e814a4.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-4169deb1.js';
 import { T as Title } from './Title-3342664a.js';
-import ReactiveBase from './ReactiveBase.js';
 import hotkeys from 'hotkeys-js';
-import { S as SearchSvg, a as SuggestionWrapper, I as InputAddon, M as Mic, T as TagItem, b as TagsContainer, c as InputGroup, C as CustomSvg, d as SuggestionItem, D as DataSearch } from './DataSearch-c40e26c7.js';
+import { S as SearchSvg, b as SuggestionWrapper, I as InputAddon, M as Mic, T as TagItem, c as TagsContainer, d as InputGroup, C as CustomSvg, e as SuggestionItem, D as DSConnected } from './DataSearch-d56bf07a.js';
 import { C as CancelSvg, a as IconGroup, I as IconWrapper, D as Downshift, b as InputWrapper } from './CancelSvg-4cfae5fd.js';
 import { s as suggestionsContainer, I as Input, a as suggestions } from './Input-7a2a9fac.js';
 import { C as Container } from './Container-ba826e96.js';
-import SingleList from './SingleList.js';
-import MultiList from './MultiList.js';
-import SingleDropdownList from './SingleDropdownList.js';
-import MultiDropdownList from './MultiDropdownList.js';
-import ToggleButton from './ToggleButton.js';
-import ReactiveComponent from './ReactiveComponent.js';
-import SelectedFilters from './SelectedFilters.js';
-import SingleRange from './SingleRange.js';
-import MultiRange from './MultiRange.js';
-import ResultCard from './ResultCard.js';
-import ResultList from './ResultList.js';
-import RangeSlider from './RangeSlider.js';
-import DynamicRangeSlider from './DynamicRangeSlider.js';
-import StateProvider from './StateProvider.js';
-import RangeInput from './RangeInput.js';
+import { ListConnected as ListConnected$4 } from './SingleList.js';
+import { ListConnected as ListConnected$3 } from './MultiList.js';
+import { ListConnected as ListConnected$2 } from './SingleDropdownList.js';
+import { ListConnected as ListConnected$1 } from './MultiDropdownList.js';
+import { ListConnected } from './ToggleButton.js';
+import { RangeConnected as RangeConnected$4 } from './DynamicRangeSlider.js';
+import { RangeConnected as RangeConnected$3 } from './SingleRange.js';
+import { RangeConnected as RangeConnected$2 } from './MultiRange.js';
+import { RangeConnected as RangeConnected$1 } from './RangeSlider.js';
+import { RangeConnected } from './RangeInput.js';
 
 var _templateObject;
 var AutofillSvgIcon = styled('button')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tmargin-left: auto;\n\tposition: relative;\n\tright: -3px;\n\tborder: none;\n\toutline: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tz-index: 111000;\n\n\tsvg {\n\t\tcursor: pointer;\n\t\tfill: #707070;\n\t\theight: 20px;\n\t}\n\n\t&:hover {\n\t\tsvg {\n\t\t\tfill: #1c1a1a;\n\t\t}\n\t}\n"])));
@@ -1379,24 +1374,414 @@ var mapDispatchToProps = {
   setDefaultQuery: setDefaultQuery,
   recordSuggestionClick: recordSuggestionClick
 };
-var DSConnected = ComponentWrapper(connect(mapStateToProps, mapDispatchToProps)(SearchBox), {
+var SBConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps, mapDispatchToProps)(SearchBox), {
   componentType: componentTypes.searchBox,
   internalComponent: true
-});
+}));
 
 SearchBox.install = function (Vue) {
-  Vue.component(SearchBox.name, DSConnected);
+  Vue.component(SearchBox.name, SBConnected);
 }; // Add componentType for SSR
 
 
 SearchBox.componentType = componentTypes.searchBox;
 
-var components = [ReactiveList, ResultCard, ResultList, ReactiveBase, DataSearch, SearchBox, SingleList, MultiList, SingleRange, MultiRange, RangeSlider, DynamicRangeSlider, ReactiveComponent, SelectedFilters, ToggleButton, SingleDropdownList, MultiDropdownList, StateProvider, RangeInput];
-function install (Vue) {
-  components.map(function (component) {
-    Vue.use(component);
-    return null;
-  });
-}
+var _excluded = ["options"];
+var updateQuery$1 = Actions.updateQuery,
+    setQueryOptions = Actions.setQueryOptions,
+    setCustomQuery$1 = Actions.setCustomQuery,
+    setDefaultQuery$1 = Actions.setDefaultQuery;
+var parseHits = helper.parseHits,
+    isEqual$1 = helper.isEqual,
+    getCompositeAggsQuery$1 = helper.getCompositeAggsQuery,
+    getResultStats$1 = 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$1(newVal, oldVal)) {
+        this.$emit('data', this.getData());
+      }
+    },
+    rawData: function rawData(newVal, oldVal) {
+      if (!isEqual$1(newVal, oldVal)) {
+        this.$emit('data', this.getData());
+      }
+    },
+    aggregations: function aggregations(newVal, oldVal) {
+      if (!isEqual$1(newVal, oldVal)) {
+        this.$emit('data', this.getData());
+      }
+    },
+    aggregationData: function aggregationData(newVal, oldVal) {
+      if (!isEqual$1(newVal, oldVal)) {
+        this.$emit('data', this.getData());
+      }
+    },
+    promotedResults: function promotedResults(newVal, oldVal) {
+      if (!isEqual$1(newVal, oldVal)) {
+        this.$emit('data', this.getData());
+      }
+    },
+    hidden: function hidden(newVal, oldVal) {
+      if (!isEqual$1(newVal, oldVal)) {
+        this.$emit('data', this.getData());
+      }
+    },
+    total: function total(newVal, oldVal) {
+      if (!isEqual$1(newVal, oldVal)) {
+        this.$emit('data', this.getData());
+      }
+    },
+    time: function time(newVal, oldVal) {
+      if (!isEqual$1(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$1({
+            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$1(this);
+    }
+  }
+};
+
+ReactiveComponent.hasInternalComponent = function (props) {
+  return !!props.defaultQuery;
+};
+
+var mapStateToProps$1 = 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$1,
+  setCustomQuery: setCustomQuery$1,
+  setDefaultQuery: setDefaultQuery$1
+};
+var ConnectedComponent = ComponentWrapper(connect(mapStateToProps$1, mapDispatchtoProps)(ReactiveComponent), {
+  componentType: componentTypes.reactiveComponent
+});
+var RcConnected = PreferencesConsumer({
+  name: 'RcConnected',
+  render: function render(h) {
+    var component = ConnectedComponent;
+
+    switch (this.$attrs.componentType) {
+      case componentTypes.reactiveList:
+        component = RLConnected;
+        break;
+
+      case componentTypes.dataSearch:
+        component = DSConnected;
+        break;
+
+      case componentTypes.searchBox:
+        component = SBConnected;
+        break;
+      // list components
+
+      case componentTypes.singleList:
+        component = ListConnected$4;
+        break;
+
+      case componentTypes.multiList:
+        component = ListConnected$3;
+        break;
+
+      case componentTypes.singleDropdownList:
+        component = ListConnected$2;
+        break;
+
+      case componentTypes.multiDropdownList:
+        component = ListConnected$1;
+        break;
+      // basic components
+
+      case componentTypes.toggleButton:
+        component = ListConnected;
+        break;
+      // range components
+
+      case componentTypes.dynamicRangeSlider:
+        component = RangeConnected$4;
+        break;
+
+      case componentTypes.singleRange:
+        component = RangeConnected$3;
+        break;
+
+      case componentTypes.multiRange:
+        component = RangeConnected$2;
+        break;
+
+      case componentTypes.rangeSlider:
+        component = RangeConnected$1;
+        break;
+
+      case componentTypes.rangeInput:
+        component = RangeConnected;
+        break;
+    }
+
+    return h(component, {
+      attrs: this.$attrs,
+      on: this.$listeners,
+      scopedSlots: this.$scopedSlots,
+      slots: this.$slots
+    });
+  }
+});
+
+ReactiveComponent.install = function (Vue) {
+  Vue.component(ReactiveComponent.name, RcConnected);
+}; // Add componentType for SSR
+
+
+ReactiveComponent.componentType = componentTypes.reactiveComponent;
 
-export { SearchBox as S, install as i };
+export { ReactiveComponent as R, SearchBox as S };