instantsearch-ui-components 0.4.0 → 0.6.0

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,19 @@
-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<{
+            url: string;
+        }>;
+        title?: string;
+    };
+    link?: {
+        url: string;
+        target?: '_blank' | '_self';
+    };
+};
 export type HitsProps<THit> = ComponentProps<'div'> & {
     hits: THit[];
     itemComponent: (props: {
@@ -15,7 +26,12 @@ export type HitsProps<THit> = ComponentProps<'div'> & {
     sendEvent: SendEventForHits;
     classNames?: Partial<HitsClassNames>;
     emptyComponent?: (props: {
+        className?: string;
+    }) => JSX.Element;
+    banner?: Banner;
+    bannerComponent?: (props: {
         className: string;
+        banner: Banner;
     }) => JSX.Element;
 };
 export type HitsClassNames = {
@@ -35,6 +51,18 @@ export type HitsClassNames = {
      * Class names to apply to each item element
      */
     item: string | string[];
+    /**
+     * Class names to apply to the banner element
+     */
+    bannerRoot: string | string[];
+    /**
+     * Class names to apply to the banner image element
+     */
+    bannerImage: string | string[];
+    /**
+     * Class names to apply to the banner link element
+     */
+    bannerLink: string | string[];
 };
-export declare function createHitsComponent({ createElement }: Renderer): <THit extends Hit>(userProps: HitsProps<THit>) => JSX.Element;
+export declare function createHitsComponent({ createElement, Fragment }: Renderer): <THit extends Hit>(userProps: HitsProps<THit>) => JSX.Element;
 export {};

package/dist/es/components/Hits.js

@@ -1,12 +1,42 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["classNames", "hits", "itemComponent", "sendEvent", "emptyComponent"];
+var _excluded = ["classNames", "hits", "itemComponent", "sendEvent", "emptyComponent", "banner", "bannerComponent"];
 import { cx } from "../lib/index.js";
 
 // Should be imported from a shared package in the future
 
-export function createHitsComponent(_ref) {
+function createDefaultBannerComponent(_ref) {
   var createElement = _ref.createElement;
+  return function DefaultBanner(_ref2) {
+    var classNames = _ref2.classNames,
+      banner = _ref2.banner;
+    if (!banner.image.urls[0].url) {
+      return null;
+    }
+    return createElement("aside", {
+      className: cx('ais-Hits-banner', classNames.bannerRoot)
+    }, banner.link ? createElement("a", {
+      className: cx('ais-Hits-banner-link', classNames.bannerLink),
+      href: banner.link.url,
+      target: banner.link.target
+    }, createElement("img", {
+      className: cx('ais-Hits-banner-image', classNames.bannerImage),
+      src: banner.image.urls[0].url,
+      alt: banner.image.title
+    })) : createElement("img", {
+      className: cx('ais-Hits-banner-image', classNames.bannerImage),
+      src: banner.image.urls[0].url,
+      alt: banner.image.title
+    }));
+  };
+}
+export function createHitsComponent(_ref3) {
+  var createElement = _ref3.createElement,
+    Fragment = _ref3.Fragment;
+  var DefaultBannerComponent = createDefaultBannerComponent({
+    createElement: createElement,
+    Fragment: Fragment
+  });
   return function Hits(userProps) {
     var _userProps$classNames = userProps.classNames,
       classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
@@ -14,15 +44,18 @@ export function createHitsComponent(_ref) {
       ItemComponent = userProps.itemComponent,
       sendEvent = userProps.sendEvent,
       EmptyComponent = userProps.emptyComponent,
+      banner = userProps.banner,
+      BannerComponent = userProps.bannerComponent,
       props = _objectWithoutProperties(userProps, _excluded);
-    if (hits.length === 0 && EmptyComponent) {
-      return createElement(EmptyComponent, {
-        className: cx('ais-Hits', classNames.root, cx('ais-Hits--empty', classNames.emptyRoot), props.className)
-      });
-    }
     return createElement("div", _extends({}, props, {
       className: cx('ais-Hits', classNames.root, hits.length === 0 && cx('ais-Hits--empty', classNames.emptyRoot), props.className)
-    }), createElement("ol", {
+    }), banner && (BannerComponent ? createElement(BannerComponent, {
+      className: cx('ais-Hits-banner', classNames.bannerRoot),
+      banner: banner
+    }) : createElement(DefaultBannerComponent, {
+      classNames: classNames,
+      banner: banner
+    })), hits.length === 0 && EmptyComponent ? createElement(EmptyComponent, null) : createElement("ol", {
       className: cx('ais-Hits-list', classNames.list)
     }, hits.map(function (hit, index) {
       return createElement(ItemComponent, {

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.4.0";
+declare const _default: "0.6.0";
 export default _default;

package/dist/es/version.js

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