react-instantsearch 7.4.0 → 7.5.0

package/dist/umd/ReactInstantSearch.js

@@ -7,7 +7,7 @@
 
   var React__default = 'default' in React ? React['default'] : React;
 
-  var version = '7.4.0';
+  var version = '7.5.0';
 
   // Copyright Joyent, Inc. and other Node contributors.
   //
@@ -3280,7 +3280,6 @@
     );
   }
 
-  // eslint-disable-next-line valid-jsdoc
   /**
    * Constructor for SearchResults
    * @class
@@ -3288,6 +3287,7 @@
    * {@link AlgoliaSearchHelper}.
    * @param {SearchParameters} state state that led to the response
    * @param {array.<object>} results the results from algolia client
+   * @param {object} options options to control results content
    * @example <caption>SearchResults of the first query in
    * <a href="http://demos.algolia.com/instant-search-demo">the instant search demo</a></caption>
   {
@@ -3425,8 +3425,14 @@
     });
 
     // Make every key of the result options reachable from the instance
-    Object.keys(options || {}).forEach(function (key) {
-      self[key] = options[key];
+    var opts = merge_1(
+      {
+        persistHierarchicalRootCount: false,
+      },
+      options
+    );
+    Object.keys(opts).forEach(function (key) {
+      self[key] = opts[key];
     });
 
     /**
@@ -3776,9 +3782,13 @@
           // We want
           //   | beers (5)
           //     > IPA (5)
+          // @MAJOR: remove this legacy behaviour in next major version
           var defaultData = {};
 
-          if (currentRefinement.length > 0) {
+          if (
+            currentRefinement.length > 0 &&
+            !self.persistHierarchicalRootCount
+          ) {
             var root = currentRefinement[0].split(separator)[0];
             defaultData[root] =
               self.hierarchicalFacets[position][attributeIndex].data[root];
@@ -4327,7 +4337,7 @@
 
   var SearchResults_1 = SearchResults;
 
-  var version$1 = '3.15.0';
+  var version$1 = '3.16.1';
 
   var escapeFacetValue$3 = escapeFacetValue_1.escapeFacetValue;
 
@@ -4441,8 +4451,9 @@
    * @param  {SearchParameters | object} options an object defining the initial
    * config of the search. It doesn't have to be a {SearchParameters},
    * just an object containing the properties you need from it.
+   * @param {SearchResultsOptions|object} searchResultsOptions an object defining the options to use when creating the search results.
    */
