instantsearch.js 4.60.0 → 4.61.0

package/dist/instantsearch.development.js

@@ -1,4 +1,4 @@
-/*! InstantSearch.js 4.60.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,8 +1411,6 @@
     });
   }
 
-  // @ts-nocheck (types to be fixed during actual implementation)
-
   function hydrateSearchClient(client, results) {
     if (!results) {
       return;
@@ -1422,9 +1420,22 @@
     // - Algoliasearch API Client < v4 with cache disabled
     // - Third party clients (detected by the `addAlgoliaAgent` function missing)
 
-    if ((!client.transporter || client._cacheHydrated) && (!client._useCache || typeof client.addAlgoliaAgent !== 'function')) {
+    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
@@ -1433,9 +1444,10 @@
     // 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 (client.transporter && !client._cacheHydrated) {
+    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];
@@ -1452,22 +1464,11 @@
           return baseMethod.apply(void 0, [requests].concat(methodArgs));
         });
       };
-
-      // Populate the cache with the data from the server
       client.transporter.responsesCache.set({
         method: 'search',
-        args: [Object.keys(results).reduce(function (acc, key) {
-          return acc.concat(results[key].results.map(function (request) {
-            return {
-              indexName: request.index,
-              params: request.params
-            };
-          }));
-        }, [])]
+        args: cachedRequest
       }, {
-        results: Object.keys(results).reduce(function (acc, key) {
-          return acc.concat(results[key].results);
-        }, [])
+        results: cachedResults
       });
     }
 
@@ -1477,24 +1478,27 @@
     // 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 (!client.transporter) {
+    if (!('transporter' in client)) {
       var cacheKey = "/1/indexes/*/queries_body_".concat(JSON.stringify({
-        requests: Object.keys(results).reduce(function (acc, key) {
-          return acc.concat(results[key].rawResults.map(function (request) {
-            return {
-              indexName: request.index,
-              params: request.params
-            };
-          }));
-        }, [])
+        requests: cachedRequest
       }));
       client.cache = _objectSpread2(_objectSpread2({}, client.cache), {}, _defineProperty({}, cacheKey, JSON.stringify({
-        results: Object.keys(results).reduce(function (acc, key) {
-          return acc.concat(results[key].rawResults);
-        }, [])
+        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`.
@@ -1950,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 {
@@ -2029,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({
@@ -2386,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
@@ -2572,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;
@@ -2610,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',
@@ -3056,7 +3070,7 @@
   };
 
   var _excluded$2 = ["page"],
-    _excluded2 = ["clickAnalytics", "userToken"];
+    _excluded2$1 = ["clickAnalytics", "userToken"];
   var withUsage$7 = createDocumentationMessageGenerator({
     name: 'infinite-hits',
     connector: true
@@ -3071,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() {
@@ -3307,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
@@ -3465,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;
@@ -3496,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
@@ -3580,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;
@@ -3747,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) {
@@ -4196,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
@@ -4249,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,
@@ -4306,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
@@ -4432,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;
@@ -4467,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',
@@ -4660,6 +4708,7 @@
     };
   };
 
+  var _excluded$6 = ["ratingMenu"];
   var withUsage$f = createDocumentationMessageGenerator({
     name: 'rating-menu',
     connector: true
@@ -4901,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;
@@ -4923,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',
@@ -5288,6 +5347,7 @@
     };
   };
 
+  var _excluded$7 = ["hierarchicalMenu"];
   var withUsage$i = createDocumentationMessageGenerator({
     name: 'breadcrumb',
     connector: true
@@ -5392,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;
@@ -5448,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',
@@ -12597,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';
@@ -14110,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;
   }
 
@@ -14198,7 +14268,7 @@
     };
   };
 
-  var _excluded$7 = ["initialSearchParameters"];
+  var _excluded$a = ["initialSearchParameters"];
   var withUsage$q = createDocumentationMessageGenerator({
     name: 'index-widget'
   });
@@ -14238,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) {
@@ -14745,7 +14815,7 @@
     };
   }
 
-  var version$1 = '4.60.0';
+  var version$1 = '4.61.0';
 
   var withUsage$r = createDocumentationMessageGenerator({
     name: 'instantsearch'
@@ -15345,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) {
@@ -16274,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;
@@ -16311,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)
@@ -16339,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),
@@ -16354,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")) ;
@@ -16373,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),
@@ -16388,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")) ;
@@ -16402,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
         });
@@ -16414,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),
@@ -16429,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")) ;
@@ -16443,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
         });
@@ -16455,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),
@@ -16470,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")) ;
@@ -16746,7 +16816,7 @@
     });
   };
 
-  var _excluded$i = ["container", "widgets", "fallbackWidget"];
+  var _excluded$l = ["container", "widgets", "fallbackWidget"];
   var withUsage$t = createDocumentationMessageGenerator({
     name: 'dynamic-widgets'
   });
@@ -16764,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.'));
     }
@@ -17738,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'
   });
@@ -17782,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 {};
@@ -17841,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,
@@ -17851,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,
@@ -18050,7 +18120,7 @@
           rootProps: {
             className: cssClasses.submit,
             type: 'submit',
-            title: 'Submit the search query.',
+            title: 'Submit the search query',
             hidden: !showSubmit
           },
           templates: templates,
@@ -18063,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,
@@ -18112,7 +18182,7 @@
     })), subItems);
   }
 
-  var _excluded$k = ["root"];
+  var _excluded$n = ["root"];
 
   // CSS types
 
@@ -18139,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.
@@ -19795,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
@@ -19809,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.');
     }
@@ -19850,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), {}, {
@@ -21267,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"
@@ -21309,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",
@@ -21317,6 +21392,7 @@
         stroke: "#444",
         "aria-hidden": "true"
       }, _ref6$1);
+      /* eslint-enable react/no-unknown-property */
     }
   };
 
@@ -21841,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, {