@appbaseio/reactivesearch-vue 1.33.4 → 1.33.5

package/dist/es/{DataSearch-68d2a78c.js → DataSearch-5bb904c5.js}

@@ -946,6 +946,7 @@ var DataSearch = {
     }
     this.handleTextChange = debounce(this.handleText, this.$props.debounce);
     this.updateDefaultQueryHandlerDebounced = debounce(this.updateDefaultQueryHandler, this.$props.debounce);
+    this.updateQueryHandlerDebounced = debounce(this.updateQueryHandler, this.$props.debounce);
     // 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);
@@ -1129,7 +1130,7 @@ var DataSearch = {
         if (this.isPending && this.$options.isTagsMode && Array.isArray(newVal)) {
           this.isPending = false;
         }
-        this.setValue(newVal, true, this.$props, undefined, false, typeof newVal !== 'string' && this.$options.isTagsMode);
+        this.setValue(newVal, true, this.$props, newVal === '' ? causes.CLEAR_VALUE : undefined, false, typeof newVal !== 'string' && this.$options.isTagsMode);
       }
     },
     defaultQuery: function defaultQuery(newVal, oldVal) {
@@ -1171,8 +1172,10 @@ var DataSearch = {
     handleText: function handleText(value) {
       if (this.$props.autosuggest) {
         this.updateDefaultQueryHandlerDebounced(value, this.$props);
-      } else {
-        this.updateDefaultQueryHandlerDebounced(this.$props.componentId, value, this.$props);
+      } else if (!this.$options.isTagsMode) {
+        this.updateQueryHandlerDebounced(this.$props.componentId, value, this.$props);
+      } else if (this.$options.isTagsMode) {
+        this.$data.currentValue = value;
       }
     },
     validateDataField: function validateDataField() {
@@ -1317,10 +1320,10 @@ var DataSearch = {
           } // in case of strict selection only SUGGESTION_SELECT should be able
           // to set the query otherwise the value should reset
 
-          if (props.strictSelection) {
-            if (cause === causes.SUGGESTION_SELECT || (_this.$options.isTagsMode ? _this.selectedTags.length === 0 : value === '')) {
+          if (props.strictSelection && props.autosuggest) {
+            if (cause === causes.SUGGESTION_SELECT || props.value !== undefined) {
               _this.updateQueryHandler(props.componentId, queryHandlerValue, props);
-            } else {
+            } else if (_this.currentValue !== '') {
               _this.setValue('', true);
             }
           } else {
@@ -1446,17 +1449,20 @@ var DataSearch = {
       this.onValueSelectedHandler('', causes.CLEAR_VALUE);
     },
     handleKeyDown: function handleKeyDown(event, highlightedIndex) {
-      var value = this.$props.value;
+      var targetValue = event.target.value;
+      var _this$$props2 = this.$props,
+        value = _this$$props2.value,
+        strictSelection = _this$$props2.strictSelection,
+        size = _this$$props2.size;
       if (value !== undefined) {
         this.isPending = true;
       }
 
       // if a suggestion was selected, delegate the handling to suggestion handler
-      if (event.key === 'Enter' && highlightedIndex === null) {
-        this.setValue(event.target.value, true, this.$props, this.$options.isTagsMode ? causes.SUGGESTION_SELECT : undefined // to handle tags
-        );
-
-        this.onValueSelectedHandler(event.target.value, causes.ENTER_PRESS);
+      if (event.key === 'Enter' && (highlightedIndex === null || highlightedIndex < 0 || highlightedIndex === [].concat([].concat(this.suggestionsList).slice(0, size || 10), this.defaultSearchSuggestions, this.topSuggestions).length)) {
+        this.isPending = false;
+        this.setValue(this.$options.isTagsMode && strictSelection ? '' : targetValue, true, this.$props, undefined, false);
+        this.onValueSelectedHandler(targetValue, causes.ENTER_PRESS);
       }
       // Need to review
       this.$emit('keyDown', event, this.triggerQuery);
@@ -1468,19 +1474,19 @@ var DataSearch = {
       if (!this.$data.isOpen) {
         this.isOpen = true;
       }
-      var _this$$props2 = this.$props,
-        value = _this$$props2.value,
-        autosuggest = _this$$props2.autosuggest;
+      var _this$$props3 = this.$props,
+        value = _this$$props3.value,
+        autosuggest = _this$$props3.autosuggest;
       if (value === undefined) {
         this.setValue(inputValue, false, this.$props, undefined, true, false);
       } else {
         this.isPending = true;
+        this.currentValue = inputValue;
         this.$emit('change', inputValue, function (_temp2) {
           var _ref3 = _temp2 === void 0 ? {} : _temp2,
             _ref3$isOpen = _ref3.isOpen,
             isOpen = _ref3$isOpen === void 0 ? false : _ref3$isOpen;
           if (_this2.$options.isTagsMode && autosuggest) {
-            _this2.currentValue = value;
             _this2.isOpen = isOpen;
             _this2.updateDefaultQueryHandlerDebounced(_this2.currentValue, _this2.$props);
             return;
@@ -1568,9 +1574,9 @@ var DataSearch = {
         finalSuggestionsList = [];
       }
       var h = this.$createElement;
-      var _this$$props3 = this.$props,
-        theme = _this$$props3.theme,
-        innerClass = _this$$props3.innerClass;
+      var _this$$props4 = this.$props,
+        theme = _this$$props4.theme,
+        innerClass = _this$$props4.innerClass;
       var renderNoSuggestion = this.$scopedSlots.renderNoSuggestion || this.$props.renderNoSuggestion;
       var renderError = this.$scopedSlots.renderError || this.$props.renderError;
       var _this$$data = this.$data,
@@ -1674,13 +1680,13 @@ var DataSearch = {
     },
     renderIcons: function renderIcons() {
       var h = this.$createElement;
-      var _this$$props4 = this.$props,
-        iconPosition = _this$$props4.iconPosition,
-        showClear = _this$$props4.showClear,
-        innerClass = _this$$props4.innerClass,
-        getMicInstance = _this$$props4.getMicInstance,
-        showVoiceSearch = _this$$props4.showVoiceSearch,
-        showIcon = _this$$props4.showIcon;
+      var _this$$props5 = this.$props,
+        iconPosition = _this$$props5.iconPosition,
+        showClear = _this$$props5.showClear,
+        innerClass = _this$$props5.innerClass,
+        getMicInstance = _this$$props5.getMicInstance,
+        showVoiceSearch = _this$$props5.showVoiceSearch,
+        showIcon = _this$$props5.showIcon;
       var renderMic = this.$scopedSlots.renderMic || this.$props.renderMic;
       var currentValue = this.$data.currentValue;
       return h("div", [h(IconGroup, {
@@ -1764,11 +1770,11 @@ var DataSearch = {
   render: function render() {
     var _this6 = this;
     var h = arguments[0];
-    var _this$$props5 = this.$props,
-      theme = _this$$props5.theme,
-      size = _this$$props5.size,
-      expandSuggestionsContainer = _this$$props5.expandSuggestionsContainer,
-      enableDefaultSuggestions = _this$$props5.enableDefaultSuggestions;
+    var _this$$props6 = this.$props,
+      theme = _this$$props6.theme,
+      size = _this$$props6.size,
+      expandSuggestionsContainer = _this$$props6.expandSuggestionsContainer,
+      enableDefaultSuggestions = _this$$props6.enableDefaultSuggestions;
     var _this$$scopedSlots = this.$scopedSlots,
       recentSearchesIcon = _this$$scopedSlots.recentSearchesIcon,
       popularSearchesIcon = _this$$scopedSlots.popularSearchesIcon;
@@ -1930,7 +1936,7 @@ var DataSearch = {
               }
             })),
             "domProps": _extends({}, getInputProps({
-              value: _this6.$data.currentValue === null ? '' : _this6.$data.currentValue
+              value: _this6.$data.currentValue === null || typeof _this6.$data.currentValue !== 'string' ? '' : _this6.$data.currentValue
             }))
           }), _this6.renderIcons(), !expandSuggestionsContainer && renderSuggestionsContainer()]), ' ', _this6.renderInputAddonAfter()]), expandSuggestionsContainer && renderSuggestionsContainer(), _this6.renderTags()]);
         }
@@ -1972,7 +1978,7 @@ var DataSearch = {
         value: this.$data.currentValue ? this.$data.currentValue : ''
       }),
       "ref": this.$props.innerRef
-    }), this.renderIcons()]), this.renderInputAddonAfter()])])]);
+    }), this.renderIcons()]), this.renderInputAddonAfter()]), this.renderTags()])]);
   },
   destroyed: function destroyed() {
     document.removeEventListener('keydown', this.onKeyDown);
@@ -2147,10 +2153,13 @@ var DSConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps,
   componentType: componentTypes.dataSearch,
   internalComponent: DataSearch.hasInternalComponent()
 }));
