@appbaseio/reactivesearch-vue 1.16.0-alpha.58 → 1.16.0-alpha.60

package/dist/es/MultiRange.js

@@ -8,8 +8,8 @@ import 'polished';
 import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { o as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-3d98f51b.js';
-import { C as ComponentWrapper } from './ComponentWrapper-6ad0997b.js';
+import { q as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-32f9d554.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3654ce36.js';
 import { T as Title } from './Title-3342664a.js';
 import { C as Container } from './Container-ba826e96.js';
 import { U as UL, C as Checkbox } from './FormControlList-c22d64f6.js';

package/dist/es/RangeInput.js

@@ -8,8 +8,8 @@ import 'polished';
 import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect } from './index-3d98f51b.js';
-import { C as ComponentWrapper } from './ComponentWrapper-6ad0997b.js';
+import { c as connect } from './index-32f9d554.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3654ce36.js';
 import './Title-3342664a.js';
 import { F as Flex } from './Flex-1f0795c3.js';
 import { I as Input } from './Input-7a2a9fac.js';

package/dist/es/RangeSlider.js

@@ -6,8 +6,8 @@ import '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-3d98f51b.js';
-import { C as ComponentWrapper } from './ComponentWrapper-6ad0997b.js';
+import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-32f9d554.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3654ce36.js';
 import { T as Title } from './Title-3342664a.js';
 import { C as Container } from './Container-ba826e96.js';
 import NoSSR from 'vue-no-ssr';

package/dist/es/ReactiveBase.js

@@ -6,7 +6,7 @@ import { isEqual as isEqual$1 } from '@appbaseio/reactivecore/lib/utils/helper';
 import styled from '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-9326e0be.js';
 import 'redux';
-import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-3d98f51b.js';
+import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-32f9d554.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { updateAnalyticsConfig } from '@appbaseio/reactivecore/lib/actions/analytics';
 import Appbase from 'appbase-js';

package/dist/es/ReactiveComponent.js

@@ -5,8 +5,8 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-3d98f51b.js';
-import { C as ComponentWrapper } from './ComponentWrapper-6ad0997b.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-32f9d554.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3654ce36.js';
 
 var _excluded = ["options"];
 var updateQuery = Actions.updateQuery,

package/dist/es/ReactiveGoogleMap.js

@@ -10,8 +10,8 @@ import { t as types } from './vueTypes-9326e0be.js';
 import { P as Pagination } from './Pagination-491c44ee.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, a as isFunction, c as connect } from './index-3d98f51b.js';
-import { C as ComponentWrapper } from './ComponentWrapper-6ad0997b.js';
+import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, a as isFunction, c as connect } from './index-32f9d554.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3654ce36.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { C as Checkbox } from './FormControlList-c22d64f6.js';
 import GmapVue, { components } from 'gmap-vue';

package/dist/es/ReactiveList.js

@@ -11,8 +11,8 @@ import { t as types } from './vueTypes-9326e0be.js';
 import { P as Pagination } from './Pagination-491c44ee.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-3d98f51b.js';
-import { C as ComponentWrapper } from './ComponentWrapper-6ad0997b.js';
+import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-32f9d554.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3654ce36.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import './Title-3342664a.js';
 import { c as container } from './ListItem-cad14c5e.js';

package/dist/es/SelectedFilters.js

@@ -8,7 +8,7 @@ import 'polished';
 import { f as filters, B as Button } from './Button-d8bc15ea.js';
 import { t as types } from './vueTypes-9326e0be.js';
 import 'redux';
-import { c as connect } from './index-3d98f51b.js';
+import { n as decodeHtml, c as connect } from './index-32f9d554.js';
 import { T as Title } from './Title-3342664a.js';
 import { C as Container } from './Container-ba826e96.js';
 
@@ -164,7 +164,7 @@ var SelectedFilters = {
 
           return _this3.renderFilterButton(component, component + "-" + (index + 1), function () {
             return _this3.remove(component, value);
-          }, selectedValues[component].label + ": " + valueToRender);
+          }, selectedValues[component].label + ": " + decodeHtml(valueToRender));
         }
 
         return null;

package/dist/es/SingleDropdownList.js

@@ -9,8 +9,8 @@ import { l as loadMoreContainer, B as Button } from './Button-d8bc15ea.js';
 import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, h as hasCustomRenderer, c as connect } from './index-3d98f51b.js';
-import { C as ComponentWrapper } from './ComponentWrapper-6ad0997b.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, h as hasCustomRenderer, c as connect } from './index-32f9d554.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3654ce36.js';
 import '@vue/babel-helper-vue-jsx-merge-props';
 import { T as Title } from './Title-3342664a.js';
 import './CancelSvg-4cfae5fd.js';
