react-instantsearch 7.5.5 → 7.7.0

package/dist/umd/ReactInstantSearch.js

@@ -7,7 +7,7 @@
 
   var React__default = 'default' in React ? React['default'] : React;
 
-  var version = '7.5.5';
+  var version = '7.7.0';
 
   // Copyright Joyent, Inc. and other Node contributors.
   //
@@ -3942,7 +3942,8 @@
    * @return {undefined} function mutates the item
    */
   function setIsRefined(item, currentRefinement, depth) {
-    item.isRefined = item.name === currentRefinement[depth];
+    item.isRefined =
+      item.name === (currentRefinement[depth] && currentRefinement[depth].trim());
     if (item.data) {
       item.data.forEach(function (child) {
         setIsRefined(child, currentRefinement, depth + 1);
@@ -4343,7 +4344,7 @@
 
   var SearchResults_1 = SearchResults;
 
-  var version$1 = '3.16.2';
+  var version$1 = '3.16.3';
 
   var escapeFacetValue$3 = escapeFacetValue_1.escapeFacetValue;
 
@@ -12204,7 +12205,7 @@
     };
   }
 
-  var version$3 = '4.64.3';
+  var version$3 = '4.66.0';
 
   function _typeof$o(obj) {
     "@babel/helpers - typeof";
@@ -12927,6 +12928,10 @@
     return InstantSearch;
   }(events);
 
+  function unwrapExports (x) {
+  	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+  }
+
   function createCommonjsModule(fn, module) {
   	return module = { exports: {} }, fn(module, module.exports), module.exports;
   }
@@ -19000,11 +19005,170 @@
     return typeof key === "symbol" ? key : String(key);
   }
 
+  var _extends_1 = createCommonjsModule(function (module) {
+  function _extends() {
+    module.exports = _extends = Object.assign ? Object.assign.bind() : function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+      return target;
+    }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+    return _extends.apply(this, arguments);
+  }
+  module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  var _extends$2 = unwrapExports(_extends_1);
+
+  var objectWithoutPropertiesLoose = createCommonjsModule(function (module) {
+  function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for (i = 0; i < sourceKeys.length; i++) {
+      key = sourceKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
+    }
+    return target;
+  }
+  module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  unwrapExports(objectWithoutPropertiesLoose);
+
+  var objectWithoutProperties = createCommonjsModule(function (module) {
+  function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {};
+    var target = objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+      for (i = 0; i < sourceSymbolKeys.length; i++) {
+        key = sourceSymbolKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+        target[key] = source[key];
+      }
+    }
+    return target;
+  }
+  module.exports = _objectWithoutProperties, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  var _objectWithoutProperties$d = unwrapExports(objectWithoutProperties);
+
   function cx() {
     for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {
       classNames[_key] = arguments[_key];
     }
-    return classNames.filter(Boolean).join(' ');
+    return classNames.reduce(function (acc, className) {
+      if (Array.isArray(className)) {
+        return acc.concat(className);
+      }
+      return acc.concat([className]);
+    }, []).filter(Boolean).join(' ');
+  }
+
+  var _excluded$c = ["parts", "highlightedTagName", "nonHighlightedTagName", "separator", "className", "classNames"];
+  function createHighlightPartComponent(_ref) {
+    var createElement = _ref.createElement;
+    return function HighlightPart(_ref2) {
+      var classNames = _ref2.classNames,
+        children = _ref2.children,
+        highlightedTagName = _ref2.highlightedTagName,
+        isHighlighted = _ref2.isHighlighted,
+        nonHighlightedTagName = _ref2.nonHighlightedTagName;
+      var TagName = isHighlighted ? highlightedTagName : nonHighlightedTagName;
+      return createElement(TagName, {
+        className: isHighlighted ? classNames.highlighted : classNames.nonHighlighted
+      }, children);
+    };
+  }
+  function createHighlightComponent(_ref3) {
+    var createElement = _ref3.createElement,
+      Fragment = _ref3.Fragment;
+    var HighlightPart = createHighlightPartComponent({
+      createElement: createElement,
+      Fragment: Fragment
+    });
+    return function Highlight(userProps) {
+      var parts = userProps.parts,
+        _userProps$highlighte = userProps.highlightedTagName,
+        highlightedTagName = _userProps$highlighte === void 0 ? 'mark' : _userProps$highlighte,
+        _userProps$nonHighlig = userProps.nonHighlightedTagName,
+        nonHighlightedTagName = _userProps$nonHighlig === void 0 ? 'span' : _userProps$nonHighlig,
+        _userProps$separator = userProps.separator,
+        separator = _userProps$separator === void 0 ? ', ' : _userProps$separator,
+        className = userProps.className,
+        _userProps$classNames = userProps.classNames,
+        classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+        props = _objectWithoutProperties$d(userProps, _excluded$c);
+      return createElement("span", _extends$2({}, props, {
+        className: cx(classNames.root, className)
+      }), parts.map(function (part, partIndex) {
+        var isLastPart = partIndex === parts.length - 1;
+        return createElement(Fragment, {
+          key: partIndex
+        }, part.map(function (subPart, subPartIndex) {
+          return createElement(HighlightPart, {
+            key: subPartIndex,
+            classNames: classNames,
+            highlightedTagName: highlightedTagName,
+            nonHighlightedTagName: nonHighlightedTagName,
+            isHighlighted: subPart.isHighlighted
+          }, subPart.value);
+        }), !isLastPart && createElement("span", {
+          className: classNames.separator
+        }, separator));
+      }));
+    };
+  }
+
+  var _excluded$d = ["classNames", "hits", "itemComponent", "sendEvent", "emptyComponent"];
+
+  // Should be imported from a shared package in the future
+
+  function createHitsComponent(_ref) {
+    var createElement = _ref.createElement;
+    return function Hits(userProps) {
+      var _userProps$classNames = userProps.classNames,
+        classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+        hits = userProps.hits,
+        ItemComponent = userProps.itemComponent,
+        sendEvent = userProps.sendEvent,
+        EmptyComponent = userProps.emptyComponent,
+        props = _objectWithoutProperties$d(userProps, _excluded$d);
+      if (hits.length === 0 && EmptyComponent) {
+        return createElement(EmptyComponent, {
+          className: cx('ais-Hits', classNames.root, cx('ais-Hits--empty', classNames.emptyRoot), props.className)
+        });
+      }
+      return createElement("div", _extends$2({}, props, {
+        className: cx('ais-Hits', classNames.root, hits.length === 0 && cx('ais-Hits--empty', classNames.emptyRoot), props.className)
+      }), createElement("ol", {
+        className: cx('ais-Hits-list', classNames.list)
+      }, hits.map(function (hit, index) {
+        return createElement(ItemComponent, {
+          key: hit.objectID,
+          hit: hit,
+          index: index,
+          className: cx('ais-Hits-item', classNames.item),
+          onClick: function onClick() {
+            sendEvent('click:internal', hit, 'Hit Clicked');
+          },
+          onAuxClick: function onAuxClick() {
+            sendEvent('click:internal', hit, 'Hit Clicked');
+          }
+        });
+      })));
+    };
   }
 
   function isModifierClick(event) {
@@ -19012,7 +19176,7 @@
     return Boolean(isMiddleClick || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey);
   }
 
-  var _excluded$c = ["classNames", "items", "hasItems", "createURL", "onNavigate", "separator", "translations"];
+  var _excluded$e = ["classNames", "items", "hasItems", "createURL", "onNavigate", "separator", "translations"];
   function Breadcrumb(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
@@ -19024,7 +19188,7 @@
       _ref$separator = _ref.separator,
       separator = _ref$separator === void 0 ? '>' : _ref$separator,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$c);
+      props = _objectWithoutProperties$c(_ref, _excluded$e);
     var handleClick = function handleClick(value) {
       return function (event) {
         if (!isModifierClick(event)) {
@@ -19059,14 +19223,14 @@
     })));
   }
 
-  var _excluded$d = ["attributes", "rootPath", "separator", "transformItems", "translations"];
+  var _excluded$f = ["attributes", "rootPath", "separator", "transformItems", "translations"];
   function Breadcrumb$1(_ref) {
     var attributes = _ref.attributes,
       rootPath = _ref.rootPath,
       separator = _ref.separator,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$d);
+      props = _objectWithoutProperties$c(_ref, _excluded$f);
     var _useBreadcrumb = useBreadcrumb({
         attributes: attributes,
         rootPath: rootPath,
@@ -19090,7 +19254,7 @@
     return /*#__PURE__*/React__default.createElement(Breadcrumb, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$e = ["classNames", "disabled", "onClick", "translations"];
+  var _excluded$g = ["classNames", "disabled", "onClick", "translations"];
   function ClearRefinements(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
@@ -19099,7 +19263,7 @@
       _ref$onClick = _ref.onClick,
       onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$e);
+      props = _objectWithoutProperties$c(_ref, _excluded$g);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-ClearRefinements', classNames.root, props.className)
     }), /*#__PURE__*/React__default.createElement("button", {
@@ -19109,13 +19273,13 @@
     }, translations.resetButtonText));
   }
 
