react-instantsearch - npm Package Compare versions

Comparing version 7.5.5 to 7.6.0

dist/cjs/ui/Breadcrumb.js

@@ -7,4 +7,4 @@ "use strict";
 exports.Breadcrumb = Breadcrumb;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireDefault(require("react"));
-var _cx = require("./lib/cx");
 var _isModifierClick = require("./lib/isModifierClick");
@@ -37,11 +37,11 @@ var _excluded = ["classNames", "items", "hasItems", "createURL", "onNavigate", "separator", "translations"];
   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)
+    className: (0, _instantsearchUiComponents.cx)('ais-Breadcrumb', classNames.root, !hasItems && (0, _instantsearchUiComponents.cx)('ais-Breadcrumb--noRefinement', classNames.noRefinementRoot), props.className)
   }), /*#__PURE__*/_react.default.createElement("ul", {
-    className: (0, _cx.cx)('ais-Breadcrumb-list', classNames.list)
+    className: (0, _instantsearchUiComponents.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))
+    className: (0, _instantsearchUiComponents.cx)('ais-Breadcrumb-item', classNames.item, !hasItems && (0, _instantsearchUiComponents.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)
+    className: (0, _instantsearchUiComponents.cx)('ais-Breadcrumb-link', classNames.link)
   }, translations.rootElementText)), items.map(function (item, index) {
@@ -51,8 +51,8 @@ var isLast = index === items.length - 1;
       key: index,
-      className: (0, _cx.cx)('ais-Breadcrumb-item', classNames.item, isLast && (0, _cx.cx)('ais-Breadcrumb-item--selected', classNames.selectedItem))
+      className: (0, _instantsearchUiComponents.cx)('ais-Breadcrumb-item', classNames.item, isLast && (0, _instantsearchUiComponents.cx)('ais-Breadcrumb-item--selected', classNames.selectedItem))
     }, /*#__PURE__*/_react.default.createElement("span", {
       "aria-hidden": "true",
-      className: (0, _cx.cx)('ais-Breadcrumb-separator', classNames.separator)
+      className: (0, _instantsearchUiComponents.cx)('ais-Breadcrumb-separator', classNames.separator)
     }, separator), isLast ? item.label : /*#__PURE__*/_react.default.createElement("a", {
-      className: (0, _cx.cx)('ais-Breadcrumb-link', classNames.link),
+      className: (0, _instantsearchUiComponents.cx)('ais-Breadcrumb-link', classNames.link),
       href: createURL(item.value),
@@ -59,0 +59,0 @@ onClick: handleClick(item.value)

dist/cjs/ui/ClearRefinements.js

@@ -7,4 +7,4 @@ "use strict";
 exports.ClearRefinements = ClearRefinements;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireDefault(require("react"));
-var _cx = require("./lib/cx");
 var _excluded = ["classNames", "disabled", "onClick", "translations"];
@@ -25,8 +25,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
-    className: (0, _cx.cx)('ais-ClearRefinements', classNames.root, props.className)
+    className: (0, _instantsearchUiComponents.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))
+    className: (0, _instantsearchUiComponents.cx)('ais-ClearRefinements-button', classNames.button, disabled && (0, _instantsearchUiComponents.cx)('ais-ClearRefinements-button--disabled', classNames.disabledButton))
   }, translations.resetButtonText));
 }

dist/cjs/ui/CurrentRefinements.js

@@ -7,2 +7,3 @@ "use strict";
 exports.CurrentRefinements = CurrentRefinements;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireDefault(require("react"));
@@ -24,18 +25,18 @@ var _lib = require("./lib");
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
-    className: (0, _lib.cx)('ais-CurrentRefinements', classNames.root, !hasRefinements && (0, _lib.cx)('ais-CurrentRefinements--noRefinement', classNames.noRefinementRoot), props.className)
+    className: (0, _instantsearchUiComponents.cx)('ais-CurrentRefinements', classNames.root, !hasRefinements && (0, _instantsearchUiComponents.cx)('ais-CurrentRefinements--noRefinement', classNames.noRefinementRoot), props.className)
   }), /*#__PURE__*/_react.default.createElement("ul", {
-    className: (0, _lib.cx)('ais-CurrentRefinements-list', classNames.list, /* @MAJOR remove to ensure conformity with InstantSearch.css specs */
-    !hasRefinements && (0, _lib.cx)('ais-CurrentRefinements-list--noRefinement', classNames.noRefinementList))
+    className: (0, _instantsearchUiComponents.cx)('ais-CurrentRefinements-list', classNames.list, /* @MAJOR remove to ensure conformity with InstantSearch.css specs */
+    !hasRefinements && (0, _instantsearchUiComponents.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, _lib.cx)('ais-CurrentRefinements-item', classNames.item)
+      className: (0, _instantsearchUiComponents.cx)('ais-CurrentRefinements-item', classNames.item)
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _lib.cx)('ais-CurrentRefinements-label', classNames.label)
+      className: (0, _instantsearchUiComponents.cx)('ais-CurrentRefinements-label', classNames.label)
     }, (0, _lib.capitalize)(item.label), ":", ' '), item.refinements.map(function (refinement) {
       return /*#__PURE__*/_react.default.createElement("span", {
         key: refinement.label,
-        className: (0, _lib.cx)('ais-CurrentRefinements-category', classNames.category)
+        className: (0, _instantsearchUiComponents.cx)('ais-CurrentRefinements-category', classNames.category)
       }, /*#__PURE__*/_react.default.createElement("span", {
-        className: (0, _lib.cx)('ais-CurrentRefinements-categoryLabel', classNames.categoryLabel)
+        className: (0, _instantsearchUiComponents.cx)('ais-CurrentRefinements-categoryLabel', classNames.categoryLabel)
       }, refinement.label), /*#__PURE__*/_react.default.createElement("button", {
@@ -49,3 +50,3 @@ type: "button",
         },
-        className: (0, _lib.cx)('ais-CurrentRefinements-delete', classNames.delete)
+        className: (0, _instantsearchUiComponents.cx)('ais-CurrentRefinements-delete', classNames.delete)
       }, "\u2715"));
@@ -52,0 +53,0 @@ }));

