react-instantsearch 6.40.4 → 7.0.0

package/dist/es/ui/Highlight.js

@@ -0,0 +1,20 @@
+var _excluded = ["classNames"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import { InternalHighlight } from "./InternalHighlight.js";
+import { cx } from "./lib/cx.js";
+export function Highlight(_ref) {
+  var _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(InternalHighlight, _extends({
+    classNames: {
+      root: cx('ais-Highlight', classNames.root),
+      highlighted: cx('ais-Highlight-highlighted', classNames.highlighted),
+      nonHighlighted: cx('ais-Highlight-nonHighlighted', classNames.nonHighlighted),
+      separator: cx('ais-Highlight-separator', classNames.separator)
+    }
+  }, props));
+}

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import type { Hit } from 'instantsearch.js';
+import type { SendEventForHits } from 'instantsearch.js/es/lib/utils';
+export type HitsProps<THit> = React.ComponentProps<'div'> & {
+    hits: THit[];
+    sendEvent: SendEventForHits;
+    hitComponent?: React.JSXElementConstructor<{
+        hit: THit;
+        sendEvent: SendEventForHits;
+    }>;
+    classNames?: Partial<HitsClassNames>;
+};
+export type HitsClassNames = {
+    /**
+     * 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 list element
+     */
+    list: string;
+    /**
+     * Class names to apply to each item element
+     */
+    item: string;
+};
+export declare function Hits<THit extends Hit>({ hits, sendEvent, hitComponent: HitComponent, classNames, ...props }: HitsProps<THit>): JSX.Element;

package/dist/es/ui/Hits.js

@@ -0,0 +1,42 @@
+var _excluded = ["hits", "sendEvent", "hitComponent", "classNames"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import { cx } from "./lib/cx.js";
+function DefaultHitComponent(_ref) {
+  var hit = _ref.hit;
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      wordBreak: 'break-all'
+    }
+  }, JSON.stringify(hit).slice(0, 100), "\u2026");
+}
+export function Hits(_ref2) {
+  var hits = _ref2.hits,
+    sendEvent = _ref2.sendEvent,
+    _ref2$hitComponent = _ref2.hitComponent,
+    HitComponent = _ref2$hitComponent === void 0 ? DefaultHitComponent : _ref2$hitComponent,
+    _ref2$classNames = _ref2.classNames,
+    classNames = _ref2$classNames === void 0 ? {} : _ref2$classNames,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+    className: cx('ais-Hits', classNames.root, hits.length === 0 && cx('ais-Hits--empty', classNames.emptyRoot), props.className)
+  }), /*#__PURE__*/React.createElement("ol", {
+    className: cx('ais-Hits-list', classNames.list)
+  }, hits.map(function (hit) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: hit.objectID,
+      className: cx('ais-Hits-item', classNames.item),
+      onClick: function onClick() {
+        sendEvent('click:internal', hit, 'Hit Clicked');
+      },
+      onAuxClick: function onAuxClick() {
+        sendEvent('click:internal', hit, 'Hit Clicked');
+      }
+    }, /*#__PURE__*/React.createElement(HitComponent, {
+      hit: hit,
+      sendEvent: sendEvent
+    }));
+  })));
+}

package/dist/es/ui/HitsPerPage.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { HitsPerPageConnectorParamsItem as HitsPerPageItem } from 'instantsearch.js/es/connectors/hits-per-page/connectHitsPerPage';
+export type HitsPerPageProps = Omit<React.ComponentProps<'div'>, 'onChange'> & {
+    items: HitsPerPageItem[];
+    onChange: (value: number) => void;
+    currentValue: number;
+    classNames?: Partial<HitsPerPageClassNames>;
+};
+export type HitsPerPageClassNames = {
+    /**
+     * Class names to apply to the root element
+     */
+    root: string;
+    /**
+     * Class names to apply to the select element
+     */
+    select: string;
+    /**
+     * Class names to apply to the option element
+     */
+    option: string;
+};
+export declare function HitsPerPage({ items, onChange, currentValue, classNames, ...props }: HitsPerPageProps): JSX.Element;