-  var _excluded$f = ["includedAttributes", "excludedAttributes", "transformItems", "translations"];
+  var _excluded$h = ["includedAttributes", "excludedAttributes", "transformItems", "translations"];
   function ClearRefinements$1(_ref) {
     var includedAttributes = _ref.includedAttributes,
       excludedAttributes = _ref.excludedAttributes,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$f);
+      props = _objectWithoutProperties$c(_ref, _excluded$h);
     var _useClearRefinements = useClearRefinements({
         includedAttributes: includedAttributes,
         excludedAttributes: excludedAttributes,
@@ -19139,7 +19303,7 @@
     return text.toString().charAt(0).toUpperCase() + text.toString().slice(1);
   }
 
-  var _excluded$g = ["classNames", "items", "hasRefinements"];
+  var _excluded$i = ["classNames", "items", "hasRefinements"];
   function CurrentRefinements(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
@@ -19147,7 +19311,7 @@
       items = _ref$items === void 0 ? [] : _ref$items,
       _ref$hasRefinements = _ref.hasRefinements,
       hasRefinements = _ref$hasRefinements === void 0 ? false : _ref$hasRefinements,
-      props = _objectWithoutProperties$c(_ref, _excluded$g);
+      props = _objectWithoutProperties$c(_ref, _excluded$i);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-CurrentRefinements', classNames.root, !hasRefinements && cx('ais-CurrentRefinements--noRefinement', classNames.noRefinementRoot), props.className)
     }), /*#__PURE__*/React__default.createElement("ul", {
@@ -19179,12 +19343,12 @@
     })));
   }
 
