instantsearch.js 4.59.0 → 4.61.0

package/dist/instantsearch.development.js

@@ -1,4 +1,4 @@
-/*! InstantSearch.js 4.59.0 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
+/*! InstantSearch.js 4.61.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) :
@@ -1411,6 +1411,115 @@
     });
   }
 
+  function hydrateSearchClient(client, results) {
+    if (!results) {
+      return;
+    }
+
+    // Disable cache hydration on:
+    // - Algoliasearch API Client < v4 with cache disabled
+    // - Third party clients (detected by the `addAlgoliaAgent` function missing)
+
+    if ((!('transporter' in client) || client._cacheHydrated) && (!client._useCache || typeof client.addAlgoliaAgent !== 'function')) {
+      return;
+    }
+    var cachedRequest = Object.keys(results).map(function (key) {
+      return results[key].results.map(function (result) {
+        return {
+          indexName: result.index,
+          // We normalize the params received from the server as they can
+          // be serialized differently depending on the engine.
+          params: serializeQueryParameters(deserializeQueryParameters(result.params))
+        };
+      });
+    });
+    var cachedResults = Object.keys(results).reduce(function (acc, key) {
+      return acc.concat(results[key].results);
+    }, []);
+
+    // Algoliasearch API Client >= v4
+    // To hydrate the client we need to populate the cache with the data from
+    // the server (done in `hydrateSearchClientWithMultiIndexRequest` or
+    // `hydrateSearchClientWithSingleIndexRequest`). But since there is no way
+    // for us to compute the key the same way as `algoliasearch-client` we need
+    // to populate it on a custom key and override the `search` method to
+    // search on it first.
+    if ('transporter' in client && !client._cacheHydrated) {
+      client._cacheHydrated = true;
+      var baseMethod = client.search;
+      // @ts-ignore wanting type checks for v3 on this would make this too complex
+      client.search = function (requests) {
+        for (var _len = arguments.length, methodArgs = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          methodArgs[_key - 1] = arguments[_key];
+        }
+        var requestsWithSerializedParams = requests.map(function (request) {
+          return _objectSpread2(_objectSpread2({}, request), {}, {
+            params: serializeQueryParameters(request.params)
+          });
+        });
+        return client.transporter.responsesCache.get({
+          method: 'search',
+          args: [requestsWithSerializedParams].concat(methodArgs)
+        }, function () {
+          return baseMethod.apply(void 0, [requests].concat(methodArgs));
+        });
+      };
+      client.transporter.responsesCache.set({
+        method: 'search',
+        args: cachedRequest
+      }, {
+        results: cachedResults
+      });
+    }
+
+    // Algoliasearch API Client < v4
+    // Prior to client v4 we didn't have a proper API to hydrate the client
+    // cache from the outside. The following code populates the cache with
+    // a single-index result. You can find more information about the
+    // computation of the key inside the client (see link below).
+    // https://github.com/algolia/algoliasearch-client-javascript/blob/c27e89ff92b2a854ae6f40dc524bffe0f0cbc169/src/AlgoliaSearchCore.js#L232-L240
+    if (!('transporter' in client)) {
+      var cacheKey = "/1/indexes/*/queries_body_".concat(JSON.stringify({
+        requests: cachedRequest
+      }));
+      client.cache = _objectSpread2(_objectSpread2({}, client.cache), {}, _defineProperty({}, cacheKey, JSON.stringify({
+        results: Object.keys(results).map(function (key) {
+          return results[key].results;
+        })
+      })));
+    }
+  }
+  function deserializeQueryParameters(parameters) {
+    return parameters.split('&').reduce(function (acc, parameter) {
+      var _parameter$split = parameter.split('='),
+        _parameter$split2 = _slicedToArray(_parameter$split, 2),
+        key = _parameter$split2[0],
+        value = _parameter$split2[1];
+      acc[key] = value ? decodeURIComponent(value) : '';
+      return acc;
+    }, {});
+  }
+
+  // This function is copied from the algoliasearch v4 API Client. If modified,
+  // consider updating it also in `serializeQueryParameters` from `@algolia/transporter`.
+  function serializeQueryParameters(parameters) {
+    var isObjectOrArray = function isObjectOrArray(value) {
+      return Object.prototype.toString.call(value) === '[object Object]' || Object.prototype.toString.call(value) === '[object Array]';
+    };
+    var encode = function encode(format) {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+      var i = 0;
+      return format.replace(/%s/g, function () {
+        return encodeURIComponent(args[i++]);
+      });
+    };
+    return Object.keys(parameters).map(function (key) {
+      return encode('%s=%s', key, isObjectOrArray(parameters[key]) ? JSON.stringify(parameters[key]) : parameters[key]);
+    }).join('&');
+  }
+
   function isPrimitive(obj) {
     return obj !== Object(obj);
   }
