react-instantsearch 7.12.4 → 7.13.1

package/README.md

@@ -22,7 +22,7 @@
 
 React InstantSearch is an open-source React library that lets you create an instant search result experience using [Algolia][algolia-website]’s search API. It is part of the InstantSearch family:
 
-**React InstantSearch** | [InstantSearch.js][instantsearch-github] | [Angular InstantSearch][instantsearch-angular-github] | [Vue InstantSearch][instantsearch-github] | [InstantSearch Android][instantsearch-android-github] | [InstantSearch iOS][instantsearch-ios-github]
+**React InstantSearch** | [InstantSearch.js][instantsearch-github] | [Vue InstantSearch][instantsearch-github] | [InstantSearch Android][instantsearch-android-github] | [InstantSearch iOS][instantsearch-ios-github]
 
 ## Why
 
@@ -116,7 +116,6 @@ React InstantSearch is [MIT licensed](../../LICENSE).
 [instantsearch-github]: https://github.com/algolia/instantsearch
 [instantsearch-android-github]: https://github.com/algolia/instantsearch-android
 [instantsearch-ios-github]: https://github.com/algolia/instantsearch-ios
-[instantsearch-angular-github]: https://github.com/algolia/angular-instantsearch
 [contributing-bugreport]: https://github.com/algolia/instantsearch/issues/new?template=BUG_REPORT.yml&labels=triage,Library%3A%20React+InstantSearch
 [contributing-featurerequest]: https://github.com/algolia/instantsearch/discussions/new?category=ideas&labels=triage,Library%3A%20React+InstantSearch&title=Feature%20request%3A%20
 [contributing-newissue]: https://github.com/algolia/instantsearch/issues/new?labels=triage,Library%3A%20React+InstantSearch

package/dist/cjs/components/Carousel.js

@@ -0,0 +1,25 @@
+"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.Carousel = Carousel;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
+var _react = _interopRequireWildcard(require("react"));
+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); }
+var CarouselUiComponent = (0, _instantsearchUiComponents.createCarouselComponent)({
+  createElement: _react.createElement,
+  Fragment: _react.Fragment
+});
+function Carousel(props) {
+  var carouselRefs = {
+    listRef: (0, _react.useRef)(null),
+    nextButtonRef: (0, _react.useRef)(null),
+    previousButtonRef: (0, _react.useRef)(null),
+    carouselIdRef: (0, _react.useRef)((0, _instantsearchUiComponents.generateCarouselId)())
+  };
+  return /*#__PURE__*/_react.default.createElement(CarouselUiComponent, _extends({}, carouselRefs, props));
+}

package/dist/cjs/components/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Carousel = require("./Carousel");
+Object.keys(_Carousel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Carousel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Carousel[key];
+    }
+  });
+});

package/dist/cjs/index.js

@@ -24,4 +24,15 @@ Object.keys(_widgets).forEach(function (key) {
       return _widgets[key];
     }
   });
+});
+var _components = require("./components");
+Object.keys(_components).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _components[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _components[key];
+    }
+  });
 });

package/dist/cjs/widgets/FrequentlyBoughtTogether.js

@@ -8,10 +8,15 @@ exports.FrequentlyBoughtTogether = FrequentlyBoughtTogether;
 var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireWildcard(require("react"));
 var _reactInstantsearchCore = require("react-instantsearch-core");
