@appbaseio/reactivesearch-vue 1.16.0-alpha.36 → 1.16.0-alpha.39

package/dist/es/DataSearch.js

@@ -873,7 +873,8 @@ var updateQuery = Actions.updateQuery,
 var debounce = helper.debounce,
     checkValueChange = helper.checkValueChange,
     getClassName$1 = helper.getClassName,
-    getOptionsFromQuery = helper.getOptionsFromQuery,
+    extractQueryFromCustomQuery = helper.extractQueryFromCustomQuery,
+    getOptionsForCustomQuery = helper.getOptionsForCustomQuery,
     isEqual = helper.isEqual,
     getCompositeAggsQuery = helper.getCompositeAggsQuery,
     withClickIds = helper.withClickIds,
@@ -1331,12 +1332,13 @@ var DataSearch = {
 
       if (this.defaultQuery) {
         var defaultQueryToBeSet = this.defaultQuery(value, props) || {};
+        var defaultQueryObj = extractQueryFromCustomQuery(defaultQueryToBeSet);
 
-        if (defaultQueryToBeSet.query) {
-          query = defaultQueryToBeSet.query;
+        if (defaultQueryObj) {
+          query = defaultQueryObj;
         }
 
-        defaultQueryOptions = getOptionsFromQuery(defaultQueryToBeSet); // Update calculated default query in store
+        defaultQueryOptions = getOptionsForCustomQuery(defaultQueryToBeSet); // Update calculated default query in store
 
         updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
       }
@@ -1360,13 +1362,13 @@ var DataSearch = {
 
       if (customQuery) {
         var customQueryTobeSet = customQuery(value, props);
-        var queryTobeSet = customQueryTobeSet.query;
+        var queryTobeSet = extractQueryFromCustomQuery(customQueryTobeSet);
 
         if (queryTobeSet) {
           query = queryTobeSet;
         }
 
-        customQueryOptions = getOptionsFromQuery(customQueryTobeSet);
+        customQueryOptions = getOptionsForCustomQuery(customQueryTobeSet);
         updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
         this.setQueryOptions(componentId, _extends({}, this.queryOptions, customQueryOptions), false);
       }
@@ -2055,6 +2057,10 @@ DataSearch.highlightQuery = function (props) {
   };
 };
 
+DataSearch.hasInternalComponent = function () {
+  return true;
+};
+
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
@@ -2092,7 +2098,7 @@ var mapDispatchToProps = {
 };
 var DSConnected = ComponentWrapper(connect(mapStateToProps, mapDispatchToProps)(DataSearch), {
   componentType: componentTypes.dataSearch,
-  internalComponent: true
+  internalComponent: DataSearch.hasInternalComponent()
 });
 
 DataSearch.install = function (Vue) {

package/dist/es/DynamicRangeSlider.js

@@ -22,9 +22,10 @@ var addComponent = Actions.addComponent,
     updateComponentProps = Actions.updateComponentProps;
 var checkValueChange = helper.checkValueChange,
     getClassName = helper.getClassName,
-    getOptionsFromQuery = helper.getOptionsFromQuery,
     isEqual = helper.isEqual,
-    checkSomePropChange = helper.checkSomePropChange;
+    checkSomePropChange = helper.checkSomePropChange,
+    extractQueryFromCustomQuery = helper.extractQueryFromCustomQuery,
+    getOptionsForCustomQuery = helper.getOptionsForCustomQuery;
 var DynamicRangeSlider = {
   name: 'DynamicRangeSlider',
   components: getComponents(),
@@ -235,19 +236,23 @@ var DynamicRangeSlider = {
       var customQueryOptions;
 
       if (this.$props.customQuery) {
-        var _ref2 = this.$props.customQuery(value, this.$props) || {};
+        var customQueryTobeSet = this.$props.customQuery(value, this.$props);
+        var queryTobeSet = extractQueryFromCustomQuery(customQueryTobeSet);
 
-        query = _ref2.query;
-        customQueryOptions = getOptionsFromQuery(this.$props.customQuery(value, this.$props));
+        if (queryTobeSet) {
+          query = queryTobeSet;
+        }
+
+        customQueryOptions = getOptionsForCustomQuery(customQueryTobeSet);
         updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, value);
       }
 
-      var _ref3 = this.range || {
+      var _ref2 = this.range || {
         start: value[0],
         end: value[1]
       },
-          start = _ref3.start,
-          end = _ref3.end;
+          start = _ref2.start,
+          end = _ref2.end;
 
       var currentStart = value[0],
           currentEnd = value[1]; // check if the slider is at its initial position
@@ -300,13 +305,13 @@ var DynamicRangeSlider = {
     range: function range(newValue, oldValue) {
       if (isEqual(newValue, oldValue) || !this.currentValue) return;
 
-      var _ref4 = this.currentValue || [],
-          currentStart = _ref4[0],
-          currentEnd = _ref4[1];
+      var _ref3 = this.currentValue || [],
+          currentStart = _ref3[0],
+          currentEnd = _ref3[1];
 
-      var _ref5 = oldValue || {},
-          oldStart = _ref5.start,
-          oldEnd = _ref5.end;
+      var _ref4 = oldValue || {},
+          oldStart = _ref4.start,
+          oldEnd = _ref4.end;
 
       var newStart = currentStart === oldStart ? newValue.start : currentStart;
       var newEnd = currentEnd === oldEnd ? newValue.end : currentEnd;
@@ -401,6 +406,10 @@ DynamicRangeSlider.parseValue = function (value) {
   return [];
 };
 
+DynamicRangeSlider.hasInternalComponent = function () {
+  return true;
+};
+
 var mapStateToProps = function mapStateToProps(state, props) {
   var componentId = state.aggregations[props.componentId];
   var internalRange = state.aggregations[props.componentId + "__range__internal"];

package/dist/es/MultiDropdownList.js

@@ -30,8 +30,9 @@ var isEqual = helper.isEqual,
     checkValueChange = helper.checkValueChange,
     checkPropChange = helper.checkPropChange,
     getClassName = helper.getClassName,
-    getOptionsFromQuery = helper.getOptionsFromQuery,
-    getCompositeAggsQuery = helper.getCompositeAggsQuery;
+    getCompositeAggsQuery = helper.getCompositeAggsQuery,
+    extractQueryFromCustomQuery = helper.extractQueryFromCustomQuery,
+    getOptionsForCustomQuery = helper.getOptionsForCustomQuery;
 var MultiDropdownList = {
   name: 'MultiDropdownList',
   data: function data() {
@@ -69,7 +70,7 @@ var MultiDropdownList = {
     selectAllLabel: types.string,
     showCount: VueTypes.bool.def(true),
     showFilter: VueTypes.bool.def(true),
-    size: VueTypes.number.def(100),
+    size: VueTypes.number,
     sortBy: VueTypes.oneOf(['asc', 'desc', 'count']).def('count'),
     title: types.title,
     URLParams: VueTypes.bool.def(false),
@@ -360,12 +361,13 @@ var MultiDropdownList = {
 
       if (this.defaultQuery) {
         var defaultQueryToBeSet = this.defaultQuery(value, props) || {};
+        var defaultQueryObj = extractQueryFromCustomQuery(defaultQueryToBeSet);
 
-        if (defaultQueryToBeSet.query) {
-          query = defaultQueryToBeSet.query;
+        if (defaultQueryObj) {
+          query = defaultQueryObj;
         }
 
-        defaultQueryOptions = getOptionsFromQuery(defaultQueryToBeSet); // Update calculated default query in store
+        defaultQueryOptions = getOptionsForCustomQuery(defaultQueryToBeSet); // Update calculated default query in store
 
         updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
       }
@@ -384,10 +386,9 @@ var MultiDropdownList = {
       var customQueryOptions;
 
       if (customQuery) {
-        var _ref = customQuery(value, props) || {};
-
-        query = _ref.query;
-        customQueryOptions = getOptionsFromQuery(customQuery(value, props));
+        var customQueryCalc = customQuery(value, props);
+        query = extractQueryFromCustomQuery(customQueryCalc);
+        customQueryOptions = getOptionsForCustomQuery(customQueryCalc);
         updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
       }
 
@@ -425,7 +426,7 @@ var MultiDropdownList = {
 
       if (props.defaultQuery) {
         var value = Object.keys(this.$data.currentValue);
-        var defaultQueryOptions = getOptionsFromQuery(props.defaultQuery(value, props));
+        var defaultQueryOptions = getOptionsForCustomQuery(props.defaultQuery(value, props));
         this.setQueryOptions(this.internalComponent, _extends({}, queryOptions, defaultQueryOptions));
       } else {
         this.setQueryOptions(this.internalComponent, queryOptions);
@@ -484,12 +485,12 @@ MultiDropdownList.defaultQuery = function (value, props) {
 
     if (props.queryFormat === 'or') {
       if (props.showMissing) {
-        var _type, _ref2;
+        var _type, _ref;
 
         var hasMissingTerm = value.includes(props.missingLabel);
-        var should = [(_ref2 = {}, _ref2[type] = (_type = {}, _type[props.dataField] = value.filter(function (item) {
+        var should = [(_ref = {}, _ref[type] = (_type = {}, _type[props.dataField] = value.filter(function (item) {
           return item !== props.missingLabel;
-        }), _type), _ref2)];
+        }), _type), _ref)];
 
         if (hasMissingTerm) {
           should = should.concat({
@@ -516,9 +517,9 @@ MultiDropdownList.defaultQuery = function (value, props) {
     } else {
       // adds a sub-query with must as an array of objects for each term/value
       var queryArray = value.map(function (item) {
-        var _type3, _ref3;
+        var _type3, _ref2;
 
-        return _ref3 = {}, _ref3[type] = (_type3 = {}, _type3[props.dataField] = item, _type3), _ref3;
+        return _ref2 = {}, _ref2[type] = (_type3 = {}, _type3[props.dataField] = item, _type3), _ref2;
       });
       listQuery = {
         bool: {
@@ -553,6 +554,10 @@ MultiDropdownList.generateQueryOptions = function (props, after) {
   }) : getAggsQuery(queryOptions, props);
 };
 
+MultiDropdownList.hasInternalComponent = function () {
+  return true;
+};
+
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     options: props.nestedField && state.aggregations[props.componentId] ? state.aggregations[props.componentId].reactivesearch_nested : state.aggregations[props.componentId],
@@ -574,7 +579,7 @@ var mapDispatchtoProps = {
 };
 var ListConnected = ComponentWrapper(connect(mapStateToProps, mapDispatchtoProps)(MultiDropdownList), {
   componentType: componentTypes.multiDropdownList,
-  internalComponent: true
+  internalComponent: MultiDropdownList.hasInternalComponent()
 });
 
 MultiDropdownList.install = function (Vue) {

package/dist/es/MultiList.js

@@ -25,7 +25,8 @@ var isEqual = helper.isEqual,
     getQueryOptions = helper.getQueryOptions,
     checkValueChange = helper.checkValueChange,
     getClassName = helper.getClassName,
-    getOptionsFromQuery = helper.getOptionsFromQuery;
+    extractQueryFromCustomQuery = helper.extractQueryFromCustomQuery,
+    getOptionsForCustomQuery = helper.getOptionsForCustomQuery;
 var MultiList = {
   name: 'MultiList',
   props: {
@@ -52,7 +53,7 @@ var MultiList = {
     showCount: VueTypes.bool.def(true),
     showFilter: VueTypes.bool.def(true),
     showSearch: VueTypes.bool.def(true),
-    size: VueTypes.number.def(100),
+    size: VueTypes.number,
     sortBy: VueTypes.oneOf(['asc', 'desc', 'count']).def('count'),
     title: types.title,
     URLParams: VueTypes.bool.def(false),
@@ -344,12 +345,13 @@ var MultiList = {
 
       if (this.defaultQuery) {
         var defaultQueryToBeSet = this.defaultQuery(value, props) || {};
+        var defaultQueryObj = extractQueryFromCustomQuery(defaultQueryToBeSet);
 
-        if (defaultQueryToBeSet.query) {
-          query = defaultQueryToBeSet.query;
+        if (defaultQueryObj) {
+          query = defaultQueryObj;
         }
 
-        defaultQueryOptions = getOptionsFromQuery(defaultQueryToBeSet); // Update calculated default query in store
+        defaultQueryOptions = getOptionsForCustomQuery(defaultQueryToBeSet); // Update calculated default query in store
 
         updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
       }
@@ -368,10 +370,9 @@ var MultiList = {
       var customQueryOptions;
 
       if (customQuery) {
-        var _ref = customQuery(value, props) || {};
-
-        query = _ref.query;
-        customQueryOptions = getOptionsFromQuery(customQuery(value, props));
+        var customQueryCalc = customQuery(value, props);
+        query = extractQueryFromCustomQuery(customQueryCalc);
+        customQueryOptions = getOptionsForCustomQuery(customQueryCalc);
         updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
       }
 
@@ -395,7 +396,7 @@ var MultiList = {
 
       if (props.defaultQuery) {
         var value = Object.keys(this.$data.currentValue);
-        var defaultQueryOptions = getOptionsFromQuery(props.defaultQuery(value, props));
+        var defaultQueryOptions = getOptionsForCustomQuery(props.defaultQuery(value, props));
         this.setQueryOptions(this.internalComponent, _extends({}, queryOptions, defaultQueryOptions));
       } else {
         this.setQueryOptions(this.internalComponent, queryOptions);
@@ -504,12 +505,12 @@ MultiList.defaultQuery = function (value, props) {
 
     if (props.queryFormat === 'or') {
       if (props.showMissing) {
-        var _type, _ref2;
+        var _type, _ref;
 
         var hasMissingTerm = value.includes(props.missingLabel);
-        var should = [(_ref2 = {}, _ref2[type] = (_type = {}, _type[props.dataField] = value.filter(function (item) {
+        var should = [(_ref = {}, _ref[type] = (_type = {}, _type[props.dataField] = value.filter(function (item) {
           return item !== props.missingLabel;
-        }), _type), _ref2)];
+        }), _type), _ref)];
 
         if (hasMissingTerm) {
           should = should.concat({
@@ -536,9 +537,9 @@ MultiList.defaultQuery = function (value, props) {
     } else {
       // adds a sub-query with must as an array of objects for each term/value
       var queryArray = value.map(function (item) {
-        var _type3, _ref3;
+        var _type3, _ref2;
 
-        return _ref3 = {}, _ref3[type] = (_type3 = {}, _type3[props.dataField] = item, _type3), _ref3;
+        return _ref2 = {}, _ref2[type] = (_type3 = {}, _type3[props.dataField] = item, _type3), _ref2;
       });
       listQuery = {
         bool: {
@@ -588,9 +589,14 @@ var mapDispatchtoProps = {
   setCustomQuery: setCustomQuery,
   setDefaultQuery: setDefaultQuery
 };
+
+MultiList.hasInternalComponent = function () {
+  return true;
+};
+
 var ListConnected = ComponentWrapper(connect(mapStateToProps, mapDispatchtoProps)(MultiList), {
   componentType: componentTypes.multiList,
-  internalComponent: true
+  internalComponent: MultiList.hasInternalComponent()
 });
 
 MultiList.install = function (Vue) {

package/dist/es/ReactiveComponent.js

@@ -8,10 +8,7 @@ import 'redux';
 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 _excluded = ["options"];
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,
     setCustomQuery = Actions.setCustomQuery,
@@ -19,15 +16,16 @@ var updateQuery = Actions.updateQuery,
 var parseHits = helper.parseHits,
     isEqual = helper.isEqual,
     getCompositeAggsQuery = helper.getCompositeAggsQuery,
-    getOptionsFromQuery = helper.getOptionsFromQuery,
-    getResultStats = helper.getResultStats;
+    getResultStats = helper.getResultStats,
+    extractQueryFromCustomQuery = helper.extractQueryFromCustomQuery,
+    getOptionsForCustomQuery = helper.getOptionsForCustomQuery;
 var ReactiveComponent = {
   name: 'ReactiveComponent',
   props: {
     componentId: types.stringRequired,
     aggregationField: types.string,
     aggregationSize: VueTypes.number,
-    size: VueTypes.number.def(20),
+    size: VueTypes.number,
     defaultQuery: types.func,
     customQuery: types.func,
     filterLabel: types.string,
@@ -69,25 +67,16 @@ var ReactiveComponent = {
 
     if (customQuery) {
       var calcCustomQuery = customQuery(this.selectedValue, props);
-
-      var _ref = calcCustomQuery || {},
-          query = _ref.query;
-
-      var customQueryOptions = calcCustomQuery ? getOptionsFromQuery(calcCustomQuery) : null;
+      var query = extractQueryFromCustomQuery(calcCustomQuery);
+      var customQueryOptions = calcCustomQuery ? getOptionsForCustomQuery(calcCustomQuery) : null;
 
       if (customQueryOptions) {
         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: queryToSet,
+        query: query,
         value: this.selectedValue || null,
         label: filterLabel,
         showFilter: showFilter,
@@ -95,9 +84,9 @@ var ReactiveComponent = {
       });
     }
 
-    this.setQuery = function (_ref2) {
-      var options = _ref2.options,
-          obj = _objectWithoutPropertiesLoose(_ref2, _excluded);
+    this.setQuery = function (_ref) {
+      var options = _ref.options,
+          obj = _objectWithoutPropertiesLoose(_ref, _excluded);
 
       if (options) {
         _this.setQueryOptions(props.componentId, _extends({}, options, _this.getAggsQuery()), false);
@@ -107,17 +96,17 @@ var ReactiveComponent = {
 
       if (obj && obj.query && obj.query.query) {
         queryToBeSet = obj.query.query;
-      } // Update customQuery field for RS API
+      }
 
+      var customQueryCalc = _extends({}, options); // Update customQuery field for RS API
 
-      if (obj && obj.query || options) {
-        var customQueryCalc = _extends({}, options);
 
-        if (obj && obj.query) {
-          if (obj.query.id) {
+      if (queryToBeSet || options) {
+        if (queryToBeSet.query) {
+          if (queryToBeSet.id) {
             customQueryCalc = queryToBeSet;
           } else {
-            customQueryCalc.query = obj.query;
+            customQueryCalc.query = queryToBeSet;
           }
         }
 
@@ -125,6 +114,7 @@ var ReactiveComponent = {
       }
 
       _this.updateQuery(_extends({}, obj, {
+        query: customQueryCalc,
         componentId: props.componentId,
         label: props.filterLabel,
         showFilter: props.showFilter,
@@ -140,24 +130,16 @@ var ReactiveComponent = {
     if (this.internalComponent && 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, _excluded2);
+      var query = extractQueryFromCustomQuery(this.$defaultQuery);
+      var queryOptions = getOptionsForCustomQuery(this.$defaultQuery);
 
       if (queryOptions) {
         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: queryToSet
+        query: query
       });
     }
   },
@@ -205,10 +187,8 @@ var ReactiveComponent = {
     defaultQuery: function defaultQuery(newVal, oldVal) {
       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, _excluded3);
+        var query = extractQueryFromCustomQuery(this.$defaultQuery);
+        var queryOptions = getOptionsForCustomQuery(this.$defaultQuery);
 
         if (queryOptions) {
           this.setQueryOptions(this.internalComponent, _extends({}, queryOptions, this.getAggsQuery()), false);
@@ -216,15 +196,9 @@ var ReactiveComponent = {
 
 
         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: queryToSet
+          query: query
         });
       }
     },
@@ -232,10 +206,8 @@ var ReactiveComponent = {
       if (newVal && !isQueryIdentical(newVal, oldVal, this.selectedValue, this.$props)) {
         var componentId = this.$props.componentId;
         this.$customQuery = newVal(this.selectedValue, this.$props);
-
-        var _ref5 = this.$customQuery || {},
-            query = _ref5.query,
-            queryOptions = _objectWithoutPropertiesLoose(_ref5, _excluded4);
+        var query = extractQueryFromCustomQuery(this.$customQuery);
+        var queryOptions = getOptionsForCustomQuery(this.$customQuery);
 
         if (queryOptions) {
           this.setQueryOptions(componentId, _extends({}, queryOptions, this.getAggsQuery()), false);
@@ -243,15 +215,9 @@ var ReactiveComponent = {
 
 
         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: queryToSet
+          query: query
         });
       }
     }
@@ -331,6 +297,10 @@ var ReactiveComponent = {
   }
 };
 
+ReactiveComponent.hasInternalComponent = function (props) {
+  return !!props.defaultQuery;
+};
+
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     aggregations: state.aggregations[props.componentId] && state.aggregations[props.componentId] || null,