@appbaseio/reactivesearch-vue 1.16.0-alpha.3 → 1.16.0-alpha.32

package/dist/es/ResultCard.js

@@ -1,12 +1,12 @@
-import { b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-c9fbe19f.js';
+import { b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 import VueTypes from 'vue-types';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-9326e0be.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
-import { T as Title } from './Title-22c2f3bf.js';
-import { I as Image, C as Card } from './Card-ecf70ba1.js';
+import { T as Title } from './Title-579f8d6c.js';
+import { I as Image, C as Card } from './Card-04b3c33e.js';
 
 var ResultCardTitle = {
   name: 'ResultCardTitle',
@@ -21,6 +21,7 @@ ResultCardTitle.install = function (Vue) {
   Vue.component(ResultCardTitle.name, ResultCardTitle);
 };
 
+var _excluded = ["src"];
 var ResultCardImage = {
   name: 'ResultCardImage',
   props: {
@@ -31,7 +32,7 @@ var ResultCardImage = {
 
     var _this$$props = this.$props,
         src = _this$$props.src,
-        props = _objectWithoutPropertiesLoose(_this$$props, ["src"]);
+        props = _objectWithoutPropertiesLoose(_this$$props, _excluded);
 
     return h(Image, _mergeJSXProps([{
       "style": {
@@ -60,6 +61,7 @@ ResultCardDescription.install = function (Vue) {
   Vue.component(ResultCardDescription.name, ResultCardDescription);
 };
 
+var _excluded$1 = ["href", "target"];
 var ResultCard = {
   name: 'ResultCard',
   components: {
@@ -78,7 +80,7 @@ var ResultCard = {
     var _this$$props = this.$props,
         href = _this$$props.href,
         target = _this$$props.target,
-        rest = _objectWithoutPropertiesLoose(_this$$props, ["href", "target"]);
+        rest = _objectWithoutPropertiesLoose(_this$$props, _excluded$1);
 
     return h(Card, _mergeJSXProps([{
       "attrs": {

package/dist/es/ResultList.js

@@ -1,12 +1,12 @@
-import { b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-c9fbe19f.js';
+import { b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 import VueTypes from 'vue-types';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-98d938a9.js';
+import { t as types } from './vueTypes-9326e0be.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
-import { T as Title } from './Title-22c2f3bf.js';
-import { I as Image, L as ListItem } from './ListItem-da73bc7d.js';
+import { T as Title } from './Title-579f8d6c.js';
+import { I as Image, L as ListItem } from './ListItem-bdb6d53d.js';
 
 var ResultListContent = {
   name: 'ResultListContent',
@@ -38,6 +38,7 @@ ResultListDescription.install = function (Vue) {
   Vue.component(ResultListDescription.name, ResultListDescription);
 };
 
+var _excluded = ["src", "small"];
 var ResultListImage = {
   name: 'ResultListImage',
   props: {
@@ -50,7 +51,7 @@ var ResultListImage = {
     var _this$$props = this.$props,
         src = _this$$props.src,
         small = _this$$props.small,
-        props = _objectWithoutPropertiesLoose(_this$$props, ["src", "small"]);
+        props = _objectWithoutPropertiesLoose(_this$$props, _excluded);
 
     return h(Image, _mergeJSXProps([{
       "attrs": {
@@ -78,6 +79,7 @@ ResultListTitle.install = function (Vue) {
   Vue.component(ResultListTitle.name, ResultListTitle);
 };
 
+var _excluded$1 = ["href", "target"];
 var ResultList = {
   name: 'ResultList',
   props: {
@@ -117,7 +119,7 @@ var ResultList = {
     var _this$$props = this.$props,
         href = _this$$props.href,
         target = _this$$props.target,
-        props = _objectWithoutPropertiesLoose(_this$$props, ["href", "target"]);
+        props = _objectWithoutPropertiesLoose(_this$$props, _excluded$1);
 
     var hasImage = this.hasImage,
         isSmall = this.isSmall;

package/dist/es/SelectedFilters.js

@@ -1,19 +1,20 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-c9fbe19f.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 import VueTypes from 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { f as filters, B as Button } from './Button-6c71c66e.js';
-import { t as types } from './vueTypes-98d938a9.js';
+import { f as filters, B as Button } from './Button-799185e2.js';
+import { t as types } from './vueTypes-9326e0be.js';
 import 'redux';
-import { c as connect } from './index-1fe91a0a.js';
-import { T as Title } from './Title-22c2f3bf.js';
-import { C as Container } from './Container-f5efec9e.js';
+import { c as connect } from './index-5daa8276.js';
+import { T as Title } from './Title-579f8d6c.js';
+import { C as Container } from './Container-4383c6f0.js';
 
 var setValue = Actions.setValue,
-    clearValues = Actions.clearValues;
+    clearValues = Actions.clearValues,
+    resetValuesToDefault = Actions.resetValuesToDefault;
 var getClassName = helper.getClassName,
     handleA11yAction = helper.handleA11yAction;
 var SelectedFilters = {
@@ -23,7 +24,9 @@ var SelectedFilters = {
     clearAllLabel: VueTypes.string.def('Clear All'),
     innerClass: types.style,
     showClearAll: VueTypes.bool.def(true),
-    title: types.title
+    title: types.title,
+    resetToDefault: VueTypes.bool.def(false),
+    resetToValues: VueTypes.object
   },
   inject: {
     theme: {
@@ -40,7 +43,8 @@ var SelectedFilters = {
         components: this.components,
         selectedValues: this.selectedValues,
         clearValues: this.clearValues,
-        setValue: this.setValue
+        setValue: this.setValue,
+        resetValuesToDefault: this.resetValuesToDefault
       });
     }
 
@@ -75,8 +79,16 @@ var SelectedFilters = {
       this.$emit('clear', component, value);
     },
     clearValues: function clearValues() {
-      this.clearValuesAction();
-      this.$emit('clear', null);
+      var resetToDefault = this.resetToDefault,
+          resetToValues = this.resetToValues;
+
+      if (resetToDefault) {
+        this.resetValuesToDefault();
+      } else {
+        this.clearValuesAction(resetToValues);
+      }
+
+      this.$emit('clear', resetToValues);
     },
     renderValue: function renderValue(value, isArray) {
       var _this2 = this;
@@ -156,7 +168,8 @@ var mapStateToProps = function mapStateToProps(state) {
 
 var mapDispatchtoProps = {
   clearValuesAction: clearValues,
-  setValue: setValue
+  setValue: setValue,
+  resetValuesToDefault: resetValuesToDefault
 };
 var RcConnected = connect(mapStateToProps, mapDispatchtoProps)(SelectedFilters);
 

package/dist/es/SingleDropdownList.js

@@ -1,23 +1,25 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-c9fbe19f.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { l as loadMoreContainer, B as Button } from './Button-6c71c66e.js';
-import { t as types } from './vueTypes-98d938a9.js';
+import { l as loadMoreContainer, B as Button } from './Button-799185e2.js';
+import { t as types } from './vueTypes-9326e0be.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-1fe91a0a.js';
-import { C as ComponentWrapper } from './ComponentWrapper-d0b21b95.js';
-import { T as Title } from './Title-22c2f3bf.js';
-import './Input-dfd9dd40.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-5daa8276.js';
+import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
+import '@vue/babel-helper-vue-jsx-merge-props';
+import { T as Title } from './Title-579f8d6c.js';
+import './CancelSvg-4d9e0857.js';
+import './Input-d8519224.js';
 import 'compute-scroll-into-view';
-import './DownShift-d8f2500f.js';
-import { C as Container } from './Container-f5efec9e.js';
-import { g as getAggsQuery } from './utils-ce3d86fd.js';
-import { D as Dropdown } from './DropDown-5dbd69c2.js';
+import { C as Container } from './Container-4383c6f0.js';
+import '@appbaseio/reactivecore/lib/utils/suggestions';
+import { g as getAggsQuery } from './utils-3a32e13f.js';
+import { D as Dropdown } from './DropDown-4edaa621.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,
@@ -73,12 +75,21 @@ 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: types.string
+    nestedField: types.string,
+    index: VueTypes.string,
+    searchPlaceholder: VueTypes.string.def('Type here to search...')
   },
   created: function created() {
-    // Set custom and default queries in store
+    if (!this.enableAppbase && this.$props.index) {
+      console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
+    }
+
+    var props = this.$props;
+    this.modifiedOptions = this.options && this.options[props.dataField] ? this.options[props.dataField].buckets : []; // Set custom and default queries in store
+
     updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
     updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.currentValue);
   },
@@ -97,33 +108,35 @@ var SingleDropdownList = {
     options: function options(newVal, oldVal) {
       var _this = this;
 
-      checkPropChange(oldVal, newVal, function () {
-        var _this$$props = _this.$props,
-            showLoadMore = _this$$props.showLoadMore,
-            dataField = _this$$props.dataField;
-        var modifiedOptions = _this.$data.modifiedOptions;
-
-        if (showLoadMore) {
-          // append options with showLoadMore
-          var buckets = newVal[dataField].buckets;
-          var nextOptions = [].concat(modifiedOptions, buckets.map(function (bucket) {
-            return {
-              key: bucket.key[dataField],
-              doc_count: bucket.doc_count
+      if (newVal) {
+        checkPropChange(oldVal, newVal, function () {
+          var _this$$props = _this.$props,
+              showLoadMore = _this$$props.showLoadMore,
+              dataField = _this$$props.dataField;
+          var modifiedOptions = _this.$data.modifiedOptions;
+
+          if (showLoadMore) {
+            // append options with showLoadMore
+            var buckets = newVal[dataField].buckets;
+            var nextOptions = [].concat(modifiedOptions, buckets.map(function (bucket) {
+              return {
+                key: bucket.key[dataField],
+                doc_count: bucket.doc_count
+              };
+            }));
+            var after = newVal[dataField].after_key; // detect the last bucket by checking if the next set of buckets were empty
+
+            var isLastBucket = !buckets.length;
+            _this.after = {
+              after: after
             };
-          }));
-          var after = newVal[dataField].after_key; // detect the last bucket by checking if the next set of buckets were empty
-
-          var isLastBucket = !buckets.length;
-          _this.after = {
-            after: after
-          };
-          _this.isLastBucket = isLastBucket;
-          _this.modifiedOptions = nextOptions;
-        } else {
-          _this.modifiedOptions = newVal[_this.$props.dataField] ? newVal[_this.$props.dataField].buckets : [];
-        }
-      });
+            _this.isLastBucket = isLastBucket;
+            _this.modifiedOptions = nextOptions;
+          } else {
+            _this.modifiedOptions = newVal[_this.$props.dataField] ? newVal[_this.$props.dataField].buckets : [];
+          }
+        });
+      }
     },
     size: function size() {
       this.updateQueryOptions(this.$props);
@@ -172,12 +185,21 @@ var SingleDropdownList = {
     var renderItemCalc = this.$scopedSlots.renderItem || renderItem;
     var renderErrorCalc = this.$scopedSlots.renderError || renderError;
     var renderLabelCalc = this.$scopedSlots.renderLabel || renderLabel;
+    var renderNoResults = this.$scopedSlots.renderNoResults || this.$props.renderNoResults;
 
     if (renderErrorCalc && this.error) {
       return isFunction(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
     }
 
-    if (!this.hasCustomRenderer && this.$data.modifiedOptions.length === 0) {
+    if (!this.hasCustomRenderer && this.$data.modifiedOptions.length === 0 && !this.isLoading) {
+      if (renderNoResults && isFunction(renderNoResults)) {
+        return h("div", [renderNoResults()]);
+      }
+
+      if (renderNoResults && !isFunction(renderNoResults)) {
+        return renderNoResults;
+      }
+
       return null;
     }
 
@@ -197,7 +219,7 @@ var SingleDropdownList = {
         "items": [].concat(selectAll, this.$data.modifiedOptions.filter(function (item) {
           return String(item.key).trim().length;
         }).map(function (item) {
-          return _extends(_extends({}, item), {}, {
+          return _extends({}, item, {
             key: String(item.key)
           });
         })),
@@ -212,6 +234,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": {
@@ -271,7 +295,7 @@ var SingleDropdownList = {
         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,
@@ -292,7 +316,7 @@ var SingleDropdownList = {
         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,
@@ -327,7 +351,7 @@ var SingleDropdownList = {
       if (props.defaultQuery) {
         var value = this.$data.currentValue;
         var defaultQueryOptions = getOptionsFromQuery(props.defaultQuery(value, props));
-        this.setQueryOptions(this.internalComponent, _extends(_extends({}, queryOptions), defaultQueryOptions));
+        this.setQueryOptions(this.internalComponent, _extends({}, queryOptions, defaultQueryOptions));
       } else {
         this.setQueryOptions(this.internalComponent, queryOptions);
       }
@@ -426,7 +450,8 @@ var mapStateToProps = function mapStateToProps(state, props) {
     selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || '',
     themePreset: state.config.themePreset,
     error: state.error[props.componentId],
-    componentProps: state.props[props.componentId]
+    componentProps: state.props[props.componentId],
+    enableAppbase: state.config.enableAppbase
   };
 };
 

package/dist/es/SingleList.js

@@ -1,20 +1,21 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-c9fbe19f.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.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-98d938a9.js';
+import { t as types } from './vueTypes-9326e0be.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, l as isEvent, h as hasCustomRenderer, c as connect } from './index-1fe91a0a.js';
-import { C as ComponentWrapper } from './ComponentWrapper-d0b21b95.js';
-import { T as Title } from './Title-22c2f3bf.js';
-import { I as Input } from './Input-dfd9dd40.js';
-import { C as Container } from './Container-f5efec9e.js';
-import { U as UL, R as Radio } from './FormControlList-b96aebef.js';
-import { g as getAggsQuery } from './utils-ce3d86fd.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, n as isEvent, h as hasCustomRenderer, c as connect } from './index-5daa8276.js';
+import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
+import { T as Title } from './Title-579f8d6c.js';
+import { I as Input } from './Input-d8519224.js';
+import { C as Container } from './Container-4383c6f0.js';
+import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
+import { U as UL, R as Radio } from './FormControlList-fe389a2e.js';
+import { g as getAggsQuery } from './utils-3a32e13f.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,
@@ -29,7 +30,7 @@ var SingleList = {
   name: 'SingleList',
   props: {
     beforeValueChange: types.func,
-    className: types.string.def(''),
+    className: VueTypes.string.def(''),
     componentId: types.stringRequired,
     customQuery: types.func,
     dataField: types.stringRequired,
@@ -49,27 +50,34 @@ 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: types.title,
     URLParams: VueTypes.bool.def(false),
     showMissing: VueTypes.bool.def(false),
     missingLabel: VueTypes.string.def('N/A'),
     nestedField: types.string,
+    index: VueTypes.string,
     enableStrictSelection: VueTypes.bool.def(false)
   },
   data: function data() {
     var props = this.$props;
     this.__state = {
       currentValue: '',
-      modifiedOptions: props.options && props.options[props.dataField] ? props.options[props.dataField].buckets : [],
+      modifiedOptions: [],
       searchTerm: ''
     };
     this.internalComponent = props.componentId + "__internal";
     return this.__state;
   },
   created: function created() {
-    // Set custom and default queries in store
+    if (!this.enableAppbase && this.$props.index) {
+      console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
+    }
+
+    var props = this.$props;
+    this.modifiedOptions = this.options && this.options[props.dataField] ? this.options[props.dataField].buckets : []; // Set custom and default queries in store
+
     updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
     updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.currentValue);
   },
@@ -86,7 +94,9 @@ var SingleList = {
   },
   watch: {
     options: function options(newVal) {
-      this.modifiedOptions = newVal[this.$props.dataField] ? newVal[this.$props.dataField].buckets : [];
+      if (newVal) {
+        this.modifiedOptions = newVal[this.$props.dataField] ? newVal[this.$props.dataField].buckets : [];
+      }
     },
     size: function size() {
       this.updateQueryHandlerOptions(this.$props);
@@ -129,8 +139,7 @@ var SingleList = {
     var _this$$props = this.$props,
         selectAllLabel = _this$$props.selectAllLabel,
         renderItem = _this$$props.renderItem,
-        renderError = _this$$props.renderError,
-        enableStrictSelection = _this$$props.enableStrictSelection;
+        renderError = _this$$props.renderError;
     var renderItemCalc = this.$scopedSlots.renderItem || renderItem;
     var renderErrorCalc = this.$scopedSlots.renderError || renderError;
 
@@ -138,8 +147,12 @@ var SingleList = {
       return isFunction(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
     }
 
-    if (!this.hasCustomRenderer && this.modifiedOptions.length === 0) {
-      return null;
+    if (!this.hasCustomRenderer && this.modifiedOptions.length === 0 && !this.isLoading) {
+      if (this.renderNoResult) {
+        this.renderNoResult();
+      } else {
+        return null;
+      }
     }
 
     var itemsToRender = this.$data.modifiedOptions;
@@ -151,7 +164,7 @@ var SingleList = {
     var filteredItemsToRender = itemsToRender.filter(function (item) {
       if (String(item.key).length) {
         if (_this.$props.showSearch && _this.$data.searchTerm) {
-          return String(item.key).toLowerCase().includes(_this.$data.searchTerm.toLowerCase());
+          return replaceDiacritics(String(item.key)).toLowerCase().includes(replaceDiacritics(_this.$data.searchTerm.toLowerCase()));
         }
 
         return true;
@@ -203,9 +216,7 @@ var SingleList = {
           "show": _this.$props.showRadio
         },
         "on": {
-          "click": _this.$data.currentValue === String(item.key) && enableStrictSelection ? function () {
-            return false;
-          } : _this.handleClick
+          "click": _this.handleClick
         },
         "domProps": _extends({}, {
           checked: _this.currentValue === String(item.key)
@@ -266,7 +277,7 @@ var SingleList = {
         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,
@@ -287,7 +298,7 @@ var SingleList = {
         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,
@@ -308,7 +319,7 @@ var SingleList = {
       if (props.defaultQuery) {
         var value = this.$data.currentValue;
         var defaultQueryOptions = getOptionsFromQuery(props.defaultQuery(value, props));
-        this.setQueryOptions(this.internalComponent, _extends(_extends({}, queryOptions), defaultQueryOptions));
+        this.setQueryOptions(this.internalComponent, _extends({}, queryOptions, defaultQueryOptions));
       } else {
         this.setQueryOptions(this.internalComponent, queryOptions);
       }
@@ -367,6 +378,10 @@ var SingleList = {
         currentValue = e.target.value;
       }
 
+      if (this.enableStrictSelection && currentValue === this.currentValue) {
+        return false;
+      }
+
       var value = this.$props.value;
 
       if (value === undefined) {
@@ -374,6 +389,8 @@ var SingleList = {
       } else {
         this.$emit('change', currentValue);
       }
+
+      return true;
     },
     renderNoResult: function renderNoResult() {
       var h = this.$createElement;
@@ -454,7 +471,8 @@ var mapStateToProps = function mapStateToProps(state, props) {
     selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || '',
     themePreset: state.config.themePreset,
     error: state.error[props.componentId],
-    componentProps: state.props[props.componentId]
+    componentProps: state.props[props.componentId],
+    enableAppbase: state.config.enableAppbase
   };
 };
 

package/dist/es/SingleRange.js

@@ -1,18 +1,18 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import './_rollupPluginBabelHelpers-c9fbe19f.js';
+import './_rollupPluginBabelHelpers-ecf6c03c.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-98d938a9.js';
+import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-1fe91a0a.js';
-import { C as ComponentWrapper } from './ComponentWrapper-d0b21b95.js';
-import { T as Title } from './Title-22c2f3bf.js';
-import { C as Container } from './Container-f5efec9e.js';
-import { U as UL, R as Radio } from './FormControlList-b96aebef.js';
+import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-5daa8276.js';
+import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
+import { T as Title } from './Title-579f8d6c.js';
+import { C as Container } from './Container-4383c6f0.js';
+import { U as UL, R as Radio } from './FormControlList-fe389a2e.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,
@@ -46,10 +46,15 @@ var SingleRange = {
     showRadio: VueTypes.bool.def(true),
     title: types.title,
     URLParams: VueTypes.bool.def(false),
-    nestedField: types.string
+    nestedField: types.string,
+    index: VueTypes.string
   },
   created: function created() {
-    // Set custom query in store
+    if (!this.enableAppbase && this.$props.index) {
+      console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
+    } // Set custom query in store
+
+
     updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
   },
   beforeMount: function beforeMount() {
@@ -155,7 +160,7 @@ var SingleRange = {
         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,
@@ -216,7 +221,8 @@ SingleRange.defaultQuery = function (value, props) {
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
-    componentProps: state.props[props.componentId]
+    componentProps: state.props[props.componentId],
+    enableAppbase: state.config.enableAppbase
   };
 };