@appbaseio/reactivesearch-vue 1.32.4 → 1.33.1

package/dist/cjs/{ComponentWrapper-ad3dad02.js → ComponentWrapper-981ab977.js}

@@ -4,11 +4,11 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
+var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
-var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var transform = require('@appbaseio/reactivecore/lib/utils/transform');
-var index = require('./index-6a167fe0.js');
+var index = require('./index-08f8dfa3.js');
 
 var addComponent = configureStore.Actions.addComponent,
     removeComponent = configureStore.Actions.removeComponent,
@@ -144,19 +144,20 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
     },
     methods: {
       setReact: function setReact(props) {
-        var react = props.react;
+        var react = props.react,
+            executeInitialQuery = props.executeInitialQuery;
 
         if (this.internalComponent) {
           if (react) {
             var newReact = pushToAndClause(react, this.internalComponent);
-            this.watchComponent(props.componentId, newReact);
+            this.watchComponent(props.componentId, newReact, executeInitialQuery);
           } else {
             this.watchComponent(props.componentId, {
               and: this.internalComponent
-            });
+            }, executeInitialQuery);
           }
         } else {
-          this.watchComponent(props.componentId, react);
+          this.watchComponent(props.componentId, react, executeInitialQuery);
         }
       }
     },

package/dist/cjs/{DataSearch-b51a5d0f.js → DataSearch-c42d8681.js}

@@ -4,15 +4,16 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
+var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
-var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 var vueTypes = require('./vueTypes-727b7c63.js');
-var index = require('./index-6a167fe0.js');
-var ComponentWrapper = require('./ComponentWrapper-ad3dad02.js');
+var index = require('./index-08f8dfa3.js');
+var ComponentWrapper = require('./ComponentWrapper-981ab977.js');
+var PreferencesConsumer = require('./PreferencesConsumer-4707bd94.js');
 var Title = require('./Title-1de7d0f4.js');
 var Flex = require('./Flex-aa517a13.js');
 var hotkeys = _interopDefault(require('hotkeys-js'));
@@ -993,6 +994,7 @@ var DataSearch = {
 
     index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
     index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.currentValue);