-DataSearch.install = function (Vue) {
-  Vue.component(DataSearch.name, DSConnected);
+DSConnected.name = DataSearch.name;
+
+// plugins usage
+DSConnected.install = function (Vue) {
+  Vue.component(DSConnected.name, DSConnected);
 };
 // Add componentType for SSR
-DataSearch.componentType = componentTypes.dataSearch;
+DSConnected.componentType = componentTypes.dataSearch;
 
-export { CustomSvg as C, DSConnected as D, InputAddon as I, Mic as M, SearchSvg as S, TagItem as T, DataSearch as a, SuggestionWrapper as b, TagsContainer as c, InputGroup as d, SuggestionItem as e };
+export { CustomSvg as C, DSConnected as D, InputAddon as I, Mic as M, SearchSvg as S, TagItem as T, DSConnected as a, SuggestionWrapper as b, TagsContainer as c, InputGroup as d, SuggestionItem as e };

package/dist/es/DataSearch.js

@@ -15,7 +15,7 @@ import './PreferencesConsumer-bc097ebb.js';
 import './Title-863dfa42.js';
 import './Flex-7c177a10.js';
 import 'hotkeys-js';
-export { D as DSConnected, a as default } from './DataSearch-68d2a78c.js';
+export { D as DSConnected, a as default } from './DataSearch-5bb904c5.js';
 import './CancelSvg-e40552a5.js';
 import './Input-c09c0b56.js';
 import 'compute-scroll-into-view';

package/dist/es/DynamicRangeSlider.js

@@ -404,12 +404,13 @@ var mapDispatchtoProps = {
   updateComponentProps: updateComponentProps
 };
 var RangeConnected = PreferencesConsumer(connect(mapStateToProps, mapDispatchtoProps)(DynamicRangeSlider));
-DynamicRangeSlider.install = function (Vue) {
-  Vue.component(DynamicRangeSlider.name, RangeConnected);
+RangeConnected.name = DynamicRangeSlider.name;
+RangeConnected.install = function (Vue) {
+  Vue.component(RangeConnected.name, RangeConnected);
 };
 
 // Add componentType for SSR
-DynamicRangeSlider.componentType = componentTypes.dynamicRangeSlider;
+RangeConnected.componentType = componentTypes.dynamicRangeSlider;
 
-export default DynamicRangeSlider;
+export default RangeConnected;
 export { RangeConnected };

package/dist/es/MultiDropdownList.js

@@ -529,12 +529,13 @@ var ListConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps
   componentType: componentTypes.multiDropdownList,
   internalComponent: MultiDropdownList.hasInternalComponent()
 }));