-  var _excluded$h = ["includedAttributes", "excludedAttributes", "transformItems"];
+  var _excluded$j = ["includedAttributes", "excludedAttributes", "transformItems"];
   function CurrentRefinements$1(_ref) {
     var includedAttributes = _ref.includedAttributes,
       excludedAttributes = _ref.excludedAttributes,
       transformItems = _ref.transformItems,
-      props = _objectWithoutProperties$c(_ref, _excluded$h);
+      props = _objectWithoutProperties$c(_ref, _excluded$j);
     var _useCurrentRefinement = useCurrentRefinements({
         includedAttributes: includedAttributes,
         excludedAttributes: excludedAttributes,
@@ -19201,17 +19365,17 @@
     return /*#__PURE__*/React__default.createElement(CurrentRefinements, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$i = ["isShowingMore", "translations"];
+  var _excluded$k = ["isShowingMore", "translations"];
   function ShowMoreButton(_ref) {
     var isShowingMore = _ref.isShowingMore,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$i);
+      props = _objectWithoutProperties$c(_ref, _excluded$k);
     return /*#__PURE__*/React__default.createElement("button", props, translations.showMoreButtonText({
       isShowingMore: isShowingMore
     }));
   }
 
-  var _excluded$j = ["classNames", "items", "hasItems", "onNavigate", "createURL", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "translations"];
+  var _excluded$l = ["classNames", "items", "hasItems", "onNavigate", "createURL", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "translations"];
   function HierarchicalList(_ref) {
     var className = _ref.className,
       _ref$classNames = _ref.classNames,
@@ -19263,7 +19427,7 @@
       onToggleShowMore = _ref2.onToggleShowMore,
       isShowingMore = _ref2.isShowingMore,
       translations = _ref2.translations,
-      props = _objectWithoutProperties$c(_ref2, _excluded$j);
+      props = _objectWithoutProperties$c(_ref2, _excluded$l);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-HierarchicalMenu', classNames.root, !hasItems && cx('ais-HierarchicalMenu--noRefinement', classNames.noRefinementRoot), props.className)
     }), /*#__PURE__*/React__default.createElement(HierarchicalList, {
@@ -19280,7 +19444,7 @@
     }));
   }
 