dist/cjs/ui/HierarchicalMenu.js

@@ -7,4 +7,4 @@ "use strict";
 exports.HierarchicalMenu = HierarchicalMenu;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireDefault(require("react"));
-var _cx = require("./lib/cx");
 var _isModifierClick = require("./lib/isModifierClick");
@@ -28,9 +28,9 @@ var _ShowMoreButton = require("./ShowMoreButton");
   return /*#__PURE__*/_react.default.createElement("ul", {
-    className: (0, _cx.cx)('ais-HierarchicalMenu-list', classNames.list, className)
+    className: (0, _instantsearchUiComponents.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.isRefined && (0, _cx.cx)('ais-HierarchicalMenu-item--selected', classNames.selectedItem), item.data && item.data.length > 0 && (0, _cx.cx)('ais-HierarchicalMenu-item--parent', classNames.parentItem))
+      className: (0, _instantsearchUiComponents.cx)('ais-HierarchicalMenu-item', classNames.item, item.isRefined && (0, _instantsearchUiComponents.cx)('ais-HierarchicalMenu-item--selected', classNames.selectedItem), item.data && item.data.length > 0 && (0, _instantsearchUiComponents.cx)('ais-HierarchicalMenu-item--parent', classNames.parentItem))
     }, /*#__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)),
+      className: (0, _instantsearchUiComponents.cx)('ais-HierarchicalMenu-link', classNames.link, item.isRefined && (0, _instantsearchUiComponents.cx)('ais-HierarchicalMenu-link--selected', classNames.selectedItemLink)),
       href: createURL(item.value),
@@ -45,7 +45,7 @@ onClick: function onClick(event) {
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _cx.cx)('ais-HierarchicalMenu-label', classNames.label)
+      className: (0, _instantsearchUiComponents.cx)('ais-HierarchicalMenu-label', classNames.label)
     }, item.label), /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _cx.cx)('ais-HierarchicalMenu-count', classNames.count)
+      className: (0, _instantsearchUiComponents.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),
+      className: (0, _instantsearchUiComponents.cx)('ais-HierarchicalMenu-list--child', classNames.childList),
       classNames: classNames,
@@ -72,3 +72,3 @@ items: item.data,
   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)
+    className: (0, _instantsearchUiComponents.cx)('ais-HierarchicalMenu', classNames.root, !hasItems && (0, _instantsearchUiComponents.cx)('ais-HierarchicalMenu--noRefinement', classNames.noRefinementRoot), props.className)
   }), /*#__PURE__*/_react.default.createElement(HierarchicalList, {
@@ -80,3 +80,3 @@ classNames: classNames,
   }), 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)),
+    className: (0, _instantsearchUiComponents.cx)('ais-HierarchicalMenu-showMore', classNames.showMore, !canToggleShowMore && (0, _instantsearchUiComponents.cx)('ais-HierarchicalMenu-showMore--disabled', classNames.disabledShowMore)),
     disabled: !canToggleShowMore,
@@ -83,0 +83,0 @@ onClick: onToggleShowMore,

dist/cjs/ui/Highlight.js

@@ -7,5 +7,5 @@ "use strict";
 exports.Highlight = Highlight;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireDefault(require("react"));
 var _InternalHighlight = require("./InternalHighlight");
-var _cx = require("./lib/cx");
 var _excluded = ["classNames"];
@@ -22,8 +22,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
     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)