-MultiDropdownList.install = function (Vue) {
-  Vue.component(MultiDropdownList.name, ListConnected);
+ListConnected.name = MultiDropdownList.name;
+ListConnected.install = function (Vue) {
+  Vue.component(ListConnected.name, ListConnected);
 };
 
 // Add componentType for SSR
-MultiDropdownList.componentType = componentTypes.multiDropdownList;
+ListConnected.componentType = componentTypes.multiDropdownList;
 
-export default MultiDropdownList;
+export default ListConnected;
 export { ListConnected };

package/dist/es/MultiList.js

@@ -545,12 +545,13 @@ var ListConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps
   componentType: componentTypes.multiList,
   internalComponent: MultiList.hasInternalComponent()
 }));
-MultiList.install = function (Vue) {
-  Vue.component(MultiList.name, ListConnected);
+ListConnected.name = MultiList.name;
+ListConnected.install = function (Vue) {
+  Vue.component(ListConnected.name, ListConnected);
 };
 
 // Add componentType for SSR
-MultiList.componentType = componentTypes.multiList;
+ListConnected.componentType = componentTypes.multiList;
 
-export default MultiList;
+export default ListConnected;
 export { ListConnected };

package/dist/es/MultiRange.js

@@ -277,11 +277,12 @@ var mapDispatchtoProps = {
 var RangeConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps, mapDispatchtoProps)(MultiRange), {
   componentType: componentTypes.multiRange
 }));
