@appbaseio/reactivesearch-vue 1.16.0-alpha.50 → 1.16.0-alpha.53

package/dist/@appbaseio/reactivesearch-vue.umd.js

@@ -1236,7 +1236,7 @@
 	    geo: 'geo',
 	    suggestion: 'suggestion'
 	  };
-	  var validProps = exports.validProps = ['componentType', 'aggregationField', 'aggregationSize', 'distinctField', 'distinctFieldConfig', 'index', 'dataField', 'includeFields', 'excludeFields', 'size', 'from', 'sortBy', 'sortOptions', 'pagination', 'autoFocus', 'autosuggest', 'debounce', 'defaultValue', 'defaultSuggestions', 'fieldWeights', 'filterLabel', 'fuzziness', 'highlight', 'highlightField', 'nestedField', 'placeholder', 'queryFormat', 'searchOperators', 'enableSynonyms', 'enableQuerySuggestions', 'enablePopularSuggestions', 'queryString', 'categoryField', 'strictSelection', 'selectAllLabel', 'showCheckbox', 'showFilter', 'showSearch', 'showCount', 'showLoadMore', 'loadMoreLabel', 'showMissing', 'missingLabel', 'data', 'showRadio', 'multiSelect', 'includeNullValues', 'interval', 'showHistogram', 'snap', 'stepValue', 'range', 'showSlider', 'parseDate', 'calendarInterval', 'unit', 'enablePopularSuggestions', 'popularSuggestionsConfig', 'enableRecentSuggestions', 'recentSuggestionsConfig', 'enablePredictiveSuggestions', 'applyStopwords', 'customStopwords'];
+	  var validProps = exports.validProps = ['componentType', 'aggregationField', 'aggregationSize', 'distinctField', 'distinctFieldConfig', 'index', 'dataField', 'includeFields', 'excludeFields', 'size', 'from', 'sortBy', 'sortOptions', 'pagination', 'autoFocus', 'autosuggest', 'debounce', 'defaultValue', 'defaultSuggestions', 'fieldWeights', 'filterLabel', 'fuzziness', 'highlight', 'highlightField', 'nestedField', 'placeholder', 'queryFormat', 'searchOperators', 'enableSynonyms', 'enableQuerySuggestions', 'enablePopularSuggestions', 'queryString', 'categoryField', 'strictSelection', 'selectAllLabel', 'showCheckbox', 'showFilter', 'showSearch', 'showCount', 'showLoadMore', 'loadMoreLabel', 'showMissing', 'missingLabel', 'data', 'showRadio', 'multiSelect', 'includeNullValues', 'interval', 'showHistogram', 'snap', 'stepValue', 'range', 'showSlider', 'parseDate', 'calendarInterval', 'unit', 'enablePopularSuggestions', 'enableRecentSuggestions', 'popularSuggestionsConfig', 'recentSuggestionsConfig', 'indexSuggestionsConfig', 'featuredSuggestionsConfig', 'enablePredictiveSuggestions', 'applyStopwords', 'customStopwords', 'enableIndexSuggestions', 'enableFeaturedSuggestions'];
 	  var CLEAR_ALL = exports.CLEAR_ALL = {
 	    NEVER: 'never',
 	    ALWAYS: 'always',
@@ -1723,16 +1723,24 @@
 
 	    switch (action.type) {
 	      case constants.SET_VALUE:
-	        return _extends({}, state, _defineProperty({}, action.component, {
-	          value: action.value,
-	          label: action.label || action.component,
-	          showFilter: action.showFilter,
-	          URLParams: action.URLParams,
-	          componentType: action.componentType,
-	          category: action.category,
-	          meta: action.meta,
-	          reference: action.reference
-	        }));
+	        {
+	          var newState = {};
+	          Object.keys(action.componentsToReset).forEach(function (id) {
+	            newState[id] = _extends({}, state[id], {
+	              value: action.componentsToReset[id]
+	            });
+	          });
+	          return _extends({}, state, newState, _defineProperty({}, action.component, {
+	            value: action.value,
+	            label: action.label || action.component,
+	            showFilter: action.showFilter,
+	            URLParams: action.URLParams,
+	            componentType: action.componentType,
+	            category: action.category,
+	            meta: action.meta,
+	            reference: action.reference
+	          }));
+	        }
 
 	      case constants.PATCH_VALUE:
 	        return _extends({}, state, _defineProperty({}, action.component, _extends({}, state[action.component], action.payload)));
@@ -4958,7 +4966,7 @@
 	  Object.defineProperty(exports, "__esModule", {
 	    value: true
 	  });
-	  exports.hasCustomRenderer = exports.getComponent = exports.isFunction = exports.getCalendarIntervalErrorMessage = exports.queryFormatMillisecondsMap = exports.suggestionTypes = exports.getTopSuggestions = exports.withClickIds = exports.getCompositeAggsQuery = exports.getAggsQuery = exports.extractQueryFromDefaultQuery = exports.updateInternalQuery = exports.getSearchState = exports.extractQueryFromCustomQuery = exports.getOptionsForCustomQuery = exports.getOptionsFromQuery = exports.parseHits = exports.handleA11yAction = exports.getInnerKey = exports.getClassName = exports.checkSomePropChange = exports.checkPropChange = exports.updateDefaultQuery = exports.updateCustomQuery = undefined;
+	  exports.hasCustomRenderer = exports.getComponent = exports.isFunction = exports.getCalendarIntervalErrorMessage = exports.queryFormatMillisecondsMap = exports.featuredSuggestionsActionTypes = exports.suggestionTypes = exports.getTopSuggestions = exports.withClickIds = exports.getCompositeAggsQuery = exports.getAggsQuery = exports.extractQueryFromDefaultQuery = exports.updateInternalQuery = exports.getSearchState = exports.extractQueryFromCustomQuery = exports.getOptionsForCustomQuery = exports.getOptionsFromQuery = exports.parseHits = exports.handleA11yAction = exports.getInnerKey = exports.getClassName = exports.checkSomePropChange = exports.checkPropChange = exports.updateDefaultQuery = exports.updateCustomQuery = undefined;
 
 	  var _extends = Object.assign || function (target) {
 	    for (var i = 1; i < arguments.length; i++) {
@@ -5820,7 +5828,12 @@
 	    Popular: 'popular',
 	    Index: 'index',
 	    Recent: 'recent',
-	    Promoted: 'promoted'
+	    Promoted: 'promoted',
+	    Featured: 'featured'
+	  };
+	  var featuredSuggestionsActionTypes = exports.featuredSuggestionsActionTypes = {
+	    NAVIGATE: 'navigate',
+	    FUNCTION: 'function'
 	  };
 	  var queryFormatMillisecondsMap = exports.queryFormatMillisecondsMap = {
 	    minute: 60000,
@@ -5895,39 +5908,40 @@
 	var helper_3 = helper.isFunction;
 	var helper_4 = helper.getCalendarIntervalErrorMessage;
 	var helper_5 = helper.queryFormatMillisecondsMap;
-	var helper_6 = helper.suggestionTypes;
-	var helper_7 = helper.getTopSuggestions;
-	var helper_8 = helper.withClickIds;
-	var helper_9 = helper.getCompositeAggsQuery;
-	var helper_10 = helper.getAggsQuery;
-	var helper_11 = helper.extractQueryFromDefaultQuery;
-	var helper_12 = helper.updateInternalQuery;
-	var helper_13 = helper.getSearchState;
-	var helper_14 = helper.extractQueryFromCustomQuery;
-	var helper_15 = helper.getOptionsForCustomQuery;
-	var helper_16 = helper.getOptionsFromQuery;
-	var helper_17 = helper.parseHits;
-	var helper_18 = helper.handleA11yAction;
-	var helper_19 = helper.getInnerKey;
-	var helper_20 = helper.getClassName;
-	var helper_21 = helper.checkSomePropChange;
-	var helper_22 = helper.checkPropChange;
-	var helper_23 = helper.updateDefaultQuery;
-	var helper_24 = helper.updateCustomQuery;
-	var helper_25 = helper.isEqual;
-	var helper_26 = helper.compareQueries;
-	var helper_27 = helper.debounce;
-	var helper_28 = helper.getQueryOptions;
-	var helper_29 = helper.buildQuery;
-	var helper_30 = helper.pushToAndClause;
-	var helper_31 = helper.checkValueChange;
-	var helper_32 = helper.getAggsOrder;
-	var helper_33 = helper.formatDate;
-	var helper_34 = helper.getResultStats;
-	var helper_35 = helper.extractFieldsFromSource;
-	var helper_36 = helper.normalizeDataField;
-	var helper_37 = helper.handleOnSuggestions;
-	var helper_38 = helper.isValidDateRangeQueryFormat;
+	var helper_6 = helper.featuredSuggestionsActionTypes;
+	var helper_7 = helper.suggestionTypes;
+	var helper_8 = helper.getTopSuggestions;
+	var helper_9 = helper.withClickIds;
+	var helper_10 = helper.getCompositeAggsQuery;
+	var helper_11 = helper.getAggsQuery;
+	var helper_12 = helper.extractQueryFromDefaultQuery;
+	var helper_13 = helper.updateInternalQuery;
+	var helper_14 = helper.getSearchState;
+	var helper_15 = helper.extractQueryFromCustomQuery;
+	var helper_16 = helper.getOptionsForCustomQuery;
+	var helper_17 = helper.getOptionsFromQuery;
+	var helper_18 = helper.parseHits;
+	var helper_19 = helper.handleA11yAction;
+	var helper_20 = helper.getInnerKey;
+	var helper_21 = helper.getClassName;
+	var helper_22 = helper.checkSomePropChange;
+	var helper_23 = helper.checkPropChange;
+	var helper_24 = helper.updateDefaultQuery;
+	var helper_25 = helper.updateCustomQuery;
+	var helper_26 = helper.isEqual;
+	var helper_27 = helper.compareQueries;
+	var helper_28 = helper.debounce;
+	var helper_29 = helper.getQueryOptions;
+	var helper_30 = helper.buildQuery;
+	var helper_31 = helper.pushToAndClause;
+	var helper_32 = helper.checkValueChange;
+	var helper_33 = helper.getAggsOrder;
+	var helper_34 = helper.formatDate;
+	var helper_35 = helper.getResultStats;
+	var helper_36 = helper.extractFieldsFromSource;
+	var helper_37 = helper.normalizeDataField;
+	var helper_38 = helper.handleOnSuggestions;
+	var helper_39 = helper.isValidDateRangeQueryFormat;
 
 	var value = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
@@ -5969,17 +5983,57 @@
 	    return obj;
 	  }
 
-	  function setValue(component, value, label, showFilter, URLParams, componentType, category, meta) {
+	  function _toConsumableArray(arr) {
+	    if (Array.isArray(arr)) {
+	      for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) {
+	        arr2[i] = arr[i];
+	      }
+
+	      return arr2;
+	    } else {
+	      return Array.from(arr);
+	    }
+	  }
+
+	  function setValue(component, value, label, showFilter, URLParams, componentType, category, meta, updateSource) {
 	    return function (dispatch, getState) {
 	      var _getState = getState(),
-	          urlValues = _getState.urlValues;
+	          urlValues = _getState.urlValues,
+	          selectedValues = _getState.selectedValues,
+	          watchMan = _getState.watchMan,
+	          props = _getState.props;
 
-	      var reference = void 0;
+	      var reference = updateSource;
 
 	      if ((0, helper.isEqual)(urlValues[component], value)) {
 	        reference = 'URL';
 	      }
 
+	      var componentsToReset = {};
+	      var isResultComponent = [constants$1.componentTypes.reactiveList, constants$1.componentTypes.reactiveMap].includes(props[component] && props[component].componentType);
+	      var previousValue = selectedValues[component] && selectedValues[component].value;
+
+	      if (!(0, helper.isEqual)(previousValue, value) && props[component] && !isResultComponent) {
+	        var componentList = [component];
+	        var watchList = watchMan[component] || [];
+	        componentList = [].concat(_toConsumableArray(componentList), _toConsumableArray(watchList));
+	        componentList.forEach(function (comp) {
+	          var componentProps = props[comp];
+
+	          if (reference !== 'URL' && componentProps && [constants$1.componentTypes.reactiveList, constants$1.componentTypes.reactiveMap].includes(componentProps.componentType)) {
+	            if (selectedValues[comp] !== null) {
+	              componentsToReset[comp] = null;
+	            }
+	          }
+	        });
+	      }
+
+	      if (isResultComponent) {
+	        if (value < 2 && (!previousValue || previousValue < 2)) {
+	          return;
+	        }
+	      }
+
 	      dispatch({
 	        type: constants.SET_VALUE,
 	        component: component,
@@ -5990,7 +6044,8 @@
 	        URLParams: URLParams,
 	        componentType: componentType,
 	        category: category,
-	        meta: meta
+	        meta: meta,
+	        componentsToReset: componentsToReset
 	      });
 	    };
 	  }
@@ -6065,6 +6120,76 @@
 	var value_4 = value.patchValue;
 	var value_5 = value.clearValues;
 
+	var hits = createCommonjsModule(function (module, exports) {
+	  Object.defineProperty(exports, "__esModule", {
+	    value: true
+	  });
+	  exports.updateAggs = updateAggs;
+	  exports.updateCompositeAggs = updateCompositeAggs;
+	  exports.updateHits = updateHits;
+	  exports.saveQueryToHits = saveQueryToHits;
+	  exports.mockDataForTesting = mockDataForTesting;
+
+	  function updateAggs(component, aggregations) {
+	    var append = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+	    return {
+	      type: constants.UPDATE_AGGS,
+	      component: component,
+	      aggregations: aggregations,
+	      append: append
+	    };
+	  }
+
+	  function updateCompositeAggs(component, aggregations) {
+	    var append = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+	    return {
+	      type: constants.UPDATE_COMPOSITE_AGGS,
+	      component: component,
+	      aggregations: aggregations,
+	      append: append
+	    };
+	  }
+
+	  function updateHits(component, hits, time, hidden) {
+	    var append = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+	    return {
+	      type: constants.UPDATE_HITS,
+	      component: component,
+	      hits: hits.hits,
+	      total: typeof hits.total === 'object' ? hits.total.value : hits.total,
+	      hidden: hidden,
+	      time: time,
+	      append: append
+	    };
+	  }
+
+	  function saveQueryToHits(component, query) {
+	    return {
+	      type: constants.SET_QUERY_TO_HITS,
+	      component: component,
+	      query: query
+	    };
+	  }
+
+	  function mockDataForTesting(component, data) {
+	    return function (dispatch) {
+	      if (data.hasOwnProperty('aggregations')) {
+	        dispatch(updateAggs(component, data.aggregations));
+	      }
+
+	      if (data.hasOwnProperty('hits')) {
+	        dispatch(updateHits(component, data, data.time || undefined));
+	      }
+	    };
+	  }
+	});
+	unwrapExports(hits);
+	var hits_1 = hits.updateAggs;
+	var hits_2 = hits.updateCompositeAggs;
+	var hits_3 = hits.updateHits;
+	var hits_4 = hits.saveQueryToHits;
+	var hits_5 = hits.mockDataForTesting;
+
 	var misc = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
 	    value: true
@@ -6092,6 +6217,7 @@
 	  exports.setGoogleMapScriptLoading = setGoogleMapScriptLoading;
 	  exports.setGoogleMapScriptLoaded = setGoogleMapScriptLoaded;
 	  exports.setGoogleMapScriptError = setGoogleMapScriptError;
+	  exports.resetStoreForComponent = resetStoreForComponent;
 
 	  function setRawData(component, response) {
 	    return {
@@ -6283,6 +6409,22 @@
 	      error: error
 	    };
 	  }
+
+	  function resetStoreForComponent(componentId) {
+	    return function (dispatch) {
+	      dispatch(setRawData(componentId, null));
+	      dispatch(setCustomData(null, componentId));
+	      dispatch(setPromotedResults([], componentId));
+	      dispatch(setPopularSuggestions([], componentId));
+	      dispatch(setDefaultPopularSuggestions([], componentId));
+	      dispatch((0, hits.updateAggs)(componentId, null));
+	      dispatch((0, hits.updateCompositeAggs)(componentId, {}));
+	      dispatch((0, hits.updateHits)(componentId, {
+	        hits: [],
+	        total: 0
+	      }, 0));
+	    };
+	  }
 	});
 	unwrapExports(misc);
 	var misc_1 = misc.setRawData;
@@ -6308,76 +6450,7 @@
 	var misc_21 = misc.setGoogleMapScriptLoading;
 	var misc_22 = misc.setGoogleMapScriptLoaded;
 	var misc_23 = misc.setGoogleMapScriptError;
-
-	var hits = createCommonjsModule(function (module, exports) {
-	  Object.defineProperty(exports, "__esModule", {
-	    value: true
-	  });
-	  exports.updateAggs = updateAggs;
-	  exports.updateCompositeAggs = updateCompositeAggs;
-	  exports.updateHits = updateHits;
-	  exports.saveQueryToHits = saveQueryToHits;
-	  exports.mockDataForTesting = mockDataForTesting;
-
-	  function updateAggs(component, aggregations) {
-	    var append = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-	    return {
-	      type: constants.UPDATE_AGGS,
-	      component: component,
-	      aggregations: aggregations,
-	      append: append
-	    };
-	  }
-
-	  function updateCompositeAggs(component, aggregations) {
-	    var append = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-	    return {
-	      type: constants.UPDATE_COMPOSITE_AGGS,
-	      component: component,
-	      aggregations: aggregations,
-	      append: append
-	    };
-	  }
-
-	  function updateHits(component, hits, time, hidden) {
-	    var append = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-	    return {
-	      type: constants.UPDATE_HITS,
-	      component: component,
-	      hits: hits.hits,
-	      total: typeof hits.total === 'object' ? hits.total.value : hits.total,
-	      hidden: hidden,
-	      time: time,
-	      append: append
-	    };
-	  }
-
-	  function saveQueryToHits(component, query) {
-	    return {
-	      type: constants.SET_QUERY_TO_HITS,
-	      component: component,
-	      query: query
-	    };
-	  }
-
-	  function mockDataForTesting(component, data) {
-	    return function (dispatch) {
-	      if (data.hasOwnProperty('aggregations')) {
-	        dispatch(updateAggs(component, data.aggregations));
-	      }
-
-	      if (data.hasOwnProperty('hits')) {
-	        dispatch(updateHits(component, data, data.time || undefined));
-	      }
-	    };
-	  }
-	});
-	unwrapExports(hits);
-	var hits_1 = hits.updateAggs;
-	var hits_2 = hits.updateCompositeAggs;
-	var hits_3 = hits.updateHits;
-	var hits_4 = hits.saveQueryToHits;
-	var hits_5 = hits.mockDataForTesting;
+	var misc_24 = misc.resetStoreForComponent;
 
 	var xdate = createCommonjsModule(function (module) {
 	  /**
@@ -7345,7 +7418,11 @@
 	        recentSuggestionsConfig: props.recentSuggestionsConfig,
 	        applyStopwords: props.applyStopwords,
 	        customStopwords: props.customStopwords,
-	        enablePredictiveSuggestions: props.enablePredictiveSuggestions
+	        enablePredictiveSuggestions: props.enablePredictiveSuggestions,
+	        featuredSuggestionsConfig: props.featuredSuggestionsConfig,
+	        indexSuggestionsConfig: props.indexSuggestionsConfig,
+	        enableFeaturedSuggestions: props.enableFeaturedSuggestions,
+	        enableIndexSuggestions: props.enableIndexSuggestions
 	      } : {}, {
 	        calendarInterval: props.calendarInterval
 	      });
@@ -8988,7 +9065,6 @@
 	          queryOptions = _getState4.queryOptions,
 	          queryListener = _getState4.queryListener,
 	          props = _getState4.props,
-	          selectedValues = _getState4.selectedValues,
 	          internalValues = _getState4.internalValues;
 
 	      var lockTime = config.initialQueriesSyncTime;
@@ -9008,12 +9084,6 @@
 	        match_all: {}
 	      };
 	      componentList.forEach(function (component) {
-	        var componentProps = props[component];
-
-	        if (selectedValues[componentId] && selectedValues[componentId].reference !== 'URL' && componentProps && [constants$1.componentTypes.reactiveList, constants$1.componentTypes.reactiveMap].includes(componentProps.componentType)) {
-	          dispatch((0, value.setValue)(component, null));
-	        }
-
 	        var _buildQuery = (0, helper.buildQuery)(component, dependencyTree, queryList, queryOptions),
 	            queryObj = _buildQuery.queryObj,
 	            options = _buildQuery.options;
@@ -9064,16 +9134,16 @@
 	            (0, utils.executeQueryListener)(queryListener[component], oldQuery, currentQuery);
 
 	            if (isAppbaseEnabled) {
-	              var value$1 = void 0;
+	              var value = void 0;
 	              var isInternalComponent = componentId.endsWith('__internal');
 	              var mainComponentProps = props[componentId];
 
 	              if (isInternalComponent && mainComponentProps && (0, transform.isSearchComponent)(mainComponentProps.componentType)) {
-	                value$1 = internalValues[componentId] && internalValues[componentId].value;
+	                value = internalValues[componentId] && internalValues[componentId].value;
 	              }
 
-	              var query = (0, transform.getRSQuery)(component, (0, transform.extractPropsFromState)(getState(), component, _extends({}, value$1 ? {
-	                value: value$1
+	              var query = (0, transform.getRSQuery)(component, (0, transform.extractPropsFromState)(getState(), component, _extends({}, value ? {
+	                value: value
 	              } : null, metaOptions ? {
 	                from: metaOptions.from
 	              } : null)));
@@ -14455,7 +14525,7 @@
 	        filteredResults = [].concat(parsedPromotedResults, filteredResults);
 	      }
 
-	      return helper_8(filteredResults);
+	      return helper_9(filteredResults);
 	    }
 	  },
 	  watch: {
@@ -14713,6 +14783,7 @@
 	      }, [this.data.map(function (item, index) {
 	        return renderItem({
 	          item: item,
+	          count: _this2.currentPageState * size + index + 1,
 	          triggerClickAnalytics: function triggerClickAnalytics() {
 	            return _this2.triggerClickAnalytics(_this2.currentPageState * size + index);
 	          }
@@ -16597,7 +16668,7 @@
 	      Object.keys(_this.currentSelectedState).filter(function (item) {
 	        return !activeComponents.includes(item);
 	      }).forEach(function (component) {
-	        _this.setValue(component, null);
+	        _this.setValue(component, null, undefined, undefined, undefined, undefined, undefined, undefined, 'URL');
 	      }); // update active components in selectedValues
 
 	      Array.from(_this.params.entries()).forEach(function (item) {
@@ -16612,7 +16683,7 @@
 	              showFilter = _ref.showFilter,
 	              URLParams = _ref.URLParams;
 
-	          _this.setValue(component, JSON.parse(value), label, showFilter, URLParams);
+	          _this.setValue(component, JSON.parse(value), label, showFilter, URLParams, undefined, undefined, undefined, 'URL');
 	        } catch (e) {
 	          // Do not set value if JSON parsing fails.
 	          console.error(e);
@@ -16630,39 +16701,45 @@
 	    selectedValues: function selectedValues(newVal, oldVal) {
 	      var _this2 = this;
 
-	      this.currentSelectedState = newVal;
-
 	      if (!isEqual$3(newVal, oldVal)) {
 	        this.searchString = this.$props.getSearchParams ? this.$props.getSearchParams() : window.location.search;
 	        this.params = new URLSearchParams(this.searchString);
 	        var currentComponents = Object.keys(newVal);
 	        var urlComponents = Array.from(this.params.keys());
+	        var shouldPushHistory = false;
 	        currentComponents.filter(function (component) {
 	          return newVal[component].URLParams;
 	        }).forEach(function (component) {
-	          // prevents empty history pollution on initial load
-	          if (_this2.hasValidValue(newVal[component]) || _this2.hasValidValue(oldVal[component])) {
-	            var selectedValues = newVal[component];
+	          var selectedValues = newVal[component]; // prevents empty history pollution on initial load
 
+	          if (_this2.hasValidValue(newVal[component]) || _this2.hasValidValue(oldVal[component])) {
 	            if (selectedValues.URLParams) {
 	              if (selectedValues.category) {
-	                _this2.setURL(component, _this2.getValue({
+	                var shouldUpdateHistory = _this2.setURL(component, _this2.getValue({
 	                  category: selectedValues.category,
 	                  value: selectedValues.value
 	                }));
+
+	                if (shouldUpdateHistory) {
+	                  shouldPushHistory = true;
+	                }
 	              } else {
-	                _this2.setURL(component, _this2.getValue(selectedValues.value));
+	                var _shouldUpdateHistory = _this2.setURL(component, _this2.getValue(selectedValues.value));
+
+	                if (_shouldUpdateHistory) {
+	                  shouldPushHistory = true;
+	                }
 	              }
 	            } else {
 	              _this2.params["delete"](component);
 
-	              _this2.pushToHistory();
+	              shouldPushHistory = true;
 	            }
 	          } else if (!_this2.hasValidValue(newVal[component]) && urlComponents.includes(component)) {
 	            // doesn't have a valid value, but the url has a (stale) valid value set
 	            _this2.params["delete"](component);
 
-	            _this2.pushToHistory();
+	            shouldPushHistory = true;
 	          }
 	        }); // remove unmounted components
 
@@ -16671,15 +16748,20 @@
 	        }).forEach(function (component) {
 	          _this2.params["delete"](component);
 
-	          _this2.pushToHistory();
+	          shouldPushHistory = true;
 	        });
 
 	        if (!currentComponents.length) {
 	          Array.from(this.params.keys()).forEach(function (item) {
 	            if (_this2.searchComponents && _this2.searchComponents.includes(item)) {
 	              _this2.params["delete"](item);
+
+	              shouldPushHistory = true;
 	            }
 	          });
+	        }
+
+	        if (shouldPushHistory) {
 	          this.pushToHistory();
 	        }
 	      }
@@ -16742,20 +16824,19 @@
 	      return value;
 	    },
 	    setURL: function setURL(component, value) {
-	      this.searchString = this.$props.getSearchParams ? this.$props.getSearchParams() : window.location.search;
-	      this.params = new URLSearchParams(this.searchString);
-
 	      if (!value || typeof value === 'string' && value.trim() === '' || Array.isArray(value) && value.length === 0) {
 	        this.params["delete"](component);
-	        this.pushToHistory();
-	      } else {
-	        var data = JSON.stringify(this.getValue(value));
+	        return true;
+	      }
 
-	        if (data !== this.params.get(component)) {
-	          this.params.set(component, data);
-	          this.pushToHistory();
-	        }
+	      var data = JSON.stringify(value);
+
+	      if (data !== this.params.get(component)) {
+	        this.params.set(component, data);
+	        return true;
 	      }
+
+	      return false;
 	    },
 	    pushToHistory: function pushToHistory() {
 	      var paramsSting = this.params.toString() ? "?" + this.params.toString() : '';
@@ -16906,14 +16987,14 @@
 	      this.updateState(this.$props);
 	    },
 	    analyticsConfig: function analyticsConfig(newVal, oldVal) {
-	      if (!helper_25(newVal, oldVal)) {
+	      if (!helper_26(newVal, oldVal)) {
 	        if (this.store) {
 	          this.store.dispatch(analytics_3$1(newVal));
 	        }
 	      }
 	    },
 	    appbaseConfig: function appbaseConfig(newVal, oldVal) {
-	      if (!helper_25(newVal, oldVal)) {
+	      if (!helper_26(newVal, oldVal)) {
 	        if (this.store) {
 	          this.store.dispatch(analytics_3$1(newVal));
 	        }
@@ -19591,7 +19672,8 @@
 	    setCustomHighlightOptions = lib_5.setCustomHighlightOptions,
 	    recordSuggestionClick = lib_5.recordSuggestionClick,
 	    loadPopularSuggestions = lib_5.loadPopularSuggestions,
-	    getRecentSearches = lib_5.getRecentSearches;
+	    getRecentSearches = lib_5.getRecentSearches,
+	    resetStoreForComponent = lib_5.resetStoreForComponent;
 	var debounce$1 = lib_8.debounce,
 	    checkValueChange = lib_8.checkValueChange,
 	    getClassName$3 = lib_8.getClassName,
@@ -19963,7 +20045,7 @@
 	    // returns size and aggs property
 	    getBasicQueryOptions: function getBasicQueryOptions() {
 	      var aggregationField = this.$props.aggregationField;
-	      var queryOptions = helper_28(this.$props);
+	      var queryOptions = helper_29(this.$props);
 
 	      if (aggregationField) {
 	        queryOptions.aggs = getCompositeAggsQuery$1({
@@ -20003,7 +20085,9 @@
 
 	      var performUpdate = function performUpdate() {
 	        // Refresh recent searches when value becomes empty
-	        if (!value && _this.currentValue && _this.enableRecentSearches) {
+	        if (!value && props.enableDefaultSuggestions === false) {
+	          _this.resetStoreForComponent(props.componentId);
+	        } else if (!value && _this.currentValue && _this.enableRecentSearches) {
 	          _this.getRecentSearches();
 	        }
 
@@ -20054,6 +20138,12 @@
 	      checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
 	    },
 	    updateDefaultQueryHandler: function updateDefaultQueryHandler(value, props) {
+	      if (!value && props.enableDefaultSuggestions === false) {
+	        // clear Component data from store
+	        this.resetStoreForComponent(props.componentId);
+	        return;
+	      }
+
 	      var defaultQueryOptions;
 	      var query = DataSearch.defaultQuery(value, props);
 
@@ -20827,7 +20917,8 @@
 	  setCustomHighlightOptions: setCustomHighlightOptions,
 	  recordSuggestionClick: recordSuggestionClick,
 	  loadPopularSuggestions: loadPopularSuggestions,
-	  getRecentSearches: getRecentSearches
+	  getRecentSearches: getRecentSearches,
+	  resetStoreForComponent: resetStoreForComponent
 	};
 	var DSConnected = ComponentWrapper$1(connect(mapStateToProps$3, mapDispatchToProps$2)(DataSearch), {
 	  componentType: constants_1$1.dataSearch,
@@ -21167,7 +21258,7 @@
 	    // returns size and aggs property
 	    getBasicQueryOptions: function getBasicQueryOptions() {
 	      var aggregationField = this.$props.aggregationField;
-	      var queryOptions = helper_28(this.$props);
+	      var queryOptions = helper_29(this.$props);
 
 	      if (aggregationField) {
 	        queryOptions.aggs = getCompositeAggsQuery$2({
@@ -21361,10 +21452,18 @@
 	      this.onValueSelectedHandler('', lib_7.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' && highlightedIndex === null) {
-	        this.setValue(event.target.value, true);
-	        this.onValueSelectedHandler(event.target.value, lib_7.ENTER_PRESS);
+	      if (event.key === 'Enter') {
+	        if (this.$props.autosuggest === false) {
+	          this.enterButtonOnClick();
+	        } else if (highlightedIndex === null) {
+	          this.setValue(event.target.value, true);
+	          this.onValueSelectedHandler(event.target.value, lib_7.ENTER_PRESS);
+	        }
 	      } // Need to review
 
 
@@ -21536,6 +21635,13 @@
 
 	      return null;
 	    },
+	    enterButtonOnClick: function enterButtonOnClick() {
+	      this.triggerQuery({
+	        isOpen: false,
+	        value: this.currentValue,
+	        customQuery: true
+	      });
+	    },
 	    renderEnterButtonElement: function renderEnterButtonElement() {
 	      var _this4 = this;
 
@@ -21545,18 +21651,10 @@
 	          innerClass = _this$$props4.innerClass;
 	      var renderEnterButton = this.$scopedSlots.renderEnterButton;
 
-	      var enterButtonOnClick = function enterButtonOnClick() {
-	        return _this4.triggerQuery({
-	          isOpen: false,
-	          value: _this4.currentValue,
-	          customQuery: true
-	        });
-	      };
-
 	      if (enterButton) {
 	        var getEnterButtonMarkup = function getEnterButtonMarkup() {
 	          if (renderEnterButton) {
-	            return renderEnterButton(enterButtonOnClick);
+	            return renderEnterButton(_this4.enterButtonOnClick);
 	          }
 
 	          return h(Button, {
@@ -21565,7 +21663,7 @@
 	              "primary": true
 	            },
 	            "on": {
-	              "click": enterButtonOnClick
+	              "click": _this4.enterButtonOnClick
 	            }
 	          }, ["Search"]);
 	        };
@@ -21735,10 +21833,10 @@
 	          var renderSuggestionsDropdown = function renderSuggestionsDropdown() {
 	            var getIcon = function getIcon(iconType) {
 	              switch (iconType) {
-	                case helper_6.Recent:
+	                case helper_7.Recent:
 	                  return recentSearchesIcon;
 
-	                case helper_6.Popular:
+	                case helper_7.Popular:
 	                  return popularSearchesIcon;
 
 	                default:
@@ -21868,11 +21966,7 @@
 	        focus: function focus(e) {
 	          _this7.$emit('focus', e, _this7.triggerQuery);
 	        },
-	        keydown: function keydown(e) {
-	          _this7.$emit('keyDown', e, _this7.triggerQuery);
-
-	          _this7.$emit('key-down', e, _this7.triggerQuery);
-	        },
+	        keydown: this.handleKeyDown,
 	        keyup: function keyup(e) {
 	          _this7.$emit('keyUp', e, _this7.triggerQuery);
 
@@ -33936,8 +34030,8 @@
 	  if (component.defaultQuery) {
 	    var defaultQuery = component.defaultQuery(currentValue, component);
 	    return _extends({
-	      query: helper_14(defaultQuery)
-	    }, helper_15(defaultQuery));
+	      query: helper_15(defaultQuery)
+	    }, helper_16(defaultQuery));
 	  }
 
 	  return component.source.defaultQuery ? {
@@ -33953,8 +34047,8 @@
 	  if (component.customQuery) {
 	    var customQuery = component.customQuery(currentValue, component);
 	    return _extends({
-	      query: helper_14(customQuery)
-	    }, helper_15(customQuery));
+	      query: helper_15(customQuery)
+	    }, helper_16(customQuery));
 	  }
 
 	  return component.source.defaultQuery ? {
@@ -34118,7 +34212,7 @@
 	        var react = component.react;
 
 	        if (isInternalComponentPresent || isResultComponent) {
-	          react = helper_30(react, internalComponent);
+	          react = helper_31(react, internalComponent);
 	        }
 
 	        dependencyTree = dependencyTreeReducer(dependencyTree, {
@@ -34181,7 +34275,7 @@
 
 	    componentCollection.forEach(function (component) {
 	      // eslint-disable-next-line
-	      var _buildQuery = helper_29(component.componentId, dependencyTree, queryList, queryOptions),
+	      var _buildQuery = helper_30(component.componentId, dependencyTree, queryList, queryOptions),
 	          queryObj = _buildQuery.queryObj,
 	          options = _buildQuery.options;
 
@@ -34391,7 +34485,7 @@
 	  });
 	}
 
-	var version = "1.16.0-alpha.50";
+	var version = "1.16.0-alpha.53";
 
 	var _templateObject$p, _templateObject2$b;