instantsearch.js 4.77.0 → 4.77.2

package/es/components/RefinementList/RefinementList.js

@@ -168,8 +168,8 @@ var RefinementList = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
-      var _this$listRef$current, _this$listRef$current2;
-      (_this$listRef$current = this.listRef.current) === null || _this$listRef$current === void 0 ? void 0 : (_this$listRef$current2 = _this$listRef$current.querySelector("input[value=\"".concat(this.lastRefinedValue, "\"]"))) === null || _this$listRef$current2 === void 0 ? void 0 : _this$listRef$current2.focus();
+      var _this$listRef$current, _this$listRef$current2, _this$lastRefinedValu;
+      (_this$listRef$current = this.listRef.current) === null || _this$listRef$current === void 0 ? void 0 : (_this$listRef$current2 = _this$listRef$current.querySelector("input[value=\"".concat((_this$lastRefinedValu = this.lastRefinedValue) === null || _this$lastRefinedValu === void 0 ? void 0 : _this$lastRefinedValu.replace('"', '\\"'), "\"]"))) === null || _this$listRef$current2 === void 0 ? void 0 : _this$listRef$current2.focus();
       this.lastRefinedValue = undefined;
     }
   }, {

package/es/connectors/frequently-bought-together/connectFrequentlyBoughtTogether.d.ts

@@ -1,11 +1,11 @@
 import type { SendEventForHits } from '../../lib/utils';
-import type { Connector, TransformItems, BaseHit, Renderer, Unmounter, UnknownWidgetParams, RecommendResponse, AlgoliaHit } from '../../types';
+import type { Connector, TransformItems, BaseHit, Renderer, Unmounter, UnknownWidgetParams, RecommendResponse, Hit, AlgoliaHit } from '../../types';
 import type { PlainSearchParameters } from 'algoliasearch-helper';
 export type FrequentlyBoughtTogetherRenderState<THit extends NonNullable<object> = BaseHit> = {
     /**
      * The matched recommendations from Algolia API.
      */
-    items: Array<AlgoliaHit<THit>>;
+    items: Array<Hit<THit>>;
     /**
      * Sends an event to the Insights middleware.
      */
@@ -37,7 +37,7 @@ export type FrequentlyBoughtTogetherConnectorParams<THit extends NonNullable<obj
     /**
      * Function to transform the items passed to the templates.
      */
-    transformItems?: TransformItems<AlgoliaHit<THit>, {
+    transformItems?: TransformItems<Hit<THit>, {
         results: RecommendResponse<AlgoliaHit<THit>>;
     }>;
 };
@@ -157,7 +157,7 @@ declare const _default: <TWidgetParams extends UnknownWidgetParams>(renderFn: Re
     } & {
         results: RecommendResponse<any>;
     })): {
-        items: AlgoliaHit<THit>[];
+        items: Hit<THit>[];
         widgetParams: TWidgetParams & FrequentlyBoughtTogetherConnectorParams<THit>;
         sendEvent: SendEventForHits;
     };

package/es/connectors/looking-similar/connectLookingSimilar.d.ts

@@ -1,11 +1,11 @@
 import type { SendEventForHits } from '../../lib/utils';
-import type { Connector, TransformItems, BaseHit, Renderer, Unmounter, UnknownWidgetParams, RecommendResponse, AlgoliaHit } from '../../types';
+import type { Connector, TransformItems, BaseHit, Renderer, Unmounter, UnknownWidgetParams, RecommendResponse, Hit, AlgoliaHit } from '../../types';
 import type { PlainSearchParameters } from 'algoliasearch-helper';
 export type LookingSimilarRenderState<THit extends NonNullable<object> = BaseHit> = {
     /**
      * The matched recommendations from the Algolia API.
      */
-    items: Array<AlgoliaHit<THit>>;
+    items: Array<Hit<THit>>;
     /**
      * Sends an event to the Insights middleware.
      */
@@ -41,7 +41,7 @@ export type LookingSimilarConnectorParams<THit extends NonNullable<object> = Bas
     /**
      * Function to transform the items passed to the templates.
      */
-    transformItems?: TransformItems<AlgoliaHit<THit>, {
+    transformItems?: TransformItems<Hit<THit>, {
         results: RecommendResponse<AlgoliaHit<THit>>;
     }>;
 };
@@ -161,7 +161,7 @@ declare const _default: <TWidgetParams extends UnknownWidgetParams>(renderFn: Re
     } & {
         results: RecommendResponse<any>;
     })): {
-        items: AlgoliaHit<THit>[];
+        items: Hit<THit>[];
         widgetParams: TWidgetParams & LookingSimilarConnectorParams<THit>;
         sendEvent: SendEventForHits;
     };