-MultiRange.install = function (Vue) {
-  Vue.component(MultiRange.name, RangeConnected);
+RangeConnected.name = MultiRange.name;
+RangeConnected.install = function (Vue) {
+  Vue.component(RangeConnected.name, RangeConnected);
 };
 // Add componentType for SSR
-MultiRange.componentType = componentTypes.multiRange;
+RangeConnected.componentType = componentTypes.multiRange;
 
-export default MultiRange;
+export default RangeConnected;
 export { RangeConnected };

package/dist/es/RangeInput.js

@@ -314,12 +314,13 @@ var mapStateToProps = function mapStateToProps(state) {
 var RangeConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps, {})(RangeInput), {
   componentType: componentTypes.rangeInput
 }));
-RangeInput.install = function (Vue) {
-  Vue.component(RangeInput.name, RangeConnected);
+RangeConnected.name = RangeInput.name;
+RangeConnected.install = function (Vue) {
+  Vue.component(RangeConnected.name, RangeConnected);
 };
 
 // Add componentType for SSR
-RangeInput.componentType = componentTypes.rangeInput;
+RangeConnected.componentType = componentTypes.rangeInput;
 
-export default RangeInput;
+export default RangeConnected;
 export { RangeConnected };

package/dist/es/RangeSlider.js

@@ -259,12 +259,13 @@ var mapDispatchtoProps = {
 var RangeConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps, mapDispatchtoProps)(RangeSlider), {
   componentType: componentTypes.rangeSlider
 }));
