react-instantsearch 7.5.5 → 7.7.0

package/dist/cjs/ui/RefinementList.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RefinementList = RefinementList;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _utils = require("instantsearch.js/cjs/lib/utils");
 var _react = _interopRequireDefault(require("react"));
 var _Highlight = require("./Highlight");
-var _cx = require("./lib/cx");
 var _ShowMoreButton = require("./ShowMoreButton");
 var _excluded = ["canRefine", "items", "onRefine", "query", "searchBox", "noResults", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "className", "classNames", "translations"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -31,36 +31,36 @@ function RefinementList(_ref) {
     translations = _ref.translations,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
-    className: (0, _cx.cx)('ais-RefinementList', classNames.root, !canRefine && (0, _cx.cx)('ais-RefinementList--noRefinement', classNames.noRefinementRoot), className)
+    className: (0, _instantsearchUiComponents.cx)('ais-RefinementList', classNames.root, !canRefine && (0, _instantsearchUiComponents.cx)('ais-RefinementList--noRefinement', classNames.noRefinementRoot), className)
   }), searchBox && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _cx.cx)('ais-RefinementList-searchBox', classNames.searchBox)
+    className: (0, _instantsearchUiComponents.cx)('ais-RefinementList-searchBox', classNames.searchBox)
   }, searchBox), noResults ? /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _cx.cx)('ais-RefinementList-noResults', classNames.noResults)
