instantsearch.js 4.80.0 → 4.82.0

package/es/middlewares/createRouterMiddleware.js

@@ -1,8 +1,8 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import historyRouter from "../lib/routers/history.js";
 import simpleStateMapping from "../lib/stateMappings/simple.js";

package/es/templates/carousel/carousel.d.ts

@@ -2,15 +2,22 @@
 import { html } from 'htm/preact';
 import { h } from 'preact';
 import type { CarouselProps as CarouselUiProps, VNode } from 'instantsearch-ui-components';
-type Template = (params: {
+type Template<TData = Record<string, unknown>> = (params: {
     html: typeof html;
-}) => VNode | VNode[] | null;
+} & TData) => VNode | VNode[] | null;
 type CreateCarouselTemplateProps<TObject extends Record<string, unknown>> = {
     templates?: Partial<{
         previous: Exclude<Template, string>;
         next: Exclude<Template, string>;
+        header: Exclude<Template<{
+            canScrollLeft: boolean;
+            canScrollRight: boolean;
+            scrollLeft: () => void;
+            scrollRight: () => void;
+        }>, string>;
     }>;
     cssClasses?: Partial<CarouselUiProps<TObject>['classNames']>;
+    showNavigation?: boolean;
 };
 type CarouselTemplateProps<TObject extends Record<string, unknown>> = Pick<CarouselUiProps<TObject>, 'items'> & {
     templates: {
@@ -20,5 +27,5 @@ type CarouselTemplateProps<TObject extends Record<string, unknown>> = Pick<Carou
 } & {
     sendEvent?: CarouselUiProps<TObject>['sendEvent'];
 };
-export declare function carousel<TObject extends Record<string, unknown>>({ cssClasses, templates, }?: CreateCarouselTemplateProps<TObject>): ({ items, templates: widgetTemplates, cssClasses: widgetCssClasses, sendEvent, }: CarouselTemplateProps<TObject>) => h.JSX.Element;
+export declare function carousel<TObject extends Record<string, unknown>>({ cssClasses, templates, showNavigation, }?: CreateCarouselTemplateProps<TObject>): ({ items, templates: widgetTemplates, cssClasses: widgetCssClasses, sendEvent, }: CarouselTemplateProps<TObject>) => h.JSX.Element;
 export {};

package/es/templates/carousel/carousel.js

@@ -1,24 +1,42 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { html } from 'htm/preact';
 import { createCarouselComponent, cx, generateCarouselId } from 'instantsearch-ui-components';
 import { Fragment, h } from 'preact';
-import { useRef } from 'preact/hooks';
+import { useRef, useState } from 'preact/hooks';
 var Carousel = createCarouselComponent({
   createElement: h,
   Fragment: Fragment
 });
 function CarouselWithRefs(props) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    canScrollLeft = _useState2[0],
+    setCanScrollLeft = _useState2[1];
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    canScrollRight = _useState4[0],
+    setCanScrollRight = _useState4[1];
   var carouselRefs = {
     listRef: useRef(null),
     nextButtonRef: useRef(null),
     previousButtonRef: useRef(null),
-    carouselIdRef: useRef(generateCarouselId())
+    carouselIdRef: useRef(generateCarouselId()),
+    canScrollLeft: canScrollLeft,
+    canScrollRight: canScrollRight,
+    setCanScrollLeft: setCanScrollLeft,
+    setCanScrollRight: setCanScrollRight
   };
   return h(Carousel, _extends({}, carouselRefs, props));
 }
@@ -26,7 +44,9 @@ export function carousel() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     cssClasses = _ref.cssClasses,
     _ref$templates = _ref.templates,
