instantsearch-ui-components 0.5.0 → 0.6.0

package/dist/cjs/components/FrequentlyBoughtTogether.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createFrequentlyBoughtTogetherComponent = createFrequentlyBoughtTogetherComponent;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _lib = require("../lib");
+var _recommendShared = require("./recommend-shared");
+var _excluded = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "view", "items", "status", "translations", "sendEvent"];
+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) { (0, _defineProperty2.default)(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 createFrequentlyBoughtTogetherComponent(_ref) {
+  var createElement = _ref.createElement,
+    Fragment = _ref.Fragment;
+  return function FrequentlyBoughtTogether(userProps) {
+    var _userProps$classNames = userProps.classNames,
+      classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+      _userProps$emptyCompo = userProps.emptyComponent,
+      EmptyComponent = _userProps$emptyCompo === void 0 ? (0, _recommendShared.createDefaultEmptyComponent)({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$emptyCompo,
+      _userProps$headerComp = userProps.headerComponent,
+      HeaderComponent = _userProps$headerComp === void 0 ? (0, _recommendShared.createDefaultHeaderComponent)({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$headerComp,
+      _userProps$itemCompon = userProps.itemComponent,
+      ItemComponent = _userProps$itemCompon === void 0 ? (0, _recommendShared.createDefaultItemComponent)({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$itemCompon,
+      _userProps$view = userProps.view,
+      View = _userProps$view === void 0 ? (0, _recommendShared.createListViewComponent)({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$view,
+      items = userProps.items,
+      status = userProps.status,
+      userTranslations = userProps.translations,
+      sendEvent = userProps.sendEvent,
+      props = (0, _objectWithoutProperties2.default)(userProps, _excluded);
+    var translations = _objectSpread({
+      title: 'Frequently bought together',
+      sliderLabel: 'Frequently bought together products'
+    }, userTranslations);
+    var cssClasses = {
+      root: (0, _lib.cx)('ais-FrequentlyBoughtTogether', classNames.root),
+      emptyRoot: (0, _lib.cx)('ais-FrequentlyBoughtTogether', classNames.root, 'ais-FrequentlyBoughtTogether--empty', classNames.emptyRoot, props.className),
+      title: (0, _lib.cx)('ais-FrequentlyBoughtTogether-title', classNames.title),
+      container: (0, _lib.cx)('ais-FrequentlyBoughtTogether-container', classNames.container),
+      list: (0, _lib.cx)('ais-FrequentlyBoughtTogether-list', classNames.list),
+      item: (0, _lib.cx)('ais-FrequentlyBoughtTogether-item', classNames.item)
+    };
+    if (items.length === 0 && status === 'idle') {
+      return createElement("section", (0, _extends2.default)({}, props, {
+        className: cssClasses.emptyRoot
+      }), createElement(EmptyComponent, null));
+    }
+    return createElement("section", (0, _extends2.default)({}, props, {
+      className: cssClasses.root
+    }), createElement(HeaderComponent, {
+      classNames: cssClasses,
+      items: items,
+      translations: translations
+    }), createElement(View, {
+      classNames: cssClasses,
+      translations: translations,
+      itemComponent: ItemComponent,
+      items: items,
+      sendEvent: sendEvent
+    }));
+  };
+}

package/dist/cjs/components/Hits.js

@@ -14,7 +14,6 @@ var _excluded = ["classNames", "hits", "itemComponent", "sendEvent", "emptyCompo
 function createDefaultBannerComponent(_ref) {
   var createElement = _ref.createElement;
   return function DefaultBanner(_ref2) {
-    var _banner$link;
     var classNames = _ref2.classNames,
       banner = _ref2.banner;
     if (!banner.image.urls[0].url) {
@@ -22,7 +21,7 @@ function createDefaultBannerComponent(_ref) {
     }
     return createElement("aside", {
       className: (0, _lib.cx)('ais-Hits-banner', classNames.bannerRoot)
-    }, (_banner$link = banner.link) !== null && _banner$link !== void 0 && _banner$link.url ? createElement("a", {
+    }, banner.link ? createElement("a", {
       className: (0, _lib.cx)('ais-Hits-banner-link', classNames.bannerLink),
       href: banner.link.url,
       target: banner.link.target

package/dist/cjs/components/LookingSimilar.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createLookingSimilarComponent = createLookingSimilarComponent;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _lib = require("../lib");
+var _recommendShared = require("./recommend-shared");
+var _excluded = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "view", "items", "status", "translations", "sendEvent"];
+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) { (0, _defineProperty2.default)(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 createLookingSimilarComponent(_ref) {
+  var createElement = _ref.createElement,
+    Fragment = _ref.Fragment;
+  return function LookingSimilar(userProps) {
+    var _userProps$classNames = userProps.classNames,
+      classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+      _userProps$emptyCompo = userProps.emptyComponent,
+      EmptyComponent = _userProps$emptyCompo === void 0 ? (0, _recommendShared.createDefaultEmptyComponent)({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$emptyCompo,
+      _userProps$headerComp = userProps.headerComponent,
+      HeaderComponent = _userProps$headerComp === void 0 ? (0, _recommendShared.createDefaultHeaderComponent)({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$headerComp,
+      _userProps$itemCompon = userProps.itemComponent,
+      ItemComponent = _userProps$itemCompon === void 0 ? (0, _recommendShared.createDefaultItemComponent)({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$itemCompon,
+      _userProps$view = userProps.view,
+      View = _userProps$view === void 0 ? (0, _recommendShared.createListViewComponent)({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$view,
+      items = userProps.items,
+      status = userProps.status,
+      userTranslations = userProps.translations,
+      sendEvent = userProps.sendEvent,
+      props = (0, _objectWithoutProperties2.default)(userProps, _excluded);
+    var translations = _objectSpread({
+      title: 'Looking similar',
+      sliderLabel: 'Looking similar'
+    }, userTranslations);
+    var cssClasses = {
+      root: (0, _lib.cx)('ais-LookingSimilar', classNames.root),
+      emptyRoot: (0, _lib.cx)('ais-LookingSimilar', classNames.root, 'ais-LookingSimilar--empty', classNames.emptyRoot, props.className),
+      title: (0, _lib.cx)('ais-LookingSimilar-title', classNames.title),
+      container: (0, _lib.cx)('ais-LookingSimilar-container', classNames.container),
+      list: (0, _lib.cx)('ais-LookingSimilar-list', classNames.list),
+      item: (0, _lib.cx)('ais-LookingSimilar-item', classNames.item)
+    };
+    if (items.length === 0 && status === 'idle') {
+      return createElement("section", (0, _extends2.default)({}, props, {
+        className: cssClasses.emptyRoot
+      }), createElement(EmptyComponent, null));
+    }
+    return createElement("section", (0, _extends2.default)({}, props, {
+      className: cssClasses.root
+    }), createElement(HeaderComponent, {
+      classNames: cssClasses,
+      items: items,
+      translations: translations
+    }), createElement(View, {
+      classNames: cssClasses,
+      translations: translations,
+      itemComponent: ItemComponent,
+      items: items,
+      sendEvent: sendEvent
+    }));
+  };
+}

package/dist/cjs/components/RelatedProducts.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createRelatedProductsComponent = createRelatedProductsComponent;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _lib = require("../lib");
+var _recommendShared = require("./recommend-shared");
+var _excluded = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "view", "items", "status", "translations", "sendEvent"];
+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) { (0, _defineProperty2.default)(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 createRelatedProductsComponent(_ref) {
+  var createElement = _ref.createElement,
+    Fragment = _ref.Fragment;
+  return function RelatedProducts(userProps) {
+    var _userProps$classNames = userProps.classNames,
+      classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+      _userProps$emptyCompo = userProps.emptyComponent,
+      EmptyComponent = _userProps$emptyCompo === void 0 ? (0, _recommendShared.createDefaultEmptyComponent)({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$emptyCompo,
+      _userProps$headerComp = userProps.headerComponent,
+      HeaderComponent = _userProps$headerComp === void 0 ? (0, _recommendShared.createDefaultHeaderComponent)({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$headerComp,
+      _userProps$itemCompon = userProps.itemComponent,
+      ItemComponent = _userProps$itemCompon === void 0 ? (0, _recommendShared.createDefaultItemComponent)({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$itemCompon,
+      _userProps$view = userProps.view,
+      View = _userProps$view === void 0 ? (0, _recommendShared.createListViewComponent)({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$view,
+      items = userProps.items,
+      status = userProps.status,
+      userTranslations = userProps.translations,
+      sendEvent = userProps.sendEvent,
+      props = (0, _objectWithoutProperties2.default)(userProps, _excluded);
+    var translations = _objectSpread({
+      title: 'Related products',
+      sliderLabel: 'Related products'
+    }, userTranslations);
+    var cssClasses = {
+      root: (0, _lib.cx)('ais-RelatedProducts', classNames.root),
+      emptyRoot: (0, _lib.cx)('ais-RelatedProducts', classNames.root, 'ais-RelatedProducts--empty', classNames.emptyRoot, props.className),
+      title: (0, _lib.cx)('ais-RelatedProducts-title', classNames.title),
+      container: (0, _lib.cx)('ais-RelatedProducts-container', classNames.container),
+      list: (0, _lib.cx)('ais-RelatedProducts-list', classNames.list),
+      item: (0, _lib.cx)('ais-RelatedProducts-item', classNames.item)
+    };
+    if (items.length === 0 && status === 'idle') {
+      return createElement("section", (0, _extends2.default)({}, props, {
+        className: cssClasses.emptyRoot
+      }), createElement(EmptyComponent, null));
+    }
+    return createElement("section", (0, _extends2.default)({}, props, {
+      className: cssClasses.root
+    }), createElement(HeaderComponent, {
+      classNames: cssClasses,
+      items: items,
+      translations: translations
+    }), createElement(View, {
+      classNames: cssClasses,
+      translations: translations,
+      itemComponent: ItemComponent,
+      items: items,
+      sendEvent: sendEvent
+    }));
+  };
+}

package/dist/cjs/components/TrendingItems.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createTrendingItemsComponent = createTrendingItemsComponent;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _lib = require("../lib");
+var _recommendShared = require("./recommend-shared");
+var _excluded = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "view", "items", "status", "translations", "sendEvent"];
+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) { (0, _defineProperty2.default)(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 createTrendingItemsComponent(_ref) {
+  var createElement = _ref.createElement,
+    Fragment = _ref.Fragment;
+  return function TrendingItems(userProps) {
+    var _userProps$classNames = userProps.classNames,
+      classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+      _userProps$emptyCompo = userProps.emptyComponent,
+      EmptyComponent = _userProps$emptyCompo === void 0 ? (0, _recommendShared.createDefaultEmptyComponent)({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$emptyCompo,
+      _userProps$headerComp = userProps.headerComponent,
+      HeaderComponent = _userProps$headerComp === void 0 ? (0, _recommendShared.createDefaultHeaderComponent)({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$headerComp,
+      _userProps$itemCompon = userProps.itemComponent,
+      ItemComponent = _userProps$itemCompon === void 0 ? (0, _recommendShared.createDefaultItemComponent)({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$itemCompon,
+      _userProps$view = userProps.view,
+      View = _userProps$view === void 0 ? (0, _recommendShared.createListViewComponent)({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$view,
+      items = userProps.items,
+      status = userProps.status,
+      userTranslations = userProps.translations,
+      sendEvent = userProps.sendEvent,
+      props = (0, _objectWithoutProperties2.default)(userProps, _excluded);
+    var translations = _objectSpread({
+      title: 'Trending items',
+      sliderLabel: 'Trending items'
+    }, userTranslations);
+    var cssClasses = {
+      root: (0, _lib.cx)('ais-TrendingItems', classNames.root),
+      emptyRoot: (0, _lib.cx)('ais-TrendingItems', classNames.root, 'ais-TrendingItems--empty', classNames.emptyRoot, props.className),
+      title: (0, _lib.cx)('ais-TrendingItems-title', classNames.title),
+      container: (0, _lib.cx)('ais-TrendingItems-container', classNames.container),
+      list: (0, _lib.cx)('ais-TrendingItems-list', classNames.list),
+      item: (0, _lib.cx)('ais-TrendingItems-item', classNames.item)
+    };
+    if (items.length === 0 && status === 'idle') {
+      return createElement("section", (0, _extends2.default)({}, props, {
+        className: cssClasses.emptyRoot
+      }), createElement(EmptyComponent, null));
+    }
+    return createElement("section", (0, _extends2.default)({}, props, {
+      className: cssClasses.root
+    }), createElement(HeaderComponent, {
+      classNames: cssClasses,
+      items: items,
+      translations: translations
+    }), createElement(View, {
+      classNames: cssClasses,
+      translations: translations,
+      itemComponent: ItemComponent,
+      items: items,
+      sendEvent: sendEvent
+    }));
+  };
+}

package/dist/cjs/components/index.js

@@ -3,6 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _FrequentlyBoughtTogether = require("./FrequentlyBoughtTogether");
+Object.keys(_FrequentlyBoughtTogether).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FrequentlyBoughtTogether[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FrequentlyBoughtTogether[key];
+    }
+  });
+});
 var _Highlight = require("./Highlight");
 Object.keys(_Highlight).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -24,4 +35,37 @@ Object.keys(_Hits).forEach(function (key) {
       return _Hits[key];
     }
   });
+});
+var _RelatedProducts = require("./RelatedProducts");
+Object.keys(_RelatedProducts).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RelatedProducts[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _RelatedProducts[key];
+    }
+  });
+});
+var _TrendingItems = require("./TrendingItems");
+Object.keys(_TrendingItems).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TrendingItems[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TrendingItems[key];
+    }
+  });
+});
+var _LookingSimilar = require("./LookingSimilar");
+Object.keys(_LookingSimilar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LookingSimilar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LookingSimilar[key];
+    }
+  });
 });

package/dist/cjs/components/recommend-shared/DefaultEmpty.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createDefaultEmptyComponent = createDefaultEmptyComponent;
+function createDefaultEmptyComponent(_ref) {
+  var createElement = _ref.createElement,
+    Fragment = _ref.Fragment;
+  var _ref2 = createElement(Fragment, null, "No results");
+  return function DefaultEmpty() {
+    return _ref2;
+  };
+}

package/dist/cjs/components/recommend-shared/DefaultHeader.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createDefaultHeaderComponent = createDefaultHeaderComponent;
+function createDefaultHeaderComponent(_ref) {
+  var createElement = _ref.createElement;
+  return function DefaultHeader(userProps) {
+    var _userProps$classNames = userProps.classNames,
+      classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+      items = userProps.items,
+      translations = userProps.translations;
+    if (!items || items.length < 1) {
+      return null;
+    }
+    if (!translations.title) {
+      return null;
+    }
+    return createElement("h3", {
+      className: classNames.title
+    }, translations.title);
+  };
+}

package/dist/cjs/components/recommend-shared/DefaultItem.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createDefaultItemComponent = createDefaultItemComponent;
+function createDefaultItemComponent(_ref) {
+  var createElement = _ref.createElement,
+    Fragment = _ref.Fragment;
+  return function DefaultItem(userProps) {
+    return createElement(Fragment, null, JSON.stringify(userProps.item, null, 2));
+  };
+}

package/dist/cjs/components/recommend-shared/ListView.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createListViewComponent = createListViewComponent;
+function createListViewComponent(_ref) {
+  var createElement = _ref.createElement;
+  return function ListView(userProps) {
+    var _userProps$classNames = userProps.classNames,
+      classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+      ItemComponent = userProps.itemComponent,
+      items = userProps.items,
+      sendEvent = userProps.sendEvent;
+    return createElement("div", {
+      className: classNames.container
+    }, createElement("ol", {
+      className: classNames.list
+    }, items.map(function (item) {
+      return createElement("li", {
+        key: item.objectID,
+        className: classNames.item,
+        onClick: sendEvent,
+        onAuxClick: sendEvent
+      }, createElement(ItemComponent, {
+        item: item
+      }));
+    })));
+  };
+}

package/dist/cjs/components/recommend-shared/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _DefaultEmpty = require("./DefaultEmpty");
+Object.keys(_DefaultEmpty).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DefaultEmpty[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DefaultEmpty[key];
+    }
+  });
+});
+var _DefaultHeader = require("./DefaultHeader");
+Object.keys(_DefaultHeader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DefaultHeader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DefaultHeader[key];
+    }
+  });
+});
+var _DefaultItem = require("./DefaultItem");
+Object.keys(_DefaultItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DefaultItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DefaultItem[key];
+    }
+  });
+});
+var _ListView = require("./ListView");
+Object.keys(_ListView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ListView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ListView[key];
+    }
+  });
+});

package/dist/cjs/types/Recommend.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/types/index.js

@@ -13,4 +13,26 @@ Object.keys(_Renderer).forEach(function (key) {
       return _Renderer[key];
     }
   });
+});
+var _Recommend = require("./Recommend");
+Object.keys(_Recommend).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Recommend[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Recommend[key];
+    }
+  });
+});
+var _shared = require("./shared");
+Object.keys(_shared).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _shared[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _shared[key];
+    }
+  });
 });

