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

package/dist/cjs/RangeInput.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var configureStore = require('@appbaseio/reactivecore');
-var configureStore__default = _interopDefault(configureStore);
+var reactivecore = require('@appbaseio/reactivecore');
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var _transformOn = _interopDefault(require('@vue/babel-helper-vue-transform-on'));
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
@@ -17,14 +16,14 @@ require('polished');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-d8d8f291.js');
-var ComponentWrapper = require('./ComponentWrapper-611cf7f9.js');
-var PreferencesConsumer = require('./PreferencesConsumer-22d1b49f.js');
+var index = require('./index-1481798c.js');
+var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
+var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
 require('./Title-8802a218.js');
 var Flex = require('./Flex-d5675ea6.js');
 var Input = require('./Input-088dfcb4.js');
 var Container = require('./Container-29f049b2.js');
-require('./ssr-6c8a72e1.js');
+require('./ssr-c58b64c4.js');
 var RangeSlider = require('./RangeSlider.js');
 
 var _templateObject;
@@ -36,8 +35,8 @@ var Content = vueEmotion.styled('div')(_templateObject || (_templateObject = _ro
   return props.alert && alert;
 });
 
-var getClassName = configureStore.helper.getClassName,
-  isEqual = configureStore.helper.isEqual;
+var getClassName = reactivecore.helper.getClassName,
+  isEqual = reactivecore.helper.isEqual;
 var RangeInput = {
   name: 'RangeInput',
   components: {

package/dist/cjs/RangeSlider.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var configureStore = require('@appbaseio/reactivecore');
-var configureStore__default = _interopDefault(configureStore);
+var reactivecore = require('@appbaseio/reactivecore');
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var vue = require('vue');
@@ -14,20 +13,20 @@ require('@appbaseio/vue-emotion');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-d8d8f291.js');
-var ComponentWrapper = require('./ComponentWrapper-611cf7f9.js');
-var PreferencesConsumer = require('./PreferencesConsumer-22d1b49f.js');
+var index = require('./index-1481798c.js');
+var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
+var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
 var Title = require('./Title-8802a218.js');
 var Container = require('./Container-29f049b2.js');
-var ssr = require('./ssr-6c8a72e1.js');
+var ssr = require('./ssr-c58b64c4.js');
 
-var updateQuery = configureStore.Actions.updateQuery,
-  setQueryOptions = configureStore.Actions.setQueryOptions,
-  setCustomQuery = configureStore.Actions.setCustomQuery;
-var checkValueChange = configureStore.helper.checkValueChange,
-  getClassName = configureStore.helper.getClassName,
-  getOptionsFromQuery = configureStore.helper.getOptionsFromQuery,
-  isEqual = configureStore.helper.isEqual;
+var updateQuery = reactivecore.Actions.updateQuery,
+  setQueryOptions = reactivecore.Actions.setQueryOptions,
+  setCustomQuery = reactivecore.Actions.setCustomQuery;
+var checkValueChange = reactivecore.helper.checkValueChange,
+  getClassName = reactivecore.helper.getClassName,
+  getOptionsFromQuery = reactivecore.helper.getOptionsFromQuery,
+  isEqual = reactivecore.helper.isEqual;
 var RangeSlider = {
   name: 'RangeSlider',
   components: ssr.getComponents(),
@@ -164,8 +163,6 @@ var RangeSlider = {
 
     // Set custom query in store
     index.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;
@@ -261,6 +258,9 @@ var RangeConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Co
   componentType: constants.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/cjs/ReactiveBase.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var configureStore = require('@appbaseio/reactivecore');
-var configureStore__default = _interopDefault(configureStore);
+var reactivecore = require('@appbaseio/reactivecore');
 require('@appbaseio/reactivecore/lib/utils/constants');
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var vue = require('vue');
@@ -14,7 +13,9 @@ var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var vueEmotion = require('@appbaseio/vue-emotion');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('redux');
-var index = require('./index-d8d8f291.js');
+var index = require('./index-1481798c.js');
+var configureStore = require('@appbaseio/reactivecore/lib');
+var configureStore__default = _interopDefault(configureStore);
 var analytics = require('@appbaseio/reactivecore/lib/actions/analytics');
 var Appbase = _interopDefault(require('appbase-js'));
 var AppbaseAnalytics = _interopDefault(require('@appbaseio/analytics'));
@@ -86,9 +87,9 @@ var Base$1 = vueEmotion.styled(Base)(_templateObject || (_templateObject = _roll
 function _isSlot$1(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
-var setHeaders = configureStore.Actions.setHeaders,
-  setValue = configureStore.Actions.setValue;
-var isEqual = configureStore.helper.isEqual;
+var setHeaders = reactivecore.Actions.setHeaders,
+  setValue = reactivecore.Actions.setValue;
+var isEqual = reactivecore.helper.isEqual;
 var URLParamsProvider = {
   name: 'URLParamsProvider',
   props: {
@@ -115,12 +116,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.
@@ -337,6 +338,7 @@ function getTheme(preset) {
 function _isSlot$2(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
+var setValues = configureStore.Actions.setValues;
 var ReactiveBase = {
   name: 'ReactiveBase',
   data: function data() {
@@ -363,6 +365,7 @@ var ReactiveBase = {
     initialQueriesSyncTime: vueTypes.types.number,
     className: vueTypes.types.string,
     initialState: VueTypes.object.def({}),
+    contextCollector: VueTypes.func,
     transformRequest: vueTypes.types.func,
     transformResponse: vueTypes.types.func,
     as: VueTypes.string.def('div'),
@@ -373,11 +376,15 @@ var ReactiveBase = {
     preferences: VueTypes.object
   },
   provide: function provide() {
+    var createCacheFn = vueEmotion.createCache;
+    if (vueEmotion.createCache["default"]) {
+      createCacheFn = vueEmotion.createCache["default"];
+    }
     return {
       theme_reactivesearch: index.composeThemeObject(getTheme(this.$props.themePreset), this.$props.theme),
       store: this.store,
       $searchPreferences: this.preferences,
-      $emotionCache: this.$parent && this.$parent.$emotionCache || vueEmotion.createCache({
+      $emotionCache: this.$parent && this.$parent.$emotionCache || createCacheFn({
         key: 'css'
       })
     };
@@ -531,8 +538,20 @@ var ReactiveBase = {
         selectedValues: selectedValues,
         urlValues: urlValues,
         headers: this.getHeaders
-      }, this.$props.initialState);
-      this.store = configureStore__default(initialState);
+      }, this.initialState);
+      var storeFn = configureStore__default;
+      if (configureStore__default["default"]) {
+        storeFn = configureStore__default["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/cjs/{ReactiveComponent-a6108189.js → ReactiveComponent-4435adfa.js}

@@ -2,8 +2,7 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var configureStore = require('@appbaseio/reactivecore');
-var configureStore__default = _interopDefault(configureStore);
+var reactivecore = require('@appbaseio/reactivecore');
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var _transformOn = _interopDefault(require('@vue/babel-helper-vue-transform-on'));
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
@@ -15,13 +14,13 @@ var emotion = require('emotion');
 var Button = require('./Button-ad042719.js');
 var vueTypes = require('./vueTypes-1bf00978.js');
 var ReactiveList = require('./ReactiveList.js');
-var index = require('./index-d8d8f291.js');
-var ComponentWrapper = require('./ComponentWrapper-611cf7f9.js');
-var PreferencesConsumer = require('./PreferencesConsumer-22d1b49f.js');
+var index = require('./index-1481798c.js');
+var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
+var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
 var Title = require('./Title-8802a218.js');
 var Flex = require('./Flex-d5675ea6.js');
 var hotkeys = _interopDefault(require('hotkeys-js'));
-var DropDown = require('./DropDown-dc184468.js');
+var DropDown = require('./DropDown-7bd56543.js');
 var Input = require('./Input-088dfcb4.js');
 var Container = require('./Container-29f049b2.js');
 var Highlight = _interopDefault(require('vue-highlight-words'));
@@ -48,7 +47,7 @@ InputAddon.defaultProps = {
   className: 'input-addon'
 };
 
-var getClassName = configureStore.helper.getClassName;
+var getClassName = reactivecore.helper.getClassName;
 var SuggestionWrapper = {
   name: 'SuggestionWrapper',
   props: {
@@ -517,14 +516,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();
@@ -748,17 +747,17 @@ var TagItem = vueEmotion.styled('span')(_templateObject2 || (_templateObject2 =
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
-var updateQuery = configureStore.Actions.updateQuery,
-  setCustomQuery = configureStore.Actions.setCustomQuery,
-  setDefaultQuery = configureStore.Actions.setDefaultQuery,
-  recordSuggestionClick = configureStore.Actions.recordSuggestionClick;
-var _debounce = configureStore.helper.debounce,
-  checkValueChange = configureStore.helper.checkValueChange,
-  getClassName$1 = configureStore.helper.getClassName,
-  isEqual = configureStore.helper.isEqual,
-  getCompositeAggsQuery = configureStore.helper.getCompositeAggsQuery,
-  withClickIds = configureStore.helper.withClickIds,
-  getResultStats = configureStore.helper.getResultStats;
+var updateQuery = reactivecore.Actions.updateQuery,
+  setCustomQuery = reactivecore.Actions.setCustomQuery,
+  setDefaultQuery = reactivecore.Actions.setDefaultQuery,
+  recordSuggestionClick = reactivecore.Actions.recordSuggestionClick;
+var _debounce = reactivecore.helper.debounce,
+  checkValueChange = reactivecore.helper.checkValueChange,
+  getClassName$1 = reactivecore.helper.getClassName,
+  isEqual = reactivecore.helper.isEqual,
+  getCompositeAggsQuery = reactivecore.helper.getCompositeAggsQuery,
+  withClickIds = reactivecore.helper.withClickIds,
+  getResultStats = reactivecore.helper.getResultStats;
 var SearchBox = vue.defineComponent({
   name: 'SearchBox',
   isTagsMode: false,
@@ -795,6 +794,13 @@ var SearchBox = vue.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 ? reactivecore.causes.SUGGESTION_SELECT : undefined);
+    } else if (this.$props.value) {
+      this.setValue(this.$props.value, true, this.$props, this.$options.isTagsMode ? reactivecore.causes.SUGGESTION_SELECT : undefined);
+    } else if (this.$props.defaultValue) {
+      this.setValue(this.$props.defaultValue, true, this.$props, this.$options.isTagsMode ? reactivecore.causes.SUGGESTION_SELECT : undefined);
+    }
   },
   computed: {
     hasCustomRenderer: function hasCustomRenderer() {
@@ -885,15 +891,6 @@ var SearchBox = vue.defineComponent({
     searchboxId: VueTypes.string,
     endpoint: vueTypes.types.endpointConfig
   },
-  beforeMount: function beforeMount() {
-    if (this.selectedValue) {
-      this.setValue(this.selectedValue, true, this.$props, this.$options.isTagsMode ? configureStore.causes.SUGGESTION_SELECT : undefined);
-    } else if (this.$props.value) {
-      this.setValue(this.$props.value, true, this.$props, this.$options.isTagsMode ? configureStore.causes.SUGGESTION_SELECT : undefined);
-    } else if (this.$props.defaultValue) {
-      this.setValue(this.$props.defaultValue, true, this.$props, this.$options.isTagsMode ? configureStore.causes.SUGGESTION_SELECT : undefined);
-    }
-  },
   mounted: function mounted() {
     this.listenForFocusShortcuts();
   },
@@ -917,7 +914,7 @@ var SearchBox = vue.defineComponent({
     },
     value: function value(newVal, oldVal) {
       if (!isEqual(newVal, oldVal)) {
-        this.setValue(newVal, true, this.$props, newVal === '' ? configureStore.causes.CLEAR_VALUE : undefined, false);
+        this.setValue(newVal, true, this.$props, newVal === '' ? reactivecore.causes.CLEAR_VALUE : undefined, false);
       }
     },
     defaultQuery: function defaultQuery(newVal, oldVal) {
@@ -943,15 +940,15 @@ var SearchBox = vue.defineComponent({
       if (!isEqual(newVal, oldVal) && (this.$options.isTagsMode ? !isEqual(this.$data.selectedTags, newVal) : this.$data.currentValue !== newVal)) {
         if (!newVal && this.$data.currentValue) {
           // selected value is cleared, call onValueSelected
-          this.onValueSelectedHandler('', configureStore.causes.CLEAR_VALUE);
+          this.onValueSelectedHandler('', reactivecore.causes.CLEAR_VALUE);
         }
         if (this.$options.isTagsMode) {
           // handling reset of tags through SelectedFilters or URL
           this.selectedTags = [];
         }
-        var cause = !newVal ? configureStore.causes.CLEAR_VALUE : undefined;
+        var cause = !newVal ? reactivecore.causes.CLEAR_VALUE : undefined;
         if (this.$options.isTagsMode) {
-          cause = configureStore.causes.SUGGESTION_SELECT;
+          cause = reactivecore.causes.SUGGESTION_SELECT;
         }
         this.setValue(newVal || '', true, this.$props, cause);
       }
@@ -1003,7 +1000,7 @@ var SearchBox = vue.defineComponent({
   },
   methods: {
     handleText: function handleText(value, cause) {
-      if (cause === configureStore.causes.CLEAR_VALUE) {
+      if (cause === reactivecore.causes.CLEAR_VALUE) {
         this.triggerCustomQuery(value);
         this.triggerDefaultQuery(value);
       } else if (this.$props.autosuggest) {
@@ -1044,7 +1041,7 @@ var SearchBox = vue.defineComponent({
       var currentValue = this.currentValue;
       if (currentValue.trim()) {
         this.setValue(currentValue, true);
-        this.onValueSelectedHandler(currentValue, configureStore.causes.SEARCH_ICON_CLICK);
+        this.onValueSelectedHandler(currentValue, reactivecore.causes.SEARCH_ICON_CLICK);
       }
     },
     setValue: function setValue(value, isDefaultValue, props, cause, toggleIsOpen, categoryValue) {
@@ -1065,7 +1062,7 @@ var SearchBox = vue.defineComponent({
         if (_this.$options.isTagsMode && isEqual(value, _this.selectedTags)) {
           return;
         }
-        if (_this.$options.isTagsMode && cause === configureStore.causes.SUGGESTION_SELECT) {
+        if (_this.$options.isTagsMode && cause === reactivecore.causes.SUGGESTION_SELECT) {
           if (Array.isArray(_this.selectedTags) && _this.selectedTags.length) {
             // check if value already present in selectedTags
             if (typeof value === 'string' && _this.selectedTags.includes(value)) {
@@ -1086,7 +1083,7 @@ var SearchBox = vue.defineComponent({
           _this.currentValue = index.decodeHtml(value);
         }
         var queryHandlerValue = value;
-        if (_this.$options.isTagsMode && cause === configureStore.causes.SUGGESTION_SELECT) {
+        if (_this.$options.isTagsMode && cause === reactivecore.causes.SUGGESTION_SELECT) {
           queryHandlerValue = Array.isArray(_this.selectedTags) && _this.selectedTags.length ? _this.selectedTags : undefined;
         }
         if (isDefaultValue) {
@@ -1098,12 +1095,12 @@ var SearchBox = vue.defineComponent({
           } // in case of strict selection only SUGGESTION_SELECT should be able
           // to set the query otherwise the value should reset
           if (props.strictSelection) {
-            if (cause === configureStore.causes.SUGGESTION_SELECT || (_this.$options.isTagsMode ? _this.selectedTags.length === 0 : value === '')) {
+            if (cause === reactivecore.causes.SUGGESTION_SELECT || (_this.$options.isTagsMode ? _this.selectedTags.length === 0 : value === '')) {
               _this.triggerCustomQuery(queryHandlerValue, _this.$options.isTagsMode ? undefined : categoryValue);
             } else {
               _this.setValue('', true);
             }
-          } else if (props.value === undefined || cause === configureStore.causes.SUGGESTION_SELECT || cause === configureStore.causes.CLEAR_VALUE) {
+          } else if (props.value === undefined || cause === reactivecore.causes.SUGGESTION_SELECT || cause === reactivecore.causes.CLEAR_VALUE) {
             _this.triggerCustomQuery(queryHandlerValue, _this.$options.isTagsMode ? undefined : categoryValue);
           }
         } else {
@@ -1218,8 +1215,8 @@ var SearchBox = vue.defineComponent({
       this.recordSuggestionClick(searchPosition, docId);
     },
     clearValue: function clearValue() {
-      this.setValue('', false, this.$props, configureStore.causes.CLEAR_VALUE, false);
-      this.onValueSelectedHandler('', configureStore.causes.CLEAR_VALUE);
+      this.setValue('', false, this.$props, reactivecore.causes.CLEAR_VALUE, false);
+      this.onValueSelectedHandler('', reactivecore.causes.CLEAR_VALUE);
     },
     handleKeyDown: function handleKeyDown(event, highlightedIndex) {
       if (highlightedIndex === void 0) {
@@ -1230,10 +1227,10 @@ var SearchBox = vue.defineComponent({
         if (this.$props.autosuggest === false) {
           this.enterButtonOnClick();
         } else if (highlightedIndex === null) {
-          this.setValue(event.target.value, true, this.$props, this.$options.isTagsMode ? configureStore.causes.SUGGESTION_SELECT : undefined // to handle tags
+          this.setValue(event.target.value, true, this.$props, this.$options.isTagsMode ? reactivecore.causes.SUGGESTION_SELECT : undefined // to handle tags
           );
 
-          this.onValueSelectedHandler(event.target.value, configureStore.causes.ENTER_PRESS);
+          this.onValueSelectedHandler(event.target.value, reactivecore.causes.ENTER_PRESS);
         }
       }
 
@@ -1249,7 +1246,7 @@ var SearchBox = vue.defineComponent({
       }
       var value = this.$props.value;
       if (value === undefined) {
-        this.setValue(inputValue, false, this.$props, inputValue === '' ? configureStore.causes.CLEAR_VALUE : undefined);
+        this.setValue(inputValue, false, this.$props, inputValue === '' ? reactivecore.causes.CLEAR_VALUE : undefined);
       } else {
         this.$emit('change', inputValue, function (_ref3) {
           var isOpen = _ref3.isOpen;
@@ -1269,7 +1266,7 @@ var SearchBox = vue.defineComponent({
       // Record analytics for selected suggestions
       this.triggerClickAnalytics(suggestion._click_id);
       if (value === undefined) {
-        this.setValue(suggestion.value, true, this.$props, configureStore.causes.SUGGESTION_SELECT, false, suggestion._category);
+        this.setValue(suggestion.value, true, this.$props, reactivecore.causes.SUGGESTION_SELECT, false, suggestion._category);
       } else {
         var emitValue = suggestion.value;
         if (this.$options.isTagsMode) {
@@ -1281,7 +1278,7 @@ var SearchBox = vue.defineComponent({
           }
           emitValue.push(suggestion.value);
         }
-        this.setValue(emitValue, true, this.$props, configureStore.causes.SUGGESTION_SELECT, false, suggestion._category);
+        this.setValue(emitValue, true, this.$props, reactivecore.causes.SUGGESTION_SELECT, false, suggestion._category);
         this.$emit('change', emitValue, function (_ref4) {
           var isOpen = _ref4.isOpen;
           return _this3.triggerQuery(_rollupPluginBabelHelpers._extends({
@@ -1292,7 +1289,7 @@ var SearchBox = vue.defineComponent({
           }));
         });
       }
-      this.onValueSelectedHandler(suggestion.value, configureStore.causes.SUGGESTION_SELECT, suggestion.source);
+      this.onValueSelectedHandler(suggestion.value, reactivecore.causes.SUGGESTION_SELECT, suggestion.source);
     },
     onValueSelectedHandler: function onValueSelectedHandler(currentValue) {
       if (currentValue === void 0) {
@@ -1371,12 +1368,12 @@ var SearchBox = vue.defineComponent({
     renderInputAddonBefore: function renderInputAddonBefore() {
       var addonBefore = this.$slots.addonBefore;
       if (addonBefore) {
-        var _slot;
+        var _slot2;
         return vue.createVNode(InputAddon, {
           "class": "addon-before"
-        }, _isSlot(_slot = addonBefore()) ? _slot : {
+        }, _isSlot(_slot2 = addonBefore()) ? _slot2 : {
           "default": function _default() {
-            return [_slot];
+            return [_slot2];
           }
         });
       }
@@ -1385,12 +1382,12 @@ var SearchBox = vue.defineComponent({
     renderInputAddonAfter: function renderInputAddonAfter() {
       var addonAfter = this.$slots.addonAfter;
       if (addonAfter) {
-        var _slot2;
+        var _slot4;
         return vue.createVNode(InputAddon, {
           "class": "addon-after"
-        }, _isSlot(_slot2 = addonAfter()) ? _slot2 : {
+        }, _isSlot(_slot4 = addonAfter()) ? _slot4 : {
           "default": function _default() {
-            return [_slot2];
+            return [_slot4];
           }
         });
       }
@@ -1432,7 +1429,7 @@ var SearchBox = vue.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,
@@ -1451,9 +1448,9 @@ var SearchBox = vue.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 && vue.createVNode(Mic, {
             "getInstance": getMicInstance,
@@ -1462,9 +1459,9 @@ var SearchBox = vue.defineComponent({
             "className": getClassName$1(innerClass, 'mic') || null
           }, null), iconPosition === 'right' && showIcon && vue.createVNode(DropDown.IconWrapper, {
             "onClick": _this6.handleSearchIconClick
-          }, _isSlot(_slot4 = _this6.renderIcon()) ? _slot4 : {
+          }, _isSlot(_slot6 = _this6.renderIcon()) ? _slot6 : {
             "default": function _default() {
-              return [_slot4];
+              return [_slot6];
             }
           })];
         }
@@ -1475,9 +1472,9 @@ var SearchBox = vue.defineComponent({
         "default": function _default() {
           return [iconPosition === 'left' && showIcon && vue.createVNode(DropDown.IconWrapper, {
             "onClick": _this6.handleSearchIconClick
-          }, _isSlot(_slot5 = _this6.renderIcon()) ? _slot5 : {
+          }, _isSlot(_slot7 = _this6.renderIcon()) ? _slot7 : {
             "default": function _default() {
-              return [_slot5];
+              return [_slot7];
             }
           })];
         }
@@ -1562,7 +1559,7 @@ var SearchBox = vue.defineComponent({
     },
     clearAllTags: function clearAllTags() {
       this.selectedTags = [];
-      this.setValue('', true, this.$props, configureStore.causes.SUGGESTION_SELECT);
+      this.setValue('', true, this.$props, reactivecore.causes.SUGGESTION_SELECT);
       if (this.$props.value !== undefined) {
         this.$emit('change', this.selectedTags, this.triggerQuery);
       }
@@ -1571,7 +1568,7 @@ var SearchBox = vue.defineComponent({
       this.selectedTags = [].concat(this.selectedTags.filter(function (tag) {
         return tag !== tagValue;
       }));
-      this.setValue('', true, this.$props, configureStore.causes.SUGGESTION_SELECT);
+      this.setValue('', true, this.$props, reactivecore.causes.SUGGESTION_SELECT);
       if (this.$props.value !== undefined) {
         this.$emit('change', this.selectedTags, this.triggerQuery);
       }
@@ -1787,6 +1784,9 @@ var SearchBox = vue.defineComponent({
     document.removeEventListener('keydown', this.onKeyDown);
   }
 });
+SearchBox.hasInternalComponent = function () {
+  return true;
+};
 SearchBox.defaultQuery = function (value, props) {
   var finalQuery = null;
   finalQuery = {
@@ -1845,6 +1845,9 @@ var SBConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Compo
   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);
 };
@@ -1852,16 +1855,16 @@ SBConnected.install = function (Vue) {
 SBConnected.componentType = constants.componentTypes.searchBox;
 
 var _excluded = ["options"];
-var updateQuery$1 = configureStore.Actions.updateQuery,
-  setQueryOptions = configureStore.Actions.setQueryOptions,
-  setCustomQuery$1 = configureStore.Actions.setCustomQuery,
-  setDefaultQuery$1 = configureStore.Actions.setDefaultQuery;
-var parseHits = configureStore.helper.parseHits,
-  isEqual$1 = configureStore.helper.isEqual,
-  getCompositeAggsQuery$1 = configureStore.helper.getCompositeAggsQuery,
-  getResultStats$1 = configureStore.helper.getResultStats,
-  extractQueryFromCustomQuery = configureStore.helper.extractQueryFromCustomQuery,
-  getOptionsForCustomQuery = configureStore.helper.getOptionsForCustomQuery;
+var updateQuery$1 = reactivecore.Actions.updateQuery,
+  setQueryOptions = reactivecore.Actions.setQueryOptions,
+  setCustomQuery$1 = reactivecore.Actions.setCustomQuery,
+  setDefaultQuery$1 = reactivecore.Actions.setDefaultQuery;
+var parseHits = reactivecore.helper.parseHits,
+  isEqual$1 = reactivecore.helper.isEqual,
+  getCompositeAggsQuery$1 = reactivecore.helper.getCompositeAggsQuery,
+  getResultStats$1 = reactivecore.helper.getResultStats,
+  extractQueryFromCustomQuery = reactivecore.helper.extractQueryFromCustomQuery,
+  getOptionsForCustomQuery = reactivecore.helper.getOptionsForCustomQuery;
 var ReactiveComponent = {
   name: 'ReactiveComponent',
   props: {
@@ -2173,12 +2176,12 @@ var RcConnected = PreferencesConsumer.PreferencesConsumer({
   }
 });
 RcConnected.name = ReactiveComponent.name;
+RcConnected.hasInternalComponent = ReactiveComponent.hasInternalComponent;
+// Add componentType for SSR
+RcConnected.componentType = constants.componentTypes.reactiveComponent;
 RcConnected.install = function (Vue) {
   Vue.component(RcConnected.name, RcConnected);
 };
 
-// Add componentType for SSR
-RcConnected.componentType = constants.componentTypes.reactiveComponent;
-
 exports.ReactiveComponent = RcConnected;
 exports.SearchBox = SBConnected;

package/dist/cjs/ReactiveComponent.js

@@ -14,33 +14,33 @@ require('emotion');
 require('polished');
 require('./Button-ad042719.js');
 require('./vueTypes-1bf00978.js');
-require('./Pagination-b5ddc906.js');
+require('./Pagination-4ffc67cd.js');
 require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-require('./index-d8d8f291.js');
-require('./ComponentWrapper-611cf7f9.js');
-require('./PreferencesConsumer-22d1b49f.js');
+require('./index-1481798c.js');
+require('./ComponentWrapper-2dc930e1.js');
+require('./PreferencesConsumer-2c69ac61.js');
 require('./Title-8802a218.js');
 require('./ListItem-d57d648d.js');
 require('./Card-f5ab024a.js');
 require('./Flex-d5675ea6.js');
 require('hotkeys-js');
-var ReactiveComponent = require('./ReactiveComponent-a6108189.js');
-require('./DropDown-dc184468.js');
+var ReactiveComponent = require('./ReactiveComponent-4435adfa.js');
+require('./DropDown-7bd56543.js');
 require('./Input-088dfcb4.js');
 require('compute-scroll-into-view');
 require('./Container-29f049b2.js');
 require('vue-highlight-words');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-fadd792f.js');
-require('./utils-83fd01e9.js');
+require('./utils-36b1b880.js');
 require('./SingleList.js');
 require('./MultiList.js');
 require('./SingleDropdownList.js');
 require('./MultiDropdownList.js');
 require('./ToggleButton.js');
-require('./ssr-6c8a72e1.js');
+require('./ssr-c58b64c4.js');
 require('./DynamicRangeSlider.js');
 require('./SingleRange.js');
 require('./MultiRange.js');