instantsearch.js 4.61.0 → 4.63.0

package/dist/instantsearch.development.js

@@ -1,4 +1,4 @@
-/*! InstantSearch.js 4.61.0 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
+/*! InstantSearch.js 4.63.0 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -2389,8 +2389,7 @@
     return refinement.name;
   }
 
-  var _excluded$1 = ["name", "escapedValue", "data", "path"],
-    _excluded2 = ["hierarchicalMenu"];
+  var _excluded$1 = ["name", "escapedValue", "data", "path"];
   var withUsage$4 = createDocumentationMessageGenerator({
     name: 'hierarchical-menu',
     connector: true
@@ -2578,7 +2577,7 @@
           var path = searchParameters.getHierarchicalFacetBreadcrumb(hierarchicalFacetName);
           return removeEmptyRefinementsFromUiState(_objectSpread2(_objectSpread2({}, uiState), {}, {
             hierarchicalMenu: _objectSpread2(_objectSpread2({}, uiState.hierarchicalMenu), {}, _defineProperty({}, hierarchicalFacetName, path))
-          }));
+          }), hierarchicalFacetName);
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref6) {
           var uiState = _ref6.uiState;
@@ -2611,18 +2610,17 @@
       };
     };
   };
-  function removeEmptyRefinementsFromUiState(indexUiState) {
-    var hierarchicalMenu = indexUiState.hierarchicalMenu,
-      indexUiStateBase = _objectWithoutProperties(indexUiState, _excluded2);
-    if (!hierarchicalMenu) {
+  function removeEmptyRefinementsFromUiState(indexUiState, attribute) {
+    if (!indexUiState.hierarchicalMenu) {
       return indexUiState;
     }
-    var connectorUiState = Object.keys(hierarchicalMenu).reduce(function (acc, key) {
-      return _objectSpread2(_objectSpread2({}, acc), hierarchicalMenu[key].length > 0 ? _defineProperty({}, key, hierarchicalMenu[key]) : {});
-    }, {});
-    return _objectSpread2(_objectSpread2({}, 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;
   }
 
   var withUsage$5 = createDocumentationMessageGenerator({
@@ -3070,7 +3068,7 @@
   };
 
   var _excluded$2 = ["page"],
-    _excluded2$1 = ["clickAnalytics", "userToken"];
+    _excluded2 = ["clickAnalytics", "userToken"];
   var withUsage$7 = createDocumentationMessageGenerator({
     name: 'infinite-hits',
     connector: true
@@ -3085,7 +3083,7 @@
     var _ref2 = state || {},
       clickAnalytics = _ref2.clickAnalytics,
       userToken = _ref2.userToken,
-      rest = _objectWithoutProperties(_ref2, _excluded2$1);
+      rest = _objectWithoutProperties(_ref2, _excluded2);
     return rest;
   }
   function getInMemoryCache() {
@@ -3321,8 +3319,7 @@
    */ // eslint-disable-next-line @typescript-eslint/no-unused-vars
   var connectInfiniteHitsWithInsights = withInsights(connectInfiniteHits);
 
-  var _excluded$3 = ["name", "escapedValue", "path"],
-    _excluded2$2 = ["menu"];
+  var _excluded$3 = ["name", "escapedValue", "path"];
   var withUsage$8 = createDocumentationMessageGenerator({
     name: 'menu',
     connector: true
@@ -3482,7 +3479,7 @@
             value = _searchParameters$get2[0];
           return removeEmptyRefinementsFromUiState$1(_objectSpread2(_objectSpread2({}, uiState), {}, {
             menu: _objectSpread2(_objectSpread2({}, uiState.menu), {}, _defineProperty({}, attribute, value))
-          }));
+          }), attribute);
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref5) {
           var uiState = _ref5.uiState;
@@ -3508,22 +3505,19 @@
       };
     };
   };