package/dist/cjs/types/shared.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/version.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = '0.5.0';
+var _default = '0.6.0';
 exports.default = _default;

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

@@ -0,0 +1,4 @@
+/** @jsx createElement */
+import type { Renderer, ComponentProps, RecommendComponentProps } from '../types';
+export type FrequentlyBoughtTogetherProps<TObject, TComponentProps extends Record<string, unknown> = Record<string, unknown>> = ComponentProps<'div'> & RecommendComponentProps<TObject, TComponentProps>;
+export declare function createFrequentlyBoughtTogetherComponent({ createElement, Fragment, }: Renderer): <TObject>(userProps: FrequentlyBoughtTogetherProps<TObject, Record<string, unknown>>) => JSX.Element;

package/dist/es/components/FrequentlyBoughtTogether.js

@@ -0,0 +1,71 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "view", "items", "status", "translations", "sendEvent"];
+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; }
+import { cx } from "../lib/index.js";
+import { createDefaultEmptyComponent, createDefaultHeaderComponent, createDefaultItemComponent, createListViewComponent } from "./recommend-shared/index.js";
+export function createFrequentlyBoughtTogetherComponent(_ref) {
+  var createElement = _ref.createElement,
+    Fragment = _ref.Fragment;
+  return function FrequentlyBoughtTogether(userProps) {
+    var _userProps$classNames = userProps.classNames,
+      classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+      _userProps$emptyCompo = userProps.emptyComponent,
+      EmptyComponent = _userProps$emptyCompo === void 0 ? createDefaultEmptyComponent({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$emptyCompo,
+      _userProps$headerComp = userProps.headerComponent,
+      HeaderComponent = _userProps$headerComp === void 0 ? createDefaultHeaderComponent({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$headerComp,
+      _userProps$itemCompon = userProps.itemComponent,
+      ItemComponent = _userProps$itemCompon === void 0 ? createDefaultItemComponent({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$itemCompon,
+      _userProps$view = userProps.view,
+      View = _userProps$view === void 0 ? createListViewComponent({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$view,
+      items = userProps.items,
+      status = userProps.status,
+      userTranslations = userProps.translations,
+      sendEvent = userProps.sendEvent,
+      props = _objectWithoutProperties(userProps, _excluded);
+    var translations = _objectSpread({
+      title: 'Frequently bought together',
+      sliderLabel: 'Frequently bought together products'
+    }, userTranslations);
+    var cssClasses = {
+      root: cx('ais-FrequentlyBoughtTogether', classNames.root),
+      emptyRoot: cx('ais-FrequentlyBoughtTogether', classNames.root, 'ais-FrequentlyBoughtTogether--empty', classNames.emptyRoot, props.className),
+      title: cx('ais-FrequentlyBoughtTogether-title', classNames.title),
+      container: cx('ais-FrequentlyBoughtTogether-container', classNames.container),
+      list: cx('ais-FrequentlyBoughtTogether-list', classNames.list),
+      item: cx('ais-FrequentlyBoughtTogether-item', classNames.item)
+    };
+    if (items.length === 0 && status === 'idle') {
+      return createElement("section", _extends({}, props, {
+        className: cssClasses.emptyRoot
+      }), createElement(EmptyComponent, null));
+    }
+    return createElement("section", _extends({}, props, {
+      className: cssClasses.root
+    }), createElement(HeaderComponent, {
+      classNames: cssClasses,
+      items: items,
+      translations: translations
+    }), createElement(View, {
+      classNames: cssClasses,
+      translations: translations,
+      itemComponent: ItemComponent,
+      items: items,
+      sendEvent: sendEvent
+    }));
+  };
+}

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

@@ -1,8 +1,7 @@
-import type { ComponentProps, Renderer } from '../types';
+import type { ComponentProps, Renderer, SendEventForHits } from '../types';
 type Hit = Record<string, unknown> & {
     objectID: string;
 };
-type SendEventForHits = (...props: unknown[]) => void;
 type Banner = {
     image: {
         urls: Array<{
@@ -11,7 +10,7 @@ type Banner = {
         title?: string;
     };
     link?: {
-        url?: string;
+        url: string;
         target?: '_blank' | '_self';
     };
 };

package/dist/es/components/Hits.js

@@ -8,7 +8,6 @@ import { cx } from "../lib/index.js";
 function createDefaultBannerComponent(_ref) {
   var createElement = _ref.createElement;
   return function DefaultBanner(_ref2) {
-    var _banner$link;
     var classNames = _ref2.classNames,
       banner = _ref2.banner;
     if (!banner.image.urls[0].url) {
@@ -16,7 +15,7 @@ function createDefaultBannerComponent(_ref) {
     }
     return createElement("aside", {
       className: cx('ais-Hits-banner', classNames.bannerRoot)
-    }, (_banner$link = banner.link) !== null && _banner$link !== void 0 && _banner$link.url ? createElement("a", {
+    }, banner.link ? createElement("a", {
       className: cx('ais-Hits-banner-link', classNames.bannerLink),
       href: banner.link.url,
       target: banner.link.target

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

@@ -0,0 +1,4 @@
+/** @jsx createElement */
+import type { ComponentProps, RecommendComponentProps, Renderer } from '../types';
+export type LookingSimilarProps<TObject, TComponentProps extends Record<string, unknown> = Record<string, unknown>> = ComponentProps<'div'> & RecommendComponentProps<TObject, TComponentProps>;
+export declare function createLookingSimilarComponent({ createElement, Fragment, }: Renderer): <TObject>(userProps: LookingSimilarProps<TObject, Record<string, unknown>>) => JSX.Element;

package/dist/es/components/LookingSimilar.js

@@ -0,0 +1,71 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "view", "items", "status", "translations", "sendEvent"];
+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; }
+import { cx } from "../lib/index.js";
+import { createDefaultEmptyComponent, createDefaultHeaderComponent, createDefaultItemComponent, createListViewComponent } from "./recommend-shared/index.js";
+export function createLookingSimilarComponent(_ref) {
+  var createElement = _ref.createElement,
+    Fragment = _ref.Fragment;
+  return function LookingSimilar(userProps) {
+    var _userProps$classNames = userProps.classNames,
+      classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+      _userProps$emptyCompo = userProps.emptyComponent,
+      EmptyComponent = _userProps$emptyCompo === void 0 ? createDefaultEmptyComponent({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$emptyCompo,
+      _userProps$headerComp = userProps.headerComponent,
+      HeaderComponent = _userProps$headerComp === void 0 ? createDefaultHeaderComponent({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$headerComp,
+      _userProps$itemCompon = userProps.itemComponent,
+      ItemComponent = _userProps$itemCompon === void 0 ? createDefaultItemComponent({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$itemCompon,
+      _userProps$view = userProps.view,
+      View = _userProps$view === void 0 ? createListViewComponent({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$view,
+      items = userProps.items,
+      status = userProps.status,
+      userTranslations = userProps.translations,
+      sendEvent = userProps.sendEvent,
+      props = _objectWithoutProperties(userProps, _excluded);
+    var translations = _objectSpread({
+      title: 'Looking similar',
+      sliderLabel: 'Looking similar'
+    }, userTranslations);
+    var cssClasses = {
+      root: cx('ais-LookingSimilar', classNames.root),
+      emptyRoot: cx('ais-LookingSimilar', classNames.root, 'ais-LookingSimilar--empty', classNames.emptyRoot, props.className),
+      title: cx('ais-LookingSimilar-title', classNames.title),
+      container: cx('ais-LookingSimilar-container', classNames.container),
+      list: cx('ais-LookingSimilar-list', classNames.list),
+      item: cx('ais-LookingSimilar-item', classNames.item)
+    };
+    if (items.length === 0 && status === 'idle') {
+      return createElement("section", _extends({}, props, {
+        className: cssClasses.emptyRoot
+      }), createElement(EmptyComponent, null));
+    }
+    return createElement("section", _extends({}, props, {
+      className: cssClasses.root
+    }), createElement(HeaderComponent, {
+      classNames: cssClasses,
+      items: items,
+      translations: translations
+    }), createElement(View, {
+      classNames: cssClasses,
+      translations: translations,
+      itemComponent: ItemComponent,
+      items: items,
+      sendEvent: sendEvent
+    }));
+  };
+}

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

@@ -0,0 +1,4 @@
+/** @jsx createElement */
+import type { ComponentProps, RecommendComponentProps, Renderer } from '../types';
+export type RelatedProductsProps<TObject, TComponentProps extends Record<string, unknown> = Record<string, unknown>> = ComponentProps<'div'> & RecommendComponentProps<TObject, TComponentProps>;
+export declare function createRelatedProductsComponent({ createElement, Fragment, }: Renderer): <TObject>(userProps: RelatedProductsProps<TObject, Record<string, unknown>>) => JSX.Element;

package/dist/es/components/RelatedProducts.js

@@ -0,0 +1,71 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "view", "items", "status", "translations", "sendEvent"];
+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; }
+import { cx } from "../lib/index.js";
+import { createDefaultEmptyComponent, createDefaultHeaderComponent, createDefaultItemComponent, createListViewComponent } from "./recommend-shared/index.js";
+export function createRelatedProductsComponent(_ref) {
+  var createElement = _ref.createElement,
+    Fragment = _ref.Fragment;
+  return function RelatedProducts(userProps) {
+    var _userProps$classNames = userProps.classNames,
+      classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+      _userProps$emptyCompo = userProps.emptyComponent,
+      EmptyComponent = _userProps$emptyCompo === void 0 ? createDefaultEmptyComponent({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$emptyCompo,
+      _userProps$headerComp = userProps.headerComponent,
+      HeaderComponent = _userProps$headerComp === void 0 ? createDefaultHeaderComponent({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$headerComp,
+      _userProps$itemCompon = userProps.itemComponent,
+      ItemComponent = _userProps$itemCompon === void 0 ? createDefaultItemComponent({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$itemCompon,
+      _userProps$view = userProps.view,
+      View = _userProps$view === void 0 ? createListViewComponent({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$view,
+      items = userProps.items,
+      status = userProps.status,
+      userTranslations = userProps.translations,
+      sendEvent = userProps.sendEvent,
+      props = _objectWithoutProperties(userProps, _excluded);
+    var translations = _objectSpread({
+      title: 'Related products',
+      sliderLabel: 'Related products'
+    }, userTranslations);
+    var cssClasses = {
+      root: cx('ais-RelatedProducts', classNames.root),
+      emptyRoot: cx('ais-RelatedProducts', classNames.root, 'ais-RelatedProducts--empty', classNames.emptyRoot, props.className),
+      title: cx('ais-RelatedProducts-title', classNames.title),
+      container: cx('ais-RelatedProducts-container', classNames.container),
+      list: cx('ais-RelatedProducts-list', classNames.list),
+      item: cx('ais-RelatedProducts-item', classNames.item)
+    };
+    if (items.length === 0 && status === 'idle') {
+      return createElement("section", _extends({}, props, {
+        className: cssClasses.emptyRoot
+      }), createElement(EmptyComponent, null));
+    }
+    return createElement("section", _extends({}, props, {
+      className: cssClasses.root
+    }), createElement(HeaderComponent, {
+      classNames: cssClasses,
+      items: items,
+      translations: translations
+    }), createElement(View, {
+      classNames: cssClasses,
+      translations: translations,
+      itemComponent: ItemComponent,
+      items: items,
+      sendEvent: sendEvent
+    }));
+  };
+}

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

@@ -0,0 +1,4 @@
+/** @jsx createElement */
+import type { ComponentProps, RecommendComponentProps, Renderer } from '../types';
+export type TrendingItemsProps<TObject, TComponentProps extends Record<string, unknown> = Record<string, unknown>> = ComponentProps<'div'> & RecommendComponentProps<TObject, TComponentProps>;
+export declare function createTrendingItemsComponent({ createElement, Fragment, }: Renderer): <TObject>(userProps: TrendingItemsProps<TObject, Record<string, unknown>>) => JSX.Element;

package/dist/es/components/TrendingItems.js

@@ -0,0 +1,71 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "view", "items", "status", "translations", "sendEvent"];
+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; }
+import { cx } from "../lib/index.js";
+import { createDefaultEmptyComponent, createDefaultHeaderComponent, createDefaultItemComponent, createListViewComponent } from "./recommend-shared/index.js";
+export function createTrendingItemsComponent(_ref) {
+  var createElement = _ref.createElement,
+    Fragment = _ref.Fragment;
+  return function TrendingItems(userProps) {
+    var _userProps$classNames = userProps.classNames,
+      classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+      _userProps$emptyCompo = userProps.emptyComponent,
+      EmptyComponent = _userProps$emptyCompo === void 0 ? createDefaultEmptyComponent({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$emptyCompo,
+      _userProps$headerComp = userProps.headerComponent,
+      HeaderComponent = _userProps$headerComp === void 0 ? createDefaultHeaderComponent({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$headerComp,
+      _userProps$itemCompon = userProps.itemComponent,
+      ItemComponent = _userProps$itemCompon === void 0 ? createDefaultItemComponent({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$itemCompon,
+      _userProps$view = userProps.view,
+      View = _userProps$view === void 0 ? createListViewComponent({
+        createElement: createElement,
+        Fragment: Fragment
+      }) : _userProps$view,
+      items = userProps.items,
+      status = userProps.status,
+      userTranslations = userProps.translations,
+      sendEvent = userProps.sendEvent,
+      props = _objectWithoutProperties(userProps, _excluded);
+    var translations = _objectSpread({
+      title: 'Trending items',
+      sliderLabel: 'Trending items'
+    }, userTranslations);
+    var cssClasses = {
+      root: cx('ais-TrendingItems', classNames.root),
+      emptyRoot: cx('ais-TrendingItems', classNames.root, 'ais-TrendingItems--empty', classNames.emptyRoot, props.className),
+      title: cx('ais-TrendingItems-title', classNames.title),
+      container: cx('ais-TrendingItems-container', classNames.container),
+      list: cx('ais-TrendingItems-list', classNames.list),
+      item: cx('ais-TrendingItems-item', classNames.item)
+    };
+    if (items.length === 0 && status === 'idle') {
+      return createElement("section", _extends({}, props, {
+        className: cssClasses.emptyRoot
+      }), createElement(EmptyComponent, null));
+    }
+    return createElement("section", _extends({}, props, {
+      className: cssClasses.root
+    }), createElement(HeaderComponent, {
+      classNames: cssClasses,
+      items: items,
+      translations: translations
+    }), createElement(View, {
+      classNames: cssClasses,
+      translations: translations,
+      itemComponent: ItemComponent,
+      items: items,
+      sendEvent: sendEvent
+    }));
+  };
+}

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

@@ -1,2 +1,6 @@
+export * from './FrequentlyBoughtTogether';
 export * from './Highlight';
 export * from './Hits';
+export * from './RelatedProducts';
+export * from './TrendingItems';
+export * from './LookingSimilar';

package/dist/es/components/index.js

@@ -1,2 +1,6 @@
+export * from "./FrequentlyBoughtTogether.js";
 export * from "./Highlight.js";
-export * from "./Hits.js";
+export * from "./Hits.js";
+export * from "./RelatedProducts.js";
+export * from "./TrendingItems.js";
+export * from "./LookingSimilar.js";

package/dist/es/components/recommend-shared/DefaultEmpty.d.ts

@@ -0,0 +1,3 @@
+/** @jsx createElement */
+import type { Renderer } from '../../types';
+export declare function createDefaultEmptyComponent({ createElement, Fragment, }: Renderer): () => JSX.Element;

package/dist/es/components/recommend-shared/DefaultEmpty.js

@@ -0,0 +1,8 @@
+export function createDefaultEmptyComponent(_ref) {
+  var createElement = _ref.createElement,
+    Fragment = _ref.Fragment;
+  var _ref2 = createElement(Fragment, null, "No results");
+  return function DefaultEmpty() {
+    return _ref2;
+  };
+}

package/dist/es/components/recommend-shared/DefaultHeader.d.ts

@@ -0,0 +1,3 @@
+/** @jsx createElement */
+import type { RecommendInnerComponentProps, Renderer } from '../../types';
+export declare function createDefaultHeaderComponent({ createElement }: Renderer): <TObject>(userProps: RecommendInnerComponentProps<TObject>) => JSX.Element | null;

package/dist/es/components/recommend-shared/DefaultHeader.js

@@ -0,0 +1,18 @@
+export function createDefaultHeaderComponent(_ref) {
+  var createElement = _ref.createElement;
+  return function DefaultHeader(userProps) {
+    var _userProps$classNames = userProps.classNames,
+      classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+      items = userProps.items,
+      translations = userProps.translations;
+    if (!items || items.length < 1) {
+      return null;
+    }
+    if (!translations.title) {
+      return null;
+    }
+    return createElement("h3", {
+      className: classNames.title
+    }, translations.title);
+  };
+}

package/dist/es/components/recommend-shared/DefaultItem.d.ts

@@ -0,0 +1,3 @@
+/** @jsx createElement */
+import type { RecommendItemComponentProps, Renderer } from '../../types';
+export declare function createDefaultItemComponent({ createElement, Fragment, }: Renderer): <TObject>(userProps: RecommendItemComponentProps<TObject>) => JSX.Element;

package/dist/es/components/recommend-shared/DefaultItem.js

@@ -0,0 +1,7 @@
+export function createDefaultItemComponent(_ref) {
+  var createElement = _ref.createElement,
+    Fragment = _ref.Fragment;
+  return function DefaultItem(userProps) {
+    return createElement(Fragment, null, JSON.stringify(userProps.item, null, 2));
+  };
+}

package/dist/es/components/recommend-shared/ListView.d.ts

@@ -0,0 +1,3 @@
+/** @jsx createElement */
+import type { RecommendClassNames, RecommendTranslations, RecordWithObjectID, Renderer, RecommendViewProps } from '../../types';
+export declare function createListViewComponent({ createElement }: Renderer): <TItem extends RecordWithObjectID>(userProps: RecommendViewProps<TItem, RecommendTranslations, Partial<RecommendClassNames>>) => JSX.Element;

package/dist/es/components/recommend-shared/ListView.js

@@ -0,0 +1,24 @@
+export function createListViewComponent(_ref) {
+  var createElement = _ref.createElement;
+  return function ListView(userProps) {
+    var _userProps$classNames = userProps.classNames,
+      classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+      ItemComponent = userProps.itemComponent,
+      items = userProps.items,
+      sendEvent = userProps.sendEvent;
+    return createElement("div", {
+      className: classNames.container
+    }, createElement("ol", {
+      className: classNames.list
+    }, items.map(function (item) {
+      return createElement("li", {
+        key: item.objectID,
+        className: classNames.item,
+        onClick: sendEvent,
+        onAuxClick: sendEvent
+      }, createElement(ItemComponent, {
+        item: item
+      }));
+    })));
+  };
+}

package/dist/es/components/recommend-shared/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DefaultEmpty';
+export * from './DefaultHeader';
+export * from './DefaultItem';
+export * from './ListView';

package/dist/es/components/recommend-shared/index.js

@@ -0,0 +1,4 @@
+export * from "./DefaultEmpty.js";
+export * from "./DefaultHeader.js";
+export * from "./DefaultItem.js";
+export * from "./ListView.js";

package/dist/es/types/Recommend.d.ts

@@ -0,0 +1,71 @@
+import type { SendEventForHits } from '.';
+export type RecommendClassNames = {
+    /**
+     * Class names to apply to the root element
+     */
+    root: string;
+    /**
+     * Class names to apply to the root element without results
+     */
+    emptyRoot: string;
+    /**
+     * Class names to apply to the title element
+     */
+    title: string;
+    /**
+     * Class names to apply to the container element
+     */
+    container: string;
+    /**
+     * Class names to apply to the list element
+     */
+    list: string;
+    /**
+     * Class names to apply to each item element
+     */
+    item: string;
+};
+export type RecommendTranslations = {
+    /**
+     * The title of the recommendation section
+     */
+    title: string;
+    /**
+     * The label of the horizontal slider
+     */
+    sliderLabel: string;
+};
+export type RecommendViewProps<TItem extends RecordWithObjectID, TTranslations extends Record<string, string>, TClassNames extends Record<string, string>> = {
+    classNames: TClassNames;
+    itemComponent: <TComponentProps extends Record<string, unknown> = Record<string, unknown>>(props: RecommendItemComponentProps<RecordWithObjectID<TItem>> & TComponentProps) => JSX.Element;
+    items: TItem[];
+    translations: TTranslations;
+    sendEvent: SendEventForHits;
+};
+export type RecommendComponentProps<TObject, TComponentProps extends Record<string, unknown> = Record<string, unknown>> = {
+    itemComponent?: (props: RecommendItemComponentProps<RecordWithObjectID<TObject>> & TComponentProps) => JSX.Element;
+    items: Array<RecordWithObjectID<TObject>>;
+    classNames?: Partial<RecommendClassNames>;
+    emptyComponent?: (props: TComponentProps) => JSX.Element;
+    headerComponent?: (props: RecommendInnerComponentProps<TObject> & TComponentProps) => JSX.Element;
+    status: RecommendStatus;
+    translations?: Partial<RecommendTranslations>;
+    sendEvent: SendEventForHits;
+    view?: (props: RecommendViewProps<RecordWithObjectID<TObject>, Required<RecommendTranslations>, Record<string, string>> & TComponentProps) => JSX.Element;
+};
+export type RecommendInnerComponentProps<TObject> = {
+    classNames: Partial<RecommendClassNames>;
+    items: TObject[];
+    translations: Partial<RecommendTranslations>;
+};
+export type RecordWithObjectID<TObject = Record<string, unknown>> = TObject & {
+    objectID: string;
+    __position: number;
+    __queryID?: string;
+};
+export type RecommendItemComponentProps<TObject> = {
+    item: TObject;
+    onClick?: () => void;
+    onAuxClick?: () => void;
+};
+export type RecommendStatus = 'idle' | 'loading' | 'stalled' | 'error';

package/dist/es/types/Recommend.js

@@ -0,0 +1 @@
+export {};

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

@@ -1 +1,3 @@
 export * from './Renderer';
+export * from './Recommend';
+export * from './shared';

package/dist/es/types/index.js

@@ -1 +1,3 @@
-export * from "./Renderer.js";
+export * from "./Renderer.js";
+export * from "./Recommend.js";
+export * from "./shared.js";

package/dist/es/types/shared.d.ts

@@ -0,0 +1 @@
+export type SendEventForHits = (...props: unknown[]) => void;

package/dist/es/types/shared.js

@@ -0,0 +1 @@
+export {};

package/dist/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.5.0";
+declare const _default: "0.6.0";
 export default _default;

package/dist/es/version.js

@@ -1 +1 @@
-export default '0.5.0';
+export default '0.6.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "instantsearch-ui-components",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Common UI components for InstantSearch.",
   "types": "dist/es/index.d.ts",
   "main": "dist/cjs/index.js",
@@ -49,5 +49,5 @@
   "dependencies": {
     "@babel/runtime": "^7.1.2"
   },
-  "gitHead": "68fe2ee8544096eff8c2fbafe01a50a8acbca2b9"
+  "gitHead": "95ec6c4ce746c77eeb92fab1e42b5f833f3f04bc"
 }