@appbaseio/reactivesearch-vue 2.0.0-alpha.3 → 3.0.0-alpha.0

package/dist/es/install-80bc2764.js

@@ -1,1402 +0,0 @@
-import { Actions, helper, causes } from '@appbaseio/reactivecore';
-import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
-import VueTypes from 'vue-types';
-import { SEARCH_COMPONENTS_MODES, componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import { getQueryOptions, suggestionTypes } from '@appbaseio/reactivecore/lib/utils/helper';
-import styled from '@appbaseio/vue-emotion';
-import { B as Button } from './Button-d8bc15ea.js';
-import { t as types } from './vueTypes-b8146772.js';
-import ReactiveList from './ReactiveList.js';
-import { n as decodeHtml, h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, u as updateDefaultQuery, f as updateCustomQuery, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, c as connect } from './index-7788a843.js';
-import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
-import { T as Title } from './Title-3342664a.js';
-import ReactiveBase from './ReactiveBase.js';
-import hotkeys from 'hotkeys-js';
-import { S as SearchSvg, a as SuggestionWrapper, I as InputAddon, M as Mic, T as TagItem, b as TagsContainer, c as InputGroup, C as CustomSvg, d as SuggestionItem, D as DataSearch } from './DataSearch-4888aa43.js';
-import { C as CancelSvg, a as IconGroup, I as IconWrapper, D as Downshift, b as InputWrapper } from './CancelSvg-4cfae5fd.js';
-import { s as suggestionsContainer, I as Input, a as suggestions } from './Input-7a2a9fac.js';
-import { C as Container } from './Container-ba826e96.js';
-import SingleList from './SingleList.js';
-import MultiList from './MultiList.js';
-import SingleDropdownList from './SingleDropdownList.js';
-import MultiDropdownList from './MultiDropdownList.js';
-import ToggleButton from './ToggleButton.js';
-import ReactiveComponent from './ReactiveComponent.js';
-import SelectedFilters from './SelectedFilters.js';
-import SingleRange from './SingleRange.js';
-import MultiRange from './MultiRange.js';
-import ResultCard from './ResultCard.js';
-import ResultList from './ResultList.js';
-import RangeSlider from './RangeSlider.js';
-import DynamicRangeSlider from './DynamicRangeSlider.js';
-import StateProvider from './StateProvider.js';
-import RangeInput from './RangeInput.js';
-
-var _templateObject;
-var AutofillSvgIcon = styled('button')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tmargin-left: auto;\n\tposition: relative;\n\tright: -3px;\n\tborder: none;\n\toutline: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tz-index: 111000;\n\n\tsvg {\n\t\tcursor: pointer;\n\t\tfill: #707070;\n\t\theight: 20px;\n\t}\n\n\t&:hover {\n\t\tsvg {\n\t\t\tfill: #1c1a1a;\n\t\t}\n\t}\n"])));
-var AutoFillSvg = {
-  name: 'AutoFillSvg',
-  render: function render() {
-    var h = arguments[0];
-    return h(AutofillSvgIcon, {
-      "on": {
-        "click": this.$listeners.click
-      }
-    }, [h("svg", {
-      "attrs": {
-        "viewBox": "0 0 24 24"
-      }
-    }, [h("path", {
-      "attrs": {
-        "d": "M8 17v-7.586l8.293 8.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-8.293-8.293h7.586c0.552 0 1-0.448 1-1s-0.448-1-1-1h-10c-0.552 0-1 0.448-1 1v10c0 0.552 0.448 1 1 1s1-0.448 1-1z"
-      }
-    })])]);
-  },
-  methods: {
-    clicked: function clicked(e) {
-      e.stopPropagation();
-      window.console.log('hey', e);
-    }
-  }
-};
-
-var updateQuery = Actions.updateQuery,
-    setCustomQuery = Actions.setCustomQuery,
-    setDefaultQuery = Actions.setDefaultQuery,
-    recordSuggestionClick = Actions.recordSuggestionClick;
-var _debounce = helper.debounce,
-    checkValueChange = helper.checkValueChange,
-    getClassName = helper.getClassName,
-    isEqual = helper.isEqual,
-    getCompositeAggsQuery = helper.getCompositeAggsQuery,
-    withClickIds = helper.withClickIds,
-    getResultStats = helper.getResultStats,
-    normalizeDataField = helper.normalizeDataField;
-var SearchBox = {
-  name: 'SearchBox',
-  isTagsMode: false,
-  data: function data() {
-    var props = this.$props;
-    this.__state = {
-      currentValue: '',
-      selectedTags: [],
-      isOpen: false,
-      normalizedSuggestions: []
-    };
-    this.internalComponent = props.componentId + "__internal";
-    return this.__state;
-  },
-  inject: {
-    theme: {
-      from: 'theme_reactivesearch'
-    }
-  },
-  created: function created() {
-    var _this$$props = this.$props,
-        distinctField = _this$$props.distinctField,
-        distinctFieldConfig = _this$$props.distinctFieldConfig,
-        index = _this$$props.index,
-        mode = _this$$props.mode;
-
-    if (mode === SEARCH_COMPONENTS_MODES.TAG) {
-      this.$options.isTagsMode = true;
-    }
-
-    if (this.$options.isTagsMode) {
-      console.warn('Warning(ReactiveSearch): The `categoryField` prop is not supported when `mode` prop is set to `tag`');
-    }
-
-    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.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`.');
-    }
-
-    this.currentValue = decodeHtml(this.selectedValue || this.value || this.defaultValue || '');
-
-    if (this.$options.isTagsMode) {
-      this.currentValue = '';
-    }
-
-    this.handleTextChange = _debounce(this.handleText, this.$props.debounce); // Set custom and default queries in store
-
-    this.triggerCustomQuery(this.currentValue, this.selectedCategory);
-    this.triggerDefaultQuery(this.currentValue);
-  },
-  computed: {
-    hasCustomRenderer: function hasCustomRenderer$1() {
-      return hasCustomRenderer(this);
-    },
-    stats: function stats() {
-      return getResultStats(this);
-    }
-  },
-  props: {
-    autoFocus: VueTypes.bool,
-    autosuggest: VueTypes.bool.def(true),
-    beforeValueChange: types.func,
-    className: VueTypes.string.def(''),
-    clearIcon: types.children,
-    componentId: types.stringRequired,
-    customHighlight: types.func,
-    customQuery: types.func,
-    defaultQuery: types.func,
-    dataField: VueTypes.oneOfType([VueTypes.string, VueTypes.shape({
-      field: VueTypes.string,
-      weight: VueTypes.number
-    }), VueTypes.arrayOf(VueTypes.string), VueTypes.arrayOf({
-      field: VueTypes.string,
-      weight: VueTypes.number
-    })]),
-    aggregationField: types.string,
-    aggregationSize: VueTypes.number,
-    size: VueTypes.number,
-    debounce: VueTypes.number.def(0),
-    defaultValue: types.string,
-    excludeFields: types.excludeFields,
-    value: VueTypes.oneOfType([VueTypes.arrayOf(VueTypes.string), types.value]),
-    defaultSuggestions: types.suggestions,
-    enableSynonyms: VueTypes.bool.def(true),
-    enableQuerySuggestions: VueTypes.bool.def(false),
-    enablePopularSuggestions: VueTypes.bool.def(false),
-    enableRecentSuggestions: VueTypes.bool.def(false),
-    fieldWeights: types.fieldWeights,
-    filterLabel: types.string,
-    fuzziness: types.fuzziness,
-    highlight: VueTypes.bool,
-    highlightField: types.stringOrArray,
-    icon: types.children,
-    iconPosition: VueTypes.oneOf(['left', 'right']).def('left'),
-    includeFields: types.includeFields,
-    innerClass: types.style,
-    innerRef: VueTypes.string.def('searchInputField'),
-    render: types.func,
-    renderNoSuggestion: types.title,
-    renderError: types.title,
-    placeholder: VueTypes.string.def('Search'),
-    queryFormat: VueTypes.oneOf(['and', 'or']).def('or'),
-    react: types.react,
-    showClear: VueTypes.bool.def(true),
-    showDistinctSuggestions: VueTypes.bool.def(true),
-    showFilter: VueTypes.bool.def(true),
-    showIcon: VueTypes.bool.def(true),
-    title: types.title,
-    theme: types.style,
-    URLParams: VueTypes.bool.def(false),
-    strictSelection: VueTypes.bool.def(false),
-    nestedField: types.string,
-    enablePredictiveSuggestions: VueTypes.bool.def(false),
-    recentSearchesIcon: VueTypes.any,
-    popularSearchesIcon: VueTypes.any,
-    //	mic props
-    showVoiceSearch: VueTypes.bool.def(false),
-    getMicInstance: types.func,
-    renderMic: types.func,
-    distinctField: types.string,
-    distinctFieldConfig: types.props,
-    //
-    focusShortcuts: VueTypes.arrayOf(VueTypes.oneOfType([VueTypes.string, VueTypes.number])).def(['/']),
-    addonBefore: VueTypes.any,
-    addonAfter: VueTypes.any,
-    expandSuggestionsContainer: VueTypes.bool.def(true),
-    index: VueTypes.string,
-    popularSuggestionsConfig: VueTypes.object,
-    recentSuggestionsConfig: VueTypes.object,
-    applyStopwords: VueTypes.bool,
-    customStopwords: types.stringArray,
-    onData: types.func,
-    renderItem: types.func,
-    enterButton: VueTypes.bool.def(false),
-    renderEnterButton: VueTypes.any,
-    mode: VueTypes.oneOf(['select', 'tag']).def('select'),
-    renderSelectedTags: VueTypes.any,
-    searchboxId: VueTypes.string,
-    endpoint: types.endpointConfig
-  },
-  beforeMount: function beforeMount() {
-    if (this.selectedValue) {
-      this.setValue(this.selectedValue, true, this.$props, this.$options.isTagsMode ? causes.SUGGESTION_SELECT : undefined);
-    } else if (this.$props.value) {
-      this.setValue(this.$props.value, true, this.$props, this.$options.isTagsMode ? causes.SUGGESTION_SELECT : undefined);
-    } else if (this.$props.defaultValue) {
-      this.setValue(this.$props.defaultValue, true, this.$props, this.$options.isTagsMode ? causes.SUGGESTION_SELECT : undefined);
-    }
-  },
-  mounted: function mounted() {
-    this.listenForFocusShortcuts();
-  },
-  watch: {
-    dataField: function dataField(newVal, oldVal) {
-      if (!isEqual(newVal, oldVal)) {
-        this.triggerCustomQuery(this.$data.currentValue);
-      }
-    },
-    fieldWeights: function fieldWeights() {
-      this.triggerCustomQuery(this.$data.currentValue);
-    },
-    fuzziness: function fuzziness() {
-      this.triggerCustomQuery(this.$data.currentValue);
-    },
-    queryFormat: function queryFormat() {
-      this.triggerCustomQuery(this.$data.currentValue);
-    },
-    defaultValue: function defaultValue(newVal) {
-      this.setValue(newVal, true, this.$props);
-    },
-    value: function value(newVal, oldVal) {
-      if (!isEqual(newVal, oldVal)) {
-        this.setValue(newVal, true, this.$props, newVal === '' ? causes.CLEAR_VALUE : undefined, false);
-      }
-    },
-    defaultQuery: function defaultQuery(newVal, oldVal) {
-      if (!isQueryIdentical(newVal, oldVal, this.$data.currentValue, this.$props)) {
-        this.triggerDefaultQuery(this.$data.currentValue);
-      }
-    },
-    customQuery: function customQuery(newVal, oldVal) {
-      if (!isQueryIdentical(newVal, oldVal, this.$data.currentValue, this.$props)) {
-        this.triggerCustomQuery(this.$data.currentValue);
-      }
-    },
-    suggestions: function suggestions(newVal) {
-      var suggestionsList = [];
-
-      if (Array.isArray(newVal) && newVal.length) {
-        suggestionsList = [].concat(withClickIds(newVal));
-      } else if (Array.isArray(this.$props.defaultSuggestions) && this.$props.defaultSuggestions.length) {
-        suggestionsList = [].concat(withClickIds(this.$props.defaultSuggestions));
-      }
-
-      this.normalizedSuggestions = suggestionsList;
-    },
-    selectedValue: function selectedValue(newVal, oldVal) {
-      if (!isEqual(newVal, oldVal) && (this.$options.isTagsMode ? !isEqual(this.$data.selectedTags, newVal) : this.$data.currentValue !== newVal)) {
-        if (!newVal && this.$data.currentValue) {
-          // selected value is cleared, call onValueSelected
-          this.onValueSelectedHandler('', causes.CLEAR_VALUE);
-        } // if (this.$props.value === undefined) {
-
-
-        if (this.$options.isTagsMode) {
-          // handling reset of tags through SelectedFilters or URL
-          this.selectedTags = [];
-        }
-
-        var cause = !newVal ? causes.CLEAR_VALUE : undefined;
-
-        if (this.$options.isTagsMode) {
-          cause = causes.SUGGESTION_SELECT;
-        }
-
-        this.setValue(newVal || '', true, this.$props, cause); // }
-      }
-    },
-    focusShortcuts: function focusShortcuts() {
-      this.listenForFocusShortcuts();
-    },
-    rawData: function rawData(newVal) {
-      this.$emit('on-data', {
-        data: this.normalizedSuggestions,
-        rawData: newVal,
-        aggregationData: this.aggregationData,
-        loading: this.isLoading,
-        error: this.isError
-      });
-    },
-    aggregationData: function aggregationData(newVal) {
-      this.$emit('on-data', {
-        data: this.normalizedSuggestions,
-        rawData: this.rawData,
-        aggregationData: newVal,
-        loading: this.isLoading,
-        error: this.isError
-      });
-    },
-    loading: function loading(newVal) {
-      this.$emit('on-data', {
-        data: this.normalizedSuggestions,
-        rawData: this.rawData,
-        aggregationData: this.aggregationData,
-        loading: newVal,
-        error: this.isError
-      });
-    },
-    error: function error(newVal) {
-      this.$emit('on-data', {
-        data: this.normalizedSuggestions,
-        rawData: this.rawData,
-        aggregationData: this.aggregationData,
-        loading: this.isLoading,
-        error: newVal
-      });
-    },
-    debounce: function debounce(newVal, oldVal) {
-      if (!isEqual(newVal, oldVal)) {
-        this.handleTextChange = _debounce(this.handleText, newVal);
-      }
-    }
-  },
-  methods: {
-    handleText: function handleText(value, cause) {
-      if (cause === causes.CLEAR_VALUE) {
-        this.triggerCustomQuery(value);
-        this.triggerDefaultQuery(value);
-      } else if (this.$props.autosuggest) {
-        this.triggerDefaultQuery(value);
-      } else if (!this.$props.enterButton) {
-        this.triggerCustomQuery(value);
-      }
-    },
-    validateDataField: function validateDataField() {
-      var propName = 'dataField';
-      var componentName = SearchBox.name;
-      var props = this.$props;
-      var requiredError = propName + " supplied to " + componentName + " is required. Validation failed.";
-      var propValue = props[propName];
-
-      if (!this.enableAppbase) {
-        if (!propValue) {
-          console.error(requiredError);
-          return;
-        }
-
-        if (typeof propValue !== 'string' && typeof propValue !== 'object' && !Array.isArray(propValue)) {
-          console.error("Invalid " + propName + " supplied to " + componentName + ". Validation failed.");
-          return;
-        }
-
-        if (Array.isArray(propValue) && propValue.length === 0) {
-          console.error(requiredError);
-        }
-      }
-    },
-    getComponent: function getComponent$1(downshiftProps) {
-      if (downshiftProps === void 0) {
-        downshiftProps = {};
-      }
-
-      var currentValue = this.$data.currentValue;
-      var data = {
-        error: this.error,
-        loading: this.isLoading,
-        downshiftProps: downshiftProps,
-        data: this.normalizedSuggestions,
-        rawData: this.rawData,
-        value: currentValue,
-        resultStats: this.stats
-      };
-      return getComponent(data, this);
-    },
-    // returns size and aggs property
-    getBasicQueryOptions: function getBasicQueryOptions() {
-      var aggregationField = this.$props.aggregationField;
-      var queryOptions = getQueryOptions(this.$props);
-
-      if (aggregationField) {
-        queryOptions.aggs = getCompositeAggsQuery({
-          props: this.$props,
-          showTopHits: true
-        }).aggs;
-      }
-
-      return queryOptions;
-    },
-    handleSearchIconClick: function handleSearchIconClick() {
-      var currentValue = this.currentValue;
-
-      if (currentValue.trim()) {
-        this.setValue(currentValue, true);
-        this.onValueSelectedHandler(currentValue, causes.SEARCH_ICON_CLICK);
-      }
-    },
-    setValue: function setValue(value, isDefaultValue, props, cause, toggleIsOpen, categoryValue) {
-      var _this = this;
-
-      if (isDefaultValue === void 0) {
-        isDefaultValue = false;
-      }
-
-      if (props === void 0) {
-        props = this.$props;
-      }
-
-      if (toggleIsOpen === void 0) {
-        toggleIsOpen = true;
-      }
-
-      if (categoryValue === void 0) {
-        categoryValue = undefined;
-      }
-
-      var performUpdate = function performUpdate() {
-        if (_this.$options.isTagsMode && isEqual(value, _this.selectedTags)) {
-          return;
-        }
-
-        if (_this.$options.isTagsMode && cause === causes.SUGGESTION_SELECT) {
-          if (Array.isArray(_this.selectedTags) && _this.selectedTags.length) {
-            // check if value already present in selectedTags
-            if (typeof value === 'string' && _this.selectedTags.includes(value)) {
-              _this.isOpen = false;
-              return;
-            }
-
-            _this.selectedTags = [].concat(_this.selectedTags);
-
-            if (typeof value === 'string' && !!value) {
-              _this.selectedTags.push(value);
-            } else if (Array.isArray(value) && !isEqual(_this.selectedTags, value)) {
-              var mergedArray = Array.from(new Set([].concat(_this.selectedTags, value)));
-              _this.selectedTags = mergedArray;
-            }
-          } else if (value) {
-            _this.selectedTags = typeof value !== 'string' ? value : [].concat(value);
-          }
-
-          _this.currentValue = '';
-        } else {
-          _this.currentValue = decodeHtml(value);
-        }
-
-        var queryHandlerValue = value;
-
-        if (_this.$options.isTagsMode && cause === causes.SUGGESTION_SELECT) {
-          queryHandlerValue = Array.isArray(_this.selectedTags) && _this.selectedTags.length ? _this.selectedTags : undefined;
-        }
-
-        if (isDefaultValue) {
-          if (_this.$props.autosuggest) {
-            if (toggleIsOpen) {
-              _this.isOpen = false;
-            }
-
-            if (typeof _this.currentValue === 'string') _this.triggerDefaultQuery(_this.currentValue);
-          } // in case of strict selection only SUGGESTION_SELECT should be able
-          // to set the query otherwise the value should reset
-
-
-          if (props.strictSelection) {
-            if (cause === causes.SUGGESTION_SELECT || (_this.$options.isTagsMode ? _this.selectedTags.length === 0 : value === '')) {
-              _this.triggerCustomQuery(queryHandlerValue, _this.$options.isTagsMode ? undefined : categoryValue);
-            } else {
-              _this.setValue('', true);
-            }
-          } else if (props.value === undefined || cause === causes.SUGGESTION_SELECT || cause === causes.CLEAR_VALUE) {
-            _this.triggerCustomQuery(queryHandlerValue, _this.$options.isTagsMode ? undefined : categoryValue);
-          }
-        } else {
-          // debounce for handling text while typing
-          _this.handleTextChange(value, cause);
-        }
-
-        _this.$emit('valueChange', value);
-
-        _this.$emit('value-change', value);
-      };
-
-      checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
-    },
-    triggerDefaultQuery: function triggerDefaultQuery(paramValue) {
-      if (!this.$props.autosuggest) {
-        return;
-      }
-
-      var value = typeof paramValue !== 'string' ? this.currentValue : paramValue;
-      var query = SearchBox.defaultQuery(value, this.$props);
-
-      if (this.defaultQuery) {
-        var defaultQueryToBeSet = this.defaultQuery(value, this.$props) || {};
-
-        if (defaultQueryToBeSet.query) {
-          query = defaultQueryToBeSet.query;
-        } // Update calculated default query in store
-
-
-        updateDefaultQuery(this.$props.componentId, this.setDefaultQuery, this.$props, value);
-      }
-
-      this.updateQuery({
-        componentId: this.internalComponent,
-        query: query,
-        value: value,
-        componentType: componentTypes.searchBox
-      });
-    },
-    triggerCustomQuery: function triggerCustomQuery(paramValue, categoryValue) {
-      if (categoryValue === void 0) {
-        categoryValue = undefined;
-      }
-
-      var _this$$props2 = this.$props,
-          customQuery = _this$$props2.customQuery,
-          filterLabel = _this$$props2.filterLabel,
-          showFilter = _this$$props2.showFilter,
-          URLParams = _this$$props2.URLParams;
-      var value = typeof paramValue !== 'string' ? this.$data.currentValue : paramValue;
-
-      if (this.$options.isTagsMode) {
-        value = paramValue;
-      }
-
-      var defaultQueryTobeSet = SearchBox.defaultQuery("" + value + (categoryValue ? " in " + categoryValue : ''), this.$props);
-      var query = defaultQueryTobeSet;
-
-      if (customQuery) {
-        var customQueryTobeSet = customQuery(value, this.$props);
-        var queryTobeSet = customQueryTobeSet.query;
-
-        if (queryTobeSet) {
-          query = queryTobeSet;
-        }
-
-        updateCustomQuery(this.$props.componentId, this.setCustomQuery, this.$props, value);
-      }
-
-      this.updateQuery({
-        componentId: this.$props.componentId,
-        query: query,
-        value: value,
-        label: filterLabel,
-        showFilter: showFilter,
-        URLParams: URLParams,
-        componentType: componentTypes.searchBox,
-        category: categoryValue
-      });
-    },
-    handleFocus: function handleFocus(event) {
-      if (this.$props.autosuggest) {
-        this.isOpen = true;
-      }
-
-      this.$emit('focus', event);
-    },
-    handleVoiceResults: function handleVoiceResults(_ref) {
-      var results = _ref.results;
-
-      if (results && results[0] && results[0].isFinal && results[0][0] && results[0][0].transcript && results[0][0].transcript.trim()) {
-        this.setValue(results[0][0].transcript.trim(), true);
-      }
-    },
-    triggerQuery: function triggerQuery(_ref2) {
-      var _ref2$isOpen = _ref2.isOpen,
-          isOpen = _ref2$isOpen === void 0 ? undefined : _ref2$isOpen,
-          _ref2$customQuery = _ref2.customQuery,
-          customQuery = _ref2$customQuery === void 0 ? true : _ref2$customQuery,
-          _ref2$defaultQuery = _ref2.defaultQuery,
-          defaultQuery = _ref2$defaultQuery === void 0 ? true : _ref2$defaultQuery,
-          _ref2$value = _ref2.value,
-          value = _ref2$value === void 0 ? undefined : _ref2$value,
-          _ref2$categoryValue = _ref2.categoryValue,
-          categoryValue = _ref2$categoryValue === void 0 ? undefined : _ref2$categoryValue;
-
-      if (typeof isOpen === 'boolean') {
-        this.isOpen = isOpen;
-      }
-
-      if (customQuery) {
-        this.triggerCustomQuery(value, categoryValue);
-      }
-
-      if (defaultQuery) {
-        this.triggerDefaultQuery(value);
-      }
-    },
-    triggerClickAnalytics: function triggerClickAnalytics(searchPosition, documentId) {
-      // click analytics would only work client side and after javascript loads
-      var docId = documentId;
-
-      if (!docId) {
-        var hitData = this.normalizedSuggestions.find(function (hit) {
-          return hit._click_id === searchPosition;
-        });
-
-        if (hitData && hitData.source && hitData.source._id) {
-          docId = hitData.source._id;
-        }
-      }
-
-      this.recordSuggestionClick(searchPosition, docId);
-    },
-    clearValue: function clearValue() {
-      this.setValue('', false, this.$props, causes.CLEAR_VALUE, false);
-      this.onValueSelectedHandler('', causes.CLEAR_VALUE);
-    },
-    handleKeyDown: function handleKeyDown(event, highlightedIndex) {
-      if (highlightedIndex === void 0) {
-        highlightedIndex = null;
-      }
-
-      // if a suggestion was selected, delegate the handling to suggestion handler
-      if (event.key === 'Enter') {
-        if (this.$props.autosuggest === false) {
-          this.enterButtonOnClick();
-        } else if (highlightedIndex === null) {
-          this.setValue(event.target.value, true, this.$props, this.$options.isTagsMode ? causes.SUGGESTION_SELECT : undefined // to handle tags
-          );
-          this.onValueSelectedHandler(event.target.value, causes.ENTER_PRESS);
-        }
-      } // Need to review
-
-
-      this.$emit('keyDown', event, this.triggerQuery);
-      this.$emit('key-down', event, this.triggerQuery);
-    },
-    onInputChange: function onInputChange(e) {
-      var _this2 = this;
-
-      var inputValue = e.target.value;
-
-      if (!this.$data.isOpen && this.$props.autosuggest) {
-        this.isOpen = true;
-      }
-
-      var value = this.$props.value;
-
-      if (value === undefined) {
-        this.setValue(inputValue, false, this.$props, inputValue === '' ? causes.CLEAR_VALUE : undefined);
-      } else {
-        this.$emit('change', inputValue, function (_ref3) {
-          var isOpen = _ref3.isOpen;
-          return _this2.triggerQuery({
-            defaultQuery: true,
-            customQuery: true,
-            value: inputValue,
-            isOpen: isOpen
-          });
-        }, e);
-      }
-    },
-    onSuggestionSelected: function onSuggestionSelected(suggestion) {
-      var _this3 = this;
-
-      this.isOpen = false;
-      var value = this.$props.value; // Record analytics for selected suggestions
-
-      this.triggerClickAnalytics(suggestion._click_id);
-
-      if (value === undefined) {
-        this.setValue(suggestion.value, true, this.$props, causes.SUGGESTION_SELECT, false, suggestion._category);
-      } else {
-        var emitValue = suggestion.value;
-
-        if (this.$options.isTagsMode) {
-          emitValue = Array.isArray(this.selectedTags) ? [].concat(this.selectedTags) : [];
-
-          if (this.selectedTags.includes(suggestion.value)) {
-            // avoid duplicates in tags array
-            this.isOpen = false;
-            return;
-          }
-
-          emitValue.push(suggestion.value);
-        }
-
-        this.setValue(emitValue, true, this.$props, causes.SUGGESTION_SELECT, false, suggestion._category);
-        this.$emit('change', emitValue, function (_ref4) {
-          var isOpen = _ref4.isOpen;
-          return _this3.triggerQuery(_extends({
-            isOpen: isOpen,
-            value: emitValue
-          }, !_this3.$options.isTagsMode && {
-            categoryValue: suggestion._category
-          }));
-        });
-      }
-
-      this.onValueSelectedHandler(suggestion.value, causes.SUGGESTION_SELECT, suggestion.source);
-    },
-    onValueSelectedHandler: function onValueSelectedHandler(currentValue) {
-      if (currentValue === void 0) {
-        currentValue = this.$data.currentValue;
-      }
-
-      for (var _len = arguments.length, cause = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        cause[_key - 1] = arguments[_key];
-      }
-
-      this.$emit.apply(this, ['valueSelected', currentValue].concat(cause));
-      this.$emit.apply(this, ['value-selected', currentValue].concat(cause));
-    },
-    handleStateChange: function handleStateChange(changes) {
-      var isOpen = changes.isOpen;
-      this.isOpen = isOpen;
-    },
-    getBackgroundColor: function getBackgroundColor(highlightedIndex, index) {
-      var isDark = this.themePreset === 'dark';
-
-      if (isDark) {
-        return highlightedIndex === index ? '#555' : '#424242';
-      }
-
-      return highlightedIndex === index ? '#eee' : '#fff';
-    },
-    renderIcon: function renderIcon() {
-      var h = this.$createElement;
-
-      if (this.$props.showIcon) {
-        return this.$props.icon || h(SearchSvg);
-      }
-
-      return null;
-    },
-    renderErrorComponent: function renderErrorComponent() {
-      var h = this.$createElement;
-      var renderError = this.$scopedSlots.renderError || this.$props.renderError;
-
-      if (this.error && renderError && this.$data.currentValue && !this.isLoading) {
-        return h(SuggestionWrapper, {
-          "attrs": {
-            "innerClass": this.$props.innerClass,
-            "innerClassName": "error",
-            "theme": this.theme,
-            "themePreset": this.themePreset
-          }
-        }, [isFunction(renderError) ? renderError(this.error) : renderError]);
-      }
-
-      return null;
-    },
-    renderCancelIcon: function renderCancelIcon() {
-      var h = this.$createElement;
-
-      if (this.$props.showClear) {
-        return this.$props.clearIcon || h(CancelSvg);
-      }
-
-      return null;
-    },
-    renderNoSuggestions: function renderNoSuggestions(finalSuggestionsList) {
-      if (finalSuggestionsList === void 0) {
-        finalSuggestionsList = [];
-      }
-
-      var h = this.$createElement;
-      var _this$$props3 = this.$props,
-          theme = _this$$props3.theme,
-          innerClass = _this$$props3.innerClass;
-      var renderNoSuggestion = this.$scopedSlots.renderNoSuggestion || this.$props.renderNoSuggestion;
-      var renderError = this.$scopedSlots.renderError || this.$props.renderError;
-      var _this$$data = this.$data,
-          isOpen = _this$$data.isOpen,
-          currentValue = _this$$data.currentValue;
-
-      if (renderNoSuggestion && isOpen && !finalSuggestionsList.length && !this.isLoading && currentValue && !(renderError && this.error)) {
-        return h(SuggestionWrapper, {
-          "attrs": {
-            "innerClass": innerClass,
-            "themePreset": this.themePreset,
-            "theme": theme,
-            "innerClassName": "noSuggestion"
-          },
-          "scopedSlots": {
-            "default": function _default() {
-              return typeof renderNoSuggestion === 'function' ? renderNoSuggestion(currentValue) : renderNoSuggestion;
-            }
-          }
-        });
-      }
-
-      return null;
-    },
-    renderInputAddonBefore: function renderInputAddonBefore() {
-      var h = this.$createElement;
-      var addonBefore = this.$scopedSlots.addonBefore;
-
-      if (addonBefore) {
-        return h(InputAddon, {
-          "class": "addon-before"
-        }, [addonBefore()]);
-      }
-
-      return null;
-    },
-    renderInputAddonAfter: function renderInputAddonAfter() {
-      var h = this.$createElement;
-      var addonAfter = this.$scopedSlots.addonAfter;
-
-      if (addonAfter) {
-        return h(InputAddon, {
-          "class": "addon-after"
-        }, [addonAfter()]);
-      }
-
-      return null;
-    },
-    enterButtonOnClick: function enterButtonOnClick() {
-      this.triggerQuery({
-        isOpen: false,
-        value: this.currentValue,
-        customQuery: true
-      });
-    },
-    renderEnterButtonElement: function renderEnterButtonElement() {
-      var _this4 = this;
-
-      var h = this.$createElement;
-      var _this$$props4 = this.$props,
-          enterButton = _this$$props4.enterButton,
-          innerClass = _this$$props4.innerClass;
-      var renderEnterButton = this.$scopedSlots.renderEnterButton;
-
-      if (enterButton) {
-        var getEnterButtonMarkup = function getEnterButtonMarkup() {
-          if (renderEnterButton) {
-            return renderEnterButton(_this4.enterButtonOnClick);
-          }
-
-          return h(Button, {
-            "class": "enter-btn " + getClassName(innerClass, 'enter-button'),
-            "attrs": {
-              "primary": true
-            },
-            "on": {
-              "click": _this4.enterButtonOnClick
-            }
-          }, ["Search"]);
-        };
-
-        return h("div", {
-          "class": "enter-button-wrapper"
-        }, [getEnterButtonMarkup()]);
-      }
-
-      return null;
-    },
-    renderIcons: function renderIcons() {
-      var h = this.$createElement;
-      var _this$$props5 = this.$props,
-          iconPosition = _this$$props5.iconPosition,
-          showClear = _this$$props5.showClear,
-          innerClass = _this$$props5.innerClass,
-          getMicInstance = _this$$props5.getMicInstance,
-          showVoiceSearch = _this$$props5.showVoiceSearch,
-          showIcon = _this$$props5.showIcon;
-      var renderMic = this.$scopedSlots.renderMic || this.$props.renderMic;
-      var currentValue = this.$data.currentValue;
-      return h("div", [h(IconGroup, {
-        "attrs": {
-          "groupPosition": "right",
-          "positionType": "absolute"
-        }
-      }, [currentValue && showClear && h(IconWrapper, {
-        "on": {
-          "click": this.clearValue
-        },
-        "attrs": {
-          "showIcon": showIcon,
-          "isClearIcon": true
-        }
-      }, [this.renderCancelIcon()]), showVoiceSearch && h(Mic, {
-        "attrs": {
-          "getInstance": getMicInstance,
-          "render": renderMic,
-          "handleResult": this.handleVoiceResults,
-          "className": getClassName(innerClass, 'mic') || null
-        }
-      }), iconPosition === 'right' && showIcon && h(IconWrapper, {
-        "on": {
-          "click": this.handleSearchIconClick
-        }
-      }, [this.renderIcon()])]), h(IconGroup, {
-        "attrs": {
-          "groupPosition": "left",
-          "positionType": "absolute"
-        }
-      }, [iconPosition === 'left' && showIcon && h(IconWrapper, {
-        "on": {
-          "click": this.handleSearchIconClick
-        }
-      }, [this.renderIcon()])])]);
-    },
-    focusSearchBox: function focusSearchBox(event) {
-      var _this$$refs, _this$$refs$this$$pro;
-
-      var elt = event.target || event.srcElement;
-      var tagName = elt.tagName;
-
-      if (elt.isContentEditable || tagName === 'INPUT' || tagName === 'SELECT' || tagName === 'TEXTAREA') {
-        // already in an input
-        return;
-      }
-
-      (_this$$refs = this.$refs) == null ? void 0 : (_this$$refs$this$$pro = _this$$refs[this.$props.innerRef]) == null ? void 0 : _this$$refs$this$$pro.focus(); // eslint-disable-line
-    },
-    listenForFocusShortcuts: function listenForFocusShortcuts() {
-      var _this5 = this;
-
-      var _this$$props$focusSho = this.$props.focusShortcuts,
-          focusShortcuts = _this$$props$focusSho === void 0 ? ['/'] : _this$$props$focusSho;
-
-      if (isEmpty(focusShortcuts)) {
-        return;
-      }
-
-      var shortcutsString = parseFocusShortcuts(focusShortcuts).join(','); // handler for alphabets and other key combinations
-
-      hotkeys(shortcutsString, // eslint-disable-next-line no-unused-vars
-
-      /* eslint-disable no-shadow */
-      function (event, handler) {
-        // Prevent the default refresh event under WINDOWS system
-        event.preventDefault();
-
-        _this5.focusSearchBox(event);
-      }); // if one of modifier keys are used, they are handled below
-
-      hotkeys('*', function (event) {
-        var modifierKeys = extractModifierKeysFromFocusShortcuts(focusShortcuts);
-        if (modifierKeys.length === 0) return;
-
-        for (var index = 0; index < modifierKeys.length; index += 1) {
-          var element = modifierKeys[index];
-
-          if (hotkeys[element]) {
-            _this5.focusSearchBox(event);
-
-            break;
-          }
-        }
-      });
-    },
-    onAutofillClick: function onAutofillClick(suggestion) {
-      var value = suggestion.value;
-      this.isOpen = true;
-      this.currentValue = decodeHtml(value);
-      this.triggerDefaultQuery(value);
-    },
-    renderAutoFill: function renderAutoFill(suggestion) {
-      var _this6 = this;
-
-      var h = this.$createElement;
-
-      var handleAutoFillClick = function handleAutoFillClick(e) {
-        e.stopPropagation();
-
-        _this6.onAutofillClick(suggestion);
-      };
-      /* 👇 avoid showing autofill for category suggestions👇 */
-
-
-      return suggestion._category ? null : h(AutoFillSvg, {
-        "on": {
-          "click": handleAutoFillClick
-        }
-      });
-    },
-    renderTag: function renderTag(item) {
-      var _this7 = this;
-
-      var h = this.$createElement;
-      var innerClass = this.$props.innerClass;
-      return h(TagItem, {
-        "class": getClassName(innerClass, 'selected-tag') || ''
-      }, [h("span", [item]), h("span", {
-        "attrs": {
-          "role": "img",
-          "aria-label": "delete-tag"
-        },
-        "class": "close-icon",
-        "on": {
-          "click": function click() {
-            return _this7.clearTag(item);
-          }
-        }
-      }, [h(CancelSvg)])]);
-    },
-    clearAllTags: function clearAllTags() {
-      this.selectedTags = [];
-      this.setValue('', true, this.$props, causes.SUGGESTION_SELECT);
-
-      if (this.$props.value !== undefined) {
-        this.$emit('change', this.selectedTags, this.triggerQuery);
-      }
-    },
-    clearTag: function clearTag(tagValue) {
-      this.selectedTags = [].concat(this.selectedTags.filter(function (tag) {
-        return tag !== tagValue;
-      }));
-      this.setValue('', true, this.$props, causes.SUGGESTION_SELECT);
-
-      if (this.$props.value !== undefined) {
-        this.$emit('change', this.selectedTags, this.triggerQuery);
-      }
-    },
-    renderTags: function renderTags() {
-      var _this8 = this;
-
-      var h = this.$createElement;
-
-      if (!Array.isArray(this.selectedTags)) {
-        return null;
-      }
-
-      var tagsList = [].concat(this.selectedTags);
-      var shouldRenderClearAllTag = tagsList.length > 1;
-      var renderSelectedTags = this.$scopedSlots.renderSelectedTags || this.$props.renderSelectedTags;
-      return renderSelectedTags ? renderSelectedTags({
-        values: this.selectedTags,
-        handleClear: this.clearTag,
-        handleClearAll: this.clearAllTags
-      }) : h(TagsContainer, [tagsList.map(function (item) {
-        return _this8.renderTag(item);
-      }), shouldRenderClearAllTag && h(TagItem, {
-        "class": getClassName(this.$props.innerClass, 'selected-tag') || ''
-      }, [h("span", ["Clear All"]), h("span", {
-        "attrs": {
-          "role": "img",
-          "aria-label": "delete-tag"
-        },
-        "class": "close-icon",
-        "on": {
-          "click": this.clearAllTags
-        }
-      }, [h(CancelSvg)])])]);
-    }
-  },
-  render: function render() {
-    var _this9 = this;
-
-    var h = arguments[0];
-    var _this$$props6 = this.$props,
-        theme = _this$$props6.theme,
-        expandSuggestionsContainer = _this$$props6.expandSuggestionsContainer;
-    var _this$$scopedSlots = this.$scopedSlots,
-        recentSearchesIcon = _this$$scopedSlots.recentSearchesIcon,
-        popularSearchesIcon = _this$$scopedSlots.popularSearchesIcon;
-    var hasSuggestions = Array.isArray(this.normalizedSuggestions) && this.normalizedSuggestions.length;
-    var renderItem = this.$scopedSlots.renderItem || this.$props.renderItem;
-    return h(Container, {
-      "class": this.$props.className
-    }, [this.$props.title && h(Title, {
-      "class": getClassName(this.$props.innerClass, 'title') || ''
-    }, [this.$props.title]), this.$props.autosuggest ? h(Downshift, {
-      "attrs": {
-        "id": this.$props.componentId + "-downshift",
-        "handleChange": this.onSuggestionSelected,
-        "handleMouseup": this.handleStateChange,
-        "isOpen": this.$data.isOpen
-      },
-      "scopedSlots": {
-        "default": function _default(_ref5) {
-          var getInputEvents = _ref5.getInputEvents,
-              getInputProps = _ref5.getInputProps,
-              getItemProps = _ref5.getItemProps,
-              getItemEvents = _ref5.getItemEvents,
-              isOpen = _ref5.isOpen,
-              highlightedIndex = _ref5.highlightedIndex,
-              setHighlightedIndex = _ref5.setHighlightedIndex;
-
-          var renderSuggestionsDropdown = function renderSuggestionsDropdown() {
-            var getIcon = function getIcon(iconType) {
-              switch (iconType) {
-                case suggestionTypes.Recent:
-                  return recentSearchesIcon;
-
-                case suggestionTypes.Popular:
-                  return popularSearchesIcon;
-
-                default:
-                  return null;
-              }
-            };
-
-            return h("div", [_this9.hasCustomRenderer && _this9.getComponent({
-              isOpen: isOpen,
-              getItemProps: getItemProps,
-              getItemEvents: getItemEvents,
-              highlightedIndex: highlightedIndex
-            }), _this9.renderErrorComponent(), !_this9.hasCustomRenderer && isOpen && hasSuggestions ? h("ul", {
-              "class": suggestions(_this9.themePreset, theme) + " " + getClassName(_this9.$props.innerClass, 'list')
-            }, [_this9.normalizedSuggestions.map(function (item, index) {
-              return renderItem ? h("li", {
-                "domProps": _extends({}, getItemProps({
-                  item: item
-                })),
-                "on": _extends({}, getItemEvents({
-                  item: item
-                })),
-                "key": index + 1 + "-" + item.value,
-                "style": {
-                  backgroundColor: _this9.getBackgroundColor(highlightedIndex, index),
-                  justifyContent: 'flex-start',
-                  alignItems: 'center'
-                }
-              }, [renderItem(item)]) : h("li", {
-                "domProps": _extends({}, getItemProps({
-                  item: item
-                })),
-                "on": _extends({}, getItemEvents({
-                  item: item
-                })),
-                "key": index + 1 + "-" + item.value,
-                "style": {
-                  backgroundColor: _this9.getBackgroundColor(highlightedIndex, index),
-                  justifyContent: 'flex-start',
-                  alignItems: 'center'
-                }
-              }, [h("div", {
-                "style": {
-                  padding: '0 10px 0 0',
-                  display: 'flex'
-                }
-              }, [h(CustomSvg, {
-                "attrs": {
-                  "className": getClassName(_this9.$props.innerClass, item._suggestion_type + "-search-icon") || null,
-                  "icon": getIcon(item._suggestion_type),
-                  "type": item._suggestion_type + "-search-icon"
-                }
-              })]), h(SuggestionItem, {
-                "attrs": {
-                  "currentValue": _this9.currentValue,
-                  "suggestion": item
-                }
-              }), _this9.renderAutoFill(item)]);
-            })]) : _this9.renderNoSuggestions(_this9.normalizedSuggestions)]);
-          };
-
-          return h("div", {
-            "class": suggestionsContainer
-          }, [h(InputGroup, [_this9.renderInputAddonBefore(), h(InputWrapper, [h(Input, {
-            "attrs": {
-              "id": _this9.$props.componentId + "-input",
-              "showIcon": _this9.$props.showIcon,
-              "showClear": _this9.$props.showClear,
-              "iconPosition": _this9.$props.iconPosition,
-              "placeholder": _this9.$props.placeholder,
-              "autoFocus": _this9.$props.autoFocus,
-              "themePreset": _this9.themePreset,
-              "autocomplete": "off"
-            },
-            "ref": _this9.$props.innerRef,
-            "class": getClassName(_this9.$props.innerClass, 'input'),
-            "on": _extends({}, getInputEvents({
-              onInput: _this9.onInputChange,
-              onBlur: function onBlur(e) {
-                _this9.$emit('blur', e, _this9.triggerQuery);
-              },
-              onFocus: _this9.handleFocus,
-              onKeyPress: function onKeyPress(e) {
-                _this9.$emit('keyPress', e, _this9.triggerQuery);
-
-                _this9.$emit('key-press', e, _this9.triggerQuery);
-              },
-              onKeyDown: function onKeyDown(e) {
-                return _this9.handleKeyDown(e, highlightedIndex);
-              },
-              onKeyUp: function onKeyUp(e) {
-                _this9.$emit('keyUp', e, _this9.triggerQuery);
-
-                _this9.$emit('key-up', e, _this9.triggerQuery);
-              },
-              onClick: function onClick() {
-                setHighlightedIndex(null);
-              }
-            })),
-            "domProps": _extends({}, getInputProps({
-              value: _this9.$data.currentValue === null ? '' : _this9.$data.currentValue
-            }))
-          }), _this9.renderIcons(), !expandSuggestionsContainer && renderSuggestionsDropdown()]), _this9.renderInputAddonAfter(), _this9.renderEnterButtonElement()]), expandSuggestionsContainer && renderSuggestionsDropdown(), _this9.renderTags()]);
-        }
-      }
-    }) : h("div", {
-      "class": suggestionsContainer
-    }, [h(InputGroup, [this.renderInputAddonBefore(), h(InputWrapper, [h(Input, {
-      "class": getClassName(this.$props.innerClass, 'input') || '',
-      "attrs": {
-        "placeholder": this.$props.placeholder,
-        "iconPosition": this.$props.iconPosition,
-        "showIcon": this.$props.showIcon,
-        "showClear": this.$props.showClear,
-        "themePreset": this.themePreset
-      },
-      "on": _extends({}, {
-        blur: function blur(e) {
-          _this9.$emit('blur', e, _this9.triggerQuery);
-        },
-        keypress: function keypress(e) {
-          _this9.$emit('keyPress', e, _this9.triggerQuery);
-
-          _this9.$emit('key-press', e, _this9.triggerQuery);
-        },
-        input: this.onInputChange,
-        focus: function focus(e) {
-          _this9.$emit('focus', e, _this9.triggerQuery);
-        },
-        keydown: this.handleKeyDown,
-        keyup: function keyup(e) {
-          _this9.$emit('keyUp', e, _this9.triggerQuery);
-
-          _this9.$emit('key-up', e, _this9.triggerQuery);
-        }
-      }),
-      "domProps": _extends({}, {
-        autofocus: this.$props.autoFocus,
-        value: this.$data.currentValue ? this.$data.currentValue : ''
-      }),
-      "ref": this.$props.innerRef
-    }), this.renderIcons()]), this.renderInputAddonAfter(), this.renderEnterButtonElement()])])]);
-  },
-  destroyed: function destroyed() {
-    document.removeEventListener('keydown', this.onKeyDown);
-  }
-};
-
-SearchBox.defaultQuery = function (value, props) {
-  var finalQuery = null;
-  var fields = normalizeDataField(props.dataField, props.fieldWeights);
-  finalQuery = {
-    bool: {
-      should: SearchBox.shouldQuery(value, fields, props),
-      minimum_should_match: '1'
-    }
-  };
-
-  if (finalQuery && props.nestedField) {
-    return {
-      query: {
-        nested: {
-          path: props.nestedField,
-          query: finalQuery
-        }
-      }
-    };
-  }
-
-  return finalQuery;
-};
-
-SearchBox.shouldQuery = function (value, dataFields, props) {
-  var finalQuery = [];
-  var phrasePrefixFields = [];
-  var fields = dataFields.map(function (dataField) {
-    var queryField = "" + dataField.field + (dataField.weight ? "^" + dataField.weight : '');
-
-    if (!(dataField.field.endsWith('.keyword') || dataField.field.endsWith('.autosuggest') || dataField.field.endsWith('.search'))) {
-      phrasePrefixFields.push(queryField);
-    }
-
-    return queryField;
-  });
-
-  if (props.searchOperators || props.queryString) {
-    return {
-      query: value,
-      fields: fields,
-      default_operator: props.queryFormat
-    };
-  }
-
-  if (props.queryFormat === 'and') {
-    finalQuery.push({
-      multi_match: {
-        query: value,
-        fields: fields,
-        type: 'cross_fields',
-        operator: 'and'
-      }
-    });
-    finalQuery.push({
-      multi_match: {
-        query: value,
-        fields: fields,
-        type: 'phrase',
-        operator: 'and'
-      }
-    });
-
-    if (phrasePrefixFields.length > 0) {
-      finalQuery.push({
-        multi_match: {
-          query: value,
-          fields: phrasePrefixFields,
-          type: 'phrase_prefix',
-          operator: 'and'
-        }
-      });
-    }
-
-    return finalQuery;
-  }
-
-  finalQuery.push({
-    multi_match: {
-      query: value,
-      fields: fields,
-      type: 'best_fields',
-      operator: 'or',
-      fuzziness: props.fuzziness ? props.fuzziness : 0
-    }
-  });
-  finalQuery.push({
-    multi_match: {
-      query: value,
-      fields: fields,
-      type: 'phrase',
-      operator: 'or'
-    }
-  });
-
-  if (phrasePrefixFields.length > 0) {
-    finalQuery.push({
-      multi_match: {
-        query: value,
-        fields: phrasePrefixFields,
-        type: 'phrase_prefix',
-        operator: 'or'
-      }
-    });
-  }
-
-  return finalQuery;
-};
-
-var mapStateToProps = function mapStateToProps(state, props) {
-  return {
-    selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
-    selectedCategory: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].category || null,
-    suggestions: state.hits[props.componentId] && state.hits[props.componentId].hits,
-    rawData: state.rawData[props.componentId],
-    aggregationData: state.compositeAggregations[props.componentId] || [],
-    themePreset: state.config.themePreset,
-    isLoading: !!state.isLoading[props.componentId + "_active"],
-    error: state.error[props.componentId],
-    enableAppbase: state.config.enableAppbase,
-    time: state.hits[props.componentId] && state.hits[props.componentId].time || 0,
-    total: state.hits[props.componentId] && state.hits[props.componentId].total,
-    hidden: state.hits[props.componentId] && state.hits[props.componentId].hidden
-  };
-};
-
-var mapDispatchToProps = {
-  updateQuery: updateQuery,
-  setCustomQuery: setCustomQuery,
-  setDefaultQuery: setDefaultQuery,
-  recordSuggestionClick: recordSuggestionClick
-};
-var DSConnected = ComponentWrapper(connect(mapStateToProps, mapDispatchToProps)(SearchBox), {
-  componentType: componentTypes.searchBox,
-  internalComponent: true
-});
-
-SearchBox.install = function (Vue) {
-  Vue.component(SearchBox.name, DSConnected);
-}; // Add componentType for SSR
-
-
-SearchBox.componentType = componentTypes.searchBox;
-
-var components = [ReactiveList, ResultCard, ResultList, ReactiveBase, DataSearch, SearchBox, SingleList, MultiList, SingleRange, MultiRange, RangeSlider, DynamicRangeSlider, ReactiveComponent, SelectedFilters, ToggleButton, SingleDropdownList, MultiDropdownList, StateProvider, RangeInput];
-function install (Vue) {
-  components.map(function (component) {
-    Vue.use(component);
-    return null;
-  });
-}
-
-export { SearchBox as S, install as i };