react-instantsearch 7.6.0 → 7.7.0

package/dist/cjs/widgets/Hits.js

@@ -1,21 +1,40 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Hits = Hits;
-var _react = _interopRequireDefault(require("react"));
+var _instantsearchUiComponents = require("instantsearch-ui-components");
+var _react = _interopRequireWildcard(require("react"));
 var _reactInstantsearchCore = require("react-instantsearch-core");
-var _Hits = require("../ui/Hits");
-var _excluded = ["escapeHTML", "transformItems"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _excluded = ["escapeHTML", "transformItems", "hitComponent"],
+  _excluded2 = ["hit", "index"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _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; }; return _extends.apply(this, arguments); }
 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; }
 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; }
-function Hits(_ref) {
-  var escapeHTML = _ref.escapeHTML,
-    transformItems = _ref.transformItems,
-    props = _objectWithoutProperties(_ref, _excluded);
+// @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", {
+    style: {
+      wordBreak: 'break-all'
+    }
+  }, JSON.stringify(hit).slice(0, 100), "\u2026");
+}
+var HitsUiComponent = (0, _instantsearchUiComponents.createHitsComponent)({
+  createElement: _react.createElement,
+  Fragment: _react.Fragment
+});
+function Hits(_ref2) {
+  var escapeHTML = _ref2.escapeHTML,
+    transformItems = _ref2.transformItems,
+    _ref2$hitComponent = _ref2.hitComponent,
+    HitComponent = _ref2$hitComponent === void 0 ? DefaultHitComponent : _ref2$hitComponent,
+    props = _objectWithoutProperties(_ref2, _excluded);
   var _useHits = (0, _reactInstantsearchCore.useHits)({
       escapeHTML: escapeHTML,
       transformItems: transformItems
@@ -24,9 +43,21 @@ function Hits(_ref) {
     }),
     hits = _useHits.hits,
     sendEvent = _useHits.sendEvent;
+  var itemComponent = function itemComponent(_ref3) {
+    var hit = _ref3.hit,
+      index = _ref3.index,
+      itemProps = _objectWithoutProperties(_ref3, _excluded2);
+    return /*#__PURE__*/_react.default.createElement("li", _extends({
+      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.Hits, _extends({}, props, uiProps));
+  return /*#__PURE__*/_react.default.createElement(HitsUiComponent, _extends({}, props, uiProps));
 }

package/dist/es/widgets/Hits.d.ts

@@ -1,7 +1,14 @@
-import type { HitsProps as HitsUiComponentProps } from '../ui/Hits';
+import React from 'react';
+import type { HitsProps as HitsUiComponentProps } from 'instantsearch-ui-components';
 import type { Hit, BaseHit } from 'instantsearch.js';
+import type { SendEventForHits } from 'instantsearch.js/es/lib/utils';
 import type { UseHitsProps } from 'react-instantsearch-core';
-type UiProps<THit extends BaseHit> = Pick<HitsUiComponentProps<Hit<THit>>, 'hits' | 'sendEvent'>;
-export type HitsProps<THit extends BaseHit> = Omit<HitsUiComponentProps<Hit<THit>>, keyof UiProps<THit>> & UseHitsProps<THit>;
-export declare function Hits<THit extends BaseHit = BaseHit>({ escapeHTML, transformItems, ...props }: HitsProps<THit>): JSX.Element;
+type UiProps<THit extends BaseHit> = Pick<HitsUiComponentProps<Hit<THit>>, 'hits' | 'sendEvent' | 'itemComponent' | 'emptyComponent'>;
+export type HitsProps<THit extends BaseHit> = Omit<HitsUiComponentProps<Hit<THit>>, keyof UiProps<THit>> & {
+    hitComponent?: React.JSXElementConstructor<{
+        hit: Hit<THit>;
+        sendEvent: SendEventForHits;
+    }>;
+} & UseHitsProps<THit>;
+export declare function Hits<THit extends BaseHit = BaseHit>({ escapeHTML, transformItems, hitComponent: HitComponent, ...props }: HitsProps<THit>): JSX.Element;
 export {};

package/dist/es/widgets/Hits.js

@@ -1,14 +1,31 @@
-var _excluded = ["escapeHTML", "transformItems"];
+var _excluded = ["escapeHTML", "transformItems", "hitComponent"],
+  _excluded2 = ["hit", "index"];
 function _extends() { _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; }; return _extends.apply(this, arguments); }
 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; }
 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; }
-import React from 'react';
+import { createHitsComponent } from 'instantsearch-ui-components';
+import React, { createElement, Fragment } from 'react';
 import { useHits } from 'react-instantsearch-core';
-import { Hits as HitsUiComponent } from "../ui/Hits.js";
-export function Hits(_ref) {
-  var escapeHTML = _ref.escapeHTML,
-    transformItems = _ref.transformItems,
-    props = _objectWithoutProperties(_ref, _excluded);
+// @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.createElement("div", {
+    style: {
+      wordBreak: 'break-all'
+    }
+  }, JSON.stringify(hit).slice(0, 100), "\u2026");
+}
+var HitsUiComponent = createHitsComponent({
+  createElement: createElement,
+  Fragment: Fragment
+});
+export function Hits(_ref2) {
+  var escapeHTML = _ref2.escapeHTML,
+    transformItems = _ref2.transformItems,
+    _ref2$hitComponent = _ref2.hitComponent,
+    HitComponent = _ref2$hitComponent === void 0 ? DefaultHitComponent : _ref2$hitComponent,
+    props = _objectWithoutProperties(_ref2, _excluded);
   var _useHits = useHits({
       escapeHTML: escapeHTML,
       transformItems: transformItems
@@ -17,9 +34,21 @@ export function Hits(_ref) {
     }),
     hits = _useHits.hits,
     sendEvent = _useHits.sendEvent;
+  var itemComponent = function itemComponent(_ref3) {
+    var hit = _ref3.hit,
+      index = _ref3.index,
+      itemProps = _objectWithoutProperties(_ref3, _excluded2);
+    return /*#__PURE__*/React.createElement("li", _extends({
+      key: hit.objectID
+    }, itemProps), /*#__PURE__*/React.createElement(HitComponent, {
+      hit: hit,
+      sendEvent: sendEvent
+    }));
+  };
   var uiProps = {
     hits: hits,
-    sendEvent: sendEvent
+    sendEvent: sendEvent,
+    itemComponent: itemComponent
   };
   return /*#__PURE__*/React.createElement(HitsUiComponent, _extends({}, props, uiProps));
 }

package/dist/umd/ReactInstantSearch.js

@@ -7,7 +7,7 @@
 
   var React__default = 'default' in React ? React['default'] : React;
 
-  var version = '7.6.0';
+  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.65.0';
+  var version$3 = '4.66.0';
 
   function _typeof$o(obj) {
     "@babel/helpers - typeof";
@@ -19098,8 +19099,6 @@
       Fragment: Fragment
     });
     return function Highlight(userProps) {
-      // Not destructured in function signature, to make sure it's not exposed in
-      // the type definition.
       var parts = userProps.parts,
         _userProps$highlighte = userProps.highlightedTagName,
         highlightedTagName = _userProps$highlighte === void 0 ? 'mark' : _userProps$highlighte,
@@ -19132,12 +19131,52 @@
     };
   }
 