package/dist/es/ui/HitsPerPage.js

@@ -0,0 +1,29 @@
+var _excluded = ["items", "onChange", "currentValue", "classNames"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import { cx } from "./lib/cx.js";
+export function HitsPerPage(_ref) {
+  var items = _ref.items,
+    _onChange = _ref.onChange,
+    currentValue = _ref.currentValue,
+    _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+    className: cx('ais-HitsPerPage', classNames.root, props.className)
+  }), /*#__PURE__*/React.createElement("select", {
+    className: cx('ais-HitsPerPage-select', classNames.select),
+    onChange: function onChange(event) {
+      _onChange(Number(event.target.value));
+    },
+    value: String(currentValue)
+  }, items.map(function (item) {
+    return /*#__PURE__*/React.createElement("option", {
+      key: item.value,
+      className: cx('ais-HitsPerPage-option', classNames.option),
+      value: item.value
+    }, item.label);
+  })));
+}

package/dist/es/ui/InfiniteHits.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import type { Hit } from 'instantsearch.js';
+import type { SendEventForHits } from 'instantsearch.js/es/lib/utils';
+export type InfiniteHitsProps<THit> = React.ComponentProps<'div'> & {
+    hits: THit[];
+    sendEvent: SendEventForHits;
+    hitComponent?: React.JSXElementConstructor<{
+        hit: THit;
+        sendEvent: SendEventForHits;
+    }>;
+    isFirstPage: boolean;
+    isLastPage: boolean;
+    onShowPrevious?: () => void;
+    onShowMore: () => void;
+    classNames?: Partial<InfiniteHitsClassNames>;
+    translations: InfiniteHitsTranslations;
+};
+export type InfiniteHitsClassNames = {
+    /**
+     * 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 "load previous" button
+     */
+    loadPrevious: string;
+    /**
+     * Class names to apply to the "load previous" button when it's disabled
+     */
+    disabledLoadPrevious: string;
+    /**
+     * Class names to apply to the "load more" button
+     */
+    loadMore: string;
+    /**
+     * Class names to apply to the "load more" button when it's disabled
+     */
+    disabledLoadMore: string;
+    /**
+     * Class names to apply to the list element
+     */
+    list: string;
+    /**
+     * Class names to apply to each item element
+     */
+    item: string;
+};
+export type InfiniteHitsTranslations = {
+    showPreviousButtonText: string;
+    showMoreButtonText: string;
+};
+export declare function InfiniteHits<THit extends Hit>({ hitComponent: HitComponent, hits, sendEvent, isFirstPage, isLastPage, onShowPrevious, onShowMore, classNames, translations, ...props }: InfiniteHitsProps<THit>): JSX.Element;

package/dist/es/ui/InfiniteHits.js

