@appbaseio/reactivesearch-vue 1.33.4 → 1.33.6

package/dist/cjs/{ComponentWrapper-b6d4660c.js → ComponentWrapper-f89a5972.js}

@@ -68,7 +68,7 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
       // or component is not present in store
       if (this.destroyOnUnmount || components.indexOf(this.componentProps.componentId) === -1) {
         // Register  component
-        this.addComponent(this.componentId);
+        this.addComponent(this.componentId, this.$timestamp);
         var onQueryChange = function onQueryChange() {
           for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
             args[_key] = arguments[_key];
@@ -90,7 +90,7 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
       }
       // Register internal component
       if (this.internalComponent && (this.destroyOnUnmount || components.indexOf(this.internalComponent) === -1)) {
-        this.addComponent(this.internalComponent);
+        this.addComponent(this.internalComponent, this.$timestamp);
         this.setComponentProps(this.internalComponent, this.componentProps, options.componentType);
       }
     },

package/dist/cjs/{DataSearch-2b5740ea.js → DataSearch-de3b7c47.js}

@@ -12,7 +12,7 @@ var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 var vueTypes = require('./vueTypes-7cfc2f98.js');
 var index = require('./index-30126fd0.js');
-var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
+var ComponentWrapper = require('./ComponentWrapper-f89a5972.js');
 var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 var Title = require('./Title-16042ea0.js');
 var Flex = require('./Flex-ddd7cb6b.js');
@@ -952,6 +952,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
     index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
     index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.currentValue);
@@ -1135,7 +1136,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 === '' ? configureStore.causes.CLEAR_VALUE : undefined, false, typeof newVal !== 'string' && this.$options.isTagsMode);
       }
     },
     defaultQuery: function defaultQuery(newVal, oldVal) {
@@ -1177,8 +1178,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() {
@@ -1323,10 +1326,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 === configureStore.causes.SUGGESTION_SELECT || (_this.$options.isTagsMode ? _this.selectedTags.length === 0 : value === '')) {
+          if (props.strictSelection && props.autosuggest) {
+            if (cause === configureStore.causes.SUGGESTION_SELECT || props.value !== undefined) {
               _this.updateQueryHandler(props.componentId, queryHandlerValue, props);
-            } else {
+            } else if (_this.currentValue !== '') {
               _this.setValue('', true);
             }
           } else {
@@ -1452,17 +1455,20 @@ var DataSearch = {
       this.onValueSelectedHandler('', configureStore.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,
+        autosuggest = _this$$props2.autosuggest;
       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 ? configureStore.causes.SUGGESTION_SELECT : undefined // to handle tags
-        );
-
-        this.onValueSelectedHandler(event.target.value, configureStore.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 && autosuggest && strictSelection ? '' : targetValue, true, this.$props, undefined, false);
+        this.onValueSelectedHandler(targetValue, configureStore.causes.ENTER_PRESS);
       }
       // Need to review
       this.$emit('keyDown', event, this.triggerQuery);
@@ -1474,19 +1480,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;
@@ -1574,9 +1580,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,
@@ -1680,13 +1686,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(CancelSvg.IconGroup, {
@@ -1770,11 +1776,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;
@@ -1936,7 +1942,7 @@ var DataSearch = {
               }
             })),
             "domProps": _rollupPluginBabelHelpers._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()]);
         }
@@ -1965,8 +1971,7 @@ var DataSearch = {
           _this6.$emit('focus', e, _this6.triggerQuery);
         },
         keydown: function keydown(e) {
-          _this6.$emit('keyDown', e, _this6.triggerQuery);
-          _this6.$emit('key-down', e, _this6.triggerQuery);
+          _this6.handleKeyDown(e, null);
         },
         keyup: function keyup(e) {
           _this6.$emit('keyUp', e, _this6.triggerQuery);
@@ -1978,7 +1983,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);
@@ -2153,15 +2158,18 @@ var DSConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Compo
   componentType: constants.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 = constants.componentTypes.dataSearch;
+DSConnected.componentType = constants.componentTypes.dataSearch;
 
 exports.CustomSvg = CustomSvg;
 exports.DSConnected = DSConnected;
