@appbaseio/reactivesearch-vue 1.27.0-gamma.3 → 1.29.0-preview.1

package/dist/cjs/install.js

@@ -10,7 +10,7 @@ require('@appbaseio/reactivecore/lib/utils/helper');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-require('./Button-11307285.js');
+require('./Button-e0b7c1f6.js');
 require('./vueTypes-57d01f18.js');
 require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
@@ -27,13 +27,13 @@ require('appbase-js');
 require('url-search-params-polyfill');
 require('./ReactiveBase.js');
 require('hotkeys-js');
-require('./DataSearch-0ef14926.js');
+require('./DataSearch-eec21890.js');
 require('./CancelSvg-4aa35935.js');
 require('./Input-0d7b25ad.js');
 require('compute-scroll-into-view');
 require('./Container-526efa6a.js');
 require('vue-highlight-words');
-var install = require('./install-311df9cc.js');
+var install = require('./install-b05fef06.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-808dbcef.js');
 require('./utils-1219e1fe.js');

package/dist/cjs/version.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.27.0-gamma.3";
+var version = "1.29.0-preview.1";
 
 exports.default = version;

package/dist/es/{Button-91561391.js → Button-33de88e6.js}

@@ -28,7 +28,7 @@ var disabled = function disabled(_ref3) {
   return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: #ccc;\n\tcursor: not-allowed;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"])), theme.colors.backgroundColor ? lighten(0.1, theme.colors.backgroundColor) : '#fafafa', theme.colors.backgroundColor ? lighten(0.2, theme.colors.backgroundColor) : '#fafafa');
 };
 
