@appbaseio/reactivesearch-vue 1.33.4 → 1.33.6

package/dist/cjs/SingleList.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');
@@ -457,12 +457,13 @@ var ListConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Com
   componentType: constants.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 = constants.componentTypes.singleList;
+ListConnected.componentType = constants.componentTypes.singleList;
 
 exports.ListConnected = ListConnected;
-exports.default = SingleList;
+exports.default = ListConnected;

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-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');
@@ -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-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');
@@ -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-b6d4660c.js');
+require('./ComponentWrapper-f89a5972.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-2b5740ea.js');
+var DataSearch = 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/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-b6d4660c.js');
+require('./ComponentWrapper-f89a5972.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-2b5740ea.js');
+var DataSearch = 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/version.js

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

package/dist/es/{ComponentWrapper-8042aa35.js → ComponentWrapper-39966c87.js}

@@ -63,7 +63,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];
@@ -85,7 +85,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/es/{DataSearch-68d2a78c.js → DataSearch-06d0273d.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-8042aa35.js';
+import { C as ComponentWrapper } from './ComponentWrapper-39966c87.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,
+        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 ? 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 && autosuggest && 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()]);
         }
@@ -1959,8 +1965,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);
@@ -1972,7 +1977,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 +2152,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-8042aa35.js';
+import './ComponentWrapper-39966c87.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-68d2a78c.js';
+export { D as DSConnected, a as default } from './DataSearch-06d0273d.js';
 import './CancelSvg-e40552a5.js';
 import './Input-c09c0b56.js';
 import 'compute-scroll-into-view';

package/dist/es/DynamicRangeSlider.js

@@ -62,6 +62,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];
@@ -90,8 +91,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) {
@@ -404,12 +405,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-8042aa35.js';
+import { C as ComponentWrapper } from './ComponentWrapper-39966c87.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-8042aa35.js';
+import { C as ComponentWrapper } from './ComponentWrapper-39966c87.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-8042aa35.js';
+import { C as ComponentWrapper } from './ComponentWrapper-39966c87.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-8042aa35.js';
+import { C as ComponentWrapper } from './ComponentWrapper-39966c87.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-8042aa35.js';
+import { C as ComponentWrapper } from './ComponentWrapper-39966c87.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 };