-var _excluded = ["objectIDs", "limit", "threshold", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent"];
+var _excluded = ["objectIDs", "limit", "threshold", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "layoutComponent"];
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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; }
 var FrequentlyBoughtTogetherUiComponent = (0, _instantsearchUiComponents.createFrequentlyBoughtTogetherComponent)({
@@ -28,6 +33,7 @@ function FrequentlyBoughtTogether(_ref) {
     itemComponent = _ref.itemComponent,
     headerComponent = _ref.headerComponent,
     emptyComponent = _ref.emptyComponent,
+    layoutComponent = _ref.layoutComponent,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useInstantSearch = (0, _reactInstantsearchCore.useInstantSearch)(),
     status = _useInstantSearch.status;
@@ -42,11 +48,20 @@ function FrequentlyBoughtTogether(_ref) {
       $$widgetType: 'ais.frequentlyBoughtTogether'
     }),
     items = _useFrequentlyBoughtT.items;
+  var layout = layoutComponent ? function (layoutProps) {
+    return layoutComponent(_objectSpread(_objectSpread({}, layoutProps), {}, {
+      classNames: {
+        list: layoutProps.classNames.list,
+        item: layoutProps.classNames.item
+      }
+    }));
+  } : undefined;
   var uiProps = {
     items: items,
     itemComponent: itemComponent,
     headerComponent: headerComponent,
     emptyComponent: emptyComponent,
+    layout: layout,
     status: status,
     sendEvent: function sendEvent() {}
   };

package/dist/cjs/widgets/LookingSimilar.js

@@ -8,10 +8,15 @@ exports.LookingSimilar = LookingSimilar;
 var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireWildcard(require("react"));
 var _reactInstantsearchCore = require("react-instantsearch-core");
-var _excluded = ["objectIDs", "limit", "threshold", "queryParameters", "fallbackParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent"];
+var _excluded = ["objectIDs", "limit", "threshold", "queryParameters", "fallbackParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "layoutComponent"];
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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; }
 var LookingSimilarUiComponent = (0, _instantsearchUiComponents.createLookingSimilarComponent)({
@@ -29,6 +34,7 @@ function LookingSimilar(_ref) {
     itemComponent = _ref.itemComponent,
     headerComponent = _ref.headerComponent,
     emptyComponent = _ref.emptyComponent,
+    layoutComponent = _ref.layoutComponent,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useInstantSearch = (0, _reactInstantsearchCore.useInstantSearch)(),
     status = _useInstantSearch.status;
@@ -44,11 +50,20 @@ function LookingSimilar(_ref) {
       $$widgetType: 'ais.lookingSimilar'
     }),
     items = _useLookingSimilar.items;
+  var layout = layoutComponent ? function (layoutProps) {
+    return layoutComponent(_objectSpread(_objectSpread({}, layoutProps), {}, {
+      classNames: {
+        list: layoutProps.classNames.list,
+        item: layoutProps.classNames.item
+      }
+    }));
+  } : undefined;
   var uiProps = {
     items: items,
     itemComponent: itemComponent,
     headerComponent: headerComponent,
     emptyComponent: emptyComponent,
+    layout: layout,
     status: status,
     sendEvent: function sendEvent() {}
   };

package/dist/cjs/widgets/RelatedProducts.js

@@ -8,10 +8,15 @@ exports.RelatedProducts = RelatedProducts;
 var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireWildcard(require("react"));
 var _reactInstantsearchCore = require("react-instantsearch-core");
-var _excluded = ["objectIDs", "limit", "threshold", "fallbackParameters", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent"];
+var _excluded = ["objectIDs", "limit", "threshold", "fallbackParameters", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "layoutComponent"];
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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; }
 var RelatedProductsUiComponent = (0, _instantsearchUiComponents.createRelatedProductsComponent)({
@@ -29,6 +34,7 @@ function RelatedProducts(_ref) {
     itemComponent = _ref.itemComponent,
     headerComponent = _ref.headerComponent,
     emptyComponent = _ref.emptyComponent,
+    layoutComponent = _ref.layoutComponent,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useInstantSearch = (0, _reactInstantsearchCore.useInstantSearch)(),
     status = _useInstantSearch.status;
@@ -44,11 +50,20 @@ function RelatedProducts(_ref) {
       $$widgetType: 'ais.relatedProducts'
     }),
     items = _useRelatedProducts.items;
+  var layout = layoutComponent ? function (layoutProps) {
+    return layoutComponent(_objectSpread(_objectSpread({}, layoutProps), {}, {
+      classNames: {
+        list: layoutProps.classNames.list,
+        item: layoutProps.classNames.item
+      }
+    }));
+  } : undefined;
   var uiProps = {
     items: items,
     itemComponent: itemComponent,
     headerComponent: headerComponent,
     emptyComponent: emptyComponent,
+    layout: layout,
     status: status,
     sendEvent: function sendEvent() {}
   };

package/dist/cjs/widgets/TrendingItems.js

@@ -8,7 +8,7 @@ exports.TrendingItems = TrendingItems;
 var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireWildcard(require("react"));
 var _reactInstantsearchCore = require("react-instantsearch-core");
-var _excluded = ["facetName", "facetValue", "limit", "threshold", "fallbackParameters", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent"];
+var _excluded = ["facetName", "facetValue", "limit", "threshold", "fallbackParameters", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "layoutComponent"];
 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); }
@@ -35,6 +35,7 @@ function TrendingItems(_ref) {
     itemComponent = _ref.itemComponent,
     headerComponent = _ref.headerComponent,
     emptyComponent = _ref.emptyComponent,
+    layoutComponent = _ref.layoutComponent,
     props = _objectWithoutProperties(_ref, _excluded);
   var facetParameters = facetName && facetValue ? {
     facetName: facetName,
@@ -53,11 +54,20 @@ function TrendingItems(_ref) {
       $$widgetType: 'ais.trendingItems'
     }),
     items = _useTrendingItems.items;
+  var layout = layoutComponent ? function (layoutProps) {
+    return layoutComponent(_objectSpread(_objectSpread({}, layoutProps), {}, {
+      classNames: {
+        list: layoutProps.classNames.list,
+        item: layoutProps.classNames.item
+      }
+    }));
+  } : undefined;
   var uiProps = {
     items: items,
     itemComponent: itemComponent,
     headerComponent: headerComponent,
     emptyComponent: emptyComponent,
+    layout: layout,
     status: status,
     sendEvent: function sendEvent() {}
   };

package/dist/es/components/Carousel.d.ts

@@ -0,0 +1,3 @@
+import type { CarouselProps as CarouselUiProps } from 'instantsearch-ui-components';
+export type CarouselProps<TObject extends Record<string, unknown>> = Omit<CarouselUiProps<TObject>, 'listRef' | 'nextButtonRef' | 'previousButtonRef' | 'carouselIdRef'>;
+export declare function Carousel<TObject extends Record<string, unknown>>(props: CarouselProps<TObject>): JSX.Element;

package/dist/es/components/Carousel.js

@@ -0,0 +1,16 @@
+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 { createCarouselComponent, generateCarouselId } from 'instantsearch-ui-components';
+import React, { createElement, Fragment, useRef } from 'react';
+var CarouselUiComponent = createCarouselComponent({
+  createElement: createElement,
+  Fragment: Fragment
+});
+export function Carousel(props) {
+  var carouselRefs = {
+    listRef: useRef(null),
+    nextButtonRef: useRef(null),
+    previousButtonRef: useRef(null),
+    carouselIdRef: useRef(generateCarouselId())
+  };
+  return /*#__PURE__*/React.createElement(CarouselUiComponent, _extends({}, carouselRefs, props));
+}

package/dist/es/components/index.d.ts

@@ -0,0 +1 @@
+export * from './Carousel';

package/dist/es/components/index.js

@@ -0,0 +1 @@
+export * from "./Carousel.js";

package/dist/es/index.d.ts

@@ -1,2 +1,3 @@
 export * from 'react-instantsearch-core';
 export * from './widgets';
+export * from './components';

package/dist/es/index.js

@@ -1,2 +1,3 @@
 export * from 'react-instantsearch-core';
-export * from "./widgets/index.js";
+export * from "./widgets/index.js";
+export * from "./components/index.js";

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

@@ -1,11 +1,12 @@
 import type { FrequentlyBoughtTogetherProps as FrequentlyBoughtTogetherPropsUiComponentProps } from 'instantsearch-ui-components';
-import type { Hit, BaseHit } from 'instantsearch.js';
+import type { AlgoliaHit, BaseHit } from 'instantsearch.js';
 import type { UseFrequentlyBoughtTogetherProps } from 'react-instantsearch-core';
-type UiProps<THit extends BaseHit> = Pick<FrequentlyBoughtTogetherPropsUiComponentProps<Hit<THit>>, 'items' | 'itemComponent' | 'headerComponent' | 'emptyComponent' | 'status' | 'sendEvent'>;
-export type FrequentlyBoughtTogetherProps<THit extends BaseHit> = Omit<FrequentlyBoughtTogetherPropsUiComponentProps<Hit<THit>>, keyof UiProps<THit>> & UseFrequentlyBoughtTogetherProps<THit> & {
+type UiProps<THit extends BaseHit> = Pick<FrequentlyBoughtTogetherPropsUiComponentProps<AlgoliaHit<THit>>, 'items' | 'itemComponent' | 'headerComponent' | 'emptyComponent' | 'layout' | 'status' | 'sendEvent'>;
+export type FrequentlyBoughtTogetherProps<THit extends BaseHit> = Omit<FrequentlyBoughtTogetherPropsUiComponentProps<AlgoliaHit<THit>>, keyof UiProps<THit>> & UseFrequentlyBoughtTogetherProps<THit> & {
     itemComponent?: FrequentlyBoughtTogetherPropsUiComponentProps<THit>['itemComponent'];
     headerComponent?: FrequentlyBoughtTogetherPropsUiComponentProps<THit>['headerComponent'];
     emptyComponent?: FrequentlyBoughtTogetherPropsUiComponentProps<THit>['emptyComponent'];
+    layoutComponent?: FrequentlyBoughtTogetherPropsUiComponentProps<THit>['layout'];
 };
-export declare function FrequentlyBoughtTogether<THit extends BaseHit = BaseHit>({ objectIDs, limit, threshold, queryParameters, escapeHTML, transformItems, itemComponent, headerComponent, emptyComponent, ...props }: FrequentlyBoughtTogetherProps<THit>): JSX.Element;
+export declare function FrequentlyBoughtTogether<THit extends BaseHit = BaseHit>({ objectIDs, limit, threshold, queryParameters, escapeHTML, transformItems, itemComponent, headerComponent, emptyComponent, layoutComponent, ...props }: FrequentlyBoughtTogetherProps<THit>): JSX.Element;
 export {};

package/dist/es/widgets/FrequentlyBoughtTogether.js

@@ -1,5 +1,11 @@
-var _excluded = ["objectIDs", "limit", "threshold", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent"];
+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); }
+var _excluded = ["objectIDs", "limit", "threshold", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "layoutComponent"];
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 { createFrequentlyBoughtTogetherComponent } from 'instantsearch-ui-components';
@@ -19,6 +25,7 @@ export function FrequentlyBoughtTogether(_ref) {
     itemComponent = _ref.itemComponent,
     headerComponent = _ref.headerComponent,
     emptyComponent = _ref.emptyComponent,
+    layoutComponent = _ref.layoutComponent,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useInstantSearch = useInstantSearch(),
     status = _useInstantSearch.status;
@@ -33,11 +40,20 @@ export function FrequentlyBoughtTogether(_ref) {
       $$widgetType: 'ais.frequentlyBoughtTogether'
     }),
     items = _useFrequentlyBoughtT.items;
+  var layout = layoutComponent ? function (layoutProps) {
+    return layoutComponent(_objectSpread(_objectSpread({}, layoutProps), {}, {
+      classNames: {
+        list: layoutProps.classNames.list,
+        item: layoutProps.classNames.item
+      }
+    }));
+  } : undefined;
   var uiProps = {
     items: items,
     itemComponent: itemComponent,
     headerComponent: headerComponent,
     emptyComponent: emptyComponent,
+    layout: layout,
     status: status,
     sendEvent: function sendEvent() {}
   };

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

@@ -1,11 +1,12 @@
 import type { LookingSimilarProps as LookingSimilarPropsUiComponentProps } from 'instantsearch-ui-components';
-import type { Hit, BaseHit } from 'instantsearch.js';
+import type { AlgoliaHit, BaseHit } from 'instantsearch.js';
 import type { UseLookingSimilarProps } from 'react-instantsearch-core';
-type UiProps<THit extends BaseHit> = Pick<LookingSimilarPropsUiComponentProps<Hit<THit>>, 'items' | 'itemComponent' | 'headerComponent' | 'emptyComponent' | 'status' | 'sendEvent'>;
-export type LookingSimilarProps<THit extends BaseHit> = Omit<LookingSimilarPropsUiComponentProps<Hit<THit>>, keyof UiProps<THit>> & UseLookingSimilarProps<THit> & {
+type UiProps<THit extends BaseHit> = Pick<LookingSimilarPropsUiComponentProps<AlgoliaHit<THit>>, 'items' | 'itemComponent' | 'headerComponent' | 'emptyComponent' | 'layout' | 'status' | 'sendEvent'>;
+export type LookingSimilarProps<THit extends BaseHit> = Omit<LookingSimilarPropsUiComponentProps<AlgoliaHit<THit>>, keyof UiProps<THit>> & UseLookingSimilarProps<THit> & {
     itemComponent?: LookingSimilarPropsUiComponentProps<THit>['itemComponent'];
     headerComponent?: LookingSimilarPropsUiComponentProps<THit>['headerComponent'];
     emptyComponent?: LookingSimilarPropsUiComponentProps<THit>['emptyComponent'];
+    layoutComponent?: LookingSimilarPropsUiComponentProps<THit>['layout'];
 };
-export declare function LookingSimilar<THit extends BaseHit = BaseHit>({ objectIDs, limit, threshold, queryParameters, fallbackParameters, escapeHTML, transformItems, itemComponent, headerComponent, emptyComponent, ...props }: LookingSimilarProps<THit>): JSX.Element;
+export declare function LookingSimilar<THit extends BaseHit = BaseHit>({ objectIDs, limit, threshold, queryParameters, fallbackParameters, escapeHTML, transformItems, itemComponent, headerComponent, emptyComponent, layoutComponent, ...props }: LookingSimilarProps<THit>): JSX.Element;
 export {};

package/dist/es/widgets/LookingSimilar.js

@@ -1,5 +1,11 @@
-var _excluded = ["objectIDs", "limit", "threshold", "queryParameters", "fallbackParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent"];
+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); }
+var _excluded = ["objectIDs", "limit", "threshold", "queryParameters", "fallbackParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "layoutComponent"];
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 { createLookingSimilarComponent } from 'instantsearch-ui-components';
@@ -20,6 +26,7 @@ export function LookingSimilar(_ref) {
     itemComponent = _ref.itemComponent,
     headerComponent = _ref.headerComponent,
     emptyComponent = _ref.emptyComponent,
+    layoutComponent = _ref.layoutComponent,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useInstantSearch = useInstantSearch(),
     status = _useInstantSearch.status;
@@ -35,11 +42,20 @@ export function LookingSimilar(_ref) {
       $$widgetType: 'ais.lookingSimilar'
     }),
     items = _useLookingSimilar.items;
+  var layout = layoutComponent ? function (layoutProps) {
+    return layoutComponent(_objectSpread(_objectSpread({}, layoutProps), {}, {
+      classNames: {
+        list: layoutProps.classNames.list,
+        item: layoutProps.classNames.item
+      }
+    }));
+  } : undefined;
   var uiProps = {
     items: items,
     itemComponent: itemComponent,
     headerComponent: headerComponent,
     emptyComponent: emptyComponent,
+    layout: layout,
     status: status,
     sendEvent: function sendEvent() {}
   };

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

@@ -1,11 +1,12 @@
 import type { RelatedProductsProps as RelatedProductsUiComponentProps } from 'instantsearch-ui-components';
 import type { BaseHit } from 'instantsearch.js';
 import type { UseRelatedProductsProps } from 'react-instantsearch-core';
-type UiProps<TItem extends BaseHit> = Pick<RelatedProductsUiComponentProps<TItem>, 'items' | 'itemComponent' | 'headerComponent' | 'emptyComponent' | 'status' | 'sendEvent'>;
+type UiProps<TItem extends BaseHit> = Pick<RelatedProductsUiComponentProps<TItem>, 'items' | 'itemComponent' | 'headerComponent' | 'emptyComponent' | 'layout' | 'status' | 'sendEvent'>;
 export type RelatedProductsProps<TItem extends BaseHit> = Omit<RelatedProductsUiComponentProps<TItem>, keyof UiProps<TItem>> & UseRelatedProductsProps & {
     itemComponent?: RelatedProductsUiComponentProps<TItem>['itemComponent'];
     headerComponent?: RelatedProductsUiComponentProps<TItem>['headerComponent'];
     emptyComponent?: RelatedProductsUiComponentProps<TItem>['emptyComponent'];
+    layoutComponent?: RelatedProductsUiComponentProps<TItem>['layout'];
 };
-export declare function RelatedProducts<TItem extends BaseHit = BaseHit>({ objectIDs, limit, threshold, fallbackParameters, queryParameters, escapeHTML, transformItems, itemComponent, headerComponent, emptyComponent, ...props }: RelatedProductsProps<TItem>): JSX.Element;
+export declare function RelatedProducts<TItem extends BaseHit = BaseHit>({ objectIDs, limit, threshold, fallbackParameters, queryParameters, escapeHTML, transformItems, itemComponent, headerComponent, emptyComponent, layoutComponent, ...props }: RelatedProductsProps<TItem>): JSX.Element;
 export {};

package/dist/es/widgets/RelatedProducts.js

@@ -1,5 +1,11 @@
-var _excluded = ["objectIDs", "limit", "threshold", "fallbackParameters", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent"];
+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); }
+var _excluded = ["objectIDs", "limit", "threshold", "fallbackParameters", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "layoutComponent"];
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 { createRelatedProductsComponent } from 'instantsearch-ui-components';
@@ -20,6 +26,7 @@ export function RelatedProducts(_ref) {
     itemComponent = _ref.itemComponent,
     headerComponent = _ref.headerComponent,
     emptyComponent = _ref.emptyComponent,
+    layoutComponent = _ref.layoutComponent,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useInstantSearch = useInstantSearch(),
     status = _useInstantSearch.status;
@@ -35,11 +42,20 @@ export function RelatedProducts(_ref) {
       $$widgetType: 'ais.relatedProducts'
     }),
     items = _useRelatedProducts.items;
+  var layout = layoutComponent ? function (layoutProps) {
+    return layoutComponent(_objectSpread(_objectSpread({}, layoutProps), {}, {
+      classNames: {
+        list: layoutProps.classNames.list,
+        item: layoutProps.classNames.item
+      }
+    }));
+  } : undefined;
   var uiProps = {
     items: items,
     itemComponent: itemComponent,
     headerComponent: headerComponent,
     emptyComponent: emptyComponent,
+    layout: layout,
     status: status,
     sendEvent: function sendEvent() {}
   };

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

@@ -1,11 +1,12 @@
 import type { TrendingItemsProps as TrendingItemsUiComponentProps } from 'instantsearch-ui-components';
 import type { BaseHit } from 'instantsearch.js';
 import type { UseTrendingItemsProps } from 'react-instantsearch-core';
-type UiProps<TItem extends BaseHit> = Pick<TrendingItemsUiComponentProps<TItem>, 'items' | 'itemComponent' | 'headerComponent' | 'emptyComponent' | 'status' | 'sendEvent'>;
+type UiProps<TItem extends BaseHit> = Pick<TrendingItemsUiComponentProps<TItem>, 'items' | 'itemComponent' | 'headerComponent' | 'emptyComponent' | 'layout' | 'status' | 'sendEvent'>;
 export type TrendingItemsProps<TItem extends BaseHit> = Omit<TrendingItemsUiComponentProps<TItem>, keyof UiProps<TItem>> & UseTrendingItemsProps & {
     itemComponent?: TrendingItemsUiComponentProps<TItem>['itemComponent'];
     headerComponent?: TrendingItemsUiComponentProps<TItem>['headerComponent'];
     emptyComponent?: TrendingItemsUiComponentProps<TItem>['emptyComponent'];
+    layoutComponent?: TrendingItemsUiComponentProps<TItem>['layout'];
 };
-export declare function TrendingItems<TItem extends BaseHit = BaseHit>({ facetName, facetValue, limit, threshold, fallbackParameters, queryParameters, escapeHTML, transformItems, itemComponent, headerComponent, emptyComponent, ...props }: TrendingItemsProps<TItem>): JSX.Element;
+export declare function TrendingItems<TItem extends BaseHit = BaseHit>({ facetName, facetValue, limit, threshold, fallbackParameters, queryParameters, escapeHTML, transformItems, itemComponent, headerComponent, emptyComponent, layoutComponent, ...props }: TrendingItemsProps<TItem>): JSX.Element;
 export {};

package/dist/es/widgets/TrendingItems.js

@@ -1,5 +1,5 @@
 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); }
-var _excluded = ["facetName", "facetValue", "limit", "threshold", "fallbackParameters", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent"];
+var _excluded = ["facetName", "facetValue", "limit", "threshold", "fallbackParameters", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "layoutComponent"];
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -27,6 +27,7 @@ export function TrendingItems(_ref) {
     itemComponent = _ref.itemComponent,
     headerComponent = _ref.headerComponent,
     emptyComponent = _ref.emptyComponent,
+    layoutComponent = _ref.layoutComponent,
     props = _objectWithoutProperties(_ref, _excluded);
   var facetParameters = facetName && facetValue ? {
     facetName: facetName,
@@ -45,11 +46,20 @@ export function TrendingItems(_ref) {
       $$widgetType: 'ais.trendingItems'
     }),
     items = _useTrendingItems.items;
+  var layout = layoutComponent ? function (layoutProps) {
+    return layoutComponent(_objectSpread(_objectSpread({}, layoutProps), {}, {
+      classNames: {
+        list: layoutProps.classNames.list,
+        item: layoutProps.classNames.item
+      }
+    }));
+  } : undefined;
   var uiProps = {
     items: items,
     itemComponent: itemComponent,
     headerComponent: headerComponent,
     emptyComponent: emptyComponent,
+    layout: layout,
     status: status,
     sendEvent: function sendEvent() {}
   };