@appbaseio/reactivesearch-vue 1.33.3 → 1.33.5

package/dist/cjs/SingleRange.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-9318cece.js');
+var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
 var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 var Title = require('./Title-16042ea0.js');
 var Container = require('./Container-e699ea95.js');
@@ -221,11 +221,12 @@ var mapDispatchtoProps = {
 var RangeConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(SingleRange), {
   componentType: constants.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 = constants.componentTypes.singleRange;
+RangeConnected.componentType = constants.componentTypes.singleRange;
 
 exports.RangeConnected = RangeConnected;
-exports.default = SingleRange;
+exports.default = RangeConnected;

package/dist/cjs/StateProvider.js

@@ -248,8 +248,9 @@ var mapDispatchtoProps = {
   setSearchStateFn: setSearchState
 };
 var StateProviderConnected = index.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);
 };
 
-exports.default = StateProvider;
+exports.default = StateProviderConnected;

package/dist/cjs/ToggleButton.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-9318cece.js');
+var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
 var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 var Title = require('./Title-16042ea0.js');
 var Container = require('./Container-e699ea95.js');
@@ -307,14 +307,15 @@ var mapDispatchtoProps = {
   setQueryOptions: setQueryOptions,
   setCustomQuery: setCustomQuery
 };
-var ListConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(ToggleButton), {
+var TBConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(ToggleButton), {
   componentType: constants.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 = constants.componentTypes.toggleButton;
+TBConnected.componentType = constants.componentTypes.toggleButton;
 
-exports.ListConnected = ListConnected;
-exports.default = ToggleButton;
+exports.TBConnected = TBConnected;
+exports.default = TBConnected;

package/dist/cjs/index.js

@@ -17,7 +17,7 @@ var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 require('./index-30126fd0.js');
-require('./ComponentWrapper-9318cece.js');
+require('./ComponentWrapper-b6d4660c.js');
 require('./PreferencesConsumer-5d67b486.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
 require('./Title-16042ea0.js');
@@ -30,13 +30,13 @@ require('@appbaseio/analytics');
 require('url-search-params-polyfill');
 var ReactiveBase = require('./ReactiveBase.js');
 require('hotkeys-js');
-var DataSearch = require('./DataSearch-e4822dbf.js');
+var DataSearch = require('./DataSearch-1c5c2202.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-b8efb0cf.js');
+var ReactiveComponent = require('./ReactiveComponent-4e75c939.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-bbb5cd24.js');
 require('./utils-83fd01e9.js');

package/dist/cjs/install.js

@@ -17,7 +17,7 @@ var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 require('./index-30126fd0.js');
-require('./ComponentWrapper-9318cece.js');
+require('./ComponentWrapper-b6d4660c.js');
 require('./PreferencesConsumer-5d67b486.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
 require('./Title-16042ea0.js');
@@ -30,13 +30,13 @@ require('@appbaseio/analytics');
 require('url-search-params-polyfill');
 var ReactiveBase = require('./ReactiveBase.js');
 require('hotkeys-js');
-var DataSearch = require('./DataSearch-e4822dbf.js');
+var DataSearch = require('./DataSearch-1c5c2202.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-b8efb0cf.js');
+var ReactiveComponent = require('./ReactiveComponent-4e75c939.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-bbb5cd24.js');
 require('./utils-83fd01e9.js');

package/dist/cjs/version.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.33.3";
+var version = "1.33.5";
 
 exports.default = version;

package/dist/es/{ComponentWrapper-240450cc.js → ComponentWrapper-8042aa35.js}

@@ -35,8 +35,9 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
   }
   return {
     name: 'ComponentWrapper',
+    $timestamp: null,
     props: {
-      destroyOnUnmount: VueTypes.bool.def(false)
+      destroyOnUnmount: VueTypes.bool.def(true)
     },
     created: function created() {
       // clone the props for component it is needed because attrs gets changed on time
@@ -49,6 +50,7 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
       this.componentProps = parsedProps;
       this.componentId = this.componentProps.componentId;
       this.react = this.componentProps.react;
+      this.$timestamp = new Date().getTime();
     },
     beforeMount: function beforeMount() {
       var _this = this;
@@ -95,10 +97,17 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
     },
     beforeDestroy: function beforeDestroy() {
       if (this.destroyOnUnmount) {
+        var registeredComponentsTimestamps = {};
+        if (this.$$store) {
+          var _this$$$store$getStat2 = this.$$store.getState();
+          registeredComponentsTimestamps = _this$$$store$getStat2.registeredComponentsTimestamps;
+        }
         // Unregister components
-        this.removeComponent(this.componentId);
-        if (this.internalComponent) {
-          this.removeComponent(this.internalComponent);
+        if (registeredComponentsTimestamps[this.componentId] === this.$timestamp) {
+          this.removeComponent(this.componentId);
+          if (this.internalComponent) {
+            this.removeComponent(this.internalComponent);
+          }
         }
       }
     },

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

@@ -6,7 +6,7 @@ import { getQueryOptions } from '@appbaseio/reactivecore/lib/utils/helper';
 import styled, { css, cx, injectGlobal } from '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-8986b709.js';
 import { g as getComponent, h as hasCustomRenderer, f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, j as getQuerySuggestionsComponent, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, m as hasQuerySuggestionsRenderer, c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
+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 { F as Flex } from './Flex-7c177a10.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

@@ -10,12 +10,12 @@ import './vueTypes-8986b709.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import './index-0444a498.js';
-import './ComponentWrapper-240450cc.js';
+import './ComponentWrapper-8042aa35.js';
 import './PreferencesConsumer-bc097ebb.js';
 import './Title-863dfa42.js';
 import './Flex-7c177a10.js';
 import 'hotkeys-js';
-export { D as DSConnected, a as default } from './DataSearch-5ddfba23.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

@@ -10,7 +10,7 @@ import { t as types } from './vueTypes-8986b709.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, q as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
+import { C as ComponentWrapper } from './ComponentWrapper-8042aa35.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
 import '@vue/babel-helper-vue-jsx-merge-props';
 import { T as Title } from './Title-863dfa42.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

@@ -9,7 +9,7 @@ import { t as types } from './vueTypes-8986b709.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, o as isEvent, q as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
+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 { I as Input } from './Input-c09c0b56.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

@@ -9,7 +9,7 @@ import { t as types } from './vueTypes-8986b709.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { q as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
+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 { C as Container } from './Container-d00219f7.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

@@ -9,7 +9,7 @@ import { t as types } from './vueTypes-8986b709.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
+import { C as ComponentWrapper } from './ComponentWrapper-8042aa35.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
 import './Title-863dfa42.js';
 import { F as Flex } from './Flex-7c177a10.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

@@ -7,7 +7,7 @@ import { t as types } from './vueTypes-8986b709.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
+import { C as ComponentWrapper } from './ComponentWrapper-8042aa35.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
 import { T as Title } from './Title-863dfa42.js';
 import { C as Container } from './Container-d00219f7.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/ReactiveBase.js

@@ -28,7 +28,7 @@ var Provider = {
     },
     analyticsRef: {
       type: Object,
-      required: true
+      required: false
     }
   },
   provide: function provide() {
@@ -503,7 +503,10 @@ var ReactiveBase = {
         console.error('Endpoint not set correctly for analytics');
         console.error(e);
       }
-      var analyticsRef = AppbaseAnalytics.init(analyticsInitConfig);
+      var analyticsRef = null;
+      if (config.analytics) {
+        analyticsRef = AppbaseAnalytics.init(analyticsInitConfig);
+      }
       var initialState = _extends({
         config: _extends({}, config, {
           initialQueriesSyncTime: props.initialQueriesSyncTime,