-  function AlgoliaSearchHelper(client, index, options) {
+  function AlgoliaSearchHelper(client, index, options, searchResultsOptions) {
     if (typeof client.addAlgoliaAgent === 'function') {
       client.addAlgoliaAgent('JS Helper (' + version$1 + ')');
     }
@@ -4456,6 +4467,7 @@
     this._lastQueryIdReceived = -1;
     this.derivedHelpers = [];
     this._currentNbQueries = 0;
+    this._searchResultsOptions = searchResultsOptions;
   }
 
   inherits_1(AlgoliaSearchHelper, events);
@@ -5728,6 +5740,9 @@
     queryId,
     content
   ) {
+    // eslint-disable-next-line consistent-this
+    var self = this;
+
     // @TODO remove the number of outdated queries discarded instead of just one
 
     if (queryId < this._lastQueryIdReceived) {
@@ -5756,7 +5771,11 @@
         return;
       }
 
-      helper.lastResults = new SearchResults_1(state, specificResults);
+      helper.lastResults = new SearchResults_1(
+        state,
+        specificResults,
+        self._searchResultsOptions
+      );
 
       helper.emit('result', {
         results: helper.lastResults,
@@ -5954,10 +5973,11 @@
    * @param  {AlgoliaSearch} client an AlgoliaSearch client
    * @param  {string} index the name of the index to query
    * @param  {SearchParameters|object} opts an object defining the initial config of the search. It doesn't have to be a {SearchParameters}, just an object containing the properties you need from it.
+   * @param {SearchResultsOptions|object} searchResultsOptions an object defining the options to use when creating the search results.
    * @return {AlgoliaSearchHelper} The helper instance
    */
-  function algoliasearchHelper(client, index, opts) {
-    return new algoliasearch_helper(client, index, opts);
+  function algoliasearchHelper(client, index, opts, searchResultsOptions) {
+    return new algoliasearch_helper(client, index, opts, searchResultsOptions);
   }
 
   /**
@@ -10266,7 +10286,7 @@
     for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
-  var ALGOLIA_INSIGHTS_VERSION = '2.6.0';
+  var ALGOLIA_INSIGHTS_VERSION = '2.13.0';
   var ALGOLIA_INSIGHTS_SRC = "https://cdn.jsdelivr.net/npm/search-insights@".concat(ALGOLIA_INSIGHTS_VERSION, "/dist/search-insights.min.js");
   function createInsightsMiddleware() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -10347,7 +10367,7 @@
         // set it later on.
         //
         // Otherwise, the `init` call might override it with anonymous user token.
-        userTokenBeforeInit = userToken;
+        userTokenBeforeInit = normalizeUserToken(userToken);
       });
 
       // Only `init` if the `insightsInitParams` option is passed or
@@ -10403,13 +10423,14 @@
           }
           var setUserTokenToSearch = function setUserTokenToSearch(userToken) {
             var immediate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-            if (!userToken) {
+            var normalizedUserToken = normalizeUserToken(userToken);
+            if (!normalizedUserToken) {
               return;
             }
             var existingToken = helper.state.userToken;
             function applyToken() {
               helper.overrideStateWithoutTriggeringChangeEvent(_objectSpread$e(_objectSpread$e({}, helper.state), {}, {
-                userToken: userToken
+                userToken: normalizedUserToken
               }));
               if (existingToken && existingToken !== userToken) {
                 instantSearchInstance.scheduleSearch();
@@ -10505,6 +10526,17 @@
     return v3 || v2_6 || v1_10;
   }
 
+  /**
+   * While `search-insights` supports both string and number user tokens,
+   * the Search API only accepts strings. This function normalizes the user token.
+   */
+  function normalizeUserToken(userToken) {
+    if (!userToken) {
+      return undefined;
+    }
+    return typeof userToken === 'number' ? userToken.toString() : userToken;
+  }
+
   function extractWidgetPayload(widgets, instantSearchInstance, payload) {
     var initOptions = createInitArgs(instantSearchInstance, instantSearchInstance.mainIndex, instantSearchInstance._initialUiState);
     widgets.forEach(function (widget) {
@@ -11487,7 +11519,8 @@
         getLocation = _ref.getLocation,
         start = _ref.start,
         dispose = _ref.dispose,
-        push = _ref.push;
+        push = _ref.push,
+        cleanUrlOnDispose = _ref.cleanUrlOnDispose;
       _classCallCheck(this, BrowserHistory);
       _defineProperty$f(this, "$$type", 'ais.browser');
       /**
@@ -11537,6 +11570,7 @@
       _defineProperty$f(this, "_start", void 0);
       _defineProperty$f(this, "_dispose", void 0);
       _defineProperty$f(this, "_push", void 0);
+      _defineProperty$f(this, "_cleanUrlOnDispose", void 0);
       this.windowTitle = windowTitle;
       this.writeTimer = undefined;
       this.writeDelay = writeDelay;
@@ -11546,6 +11580,7 @@
       this._start = start;
       this._dispose = dispose;
       this._push = push;
+      this._cleanUrlOnDispose = typeof cleanUrlOnDispose === 'undefined' ? true : cleanUrlOnDispose;
       safelyRunOnBrowser(function (_ref2) {
         var window = _ref2.window;
         var title = _this.windowTitle && _this.windowTitle(_this.read());
@@ -11664,7 +11699,9 @@
         if (this.writeTimer) {
           clearTimeout(this.writeTimer);
         }
-        this.write({});
+        if (this._cleanUrlOnDispose) {
+          this.write({});
+        }
       }
     }, {
       key: "start",
@@ -11753,7 +11790,8 @@
       } : _ref7$getLocation,
       start = _ref7.start,
       dispose = _ref7.dispose,
-      push = _ref7.push;
+      push = _ref7.push,
+      cleanUrlOnDispose = _ref7.cleanUrlOnDispose;
     return new BrowserHistory({
       createURL: createURL,
       parseURL: parseURL,
@@ -11762,7 +11800,8 @@
       getLocation: getLocation,
       start: start,
       dispose: dispose,
-      push: push
+      push: push,
+      cleanUrlOnDispose: cleanUrlOnDispose
     });
   }
 
@@ -12120,7 +12159,7 @@
     };
   }
 
-  var version$3 = '4.61.0';
+  var version$3 = '4.63.0';
 
   function _typeof$o(obj) {
     "@babel/helpers - typeof";
@@ -12284,7 +12323,8 @@
    * Global options for an InstantSearch instance.
    */
   var INSTANTSEARCH_FUTURE_DEFAULTS = {
-    preserveSharedStateOnUnmount: false
+    preserveSharedStateOnUnmount: false,
+    persistHierarchicalRootCount: false
   };
 
   /**
@@ -12604,7 +12644,9 @@
         // DerivedHelper scoped into the `index` widgets.
         // In Vue InstantSearch' hydrate, a main helper gets set before start, so
         // we need to respect this helper as a way to keep all listeners correct.
-        var mainHelper = this.mainHelper || algoliasearchHelper_1(this.client, this.indexName);
+        var mainHelper = this.mainHelper || algoliasearchHelper_1(this.client, this.indexName, undefined, {
+          persistHierarchicalRootCount: this.future.persistHierarchicalRootCount
+        });
         mainHelper.search = function () {
           _this3.status = 'loading';
           _this3.scheduleRender(false);
@@ -13259,34 +13301,6 @@
       return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
     }, _typeof$r(obj);
   }
-  var _excluded$8 = ["hierarchicalMenu"];
-  function _objectWithoutProperties$8(source, excluded) {
-    if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose$9(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-      for (i = 0; i < sourceSymbolKeys.length; i++) {
-        key = sourceSymbolKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-      }
-    }
-    return target;
-  }
-  function _objectWithoutPropertiesLoose$9(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
-    return target;
-  }
   function ownKeys$l(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
@@ -13491,7 +13505,7 @@
           var path = searchParameters.getHierarchicalFacetBreadcrumb(hierarchicalFacetName);
           return removeEmptyRefinementsFromUiState(_objectSpread$l(_objectSpread$l({}, uiState), {}, {
             hierarchicalMenu: _objectSpread$l(_objectSpread$l({}, uiState.hierarchicalMenu), {}, _defineProperty$m({}, hierarchicalFacetName, path))
-          }));
+          }), hierarchicalFacetName);
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref4) {
           var uiState = _ref4.uiState;
@@ -13540,18 +13554,17 @@
       };
     });
   }
-  function removeEmptyRefinementsFromUiState(indexUiState) {
-    var hierarchicalMenu = indexUiState.hierarchicalMenu,
-      indexUiStateBase = _objectWithoutProperties$8(indexUiState, _excluded$8);
-    if (!hierarchicalMenu) {
+  function removeEmptyRefinementsFromUiState(indexUiState, attribute) {
+    if (!indexUiState.hierarchicalMenu) {
       return indexUiState;
     }
-    var connectorUiState = Object.keys(hierarchicalMenu).reduce(function (acc, key) {
-      return _objectSpread$l(_objectSpread$l({}, acc), hierarchicalMenu[key].length > 0 ? _defineProperty$m({}, key, hierarchicalMenu[key]) : {});
-    }, {});
-    return _objectSpread$l(_objectSpread$l({}, indexUiStateBase), Object.keys(connectorUiState).length > 0 ? {
-      hierarchicalMenu: connectorUiState
-    } : {});
+    if (!indexUiState.hierarchicalMenu[attribute] || !indexUiState.hierarchicalMenu[attribute].length) {
+      delete indexUiState.hierarchicalMenu[attribute];
+    }
+    if (Object.keys(indexUiState.hierarchicalMenu).length === 0) {
+      delete indexUiState.hierarchicalMenu;
+    }
+    return indexUiState;
   }
 
   function useBreadcrumb(props, additionalWidgetProperties) {
@@ -14316,8 +14329,7 @@
       return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
     }, _typeof$v(obj);
   }
-  var _excluded$9 = ["name", "escapedValue", "data", "path"],
-    _excluded2$1 = ["hierarchicalMenu"];
+  var _excluded$8 = ["name", "escapedValue", "data", "path"];
   function ownKeys$p(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
@@ -14367,9 +14379,9 @@
     }
     return (hint === "string" ? String : Number)(input);
   }
-  function _objectWithoutProperties$9(source, excluded) {
+  function _objectWithoutProperties$8(source, excluded) {
     if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose$a(source, excluded);
+    var target = _objectWithoutPropertiesLoose$9(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -14382,7 +14394,7 @@
     }
     return target;
   }
-  function _objectWithoutPropertiesLoose$a(source, excluded) {
+  function _objectWithoutPropertiesLoose$9(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -14521,7 +14533,7 @@
             value = _ref2.escapedValue,
             data = _ref2.data,
             path = _ref2.path,
-            subValue = _objectWithoutProperties$9(_ref2, _excluded$9);
+            subValue = _objectWithoutProperties$8(_ref2, _excluded$8);
           var item = _objectSpread$p(_objectSpread$p({}, subValue), {}, {
             value: value,
             label: label,
@@ -14630,7 +14642,7 @@
           var path = searchParameters.getHierarchicalFacetBreadcrumb(hierarchicalFacetName);
           return removeEmptyRefinementsFromUiState$1(_objectSpread$p(_objectSpread$p({}, uiState), {}, {
             hierarchicalMenu: _objectSpread$p(_objectSpread$p({}, uiState.hierarchicalMenu), {}, _defineProperty$q({}, hierarchicalFacetName, path))
-          }));
+          }), hierarchicalFacetName);
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref6) {
           var uiState = _ref6.uiState;
@@ -14661,18 +14673,17 @@
       };
     };
   };
-  function removeEmptyRefinementsFromUiState$1(indexUiState) {
-    var hierarchicalMenu = indexUiState.hierarchicalMenu,
-      indexUiStateBase = _objectWithoutProperties$9(indexUiState, _excluded2$1);
-    if (!hierarchicalMenu) {
+  function removeEmptyRefinementsFromUiState$1(indexUiState, attribute) {
+    if (!indexUiState.hierarchicalMenu) {
       return indexUiState;
     }
-    var connectorUiState = Object.keys(hierarchicalMenu).reduce(function (acc, key) {
-      return _objectSpread$p(_objectSpread$p({}, acc), hierarchicalMenu[key].length > 0 ? _defineProperty$q({}, key, hierarchicalMenu[key]) : {});
-    }, {});
-    return _objectSpread$p(_objectSpread$p({}, indexUiStateBase), Object.keys(connectorUiState).length > 0 ? {
-      hierarchicalMenu: connectorUiState
-    } : {});
+    if (!indexUiState.hierarchicalMenu[attribute] || indexUiState.hierarchicalMenu[attribute].length === 0) {
+      delete indexUiState.hierarchicalMenu[attribute];
+    }
+    if (Object.keys(indexUiState.hierarchicalMenu).length === 0) {
+      delete indexUiState.hierarchicalMenu;
+    }
+    return indexUiState;
   }
 
   function useHierarchicalMenu(props, additionalWidgetProperties) {
@@ -15071,8 +15082,8 @@
       return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
     }, _typeof$y(obj);
   }
-  var _excluded$a = ["page"],
-    _excluded2$2 = ["clickAnalytics", "userToken"];
+  var _excluded$9 = ["page"],
+    _excluded2$1 = ["clickAnalytics", "userToken"];
   function ownKeys$s(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
@@ -15147,9 +15158,9 @@
     for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
-  function _objectWithoutProperties$a(source, excluded) {
+  function _objectWithoutProperties$9(source, excluded) {
     if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose$b(source, excluded);
+    var target = _objectWithoutPropertiesLoose$a(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -15162,7 +15173,7 @@
     }
     return target;
   }
-  function _objectWithoutPropertiesLoose$b(source, excluded) {
+  function _objectWithoutPropertiesLoose$a(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -15181,14 +15192,14 @@
   function getStateWithoutPage(state) {
     var _ref = state || {},
       page = _ref.page,
-      rest = _objectWithoutProperties$a(_ref, _excluded$a);
+      rest = _objectWithoutProperties$9(_ref, _excluded$9);
     return rest;
   }
   function normalizeState(state) {
     var _ref2 = state || {},
       clickAnalytics = _ref2.clickAnalytics,
       userToken = _ref2.userToken,
-      rest = _objectWithoutProperties$a(_ref2, _excluded2$2);
+      rest = _objectWithoutProperties$9(_ref2, _excluded2$1);
     return rest;
   }
   function getInMemoryCache() {
@@ -15421,8 +15432,7 @@
     return useConnector(connectInfiniteHits, props, additionalWidgetProperties);
   }
 
-  var _excluded$b = ["name", "escapedValue", "path"],
-    _excluded2$3 = ["menu"];
+  var _excluded$a = ["name", "escapedValue", "path"];
   function _typeof$z(obj) {
     "@babel/helpers - typeof";
 
@@ -15432,9 +15442,9 @@
       return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
     }, _typeof$z(obj);
   }
-  function _objectWithoutProperties$b(source, excluded) {
+  function _objectWithoutProperties$a(source, excluded) {
     if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose$c(source, excluded);
+    var target = _objectWithoutPropertiesLoose$b(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -15447,7 +15457,7 @@
     }
     return target;
   }
-  function _objectWithoutPropertiesLoose$c(source, excluded) {
+  function _objectWithoutPropertiesLoose$b(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -15688,7 +15698,7 @@
               var label = _ref3.name,
                 value = _ref3.escapedValue,
                 path = _ref3.path,
-                item = _objectWithoutProperties$b(_ref3, _excluded$b);
+                item = _objectWithoutProperties$a(_ref3, _excluded$a);
               return _objectSpread$t(_objectSpread$t({}, item), {}, {
                 label: label,
                 value: value
@@ -15716,7 +15726,7 @@
             value = _searchParameters$get2[0];
           return removeEmptyRefinementsFromUiState$2(_objectSpread$t(_objectSpread$t({}, uiState), {}, {
             menu: _objectSpread$t(_objectSpread$t({}, uiState.menu), {}, _defineProperty$u({}, attribute, value))
-          }));
+          }), attribute);
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref5) {
           var uiState = _ref5.uiState;
@@ -15741,26 +15751,23 @@
       };
     };
   };
-  function removeEmptyRefinementsFromUiState$2(indexUiState) {
-    var menu = indexUiState.menu,
-      indexUiStateBase = _objectWithoutProperties$b(indexUiState, _excluded2$3);
-    if (!menu) {
+  function removeEmptyRefinementsFromUiState$2(indexUiState, attribute) {
+    if (!indexUiState.menu) {
       return indexUiState;
     }
-    var connectorUiState = Object.keys(menu).reduce(function (acc, key) {
-      var _menu$key;
-      return _objectSpread$t(_objectSpread$t({}, acc), ((_menu$key = menu[key]) === null || _menu$key === void 0 ? void 0 : _menu$key.length) > 0 ? _defineProperty$u({}, key, menu[key]) : {});
-    }, {});
-    return _objectSpread$t(_objectSpread$t({}, indexUiStateBase), Object.keys(connectorUiState).length > 0 ? {
-      menu: connectorUiState
-    } : {});
+    if (indexUiState.menu[attribute] === undefined) {
+      delete indexUiState.menu[attribute];
+    }
+    if (Object.keys(indexUiState.menu).length === 0) {
+      delete indexUiState.menu;
+    }
+    return indexUiState;
   }
 
   function useMenu(props, additionalWidgetProperties) {
     return useConnector(connectMenu, props, additionalWidgetProperties);
   }
 
-  var _excluded$c = ["numericMenu"];
   function _typeof$A(obj) {
     "@babel/helpers - typeof";
 
@@ -15770,33 +15777,6 @@
       return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
     }, _typeof$A(obj);
   }
-  function _objectWithoutProperties$c(source, excluded) {
-    if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose$d(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-      for (i = 0; i < sourceSymbolKeys.length; i++) {
-        key = sourceSymbolKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-      }
-    }
-    return target;
-  }
-  function _objectWithoutPropertiesLoose$d(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
-    return target;
-  }
   function _createForOfIteratorHelper(o, allowArrayLike) {
     var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
     if (!it) {
@@ -16031,7 +16011,7 @@
           var max = values['<='] && values['<='][0] || '';
           return removeEmptyRefinementsFromUiState$3(_objectSpread$u(_objectSpread$u({}, uiState), {}, {
             numericMenu: _objectSpread$u(_objectSpread$u({}, uiState.numericMenu), {}, _defineProperty$v({}, attribute, "".concat(min, ":").concat(max)))
-          }));
+          }), attribute);
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref6) {
           var uiState = _ref6.uiState;
@@ -16193,18 +16173,17 @@
   function hasNumericRefinement(currentRefinements, operator, value) {
     return currentRefinements[operator] !== undefined && currentRefinements[operator].includes(value);
   }
-  function removeEmptyRefinementsFromUiState$3(indexUiState) {
-    var numericMenu = indexUiState.numericMenu,
-      indexUiStateBase = _objectWithoutProperties$c(indexUiState, _excluded$c);
-    if (!numericMenu) {
+  function removeEmptyRefinementsFromUiState$3(indexUiState, attribute) {
+    if (!indexUiState.numericMenu) {
       return indexUiState;
     }
-    var connectorUiState = Object.keys(numericMenu).reduce(function (acc, key) {
-      return _objectSpread$u(_objectSpread$u({}, acc), numericMenu[key] !== ':' ? _defineProperty$v({}, key, numericMenu[key]) : {});
-    }, {});
-    return _objectSpread$u(_objectSpread$u({}, indexUiStateBase), Object.keys(connectorUiState).length > 0 ? {
-      numericMenu: connectorUiState
-    } : {});
+    if (indexUiState.numericMenu[attribute] === ':') {
+      delete indexUiState.numericMenu[attribute];
+    }
+    if (Object.keys(indexUiState.numericMenu).length === 0) {
+      delete indexUiState.numericMenu;
+    }
+    return indexUiState;
   }
 
   function useNumericMenu(props, additionalWidgetProperties) {
@@ -17153,9 +17132,8 @@
       return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
     }, _typeof$F(obj);
   }
-  var _excluded$d = ["name", "escapedValue"],
-    _excluded2$4 = ["escapedValue", "value"],
-    _excluded3 = ["refinementList"];
+  var _excluded$b = ["name", "escapedValue"],
+    _excluded2$2 = ["escapedValue", "value"];
   function ownKeys$y(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
@@ -17205,9 +17183,9 @@
     }
     return (hint === "string" ? String : Number)(input);
   }
-  function _objectWithoutProperties$d(source, excluded) {
+  function _objectWithoutProperties$b(source, excluded) {
     if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose$e(source, excluded);
+    var target = _objectWithoutPropertiesLoose$c(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -17220,7 +17198,7 @@
     }
     return target;
   }
-  function _objectWithoutPropertiesLoose$e(source, excluded) {
+  function _objectWithoutPropertiesLoose$c(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -17283,7 +17261,7 @@
       var formatItems = function formatItems(_ref2) {
         var label = _ref2.name,
           value = _ref2.escapedValue,
-          item = _objectWithoutProperties$d(_ref2, _excluded$d);
+          item = _objectWithoutProperties$b(_ref2, _excluded$b);
         return _objectSpread$y(_objectSpread$y({}, item), {}, {
           value: value,
           label: label,
@@ -17340,7 +17318,7 @@
                 var normalizedFacetValues = transformItems(facetValues.map(function (_ref3) {
                   var escapedValue = _ref3.escapedValue,
                     value = _ref3.value,
-                    item = _objectWithoutProperties$d(_ref3, _excluded2$4);
+                    item = _objectWithoutProperties$b(_ref3, _excluded2$2);
                   return _objectSpread$y(_objectSpread$y({}, item), {}, {
                     value: escapedValue,
                     label: value
@@ -17468,7 +17446,7 @@
           var values = operator === 'or' ? searchParameters.getDisjunctiveRefinements(attribute) : searchParameters.getConjunctiveRefinements(attribute);
           return removeEmptyRefinementsFromUiState$4(_objectSpread$y(_objectSpread$y({}, uiState), {}, {
             refinementList: _objectSpread$y(_objectSpread$y({}, uiState.refinementList), {}, _defineProperty$A({}, attribute, values))
-          }));
+          }), attribute);
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref6) {
           var uiState = _ref6.uiState;
@@ -17496,18 +17474,17 @@
       };
     };
   };
-  function removeEmptyRefinementsFromUiState$4(indexUiState) {
-    var refinementList = indexUiState.refinementList,
-      indexUiStateBase = _objectWithoutProperties$d(indexUiState, _excluded3);
-    if (!refinementList) {
+  function removeEmptyRefinementsFromUiState$4(indexUiState, attribute) {
+    if (!indexUiState.refinementList) {
       return indexUiState;
     }
-    var connectorUiState = Object.keys(refinementList).reduce(function (acc, key) {
-      return _objectSpread$y(_objectSpread$y({}, acc), refinementList[key].length > 0 ? _defineProperty$A({}, key, refinementList[key]) : {});
-    }, {});
-    return _objectSpread$y(_objectSpread$y({}, indexUiStateBase), Object.keys(connectorUiState).length > 0 ? {
-      refinementList: connectorUiState
-    } : {});
+    if (!indexUiState.refinementList[attribute] || indexUiState.refinementList[attribute].length === 0) {
+      delete indexUiState.refinementList[attribute];
+    }
+    if (Object.keys(indexUiState.refinementList).length === 0) {
+      delete indexUiState.refinementList;
+    }
+    return indexUiState;
   }
 
   function useRefinementList(props, additionalWidgetProperties) {
@@ -18886,7 +18863,7 @@
     };
     return _extends$1.apply(this, arguments);
   }
-  function _objectWithoutPropertiesLoose$f(source, excluded) {
+  function _objectWithoutPropertiesLoose$d(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -18898,9 +18875,9 @@
     }
     return target;
   }
-  function _objectWithoutProperties$e(source, excluded) {
+  function _objectWithoutProperties$c(source, excluded) {
     if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose$f(source, excluded);
+    var target = _objectWithoutPropertiesLoose$d(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -18962,7 +18939,7 @@
     return Boolean(isMiddleClick || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey);
   }
 
-  var _excluded$e = ["classNames", "items", "hasItems", "createURL", "onNavigate", "separator", "translations"];
+  var _excluded$c = ["classNames", "items", "hasItems", "createURL", "onNavigate", "separator", "translations"];
   function Breadcrumb(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
@@ -18974,7 +18951,7 @@
       _ref$separator = _ref.separator,
       separator = _ref$separator === void 0 ? '>' : _ref$separator,
       translations = _ref.translations,
-      props = _objectWithoutProperties$e(_ref, _excluded$e);
+      props = _objectWithoutProperties$c(_ref, _excluded$c);
     var handleClick = function handleClick(value) {
       return function (event) {
         if (!isModifierClick(event)) {
@@ -19009,14 +18986,14 @@
     })));
   }
 
-  var _excluded$f = ["attributes", "rootPath", "separator", "transformItems", "translations"];
+  var _excluded$d = ["attributes", "rootPath", "separator", "transformItems", "translations"];
   function Breadcrumb$1(_ref) {
     var attributes = _ref.attributes,
       rootPath = _ref.rootPath,
       separator = _ref.separator,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$e(_ref, _excluded$f);
+      props = _objectWithoutProperties$c(_ref, _excluded$d);
     var _useBreadcrumb = useBreadcrumb({
         attributes: attributes,
         rootPath: rootPath,
@@ -19040,7 +19017,7 @@
     return /*#__PURE__*/React__default.createElement(Breadcrumb, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$g = ["classNames", "disabled", "onClick", "translations"];
+  var _excluded$e = ["classNames", "disabled", "onClick", "translations"];
   function ClearRefinements(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
@@ -19049,7 +19026,7 @@
       _ref$onClick = _ref.onClick,
       onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
       translations = _ref.translations,
-      props = _objectWithoutProperties$e(_ref, _excluded$g);
+      props = _objectWithoutProperties$c(_ref, _excluded$e);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-ClearRefinements', classNames.root, props.className)
     }), /*#__PURE__*/React__default.createElement("button", {
@@ -19059,13 +19036,13 @@
     }, translations.resetButtonText));
   }
 
-  var _excluded$h = ["includedAttributes", "excludedAttributes", "transformItems", "translations"];
+  var _excluded$f = ["includedAttributes", "excludedAttributes", "transformItems", "translations"];
   function ClearRefinements$1(_ref) {
     var includedAttributes = _ref.includedAttributes,
       excludedAttributes = _ref.excludedAttributes,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$e(_ref, _excluded$h);
+      props = _objectWithoutProperties$c(_ref, _excluded$f);
     var _useClearRefinements = useClearRefinements({
         includedAttributes: includedAttributes,
         excludedAttributes: excludedAttributes,
@@ -19089,7 +19066,7 @@
     return text.toString().charAt(0).toUpperCase() + text.toString().slice(1);
   }
 
-  var _excluded$i = ["classNames", "items", "hasRefinements"];
+  var _excluded$g = ["classNames", "items", "hasRefinements"];
   function CurrentRefinements(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
@@ -19097,7 +19074,7 @@
       items = _ref$items === void 0 ? [] : _ref$items,
       _ref$hasRefinements = _ref.hasRefinements,
       hasRefinements = _ref$hasRefinements === void 0 ? false : _ref$hasRefinements,
-      props = _objectWithoutProperties$e(_ref, _excluded$i);
+      props = _objectWithoutProperties$c(_ref, _excluded$g);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-CurrentRefinements', classNames.root, !hasRefinements && cx('ais-CurrentRefinements--noRefinement', classNames.noRefinementRoot), props.className)
     }), /*#__PURE__*/React__default.createElement("ul", {
@@ -19129,12 +19106,12 @@
     })));
   }
 
-  var _excluded$j = ["includedAttributes", "excludedAttributes", "transformItems"];
+  var _excluded$h = ["includedAttributes", "excludedAttributes", "transformItems"];
   function CurrentRefinements$1(_ref) {
     var includedAttributes = _ref.includedAttributes,
       excludedAttributes = _ref.excludedAttributes,
       transformItems = _ref.transformItems,
-      props = _objectWithoutProperties$e(_ref, _excluded$j);
+      props = _objectWithoutProperties$c(_ref, _excluded$h);
     var _useCurrentRefinement = useCurrentRefinements({
         includedAttributes: includedAttributes,
         excludedAttributes: excludedAttributes,
@@ -19151,17 +19128,17 @@
     return /*#__PURE__*/React__default.createElement(CurrentRefinements, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$k = ["isShowingMore", "translations"];
+  var _excluded$i = ["isShowingMore", "translations"];
   function ShowMoreButton(_ref) {
     var isShowingMore = _ref.isShowingMore,
       translations = _ref.translations,
-      props = _objectWithoutProperties$e(_ref, _excluded$k);
+      props = _objectWithoutProperties$c(_ref, _excluded$i);
     return /*#__PURE__*/React__default.createElement("button", props, translations.showMoreButtonText({
       isShowingMore: isShowingMore
     }));
   }
 
-  var _excluded$l = ["classNames", "items", "hasItems", "onNavigate", "createURL", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "translations"];
+  var _excluded$j = ["classNames", "items", "hasItems", "onNavigate", "createURL", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "translations"];
   function HierarchicalList(_ref) {
     var className = _ref.className,
       _ref$classNames = _ref.classNames,
@@ -19177,7 +19154,7 @@
     }, items.map(function (item) {
       return /*#__PURE__*/React__default.createElement("li", {
         key: item.value,
-        className: cx('ais-HierarchicalMenu-item', classNames.item, item.data && item.data.length > 0 && cx('ais-HierarchicalMenu-item--parent', classNames.parentItem), item.isRefined && cx('ais-HierarchicalMenu-item--selected', classNames.selectedItem))
+        className: cx('ais-HierarchicalMenu-item', classNames.item, item.isRefined && cx('ais-HierarchicalMenu-item--selected', classNames.selectedItem), item.data && item.data.length > 0 && cx('ais-HierarchicalMenu-item--parent', classNames.parentItem))
       }, /*#__PURE__*/React__default.createElement("a", {
         className: cx('ais-HierarchicalMenu-link', classNames.link, item.isRefined && cx('ais-HierarchicalMenu-link--selected', classNames.selectedItemLink)),
         href: createURL(item.value),
@@ -19213,7 +19190,7 @@
       onToggleShowMore = _ref2.onToggleShowMore,
       isShowingMore = _ref2.isShowingMore,
       translations = _ref2.translations,
-      props = _objectWithoutProperties$e(_ref2, _excluded$l);
+      props = _objectWithoutProperties$c(_ref2, _excluded$j);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-HierarchicalMenu', classNames.root, !hasItems && cx('ais-HierarchicalMenu--noRefinement', classNames.noRefinementRoot), props.className)
     }), /*#__PURE__*/React__default.createElement(HierarchicalList, {
@@ -19230,7 +19207,7 @@
     }));
   }
 
-  var _excluded$m = ["attributes", "limit", "rootPath", "separator", "showMore", "showMoreLimit", "showParentLevel", "sortBy", "transformItems", "translations"];
+  var _excluded$k = ["attributes", "limit", "rootPath", "separator", "showMore", "showMoreLimit", "showParentLevel", "sortBy", "transformItems", "translations"];
   function HierarchicalMenu$1(_ref) {
     var attributes = _ref.attributes,
       limit = _ref.limit,
@@ -19242,7 +19219,7 @@
       sortBy = _ref.sortBy,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$e(_ref, _excluded$m);
+      props = _objectWithoutProperties$c(_ref, _excluded$k);
     var _useHierarchicalMenu = useHierarchicalMenu({
         attributes: attributes,
         limit: limit,
@@ -19282,7 +19259,7 @@
     }));
   }
 
-  var _excluded$n = ["parts", "highlightedTagName", "nonHighlightedTagName", "separator", "className", "classNames"];
+  var _excluded$l = ["parts", "highlightedTagName", "nonHighlightedTagName", "separator", "className", "classNames"];
   function HighlightPart(_ref) {
     var classNames = _ref.classNames,
       children = _ref.children,
@@ -19304,7 +19281,7 @@
       separator = _ref2$separator === void 0 ? ', ' : _ref2$separator,
       className = _ref2.className,
       classNames = _ref2.classNames,
-      props = _objectWithoutProperties$e(_ref2, _excluded$n);
+      props = _objectWithoutProperties$c(_ref2, _excluded$l);
     return /*#__PURE__*/React__default.createElement("span", _extends$1({}, props, {
       className: cx(classNames.root, className)
     }), parts.map(function (part, partIndex) {
@@ -19325,11 +19302,11 @@
     }));
   }
 
-  var _excluded$o = ["classNames"];
+  var _excluded$m = ["classNames"];
   function Highlight(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties$e(_ref, _excluded$o);
+      props = _objectWithoutProperties$c(_ref, _excluded$m);
     return /*#__PURE__*/React__default.createElement(InternalHighlight, _extends$1({
       classNames: {
         root: cx('ais-Highlight', classNames.root),
@@ -19340,14 +19317,14 @@
     }, props));
   }
 
-  var _excluded$p = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"];
+  var _excluded$n = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"];
   function Highlight$1(_ref) {
     var hit = _ref.hit,
       attribute = _ref.attribute,
       highlightedTagName = _ref.highlightedTagName,
       nonHighlightedTagName = _ref.nonHighlightedTagName,
       separator = _ref.separator,
-      props = _objectWithoutProperties$e(_ref, _excluded$p);
+      props = _objectWithoutProperties$c(_ref, _excluded$n);
     var property = getPropertyByPath(hit._highlightResult, attribute) || [];
     var properties = Array.isArray(property) ? property : [property];
     var parts = properties.map(function (singleValue) {
@@ -19361,7 +19338,7 @@
     }));
   }
 
-  var _excluded$q = ["hits", "sendEvent", "hitComponent", "classNames"];
+  var _excluded$o = ["hits", "sendEvent", "hitComponent", "classNames"];
   function DefaultHitComponent(_ref) {
     var hit = _ref.hit;
     return /*#__PURE__*/React__default.createElement("div", {
@@ -19377,7 +19354,7 @@
       HitComponent = _ref2$hitComponent === void 0 ? DefaultHitComponent : _ref2$hitComponent,
       _ref2$classNames = _ref2.classNames,
       classNames = _ref2$classNames === void 0 ? {} : _ref2$classNames,
-      props = _objectWithoutProperties$e(_ref2, _excluded$q);
+      props = _objectWithoutProperties$c(_ref2, _excluded$o);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-Hits', classNames.root, hits.length === 0 && cx('ais-Hits--empty', classNames.emptyRoot), props.className)
     }), /*#__PURE__*/React__default.createElement("ol", {
@@ -19399,11 +19376,11 @@
     })));
   }
 
-  var _excluded$r = ["escapeHTML", "transformItems"];
+  var _excluded$p = ["escapeHTML", "transformItems"];
   function Hits$1(_ref) {
     var escapeHTML = _ref.escapeHTML,
       transformItems = _ref.transformItems,
-      props = _objectWithoutProperties$e(_ref, _excluded$r);
+      props = _objectWithoutProperties$c(_ref, _excluded$p);
     var _useHits = useHits({
         escapeHTML: escapeHTML,
         transformItems: transformItems
@@ -19419,14 +19396,14 @@
     return /*#__PURE__*/React__default.createElement(Hits, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$s = ["items", "onChange", "currentValue", "classNames"];
+  var _excluded$q = ["items", "onChange", "currentValue", "classNames"];
   function HitsPerPage(_ref) {
     var items = _ref.items,
       _onChange = _ref.onChange,
       currentValue = _ref.currentValue,
       _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties$e(_ref, _excluded$s);
+      props = _objectWithoutProperties$c(_ref, _excluded$q);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-HitsPerPage', classNames.root, props.className)
     }), /*#__PURE__*/React__default.createElement("select", {
@@ -19444,11 +19421,11 @@
     })));
   }
 
-  var _excluded$t = ["items", "transformItems"];
+  var _excluded$r = ["items", "transformItems"];
   function HitsPerPage$1(_ref) {
     var userItems = _ref.items,
       transformItems = _ref.transformItems,
-      props = _objectWithoutProperties$e(_ref, _excluded$t);
+      props = _objectWithoutProperties$c(_ref, _excluded$r);
     var _useHitsPerPage = useHitsPerPage({
         items: userItems,
         transformItems: transformItems
@@ -19472,7 +19449,7 @@
     return /*#__PURE__*/React__default.createElement(HitsPerPage, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$u = ["hitComponent", "hits", "sendEvent", "isFirstPage", "isLastPage", "onShowPrevious", "onShowMore", "classNames", "translations"];
+  var _excluded$s = ["hitComponent", "hits", "sendEvent", "isFirstPage", "isLastPage", "onShowPrevious", "onShowMore", "classNames", "translations"];
   function DefaultHitComponent$1(_ref) {
     var hit = _ref.hit;
     return /*#__PURE__*/React__default.createElement("div", {
@@ -19493,7 +19470,7 @@
       _ref2$classNames = _ref2.classNames,
       classNames = _ref2$classNames === void 0 ? {} : _ref2$classNames,
       translations = _ref2.translations,
-      props = _objectWithoutProperties$e(_ref2, _excluded$u);
+      props = _objectWithoutProperties$c(_ref2, _excluded$s);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-InfiniteHits', classNames.root, hits.length === 0 && cx('ais-InfiniteHits--empty', classNames.emptyRoot), props.className)
     }), onShowPrevious && /*#__PURE__*/React__default.createElement("button", {
@@ -19523,7 +19500,7 @@
     }, translations.showMoreButtonText));
   }
 
-  var _excluded$v = ["showPrevious", "cache", "escapeHTML", "showPrevious", "transformItems", "translations"];
+  var _excluded$t = ["showPrevious", "cache", "escapeHTML", "showPrevious", "transformItems", "translations"];
   function InfiniteHits$1(_ref) {
     var _ref$showPrevious = _ref.showPrevious,
       shouldShowPrevious = _ref$showPrevious === void 0 ? true : _ref$showPrevious,
@@ -19532,7 +19509,7 @@
       userShowPrevious = _ref.showPrevious,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$e(_ref, _excluded$v);
+      props = _objectWithoutProperties$c(_ref, _excluded$t);
     var _useInfiniteHits = useInfiniteHits({
         cache: cache,
         escapeHTML: escapeHTML,
@@ -19562,7 +19539,7 @@
     return /*#__PURE__*/React__default.createElement(InfiniteHits, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$w = ["items", "classNames", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "createURL", "onRefine", "translations"];
+  var _excluded$u = ["items", "classNames", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "createURL", "onRefine", "translations"];
   function Menu(_ref) {
     var items = _ref.items,
       _ref$classNames = _ref.classNames,
@@ -19574,7 +19551,7 @@
       createURL = _ref.createURL,
       onRefine = _ref.onRefine,
       translations = _ref.translations,
-      props = _objectWithoutProperties$e(_ref, _excluded$w);
+      props = _objectWithoutProperties$c(_ref, _excluded$u);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-Menu', classNames.root, items.length === 0 && cx('ais-Menu--noRefinement', classNames.noRefinementRoot), props.className)
     }), /*#__PURE__*/React__default.createElement("ul", {
@@ -19604,7 +19581,7 @@
     }));
   }
 
-  var _excluded$x = ["attribute", "limit", "showMore", "showMoreLimit", "sortBy", "transformItems", "translations"];
+  var _excluded$v = ["attribute", "limit", "showMore", "showMoreLimit", "sortBy", "transformItems", "translations"];
   function Menu$1(_ref) {
     var attribute = _ref.attribute,
       limit = _ref.limit,
@@ -19613,7 +19590,7 @@
       sortBy = _ref.sortBy,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$e(_ref, _excluded$x);
+      props = _objectWithoutProperties$c(_ref, _excluded$v);
     var _useMenu = useMenu({
         attribute: attribute,
         limit: limit,
@@ -19650,8 +19627,8 @@
     }));
   }
 
-  var _excluded$y = ["pages", "currentPage", "nbPages", "isFirstPage", "isLastPage", "showFirst", "showPrevious", "showNext", "showLast", "createURL", "onNavigate", "translations", "classNames"],
-    _excluded2$5 = ["isDisabled", "className", "classNames", "href", "onClick"];
+  var _excluded$w = ["pages", "currentPage", "nbPages", "isFirstPage", "isLastPage", "showFirst", "showPrevious", "showNext", "showLast", "createURL", "onNavigate", "translations", "classNames"],
+    _excluded2$3 = ["isDisabled", "className", "classNames", "href", "onClick"];
   function Pagination(_ref) {
     var pages = _ref.pages,
       currentPage = _ref.currentPage,
@@ -19671,7 +19648,7 @@
       translations = _ref.translations,
       _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties$e(_ref, _excluded$y);
+      props = _objectWithoutProperties$c(_ref, _excluded$w);
     var firstPageIndex = 0;
     var previousPageIndex = currentPage - 1;
     var nextPageIndex = currentPage + 1;
@@ -19742,7 +19719,7 @@
       classNames = _ref2.classNames,
       href = _ref2.href,
       _onClick = _ref2.onClick,
-      props = _objectWithoutProperties$e(_ref2, _excluded2$5);
+      props = _objectWithoutProperties$c(_ref2, _excluded2$3);
     if (isDisabled) {
       return /*#__PURE__*/React__default.createElement("li", {
         className: cx('ais-Pagination-item', classNames.item, 'ais-Pagination-item--disabled', classNames.disabledItem, className)
@@ -19765,7 +19742,7 @@
     }, props)));
   }
 
-  var _excluded$z = ["showFirst", "showPrevious", "showNext", "showLast", "padding", "totalPages", "translations"];
+  var _excluded$x = ["showFirst", "showPrevious", "showNext", "showLast", "padding", "totalPages", "translations"];
   function Pagination$1(_ref) {
     var showFirst = _ref.showFirst,
       showPrevious = _ref.showPrevious,
@@ -19774,7 +19751,7 @@
       padding = _ref.padding,
       totalPages = _ref.totalPages,
       translations = _ref.translations,
-      props = _objectWithoutProperties$e(_ref, _excluded$z);
+      props = _objectWithoutProperties$c(_ref, _excluded$x);
     var _usePagination = usePagination({
         padding: padding,
         totalPages: totalPages
@@ -19823,14 +19800,14 @@
     }));
   }
 
-  var _excluded$A = ["classNames", "url", "theme"];
+  var _excluded$y = ["classNames", "url", "theme"];
   function PoweredBy(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
       url = _ref.url,
       _ref$theme = _ref.theme,
       theme = _ref$theme === void 0 ? 'light' : _ref$theme,
-      props = _objectWithoutProperties$e(_ref, _excluded$A);
+      props = _objectWithoutProperties$c(_ref, _excluded$y);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-PoweredBy', theme === 'dark' ? cx('ais-PoweredBy--dark', classNames.dark) : cx('ais-PoweredBy--light', classNames.light), classNames.root, props.className)
     }), /*#__PURE__*/React__default.createElement("a", {
@@ -19860,7 +19837,7 @@
     return /*#__PURE__*/React__default.createElement(PoweredBy, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$B = ["classNames", "range", "start", "step", "disabled", "onSubmit", "translations"];
+  var _excluded$z = ["classNames", "range", "start", "step", "disabled", "onSubmit", "translations"];
   // if the default value is undefined, React considers the component uncontrolled initially, which we don't want 0 or NaN as the default value
   var unsetNumberInputValue = '';
 
@@ -19885,7 +19862,7 @@
       disabled = _ref.disabled,
       _onSubmit = _ref.onSubmit,
       translations = _ref.translations,
-      props = _objectWithoutProperties$e(_ref, _excluded$B);
+      props = _objectWithoutProperties$c(_ref, _excluded$z);
     var values = {
       min: minValue !== -Infinity && minValue !== min ? minValue : unsetNumberInputValue,
       max: maxValue !== Infinity && maxValue !== max ? maxValue : unsetNumberInputValue
@@ -19965,14 +19942,14 @@
     }, translations.submitButtonText)));
   }
 
-  var _excluded$C = ["attribute", "min", "max", "precision", "translations"];
+  var _excluded$A = ["attribute", "min", "max", "precision", "translations"];
   function RangeInput$1(_ref) {
     var attribute = _ref.attribute,
       min = _ref.min,
       max = _ref.max,
       precision = _ref.precision,
       translations = _ref.translations,
-      props = _objectWithoutProperties$e(_ref, _excluded$C);
+      props = _objectWithoutProperties$c(_ref, _excluded$A);
     var _useRange = useRange({
         attribute: attribute,
         min: min,
@@ -20000,7 +19977,7 @@
     return /*#__PURE__*/React__default.createElement(RangeInput, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$D = ["canRefine", "items", "onRefine", "query", "searchBox", "noResults", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "className", "classNames", "translations"];
+  var _excluded$B = ["canRefine", "items", "onRefine", "query", "searchBox", "noResults", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "className", "classNames", "translations"];
   function RefinementList$1(_ref) {
     var canRefine = _ref.canRefine,
       items = _ref.items,
@@ -20016,7 +19993,7 @@
       _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
       translations = _ref.translations,
-      props = _objectWithoutProperties$e(_ref, _excluded$D);
+      props = _objectWithoutProperties$c(_ref, _excluded$B);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-RefinementList', classNames.root, !canRefine && cx('ais-RefinementList--noRefinement', classNames.noRefinementRoot), className)
     }), searchBox && /*#__PURE__*/React__default.createElement("div", {
@@ -20055,7 +20032,7 @@
     }));
   }
 
-  var _excluded$E = ["formRef", "inputRef", "isSearchStalled", "onChange", "onReset", "onSubmit", "placeholder", "value", "autoFocus", "resetIconComponent", "submitIconComponent", "loadingIconComponent", "classNames", "translations"];
+  var _excluded$C = ["formRef", "inputRef", "isSearchStalled", "onChange", "onReset", "onSubmit", "placeholder", "value", "autoFocus", "resetIconComponent", "submitIconComponent", "loadingIconComponent", "classNames", "translations"];
   var _ref2 = /*#__PURE__*/React__default.createElement("path", {
     d: "M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z"
   });
@@ -20135,7 +20112,7 @@
       _ref7$classNames = _ref7.classNames,
       classNames = _ref7$classNames === void 0 ? {} : _ref7$classNames,
       translations = _ref7.translations,
-      props = _objectWithoutProperties$e(_ref7, _excluded$E);
+      props = _objectWithoutProperties$c(_ref7, _excluded$C);
     function handleSubmit(event) {
       event.preventDefault();
       event.stopPropagation();
@@ -20177,6 +20154,7 @@
       type: "search",
       value: value,
       onChange: onChange,
+      onCompositionEnd: onChange,
       autoFocus: autoFocus
     }), /*#__PURE__*/React__default.createElement("button", {
       className: cx('ais-SearchBox-submit', classNames.submit),
@@ -20201,7 +20179,7 @@
     }))));
   }
 