@@ -1845,8 +1954,8 @@
       }))) {
         throw new Error(withUsage$1('The `widgets` option expects an array of widgets.'));
       }
-      if (!(Array.isArray(facets) && facets.length <= 1 && (facets[0] === '*' || facets[0] === undefined))) {
-        throw new Error(withUsage$1("The `facets` option only accepts [] or [\"*\"], you passed ".concat(JSON.stringify(facets))));
+      if (!Array.isArray(facets)) {
+        throw new Error(withUsage$1("The `facets` option only accepts an array of facets, you passed ".concat(JSON.stringify(facets))));
       }
       var localWidgets = new Map();
       return {
@@ -1924,7 +2033,6 @@
           unmountFn();
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(state) {
-          // broadening the scope of facets to avoid conflict between never and *
           return facets.reduce(function (acc, curr) {
             return acc.addFacet(curr);
           }, state.setQueryParameters({
@@ -2281,7 +2389,8 @@
     return refinement.name;
   }
 
-  var _excluded$1 = ["name", "escapedValue", "data", "path"];
+  var _excluded$1 = ["name", "escapedValue", "data", "path"],
+    _excluded2 = ["hierarchicalMenu"];
   var withUsage$4 = createDocumentationMessageGenerator({
     name: 'hierarchical-menu',
     connector: true
@@ -2467,12 +2576,9 @@
         getWidgetUiState: function getWidgetUiState(uiState, _ref5) {
           var searchParameters = _ref5.searchParameters;
           var path = searchParameters.getHierarchicalFacetBreadcrumb(hierarchicalFacetName);
-          if (!path.length) {
-            return uiState;
-          }
-          return _objectSpread2(_objectSpread2({}, uiState), {}, {
+          return removeEmptyRefinementsFromUiState(_objectSpread2(_objectSpread2({}, uiState), {}, {
             hierarchicalMenu: _objectSpread2(_objectSpread2({}, uiState.hierarchicalMenu), {}, _defineProperty({}, hierarchicalFacetName, path))
-          });
+          }));
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref6) {
           var uiState = _ref6.uiState;
@@ -2505,6 +2611,19 @@
       };
     };
   };
+  function removeEmptyRefinementsFromUiState(indexUiState) {
+    var hierarchicalMenu = indexUiState.hierarchicalMenu,
+      indexUiStateBase = _objectWithoutProperties(indexUiState, _excluded2);
+    if (!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
+    } : {});
+  }
 
   var withUsage$5 = createDocumentationMessageGenerator({
     name: 'hits',
@@ -2951,7 +3070,7 @@
   };
 
   var _excluded$2 = ["page"],
-    _excluded2 = ["clickAnalytics", "userToken"];
+    _excluded2$1 = ["clickAnalytics", "userToken"];
   var withUsage$7 = createDocumentationMessageGenerator({
     name: 'infinite-hits',
     connector: true
@@ -2966,7 +3085,7 @@
     var _ref2 = state || {},
       clickAnalytics = _ref2.clickAnalytics,
       userToken = _ref2.userToken,
-      rest = _objectWithoutProperties(_ref2, _excluded2);
+      rest = _objectWithoutProperties(_ref2, _excluded2$1);
     return rest;
   }
   function getInMemoryCache() {
@@ -3202,7 +3321,8 @@
    */ // eslint-disable-next-line @typescript-eslint/no-unused-vars
   var connectInfiniteHitsWithInsights = withInsights(connectInfiniteHits);
 
-  var _excluded$3 = ["name", "escapedValue", "path"];
+  var _excluded$3 = ["name", "escapedValue", "path"],
+    _excluded2$2 = ["menu"];
   var withUsage$8 = createDocumentationMessageGenerator({
     name: 'menu',
     connector: true
@@ -3360,12 +3480,9 @@
           var _searchParameters$get = searchParameters.getHierarchicalFacetBreadcrumb(attribute),
             _searchParameters$get2 = _slicedToArray(_searchParameters$get, 1),
             value = _searchParameters$get2[0];
-          if (!value) {
-            return uiState;
-          }
-          return _objectSpread2(_objectSpread2({}, uiState), {}, {
+          return removeEmptyRefinementsFromUiState$1(_objectSpread2(_objectSpread2({}, uiState), {}, {
             menu: _objectSpread2(_objectSpread2({}, uiState.menu), {}, _defineProperty({}, attribute, value))
-          });
+          }));
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref5) {
           var uiState = _ref5.uiState;
@@ -3391,7 +3508,22 @@
       };
     };
   };
+  function removeEmptyRefinementsFromUiState$1(indexUiState) {
+    var menu = indexUiState.menu,
+      indexUiStateBase = _objectWithoutProperties(indexUiState, _excluded2$2);
+    if (!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
+    } : {});
+  }
 
+  var _excluded$4 = ["numericMenu"];
   var withUsage$9 = createDocumentationMessageGenerator({
     name: 'numeric-menu',
     connector: true
@@ -3475,12 +3607,9 @@
           }
           var min = values['>='] && values['>='][0] || '';
           var max = values['<='] && values['<='][0] || '';
-          if (min === '' && max === '') {
-            return uiState;
-          }
-          return _objectSpread2(_objectSpread2({}, uiState), {}, {
+          return removeEmptyRefinementsFromUiState$2(_objectSpread2(_objectSpread2({}, uiState), {}, {
             numericMenu: _objectSpread2(_objectSpread2({}, uiState.numericMenu), {}, _defineProperty({}, attribute, "".concat(min, ":").concat(max)))
-          });
+          }));
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref6) {
           var uiState = _ref6.uiState;
@@ -3642,6 +3771,19 @@
   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) {
+      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
+    } : {});
+  }
 
   var Paginator = /*#__PURE__*/function () {
     function Paginator(params) {
@@ -4091,8 +4233,9 @@
     };
   };
 
-  var _excluded$4 = ["name", "escapedValue"],
-    _excluded2$1 = ["escapedValue", "value"];
+  var _excluded$5 = ["name", "escapedValue"],
+    _excluded2$3 = ["escapedValue", "value"],
+    _excluded3 = ["refinementList"];
   var withUsage$c = createDocumentationMessageGenerator({
     name: 'refinement-list',
     connector: true
@@ -4144,7 +4287,7 @@
       var formatItems = function formatItems(_ref2) {
         var label = _ref2.name,
           value = _ref2.escapedValue,
-          item = _objectWithoutProperties(_ref2, _excluded$4);
+          item = _objectWithoutProperties(_ref2, _excluded$5);
         return _objectSpread2(_objectSpread2({}, item), {}, {
           value: value,
           label: label,
@@ -4201,7 +4344,7 @@
                 var normalizedFacetValues = transformItems(facetValues.map(function (_ref3) {
                   var escapedValue = _ref3.escapedValue,
                     value = _ref3.value,
-                    item = _objectWithoutProperties(_ref3, _excluded2$1);
+                    item = _objectWithoutProperties(_ref3, _excluded2$3);
                   return _objectSpread2(_objectSpread2({}, item), {}, {
                     value: escapedValue,
                     label: value
@@ -4327,12 +4470,9 @@
         getWidgetUiState: function getWidgetUiState(uiState, _ref5) {
           var searchParameters = _ref5.searchParameters;
           var values = operator === 'or' ? searchParameters.getDisjunctiveRefinements(attribute) : searchParameters.getConjunctiveRefinements(attribute);
-          if (!values.length) {
-            return uiState;
-          }
-          return _objectSpread2(_objectSpread2({}, uiState), {}, {
+          return removeEmptyRefinementsFromUiState$3(_objectSpread2(_objectSpread2({}, uiState), {}, {
             refinementList: _objectSpread2(_objectSpread2({}, uiState.refinementList), {}, _defineProperty({}, attribute, values))
-          });
+          }));
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref6) {
           var uiState = _ref6.uiState;
@@ -4362,6 +4502,19 @@
       };
     };
   };
+  function removeEmptyRefinementsFromUiState$3(indexUiState) {
+    var refinementList = indexUiState.refinementList,
+      indexUiStateBase = _objectWithoutProperties(indexUiState, _excluded3);
+    if (!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
+    } : {});
+  }
 
   var withUsage$d = createDocumentationMessageGenerator({
     name: 'search-box',
@@ -4555,6 +4708,7 @@
     };
   };
 
+  var _excluded$6 = ["ratingMenu"];
   var withUsage$f = createDocumentationMessageGenerator({
     name: 'rating-menu',
     connector: true
@@ -4796,12 +4950,9 @@
         getWidgetUiState: function getWidgetUiState(uiState, _ref7) {
           var searchParameters = _ref7.searchParameters;
           var value = _getRefinedStar(searchParameters);
-          if (typeof value !== 'number') {
-            return uiState;
-          }
-          return _objectSpread2(_objectSpread2({}, uiState), {}, {
-            ratingMenu: _objectSpread2(_objectSpread2({}, uiState.ratingMenu), {}, _defineProperty({}, attribute, value))
-          });
+          return removeEmptyRefinementsFromUiState$4(_objectSpread2(_objectSpread2({}, uiState), {}, {
+            ratingMenu: _objectSpread2(_objectSpread2({}, uiState.ratingMenu), {}, _defineProperty({}, attribute, typeof value === 'number' ? value : undefined))
+          }));
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref8) {
           var uiState = _ref8.uiState;
@@ -4818,6 +4969,19 @@
       };
     };
   };
+  function removeEmptyRefinementsFromUiState$4(indexUiState) {
+    var ratingMenu = indexUiState.ratingMenu,
+      indexUiStateBase = _objectWithoutProperties(indexUiState, _excluded$6);
+    if (!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
+    } : {});
+  }
 
   var withUsage$g = createDocumentationMessageGenerator({
     name: 'stats',
@@ -5183,6 +5347,7 @@
     };
   };
 
+  var _excluded$7 = ["hierarchicalMenu"];
   var withUsage$i = createDocumentationMessageGenerator({
     name: 'breadcrumb',
     connector: true
@@ -5287,12 +5452,9 @@
         getWidgetUiState: function getWidgetUiState(uiState, _ref3) {
           var searchParameters = _ref3.searchParameters;
           var path = searchParameters.getHierarchicalFacetBreadcrumb(hierarchicalFacetName);
-          if (!path.length) {
-            return uiState;
-          }
-          return _objectSpread2(_objectSpread2({}, uiState), {}, {
+          return removeEmptyRefinementsFromUiState$5(_objectSpread2(_objectSpread2({}, uiState), {}, {
             hierarchicalMenu: _objectSpread2(_objectSpread2({}, uiState.hierarchicalMenu), {}, _defineProperty({}, hierarchicalFacetName, path))
-          });
+          }));
         },
         getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref4) {
           var uiState = _ref4.uiState;
@@ -5343,6 +5505,19 @@
       };
     });
   }
+  function removeEmptyRefinementsFromUiState$5(indexUiState) {
+    var hierarchicalMenu = indexUiState.hierarchicalMenu,
+      indexUiStateBase = _objectWithoutProperties(indexUiState, _excluded$7);
+    if (!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
+    } : {});
+  }
 
   var withUsage$j = createDocumentationMessageGenerator({
     name: 'geo-search',
@@ -12492,11 +12667,11 @@
     return getCookie(ANONYMOUS_TOKEN_COOKIE_KEY);
   }
 
-  var _excluded$5 = ["page"];
+  var _excluded$8 = ["page"];
   function getStateWithoutPage$1(state) {
     var _ref = state || {},
       page = _ref.page,
-      rest = _objectWithoutProperties(_ref, _excluded$5);
+      rest = _objectWithoutProperties(_ref, _excluded$8);
     return rest;
   }
   var KEY = 'ais.infiniteHits';
@@ -14005,10 +14180,10 @@
     });
   }
 
-  var _excluded$6 = ["configure"];
+  var _excluded$9 = ["configure"];
   function getIndexStateWithoutConfigure(uiState) {
     var configure = uiState.configure,
-      trackedUiState = _objectWithoutProperties(uiState, _excluded$6);
+      trackedUiState = _objectWithoutProperties(uiState, _excluded$9);
     return trackedUiState;
   }
 
@@ -14093,7 +14268,7 @@
     };
   };
 
-  var _excluded$7 = ["initialSearchParameters"];
+  var _excluded$a = ["initialSearchParameters"];
   var withUsage$q = createDocumentationMessageGenerator({
     name: 'index-widget'
   });
@@ -14133,7 +14308,7 @@
   }
   function getLocalWidgetsSearchParameters(widgets, widgetSearchParametersOptions) {
     var initialSearchParameters = widgetSearchParametersOptions.initialSearchParameters,
-      rest = _objectWithoutProperties(widgetSearchParametersOptions, _excluded$7);
+      rest = _objectWithoutProperties(widgetSearchParametersOptions, _excluded$a);
     return widgets.filter(function (widget) {
       return !isIndexWidget(widget);
     }).reduce(function (state, widget) {
@@ -14640,7 +14815,7 @@
     };
   }
 
-  var version$1 = '4.59.0';
+  var version$1 = '4.61.0';
 
   var withUsage$r = createDocumentationMessageGenerator({
     name: 'instantsearch'
@@ -15068,6 +15243,7 @@
           uiState: this._initialUiState
         });
         if (this._initialResults) {
+          hydrateSearchClient(this.client, this._initialResults);
           var originalScheduleSearch = this.scheduleSearch;
           // We don't schedule a first search when initial results are provided
           // because we already have the results to render. This skips the initial
@@ -15239,10 +15415,10 @@
     history: historyRouter
   });
 
-  var _excluded$8 = ["configure"];
+  var _excluded$b = ["configure"];
   function getIndexStateWithoutConfigure$1(uiState) {
     var configure = uiState.configure,
-      trackedUiState = _objectWithoutProperties(uiState, _excluded$8);
+      trackedUiState = _objectWithoutProperties(uiState, _excluded$b);
     return trackedUiState;
   }
   function singleIndexStateMapping(indexName) {
@@ -16168,7 +16344,7 @@
 
   var _objectWithoutProperties$1 = unwrapExports(objectWithoutProperties);
 
-  var _excluded$9 = ["parts", "highlightedTagName", "nonHighlightedTagName", "separator", "className", "classNames"];
+  var _excluded$c = ["parts", "highlightedTagName", "nonHighlightedTagName", "separator", "className", "classNames"];
 
   function createHighlightPartComponent(_ref) {
     var createElement = _ref.createElement;
@@ -16205,7 +16381,7 @@
           className = userProps.className,
           _userProps$classNames = userProps.classNames,
           classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
-          props = _objectWithoutProperties$1(userProps, _excluded$9);
+          props = _objectWithoutProperties$1(userProps, _excluded$c);
 
       return createElement("span", _extends$1({}, props, {
         className: cx(classNames.root, className)
@@ -16233,11 +16409,11 @@
     Fragment: p
   });
 
-  var _excluded$a = ["classNames"];
+  var _excluded$d = ["classNames"];
   function Highlight(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties(_ref, _excluded$a);
+      props = _objectWithoutProperties(_ref, _excluded$d);
     return h(InternalHighlight, _extends({
       classNames: {
         root: cx('ais-Highlight', classNames.root),
@@ -16248,12 +16424,12 @@
     }, props));
   }
 
-  var _excluded$b = ["hit", "attribute", "cssClasses"];
+  var _excluded$e = ["hit", "attribute", "cssClasses"];
   function Highlight$1(_ref) {
     var hit = _ref.hit,
       attribute = _ref.attribute,
       cssClasses = _ref.cssClasses,
-      props = _objectWithoutProperties(_ref, _excluded$b);
+      props = _objectWithoutProperties(_ref, _excluded$e);
     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")) ;
@@ -16267,11 +16443,11 @@
     }));
   }
 
-  var _excluded$c = ["classNames"];
+  var _excluded$f = ["classNames"];
   function ReverseHighlight(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties(_ref, _excluded$c);
+      props = _objectWithoutProperties(_ref, _excluded$f);
     return h(InternalHighlight, _extends({
       classNames: {
         root: cx('ais-ReverseHighlight', classNames.root),
@@ -16282,13 +16458,13 @@
     }, props));
   }
 
-  var _excluded$d = ["hit", "attribute", "cssClasses"],
-    _excluded2$2 = ["isHighlighted"];
+  var _excluded$g = ["hit", "attribute", "cssClasses"],
+    _excluded2$4 = ["isHighlighted"];
   function ReverseHighlight$1(_ref) {
     var hit = _ref.hit,
       attribute = _ref.attribute,
       cssClasses = _ref.cssClasses,
-      props = _objectWithoutProperties(_ref, _excluded$d);
+      props = _objectWithoutProperties(_ref, _excluded$g);
     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")) ;
@@ -16296,7 +16472,7 @@
       var value = _ref2.value;
       return getHighlightedParts(unescape$1(value || '')).map(function (_ref3) {
         var isHighlighted = _ref3.isHighlighted,
-          rest = _objectWithoutProperties(_ref3, _excluded2$2);
+          rest = _objectWithoutProperties(_ref3, _excluded2$4);
         return _objectSpread2(_objectSpread2({}, rest), {}, {
           isHighlighted: !isHighlighted
         });
@@ -16308,11 +16484,11 @@
     }));
   }
 
-  var _excluded$e = ["classNames"];
+  var _excluded$h = ["classNames"];
   function ReverseSnippet(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties(_ref, _excluded$e);
+      props = _objectWithoutProperties(_ref, _excluded$h);
     return h(InternalHighlight, _extends({
       classNames: {
         root: cx('ais-ReverseSnippet', classNames.root),
@@ -16323,13 +16499,13 @@
     }, props));
   }
 
-  var _excluded$f = ["hit", "attribute", "cssClasses"],
-    _excluded2$3 = ["isHighlighted"];
+  var _excluded$i = ["hit", "attribute", "cssClasses"],
+    _excluded2$5 = ["isHighlighted"];
   function ReverseSnippet$1(_ref) {
     var hit = _ref.hit,
       attribute = _ref.attribute,
       cssClasses = _ref.cssClasses,
-      props = _objectWithoutProperties(_ref, _excluded$f);
+      props = _objectWithoutProperties(_ref, _excluded$i);
     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")) ;
@@ -16337,7 +16513,7 @@
       var value = _ref2.value;
       return getHighlightedParts(unescape$1(value || '')).map(function (_ref3) {
         var isHighlighted = _ref3.isHighlighted,
-          rest = _objectWithoutProperties(_ref3, _excluded2$3);
+          rest = _objectWithoutProperties(_ref3, _excluded2$5);
         return _objectSpread2(_objectSpread2({}, rest), {}, {
           isHighlighted: !isHighlighted
         });
@@ -16349,11 +16525,11 @@
     }));
   }
 
-  var _excluded$g = ["classNames"];
+  var _excluded$j = ["classNames"];
   function Snippet(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties(_ref, _excluded$g);
+      props = _objectWithoutProperties(_ref, _excluded$j);
     return h(InternalHighlight, _extends({
       classNames: {
         root: cx('ais-Snippet', classNames.root),
@@ -16364,12 +16540,12 @@
     }, props));
   }
 
-  var _excluded$h = ["hit", "attribute", "cssClasses"];
+  var _excluded$k = ["hit", "attribute", "cssClasses"];
   function Snippet$1(_ref) {
     var hit = _ref.hit,
       attribute = _ref.attribute,
       cssClasses = _ref.cssClasses,
-      props = _objectWithoutProperties(_ref, _excluded$h);
+      props = _objectWithoutProperties(_ref, _excluded$k);
     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")) ;
@@ -16640,7 +16816,7 @@
     });
   };
 
-  var _excluded$i = ["container", "widgets", "fallbackWidget"];
+  var _excluded$l = ["container", "widgets", "fallbackWidget"];
   var withUsage$t = createDocumentationMessageGenerator({
     name: 'dynamic-widgets'
   });
@@ -16658,7 +16834,7 @@
       containerSelector = _ref.container,
       widgets = _ref.widgets,
       fallbackWidget = _ref.fallbackWidget,
-      otherWidgetParams = _objectWithoutProperties(_ref, _excluded$i);
+      otherWidgetParams = _objectWithoutProperties(_ref, _excluded$l);
     if (!containerSelector) {
       throw new Error(withUsage$t('The `container` option is required.'));
     }
@@ -17632,9 +17808,9 @@
     }), container.querySelector(".".concat(cssClasses.tree)));
   };
 