@@ -19,7 +19,7 @@ import 'compute-scroll-into-view';
 import { C as Container } from './Container-ba826e96.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import { g as getAggsQuery } from './utils-9e68acee.js';
-import { D as Dropdown } from './DropDown-2ddad7ae.js';
+import { D as Dropdown } from './DropDown-219d9321.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,

package/dist/es/SingleList.js

@@ -8,8 +8,8 @@ import 'polished';
 import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, n as isEvent, h as hasCustomRenderer, c as connect } from './index-3d98f51b.js';
-import { C as ComponentWrapper } from './ComponentWrapper-6ad0997b.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, o as isEvent, h as hasCustomRenderer, c as connect } from './index-32f9d554.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3654ce36.js';
 import { T as Title } from './Title-3342664a.js';
 import { I as Input } from './Input-7a2a9fac.js';
 import { C as Container } from './Container-ba826e96.js';

package/dist/es/SingleRange.js

@@ -8,8 +8,8 @@ import 'polished';
 import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-3d98f51b.js';
-import { C as ComponentWrapper } from './ComponentWrapper-6ad0997b.js';
+import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-32f9d554.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3654ce36.js';
 import { T as Title } from './Title-3342664a.js';
 import { C as Container } from './Container-ba826e96.js';
 import { U as UL, R as Radio } from './FormControlList-c22d64f6.js';
@@ -133,7 +133,7 @@ var SingleRange = {
         props = this.$props;
       }
 
-      var currentValue = SingleRange.parseValue(value, props);
+      var currentValue = typeof value === 'string' ? SingleRange.parseValue(value, props) : value;
 
       var performUpdate = function performUpdate() {
         _this2.currentValue = currentValue;

package/dist/es/StateProvider.js

@@ -2,8 +2,10 @@ import { helper } from '@appbaseio/reactivecore';
 import { a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/constants';
+import { isInternalComponent } from '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect } from './index-3d98f51b.js';
+import { c as connect } from './index-32f9d554.js';
+import { setValues } from '@appbaseio/reactivecore/lib/actions/value';
 
 var getSearchState = helper.getSearchState;
 var defaultKeys = ['hits', 'value', 'aggregations', 'error'];
@@ -147,13 +149,32 @@ var StateProvider = {
       if (this.isStateChanged(newVal, oldVal)) {
         this.searchState = filterByKeys(getSearchState(filterProps(this.searchStateProps)), this.includeKeys);
       }
+    },
+    setSearchState: function setSearchState(valuesMap) {
+      if (valuesMap === void 0) {
+        valuesMap = {};
+      }
+
+      var components = this.components;
+      var computedValuesMap = {};
+      components.filter(function (component) {
+        return !isInternalComponent(component);
+      }).forEach(function (component) {
+        if (component in valuesMap) {
+          computedValuesMap[component] = valuesMap[component];
+        } else {
+          computedValuesMap[component] = null;
+        }
+      });
+      this.setValues(computedValuesMap);
     }
   },
   render: function render() {
     var searchState = this.searchState;
     var dom = this.$scopedSlots["default"];
     return dom ? dom({
-      searchState: searchState
+      searchState: searchState,
+      setSearchState: this.setSearchState
     }) : null;
   }
 };
@@ -171,11 +192,15 @@ var mapStateToProps = function mapStateToProps(state, props) {
     promotedResults: filterByComponentIds(state.promotedResults, props),
     customData: filterByComponentIds(state.customData, props),
     settings: filterByComponentIds(state.settings, props),
-    rawData: filterByComponentIds(state.rawData, props)
+    rawData: filterByComponentIds(state.rawData, props),
+    components: filterByComponentIds(state.components, props)
   };
 };
 