+      root: (0, _instantsearchUiComponents.cx)('ais-Highlight', classNames.root),
+      highlighted: (0, _instantsearchUiComponents.cx)('ais-Highlight-highlighted', classNames.highlighted),
+      nonHighlighted: (0, _instantsearchUiComponents.cx)('ais-Highlight-nonHighlighted', classNames.nonHighlighted),
+      separator: (0, _instantsearchUiComponents.cx)('ais-Highlight-separator', classNames.separator)
     }
   }, props));
 }

dist/cjs/ui/Hits.js

@@ -7,4 +7,4 @@ "use strict";
 exports.Hits = Hits;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireDefault(require("react"));
-var _cx = require("./lib/cx");
 var _excluded = ["hits", "sendEvent", "hitComponent", "classNames"];
@@ -32,9 +32,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
   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)
+    className: (0, _instantsearchUiComponents.cx)('ais-Hits', classNames.root, hits.length === 0 && (0, _instantsearchUiComponents.cx)('ais-Hits--empty', classNames.emptyRoot), props.className)
   }), /*#__PURE__*/_react.default.createElement("ol", {
-    className: (0, _cx.cx)('ais-Hits-list', classNames.list)
+    className: (0, _instantsearchUiComponents.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),
+      className: (0, _instantsearchUiComponents.cx)('ais-Hits-item', classNames.item),
       onClick: function onClick() {
@@ -41,0 +41,0 @@ sendEvent('click:internal', hit, 'Hit Clicked');

dist/cjs/ui/HitsPerPage.js

@@ -7,4 +7,4 @@ "use strict";
 exports.HitsPerPage = HitsPerPage;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireDefault(require("react"));
-var _cx = require("./lib/cx");
 var _excluded = ["items", "onChange", "currentValue", "classNames"];
@@ -23,5 +23,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
-    className: (0, _cx.cx)('ais-HitsPerPage', classNames.root, props.className)
+    className: (0, _instantsearchUiComponents.cx)('ais-HitsPerPage', classNames.root, props.className)
   }), /*#__PURE__*/_react.default.createElement("select", {
-    className: (0, _cx.cx)('ais-HitsPerPage-select', classNames.select),
+    className: (0, _instantsearchUiComponents.cx)('ais-HitsPerPage-select', classNames.select),
     onChange: function onChange(event) {
@@ -34,3 +34,3 @@ _onChange(Number(event.target.value));
       key: item.value,
-      className: (0, _cx.cx)('ais-HitsPerPage-option', classNames.option),
+      className: (0, _instantsearchUiComponents.cx)('ais-HitsPerPage-option', classNames.option),
       value: item.value
@@ -37,0 +37,0 @@ }, item.label);

dist/cjs/ui/InfiniteHits.js

@@ -7,4 +7,4 @@ "use strict";
 exports.InfiniteHits = InfiniteHits;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireDefault(require("react"));
-var _cx = require("./lib/cx");
 var _excluded = ["hitComponent", "hits", "sendEvent", "isFirstPage", "isLastPage", "onShowPrevious", "onShowMore", "classNames", "translations"];
@@ -37,13 +37,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
   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)
+    className: (0, _instantsearchUiComponents.cx)('ais-InfiniteHits', classNames.root, hits.length === 0 && (0, _instantsearchUiComponents.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)),
+    className: (0, _instantsearchUiComponents.cx)('ais-InfiniteHits-loadPrevious', classNames.loadPrevious, isFirstPage && (0, _instantsearchUiComponents.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)
+    className: (0, _instantsearchUiComponents.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),
+      className: (0, _instantsearchUiComponents.cx)('ais-InfiniteHits-item', classNames.item),
       onClick: function onClick() {
@@ -60,3 +60,3 @@ sendEvent('click:internal', hit, 'Hit Clicked');
   })), /*#__PURE__*/_react.default.createElement("button", {
-    className: (0, _cx.cx)('ais-InfiniteHits-loadMore', classNames.loadMore, isLastPage && (0, _cx.cx)('ais-InfiniteHits-loadMore--disabled', classNames.disabledLoadMore)),
+    className: (0, _instantsearchUiComponents.cx)('ais-InfiniteHits-loadMore', classNames.loadMore, isLastPage && (0, _instantsearchUiComponents.cx)('ais-InfiniteHits-loadMore--disabled', classNames.disabledLoadMore)),
     onClick: onShowMore,
@@ -63,0 +63,0 @@ disabled: isLastPage

dist/cjs/ui/InternalHighlight.js

 "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.InternalHighlight = InternalHighlight;
-var _react = _interopRequireWildcard(require("react"));
-var _cx = require("./lib/cx");
-var _excluded = ["parts", "highlightedTagName", "nonHighlightedTagName", "separator", "className", "classNames"];
-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 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.default.createElement(TagName, {
-    className: isHighlighted ? classNames.highlighted : classNames.nonHighlighted
-  }, children);
-}
-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.default.createElement("span", _extends({}, props, {
-    className: (0, _cx.cx)(classNames.root, className)
-  }), parts.map(function (part, partIndex) {
-    var isLastPart = partIndex === parts.length - 1;
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-      key: partIndex
-    }, part.map(function (subPart, subPartIndex) {
-      return /*#__PURE__*/_react.default.createElement(HighlightPart, {
-        key: subPartIndex,
-        classNames: classNames,
-        highlightedTagName: highlightedTagName,
-        nonHighlightedTagName: nonHighlightedTagName,
-        isHighlighted: subPart.isHighlighted
-      }, subPart.value);
-    }), !isLastPart && /*#__PURE__*/_react.default.createElement("span", {
-      className: classNames.separator
-    }, separator));
-  }));
-}
+exports.InternalHighlight = void 0;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
+var _react = require("react");
+var InternalHighlight = (0, _instantsearchUiComponents.createHighlightComponent)({
+  createElement: _react.createElement,
+  Fragment: _react.Fragment
+});
+exports.InternalHighlight = InternalHighlight;