-  var _excluded$k = ["attributes", "limit", "rootPath", "separator", "showMore", "showMoreLimit", "showParentLevel", "sortBy", "transformItems", "translations"];
+  var _excluded$m = ["attributes", "limit", "rootPath", "separator", "showMore", "showMoreLimit", "showParentLevel", "sortBy", "transformItems", "translations"];
   function HierarchicalMenu$1(_ref) {
     var attributes = _ref.attributes,
       limit = _ref.limit,
@@ -19292,7 +19456,7 @@
       sortBy = _ref.sortBy,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$k);
+      props = _objectWithoutProperties$c(_ref, _excluded$m);
     var _useHierarchicalMenu = useHierarchicalMenu({
         attributes: attributes,
         limit: limit,
@@ -19332,54 +19496,16 @@
     }));
   }
 
-  var _excluded$l = ["parts", "highlightedTagName", "nonHighlightedTagName", "separator", "className", "classNames"];
-  function HighlightPart(_ref) {
-    var classNames = _ref.classNames,
-      children = _ref.children,
-      highlightedTagName = _ref.highlightedTagName,
-      isHighlighted = _ref.isHighlighted,
-      nonHighlightedTagName = _ref.nonHighlightedTagName;
-    var TagName = isHighlighted ? highlightedTagName : nonHighlightedTagName;
-    return /*#__PURE__*/React__default.createElement(TagName, {
-      className: isHighlighted ? classNames.highlighted : classNames.nonHighlighted
-    }, children);
-  }
-  function InternalHighlight(_ref2) {
-    var parts = _ref2.parts,
-      _ref2$highlightedTagN = _ref2.highlightedTagName,
-      highlightedTagName = _ref2$highlightedTagN === void 0 ? 'mark' : _ref2$highlightedTagN,
-      _ref2$nonHighlightedT = _ref2.nonHighlightedTagName,
-      nonHighlightedTagName = _ref2$nonHighlightedT === void 0 ? 'span' : _ref2$nonHighlightedT,
-      _ref2$separator = _ref2.separator,
-      separator = _ref2$separator === void 0 ? ', ' : _ref2$separator,
-      className = _ref2.className,
-      classNames = _ref2.classNames,
-      props = _objectWithoutProperties$c(_ref2, _excluded$l);
-    return /*#__PURE__*/React__default.createElement("span", _extends$1({}, props, {
-      className: cx(classNames.root, className)
-    }), parts.map(function (part, partIndex) {
-      var isLastPart = partIndex === parts.length - 1;
-      return /*#__PURE__*/React__default.createElement(React.Fragment, {
-        key: partIndex
-      }, part.map(function (subPart, subPartIndex) {
-        return /*#__PURE__*/React__default.createElement(HighlightPart, {
-          key: subPartIndex,
-          classNames: classNames,
-          highlightedTagName: highlightedTagName,
-          nonHighlightedTagName: nonHighlightedTagName,
-          isHighlighted: subPart.isHighlighted
-        }, subPart.value);
-      }), !isLastPart && /*#__PURE__*/React__default.createElement("span", {
-        className: classNames.separator
-      }, separator));
-    }));
-  }
+  var InternalHighlight = createHighlightComponent({
+    createElement: React.createElement,
+    Fragment: React.Fragment
+  });
 
