@appbaseio/reactivesearch-vue 1.33.2 → 1.33.4

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

@@ -40,8 +40,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
@@ -54,6 +55,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;
@@ -100,10 +102,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/cjs/{DataSearch-99a6a2e8.js → DataSearch-2b5740ea.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-9318cece.js');
+var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
 var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 var Title = require('./Title-16042ea0.js');
 var Flex = require('./Flex-ddd7cb6b.js');
@@ -951,10 +951,11 @@ var DataSearch = {
       }
     }
     this.handleTextChange = debounce(this.handleText, this.$props.debounce);
+    this.updateDefaultQueryHandlerDebounced = debounce(this.updateDefaultQueryHandler, 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);
-    this.updateDefaultQueryHandler(this.currentValue, this.$props, false);
+    this.updateDefaultQueryHandlerDebounced(this.currentValue, this.$props, false);
   },
   computed: {
     suggestionsList: function suggestionsList() {
@@ -1139,7 +1140,7 @@ var DataSearch = {
     },
     defaultQuery: function defaultQuery(newVal, oldVal) {
       if (!index.isQueryIdentical(newVal, oldVal, this.$data.currentValue, this.$props)) {
-        this.updateDefaultQueryHandler(this.$data.currentValue, this.$props);
+        this.updateDefaultQueryHandlerDebounced(this.$data.currentValue, this.$props);
       }
     },
     customQuery: function customQuery(newVal, oldVal) {
@@ -1175,9 +1176,9 @@ var DataSearch = {
   methods: {
     handleText: function handleText(value) {
       if (this.$props.autosuggest) {
-        this.updateDefaultQueryHandler(value, this.$props);
+        this.updateDefaultQueryHandlerDebounced(value, this.$props);
       } else {
-        this.updateQueryHandler(this.$props.componentId, value, this.$props);
+        this.updateDefaultQueryHandlerDebounced(this.$props.componentId, value, this.$props);
       }
     },
     validateDataField: function validateDataField() {
@@ -1318,7 +1319,7 @@ var DataSearch = {
             if (toggleIsOpen) {
               _this.isOpen = false;
             }
-            if (typeof value === 'string') _this.updateDefaultQueryHandler(value, _this.$props);
+            if (typeof value === 'string') _this.updateDefaultQueryHandlerDebounced(value, _this.$props);
           } // in case of strict selection only SUGGESTION_SELECT should be able
           // to set the query otherwise the value should reset
 
@@ -1352,6 +1353,9 @@ var DataSearch = {
       checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
     },
     updateDefaultQueryHandler: function updateDefaultQueryHandler(value, props, execute) {
+      if (props === void 0) {
+        props = this.$props;
+      }
       if (!value && props.enableDefaultSuggestions === false) {
         // clear Component data from store
         this.resetStoreForComponent(props.componentId);
@@ -1484,7 +1488,7 @@ var DataSearch = {
           if (_this2.$options.isTagsMode && autosuggest) {
             _this2.currentValue = value;
             _this2.isOpen = isOpen;
-            _this2.updateDefaultQueryHandler(_this2.currentValue, _this2.$props);
+            _this2.updateDefaultQueryHandlerDebounced(_this2.currentValue, _this2.$props);
             return;
           }
           _this2.triggerQuery({

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-9318cece.js');
+require('./ComponentWrapper-b6d4660c.js');
 require('./PreferencesConsumer-5d67b486.js');
 require('./Title-16042ea0.js');
 require('./Flex-ddd7cb6b.js');
 require('hotkeys-js');
-var DataSearch = require('./DataSearch-99a6a2e8.js');
+var DataSearch = require('./DataSearch-2b5740ea.js');
 require('./CancelSvg-220a7cc3.js');
 require('./Input-ead4cd84.js');
 require('compute-scroll-into-view');

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-9318cece.js');
+var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
 var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
 var Title = require('./Title-16042ea0.js');

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-9318cece.js');
+var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
 var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 var Title = require('./Title-16042ea0.js');
 var Input = require('./Input-ead4cd84.js');

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-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');
@@ -157,7 +157,13 @@ var MultiRange = {
     },
     selectedValue: function selectedValue(newVal) {
       if (!isEqual(this.$data.currentValue, newVal)) {
-        this.selectItem(newVal, true, undefined, true);
+        var processSelectedValues = newVal ? newVal.map(function (item) {
+          if (typeof item === 'object' && 'label' in item) {
+            return item.label;
+          }
+          return item;
+        }) : null;
+        this.selectItem(processSelectedValues, true, undefined, true);
       }
     },
     customQuery: function customQuery(newVal, oldVal) {

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-9318cece.js');
+var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
 var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 require('./Title-16042ea0.js');
 var Flex = require('./Flex-ddd7cb6b.js');

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-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');

package/dist/cjs/ReactiveBase.js

@@ -18,6 +18,7 @@ var index = require('./index-30126fd0.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 var analytics = require('@appbaseio/reactivecore/lib/actions/analytics');
 var Appbase = _interopDefault(require('appbase-js'));
+var AppbaseAnalytics = _interopDefault(require('@appbaseio/analytics'));
 require('url-search-params-polyfill');
 
 var Provider = {
@@ -32,11 +33,16 @@ var Provider = {
         }
         return true;
       }
+    },
+    analyticsRef: {
+      type: Object,
+      required: false
     }
   },
   provide: function provide() {
     return {
-      $$store: this.store
+      $$store: this.store,
+      $analytics: this.analyticsRef
     };
   },
   render: function render(h) {
@@ -485,6 +491,30 @@ var ReactiveBase = {
       if (this.$props.transformResponse) {
         appbaseRef.transformResponse = this.$props.transformResponse;
       }
+      var analyticsInitConfig = {
+        url: url && url.replace(/\/\/.*@/, '//'),
+        credentials: appbaseRef.credentials,
+        // When endpoint prop is used index is not defined, so we use _default
+        index: appbaseRef.app || '_default',
+        globalCustomEvents: this.$props.appbaseConfig && this.$props.appbaseConfig.customEvents
+      };
+      try {
+        if (this.$props.endpoint && this.$props.endpoint.url) {
+          // Remove parts between '//' and first '/' in the url
+          analyticsInitConfig.url = this.$props.endpoint.url.replace(/\/\/(.*?)\/.*/, '//$1');
+          var headerCredentials = this.$props.endpoint.headers && this.$props.endpoint.headers.Authorization;
+          analyticsInitConfig.credentials = headerCredentials && headerCredentials.replace('Basic ', '');
+          // Decode the credentials
+          analyticsInitConfig.credentials = analyticsInitConfig.credentials && atob(analyticsInitConfig.credentials);
+        }
+      } catch (e) {
+        console.error('Endpoint not set correctly for analytics');
+        console.error(e);
+      }
+      var analyticsRef = null;
+      if (config.analytics) {
+        analyticsRef = AppbaseAnalytics.init(analyticsInitConfig);
+      }
       var initialState = _rollupPluginBabelHelpers._extends({
         config: _rollupPluginBabelHelpers._extends({}, config, {
           initialQueriesSyncTime: props.initialQueriesSyncTime,
@@ -493,11 +523,13 @@ var ReactiveBase = {
           themePreset: themePreset
         }),
         appbaseRef: appbaseRef,
+        analyticsRef: analyticsRef,
         selectedValues: selectedValues,
         urlValues: urlValues,
         headers: this.getHeaders
       }, this.$props.initialState);
       this.store = configureStore__default(initialState);
+      this.analyticsRef = analyticsRef;
     }
   },
   render: function render() {
@@ -508,7 +540,8 @@ var ReactiveBase = {
       className = _this$$props2.className;
     return h(Provider, {
       "attrs": {
-        "store": this.store
+        "store": this.store,
+        "analyticsRef": this.analyticsRef
       }
     }, [h(URLParamsProvider$1, {
       "attrs": {

package/dist/cjs/{ReactiveComponent-805201c6.js → ReactiveComponent-fd8d7403.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-9318cece.js');
+var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
 var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 var Title = require('./Title-16042ea0.js');
 var hotkeys = _interopDefault(require('hotkeys-js'));
-var DataSearch = require('./DataSearch-99a6a2e8.js');
+var DataSearch = require('./DataSearch-2b5740ea.js');
 var CancelSvg = require('./CancelSvg-220a7cc3.js');
 var Input = require('./Input-ead4cd84.js');
 var Container = require('./Container-e699ea95.js');

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-9318cece.js');
+require('./ComponentWrapper-b6d4660c.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-99a6a2e8.js');
+require('./DataSearch-2b5740ea.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-805201c6.js');
+var ReactiveComponent = require('./ReactiveComponent-fd8d7403.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-9318cece.js');
+var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
 var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 var FormControlList = require('./FormControlList-bbb5cd24.js');

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-9318cece.js');
+var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
 var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 require('./Title-16042ea0.js');

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-9318cece.js');
+var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
 var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
 var Title = require('./Title-16042ea0.js');

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-9318cece.js');
+var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
 var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 var Title = require('./Title-16042ea0.js');
 var Input = require('./Input-ead4cd84.js');

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');

package/dist/cjs/StateProvider.js

@@ -12,8 +12,8 @@ var VueTypes = _interopDefault(require('vue-types'));
 var transform = require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-30126fd0.js');
-var value = require('@appbaseio/reactivecore/lib/actions/value');
 
+var setSearchState = configureStore.Actions.setSearchState;
 var getSearchState = configureStore.helper.getSearchState;
 var defaultKeys = ['hits', 'value', 'aggregations', 'error'];
 var filterProps = function filterProps(props) {
@@ -24,6 +24,15 @@ var filterProps = function filterProps(props) {
     props: props.componentProps
   });
 };
+var convertArrayLike = function convertArrayLike(arrayLike) {
+  var arr = [];
+  var i = 0;
+  while (arrayLike[i]) {
+    arr[i] = arrayLike[i];
+    i += 1;
+  }
+  return arr;
+};
 var filterByComponentIds = function filterByComponentIds(state, props) {
   if (props === void 0) {
     props = {};
@@ -185,21 +194,28 @@ var StateProvider = {
       }
     },
     setSearchState: function setSearchState(valuesMap) {
+      var _this = this;
       if (valuesMap === void 0) {
         valuesMap = {};
       }
       var components = this.components;
       var computedValuesMap = {};
-      components.filter(function (component) {
+      convertArrayLike(components).filter(function (component) {
         return !transform.isInternalComponent(component);
       }).forEach(function (component) {
         if (component in valuesMap) {
-          computedValuesMap[component] = valuesMap[component];
+          computedValuesMap[component] = {
+            value: valuesMap[component],
+            componentProps: _this.componentProps[component]
+          };
         } else {
-          computedValuesMap[component] = null;
+          computedValuesMap[component] = {
+            value: null,
+            componentProps: _this.componentProps[component]
+          };
         }
       });
-      this.setValues(computedValuesMap);
+      this.setSearchStateFn(computedValuesMap);
     }
   },
   render: function render() {
@@ -229,7 +245,7 @@ var mapStateToProps = function mapStateToProps(state, props) {
   };
 };
 var mapDispatchtoProps = {
-  setValues: value.setValues
+  setSearchStateFn: setSearchState
 };
 var StateProviderConnected = index.connect(mapStateToProps, mapDispatchtoProps)(StateProvider);
 StateProvider.install = function (Vue) {

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');

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');
@@ -26,16 +26,17 @@ require('./Card-240f283d.js');
 require('./Flex-ddd7cb6b.js');
 require('@appbaseio/reactivecore/lib/actions/analytics');
 require('appbase-js');
+require('@appbaseio/analytics');
 require('url-search-params-polyfill');
 var ReactiveBase = require('./ReactiveBase.js');
 require('hotkeys-js');
-var DataSearch = require('./DataSearch-99a6a2e8.js');
+var DataSearch = require('./DataSearch-2b5740ea.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-805201c6.js');
+var ReactiveComponent = require('./ReactiveComponent-fd8d7403.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-bbb5cd24.js');
 require('./utils-83fd01e9.js');
@@ -55,7 +56,6 @@ var RangeInput = require('./RangeInput.js');
 var SelectedFilters = require('./SelectedFilters.js');
 var ResultCard = require('./ResultCard.js');
 var ResultList = require('./ResultList.js');
-require('@appbaseio/reactivecore/lib/actions/value');
 var StateProvider = require('./StateProvider.js');
 require('gmap-vue');
 require('ngeohash');

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');
@@ -26,16 +26,17 @@ require('./Card-240f283d.js');
 require('./Flex-ddd7cb6b.js');
 require('@appbaseio/reactivecore/lib/actions/analytics');
 require('appbase-js');
+require('@appbaseio/analytics');
 require('url-search-params-polyfill');
 var ReactiveBase = require('./ReactiveBase.js');
 require('hotkeys-js');
-var DataSearch = require('./DataSearch-99a6a2e8.js');
+var DataSearch = require('./DataSearch-2b5740ea.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-805201c6.js');
+var ReactiveComponent = require('./ReactiveComponent-fd8d7403.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-bbb5cd24.js');
 require('./utils-83fd01e9.js');
@@ -55,7 +56,6 @@ var RangeInput = require('./RangeInput.js');
 var SelectedFilters = require('./SelectedFilters.js');
 var ResultCard = require('./ResultCard.js');
 var ResultList = require('./ResultList.js');
-require('@appbaseio/reactivecore/lib/actions/value');
 var StateProvider = require('./StateProvider.js');
 
 var components = [ReactiveList.default, ResultCard.default, ResultList.default, ReactiveBase.default, DataSearch.DataSearch, ReactiveComponent.SearchBox, SingleList.default, MultiList.default, SingleRange.default, MultiRange.default, RangeSlider.default, DynamicRangeSlider.default, ReactiveComponent.ReactiveComponent, SelectedFilters.default, ToggleButton.default, SingleDropdownList.default, MultiDropdownList.default, StateProvider.default, RangeInput.default];

package/dist/cjs/version.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.33.2";
+var version = "1.33.4";
 
 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-20f0d8f1.js → DataSearch-68d2a78c.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';
@@ -945,10 +945,11 @@ var DataSearch = {
       }
     }
     this.handleTextChange = debounce(this.handleText, this.$props.debounce);
+    this.updateDefaultQueryHandlerDebounced = debounce(this.updateDefaultQueryHandler, 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);
-    this.updateDefaultQueryHandler(this.currentValue, this.$props, false);
+    this.updateDefaultQueryHandlerDebounced(this.currentValue, this.$props, false);
   },
   computed: {
     suggestionsList: function suggestionsList() {
@@ -1133,7 +1134,7 @@ var DataSearch = {
     },
     defaultQuery: function defaultQuery(newVal, oldVal) {
       if (!isQueryIdentical(newVal, oldVal, this.$data.currentValue, this.$props)) {
-        this.updateDefaultQueryHandler(this.$data.currentValue, this.$props);
+        this.updateDefaultQueryHandlerDebounced(this.$data.currentValue, this.$props);
       }
     },
     customQuery: function customQuery(newVal, oldVal) {
@@ -1169,9 +1170,9 @@ var DataSearch = {
   methods: {
     handleText: function handleText(value) {
       if (this.$props.autosuggest) {
-        this.updateDefaultQueryHandler(value, this.$props);
+        this.updateDefaultQueryHandlerDebounced(value, this.$props);
       } else {
-        this.updateQueryHandler(this.$props.componentId, value, this.$props);
+        this.updateDefaultQueryHandlerDebounced(this.$props.componentId, value, this.$props);
       }
     },
     validateDataField: function validateDataField() {
@@ -1312,7 +1313,7 @@ var DataSearch = {
             if (toggleIsOpen) {
               _this.isOpen = false;
             }
-            if (typeof value === 'string') _this.updateDefaultQueryHandler(value, _this.$props);
+            if (typeof value === 'string') _this.updateDefaultQueryHandlerDebounced(value, _this.$props);
           } // in case of strict selection only SUGGESTION_SELECT should be able
           // to set the query otherwise the value should reset
 
@@ -1346,6 +1347,9 @@ var DataSearch = {
       checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
     },
     updateDefaultQueryHandler: function updateDefaultQueryHandler(value, props, execute) {
+      if (props === void 0) {
+        props = this.$props;
+      }
       if (!value && props.enableDefaultSuggestions === false) {
         // clear Component data from store
         this.resetStoreForComponent(props.componentId);
@@ -1478,7 +1482,7 @@ var DataSearch = {
           if (_this2.$options.isTagsMode && autosuggest) {
             _this2.currentValue = value;
             _this2.isOpen = isOpen;
-            _this2.updateDefaultQueryHandler(_this2.currentValue, _this2.$props);
+            _this2.updateDefaultQueryHandlerDebounced(_this2.currentValue, _this2.$props);
             return;
           }
           _this2.triggerQuery({