-  function removeEmptyRefinementsFromUiState$1(indexUiState) {
-    var menu = indexUiState.menu,
-      indexUiStateBase = _objectWithoutProperties(indexUiState, _excluded2$2);
-    if (!menu) {
+  function removeEmptyRefinementsFromUiState$1(indexUiState, attribute) {
+    if (!indexUiState.menu) {
       return indexUiState;
     }
-    var connectorUiState = Object.keys(menu).reduce(function (acc, key) {
-      var _menu$key;
-      return _objectSpread2(_objectSpread2({}, acc), ((_menu$key = menu[key]) === null || _menu$key === void 0 ? void 0 : _menu$key.length) > 0 ? _defineProperty({}, key, menu[key]) : {});
-    }, {});
-    return _objectSpread2(_objectSpread2({}, 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;
   }
 
-  var _excluded$4 = ["numericMenu"];
   var withUsage$9 = createDocumentationMessageGenerator({
     name: 'numeric-menu',
     connector: true
@@ -3609,7 +3603,7 @@
           var max = values['<='] && values['<='][0] || '';
           return removeEmptyRefinementsFromUiState$2(_objectSpread2(_objectSpread2({}, uiState), {}, {
             numericMenu: _objectSpread2(_objectSpread2({}, uiState.numericMenu), {}, _defineProperty({}, attribute, "".concat(min, ":").concat(max)))
-          }));
+          }), attribute);
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref6) {
           var uiState = _ref6.uiState;
@@ -3771,18 +3765,17 @@
   function hasNumericRefinement(currentRefinements, operator, value) {
     return currentRefinements[operator] !== undefined && currentRefinements[operator].includes(value);
   }
-  function removeEmptyRefinementsFromUiState$2(indexUiState) {
-    var numericMenu = indexUiState.numericMenu,
-      indexUiStateBase = _objectWithoutProperties(indexUiState, _excluded$4);
-    if (!numericMenu) {
+  function removeEmptyRefinementsFromUiState$2(indexUiState, attribute) {
+    if (!indexUiState.numericMenu) {
       return indexUiState;
     }
-    var connectorUiState = Object.keys(numericMenu).reduce(function (acc, key) {
-      return _objectSpread2(_objectSpread2({}, acc), numericMenu[key] !== ':' ? _defineProperty({}, key, numericMenu[key]) : {});
-    }, {});
-    return _objectSpread2(_objectSpread2({}, 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;
   }
 
   var Paginator = /*#__PURE__*/function () {
@@ -4233,9 +4226,8 @@
     };
   };
 
-  var _excluded$5 = ["name", "escapedValue"],
-    _excluded2$3 = ["escapedValue", "value"],
-    _excluded3 = ["refinementList"];
+  var _excluded$4 = ["name", "escapedValue"],
+    _excluded2$1 = ["escapedValue", "value"];
   var withUsage$c = createDocumentationMessageGenerator({
     name: 'refinement-list',
     connector: true
@@ -4287,7 +4279,7 @@
       var formatItems = function formatItems(_ref2) {
         var label = _ref2.name,
           value = _ref2.escapedValue,
-          item = _objectWithoutProperties(_ref2, _excluded$5);
+          item = _objectWithoutProperties(_ref2, _excluded$4);
         return _objectSpread2(_objectSpread2({}, item), {}, {
           value: value,
           label: label,
@@ -4344,7 +4336,7 @@
                 var normalizedFacetValues = transformItems(facetValues.map(function (_ref3) {
                   var escapedValue = _ref3.escapedValue,
                     value = _ref3.value,
-                    item = _objectWithoutProperties(_ref3, _excluded2$3);
+                    item = _objectWithoutProperties(_ref3, _excluded2$1);
                   return _objectSpread2(_objectSpread2({}, item), {}, {
                     value: escapedValue,
                     label: value
@@ -4472,7 +4464,7 @@
           var values = operator === 'or' ? searchParameters.getDisjunctiveRefinements(attribute) : searchParameters.getConjunctiveRefinements(attribute);
           return removeEmptyRefinementsFromUiState$3(_objectSpread2(_objectSpread2({}, uiState), {}, {
             refinementList: _objectSpread2(_objectSpread2({}, uiState.refinementList), {}, _defineProperty({}, attribute, values))
-          }));
+          }), attribute);
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref6) {
           var uiState = _ref6.uiState;
@@ -4502,18 +4494,17 @@
       };
     };
   };
-  function removeEmptyRefinementsFromUiState$3(indexUiState) {
-    var refinementList = indexUiState.refinementList,
-      indexUiStateBase = _objectWithoutProperties(indexUiState, _excluded3);
-    if (!refinementList) {
+  function removeEmptyRefinementsFromUiState$3(indexUiState, attribute) {
+    if (!indexUiState.refinementList) {
       return indexUiState;
     }
-    var connectorUiState = Object.keys(refinementList).reduce(function (acc, key) {
-      return _objectSpread2(_objectSpread2({}, acc), refinementList[key].length > 0 ? _defineProperty({}, key, refinementList[key]) : {});
-    }, {});
-    return _objectSpread2(_objectSpread2({}, 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;
   }
 
   var withUsage$d = createDocumentationMessageGenerator({
@@ -4708,7 +4699,6 @@
     };
   };
 
-  var _excluded$6 = ["ratingMenu"];
   var withUsage$f = createDocumentationMessageGenerator({
     name: 'rating-menu',
     connector: true
@@ -4952,7 +4942,7 @@
           var value = _getRefinedStar(searchParameters);
           return removeEmptyRefinementsFromUiState$4(_objectSpread2(_objectSpread2({}, uiState), {}, {
             ratingMenu: _objectSpread2(_objectSpread2({}, uiState.ratingMenu), {}, _defineProperty({}, attribute, typeof value === 'number' ? value : undefined))
-          }));
+          }), attribute);
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref8) {
           var uiState = _ref8.uiState;
@@ -4969,18 +4959,17 @@
       };
     };
   };
-  function removeEmptyRefinementsFromUiState$4(indexUiState) {
-    var ratingMenu = indexUiState.ratingMenu,
-      indexUiStateBase = _objectWithoutProperties(indexUiState, _excluded$6);
-    if (!ratingMenu) {
+  function removeEmptyRefinementsFromUiState$4(indexUiState, attribute) {
+    if (!indexUiState.ratingMenu) {
       return indexUiState;
     }
-    var connectorUiState = Object.keys(ratingMenu).reduce(function (acc, key) {
-      return _objectSpread2(_objectSpread2({}, acc), typeof ratingMenu[key] === 'number' ? _defineProperty({}, key, ratingMenu[key]) : {});
-    }, {});
-    return _objectSpread2(_objectSpread2({}, indexUiStateBase), Object.keys(connectorUiState).length > 0 ? {
-      ratingMenu: connectorUiState
-    } : {});
+    if (typeof indexUiState.ratingMenu[attribute] !== 'number') {
+      delete indexUiState.ratingMenu[attribute];
+    }
+    if (Object.keys(indexUiState.ratingMenu).length === 0) {
+      delete indexUiState.ratingMenu;
+    }
+    return indexUiState;
   }
 
   var withUsage$g = createDocumentationMessageGenerator({
@@ -5347,7 +5336,6 @@
     };
   };
 
-  var _excluded$7 = ["hierarchicalMenu"];
   var withUsage$i = createDocumentationMessageGenerator({
     name: 'breadcrumb',
     connector: true
@@ -5454,7 +5442,7 @@
           var path = searchParameters.getHierarchicalFacetBreadcrumb(hierarchicalFacetName);
           return removeEmptyRefinementsFromUiState$5(_objectSpread2(_objectSpread2({}, uiState), {}, {
             hierarchicalMenu: _objectSpread2(_objectSpread2({}, uiState.hierarchicalMenu), {}, _defineProperty({}, hierarchicalFacetName, path))
-          }));
+          }), hierarchicalFacetName);
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref4) {
           var uiState = _ref4.uiState;
@@ -5505,18 +5493,17 @@
       };
     });
   }
-  function removeEmptyRefinementsFromUiState$5(indexUiState) {
-    var hierarchicalMenu = indexUiState.hierarchicalMenu,
-      indexUiStateBase = _objectWithoutProperties(indexUiState, _excluded$7);
-    if (!hierarchicalMenu) {
+  function removeEmptyRefinementsFromUiState$5(indexUiState, attribute) {
+    if (!indexUiState.hierarchicalMenu) {
       return indexUiState;
     }
-    var connectorUiState = Object.keys(hierarchicalMenu).reduce(function (acc, key) {
-      return _objectSpread2(_objectSpread2({}, acc), hierarchicalMenu[key].length > 0 ? _defineProperty({}, key, hierarchicalMenu[key]) : {});
-    }, {});
-    return _objectSpread2(_objectSpread2({}, 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;
   }
 
   var withUsage$j = createDocumentationMessageGenerator({
@@ -9042,7 +9029,6 @@
     );
   }
 
-  // eslint-disable-next-line valid-jsdoc
   /**
    * Constructor for SearchResults
    * @class
@@ -9050,6 +9036,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>
   {
@@ -9187,8 +9174,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];
     });
 
     /**
@@ -9538,9 +9531,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];
@@ -10089,7 +10086,7 @@
 
   var SearchResults_1 = SearchResults;
 
-  var version = '3.15.0';
+  var version = '3.16.1';
 
   var escapeFacetValue$4 = escapeFacetValue_1.escapeFacetValue;
 
@@ -10203,8 +10200,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 + ')');
     }
@@ -10218,6 +10216,7 @@
     this._lastQueryIdReceived = -1;
     this.derivedHelpers = [];
     this._currentNbQueries = 0;
+    this._searchResultsOptions = searchResultsOptions;
   }
 
   inherits_1(AlgoliaSearchHelper, events);
@@ -11490,6 +11489,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) {
@@ -11518,7 +11520,11 @@
         return;
       }
 
-      helper.lastResults = new SearchResults_1(state, specificResults);
+      helper.lastResults = new SearchResults_1(
+        state,
+        specificResults,
+        self._searchResultsOptions
+      );
 
       helper.emit('result', {
         results: helper.lastResults,
@@ -11716,10 +11722,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);
   }
 
   /**
@@ -12667,11 +12674,11 @@
     return getCookie(ANONYMOUS_TOKEN_COOKIE_KEY);
   }
 
-  var _excluded$8 = ["page"];
+  var _excluded$5 = ["page"];
   function getStateWithoutPage$1(state) {
     var _ref = state || {},
       page = _ref.page,
-      rest = _objectWithoutProperties(_ref, _excluded$8);
+      rest = _objectWithoutProperties(_ref, _excluded$5);
     return rest;
   }
   var KEY = 'ais.infiniteHits';
@@ -12724,7 +12731,7 @@
     };
   }
 
-  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] : {};
@@ -12808,7 +12815,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
@@ -12864,13 +12871,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(_objectSpread2(_objectSpread2({}, helper.state), {}, {
-                userToken: userToken
+                userToken: normalizedUserToken
               }));
               if (existingToken && existingToken !== userToken) {
                 instantSearchInstance.scheduleSearch();
@@ -12969,6 +12977,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) {
@@ -13892,7 +13911,8 @@
         getLocation = _ref.getLocation,
         start = _ref.start,
         dispose = _ref.dispose,
-        push = _ref.push;
+        push = _ref.push,
+        cleanUrlOnDispose = _ref.cleanUrlOnDispose;
       _classCallCheck(this, BrowserHistory);
       _defineProperty(this, "$$type", 'ais.browser');
       /**
@@ -13942,6 +13962,7 @@
       _defineProperty(this, "_start", void 0);
       _defineProperty(this, "_dispose", void 0);
       _defineProperty(this, "_push", void 0);
+      _defineProperty(this, "_cleanUrlOnDispose", void 0);
       this.windowTitle = windowTitle;
       this.writeTimer = undefined;
       this.writeDelay = writeDelay;
@@ -13951,6 +13972,13 @@
       this._start = start;
       this._dispose = dispose;
       this._push = push;
+      this._cleanUrlOnDispose = typeof cleanUrlOnDispose === 'undefined' ? true : cleanUrlOnDispose;
+      if ( typeof cleanUrlOnDispose === 'undefined') {
+        // eslint-disable-next-line no-console
+        console.info("Starting from the next major version, InstantSearch will not clean up the URL from active refinements when it is disposed.\n\nWe recommend setting `cleanUrlOnDispose` to false to adopt this change today.\nTo stay with the current behaviour and remove this warning, set the option to true.\n\nSee documentation: ".concat(createDocumentationLink({
+          name: 'history-router'
+        }), "#widget-param-cleanurlondispose"));
+      }
       safelyRunOnBrowser(function (_ref2) {
         var window = _ref2.window;
         var title = _this.windowTitle && _this.windowTitle(_this.read());
@@ -14078,7 +14106,9 @@
         if (this.writeTimer) {
           clearTimeout(this.writeTimer);
         }
-        this.write({});
+        if (this._cleanUrlOnDispose) {
+          this.write({});
+        }
       }
     }, {
       key: "start",
@@ -14167,7 +14197,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,
@@ -14176,14 +14207,15 @@
       getLocation: getLocation,
       start: start,
       dispose: dispose,
-      push: push
+      push: push,
+      cleanUrlOnDispose: cleanUrlOnDispose
     });
   }
 
-  var _excluded$9 = ["configure"];
+  var _excluded$6 = ["configure"];
   function getIndexStateWithoutConfigure(uiState) {
     var configure = uiState.configure,
-      trackedUiState = _objectWithoutProperties(uiState, _excluded$9);
+      trackedUiState = _objectWithoutProperties(uiState, _excluded$6);
     return trackedUiState;
   }
 
@@ -14268,7 +14300,7 @@
     };
   };
 
-  var _excluded$a = ["initialSearchParameters"];
+  var _excluded$7 = ["initialSearchParameters"];
   var withUsage$q = createDocumentationMessageGenerator({
     name: 'index-widget'
   });
@@ -14308,7 +14340,7 @@
   }
   function getLocalWidgetsSearchParameters(widgets, widgetSearchParametersOptions) {
     var initialSearchParameters = widgetSearchParametersOptions.initialSearchParameters,
-      rest = _objectWithoutProperties(widgetSearchParametersOptions, _excluded$a);
+      rest = _objectWithoutProperties(widgetSearchParametersOptions, _excluded$7);
     return widgets.filter(function (widget) {
       return !isIndexWidget(widget);
     }).reduce(function (state, widget) {
@@ -14815,7 +14847,7 @@
     };
   }
 
-  var version$1 = '4.61.0';
+  var version$1 = '4.63.0';
 
   var withUsage$r = createDocumentationMessageGenerator({
     name: 'instantsearch'
@@ -14831,7 +14863,8 @@
    * Global options for an InstantSearch instance.
    */
   var INSTANTSEARCH_FUTURE_DEFAULTS = {
-    preserveSharedStateOnUnmount: false
+    preserveSharedStateOnUnmount: false,
+    persistHierarchicalRootCount: false
   };
 
   /**
@@ -15167,7 +15200,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);
@@ -15415,10 +15450,10 @@
     history: historyRouter
   });
 
-  var _excluded$b = ["configure"];
+  var _excluded$8 = ["configure"];
   function getIndexStateWithoutConfigure$1(uiState) {
     var configure = uiState.configure,
-      trackedUiState = _objectWithoutProperties(uiState, _excluded$b);
+      trackedUiState = _objectWithoutProperties(uiState, _excluded$8);
     return trackedUiState;
   }
   function singleIndexStateMapping(indexName) {
@@ -16344,7 +16379,7 @@
 
   var _objectWithoutProperties$1 = unwrapExports(objectWithoutProperties);
 
-  var _excluded$c = ["parts", "highlightedTagName", "nonHighlightedTagName", "separator", "className", "classNames"];
+  var _excluded$9 = ["parts", "highlightedTagName", "nonHighlightedTagName", "separator", "className", "classNames"];
 
   function createHighlightPartComponent(_ref) {
     var createElement = _ref.createElement;
@@ -16381,7 +16416,7 @@
           className = userProps.className,
           _userProps$classNames = userProps.classNames,
           classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
-          props = _objectWithoutProperties$1(userProps, _excluded$c);
+          props = _objectWithoutProperties$1(userProps, _excluded$9);
 
       return createElement("span", _extends$1({}, props, {
         className: cx(classNames.root, className)
@@ -16409,11 +16444,11 @@
     Fragment: p
   });
 
-  var _excluded$d = ["classNames"];
+  var _excluded$a = ["classNames"];
   function Highlight(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties(_ref, _excluded$d);
+      props = _objectWithoutProperties(_ref, _excluded$a);
     return h(InternalHighlight, _extends({
       classNames: {
         root: cx('ais-Highlight', classNames.root),
@@ -16424,12 +16459,12 @@
     }, props));
   }
 
-  var _excluded$e = ["hit", "attribute", "cssClasses"];
+  var _excluded$b = ["hit", "attribute", "cssClasses"];
   function Highlight$1(_ref) {
     var hit = _ref.hit,
       attribute = _ref.attribute,
       cssClasses = _ref.cssClasses,
-      props = _objectWithoutProperties(_ref, _excluded$e);
+      props = _objectWithoutProperties(_ref, _excluded$b);
     var property = getPropertyByPath(hit._highlightResult, attribute) || [];
     var properties = toArray(property);
      _warning(Boolean(properties.length), "Could not enable highlight for \"".concat(attribute.toString(), "\", will display an empty string.\nPlease check whether this attribute exists and is either searchable or specified in `attributesToHighlight`.\n\nSee: https://alg.li/highlighting\n")) ;
@@ -16443,11 +16478,11 @@
     }));
   }
 
-  var _excluded$f = ["classNames"];
+  var _excluded$c = ["classNames"];
   function ReverseHighlight(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties(_ref, _excluded$f);
+      props = _objectWithoutProperties(_ref, _excluded$c);
     return h(InternalHighlight, _extends({
       classNames: {
         root: cx('ais-ReverseHighlight', classNames.root),
@@ -16458,13 +16493,13 @@
     }, props));
   }
 
-  var _excluded$g = ["hit", "attribute", "cssClasses"],
-    _excluded2$4 = ["isHighlighted"];
+  var _excluded$d = ["hit", "attribute", "cssClasses"],
+    _excluded2$2 = ["isHighlighted"];
   function ReverseHighlight$1(_ref) {
     var hit = _ref.hit,
       attribute = _ref.attribute,
       cssClasses = _ref.cssClasses,
-      props = _objectWithoutProperties(_ref, _excluded$g);
+      props = _objectWithoutProperties(_ref, _excluded$d);
     var property = getPropertyByPath(hit._highlightResult, attribute) || [];
     var properties = toArray(property);
      _warning(Boolean(properties.length), "Could not enable highlight for \"".concat(attribute.toString(), "\", will display an empty string.\nPlease check whether this attribute exists and is either searchable or specified in `attributesToHighlight`.\n\nSee: https://alg.li/highlighting\n")) ;
@@ -16472,7 +16507,7 @@
       var value = _ref2.value;
       return getHighlightedParts(unescape$1(value || '')).map(function (_ref3) {
         var isHighlighted = _ref3.isHighlighted,
-          rest = _objectWithoutProperties(_ref3, _excluded2$4);
+          rest = _objectWithoutProperties(_ref3, _excluded2$2);
         return _objectSpread2(_objectSpread2({}, rest), {}, {
           isHighlighted: !isHighlighted
         });
@@ -16484,11 +16519,11 @@
     }));
   }
 
-  var _excluded$h = ["classNames"];
+  var _excluded$e = ["classNames"];
   function ReverseSnippet(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties(_ref, _excluded$h);
+      props = _objectWithoutProperties(_ref, _excluded$e);
     return h(InternalHighlight, _extends({
       classNames: {
         root: cx('ais-ReverseSnippet', classNames.root),
@@ -16499,13 +16534,13 @@
     }, props));
   }
 
-  var _excluded$i = ["hit", "attribute", "cssClasses"],
-    _excluded2$5 = ["isHighlighted"];
+  var _excluded$f = ["hit", "attribute", "cssClasses"],
+    _excluded2$3 = ["isHighlighted"];
   function ReverseSnippet$1(_ref) {
     var hit = _ref.hit,
       attribute = _ref.attribute,
       cssClasses = _ref.cssClasses,
-      props = _objectWithoutProperties(_ref, _excluded$i);
+      props = _objectWithoutProperties(_ref, _excluded$f);
     var property = getPropertyByPath(hit._snippetResult, attribute) || [];
     var properties = toArray(property);
      _warning(Boolean(properties.length), "Could not enable snippet for \"".concat(attribute.toString(), "\", will display an empty string.\nPlease check whether this attribute exists and is specified in `attributesToSnippet`.\n\nSee: https://alg.li/highlighting\n")) ;
@@ -16513,7 +16548,7 @@
       var value = _ref2.value;
       return getHighlightedParts(unescape$1(value || '')).map(function (_ref3) {
         var isHighlighted = _ref3.isHighlighted,
-          rest = _objectWithoutProperties(_ref3, _excluded2$5);
+          rest = _objectWithoutProperties(_ref3, _excluded2$3);
         return _objectSpread2(_objectSpread2({}, rest), {}, {
           isHighlighted: !isHighlighted
         });
@@ -16525,11 +16560,11 @@
     }));
   }
 
-  var _excluded$j = ["classNames"];
+  var _excluded$g = ["classNames"];
   function Snippet(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties(_ref, _excluded$j);
+      props = _objectWithoutProperties(_ref, _excluded$g);
     return h(InternalHighlight, _extends({
       classNames: {
         root: cx('ais-Snippet', classNames.root),
@@ -16540,12 +16575,12 @@
     }, props));
   }
 
-  var _excluded$k = ["hit", "attribute", "cssClasses"];
+  var _excluded$h = ["hit", "attribute", "cssClasses"];
   function Snippet$1(_ref) {
     var hit = _ref.hit,
       attribute = _ref.attribute,
       cssClasses = _ref.cssClasses,
-      props = _objectWithoutProperties(_ref, _excluded$k);
+      props = _objectWithoutProperties(_ref, _excluded$h);
     var property = getPropertyByPath(hit._snippetResult, attribute) || [];
     var properties = toArray(property);
      _warning(Boolean(properties.length), "Could not enable snippet for \"".concat(attribute.toString(), "\", will display an empty string.\nPlease check whether this attribute exists and is specified in `attributesToSnippet`.\n\nSee: https://alg.li/highlighting\n")) ;
@@ -16816,7 +16851,7 @@
     });
   };
 
-  var _excluded$l = ["container", "widgets", "fallbackWidget"];
+  var _excluded$i = ["container", "widgets", "fallbackWidget"];
   var withUsage$t = createDocumentationMessageGenerator({
     name: 'dynamic-widgets'
   });
@@ -16834,7 +16869,7 @@
       containerSelector = _ref.container,
       widgets = _ref.widgets,
       fallbackWidget = _ref.fallbackWidget,
-      otherWidgetParams = _objectWithoutProperties(_ref, _excluded$l);
+      otherWidgetParams = _objectWithoutProperties(_ref, _excluded$i);
     if (!containerSelector) {
       throw new Error(withUsage$t('The `container` option is required.'));
     }
@@ -17808,9 +17843,9 @@
     }), container.querySelector(".".concat(cssClasses.tree)));
   };
 
-  var _excluded$m = ["initialZoom", "initialPosition", "templates", "cssClasses", "builtInMarker", "customHTMLMarker", "enableRefine", "enableClearMapRefinement", "enableRefineControl", "container", "googleReference"],
-    _excluded2$6 = ["item"],
-    _excluded3$1 = ["item"];
+  var _excluded$j = ["initialZoom", "initialPosition", "templates", "cssClasses", "builtInMarker", "customHTMLMarker", "enableRefine", "enableClearMapRefinement", "enableRefineControl", "container", "googleReference"],
+    _excluded2$4 = ["item"],
+    _excluded3 = ["item"];
   var withUsage$y = createDocumentationMessageGenerator({
     name: 'geo-search'
   });
@@ -17852,7 +17887,7 @@
       enableRefineControl = _ref$enableRefineCont === void 0 ? true : _ref$enableRefineCont,
       container = _ref.container,
       googleReference = _ref.googleReference,
-      otherWidgetParams = _objectWithoutProperties(_ref, _excluded$m);
+      otherWidgetParams = _objectWithoutProperties(_ref, _excluded$j);
     var defaultBuiltInMarker = {
       createOptions: function createOptions() {
         return {};
@@ -17911,7 +17946,7 @@
     var customHTMLMarker = isCustomHTMLMarker && _objectSpread2(_objectSpread2({}, defaultCustomHTMLMarker), userCustomHTMLMarker);
     var createBuiltInMarker = function createBuiltInMarker(_ref2) {
       var item = _ref2.item,
-        rest = _objectWithoutProperties(_ref2, _excluded2$6);
+        rest = _objectWithoutProperties(_ref2, _excluded2$4);
       return new googleReference.maps.Marker(_objectSpread2(_objectSpread2(_objectSpread2({}, builtInMarker.createOptions(item)), rest), {}, {
         // @ts-expect-error @types/googlemaps doesn't document this
         __id: item.objectID,
@@ -17921,7 +17956,7 @@
     var HTMLMarker = createHTMLMarker(googleReference);
     var createCustomHTMLMarker = function createCustomHTMLMarker(_ref3) {
       var item = _ref3.item,
-        rest = _objectWithoutProperties(_ref3, _excluded3$1);
+        rest = _objectWithoutProperties(_ref3, _excluded3);
       return new HTMLMarker(_objectSpread2(_objectSpread2(_objectSpread2({}, customHTMLMarker.createOptions(item)), rest), {}, {
         __id: item.objectID,
         position: item._geoloc,
@@ -17994,13 +18029,15 @@
           refine = _this$props.refine,
           onChange = _this$props.onChange;
         var query = event.target.value;
-        if (searchAsYouType) {
-          refine(query);
+        if (event.type === 'compositionend' || !event.isComposing) {
+          if (searchAsYouType) {
+            refine(query);
+          }
+          _this.setState({
+            query: query
+          });
+          onChange(event);
         }
-        _this.setState({
-          query: query
-        });
-        onChange(event);
       });
       _defineProperty(_assertThisInitialized(_this), "onSubmit", function (event) {
         var _this$props2 = _this.props,
@@ -18110,7 +18147,11 @@
           ,
           spellCheck: "false",
           maxLength: 512,
-          onInput: this.onInput,
+          onInput: this.onInput
+          // see: https://github.com/preactjs/preact/issues/1978
+          // eslint-disable-next-line react/no-unknown-property
+          ,
+          oncompositionend: this.onInput,
           onBlur: this.onBlur,
           onFocus: this.onFocus,
           "aria-label": ariaLabel
@@ -18182,7 +18223,7 @@
     })), subItems);
   }
 
-  var _excluded$n = ["root"];
+  var _excluded$k = ["root"];
 
   // CSS types
 
@@ -18209,7 +18250,7 @@
         if (isHierarchicalMenuItem(facetValue) && Array.isArray(facetValue.data) && facetValue.data.length > 0) {
           var _this$props$cssClasse = _this.props.cssClasses,
             root = _this$props$cssClasse.root,
-            cssClasses = _objectWithoutProperties(_this$props$cssClasse, _excluded$n);
+            cssClasses = _objectWithoutProperties(_this$props$cssClasse, _excluded$k);
           subItems = h(RefinementList, _extends({}, _this.props, {
             // We want to keep `root` required for external usage but not for the
             // sub items.
@@ -19865,8 +19906,8 @@
     };
   };
 
-  var _excluded$o = ["placesReference", "defaultPosition"],
-    _excluded2$7 = ["places"];
+  var _excluded$l = ["placesReference", "defaultPosition"],
+    _excluded2$5 = ["places"];
   /* Places.js is an optional dependency, no error should be reported if the package is missing */
   /** @ts-ignore */
   // using the type like this requires only one ts-ignore
@@ -19879,7 +19920,7 @@
       placesReference = _ref.placesReference,
       _ref$defaultPosition = _ref.defaultPosition,
       defaultPosition = _ref$defaultPosition === void 0 ? [] : _ref$defaultPosition,
-      placesOptions = _objectWithoutProperties(_ref, _excluded$o);
+      placesOptions = _objectWithoutProperties(_ref, _excluded$l);
     if (typeof placesReference !== 'function') {
       throw new Error('The `placesReference` option requires a valid Places.js reference.');
     }
@@ -19920,7 +19961,7 @@
         var hasPositionSet = position !== defaultPosition.join(',');
         if (!hasPositionSet && !state.query) {
           var places = uiState.places,
-            uiStateWithoutPlaces = _objectWithoutProperties(uiState, _excluded2$7);
+            uiStateWithoutPlaces = _objectWithoutProperties(uiState, _excluded2$5);
           return uiStateWithoutPlaces;
         }
         return _objectSpread2(_objectSpread2({}, uiState), {}, {
@@ -21917,13 +21958,13 @@
     });
   };
 
-  var _excluded$p = ["nbHits", "nbSortedHits", "cssClasses", "templateProps"];
+  var _excluded$m = ["nbHits", "nbSortedHits", "cssClasses", "templateProps"];
   var Stats = function Stats(_ref) {
     var nbHits = _ref.nbHits,
       nbSortedHits = _ref.nbSortedHits,
       cssClasses = _ref.cssClasses,
       templateProps = _ref.templateProps,
-      rest = _objectWithoutProperties(_ref, _excluded$p);
+      rest = _objectWithoutProperties(_ref, _excluded$m);
     return h("div", {
       className: cx(cssClasses.root)
     }, h(Template, _extends({}, templateProps, {