-var StateProviderConnected = connect(mapStateToProps, {})(StateProvider);
+var mapDispatchtoProps = {
+  setValues: setValues
+};
+var StateProviderConnected = connect(mapStateToProps, mapDispatchtoProps)(StateProvider);
 
 StateProvider.install = function (Vue) {
   Vue.component(StateProvider.name, StateProviderConnected);

package/dist/es/ToggleButton.js

@@ -9,8 +9,8 @@ import { B as Button, t as toggleButtons } from './Button-d8bc15ea.js';
 import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-3d98f51b.js';
-import { C as ComponentWrapper } from './ComponentWrapper-6ad0997b.js';
+import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-32f9d554.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3654ce36.js';
 import { T as Title } from './Title-3342664a.js';
 import { C as Container } from './Container-ba826e96.js';
 
@@ -26,6 +26,7 @@ var ToggleButton = {
   name: 'ToggleButton',
   props: {
     componentId: types.stringRequired,
+    customQuery: types.func,
     data: types.data,
     dataField: types.stringRequired,
     defaultValue: types.any,

package/dist/es/{index-3d98f51b.js → index-32f9d554.js}

@@ -364,5 +364,12 @@ function extractModifierKeysFromFocusShortcuts(focusShortcutsArray) {
     return MODIFIER_KEYS.includes(shortcutKey);
   });
 }
+function decodeHtml(str) {
+  return str.replace(/&#([0-9]{1,3});/gi, function (match, numStr) {
+    var num = parseInt(numStr, 10); // read num as normal number
 
-export { X_SEARCH_CLIENT as X, isFunction as a, getCamelCase as b, connect as c, getValidPropsKeys as d, composeThemeObject as e, updateCustomQuery as f, getComponent as g, hasCustomRenderer as h, isQueryIdentical as i, getQuerySuggestionsComponent as j, isEmpty as k, extractModifierKeysFromFocusShortcuts as l, hasQuerySuggestionsRenderer as m, isEvent as n, parseValueArray as o, parseFocusShortcuts as p, updateDefaultQuery as u };
+    return String.fromCharCode(num);
+  });
+}
+
+export { X_SEARCH_CLIENT as X, isFunction as a, getCamelCase as b, connect as c, getValidPropsKeys as d, composeThemeObject as e, updateCustomQuery as f, getComponent as g, hasCustomRenderer as h, isQueryIdentical as i, getQuerySuggestionsComponent as j, isEmpty as k, extractModifierKeysFromFocusShortcuts as l, hasQuerySuggestionsRenderer as m, decodeHtml as n, isEvent as o, parseFocusShortcuts as p, parseValueArray as q, updateDefaultQuery as u };

package/dist/es/index.js

@@ -12,8 +12,8 @@ import './Pagination-491c44ee.js';
 export { default as ReactiveList } from './ReactiveList.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import './index-3d98f51b.js';
-import './ComponentWrapper-6ad0997b.js';
+import './index-32f9d554.js';
+import './ComponentWrapper-3654ce36.js';
 import '@vue/babel-helper-vue-jsx-merge-props';
 import './Title-3342664a.js';
 import './ListItem-cad14c5e.js';
@@ -24,20 +24,20 @@ import 'appbase-js';
 import 'url-search-params-polyfill';
 export { default as ReactiveBase } from './ReactiveBase.js';
 import 'hotkeys-js';
-export { D as DataSearch } from './DataSearch-1dba393f.js';
+export { D as DataSearch } from './DataSearch-9bd510ea.js';
 import './CancelSvg-4cfae5fd.js';
 import './Input-7a2a9fac.js';
 import 'compute-scroll-into-view';
 import './Container-ba826e96.js';
 import 'vue-highlight-words';
-import { i as install } from './install-cde230d4.js';
-export { S as SearchBox, i as install } from './install-cde230d4.js';
+import { i as install } from './install-32e60122.js';
+export { S as SearchBox, i as install } from './install-32e60122.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import './FormControlList-c22d64f6.js';
 import './utils-9e68acee.js';
 export { default as SingleList } from './SingleList.js';
 export { default as MultiList } from './MultiList.js';
-import './DropDown-2ddad7ae.js';
+import './DropDown-219d9321.js';
 export { default as SingleDropdownList } from './SingleDropdownList.js';
 export { default as MultiDropdownList } from './MultiDropdownList.js';
 export { default as ToggleButton } from './ToggleButton.js';
@@ -51,6 +51,7 @@ import 'vue-no-ssr';
 import './ssr-b2c0b401.js';
 export { default as RangeSlider } from './RangeSlider.js';
 export { default as DynamicRangeSlider } from './DynamicRangeSlider.js';
+import '@appbaseio/reactivecore/lib/actions/value';
 export { default as StateProvider } from './StateProvider.js';
 import 'gmap-vue';
 import 'ngeohash';

package/dist/es/{install-cde230d4.js → install-32e60122.js}

@@ -7,12 +7,12 @@ import styled from '@appbaseio/vue-emotion';
 import { B as Button } from './Button-d8bc15ea.js';
 import { t as types } from './vueTypes-9326e0be.js';
 import ReactiveList from './ReactiveList.js';
-import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, u as updateDefaultQuery, f as updateCustomQuery, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, c as connect } from './index-3d98f51b.js';
-import { C as ComponentWrapper } from './ComponentWrapper-6ad0997b.js';
+import { n as decodeHtml, h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, u as updateDefaultQuery, f as updateCustomQuery, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, c as connect } from './index-32f9d554.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3654ce36.js';
 import { T as Title } from './Title-3342664a.js';
 import ReactiveBase from './ReactiveBase.js';
 import hotkeys from 'hotkeys-js';