+    className: (0, _instantsearchUiComponents.cx)('ais-RefinementList-noResults', classNames.noResults)
   }, noResults) : /*#__PURE__*/_react.default.createElement("ul", {
-    className: (0, _cx.cx)('ais-RefinementList-list', classNames.list)
+    className: (0, _instantsearchUiComponents.cx)('ais-RefinementList-list', classNames.list)
   }, items.map(function (item) {
     return /*#__PURE__*/_react.default.createElement("li", {
       key: item.value,
-      className: (0, _cx.cx)('ais-RefinementList-item', classNames.item, item.isRefined && (0, _cx.cx)('ais-RefinementList-item--selected', classNames.selectedItem))
+      className: (0, _instantsearchUiComponents.cx)('ais-RefinementList-item', classNames.item, item.isRefined && (0, _instantsearchUiComponents.cx)('ais-RefinementList-item--selected', classNames.selectedItem))
     }, /*#__PURE__*/_react.default.createElement("label", {
-      className: (0, _cx.cx)('ais-RefinementList-label', classNames.label)
+      className: (0, _instantsearchUiComponents.cx)('ais-RefinementList-label', classNames.label)
     }, /*#__PURE__*/_react.default.createElement("input", {
       checked: item.isRefined,
-      className: (0, _cx.cx)('ais-RefinementList-checkbox', classNames.checkbox),
+      className: (0, _instantsearchUiComponents.cx)('ais-RefinementList-checkbox', classNames.checkbox),
       type: "checkbox",
       value: item.value,
       onChange: function onChange() {
         onRefine(item);
       }
     }), /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _cx.cx)('ais-RefinementList-labelText', classNames.labelText)
+      className: (0, _instantsearchUiComponents.cx)('ais-RefinementList-labelText', classNames.labelText)
     }, query.length > 0 ? /*#__PURE__*/_react.default.createElement(_Highlight.Highlight, {
       parts: [(0, _utils.getHighlightedParts)((0, _utils.unescape)(item.highlighted || ''))]
     }) : item.label), /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _cx.cx)('ais-RefinementList-count', classNames.count)
+      className: (0, _instantsearchUiComponents.cx)('ais-RefinementList-count', classNames.count)
     }, item.count)));
   })), showMore && /*#__PURE__*/_react.default.createElement(_ShowMoreButton.ShowMoreButton, {
-    className: (0, _cx.cx)('ais-RefinementList-showMore', classNames.showMore, !canToggleShowMore && (0, _cx.cx)('ais-RefinementList-showMore--disabled', classNames.disabledShowMore)),
+    className: (0, _instantsearchUiComponents.cx)('ais-RefinementList-showMore', classNames.showMore, !canToggleShowMore && (0, _instantsearchUiComponents.cx)('ais-RefinementList-showMore--disabled', classNames.disabledShowMore)),
     disabled: !canToggleShowMore,
     onClick: onToggleShowMore,
     isShowingMore: isShowingMore,

package/dist/cjs/ui/SearchBox.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SearchBox = SearchBox;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireDefault(require("react"));
-var _cx = require("./lib/cx");
 var _excluded = ["formRef", "inputRef", "isSearchStalled", "onChange", "onReset", "onSubmit", "placeholder", "value", "autoFocus", "resetIconComponent", "submitIconComponent", "loadingIconComponent", "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); }
@@ -17,7 +17,7 @@ var _ref2 = /*#__PURE__*/_react.default.createElement("path", {
 function DefaultSubmitIcon(_ref) {
   var classNames = _ref.classNames;
   return /*#__PURE__*/_react.default.createElement("svg", {
-    className: (0, _cx.cx)('ais-SearchBox-submitIcon', classNames.submitIcon),
+    className: (0, _instantsearchUiComponents.cx)('ais-SearchBox-submitIcon', classNames.submitIcon),
     width: "10",
     height: "10",
     viewBox: "0 0 40 40",
@@ -30,7 +30,7 @@ var _ref4 = /*#__PURE__*/_react.default.createElement("path", {
 function DefaultResetIcon(_ref3) {
   var classNames = _ref3.classNames;
   return /*#__PURE__*/_react.default.createElement("svg", {
-    className: (0, _cx.cx)('ais-SearchBox-resetIcon', classNames.resetIcon),
+    className: (0, _instantsearchUiComponents.cx)('ais-SearchBox-resetIcon', classNames.resetIcon),
     viewBox: "0 0 20 20",
     width: "10",
     height: "10",
@@ -66,7 +66,7 @@ function DefaultLoadingIcon(_ref5) {
     height: "16",
     viewBox: "0 0 38 38",
     stroke: "#444",
-    className: (0, _cx.cx)('ais-SearchBox-loadingIcon', classNames.loadingIcon),
+    className: (0, _instantsearchUiComponents.cx)('ais-SearchBox-loadingIcon', classNames.loadingIcon),
     "aria-hidden": "true"
   }, _ref6);
 }
@@ -110,18 +110,18 @@ function SearchBox(_ref7) {
     }
   }
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
-    className: (0, _cx.cx)('ais-SearchBox', classNames.root, props.className)
+    className: (0, _instantsearchUiComponents.cx)('ais-SearchBox', classNames.root, props.className)
   }), /*#__PURE__*/_react.default.createElement("form", {
     ref: formRef,
     action: "",
-    className: (0, _cx.cx)('ais-SearchBox-form', classNames.form),
+    className: (0, _instantsearchUiComponents.cx)('ais-SearchBox-form', classNames.form),
     noValidate: true,
     onSubmit: handleSubmit,
     onReset: handleReset,
     role: "search"
   }, /*#__PURE__*/_react.default.createElement("input", {
     ref: inputRef,
-    className: (0, _cx.cx)('ais-SearchBox-input', classNames.input),
+    className: (0, _instantsearchUiComponents.cx)('ais-SearchBox-input', classNames.input),
     "aria-label": "Search",
     autoComplete: "off",
     autoCorrect: "off",
@@ -135,22 +135,20 @@ function SearchBox(_ref7) {
     onCompositionEnd: onChange,
     autoFocus: autoFocus
   }), /*#__PURE__*/_react.default.createElement("button", {
-    className: (0, _cx.cx)('ais-SearchBox-submit', classNames.submit),
+    className: (0, _instantsearchUiComponents.cx)('ais-SearchBox-submit', classNames.submit),
     type: "submit",
     title: translations.submitButtonTitle
   }, /*#__PURE__*/_react.default.createElement(SubmitIcon, {
     classNames: classNames
   })), /*#__PURE__*/_react.default.createElement("button", {
-    className: (0, _cx.cx)('ais-SearchBox-reset', classNames.reset),
+    className: (0, _instantsearchUiComponents.cx)('ais-SearchBox-reset', classNames.reset),
     type: "reset",
     title: translations.resetButtonTitle,
     hidden: value.length === 0 || isSearchStalled
   }, /*#__PURE__*/_react.default.createElement(ResetIcon, {
     classNames: classNames
   })), /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _cx.cx)('ais-SearchBox-loadingIndicator', classNames.loadingIndicator)
-    // @ts-ignore (this error is due to conflict with @algolia/ui-components-highlight-vdom, which declares "too global" type for span in case there's no @types/react or preact)
-    ,
+    className: (0, _instantsearchUiComponents.cx)('ais-SearchBox-loadingIndicator', classNames.loadingIndicator),
     hidden: !isSearchStalled
   }, /*#__PURE__*/_react.default.createElement(LoadingIcon, {
     classNames: classNames

package/dist/cjs/ui/Snippet.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Snippet = Snippet;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 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); }
@@ -18,10 +18,10 @@ function Snippet(_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_InternalHighlight.InternalHighlight, _extends({
     classNames: {
-      root: (0, _cx.cx)('ais-Snippet', classNames.root),
-      highlighted: (0, _cx.cx)('ais-Snippet-highlighted', classNames.highlighted),
-      nonHighlighted: (0, _cx.cx)('ais-Snippet-nonHighlighted', classNames.nonHighlighted),
-      separator: (0, _cx.cx)('ais-Snippet-separator', classNames.separator)
+      root: (0, _instantsearchUiComponents.cx)('ais-Snippet', classNames.root),
+      highlighted: (0, _instantsearchUiComponents.cx)('ais-Snippet-highlighted', classNames.highlighted),
+      nonHighlighted: (0, _instantsearchUiComponents.cx)('ais-Snippet-nonHighlighted', classNames.nonHighlighted),
+      separator: (0, _instantsearchUiComponents.cx)('ais-Snippet-separator', classNames.separator)
     }
   }, props));
 }

package/dist/cjs/ui/SortBy.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SortBy = SortBy;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireDefault(require("react"));
-var _cx = require("./lib/cx");
 var _excluded = ["items", "value", "onChange", "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); }
@@ -20,9 +20,9 @@ function SortBy(_ref) {
     classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
-    className: (0, _cx.cx)('ais-SortBy', classNames.root, props.className)
+    className: (0, _instantsearchUiComponents.cx)('ais-SortBy', classNames.root, props.className)
   }), /*#__PURE__*/_react.default.createElement("select", {
-    className: (0, _cx.cx)('ais-SortBy-select', classNames.select),
+    className: (0, _instantsearchUiComponents.cx)('ais-SortBy-select', classNames.select),
     onChange: function onChange(event) {
       return _onChange(event.target.value);
     },
@@ -30,7 +30,7 @@ function SortBy(_ref) {
     "aria-label": "Sort results by"
   }, items.map(function (item) {
     return /*#__PURE__*/_react.default.createElement("option", {
-      className: (0, _cx.cx)('ais-SortBy-option', classNames.option),
+      className: (0, _instantsearchUiComponents.cx)('ais-SortBy-option', classNames.option),
       key: item.value,
       value: item.value
     }, item.label);

package/dist/cjs/ui/Stats.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Stats = Stats;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireDefault(require("react"));
-var _cx = require("./lib/cx");
 var _excluded = ["classNames", "nbHits", "processingTimeMS", "nbSortedHits", "areHitsSorted", "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); }
@@ -27,7 +27,7 @@ function Stats(_ref) {
     areHitsSorted: areHitsSorted
   };
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
-    className: (0, _cx.cx)('ais-Stats', classNames.root, props.className)
+    className: (0, _instantsearchUiComponents.cx)('ais-Stats', classNames.root, props.className)
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: "ais-Stats-text"
   }, translations.rootElementText(translationOptions)));

package/dist/cjs/ui/ToggleRefinement.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ToggleRefinement = ToggleRefinement;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireDefault(require("react"));
-var _cx = require("./lib/cx");
 var _excluded = ["classNames", "checked", "onChange", "label"];
 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); }
@@ -19,17 +19,17 @@ function ToggleRefinement(_ref) {
     label = _ref.label,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
-    className: (0, _cx.cx)('ais-ToggleRefinement', classNames.root, props.className)
+    className: (0, _instantsearchUiComponents.cx)('ais-ToggleRefinement', classNames.root, props.className)
   }), /*#__PURE__*/_react.default.createElement("label", {
-    className: (0, _cx.cx)('ais-ToggleRefinement-label', classNames.label)
+    className: (0, _instantsearchUiComponents.cx)('ais-ToggleRefinement-label', classNames.label)
   }, /*#__PURE__*/_react.default.createElement("input", {
-    className: (0, _cx.cx)('ais-ToggleRefinement-checkbox', classNames.checkbox),
+    className: (0, _instantsearchUiComponents.cx)('ais-ToggleRefinement-checkbox', classNames.checkbox),
     type: "checkbox",
     checked: checked,
     onChange: function onChange(event) {
       _onChange(event.target.checked);
     }
   }), /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _cx.cx)('ais-ToggleRefinement-labelText', classNames.labelText)
+    className: (0, _instantsearchUiComponents.cx)('ais-ToggleRefinement-labelText', classNames.labelText)
   }, label)));
 }

package/dist/cjs/ui/lib/index.js

@@ -14,17 +14,6 @@ Object.keys(_capitalize).forEach(function (key) {
     }
   });
 });