-RangeSlider.install = function (Vue) {
-  Vue.component(RangeSlider.name, RangeConnected);
+RangeConnected.name = RangeSlider.name;
+RangeConnected.install = function (Vue) {
+  Vue.component(RangeConnected.name, RangeConnected);
 };
 
 // Add componentType for SSR
-RangeSlider.componentType = componentTypes.rangeSlider;
+RangeConnected.componentType = componentTypes.rangeSlider;
 
-export default RangeSlider;
+export default RangeConnected;
 export { RangeConnected };

package/dist/es/{ReactiveComponent-62fa87e0.js → ReactiveComponent-09c183c8.js}

@@ -12,15 +12,15 @@ import { C as ComponentWrapper } from './ComponentWrapper-8042aa35.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
 import { T as Title } from './Title-863dfa42.js';
 import hotkeys from 'hotkeys-js';
-import { S as SearchSvg, b as SuggestionWrapper, I as InputAddon, M as Mic, T as TagItem, c as TagsContainer, d as InputGroup, C as CustomSvg, e as SuggestionItem, D as DSConnected } from './DataSearch-68d2a78c.js';
+import { S as SearchSvg, b as SuggestionWrapper, I as InputAddon, M as Mic, T as TagItem, c as TagsContainer, d as InputGroup, C as CustomSvg, e as SuggestionItem, D as DSConnected } from './DataSearch-5bb904c5.js';
 import { C as CancelSvg, a as IconGroup, I as IconWrapper, D as Downshift, b as InputWrapper } from './CancelSvg-e40552a5.js';
 import { s as suggestionsContainer, I as Input, a as suggestions } from './Input-c09c0b56.js';
 import { C as Container } from './Container-d00219f7.js';
-import { ListConnected as ListConnected$4 } from './SingleList.js';
-import { ListConnected as ListConnected$3 } from './MultiList.js';
-import { ListConnected as ListConnected$2 } from './SingleDropdownList.js';
-import { ListConnected as ListConnected$1 } from './MultiDropdownList.js';
-import { ListConnected } from './ToggleButton.js';
+import { ListConnected as ListConnected$3 } from './SingleList.js';
+import { ListConnected as ListConnected$2 } from './MultiList.js';
+import { ListConnected as ListConnected$1 } from './SingleDropdownList.js';
+import { ListConnected } from './MultiDropdownList.js';
+import { TBConnected } from './ToggleButton.js';
 import { RangeConnected as RangeConnected$4 } from './DynamicRangeSlider.js';
 import { RangeConnected as RangeConnected$3 } from './SingleRange.js';
 import { RangeConnected as RangeConnected$2 } from './MultiRange.js';
@@ -267,7 +267,6 @@ var SearchBox = {
           // selected value is cleared, call onValueSelected
           this.onValueSelectedHandler('', causes.CLEAR_VALUE);
         }
-        // if (this.$props.value === undefined) {
         if (this.$options.isTagsMode) {
           // handling reset of tags through SelectedFilters or URL
           this.selectedTags = [];
@@ -277,7 +276,6 @@ var SearchBox = {
           cause = causes.SUGGESTION_SELECT;
         }
         this.setValue(newVal || '', true, this.$props, cause);
-        // }
       }
     },
     focusShortcuts: function focusShortcuts() {
@@ -420,8 +418,7 @@ var SearchBox = {
             if (typeof value === 'string' && !!value) {
               _this.selectedTags.push(value);
             } else if (Array.isArray(value) && !isEqual(_this.selectedTags, value)) {
-              var mergedArray = Array.from(new Set([].concat(_this.selectedTags, value)));
-              _this.selectedTags = mergedArray;
+              _this.selectedTags = value;
             }
           } else if (value) {
             _this.selectedTags = typeof value !== 'string' ? value : [].concat(value);
@@ -1245,11 +1242,12 @@ var SBConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps,
   componentType: componentTypes.searchBox,
   internalComponent: true
 }));
-SearchBox.install = function (Vue) {
-  Vue.component(SearchBox.name, SBConnected);
+SBConnected.name = SearchBox.name;
+SBConnected.install = function (Vue) {
+  Vue.component(SBConnected.name, SBConnected);
 };
 // Add componentType for SSR
-SearchBox.componentType = componentTypes.searchBox;
+SBConnected.componentType = componentTypes.searchBox;
 
 var _excluded = ["options"];
 var updateQuery$1 = Actions.updateQuery,
@@ -1554,20 +1552,20 @@ var RcConnected = PreferencesConsumer({
         break;
       // list components
       case componentTypes.singleList:
-        component = ListConnected$4;
+        component = ListConnected$3;
         break;
       case componentTypes.multiList:
-        component = ListConnected$3;
+        component = ListConnected$2;
         break;
       case componentTypes.singleDropdownList:
-        component = ListConnected$2;
+        component = ListConnected$1;
         break;
       case componentTypes.multiDropdownList:
-        component = ListConnected$1;
+        component = ListConnected;
         break;
       // basic components
       case componentTypes.toggleButton:
-        component = ListConnected;
+        component = TBConnected;
         break;
       // range components
       case componentTypes.dynamicRangeSlider:
@@ -1594,11 +1592,12 @@ var RcConnected = PreferencesConsumer({
     });
   }
 });
-ReactiveComponent.install = function (Vue) {
-  Vue.component(ReactiveComponent.name, RcConnected);
+RcConnected.name = ReactiveComponent.name;
+RcConnected.install = function (Vue) {
+  Vue.component(RcConnected.name, RcConnected);
 };
 
 // Add componentType for SSR
-ReactiveComponent.componentType = componentTypes.reactiveComponent;
+RcConnected.componentType = componentTypes.reactiveComponent;
 
-export { ReactiveComponent as R, SearchBox as S };
+export { RcConnected as R, SBConnected as S };

package/dist/es/ReactiveComponent.js

@@ -21,13 +21,13 @@ import './ListItem-07888a65.js';
 import './Card-19ad6d90.js';
 import './Flex-7c177a10.js';
 import 'hotkeys-js';
-import './DataSearch-68d2a78c.js';
+import './DataSearch-5bb904c5.js';
 import './CancelSvg-e40552a5.js';
 import './Input-c09c0b56.js';
 import 'compute-scroll-into-view';
 import './Container-d00219f7.js';
 import 'vue-highlight-words';
-export { R as default } from './ReactiveComponent-62fa87e0.js';
+export { R as default } from './ReactiveComponent-09c183c8.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import './FormControlList-99797d0a.js';
 import './utils-9e5a16a1.js';

package/dist/es/ReactiveList.js

@@ -951,13 +951,14 @@ var RLConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps,
   componentType: componentTypes.reactiveList,
   internalComponent: ReactiveList.hasInternalComponent()
 }));