@@ -0,0 +1,55 @@
+var _excluded = ["hitComponent", "hits", "sendEvent", "isFirstPage", "isLastPage", "onShowPrevious", "onShowMore", "classNames", "translations"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import { cx } from "./lib/cx.js";
+function DefaultHitComponent(_ref) {
+  var hit = _ref.hit;
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      wordBreak: 'break-all'
+    }
+  }, JSON.stringify(hit).slice(0, 100), "\u2026");
+}
+export function InfiniteHits(_ref2) {
+  var _ref2$hitComponent = _ref2.hitComponent,
+    HitComponent = _ref2$hitComponent === void 0 ? DefaultHitComponent : _ref2$hitComponent,
+    hits = _ref2.hits,
+    sendEvent = _ref2.sendEvent,
+    isFirstPage = _ref2.isFirstPage,
+    isLastPage = _ref2.isLastPage,
+    onShowPrevious = _ref2.onShowPrevious,
+    onShowMore = _ref2.onShowMore,
+    _ref2$classNames = _ref2.classNames,
+    classNames = _ref2$classNames === void 0 ? {} : _ref2$classNames,
+    translations = _ref2.translations,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+    className: cx('ais-InfiniteHits', classNames.root, hits.length === 0 && cx('ais-InfiniteHits--empty', classNames.emptyRoot), props.className)
+  }), onShowPrevious && /*#__PURE__*/React.createElement("button", {
+    className: cx('ais-InfiniteHits-loadPrevious', classNames.loadPrevious, isFirstPage && cx('ais-InfiniteHits-loadPrevious--disabled', classNames.disabledLoadPrevious)),
+    onClick: onShowPrevious,
+    disabled: isFirstPage
+  }, translations.showPreviousButtonText), /*#__PURE__*/React.createElement("ol", {
+    className: cx('ais-InfiniteHits-list', classNames.list)
+  }, hits.map(function (hit) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: hit.objectID,
+      className: cx('ais-InfiniteHits-item', classNames.item),
+      onClick: function onClick() {
+        sendEvent('click:internal', hit, 'Hit Clicked');
+      },
+      onAuxClick: function onAuxClick() {
+        sendEvent('click:internal', hit, 'Hit Clicked');
+      }
+    }, /*#__PURE__*/React.createElement(HitComponent, {
+      hit: hit,
+      sendEvent: sendEvent
+    }));
+  })), /*#__PURE__*/React.createElement("button", {
+    className: cx('ais-InfiniteHits-loadMore', classNames.loadMore, isLastPage && cx('ais-InfiniteHits-loadMore--disabled', classNames.disabledLoadMore)),
+    onClick: onShowMore,
+    disabled: isLastPage
+  }, translations.showMoreButtonText));
+}

package/dist/es/ui/InternalHighlight.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+type HighlightedPart = {
+    isHighlighted: boolean;
+    value: string;
+};
+export type InternalHighlightClassNames = {
+    /**
+     * Class names to apply to the root element
+     */
+    root: string;
+    /**
+     * Class names to apply to the highlighted parts
+     */
+    highlighted: string;
+    /**
+     * Class names to apply to the non-highlighted parts
+     */
+    nonHighlighted: string;
+    /**
+     * Class names to apply to the separator between highlighted parts
+     */
+    separator: string;
+};
+export type InternalHighlightProps = React.HTMLAttributes<HTMLSpanElement> & {
+    classNames: InternalHighlightClassNames;
+    highlightedTagName?: React.ElementType;
+    nonHighlightedTagName?: React.ElementType;
+    separator?: React.ReactNode;
+    parts: HighlightedPart[][];
+};
+export declare function InternalHighlight({ parts, highlightedTagName, nonHighlightedTagName, separator, className, classNames, ...props }: InternalHighlightProps): JSX.Element;
+export {};

package/dist/es/ui/InternalHighlight.js

@@ -0,0 +1,47 @@
+var _excluded = ["parts", "highlightedTagName", "nonHighlightedTagName", "separator", "className", "classNames"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { Fragment } from 'react';
+import { cx } from "./lib/cx.js";
+function HighlightPart(_ref) {
+  var classNames = _ref.classNames,
+    children = _ref.children,
+    highlightedTagName = _ref.highlightedTagName,
+    isHighlighted = _ref.isHighlighted,
+    nonHighlightedTagName = _ref.nonHighlightedTagName;
+  var TagName = isHighlighted ? highlightedTagName : nonHighlightedTagName;
+  return /*#__PURE__*/React.createElement(TagName, {
+    className: isHighlighted ? classNames.highlighted : classNames.nonHighlighted
+  }, children);
+}
+export function InternalHighlight(_ref2) {
+  var parts = _ref2.parts,
+    _ref2$highlightedTagN = _ref2.highlightedTagName,
+    highlightedTagName = _ref2$highlightedTagN === void 0 ? 'mark' : _ref2$highlightedTagN,
+    _ref2$nonHighlightedT = _ref2.nonHighlightedTagName,
+    nonHighlightedTagName = _ref2$nonHighlightedT === void 0 ? 'span' : _ref2$nonHighlightedT,
+    _ref2$separator = _ref2.separator,
+    separator = _ref2$separator === void 0 ? ', ' : _ref2$separator,
+    className = _ref2.className,
+    classNames = _ref2.classNames,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  return /*#__PURE__*/React.createElement("span", _extends({}, props, {
+    className: cx(classNames.root, className)
+  }), parts.map(function (part, partIndex) {
+    var isLastPart = partIndex === parts.length - 1;
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: partIndex
+    }, part.map(function (subPart, subPartIndex) {
+      return /*#__PURE__*/React.createElement(HighlightPart, {
+        key: subPartIndex,
+        classNames: classNames,
+        highlightedTagName: highlightedTagName,
+        nonHighlightedTagName: nonHighlightedTagName,
+        isHighlighted: subPart.isHighlighted
+      }, subPart.value);
+    }), !isLastPart && /*#__PURE__*/React.createElement("span", {
+      className: classNames.separator
+    }, separator));
+  }));
+}