-  var _excluded$m = ["classNames"];
+  var _excluded$n = ["classNames"];
   function Highlight(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties$c(_ref, _excluded$m);
+      props = _objectWithoutProperties$c(_ref, _excluded$n);
     return /*#__PURE__*/React__default.createElement(InternalHighlight, _extends$1({
       classNames: {
         root: cx('ais-Highlight', classNames.root),
@@ -19390,14 +19516,14 @@
     }, props));
   }
 
-  var _excluded$n = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"];
+  var _excluded$o = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"];
   function Highlight$1(_ref) {
     var hit = _ref.hit,
       attribute = _ref.attribute,
       highlightedTagName = _ref.highlightedTagName,
       nonHighlightedTagName = _ref.nonHighlightedTagName,
       separator = _ref.separator,
-      props = _objectWithoutProperties$c(_ref, _excluded$n);
+      props = _objectWithoutProperties$c(_ref, _excluded$o);
     var property = getPropertyByPath(hit._highlightResult, attribute) || [];
     var properties = Array.isArray(property) ? property : [property];
     var parts = properties.map(function (singleValue) {
@@ -19411,7 +19537,10 @@
     }));
   }
 
-  var _excluded$o = ["hits", "sendEvent", "hitComponent", "classNames"];
+  var _excluded$p = ["escapeHTML", "transformItems", "hitComponent"],
+    _excluded2$3 = ["hit", "index"];
+  // @MAJOR: Move default hit component back to the UI library
+  // once flavour specificities are erased
   function DefaultHitComponent(_ref) {
     var hit = _ref.hit;
     return /*#__PURE__*/React__default.createElement("div", {
@@ -19420,40 +19549,16 @@
       }
     }, JSON.stringify(hit).slice(0, 100), "\u2026");
   }