dist/cjs/ui/lib/index.js

@@ -17,13 +17,2 @@ "use strict";
 });
-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");
@@ -30,0 +19,0 @@ Object.keys(_isModifierClick).forEach(function (key) {

dist/cjs/ui/Menu.js

@@ -7,4 +7,4 @@ "use strict";
 exports.Menu = Menu;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireDefault(require("react"));
-var _cx = require("./lib/cx");
 var _ShowMoreButton = require("./ShowMoreButton");
@@ -29,11 +29,11 @@ var _excluded = ["items", "classNames", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "createURL", "onRefine", "translations"];
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
-    className: (0, _cx.cx)('ais-Menu', classNames.root, items.length === 0 && (0, _cx.cx)('ais-Menu--noRefinement', classNames.noRefinementRoot), props.className)
+    className: (0, _instantsearchUiComponents.cx)('ais-Menu', classNames.root, items.length === 0 && (0, _instantsearchUiComponents.cx)('ais-Menu--noRefinement', classNames.noRefinementRoot), props.className)
   }), /*#__PURE__*/_react.default.createElement("ul", {
-    className: (0, _cx.cx)('ais-Menu-list', classNames.list)
+    className: (0, _instantsearchUiComponents.cx)('ais-Menu-list', classNames.list)
   }, items.map(function (item) {
     return /*#__PURE__*/_react.default.createElement("li", {
       key: item.label,
-      className: (0, _cx.cx)('ais-Menu-item', classNames.item, item.isRefined && (0, _cx.cx)('ais-Menu-item--selected', classNames.selectedItem))
+      className: (0, _instantsearchUiComponents.cx)('ais-Menu-item', classNames.item, item.isRefined && (0, _instantsearchUiComponents.cx)('ais-Menu-item--selected', classNames.selectedItem))
     }, /*#__PURE__*/_react.default.createElement("a", {
-      className: (0, _cx.cx)('ais-Menu-link', classNames.link),
+      className: (0, _instantsearchUiComponents.cx)('ais-Menu-link', classNames.link),
       href: createURL(item.value),
@@ -45,8 +45,8 @@ onClick: function onClick(event) {
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _cx.cx)('ais-Menu-label', classNames.label)
+      className: (0, _instantsearchUiComponents.cx)('ais-Menu-label', classNames.label)
     }, item.label), /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _cx.cx)('ais-Menu-count', classNames.count)
+      className: (0, _instantsearchUiComponents.cx)('ais-Menu-count', classNames.count)
     }, item.count)));
   })), showMore && /*#__PURE__*/_react.default.createElement(_ShowMoreButton.ShowMoreButton, {
-    className: (0, _cx.cx)('ais-Menu-showMore', classNames.showMore, !canToggleShowMore && (0, _cx.cx)('ais-Menu-showMore--disabled', classNames.disabledShowMore)),
+    className: (0, _instantsearchUiComponents.cx)('ais-Menu-showMore', classNames.showMore, !canToggleShowMore && (0, _instantsearchUiComponents.cx)('ais-Menu-showMore--disabled', classNames.disabledShowMore)),
     disabled: !canToggleShowMore,
@@ -53,0 +53,0 @@ onClick: onToggleShowMore,

dist/cjs/ui/Pagination.js

@@ -7,4 +7,4 @@ "use strict";
 exports.Pagination = Pagination;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireDefault(require("react"));
-var _cx = require("./lib/cx");
 var _isModifierClick = require("./lib/isModifierClick");
@@ -42,8 +42,8 @@ var _excluded = ["pages", "currentPage", "nbPages", "isFirstPage", "isLastPage", "showFirst", "showPrevious", "showNext", "showLast", "createURL", "onNavigate", "translations", "classNames"],
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
-    className: (0, _cx.cx)('ais-Pagination', classNames.root, nbPages <= 1 && (0, _cx.cx)('ais-Pagination--noRefinement', classNames.noRefinementRoot), props.className)
+    className: (0, _instantsearchUiComponents.cx)('ais-Pagination', classNames.root, nbPages <= 1 && (0, _instantsearchUiComponents.cx)('ais-Pagination--noRefinement', classNames.noRefinementRoot), props.className)
   }), /*#__PURE__*/_react.default.createElement("ul", {
-    className: (0, _cx.cx)('ais-Pagination-list', classNames.list)
+    className: (0, _instantsearchUiComponents.cx)('ais-Pagination-list', classNames.list)
   }, showFirst && /*#__PURE__*/_react.default.createElement(PaginationItem, {
     isDisabled: isFirstPage,
-    className: (0, _cx.cx)('ais-Pagination-item--firstPage', classNames.firstPageItem),
+    className: (0, _instantsearchUiComponents.cx)('ais-Pagination-item--firstPage', classNames.firstPageItem),
     classNames: classNames,
@@ -57,3 +57,3 @@ "aria-label": translations.firstPageItemAriaLabel,
     isDisabled: isFirstPage,
-    className: (0, _cx.cx)('ais-Pagination-item--previousPage', classNames.previousPageItem),
+    className: (0, _instantsearchUiComponents.cx)('ais-Pagination-item--previousPage', classNames.previousPageItem),
     classNames: classNames,
@@ -69,3 +69,3 @@ "aria-label": translations.previousPageItemAriaLabel,
       isDisabled: false,
-      className: (0, _cx.cx)('ais-Pagination-item--page', classNames.pageItem, page === currentPage && (0, _cx.cx)('ais-Pagination-item--selected', classNames.selectedItem)),
+      className: (0, _instantsearchUiComponents.cx)('ais-Pagination-item--page', classNames.pageItem, page === currentPage && (0, _instantsearchUiComponents.cx)('ais-Pagination-item--selected', classNames.selectedItem)),
       classNames: classNames,
@@ -86,3 +86,3 @@ "aria-label": translations.pageItemAriaLabel({
     isDisabled: isLastPage,
-    className: (0, _cx.cx)('ais-Pagination-item--nextPage', classNames.nextPageItem),
+    className: (0, _instantsearchUiComponents.cx)('ais-Pagination-item--nextPage', classNames.nextPageItem),
     classNames: classNames,
@@ -96,3 +96,3 @@ "aria-label": translations.nextPageItemAriaLabel,
     isDisabled: isLastPage,
-    className: (0, _cx.cx)('ais-Pagination-item--lastPage', classNames.lastPageItem),
+    className: (0, _instantsearchUiComponents.cx)('ais-Pagination-item--lastPage', classNames.lastPageItem),
     classNames: classNames,
@@ -115,11 +115,11 @@ "aria-label": translations.lastPageItemAriaLabel,
     return /*#__PURE__*/_react.default.createElement("li", {
-      className: (0, _cx.cx)('ais-Pagination-item', classNames.item, 'ais-Pagination-item--disabled', classNames.disabledItem, className)
+      className: (0, _instantsearchUiComponents.cx)('ais-Pagination-item', classNames.item, 'ais-Pagination-item--disabled', classNames.disabledItem, className)
     }, /*#__PURE__*/_react.default.createElement("span", _extends({
-      className: (0, _cx.cx)('ais-Pagination-link', classNames.link)
+      className: (0, _instantsearchUiComponents.cx)('ais-Pagination-link', classNames.link)
     }, props)));
   }
   return /*#__PURE__*/_react.default.createElement("li", {
-    className: (0, _cx.cx)('ais-Pagination-item', classNames.item, className)
+    className: (0, _instantsearchUiComponents.cx)('ais-Pagination-item', classNames.item, className)
   }, /*#__PURE__*/_react.default.createElement("a", _extends({
-    className: (0, _cx.cx)('ais-Pagination-link', classNames.link),
+    className: (0, _instantsearchUiComponents.cx)('ais-Pagination-link', classNames.link),
     href: href,
@@ -126,0 +126,0 @@ onClick: function onClick(event) {

dist/cjs/ui/PoweredBy.js

@@ -7,4 +7,4 @@ "use strict";
 exports.PoweredBy = PoweredBy;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireDefault(require("react"));
-var _cx = require("./lib/cx");
 var _excluded = ["classNames", "url", "theme"];
@@ -23,7 +23,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
-    className: (0, _cx.cx)('ais-PoweredBy', theme === 'dark' ? (0, _cx.cx)('ais-PoweredBy--dark', classNames.dark) : (0, _cx.cx)('ais-PoweredBy--light', classNames.light), classNames.root, props.className)
+    className: (0, _instantsearchUiComponents.cx)('ais-PoweredBy', theme === 'dark' ? (0, _instantsearchUiComponents.cx)('ais-PoweredBy--dark', classNames.dark) : (0, _instantsearchUiComponents.cx)('ais-PoweredBy--light', classNames.light), classNames.root, props.className)
   }), /*#__PURE__*/_react.default.createElement("a", {
     href: url,
     target: "_blank",
-    className: (0, _cx.cx)('ais-PoweredBy-link', classNames.link),
+    className: (0, _instantsearchUiComponents.cx)('ais-PoweredBy-link', classNames.link),
     "aria-label": "Search by Algolia",
@@ -33,3 +33,3 @@ rel: "noopener noreferrer"
     viewBox: "0 0 572 64",
-    className: (0, _cx.cx)('ais-PoweredBy-logo', classNames.logo)
+    className: (0, _instantsearchUiComponents.cx)('ais-PoweredBy-logo', classNames.logo)
   }, /*#__PURE__*/_react.default.createElement("path", {
@@ -36,0 +36,0 @@ fill: theme === 'dark' ? '#FFF' : '#36395A',

dist/cjs/ui/RangeInput.js

@@ -8,4 +8,4 @@ "use strict";
 exports.RangeInput = RangeInput;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireWildcard(require("react"));
-var _cx = require("./lib/cx");
 var _excluded = ["classNames", "range", "start", "step", "disabled", "onSubmit", "translations"];
@@ -74,5 +74,5 @@ 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); }
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
-    className: (0, _cx.cx)((0, _cx.cx)('ais-RangeInput', classNames.root), disabled && (0, _cx.cx)('ais-RangeInput--noRefinement', classNames.noRefinementRoot), props.className)
+    className: (0, _instantsearchUiComponents.cx)((0, _instantsearchUiComponents.cx)('ais-RangeInput', classNames.root), disabled && (0, _instantsearchUiComponents.cx)('ais-RangeInput--noRefinement', classNames.noRefinementRoot), props.className)
   }), /*#__PURE__*/_react.default.createElement("form", {
-    className: (0, _cx.cx)('ais-RangeInput-form', classNames.form),
+    className: (0, _instantsearchUiComponents.cx)('ais-RangeInput-form', classNames.form),
     onSubmit: function onSubmit(event) {
@@ -83,5 +83,5 @@ event.preventDefault();
   }, /*#__PURE__*/_react.default.createElement("label", {
-    className: (0, _cx.cx)('ais-RangeInput-label', classNames.label)
+    className: (0, _instantsearchUiComponents.cx)('ais-RangeInput-label', classNames.label)
   }, /*#__PURE__*/_react.default.createElement("input", {
-    className: (0, _cx.cx)('ais-RangeInput-input', classNames.input, 'ais-RangeInput-input--min', classNames.inputMin),
+    className: (0, _instantsearchUiComponents.cx)('ais-RangeInput-input', classNames.input, 'ais-RangeInput-input--min', classNames.inputMin),
     type: "number",
@@ -103,7 +103,7 @@ min: min,
   })), /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _cx.cx)('ais-RangeInput-separator', classNames.separator)
+    className: (0, _instantsearchUiComponents.cx)('ais-RangeInput-separator', classNames.separator)
   }, translations.separatorElementText), /*#__PURE__*/_react.default.createElement("label", {
-    className: (0, _cx.cx)('ais-RangeInput-label', classNames.label)
+    className: (0, _instantsearchUiComponents.cx)('ais-RangeInput-label', classNames.label)
   }, /*#__PURE__*/_react.default.createElement("input", {
-    className: (0, _cx.cx)('ais-RangeInput-input', classNames.input, 'ais-RangeInput-input--max', classNames.inputMax),
+    className: (0, _instantsearchUiComponents.cx)('ais-RangeInput-input', classNames.input, 'ais-RangeInput-input--max', classNames.inputMax),
     type: "number",
@@ -125,5 +125,5 @@ min: min,
   })), /*#__PURE__*/_react.default.createElement("button", {
-    className: (0, _cx.cx)('ais-RangeInput-submit', classNames.submit),
+    className: (0, _instantsearchUiComponents.cx)('ais-RangeInput-submit', classNames.submit),
     type: "submit"
   }, translations.submitButtonText)));
 }

dist/cjs/ui/RefinementList.js

@@ -7,6 +7,6 @@ "use strict";
 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");
@@ -35,18 +35,18 @@ var _excluded = ["canRefine", "items", "onRefine", "query", "searchBox", "noResults", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "className", "classNames", "translations"];
   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",
@@ -58,10 +58,10 @@ value: item.value,
     }), /*#__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,
@@ -68,0 +68,0 @@ onClick: onToggleShowMore,

dist/cjs/ui/SearchBox.js

@@ -7,4 +7,4 @@ "use strict";
 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"];
@@ -21,3 +21,3 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
   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",
@@ -35,3 +35,3 @@ height: "10",
   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",
@@ -72,3 +72,3 @@ width: "10",
     stroke: "#444",
-    className: (0, _cx.cx)('ais-SearchBox-loadingIcon', classNames.loadingIcon),
+    className: (0, _instantsearchUiComponents.cx)('ais-SearchBox-loadingIcon', classNames.loadingIcon),
     "aria-hidden": "true"
@@ -117,7 +117,7 @@ }, _ref6);
   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,
@@ -129,3 +129,3 @@ onSubmit: handleSubmit,
     ref: inputRef,
-    className: (0, _cx.cx)('ais-SearchBox-input', classNames.input),
+    className: (0, _instantsearchUiComponents.cx)('ais-SearchBox-input', classNames.input),
     "aria-label": "Search",
@@ -144,3 +144,3 @@ autoComplete: "off",
   }), /*#__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",
@@ -151,3 +151,3 @@ title: translations.submitButtonTitle
   })), /*#__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",
@@ -159,5 +159,3 @@ title: translations.resetButtonTitle,
   })), /*#__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
@@ -164,0 +162,0 @@ }, /*#__PURE__*/_react.default.createElement(LoadingIcon, {

dist/cjs/ui/Snippet.js

@@ -7,5 +7,5 @@ "use strict";
 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"];
@@ -22,8 +22,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
     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));
 }