package/es/connectors/related-products/connectRelatedProducts.d.ts

@@ -1,11 +1,11 @@
 import type { SendEventForHits } from '../../lib/utils';
-import type { Connector, TransformItems, BaseHit, Renderer, Unmounter, UnknownWidgetParams, RecommendResponse, AlgoliaHit } from '../../types';
+import type { Connector, TransformItems, BaseHit, Renderer, Unmounter, UnknownWidgetParams, RecommendResponse, Hit, AlgoliaHit } from '../../types';
 import type { PlainSearchParameters } from 'algoliasearch-helper';
 export type RelatedProductsRenderState<THit extends NonNullable<object> = BaseHit> = {
     /**
      * The matched recommendations from the Algolia API.
      */
-    items: Array<AlgoliaHit<THit>>;
+    items: Array<Hit<THit>>;
     /**
      * Sends an event to the Insights middleware.
      */
@@ -41,7 +41,7 @@ export type RelatedProductsConnectorParams<THit extends NonNullable<object> = Ba
     /**
      * Function to transform the items passed to the templates.
      */
-    transformItems?: TransformItems<AlgoliaHit<THit>, {
+    transformItems?: TransformItems<Hit<THit>, {
         results: RecommendResponse<AlgoliaHit<THit>>;
     }>;
 };
@@ -161,7 +161,7 @@ declare const _default: <TWidgetParams extends UnknownWidgetParams>(renderFn: Re
     } & {
         results: RecommendResponse<any>;
     })): {
-        items: AlgoliaHit<BaseHit>[] | AlgoliaHit<THit>[];
+        items: Hit<BaseHit>[] | Hit<THit>[];
         widgetParams: TWidgetParams & RelatedProductsConnectorParams<THit>;
         sendEvent: SendEventForHits;
     };

package/es/connectors/trending-items/connectTrendingItems.d.ts

@@ -1,11 +1,11 @@
 import type { SendEventForHits } from '../../lib/utils';
-import type { Connector, TransformItems, BaseHit, Renderer, Unmounter, UnknownWidgetParams, RecommendResponse, AlgoliaHit } from '../../types';
+import type { Connector, TransformItems, BaseHit, Renderer, Unmounter, UnknownWidgetParams, RecommendResponse, Hit, AlgoliaHit } from '../../types';
 import type { PlainSearchParameters } from 'algoliasearch-helper';
 export type TrendingItemsRenderState<THit extends NonNullable<object> = BaseHit> = {
     /**
      * The matched recommendations from the Algolia API.
      */
-    items: Array<AlgoliaHit<THit>>;
+    items: Array<Hit<THit>>;
     /**
      * Sends an event to the Insights middleware.
      */
@@ -49,7 +49,7 @@ export type TrendingItemsConnectorParams<THit extends NonNullable<object> = Base
     /**
      * Function to transform the items passed to the templates.
      */
-    transformItems?: TransformItems<AlgoliaHit<THit>, {
+    transformItems?: TransformItems<Hit<THit>, {
         results: RecommendResponse<AlgoliaHit<THit>>;
     }>;
 };
@@ -169,7 +169,7 @@ declare const _default: <TWidgetParams extends UnknownWidgetParams>(renderFn: Re
     } & {
         results: RecommendResponse<any>;
     })): {
-        items: AlgoliaHit<THit>[];
+        items: Hit<THit>[];
         widgetParams: TWidgetParams & TrendingItemsConnectorParams<THit>;
         sendEvent: SendEventForHits;
     };

package/es/lib/utils/getAppIdAndApiKey.js

