@appbaseio/reactivesearch-vue 1.16.0-alpha.3 → 1.16.0-alpha.32

package/dist/es/ReactiveComponent.js

@@ -1,13 +1,17 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-c9fbe19f.js';
+import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import { t as types } from './vueTypes-98d938a9.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, c as connect } from './index-1fe91a0a.js';
-import { C as ComponentWrapper } from './ComponentWrapper-d0b21b95.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"],
+    _excluded3 = ["query"],
+    _excluded4 = ["query"];
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,
     setCustomQuery = Actions.setCustomQuery,
@@ -31,7 +35,8 @@ var ReactiveComponent = {
     showFilter: VueTypes.bool.def(true),
     URLParams: VueTypes.bool.def(false),
     distinctField: types.string,
-    distinctFieldConfig: types.props
+    distinctFieldConfig: types.props,
+    index: VueTypes.string
   },
   created: function created() {
     var _this = this;
@@ -40,25 +45,30 @@ var ReactiveComponent = {
     this.internalComponent = null;
     this.$defaultQuery = null; // Set custom query in store
 
-    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, undefined);
+    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.selectedValue);
     var customQuery = props.customQuery,
         componentId = props.componentId,
         filterLabel = props.filterLabel,
         showFilter = props.showFilter,
         URLParams = props.URLParams,
         distinctField = props.distinctField,
-        distinctFieldConfig = props.distinctFieldConfig;
+        distinctFieldConfig = props.distinctFieldConfig,
+        index = props.index;
 