+  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) {
     var isMiddleClick = event.button === 1;
     return Boolean(isMiddleClick || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey);
   }
 
-  var _excluded$d = ["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,
@@ -19149,7 +19188,7 @@
       _ref$separator = _ref.separator,
       separator = _ref$separator === void 0 ? '>' : _ref$separator,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$d);
+      props = _objectWithoutProperties$c(_ref, _excluded$e);
     var handleClick = function handleClick(value) {
       return function (event) {
         if (!isModifierClick(event)) {
@@ -19184,14 +19223,14 @@
     })));
   }
 
-  var _excluded$e = ["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$e);
+      props = _objectWithoutProperties$c(_ref, _excluded$f);
     var _useBreadcrumb = useBreadcrumb({
         attributes: attributes,
         rootPath: rootPath,
@@ -19215,7 +19254,7 @@
     return /*#__PURE__*/React__default.createElement(Breadcrumb, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$f = ["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,
@@ -19224,7 +19263,7 @@
       _ref$onClick = _ref.onClick,
       onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$f);
+      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", {
@@ -19234,13 +19273,13 @@
     }, translations.resetButtonText));
   }
 
-  var _excluded$g = ["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$g);
+      props = _objectWithoutProperties$c(_ref, _excluded$h);
     var _useClearRefinements = useClearRefinements({
         includedAttributes: includedAttributes,
         excludedAttributes: excludedAttributes,
@@ -19264,7 +19303,7 @@
     return text.toString().charAt(0).toUpperCase() + text.toString().slice(1);
   }
 
-  var _excluded$h = ["classNames", "items", "hasRefinements"];
+  var _excluded$i = ["classNames", "items", "hasRefinements"];
   function CurrentRefinements(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
@@ -19272,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$h);
+      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", {
@@ -19304,12 +19343,12 @@
     })));
   }
 
-  var _excluded$i = ["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$i);
+      props = _objectWithoutProperties$c(_ref, _excluded$j);
     var _useCurrentRefinement = useCurrentRefinements({
         includedAttributes: includedAttributes,
         excludedAttributes: excludedAttributes,
@@ -19326,17 +19365,17 @@
     return /*#__PURE__*/React__default.createElement(CurrentRefinements, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$j = ["isShowingMore", "translations"];
+  var _excluded$k = ["isShowingMore", "translations"];
   function ShowMoreButton(_ref) {
     var isShowingMore = _ref.isShowingMore,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$j);
+      props = _objectWithoutProperties$c(_ref, _excluded$k);
     return /*#__PURE__*/React__default.createElement("button", props, translations.showMoreButtonText({
       isShowingMore: isShowingMore
     }));
   }
 
-  var _excluded$k = ["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,
@@ -19388,7 +19427,7 @@
       onToggleShowMore = _ref2.onToggleShowMore,
       isShowingMore = _ref2.isShowingMore,
       translations = _ref2.translations,
-      props = _objectWithoutProperties$c(_ref2, _excluded$k);
+      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, {
@@ -19405,7 +19444,7 @@
     }));
   }
 
-  var _excluded$l = ["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,
@@ -19417,7 +19456,7 @@
       sortBy = _ref.sortBy,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$l);
+      props = _objectWithoutProperties$c(_ref, _excluded$m);
     var _useHierarchicalMenu = useHierarchicalMenu({
         attributes: attributes,
         limit: limit,
@@ -19462,11 +19501,11 @@
     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),
@@ -19477,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) {
@@ -19498,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", {
@@ -19507,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
@@ -19549,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"];
@@ -19788,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,
@@ -19879,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)
@@ -20728,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;