-  var _excluded$j = ["initialZoom", "initialPosition", "templates", "cssClasses", "builtInMarker", "customHTMLMarker", "enableRefine", "enableClearMapRefinement", "enableRefineControl", "container", "googleReference"],
-    _excluded2$4 = ["item"],
-    _excluded3 = ["item"];
+  var _excluded$m = ["initialZoom", "initialPosition", "templates", "cssClasses", "builtInMarker", "customHTMLMarker", "enableRefine", "enableClearMapRefinement", "enableRefineControl", "container", "googleReference"],
+    _excluded2$6 = ["item"],
+    _excluded3$1 = ["item"];
   var withUsage$y = createDocumentationMessageGenerator({
     name: 'geo-search'
   });
@@ -17676,7 +17852,7 @@
       enableRefineControl = _ref$enableRefineCont === void 0 ? true : _ref$enableRefineCont,
       container = _ref.container,
       googleReference = _ref.googleReference,
-      otherWidgetParams = _objectWithoutProperties(_ref, _excluded$j);
+      otherWidgetParams = _objectWithoutProperties(_ref, _excluded$m);
     var defaultBuiltInMarker = {
       createOptions: function createOptions() {
         return {};
@@ -17735,7 +17911,7 @@
     var customHTMLMarker = isCustomHTMLMarker && _objectSpread2(_objectSpread2({}, defaultCustomHTMLMarker), userCustomHTMLMarker);
     var createBuiltInMarker = function createBuiltInMarker(_ref2) {
       var item = _ref2.item,
-        rest = _objectWithoutProperties(_ref2, _excluded2$4);
+        rest = _objectWithoutProperties(_ref2, _excluded2$6);
       return new googleReference.maps.Marker(_objectSpread2(_objectSpread2(_objectSpread2({}, builtInMarker.createOptions(item)), rest), {}, {
         // @ts-expect-error @types/googlemaps doesn't document this
         __id: item.objectID,
@@ -17745,7 +17921,7 @@
     var HTMLMarker = createHTMLMarker(googleReference);
     var createCustomHTMLMarker = function createCustomHTMLMarker(_ref3) {
       var item = _ref3.item,
-        rest = _objectWithoutProperties(_ref3, _excluded3);
+        rest = _objectWithoutProperties(_ref3, _excluded3$1);
       return new HTMLMarker(_objectSpread2(_objectSpread2(_objectSpread2({}, customHTMLMarker.createOptions(item)), rest), {}, {
         __id: item.objectID,
         position: item._geoloc,
@@ -17944,7 +18120,7 @@
           rootProps: {
             className: cssClasses.submit,
             type: 'submit',
-            title: 'Submit the search query.',
+            title: 'Submit the search query',
             hidden: !showSubmit
           },
           templates: templates,
@@ -17957,7 +18133,7 @@
           rootProps: {
             className: cssClasses.reset,
             type: 'reset',
-            title: 'Clear the search query.',
+            title: 'Clear the search query',
             hidden: !(showReset && this.state.query.trim() && !isSearchStalled)
           },
           templates: templates,
@@ -18006,7 +18182,7 @@
     })), subItems);
   }
 
-  var _excluded$k = ["root"];
+  var _excluded$n = ["root"];
 
   // CSS types
 
@@ -18033,7 +18209,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$k);
+            cssClasses = _objectWithoutProperties(_this$props$cssClasse, _excluded$n);
           subItems = h(RefinementList, _extends({}, _this.props, {
             // We want to keep `root` required for external usage but not for the
             // sub items.
@@ -19689,8 +19865,8 @@
     };
   };
 
-  var _excluded$l = ["placesReference", "defaultPosition"],
-    _excluded2$5 = ["places"];
+  var _excluded$o = ["placesReference", "defaultPosition"],
+    _excluded2$7 = ["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
@@ -19703,7 +19879,7 @@
       placesReference = _ref.placesReference,
       _ref$defaultPosition = _ref.defaultPosition,
       defaultPosition = _ref$defaultPosition === void 0 ? [] : _ref$defaultPosition,
-      placesOptions = _objectWithoutProperties(_ref, _excluded$l);
+      placesOptions = _objectWithoutProperties(_ref, _excluded$o);
     if (typeof placesReference !== 'function') {
       throw new Error('The `placesReference` option requires a valid Places.js reference.');
     }
@@ -19744,7 +19920,7 @@
         var hasPositionSet = position !== defaultPosition.join(',');
         if (!hasPositionSet && !state.query) {
           var places = uiState.places,
-            uiStateWithoutPlaces = _objectWithoutProperties(uiState, _excluded2$5);
+            uiStateWithoutPlaces = _objectWithoutProperties(uiState, _excluded2$7);
           return uiStateWithoutPlaces;
         }
         return _objectSpread2(_objectSpread2({}, uiState), {}, {
@@ -21161,12 +21337,12 @@
   });
   var _ref6$1 = h("g", {
     fill: "none",
-    fillRule: "evenodd"
+    "fill-rule": "evenodd"
   }, h("g", {
     transform: "translate(1 1)",
-    strokeWidth: "2"
+    "stroke-width": "2"
   }, h("circle", {
-    strokeOpacity: ".5",
+    "stroke-opacity": ".5",
     cx: "18",
     cy: "18",
     r: "18"
@@ -21203,7 +21379,12 @@
     },
     loadingIndicator: function loadingIndicator(_ref5) {
       var cssClasses = _ref5.cssClasses;
+      /* eslint-disable react/no-unknown-property */
+      // Preact supports kebab case attributes, and using camel case would
+      // require using `preact/compat`.
+      // @TODO: reconsider using the `react` ESLint preset
       return h("svg", {
+        "aria-label": "Results are loading",
         className: cssClasses.loadingIcon,
         width: "16",
         height: "16",
@@ -21211,6 +21392,7 @@
         stroke: "#444",
         "aria-hidden": "true"
       }, _ref6$1);
+      /* eslint-enable react/no-unknown-property */
     }
   };
 
@@ -21735,13 +21917,13 @@
     });
   };
 
-  var _excluded$m = ["nbHits", "nbSortedHits", "cssClasses", "templateProps"];
+  var _excluded$p = ["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$m);
+      rest = _objectWithoutProperties(_ref, _excluded$p);
     return h("div", {
       className: cx(cssClasses.root)
     }, h(Template, _extends({}, templateProps, {