react-instantsearch 6.40.4 → 7.0.0

package/README.md

@@ -3,11 +3,122 @@
 **Table of Contents**  *generated with [DocToc](https://github.com/thlorenz/doctoc)*
 
 - [react-instantsearch](#react-instantsearch)
+  - [Why](#why)
+  - [Installation](#installation)
+  - [Getting started](#getting-started)
+  - [Documentation](#documentation)
+  - [Playground](#playground)
+  - [Contributing](#contributing)
+  - [License](#license)
 
 <!-- END doctoc generated TOC please keep comment here to allow auto update -->
 
 # react-instantsearch
 
-This is the [React](https://facebook.github.io/react) version of Algolia's `instantsearch` library.
+React InstantSearch is an open-source React library that lets you create an instant search result experience using [Algolia][algolia-website]’s search API. It is part of the InstantSearch family:
 
-Go to the [React InstantSearch website](https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/react/) or the [React InstantSearch GitHub repository](https://github.com/algolia/instantsearch.js) for more information.
+**React InstantSearch** | [InstantSearch.js][instantsearch.js-github] | [Angular InstantSearch][instantsearch-angular-github] | [Vue InstantSearch][instantsearch-vue-github] | [InstantSearch Android][instantsearch-android-github] | [InstantSearch iOS][instantsearch-ios-github]
+
+## Why
+
+You should be using React InstantSearch if you want to:
+
+* Design search experiences with best practices
+* Customize your components at will
+* Follow React principles
+
+Note: If you are working with React Native, or otherwise do not use the DOM, check out `react-instantsearch-core` instead.
+
+## Installation
+
+React InstantSearch is available on the npm registry. It relies on [`algoliasearch`](https://github.com/algolia/algoliasearch-client-javascript) to communicate with Algolia APIs.
+
+```sh
+yarn add algoliasearch react-instantsearch
+# or
+npm install algoliasearch react-instantsearch
+```
+
+## Getting started
+
+Using React InstantSearch is as simple as adding these components to your app:
+
+```javascript
+import React from 'react';
+import ReactDOM from 'react-dom';
+import algoliasearch from 'algoliasearch/lite';
+import { InstantSearch, SearchBox, Hits } from 'react-instantsearch';
+
+const searchClient = algoliasearch(
+  'latency',
+  '6be0576ff61c053d5f9a3225e2a90f76'
+);
+
+const App = () => (
+  <InstantSearch
+    indexName="bestbuy"
+    searchClient={searchClient}
+  >
+    <SearchBox />
+    <Hits />
+  </InstantSearch>
+);
+```
+
+<p align="center">
+  <a href="https://codesandbox.io/s/github/algolia/instantsearch.js/tree/master/examples/react/default-theme" title="Edit on CodeSandbox">
+    <img alt="Edit on CodeSandbox" src="https://codesandbox.io/static/img/play-codesandbox.svg">
+  </a>
+</p>
+
+To learn more about the library, follow the [getting started guide][doc-getting-started].
+
+## Documentation
+
+The documentation is available on [algolia.com/doc][doc].
+
+## Playground
+
+You can get to know React InstantSearch on [this playground][doc-playground].
+
+Start by [adding components][doc-getting-started] and tweaking the display. Once you get more familiar with the library, you can learn more advanced concepts in [our guides][doc-guides].
+
+## Contributing
+
+We welcome all contributors, from casual to regular 💙
+
+- **Bug report**. Is something not working as expected? [Send a bug report][contributing-bugreport].
+- **Feature request**. Would you like to add something to the library? [Send a feature request][contributing-featurerequest].
+- **Documentation**. Did you find a typo in the doc? [Open an issue][contributing-newissue] and we'll take care of it.
+- **Development**. If you don't know where to start, you can check the open issues that are [tagged easy][contributing-label-easy], the [bugs][contributing-label-bug] or [chores][contributing-label-chore].
+
+To start contributing to code, you need to:
+
+1.  [Fork the project](https://help.github.com/articles/fork-a-repo/)
+1.  [Clone the repository](https://help.github.com/articles/cloning-a-repository/)
+1.  Install the dependencies: `yarn`
+
+Please read [our contribution process](https://github.com/algolia/instantsearch.js/blob/master/CONTRIBUTING.md) to learn more.
+
+## License
+
+React InstantSearch is [MIT licensed](../../LICENSE).
+
+<!-- Links -->
+
+[doc]: https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/react/
+[doc-getting-started]: https://www.algolia.com/doc/guides/building-search-ui/getting-started/react/
+[doc-guides]: https://www.algolia.com/doc/guides/building-search-ui/going-further/server-side-rendering/react/
+[doc-playground]: https://codesandbox.io/s/github/algolia/instantsearch/tree/master/examples/react/default-theme
+[algolia-website]: https://www.algolia.com/
+[instantsearch.js-github]: https://github.com/algolia/instantsearch.js
+[instantsearch-android-github]: https://github.com/algolia/instantsearch-android
+[instantsearch-ios-github]: https://github.com/algolia/instantsearch-ios
+[instantsearch-vue-github]: https://github.com/algolia/vue-instantsearch
+[instantsearch-angular-github]: https://github.com/algolia/angular-instantsearch
+[contributing-bugreport]: https://github.com/algolia/instantsearch.js/issues/new?template=BUG_REPORT.yml&labels=triage,Library%3A%20React+InstantSearch
+[contributing-featurerequest]: https://github.com/algolia/instantsearch.js/discussions/new?category=ideas&labels=triage,Library%3A%20React+InstantSearch&title=Feature%20request%3A%20
+[contributing-newissue]: https://github.com/algolia/instantsearch.js/issues/new?labels=triage,Library%3A%20React+InstantSearch
+[contributing-label-easy]: https://github.com/algolia/instantsearch.js/issues?q=is%3Aopen+is%3Aissue+label%3A%22Difficulty%3A+Easy%22+label%3A%22Library%3A%20React+InstantSearch%22
+[contributing-label-bug]: https://github.com/algolia/instantsearch.js/issues?q=is%3Aissue+is%3Aopen+label%3A%22Type%3A+Bug%22+label%3A%22Library%3A%20React+InstantSearch%22
+[contributing-label-chore]: https://github.com/algolia/instantsearch.js/issues?q=is%3Aissue+is%3Aopen+label%3A%22Type%3A+Chore%22+label%3A%22Library%3A%20React+InstantSearch%22

package/dist/cjs/index.js

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

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs", "sideEffects": false }

package/dist/cjs/types/PartialKeys.js

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

package/dist/cjs/types/Translatable.js

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

package/dist/cjs/types/index.js

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

package/dist/cjs/ui/Breadcrumb.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Breadcrumb = Breadcrumb;
+var _react = _interopRequireDefault(require("react"));
+var _cx = require("./lib/cx");
+var _isModifierClick = require("./lib/isModifierClick");
+var _excluded = ["classNames", "items", "hasItems", "createURL", "onNavigate", "separator", "translations"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+function Breadcrumb(_ref) {
+  var _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    hasItems = _ref.hasItems,
+    createURL = _ref.createURL,
+    onNavigate = _ref.onNavigate,
+    _ref$separator = _ref.separator,
+    separator = _ref$separator === void 0 ? '>' : _ref$separator,
+    translations = _ref.translations,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var handleClick = function handleClick(value) {
+    return function (event) {
+      if (!(0, _isModifierClick.isModifierClick)(event)) {
+        event.preventDefault();
+        onNavigate(value);
+      }
+    };
+  };
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
+    className: (0, _cx.cx)('ais-Breadcrumb', classNames.root, !hasItems && (0, _cx.cx)('ais-Breadcrumb--noRefinement', classNames.noRefinementRoot), props.className)
+  }), /*#__PURE__*/_react.default.createElement("ul", {
+    className: (0, _cx.cx)('ais-Breadcrumb-list', classNames.list)
+  }, /*#__PURE__*/_react.default.createElement("li", {
+    className: (0, _cx.cx)('ais-Breadcrumb-item', classNames.item, !hasItems && (0, _cx.cx)('ais-Breadcrumb-item--selected', classNames.selectedItem))
+  }, /*#__PURE__*/_react.default.createElement("a", {
+    href: createURL(null),
+    onClick: handleClick(null),
+    className: (0, _cx.cx)('ais-Breadcrumb-link', classNames.link)
+  }, translations.rootElementText)), items.map(function (item, index) {
+    var isLast = index === items.length - 1;
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: index,
+      className: (0, _cx.cx)('ais-Breadcrumb-item', classNames.item, isLast && (0, _cx.cx)('ais-Breadcrumb-item--selected', classNames.selectedItem))
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      "aria-hidden": "true",
+      className: (0, _cx.cx)('ais-Breadcrumb-separator', classNames.separator)
+    }, separator), isLast ? item.label : /*#__PURE__*/_react.default.createElement("a", {
+      className: (0, _cx.cx)('ais-Breadcrumb-link', classNames.link),
+      href: createURL(item.value),
+      onClick: handleClick(item.value)
+    }, item.label));
+  })));
+}

package/dist/cjs/ui/ClearRefinements.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ClearRefinements = ClearRefinements;
+var _react = _interopRequireDefault(require("react"));
+var _cx = require("./lib/cx");
+var _excluded = ["classNames", "disabled", "onClick", "translations"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+function ClearRefinements(_ref) {
+  var _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    translations = _ref.translations,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
+    className: (0, _cx.cx)('ais-ClearRefinements', classNames.root, props.className)
+  }), /*#__PURE__*/_react.default.createElement("button", {
+    disabled: disabled,
+    onClick: onClick,
+    className: (0, _cx.cx)('ais-ClearRefinements-button', classNames.button, disabled && (0, _cx.cx)('ais-ClearRefinements-button--disabled', classNames.disabledButton))
+  }, translations.resetButtonText));
+}

package/dist/cjs/ui/CurrentRefinements.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CurrentRefinements = CurrentRefinements;
+var _react = _interopRequireDefault(require("react"));
+var _cx = require("./lib/cx");
+var _isModifierClick = require("./lib/isModifierClick");
+var _excluded = ["classNames", "items", "onRemove", "hasRefinements"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+function CurrentRefinements(_ref) {
+  var _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    _ref$onRemove = _ref.onRemove,
+    onRemove = _ref$onRemove === void 0 ? function () {} : _ref$onRemove,
+    _ref$hasRefinements = _ref.hasRefinements,
+    hasRefinements = _ref$hasRefinements === void 0 ? false : _ref$hasRefinements,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
+    className: (0, _cx.cx)('ais-CurrentRefinements', classNames.root, !hasRefinements && (0, _cx.cx)('ais-CurrentRefinements--noRefinement', classNames.noRefinementRoot), props.className)
+  }), /*#__PURE__*/_react.default.createElement("ul", {
+    className: (0, _cx.cx)('ais-CurrentRefinements-list', classNames.list, !hasRefinements && (0, _cx.cx)('ais-CurrentRefinements-list--noRefinement', classNames.noRefinementList))
+  }, items.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: [item.indexName, item.label].join('/'),
+      className: (0, _cx.cx)('ais-CurrentRefinements-item', classNames.item)
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: (0, _cx.cx)('ais-CurrentRefinements-label', classNames.label)
+    }, item.label, ":"), item.refinements.map(function (refinement) {
+      return /*#__PURE__*/_react.default.createElement("span", {
+        key: refinement.label,
+        className: (0, _cx.cx)('ais-CurrentRefinements-category', classNames.category)
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: (0, _cx.cx)('ais-CurrentRefinements-categoryLabel', classNames.categoryLabel)
+      }, refinement.label), /*#__PURE__*/_react.default.createElement("button", {
+        type: "button",
+        onClick: function onClick(event) {
+          if ((0, _isModifierClick.isModifierClick)(event)) {
+            return;
+          }
+          onRemove(refinement);
+        },
+        className: (0, _cx.cx)('ais-CurrentRefinements-delete', classNames.delete)
+      }, "\u2715"));
+    }));
+  })));
+}