-    templates = _ref$templates === void 0 ? {} : _ref$templates;
+    templates = _ref$templates === void 0 ? {} : _ref$templates,
+    _ref$showNavigation = _ref.showNavigation,
+    showNavigation = _ref$showNavigation === void 0 ? true : _ref$showNavigation;
   return function CarouselTemplate(_ref2) {
     var items = _ref2.items,
       widgetTemplates = _ref2.templates,
@@ -35,11 +55,17 @@ export function carousel() {
       _ref2$sendEvent = _ref2.sendEvent,
       sendEvent = _ref2$sendEvent === void 0 ? function () {} : _ref2$sendEvent;
     var previous = templates.previous,
-      next = templates.next;
+      next = templates.next,
+      header = templates.header;
     return h(CarouselWithRefs, {
       items: items,
       sendEvent: sendEvent,
       itemComponent: widgetTemplates.item,
+      headerComponent: header ? function (props) {
+        return header(_objectSpread({
+          html: html
+        }, props));
+      } : undefined,
       previousIconComponent: previous ? function () {
         return previous({
           html: html
@@ -53,7 +79,8 @@ export function carousel() {
       classNames: _objectSpread(_objectSpread({}, cssClasses), {
         list: cx(cssClasses === null || cssClasses === void 0 ? void 0 : cssClasses.list, widgetCssClasses === null || widgetCssClasses === void 0 ? void 0 : widgetCssClasses.list),
         item: cx(cssClasses === null || cssClasses === void 0 ? void 0 : cssClasses.item, widgetCssClasses === null || widgetCssClasses === void 0 ? void 0 : widgetCssClasses.item)
-      })
+      }),
+      showNavigation: showNavigation
     });
   };
 }

package/es/types/render-state.d.ts

@@ -1,6 +1,7 @@
 import type { AnswersWidgetDescription } from '../connectors/answers/connectAnswers';
 import type { AutocompleteWidgetDescription } from '../connectors/autocomplete/connectAutocomplete';
 import type { BreadcrumbWidgetDescription } from '../connectors/breadcrumb/connectBreadcrumb';
+import type { ChatWidgetDescription } from '../connectors/chat/connectChat';
 import type { ClearRefinementsWidgetDescription } from '../connectors/clear-refinements/connectClearRefinements';
 import type { ConfigureWidgetDescription } from '../connectors/configure/connectConfigure';
 import type { CurrentRefinementsWidgetDescription } from '../connectors/current-refinements/connectCurrentRefinements';
@@ -25,7 +26,7 @@ import type { ToggleRefinementWidgetDescription } from '../connectors/toggle-ref
 import type { VoiceSearchWidgetDescription } from '../connectors/voice-search/connectVoiceSearch';
 import type { AnalyticsWidgetDescription } from '../widgets/analytics/analytics';
 import type { PlacesWidgetDescription } from '../widgets/places/places';
-type ConnectorRenderStates = AnswersWidgetDescription['indexRenderState'] & AutocompleteWidgetDescription['indexRenderState'] & BreadcrumbWidgetDescription['indexRenderState'] & ClearRefinementsWidgetDescription['indexRenderState'] & ConfigureWidgetDescription['indexRenderState'] & CurrentRefinementsWidgetDescription['indexRenderState'] & GeoSearchWidgetDescription['indexRenderState'] & HierarchicalMenuWidgetDescription['indexRenderState'] & HitsWidgetDescription['indexRenderState'] & HitsPerPageWidgetDescription['indexRenderState'] & InfiniteHitsWidgetDescription['indexRenderState'] & MenuWidgetDescription['indexRenderState'] & NumericMenuWidgetDescription['indexRenderState'] & PaginationWidgetDescription['indexRenderState'] & PoweredByWidgetDescription['indexRenderState'] & QueryRulesWidgetDescription['indexRenderState'] & RangeWidgetDescription['indexRenderState'] & RatingMenuWidgetDescription['indexRenderState'] & RefinementListWidgetDescription['indexRenderState'] & RelevantSortWidgetDescription['indexRenderState'] & SearchBoxWidgetDescription['indexRenderState'] & SortByWidgetDescription['indexRenderState'] & StatsWidgetDescription['indexRenderState'] & ToggleRefinementWidgetDescription['indexRenderState'] & VoiceSearchWidgetDescription['indexRenderState'];
+type ConnectorRenderStates = AnswersWidgetDescription['indexRenderState'] & AutocompleteWidgetDescription['indexRenderState'] & BreadcrumbWidgetDescription['indexRenderState'] & ChatWidgetDescription['indexRenderState'] & ClearRefinementsWidgetDescription['indexRenderState'] & ConfigureWidgetDescription['indexRenderState'] & CurrentRefinementsWidgetDescription['indexRenderState'] & GeoSearchWidgetDescription['indexRenderState'] & HierarchicalMenuWidgetDescription['indexRenderState'] & HitsWidgetDescription['indexRenderState'] & HitsPerPageWidgetDescription['indexRenderState'] & InfiniteHitsWidgetDescription['indexRenderState'] & MenuWidgetDescription['indexRenderState'] & NumericMenuWidgetDescription['indexRenderState'] & PaginationWidgetDescription['indexRenderState'] & PoweredByWidgetDescription['indexRenderState'] & QueryRulesWidgetDescription['indexRenderState'] & RangeWidgetDescription['indexRenderState'] & RatingMenuWidgetDescription['indexRenderState'] & RefinementListWidgetDescription['indexRenderState'] & RelevantSortWidgetDescription['indexRenderState'] & SearchBoxWidgetDescription['indexRenderState'] & SortByWidgetDescription['indexRenderState'] & StatsWidgetDescription['indexRenderState'] & ToggleRefinementWidgetDescription['indexRenderState'] & VoiceSearchWidgetDescription['indexRenderState'];
 type WidgetRenderStates = AnalyticsWidgetDescription['indexRenderState'] & PlacesWidgetDescription['indexRenderState'];
 export type IndexRenderState = Partial<ConnectorRenderStates & WidgetRenderStates>;
 export type RenderState = {

package/es/types/templates.d.ts

@@ -22,7 +22,7 @@ interface TemplateWithBindEventParams extends TemplateParams {
 }
 export type TemplateWithBindEvent<TTemplateData = void> = string | ((data: TTemplateData, params: TemplateWithBindEventParams) => VNode | VNode[] | string);
 export type Templates = {
-    [key: string]: Template<any> | TemplateWithBindEvent<any> | undefined;
+    [key: string]: Template<any> | TemplateWithBindEvent<any> | Templates | undefined;
 };
 export type HoganHelpers<TKeys extends string = string> = Record<TKeys, (text: string, render: (value: string) => string) => string>;
 export {};

package/es/types/widget.d.ts

@@ -43,8 +43,8 @@ export type DisposeOptions = {
     recommendState: RecommendParameters;
     parent: IndexWidget;
 };
-export type BuiltinTypes = 'ais.analytics' | 'ais.answers' | 'ais.autocomplete' | 'ais.breadcrumb' | 'ais.clearRefinements' | 'ais.configure' | 'ais.configureRelatedItems' | 'ais.currentRefinements' | 'ais.dynamicWidgets' | 'ais.frequentlyBoughtTogether' | 'ais.geoSearch' | 'ais.hierarchicalMenu' | 'ais.hits' | 'ais.hitsPerPage' | 'ais.index' | 'ais.infiniteHits' | 'ais.lookingSimilar' | 'ais.menu' | 'ais.numericMenu' | 'ais.pagination' | 'ais.places' | 'ais.poweredBy' | 'ais.queryRules' | 'ais.range' | 'ais.rangeSlider' | 'ais.rangeInput' | 'ais.ratingMenu' | 'ais.refinementList' | 'ais.relatedProducts' | 'ais.searchBox' | 'ais.relevantSort' | 'ais.sortBy' | 'ais.stats' | 'ais.toggleRefinement' | 'ais.trendingItems' | 'ais.voiceSearch';
-export type BuiltinWidgetTypes = 'ais.analytics' | 'ais.answers' | 'ais.autocomplete' | 'ais.breadcrumb' | 'ais.clearRefinements' | 'ais.configure' | 'ais.configureRelatedItems' | 'ais.currentRefinements' | 'ais.dynamicWidgets' | 'ais.frequentlyBoughtTogether' | 'ais.geoSearch' | 'ais.hierarchicalMenu' | 'ais.hits' | 'ais.hitsPerPage' | 'ais.index' | 'ais.infiniteHits' | 'ais.lookingSimilar' | 'ais.menu' | 'ais.menuSelect' | 'ais.numericMenu' | 'ais.pagination' | 'ais.places' | 'ais.poweredBy' | 'ais.queryRuleCustomData' | 'ais.queryRuleContext' | 'ais.rangeInput' | 'ais.rangeSlider' | 'ais.ratingMenu' | 'ais.refinementList' | 'ais.relatedProducts' | 'ais.searchBox' | 'ais.relevantSort' | 'ais.sortBy' | 'ais.stats' | 'ais.toggleRefinement' | 'ais.trendingItems' | 'ais.voiceSearch';
+export type BuiltinTypes = 'ais.analytics' | 'ais.answers' | 'ais.autocomplete' | 'ais.breadcrumb' | 'ais.clearRefinements' | 'ais.chat' | 'ais.configure' | 'ais.configureRelatedItems' | 'ais.currentRefinements' | 'ais.dynamicWidgets' | 'ais.frequentlyBoughtTogether' | 'ais.geoSearch' | 'ais.hierarchicalMenu' | 'ais.hits' | 'ais.hitsPerPage' | 'ais.index' | 'ais.infiniteHits' | 'ais.lookingSimilar' | 'ais.menu' | 'ais.numericMenu' | 'ais.pagination' | 'ais.places' | 'ais.poweredBy' | 'ais.queryRules' | 'ais.range' | 'ais.rangeSlider' | 'ais.rangeInput' | 'ais.ratingMenu' | 'ais.refinementList' | 'ais.relatedProducts' | 'ais.searchBox' | 'ais.relevantSort' | 'ais.sortBy' | 'ais.stats' | 'ais.toggleRefinement' | 'ais.trendingItems' | 'ais.voiceSearch';
+export type BuiltinWidgetTypes = 'ais.analytics' | 'ais.answers' | 'ais.autocomplete' | 'ais.breadcrumb' | 'ais.chat' | 'ais.clearRefinements' | 'ais.configure' | 'ais.configureRelatedItems' | 'ais.currentRefinements' | 'ais.dynamicWidgets' | 'ais.frequentlyBoughtTogether' | 'ais.geoSearch' | 'ais.hierarchicalMenu' | 'ais.hits' | 'ais.hitsPerPage' | 'ais.index' | 'ais.infiniteHits' | 'ais.lookingSimilar' | 'ais.menu' | 'ais.menuSelect' | 'ais.numericMenu' | 'ais.pagination' | 'ais.places' | 'ais.poweredBy' | 'ais.queryRuleCustomData' | 'ais.queryRuleContext' | 'ais.rangeInput' | 'ais.rangeSlider' | 'ais.ratingMenu' | 'ais.refinementList' | 'ais.relatedProducts' | 'ais.searchBox' | 'ais.relevantSort' | 'ais.sortBy' | 'ais.stats' | 'ais.toggleRefinement' | 'ais.trendingItems' | 'ais.voiceSearch';
 export type UnknownWidgetParams = NonNullable<object>;
 export type WidgetParams = {
     widgetParams?: UnknownWidgetParams;
@@ -74,6 +74,13 @@ type RecommendWidget<TWidgetDescription extends WidgetDescription & WidgetParams
     getRenderState: (renderState: Expand<IndexRenderState & Partial<TWidgetDescription['indexRenderState']>>, renderOptions: InitOptions | RecommendRenderOptions) => IndexRenderState & TWidgetDescription['indexRenderState'];
     getWidgetRenderState: (renderOptions: InitOptions | RecommendRenderOptions) => Expand<WidgetRenderState<TWidgetDescription['renderState'], TWidgetDescription['widgetParams']>>;
 };
+type Parent = {
+    /**
+     * This gets dynamically added by the `index` widget.
+     * If the widget has gone through `addWidget`, it will have a parent.
+     */
+    parent?: IndexWidget;
+};
 type RequiredWidgetLifeCycle<TWidgetDescription extends WidgetDescription> = {
     /**
      * Identifier for connectors and widgets.
@@ -159,7 +166,7 @@ type RequiredRenderStateLifeCycle<TWidgetDescription extends WidgetDescription &
 type RenderStateLifeCycle<TWidgetDescription extends WidgetDescription & WidgetParams> = TWidgetDescription extends RequiredKeys<WidgetDescription, 'renderState' | 'indexRenderState'> & WidgetParams ? RequiredRenderStateLifeCycle<TWidgetDescription> : Partial<RequiredRenderStateLifeCycle<TWidgetDescription>>;
 export type Widget<TWidgetDescription extends WidgetDescription & WidgetParams = {
     $$type: string;
-}> = Expand<RequiredWidgetLifeCycle<TWidgetDescription> & WidgetType<TWidgetDescription> & UiStateLifeCycle<TWidgetDescription> & RenderStateLifeCycle<TWidgetDescription>> & (SearchWidget<TWidgetDescription> | RecommendWidget<TWidgetDescription>);
+}> = Expand<Parent & RequiredWidgetLifeCycle<TWidgetDescription> & WidgetType<TWidgetDescription> & UiStateLifeCycle<TWidgetDescription> & RenderStateLifeCycle<TWidgetDescription>> & (SearchWidget<TWidgetDescription> | RecommendWidget<TWidgetDescription>);
 export type { IndexWidget } from '../widgets';
 export type TransformItemsMetadata = {
     results: SearchResults | undefined | null;

package/es/widgets/analytics/analytics.js

@@ -1,8 +1,8 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { createDocumentationMessageGenerator, warning } from "../../lib/utils/index.js";
 var withUsage = createDocumentationMessageGenerator({

package/es/widgets/answers/answers.js

@@ -1,8 +1,8 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { cx } from 'instantsearch-ui-components';
 import { h, render } from 'preact';

package/es/widgets/autocomplete/autocomplete.d.ts

@@ -0,0 +1,57 @@
+
+import type { AutocompleteConnectorParams, AutocompleteWidgetDescription } from '../../connectors/autocomplete/connectAutocomplete';
+import type { BaseHit, IndexUiState, IndexWidget, Template, WidgetFactory } from '../../types';
+import type { AutocompleteClassNames, AutocompleteIndexClassNames, AutocompleteIndexConfig } from 'instantsearch-ui-components';
+export type AutocompleteCSSClasses = Partial<AutocompleteClassNames>;
+export type AutocompleteTemplates<TItem extends BaseHit> = Partial<Record<string, TItem>>;
+type IndexConfig<TItem extends BaseHit> = AutocompleteIndexConfig<TItem> & {
+    templates?: Partial<{
+        /**
+         * Template to use for the header, before the list of items.
+         */
+        header: Template<{
+            items: TItem[];
+        }>;
+        /**
+         * Template to use for each result. This template will receive an object containing a single record.
+         */
+        item: Template<{
+            item: TItem;
+            onSelect: () => void;
+        }>;
+    }>;
+    cssClasses?: Partial<AutocompleteIndexClassNames>;
+};
+type AutocompleteWidgetParams<TItem extends BaseHit> = {
+    /**
+     * CSS Selector or HTMLElement to insert the widget.
+     */
+    container: string | HTMLElement;
+    /**
+     * Indices to use in the Autocomplete.
+     */
+    indices?: Array<IndexConfig<TItem>>;
+    /**
+     * Index to use for retrieving and showing query suggestions.
+     */
+    showSuggestions?: Partial<Pick<IndexConfig<{
+        query: string;
+    }>, 'indexName' | 'getURL' | 'templates' | 'cssClasses'>>;
+    getSearchPageURL?: (nextUiState: IndexUiState) => string;
+    onSelect?: AutocompleteIndexConfig<TItem>['onSelect'];
+    /**
+     * Templates to use for the widget.
+     */
+    templates?: AutocompleteTemplates<TItem>;
+    /**
+     * CSS classes to add.
+     */
+    cssClasses?: AutocompleteCSSClasses;
+};
+export type AutocompleteWidget<TItem extends BaseHit = BaseHit> = WidgetFactory<AutocompleteWidgetDescription & {
+    $$widgetType: 'ais.autocomplete';
+}, AutocompleteConnectorParams, AutocompleteWidgetParams<TItem>>;
+export declare function EXPERIMENTAL_autocomplete<TItem extends BaseHit = BaseHit>(widgetParams: AutocompleteWidgetParams<TItem> & AutocompleteConnectorParams): (IndexWidget<import("../../types").UiState> | import("../../types").Widget<import("../../connectors/search-box/connectSearchBox").SearchBoxWidgetDescription & {
+    widgetParams: import("../../connectors/search-box/connectSearchBox").SearchBoxConnectorParams & object;
+}>)[];
+export {};

package/es/widgets/autocomplete/autocomplete.js

@@ -0,0 +1,274 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["instanceId", "containerNode"];
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { createAutocompleteComponent, createAutocompleteIndexComponent, createAutocompletePanelComponent, createAutocompletePropGetters, createAutocompleteSearchComponent, createAutocompleteSuggestionComponent, cx } from 'instantsearch-ui-components';
+import { Fragment, h, render } from 'preact';
+import { useEffect, useId, useMemo, useRef, useState } from 'preact/hooks';
+import TemplateComponent from "../../components/Template/Template.js";
+import { connectAutocomplete, connectSearchBox } from "../../connectors/index.umd.js";
+import { component } from "../../lib/suit.js";
+import { prepareTemplateProps } from "../../lib/templating/index.js";
+import { createDocumentationMessageGenerator, getContainerNode, walkIndex } from "../../lib/utils/index.js";
+import configure from "../configure/configure.js";
+import index from "../index/index.js";
+var autocompleteInstanceId = 0;
+var withUsage = createDocumentationMessageGenerator({
+  name: 'autocomplete'
+});
+var suit = component('Autocomplete');
+var Autocomplete = createAutocompleteComponent({
+  createElement: h,
+  Fragment: Fragment
+});
+var AutocompletePanel = createAutocompletePanelComponent({
+  createElement: h,
+  Fragment: Fragment
+});
+var AutocompleteIndex = createAutocompleteIndexComponent({
+  createElement: h,
+  Fragment: Fragment
+});
+var AutocompleteSuggestion = createAutocompleteSuggestionComponent({
+  createElement: h,
+  Fragment: Fragment
+});
+var AutocompleteSearchBox = createAutocompleteSearchComponent({
+  createElement: h,
+  Fragment: Fragment
+});
+var usePropGetters = createAutocompletePropGetters({
+  useEffect: useEffect,
+  useId: useId,
+  useMemo: useMemo,
+  useRef: useRef,
+  useState: useState
+});
+var createRenderer = function createRenderer(params) {
+  var instanceId = params.instanceId,
+    containerNode = params.containerNode,
+    rendererParams = _objectWithoutProperties(params, _excluded);
+  return function (connectorParams, isFirstRendering) {
+    if (isFirstRendering) {
+      var isolatedIndex = connectorParams.instantSearchInstance.mainIndex;
+      var targetIndex = connectorParams.instantSearchInstance.mainIndex;
+      walkIndex(targetIndex, function (childIndex) {
+        if (childIndex.getIndexId() === "ais-autocomplete-".concat(instanceId)) {
+          isolatedIndex = childIndex;
+          targetIndex = childIndex.parent;
+        }
+      });
+      rendererParams.renderState = {
+        indexTemplateProps: [],
+        isolatedIndex: isolatedIndex,
+        targetIndex: targetIndex
+      };
+      return;
+    }
+    render(h(AutocompleteWrapper, _extends({}, rendererParams, connectorParams)), containerNode);
+  };
+};
+function AutocompleteWrapper(_ref) {
+  var _targetIndex$getWidge, _isolatedIndex$getHel;
+  var indicesConfig = _ref.indicesConfig,
+    indices = _ref.indices,
+    getSearchPageURL = _ref.getSearchPageURL,
+    userOnSelect = _ref.onSelect,
+    refine = _ref.refine,
+    cssClasses = _ref.cssClasses,
+    renderState = _ref.renderState,
+    instantSearchInstance = _ref.instantSearchInstance;
+  var isolatedIndex = renderState.isolatedIndex,
+    targetIndex = renderState.targetIndex;
+  var isSearchPage = (_targetIndex$getWidge = targetIndex === null || targetIndex === void 0 ? void 0 : targetIndex.getWidgets().some(function (_ref2) {
+    var $$type = _ref2.$$type;
+    return ['ais.hits', 'ais.infiniteHits'].includes($$type);
+  })) !== null && _targetIndex$getWidge !== void 0 ? _targetIndex$getWidge : false;
+  var onRefine = function onRefine(query) {
+    instantSearchInstance.setUiState(function (uiState) {
+      var _objectSpread2;
+      return _objectSpread(_objectSpread({}, uiState), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, targetIndex.getIndexId(), _objectSpread(_objectSpread({}, uiState[targetIndex.getIndexId()]), {}, {
+        query: query
+      })), _defineProperty(_objectSpread2, isolatedIndex.getIndexId(), {
+        query: query
+      }), _objectSpread2));
+    });
+  };
+  var _usePropGetters = usePropGetters({
+      indices: indices,
+      indicesConfig: indicesConfig,
+      onRefine: onRefine,
+      onSelect: userOnSelect !== null && userOnSelect !== void 0 ? userOnSelect : function (_ref3) {
+        var query = _ref3.query,
+          setQuery = _ref3.setQuery,
+          url = _ref3.url;
+        if (url) {
+          window.location.href = url;
+          return;
+        }
+        if (!isSearchPage && typeof getSearchPageURL !== 'undefined') {
+          var indexUiState = instantSearchInstance.getUiState()[targetIndex.getIndexId()];
+          window.location.href = getSearchPageURL(_objectSpread(_objectSpread({}, indexUiState), {}, {
+            query: query
+          }));
+          return;
+        }
+        setQuery(query);
+      }
+    }),
+    getInputProps = _usePropGetters.getInputProps,
+    getItemProps = _usePropGetters.getItemProps,
+    getPanelProps = _usePropGetters.getPanelProps,
+    getRootProps = _usePropGetters.getRootProps;
+  var query = isolatedIndex === null || isolatedIndex === void 0 ? void 0 : (_isolatedIndex$getHel = isolatedIndex.getHelper()) === null || _isolatedIndex$getHel === void 0 ? void 0 : _isolatedIndex$getHel.state.query;
+  return h(Autocomplete, _extends({}, getRootProps(), {
+    classNames: cssClasses
+  }), h(AutocompleteSearchBox, {
+    query: query || '',
+    inputProps: _objectSpread(_objectSpread({}, getInputProps()), {}, {
+      // @ts-ignore - This clashes with some ambient React JSX declarations.
+      onInput: function onInput(evt) {
+        return refine(evt.currentTarget.value);
+      }
+    }),
+    onClear: function onClear() {
+      return onRefine('');
+    },
+    isSearchStalled: instantSearchInstance.status === 'stalled'
+  }), h(AutocompletePanel, getPanelProps(), indices.map(function (_ref4, i) {
+    var _indicesConfig$i$temp;
+    var indexId = _ref4.indexId,
+      hits = _ref4.hits;
+    if (!renderState.indexTemplateProps[i]) {
+      renderState.indexTemplateProps[i] = prepareTemplateProps({
+        defaultTemplates: {},
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates: indicesConfig[i].templates
+      });
+    }
+    var headerComponent = (_indicesConfig$i$temp = indicesConfig[i].templates) !== null && _indicesConfig$i$temp !== void 0 && _indicesConfig$i$temp.header ? function (_ref5) {
+      var items = _ref5.items;
+      return h(TemplateComponent, _extends({}, renderState.indexTemplateProps[i], {
+        templateKey: "header",
+        rootTagName: "fragment",
+        data: {
+          items: items
+        }
+      }));
+    } : undefined;
+    var itemComponent = function itemComponent(_ref6) {
+      var item = _ref6.item,
+        onSelect = _ref6.onSelect;
+      return h(TemplateComponent, _extends({}, renderState.indexTemplateProps[i], {
+        templateKey: "item",
+        rootTagName: "fragment",
+        data: {
+          item: item,
+          onSelect: onSelect
+        }
+      }));
+    };
+    return h(AutocompleteIndex, {
+      key: indexId,
+      HeaderComponent: headerComponent,
+      ItemComponent: itemComponent,
+      items: hits.map(function (item) {
+        return _objectSpread(_objectSpread({}, item), {}, {
+          __indexName: indexId
+        });
+      }),
+      getItemProps: getItemProps,
+      classNames: indicesConfig[i].cssClasses
+    });
+  })));
+}
+export function EXPERIMENTAL_autocomplete(widgetParams) {
+  var _ref7 = widgetParams || {},
+    container = _ref7.container,
+    escapeHTML = _ref7.escapeHTML,
+    _ref7$indices = _ref7.indices,
+    indices = _ref7$indices === void 0 ? [] : _ref7$indices,
+    showSuggestions = _ref7.showSuggestions,
+    getSearchPageURL = _ref7.getSearchPageURL,
+    onSelect = _ref7.onSelect,
+    _ref7$templates = _ref7.templates,
+    templates = _ref7$templates === void 0 ? {} : _ref7$templates,
+    _ref7$cssClasses = _ref7.cssClasses,
+    userCssClasses = _ref7$cssClasses === void 0 ? {} : _ref7$cssClasses;
+  if (!container) {
+    throw new Error(withUsage('The `container` option is required.'));
+  }
+  var containerNode = getContainerNode(container);
+  var cssClasses = {
+    root: cx(suit(), userCssClasses.root)
+  };
+  var indicesConfig = _toConsumableArray(indices);
+  if (showSuggestions !== null && showSuggestions !== void 0 && showSuggestions.indexName) {
+    var _showSuggestions$cssC, _showSuggestions$cssC2, _showSuggestions$cssC3, _showSuggestions$cssC4;
+    indicesConfig.unshift({
+      indexName: showSuggestions.indexName,
+      templates: _objectSpread({
+        // @ts-expect-error
+        item: AutocompleteSuggestion
+      }, showSuggestions.templates),
+      cssClasses: {
+        root: cx('ais-AutocompleteSuggestions', (_showSuggestions$cssC = showSuggestions.cssClasses) === null || _showSuggestions$cssC === void 0 ? void 0 : _showSuggestions$cssC.root),
+        list: cx('ais-AutocompleteSuggestionsList', (_showSuggestions$cssC2 = showSuggestions.cssClasses) === null || _showSuggestions$cssC2 === void 0 ? void 0 : _showSuggestions$cssC2.list),
+        header: cx('ais-AutocompleteSuggestionsHeader', (_showSuggestions$cssC3 = showSuggestions.cssClasses) === null || _showSuggestions$cssC3 === void 0 ? void 0 : _showSuggestions$cssC3.header),
+        item: cx('ais-AutocompleteSuggestionsItem', (_showSuggestions$cssC4 = showSuggestions.cssClasses) === null || _showSuggestions$cssC4 === void 0 ? void 0 : _showSuggestions$cssC4.item)
+      },
+      getQuery: function getQuery(item) {
+        return item.query;
+      },
+      getURL: showSuggestions.getURL
+    });
+  }
+  var instanceId = ++autocompleteInstanceId;
+  var specializedRenderer = createRenderer({
+    instanceId: instanceId,
+    containerNode: containerNode,
+    indicesConfig: indicesConfig,
+    getSearchPageURL: getSearchPageURL,
+    onSelect: onSelect,
+    cssClasses: cssClasses,
+    renderState: {
+      indexTemplateProps: [],
+      isolatedIndex: undefined,
+      targetIndex: undefined
+    },
+    templates: templates
+  });
+  var makeWidget = connectAutocomplete(specializedRenderer, function () {
+    return render(null, containerNode);
+  });
+  return [connectSearchBox(function () {
+    return null;
+  })({}), index({
+    indexId: "ais-autocomplete-".concat(instanceId),
+    EXPERIMENTAL_isolated: true
+  }).addWidgets([configure({
+    hitsPerPage: 5
+  })].concat(_toConsumableArray(indicesConfig.map(function (_ref8) {
+    var indexName = _ref8.indexName;
+    return index({
+      indexName: indexName,
+      indexId: indexName
+    }).addWidgets([configure({})]);
+  })), [_objectSpread(_objectSpread({}, makeWidget({
+    escapeHTML: escapeHTML
+  })), {}, {
+    $$widgetType: 'ais.autocomplete'
+  })]))];
+}

package/es/widgets/breadcrumb/breadcrumb.js

@@ -1,8 +1,8 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { cx } from 'instantsearch-ui-components';
 import { h, render } from 'preact';