dist/cjs/ui/SortBy.js

@@ -7,4 +7,4 @@ "use strict";
 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"];
@@ -24,5 +24,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
   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) {
@@ -35,3 +35,3 @@ return _onChange(event.target.value);
     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,
@@ -38,0 +38,0 @@ value: item.value

dist/cjs/ui/Stats.js

@@ -7,4 +7,4 @@ "use strict";
 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"];
@@ -31,3 +31,3 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
   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", {
@@ -34,0 +34,0 @@ className: "ais-Stats-text"

dist/cjs/ui/ToggleRefinement.js

@@ -7,4 +7,4 @@ "use strict";
 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"];
@@ -23,7 +23,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
   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",
@@ -35,4 +35,4 @@ checked: 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)));
 }

dist/es/ui/Breadcrumb.js

@@ -5,4 +5,4 @@ var _excluded = ["classNames", "items", "hasItems", "createURL", "onNavigate", "separator", "translations"];
 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";
@@ -9,0 +9,0 @@ export function Breadcrumb(_ref) {

dist/es/ui/ClearRefinements.js

@@ -5,4 +5,4 @@ var _excluded = ["classNames", "disabled", "onClick", "translations"];
 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) {
@@ -9,0 +9,0 @@ var _ref$classNames = _ref.classNames,

dist/es/ui/CurrentRefinements.js

@@ -5,4 +5,5 @@ var _excluded = ["classNames", "items", "hasRefinements"];
 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) {
@@ -9,0 +10,0 @@ var _ref$classNames = _ref.classNames,

dist/es/ui/HierarchicalMenu.js

@@ -5,4 +5,4 @@ var _excluded = ["classNames", "items", "hasItems", "onNavigate", "createURL", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "translations"];
 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";
@@ -9,0 +9,0 @@ import { ShowMoreButton } from "./ShowMoreButton.js";

dist/es/ui/Highlight.d.ts

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

dist/es/ui/Highlight.js

@@ -5,5 +5,5 @@ var _excluded = ["classNames"];
 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) {
@@ -10,0 +10,0 @@ var _ref$classNames = _ref.classNames,

dist/es/ui/Hits.js

@@ -5,4 +5,4 @@ var _excluded = ["hits", "sendEvent", "hitComponent", "classNames"];
 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) {
@@ -9,0 +9,0 @@ var hit = _ref.hit;

dist/es/ui/HitsPerPage.js

@@ -5,4 +5,4 @@ var _excluded = ["items", "onChange", "currentValue", "classNames"];
 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) {
@@ -9,0 +9,0 @@ var items = _ref.items,

dist/es/ui/InfiniteHits.js

@@ -5,4 +5,4 @@ var _excluded = ["hitComponent", "hits", "sendEvent", "isFirstPage", "isLastPage", "onShowPrevious", "onShowMore", "classNames", "translations"];
 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) {
@@ -9,0 +9,0 @@ var hit = _ref.hit;

dist/es/ui/InternalHighlight.d.ts

@@ -1,32 +0,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;

dist/es/ui/InternalHighlight.js

@@ -1,47 +0,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
+});