package/dist/cjs/ui/HierarchicalMenu.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HierarchicalMenu = HierarchicalMenu;
+var _react = _interopRequireDefault(require("react"));
+var _cx = require("./lib/cx");
+var _isModifierClick = require("./lib/isModifierClick");
+var _ShowMoreButton = require("./ShowMoreButton");
+var _excluded = ["classNames", "items", "hasItems", "onNavigate", "createURL", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "translations"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+function HierarchicalList(_ref) {
+  var className = _ref.className,
+    _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    items = _ref.items,
+    createURL = _ref.createURL,
+    onNavigate = _ref.onNavigate;
+  if (items.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement("ul", {
+    className: (0, _cx.cx)('ais-HierarchicalMenu-list', classNames.list, className)
+  }, items.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: item.value,
+      className: (0, _cx.cx)('ais-HierarchicalMenu-item', classNames.item, item.data && item.data.length > 0 && (0, _cx.cx)('ais-HierarchicalMenu-item--parent', classNames.parentItem), item.isRefined && (0, _cx.cx)('ais-HierarchicalMenu-item--selected', classNames.selectedItem))
+    }, /*#__PURE__*/_react.default.createElement("a", {
+      className: (0, _cx.cx)('ais-HierarchicalMenu-link', classNames.link, item.isRefined && (0, _cx.cx)('ais-HierarchicalMenu-link--selected', classNames.selectedItemLink)),
+      href: createURL(item.value),
+      onClick: function onClick(event) {
+        if ((0, _isModifierClick.isModifierClick)(event)) {
+          return;
+        }
+        event.preventDefault();
+        onNavigate(item.value);
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: (0, _cx.cx)('ais-HierarchicalMenu-label', classNames.label)
+    }, item.label), /*#__PURE__*/_react.default.createElement("span", {
+      className: (0, _cx.cx)('ais-HierarchicalMenu-count', classNames.count)
+    }, item.count)), item.data && /*#__PURE__*/_react.default.createElement(HierarchicalList, {
+      className: (0, _cx.cx)('ais-HierarchicalMenu-list--child', classNames.childList),
+      classNames: classNames,
+      items: item.data,
+      onNavigate: onNavigate,
+      createURL: createURL
+    }));
+  }));
+}
+function HierarchicalMenu(_ref2) {
+  var _ref2$classNames = _ref2.classNames,
+    classNames = _ref2$classNames === void 0 ? {} : _ref2$classNames,
+    items = _ref2.items,
+    hasItems = _ref2.hasItems,
+    onNavigate = _ref2.onNavigate,
+    createURL = _ref2.createURL,
+    showMore = _ref2.showMore,
+    canToggleShowMore = _ref2.canToggleShowMore,
+    onToggleShowMore = _ref2.onToggleShowMore,
+    isShowingMore = _ref2.isShowingMore,
+    translations = _ref2.translations,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
+    className: (0, _cx.cx)('ais-HierarchicalMenu', classNames.root, !hasItems && (0, _cx.cx)('ais-HierarchicalMenu--noRefinement', classNames.noRefinementRoot), props.className)
+  }), /*#__PURE__*/_react.default.createElement(HierarchicalList, {
+    classNames: classNames,
+    items: items,
+    onNavigate: onNavigate,
+    createURL: createURL
+  }), showMore && /*#__PURE__*/_react.default.createElement(_ShowMoreButton.ShowMoreButton, {
+    className: (0, _cx.cx)('ais-HierarchicalMenu-showMore', classNames.showMore, !canToggleShowMore && (0, _cx.cx)('ais-HierarchicalMenu-showMore--disabled', classNames.disabledShowMore)),
+    disabled: !canToggleShowMore,
+    onClick: onToggleShowMore,
+    isShowingMore: isShowingMore,
+    translations: translations
+  }));
+}

