@appbaseio/reactivesearch-vue 1.16.0-alpha.27 → 1.16.0-alpha.30

package/dist/cjs/MultiDropdownList.js

@@ -13,19 +13,19 @@ require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 var Button = require('./Button-d2f1aeda.js');
-var vueTypes = require('./vueTypes-829a5f2c.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');
 var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
 var Title = require('./Title-39765ee6.js');
+require('./CancelSvg-82021d23.js');
 require('./Input-c6f181d5.js');
 require('compute-scroll-into-view');
-require('./DownShift-d41f2442.js');
 var Container = require('./Container-8a08d663.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 var utils = require('./utils-23afb20b.js');
-var DropDown = require('./DropDown-3c343026.js');
+var DropDown = require('./DropDown-0359da33.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,
@@ -82,10 +82,12 @@ var MultiDropdownList = {
     showMissing: VueTypes.bool.def(false),
     missingLabel: VueTypes.string.def('N/A'),
     showSearch: VueTypes.bool.def(false),
+    showClear: VueTypes.bool.def(false),
     showLoadMore: VueTypes.bool.def(false),
     loadMoreLabel: VueTypes.oneOfType([VueTypes.string, VueTypes.any]).def('Load More'),
     nestedField: vueTypes.types.string,
-    index: VueTypes.string
+    index: VueTypes.string,
+    searchPlaceholder: VueTypes.string.def('Type here to search...')
   },
   created: function created() {
     if (!this.enableAppbase && this.$props.index) {
@@ -213,7 +215,9 @@ var MultiDropdownList = {
     if (!this.hasCustomRenderer && this.$data.modifiedOptions.length === 0 && !this.isLoading) {
       if (renderNoResults && index.isFunction(renderNoResults)) {
         return h("div", [renderNoResults()]);
-      } else if (renderNoResults && !index.isFunction(renderNoResults)) {
+      }
+
+      if (renderNoResults && !index.isFunction(renderNoResults)) {
         return renderNoResults;
       }
 
@@ -252,6 +256,8 @@ var MultiDropdownList = {
         "renderItem": renderItemCalc,
         "renderNoResults": this.$scopedSlots.renderNoResults || this.$props.renderNoResults,
         "showSearch": this.$props.showSearch,
+        "showClear": this.$props.showClear,
+        "searchPlaceholder": this.$props.searchPlaceholder,
         "transformData": this.$props.transformData,
         "footer": showLoadMore && !isLastBucket && h("div", {
           "attrs": {
@@ -370,7 +376,7 @@ var MultiDropdownList = {
         index.updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
       }
 
-      this.setQueryOptions(this.internalComponent, defaultQueryOptions);
+      this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
       this.updateQuery({
         componentId: this.internalComponent,
         query: query,
@@ -391,7 +397,7 @@ var MultiDropdownList = {
         index.updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
       }
 
-      this.setQueryOptions(props.componentId, customQueryOptions);
+      this.setQueryOptions(props.componentId, customQueryOptions, false);
       this.updateQuery({
         componentId: props.componentId,
         query: query,

package/dist/cjs/MultiList.js

@@ -12,7 +12,7 @@ var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-829a5f2c.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');
@@ -41,7 +41,7 @@ var MultiList = {
     queryFormat: VueTypes.oneOf(['and', 'or']).def('or'),
     showCheckbox: VueTypes.bool.def(true),
     beforeValueChange: vueTypes.types.func,
-    className: vueTypes.types.string.def(''),
+    className: VueTypes.string.def(''),
     componentId: vueTypes.types.stringRequired,
     customQuery: vueTypes.types.func,
     dataField: vueTypes.types.stringRequired,
@@ -356,7 +356,7 @@ var MultiList = {
         index.updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
       }
 
-      this.setQueryOptions(this.internalComponent, defaultQueryOptions);
+      this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
       this.updateQuery({
         componentId: this.internalComponent,
         query: query,
@@ -377,7 +377,7 @@ var MultiList = {
         index.updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
       }
 
-      this.setQueryOptions(props.componentId, customQueryOptions);
+      this.setQueryOptions(props.componentId, customQueryOptions, false);
       this.updateQuery({
         componentId: props.componentId,
         query: query,

package/dist/cjs/MultiRange.js

@@ -12,7 +12,7 @@ var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-829a5f2c.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');
@@ -148,7 +148,7 @@ var MultiRange = {
         index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
       }
 
-      this.setQueryOptions(props.componentId, customQueryOptions);
+      this.setQueryOptions(props.componentId, customQueryOptions, false);
       this.updateQuery({
         componentId: props.componentId,
         query: query,

package/dist/cjs/{Pagination-0b9ec0fc.js → Pagination-1b2320a7.js}

@@ -6,7 +6,7 @@ var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
 var VueTypes = _interopDefault(require('vue-types'));
 var Button = require('./Button-d2f1aeda.js');
-var vueTypes = require('./vueTypes-829a5f2c.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 
 var getClassName = configureStore.helper.getClassName,
     handleA11yAction = configureStore.helper.handleA11yAction;

package/dist/cjs/RangeInput.js

@@ -13,7 +13,7 @@ var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 require('polished');
-var vueTypes = require('./vueTypes-829a5f2c.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');
@@ -23,7 +23,7 @@ var Flex = require('./Flex-699639d2.js');
 var Input = require('./Input-c6f181d5.js');
 var Container = require('./Container-8a08d663.js');
 require('vue-no-ssr');
-require('./ssr-f312af20.js');
+require('./ssr-c333c82c.js');
 var RangeSlider = require('./RangeSlider.js');
 
 var _templateObject, _templateObject2;
@@ -146,7 +146,7 @@ var RangeInput = {
       }
     },
     handleOnChange: function handleOnChange(value) {
-      this.handleChange(value, 'change');
+      this.handleChange(value || this.$props.range, 'change');
     },
     handleValueChange: function handleValueChange(value) {
       this.handleChange(value, 'value-change');

package/dist/cjs/RangeSlider.js

@@ -10,7 +10,7 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('@appbaseio/vue-emotion');
-var vueTypes = require('./vueTypes-829a5f2c.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');
@@ -18,7 +18,7 @@ var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
 var Title = require('./Title-39765ee6.js');
 var Container = require('./Container-8a08d663.js');
 var NoSSR = _interopDefault(require('vue-no-ssr'));
-var ssr = require('./ssr-f312af20.js');
+var ssr = require('./ssr-c333c82c.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,
@@ -80,32 +80,28 @@ var RangeSlider = {
         });
       }
     },
-    handleSlider: function handleSlider(values) {
-      var _this = this;
-
-      clearTimeout(this.handleSliderChange._tId);
-      this.handleSliderChange._tId = setTimeout(function () {
-        _this.handleSliderChange(values);
-      }, 100);
+    handleSlider: function handleSlider() {
+      var sliderValues = this.$refs.slider.getValue();
+      this.handleSliderChange(sliderValues);
     },
     handleChange: function handleChange(currentValue, props) {
-      var _this2 = this;
+      var _this = this;
 
       if (props === void 0) {
         props = this.$props;
       }
 
       var performUpdate = function performUpdate() {
-        _this2.currentValue = currentValue;
+        _this.currentValue = currentValue;
 
-        _this2.updateQueryHandler([currentValue[0], currentValue[1]], props);
+        _this.updateQueryHandler([currentValue[0], currentValue[1]], props);
 
-        _this2.$emit('valueChange', {
+        _this.$emit('valueChange', {
           start: currentValue[0],
           end: currentValue[1]
         });
 
-        _this2.$emit('value-change', {
+        _this.$emit('value-change', {
           start: currentValue[0],
           end: currentValue[1]
         });
@@ -137,7 +133,7 @@ var RangeSlider = {
           currentEnd = value[1]; // check if the slider is at its initial position
 
       var isInitialValue = currentStart === start && currentEnd === end;
-      this.setQueryOptions(props.componentId, customQueryOptions);
+      this.setQueryOptions(props.componentId, customQueryOptions, false);
       this.updateQuery({
         componentId: props.componentId,
         query: query,
@@ -216,12 +212,13 @@ var RangeSlider = {
         "max": this.$props.range.end,
         "dotSize": 20,
         "height": 4,
-        "enable-cross": false
+        "enable-cross": false,
+        "tooltip": "always"
+      },
+      "on": {
+        "drag-end": this.handleSlider
       },
-      "props": _rollupPluginBabelHelpers._extends({}, this.$props.sliderOptions),
-      "on": _rollupPluginBabelHelpers._extends({}, {
-        input: this.handleSlider
-      })
+      "props": _rollupPluginBabelHelpers._extends({}, this.$props.sliderOptions)
     }), this.$props.rangeLabels && h("div", {
       "class": "label-container"
     }, [h("label", {

package/dist/cjs/ReactiveBase.js

@@ -12,7 +12,7 @@ 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-829a5f2c.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('redux');
 var index = require('./index-2a8358cd.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
@@ -85,7 +85,7 @@ var URLParamsProvider = {
     headers: vueTypes.types.headers,
     getSearchParams: vueTypes.types.func,
     setSearchParams: vueTypes.types.func,
-    as: vueTypes.types.string.def('div')
+    as: VueTypes.string.def('div')
   },
   mounted: function mounted() {
     var _this = this;
@@ -233,7 +233,9 @@ var URLParamsProvider = {
         return value.map(function (item) {
           return _this3.getValue(item);
         });
-      } else if (value && typeof value === 'object') {
+      }
+
+      if (value && typeof value === 'object') {
         // TODO: support for NestedList
         if (value.location) return value;
         if (value.category) return value;

package/dist/cjs/ReactiveComponent.js

@@ -9,7 +9,7 @@ var configureStore__default = _interopDefault(configureStore);
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
-var vueTypes = require('./vueTypes-829a5f2c.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');

package/dist/cjs/ReactiveGoogleMap.js

@@ -14,8 +14,8 @@ var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 require('polished');
 require('./Button-d2f1aeda.js');
-var vueTypes = require('./vueTypes-829a5f2c.js');
-var Pagination = require('./Pagination-0b9ec0fc.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
+var Pagination = require('./Pagination-1b2320a7.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');

package/dist/cjs/ReactiveList.js

@@ -15,8 +15,8 @@ var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 require('polished');
 require('./Button-d2f1aeda.js');
-var vueTypes = require('./vueTypes-829a5f2c.js');
-var Pagination = require('./Pagination-0b9ec0fc.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
+var Pagination = require('./Pagination-1b2320a7.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');
@@ -346,7 +346,7 @@ var ReactiveList = {
   },
   props: {
     currentPage: VueTypes.number.def(0),
-    includeFields: vueTypes.types.includeFields.def(['*']),
+    includeFields: vueTypes.types.includeFields,
     // component props
     className: vueTypes.types.string,
     componentId: vueTypes.types.stringRequired,
@@ -355,7 +355,7 @@ var ReactiveList = {
     aggregationSize: VueTypes.number,
     defaultQuery: vueTypes.types.func,
     defaultSortOption: vueTypes.types.string,
-    excludeFields: vueTypes.types.excludeFields.def([]),
+    excludeFields: vueTypes.types.excludeFields,
     innerClass: vueTypes.types.style,
     listClass: VueTypes.string.def(''),
     loader: vueTypes.types.title,
@@ -367,7 +367,7 @@ var ReactiveList = {
     pages: VueTypes.number.def(5),
     pagination: VueTypes.bool.def(false),
     infiniteScroll: VueTypes.bool.def(true),
-    paginationAt: vueTypes.types.paginationAt.def('bottom'),
+    paginationAt: VueTypes.oneOf(['top', 'bottom', 'both']).def('bottom'),
     react: vueTypes.types.react,
     scrollOnChange: VueTypes.bool.def(true),
     showResultStats: VueTypes.bool.def(true),
@@ -995,11 +995,7 @@ var mapDispatchtoProps = {
 }; // Only used for SSR
 
 ReactiveList.generateQueryOptions = function (props) {
-  // simulate default (includeFields and excludeFields) props to generate consistent query
-  var options = getQueryOptions(_rollupPluginBabelHelpers._extends({
-    includeFields: ['*'],
-    excludeFields: []
-  }, props));
+  var options = getQueryOptions(props);
   var size = props.size,
       dataField = props.dataField,
       defaultSortOption = props.defaultSortOption,

package/dist/cjs/ResultCard.js

@@ -9,7 +9,7 @@ var VueTypes = _interopDefault(require('vue-types'));
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-829a5f2c.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 var Title = require('./Title-39765ee6.js');
 var Card = require('./Card-4b915733.js');

package/dist/cjs/ResultList.js

@@ -9,7 +9,7 @@ var VueTypes = _interopDefault(require('vue-types'));
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-829a5f2c.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 var Title = require('./Title-39765ee6.js');
 var ListItem = require('./ListItem-933c27e4.js');

package/dist/cjs/SelectedFilters.js

@@ -13,7 +13,7 @@ require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 var Button = require('./Button-d2f1aeda.js');
-var vueTypes = require('./vueTypes-829a5f2c.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('redux');
 var index = require('./index-2a8358cd.js');
 var Title = require('./Title-39765ee6.js');
@@ -32,7 +32,8 @@ var SelectedFilters = {
     innerClass: vueTypes.types.style,
     showClearAll: VueTypes.bool.def(true),
     title: vueTypes.types.title,
-    resetToDefault: VueTypes.bool.def(false)
+    resetToDefault: VueTypes.bool.def(false),
+    resetToValues: VueTypes.object
   },
   inject: {
     theme: {
@@ -85,15 +86,16 @@ var SelectedFilters = {
       this.$emit('clear', component, value);
     },
     clearValues: function clearValues() {
-      var resetToDefault = this.resetToDefault;
+      var resetToDefault = this.resetToDefault,
+          resetToValues = this.resetToValues;
 
       if (resetToDefault) {
         this.resetValuesToDefault();
       } else {
-        this.clearValuesAction();
+        this.clearValuesAction(resetToValues);
       }
 
-      this.$emit('clear', null);
+      this.$emit('clear', resetToValues);
     },
     renderValue: function renderValue(value, isArray) {
       var _this2 = this;

package/dist/cjs/SingleDropdownList.js

@@ -13,19 +13,19 @@ require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 var Button = require('./Button-d2f1aeda.js');
-var vueTypes = require('./vueTypes-829a5f2c.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');
 var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
 var Title = require('./Title-39765ee6.js');
+require('./CancelSvg-82021d23.js');
 require('./Input-c6f181d5.js');
 require('compute-scroll-into-view');
-require('./DownShift-d41f2442.js');
 var Container = require('./Container-8a08d663.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 var utils = require('./utils-23afb20b.js');
-var DropDown = require('./DropDown-3c343026.js');
+var DropDown = require('./DropDown-0359da33.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,
@@ -81,10 +81,12 @@ var SingleDropdownList = {
     showMissing: VueTypes.bool.def(false),
     missingLabel: VueTypes.string.def('N/A'),
     showSearch: VueTypes.bool.def(false),
+    showClear: VueTypes.bool.def(false),
     showLoadMore: VueTypes.bool.def(false),
     loadMoreLabel: VueTypes.oneOfType([VueTypes.string, VueTypes.any]).def('Load More'),
     nestedField: vueTypes.types.string,
-    index: VueTypes.string
+    index: VueTypes.string,
+    searchPlaceholder: VueTypes.string.def('Type here to search...')
   },
   created: function created() {
     if (!this.enableAppbase && this.$props.index) {
@@ -198,7 +200,9 @@ var SingleDropdownList = {
     if (!this.hasCustomRenderer && this.$data.modifiedOptions.length === 0 && !this.isLoading) {
       if (renderNoResults && index.isFunction(renderNoResults)) {
         return h("div", [renderNoResults()]);
-      } else if (renderNoResults && !index.isFunction(renderNoResults)) {
+      }
+
+      if (renderNoResults && !index.isFunction(renderNoResults)) {
         return renderNoResults;
       }
 
@@ -236,6 +240,8 @@ var SingleDropdownList = {
         "renderNoResults": this.$scopedSlots.renderNoResults || this.$props.renderNoResults,
         "themePreset": this.themePreset,
         "showSearch": this.$props.showSearch,
+        "showClear": this.$props.showClear,
+        "searchPlaceholder": this.$props.searchPlaceholder,
         "transformData": this.$props.transformData,
         "footer": showLoadMore && !isLastBucket && h("div", {
           "attrs": {
@@ -295,7 +301,7 @@ var SingleDropdownList = {
         index.updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
       }
 
-      this.setQueryOptions(this.internalComponent, defaultQueryOptions);
+      this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
       this.updateQuery({
         componentId: this.internalComponent,
         query: query,
@@ -316,7 +322,7 @@ var SingleDropdownList = {
         index.updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
       }
 
-      this.setQueryOptions(props.componentId, customQueryOptions);
+      this.setQueryOptions(props.componentId, customQueryOptions, false);
       this.updateQuery({
         componentId: props.componentId,
         query: query,

package/dist/cjs/SingleList.js

@@ -12,7 +12,7 @@ var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-829a5f2c.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');
@@ -37,7 +37,7 @@ var SingleList = {
   name: 'SingleList',
   props: {
     beforeValueChange: vueTypes.types.func,
-    className: vueTypes.types.string.def(''),
+    className: VueTypes.string.def(''),
     componentId: vueTypes.types.stringRequired,
     customQuery: vueTypes.types.func,
     dataField: vueTypes.types.stringRequired,
@@ -57,7 +57,7 @@ var SingleList = {
     showFilter: VueTypes.bool.def(true),
     showRadio: VueTypes.bool.def(true),
     showSearch: VueTypes.bool.def(true),
-    size: VueTypes.number.def(100),
+    size: VueTypes.number,
     sortBy: VueTypes.oneOf(['asc', 'desc', 'count']).def('count'),
     title: vueTypes.types.title,
     URLParams: VueTypes.bool.def(false),
@@ -284,7 +284,7 @@ var SingleList = {
         index.updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
       }
 
-      this.setQueryOptions(this.internalComponent, defaultQueryOptions);
+      this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
       this.updateQuery({
         componentId: this.internalComponent,
         query: query,
@@ -305,7 +305,7 @@ var SingleList = {
         index.updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
       }
 
-      this.setQueryOptions(props.componentId, customQueryOptions);
+      this.setQueryOptions(props.componentId, customQueryOptions, false);
       this.updateQuery({
         componentId: props.componentId,
         query: query,

package/dist/cjs/SingleRange.js

@@ -12,7 +12,7 @@ var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-829a5f2c.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');
@@ -167,7 +167,7 @@ var SingleRange = {
         index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
       }
 
-      this.setQueryOptions(props.componentId, customQueryOptions);
+      this.setQueryOptions(props.componentId, customQueryOptions, false);
       this.updateQuery({
         componentId: props.componentId,
         query: query,

package/dist/cjs/StateProvider.js

@@ -16,6 +16,10 @@ var getSearchState = configureStore.helper.getSearchState;
 var defaultKeys = ['hits', 'value', 'aggregations', 'error'];
 
 var filterProps = function filterProps(props) {
+  if (props === void 0) {
+    props = {};
+  }
+
   return _rollupPluginBabelHelpers._extends({}, props, {
     props: props.componentProps
   });
@@ -35,7 +39,7 @@ var filterByComponentIds = function filterByComponentIds(state, props) {
     return _ref = {}, _ref[componentIds] = state[componentIds], _ref;
   }
 
-  if (componentIds instanceof Array) {
+  if (Array.isArray(componentIds)) {
     var filteredState = {};
     componentIds.forEach(function (componentId) {
       filteredState[componentId] = state[componentId];
@@ -74,7 +78,7 @@ var StateProvider = {
     };
     return this.__state;
   },
-  mounted: function mounted() {
+  created: function created() {
     this.searchState = filterByKeys(getSearchState(filterProps(this.searchStateProps)), this.includeKeys);
   },
   computed: {

package/dist/cjs/ToggleButton.js

@@ -13,7 +13,7 @@ require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 var Button = require('./Button-d2f1aeda.js');
-var vueTypes = require('./vueTypes-829a5f2c.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');
@@ -193,7 +193,7 @@ var ToggleButton = {
         var _ref = customQuery(value, props) || {};
 
         query = _ref.query;
-        this.setQueryOptions(props.componentId, getOptionsFromQuery(customQuery(value, props)));
+        this.setQueryOptions(props.componentId, getOptionsFromQuery(customQuery(value, props)), false);
         index.updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
       }
 

package/dist/cjs/index.js

@@ -11,8 +11,8 @@ require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 require('./Button-d2f1aeda.js');
-require('./vueTypes-829a5f2c.js');
-require('./Pagination-0b9ec0fc.js');
+require('./vueTypes-6de9d2a9.js');
+require('./Pagination-1b2320a7.js');
 var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
@@ -29,9 +29,9 @@ require('url-search-params-polyfill');
 var ReactiveBase = require('./ReactiveBase.js');
 require('hotkeys-js');
 var DataSearch = require('./DataSearch.js');
+require('./CancelSvg-82021d23.js');
 require('./Input-c6f181d5.js');
 require('compute-scroll-into-view');
-require('./DownShift-d41f2442.js');
 require('./Container-8a08d663.js');
 require('vue-highlight-words');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
@@ -39,7 +39,7 @@ require('./FormControlList-73497794.js');
 require('./utils-23afb20b.js');
 var SingleList = require('./SingleList.js');
 var MultiList = require('./MultiList.js');
-require('./DropDown-3c343026.js');
+require('./DropDown-0359da33.js');
 var SingleDropdownList = require('./SingleDropdownList.js');
 var MultiDropdownList = require('./MultiDropdownList.js');
 var ToggleButton = require('./ToggleButton.js');
@@ -50,7 +50,7 @@ var MultiRange = require('./MultiRange.js');
 var ResultCard = require('./ResultCard.js');
 var ResultList = require('./ResultList.js');
 require('vue-no-ssr');
-require('./ssr-f312af20.js');
+require('./ssr-c333c82c.js');
 var RangeSlider = require('./RangeSlider.js');
 var DynamicRangeSlider = require('./DynamicRangeSlider.js');
 var StateProvider = require('./StateProvider.js');
@@ -65,6 +65,8 @@ require('gmap-vue/dist/mixins/map-element');
 require('@appbaseio/reactivecore/lib/reducers/valueReducer');
 require('@appbaseio/reactivecore/lib/reducers/queryReducer');
 require('@appbaseio/reactivecore/lib/reducers/queryOptionsReducer');
+require('@appbaseio/reactivecore/lib/reducers/compositeAggsReducer');
+require('@appbaseio/reactivecore/lib/constants');
 require('@appbaseio/reactivecore/lib/reducers/dependencyTreeReducer');
 require('@appbaseio/reactivecore/lib/utils/graphQL');
 require('@appbaseio/reactivecore/lib/actions/utils');