@appbaseio/reactivesearch-vue 1.32.4 → 1.33.1

package/dist/cjs/ToggleButton.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');
 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');
 var Title = require('./Title-1de7d0f4.js');
 var Container = require('./Container-daf30918.js');
 
@@ -342,15 +343,16 @@ var mapDispatchtoProps = {
   setQueryOptions: setQueryOptions,
   setCustomQuery: setCustomQuery
 };
-var RcConnected = ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(ToggleButton), {
+var ListConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(ToggleButton), {
   componentType: constants.componentTypes.toggleButton
-});
+}));
 
 ToggleButton.install = function (Vue) {
-  Vue.component(ToggleButton.name, RcConnected);
+  Vue.component(ToggleButton.name, ListConnected);
 }; // Add componentType for SSR
 
 
 ToggleButton.componentType = constants.componentTypes.toggleButton;
 
+exports.ListConnected = ListConnected;
 exports.default = ToggleButton;

package/dist/cjs/{index-6a167fe0.js → index-08f8dfa3.js}

@@ -4,8 +4,8 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var redux = require('redux');
 
 // Credit to React-Redux for this util function

package/dist/cjs/index.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('@appbaseio/reactivecore');
+var constants = 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');
@@ -16,8 +16,9 @@ require('./Pagination-3d73e1b3.js');
 var ReactiveList = require('./ReactiveList.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('@vue/babel-helper-vue-jsx-merge-props');
 require('./Title-1de7d0f4.js');
 require('./ListItem-8c9e0d68.js');
@@ -28,13 +29,13 @@ require('appbase-js');
 require('url-search-params-polyfill');
 var ReactiveBase = require('./ReactiveBase.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');
 require('./Container-daf30918.js');
 require('vue-highlight-words');
-var install = require('./install-add725fe.js');
+var ReactiveComponent = require('./ReactiveComponent-63ef70c2.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-c195a592.js');
 require('./utils-d6a52588.js');
@@ -44,16 +45,16 @@ require('./DropDown-c479bbb0.js');
 var SingleDropdownList = require('./SingleDropdownList.js');
 var MultiDropdownList = require('./MultiDropdownList.js');
 var ToggleButton = require('./ToggleButton.js');
-var ReactiveComponent = require('./ReactiveComponent.js');
-var SelectedFilters = require('./SelectedFilters.js');
+require('vue-no-ssr');
+require('./ssr-3027b848.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');
-require('vue-no-ssr');
-require('./ssr-3027b848.js');
-var RangeSlider = require('./RangeSlider.js');
-var DynamicRangeSlider = require('./DynamicRangeSlider.js');
 require('@appbaseio/reactivecore/lib/actions/value');
 var StateProvider = require('./StateProvider.js');
 require('gmap-vue');
@@ -69,39 +70,45 @@ require('@appbaseio/reactivecore/lib/utils/graphQL');
 require('@appbaseio/reactivecore/lib/actions/utils');
 var initReactivesearch = require('./initReactivesearch.js');
 var version = require('./version.js');
-var RangeInput = require('./RangeInput.js');
+var install = require('./install.js');
 
 // Add polyfills to support in IE
 
 if (typeof window !== 'undefined' && window.Vue) {
-  install.install(window.Vue);
+  install.default(window.Vue);
 }
 var index = {
   version: version.default,
-  install: install.install
+  install: install.default
 };
 
+Object.defineProperty(exports, 'componentTypes', {
+	enumerable: true,
+	get: function () {
+		return constants.componentTypes;
+	}
+});
 exports.ReactiveList = ReactiveList.default;
 exports.ReactiveBase = ReactiveBase.default;
 exports.DataSearch = DataSearch.DataSearch;
-exports.SearchBox = install.SearchBox;
-exports.install = install.install;
+exports.ReactiveComponent = ReactiveComponent.ReactiveComponent;
+exports.SearchBox = ReactiveComponent.SearchBox;
 exports.SingleList = SingleList.default;
 exports.MultiList = MultiList.default;
 exports.SingleDropdownList = SingleDropdownList.default;
 exports.MultiDropdownList = MultiDropdownList.default;
 exports.ToggleButton = ToggleButton.default;
-exports.ReactiveComponent = ReactiveComponent.default;
-exports.SelectedFilters = SelectedFilters.default;
+exports.DynamicRangeSlider = DynamicRangeSlider.default;
 exports.SingleRange = SingleRange.default;
 exports.MultiRange = MultiRange.default;
+exports.RangeSlider = RangeSlider.default;
+exports.RangeInput = RangeInput.default;
+exports.SelectedFilters = SelectedFilters.default;
 exports.ResultCard = ResultCard.default;
 exports.ResultList = ResultList.default;
-exports.RangeSlider = RangeSlider.default;
-exports.DynamicRangeSlider = DynamicRangeSlider.default;
 exports.StateProvider = StateProvider.default;
 exports.ReactiveGoogleMap = ReactiveGoogleMap.default;
 exports.initReactivesearch = initReactivesearch.default;
 exports.version = version.default;
-exports.RangeInput = RangeInput.default;
+exports.install = install.default;
 exports.default = index;

package/dist/cjs/initReactivesearch.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var transform = require('@appbaseio/reactivecore/lib/utils/transform');
 var Appbase = _interopDefault(require('appbase-js'));

package/dist/cjs/install.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,11 +13,12 @@ require('polished');
 require('./Button-0673191e.js');
 require('./vueTypes-727b7c63.js');
 require('./Pagination-3d73e1b3.js');
-require('./ReactiveList.js');
+var ReactiveList = require('./ReactiveList.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('@vue/babel-helper-vue-jsx-merge-props');
 require('./Title-1de7d0f4.js');
 require('./ListItem-8c9e0d68.js');
@@ -26,38 +27,43 @@ require('./Flex-aa517a13.js');
 require('@appbaseio/reactivecore/lib/actions/analytics');
 require('appbase-js');
 require('url-search-params-polyfill');
-require('./ReactiveBase.js');
+var ReactiveBase = require('./ReactiveBase.js');
 require('hotkeys-js');
-require('./DataSearch-b51a5d0f.js');
+var DataSearch = require('./DataSearch-c42d8681.js');
 require('./CancelSvg-9f258f4f.js');
 require('./Input-e6603a7e.js');
 require('compute-scroll-into-view');
 require('./Container-daf30918.js');
 require('vue-highlight-words');
-var install = require('./install-add725fe.js');
+var ReactiveComponent = require('./ReactiveComponent-63ef70c2.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-c195a592.js');
 require('./utils-d6a52588.js');
-require('./SingleList.js');
-require('./MultiList.js');
+var SingleList = require('./SingleList.js');
+var MultiList = require('./MultiList.js');
 require('./DropDown-c479bbb0.js');
-require('./SingleDropdownList.js');
-require('./MultiDropdownList.js');
-require('./ToggleButton.js');
-require('./ReactiveComponent.js');
-require('./SelectedFilters.js');
-require('./SingleRange.js');
-require('./MultiRange.js');
-require('./ResultCard.js');
-require('./ResultList.js');
+var SingleDropdownList = require('./SingleDropdownList.js');
+var MultiDropdownList = require('./MultiDropdownList.js');
+var ToggleButton = require('./ToggleButton.js');
 require('vue-no-ssr');
 require('./ssr-3027b848.js');
-require('./RangeSlider.js');
-require('./DynamicRangeSlider.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');
 require('@appbaseio/reactivecore/lib/actions/value');
-require('./StateProvider.js');
-require('./RangeInput.js');
-
+var StateProvider = require('./StateProvider.js');
 
+var components = [ReactiveList.default, ResultCard.default, ResultList.default, ReactiveBase.default, DataSearch.DataSearch, 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.install;
+exports.default = install;

package/dist/cjs/version.js

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

package/dist/es/{ComponentWrapper-424e86fd.js → ComponentWrapper-d5e814a4.js}

@@ -1,9 +1,9 @@
 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 { getInternalComponentID } from '@appbaseio/reactivecore/lib/utils/transform';
-import { c as connect, b as getCamelCase, d as getValidPropsKeys } from './index-7788a843.js';
+import { c as connect, b as getCamelCase, d as getValidPropsKeys } from './index-99c5f9c9.js';
 
 var addComponent = Actions.addComponent,
     removeComponent = Actions.removeComponent,
@@ -139,19 +139,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/es/{DataSearch-c40e26c7.js → DataSearch-d56bf07a.js}

@@ -1,12 +1,13 @@
 import { helper, Actions, causes } from '@appbaseio/reactivecore';
+import { SEARCH_COMPONENTS_MODES, componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 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 { getQueryOptions } from '@appbaseio/reactivecore/lib/utils/helper';
 import styled, { css, cx, injectGlobal } from '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-b8146772.js';
-import { g as getComponent, h as hasCustomRenderer, f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, j as getQuerySuggestionsComponent, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, m as hasQuerySuggestionsRenderer, c as connect } from './index-7788a843.js';
-import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
+import { g as getComponent, h as hasCustomRenderer, f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, j as getQuerySuggestionsComponent, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, m as hasQuerySuggestionsRenderer, 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 { F as Flex } from './Flex-1f0795c3.js';
 import hotkeys from 'hotkeys-js';
@@ -987,6 +988,7 @@ var DataSearch = {
 
     updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
     updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.currentValue);
+    this.updateDefaultQueryHandler(this.currentValue, this.$props, false);
   },
   computed: {
     suggestionsList: function suggestionsList() {
@@ -1421,7 +1423,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);
@@ -1444,13 +1446,13 @@ var DataSearch = {
         updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
       }
 
-      this.setQueryOptions(this.internalComponent, _extends({}, this.queryOptions, defaultQueryOptions), false);
+      this.setQueryOptions(this.internalComponent, _extends({}, this.queryOptions, defaultQueryOptions), execute);
       this.updateQuery({
         componentId: this.internalComponent,
         query: query,
         value: value,
         componentType: componentTypes.dataSearch
-      });
+      }, execute);
     },
     updateQueryHandler: function updateQueryHandler(componentId, value, props) {
       var customQuery = props.customQuery,
@@ -2307,10 +2309,10 @@ var mapDispatchToProps = {
   getRecentSearches: getRecentSearches,
   resetStoreForComponent: resetStoreForComponent
 };
-var DSConnected = ComponentWrapper(connect(mapStateToProps, mapDispatchToProps)(DataSearch), {
+var DSConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps, mapDispatchToProps)(DataSearch), {
   componentType: componentTypes.dataSearch,
   internalComponent: DataSearch.hasInternalComponent()
-});
+}));
 
 DataSearch.install = function (Vue) {
   Vue.component(DataSearch.name, DSConnected);
@@ -2319,4 +2321,4 @@ DataSearch.install = function (Vue) {
 
 DataSearch.componentType = componentTypes.dataSearch;
 
-export { CustomSvg as C, DataSearch as D, InputAddon as I, Mic as M, SearchSvg as S, TagItem as T, SuggestionWrapper as a, TagsContainer as b, InputGroup as c, SuggestionItem as d };
+export { CustomSvg as C, DSConnected as D, InputAddon as I, Mic as M, SearchSvg as S, TagItem as T, DataSearch as a, SuggestionWrapper as b, TagsContainer as c, InputGroup as d, SuggestionItem as e };

package/dist/es/DataSearch.js

@@ -1,7 +1,7 @@
 import '@appbaseio/reactivecore';
+import '@appbaseio/reactivecore/lib/utils/constants';
 import './_rollupPluginBabelHelpers-76660dab.js';
 import 'vue-types';
-import '@appbaseio/reactivecore/lib/utils/constants';
 import '@appbaseio/reactivecore/lib/utils/helper';
 import 'emotion';
 import '@appbaseio/vue-emotion';
@@ -9,12 +9,13 @@ import 'polished';
 import './vueTypes-b8146772.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import './index-7788a843.js';
-import './ComponentWrapper-424e86fd.js';
+import './index-99c5f9c9.js';
+import './ComponentWrapper-d5e814a4.js';
+import './PreferencesConsumer-4169deb1.js';
 import './Title-3342664a.js';
 import './Flex-1f0795c3.js';
 import 'hotkeys-js';
-export { D as default } from './DataSearch-c40e26c7.js';
+export { D as DSConnected, a as default } from './DataSearch-d56bf07a.js';
 import './CancelSvg-4cfae5fd.js';
 import './Input-7a2a9fac.js';
 import 'compute-scroll-into-view';

package/dist/es/DropDown-05a644a5.js

@@ -4,7 +4,7 @@ import VueTypes from 'vue-types';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-b8146772.js';
-import { a as isFunction } from './index-7788a843.js';
+import { a as isFunction } from './index-99c5f9c9.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { D as Downshift, b as InputWrapper, a as IconGroup, I as IconWrapper, C as CancelSvg } from './CancelSvg-4cfae5fd.js';
 import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-7a2a9fac.js';

package/dist/es/DynamicRangeSlider.js

@@ -1,11 +1,12 @@
 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 'redux';
-import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-7788a843.js';
+import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-99c5f9c9.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';
@@ -450,7 +451,7 @@ var mapDispatchtoProps = {
   setCustomQuery: setCustomQuery,
   updateComponentProps: updateComponentProps
 };
-var RangeConnected = connect(mapStateToProps, mapDispatchtoProps)(DynamicRangeSlider);
+var RangeConnected = PreferencesConsumer(connect(mapStateToProps, mapDispatchtoProps)(DynamicRangeSlider));
 
 DynamicRangeSlider.install = function (Vue) {
   Vue.component(DynamicRangeSlider.name, RangeConnected);
@@ -460,3 +461,4 @@ DynamicRangeSlider.install = function (Vue) {
 DynamicRangeSlider.componentType = componentTypes.dynamicRangeSlider;
 
 export default DynamicRangeSlider;
+export { RangeConnected };

package/dist/es/MultiDropdownList.js

@@ -1,7 +1,7 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
+import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
-import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
@@ -9,8 +9,9 @@ import { l as loadMoreContainer, B as Button } from './Button-35aa984e.js';
 import { t as types } from './vueTypes-b8146772.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, q as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-7788a843.js';
-import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, q as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-99c5f9c9.js';
+import { C as ComponentWrapper } from './ComponentWrapper-d5e814a4.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-4169deb1.js';
 import '@vue/babel-helper-vue-jsx-merge-props';
 import { T as Title } from './Title-3342664a.js';
 import './CancelSvg-4cfae5fd.js';
@@ -222,7 +223,8 @@ var MultiDropdownList = {
 
     if (this.$props.selectAllLabel) {
       selectAll = [{
-        key: this.$props.selectAllLabel
+        key: this.$props.selectAllLabel,
+        doc_count: this.totalDocumentCount
       }];
     }
 
@@ -569,6 +571,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],
@@ -582,10 +585,10 @@ var mapDispatchtoProps = {
   setCustomQuery: setCustomQuery,
   setDefaultQuery: setDefaultQuery
 };
-var ListConnected = ComponentWrapper(connect(mapStateToProps, mapDispatchtoProps)(MultiDropdownList), {
+var ListConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps, mapDispatchtoProps)(MultiDropdownList), {
   componentType: componentTypes.multiDropdownList,
   internalComponent: MultiDropdownList.hasInternalComponent()
-});
+}));
 
 MultiDropdownList.install = function (Vue) {
   Vue.component(MultiDropdownList.name, ListConnected);
@@ -595,3 +598,4 @@ MultiDropdownList.install = function (Vue) {
 MultiDropdownList.componentType = componentTypes.multiDropdownList;
 
 export default MultiDropdownList;
+export { ListConnected };

package/dist/es/MultiList.js

@@ -1,15 +1,16 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
+import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
-import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import { t as types } from './vueTypes-b8146772.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, o as isEvent, q as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-7788a843.js';
-import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, o as isEvent, q as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-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 { I as Input } from './Input-7a2a9fac.js';
 import { C as Container } from './Container-ba826e96.js';
@@ -225,7 +226,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' : '')
@@ -582,6 +585,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
@@ -599,10 +603,10 @@ MultiList.hasInternalComponent = function () {
   return true;
 };
 
-var ListConnected = ComponentWrapper(connect(mapStateToProps, mapDispatchtoProps)(MultiList), {
+var ListConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps, mapDispatchtoProps)(MultiList), {
   componentType: componentTypes.multiList,
   internalComponent: MultiList.hasInternalComponent()
-});
+}));
 
 MultiList.install = function (Vue) {
   Vue.component(MultiList.name, ListConnected);
@@ -612,3 +616,4 @@ MultiList.install = function (Vue) {
 MultiList.componentType = componentTypes.multiList;
 
 export default MultiList;
+export { ListConnected };

package/dist/es/MultiRange.js

@@ -1,15 +1,16 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
+import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
-import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import { t as types } from './vueTypes-b8146772.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { q as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-7788a843.js';
-import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
+import { q as parseValueArray, 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 { U as UL, C as Checkbox } from './FormControlList-c22d64f6.js';
@@ -297,9 +298,9 @@ var mapDispatchtoProps = {
   setQueryOptions: setQueryOptions,
   setCustomQuery: setCustomQuery
 };
-var RangeConnected = ComponentWrapper(connect(mapStateToProps, mapDispatchtoProps)(MultiRange), {
+var RangeConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps, mapDispatchtoProps)(MultiRange), {
   componentType: componentTypes.multiRange
-});
+}));
 
 MultiRange.install = function (Vue) {
   Vue.component(MultiRange.name, RangeConnected);
@@ -309,3 +310,4 @@ MultiRange.install = function (Vue) {
 MultiRange.componentType = componentTypes.multiRange;
 
 export default MultiRange;
+export { RangeConnected };