package/dist/cjs/ui/Highlight.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Highlight = Highlight;
+var _react = _interopRequireDefault(require("react"));
+var _InternalHighlight = require("./InternalHighlight");
+var _cx = require("./lib/cx");
+var _excluded = ["classNames"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+function Highlight(_ref) {
+  var _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_InternalHighlight.InternalHighlight, _extends({
+    classNames: {
+      root: (0, _cx.cx)('ais-Highlight', classNames.root),
+      highlighted: (0, _cx.cx)('ais-Highlight-highlighted', classNames.highlighted),
+      nonHighlighted: (0, _cx.cx)('ais-Highlight-nonHighlighted', classNames.nonHighlighted),
+      separator: (0, _cx.cx)('ais-Highlight-separator', classNames.separator)
+    }
+  }, props));
+}

package/dist/cjs/ui/Hits.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Hits = Hits;
+var _react = _interopRequireDefault(require("react"));
+var _cx = require("./lib/cx");
+var _excluded = ["hits", "sendEvent", "hitComponent", "classNames"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+function DefaultHitComponent(_ref) {
+  var hit = _ref.hit;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      wordBreak: 'break-all'
+    }
+  }, JSON.stringify(hit).slice(0, 100), "\u2026");
+}
+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.default.createElement("div", _extends({}, props, {
+    className: (0, _cx.cx)('ais-Hits', classNames.root, hits.length === 0 && (0, _cx.cx)('ais-Hits--empty', classNames.emptyRoot), props.className)
+  }), /*#__PURE__*/_react.default.createElement("ol", {
+    className: (0, _cx.cx)('ais-Hits-list', classNames.list)
+  }, hits.map(function (hit) {
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: hit.objectID,
+      className: (0, _cx.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.default.createElement(HitComponent, {
+      hit: hit,
+      sendEvent: sendEvent
+    }));
+  })));
+}

