@appbaseio/reactivesearch-vue 1.16.0-alpha.30 → 1.16.0-alpha.31

package/dist/cjs/{ComponentWrapper-ab813390.js → ComponentWrapper-7302fe1a.js}

@@ -8,7 +8,7 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var transform = require('@appbaseio/reactivecore/lib/utils/transform');
-var index = require('./index-2a8358cd.js');
+var index = require('./index-d44a0a21.js');
 
 var addComponent = configureStore.Actions.addComponent,
     removeComponent = configureStore.Actions.removeComponent,

package/dist/cjs/DataSearch.js

@@ -17,8 +17,8 @@ require('polished');
 var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-2a8358cd.js');
-var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
+var index = require('./index-d44a0a21.js');
+var ComponentWrapper = require('./ComponentWrapper-7302fe1a.js');
 var Title = require('./Title-39765ee6.js');
 var Flex = require('./Flex-699639d2.js');
 var hotkeys = _interopDefault(require('hotkeys-js'));

package/dist/cjs/{DropDown-0359da33.js → DropDown-c46d8b0c.js}

@@ -10,7 +10,8 @@ var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 var vueTypes = require('./vueTypes-6de9d2a9.js');
-var index = require('./index-2a8358cd.js');
+var index = require('./index-d44a0a21.js');
+var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 var CancelSvg = require('./CancelSvg-82021d23.js');
 var Input = require('./Input-c6f181d5.js');
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
@@ -126,7 +127,8 @@ var Dropdown = {
               isOpen = _ref.isOpen,
               highlightedIndex = _ref.highlightedIndex,
               getButtonProps = _ref.getButtonProps,
-              getItemEvents = _ref.getItemEvents;
+              getItemEvents = _ref.getItemEvents,
+              getInputEvents = _ref.getInputEvents;
           return h("div", {
             "class": Input.suggestionsContainer
           }, [h(Select, {
@@ -151,7 +153,13 @@ var Dropdown = {
             getItemEvents: getItemEvents
           }) : isOpen && itemsToRender.length ? h("ul", {
             "class": Input.suggestions(themePreset, _this.theme) + " " + (_this.$props.small ? 'small' : '') + " " + getClassName(_this.$props.innerClass, 'list')
-          }, [_this.$props.showSearch ? _this.renderSearchbox() : null, !hasCustomRenderer && filteredItemsToRender.length === 0 ? _this.renderNoResult() : filteredItemsToRender.map(function (item, index) {
+          }, [_this.$props.showSearch ? _this.renderSearchbox({
+            on: {
+              input: getInputEvents({
+                onInput: _this.handleInputChange
+              }).input
+            }
+          }) : null, !hasCustomRenderer && filteredItemsToRender.length === 0 ? _this.renderNoResult() : filteredItemsToRender.map(function (item, index) {
             var selected = _this.$props.multi // MultiDropdownList
             && (selectedItem && !!selectedItem[item[keyField]] // MultiDropdownRange
             || Array.isArray(selectedItem) && selectedItem.find(function (value) {
@@ -272,7 +280,7 @@ var Dropdown = {
         "class": getClassName(this.$props.innerClass, 'noResults') || null
       }, [index.isFunction(renderNoResults) ? renderNoResults() : renderNoResults]);
     },
-    renderSearchbox: function renderSearchbox() {
+    renderSearchbox: function renderSearchbox(eventObject) {
       var h = this.$createElement;
       var _this$$props2 = this.$props,
           componentId = _this$$props2.componentId,
@@ -280,7 +288,7 @@ var Dropdown = {
           showClear = _this$$props2.showClear,
           themePreset = _this$$props2.themePreset,
           innerClass = _this$$props2.innerClass;
-      var InputComponent = h(Input.Input, {
+      var InputComponent = h(Input.Input, _mergeJSXProps([{
         "attrs": {
           "id": componentId + "-input",
           "showIcon": false,
@@ -293,11 +301,8 @@ var Dropdown = {
           border: 0,
           borderBottom: '1px solid #ddd'
         },
-        "class": getClassName(innerClass, 'input'),
-        "on": {
-          "change": this.handleInputChange
-        }
-      });
+        "class": getClassName(innerClass, 'input')
+      }, eventObject]));
 
       if (showClear) {
         return h(CancelSvg.InputWrapper, [InputComponent, this.searchTerm && h(CancelSvg.IconGroup, {

package/dist/cjs/DynamicRangeSlider.js

@@ -12,7 +12,7 @@ var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('@appbaseio/vue-emotion');
 var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('redux');
-var index = require('./index-2a8358cd.js');
+var index = require('./index-d44a0a21.js');
 var Title = require('./Title-39765ee6.js');
 var Container = require('./Container-8a08d663.js');
 var NoSSR = _interopDefault(require('vue-no-ssr'));
@@ -54,7 +54,8 @@ var DynamicRangeSlider = {
     URLParams: VueTypes.bool.def(false),
     sliderOptions: VueTypes.object.def({}),
     nestedField: vueTypes.types.string,
-    index: VueTypes.string
+    index: VueTypes.string,
+    value: vueTypes.types.range
   },
   data: function data() {
     this.internalRangeComponent = this.$props.componentId + "__range__internal";
@@ -100,6 +101,8 @@ var DynamicRangeSlider = {
       components = _this$$$store$getStat.components;
     }
 
+    var value = this.$props.value;
+
     if (this.destroyOnUnmount || components.indexOf(this.componentId) === -1) {
       this.addComponent(this.componentId);
       this.addComponent(this.internalRangeComponent);
@@ -108,6 +111,8 @@ var DynamicRangeSlider = {
         this.handleChange(this.selectedValue);
       } else if (this.selectedValue) {
         this.handleChange(DynamicRangeSlider.parseValue(this.selectedValue, this.$props));
+      } else if (value) {
+        this.handleChange(DynamicRangeSlider.parseValue(value, this.$props));
       } // get range before executing other queries
 
 
@@ -126,6 +131,13 @@ var DynamicRangeSlider = {
     }
   },
   methods: {
+    isControlled: function isControlled() {
+      if (this.$props.value && this.$listeners) {
+        return true;
+      }
+
+      return false;
+    },
     setDefaultValue: function setDefaultValue(_ref) {
       var start = _ref.start,
           end = _ref.end;
@@ -136,6 +148,8 @@ var DynamicRangeSlider = {
             defaultEnd = _this$$props$defaultV.end;
 
         this.handleChange([defaultStart, defaultEnd]);
+      } else if (this.isControlled()) {
+        this.handleChange(DynamicRangeSlider.parseValue(this.$props.value), 'change');
       } else {
         this.currentValue = [start, end];
       }
@@ -185,7 +199,16 @@ var DynamicRangeSlider = {
     },
     handleSlider: function handleSlider() {
       var sliderValues = this.$refs.slider.getValue();
-      this.handleChange(sliderValues);
+      var value = this.$props.value;
+
+      if (value === undefined) {
+        this.handleChange(sliderValues);
+      } else {
+        this.$emit('change', {
+          start: sliderValues[0],
+          end: sliderValues[1]
+        });
+      }
     },
     handleChange: function handleChange(currentValue) {
       var _this2 = this;
@@ -278,6 +301,7 @@ var DynamicRangeSlider = {
         start: this.range.start,
         end: this.range.end
       };
+      this.$emit('change', value);
       this.handleChange(DynamicRangeSlider.parseValue(value, this.$props));
     },
     range: function range(newValue, oldValue) {
@@ -299,6 +323,11 @@ var DynamicRangeSlider = {
       if (!index.isQueryIdentical(newVal, oldVal, this.$data.currentValue, this.$props)) {
         this.updateQueryHandler(this.$data.currentValue);
       }
+    },
+    value: function value(newVal, oldVal) {
+      if (!isEqual(newVal, oldVal)) {
+        this.handleChange(DynamicRangeSlider.parseValue(newVal, this.$props));
+      }
     }
   },
   render: function render() {
@@ -372,7 +401,11 @@ DynamicRangeSlider.defaultQuery = function (values, props) {
 };
 
 DynamicRangeSlider.parseValue = function (value) {
-  return [value.start, value.end];
+  if (value) {
+    return Array.isArray(value) ? value : [value.start, value.end];
+  }
+
+  return [];
 };
 
 var mapStateToProps = function mapStateToProps(state, props) {

package/dist/cjs/MultiDropdownList.js

@@ -16,8 +16,9 @@ var Button = require('./Button-d2f1aeda.js');
 var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-2a8358cd.js');
-var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
+var index = require('./index-d44a0a21.js');
+var ComponentWrapper = require('./ComponentWrapper-7302fe1a.js');
+require('@vue/babel-helper-vue-jsx-merge-props');
 var Title = require('./Title-39765ee6.js');
 require('./CancelSvg-82021d23.js');
 require('./Input-c6f181d5.js');
@@ -25,7 +26,7 @@ require('compute-scroll-into-view');
 var Container = require('./Container-8a08d663.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 var utils = require('./utils-23afb20b.js');
-var DropDown = require('./DropDown-0359da33.js');
+var DropDown = require('./DropDown-c46d8b0c.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,
@@ -349,7 +350,7 @@ var MultiDropdownList = {
       }
 
       var performUpdate = function performUpdate() {
-        _this3.currentValue = currentValue;
+        _this3.currentValue = _rollupPluginBabelHelpers._extends({}, currentValue);
 
         _this3.updateQueryHandler(finalValues, props);
 

package/dist/cjs/MultiList.js

@@ -15,8 +15,8 @@ require('polished');
 var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-2a8358cd.js');
-var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
+var index = require('./index-d44a0a21.js');
+var ComponentWrapper = require('./ComponentWrapper-7302fe1a.js');
 var Title = require('./Title-39765ee6.js');
 var Input = require('./Input-c6f181d5.js');
 var Container = require('./Container-8a08d663.js');
@@ -91,13 +91,14 @@ var MultiList = {
   },
   beforeMount: function beforeMount() {
     this.updateQueryHandlerOptions(this.$props);
+    var value = this.selectedValue || this.$props.value || this.$props.defaultValue;
+    this.setValue(value, !this.selectedValue);
+  },
+  mounted: function mounted() {
+    var currentValue = Object.keys(this.$data.currentValue);
 
-    if (this.selectedValue) {
-      this.setValue(this.selectedValue);
-    } else if (this.$props.value) {
-      this.setValue(this.$props.value, true);
-    } else if (this.$props.defaultValue) {
-      this.setValue(this.$props.defaultValue, true);
+    if (this.$props.value !== undefined && !isEqual(this.$props.value, currentValue)) {
+      this.$emit('change', currentValue);
     }
   },
   watch: {
@@ -142,7 +143,11 @@ var MultiList = {
       }
 
       if (!isEqual(selectedValue, newVal)) {
-        this.setValue(newVal || [], true);
+        if (this.value === undefined) {
+          this.setValue(newVal, true);
+        } else {
+          this.$emit('change', newVal);
+        }
       }
     },
     defaultQuery: function defaultQuery(newVal, oldVal) {
@@ -441,7 +446,7 @@ var MultiList = {
       if (value === undefined) {
         this.setValue(currentValue);
       } else {
-        var values = index.parseValueArray(value, currentValue);
+        var values = index.parseValueArray(value || [], currentValue);
         this.$emit('change', values);
       }
     },

package/dist/cjs/MultiRange.js

@@ -15,8 +15,8 @@ require('polished');
 var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-2a8358cd.js');
-var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
+var index = require('./index-d44a0a21.js');
+var ComponentWrapper = require('./ComponentWrapper-7302fe1a.js');
 var Title = require('./Title-39765ee6.js');
 var Container = require('./Container-8a08d663.js');
 var FormControlList = require('./FormControlList-73497794.js');

package/dist/cjs/RangeInput.js

@@ -16,8 +16,8 @@ require('polished');
 var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-2a8358cd.js');
-var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
+var index = require('./index-d44a0a21.js');
+var ComponentWrapper = require('./ComponentWrapper-7302fe1a.js');
 require('./Title-39765ee6.js');
 var Flex = require('./Flex-699639d2.js');
 var Input = require('./Input-c6f181d5.js');
@@ -201,6 +201,10 @@ var RangeInput = {
     if (this.$props.defaultValue && this.$props.defaultValue.start && this.$props.defaultValue.end) {
       this.handleChange(this.$props.defaultValue);
     }
+
+    if (this.isControlled()) {
+      this.handleChange(this.$props.value, 'change');
+    }
   },
   render: function render() {
     var h = arguments[0];

package/dist/cjs/RangeSlider.js

@@ -13,8 +13,8 @@ require('@appbaseio/vue-emotion');
 var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-2a8358cd.js');
-var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
+var index = require('./index-d44a0a21.js');
+var ComponentWrapper = require('./ComponentWrapper-7302fe1a.js');
 var Title = require('./Title-39765ee6.js');
 var Container = require('./Container-8a08d663.js');
 var NoSSR = _interopDefault(require('vue-no-ssr'));

package/dist/cjs/ReactiveBase.js

@@ -14,7 +14,7 @@ var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('redux');
-var index = require('./index-2a8358cd.js');
+var index = require('./index-d44a0a21.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 var analytics = require('@appbaseio/reactivecore/lib/actions/analytics');
 var Appbase = _interopDefault(require('appbase-js'));

package/dist/cjs/ReactiveComponent.js

@@ -12,8 +12,8 @@ var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-2a8358cd.js');
-var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
+var index = require('./index-d44a0a21.js');
+var ComponentWrapper = require('./ComponentWrapper-7302fe1a.js');
 
 var _excluded = ["options"],
     _excluded2 = ["query"],

package/dist/cjs/ReactiveGoogleMap.js

@@ -18,8 +18,8 @@ var vueTypes = require('./vueTypes-6de9d2a9.js');
 var Pagination = require('./Pagination-1b2320a7.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-2a8358cd.js');
-var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
+var index = require('./index-d44a0a21.js');
+var ComponentWrapper = require('./ComponentWrapper-7302fe1a.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 var FormControlList = require('./FormControlList-73497794.js');
 var GmapMapFull = require('gmap-vue');

package/dist/cjs/ReactiveList.js

@@ -19,8 +19,8 @@ var vueTypes = require('./vueTypes-6de9d2a9.js');
 var Pagination = require('./Pagination-1b2320a7.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-2a8358cd.js');
-var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
+var index = require('./index-d44a0a21.js');
+var ComponentWrapper = require('./ComponentWrapper-7302fe1a.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 require('./Title-39765ee6.js');
 var ListItem = require('./ListItem-933c27e4.js');

package/dist/cjs/SelectedFilters.js

@@ -15,7 +15,7 @@ require('polished');
 var Button = require('./Button-d2f1aeda.js');
 var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('redux');
-var index = require('./index-2a8358cd.js');
+var index = require('./index-d44a0a21.js');
 var Title = require('./Title-39765ee6.js');
 var Container = require('./Container-8a08d663.js');
 

package/dist/cjs/SingleDropdownList.js

@@ -16,8 +16,9 @@ var Button = require('./Button-d2f1aeda.js');
 var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-2a8358cd.js');
-var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
+var index = require('./index-d44a0a21.js');
+var ComponentWrapper = require('./ComponentWrapper-7302fe1a.js');
+require('@vue/babel-helper-vue-jsx-merge-props');
 var Title = require('./Title-39765ee6.js');
 require('./CancelSvg-82021d23.js');
 require('./Input-c6f181d5.js');
@@ -25,7 +26,7 @@ require('compute-scroll-into-view');
 var Container = require('./Container-8a08d663.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 var utils = require('./utils-23afb20b.js');
-var DropDown = require('./DropDown-0359da33.js');
+var DropDown = require('./DropDown-c46d8b0c.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,

package/dist/cjs/SingleList.js

@@ -15,8 +15,8 @@ require('polished');
 var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-2a8358cd.js');
-var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
+var index = require('./index-d44a0a21.js');
+var ComponentWrapper = require('./ComponentWrapper-7302fe1a.js');
 var Title = require('./Title-39765ee6.js');
 var Input = require('./Input-c6f181d5.js');
 var Container = require('./Container-8a08d663.js');

package/dist/cjs/SingleRange.js

@@ -15,8 +15,8 @@ require('polished');
 var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-2a8358cd.js');
-var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
+var index = require('./index-d44a0a21.js');
+var ComponentWrapper = require('./ComponentWrapper-7302fe1a.js');
 var Title = require('./Title-39765ee6.js');
 var Container = require('./Container-8a08d663.js');
 var FormControlList = require('./FormControlList-73497794.js');

package/dist/cjs/StateProvider.js

@@ -10,7 +10,7 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/reactivecore/lib/utils/constants');
 require('redux');
-var index = require('./index-2a8358cd.js');
+var index = require('./index-d44a0a21.js');
 
 var getSearchState = configureStore.helper.getSearchState;
 var defaultKeys = ['hits', 'value', 'aggregations', 'error'];

package/dist/cjs/ToggleButton.js

@@ -16,8 +16,8 @@ var Button = require('./Button-d2f1aeda.js');
 var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-2a8358cd.js');
-var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
+var index = require('./index-d44a0a21.js');
+var ComponentWrapper = require('./ComponentWrapper-7302fe1a.js');
 var Title = require('./Title-39765ee6.js');
 var Container = require('./Container-8a08d663.js');
 

package/dist/cjs/{index-2a8358cd.js → index-d44a0a21.js}

@@ -160,10 +160,16 @@ var isFunction = function isFunction(element) {
 }; // parses current array (i.e. this.$props.value) for `onChange` callback for multi-* components
 
 function parseValueArray(objectValues, currentValue) {
-  var keys = Object.keys(objectValues);
-  var selectedValues = keys.map(function (key) {
-    return objectValues[key] ? key : null;
-  });
+  var selectedValues;
+
+  if (Array.isArray(objectValues)) {
+    selectedValues = [].concat(objectValues);
+  } else {
+    var keys = Object.keys(objectValues);
+    selectedValues = keys.map(function (key) {
+      return objectValues[key] ? key : null;
+    });
+  }
 
   if (selectedValues.includes(currentValue)) {
     return selectedValues.filter(function (item) {

package/dist/cjs/index.js

@@ -16,8 +16,8 @@ require('./Pagination-1b2320a7.js');
 var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-require('./index-2a8358cd.js');
-require('./ComponentWrapper-ab813390.js');
+require('./index-d44a0a21.js');
+require('./ComponentWrapper-7302fe1a.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
 require('./Title-39765ee6.js');
 require('./ListItem-933c27e4.js');
@@ -39,7 +39,7 @@ require('./FormControlList-73497794.js');
 require('./utils-23afb20b.js');
 var SingleList = require('./SingleList.js');
 var MultiList = require('./MultiList.js');
-require('./DropDown-0359da33.js');
+require('./DropDown-c46d8b0c.js');
 var SingleDropdownList = require('./SingleDropdownList.js');
 var MultiDropdownList = require('./MultiDropdownList.js');
 var ToggleButton = require('./ToggleButton.js');

package/dist/cjs/install.js

@@ -16,8 +16,8 @@ require('./Pagination-1b2320a7.js');
 var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-require('./index-2a8358cd.js');
-require('./ComponentWrapper-ab813390.js');
+require('./index-d44a0a21.js');
+require('./ComponentWrapper-7302fe1a.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
 require('./Title-39765ee6.js');
 require('./ListItem-933c27e4.js');
@@ -39,7 +39,7 @@ require('./FormControlList-73497794.js');
 require('./utils-23afb20b.js');
 var SingleList = require('./SingleList.js');
 var MultiList = require('./MultiList.js');
-require('./DropDown-0359da33.js');
+require('./DropDown-c46d8b0c.js');
 var SingleDropdownList = require('./SingleDropdownList.js');
 var MultiDropdownList = require('./MultiDropdownList.js');
 var ToggleButton = require('./ToggleButton.js');

package/dist/cjs/version.js

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

package/dist/es/{ComponentWrapper-459505fd.js → ComponentWrapper-bbb717bc.js}

@@ -3,7 +3,7 @@ import { a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { getInternalComponentID } from '@appbaseio/reactivecore/lib/utils/transform';
-import { c as connect, b as getCamelCase, d as getValidPropsKeys } from './index-4755c9a0.js';
+import { c as connect, b as getCamelCase, d as getValidPropsKeys } from './index-5daa8276.js';
 
 var addComponent = Actions.addComponent,
     removeComponent = Actions.removeComponent,

package/dist/es/DataSearch.js

@@ -9,8 +9,8 @@ import 'polished';
 import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { g as getComponent, h as hasCustomRenderer, f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, j as getQuerySuggestionsComponent, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, m as hasQuerySuggestionsRenderer, c as connect } from './index-4755c9a0.js';
-import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
+import { g as getComponent, h as hasCustomRenderer, f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, j as getQuerySuggestionsComponent, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, m as hasQuerySuggestionsRenderer, c as connect } from './index-5daa8276.js';
+import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
 import { T as Title } from './Title-579f8d6c.js';
 import { F as Flex } from './Flex-aac91505.js';
 import hotkeys from 'hotkeys-js';

package/dist/es/{DropDown-168b60f6.js → DropDown-4edaa621.js}

@@ -4,7 +4,8 @@ import VueTypes from 'vue-types';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-9326e0be.js';
-import { a as isFunction } from './index-4755c9a0.js';
+import { a as isFunction } from './index-5daa8276.js';
+import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { D as Downshift, b as InputWrapper, a as IconGroup, I as IconWrapper, C as CancelSvg } from './CancelSvg-4d9e0857.js';
 import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-d8519224.js';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
@@ -120,7 +121,8 @@ var Dropdown = {
               isOpen = _ref.isOpen,
               highlightedIndex = _ref.highlightedIndex,
               getButtonProps = _ref.getButtonProps,
-              getItemEvents = _ref.getItemEvents;
+              getItemEvents = _ref.getItemEvents,
+              getInputEvents = _ref.getInputEvents;
           return h("div", {
             "class": suggestionsContainer
           }, [h(Select, {
@@ -145,7 +147,13 @@ var Dropdown = {
             getItemEvents: getItemEvents
           }) : isOpen && itemsToRender.length ? h("ul", {
             "class": suggestions(themePreset, _this.theme) + " " + (_this.$props.small ? 'small' : '') + " " + getClassName(_this.$props.innerClass, 'list')
-          }, [_this.$props.showSearch ? _this.renderSearchbox() : null, !hasCustomRenderer && filteredItemsToRender.length === 0 ? _this.renderNoResult() : filteredItemsToRender.map(function (item, index) {
+          }, [_this.$props.showSearch ? _this.renderSearchbox({
+            on: {
+              input: getInputEvents({
+                onInput: _this.handleInputChange
+              }).input
+            }
+          }) : null, !hasCustomRenderer && filteredItemsToRender.length === 0 ? _this.renderNoResult() : filteredItemsToRender.map(function (item, index) {
             var selected = _this.$props.multi // MultiDropdownList
             && (selectedItem && !!selectedItem[item[keyField]] // MultiDropdownRange
             || Array.isArray(selectedItem) && selectedItem.find(function (value) {
@@ -266,7 +274,7 @@ var Dropdown = {
         "class": getClassName(this.$props.innerClass, 'noResults') || null
       }, [isFunction(renderNoResults) ? renderNoResults() : renderNoResults]);
     },
-    renderSearchbox: function renderSearchbox() {
+    renderSearchbox: function renderSearchbox(eventObject) {
       var h = this.$createElement;
       var _this$$props2 = this.$props,
           componentId = _this$$props2.componentId,
@@ -274,7 +282,7 @@ var Dropdown = {
           showClear = _this$$props2.showClear,
           themePreset = _this$$props2.themePreset,
           innerClass = _this$$props2.innerClass;
-      var InputComponent = h(Input, {
+      var InputComponent = h(Input, _mergeJSXProps([{
         "attrs": {
           "id": componentId + "-input",
           "showIcon": false,
@@ -287,11 +295,8 @@ var Dropdown = {
           border: 0,
           borderBottom: '1px solid #ddd'
         },
-        "class": getClassName(innerClass, 'input'),
-        "on": {
-          "change": this.handleInputChange
-        }
-      });
+        "class": getClassName(innerClass, 'input')
+      }, eventObject]));
 
       if (showClear) {
         return h(InputWrapper, [InputComponent, this.searchTerm && h(IconGroup, {