-var Button = styled('a')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-radius: 3px;\n\tborder: 1px solid transparent;\n\tmin-height: 30px;\n\tword-wrap: break-word;\n\tpadding: 5px 12px;\n\tline-height: 1.2rem;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tcursor: pointer;\n\tuser-select: none;\n\ttransition: all 0.3s ease;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:focus {\n\t\toutline: 0;\n\t\tborder-color: ", ";\n\t\tbox-shadow: ", ";\n\t}\n\n\t", ";\n\t", ";\n\t", ";\n"])), function (_ref4) {
+var Button = styled('a')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-radius: 3px;\n\tborder: 1px solid transparent;\n\tmin-height: 30px;\n\tword-wrap: break-word;\n\tpadding: 5px 12px;\n\tline-height: 1.2rem;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tcursor: pointer;\n\tuser-select: none;\n\ttransition: all 0.3s ease;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:focus {\n\t\toutline: 0;\n\t\tborder-color: ", ";\n\t\tbox-shadow: ", ";\n\t}\n\n\t", ";\n\t", ";\n\t", ";\n\n\t&.enter-btn {\n\t\tborder-top-left-radius: 0px;\n\t\tborder-bottom-left-radius: 0px;\n\t\theight: 100%;\n\t}\n"])), function (_ref4) {
   var theme = _ref4.theme;
   return theme.colors.backgroundColor || '#eee';
 }, function (_ref5) {

package/dist/es/{DataSearch-be45e960.js → DataSearch-42f547cd.js}

@@ -909,7 +909,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,
@@ -965,11 +966,15 @@ var DataSearch = {
       console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
     }
 
-    this.loadPopularSuggestions(this.$props.componentId);
     this.currentValue = this.selectedValue || '';
+    var shouldFetchInitialSuggestions = this.$props.enableDefaultSuggestions || this.currentValue;
 
-    if (enableRecentSearches) {
-      this.getRecentSearches();
+    if (shouldFetchInitialSuggestions) {
+      this.loadPopularSuggestions(this.$props.componentId);
+
+      if (enableRecentSearches) {
+        this.getRecentSearches();
+      }
     }
 
     this.handleTextChange = debounce(this.handleText, this.$props.debounce); // Set custom and default queries in store
@@ -1006,7 +1011,7 @@ var DataSearch = {
     defaultSearchSuggestions: function defaultSearchSuggestions() {
       var isPopularSuggestionsEnabled = this.enableQuerySuggestions || this.enablePopularSuggestions;
 
-      if (this.currentValue) {
+      if (this.currentValue || !this.enableDefaultSuggestions) {
         return [];
       }
 
@@ -1103,7 +1108,8 @@ var DataSearch = {
     addonBefore: VueTypes.any,
     addonAfter: VueTypes.any,
     expandSuggestionsContainer: VueTypes.bool.def(true),
-    index: VueTypes.string
+    index: VueTypes.string,
+    enableDefaultSuggestions: VueTypes.bool.def(true)
   },
   beforeMount: function beforeMount() {
     if (this.$props.highlight) {
@@ -1367,12 +1373,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);
       }
@@ -1396,13 +1403,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);
       }
@@ -1729,11 +1736,17 @@ var DataSearch = {
     var _this$$props4 = this.$props,
         theme = _this$$props4.theme,
         size = _this$$props4.size,
-        expandSuggestionsContainer = _this$$props4.expandSuggestionsContainer;
+        expandSuggestionsContainer = _this$$props4.expandSuggestionsContainer,
+        enableDefaultSuggestions = _this$$props4.enableDefaultSuggestions;
     var _this$$scopedSlots = this.$scopedSlots,
         recentSearchesIcon = _this$$scopedSlots.recentSearchesIcon,
         popularSearchesIcon = _this$$scopedSlots.popularSearchesIcon;
     var hasSuggestions = this.currentValue ? this.suggestionsList.length || this.topSuggestions.length : this.defaultSearchSuggestions.length;
+
+    if (enableDefaultSuggestions === false && !this.currentValue) {
+      hasSuggestions = false;
+    }
+
     return h(Container, {
       "class": this.$props.className
     }, [this.$props.title && h(Title, {
@@ -2091,6 +2104,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,
@@ -2128,7 +2145,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/DataSearch.js

@@ -14,7 +14,7 @@ import './ComponentWrapper-0f3431d1.js';
 import './Title-3522ff56.js';
 import './Flex-8770345d.js';
 import 'hotkeys-js';
-export { D as default } from './DataSearch-be45e960.js';
+export { D as default } from './DataSearch-42f547cd.js';
 import './CancelSvg-c2c03a35.js';
 import './Input-e339e63a.js';
 import 'compute-scroll-into-view';

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(),
@@ -232,28 +233,31 @@ var DynamicRangeSlider = {
     },
     updateQueryHandler: function updateQueryHandler(value) {
       var query = DynamicRangeSlider.defaultQuery(value, this.$props);
-      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;
+        }
+
+        var customQueryOptions = getOptionsForCustomQuery(customQueryTobeSet);
         updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, value);
+        this.setQueryOptions(this.$props.componentId, customQueryOptions, false);
       }
 
-      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
 
       var isInitialValue = currentStart === start && currentEnd === end;
-      this.setQueryOptions(this.$props.componentId, customQueryOptions, false);
       this.updateQuery({
         componentId: this.$props.componentId,
         query: query,
@@ -300,13 +304,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 +405,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

@@ -5,7 +5,7 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { l as loadMoreContainer, B as Button } from './Button-91561391.js';
+import { l as loadMoreContainer, B as Button } from './Button-33de88e6.js';
 import { t as types } from './vueTypes-687b2304.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
@@ -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),
@@ -355,22 +356,22 @@ var MultiDropdownList = {
       checkValueChange(props.componentId, finalValues, props.beforeValueChange, performUpdate);
     },
     updateDefaultQueryHandler: function updateDefaultQueryHandler(value, props) {
-      var defaultQueryOptions;
       var query = MultiDropdownList.defaultQuery(value, props);
 
       if (this.defaultQuery) {
         var defaultQueryToBeSet = this.defaultQuery(value, props) || {};
+        var defaultQueryObj = extractQueryFromCustomQuery(defaultQueryToBeSet);
 
-        if (defaultQueryToBeSet.query) {
-          query = defaultQueryToBeSet.query;
-        }
+        if (defaultQueryObj) {
+          query = defaultQueryObj;
+        } // Update calculated default query in store
 
-        defaultQueryOptions = getOptionsFromQuery(defaultQueryToBeSet); // Update calculated default query in store
 
         updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
+        var defaultQueryOptions = getOptionsForCustomQuery(defaultQueryToBeSet);
+        this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
       }
 
-      this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
       this.updateQuery({
         componentId: this.internalComponent,
         query: query,
@@ -381,17 +382,15 @@ var MultiDropdownList = {
     updateQueryHandler: function updateQueryHandler(value, props) {
       var customQuery = props.customQuery;
       var query = MultiDropdownList.defaultQuery(value, props);
-      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);
         updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
+        var customQueryOptions = getOptionsForCustomQuery(customQueryCalc);
+        this.setQueryOptions(props.componentId, customQueryOptions, false);
       }
 
-      this.setQueryOptions(props.componentId, customQueryOptions, false);
       this.updateQuery({
         componentId: props.componentId,
         query: query,
@@ -425,7 +424,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);
@@ -461,7 +460,13 @@ var MultiDropdownList = {
 
 MultiDropdownList.defaultQuery = function (value, props) {
   var query = null;
-  var type = props.queryFormat === 'or' ? 'terms' : 'term';
+  var queryFormat = props.queryFormat;
+
+  if (queryFormat === undefined) {
+    queryFormat = 'or';
+  }
+
+  var type = queryFormat === 'or' ? 'terms' : 'term';
 
   if (!Array.isArray(value) || value.length === 0) {
     return null;
@@ -482,14 +487,14 @@ MultiDropdownList.defaultQuery = function (value, props) {
   } else if (value) {
     var listQuery;
 
-    if (props.queryFormat === 'or') {
+    if (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 +521,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 +558,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 +583,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),
@@ -339,22 +340,22 @@ var MultiList = {
       checkValueChange(props.componentId, finalValues, props.beforeValueChange, performUpdate);
     },
     updateDefaultQueryHandler: function updateDefaultQueryHandler(value, props) {
-      var defaultQueryOptions;
       var query = MultiList.defaultQuery(value, props);
 
       if (this.defaultQuery) {
         var defaultQueryToBeSet = this.defaultQuery(value, props) || {};
+        var defaultQueryObj = extractQueryFromCustomQuery(defaultQueryToBeSet);
 
-        if (defaultQueryToBeSet.query) {
-          query = defaultQueryToBeSet.query;
-        }
+        if (defaultQueryObj) {
+          query = defaultQueryObj;
+        } // Update calculated default query in store
 
-        defaultQueryOptions = getOptionsFromQuery(defaultQueryToBeSet); // Update calculated default query in store
 
         updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
+        var defaultQueryOptions = getOptionsForCustomQuery(defaultQueryToBeSet);
+        this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
       }
 
-      this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
       this.updateQuery({
         componentId: this.internalComponent,
         query: query,
@@ -365,17 +366,15 @@ var MultiList = {
     updateQueryHandler: function updateQueryHandler(value, props) {
       var customQuery = props.customQuery;
       var query = MultiList.defaultQuery(value, props);
-      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);
         updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
+        var customQueryOptions = getOptionsForCustomQuery(customQueryCalc);
+        this.setQueryOptions(props.componentId, customQueryOptions, false);
       }
 
-      this.setQueryOptions(props.componentId, customQueryOptions, false);
       this.updateQuery({
         componentId: props.componentId,
         query: query,
@@ -395,7 +394,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);
@@ -481,7 +480,13 @@ var MultiList = {
 
 MultiList.defaultQuery = function (value, props) {
   var query = null;
-  var type = props.queryFormat === 'or' ? 'terms' : 'term';
+  var queryFormat = props.queryFormat;
+
+  if (queryFormat === undefined) {
+    queryFormat = 'or';
+  }
+
+  var type = queryFormat === 'or' ? 'terms' : 'term';
 
   if (!Array.isArray(value) || value.length === 0) {
     return null;
@@ -502,14 +507,14 @@ MultiList.defaultQuery = function (value, props) {
   } else if (value) {
     var listQuery;
 
-    if (props.queryFormat === 'or') {
+    if (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 +541,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 +593,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/MultiRange.js

@@ -131,17 +131,16 @@ var MultiRange = {
     updateQueryHandler: function updateQueryHandler(value, props) {
       var customQuery = props.customQuery;
       var query = MultiRange.defaultQuery(value, props);
-      var customQueryOptions;
 
       if (customQuery) {
         var _ref = customQuery(value, props) || {};
 
         query = _ref.query;
-        customQueryOptions = getOptionsFromQuery(customQuery(value, props));
+        var customQueryOptions = getOptionsFromQuery(customQuery(value, props));
         updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
+        this.setQueryOptions(props.componentId, customQueryOptions, false);
       }
 
-      this.setQueryOptions(props.componentId, customQueryOptions, false);
       this.updateQuery({
         componentId: props.componentId,
         query: query,

package/dist/es/RangeSlider.js

@@ -108,14 +108,14 @@ var RangeSlider = {
     updateQueryHandler: function updateQueryHandler(value, props) {
       var customQuery = props.customQuery;
       var query = RangeSlider.defaultQuery(value, props);
-      var customQueryOptions;
 
       if (customQuery) {
         var _ref = customQuery(value, props) || {};
 
         query = _ref.query;
-        customQueryOptions = getOptionsFromQuery(customQuery(value, props));
+        var customQueryOptions = getOptionsFromQuery(customQuery(value, props));
         updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
+        this.setQueryOptions(props.componentId, customQueryOptions, false);
       }
 
       var showFilter = props.showFilter,
@@ -126,7 +126,6 @@ var RangeSlider = {
           currentEnd = value[1]; // check if the slider is at its initial position
 
       var isInitialValue = currentStart === start && currentEnd === end;
-      this.setQueryOptions(props.componentId, customQueryOptions, false);
       this.updateQuery({
         componentId: props.componentId,
         query: query,