package/dist/es/ui/Menu.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+import type { ShowMoreButtonTranslations } from './ShowMoreButton';
+import type { CreateURL } from 'instantsearch.js';
+import type { MenuItem } from 'instantsearch.js/es/connectors/menu/connectMenu';
+export type MenuProps = React.ComponentProps<'div'> & {
+    items: MenuItem[];
+    classNames?: Partial<MenuCSSClasses>;
+    showMore?: boolean;
+    canToggleShowMore: boolean;
+    onToggleShowMore: () => void;
+    isShowingMore: boolean;
+    createURL: CreateURL<MenuItem['value']>;
+    onRefine: (item: MenuItem) => void;
+    translations: MenuTranslations;
+};
+export type MenuCSSClasses = {
+    /**
+     * Class names to apply to the root element
+     */
+    root: string;
+    /**
+     * Class names to apply to the root element when there are no refinements possible
+     */
+    noRefinementRoot: string;
+    /**
+     * Class names to apply to the list element
+     */
+    list: string;
+    /**
+     * Class names to apply to each item element
+     */
+    item: string;
+    /**
+     * Class names to apply to each selected item element
+     */
+    selectedItem: string;
+    /**
+     * Class names to apply to each link element
+     */
+    link: string;
+    /**
+     * Class names to apply to each label element
+     */
+    label: string;
+    /**
+     * Class names to apply to each facet count element
+     */
+    count: string;
+    /**
+     * Class names to apply to the "Show more" button
+     */
+    showMore: string;
+    /**
+     * Class names to apply to the "Show more" button if it's disabled
+     */
+    disabledShowMore: string;
+};
+export type MenuTranslations = ShowMoreButtonTranslations;
+export declare function Menu({ items, classNames, showMore, canToggleShowMore, onToggleShowMore, isShowingMore, createURL, onRefine, translations, ...props }: MenuProps): JSX.Element;

package/dist/es/ui/Menu.js

@@ -0,0 +1,47 @@
+var _excluded = ["items", "classNames", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "createURL", "onRefine", "translations"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import { cx } from "./lib/cx.js";
+import { ShowMoreButton } from "./ShowMoreButton.js";
+export function Menu(_ref) {
+  var items = _ref.items,
+    _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    showMore = _ref.showMore,
+    canToggleShowMore = _ref.canToggleShowMore,
+    onToggleShowMore = _ref.onToggleShowMore,
+    isShowingMore = _ref.isShowingMore,
+    createURL = _ref.createURL,
+    onRefine = _ref.onRefine,
+    translations = _ref.translations,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+    className: cx('ais-Menu', classNames.root, items.length === 0 && cx('ais-Menu--noRefinement', classNames.noRefinementRoot), props.className)
+  }), /*#__PURE__*/React.createElement("ul", {
+    className: cx('ais-Menu-list', classNames.list)
+  }, items.map(function (item) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: item.label,
+      className: cx('ais-Menu-item', classNames.item, item.isRefined && cx('ais-Menu-item--selected', classNames.selectedItem))
+    }, /*#__PURE__*/React.createElement("a", {
+      className: cx('ais-Menu-link', classNames.link),
+      href: createURL(item.value),
+      onClick: function onClick(event) {
+        event.preventDefault();
+        onRefine(item);
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      className: cx('ais-Menu-label', classNames.label)
+    }, item.label), /*#__PURE__*/React.createElement("span", {
+      className: cx('ais-Menu-count', classNames.count)
+    }, item.count)));
+  })), showMore && /*#__PURE__*/React.createElement(ShowMoreButton, {
+    className: cx('ais-Menu-showMore', classNames.showMore, !canToggleShowMore && cx('ais-Menu-showMore--disabled', classNames.disabledShowMore)),
+    disabled: !canToggleShowMore,
+    onClick: onToggleShowMore,
+    isShowingMore: isShowingMore,
+    translations: translations
+  }));
+}