+    this.updateDefaultQueryHandler(this.currentValue, this.$props, false);
   },
   computed: {
     suggestionsList: function suggestionsList() {
@@ -1427,7 +1429,7 @@ var DataSearch = {
 
       checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
     },
-    updateDefaultQueryHandler: function updateDefaultQueryHandler(value, props) {
+    updateDefaultQueryHandler: function updateDefaultQueryHandler(value, props, execute) {
       if (!value && props.enableDefaultSuggestions === false) {
         // clear Component data from store
         this.resetStoreForComponent(props.componentId);
@@ -1450,13 +1452,13 @@ var DataSearch = {
         index.updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
       }
 
-      this.setQueryOptions(this.internalComponent, _rollupPluginBabelHelpers._extends({}, this.queryOptions, defaultQueryOptions), false);
+      this.setQueryOptions(this.internalComponent, _rollupPluginBabelHelpers._extends({}, this.queryOptions, defaultQueryOptions), execute);
       this.updateQuery({
         componentId: this.internalComponent,
         query: query,
         value: value,
         componentType: constants.componentTypes.dataSearch
-      });
+      }, execute);
     },
     updateQueryHandler: function updateQueryHandler(componentId, value, props) {
       var customQuery = props.customQuery,
@@ -2313,10 +2315,10 @@ var mapDispatchToProps = {
   getRecentSearches: getRecentSearches,
   resetStoreForComponent: resetStoreForComponent
 };
-var DSConnected = ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchToProps)(DataSearch), {
+var DSConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchToProps)(DataSearch), {
   componentType: constants.componentTypes.dataSearch,
   internalComponent: DataSearch.hasInternalComponent()
-});
+}));
 
 DataSearch.install = function (Vue) {
   Vue.component(DataSearch.name, DSConnected);
@@ -2326,6 +2328,7 @@ DataSearch.install = function (Vue) {
 DataSearch.componentType = constants.componentTypes.dataSearch;
 
 exports.CustomSvg = CustomSvg;
+exports.DSConnected = DSConnected;
 exports.DataSearch = DataSearch;
 exports.InputAddon = InputAddon;
 exports.InputGroup = InputGroup;

package/dist/cjs/DataSearch.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('@appbaseio/reactivecore');
+require('@appbaseio/reactivecore/lib/utils/constants');
 require('./_rollupPluginBabelHelpers-c705cbe6.js');
 require('vue-types');
-require('@appbaseio/reactivecore/lib/utils/constants');
 require('@appbaseio/reactivecore/lib/utils/helper');
 require('emotion');
 require('@appbaseio/vue-emotion');
@@ -13,12 +13,13 @@ require('polished');
 require('./vueTypes-727b7c63.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-require('./index-6a167fe0.js');
-require('./ComponentWrapper-ad3dad02.js');
+require('./index-08f8dfa3.js');
+require('./ComponentWrapper-981ab977.js');
+require('./PreferencesConsumer-4707bd94.js');
 require('./Title-1de7d0f4.js');
 require('./Flex-aa517a13.js');
 require('hotkeys-js');
-var DataSearch = require('./DataSearch-b51a5d0f.js');
+var DataSearch = require('./DataSearch-c42d8681.js');
 require('./CancelSvg-9f258f4f.js');
 require('./Input-e6603a7e.js');
 require('compute-scroll-into-view');
@@ -27,4 +28,5 @@ require('vue-highlight-words');
 
 
 
+exports.DSConnected = DataSearch.DSConnected;
 exports.default = DataSearch.DataSearch;

package/dist/cjs/DropDown-c479bbb0.js

@@ -10,7 +10,7 @@ var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 var vueTypes = require('./vueTypes-727b7c63.js');
-var index = require('./index-6a167fe0.js');
+var index = require('./index-08f8dfa3.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 var CancelSvg = require('./CancelSvg-9f258f4f.js');
 var Input = require('./Input-e6603a7e.js');

package/dist/cjs/DynamicRangeSlider.js

@@ -6,13 +6,14 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
+var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
-var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('@appbaseio/vue-emotion');
 var vueTypes = require('./vueTypes-727b7c63.js');
 require('redux');
-var index = require('./index-6a167fe0.js');
+var index = require('./index-08f8dfa3.js');
+var PreferencesConsumer = require('./PreferencesConsumer-4707bd94.js');
 var Title = require('./Title-1de7d0f4.js');
 var Container = require('./Container-daf30918.js');
 var NoSSR = _interopDefault(require('vue-no-ssr'));
@@ -457,7 +458,7 @@ var mapDispatchtoProps = {
   setCustomQuery: setCustomQuery,
   updateComponentProps: updateComponentProps
 };
-var RangeConnected = index.connect(mapStateToProps, mapDispatchtoProps)(DynamicRangeSlider);
+var RangeConnected = PreferencesConsumer.PreferencesConsumer(index.connect(mapStateToProps, mapDispatchtoProps)(DynamicRangeSlider));
 
 DynamicRangeSlider.install = function (Vue) {
   Vue.component(DynamicRangeSlider.name, RangeConnected);
@@ -466,4 +467,5 @@ DynamicRangeSlider.install = function (Vue) {
 
 DynamicRangeSlider.componentType = constants.componentTypes.dynamicRangeSlider;
 
+exports.RangeConnected = RangeConnected;
 exports.default = DynamicRangeSlider;

package/dist/cjs/MultiDropdownList.js

@@ -6,9 +6,9 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
+var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
-var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
@@ -16,8 +16,9 @@ var Button = require('./Button-0673191e.js');
 var vueTypes = require('./vueTypes-727b7c63.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-6a167fe0.js');
-var ComponentWrapper = require('./ComponentWrapper-ad3dad02.js');
+var index = require('./index-08f8dfa3.js');
+var ComponentWrapper = require('./ComponentWrapper-981ab977.js');
+var PreferencesConsumer = require('./PreferencesConsumer-4707bd94.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
 var Title = require('./Title-1de7d0f4.js');
 require('./CancelSvg-9f258f4f.js');
@@ -229,7 +230,8 @@ var MultiDropdownList = {
 
     if (this.$props.selectAllLabel) {
       selectAll = [{
-        key: this.$props.selectAllLabel
+        key: this.$props.selectAllLabel,
+        doc_count: this.totalDocumentCount
       }];
     }
 
@@ -576,6 +578,7 @@ var mapStateToProps = function mapStateToProps(state, props) {
     rawData: state.rawData[props.componentId],
     isLoading: state.isLoading[props.componentId],
     selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
+    totalDocumentCount: state.hits[props.componentId] && state.hits[props.componentId].total,
     themePreset: state.config.themePreset,
     error: state.error[props.componentId],
     componentProps: state.props[props.componentId],
@@ -589,10 +592,10 @@ var mapDispatchtoProps = {
   setCustomQuery: setCustomQuery,
   setDefaultQuery: setDefaultQuery
 };
-var ListConnected = ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(MultiDropdownList), {
+var ListConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(MultiDropdownList), {
   componentType: constants.componentTypes.multiDropdownList,
   internalComponent: MultiDropdownList.hasInternalComponent()
-});
+}));
 
 MultiDropdownList.install = function (Vue) {
   Vue.component(MultiDropdownList.name, ListConnected);
@@ -601,4 +604,5 @@ MultiDropdownList.install = function (Vue) {
 
 MultiDropdownList.componentType = constants.componentTypes.multiDropdownList;
 
+exports.ListConnected = ListConnected;
 exports.default = MultiDropdownList;

package/dist/cjs/MultiList.js

@@ -6,17 +6,18 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
+var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
-var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 var vueTypes = require('./vueTypes-727b7c63.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-6a167fe0.js');
-var ComponentWrapper = require('./ComponentWrapper-ad3dad02.js');
+var index = require('./index-08f8dfa3.js');
+var ComponentWrapper = require('./ComponentWrapper-981ab977.js');
+var PreferencesConsumer = require('./PreferencesConsumer-4707bd94.js');
 var Title = require('./Title-1de7d0f4.js');
 var Input = require('./Input-e6603a7e.js');
 var Container = require('./Container-daf30918.js');
@@ -232,7 +233,9 @@ var MultiList = {
       "attrs": {
         "for": this.$props.componentId + "-" + selectAllLabel
       }
-    }, [selectAllLabel])]) : null, !this.hasCustomRenderer && filteredItemsToRender.length === 0 && !this.isLoading ? this.renderNoResult() : filteredItemsToRender.map(function (item) {
+    }, [h("span", [selectAllLabel, this.$props.showCount && h("span", {
+      "class": getClassName(this.$props.innerClass, 'count')
+    }, ["\xA0(", this.totalDocumentCount, ")"])])])]) : null, !this.hasCustomRenderer && filteredItemsToRender.length === 0 && !this.isLoading ? this.renderNoResult() : filteredItemsToRender.map(function (item) {
       return h("li", {
         "key": item.key,
         "class": "" + (_this2.$data.currentValue[item.key] ? 'active' : '')
@@ -589,6 +592,7 @@ var mapStateToProps = function mapStateToProps(state, props) {
     isLoading: state.isLoading[props.componentId],
     selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
     themePreset: state.config.themePreset,
+    totalDocumentCount: state.hits[props.componentId] && state.hits[props.componentId].total,
     error: state.error[props.componentId],
     componentProps: state.props[props.componentId],
     enableAppbase: state.config.enableAppbase
@@ -606,10 +610,10 @@ MultiList.hasInternalComponent = function () {
   return true;
 };
 
-var ListConnected = ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(MultiList), {
+var ListConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(MultiList), {
   componentType: constants.componentTypes.multiList,
   internalComponent: MultiList.hasInternalComponent()
-});
+}));
 
 MultiList.install = function (Vue) {
   Vue.component(MultiList.name, ListConnected);
@@ -618,4 +622,5 @@ MultiList.install = function (Vue) {
 
 MultiList.componentType = constants.componentTypes.multiList;
 
+exports.ListConnected = ListConnected;
 exports.default = MultiList;

package/dist/cjs/MultiRange.js

@@ -6,17 +6,18 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
+var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
-var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 var vueTypes = require('./vueTypes-727b7c63.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-6a167fe0.js');
-var ComponentWrapper = require('./ComponentWrapper-ad3dad02.js');
+var index = require('./index-08f8dfa3.js');
+var ComponentWrapper = require('./ComponentWrapper-981ab977.js');
+var PreferencesConsumer = require('./PreferencesConsumer-4707bd94.js');
 var Title = require('./Title-1de7d0f4.js');
 var Container = require('./Container-daf30918.js');
 var FormControlList = require('./FormControlList-c195a592.js');
@@ -304,9 +305,9 @@ var mapDispatchtoProps = {
   setQueryOptions: setQueryOptions,
   setCustomQuery: setCustomQuery
 };
-var RangeConnected = ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(MultiRange), {
+var RangeConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(MultiRange), {
   componentType: constants.componentTypes.multiRange
-});
+}));
 
 MultiRange.install = function (Vue) {
   Vue.component(MultiRange.name, RangeConnected);
@@ -315,4 +316,5 @@ MultiRange.install = function (Vue) {
 
 MultiRange.componentType = constants.componentTypes.multiRange;
 
+exports.RangeConnected = RangeConnected;
 exports.default = MultiRange;

package/dist/cjs/PreferencesConsumer-4707bd94.js

@@ -0,0 +1,87 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
+var index = require('./index-08f8dfa3.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 _rollupPluginBabelHelpers._extends({}, result, (_extends2 = {}, _extends2[index.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 = _rollupPluginBabelHelpers._extends({}, preferences.rsConfig, componentProps);
+        } else {
+          componentProps = _rollupPluginBabelHelpers._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
+      });
+    }
+  };
+};
+
+exports.PreferencesConsumer = PreferencesConsumer;

package/dist/cjs/RangeInput.js

@@ -6,9 +6,9 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
+var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
-var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
@@ -16,8 +16,9 @@ require('polished');
 var vueTypes = require('./vueTypes-727b7c63.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-6a167fe0.js');
-var ComponentWrapper = require('./ComponentWrapper-ad3dad02.js');
+var index = require('./index-08f8dfa3.js');
+var ComponentWrapper = require('./ComponentWrapper-981ab977.js');
+var PreferencesConsumer = require('./PreferencesConsumer-4707bd94.js');
 require('./Title-1de7d0f4.js');
 var Flex = require('./Flex-aa517a13.js');
 var Input = require('./Input-e6603a7e.js');
@@ -333,9 +334,9 @@ var mapStateToProps = function mapStateToProps(state) {
   };
 };
 
-var RangeConnected = ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, {})(RangeInput), {
+var RangeConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, {})(RangeInput), {
   componentType: constants.componentTypes.rangeInput
-});
+}));
 
 RangeInput.install = function (Vue) {
   Vue.component(RangeInput.name, RangeConnected);
@@ -344,4 +345,5 @@ RangeInput.install = function (Vue) {
 
 RangeInput.componentType = constants.componentTypes.rangeInput;
 
+exports.RangeConnected = RangeConnected;
 exports.default = RangeInput;

package/dist/cjs/RangeSlider.js

@@ -6,15 +6,16 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
+var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
-var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('@appbaseio/vue-emotion');
 var vueTypes = require('./vueTypes-727b7c63.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-6a167fe0.js');
-var ComponentWrapper = require('./ComponentWrapper-ad3dad02.js');
+var index = require('./index-08f8dfa3.js');
+var ComponentWrapper = require('./ComponentWrapper-981ab977.js');
+var PreferencesConsumer = require('./PreferencesConsumer-4707bd94.js');
 var Title = require('./Title-1de7d0f4.js');
 var Container = require('./Container-daf30918.js');
 var NoSSR = _interopDefault(require('vue-no-ssr'));
@@ -285,9 +286,9 @@ var mapDispatchtoProps = {
   setQueryOptions: setQueryOptions,
   setCustomQuery: setCustomQuery
 };
-var RangeConnected = ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(RangeSlider), {
+var RangeConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(RangeSlider), {
   componentType: constants.componentTypes.rangeSlider
-});
+}));
 
 RangeSlider.install = function (Vue) {
   Vue.component(RangeSlider.name, RangeConnected);

package/dist/cjs/ReactiveBase.js

@@ -6,15 +6,15 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
+require('@appbaseio/reactivecore/lib/utils/constants');
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
-require('@appbaseio/reactivecore/lib/utils/constants');
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 var vueTypes = require('./vueTypes-727b7c63.js');
 require('redux');
-var index = require('./index-6a167fe0.js');
+var index = require('./index-08f8dfa3.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 var analytics = require('@appbaseio/reactivecore/lib/actions/analytics');
 var Appbase = _interopDefault(require('appbase-js'));
@@ -392,12 +392,14 @@ var ReactiveBase = {
     getSearchParams: vueTypes.types.func,
     setSearchParams: vueTypes.types.func,
     mongodb: vueTypes.types.mongodb,
-    endpoint: vueTypes.types.endpointConfig
+    endpoint: vueTypes.types.endpointConfig,
+    preferences: VueTypes.object
   },
   provide: function provide() {
     return {
       theme_reactivesearch: index.composeThemeObject(getTheme(this.$props.themePreset), this.$props.theme),
-      store: this.store
+      store: this.store,
+      $searchPreferences: this.preferences
     };
   },
   watch: {