-    if (this.config.enableAppbase && this.aggregationField && this.aggregationField !== '') {
+    if (this.enableAppbase && this.aggregationField && this.aggregationField !== '') {
       console.warn('Warning(ReactiveSearch): The `aggregationField` prop has been marked as deprecated, please use the `distinctField` prop instead.');
     }
 
-    if (!this.config.enableAppbase && (distinctField || distinctFieldConfig)) {
+    if (!this.enableAppbase && (distinctField || distinctFieldConfig)) {
       console.warn('Warning(ReactiveSearch): In order to use the `distinctField` and `distinctFieldConfig` props, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
     }
 
+    if (!this.enableAppbase && index) {
+      console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
+    }
+
     if (customQuery) {
-      var calcCustomQuery = customQuery(props);
+      var calcCustomQuery = customQuery(this.selectedValue, props);
 
       var _ref = calcCustomQuery || {},
           query = _ref.query;
@@ -66,12 +76,18 @@ var ReactiveComponent = {
       var customQueryOptions = calcCustomQuery ? getOptionsFromQuery(calcCustomQuery) : null;
 
       if (customQueryOptions) {
-        this.setQueryOptions(componentId, _extends(_extends({}, customQueryOptions), this.getAggsQuery()), false);
+        this.setQueryOptions(componentId, _extends({}, customQueryOptions, this.getAggsQuery()), false);
       } else this.setQueryOptions(componentId, this.getAggsQuery(), false);
 
+      var queryToSet = query || null;
+
+      if (calcCustomQuery && calcCustomQuery.id) {
+        queryToSet = calcCustomQuery;
+      }
+
       this.updateQuery({
         componentId: componentId,
-        query: query,
+        query: queryToSet,
         value: this.selectedValue || null,
         label: filterLabel,
         showFilter: showFilter,
@@ -81,10 +97,16 @@ var ReactiveComponent = {
 
     this.setQuery = function (_ref2) {
       var options = _ref2.options,
-          obj = _objectWithoutPropertiesLoose(_ref2, ["options"]);
+          obj = _objectWithoutPropertiesLoose(_ref2, _excluded);
 
       if (options) {
-        _this.setQueryOptions(props.componentId, _extends(_extends({}, options), _this.getAggsQuery()), false);
+        _this.setQueryOptions(props.componentId, _extends({}, options, _this.getAggsQuery()), false);
+      }
+
+      var queryToBeSet = obj.query; // when enableAppbase is true, Backend throws error because of repeated query in request body
+
+      if (obj && obj.query && obj.query.query) {
+        queryToBeSet = obj.query.query;
       } // Update customQuery field for RS API
 
 
@@ -92,13 +114,17 @@ var ReactiveComponent = {
         var customQueryCalc = _extends({}, options);
 
         if (obj && obj.query) {
-          customQueryCalc.query = obj.query;
+          if (obj.query.id) {
+            customQueryCalc = queryToBeSet;
+          } else {
+            customQueryCalc.query = obj.query;
+          }
         }
 
         _this.setCustomQuery(props.componentId, customQueryCalc);
       }
 
-      _this.updateQuery(_extends(_extends({}, obj), {}, {
+      _this.updateQuery(_extends({}, obj, {
         componentId: props.componentId,
         label: props.filterLabel,
         showFilter: props.showFilter,
@@ -112,20 +138,26 @@ var ReactiveComponent = {
   },
   beforeMount: function beforeMount() {
     if (this.internalComponent && this.$props.defaultQuery) {
-      updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, undefined);
-      this.$defaultQuery = this.$props.defaultQuery();
+      updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.selectedValue);
+      this.$defaultQuery = this.$props.defaultQuery(this.selectedValue, this.$props);
 
       var _ref3 = this.$defaultQuery || {},
           query = _ref3.query,
-          queryOptions = _objectWithoutPropertiesLoose(_ref3, ["query"]);
+          queryOptions = _objectWithoutPropertiesLoose(_ref3, _excluded2);
 
       if (queryOptions) {
-        this.setQueryOptions(this.internalComponent, _extends(_extends({}, queryOptions), this.getAggsQuery()), false);
+        this.setQueryOptions(this.internalComponent, _extends({}, queryOptions, this.getAggsQuery()), false);
       } else this.setQueryOptions(this.internalComponent, this.getAggsQuery(), false);
 
+      var queryToSet = query || null;
+
+      if (!queryToSet && this.$defaultQuery && this.$defaultQuery.id) {
+        queryToSet = this.$defaultQuery;
+      }
+
       this.updateQuery({
         componentId: this.internalComponent,
-        query: query || null
+        query: queryToSet
       });
     }
   },
@@ -171,43 +203,55 @@ var ReactiveComponent = {
       }
     },
     defaultQuery: function defaultQuery(newVal, oldVal) {
-      if (newVal && !isQueryIdentical(newVal, oldVal, undefined, this.$props)) {
-        this.$defaultQuery = newVal();
+      if (newVal && !isQueryIdentical(newVal, oldVal, this.selectedValue, this.$props)) {
+        this.$defaultQuery = newVal(this.selectedValue, this.$props);
 
         var _ref4 = this.$defaultQuery || {},
             query = _ref4.query,
-            queryOptions = _objectWithoutPropertiesLoose(_ref4, ["query"]);
+            queryOptions = _objectWithoutPropertiesLoose(_ref4, _excluded3);
 
         if (queryOptions) {
-          this.setQueryOptions(this.internalComponent, _extends(_extends({}, queryOptions), this.getAggsQuery()), false);
+          this.setQueryOptions(this.internalComponent, _extends({}, queryOptions, this.getAggsQuery()), false);
         } else this.setQueryOptions(this.internalComponent, this.getAggsQuery(), false); // Update default query for RS API
 
 
-        updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, undefined);
+        updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.selectedValue);
+        var queryToSet = query || null;
+
+        if (!queryToSet && this.$defaultQuery && this.$defaultQuery.id) {
+          queryToSet = this.$defaultQuery;
+        }
+
         this.updateQuery({
           componentId: this.internalComponent,
-          query: query || null
+          query: queryToSet
         });
       }
     },
     customQuery: function customQuery(newVal, oldVal) {
-      if (newVal && !isQueryIdentical(newVal, oldVal, undefined, this.$props)) {
+      if (newVal && !isQueryIdentical(newVal, oldVal, this.selectedValue, this.$props)) {
         var componentId = this.$props.componentId;
-        this.$customQuery = newVal(this.$props);
+        this.$customQuery = newVal(this.selectedValue, this.$props);
 
         var _ref5 = this.$customQuery || {},
             query = _ref5.query,
-            queryOptions = _objectWithoutPropertiesLoose(_ref5, ["query"]);
+            queryOptions = _objectWithoutPropertiesLoose(_ref5, _excluded4);
 
         if (queryOptions) {
-          this.setQueryOptions(componentId, _extends(_extends({}, queryOptions), this.getAggsQuery()), false);
+          this.setQueryOptions(componentId, _extends({}, queryOptions, this.getAggsQuery()), false);
         } else this.setQueryOptions(componentId, this.getAggsQuery(), false); // Update custom query for RS API
 
 
-        updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, undefined);
+        updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.selectedValue);
+        var queryToSet = query || null;
+
+        if (this.$customQuery && this.$customQuery.id) {
+          queryToSet = this.$customQuery;
+        }
+
         this.updateQuery({
           componentId: componentId,
-          query: query || null
+          query: queryToSet
         });
       }
     }
@@ -221,10 +265,10 @@ var ReactiveComponent = {
           isLoading = this.isLoading,
           selectedValue = this.selectedValue;
 
-      var propsToBePassed = _extends(_extends({
+      var propsToBePassed = _extends({
         error: error,
         loading: isLoading
-      }, this.getData()), {}, {
+      }, this.getData(), {
         value: selectedValue,
         setQuery: this.setQuery
       });
@@ -301,7 +345,7 @@ var mapStateToProps = function mapStateToProps(state, props) {
     total: state.hits[props.componentId] && state.hits[props.componentId].total,
     hidden: state.hits[props.componentId] && state.hits[props.componentId].hidden,
     componentProps: state.props[props.componentId],
-    config: state.config
+    enableAppbase: state.config.enableAppbase
   };
 };