@@ -10,9 +10,9 @@ export function getAppIdAndApiKey(searchClient) {
     var queryParameters = transporter.queryParameters || transporter.baseQueryParameters;
     var APP_ID = 'x-algolia-application-id';
     var API_KEY = 'x-algolia-api-key';
-    var _appId = headers[APP_ID] || queryParameters[APP_ID];
-    var _apiKey = headers[API_KEY] || queryParameters[API_KEY];
-    return [_appId, _apiKey];
+    var appId = headers[APP_ID] || queryParameters[APP_ID];
+    var apiKey = headers[API_KEY] || queryParameters[API_KEY];
+    return [appId, apiKey];
   } else {
     // searchClient v3
     return [searchClient.applicationID, searchClient.apiKey];

package/es/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "4.77.0";
+declare const _default: "4.77.2";
 export default _default;

package/es/lib/version.js

@@ -1 +1 @@
-export default '4.77.0';
+export default '4.77.2';

package/es/widgets/frequently-bought-together/frequently-bought-together.d.ts

@@ -1,29 +1,29 @@
 
 import type { FrequentlyBoughtTogetherWidgetDescription, FrequentlyBoughtTogetherConnectorParams } from '../../connectors/frequently-bought-together/connectFrequentlyBoughtTogether';
-import type { Template, WidgetFactory, AlgoliaHit, BaseHit, RecommendResponse } from '../../types';
+import type { Template, WidgetFactory, BaseHit, RecommendResponse, Hit, TemplateWithBindEvent } from '../../types';
 import type { RecommendClassNames, FrequentlyBoughtTogetherProps as FrequentlyBoughtTogetherUiProps } from 'instantsearch-ui-components';
 export type FrequentlyBoughtTogetherCSSClasses = Partial<RecommendClassNames>;
 export type FrequentlyBoughtTogetherTemplates<THit extends NonNullable<object> = BaseHit> = Partial<{
     /**
      * Template to use when there are no results.
      */
-    empty: Template<RecommendResponse<AlgoliaHit<THit>>>;
+    empty: Template<RecommendResponse<Hit<THit>>>;
     /**
      * Template to use for the header of the widget.
      */
-    header: Template<Pick<Parameters<NonNullable<FrequentlyBoughtTogetherUiProps<AlgoliaHit<THit>>['headerComponent']>>[0], 'items'> & {
+    header: Template<Pick<Parameters<NonNullable<FrequentlyBoughtTogetherUiProps<Hit<THit>>['headerComponent']>>[0], 'items'> & {
         cssClasses: RecommendClassNames;
     }>;
     /**
      * Template to use for each result. This template will receive an object containing a single record.
      */
-    item: Template<AlgoliaHit<THit>>;
+    item: TemplateWithBindEvent<Hit<THit>>;
     /**
      * Template to use to wrap all items.
      */
-    layout: Template<Pick<Parameters<NonNullable<FrequentlyBoughtTogetherUiProps<AlgoliaHit<THit>>['layout']>>[0], 'items'> & {
+    layout: Template<Pick<Parameters<NonNullable<FrequentlyBoughtTogetherUiProps<Hit<THit>>['layout']>>[0], 'items'> & {
         templates: {
-            item: FrequentlyBoughtTogetherUiProps<AlgoliaHit<THit>>['itemComponent'];
+            item: FrequentlyBoughtTogetherUiProps<Hit<THit>>['itemComponent'];
         };
         cssClasses: Pick<FrequentlyBoughtTogetherCSSClasses, 'list' | 'item'>;
     }>;
@@ -227,7 +227,7 @@ declare const _default: <THit extends NonNullable<object> = BaseHit>(widgetParam
     } & {
         results: RecommendResponse<any>;
     })): {
-        items: AlgoliaHit<THit>[];
+        items: Hit<THit>[];
         widgetParams: Partial<FrequentlyBoughtTogetherWidgetParams<BaseHit>> & FrequentlyBoughtTogetherConnectorParams<THit>;
         sendEvent: import("../../lib/utils").SendEventForHits;
     };

package/es/widgets/frequently-bought-together/frequently-bought-together.js

@@ -1,9 +1,12 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["item", "sendEvent"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 _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); }
 import { createFrequentlyBoughtTogetherComponent } from 'instantsearch-ui-components';
 import { Fragment, h, render } from 'preact';
@@ -47,12 +50,15 @@ var renderer = function renderer(_ref) {
       }));
     } : undefined;
     var itemComponent = templates.item ? function (_ref3) {
-      var item = _ref3.item;
+      var item = _ref3.item,
+        _sendEvent = _ref3.sendEvent,
+        rootProps = _objectWithoutProperties(_ref3, _excluded);
       return h(TemplateComponent, _extends({}, renderState.templateProps, {
         templateKey: "item",
         rootTagName: "fragment",
         data: item,
-        sendEvent: sendEvent
+        sendEvent: _sendEvent,
+        rootProps: _objectSpread({}, rootProps)
       }));
     } : undefined;
     var emptyComponent = templates.empty ? function () {

package/es/widgets/looking-similar/looking-similar.d.ts

@@ -1,29 +1,29 @@
 
 import type { LookingSimilarWidgetDescription, LookingSimilarConnectorParams } from '../../connectors/looking-similar/connectLookingSimilar';
-import type { Template, WidgetFactory, AlgoliaHit, BaseHit, RecommendResponse } from '../../types';
+import type { Template, WidgetFactory, BaseHit, RecommendResponse, Hit, TemplateWithBindEvent } from '../../types';
 import type { RecommendClassNames, LookingSimilarProps as LookingSimilarUiProps } from 'instantsearch-ui-components';
 export type LookingSimilarCSSClasses = Partial<RecommendClassNames>;
 export type LookingSimilarTemplates<THit extends NonNullable<object> = BaseHit> = Partial<{
     /**
      * Template to use when there are no results.
      */
-    empty: Template<RecommendResponse<AlgoliaHit<THit>>>;
+    empty: Template<RecommendResponse<Hit<THit>>>;
     /**
      * Template to use for the header of the widget.
      */
-    header: Template<Pick<Parameters<NonNullable<LookingSimilarUiProps<AlgoliaHit<THit>>['headerComponent']>>[0], 'items'> & {
+    header: Template<Pick<Parameters<NonNullable<LookingSimilarUiProps<Hit<THit>>['headerComponent']>>[0], 'items'> & {
         cssClasses: RecommendClassNames;
     }>;
     /**
      * Template to use for each result. This template will receive an object containing a single record.
      */
-    item: Template<AlgoliaHit<THit>>;
+    item: TemplateWithBindEvent<Hit<THit>>;
     /**
      * Template to use to wrap all items.
      */
-    layout: Template<Pick<Parameters<NonNullable<LookingSimilarUiProps<AlgoliaHit<THit>>['layout']>>[0], 'items'> & {
+    layout: Template<Pick<Parameters<NonNullable<LookingSimilarUiProps<Hit<THit>>['layout']>>[0], 'items'> & {
         templates: {
-            item: LookingSimilarUiProps<AlgoliaHit<THit>>['itemComponent'];
+            item: LookingSimilarUiProps<Hit<THit>>['itemComponent'];
         };
         cssClasses: Pick<LookingSimilarCSSClasses, 'list' | 'item'>;
     }>;
@@ -227,7 +227,7 @@ declare const _default: <THit extends NonNullable<object> = BaseHit>(widgetParam
     } & {
         results: RecommendResponse<any>;
     })): {
-        items: AlgoliaHit<THit>[];
+        items: Hit<THit>[];
         widgetParams: Partial<LookingSimilarWidgetParams<BaseHit>> & LookingSimilarConnectorParams<THit>;
         sendEvent: import("../../lib/utils").SendEventForHits;
     };

package/es/widgets/looking-similar/looking-similar.js

@@ -1,9 +1,12 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["item", "sendEvent"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 _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); }
 import { createLookingSimilarComponent } from 'instantsearch-ui-components';
 import { Fragment, h, render } from 'preact';
@@ -47,12 +50,15 @@ function createRenderer(_ref) {
       }));
     } : undefined;
     var itemComponent = templates.item ? function (_ref3) {
-      var item = _ref3.item;
+      var item = _ref3.item,
+        _sendEvent = _ref3.sendEvent,
+        rootProps = _objectWithoutProperties(_ref3, _excluded);
       return h(TemplateComponent, _extends({}, renderState.templateProps, {
         templateKey: "item",
         rootTagName: "fragment",
         data: item,
-        sendEvent: sendEvent
+        sendEvent: _sendEvent,
+        rootProps: _objectSpread({}, rootProps)
       }));
     } : undefined;
     var emptyComponent = templates.empty ? function () {

package/es/widgets/related-products/related-products.d.ts

@@ -1,29 +1,29 @@
 
 import type { RelatedProductsWidgetDescription, RelatedProductsConnectorParams } from '../../connectors/related-products/connectRelatedProducts';
-import type { Template, WidgetFactory, AlgoliaHit, BaseHit, RecommendResponse } from '../../types';
+import type { Template, WidgetFactory, Hit, BaseHit, RecommendResponse, TemplateWithBindEvent } from '../../types';
 import type { RecommendClassNames, RelatedProductsProps as RelatedProductsUiProps } from 'instantsearch-ui-components';
 export type RelatedProductsCSSClasses = Partial<RecommendClassNames>;
 export type RelatedProductsTemplates<THit extends NonNullable<object> = BaseHit> = Partial<{
     /**
      * Template to use when there are no results.
      */
-    empty: Template<RecommendResponse<AlgoliaHit<THit>>>;
+    empty: Template<RecommendResponse<Hit<THit>>>;
     /**
      * Template to use for the header of the widget.
      */
-    header: Template<Pick<Parameters<NonNullable<RelatedProductsUiProps<AlgoliaHit<THit>>['headerComponent']>>[0], 'items'> & {
+    header: Template<Pick<Parameters<NonNullable<RelatedProductsUiProps<Hit<THit>>['headerComponent']>>[0], 'items'> & {
         cssClasses: RecommendClassNames;
     }>;
     /**
      * Template to use for each result. This template will receive an object containing a single record.
      */
-    item: Template<AlgoliaHit<THit>>;
+    item: TemplateWithBindEvent<Hit<THit>>;
     /**
      * Template to use to wrap all items.
      */
-    layout: Template<Pick<Parameters<NonNullable<RelatedProductsUiProps<AlgoliaHit<THit>>['layout']>>[0], 'items'> & {
+    layout: Template<Pick<Parameters<NonNullable<RelatedProductsUiProps<Hit<THit>>['layout']>>[0], 'items'> & {
         templates: {
-            item: RelatedProductsUiProps<AlgoliaHit<THit>>['itemComponent'];
+            item: RelatedProductsUiProps<Hit<THit>>['itemComponent'];
         };
         cssClasses: Pick<RelatedProductsCSSClasses, 'list' | 'item'>;
     }>;
@@ -227,7 +227,7 @@ declare const _default: <THit extends NonNullable<object> = BaseHit>(widgetParam
     } & {
         results: RecommendResponse<any>;
     })): {
-        items: AlgoliaHit<BaseHit>[] | AlgoliaHit<THit>[];
+        items: Hit<BaseHit>[] | Hit<THit>[];
         widgetParams: Partial<RelatedProductsWidgetParams<BaseHit>> & RelatedProductsConnectorParams<THit>;
         sendEvent: import("../../lib/utils").SendEventForHits;
     };

package/es/widgets/related-products/related-products.js

@@ -1,9 +1,12 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["item", "sendEvent"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 _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); }
 import { createRelatedProductsComponent } from 'instantsearch-ui-components';
 import { Fragment, h, render } from 'preact';
@@ -47,12 +50,15 @@ function createRenderer(_ref) {
       }));
     } : undefined;
     var itemComponent = templates.item ? function (_ref3) {
-      var item = _ref3.item;
+      var item = _ref3.item,
+        _sendEvent = _ref3.sendEvent,
+        rootProps = _objectWithoutProperties(_ref3, _excluded);
       return h(TemplateComponent, _extends({}, renderState.templateProps, {
         templateKey: "item",
         rootTagName: "fragment",
         data: item,
-        sendEvent: sendEvent
+        sendEvent: _sendEvent,
+        rootProps: _objectSpread({}, rootProps)
       }));
     } : undefined;
     var emptyComponent = templates.empty ? function () {

package/es/widgets/trending-items/trending-items.d.ts

@@ -1,29 +1,29 @@
 
 import type { TrendingItemsWidgetDescription, TrendingItemsConnectorParams } from '../../connectors/trending-items/connectTrendingItems';
-import type { Template, WidgetFactory, AlgoliaHit, BaseHit, RecommendResponse } from '../../types';
+import type { Template, WidgetFactory, BaseHit, RecommendResponse, Hit, TemplateWithBindEvent } from '../../types';
 import type { RecommendClassNames, TrendingItemsProps as TrendingItemsUiProps } from 'instantsearch-ui-components';
 export type TrendingItemsCSSClasses = Partial<RecommendClassNames>;
 export type TrendingItemsTemplates<THit extends NonNullable<object> = BaseHit> = Partial<{
     /**
      * Template to use when there are no results.
      */
-    empty: Template<RecommendResponse<AlgoliaHit<THit>>>;
+    empty: Template<RecommendResponse<Hit<THit>>>;
     /**
      * Template to use for the header of the widget.
      */
-    header: Template<Pick<Parameters<NonNullable<TrendingItemsUiProps<AlgoliaHit<THit>>['headerComponent']>>[0], 'items'> & {
+    header: Template<Pick<Parameters<NonNullable<TrendingItemsUiProps<Hit<THit>>['headerComponent']>>[0], 'items'> & {
         cssClasses: RecommendClassNames;
     }>;
     /**
      * Template to use for each result. This template will receive an object containing a single record.
      */
-    item: Template<AlgoliaHit<THit>>;
+    item: TemplateWithBindEvent<Hit<THit>>;
     /**
      * Template to use to wrap all items.
      */
-    layout: Template<Pick<Parameters<NonNullable<TrendingItemsUiProps<AlgoliaHit<THit>>['layout']>>[0], 'items'> & {
+    layout: Template<Pick<Parameters<NonNullable<TrendingItemsUiProps<Hit<THit>>['layout']>>[0], 'items'> & {
         templates: {
-            item: TrendingItemsUiProps<AlgoliaHit<THit>>['itemComponent'];
+            item: TrendingItemsUiProps<Hit<THit>>['itemComponent'];
         };
         cssClasses: Pick<TrendingItemsCSSClasses, 'list' | 'item'>;
     }>;
@@ -227,7 +227,7 @@ declare const _default: <THit extends NonNullable<object> = BaseHit>(widgetParam
     } & {
         results: RecommendResponse<any>;
     })): {
-        items: AlgoliaHit<THit>[];
+        items: Hit<THit>[];
         widgetParams: Partial<TrendingItemsWidgetParams<BaseHit>> & TrendingItemsConnectorParams<THit>;
         sendEvent: import("../../lib/utils").SendEventForHits;
     };

package/es/widgets/trending-items/trending-items.js

@@ -1,9 +1,12 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["item", "sendEvent"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 _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); }
 import { createTrendingItemsComponent } from 'instantsearch-ui-components';
 import { Fragment, h, render } from 'preact';
@@ -47,12 +50,15 @@ function createRenderer(_ref) {
       }));
     } : undefined;
     var itemComponent = templates.item ? function (_ref3) {
-      var item = _ref3.item;
+      var item = _ref3.item,
+        _sendEvent = _ref3.sendEvent,
+        rootProps = _objectWithoutProperties(_ref3, _excluded);
       return h(TemplateComponent, _extends({}, renderState.templateProps, {
         templateKey: "item",
         rootTagName: "fragment",
         data: item,
-        sendEvent: sendEvent
+        sendEvent: _sendEvent,
+        rootProps: _objectSpread({}, rootProps)
       }));
     } : undefined;
     var emptyComponent = templates.empty ? function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "instantsearch.js",
