react-instantsearch 7.7.3 → 7.8.1

package/dist/cjs/widgets/Hits.js

@@ -8,7 +8,7 @@ exports.Hits = Hits;
 var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireWildcard(require("react"));
 var _reactInstantsearchCore = require("react-instantsearch-core");
-var _excluded = ["escapeHTML", "transformItems", "hitComponent"],
+var _excluded = ["escapeHTML", "transformItems", "hitComponent", "bannerComponent"],
   _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; }
@@ -34,6 +34,7 @@ function Hits(_ref2) {
     transformItems = _ref2.transformItems,
     _ref2$hitComponent = _ref2.hitComponent,
     HitComponent = _ref2$hitComponent === void 0 ? DefaultHitComponent : _ref2$hitComponent,
+    BannerComponent = _ref2.bannerComponent,
     props = _objectWithoutProperties(_ref2, _excluded);
   var _useHits = (0, _reactInstantsearchCore.useHits)({
       escapeHTML: escapeHTML,
@@ -42,22 +43,30 @@ function Hits(_ref2) {
       $$widgetType: 'ais.hits'
     }),
     hits = _useHits.hits,
+    banner = _useHits.banner,
     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 itemComponent = (0, _react.useMemo)(function () {
+    return function (_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
+      }));
+    };
+  }, [HitComponent, sendEvent]);
+  var bannerComponent = BannerComponent === false ? function () {
+    return null;
+  } : BannerComponent;
   var uiProps = {
     hits: hits,
     sendEvent: sendEvent,
-    itemComponent: itemComponent
+    itemComponent: itemComponent,
+    banner: banner,
+    bannerComponent: bannerComponent
   };
   return /*#__PURE__*/_react.default.createElement(HitsUiComponent, _extends({}, props, uiProps));
 }

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

@@ -3,12 +3,17 @@ import type { HitsProps as HitsUiComponentProps } from 'instantsearch-ui-compone
 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' | 'itemComponent' | 'emptyComponent'>;
+type UiProps<THit extends BaseHit> = Pick<HitsUiComponentProps<Hit<THit>>, 'hits' | 'sendEvent' | 'itemComponent' | 'emptyComponent' | 'banner' | 'bannerComponent'>;
 export type HitsProps<THit extends BaseHit> = Omit<HitsUiComponentProps<Hit<THit>>, keyof UiProps<THit>> & {
     hitComponent?: React.JSXElementConstructor<{
         hit: Hit<THit>;
         sendEvent: SendEventForHits;
     }>;
+} & {
+    bannerComponent?: React.JSXElementConstructor<{
+        banner: Required<HitsUiComponentProps<Hit<THit>>>['banner'];
+        className: string;
+    }> | false;
 } & UseHitsProps<THit>;
-export declare function Hits<THit extends BaseHit = BaseHit>({ escapeHTML, transformItems, hitComponent: HitComponent, ...props }: HitsProps<THit>): JSX.Element;
+export declare function Hits<THit extends BaseHit = BaseHit>({ escapeHTML, transformItems, hitComponent: HitComponent, bannerComponent: BannerComponent, ...props }: HitsProps<THit>): JSX.Element;
 export {};

package/dist/es/widgets/Hits.js

@@ -1,10 +1,10 @@
-var _excluded = ["escapeHTML", "transformItems", "hitComponent"],
+var _excluded = ["escapeHTML", "transformItems", "hitComponent", "bannerComponent"],
   _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 { createHitsComponent } from 'instantsearch-ui-components';
-import React, { createElement, Fragment } from 'react';
+import React, { createElement, Fragment, useMemo } from 'react';
 import { useHits } from 'react-instantsearch-core';
 // @MAJOR: Move default hit component back to the UI library
 // once flavour specificities are erased
@@ -25,6 +25,7 @@ export function Hits(_ref2) {
     transformItems = _ref2.transformItems,
     _ref2$hitComponent = _ref2.hitComponent,
     HitComponent = _ref2$hitComponent === void 0 ? DefaultHitComponent : _ref2$hitComponent,
+    BannerComponent = _ref2.bannerComponent,
     props = _objectWithoutProperties(_ref2, _excluded);
   var _useHits = useHits({
       escapeHTML: escapeHTML,
@@ -33,22 +34,30 @@ export function Hits(_ref2) {
       $$widgetType: 'ais.hits'
     }),
     hits = _useHits.hits,
+    banner = _useHits.banner,
     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 itemComponent = useMemo(function () {
+    return function (_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
+      }));
+    };
+  }, [HitComponent, sendEvent]);
+  var bannerComponent = BannerComponent === false ? function () {
+    return null;
+  } : BannerComponent;
   var uiProps = {
     hits: hits,
     sendEvent: sendEvent,
-    itemComponent: itemComponent
+    itemComponent: itemComponent,
+    banner: banner,
+    bannerComponent: bannerComponent
   };
   return /*#__PURE__*/React.createElement(HitsUiComponent, _extends({}, props, uiProps));
 }