@appbaseio/reactivesearch-vue 3.0.0-alpha.2 → 3.0.0-alpha.3

package/dist/es/DynamicRangeSlider.js

@@ -63,25 +63,6 @@ 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];
-      }
-      _this.$emit.apply(_this, ['queryChange'].concat(args));
-      _this.$emit.apply(_this, ['query-change'].concat(args));
-    };
-    this.setQueryListener(this.$props.componentId, onQueryChange, null);
-    // Update props in store
-    this.setComponentProps(this.componentId, this.$props, componentTypes.dynamicRangeSlider);
-    this.setComponentProps(this.internalRangeComponent, this.$props, componentTypes.dynamicRangeSlider);
-
-    // Set custom query in store
-    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
-  },
-  mounted: function mounted() {
-    this.setReact();
-  },
-  beforeMount: function beforeMount() {
     var components = [];
     if (this.$$store) {
       var _this$$$store$getStat = this.$$store.getState();
@@ -102,6 +83,24 @@ var DynamicRangeSlider = {
       // get range before executing other queries
       this.updateRangeQueryOptions();
     }
+    var onQueryChange = function onQueryChange() {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this.$emit.apply(_this, ['queryChange'].concat(args));
+      _this.$emit.apply(_this, ['query-change'].concat(args));
+    };
+    this.setQueryListener(this.$props.componentId, onQueryChange, null);
+    // Update props in store
+    this.setComponentProps(this.componentId, this.$props, componentTypes.dynamicRangeSlider);
+    this.setComponentProps(this.internalRangeComponent, this.$props, componentTypes.dynamicRangeSlider);
+
+    // Set custom query in store
+    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
+    this.setReact(false);
+  },
+  mounted: function mounted() {
+    this.setReact(true);
   },
   beforeUpdate: function beforeUpdate() {
     if (!this.currentValue) {
@@ -125,9 +124,9 @@ var DynamicRangeSlider = {
       var start = _ref.start,
         end = _ref.end;
       if (this.$props.defaultValue) {
-        var _this$$props$defaultV = this.$props.defaultValue(start, end),
-          defaultStart = _this$$props$defaultV.start,
-          defaultEnd = _this$$props$defaultV.end;
+        var _this$$props$defaultV2 = this.$props.defaultValue(start, end),
+          defaultStart = _this$$props$defaultV2.start,
+          defaultEnd = _this$$props$defaultV2.end;
         this.handleChange([defaultStart, defaultEnd]);
       } else if (this.isControlled()) {
         this.handleChange(DynamicRangeSlider.parseValue(this.$props.value), 'change');
@@ -135,13 +134,13 @@ var DynamicRangeSlider = {
         this.currentValue = [start, end];
       }
     },
-    setReact: function setReact() {
+    setReact: function setReact(shouldExecute) {
       if (this.$props.react) {
-        this.watchComponent(this.internalRangeComponent, this.$props.react);
-        this.watchComponent(this.$props.componentId, this.$props.react);
+        this.watchComponent(this.internalRangeComponent, this.$props.react, shouldExecute);
+        this.watchComponent(this.$props.componentId, this.$props.react, shouldExecute);
       } else {
-        this.watchComponent(this.internalRangeComponent, {});
-        this.watchComponent(this.$props.componentId, {});
+        this.watchComponent(this.internalRangeComponent, {}, shouldExecute);
+        this.watchComponent(this.$props.componentId, {}, shouldExecute);
       }
     },
     rangeQuery: function rangeQuery() {
@@ -399,13 +398,16 @@ var mapDispatchtoProps = {
   updateComponentProps: updateComponentProps
 };
 var RangeConnected = PreferencesConsumer(connect(mapStateToProps, mapDispatchtoProps)(DynamicRangeSlider));
+RangeConnected.defaultQuery = DynamicRangeSlider.defaultQuery;
+RangeConnected.parseValue = DynamicRangeSlider.parseValue;
+RangeConnected.hasInternalComponent = DynamicRangeSlider.hasInternalComponent;
 RangeConnected.name = DynamicRangeSlider.name;
-RangeConnected.install = function (Vue) {
-  Vue.component(RangeConnected.name, RangeConnected);
-};
 
 // Add componentType for SSR
 RangeConnected.componentType = componentTypes.dynamicRangeSlider;
+RangeConnected.install = function (Vue) {
+  Vue.component(RangeConnected.name, RangeConnected);
+};
 
 export default RangeConnected;
 export { RangeConnected };

package/dist/es/MultiDropdownList.js

@@ -12,7 +12,7 @@ import { t as types } from './vueTypes-f1923c72.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, n as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-4520a598.js';
-import { C as ComponentWrapper } from './ComponentWrapper-3dfe6931.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3a215eed.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-24e88f3b.js';
 import { T as Title } from './Title-863dfa42.js';
 import { c as Dropdown } from './DropDown-029ffd42.js';
@@ -95,8 +95,6 @@ var MultiDropdownList = {
     // 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);
-  },
-  beforeMount: function beforeMount() {
     this.updateQueryOptions(this.$props);
     if (this.selectedValue) {
       this.setValue(this.selectedValue, true);
@@ -302,24 +300,24 @@ var MultiDropdownList = {
           });
         }
         if (selectAllLabel && selectAllLabel in currentValue) {
-          var _currentValue = currentValue,
-            del = _currentValue[selectAllLabel],
-            obj = _objectWithoutPropertiesLoose(_currentValue, [selectAllLabel].map(_toPropertyKey));
+          var _currentValue2 = currentValue,
+            del = _currentValue2[selectAllLabel],
+            obj = _objectWithoutPropertiesLoose(_currentValue2, [selectAllLabel].map(_toPropertyKey));
           currentValue = _extends({}, obj);
         }
       } else {
         if (currentValue[value]) {
-          var _currentValue2 = currentValue,
-            _del = _currentValue2[value],
-            rest = _objectWithoutPropertiesLoose(_currentValue2, [value].map(_toPropertyKey));
+          var _currentValue4 = currentValue,
+            _del = _currentValue4[value],
+            rest = _objectWithoutPropertiesLoose(_currentValue4, [value].map(_toPropertyKey));
           currentValue = _extends({}, rest);
         } else {
           currentValue[value] = true;
         }
         if (selectAllLabel && selectAllLabel in currentValue) {
-          var _currentValue3 = currentValue,
-            _del2 = _currentValue3[selectAllLabel],
-            _obj = _objectWithoutPropertiesLoose(_currentValue3, [selectAllLabel].map(_toPropertyKey));
+          var _currentValue6 = currentValue,
+            _del2 = _currentValue6[selectAllLabel],
+            _obj = _objectWithoutPropertiesLoose(_currentValue6, [selectAllLabel].map(_toPropertyKey));
           currentValue = _extends({}, _obj);
         }
         finalValues = Object.keys(currentValue);
@@ -470,12 +468,15 @@ var ListConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps
   internalComponent: MultiDropdownList.hasInternalComponent()
 }));
 ListConnected.name = MultiDropdownList.name;
-ListConnected.install = function (Vue) {
-  Vue.component(ListConnected.name, ListConnected);
-};
 
 // Add componentType for SSR
 ListConnected.componentType = componentTypes.multiDropdownList;
+ListConnected.defaultQuery = MultiDropdownList.defaultQuery;
+ListConnected.generateQueryOptions = MultiDropdownList.generateQueryOptions;
+ListConnected.hasInternalComponent = MultiDropdownList.hasInternalComponent;
+ListConnected.install = function (Vue) {
+  Vue.component(ListConnected.name, ListConnected);
+};
 
 export default ListConnected;
 export { ListConnected };

package/dist/es/MultiList.js

@@ -10,7 +10,7 @@ import { t as types } from './vueTypes-f1923c72.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, m as isEvent, n as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-4520a598.js';
-import { C as ComponentWrapper } from './ComponentWrapper-3dfe6931.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3a215eed.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-24e88f3b.js';
 import { T as Title } from './Title-863dfa42.js';
 import { I as Input } from './Input-ad474a55.js';
@@ -81,8 +81,6 @@ var MultiList = {
     // 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);
-  },
-  beforeMount: function beforeMount() {
     this.updateQueryHandlerOptions(this.$props);
     var value = this.selectedValue || this.$props.value || this.$props.defaultValue;
     this.setValue(value, !this.selectedValue);
@@ -270,16 +268,16 @@ var MultiList = {
           });
         }
         if (selectAllLabel && selectAllLabel in currentValue) {
-          var _currentValue = currentValue,
-            del = _currentValue[selectAllLabel],
-            obj = _objectWithoutPropertiesLoose(_currentValue, [selectAllLabel].map(_toPropertyKey));
+          var _currentValue2 = currentValue,
+            del = _currentValue2[selectAllLabel],
+            obj = _objectWithoutPropertiesLoose(_currentValue2, [selectAllLabel].map(_toPropertyKey));
           currentValue = _extends({}, obj);
         }
       } else {
         if (currentValue[value]) {
-          var _currentValue2 = currentValue,
-            _del = _currentValue2[value],
-            rest = _objectWithoutPropertiesLoose(_currentValue2, [value].map(_toPropertyKey));
+          var _currentValue4 = currentValue,
+            _del = _currentValue4[value],
+            rest = _objectWithoutPropertiesLoose(_currentValue4, [value].map(_toPropertyKey));
           currentValue = _extends({}, rest);
         } else if (Array.isArray(value)) {
           value.forEach(function (val) {
@@ -289,9 +287,9 @@ var MultiList = {
           currentValue[value] = true;
         }
         if (selectAllLabel && selectAllLabel in currentValue) {
-          var _currentValue3 = currentValue,
-            _del2 = _currentValue3[selectAllLabel],
-            _obj = _objectWithoutPropertiesLoose(_currentValue3, [selectAllLabel].map(_toPropertyKey));
+          var _currentValue6 = currentValue,
+            _del2 = _currentValue6[selectAllLabel],
+            _obj = _objectWithoutPropertiesLoose(_currentValue6, [selectAllLabel].map(_toPropertyKey));
           currentValue = _extends({}, _obj);
         }
         finalValues = Object.keys(currentValue);
@@ -465,12 +463,14 @@ var ListConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps
   internalComponent: MultiList.hasInternalComponent()
 }));
 ListConnected.name = MultiList.name;
+ListConnected.defaultQuery = MultiList.defaultQuery;
+ListConnected.generateQueryOptions = MultiList.generateQueryOptions;
+ListConnected.hasInternalComponent = MultiList.hasInternalComponent;
+// Add componentType for SSR
+ListConnected.componentType = componentTypes.multiList;
 ListConnected.install = function (Vue) {
   Vue.component(ListConnected.name, ListConnected);
 };
 
-// Add componentType for SSR
-ListConnected.componentType = componentTypes.multiList;
-
 export default ListConnected;
 export { ListConnected };

package/dist/es/MultiRange.js

@@ -10,7 +10,7 @@ import { t as types } from './vueTypes-f1923c72.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { n as parseValueArray, j as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-4520a598.js';
-import { C as ComponentWrapper } from './ComponentWrapper-3dfe6931.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3a215eed.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-24e88f3b.js';
 import { T as Title } from './Title-863dfa42.js';
 import { C as Container } from './Container-d00219f7.js';
@@ -98,9 +98,9 @@ var MultiRange = {
         currentValue = currentValue.filter(function (value) {
           return value.label !== item;
         });
-        var _selectedValues = selectedValues,
-          del = _selectedValues[item],
-          selected = _objectWithoutPropertiesLoose(_selectedValues, [item].map(_toPropertyKey));
+        var _selectedValues2 = selectedValues,
+          del = _selectedValues2[item],
+          selected = _objectWithoutPropertiesLoose(_selectedValues2, [item].map(_toPropertyKey));
         selectedValues = selected;
       } else {
         var _extends2;
@@ -172,8 +172,6 @@ var MultiRange = {
   created: function created() {
     // Set custom query in store
     updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
-  },
-  beforeMount: function beforeMount() {
     if (this.selectedValue) {
       this.selectItem(this.selectedValue, true);
     } else if (this.$props.value) {
@@ -255,6 +253,9 @@ var RangeConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProp
   componentType: componentTypes.multiRange
 }));
 RangeConnected.name = MultiRange.name;
+RangeConnected.defaultQuery = MultiRange.defaultQuery;
+RangeConnected.parseValue = MultiRange.parseValue;
+RangeConnected.hasInternalComponent = MultiRange.hasInternalComponent;
 RangeConnected.install = function (Vue) {
   Vue.component(RangeConnected.name, RangeConnected);
 };

package/dist/es/RangeInput.js

@@ -11,7 +11,7 @@ import { t as types } from './vueTypes-f1923c72.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { c as connect } from './index-4520a598.js';
-import { C as ComponentWrapper } from './ComponentWrapper-3dfe6931.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3a215eed.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-24e88f3b.js';
 import './Title-863dfa42.js';
 import { F as Flex } from './Flex-a08e22d7.js';

package/dist/es/RangeSlider.js

@@ -8,7 +8,7 @@ import { t as types } from './vueTypes-f1923c72.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { j as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-4520a598.js';
-import { C as ComponentWrapper } from './ComponentWrapper-3dfe6931.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3a215eed.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-24e88f3b.js';
 import { T as Title } from './Title-863dfa42.js';
 import { C as Container } from './Container-d00219f7.js';
@@ -157,8 +157,6 @@ var RangeSlider = {
 
     // Set custom query in store
     updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
-  },
-  beforeMount: function beforeMount() {
     var _this$$props = this.$props,
       value = _this$$props.value,
       defaultValue = _this$$props.defaultValue;
@@ -254,6 +252,9 @@ var RangeConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProp
   componentType: componentTypes.rangeSlider
 }));
 RangeConnected.name = RangeSlider.name;
+RangeConnected.defaultQuery = RangeSlider.defaultQuery;
+RangeConnected.parseValue = RangeSlider.parseValue;
+RangeConnected.hasInternalComponent = RangeSlider.hasInternalComponent;
 RangeConnected.install = function (Vue) {
   Vue.component(RangeConnected.name, RangeConnected);
 };

package/dist/es/ReactiveBase.js

@@ -1,4 +1,4 @@
-import configureStore, { Actions, helper } from '@appbaseio/reactivecore';
+import { Actions, helper } from '@appbaseio/reactivecore';
 import '@appbaseio/reactivecore/lib/utils/constants';
 import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
 import { h, createVNode, isVNode } from 'vue';
@@ -8,6 +8,7 @@ import { styled, createCache } from '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-f1923c72.js';
 import 'redux';
 import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-4520a598.js';
+import configureStore, { Actions as Actions$1 } from '@appbaseio/reactivecore/lib';
 import { updateAnalyticsConfig } from '@appbaseio/reactivecore/lib/actions/analytics';
 import Appbase from 'appbase-js';
 import AppbaseAnalytics from '@appbaseio/analytics';
@@ -108,12 +109,12 @@ var URLParamsProvider = {
         try {
           var component = item[0],
             value = item[1];
-          var _ref = _this.selectedValues[component] || {
+          var _ref2 = _this.selectedValues[component] || {
               label: component
             },
-            label = _ref.label,
-            showFilter = _ref.showFilter,
-            URLParams = _ref.URLParams;
+            label = _ref2.label,
+            showFilter = _ref2.showFilter,
+            URLParams = _ref2.URLParams;
           _this.setValue(component, JSON.parse(value), label, showFilter, URLParams, undefined, undefined, undefined, 'URL');
         } catch (e) {
           // Do not set value if JSON parsing fails.
@@ -330,6 +331,7 @@ function getTheme(preset) {
 function _isSlot$2(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
+var setValues = Actions$1.setValues;
 var ReactiveBase = {
   name: 'ReactiveBase',
   data: function data() {
@@ -356,6 +358,7 @@ var ReactiveBase = {
     initialQueriesSyncTime: types.number,
     className: types.string,
     initialState: VueTypes.object.def({}),
+    contextCollector: VueTypes.func,
     transformRequest: types.func,
     transformResponse: types.func,
     as: VueTypes.string.def('div'),
@@ -366,11 +369,15 @@ var ReactiveBase = {
     preferences: VueTypes.object
   },
   provide: function provide() {
+    var createCacheFn = createCache;
+    if (createCache["default"]) {
+      createCacheFn = createCache["default"];
+    }
     return {
       theme_reactivesearch: composeThemeObject(getTheme(this.$props.themePreset), this.$props.theme),
       store: this.store,
       $searchPreferences: this.preferences,
-      $emotionCache: this.$parent && this.$parent.$emotionCache || createCache({
+      $emotionCache: this.$parent && this.$parent.$emotionCache || createCacheFn({
         key: 'css'
       })
     };
@@ -524,8 +531,20 @@ var ReactiveBase = {
         selectedValues: selectedValues,
         urlValues: urlValues,
         headers: this.getHeaders
-      }, this.$props.initialState);
-      this.store = configureStore(initialState);
+      }, this.initialState);
+      var storeFn = configureStore;
+      if (configureStore["default"]) {
+        storeFn = configureStore["default"];
+      }
+      this.store = storeFn(initialState);
+      // server side rendered app to collect context
+      if (typeof window === 'undefined' && props.contextCollector) {
+        var res = props.contextCollector({
+          ctx: this.store
+        });
+        // necessary for supporting SSR of queryParams
+        this.store.dispatch(setValues(res.selectedValues));
+      }
       this.analyticsRef = analyticsRef;
     }
   },

package/dist/es/{ReactiveComponent-8fb219ec.js → ReactiveComponent-04d94e01.js}

@@ -11,7 +11,7 @@ import { B as Button } from './Button-474510e3.js';
 import { t as types } from './vueTypes-f1923c72.js';
 import { RLConnected } from './ReactiveList.js';
 import { g as getComponent, h as hasCustomRenderer, f as decodeHtml, i as isQueryIdentical, u as updateDefaultQuery, j as updateCustomQuery, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, c as connect } from './index-4520a598.js';
-import { C as ComponentWrapper } from './ComponentWrapper-3dfe6931.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3a215eed.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-24e88f3b.js';
 import { T as Title } from './Title-863dfa42.js';
 import { F as Flex } from './Flex-a08e22d7.js';
@@ -512,14 +512,14 @@ var Mic = {
         if (status === STATUS.active) {
           this.status = STATUS.inactive;
         }
-        var _this$$props = this.$props,
-          handleResult = _this$$props.handleResult,
-          onNoMatch = _this$$props.onNoMatch,
-          onError = _this$$props.onError,
-          lang = _this$$props.lang,
-          getInstance = _this$$props.getInstance;
-        var _window = window,
-          SpeechRecognition = _window.SpeechRecognition;
+        var _this$$props2 = this.$props,
+          handleResult = _this$$props2.handleResult,
+          onNoMatch = _this$$props2.onNoMatch,
+          onError = _this$$props2.onError,
+          lang = _this$$props2.lang,
+          getInstance = _this$$props2.getInstance;
+        var _window2 = window,
+          SpeechRecognition = _window2.SpeechRecognition;
         if (this.instance && this.status !== STATUS.denied) {
           this.status = STATUS.inactive;
           this.instance.stop();
@@ -790,6 +790,13 @@ var SearchBox = defineComponent({
     // Set custom and default queries in store
     this.triggerCustomQuery(this.currentValue, this.selectedCategory);
     this.triggerDefaultQuery(this.currentValue);
+    if (this.selectedValue) {
+      this.setValue(this.selectedValue, true, this.$props, this.$options.isTagsMode ? causes.SUGGESTION_SELECT : undefined);
+    } else if (this.$props.value) {
+      this.setValue(this.$props.value, true, this.$props, this.$options.isTagsMode ? causes.SUGGESTION_SELECT : undefined);
+    } else if (this.$props.defaultValue) {
+      this.setValue(this.$props.defaultValue, true, this.$props, this.$options.isTagsMode ? causes.SUGGESTION_SELECT : undefined);
+    }
   },
   computed: {
     hasCustomRenderer: function hasCustomRenderer$1() {
@@ -880,15 +887,6 @@ var SearchBox = defineComponent({
     searchboxId: VueTypes.string,
     endpoint: types.endpointConfig
   },
-  beforeMount: function beforeMount() {
-    if (this.selectedValue) {
-      this.setValue(this.selectedValue, true, this.$props, this.$options.isTagsMode ? causes.SUGGESTION_SELECT : undefined);
-    } else if (this.$props.value) {
-      this.setValue(this.$props.value, true, this.$props, this.$options.isTagsMode ? causes.SUGGESTION_SELECT : undefined);
-    } else if (this.$props.defaultValue) {
-      this.setValue(this.$props.defaultValue, true, this.$props, this.$options.isTagsMode ? causes.SUGGESTION_SELECT : undefined);
-    }
-  },
   mounted: function mounted() {
     this.listenForFocusShortcuts();
   },
@@ -1366,12 +1364,12 @@ var SearchBox = defineComponent({
     renderInputAddonBefore: function renderInputAddonBefore() {
       var addonBefore = this.$slots.addonBefore;
       if (addonBefore) {
-        var _slot;
+        var _slot2;
         return createVNode(InputAddon, {
           "class": "addon-before"
-        }, _isSlot(_slot = addonBefore()) ? _slot : {
+        }, _isSlot(_slot2 = addonBefore()) ? _slot2 : {
           "default": function _default() {
-            return [_slot];
+            return [_slot2];
           }
         });
       }
@@ -1380,12 +1378,12 @@ var SearchBox = defineComponent({
     renderInputAddonAfter: function renderInputAddonAfter() {
       var addonAfter = this.$slots.addonAfter;
       if (addonAfter) {
-        var _slot2;
+        var _slot4;
         return createVNode(InputAddon, {
           "class": "addon-after"
-        }, _isSlot(_slot2 = addonAfter()) ? _slot2 : {
+        }, _isSlot(_slot4 = addonAfter()) ? _slot4 : {
           "default": function _default() {
-            return [_slot2];
+            return [_slot4];
           }
         });
       }
@@ -1427,7 +1425,7 @@ var SearchBox = defineComponent({
     },
     renderIcons: function renderIcons() {
       var _this6 = this;
-      var _slot3, _slot4, _slot5;
+      var _slot5, _slot6, _slot7;
       var _this$$props3 = this.$props,
         iconPosition = _this$$props3.iconPosition,
         showClear = _this$$props3.showClear,
@@ -1446,9 +1444,9 @@ var SearchBox = defineComponent({
             "onClick": _this6.clearValue,
             "showIcon": showIcon,
             "isClearIcon": true
-          }, _isSlot(_slot3 = _this6.renderCancelIcon()) ? _slot3 : {
+          }, _isSlot(_slot5 = _this6.renderCancelIcon()) ? _slot5 : {
             "default": function _default() {
-              return [_slot3];
+              return [_slot5];
             }
           }), showVoiceSearch && createVNode(Mic, {
             "getInstance": getMicInstance,
@@ -1457,9 +1455,9 @@ var SearchBox = defineComponent({
             "className": getClassName$1(innerClass, 'mic') || null
           }, null), iconPosition === 'right' && showIcon && createVNode(IconWrapper, {
             "onClick": _this6.handleSearchIconClick
-          }, _isSlot(_slot4 = _this6.renderIcon()) ? _slot4 : {
+          }, _isSlot(_slot6 = _this6.renderIcon()) ? _slot6 : {
             "default": function _default() {
-              return [_slot4];
+              return [_slot6];
             }
           })];
         }
@@ -1470,9 +1468,9 @@ var SearchBox = defineComponent({
         "default": function _default() {
           return [iconPosition === 'left' && showIcon && createVNode(IconWrapper, {
             "onClick": _this6.handleSearchIconClick
-          }, _isSlot(_slot5 = _this6.renderIcon()) ? _slot5 : {
+          }, _isSlot(_slot7 = _this6.renderIcon()) ? _slot7 : {
             "default": function _default() {
-              return [_slot5];
+              return [_slot7];
             }
           })];
         }
@@ -1782,6 +1780,9 @@ var SearchBox = defineComponent({
     document.removeEventListener('keydown', this.onKeyDown);
   }
 });
+SearchBox.hasInternalComponent = function () {
+  return true;
+};
 SearchBox.defaultQuery = function (value, props) {
   var finalQuery = null;
   finalQuery = {
@@ -1840,6 +1841,9 @@ var SBConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps,
   internalComponent: true
 }));
 SBConnected.name = SearchBox.name;
+SBConnected.defaultQuery = SearchBox.defaultQuery;
+SBConnected.shouldQuery = SearchBox.shouldQuery;
+SBConnected.hasInternalComponent = SearchBox.hasInternalComponent;
 SBConnected.install = function (Vue) {
   Vue.component(SBConnected.name, SBConnected);
 };
@@ -2168,11 +2172,11 @@ var RcConnected = PreferencesConsumer({
   }
 });
 RcConnected.name = ReactiveComponent.name;
+RcConnected.hasInternalComponent = ReactiveComponent.hasInternalComponent;
+// Add componentType for SSR
+RcConnected.componentType = componentTypes.reactiveComponent;
 RcConnected.install = function (Vue) {
   Vue.component(RcConnected.name, RcConnected);
 };
 
-// Add componentType for SSR
-RcConnected.componentType = componentTypes.reactiveComponent;
-
 export { RcConnected as R, SBConnected as S };

package/dist/es/ReactiveComponent.js

@@ -15,14 +15,14 @@ import './ReactiveList.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import './index-4520a598.js';
-import './ComponentWrapper-3dfe6931.js';
+import './ComponentWrapper-3a215eed.js';
 import './PreferencesConsumer-24e88f3b.js';
 import './Title-863dfa42.js';
 import './ListItem-16756c02.js';
 import './Card-38cbe652.js';
 import './Flex-a08e22d7.js';
 import 'hotkeys-js';
-export { R as default } from './ReactiveComponent-8fb219ec.js';
+export { R as default } from './ReactiveComponent-04d94e01.js';
 import './DropDown-029ffd42.js';
 import './Input-ad474a55.js';
 import 'compute-scroll-into-view';

package/dist/es/ReactiveGoogleMap.js

@@ -13,7 +13,7 @@ import { P as Pagination } from './Pagination-72bd1d9e.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-4520a598.js';
-import { C as ComponentWrapper } from './ComponentWrapper-3dfe6931.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3a215eed.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-24e88f3b.js';
 import { C as Checkbox } from './FormControlList-fe6eaee4.js';
 import VueGoogleMaps, { InfoWindow, MapElementMixin, Marker, GMapCluster, Map } from 'vue-google-maps-community-fork';
@@ -179,9 +179,9 @@ var ReactiveMap = {
         var options = getQueryOptions(this.$props);
         options.from = 0;
         this.$defaultQuery = newVal(null, this.$props);
-        var _ref = this.$defaultQuery || {},
-          sort = _ref.sort,
-          query = _ref.query;
+        var _ref2 = this.$defaultQuery || {},
+          sort = _ref2.sort,
+          query = _ref2.query;
         if (sort) {
           options.sort = this.$defaultQuery.sort;
         }
@@ -564,8 +564,8 @@ var ReactiveMap = {
           geo_bounding_box: (_geo_bounding_box = {}, _geo_bounding_box[this.dataField] = boundingBoxCoordinates, _geo_bounding_box)
         };
         if (this.$defaultQuery) {
-          var _ref2 = this.$defaultQuery || {},
-            query = _ref2.query;
+          var _ref4 = this.$defaultQuery || {},
+            query = _ref4.query;
           if (query) {
             // adds defaultQuery's query to geo-query
             // to generate a map query
@@ -608,8 +608,8 @@ var ReactiveMap = {
     triggerClickAnalytics: function triggerClickAnalytics(searchPosition, documentId) {
       var docId = documentId;
       if (!docId) {
-        var _this$getData2 = this.getData(),
-          data = _this$getData2.data;
+        var _this$getData3 = this.getData(),
+          data = _this$getData3.data;
         var hitData = data.find(function (hit) {
           return hit._click_id === searchPosition;
         });
@@ -700,10 +700,10 @@ var ReactiveMap = {
     var options = getQueryOptions(this.$props);
     options.from = this.$data.from;
     if (this.$props.sortBy) {
-      var _ref3;
-      options.sort = [(_ref3 = {}, _ref3[this.$props.dataField] = {
+      var _ref5;
+      options.sort = [(_ref5 = {}, _ref5[this.$props.dataField] = {
         order: this.$props.sortBy
-      }, _ref3)];
+      }, _ref5)];
     }
     this.$defaultQuery = null;
     if (this.$props.defaultQuery) {