-  var _excluded$F = ["searchable", "searchablePlaceholder", "attribute", "operator", "limit", "showMore", "showMoreLimit", "sortBy", "escapeFacetValues", "transformItems", "translations"];
+  var _excluded$D = ["searchable", "searchablePlaceholder", "attribute", "operator", "limit", "showMore", "showMoreLimit", "sortBy", "escapeFacetValues", "transformItems", "translations"];
   function RefinementList$2(_ref) {
     var searchable = _ref.searchable,
       searchablePlaceholder = _ref.searchablePlaceholder,
@@ -20214,7 +20192,7 @@
       escapeFacetValues = _ref.escapeFacetValues,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$e(_ref, _excluded$F);
+      props = _objectWithoutProperties$c(_ref, _excluded$D);
     var _useRefinementList = useRefinementList({
         attribute: attribute,
         operator: operator,
@@ -20241,15 +20219,19 @@
       setInputValue = _useState2[1];
     var inputRef = React.useRef(null);
     function setQuery(newQuery) {
+      var compositionComplete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
       setInputValue(newQuery);
-      searchForItems(newQuery);
+      if (compositionComplete) {
+        searchForItems(newQuery);
+      }
     }
     function onRefine(item) {
       refine(item.value);
       setQuery('');
     }
     function onChange(event) {
-      setQuery(event.currentTarget.value);
+      var compositionComplete = event.type === 'compositionend' || !event.nativeEvent.isComposing;
+      setQuery(event.currentTarget.value, compositionComplete);
     }
     function onReset() {
       setQuery('');
@@ -20299,13 +20281,13 @@
     }));
   }
 
