@appbaseio/reactivesearch-vue 1.34.0-alpha.1 → 1.34.0

package/dist/es/ReactiveGoogleMap.js

@@ -6,13 +6,13 @@ import 'emotion';
 import styled, { css } from '@appbaseio/vue-emotion';
 import 'polished';
 import './Button-153cd885.js';
-import { t as types } from './vueTypes-8986b709.js';
-import { P as Pagination } from './Pagination-28e56c5c.js';
+import { t as types } from './vueTypes-66ebc93e.js';
+import { P as Pagination } from './Pagination-edeb7dbe.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, a as isFunction, c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
+import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, a as isFunction, c as connect } from './index-5509c0bc.js';
+import { C as ComponentWrapper } from './ComponentWrapper-edaeaceb.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-86a676c8.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { C as Checkbox } from './FormControlList-99797d0a.js';
 import GmapVue, { components } from 'gmap-vue';
@@ -107,6 +107,7 @@ var ReactiveMap = {
     URLParams: VueTypes.bool,
     autoCenter: VueTypes.bool,
     getMapRef: VueTypes.func.isRequired,
+    getMapPromise: VueTypes.func,
     center: types.location,
     defaultCenter: types.location,
     defaultPin: types.string,
@@ -174,32 +175,37 @@ var ReactiveMap = {
       }
     },
     defaultQuery: function defaultQuery(newVal, oldVal) {
+      var _this = this;
       if (!isQueryIdentical(newVal, oldVal, null, this.$props)) {
-        var options = getQueryOptions(this.$props);
-        options.from = 0;
-        this.$defaultQuery = newVal(null, this.$props);
-        var _ref = this.$defaultQuery || {},
-          sort = _ref.sort,
-          query = _ref.query;
-        if (sort) {
-          options.sort = this.$defaultQuery.sort;
-        }
-        var queryOptions = getOptionsFromQuery(this.$defaultQuery);
-        if (queryOptions) {
-          options = _extends({}, options, getOptionsFromQuery(this.$defaultQuery));
-        }
-        // Update calculated default query in store
-        this.setQueryOptions(this.$props.componentId, options, false);
-        var persistMapQuery = true;
-        var forceExecute = true;
-        // Update default query to include the geo bounding box query
-        this.setDefaultQueryForRSAPI();
-        var meta = {
-          mapBoxBounds: this.mapBoxBounds
-        };
-        this.setMapData(this.componentId, query, persistMapQuery, forceExecute, meta);
-        this.currentPageState = 0;
-        this.from = 0;
+        this.getMapPromise().then(function () {
+          var options = getQueryOptions(_this.$props);
+          options.from = 0;
+          _this.$defaultQuery = newVal(null, _this.$props);
+          // Update default query to include the geo bounding box query
+          _this.setDefaultQueryForRSAPI();
+          if (_this.$defaultQuery) {
+            var _ref = _this.$defaultQuery || {},
+              sort = _ref.sort,
+              query = _ref.query;
+            if (sort) {
+              options.sort = _this.$defaultQuery.sort;
+            }
+            var queryOptions = getOptionsFromQuery(_this.$defaultQuery);
+            if (queryOptions) {
+              options = _extends({}, options, getOptionsFromQuery(_this.$defaultQuery));
+            }
+            // Update calculated default query in store
+            _this.setQueryOptions(_this.$props.componentId, options, false);
+            var persistMapQuery = true;
+            var forceExecute = true;
+            var meta = {
+              mapBoxBounds: _this.mapBoxBounds
+            };
+            _this.setMapData(_this.componentId, query, persistMapQuery, forceExecute, meta);
+            _this.currentPageState = 0;
+            _this.from = 0;
+          }
+        });
       }
     },
     promotedResults: function promotedResults(newVal, oldVal) {
@@ -227,7 +233,7 @@ var ReactiveMap = {
       }
     },
     rawData: function rawData(newVal, oldVal) {
-      var _this = this;
+      var _this2 = this;
       if (!isEqual(newVal, oldVal)) {
         var promotedResults = this.promotedResults,
           hits = this.hits;
@@ -246,10 +252,10 @@ var ReactiveMap = {
           filteredResults = [].concat(parsedPromotedResults, filteredResults);
         }
         filteredResults = filteredResults.filter(function (item) {
-          return !!item[_this.dataField];
+          return !!item[_this2.dataField];
         }).map(function (item) {
           var _extends2;
-          return _extends({}, item, (_extends2 = {}, _extends2[_this.dataField] = getLocationObject(item[_this.dataField]), _extends2));
+          return _extends({}, item, (_extends2 = {}, _extends2[_this2.dataField] = getLocationObject(item[_this2.dataField]), _extends2));
         });
         this.filteredResults = this.addNoise(filteredResults);
         if (this.calculateMarkers) {
@@ -294,15 +300,15 @@ var ReactiveMap = {
       return this.parseLocation(MAP_CENTER);
     },
     addNoise: function addNoise(hits) {
-      var _this2 = this;
+      var _this3 = this;
       var hitMap = {};
       var updatedHits = [];
       hits.forEach(function (item) {
         var updatedItem = _extends({}, item);
-        var location = _this2.parseLocation(item[_this2.dataField]);
+        var location = _this3.parseLocation(item[_this3.dataField]);
         var key = JSON.stringify(location);
         var count = hitMap[key] || 0;
-        updatedItem[_this2.dataField] = count ? withDistinctLat(location, count) : location;
+        updatedItem[_this3.dataField] = count ? withDistinctLat(location, count) : location;
         updatedHits = [].concat(updatedHits, [updatedItem]);
         hitMap[key] = count + 1;
       });
@@ -315,9 +321,9 @@ var ReactiveMap = {
       return null;
     },
     getHitsCenter: function getHitsCenter(hits) {
-      var _this3 = this;
+      var _this4 = this;
       var data = hits.map(function (hit) {
-        return hit[_this3.dataField];
+        return hit[_this4.dataField];
       });
       if (data.length) {
         var numCoords = data.length;
@@ -356,7 +362,7 @@ var ReactiveMap = {
       return false;
     },
     getCenter: function getCenter(hits) {
-      var _this4 = this;
+      var _this5 = this;
       if (this.center) {
         return this.parseLocation(this.center);
       }
@@ -364,7 +370,7 @@ var ReactiveMap = {
       if (mapRef && typeof mapRef.getCenter === 'function' && this.$options.preserveCenter) {
         var currentCenter = mapRef.getCenter();
         setTimeout(function () {
-          _this4.$options.preserveCenter = false;
+          _this5.$options.preserveCenter = false;
         }, 100);
         return this.parseLocation({
           lat: currentCenter.lat(),
@@ -422,12 +428,14 @@ var ReactiveMap = {
       // or whenever searchAsMove is true and the map is dragged
       if (executeUpdate || !this.skipBoundingBox && !this.mapBoxBounds) {
         this.$defaultQuery = this.getGeoQuery();
-        var persistMapQuery = !!this.center;
-        var forceExecute = this.searchAsMove;
-        var meta = {
-          mapBoxBounds: this.mapBoxBounds
-        };
-        this.setMapData(this.componentId, this.$defaultQuery, persistMapQuery, forceExecute, meta);
+        if (this.$defaultQuery) {
+          var persistMapQuery = !!this.center;
+          var forceExecute = this.searchAsMove;
+          var meta = {
+            mapBoxBounds: this.mapBoxBounds
+          };
+          this.setMapData(this.componentId, this.$defaultQuery, persistMapQuery, forceExecute, meta);
+        }
       }
       this.skipBoundingBox = false;
     },
@@ -563,7 +571,8 @@ var ReactiveMap = {
           geo_bounding_box: (_geo_bounding_box = {}, _geo_bounding_box[this.dataField] = boundingBoxCoordinates, _geo_bounding_box)
         };
         if (this.$defaultQuery) {
-          var query = this.$defaultQuery.query;
+          var _ref2 = this.$defaultQuery || {},
+            query = _ref2.query;
           if (query) {
             // adds defaultQuery's query to geo-query
             // to generate a map query
@@ -700,69 +709,77 @@ var ReactiveMap = {
     this.updateComponentProps(this.internalComponent, {
       from: this.from
     }, componentTypes.reactiveMap);
+    this.setDefaultQueryForRSAPI();
   },
   mounted: function mounted() {
-    if (this.defaultPage < 0 && this.currentPage > 0) {
-      if (this.$props.URLParams) {
-        this.setPageURL(this.$props.componentId, this.currentPage, this.$props.componentId, false, true);
+    var _this6 = this;
+    this.getMapPromise().then(function () {
+      if (_this6.defaultPage < 0 && _this6.currentPage > 0) {
+        if (_this6.$props.URLParams) {
+          _this6.setPageURL(_this6.$props.componentId, _this6.currentPage, _this6.$props.componentId, false, true);
+        }
       }
-    }
-    var options = getQueryOptions(this.$props);
-    options.from = this.$data.from;
-    if (this.$props.sortBy) {
-      var _ref2;
-      options.sort = [(_ref2 = {}, _ref2[this.$props.dataField] = {
-        order: this.$props.sortBy
-      }, _ref2)];
-    }
-    this.$defaultQuery = null;
-    if (this.$props.defaultQuery) {
-      this.$defaultQuery = this.$props.defaultQuery();
-      options = _extends({}, options, getOptionsFromQuery(this.$defaultQuery));
-
-      // Override sort query with defaultQuery's sort if defined
-      if (this.$defaultQuery.sort) {
-        options.sort = this.$defaultQuery.sort;
+      var options = getQueryOptions(_this6.$props);
+      options.from = _this6.$data.from;
+      if (_this6.$props.sortBy) {
+        var _ref3;
+        options.sort = [(_ref3 = {}, _ref3[_this6.$props.dataField] = {
+          order: _this6.$props.sortBy
+        }, _ref3)];
       }
-      // since we want defaultQuery to be executed anytime
-      // map component's query is being executed
-      var persistMapQuery = true;
-      // no need to forceExecute because setReact() will capture the main query
-      // and execute the defaultQuery along with it
-      var forceExecute = false;
+      _this6.$defaultQuery = null;
+      if (_this6.$props.defaultQuery) {
+        _this6.$defaultQuery = _this6.$props.defaultQuery();
+        // Update default query for RS API
+        _this6.setDefaultQueryForRSAPI();
+        if (_this6.$defaultQuery) {
+          options = _extends({}, options, getOptionsFromQuery(_this6.$defaultQuery));
 
-      // Update default query for RS API
-      this.setDefaultQueryForRSAPI();
-      var meta = {
-        mapBoxBounds: this.mapBoxBounds
-      };
-      this.setMapData(this.componentId, this.$defaultQuery.query, persistMapQuery, forceExecute, meta);
-    } else {
-      // only apply geo-distance when defaultQuery prop is not set
-      var query = this.getGeoDistanceQuery();
-      if (query) {
-        // - only persist the map query if center prop is set
-        // - ideally, persist the map query if you want to keep executing it
-        //   whenever there is a change (due to subscription) in the component query
-        var _persistMapQuery = !!this.center;
+          // Override sort query with defaultQuery's sort if defined
+          if (_this6.$defaultQuery.sort) {
+            options.sort = _this6.$defaultQuery.sort;
+          }
+          // since we want defaultQuery to be executed anytime
+          // map component's query is being executed
+          var persistMapQuery = true;
+          // no need to forceExecute because setReact() will capture the main query
+          // and execute the defaultQuery along with it
+          var forceExecute = false;
+          var meta = {
+            mapBoxBounds: _this6.mapBoxBounds
+          };
+          if (_this6.$defaultQuery) {
+            _this6.setMapData(_this6.componentId, _this6.$defaultQuery.query, persistMapQuery, forceExecute, meta);
+            _this6.setQueryOptions(_this6.componentId, options);
+          }
+        }
+      } else {
+        // only apply geo-distance when defaultQuery prop is not set
+        var query = _this6.getGeoDistanceQuery();
+        if (query) {
+          // - only persist the map query if center prop is set
+          // - ideally, persist the map query if you want to keep executing it
+          //   whenever there is a change (due to subscription) in the component query
+          var _persistMapQuery = !!_this6.center;
 
-        // - forceExecute will make sure that the component query + Map query gets executed
-        //   irrespective of the changes in the component query
-        // - forceExecute will only come into play when searchAsMove is true
-        // - kindly note that forceExecute may result in one additional network request
-        //   since it bypasses the gatekeeping
-        var _forceExecute = this.searchAsMove;
-        // Set meta for `distance` and `coordinates` in selected value
-        var center = this.center || this.defaultCenter;
-        var coordinatesObject = this.getArrPosition(center);
-        var _meta = {
-          distance: this.defaultRadius,
-          coordinates: coordinatesObject.lat + ", " + coordinatesObject.lon
-        };
-        this.setMapData(this.componentId, query, _persistMapQuery, _forceExecute, _meta);
+          // - forceExecute will make sure that the component query + Map query gets executed
+          //   irrespective of the changes in the component query
+          // - forceExecute will only come into play when searchAsMove is true
+          // - kindly note that forceExecute may result in one additional network request
+          //   since it bypasses the gatekeeping
+          var _forceExecute = _this6.searchAsMove;
+          // Set meta for `distance` and `coordinates` in selected value
+          var center = _this6.center || _this6.defaultCenter;
+          var coordinatesObject = _this6.getArrPosition(center);
+          var _meta = {
+            distance: _this6.defaultRadius,
+            coordinates: coordinatesObject.lat + ", " + coordinatesObject.lon
+          };
+          _this6.setMapData(_this6.componentId, query, _persistMapQuery, _forceExecute, _meta);
+        }
+        _this6.setQueryOptions(_this6.componentId, options);
       }
-    }
-    this.setQueryOptions(this.componentId, options, !(this.$defaultQuery && this.$defaultQuery.query));
+    });
   },
   render: function render() {
     var h = arguments[0];
@@ -2018,9 +2035,18 @@ var ReactiveGoogleMap = {
     calculateMarkers: VueTypes.func,
     highlightMarkerOnHover: VueTypes.bool.def(true)
   },
+  created: function created() {
+    var _this = this;
+    this.mapRefPromiseResolve = null;
+    this.mapRefPromiseRejecter = null;
+    this.mapRefPromise = new Promise(function (resolve, reject) {
+      _this.mapRefPromiseResolver = resolve;
+      _this.mapRefPromiseRejecter = reject;
+    });
+  },
   methods: {
     renderMap: function renderMap(_ref) {
-      var _this = this;
+      var _this2 = this;
       var resultsToRender = _ref.resultsToRender,
         center = _ref.center,
         zoom = _ref.zoom,
@@ -2069,7 +2095,7 @@ var ReactiveGoogleMap = {
           "highlightMarkerOnHover": this.highlightMarkerOnHover,
           "renderItem": this.$scopedSlots.renderItem ? function () {
             return {
-              custom: _this.$scopedSlots.renderItem
+              custom: _this2.$scopedSlots.renderItem
             };
           } : this.renderItem,
           "defaultPin": defaultPin,
@@ -2084,6 +2110,9 @@ var ReactiveGoogleMap = {
     getMapRef: function getMapRef() {
       return this.mapRef;
     },
+    getMapRefPromise: function getMapRefPromise() {
+      return this.mapRefPromise;
+    },
     removeMarkers: function removeMarkers() {
       var clusterManagerInstance;
       var currentInstance = this;
@@ -2104,11 +2133,12 @@ var ReactiveGoogleMap = {
     }
   },
   mounted: function mounted() {
-    var _this2 = this;
+    var _this3 = this;
     if (this.$refs.mapRef) {
       this.$refs.mapRef.$mapPromise.then(function (map) {
-        _this2.mapRef = map;
-      });
+        _this3.mapRef = map;
+        _this3.mapRefPromiseResolver(_this3.mapRef);
+      })["catch"](this.mapRefPromiseRejecter);
     }
   },
   render: function render() {
@@ -2116,6 +2146,7 @@ var ReactiveGoogleMap = {
     return h(RMConnected, _mergeJSXProps([{
       "attrs": {
         "getMapRef": this.getMapRef,
+        "getMapPromise": this.getMapRefPromise,
         "renderMap": this.renderMap,
         "componentId": this.componentId,
         "className": this.className,

package/dist/es/ReactiveList.js

@@ -7,13 +7,13 @@ import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import 'polished';
 import './Button-153cd885.js';
-import { t as types } from './vueTypes-8986b709.js';
-import { P as Pagination } from './Pagination-28e56c5c.js';
+import { t as types } from './vueTypes-66ebc93e.js';
+import { P as Pagination } from './Pagination-edeb7dbe.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
+import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-5509c0bc.js';
+import { C as ComponentWrapper } from './ComponentWrapper-edaeaceb.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-86a676c8.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import './Title-863dfa42.js';
 import { c as container } from './ListItem-07888a65.js';
@@ -501,7 +501,16 @@ var ReactiveList = {
     },
     infiniteScroll: function infiniteScroll(newVal, oldVal) {
       if (newVal !== oldVal) {
-        if (!newVal) {
+        if (newVal && !this.pagination) {
+          window.addEventListener('scroll', this.scrollHandler);
+        } else {
+          window.removeEventListener('scroll', this.scrollHandler);
+        }
+      }
+    },
+    pagination: function pagination(newVal, oldVal) {
+      if (newVal !== oldVal) {
+        if (!newVal && this.infiniteScroll) {
           window.addEventListener('scroll', this.scrollHandler);
         } else {
           window.removeEventListener('scroll', this.scrollHandler);
@@ -952,6 +961,8 @@ var RLConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps,
   internalComponent: ReactiveList.hasInternalComponent()
 }));
 RLConnected.name = ReactiveList.name;
+RLConnected.generateQueryOptions = ReactiveList.generateQueryOptions;
+RLConnected.hasInternalComponent = ReactiveList.hasInternalComponent;
 RLConnected.install = function (Vue) {
   Vue.component(RLConnected.name, RLConnected);
   Vue.component(ResultListWrapper.name, ResultListWrapper);

package/dist/es/ResultCard.js

@@ -3,7 +3,7 @@ import VueTypes from 'vue-types';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-8986b709.js';
+import { t as types } from './vueTypes-66ebc93e.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { T as Title } from './Title-863dfa42.js';
 import { I as Image, C as Card } from './Card-19ad6d90.js';

package/dist/es/ResultList.js

@@ -3,7 +3,7 @@ import VueTypes from 'vue-types';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-8986b709.js';
+import { t as types } from './vueTypes-66ebc93e.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { T as Title } from './Title-863dfa42.js';
 import { I as Image, L as ListItem } from './ListItem-07888a65.js';

package/dist/es/SelectedFilters.js

@@ -6,9 +6,9 @@ import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import { f as filters, B as Button } from './Button-153cd885.js';
-import { t as types } from './vueTypes-8986b709.js';
+import { t as types } from './vueTypes-66ebc93e.js';
 import 'redux';
-import { n as decodeHtml, c as connect } from './index-0444a498.js';
+import { n as decodeHtml, c as connect } from './index-5509c0bc.js';
 import { T as Title } from './Title-863dfa42.js';
 import { C as Container } from './Container-d00219f7.js';
 

package/dist/es/SingleDropdownList.js

@@ -6,12 +6,12 @@ import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import { l as loadMoreContainer, B as Button } from './Button-153cd885.js';
-import { t as types } from './vueTypes-8986b709.js';
+import { t as types } from './vueTypes-66ebc93e.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, h as hasCustomRenderer, c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, h as hasCustomRenderer, c as connect } from './index-5509c0bc.js';
+import { C as ComponentWrapper } from './ComponentWrapper-edaeaceb.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-86a676c8.js';
 import '@vue/babel-helper-vue-jsx-merge-props';
 import { T as Title } from './Title-863dfa42.js';
 import './CancelSvg-e40552a5.js';
@@ -20,7 +20,7 @@ import 'compute-scroll-into-view';
 import { C as Container } from './Container-d00219f7.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import { g as getAggsQuery } from './utils-9e5a16a1.js';
-import { D as Dropdown } from './DropDown-28ddce07.js';
+import { D as Dropdown } from './DropDown-2c0dd714.js';
 
 var updateQuery = Actions.updateQuery,
   setQueryOptions = Actions.setQueryOptions,
@@ -433,13 +433,15 @@ var ListConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps
   componentType: componentTypes.singleDropdownList,
   internalComponent: SingleDropdownList.hasInternalComponent()
 }));
+ListConnected.defaultQuery = SingleDropdownList.defaultQuery;
+ListConnected.generateQueryOptions = SingleDropdownList.generateQueryOptions;
+ListConnected.hasInternalComponent = SingleDropdownList.hasInternalComponent;
 ListConnected.name = SingleDropdownList.name;
+// Add componentType for SSR
+ListConnected.componentType = componentTypes.singleDropdownList;
 ListConnected.install = function (Vue) {
   Vue.component(ListConnected.name, ListConnected);
 };
 
-// Add componentType for SSR
-ListConnected.componentType = componentTypes.singleDropdownList;
-
 export default ListConnected;
 export { ListConnected };

package/dist/es/SingleList.js

@@ -5,12 +5,12 @@ import VueTypes from 'vue-types';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-8986b709.js';
+import { t as types } from './vueTypes-66ebc93e.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, o as isEvent, h as hasCustomRenderer, c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, o as isEvent, h as hasCustomRenderer, c as connect } from './index-5509c0bc.js';
+import { C as ComponentWrapper } from './ComponentWrapper-edaeaceb.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-86a676c8.js';
 import { T as Title } from './Title-863dfa42.js';
 import { I as Input } from './Input-c09c0b56.js';
 import { C as Container } from './Container-d00219f7.js';
@@ -146,7 +146,7 @@ var SingleList = {
       return isFunction(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
     }
     if (!this.hasCustomRenderer && this.modifiedOptions.length === 0 && !this.isLoading) {
-      if (this.renderNoResult) {
+      if (this.renderNoResults) {
         this.renderNoResult();
       } else {
         return null;
@@ -451,12 +451,14 @@ var ListConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps
   internalComponent: SingleList.hasInternalComponent()
 }));
 ListConnected.name = SingleList.name;
+ListConnected.defaultQuery = SingleList.defaultQuery;
+ListConnected.generateQueryOptions = SingleList.generateQueryOptions;
+ListConnected.hasInternalComponent = SingleList.hasInternalComponent;
+// Add componentType for SSR
+ListConnected.componentType = componentTypes.singleList;
 ListConnected.install = function (Vue) {
   Vue.component(ListConnected.name, ListConnected);
 };
 
-// Add componentType for SSR
-ListConnected.componentType = componentTypes.singleList;
-
 export default ListConnected;
 export { ListConnected };

package/dist/es/SingleRange.js

@@ -5,12 +5,12 @@ import VueTypes from 'vue-types';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-8986b709.js';
+import { t as types } from './vueTypes-66ebc93e.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
+import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-5509c0bc.js';
+import { C as ComponentWrapper } from './ComponentWrapper-edaeaceb.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-86a676c8.js';
 import { T as Title } from './Title-863dfa42.js';
 import { C as Container } from './Container-d00219f7.js';
 import { U as UL, R as Radio } from './FormControlList-99797d0a.js';
@@ -215,6 +215,9 @@ var RangeConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProp
   componentType: componentTypes.singleRange
 }));
 RangeConnected.name = SingleRange.name;
+RangeConnected.defaultQuery = SingleRange.defaultQuery;
+RangeConnected.parseValue = SingleRange.parseValue;
+RangeConnected.hasInternalComponent = SingleRange.hasInternalComponent;
 RangeConnected.install = function (Vue) {
   Vue.component(RangeConnected.name, RangeConnected);
 };

package/dist/es/StateProvider.js

@@ -4,7 +4,7 @@ import { a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
 import VueTypes from 'vue-types';
 import { isInternalComponent } from '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect } from './index-0444a498.js';
+import { c as connect } from './index-5509c0bc.js';
 
 var setSearchState = Actions.setSearchState;
 var getSearchState = helper.getSearchState;