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

package/dist/es/DynamicRangeSlider.js

@@ -5,7 +5,7 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-9326e0be.js';
 import 'redux';
-import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';
+import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-5daa8276.js';
 import { T as Title } from './Title-579f8d6c.js';
 import { C as Container } from './Container-4383c6f0.js';
 import NoSSR from 'vue-no-ssr';
@@ -47,7 +47,8 @@ var DynamicRangeSlider = {
     URLParams: VueTypes.bool.def(false),
     sliderOptions: VueTypes.object.def({}),
     nestedField: types.string,
-    index: VueTypes.string
+    index: VueTypes.string,
+    value: types.range
   },
   data: function data() {
     this.internalRangeComponent = this.$props.componentId + "__range__internal";
@@ -93,6 +94,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);
@@ -101,6 +104,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
 
 
@@ -119,6 +124,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;
@@ -129,6 +141,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];
       }
@@ -178,7 +192,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;
@@ -271,6 +294,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) {
@@ -292,6 +316,11 @@ var DynamicRangeSlider = {
       if (!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() {
@@ -365,7 +394,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/es/MultiDropdownList.js

@@ -9,8 +9,9 @@ import { l as loadMoreContainer, B as Button } from './Button-799185e2.js';
 import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-4755c9a0.js';
-import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-5daa8276.js';
+import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
+import '@vue/babel-helper-vue-jsx-merge-props';
 import { T as Title } from './Title-579f8d6c.js';
 import './CancelSvg-4d9e0857.js';
 import './Input-d8519224.js';
@@ -18,7 +19,7 @@ import 'compute-scroll-into-view';
 import { C as Container } from './Container-4383c6f0.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import { g as getAggsQuery } from './utils-3a32e13f.js';
-import { D as Dropdown } from './DropDown-168b60f6.js';
+import { D as Dropdown } from './DropDown-4edaa621.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,
@@ -342,7 +343,7 @@ var MultiDropdownList = {
       }
 
       var performUpdate = function performUpdate() {
-        _this3.currentValue = currentValue;
+        _this3.currentValue = _extends({}, currentValue);
 
         _this3.updateQueryHandler(finalValues, props);
 

package/dist/es/MultiList.js

@@ -8,8 +8,8 @@ import 'polished';
 import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, n as isEvent, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-4755c9a0.js';
-import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, n as isEvent, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-5daa8276.js';
+import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
 import { T as Title } from './Title-579f8d6c.js';
 import { I as Input } from './Input-d8519224.js';
 import { C as Container } from './Container-4383c6f0.js';
@@ -84,13 +84,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: {
@@ -135,7 +136,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) {
@@ -434,7 +439,7 @@ var MultiList = {
       if (value === undefined) {
         this.setValue(currentValue);
       } else {
-        var values = parseValueArray(value, currentValue);
+        var values = parseValueArray(value || [], currentValue);
         this.$emit('change', values);
       }
     },

package/dist/es/MultiRange.js

@@ -8,8 +8,8 @@ import 'polished';
 import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { o as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';
-import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
+import { o as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-5daa8276.js';
+import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
 import { T as Title } from './Title-579f8d6c.js';
 import { C as Container } from './Container-4383c6f0.js';
 import { U as UL, C as Checkbox } from './FormControlList-fe389a2e.js';

package/dist/es/RangeInput.js

@@ -8,8 +8,8 @@ import 'polished';
 import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect } from './index-4755c9a0.js';
-import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
+import { c as connect } from './index-5daa8276.js';
+import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
 import './Title-579f8d6c.js';
 import { F as Flex } from './Flex-aac91505.js';
 import { I as Input } from './Input-d8519224.js';
@@ -193,6 +193,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/es/RangeSlider.js

@@ -6,8 +6,8 @@ import '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';
-import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
+import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-5daa8276.js';
+import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
 import { T as Title } from './Title-579f8d6c.js';
 import { C as Container } from './Container-4383c6f0.js';
 import NoSSR from 'vue-no-ssr';

package/dist/es/ReactiveBase.js

@@ -6,7 +6,7 @@ import { isEqual as isEqual$1 } from '@appbaseio/reactivecore/lib/utils/helper';
 import styled from '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-9326e0be.js';
 import 'redux';
-import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-4755c9a0.js';
+import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-5daa8276.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { updateAnalyticsConfig } from '@appbaseio/reactivecore/lib/actions/analytics';
 import Appbase from 'appbase-js';

package/dist/es/ReactiveComponent.js

@@ -5,8 +5,8 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';
-import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-5daa8276.js';
+import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
 
 var _excluded = ["options"],
     _excluded2 = ["query"],

package/dist/es/ReactiveGoogleMap.js

@@ -10,8 +10,8 @@ import { t as types } from './vueTypes-9326e0be.js';
 import { P as Pagination } from './Pagination-b3e4054a.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, a as isFunction, c as connect } from './index-4755c9a0.js';
-import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
+import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, a as isFunction, c as connect } from './index-5daa8276.js';
+import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { C as Checkbox } from './FormControlList-fe389a2e.js';
 import * as GmapMapFull from 'gmap-vue';

package/dist/es/ReactiveList.js

@@ -11,8 +11,8 @@ import { t as types } from './vueTypes-9326e0be.js';
 import { P as Pagination } from './Pagination-b3e4054a.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-4755c9a0.js';
-import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
+import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-5daa8276.js';
+import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import './Title-579f8d6c.js';
 import { c as container } from './ListItem-bdb6d53d.js';

package/dist/es/SelectedFilters.js

@@ -8,7 +8,7 @@ import 'polished';
 import { f as filters, B as Button } from './Button-799185e2.js';
 import { t as types } from './vueTypes-9326e0be.js';
 import 'redux';
-import { c as connect } from './index-4755c9a0.js';
+import { c as connect } from './index-5daa8276.js';
 import { T as Title } from './Title-579f8d6c.js';
 import { C as Container } from './Container-4383c6f0.js';
 

package/dist/es/SingleDropdownList.js

@@ -9,8 +9,9 @@ import { l as loadMoreContainer, B as Button } from './Button-799185e2.js';
 import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, h as hasCustomRenderer, c as connect } from './index-4755c9a0.js';
-import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, h as hasCustomRenderer, c as connect } from './index-5daa8276.js';
+import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
+import '@vue/babel-helper-vue-jsx-merge-props';
 import { T as Title } from './Title-579f8d6c.js';
 import './CancelSvg-4d9e0857.js';
 import './Input-d8519224.js';
@@ -18,7 +19,7 @@ import 'compute-scroll-into-view';
 import { C as Container } from './Container-4383c6f0.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import { g as getAggsQuery } from './utils-3a32e13f.js';
-import { D as Dropdown } from './DropDown-168b60f6.js';
+import { D as Dropdown } from './DropDown-4edaa621.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,

package/dist/es/SingleList.js

@@ -8,8 +8,8 @@ import 'polished';
 import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, n as isEvent, h as hasCustomRenderer, c as connect } from './index-4755c9a0.js';
-import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, n as isEvent, h as hasCustomRenderer, c as connect } from './index-5daa8276.js';
+import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
 import { T as Title } from './Title-579f8d6c.js';
 import { I as Input } from './Input-d8519224.js';
 import { C as Container } from './Container-4383c6f0.js';

package/dist/es/SingleRange.js

@@ -8,8 +8,8 @@ import 'polished';
 import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';
-import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
+import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-5daa8276.js';
+import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
 import { T as Title } from './Title-579f8d6c.js';
 import { C as Container } from './Container-4383c6f0.js';
 import { U as UL, R as Radio } from './FormControlList-fe389a2e.js';

package/dist/es/StateProvider.js

@@ -3,7 +3,7 @@ import { a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 import VueTypes from 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/constants';
 import 'redux';
-import { c as connect } from './index-4755c9a0.js';
+import { c as connect } from './index-5daa8276.js';
 
 var getSearchState = helper.getSearchState;
 var defaultKeys = ['hits', 'value', 'aggregations', 'error'];

package/dist/es/ToggleButton.js

@@ -9,8 +9,8 @@ import { B as Button, t as toggleButtons } from './Button-799185e2.js';
 import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';
-import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
+import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-5daa8276.js';
+import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
 import { T as Title } from './Title-579f8d6c.js';
 import { C as Container } from './Container-4383c6f0.js';
 

package/dist/es/{index-4755c9a0.js → index-5daa8276.js}

@@ -155,10 +155,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/es/index.js

@@ -12,8 +12,8 @@ import './Pagination-b3e4054a.js';
 export { default as ReactiveList } from './ReactiveList.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import './index-4755c9a0.js';
-import './ComponentWrapper-459505fd.js';
+import './index-5daa8276.js';
+import './ComponentWrapper-bbb717bc.js';
 import '@vue/babel-helper-vue-jsx-merge-props';
 import './Title-579f8d6c.js';
 import './ListItem-bdb6d53d.js';
@@ -35,7 +35,7 @@ import './FormControlList-fe389a2e.js';
 import './utils-3a32e13f.js';
 export { default as SingleList } from './SingleList.js';
 export { default as MultiList } from './MultiList.js';
-import './DropDown-168b60f6.js';
+import './DropDown-4edaa621.js';
 export { default as SingleDropdownList } from './SingleDropdownList.js';
 export { default as MultiDropdownList } from './MultiDropdownList.js';
 export { default as ToggleButton } from './ToggleButton.js';

package/dist/es/install.js

@@ -12,8 +12,8 @@ import './Pagination-b3e4054a.js';
 import ReactiveList from './ReactiveList.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import './index-4755c9a0.js';
-import './ComponentWrapper-459505fd.js';
+import './index-5daa8276.js';
+import './ComponentWrapper-bbb717bc.js';
 import '@vue/babel-helper-vue-jsx-merge-props';
 import './Title-579f8d6c.js';
 import './ListItem-bdb6d53d.js';
@@ -35,7 +35,7 @@ import './FormControlList-fe389a2e.js';
 import './utils-3a32e13f.js';
 import SingleList from './SingleList.js';
 import MultiList from './MultiList.js';
-import './DropDown-168b60f6.js';
+import './DropDown-4edaa621.js';
 import SingleDropdownList from './SingleDropdownList.js';
 import MultiDropdownList from './MultiDropdownList.js';
 import ToggleButton from './ToggleButton.js';

package/dist/es/version.js

@@ -1,3 +1,3 @@
-var version = "1.16.0-alpha.30";
+var version = "1.16.0-alpha.31";
 
 export default version;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@appbaseio/reactivesearch-vue",
-	"version": "1.16.0-alpha.30",
+	"version": "1.16.0-alpha.31",
 	"private": false,
 	"main": "dist/cjs/index.js",
 	"jsnext:main": "dist/es/index.js",