@appbaseio/reactivesearch-vue 1.32.3 → 1.33.0

package/dist/cjs/ReactiveComponent.js

@@ -2,345 +2,53 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var configureStore = require('@appbaseio/reactivecore');
-var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
-var VueTypes = _interopDefault(require('vue-types'));
-var constants = require('@appbaseio/reactivecore/lib/utils/constants');
-var vueTypes = require('./vueTypes-727b7c63.js');
+require('@appbaseio/reactivecore');
+require('@appbaseio/reactivecore/lib/utils/constants');
+require('./_rollupPluginBabelHelpers-c705cbe6.js');
+require('vue-types');
+require('@appbaseio/reactivecore/lib/utils/helper');
+require('emotion');
+require('@appbaseio/vue-emotion');
+require('polished');
+require('./Button-0673191e.js');
+require('./vueTypes-727b7c63.js');
+require('./Pagination-3d73e1b3.js');
+require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-6a167fe0.js');
-var ComponentWrapper = require('./ComponentWrapper-ad3dad02.js');
-
-var _excluded = ["options"];
-var updateQuery = configureStore.Actions.updateQuery,
-    setQueryOptions = configureStore.Actions.setQueryOptions,
-    setCustomQuery = configureStore.Actions.setCustomQuery,
-    setDefaultQuery = configureStore.Actions.setDefaultQuery;
-var parseHits = configureStore.helper.parseHits,
-    isEqual = configureStore.helper.isEqual,
-    getCompositeAggsQuery = configureStore.helper.getCompositeAggsQuery,
-    getResultStats = configureStore.helper.getResultStats,
-    extractQueryFromCustomQuery = configureStore.helper.extractQueryFromCustomQuery,
-    getOptionsForCustomQuery = configureStore.helper.getOptionsForCustomQuery;
-var ReactiveComponent = {
-  name: 'ReactiveComponent',
-  props: {
-    componentId: vueTypes.types.stringRequired,
-    aggregationField: vueTypes.types.string,
-    aggregationSize: VueTypes.number,
-    size: VueTypes.number,
-    defaultQuery: vueTypes.types.func,
-    customQuery: vueTypes.types.func,
-    filterLabel: vueTypes.types.string,
-    react: vueTypes.types.react,
-    showFilter: VueTypes.bool.def(true),
-    URLParams: VueTypes.bool.def(false),
-    distinctField: vueTypes.types.string,
-    distinctFieldConfig: vueTypes.types.props,
-    index: VueTypes.string,
-    endpoint: vueTypes.types.endpointConfig
-  },
-  created: function created() {
-    var _this = this;
-
-    var props = this.$props;
-    this.internalComponent = null;
-    this.$defaultQuery = null; // Set custom query in store
-
-    index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.selectedValue);
-    var customQuery = props.customQuery,
-        componentId = props.componentId,
-        filterLabel = props.filterLabel,
-        showFilter = props.showFilter,
-        URLParams = props.URLParams,
-        distinctField = props.distinctField,
-        distinctFieldConfig = props.distinctFieldConfig,
-        index$1 = 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$1) {
-      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, _rollupPluginBabelHelpers._extends({}, customQueryOptions, this.getAggsQuery()), false);
-      } else this.setQueryOptions(componentId, this.getAggsQuery(), false);
-
-      this.updateQuery({
-        componentId: componentId,
-        query: query,
-        value: this.selectedValue || null,
-        label: filterLabel,
-        showFilter: showFilter,
-        URLParams: URLParams
-      });
-    }
-
-    this.setQuery = function (_ref) {
-      var options = _ref.options,
-          obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref, _excluded);
-
-      var queryToBeSet = obj.query; // when enableAppbase is true, Backend throws error because of repeated query in request body
-
-      if (queryToBeSet && queryToBeSet.query) {
-        queryToBeSet = queryToBeSet.query;
-      }
-
-      var customQueryCalc = _rollupPluginBabelHelpers._extends({}, options, {
-        query: queryToBeSet
-      });
-
-      var rsAPIQuery = customQueryCalc; // handle stored queries
-
-      if (queryToBeSet && queryToBeSet.id) {
-        rsAPIQuery = queryToBeSet;
-      } // Update customQuery field for RS API
-
-
-      _this.setCustomQuery(props.componentId, rsAPIQuery);
-
-      if (options) {
-        _this.setQueryOptions(props.componentId, _rollupPluginBabelHelpers._extends({}, _this.getAggsQuery(), options), false);
-      }
-
-      _this.updateQuery(_rollupPluginBabelHelpers._extends({}, obj, {
-        query: customQueryCalc.query,
-        componentId: props.componentId,
-        label: props.filterLabel,
-        showFilter: props.showFilter,
-        URLParams: props.URLParams
-      }));
-    };
-
-    if (props.defaultQuery) {
-      this.internalComponent = props.componentId + "__internal";
-    }
-
-    if (this.internalComponent && this.$props.defaultQuery) {
-      index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.selectedValue);
-      this.$defaultQuery = this.$props.defaultQuery(this.selectedValue, this.$props);
-
-      var _query = extractQueryFromCustomQuery(this.$defaultQuery);
-
-      var queryOptions = getOptionsForCustomQuery(this.$defaultQuery);
-
-      if (queryOptions) {
-        this.setQueryOptions(this.internalComponent, _rollupPluginBabelHelpers._extends({}, queryOptions, this.getAggsQuery()), false);
-      } else this.setQueryOptions(this.internalComponent, this.getAggsQuery(), false);
-
-      this.updateQuery({
-        componentId: this.internalComponent,
-        query: _query
-      });
-    }
-  },
-  watch: {
-    hits: function hits(newVal, oldVal) {
-      if (!isEqual(newVal, oldVal)) {
-        this.$emit('data', this.getData());
-      }
-    },
-    rawData: function rawData(newVal, oldVal) {
-      if (!isEqual(newVal, oldVal)) {
-        this.$emit('data', this.getData());
-      }
-    },
-    aggregations: function aggregations(newVal, oldVal) {
-      if (!isEqual(newVal, oldVal)) {
-        this.$emit('data', this.getData());
-      }
-    },
-    aggregationData: function aggregationData(newVal, oldVal) {
-      if (!isEqual(newVal, oldVal)) {
-        this.$emit('data', this.getData());
-      }
-    },
-    promotedResults: function promotedResults(newVal, oldVal) {
-      if (!isEqual(newVal, oldVal)) {
-        this.$emit('data', this.getData());
-      }
-    },
-    hidden: function hidden(newVal, oldVal) {
-      if (!isEqual(newVal, oldVal)) {
-        this.$emit('data', this.getData());
-      }
-    },
-    total: function total(newVal, oldVal) {
-      if (!isEqual(newVal, oldVal)) {
-        this.$emit('data', this.getData());
-      }
-    },
-    time: function time(newVal, oldVal) {
-      if (!isEqual(newVal, oldVal)) {
-        this.$emit('data', this.getData());
-      }
-    },
-    defaultQuery: function defaultQuery(newVal, oldVal) {
-      if (newVal && !index.isQueryIdentical(newVal, oldVal, this.selectedValue, this.$props)) {
-        this.$defaultQuery = newVal(this.selectedValue, this.$props);
-        var query = extractQueryFromCustomQuery(this.$defaultQuery);
-        var queryOptions = getOptionsForCustomQuery(this.$defaultQuery);
-
-        if (queryOptions) {
-          this.setQueryOptions(this.internalComponent, _rollupPluginBabelHelpers._extends({}, queryOptions, this.getAggsQuery()), false);
-        } else this.setQueryOptions(this.internalComponent, this.getAggsQuery(), false); // Update default query for RS API
-
-
-        index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.selectedValue);
-        this.updateQuery({
-          componentId: this.internalComponent,
-          query: query
-        });
-      }
-    },
-    customQuery: function customQuery(newVal, oldVal) {
-      if (newVal && !index.isQueryIdentical(newVal, oldVal, this.selectedValue, this.$props)) {
-        var componentId = this.$props.componentId;
-        this.$customQuery = newVal(this.selectedValue, this.$props);
-        var query = extractQueryFromCustomQuery(this.$customQuery);
-        var queryOptions = getOptionsForCustomQuery(this.$customQuery);
-
-        if (queryOptions) {
-          this.setQueryOptions(componentId, _rollupPluginBabelHelpers._extends({}, queryOptions, this.getAggsQuery()), false);
-        } else this.setQueryOptions(componentId, this.getAggsQuery(), false); // Update custom query for RS API
-
-
-        index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.selectedValue);
-        this.updateQuery({
-          componentId: componentId,
-          query: query
-        });
-      }
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-
-    try {
-      var dom = this.$scopedSlots["default"];
-      var error = this.error,
-          isLoading = this.isLoading,
-          selectedValue = this.selectedValue;
-
-      var propsToBePassed = _rollupPluginBabelHelpers._extends({
-        error: error,
-        loading: isLoading
-      }, this.getData(), {
-        value: selectedValue,
-        setQuery: this.setQuery
-      });
-
-      return h("div", [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],
-    enableAppbase: state.config.enableAppbase
-  };
-};
-
-var mapDispatchtoProps = {
-  setQueryOptions: setQueryOptions,
-  updateQuery: updateQuery,
-  setCustomQuery: setCustomQuery,
-  setDefaultQuery: setDefaultQuery
-};
-var RcConnected = ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(ReactiveComponent), {
-  componentType: constants.componentTypes.reactiveComponent
-});
-
-ReactiveComponent.install = function (Vue) {
-  Vue.component(ReactiveComponent.name, RcConnected);
-}; // Add componentType for SSR
-
-
-ReactiveComponent.componentType = constants.componentTypes.reactiveComponent;
-
-exports.default = ReactiveComponent;
+require('./index-08f8dfa3.js');
+require('./ComponentWrapper-981ab977.js');
+require('./PreferencesConsumer-7be03476.js');
+require('@vue/babel-helper-vue-jsx-merge-props');
+require('./Title-1de7d0f4.js');
+require('./ListItem-8c9e0d68.js');
+require('./Card-642547a8.js');
+require('./Flex-aa517a13.js');
+require('hotkeys-js');
+require('./DataSearch-708b183d.js');
+require('./CancelSvg-9f258f4f.js');
+require('./Input-e6603a7e.js');
+require('compute-scroll-into-view');
+require('./Container-daf30918.js');
+require('vue-highlight-words');
+var ReactiveComponent = require('./ReactiveComponent-5ff98cce.js');
+require('@appbaseio/reactivecore/lib/utils/suggestions');
+require('./FormControlList-c195a592.js');
+require('./utils-d6a52588.js');
+require('./SingleList.js');
+require('./MultiList.js');
+require('./DropDown-c479bbb0.js');
+require('./SingleDropdownList.js');
+require('./MultiDropdownList.js');
+require('./ToggleButton.js');
+require('vue-no-ssr');
+require('./ssr-3027b848.js');
+require('./DynamicRangeSlider.js');
+require('./SingleRange.js');
+require('./MultiRange.js');
+require('./RangeSlider.js');
+require('./RangeInput.js');
+
+
+
+exports.default = ReactiveComponent.ReactiveComponent;