-import { S as SearchSvg, a as SuggestionWrapper, I as InputAddon, M as Mic, T as TagItem, b as TagsContainer, c as InputGroup, C as CustomSvg, d as SuggestionItem, D as DataSearch } from './DataSearch-1dba393f.js';
+import { S as SearchSvg, a as SuggestionWrapper, I as InputAddon, M as Mic, T as TagItem, b as TagsContainer, c as InputGroup, C as CustomSvg, d as SuggestionItem, D as DataSearch } from './DataSearch-9bd510ea.js';
 import { C as CancelSvg, a as IconGroup, I as IconWrapper, D as Downshift, b as InputWrapper } from './CancelSvg-4cfae5fd.js';
 import { s as suggestionsContainer, I as Input, a as suggestions } from './Input-7a2a9fac.js';
 import { C as Container } from './Container-ba826e96.js';
@@ -118,7 +118,7 @@ var SearchBox = {
       console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
     }
 
-    this.currentValue = this.selectedValue || this.value || this.defaultValue || '';
+    this.currentValue = decodeHtml(this.selectedValue || this.value || this.defaultValue || '');
 
     if (this.$options.isTagsMode) {
       this.currentValue = '';
@@ -215,7 +215,8 @@ var SearchBox = {
     enterButton: VueTypes.bool.def(false),
     renderEnterButton: VueTypes.any,
     mode: VueTypes.oneOf(['select', 'tag']).def('select'),
-    renderSelectedTags: VueTypes.any
+    renderSelectedTags: VueTypes.any,
+    searchboxId: VueTypes.string
   },
   beforeMount: function beforeMount() {
     if (this.selectedValue) {
@@ -459,7 +460,7 @@ var SearchBox = {
 
           _this.currentValue = '';
         } else {
-          _this.currentValue = value;
+          _this.currentValue = decodeHtml(value);
         }
 
         var queryHandlerValue = value;
@@ -965,7 +966,7 @@ var SearchBox = {
     onAutofillClick: function onAutofillClick(suggestion) {
       var value = suggestion.value;
       this.isOpen = true;
-      this.currentValue = value;
+      this.currentValue = decodeHtml(value);
       this.triggerDefaultQuery(value);
     },
     renderAutoFill: function renderAutoFill(suggestion) {

package/dist/es/install.js

@@ -12,8 +12,8 @@ import './Pagination-491c44ee.js';
 import './ReactiveList.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import './index-3d98f51b.js';
-import './ComponentWrapper-6ad0997b.js';
+import './index-32f9d554.js';
+import './ComponentWrapper-3654ce36.js';
 import '@vue/babel-helper-vue-jsx-merge-props';
 import './Title-3342664a.js';
 import './ListItem-cad14c5e.js';
@@ -24,19 +24,19 @@ import 'appbase-js';
 import 'url-search-params-polyfill';
 import './ReactiveBase.js';
 import 'hotkeys-js';
-import './DataSearch-1dba393f.js';
+import './DataSearch-9bd510ea.js';
 import './CancelSvg-4cfae5fd.js';
 import './Input-7a2a9fac.js';
 import 'compute-scroll-into-view';
 import './Container-ba826e96.js';
 import 'vue-highlight-words';
-export { i as default } from './install-cde230d4.js';
+export { i as default } from './install-32e60122.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import './FormControlList-c22d64f6.js';
 import './utils-9e68acee.js';
 import './SingleList.js';
 import './MultiList.js';
-import './DropDown-2ddad7ae.js';
+import './DropDown-219d9321.js';
 import './SingleDropdownList.js';
 import './MultiDropdownList.js';
 import './ToggleButton.js';
@@ -50,5 +50,6 @@ import 'vue-no-ssr';
 import './ssr-b2c0b401.js';
 import './RangeSlider.js';
 import './DynamicRangeSlider.js';
+import '@appbaseio/reactivecore/lib/actions/value';
 import './StateProvider.js';
 import './RangeInput.js';

package/dist/es/version.js

@@ -1,3 +1,3 @@
-var version = "1.16.0-alpha.58";
+var version = "1.16.0-alpha.60";
 
 export default version;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@appbaseio/reactivesearch-vue",
-	"version": "1.16.0-alpha.58",
+	"version": "1.16.0-alpha.60",
 	"private": false,
 	"main": "dist/cjs/index.js",
 	"jsnext:main": "dist/es/index.js",
@@ -34,13 +34,13 @@
 	],
 	"sideEffects": false,
 	"dependencies": {
-		"@appbaseio/reactivecore": "9.14.15",
+		"@appbaseio/reactivecore": "9.14.17",
 		"@appbaseio/vue-emotion": "0.4.4",
 		"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
 		"appbase-js": "^5.0.0",
 		"compute-scroll-into-view": "^1.0.11",
 		"emotion": "9.2.12",
-		"gmap-vue": "^3.5.2",
+		"gmap-vue": "^3.5.4",
 		"hotkeys-js": "^3.8.7",
 		"ngeohash": "^0.6.3",
 		"polished": "^2.2.0",