-  var _excluded$G = ["queryHook", "searchAsYouType", "translations"];
+  var _excluded$E = ["queryHook", "searchAsYouType", "translations"];
   function SearchBox$1(_ref) {
     var queryHook = _ref.queryHook,
       _ref$searchAsYouType = _ref.searchAsYouType,
       searchAsYouType = _ref$searchAsYouType === void 0 ? true : _ref$searchAsYouType,
       translations = _ref.translations,
-      props = _objectWithoutProperties$e(_ref, _excluded$G);
+      props = _objectWithoutProperties$c(_ref, _excluded$E);
     var _useSearchBox = useSearchBox({
         queryHook: queryHook
       }, {
@@ -20320,8 +20302,9 @@
       setInputValue = _useState2[1];
     var inputRef = React.useRef(null);
     function setQuery(newQuery) {
+      var compositionComplete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
       setInputValue(newQuery);
-      if (searchAsYouType) {
+      if (searchAsYouType && compositionComplete) {
         refine(newQuery);
       }
     }
@@ -20332,7 +20315,8 @@
       }
     }
     function onChange(event) {
-      setQuery(event.currentTarget.value);
+      var compositionComplete = event.type === 'compositionend' || !event.nativeEvent.isComposing;
+      setQuery(event.currentTarget.value, compositionComplete);
     }
     function onSubmit(event) {
       if (!searchAsYouType) {
@@ -20365,11 +20349,11 @@
     return /*#__PURE__*/React__default.createElement(SearchBox, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$H = ["classNames"];
+  var _excluded$F = ["classNames"];
   function Snippet(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties$e(_ref, _excluded$H);
+      props = _objectWithoutProperties$c(_ref, _excluded$F);
     return /*#__PURE__*/React__default.createElement(InternalHighlight, _extends$1({
       classNames: {
         root: cx('ais-Snippet', classNames.root),
@@ -20380,14 +20364,14 @@
     }, props));
   }
 
-  var _excluded$I = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"];
+  var _excluded$G = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"];
   function Snippet$1(_ref) {
     var hit = _ref.hit,
       attribute = _ref.attribute,
       highlightedTagName = _ref.highlightedTagName,
       nonHighlightedTagName = _ref.nonHighlightedTagName,
       separator = _ref.separator,
-      props = _objectWithoutProperties$e(_ref, _excluded$I);
+      props = _objectWithoutProperties$c(_ref, _excluded$G);
     var property = getPropertyByPath(hit._snippetResult, attribute) || [];
     var properties = Array.isArray(property) ? property : [property];
     var parts = properties.map(function (singleValue) {
@@ -20401,7 +20385,7 @@
     }));
   }
 
-  var _excluded$J = ["items", "value", "onChange", "classNames"];
+  var _excluded$H = ["items", "value", "onChange", "classNames"];
   function SortBy(_ref) {
     var items = _ref.items,
       value = _ref.value,
@@ -20409,7 +20393,7 @@
       _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
       _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties$e(_ref, _excluded$J);
+      props = _objectWithoutProperties$c(_ref, _excluded$H);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-SortBy', classNames.root, props.className)
     }), /*#__PURE__*/React__default.createElement("select", {
@@ -20428,11 +20412,11 @@
     })));
   }
 
-  var _excluded$K = ["items", "transformItems"];
+  var _excluded$I = ["items", "transformItems"];
   function SortBy$1(_ref) {
     var items = _ref.items,
       transformItems = _ref.transformItems,
-      props = _objectWithoutProperties$e(_ref, _excluded$K);
+      props = _objectWithoutProperties$c(_ref, _excluded$I);
     var _useSortBy = useSortBy({
         items: items,
         transformItems: transformItems
@@ -20450,7 +20434,7 @@
     return /*#__PURE__*/React__default.createElement(SortBy, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$L = ["classNames", "nbHits", "processingTimeMS", "nbSortedHits", "areHitsSorted", "translations"];
+  var _excluded$J = ["classNames", "nbHits", "processingTimeMS", "nbSortedHits", "areHitsSorted", "translations"];
   function Stats(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
@@ -20459,7 +20443,7 @@
       nbSortedHits = _ref.nbSortedHits,
       areHitsSorted = _ref.areHitsSorted,
       translations = _ref.translations,
-      props = _objectWithoutProperties$e(_ref, _excluded$L);
+      props = _objectWithoutProperties$c(_ref, _excluded$J);
     var translationOptions = {
       nbHits: nbHits,
       processingTimeMS: processingTimeMS,
@@ -20473,10 +20457,10 @@
     }, translations.rootElementText(translationOptions)));
   }
 
-  var _excluded$M = ["translations"];
+  var _excluded$K = ["translations"];
   function Stats$1(_ref) {
     var translations = _ref.translations,
-      props = _objectWithoutProperties$e(_ref, _excluded$M);
+      props = _objectWithoutProperties$c(_ref, _excluded$K);
     var _useStats = useStats(undefined, {
         $$widgetType: 'ais.stats'
       }),
@@ -20526,14 +20510,14 @@
     return '';
   }
 
-  var _excluded$N = ["classNames", "checked", "onChange", "label"];
+  var _excluded$L = ["classNames", "checked", "onChange", "label"];
   function ToggleRefinement(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
       checked = _ref.checked,
       _onChange = _ref.onChange,
       label = _ref.label,
-      props = _objectWithoutProperties$e(_ref, _excluded$N);
+      props = _objectWithoutProperties$c(_ref, _excluded$L);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-ToggleRefinement', classNames.root, props.className)
     }), /*#__PURE__*/React__default.createElement("label", {
@@ -20550,12 +20534,12 @@
     }, label)));
   }
 
-  var _excluded$O = ["attribute", "on", "off"];
+  var _excluded$M = ["attribute", "on", "off"];
   function ToggleRefinement$1(_ref) {
     var attribute = _ref.attribute,
       on = _ref.on,
       off = _ref.off,
-      props = _objectWithoutProperties$e(_ref, _excluded$O);
+      props = _objectWithoutProperties$c(_ref, _excluded$M);
     var _useToggleRefinement = useToggleRefinement({
         attribute: attribute,
         on: on,