@appbaseio/reactivesearch-vue 1.33.0 → 1.33.2

package/dist/cjs/{Input-e6603a7e.js → Input-ead4cd84.js}

@@ -2,32 +2,27 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
-
 var alertBorder = function alertBorder(_ref) {
   var theme = _ref.theme;
   return emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tborder: 1px solid ", ";\n"])), theme.colors.alertColor);
 };
-
 var input = emotion.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\tline-height: 1.5;\n\tmin-height: 42px;\n\tpadding: 8px 12px;\n\tborder: 1px solid #ccc;\n\tbackground-color: #fafafa;\n\tfont-size: 0.9rem;\n\toutline: none;\n\theight: 100%;\n\n\t&:focus {\n\t\tbackground-color: #fff;\n\t}\n"])));
-
 var dark = function dark(theme) {
   return emotion.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tborder-color: ", ";\n"])), theme.colors.borderColor);
 };
-
 var darkInput = function darkInput(_ref2) {
   var theme = _ref2.theme;
   return emotion.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\t", ";\n\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"])), theme.colors.backgroundColor, theme.colors.textColor, dark(theme), theme.colors.backgroundColor);
 };
-
 var Input = styled__default('input')(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n"])), input, function (_ref3) {
   var themePreset = _ref3.themePreset,
-      theme = _ref3.theme;
+    theme = _ref3.theme;
   return themePreset === 'dark' && darkInput({
     theme: theme
   });
@@ -36,39 +31,42 @@ var Input = styled__default('input')(_templateObject5 || (_templateObject5 = _ro
 }, function (props) {
   return props.showIcon && props.iconPosition === 'right' && emotion.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tpadding-right: 36px;\n\t\t"])));
 }, function (props) {
-  return (// for clear icon
+  return (
+    // for clear icon
     props.showClear && emotion.css(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tpadding-right: 36px;\n\t\t"])))
   );
 }, function (props) {
-  return (// for voice search icon
+  return (
+    // for voice search icon
     props.showVoiceSearch && emotion.css(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tpadding-right: 36px;\n\t\t"])))
   );
 }, function (props) {
-  return (// for clear icon with search icon
+  return (
+    // for clear icon with search icon
     props.showClear && props.showIcon && props.iconPosition === 'right' && emotion.css(_templateObject10 || (_templateObject10 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tpadding-right: 66px;\n\t\t"])))
   );
 }, function (props) {
-  return (// for voice search icon with search icon
+  return (
+    // for voice search icon with search icon
     props.showVoiceSearch && props.showIcon && props.iconPosition === 'right' && emotion.css(_templateObject11 || (_templateObject11 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tpadding-right: 66px;\n\t\t"])))
   );
 }, function (props) {
-  return (// for voice search icon with clear icon
+  return (
+    // for voice search icon with clear icon
     props.showVoiceSearch && props.showIcon && emotion.css(_templateObject12 || (_templateObject12 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tpadding-right: 66px;\n\t\t"])))
   );
 }, function (props) {
-  return (// for clear icon with search icon and voice search
+  return (
+    // for clear icon with search icon and voice search
     props.showClear && props.showIcon && props.showVoiceSearch && props.iconPosition === 'right' && emotion.css(_templateObject13 || (_templateObject13 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tpadding-right: 90px;\n\t\t"])))
   );
 }, function (props) {
   return props.alert && alertBorder;
 });
-
 var suggestions = function suggestions(themePreset, theme) {
   return emotion.css(_templateObject14 || (_templateObject14 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: min(100vh, 402px);\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tcursor: pointer;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: #eee;\n\t\t}\n\t}\n\n\t", ";\n"])), themePreset === 'dark' && theme && dark(theme));
 };
-
 var suggestionsContainer = emotion.css(_templateObject15 || (_templateObject15 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tposition: relative;\n\t.cancel-icon {\n\t\tcursor: pointer;\n\t}\n"])));
-
 var noSuggestions = function noSuggestions(themePreset, theme) {
   return emotion.css(_templateObject16 || (_templateObject16 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t", "\n"])), themePreset === 'dark' && theme && dark(theme));
 };

package/dist/cjs/{ListItem-8c9e0d68.js → ListItem-5088bd6a.js}

@@ -2,12 +2,12 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 var polished = require('polished');
-require('./Title-1de7d0f4.js');
+require('./Title-16042ea0.js');
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var container = emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0;\n\tborder-radius: 0.25rem;\n\toverflow: hidden;\n"])));
@@ -35,7 +35,6 @@ var ListItem = styled__default('a')(_templateObject4 || (_templateObject4 = _rol
   if (props.image) {
     return props.small ? 'calc(100% - 100px)' : 'calc(100% - 160px)';
   }
-
   return '100%';
 }, function (props) {
   return props.image ? '10px' : 0;

package/dist/cjs/MultiDropdownList.js

@@ -7,40 +7,40 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var Button = require('./Button-0673191e.js');
-var vueTypes = require('./vueTypes-727b7c63.js');
+var Button = require('./Button-841fd06d.js');
+var vueTypes = require('./vueTypes-7cfc2f98.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-08f8dfa3.js');
-var ComponentWrapper = require('./ComponentWrapper-981ab977.js');
-var PreferencesConsumer = require('./PreferencesConsumer-7be03476.js');
+var index = require('./index-30126fd0.js');
+var ComponentWrapper = require('./ComponentWrapper-9318cece.js');
+var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
-var Title = require('./Title-1de7d0f4.js');
-require('./CancelSvg-9f258f4f.js');
-require('./Input-e6603a7e.js');
+var Title = require('./Title-16042ea0.js');
+require('./CancelSvg-220a7cc3.js');
+require('./Input-ead4cd84.js');
 require('compute-scroll-into-view');
-var Container = require('./Container-daf30918.js');
+var Container = require('./Container-e699ea95.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
-var utils = require('./utils-d6a52588.js');
-var DropDown = require('./DropDown-c479bbb0.js');
+var utils = require('./utils-83fd01e9.js');
+var DropDown = require('./DropDown-8984b544.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
-    setQueryOptions = configureStore.Actions.setQueryOptions,
-    setCustomQuery = configureStore.Actions.setCustomQuery,
-    setDefaultQuery = configureStore.Actions.setDefaultQuery;
+  setQueryOptions = configureStore.Actions.setQueryOptions,
+  setCustomQuery = configureStore.Actions.setCustomQuery,
+  setDefaultQuery = configureStore.Actions.setDefaultQuery;
 var isEqual = configureStore.helper.isEqual,
-    getQueryOptions = configureStore.helper.getQueryOptions,
-    checkValueChange = configureStore.helper.checkValueChange,
-    checkPropChange = configureStore.helper.checkPropChange,
-    getClassName = configureStore.helper.getClassName,
-    getCompositeAggsQuery = configureStore.helper.getCompositeAggsQuery,
-    extractQueryFromCustomQuery = configureStore.helper.extractQueryFromCustomQuery,
-    getOptionsForCustomQuery = configureStore.helper.getOptionsForCustomQuery;
+  getQueryOptions = configureStore.helper.getQueryOptions,
+  checkValueChange = configureStore.helper.checkValueChange,
+  checkPropChange = configureStore.helper.checkPropChange,
+  getClassName = configureStore.helper.getClassName,
+  getCompositeAggsQuery = configureStore.helper.getCompositeAggsQuery,
+  extractQueryFromCustomQuery = configureStore.helper.extractQueryFromCustomQuery,
+  getOptionsForCustomQuery = configureStore.helper.getOptionsForCustomQuery;
 var MultiDropdownList = {
   name: 'MultiDropdownList',
   data: function data() {
@@ -97,16 +97,14 @@ var MultiDropdownList = {
     if (!this.enableAppbase && this.$props.index) {
       console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
     }
-
     var props = this.$props;
-    this.modifiedOptions = this.options && this.options[props.dataField] ? this.options[props.dataField].buckets : []; // Set custom and default queries in store
-
+    this.modifiedOptions = this.options && this.options[props.dataField] ? this.options[props.dataField].buckets : [];
+    // Set custom and default queries in store
     index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
     index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.currentValue);
   },
   beforeMount: function beforeMount() {
     this.updateQueryOptions(this.$props);
-
     if (this.selectedValue) {
       this.setValue(this.selectedValue, true);
     } else if (this.$props.value) {
@@ -118,33 +116,27 @@ var MultiDropdownList = {
   watch: {
     selectedValue: function selectedValue(newVal) {
       var _this = this;
-
       var selectedValue = Object.keys(this.$data.currentValue);
-
       if (this.$props.selectAllLabel) {
         selectedValue = selectedValue.filter(function (val) {
           return val !== _this.$props.selectAllLabel;
         });
-
         if (this.$data.currentValue[this.$props.selectAllLabel]) {
           selectedValue = [this.$props.selectAllLabel];
         }
       }
-
       if (!isEqual(selectedValue, newVal)) {
         this.setValue(newVal || [], true);
       }
     },
     options: function options(newVal, oldVal) {
       var _this2 = this;
-
       if (newVal) {
         checkPropChange(oldVal, newVal, function () {
           var _this2$$props = _this2.$props,
-              showLoadMore = _this2$$props.showLoadMore,
-              dataField = _this2$$props.dataField;
+            showLoadMore = _this2$$props.showLoadMore,
+            dataField = _this2$$props.dataField;
           var modifiedOptions = _this2.$data.modifiedOptions;
-
           if (showLoadMore) {
             // append options with showLoadMore
             var buckets = newVal[dataField].buckets;
@@ -155,7 +147,6 @@ var MultiDropdownList = {
               };
             }));
             var after = newVal[dataField].after_key; // detect the last bucket by checking if the next set of buckets were empty
-
             var isLastBucket = !buckets.length;
             _this2.after = {
               after: after
@@ -200,41 +191,35 @@ var MultiDropdownList = {
   render: function render() {
     var h = arguments[0];
     var _this$$props = this.$props,
-        showLoadMore = _this$$props.showLoadMore,
-        loadMoreLabel = _this$$props.loadMoreLabel,
-        renderItem = _this$$props.renderItem,
-        renderError = _this$$props.renderError,
-        renderLabel = _this$$props.renderLabel;
+      showLoadMore = _this$$props.showLoadMore,
+      loadMoreLabel = _this$$props.loadMoreLabel,
+      renderItem = _this$$props.renderItem,
+      renderError = _this$$props.renderError,
+      renderLabel = _this$$props.renderLabel;
     var renderItemCalc = this.$scopedSlots.renderItem || renderItem;
     var renderErrorCalc = this.$scopedSlots.renderError || renderError;
     var renderLabelCalc = this.$scopedSlots.renderLabel || renderLabel;
     var isLastBucket = this.$data.isLastBucket;
     var renderNoResults = this.$scopedSlots.renderNoResults || this.$props.renderNoResults;
     var selectAll = [];
-
     if (renderErrorCalc && this.error) {
       return index.isFunction(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
     }
-
     if (!this.hasCustomRenderer && this.$data.modifiedOptions.length === 0 && !this.isLoading) {
       if (renderNoResults && index.isFunction(renderNoResults)) {
         return h("div", [renderNoResults()]);
       }
-
       if (renderNoResults && !index.isFunction(renderNoResults)) {
         return renderNoResults;
       }
-
       return null;
     }
-
     if (this.$props.selectAllLabel) {
       selectAll = [{
         key: this.$props.selectAllLabel,
         doc_count: this.totalDocumentCount
       }];
     }
-
     return h(Container.Container, {
       "class": this.$props.className
     }, [this.$props.title && h(Title.Title, {
@@ -280,7 +265,6 @@ var MultiDropdownList = {
   methods: {
     handleChange: function handleChange(item) {
       var value = this.$props.value;
-
       if (value === undefined) {
         this.setValue(item);
       } else {
@@ -290,19 +274,15 @@ var MultiDropdownList = {
     },
     setValue: function setValue(value, isDefaultValue, props) {
       var _this3 = this;
-
       if (isDefaultValue === void 0) {
         isDefaultValue = false;
       }
-
       if (props === void 0) {
         props = this.$props;
       }
-
       var selectAllLabel = this.$props.selectAllLabel;
       var currentValue = this.$data.currentValue;
       var finalValues = null;
-
       if (selectAllLabel && value.includes(selectAllLabel)) {
         if (currentValue[selectAllLabel]) {
           currentValue = {};
@@ -317,71 +297,55 @@ var MultiDropdownList = {
       } else if (isDefaultValue) {
         finalValues = value;
         currentValue = {};
-
         if (Array.isArray(value)) {
           value.forEach(function (item) {
             currentValue[item] = true;
           });
         }
-
         if (selectAllLabel && selectAllLabel in currentValue) {
           var _currentValue = currentValue,
-              del = _currentValue[selectAllLabel],
-              obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
-
+            del = _currentValue[selectAllLabel],
+            obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
           currentValue = _rollupPluginBabelHelpers._extends({}, obj);
         }
       } else {
         if (currentValue[value]) {
           var _currentValue2 = currentValue,
-              _del = _currentValue2[value],
-              rest = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue2, [value].map(_rollupPluginBabelHelpers._toPropertyKey));
-
+            _del = _currentValue2[value],
+            rest = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue2, [value].map(_rollupPluginBabelHelpers._toPropertyKey));
           currentValue = _rollupPluginBabelHelpers._extends({}, rest);
         } else {
           currentValue[value] = true;
         }
-
         if (selectAllLabel && selectAllLabel in currentValue) {
           var _currentValue3 = currentValue,
-              _del2 = _currentValue3[selectAllLabel],
-              _obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue3, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
-
+            _del2 = _currentValue3[selectAllLabel],
+            _obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue3, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
           currentValue = _rollupPluginBabelHelpers._extends({}, _obj);
         }
-
         finalValues = Object.keys(currentValue);
       }
-
       var performUpdate = function performUpdate() {
         _this3.currentValue = _rollupPluginBabelHelpers._extends({}, currentValue);
-
         _this3.updateQueryHandler(finalValues, props);
-
         _this3.$emit('valueChange', finalValues);
-
         _this3.$emit('value-change', finalValues);
       };
-
       checkValueChange(props.componentId, finalValues, props.beforeValueChange, performUpdate);
     },
     updateDefaultQueryHandler: function updateDefaultQueryHandler(value, props) {
       var query = MultiDropdownList.defaultQuery(value, props);
-
       if (this.defaultQuery) {
         var defaultQueryToBeSet = this.defaultQuery(value, props) || {};
         var defaultQueryObj = extractQueryFromCustomQuery(defaultQueryToBeSet);
-
         if (defaultQueryObj) {
           query = defaultQueryObj;
-        } // Update calculated default query in store
-
-
+        }
+        // Update calculated default query in store
         index.updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
         var defaultQueryOptions = getOptionsForCustomQuery(defaultQueryToBeSet);
         this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
       }
-
       this.updateQuery({
         componentId: this.internalComponent,
         query: query,
@@ -392,7 +356,6 @@ var MultiDropdownList = {
     updateQueryHandler: function updateQueryHandler(value, props) {
       var customQuery = props.customQuery;
       var query = MultiDropdownList.defaultQuery(value, props);
-
       if (customQuery) {
         var customQueryCalc = customQuery(value, props);
         query = extractQueryFromCustomQuery(customQueryCalc);
@@ -400,7 +363,6 @@ var MultiDropdownList = {
         var customQueryOptions = getOptionsForCustomQuery(customQueryCalc);
         this.setQueryOptions(props.componentId, customQueryOptions, false);
       }
-
       this.updateQuery({
         componentId: props.componentId,
         query: query,
@@ -423,15 +385,12 @@ var MultiDropdownList = {
       if (addAfterKey === void 0) {
         addAfterKey = false;
       }
-
       // when using composite aggs flush the current options for a fresh query
       if (props.showLoadMore && !addAfterKey) {
         this.modifiedOptions = [];
       } // for a new query due to other changes don't append after to get fresh results
 
-
       var queryOptions = MultiDropdownList.generateQueryOptions(props, addAfterKey ? this.$data.after : {});
-
       if (props.defaultQuery) {
         var value = Object.keys(this.$data.currentValue);
         var defaultQueryOptions = getOptionsForCustomQuery(props.defaultQuery(value, props));
@@ -447,7 +406,6 @@ var MultiDropdownList = {
       if (downshiftProps === void 0) {
         downshiftProps = {};
       }
-
       var currentValue = this.$data.currentValue;
       var data = {
         error: this.error,
@@ -467,21 +425,16 @@ var MultiDropdownList = {
     }
   }
 };
-
 MultiDropdownList.defaultQuery = function (value, props) {
   var query = null;
   var queryFormat = props.queryFormat;
-
   if (queryFormat === undefined) {
     queryFormat = 'or';
   }
-
   var type = queryFormat === 'or' ? 'terms' : 'term';
-
   if (!Array.isArray(value) || value.length === 0) {
     return null;
   }
-
   if (props.selectAllLabel && value.includes(props.selectAllLabel)) {
     if (props.showMissing) {
       query = {
@@ -496,16 +449,13 @@ MultiDropdownList.defaultQuery = function (value, props) {
     }
   } else if (value) {
     var listQuery;
-
     if (queryFormat === 'or') {
       if (props.showMissing) {
         var _type, _ref;
-
         var hasMissingTerm = value.includes(props.missingLabel);
         var should = [(_ref = {}, _ref[type] = (_type = {}, _type[props.dataField] = value.filter(function (item) {
           return item !== props.missingLabel;
         }), _type), _ref)];
-
         if (hasMissingTerm) {
           should = should.concat({
             bool: {
@@ -517,7 +467,6 @@ MultiDropdownList.defaultQuery = function (value, props) {
             }
           });
         }
-
         listQuery = {
           bool: {
             should: should
@@ -525,14 +474,12 @@ MultiDropdownList.defaultQuery = function (value, props) {
         };
       } else {
         var _type2, _listQuery;
-
         listQuery = (_listQuery = {}, _listQuery[type] = (_type2 = {}, _type2[props.dataField] = value, _type2), _listQuery);
       }
     } else {
       // adds a sub-query with must as an array of objects for each term/value
       var queryArray = value.map(function (item) {
         var _type3, _ref2;
-
         return _ref2 = {}, _ref2[type] = (_type3 = {}, _type3[props.dataField] = item, _type3), _ref2;
       });
       listQuery = {
@@ -541,10 +488,8 @@ MultiDropdownList.defaultQuery = function (value, props) {
         }
       };
     }
-
     query = value.length ? listQuery : null;
   }
-
   if (query && props.nestedField) {
     return {
       query: {
@@ -555,10 +500,8 @@ MultiDropdownList.defaultQuery = function (value, props) {
       }
     };
   }
-
   return query;
 };
-
 MultiDropdownList.generateQueryOptions = function (props, after) {
   var queryOptions = getQueryOptions(props);
   return props.showLoadMore ? getCompositeAggsQuery({
@@ -567,11 +510,9 @@ MultiDropdownList.generateQueryOptions = function (props, after) {
     after: after
   }) : utils.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],
@@ -585,7 +526,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
     enableAppbase: state.config.enableAppbase
   };
 };
-
 var mapDispatchtoProps = {
   setQueryOptions: setQueryOptions,
   updateQuery: updateQuery,
@@ -596,12 +536,11 @@ var ListConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Com
   componentType: constants.componentTypes.multiDropdownList,
   internalComponent: MultiDropdownList.hasInternalComponent()
 }));
-
 MultiDropdownList.install = function (Vue) {
   Vue.component(MultiDropdownList.name, ListConnected);
-}; // Add componentType for SSR
-
+};
 
+// Add componentType for SSR
 MultiDropdownList.componentType = constants.componentTypes.multiDropdownList;
 
 exports.ListConnected = ListConnected;