react-instantsearch 7.5.4 → 7.6.0

package/dist/es/ui/ToggleRefinement.js

@@ -2,8 +2,8 @@ var _excluded = ["classNames", "checked", "onChange", "label"];
 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 ToggleRefinement(_ref) {
   var _ref$classNames = _ref.classNames,
     classNames = _ref$classNames === void 0 ? {} : _ref$classNames,

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

@@ -1,3 +1,2 @@
 export * from './capitalize';
-export * from './cx';
 export * from './isModifierClick';

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

@@ -1,3 +1,2 @@
 export * from "./capitalize.js";
-export * from "./cx.js";
 export * from "./isModifierClick.js";

package/dist/umd/ReactInstantSearch.js

@@ -7,7 +7,7 @@
 
   var React__default = 'default' in React ? React['default'] : React;
 
-  var version = '7.5.4';
+  var version = '7.6.0';
 
   // Copyright Joyent, Inc. and other Node contributors.
   //
@@ -6800,7 +6800,7 @@
     return chunks;
   }
   function _buildEventPayloadsForHits(_ref) {
-    var index = _ref.index,
+    var getIndex = _ref.getIndex,
       widgetType = _ref.widgetType,
       methodName = _ref.methodName,
       args = _ref.args,
@@ -6853,7 +6853,7 @@
           eventType: eventType,
           payload: _objectSpread$2({
             eventName: eventName || 'Hits Viewed',
-            index: index,
+            index: getIndex(),
             objectIDs: objectIDsByChunk[i]
           }, additionalData),
           hits: batch,
@@ -6868,7 +6868,7 @@
           eventType: eventType,
           payload: _objectSpread$2({
             eventName: eventName || 'Hit Clicked',
-            index: index,
+            index: getIndex(),
             queryID: queryID,
             objectIDs: objectIDsByChunk[i],
             positions: positionsByChunk[i]
@@ -6885,7 +6885,7 @@
           eventType: eventType,
           payload: _objectSpread$2({
             eventName: eventName || 'Hit Converted',
-            index: index,
+            index: getIndex(),
             queryID: queryID,
             objectIDs: objectIDsByChunk[i]
           }, additionalData),
@@ -6899,7 +6899,7 @@
   }
   function createSendEventForHits(_ref2) {
     var instantSearchInstance = _ref2.instantSearchInstance,
-      index = _ref2.index,
+      getIndex = _ref2.getIndex,
       widgetType = _ref2.widgetType;
     var sentEvents = {};
     var timer = undefined;
@@ -6909,7 +6909,7 @@
       }
       var payloads = _buildEventPayloadsForHits({
         widgetType: widgetType,
-        index: index,
+        getIndex: getIndex,
         methodName: 'sendEvent',
         args: args,
         instantSearchInstance: instantSearchInstance
@@ -6929,7 +6929,7 @@
     return sendEventForHits;
   }
   function createBindEventForHits(_ref3) {
-    var index = _ref3.index,
+    var getIndex = _ref3.getIndex,
       widgetType = _ref3.widgetType,
       instantSearchInstance = _ref3.instantSearchInstance;
     var bindEventForHits = function bindEventForHits() {
@@ -6938,7 +6938,7 @@
       }
       var payloads = _buildEventPayloadsForHits({
         widgetType: widgetType,
-        index: index,
+        getIndex: getIndex,
         methodName: 'bindEvent',
         args: args,
         instantSearchInstance: instantSearchInstance
@@ -12204,7 +12204,7 @@
     };
   }
 
-  var version$3 = '4.64.2';
+  var version$3 = '4.65.0';
 
   function _typeof$o(obj) {
     "@babel/helpers - typeof";
@@ -12927,6 +12927,10 @@
     return InstantSearch;
   }(events);
 
+  function unwrapExports (x) {
+  	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+  }
+
   function createCommonjsModule(fn, module) {
   	return module = { exports: {} }, fn(module, module.exports), module.exports;
   }
@@ -14305,7 +14309,9 @@
           if (!sendEvent) {
             sendEvent = createSendEventForHits({
               instantSearchInstance: instantSearchInstance,
-              index: helper.getIndex(),
+              getIndex: function getIndex() {
+                return helper.getIndex();
+              },
               widgetType: $$type
             });
           }
@@ -14832,13 +14838,17 @@
           if (!sendEvent) {
             sendEvent = createSendEventForHits({
               instantSearchInstance: instantSearchInstance,
-              index: helper.getIndex(),
+              getIndex: function getIndex() {
+                return helper.getIndex();
+              },
               widgetType: this.$$type
             });
           }
           if (!bindEvent) {
             bindEvent = createBindEventForHits({
-              index: helper.getIndex(),
+              getIndex: function getIndex() {
+                return helper.getIndex();
+              },
               widgetType: this.$$type,
               instantSearchInstance: instantSearchInstance
             });
@@ -15366,11 +15376,15 @@
             showMore = getShowMore(helper);
             sendEvent = createSendEventForHits({
               instantSearchInstance: instantSearchInstance,
-              index: helper.getIndex(),
+              getIndex: function getIndex() {
+                return helper.getIndex();
+              },
               widgetType: this.$$type
             });
             bindEvent = createBindEventForHits({
-              index: helper.getIndex(),
+              getIndex: function getIndex() {
+                return helper.getIndex();
+              },
               widgetType: this.$$type,
               instantSearchInstance: instantSearchInstance
             });
@@ -18990,11 +19004,132 @@
     return typeof key === "symbol" ? key : String(key);
   }
 
+  var _extends_1 = createCommonjsModule(function (module) {
+  function _extends() {
+    module.exports = _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;
+    }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+    return _extends.apply(this, arguments);
+  }
+  module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  var _extends$2 = unwrapExports(_extends_1);
+
+  var objectWithoutPropertiesLoose = createCommonjsModule(function (module) {
+  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;
+  }
+  module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  unwrapExports(objectWithoutPropertiesLoose);
+
+  var objectWithoutProperties = createCommonjsModule(function (module) {
+  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;
+  }
+  module.exports = _objectWithoutProperties, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  var _objectWithoutProperties$d = unwrapExports(objectWithoutProperties);
+
   function cx() {
     for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {
       classNames[_key] = arguments[_key];
     }
-    return classNames.filter(Boolean).join(' ');
+    return classNames.reduce(function (acc, className) {
+      if (Array.isArray(className)) {
+        return acc.concat(className);
+      }
+      return acc.concat([className]);
+    }, []).filter(Boolean).join(' ');
+  }
+
+  var _excluded$c = ["parts", "highlightedTagName", "nonHighlightedTagName", "separator", "className", "classNames"];
+  function createHighlightPartComponent(_ref) {
+    var createElement = _ref.createElement;
+    return function HighlightPart(_ref2) {
+      var classNames = _ref2.classNames,
+        children = _ref2.children,
+        highlightedTagName = _ref2.highlightedTagName,
+        isHighlighted = _ref2.isHighlighted,
+        nonHighlightedTagName = _ref2.nonHighlightedTagName;
+      var TagName = isHighlighted ? highlightedTagName : nonHighlightedTagName;
+      return createElement(TagName, {
+        className: isHighlighted ? classNames.highlighted : classNames.nonHighlighted
+      }, children);
+    };
+  }
+  function createHighlightComponent(_ref3) {
+    var createElement = _ref3.createElement,
+      Fragment = _ref3.Fragment;
+    var HighlightPart = createHighlightPartComponent({
+      createElement: createElement,
+      Fragment: Fragment
+    });
+    return function Highlight(userProps) {
+      // Not destructured in function signature, to make sure it's not exposed in
+      // the type definition.
+      var parts = userProps.parts,
+        _userProps$highlighte = userProps.highlightedTagName,
+        highlightedTagName = _userProps$highlighte === void 0 ? 'mark' : _userProps$highlighte,
+        _userProps$nonHighlig = userProps.nonHighlightedTagName,
+        nonHighlightedTagName = _userProps$nonHighlig === void 0 ? 'span' : _userProps$nonHighlig,
+        _userProps$separator = userProps.separator,
+        separator = _userProps$separator === void 0 ? ', ' : _userProps$separator,
+        className = userProps.className,
+        _userProps$classNames = userProps.classNames,
+        classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+        props = _objectWithoutProperties$d(userProps, _excluded$c);
+      return createElement("span", _extends$2({}, props, {
+        className: cx(classNames.root, className)
+      }), parts.map(function (part, partIndex) {
+        var isLastPart = partIndex === parts.length - 1;
+        return createElement(Fragment, {
+          key: partIndex
+        }, part.map(function (subPart, subPartIndex) {
+          return createElement(HighlightPart, {
+            key: subPartIndex,
+            classNames: classNames,
+            highlightedTagName: highlightedTagName,
+            nonHighlightedTagName: nonHighlightedTagName,
+            isHighlighted: subPart.isHighlighted
+          }, subPart.value);
+        }), !isLastPart && createElement("span", {
+          className: classNames.separator
+        }, separator));
+      }));
+    };
   }
 
   function isModifierClick(event) {
@@ -19002,7 +19137,7 @@
     return Boolean(isMiddleClick || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey);
   }
 
-  var _excluded$c = ["classNames", "items", "hasItems", "createURL", "onNavigate", "separator", "translations"];
+  var _excluded$d = ["classNames", "items", "hasItems", "createURL", "onNavigate", "separator", "translations"];
   function Breadcrumb(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
@@ -19014,7 +19149,7 @@
       _ref$separator = _ref.separator,
       separator = _ref$separator === void 0 ? '>' : _ref$separator,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$c);
+      props = _objectWithoutProperties$c(_ref, _excluded$d);
     var handleClick = function handleClick(value) {
       return function (event) {
         if (!isModifierClick(event)) {
@@ -19049,14 +19184,14 @@
     })));
   }
 
-  var _excluded$d = ["attributes", "rootPath", "separator", "transformItems", "translations"];
+  var _excluded$e = ["attributes", "rootPath", "separator", "transformItems", "translations"];
   function Breadcrumb$1(_ref) {
     var attributes = _ref.attributes,
       rootPath = _ref.rootPath,
       separator = _ref.separator,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$d);
+      props = _objectWithoutProperties$c(_ref, _excluded$e);
     var _useBreadcrumb = useBreadcrumb({
         attributes: attributes,
         rootPath: rootPath,
@@ -19080,7 +19215,7 @@
     return /*#__PURE__*/React__default.createElement(Breadcrumb, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$e = ["classNames", "disabled", "onClick", "translations"];
+  var _excluded$f = ["classNames", "disabled", "onClick", "translations"];
   function ClearRefinements(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
@@ -19089,7 +19224,7 @@
       _ref$onClick = _ref.onClick,
       onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$e);
+      props = _objectWithoutProperties$c(_ref, _excluded$f);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-ClearRefinements', classNames.root, props.className)
     }), /*#__PURE__*/React__default.createElement("button", {
@@ -19099,13 +19234,13 @@
     }, translations.resetButtonText));
   }
 
-  var _excluded$f = ["includedAttributes", "excludedAttributes", "transformItems", "translations"];
+  var _excluded$g = ["includedAttributes", "excludedAttributes", "transformItems", "translations"];
   function ClearRefinements$1(_ref) {
     var includedAttributes = _ref.includedAttributes,
       excludedAttributes = _ref.excludedAttributes,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$f);
+      props = _objectWithoutProperties$c(_ref, _excluded$g);
     var _useClearRefinements = useClearRefinements({
         includedAttributes: includedAttributes,
         excludedAttributes: excludedAttributes,
@@ -19129,7 +19264,7 @@
     return text.toString().charAt(0).toUpperCase() + text.toString().slice(1);
   }
 
-  var _excluded$g = ["classNames", "items", "hasRefinements"];
+  var _excluded$h = ["classNames", "items", "hasRefinements"];
   function CurrentRefinements(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
@@ -19137,7 +19272,7 @@
       items = _ref$items === void 0 ? [] : _ref$items,
       _ref$hasRefinements = _ref.hasRefinements,
       hasRefinements = _ref$hasRefinements === void 0 ? false : _ref$hasRefinements,
-      props = _objectWithoutProperties$c(_ref, _excluded$g);
+      props = _objectWithoutProperties$c(_ref, _excluded$h);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-CurrentRefinements', classNames.root, !hasRefinements && cx('ais-CurrentRefinements--noRefinement', classNames.noRefinementRoot), props.className)
     }), /*#__PURE__*/React__default.createElement("ul", {
@@ -19169,12 +19304,12 @@
     })));
   }
 
-  var _excluded$h = ["includedAttributes", "excludedAttributes", "transformItems"];
+  var _excluded$i = ["includedAttributes", "excludedAttributes", "transformItems"];
   function CurrentRefinements$1(_ref) {
     var includedAttributes = _ref.includedAttributes,
       excludedAttributes = _ref.excludedAttributes,
       transformItems = _ref.transformItems,
-      props = _objectWithoutProperties$c(_ref, _excluded$h);
+      props = _objectWithoutProperties$c(_ref, _excluded$i);
     var _useCurrentRefinement = useCurrentRefinements({
         includedAttributes: includedAttributes,
         excludedAttributes: excludedAttributes,
@@ -19191,17 +19326,17 @@
     return /*#__PURE__*/React__default.createElement(CurrentRefinements, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$i = ["isShowingMore", "translations"];
+  var _excluded$j = ["isShowingMore", "translations"];
   function ShowMoreButton(_ref) {
     var isShowingMore = _ref.isShowingMore,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$i);
+      props = _objectWithoutProperties$c(_ref, _excluded$j);
     return /*#__PURE__*/React__default.createElement("button", props, translations.showMoreButtonText({
       isShowingMore: isShowingMore
     }));
   }
 
-  var _excluded$j = ["classNames", "items", "hasItems", "onNavigate", "createURL", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "translations"];
+  var _excluded$k = ["classNames", "items", "hasItems", "onNavigate", "createURL", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "translations"];
   function HierarchicalList(_ref) {
     var className = _ref.className,
       _ref$classNames = _ref.classNames,
@@ -19253,7 +19388,7 @@
       onToggleShowMore = _ref2.onToggleShowMore,
       isShowingMore = _ref2.isShowingMore,
       translations = _ref2.translations,
-      props = _objectWithoutProperties$c(_ref2, _excluded$j);
+      props = _objectWithoutProperties$c(_ref2, _excluded$k);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-HierarchicalMenu', classNames.root, !hasItems && cx('ais-HierarchicalMenu--noRefinement', classNames.noRefinementRoot), props.className)
     }), /*#__PURE__*/React__default.createElement(HierarchicalList, {
@@ -19270,7 +19405,7 @@
     }));
   }
 
-  var _excluded$k = ["attributes", "limit", "rootPath", "separator", "showMore", "showMoreLimit", "showParentLevel", "sortBy", "transformItems", "translations"];
+  var _excluded$l = ["attributes", "limit", "rootPath", "separator", "showMore", "showMoreLimit", "showParentLevel", "sortBy", "transformItems", "translations"];
   function HierarchicalMenu$1(_ref) {
     var attributes = _ref.attributes,
       limit = _ref.limit,
@@ -19282,7 +19417,7 @@
       sortBy = _ref.sortBy,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$k);
+      props = _objectWithoutProperties$c(_ref, _excluded$l);
     var _useHierarchicalMenu = useHierarchicalMenu({
         attributes: attributes,
         limit: limit,
@@ -19322,48 +19457,10 @@
     }));
   }
 
-  var _excluded$l = ["parts", "highlightedTagName", "nonHighlightedTagName", "separator", "className", "classNames"];
-  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$c(_ref2, _excluded$l);
-    return /*#__PURE__*/React__default.createElement("span", _extends$1({}, props, {
-      className: 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));
-    }));
-  }
+  var InternalHighlight = createHighlightComponent({
+    createElement: React.createElement,
+    Fragment: React.Fragment
+  });
 
   var _excluded$m = ["classNames"];
   function Highlight(_ref) {
@@ -20233,9 +20330,7 @@
     }, /*#__PURE__*/React__default.createElement(ResetIcon, {
       classNames: classNames
     })), /*#__PURE__*/React__default.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
     }, /*#__PURE__*/React__default.createElement(LoadingIcon, {
       classNames: classNames