package/dist/cjs/ReactiveGoogleMap.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');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
@@ -18,8 +18,9 @@ var vueTypes = require('./vueTypes-727b7c63.js');
 var Pagination = require('./Pagination-3d73e1b3.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-7be03476.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 var FormControlList = require('./FormControlList-c195a592.js');
 var GmapVue = require('gmap-vue');
@@ -888,10 +889,10 @@ var mapDispatchToProps = {
   recordResultClick: recordResultClick,
   setMapData: setMapData
 };
-var RMConnected = ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchToProps)(ReactiveMap), {
+var RMConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchToProps)(ReactiveMap), {
   componentType: constants.componentTypes.reactiveMap,
   internalComponent: true
-});
+}));
 
 ReactiveMap.install = function (Vue) {
   Vue.component(ReactiveMap.name, RMConnected);
@@ -2277,7 +2278,7 @@ var ReactiveGoogleMap = {
       var currentInstance = this;
 
       while (currentInstance) {
-        if (currentInstance && currentInstance._name === '<ConnectClusterMarkers>') {
+        if (currentInstance && currentInstance.$options && currentInstance.$options.name === 'connect-ClusterMarkers') {
           clusterManagerInstance = currentInstance;
           currentInstance = null;
         } else if (currentInstance.$children) {

package/dist/cjs/ReactiveList.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 helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
@@ -19,8 +19,9 @@ var vueTypes = require('./vueTypes-727b7c63.js');
 var Pagination = require('./Pagination-3d73e1b3.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-7be03476.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 require('./Title-1de7d0f4.js');
 var ListItem = require('./ListItem-8c9e0d68.js');
@@ -1040,10 +1041,10 @@ ReactiveList.hasInternalComponent = function () {
   return true;
 };
 
-var RLConnected = ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(ReactiveList), {
+var RLConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(ReactiveList), {
   componentType: constants.componentTypes.reactiveList,
   internalComponent: ReactiveList.hasInternalComponent()
-});
+}));
 
 ReactiveList.install = function (Vue) {
   Vue.component(ReactiveList.name, RLConnected);

package/dist/cjs/SelectedFilters.js

@@ -6,16 +6,16 @@ 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');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 var Button = require('./Button-0673191e.js');
 var vueTypes = require('./vueTypes-727b7c63.js');
 require('redux');
-var index = require('./index-6a167fe0.js');
+var index = require('./index-08f8dfa3.js');
 var Title = require('./Title-1de7d0f4.js');
 var Container = require('./Container-daf30918.js');
 

package/dist/cjs/SingleDropdownList.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-7be03476.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
 var Title = require('./Title-1de7d0f4.js');
 require('./CancelSvg-9f258f4f.js');
@@ -214,7 +215,8 @@ var SingleDropdownList = {
 
     if (this.$props.selectAllLabel) {
       selectAll = [{
-        key: this.$props.selectAllLabel
+        key: this.$props.selectAllLabel,
+        doc_count: this.totalDocumentCount
       }];
     }
 
@@ -459,6 +461,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 || '',
+    totalDocumentCount: state.hits[props.componentId] && state.hits[props.componentId].total,
     themePreset: state.config.themePreset,
     error: state.error[props.componentId],
     componentProps: state.props[props.componentId],
@@ -472,10 +475,10 @@ var mapDispatchtoProps = {
   setCustomQuery: setCustomQuery,
   setDefaultQuery: setDefaultQuery
 };
-var ListConnected = ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(SingleDropdownList), {
+var ListConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(SingleDropdownList), {
   componentType: constants.componentTypes.singleDropdownList,
   internalComponent: SingleDropdownList.hasInternalComponent()
-});
+}));
 
 SingleDropdownList.install = function (Vue) {
   Vue.component(SingleDropdownList.name, ListConnected);
@@ -484,4 +487,5 @@ SingleDropdownList.install = function (Vue) {
 
 SingleDropdownList.componentType = constants.componentTypes.singleDropdownList;
 
+exports.ListConnected = ListConnected;
 exports.default = SingleDropdownList;

package/dist/cjs/SingleList.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-7be03476.js');
 var Title = require('./Title-1de7d0f4.js');
 var Input = require('./Input-e6603a7e.js');
 var Container = require('./Container-daf30918.js');
@@ -197,6 +198,7 @@ var SingleList = {
         "name": this.$props.componentId,
         "value": selectAllLabel,
         "readOnly": true,
+        "type": "radio",
         "show": this.$props.showRadio
       },
       "on": {
@@ -210,7 +212,9 @@ var SingleList = {
       "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') || null
+    }, ["\xA0(", this.totalDocumentCount, ")"])])])]) : null, !this.hasCustomRenderer && filteredItemsToRender.length === 0 && !this.isLoading ? this.renderNoResult() : filteredItemsToRender.map(function (item) {
       return h("li", {
         "key": item.key,
         "class": "" + (_this.currentValue === String(item.key) ? 'active' : '')
@@ -480,6 +484,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 || '',
+    totalDocumentCount: state.hits[props.componentId] && state.hits[props.componentId].total,
     themePreset: state.config.themePreset,
     error: state.error[props.componentId],
     componentProps: state.props[props.componentId],
@@ -493,10 +498,10 @@ var mapDispatchtoProps = {
   setCustomQuery: setCustomQuery,
   setDefaultQuery: setDefaultQuery
 };
-var ListConnected = ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(SingleList), {
+var ListConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(SingleList), {
   componentType: constants.componentTypes.singleList,
   internalComponent: SingleList.hasInternalComponent()
-});
+}));
 
 SingleList.install = function (Vue) {
   Vue.component(SingleList.name, ListConnected);
@@ -505,4 +510,5 @@ SingleList.install = function (Vue) {
 
 SingleList.componentType = constants.componentTypes.singleList;
 
+exports.ListConnected = ListConnected;
 exports.default = SingleList;

package/dist/cjs/SingleRange.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');
 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-7be03476.js');
 var Title = require('./Title-1de7d0f4.js');
 var Container = require('./Container-daf30918.js');
 var FormControlList = require('./FormControlList-c195a592.js');
@@ -238,9 +239,9 @@ var mapDispatchtoProps = {
   setQueryOptions: setQueryOptions,
   setCustomQuery: setCustomQuery
 };
-var RangeConnected = ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(SingleRange), {
+var RangeConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(SingleRange), {
   componentType: constants.componentTypes.singleRange
-});
+}));
 
 SingleRange.install = function (Vue) {
   Vue.component(SingleRange.name, RangeConnected);
@@ -249,4 +250,5 @@ SingleRange.install = function (Vue) {
 
 SingleRange.componentType = constants.componentTypes.singleRange;
 
+exports.RangeConnected = RangeConnected;
 exports.default = SingleRange;