-exports.DataSearch = DataSearch;
+exports.DataSearch = DSConnected;
 exports.InputAddon = InputAddon;
 exports.InputGroup = InputGroup;
 exports.Mic = Mic;

package/dist/cjs/DataSearch.js

@@ -14,12 +14,12 @@ require('./vueTypes-7cfc2f98.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 require('./index-30126fd0.js');
-require('./ComponentWrapper-b6d4660c.js');
+require('./ComponentWrapper-f89a5972.js');
 require('./PreferencesConsumer-5d67b486.js');
 require('./Title-16042ea0.js');
 require('./Flex-ddd7cb6b.js');
 require('hotkeys-js');
-var DataSearch = require('./DataSearch-2b5740ea.js');
+var DataSearch = require('./DataSearch-de3b7c47.js');
 require('./CancelSvg-220a7cc3.js');
 require('./Input-ead4cd84.js');
 require('compute-scroll-into-view');

package/dist/cjs/DynamicRangeSlider.js

@@ -69,6 +69,7 @@ var DynamicRangeSlider = {
   },
   created: function created() {
     var _this = this;
+    this.$timestamp = new Date().getTime();
     var onQueryChange = function onQueryChange() {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
@@ -97,8 +98,8 @@ var DynamicRangeSlider = {
     }
     var value = this.$props.value;
     if (this.destroyOnUnmount || components.indexOf(this.componentId) === -1) {
-      this.addComponent(this.componentId);
-      this.addComponent(this.internalRangeComponent);
+      this.addComponent(this.componentId, this.$timestamp);
+      this.addComponent(this.internalRangeComponent, this.$timestamp);
       if (Array.isArray(this.selectedValue)) {
         this.handleChange(this.selectedValue);
       } else if (this.selectedValue) {
@@ -411,12 +412,13 @@ var mapDispatchtoProps = {
   updateComponentProps: updateComponentProps
 };
 var RangeConnected = PreferencesConsumer.PreferencesConsumer(index.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 = constants.componentTypes.dynamicRangeSlider;
+RangeConnected.componentType = constants.componentTypes.dynamicRangeSlider;
 
 exports.RangeConnected = RangeConnected;
-exports.default = DynamicRangeSlider;
+exports.default = RangeConnected;

package/dist/cjs/MultiDropdownList.js

@@ -17,7 +17,7 @@ var vueTypes = require('./vueTypes-7cfc2f98.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-30126fd0.js');
-var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
+var ComponentWrapper = require('./ComponentWrapper-f89a5972.js');
 var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
 var Title = require('./Title-16042ea0.js');
@@ -536,12 +536,13 @@ var ListConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Com
   componentType: constants.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 = constants.componentTypes.multiDropdownList;
+ListConnected.componentType = constants.componentTypes.multiDropdownList;
 
 exports.ListConnected = ListConnected;
-exports.default = MultiDropdownList;
+exports.default = ListConnected;

package/dist/cjs/MultiList.js

@@ -16,7 +16,7 @@ var vueTypes = require('./vueTypes-7cfc2f98.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-30126fd0.js');
-var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
+var ComponentWrapper = require('./ComponentWrapper-f89a5972.js');
 var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 var Title = require('./Title-16042ea0.js');
 var Input = require('./Input-ead4cd84.js');
@@ -552,12 +552,13 @@ var ListConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Com
   componentType: constants.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 = constants.componentTypes.multiList;
+ListConnected.componentType = constants.componentTypes.multiList;
 
 exports.ListConnected = ListConnected;
-exports.default = MultiList;
+exports.default = ListConnected;

package/dist/cjs/MultiRange.js

@@ -16,7 +16,7 @@ var vueTypes = require('./vueTypes-7cfc2f98.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-30126fd0.js');
-var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
+var ComponentWrapper = require('./ComponentWrapper-f89a5972.js');
 var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 var Title = require('./Title-16042ea0.js');
 var Container = require('./Container-e699ea95.js');
@@ -284,11 +284,12 @@ var mapDispatchtoProps = {
 var RangeConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(MultiRange), {
   componentType: constants.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 = constants.componentTypes.multiRange;
+RangeConnected.componentType = constants.componentTypes.multiRange;
 
 exports.RangeConnected = RangeConnected;
-exports.default = MultiRange;
+exports.default = RangeConnected;

package/dist/cjs/RangeInput.js

@@ -17,7 +17,7 @@ var vueTypes = require('./vueTypes-7cfc2f98.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-30126fd0.js');
-var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
+var ComponentWrapper = require('./ComponentWrapper-f89a5972.js');
 var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 require('./Title-16042ea0.js');
 var Flex = require('./Flex-ddd7cb6b.js');
@@ -322,12 +322,13 @@ var mapStateToProps = function mapStateToProps(state) {
 var RangeConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, {})(RangeInput), {
   componentType: constants.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 = constants.componentTypes.rangeInput;
+RangeConnected.componentType = constants.componentTypes.rangeInput;
 
 exports.RangeConnected = RangeConnected;
-exports.default = RangeInput;
+exports.default = RangeConnected;

package/dist/cjs/RangeSlider.js

@@ -14,7 +14,7 @@ var vueTypes = require('./vueTypes-7cfc2f98.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-30126fd0.js');
-var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
+var ComponentWrapper = require('./ComponentWrapper-f89a5972.js');
 var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 var Title = require('./Title-16042ea0.js');
 var Container = require('./Container-e699ea95.js');
@@ -266,12 +266,13 @@ var mapDispatchtoProps = {
 var RangeConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(RangeSlider), {
   componentType: constants.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 = constants.componentTypes.rangeSlider;
+RangeConnected.componentType = constants.componentTypes.rangeSlider;
 
 exports.RangeConnected = RangeConnected;
-exports.default = RangeSlider;
+exports.default = RangeConnected;

package/dist/cjs/{ReactiveComponent-fd8d7403.js → ReactiveComponent-71def4c6.js}

@@ -14,11 +14,11 @@ var Button = require('./Button-841fd06d.js');
 var vueTypes = require('./vueTypes-7cfc2f98.js');
 var ReactiveList = require('./ReactiveList.js');
 var index = require('./index-30126fd0.js');
-var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
+var ComponentWrapper = require('./ComponentWrapper-f89a5972.js');
 var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 var Title = require('./Title-16042ea0.js');
 var hotkeys = _interopDefault(require('hotkeys-js'));
-var DataSearch = require('./DataSearch-2b5740ea.js');
+var DataSearch = require('./DataSearch-de3b7c47.js');
 var CancelSvg = require('./CancelSvg-220a7cc3.js');
 var Input = require('./Input-ead4cd84.js');
 var Container = require('./Container-e699ea95.js');
@@ -273,7 +273,6 @@ var SearchBox = {
           // selected value is cleared, call onValueSelected
           this.onValueSelectedHandler('', configureStore.causes.CLEAR_VALUE);
         }
-        // if (this.$props.value === undefined) {
         if (this.$options.isTagsMode) {
           // handling reset of tags through SelectedFilters or URL
           this.selectedTags = [];
@@ -283,7 +282,6 @@ var SearchBox = {
           cause = configureStore.causes.SUGGESTION_SELECT;
         }
         this.setValue(newVal || '', true, this.$props, cause);
-        // }
       }
     },
     focusShortcuts: function focusShortcuts() {
@@ -426,8 +424,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);
@@ -1251,11 +1248,12 @@ var SBConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Compo
   componentType: constants.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 = constants.componentTypes.searchBox;
+SBConnected.componentType = constants.componentTypes.searchBox;
 
 var _excluded = ["options"];
 var updateQuery$1 = configureStore.Actions.updateQuery,
@@ -1573,7 +1571,7 @@ var RcConnected = PreferencesConsumer.PreferencesConsumer({
         break;
       // basic components
       case constants.componentTypes.toggleButton:
-        component = ToggleButton.ListConnected;
+        component = ToggleButton.TBConnected;
         break;
       // range components
       case constants.componentTypes.dynamicRangeSlider:
@@ -1600,12 +1598,13 @@ var RcConnected = PreferencesConsumer.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 = constants.componentTypes.reactiveComponent;
+RcConnected.componentType = constants.componentTypes.reactiveComponent;
 
-exports.ReactiveComponent = ReactiveComponent;
-exports.SearchBox = SearchBox;
+exports.ReactiveComponent = RcConnected;
+exports.SearchBox = SBConnected;

package/dist/cjs/ReactiveComponent.js

@@ -17,7 +17,7 @@ require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 require('./index-30126fd0.js');
-require('./ComponentWrapper-b6d4660c.js');
+require('./ComponentWrapper-f89a5972.js');
 require('./PreferencesConsumer-5d67b486.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
 require('./Title-16042ea0.js');
@@ -25,13 +25,13 @@ require('./ListItem-5088bd6a.js');
 require('./Card-240f283d.js');
 require('./Flex-ddd7cb6b.js');
 require('hotkeys-js');
-require('./DataSearch-2b5740ea.js');
+require('./DataSearch-de3b7c47.js');
 require('./CancelSvg-220a7cc3.js');
 require('./Input-ead4cd84.js');
 require('compute-scroll-into-view');
 require('./Container-e699ea95.js');
 require('vue-highlight-words');
-var ReactiveComponent = require('./ReactiveComponent-fd8d7403.js');
+var ReactiveComponent = require('./ReactiveComponent-71def4c6.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-bbb5cd24.js');
 require('./utils-83fd01e9.js');

package/dist/cjs/ReactiveGoogleMap.js

@@ -19,7 +19,7 @@ var Pagination = require('./Pagination-07f4dbad.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-30126fd0.js');
-var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
+var ComponentWrapper = require('./ComponentWrapper-f89a5972.js');
 var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 var FormControlList = require('./FormControlList-bbb5cd24.js');
@@ -572,7 +572,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
@@ -719,14 +720,14 @@ var ReactiveMap = {
     var options = getQueryOptions(this.$props);
     options.from = this.$data.from;
     if (this.$props.sortBy) {
-      var _ref2;
-      options.sort = [(_ref2 = {}, _ref2[this.$props.dataField] = {
+      var _ref3;
+      options.sort = [(_ref3 = {}, _ref3[this.$props.dataField] = {
         order: this.$props.sortBy
-      }, _ref2)];
+      }, _ref3)];
     }
     this.$defaultQuery = null;
     if (this.$props.defaultQuery) {
-      this.$defaultQuery = this.$props.defaultQuery();
+      this.$defaultQuery = this.$props.defaultQuery() || {};
       options = _rollupPluginBabelHelpers._extends({}, options, getOptionsFromQuery(this.$defaultQuery));
 
       // Override sort query with defaultQuery's sort if defined

package/dist/cjs/ReactiveList.js

@@ -20,7 +20,7 @@ var Pagination = require('./Pagination-07f4dbad.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-30126fd0.js');
-var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
+var ComponentWrapper = require('./ComponentWrapper-f89a5972.js');
 var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 require('./Title-16042ea0.js');
@@ -959,13 +959,14 @@ var RLConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Compo
   componentType: constants.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 = constants.componentTypes.reactiveList;
+RLConnected.componentType = constants.componentTypes.reactiveList;
 
 exports.RLConnected = RLConnected;
-exports.default = ReactiveList;
+exports.default = RLConnected;

package/dist/cjs/SelectedFilters.js

@@ -181,8 +181,9 @@ var mapDispatchtoProps = {
   resetValuesToDefault: resetValuesToDefault
 };
 var RcConnected = index.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);
 };
 
-exports.default = SelectedFilters;
+exports.default = RcConnected;

package/dist/cjs/SingleDropdownList.js

@@ -17,7 +17,7 @@ var vueTypes = require('./vueTypes-7cfc2f98.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-30126fd0.js');
-var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
+var ComponentWrapper = require('./ComponentWrapper-f89a5972.js');
 var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
 var Title = require('./Title-16042ea0.js');
@@ -440,12 +440,13 @@ var ListConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Com
   componentType: constants.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 = constants.componentTypes.singleDropdownList;
+ListConnected.componentType = constants.componentTypes.singleDropdownList;
 
 exports.ListConnected = ListConnected;
-exports.default = SingleDropdownList;
+exports.default = ListConnected;