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

package/dist/cjs/{ComponentWrapper-75f88599.js → ComponentWrapper-611cf7f9.js}

@@ -69,7 +69,7 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
       // or component is not present in store
       if (this.destroyOnUnmount || components.indexOf(this.componentProps.componentId) === -1) {
         // Register  component
-        this.addComponent(this.componentId);
+        this.addComponent(this.componentId, this.$timestamp);
         var onQueryChange = function onQueryChange() {
           for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
             args[_key] = arguments[_key];
@@ -91,7 +91,7 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
       }
       // Register internal component
       if (this.internalComponent && (this.destroyOnUnmount || components.indexOf(this.internalComponent) === -1)) {
-        this.addComponent(this.internalComponent);
+        this.addComponent(this.internalComponent, this.$timestamp);
         this.setComponentProps(this.internalComponent, this.componentProps, options.componentType);
       }
     },

package/dist/cjs/{DropDown-6cf84c47.js → DropDown-dc184468.js}

@@ -11,7 +11,7 @@ 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 Input = require('./Input-4b434436.js');
+var Input = require('./Input-088dfcb4.js');
 var computeScrollIntoView = _interopDefault(require('compute-scroll-into-view'));
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 
@@ -67,7 +67,9 @@ var scrollIntoView = function scrollIntoView(node, rootNode) {
 
 var Downshift = {
   // eslint-disable-next-line
-  props: ['isOpen', 'inputValue', 'selectedItem', 'highlightedIndex', 'handleChange', 'itemToString', 'handleMouseup'],
+  props: ['isOpen', 'inputValue', 'selectedItem', 'highlightedIndex', 'handleChange',
+  // 'itemToString',
+  'handleMouseup'],
   data: function data() {
     return {
       isMouseDown: false,

package/dist/cjs/DynamicRangeSlider.js

@@ -14,10 +14,10 @@ require('@appbaseio/vue-emotion');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('redux');
 var index = require('./index-d8d8f291.js');
-var PreferencesConsumer = require('./PreferencesConsumer-eb265924.js');
+var PreferencesConsumer = require('./PreferencesConsumer-22d1b49f.js');
 var Title = require('./Title-8802a218.js');
 var Container = require('./Container-29f049b2.js');
-var ssr = require('./ssr-6907ada3.js');
+var ssr = require('./ssr-6c8a72e1.js');
 
 var addComponent = configureStore.Actions.addComponent,
   removeComponent = configureStore.Actions.removeComponent,
@@ -69,6 +69,7 @@ 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];
@@ -95,8 +96,8 @@ var DynamicRangeSlider = {
     }
     var value = this.$props.value;
     if (this.destroyOnUnmount || components.indexOf(this.componentId) === -1) {
-      this.addComponent(this.componentId);
-      this.addComponent(this.internalRangeComponent);
+      this.addComponent(this.componentId, this.$timestamp);
+      this.addComponent(this.internalRangeComponent, this.$timestamp);
       if (Array.isArray(this.selectedValue)) {
         this.handleChange(this.selectedValue);
       } else if (this.selectedValue) {

package/dist/cjs/{Input-4b434436.js → Input-088dfcb4.js}

@@ -61,7 +61,7 @@ var Input = vueEmotion.styled('input')(_templateObject || (_templateObject = _ro
   return props.alert && alertBorder;
 });
 var suggestions = function suggestions(themePreset, theme) {
-  return emotion.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: min(100vh, 402px);\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tcursor: pointer;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: #eee;\n\t\t}\n\t}\n\n\t", ";\n"])), themePreset === 'dark' && theme && dark(theme));
+  return emotion.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: min(100vh, 402px);\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tcursor: pointer;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: flex;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: #eee;\n\t\t}\n\t}\n\n\t", ";\n"])), themePreset === 'dark' && theme && dark(theme));
 };
 var suggestionsContainer = emotion.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tposition: relative;\n\t.cancel-icon {\n\t\tcursor: pointer;\n\t}\n"])));
 var noSuggestions = function noSuggestions(themePreset, theme) {

package/dist/cjs/MultiDropdownList.js

@@ -19,11 +19,11 @@ var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-d8d8f291.js');
-var ComponentWrapper = require('./ComponentWrapper-75f88599.js');
-var PreferencesConsumer = require('./PreferencesConsumer-eb265924.js');
+var ComponentWrapper = require('./ComponentWrapper-611cf7f9.js');
+var PreferencesConsumer = require('./PreferencesConsumer-22d1b49f.js');
 var Title = require('./Title-8802a218.js');
-var DropDown = require('./DropDown-6cf84c47.js');
-require('./Input-4b434436.js');
+var DropDown = require('./DropDown-dc184468.js');
+require('./Input-088dfcb4.js');
 require('compute-scroll-into-view');
 var Container = require('./Container-29f049b2.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');

package/dist/cjs/MultiList.js

@@ -17,10 +17,10 @@ var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-d8d8f291.js');
-var ComponentWrapper = require('./ComponentWrapper-75f88599.js');
-var PreferencesConsumer = require('./PreferencesConsumer-eb265924.js');
+var ComponentWrapper = require('./ComponentWrapper-611cf7f9.js');
+var PreferencesConsumer = require('./PreferencesConsumer-22d1b49f.js');
 var Title = require('./Title-8802a218.js');
-var Input = require('./Input-4b434436.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');
@@ -168,7 +168,7 @@ var MultiList = {
       return index.isFunction(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
     }
     if (!this.hasCustomRenderer && this.modifiedOptions.length === 0 && !this.isLoading) {
-      if (this.renderNoResult) {
+      if (this.renderNoResults) {
         this.renderNoResult();
       } else {
         return null;

package/dist/cjs/MultiRange.js

@@ -17,8 +17,8 @@ var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-d8d8f291.js');
-var ComponentWrapper = require('./ComponentWrapper-75f88599.js');
-var PreferencesConsumer = require('./PreferencesConsumer-eb265924.js');
+var ComponentWrapper = require('./ComponentWrapper-611cf7f9.js');
+var PreferencesConsumer = require('./PreferencesConsumer-22d1b49f.js');
 var Title = require('./Title-8802a218.js');
 var Container = require('./Container-29f049b2.js');
 var FormControlList = require('./FormControlList-fadd792f.js');

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

@@ -65,9 +65,7 @@ var PreferencesConsumer = function PreferencesConsumer(component) {
           }
         }
       });
-      return vue.h(component, {
-        attrs: componentProps
-      }, this.$slots);
+      return vue.h(component, componentProps, this.$slots);
     }
   };
 };

package/dist/cjs/RangeInput.js

@@ -18,13 +18,13 @@ var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-d8d8f291.js');
-var ComponentWrapper = require('./ComponentWrapper-75f88599.js');
-var PreferencesConsumer = require('./PreferencesConsumer-eb265924.js');
+var ComponentWrapper = require('./ComponentWrapper-611cf7f9.js');
+var PreferencesConsumer = require('./PreferencesConsumer-22d1b49f.js');
 require('./Title-8802a218.js');
 var Flex = require('./Flex-d5675ea6.js');
-var Input = require('./Input-4b434436.js');
+var Input = require('./Input-088dfcb4.js');
 var Container = require('./Container-29f049b2.js');
-require('./ssr-6907ada3.js');
+require('./ssr-6c8a72e1.js');
 var RangeSlider = require('./RangeSlider.js');
 
 var _templateObject;

package/dist/cjs/RangeSlider.js

@@ -15,11 +15,11 @@ var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-d8d8f291.js');
-var ComponentWrapper = require('./ComponentWrapper-75f88599.js');
-var PreferencesConsumer = require('./PreferencesConsumer-eb265924.js');
+var ComponentWrapper = require('./ComponentWrapper-611cf7f9.js');
+var PreferencesConsumer = require('./PreferencesConsumer-22d1b49f.js');
 var Title = require('./Title-8802a218.js');
 var Container = require('./Container-29f049b2.js');
-var ssr = require('./ssr-6907ada3.js');
+var ssr = require('./ssr-6c8a72e1.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
   setQueryOptions = configureStore.Actions.setQueryOptions,

package/dist/cjs/ReactiveBase.js

@@ -538,7 +538,8 @@ var ReactiveBase = {
   },
   render: function render() {
     var _this = this;
-    var children = this.$slots["default"]();
+    var _slot;
+    var children = this.$slots["default"];
     var _this$$props2 = this.$props,
       style = _this$$props2.style,
       className = _this$$props2.className;
@@ -554,9 +555,9 @@ var ReactiveBase = {
           "className": className,
           "getSearchParams": _this.getSearchParams,
           "setSearchParams": _this.setSearchParams
-        }, _isSlot$2(children) ? children : {
+        }, _isSlot$2(_slot = children()) ? _slot : {
           "default": function _default() {
-            return [children];
+            return [_slot];
           }
         })];
       }

package/dist/cjs/{ReactiveComponent-eb8db4c1.js → ReactiveComponent-a6108189.js}

@@ -16,13 +16,13 @@ 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-75f88599.js');
-var PreferencesConsumer = require('./PreferencesConsumer-eb265924.js');
+var ComponentWrapper = require('./ComponentWrapper-611cf7f9.js');
+var PreferencesConsumer = require('./PreferencesConsumer-22d1b49f.js');
 var Title = require('./Title-8802a218.js');
 var Flex = require('./Flex-d5675ea6.js');
 var hotkeys = _interopDefault(require('hotkeys-js'));
-var DropDown = require('./DropDown-6cf84c47.js');
-var Input = require('./Input-4b434436.js');
+var DropDown = require('./DropDown-dc184468.js');
+var Input = require('./Input-088dfcb4.js');
 var Container = require('./Container-29f049b2.js');
 var Highlight = _interopDefault(require('vue-highlight-words'));
 var SingleList = require('./SingleList.js');
@@ -854,7 +854,6 @@ var SearchBox = vue.defineComponent({
     showFilter: VueTypes.bool.def(true),
     showIcon: VueTypes.bool.def(true),
     title: vueTypes.types.title,
-    theme: vueTypes.types.style,
     URLParams: VueTypes.bool.def(false),
     strictSelection: VueTypes.bool.def(false),
     nestedField: vueTypes.types.string,
@@ -1349,9 +1348,7 @@ var SearchBox = vue.defineComponent({
       if (finalSuggestionsList === void 0) {
         finalSuggestionsList = [];
       }
-      var _this$$props2 = this.$props,
-        theme = _this$$props2.theme,
-        innerClass = _this$$props2.innerClass;
+      var innerClass = this.$props.innerClass;
       var renderNoSuggestion = this.$slots.renderNoSuggestion || this.$props.renderNoSuggestion;
       var renderError = this.$slots.renderError || this.$props.renderError;
       var _this$$data = this.$data,
@@ -1361,7 +1358,7 @@ var SearchBox = vue.defineComponent({
         return vue.createVNode(SuggestionWrapper, {
           "innerClass": innerClass,
           "themePreset": this.themePreset,
-          "theme": theme,
+          "theme": this.theme,
           "innerClassName": "noSuggestion"
         }, {
           "default": function _default() {
@@ -1408,9 +1405,9 @@ var SearchBox = vue.defineComponent({
     },
     renderEnterButtonElement: function renderEnterButtonElement() {
       var _this5 = this;
-      var _this$$props3 = this.$props,
-        enterButton = _this$$props3.enterButton,
-        innerClass = _this$$props3.innerClass;
+      var _this$$props2 = this.$props,
+        enterButton = _this$$props2.enterButton,
+        innerClass = _this$$props2.innerClass;
       var renderEnterButton = this.$slots.renderEnterButton;
       if (enterButton) {
         var getEnterButtonMarkup = function getEnterButtonMarkup() {
@@ -1436,13 +1433,13 @@ var SearchBox = vue.defineComponent({
     renderIcons: function renderIcons() {
       var _this6 = this;
       var _slot3, _slot4, _slot5;
-      var _this$$props4 = this.$props,
-        iconPosition = _this$$props4.iconPosition,
-        showClear = _this$$props4.showClear,
-        innerClass = _this$$props4.innerClass,
-        getMicInstance = _this$$props4.getMicInstance,
-        showVoiceSearch = _this$$props4.showVoiceSearch,
-        showIcon = _this$$props4.showIcon;
+      var _this$$props3 = this.$props,
+        iconPosition = _this$$props3.iconPosition,
+        showClear = _this$$props3.showClear,
+        innerClass = _this$$props3.innerClass,
+        getMicInstance = _this$$props3.getMicInstance,
+        showVoiceSearch = _this$$props3.showVoiceSearch,
+        showIcon = _this$$props3.showIcon;
       var renderMic = this.$slots.renderMic || this.$props.renderMic;
       var currentValue = this.$data.currentValue;
       return vue.createVNode("div", null, [vue.createVNode(DropDown.IconGroup, {
@@ -1613,9 +1610,7 @@ var SearchBox = vue.defineComponent({
   },
   render: function render() {
     var _this11 = this;
-    var _this$$props5 = this.$props,
-      theme = _this$$props5.theme,
-      expandSuggestionsContainer = _this$$props5.expandSuggestionsContainer;
+    var expandSuggestionsContainer = this.$props.expandSuggestionsContainer;
     var _this$$slots = this.$slots,
       recentSearchesIcon = _this$$slots.recentSearchesIcon,
       popularSearchesIcon = _this$$slots.popularSearchesIcon;
@@ -1662,7 +1657,7 @@ var SearchBox = vue.defineComponent({
                 getItemEvents: getItemEvents,
                 highlightedIndex: highlightedIndex
               }), _this11.renderErrorComponent(), !_this11.hasCustomRenderer && isOpen && hasSuggestions ? vue.createVNode("ul", {
-                "class": Input.suggestions(_this11.themePreset, theme) + " " + getClassName$1(_this11.$props.innerClass, 'list')
+                "class": Input.suggestions(_this11.themePreset, _this11.theme) + " " + getClassName$1(_this11.$props.innerClass, 'list')
               }, [_this11.normalizedSuggestions.map(function (item, index) {
                 return renderItem ? vue.createVNode("li", vue.mergeProps(getItemProps({
                   item: item

package/dist/cjs/ReactiveComponent.js

@@ -19,16 +19,16 @@ require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 require('./index-d8d8f291.js');
-require('./ComponentWrapper-75f88599.js');
-require('./PreferencesConsumer-eb265924.js');
+require('./ComponentWrapper-611cf7f9.js');
+require('./PreferencesConsumer-22d1b49f.js');
 require('./Title-8802a218.js');
 require('./ListItem-d57d648d.js');
 require('./Card-f5ab024a.js');
 require('./Flex-d5675ea6.js');
 require('hotkeys-js');
-var ReactiveComponent = require('./ReactiveComponent-eb8db4c1.js');
-require('./DropDown-6cf84c47.js');
-require('./Input-4b434436.js');
+var ReactiveComponent = require('./ReactiveComponent-a6108189.js');
+require('./DropDown-dc184468.js');
+require('./Input-088dfcb4.js');
 require('compute-scroll-into-view');
 require('./Container-29f049b2.js');
 require('vue-highlight-words');
@@ -40,7 +40,7 @@ require('./MultiList.js');
 require('./SingleDropdownList.js');
 require('./MultiDropdownList.js');
 require('./ToggleButton.js');
-require('./ssr-6907ada3.js');
+require('./ssr-6c8a72e1.js');
 require('./DynamicRangeSlider.js');
 require('./SingleRange.js');
 require('./MultiRange.js');

package/dist/cjs/ReactiveGoogleMap.js

@@ -20,8 +20,8 @@ var Pagination = require('./Pagination-b5ddc906.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-d8d8f291.js');
-var ComponentWrapper = require('./ComponentWrapper-75f88599.js');
-var PreferencesConsumer = require('./PreferencesConsumer-eb265924.js');
+var ComponentWrapper = require('./ComponentWrapper-611cf7f9.js');
+var PreferencesConsumer = require('./PreferencesConsumer-22d1b49f.js');
 var FormControlList = require('./FormControlList-fadd792f.js');
 var VueGoogleMaps = require('vue-google-maps-community-fork');
 var VueGoogleMaps__default = _interopDefault(VueGoogleMaps);
@@ -572,7 +572,8 @@ var ReactiveMap = {
           geo_bounding_box: (_geo_bounding_box = {}, _geo_bounding_box[this.dataField] = boundingBoxCoordinates, _geo_bounding_box)
         };
         if (this.$defaultQuery) {
-          var query = this.$defaultQuery.query;
+          var _ref2 = this.$defaultQuery || {},
+            query = _ref2.query;
           if (query) {
             // adds defaultQuery's query to geo-query
             // to generate a map query
@@ -707,14 +708,14 @@ var ReactiveMap = {
     var options = getQueryOptions(this.$props);
     options.from = this.$data.from;
     if (this.$props.sortBy) {
-      var _ref2;
-      options.sort = [(_ref2 = {}, _ref2[this.$props.dataField] = {
+      var _ref3;
+      options.sort = [(_ref3 = {}, _ref3[this.$props.dataField] = {
         order: this.$props.sortBy
-      }, _ref2)];
+      }, _ref3)];
     }
     this.$defaultQuery = null;
     if (this.$props.defaultQuery) {
-      this.$defaultQuery = this.$props.defaultQuery();
+      this.$defaultQuery = this.$props.defaultQuery() || {};
       options = _rollupPluginBabelHelpers._extends({}, options, getOptionsFromQuery(this.$defaultQuery));
 
       // Override sort query with defaultQuery's sort if defined

package/dist/cjs/ReactiveList.js

@@ -21,8 +21,8 @@ var Pagination = require('./Pagination-b5ddc906.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-d8d8f291.js');
-var ComponentWrapper = require('./ComponentWrapper-75f88599.js');
-var PreferencesConsumer = require('./PreferencesConsumer-eb265924.js');
+var ComponentWrapper = require('./ComponentWrapper-611cf7f9.js');
+var PreferencesConsumer = require('./PreferencesConsumer-22d1b49f.js');
 require('./Title-8802a218.js');
 var ListItem = require('./ListItem-d57d648d.js');
 var Card = require('./Card-f5ab024a.js');
@@ -218,7 +218,7 @@ var ImpressionTracker = {
     }
   },
   render: function render() {
-    return this.$slots["default"];
+    return this.$slots["default"]();
   }
 };
 var mapDispatchToProps = {

package/dist/cjs/SingleDropdownList.js

@@ -19,11 +19,11 @@ var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-d8d8f291.js');
-var ComponentWrapper = require('./ComponentWrapper-75f88599.js');
-var PreferencesConsumer = require('./PreferencesConsumer-eb265924.js');
+var ComponentWrapper = require('./ComponentWrapper-611cf7f9.js');
+var PreferencesConsumer = require('./PreferencesConsumer-22d1b49f.js');
 var Title = require('./Title-8802a218.js');
-var DropDown = require('./DropDown-6cf84c47.js');
-require('./Input-4b434436.js');
+var DropDown = require('./DropDown-dc184468.js');
+require('./Input-088dfcb4.js');
 require('compute-scroll-into-view');
 var Container = require('./Container-29f049b2.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');

package/dist/cjs/SingleList.js

@@ -17,10 +17,10 @@ var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-d8d8f291.js');
-var ComponentWrapper = require('./ComponentWrapper-75f88599.js');
-var PreferencesConsumer = require('./PreferencesConsumer-eb265924.js');
+var ComponentWrapper = require('./ComponentWrapper-611cf7f9.js');
+var PreferencesConsumer = require('./PreferencesConsumer-22d1b49f.js');
 var Title = require('./Title-8802a218.js');
-var Input = require('./Input-4b434436.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');
@@ -150,7 +150,7 @@ var SingleList = {
       return index.isFunction(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
     }
     if (!this.hasCustomRenderer && this.modifiedOptions.length === 0 && !this.isLoading) {
-      if (this.renderNoResult) {
+      if (this.renderNoResults) {
         this.renderNoResult();
       } else {
         return null;

package/dist/cjs/SingleRange.js

@@ -17,8 +17,8 @@ var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-d8d8f291.js');
-var ComponentWrapper = require('./ComponentWrapper-75f88599.js');
-var PreferencesConsumer = require('./PreferencesConsumer-eb265924.js');
+var ComponentWrapper = require('./ComponentWrapper-611cf7f9.js');
+var PreferencesConsumer = require('./PreferencesConsumer-22d1b49f.js');
 var Title = require('./Title-8802a218.js');
 var Container = require('./Container-29f049b2.js');
 var FormControlList = require('./FormControlList-fadd792f.js');

package/dist/cjs/ToggleButton.js

@@ -18,8 +18,8 @@ var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-d8d8f291.js');
-var ComponentWrapper = require('./ComponentWrapper-75f88599.js');
-var PreferencesConsumer = require('./PreferencesConsumer-eb265924.js');
+var ComponentWrapper = require('./ComponentWrapper-611cf7f9.js');
+var PreferencesConsumer = require('./PreferencesConsumer-22d1b49f.js');
 var Title = require('./Title-8802a218.js');
 var Container = require('./Container-29f049b2.js');
 

package/dist/cjs/index.js

@@ -19,8 +19,8 @@ var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 require('./index-d8d8f291.js');
-require('./ComponentWrapper-75f88599.js');
-require('./PreferencesConsumer-eb265924.js');
+require('./ComponentWrapper-611cf7f9.js');
+require('./PreferencesConsumer-22d1b49f.js');
 require('./Title-8802a218.js');
 require('./ListItem-d57d648d.js');
 require('./Card-f5ab024a.js');
@@ -31,9 +31,9 @@ require('@appbaseio/analytics');
 require('url-search-params-polyfill');
 var ReactiveBase = require('./ReactiveBase.js');
 require('hotkeys-js');
-var ReactiveComponent = require('./ReactiveComponent-eb8db4c1.js');
-require('./DropDown-6cf84c47.js');
-require('./Input-4b434436.js');
+var ReactiveComponent = require('./ReactiveComponent-a6108189.js');
+require('./DropDown-dc184468.js');
+require('./Input-088dfcb4.js');
 require('compute-scroll-into-view');
 require('./Container-29f049b2.js');
 require('vue-highlight-words');
@@ -45,7 +45,7 @@ var MultiList = require('./MultiList.js');
 var SingleDropdownList = require('./SingleDropdownList.js');
 var MultiDropdownList = require('./MultiDropdownList.js');
 var ToggleButton = require('./ToggleButton.js');
-require('./ssr-6907ada3.js');
+require('./ssr-6c8a72e1.js');
 var DynamicRangeSlider = require('./DynamicRangeSlider.js');
 var SingleRange = require('./SingleRange.js');
 var MultiRange = require('./MultiRange.js');

package/dist/cjs/install.js

@@ -19,8 +19,8 @@ var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 require('./index-d8d8f291.js');
-require('./ComponentWrapper-75f88599.js');
-require('./PreferencesConsumer-eb265924.js');
+require('./ComponentWrapper-611cf7f9.js');
+require('./PreferencesConsumer-22d1b49f.js');
 require('./Title-8802a218.js');
 require('./ListItem-d57d648d.js');
 require('./Card-f5ab024a.js');
@@ -31,9 +31,9 @@ require('@appbaseio/analytics');
 require('url-search-params-polyfill');
 var ReactiveBase = require('./ReactiveBase.js');
 require('hotkeys-js');
-var ReactiveComponent = require('./ReactiveComponent-eb8db4c1.js');
-require('./DropDown-6cf84c47.js');
-require('./Input-4b434436.js');
+var ReactiveComponent = require('./ReactiveComponent-a6108189.js');
+require('./DropDown-dc184468.js');
+require('./Input-088dfcb4.js');
 require('compute-scroll-into-view');
 require('./Container-29f049b2.js');
 require('vue-highlight-words');
@@ -45,7 +45,7 @@ var MultiList = require('./MultiList.js');
 var SingleDropdownList = require('./SingleDropdownList.js');
 var MultiDropdownList = require('./MultiDropdownList.js');
 var ToggleButton = require('./ToggleButton.js');
-require('./ssr-6907ada3.js');
+require('./ssr-6c8a72e1.js');
 var DynamicRangeSlider = require('./DynamicRangeSlider.js');
 var SingleRange = require('./SingleRange.js');
 var MultiRange = require('./MultiRange.js');

package/dist/cjs/{ssr-6907ada3.js → ssr-6c8a72e1.js}

@@ -49,7 +49,7 @@ var getComponents = function getComponents() {
   var components = {
     NoSSR: NoSSR
   };
-  if (process.browser) {
+  if (process && process.browser) {
     try {
       // in older versions of nuxt, it's process.BROWSER_BUILD
       // eslint-disable-next-line

package/dist/cjs/version.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.0.0-alpha.0";
+var version = "3.0.0-alpha.1";
 
 exports.default = version;

package/dist/es/{ComponentWrapper-5166c76a.js → ComponentWrapper-3dfe6931.js}

@@ -64,7 +64,7 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
       // or component is not present in store
       if (this.destroyOnUnmount || components.indexOf(this.componentProps.componentId) === -1) {
         // Register  component
-        this.addComponent(this.componentId);
+        this.addComponent(this.componentId, this.$timestamp);
         var onQueryChange = function onQueryChange() {
           for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
             args[_key] = arguments[_key];
@@ -86,7 +86,7 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
       }
       // Register internal component
       if (this.internalComponent && (this.destroyOnUnmount || components.indexOf(this.internalComponent) === -1)) {
-        this.addComponent(this.internalComponent);
+        this.addComponent(this.internalComponent, this.$timestamp);
         this.setComponentProps(this.internalComponent, this.componentProps, options.componentType);
       }
     },

package/dist/es/{DropDown-8764360c.js → DropDown-029ffd42.js}

@@ -6,7 +6,7 @@ import VueTypes from 'vue-types';
 import { styled } from '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-f1923c72.js';
 import { a as isFunction } from './index-4520a598.js';
-import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-4a8ef1f3.js';
+import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-ad474a55.js';
 import computeScrollIntoView from 'compute-scroll-into-view';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
 
@@ -62,7 +62,9 @@ var scrollIntoView = function scrollIntoView(node, rootNode) {
 
 var Downshift = {
   // eslint-disable-next-line
-  props: ['isOpen', 'inputValue', 'selectedItem', 'highlightedIndex', 'handleChange', 'itemToString', 'handleMouseup'],
+  props: ['isOpen', 'inputValue', 'selectedItem', 'highlightedIndex', 'handleChange',
+  // 'itemToString',
+  'handleMouseup'],
   data: function data() {
     return {
       isMouseDown: false,

package/dist/es/DynamicRangeSlider.js

@@ -7,10 +7,10 @@ import '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-f1923c72.js';
 import 'redux';
 import { j as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-4520a598.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-c276709c.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';
-import { g as getComponents, N as NoSSR, S as Slider } from './ssr-af398f0c.js';
+import { g as getComponents, N as NoSSR, S as Slider } from './ssr-584c278d.js';
 
 var addComponent = Actions.addComponent,
   removeComponent = Actions.removeComponent,
@@ -62,6 +62,7 @@ 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];
@@ -88,8 +89,8 @@ var DynamicRangeSlider = {
     }
     var value = this.$props.value;
     if (this.destroyOnUnmount || components.indexOf(this.componentId) === -1) {
-      this.addComponent(this.componentId);
-      this.addComponent(this.internalRangeComponent);
+      this.addComponent(this.componentId, this.$timestamp);
+      this.addComponent(this.internalRangeComponent, this.$timestamp);
       if (Array.isArray(this.selectedValue)) {
         this.handleChange(this.selectedValue);
       } else if (this.selectedValue) {