package/dist/es/ui/Pagination.d.ts

@@ -0,0 +1,121 @@
+import React from 'react';
+import type { CreateURL } from 'instantsearch.js';
+export type PageItemTextOptions = {
+    /**
+     * The page number to be displayed.
+     */
+    currentPage: number;
+    /**
+     * The total number of pages.
+     */
+    nbPages: number;
+};
+export type PaginationTranslations = {
+    /**
+     * The label for the first page's button.
+     */
+    firstPageItemText: string;
+    /**
+     * The label for the previous page's button.
+     */
+    previousPageItemText: string;
+    /**
+     * The label for the next page's button.
+     */
+    nextPageItemText: string;
+    /**
+     * The label for the last page's button.
+     */
+    lastPageItemText: string;
+    /**
+     * The label for a page's button.
+     */
+    pageItemText: (options: PageItemTextOptions) => string;
+    /**
+     * The accessible label for the first page's button.
+     */
+    firstPageItemAriaLabel: string;
+    /**
+     * The accessible label for the previous page's button.
+     */
+    previousPageItemAriaLabel: string;
+    /**
+     * The accessible label for the next page's button.
+     */
+    nextPageItemAriaLabel: string;
+    /**
+     * The accessible label for the last page's button.
+     */
+    lastPageItemAriaLabel: string;
+    /**
+     * The accessible label for a page's button.
+     */
+    pageItemAriaLabel: (options: PageItemTextOptions) => string;
+};
+export type PaginationProps = React.ComponentProps<'div'> & {
+    classNames?: Partial<PaginationClassNames>;
+    pages: number[];
+    currentPage: number;
+    isFirstPage: boolean;
+    isLastPage: boolean;
+    nbPages: number;
+    showFirst?: boolean;
+    showPrevious?: boolean;
+    showNext?: boolean;
+    showLast?: boolean;
+    createURL: CreateURL<number>;
+    onNavigate: (page: number) => void;
+} & {
+    translations: PaginationTranslations;
+};
+export type PaginationClassNames = {
+    /**
+     * Class names to apply to the root element
+     */
+    root: string;
+    /**
+     * Class names to apply to the root element when there are no refinements possible
+     */
+    noRefinementRoot: string;
+    /**
+     * Class names to apply to the list element
+     */
+    list: string;
+    /**
+     * Class names to apply to each item element
+     */
+    item: string;
+    /**
+     * Class names to apply to the first page element
+     */
+    firstPageItem: string;
+    /**
+     * Class names to apply to the previous page element
+     */
+    previousPageItem: string;
+    /**
+     * Class names to apply to each page element
+     */
+    pageItem: string;
+    /**
+     * Class names to apply to a selected page element
+     */
+    selectedItem: string;
+    /**
+     * Class names to apply to a disabled page element
+     */
+    disabledItem: string;
+    /**
+     * Class names to apply to the next page element
+     */
+    nextPageItem: string;
+    /**
+     * Class names to apply to the last page element
+     */
+    lastPageItem: string;
+    /**
+     * Class names to apply to each link element
+     */
+    link: string;
+};
+export declare function Pagination({ pages, currentPage, nbPages, isFirstPage, isLastPage, showFirst, showPrevious, showNext, showLast, createURL, onNavigate, translations, classNames, ...props }: PaginationProps): JSX.Element;