dist/es/ui/lib/index.d.ts

 export * from './capitalize';
-export * from './cx';
 export * from './isModifierClick';

dist/es/ui/lib/index.js

 export * from "./capitalize.js";
-export * from "./cx.js";
 export * from "./isModifierClick.js";

dist/es/ui/Menu.js

@@ -5,4 +5,4 @@ var _excluded = ["items", "classNames", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "createURL", "onRefine", "translations"];
 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";
@@ -9,0 +9,0 @@ export function Menu(_ref) {

dist/es/ui/Pagination.js

@@ -6,4 +6,4 @@ var _excluded = ["pages", "currentPage", "nbPages", "isFirstPage", "isLastPage", "showFirst", "showPrevious", "showNext", "showLast", "createURL", "onNavigate", "translations", "classNames"],
 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";
@@ -10,0 +10,0 @@ export function Pagination(_ref) {

dist/es/ui/PoweredBy.js

@@ -5,4 +5,4 @@ var _excluded = ["classNames", "url", "theme"];
 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) {
@@ -9,0 +9,0 @@ var _ref$classNames = _ref.classNames,

dist/es/ui/RangeInput.js

@@ -11,4 +11,4 @@ var _excluded = ["classNames", "range", "start", "step", "disabled", "onSubmit", "translations"];
 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
@@ -15,0 +15,0 @@ var unsetNumberInputValue = '';

dist/es/ui/RefinementList.js

@@ -5,6 +5,6 @@ var _excluded = ["canRefine", "items", "onRefine", "query", "searchBox", "noResults", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "className", "classNames", "translations"];
 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";
@@ -11,0 +11,0 @@ export function RefinementList(_ref) {

dist/es/ui/SearchBox.js

@@ -5,4 +5,4 @@ var _excluded = ["formRef", "inputRef", "isSearchStalled", "onChange", "onReset", "onSubmit", "placeholder", "value", "autoFocus", "resetIconComponent", "submitIconComponent", "loadingIconComponent", "classNames", "translations"];
 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";
 var _ref2 = /*#__PURE__*/React.createElement("path", {
@@ -145,5 +145,3 @@ d: "M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z"
   })), /*#__PURE__*/React.createElement("span", {
-    className: 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: cx('ais-SearchBox-loadingIndicator', classNames.loadingIndicator),
     hidden: !isSearchStalled
@@ -150,0 +148,0 @@ }, /*#__PURE__*/React.createElement(LoadingIcon, {

dist/es/ui/Snippet.d.ts

@@ -1,2 +0,2 @@
-import type { InternalHighlightProps, InternalHighlightClassNames } from './InternalHighlight';
+import type { HighlightProps as InternalHighlightProps, HighlightClassNames as InternalHighlightClassNames } from 'instantsearch-ui-components';
 export type SnippetClassNames = InternalHighlightClassNames;
@@ -3,0 +3,0 @@ export type SnippetProps = Omit<InternalHighlightProps, 'classNames'> & {

dist/es/ui/Snippet.js

@@ -5,5 +5,5 @@ var _excluded = ["classNames"];
 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 Snippet(_ref) {
@@ -10,0 +10,0 @@ var _ref$classNames = _ref.classNames,

dist/es/ui/SortBy.js

@@ -5,4 +5,4 @@ var _excluded = ["items", "value", "onChange", "classNames"];
 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 SortBy(_ref) {
@@ -9,0 +9,0 @@ var items = _ref.items,

dist/es/ui/Stats.js

@@ -5,4 +5,4 @@ var _excluded = ["classNames", "nbHits", "processingTimeMS", "nbSortedHits", "areHitsSorted", "translations"];
 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 Stats(_ref) {
@@ -9,0 +9,0 @@ var _ref$classNames = _ref.classNames,

dist/es/ui/ToggleRefinement.js

@@ -5,4 +5,4 @@ var _excluded = ["classNames", "checked", "onChange", "label"];
 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 ToggleRefinement(_ref) {
@@ -9,0 +9,0 @@ var _ref$classNames = _ref.classNames,

package.json

 {
   "name": "react-instantsearch",
-  "version": "7.5.5",
+  "version": "7.6.0",
   "description": "⚡ Lightning-fast search for React, by Algolia",
-  "source": "src/index.ts",
   "types": "dist/es/index.d.ts",
@@ -51,4 +50,5 @@ "main": "dist/cjs/index.js",
     "@babel/runtime": "^7.1.2",
-    "instantsearch.js": "4.64.3",
-    "react-instantsearch-core": "7.5.5"
+    "instantsearch-ui-components": "0.3.0",
+    "instantsearch.js": "4.65.0",
+    "react-instantsearch-core": "7.6.0"
   },
@@ -60,3 +60,3 @@ "peerDependencies": {
   },
-  "gitHead": "9afbaecd8ae25e3b3746be05f858a83b03843102"
+  "gitHead": "084aff3d29e15cea8125076c46fb753c83d4dcad"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

4168811

increased by0.24%

Worsened metrics

Dependency count

7

increased by16.67%

Number of package files

146

decreased by-2.01%

Lines of code

26245

decreased by-0.28%

Dependency changes

• + Addedinstantsearch-ui-components@0.3.0

• + Addedinstantsearch-ui-components@0.3.0(transitive)

• + Addedinstantsearch.js@4.65.0(transitive)

• + Addedreact-instantsearch-core@7.6.0(transitive)

• - Removed@algolia/ui-components-highlight-vdom@1.2.3(transitive)

• - Removed@algolia/ui-components-shared@1.2.3(transitive)

• - Removedinstantsearch.js@4.64.3(transitive)

• - Removedreact-instantsearch-core@7.5.5(transitive)

• Updatedinstantsearch.js@4.65.0

• Updatedreact-instantsearch-core@7.6.0