-  "version": "4.77.0",
+  "version": "4.77.2",
   "description": "InstantSearch.js is a JavaScript library for building performant and instant search experiences with Algolia.",
   "homepage": "https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/js/",
   "types": "es/index.d.ts",
@@ -31,10 +31,10 @@
     "@types/google.maps": "^3.55.12",
     "@types/hogan.js": "^3.0.0",
     "@types/qs": "^6.5.3",
-    "algoliasearch-helper": "3.23.0",
+    "algoliasearch-helper": "3.24.0",
     "hogan.js": "^3.0.2",
     "htm": "^3.0.0",
-    "instantsearch-ui-components": "0.11.0",
+    "instantsearch-ui-components": "0.11.1",
     "preact": "^10.10.0",
     "qs": "^6.5.1 < 6.10",
     "search-insights": "^2.17.2"
@@ -56,9 +56,9 @@
     "watch:es": "yarn --silent build:es:base --watch"
   },
   "devDependencies": {
-    "@instantsearch/mocks": "1.67.0",
-    "@instantsearch/tests": "1.67.0",
-    "@instantsearch/testutils": "1.56.0",
+    "@instantsearch/mocks": "1.69.0",
+    "@instantsearch/tests": "1.69.0",
+    "@instantsearch/testutils": "1.58.0",
     "@storybook/html": "5.3.9",
     "@types/scriptjs": "0.0.2",
     "algoliasearch": "5.1.1",
@@ -66,5 +66,5 @@
     "scriptjs": "2.5.9",
     "webpack": "4.47.0"
   },
-  "gitHead": "d3e46fedc5bba4482cfc5aadaf9b9c436681e93f"
+  "gitHead": "ea8a64806e3638af93e59f9403caf7c7234578ab"
 }