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

package/dist/cjs/{ComponentWrapper-611cf7f9.js → ComponentWrapper-2dc930e1.js}

@@ -2,24 +2,23 @@
 
 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 _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 var transform = require('@appbaseio/reactivecore/lib/utils/transform');
-var index = require('./index-d8d8f291.js');
+var index = require('./index-1481798c.js');
 
-var addComponent = configureStore.Actions.addComponent,
-  removeComponent = configureStore.Actions.removeComponent,
-  watchComponent = configureStore.Actions.watchComponent,
-  setQueryListener = configureStore.Actions.setQueryListener,
-  setComponentProps = configureStore.Actions.setComponentProps,
-  updateComponentProps = configureStore.Actions.updateComponentProps;
-var pushToAndClause = configureStore.helper.pushToAndClause,
-  checkPropChange = configureStore.helper.checkPropChange,
-  checkSomePropChange = configureStore.helper.checkSomePropChange;
+var addComponent = reactivecore.Actions.addComponent,
+  removeComponent = reactivecore.Actions.removeComponent,
+  watchComponent = reactivecore.Actions.watchComponent,
+  setQueryListener = reactivecore.Actions.setQueryListener,
+  setComponentProps = reactivecore.Actions.setComponentProps,
+  updateComponentProps = reactivecore.Actions.updateComponentProps;
+var pushToAndClause = reactivecore.helper.pushToAndClause,
+  checkPropChange = reactivecore.helper.checkPropChange,
+  checkSomePropChange = reactivecore.helper.checkSomePropChange;
 
 /**
  * ComponentWrapper component is a wrapper component for each ReactiveSearch component
@@ -46,6 +45,7 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
       destroyOnUnmount: VueTypes.bool.def(true)
     },
     created: function created() {
+      var _this = this;
       // clone the props for component it is needed because attrs gets changed on time
       var componentProps = _rollupPluginBabelHelpers._extends({}, this.$attrs);
       // handle kebab case for props
@@ -57,9 +57,6 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
       this.componentId = this.componentProps.componentId;
       this.react = this.componentProps.react;
       this.$timestamp = new Date().getTime();
-    },
-    beforeMount: function beforeMount() {
-      var _this = this;
       var components = [];
       if (this.$$store) {
         var _this$$$store$getStat = this.$$store.getState();
@@ -94,11 +91,15 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
         this.addComponent(this.internalComponent, this.$timestamp);
         this.setComponentProps(this.internalComponent, this.componentProps, options.componentType);
       }
+      if (this.internalComponent) {
+        // Watch component after rendering the component to avoid the un-necessary calls
+        this.setReact(this.componentProps, false);
+      }
     },
     mounted: function mounted() {
       if (this.internalComponent) {
         // Watch component after rendering the component to avoid the un-necessary calls
-        this.setReact(this.componentProps);
+        this.setReact(this.componentProps, true);
       }
     },
     beforeDestroy: function beforeDestroy() {
@@ -137,7 +138,7 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
       }
     },
     methods: {
-      setReact: function setReact(props) {
+      setReact: function setReact(props, shouldExecute) {
         var react = props.react,
           executeInitialQuery = props.executeInitialQuery;
         if (this.internalComponent) {
@@ -147,10 +148,10 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
           } else {
             this.watchComponent(props.componentId, {
               and: this.internalComponent
-            }, executeInitialQuery);
+            }, shouldExecute || executeInitialQuery);
           }
         } else {
-          this.watchComponent(props.componentId, react, executeInitialQuery);
+          this.watchComponent(props.componentId, react, shouldExecute || executeInitialQuery);
         }
       }
     },

package/dist/cjs/{DropDown-dc184468.js → DropDown-7bd56543.js}

@@ -2,15 +2,14 @@
 
 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 _transformOn = _interopDefault(require('@vue/babel-helper-vue-transform-on'));
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 var vueEmotion = require('@appbaseio/vue-emotion');
 var vueTypes = require('./vueTypes-1bf00978.js');
-var index = require('./index-d8d8f291.js');
+var index = require('./index-1481798c.js');
 var Input = require('./Input-088dfcb4.js');
 var computeScrollIntoView = _interopDefault(require('compute-scroll-into-view'));
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
@@ -433,7 +432,7 @@ var Chevron = vueEmotion.styled('span')(_templateObject$4 || (_templateObject$4
   return props.open ? open : null;
 });
 
-var getClassName = configureStore.helper.getClassName;
+var getClassName = reactivecore.helper.getClassName;
 var Dropdown = {
   data: function data() {
     this.__state = {

package/dist/cjs/DynamicRangeSlider.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');
@@ -13,27 +12,27 @@ var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('redux');
-var index = require('./index-d8d8f291.js');
-var PreferencesConsumer = require('./PreferencesConsumer-22d1b49f.js');
+var index = require('./index-1481798c.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 addComponent = configureStore.Actions.addComponent,
-  removeComponent = configureStore.Actions.removeComponent,
-  watchComponent = configureStore.Actions.watchComponent,
-  updateQuery = configureStore.Actions.updateQuery,
-  setQueryListener = configureStore.Actions.setQueryListener,
-  setQueryOptions = configureStore.Actions.setQueryOptions,
-  setComponentProps = configureStore.Actions.setComponentProps,
-  setCustomQuery = configureStore.Actions.setCustomQuery,
-  updateComponentProps = configureStore.Actions.updateComponentProps;
-var checkValueChange = configureStore.helper.checkValueChange,
-  getClassName = configureStore.helper.getClassName,
-  isEqual = configureStore.helper.isEqual,
-  checkSomePropChange = configureStore.helper.checkSomePropChange,
-  extractQueryFromCustomQuery = configureStore.helper.extractQueryFromCustomQuery,
-  getOptionsForCustomQuery = configureStore.helper.getOptionsForCustomQuery;
+var addComponent = reactivecore.Actions.addComponent,
+  removeComponent = reactivecore.Actions.removeComponent,
+  watchComponent = reactivecore.Actions.watchComponent,
+  updateQuery = reactivecore.Actions.updateQuery,
+  setQueryListener = reactivecore.Actions.setQueryListener,
+  setQueryOptions = reactivecore.Actions.setQueryOptions,
+  setComponentProps = reactivecore.Actions.setComponentProps,
+  setCustomQuery = reactivecore.Actions.setCustomQuery,
+  updateComponentProps = reactivecore.Actions.updateComponentProps;
+var checkValueChange = reactivecore.helper.checkValueChange,
+  getClassName = reactivecore.helper.getClassName,
+  isEqual = reactivecore.helper.isEqual,
+  checkSomePropChange = reactivecore.helper.checkSomePropChange,
+  extractQueryFromCustomQuery = reactivecore.helper.extractQueryFromCustomQuery,
+  getOptionsForCustomQuery = reactivecore.helper.getOptionsForCustomQuery;
 var DynamicRangeSlider = {
   name: 'DynamicRangeSlider',
   components: ssr.getComponents(),
@@ -70,25 +69,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, constants.componentTypes.dynamicRangeSlider);
-    this.setComponentProps(this.internalRangeComponent, this.$props, constants.componentTypes.dynamicRangeSlider);
-
-    // Set custom query in store
-    index.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();
@@ -109,6 +89,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, constants.componentTypes.dynamicRangeSlider);
+    this.setComponentProps(this.internalRangeComponent, this.$props, constants.componentTypes.dynamicRangeSlider);
+
+    // Set custom query in store
+    index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
+    this.setReact(false);
+  },
+  mounted: function mounted() {
+    this.setReact(true);
   },
   beforeUpdate: function beforeUpdate() {
     if (!this.currentValue) {
@@ -132,9 +130,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');
@@ -142,13 +140,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() {
@@ -406,13 +404,16 @@ var mapDispatchtoProps = {
   updateComponentProps: updateComponentProps
 };
 var RangeConnected = PreferencesConsumer.PreferencesConsumer(index.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 = constants.componentTypes.dynamicRangeSlider;
+RangeConnected.install = function (Vue) {
+  Vue.component(RangeConnected.name, RangeConnected);
+};
 
 exports.RangeConnected = RangeConnected;
 exports.default = RangeConnected;

package/dist/cjs/MultiDropdownList.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('@vue/babel-helper-vue-transform-on');
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
@@ -18,32 +17,32 @@ var Button = require('./Button-ad042719.js');
 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 DropDown = require('./DropDown-dc184468.js');
+var DropDown = require('./DropDown-7bd56543.js');
 require('./Input-088dfcb4.js');
 require('compute-scroll-into-view');
 var Container = require('./Container-29f049b2.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
-var utils = require('./utils-83fd01e9.js');
+var utils = require('./utils-36b1b880.js');
 
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
-var updateQuery = configureStore.Actions.updateQuery,
-  setQueryOptions = configureStore.Actions.setQueryOptions,
-  setCustomQuery = configureStore.Actions.setCustomQuery,
-  setDefaultQuery = configureStore.Actions.setDefaultQuery;
-var isEqual = configureStore.helper.isEqual,
-  getQueryOptions = configureStore.helper.getQueryOptions,
-  checkValueChange = configureStore.helper.checkValueChange,
-  checkPropChange = configureStore.helper.checkPropChange,
-  getClassName = configureStore.helper.getClassName,
-  getCompositeAggsQuery = configureStore.helper.getCompositeAggsQuery,
-  extractQueryFromCustomQuery = configureStore.helper.extractQueryFromCustomQuery,
-  getOptionsForCustomQuery = configureStore.helper.getOptionsForCustomQuery;
+var updateQuery = reactivecore.Actions.updateQuery,
+  setQueryOptions = reactivecore.Actions.setQueryOptions,
+  setCustomQuery = reactivecore.Actions.setCustomQuery,
+  setDefaultQuery = reactivecore.Actions.setDefaultQuery;
+var isEqual = reactivecore.helper.isEqual,
+  getQueryOptions = reactivecore.helper.getQueryOptions,
+  checkValueChange = reactivecore.helper.checkValueChange,
+  checkPropChange = reactivecore.helper.checkPropChange,
+  getClassName = reactivecore.helper.getClassName,
+  getCompositeAggsQuery = reactivecore.helper.getCompositeAggsQuery,
+  extractQueryFromCustomQuery = reactivecore.helper.extractQueryFromCustomQuery,
+  getOptionsForCustomQuery = reactivecore.helper.getOptionsForCustomQuery;
 var MultiDropdownList = {
   name: 'MultiDropdownList',
   data: function data() {
@@ -102,8 +101,6 @@ var MultiDropdownList = {
     // 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);
-  },
-  beforeMount: function beforeMount() {
     this.updateQueryOptions(this.$props);
     if (this.selectedValue) {
       this.setValue(this.selectedValue, true);
@@ -309,24 +306,24 @@ var MultiDropdownList = {
           });
         }
         if (selectAllLabel && selectAllLabel in currentValue) {
-          var _currentValue = currentValue,
-            del = _currentValue[selectAllLabel],
-            obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
+          var _currentValue2 = currentValue,
+            del = _currentValue2[selectAllLabel],
+            obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue2, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
           currentValue = _rollupPluginBabelHelpers._extends({}, obj);
         }
       } else {
         if (currentValue[value]) {
-          var _currentValue2 = currentValue,
-            _del = _currentValue2[value],
-            rest = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue2, [value].map(_rollupPluginBabelHelpers._toPropertyKey));
+          var _currentValue4 = currentValue,
+            _del = _currentValue4[value],
+            rest = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue4, [value].map(_rollupPluginBabelHelpers._toPropertyKey));
           currentValue = _rollupPluginBabelHelpers._extends({}, rest);
         } else {
           currentValue[value] = true;
         }
         if (selectAllLabel && selectAllLabel in currentValue) {
-          var _currentValue3 = currentValue,
-            _del2 = _currentValue3[selectAllLabel],
-            _obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue3, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
+          var _currentValue6 = currentValue,
+            _del2 = _currentValue6[selectAllLabel],
+            _obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue6, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
           currentValue = _rollupPluginBabelHelpers._extends({}, _obj);
         }
         finalValues = Object.keys(currentValue);
@@ -477,12 +474,15 @@ var ListConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Com
   internalComponent: MultiDropdownList.hasInternalComponent()
 }));
 ListConnected.name = MultiDropdownList.name;
-ListConnected.install = function (Vue) {
-  Vue.component(ListConnected.name, ListConnected);
-};
 
 // Add componentType for SSR
 ListConnected.componentType = constants.componentTypes.multiDropdownList;
+ListConnected.defaultQuery = MultiDropdownList.defaultQuery;
+ListConnected.generateQueryOptions = MultiDropdownList.generateQueryOptions;
+ListConnected.hasInternalComponent = MultiDropdownList.hasInternalComponent;
+ListConnected.install = function (Vue) {
+  Vue.component(ListConnected.name, ListConnected);
+};
 
 exports.ListConnected = ListConnected;
 exports.default = ListConnected;

package/dist/cjs/MultiList.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 _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var vue = require('vue');
@@ -16,26 +15,26 @@ 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');
 var Title = require('./Title-8802a218.js');
 var Input = require('./Input-088dfcb4.js');
 var Container = require('./Container-29f049b2.js');
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 var FormControlList = require('./FormControlList-fadd792f.js');
-var utils = require('./utils-83fd01e9.js');
+var utils = require('./utils-36b1b880.js');
 
-var updateQuery = configureStore.Actions.updateQuery,
-  setQueryOptions = configureStore.Actions.setQueryOptions,
-  setCustomQuery = configureStore.Actions.setCustomQuery,
-  setDefaultQuery = configureStore.Actions.setDefaultQuery;
-var isEqual = configureStore.helper.isEqual,
-  getQueryOptions = configureStore.helper.getQueryOptions,
-  checkValueChange = configureStore.helper.checkValueChange,
-  getClassName = configureStore.helper.getClassName,
-  extractQueryFromCustomQuery = configureStore.helper.extractQueryFromCustomQuery,
-  getOptionsForCustomQuery = configureStore.helper.getOptionsForCustomQuery;
+var updateQuery = reactivecore.Actions.updateQuery,
+  setQueryOptions = reactivecore.Actions.setQueryOptions,
+  setCustomQuery = reactivecore.Actions.setCustomQuery,
+  setDefaultQuery = reactivecore.Actions.setDefaultQuery;
+var isEqual = reactivecore.helper.isEqual,
+  getQueryOptions = reactivecore.helper.getQueryOptions,
+  checkValueChange = reactivecore.helper.checkValueChange,
+  getClassName = reactivecore.helper.getClassName,
+  extractQueryFromCustomQuery = reactivecore.helper.extractQueryFromCustomQuery,
+  getOptionsForCustomQuery = reactivecore.helper.getOptionsForCustomQuery;
 var MultiList = {
   name: 'MultiList',
   props: {
@@ -88,8 +87,6 @@ var MultiList = {
     // 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);
-  },
-  beforeMount: function beforeMount() {
     this.updateQueryHandlerOptions(this.$props);
     var value = this.selectedValue || this.$props.value || this.$props.defaultValue;
     this.setValue(value, !this.selectedValue);
@@ -277,16 +274,16 @@ var MultiList = {
           });
         }
         if (selectAllLabel && selectAllLabel in currentValue) {
-          var _currentValue = currentValue,
-            del = _currentValue[selectAllLabel],
-            obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
+          var _currentValue2 = currentValue,
+            del = _currentValue2[selectAllLabel],
+            obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue2, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
           currentValue = _rollupPluginBabelHelpers._extends({}, obj);
         }
       } else {
         if (currentValue[value]) {
-          var _currentValue2 = currentValue,
-            _del = _currentValue2[value],
-            rest = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue2, [value].map(_rollupPluginBabelHelpers._toPropertyKey));
+          var _currentValue4 = currentValue,
+            _del = _currentValue4[value],
+            rest = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue4, [value].map(_rollupPluginBabelHelpers._toPropertyKey));
           currentValue = _rollupPluginBabelHelpers._extends({}, rest);
         } else if (Array.isArray(value)) {
           value.forEach(function (val) {
@@ -296,9 +293,9 @@ var MultiList = {
           currentValue[value] = true;
         }
         if (selectAllLabel && selectAllLabel in currentValue) {
-          var _currentValue3 = currentValue,
-            _del2 = _currentValue3[selectAllLabel],
-            _obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue3, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
+          var _currentValue6 = currentValue,
+            _del2 = _currentValue6[selectAllLabel],
+            _obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue6, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
           currentValue = _rollupPluginBabelHelpers._extends({}, _obj);
         }
         finalValues = Object.keys(currentValue);
@@ -472,12 +469,14 @@ var ListConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Com
   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 = constants.componentTypes.multiList;
 ListConnected.install = function (Vue) {
   Vue.component(ListConnected.name, ListConnected);
 };
 
-// Add componentType for SSR
-ListConnected.componentType = constants.componentTypes.multiList;
-
 exports.ListConnected = ListConnected;
 exports.default = ListConnected;

package/dist/cjs/MultiRange.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');
@@ -16,9 +15,9 @@ 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');
 var Title = require('./Title-8802a218.js');
 var Container = require('./Container-29f049b2.js');
 var FormControlList = require('./FormControlList-fadd792f.js');
@@ -26,13 +25,13 @@ var FormControlList = require('./FormControlList-fadd792f.js');
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
-var updateQuery = configureStore.Actions.updateQuery,
-  setQueryOptions = configureStore.Actions.setQueryOptions,
-  setCustomQuery = configureStore.Actions.setCustomQuery;
-var isEqual = configureStore.helper.isEqual,
-  checkValueChange = configureStore.helper.checkValueChange,
-  getClassName = configureStore.helper.getClassName,
-  getOptionsFromQuery = configureStore.helper.getOptionsFromQuery;
+var updateQuery = reactivecore.Actions.updateQuery,
+  setQueryOptions = reactivecore.Actions.setQueryOptions,
+  setCustomQuery = reactivecore.Actions.setCustomQuery;
+var isEqual = reactivecore.helper.isEqual,
+  checkValueChange = reactivecore.helper.checkValueChange,
+  getClassName = reactivecore.helper.getClassName,
+  getOptionsFromQuery = reactivecore.helper.getOptionsFromQuery;
 var MultiRange = {
   name: 'MultiRange',
   data: function data() {
@@ -105,9 +104,9 @@ var MultiRange = {
         currentValue = currentValue.filter(function (value) {
           return value.label !== item;
         });
-        var _selectedValues = selectedValues,
-          del = _selectedValues[item],
-          selected = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_selectedValues, [item].map(_rollupPluginBabelHelpers._toPropertyKey));
+        var _selectedValues2 = selectedValues,
+          del = _selectedValues2[item],
+          selected = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_selectedValues2, [item].map(_rollupPluginBabelHelpers._toPropertyKey));
         selectedValues = selected;
       } else {
         var _extends2;
@@ -179,8 +178,6 @@ var MultiRange = {
   created: function created() {
     // Set custom query in store
     index.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) {
@@ -262,6 +259,9 @@ var RangeConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Co
   componentType: constants.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/cjs/{Pagination-b5ddc906.js → Pagination-4ffc67cd.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 _transformOn = _interopDefault(require('@vue/babel-helper-vue-transform-on'));
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
@@ -13,8 +12,8 @@ var vueTypes = require('./vueTypes-1bf00978.js');
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
-var getClassName = configureStore.helper.getClassName,
-  handleA11yAction = configureStore.helper.handleA11yAction;
+var getClassName = reactivecore.helper.getClassName,
+  handleA11yAction = reactivecore.helper.handleA11yAction;
 function getStartPage(totalPages, currentPage, showEndPage) {
   var midValue = parseInt(totalPages / 2, 10);
   var start = currentPage - (showEndPage ? Math.ceil(midValue / 2) - 1 : midValue);

package/dist/cjs/{PreferencesConsumer-22d1b49f.js → PreferencesConsumer-2c69ac61.js}

@@ -2,7 +2,7 @@
 
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var vue = require('vue');
-var index = require('./index-d8d8f291.js');
+var index = require('./index-1481798c.js');
 
 var deepValue = function deepValue(o, p) {
   return p.split('.').reduce(function (a, v) {