-ReactiveList.install = function (Vue) {
-  Vue.component(ReactiveList.name, RLConnected);
+RLConnected.name = ReactiveList.name;
+RLConnected.install = function (Vue) {
+  Vue.component(RLConnected.name, RLConnected);
   Vue.component(ResultListWrapper.name, ResultListWrapper);
   Vue.component(ResultCardsWrapper.name, ResultCardsWrapper);
 };
 // Add componentType for SSR
-ReactiveList.componentType = componentTypes.reactiveList;
+RLConnected.componentType = componentTypes.reactiveList;
 
-export default ReactiveList;
+export default RLConnected;
 export { RLConnected };

package/dist/es/SelectedFilters.js

@@ -174,8 +174,9 @@ var mapDispatchtoProps = {
   resetValuesToDefault: resetValuesToDefault
 };
 var RcConnected = connect(mapStateToProps, mapDispatchtoProps)(SelectedFilters);
-SelectedFilters.install = function (Vue) {
-  Vue.component(SelectedFilters.name, RcConnected);
+RcConnected.name = SelectedFilters.name;
+RcConnected.install = function (Vue) {
+  Vue.component(RcConnected.name, RcConnected);
 };
 
-export default SelectedFilters;
+export default RcConnected;

package/dist/es/SingleDropdownList.js

@@ -433,12 +433,13 @@ var ListConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps
   componentType: componentTypes.singleDropdownList,
   internalComponent: SingleDropdownList.hasInternalComponent()
 }));
-SingleDropdownList.install = function (Vue) {
-  Vue.component(SingleDropdownList.name, ListConnected);
+ListConnected.name = SingleDropdownList.name;
+ListConnected.install = function (Vue) {
+  Vue.component(ListConnected.name, ListConnected);
 };
 
 // Add componentType for SSR
-SingleDropdownList.componentType = componentTypes.singleDropdownList;
+ListConnected.componentType = componentTypes.singleDropdownList;
 
-export default SingleDropdownList;
+export default ListConnected;
 export { ListConnected };

package/dist/es/SingleList.js

@@ -450,12 +450,13 @@ var ListConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps
   componentType: componentTypes.singleList,
   internalComponent: SingleList.hasInternalComponent()
 }));
-SingleList.install = function (Vue) {
-  Vue.component(SingleList.name, ListConnected);
+ListConnected.name = SingleList.name;
+ListConnected.install = function (Vue) {
+  Vue.component(ListConnected.name, ListConnected);
 };
 
 // Add componentType for SSR
-SingleList.componentType = componentTypes.singleList;
+ListConnected.componentType = componentTypes.singleList;
 
-export default SingleList;
+export default ListConnected;
 export { ListConnected };

package/dist/es/SingleRange.js

@@ -214,11 +214,12 @@ var mapDispatchtoProps = {
 var RangeConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps, mapDispatchtoProps)(SingleRange), {
   componentType: componentTypes.singleRange
 }));
