@appbaseio/reactivesearch-vue 1.33.2 → 1.33.3

package/dist/cjs/{DataSearch-99a6a2e8.js → DataSearch-e4822dbf.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

@@ -19,7 +19,7 @@ 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-e4822dbf.js');
 require('./CancelSvg-220a7cc3.js');
 require('./Input-ead4cd84.js');
 require('compute-scroll-into-view');

package/dist/cjs/MultiRange.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/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: true
     }
   },
   provide: function provide() {
     return {
-      $$store: this.store
+      $$store: this.store,
+      $analytics: this.analyticsRef
     };
   },
   render: function render(h) {
@@ -485,6 +491,27 @@ 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 = AppbaseAnalytics.init(analyticsInitConfig);
       var initialState = _rollupPluginBabelHelpers._extends({
         config: _rollupPluginBabelHelpers._extends({}, config, {
           initialQueriesSyncTime: props.initialQueriesSyncTime,
@@ -493,11 +520,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 +537,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-b8efb0cf.js}

@@ -18,7 +18,7 @@ var ComponentWrapper = require('./ComponentWrapper-9318cece.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-e4822dbf.js');
 var CancelSvg = require('./CancelSvg-220a7cc3.js');
 var Input = require('./Input-ead4cd84.js');
 var Container = require('./Container-e699ea95.js');

package/dist/cjs/ReactiveComponent.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-e4822dbf.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-b8efb0cf.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-bbb5cd24.js');
 require('./utils-83fd01e9.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/index.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-e4822dbf.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-b8efb0cf.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

@@ -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-e4822dbf.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-b8efb0cf.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.3";
 
 exports.default = version;

package/dist/es/{DataSearch-20f0d8f1.js → DataSearch-5ddfba23.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({

package/dist/es/DataSearch.js

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

package/dist/es/MultiRange.js

@@ -150,7 +150,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/es/ReactiveBase.js

@@ -10,6 +10,7 @@ import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './i
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { updateAnalyticsConfig } from '@appbaseio/reactivecore/lib/actions/analytics';
 import Appbase from 'appbase-js';
+import AppbaseAnalytics from '@appbaseio/analytics';
 import 'url-search-params-polyfill';
 
 var Provider = {
@@ -24,11 +25,16 @@ var Provider = {
         }
         return true;
       }
+    },
+    analyticsRef: {
+      type: Object,
+      required: true
     }
   },
   provide: function provide() {
     return {
-      $$store: this.store
+      $$store: this.store,
+      $analytics: this.analyticsRef
     };
   },
   render: function render(h) {
@@ -477,6 +483,27 @@ 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 = AppbaseAnalytics.init(analyticsInitConfig);
       var initialState = _extends({
         config: _extends({}, config, {
           initialQueriesSyncTime: props.initialQueriesSyncTime,
@@ -485,11 +512,13 @@ var ReactiveBase = {
           themePreset: themePreset
         }),
         appbaseRef: appbaseRef,
+        analyticsRef: analyticsRef,
         selectedValues: selectedValues,
         urlValues: urlValues,
         headers: this.getHeaders
       }, this.$props.initialState);
       this.store = configureStore(initialState);
+      this.analyticsRef = analyticsRef;
     }
   },
   render: function render() {
@@ -500,7 +529,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/es/{ReactiveComponent-dd85aa9c.js → ReactiveComponent-59107264.js}

@@ -12,7 +12,7 @@ import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
 import { T as Title } from './Title-863dfa42.js';
 import hotkeys from 'hotkeys-js';
-import { S as SearchSvg, b as SuggestionWrapper, I as InputAddon, M as Mic, T as TagItem, c as TagsContainer, d as InputGroup, C as CustomSvg, e as SuggestionItem, D as DSConnected } from './DataSearch-20f0d8f1.js';
+import { S as SearchSvg, b as SuggestionWrapper, I as InputAddon, M as Mic, T as TagItem, c as TagsContainer, d as InputGroup, C as CustomSvg, e as SuggestionItem, D as DSConnected } from './DataSearch-5ddfba23.js';
 import { C as CancelSvg, a as IconGroup, I as IconWrapper, D as Downshift, b as InputWrapper } from './CancelSvg-e40552a5.js';
 import { s as suggestionsContainer, I as Input, a as suggestions } from './Input-c09c0b56.js';
 import { C as Container } from './Container-d00219f7.js';

package/dist/es/ReactiveComponent.js

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

package/dist/es/StateProvider.js

@@ -1,12 +1,12 @@
-import { helper } from '@appbaseio/reactivecore';
+import { Actions, helper } from '@appbaseio/reactivecore';
 import '@appbaseio/reactivecore/lib/utils/constants';
 import { a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
 import VueTypes from 'vue-types';
 import { isInternalComponent } from '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { c as connect } from './index-0444a498.js';
-import { setValues } from '@appbaseio/reactivecore/lib/actions/value';
 
+var setSearchState = Actions.setSearchState;
 var getSearchState = helper.getSearchState;
 var defaultKeys = ['hits', 'value', 'aggregations', 'error'];
 var filterProps = function filterProps(props) {
@@ -17,6 +17,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 = {};
@@ -178,21 +187,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 !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() {
@@ -222,7 +238,7 @@ var mapStateToProps = function mapStateToProps(state, props) {
   };
 };
 var mapDispatchtoProps = {
-  setValues: setValues
+  setSearchStateFn: setSearchState
 };
 var StateProviderConnected = connect(mapStateToProps, mapDispatchtoProps)(StateProvider);
 StateProvider.install = function (Vue) {

package/dist/es/index.js

@@ -22,16 +22,17 @@ import './Card-19ad6d90.js';
 import './Flex-7c177a10.js';
 import '@appbaseio/reactivecore/lib/actions/analytics';
 import 'appbase-js';
+import '@appbaseio/analytics';
 import 'url-search-params-polyfill';
 export { default as ReactiveBase } from './ReactiveBase.js';
 import 'hotkeys-js';
-export { a as DataSearch } from './DataSearch-20f0d8f1.js';
+export { a as DataSearch } from './DataSearch-5ddfba23.js';
 import './CancelSvg-e40552a5.js';
 import './Input-c09c0b56.js';
 import 'compute-scroll-into-view';
 import './Container-d00219f7.js';
 import 'vue-highlight-words';
-export { R as ReactiveComponent, S as SearchBox } from './ReactiveComponent-dd85aa9c.js';
+export { R as ReactiveComponent, S as SearchBox } from './ReactiveComponent-59107264.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import './FormControlList-99797d0a.js';
 import './utils-9e5a16a1.js';
@@ -51,7 +52,6 @@ export { default as RangeInput } from './RangeInput.js';
 export { default as SelectedFilters } from './SelectedFilters.js';
 export { default as ResultCard } from './ResultCard.js';
 export { default as ResultList } from './ResultList.js';
-import '@appbaseio/reactivecore/lib/actions/value';
 export { default as StateProvider } from './StateProvider.js';
 import 'gmap-vue';
 import 'ngeohash';

package/dist/es/install.js

@@ -22,16 +22,17 @@ import './Card-19ad6d90.js';
 import './Flex-7c177a10.js';
 import '@appbaseio/reactivecore/lib/actions/analytics';
 import 'appbase-js';
+import '@appbaseio/analytics';
 import 'url-search-params-polyfill';
 import ReactiveBase from './ReactiveBase.js';
 import 'hotkeys-js';
-import { a as DataSearch } from './DataSearch-20f0d8f1.js';
+import { a as DataSearch } from './DataSearch-5ddfba23.js';
 import './CancelSvg-e40552a5.js';
 import './Input-c09c0b56.js';
 import 'compute-scroll-into-view';
 import './Container-d00219f7.js';
 import 'vue-highlight-words';
-import { S as SearchBox, R as ReactiveComponent } from './ReactiveComponent-dd85aa9c.js';
+import { S as SearchBox, R as ReactiveComponent } from './ReactiveComponent-59107264.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import './FormControlList-99797d0a.js';
 import './utils-9e5a16a1.js';
@@ -51,7 +52,6 @@ import RangeInput from './RangeInput.js';
 import SelectedFilters from './SelectedFilters.js';
 import ResultCard from './ResultCard.js';
 import ResultList from './ResultList.js';
-import '@appbaseio/reactivecore/lib/actions/value';
 import StateProvider from './StateProvider.js';
 
 var components = [ReactiveList, ResultCard, ResultList, ReactiveBase, DataSearch, SearchBox, SingleList, MultiList, SingleRange, MultiRange, RangeSlider, DynamicRangeSlider, ReactiveComponent, SelectedFilters, ToggleButton, SingleDropdownList, MultiDropdownList, StateProvider, RangeInput];

package/dist/es/version.js

@@ -1,3 +1,3 @@
-var version = "1.33.2";
+var version = "1.33.3";
 
 export default version;