-var _cx = require("./cx");
-Object.keys(_cx).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _cx[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _cx[key];
-    }
-  });
-});
 var _isModifierClick = require("./isModifierClick");
 Object.keys(_isModifierClick).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/cjs/widgets/Hits.js

@@ -1,21 +1,40 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Hits = Hits;
-var _react = _interopRequireDefault(require("react"));
+var _instantsearchUiComponents = require("instantsearch-ui-components");
+var _react = _interopRequireWildcard(require("react"));
 var _reactInstantsearchCore = require("react-instantsearch-core");
-var _Hits = require("../ui/Hits");
-var _excluded = ["escapeHTML", "transformItems"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _excluded = ["escapeHTML", "transformItems", "hitComponent"],
+  _excluded2 = ["hit", "index"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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 Hits(_ref) {
-  var escapeHTML = _ref.escapeHTML,
-    transformItems = _ref.transformItems,
-    props = _objectWithoutProperties(_ref, _excluded);
+// @MAJOR: Move default hit component back to the UI library
+// once flavour specificities are erased
+function DefaultHitComponent(_ref) {
+  var hit = _ref.hit;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      wordBreak: 'break-all'
+    }
+  }, JSON.stringify(hit).slice(0, 100), "\u2026");
+}
+var HitsUiComponent = (0, _instantsearchUiComponents.createHitsComponent)({
+  createElement: _react.createElement,
+  Fragment: _react.Fragment
+});
+function Hits(_ref2) {
+  var escapeHTML = _ref2.escapeHTML,
+    transformItems = _ref2.transformItems,
+    _ref2$hitComponent = _ref2.hitComponent,
+    HitComponent = _ref2$hitComponent === void 0 ? DefaultHitComponent : _ref2$hitComponent,
+    props = _objectWithoutProperties(_ref2, _excluded);
   var _useHits = (0, _reactInstantsearchCore.useHits)({
       escapeHTML: escapeHTML,
       transformItems: transformItems
@@ -24,9 +43,21 @@ function Hits(_ref) {
     }),
     hits = _useHits.hits,
     sendEvent = _useHits.sendEvent;
+  var itemComponent = function itemComponent(_ref3) {
+    var hit = _ref3.hit,
+      index = _ref3.index,
+      itemProps = _objectWithoutProperties(_ref3, _excluded2);
+    return /*#__PURE__*/_react.default.createElement("li", _extends({
+      key: hit.objectID
+    }, itemProps), /*#__PURE__*/_react.default.createElement(HitComponent, {
+      hit: hit,
+      sendEvent: sendEvent
+    }));
+  };
   var uiProps = {
     hits: hits,
-    sendEvent: sendEvent
+    sendEvent: sendEvent,
+    itemComponent: itemComponent
   };
-  return /*#__PURE__*/_react.default.createElement(_Hits.Hits, _extends({}, props, uiProps));
+  return /*#__PURE__*/_react.default.createElement(HitsUiComponent, _extends({}, props, uiProps));
 }

package/dist/es/ui/Breadcrumb.js

@@ -2,8 +2,8 @@ var _excluded = ["classNames", "items", "hasItems", "createURL", "onNavigate", "
 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 { cx } from 'instantsearch-ui-components';
 import React from 'react';
-import { cx } from "./lib/cx.js";
 import { isModifierClick } from "./lib/isModifierClick.js";
 export function Breadcrumb(_ref) {
   var _ref$classNames = _ref.classNames,

package/dist/es/ui/ClearRefinements.js

@@ -2,8 +2,8 @@ var _excluded = ["classNames", "disabled", "onClick", "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 { cx } from 'instantsearch-ui-components';
 import React from 'react';
-import { cx } from "./lib/cx.js";
 export function ClearRefinements(_ref) {
   var _ref$classNames = _ref.classNames,
     classNames = _ref$classNames === void 0 ? {} : _ref$classNames,

package/dist/es/ui/CurrentRefinements.js

@@ -2,8 +2,9 @@ var _excluded = ["classNames", "items", "hasRefinements"];
 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 { cx } from 'instantsearch-ui-components';
 import React from 'react';
-import { capitalize, cx, isModifierClick } from "./lib/index.js";
+import { capitalize, isModifierClick } from "./lib/index.js";
 export function CurrentRefinements(_ref) {
   var _ref$classNames = _ref.classNames,
     classNames = _ref$classNames === void 0 ? {} : _ref$classNames,

package/dist/es/ui/HierarchicalMenu.js

@@ -2,8 +2,8 @@ var _excluded = ["classNames", "items", "hasItems", "onNavigate", "createURL", "
 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 { cx } from 'instantsearch-ui-components';
 import React from 'react';
-import { cx } from "./lib/cx.js";
 import { isModifierClick } from "./lib/isModifierClick.js";
 import { ShowMoreButton } from "./ShowMoreButton.js";
 function HierarchicalList(_ref) {

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

@@ -1,4 +1,4 @@
-import type { InternalHighlightProps, InternalHighlightClassNames } from './InternalHighlight';
+import type { HighlightProps as InternalHighlightProps, HighlightClassNames as InternalHighlightClassNames } from 'instantsearch-ui-components';
 export type HighlightClassNames = InternalHighlightClassNames;
 export type HighlightProps = Omit<InternalHighlightProps, 'classNames'> & {
     classNames?: Partial<HighlightClassNames>;

package/dist/es/ui/Highlight.js

@@ -2,9 +2,9 @@ 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 { cx } from 'instantsearch-ui-components';
 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,

package/dist/es/ui/HitsPerPage.js

@@ -2,8 +2,8 @@ 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 { cx } from 'instantsearch-ui-components';
 import React from 'react';
-import { cx } from "./lib/cx.js";
 export function HitsPerPage(_ref) {
   var items = _ref.items,
     _onChange = _ref.onChange,

package/dist/es/ui/InfiniteHits.js

@@ -2,8 +2,8 @@ var _excluded = ["hitComponent", "hits", "sendEvent", "isFirstPage", "isLastPage
 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 { cx } from 'instantsearch-ui-components';
 import React from 'react';
-import { cx } from "./lib/cx.js";
 function DefaultHitComponent(_ref) {
   var hit = _ref.hit;
   return /*#__PURE__*/React.createElement("div", {

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

@@ -1,32 +1 @@
-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 {};
+export declare const InternalHighlight: (userProps: import("instantsearch-ui-components").HighlightProps) => JSX.Element;

package/dist/es/ui/InternalHighlight.js

@@ -1,47 +1,6 @@
-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));
-  }));
-}
+import { createHighlightComponent } from 'instantsearch-ui-components';
+import { createElement, Fragment } from 'react';
+export var InternalHighlight = createHighlightComponent({
+  createElement: createElement,
+  Fragment: Fragment
+});

package/dist/es/ui/Menu.js

@@ -2,8 +2,8 @@ var _excluded = ["items", "classNames", "showMore", "canToggleShowMore", "onTogg
 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 { cx } from 'instantsearch-ui-components';
 import React from 'react';
-import { cx } from "./lib/cx.js";
 import { ShowMoreButton } from "./ShowMoreButton.js";
 export function Menu(_ref) {
   var items = _ref.items,

package/dist/es/ui/Pagination.js

@@ -3,8 +3,8 @@ var _excluded = ["pages", "currentPage", "nbPages", "isFirstPage", "isLastPage",
 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 { cx } from 'instantsearch-ui-components';
 import React from 'react';
-import { cx } from "./lib/cx.js";
 import { isModifierClick } from "./lib/isModifierClick.js";
 export function Pagination(_ref) {
   var pages = _ref.pages,

package/dist/es/ui/PoweredBy.js

@@ -2,8 +2,8 @@ var _excluded = ["classNames", "url", "theme"];
 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 { cx } from 'instantsearch-ui-components';
 import React from 'react';
-import { cx } from "./lib/cx.js";
 export function PoweredBy(_ref) {
   var _ref$classNames = _ref.classNames,
     classNames = _ref$classNames === void 0 ? {} : _ref$classNames,

package/dist/es/ui/RangeInput.js

@@ -8,8 +8,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { cx } from 'instantsearch-ui-components';
 import React, { useState } from 'react';
-import { cx } from "./lib/cx.js";
 // if the default value is undefined, React considers the component uncontrolled initially, which we don't want 0 or NaN as the default value
 var unsetNumberInputValue = '';
 

package/dist/es/ui/RefinementList.js

@@ -2,10 +2,10 @@ var _excluded = ["canRefine", "items", "onRefine", "query", "searchBox", "noResu
 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 { cx } from 'instantsearch-ui-components';
 import { getHighlightedParts, unescape } from "instantsearch.js/es/lib/utils/index.js";
 import React from 'react';
 import { Highlight } from "./Highlight.js";
-import { cx } from "./lib/cx.js";
 import { ShowMoreButton } from "./ShowMoreButton.js";
 export function RefinementList(_ref) {
   var canRefine = _ref.canRefine,