package/dist/cjs/ui/HitsPerPage.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HitsPerPage = HitsPerPage;
+var _react = _interopRequireDefault(require("react"));
+var _cx = require("./lib/cx");
+var _excluded = ["items", "onChange", "currentValue", "classNames"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+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.default.createElement("div", _extends({}, props, {
+    className: (0, _cx.cx)('ais-HitsPerPage', classNames.root, props.className)
+  }), /*#__PURE__*/_react.default.createElement("select", {
+    className: (0, _cx.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.default.createElement("option", {
+      key: item.value,
+      className: (0, _cx.cx)('ais-HitsPerPage-option', classNames.option),
+      value: item.value
+    }, item.label);
+  })));
+}

package/dist/cjs/ui/InfiniteHits.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InfiniteHits = InfiniteHits;
+var _react = _interopRequireDefault(require("react"));
+var _cx = require("./lib/cx");
+var _excluded = ["hitComponent", "hits", "sendEvent", "isFirstPage", "isLastPage", "onShowPrevious", "onShowMore", "classNames", "translations"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+function DefaultHitComponent(_ref) {
+  var hit = _ref.hit;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      wordBreak: 'break-all'
+    }
+  }, JSON.stringify(hit).slice(0, 100), "\u2026");
+}
+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.default.createElement("div", _extends({}, props, {
+    className: (0, _cx.cx)('ais-InfiniteHits', classNames.root, hits.length === 0 && (0, _cx.cx)('ais-InfiniteHits--empty', classNames.emptyRoot), props.className)
+  }), onShowPrevious && /*#__PURE__*/_react.default.createElement("button", {
+    className: (0, _cx.cx)('ais-InfiniteHits-loadPrevious', classNames.loadPrevious, isFirstPage && (0, _cx.cx)('ais-InfiniteHits-loadPrevious--disabled', classNames.disabledLoadPrevious)),
+    onClick: onShowPrevious,
+    disabled: isFirstPage
+  }, translations.showPreviousButtonText), /*#__PURE__*/_react.default.createElement("ol", {
+    className: (0, _cx.cx)('ais-InfiniteHits-list', classNames.list)
+  }, hits.map(function (hit) {
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: hit.objectID,
+      className: (0, _cx.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.default.createElement(HitComponent, {
+      hit: hit,
+      sendEvent: sendEvent
+    }));
+  })), /*#__PURE__*/_react.default.createElement("button", {
+    className: (0, _cx.cx)('ais-InfiniteHits-loadMore', classNames.loadMore, isLastPage && (0, _cx.cx)('ais-InfiniteHits-loadMore--disabled', classNames.disabledLoadMore)),
+    onClick: onShowMore,
+    disabled: isLastPage
+  }, translations.showMoreButtonText));
+}