+  var HitsUiComponent = createHitsComponent({
+    createElement: React.createElement,
+    Fragment: React.Fragment
+  });
   function Hits(_ref2) {
-    var hits = _ref2.hits,
-      sendEvent = _ref2.sendEvent,
+    var escapeHTML = _ref2.escapeHTML,
+      transformItems = _ref2.transformItems,
       _ref2$hitComponent = _ref2.hitComponent,
       HitComponent = _ref2$hitComponent === void 0 ? DefaultHitComponent : _ref2$hitComponent,
-      _ref2$classNames = _ref2.classNames,
-      classNames = _ref2$classNames === void 0 ? {} : _ref2$classNames,
-      props = _objectWithoutProperties$c(_ref2, _excluded$o);
-    return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
-      className: cx('ais-Hits', classNames.root, hits.length === 0 && cx('ais-Hits--empty', classNames.emptyRoot), props.className)
-    }), /*#__PURE__*/React__default.createElement("ol", {
-      className: cx('ais-Hits-list', classNames.list)
-    }, hits.map(function (hit) {
-      return /*#__PURE__*/React__default.createElement("li", {
-        key: hit.objectID,
-        className: cx('ais-Hits-item', classNames.item),
-        onClick: function onClick() {
-          sendEvent('click:internal', hit, 'Hit Clicked');
-        },
-        onAuxClick: function onAuxClick() {
-          sendEvent('click:internal', hit, 'Hit Clicked');
-        }
-      }, /*#__PURE__*/React__default.createElement(HitComponent, {
-        hit: hit,
-        sendEvent: sendEvent
-      }));
-    })));
-  }
-
-  var _excluded$p = ["escapeHTML", "transformItems"];
-  function Hits$1(_ref) {
-    var escapeHTML = _ref.escapeHTML,
-      transformItems = _ref.transformItems,
-      props = _objectWithoutProperties$c(_ref, _excluded$p);
+      props = _objectWithoutProperties$c(_ref2, _excluded$p);
     var _useHits = useHits({
         escapeHTML: escapeHTML,
         transformItems: transformItems
@@ -19462,11 +19567,23 @@
       }),
       hits = _useHits.hits,
       sendEvent = _useHits.sendEvent;
+    var itemComponent = function itemComponent(_ref3) {
+      var hit = _ref3.hit,
+        index = _ref3.index,
+        itemProps = _objectWithoutProperties$c(_ref3, _excluded2$3);
+      return /*#__PURE__*/React__default.createElement("li", _extends$1({
+        key: hit.objectID
+      }, itemProps), /*#__PURE__*/React__default.createElement(HitComponent, {
+        hit: hit,
+        sendEvent: sendEvent
+      }));
+    };
     var uiProps = {
       hits: hits,
-      sendEvent: sendEvent
+      sendEvent: sendEvent,
+      itemComponent: itemComponent
     };
-    return /*#__PURE__*/React__default.createElement(Hits, _extends$1({}, props, uiProps));
+    return /*#__PURE__*/React__default.createElement(HitsUiComponent, _extends$1({}, props, uiProps));
   }
 
   var _excluded$q = ["items", "onChange", "currentValue", "classNames"];
@@ -19701,7 +19818,7 @@
   }
 
   var _excluded$w = ["pages", "currentPage", "nbPages", "isFirstPage", "isLastPage", "showFirst", "showPrevious", "showNext", "showLast", "createURL", "onNavigate", "translations", "classNames"],
-    _excluded2$3 = ["isDisabled", "className", "classNames", "href", "onClick"];
+    _excluded2$4 = ["isDisabled", "className", "classNames", "href", "onClick"];
   function Pagination(_ref) {
     var pages = _ref.pages,
       currentPage = _ref.currentPage,
@@ -19792,7 +19909,7 @@
       classNames = _ref2.classNames,
       href = _ref2.href,
       _onClick = _ref2.onClick,
-      props = _objectWithoutProperties$c(_ref2, _excluded2$3);
+      props = _objectWithoutProperties$c(_ref2, _excluded2$4);
     if (isDisabled) {
       return /*#__PURE__*/React__default.createElement("li", {
         className: cx('ais-Pagination-item', classNames.item, 'ais-Pagination-item--disabled', classNames.disabledItem, className)
@@ -20243,9 +20360,7 @@
     }, /*#__PURE__*/React__default.createElement(ResetIcon, {
       classNames: classNames
     })), /*#__PURE__*/React__default.createElement("span", {
-      className: cx('ais-SearchBox-loadingIndicator', classNames.loadingIndicator)
-      // @ts-ignore (this error is due to conflict with @algolia/ui-components-highlight-vdom, which declares "too global" type for span in case there's no @types/react or preact)
-      ,
+      className: cx('ais-SearchBox-loadingIndicator', classNames.loadingIndicator),
       hidden: !isSearchStalled
     }, /*#__PURE__*/React__default.createElement(LoadingIcon, {
       classNames: classNames
@@ -20643,7 +20758,7 @@
   exports.DynamicWidgets = DynamicWidgets;
   exports.HierarchicalMenu = HierarchicalMenu$1;
   exports.Highlight = Highlight$1;
-  exports.Hits = Hits$1;
+  exports.Hits = Hits;
   exports.HitsPerPage = HitsPerPage$1;
   exports.Index = Index;
   exports.InfiniteHits = InfiniteHits$1;