-SingleRange.install = function (Vue) {
-  Vue.component(SingleRange.name, RangeConnected);
+RangeConnected.name = SingleRange.name;
+RangeConnected.install = function (Vue) {
+  Vue.component(RangeConnected.name, RangeConnected);
 };
 // Add componentType for SSR
-SingleRange.componentType = componentTypes.singleRange;
+RangeConnected.componentType = componentTypes.singleRange;
 
-export default SingleRange;
+export default RangeConnected;
 export { RangeConnected };

package/dist/es/StateProvider.js

@@ -241,8 +241,9 @@ var mapDispatchtoProps = {
   setSearchStateFn: setSearchState
 };
 var StateProviderConnected = connect(mapStateToProps, mapDispatchtoProps)(StateProvider);
-StateProvider.install = function (Vue) {
-  Vue.component(StateProvider.name, StateProviderConnected);
+StateProviderConnected.name = StateProvider.name;
+StateProviderConnected.install = function (Vue) {
+  Vue.component(StateProviderConnected.name, StateProviderConnected);
 };
 
-export default StateProvider;
+export default StateProviderConnected;

package/dist/es/ToggleButton.js

@@ -300,14 +300,15 @@ var mapDispatchtoProps = {
   setQueryOptions: setQueryOptions,
   setCustomQuery: setCustomQuery
 };
-var ListConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps, mapDispatchtoProps)(ToggleButton), {
+var TBConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps, mapDispatchtoProps)(ToggleButton), {
   componentType: componentTypes.toggleButton
 }));
-ToggleButton.install = function (Vue) {
-  Vue.component(ToggleButton.name, ListConnected);
+TBConnected.name = ToggleButton.name;
+TBConnected.install = function (Vue) {
+  Vue.component(TBConnected.name, TBConnected);
 };
 // Add componentType for SSR
-ToggleButton.componentType = componentTypes.toggleButton;
+TBConnected.componentType = componentTypes.toggleButton;
 
-export default ToggleButton;
-export { ListConnected };
+export default TBConnected;
+export { TBConnected };

package/dist/es/index.js

@@ -26,13 +26,13 @@ import '@appbaseio/analytics';
 import 'url-search-params-polyfill';
 export { default as ReactiveBase } from './ReactiveBase.js';
 import 'hotkeys-js';
-export { a as DataSearch } from './DataSearch-68d2a78c.js';
+export { a as DataSearch } from './DataSearch-5bb904c5.js';
 import './CancelSvg-e40552a5.js';
 import './Input-c09c0b56.js';
 import 'compute-scroll-into-view';
 import './Container-d00219f7.js';
 import 'vue-highlight-words';
-export { R as ReactiveComponent, S as SearchBox } from './ReactiveComponent-62fa87e0.js';
+export { R as ReactiveComponent, S as SearchBox } from './ReactiveComponent-09c183c8.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import './FormControlList-99797d0a.js';
 import './utils-9e5a16a1.js';

package/dist/es/install.js

@@ -26,13 +26,13 @@ import '@appbaseio/analytics';
 import 'url-search-params-polyfill';
 import ReactiveBase from './ReactiveBase.js';
 import 'hotkeys-js';
-import { a as DataSearch } from './DataSearch-68d2a78c.js';
+import { a as DataSearch } from './DataSearch-5bb904c5.js';
 import './CancelSvg-e40552a5.js';
 import './Input-c09c0b56.js';
 import 'compute-scroll-into-view';
 import './Container-d00219f7.js';
 import 'vue-highlight-words';
-import { S as SearchBox, R as ReactiveComponent } from './ReactiveComponent-62fa87e0.js';
+import { S as SearchBox, R as ReactiveComponent } from './ReactiveComponent-09c183c8.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import './FormControlList-99797d0a.js';
 import './utils-9e5a16a1.js';

package/dist/es/version.js

@@ -1,3 +1,3 @@
-var version = "1.33.4";
+var version = "1.33.5";
 
 export default version;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@appbaseio/reactivesearch-vue",
-	"version": "1.33.4",
+	"version": "1.33.5",
 	"private": false,
 	"main": "dist/cjs/index.js",
 	"jsnext:main": "dist/es/index.js",
@@ -35,7 +35,7 @@
 	"sideEffects": false,
 	"dependencies": {
 		"@appbaseio/analytics": "^1.1.1",
-		"@appbaseio/reactivecore": "9.14.34",
+		"@appbaseio/reactivecore": "9.14.35",
 		"@appbaseio/vue-emotion": "0.4.4",
 		"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
 		"appbase-js": "^5.2.0",