react-instantsearch 7.19.0 → 7.20.0

package/dist/cjs/ui/ReverseHighlight.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReverseHighlight = ReverseHighlight;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
+var _react = _interopRequireDefault(require("react"));
+var _InternalHighlight = require("./InternalHighlight");
+var _excluded = ["classNames"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function ReverseHighlight(_ref) {
+  var _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_InternalHighlight.InternalHighlight, _extends({
+    classNames: {
+      root: (0, _instantsearchUiComponents.cx)('ais-ReverseHighlight', classNames.root),
+      highlighted: (0, _instantsearchUiComponents.cx)('ais-ReverseHighlight-highlighted', classNames.highlighted),
+      nonHighlighted: (0, _instantsearchUiComponents.cx)('ais-ReverseHighlight-nonHighlighted', classNames.nonHighlighted),
+      separator: (0, _instantsearchUiComponents.cx)('ais-ReverseHighlight-separator', classNames.separator)
+    }
+  }, props));
+}

package/dist/cjs/widgets/Autocomplete.js

@@ -8,15 +8,11 @@ var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireWildcard(require("react"));
 var _reactInstantsearchCore = require("react-instantsearch-core");
 var _AutocompleteSearch = require("../components/AutocompleteSearch");
-var _excluded = ["indices", "showSuggestions", "showRecent"],
-  _excluded2 = ["indicesConfig", "refineSearchBox", "getSearchPageURL", "onSelect", "indexUiState", "isSearchPage", "showRecent"];
+var _ReverseHighlight = require("./ReverseHighlight");
+var _excluded = ["indices", "showSuggestions", "showRecent", "searchParameters"],
+  _excluded2 = ["indicesConfig", "refineSearchBox", "getSearchPageURL", "onSelect", "indexUiState", "isSearchPage", "panelComponent", "showRecent", "showSuggestions"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -24,6 +20,11 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 var Autocomplete = (0, _instantsearchUiComponents.createAutocompleteComponent)({
@@ -58,14 +59,12 @@ var useStorage = (0, _instantsearchUiComponents.createAutocompleteStorage)({
   useMemo: _react.useMemo,
   useState: _react.useState
 });
-var _ref2 = /*#__PURE__*/_react.default.createElement(_reactInstantsearchCore.Configure, {
-  hitsPerPage: 5
-});
 function EXPERIMENTAL_Autocomplete(_ref) {
   var _ref$indices = _ref.indices,
     indices = _ref$indices === void 0 ? [] : _ref$indices,
     showSuggestions = _ref.showSuggestions,
     showRecent = _ref.showRecent,
+    userSearchParameters = _ref.searchParameters,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useInstantSearch = (0, _reactInstantsearchCore.useInstantSearch)(),
     indexUiState = _useInstantSearch.indexUiState,
@@ -75,13 +74,25 @@ function EXPERIMENTAL_Autocomplete(_ref) {
       $$widgetType: 'ais.autocomplete'
     }),
     refine = _useSearchBox.refine;
+  var searchParameters = _objectSpread({
+    hitsPerPage: 5
+  }, userSearchParameters);
   var indicesConfig = _toConsumableArray(indices);
   if (showSuggestions !== null && showSuggestions !== void 0 && showSuggestions.indexName) {
     var _showSuggestions$clas, _showSuggestions$clas2, _showSuggestions$clas3, _showSuggestions$clas4;
     indicesConfig.unshift({
       indexName: showSuggestions.indexName,
       headerComponent: showSuggestions.headerComponent,
-      itemComponent: showSuggestions.itemComponent || AutocompleteSuggestion,
+      itemComponent: showSuggestions.itemComponent || function (_ref2) {
+        var item = _ref2.item,
+          onSelect = _ref2.onSelect;
+        return /*#__PURE__*/_react.default.createElement(AutocompleteSuggestion, {
+          item: item,
+          onSelect: onSelect
+        }, /*#__PURE__*/_react.default.createElement(ConditionalReverseHighlight, {
+          item: item
+        }));
+      },
       classNames: {
         root: (0, _instantsearchUiComponents.cx)('ais-AutocompleteSuggestions', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions$clas = showSuggestions.classNames) === null || _showSuggestions$clas === void 0 ? void 0 : _showSuggestions$clas.root),
         list: (0, _instantsearchUiComponents.cx)('ais-AutocompleteSuggestionsList', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions$clas2 = showSuggestions.classNames) === null || _showSuggestions$clas2 === void 0 ? void 0 : _showSuggestions$clas2.list),
@@ -99,17 +110,18 @@ function EXPERIMENTAL_Autocomplete(_ref) {
   }, [indexRenderState]);
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactInstantsearchCore.Index, {
     EXPERIMENTAL_isolated: true
-  }, _ref2, indicesConfig.map(function (index) {
+  }, /*#__PURE__*/_react.default.createElement(_reactInstantsearchCore.Configure, searchParameters), indicesConfig.map(function (index) {
     return /*#__PURE__*/_react.default.createElement(_reactInstantsearchCore.Index, {
       key: index.indexName,
       indexName: index.indexName
-    });
+    }, /*#__PURE__*/_react.default.createElement(_reactInstantsearchCore.Configure, index.searchParameters));
   }), /*#__PURE__*/_react.default.createElement(InnerAutocomplete, _extends({}, props, {
     indicesConfig: indicesConfig,
     refineSearchBox: refine,
     indexUiState: indexUiState,
     isSearchPage: isSearchPage,
-    showRecent: showRecent
+    showRecent: showRecent,
+    showSuggestions: showSuggestions
   }))));
 }
 function InnerAutocomplete(_ref3) {
@@ -119,7 +131,9 @@ function InnerAutocomplete(_ref3) {
     userOnSelect = _ref3.onSelect,
     indexUiState = _ref3.indexUiState,
     isSearchPage = _ref3.isSearchPage,
+    PanelComponent = _ref3.panelComponent,
     showRecent = _ref3.showRecent,
+    showSuggestions = _ref3.showSuggestions,
     props = _objectWithoutProperties(_ref3, _excluded2);
   var _useAutocomplete = (0, _reactInstantsearchCore.useAutocomplete)(),
     indices = _useAutocomplete.indices,
@@ -165,51 +179,78 @@ function InnerAutocomplete(_ref3) {
     getPanelProps = _usePropGetters.getPanelProps,
     getRootProps = _usePropGetters.getRootProps;
   var AutocompleteRecentSearchComponent = _typeof(showRecent) === 'object' && showRecent.itemComponent || AutocompleteRecentSearch;
-  return /*#__PURE__*/_react.default.createElement(Autocomplete, _extends({}, props, getRootProps()), /*#__PURE__*/_react.default.createElement(_AutocompleteSearch.AutocompleteSearch, {
-    inputProps: getInputProps(),
-    clearQuery: function clearQuery() {
-      refineSearchBox('');
-      refineAutocomplete('');
-    }
-  }), /*#__PURE__*/_react.default.createElement(AutocompletePanel, getPanelProps(), showRecent && /*#__PURE__*/_react.default.createElement(AutocompleteIndex
-  // @ts-ignore - there seems to be problems with React.ComponentType and this, but it's actually correct
-  , {
-    ItemComponent: function ItemComponent(_ref5) {
-      var item = _ref5.item,
-        onSelect = _ref5.onSelect;
-      return /*#__PURE__*/_react.default.createElement(AutocompleteRecentSearchComponent, {
-        item: item,
-        onSelect: onSelect,
-        onRemoveRecentSearch: function onRemoveRecentSearch() {
-          return storage.onRemove(item.query);
-        }
-      });
-    },
-    classNames: {
-      root: 'ais-AutocompleteRecentSearches',
-      list: 'ais-AutocompleteRecentSearchesList',
-      item: 'ais-AutocompleteRecentSearchesItem'
-    },
-    items: storageHits,
-    getItemProps: getItemProps
-  }), indices.map(function (_ref6, index) {
+  var elements = {};
+  if (showRecent) {
+    elements.recent = /*#__PURE__*/_react.default.createElement(AutocompleteIndex
+    // @ts-ignore - there seems to be problems with React.ComponentType and this, but it's actually correct
+    , {
+      ItemComponent: function ItemComponent(_ref5) {
+        var item = _ref5.item,
+          onSelect = _ref5.onSelect;
+        return /*#__PURE__*/_react.default.createElement(AutocompleteRecentSearchComponent, {
+          item: item,
+          onSelect: onSelect,
+          onRemoveRecentSearch: function onRemoveRecentSearch() {
+            return storage.onRemove(item.query);
+          }
+        }, /*#__PURE__*/_react.default.createElement(ConditionalReverseHighlight, {
+          item: item
+        }));
+      },
+      classNames: {
+        root: 'ais-AutocompleteRecentSearches',
+        list: 'ais-AutocompleteRecentSearchesList',
+        item: 'ais-AutocompleteRecentSearchesItem'
+      },
+      items: storageHits,
+      getItemProps: getItemProps
+    });
+  }
+  indices.forEach(function (_ref6, i) {
     var indexId = _ref6.indexId,
+      indexName = _ref6.indexName,
       hits = _ref6.hits;
-    return /*#__PURE__*/_react.default.createElement(AutocompleteIndex, {
+    var elementId = indexName === (showSuggestions === null || showSuggestions === void 0 ? void 0 : showSuggestions.indexName) ? 'suggestions' : indexName;
+    elements[elementId] = /*#__PURE__*/_react.default.createElement(AutocompleteIndex, {
       key: indexId
       // @ts-expect-error - there seems to be problems with React.ComponentType and this, but it's actually correct
       ,
-      HeaderComponent: indicesConfig[index].headerComponent
+      HeaderComponent: indicesConfig[i].headerComponent
       // @ts-expect-error - there seems to be problems with React.ComponentType and this, but it's actually correct
       ,
-      ItemComponent: indicesConfig[index].itemComponent,
+      ItemComponent: indicesConfig[i].itemComponent,
       items: hits.map(function (item) {
         return _objectSpread(_objectSpread({}, item), {}, {
           __indexName: indexId
         });
       }),
       getItemProps: getItemProps,
-      classNames: indicesConfig[index].classNames
+      classNames: indicesConfig[i].classNames
     });
+  });
+  return /*#__PURE__*/_react.default.createElement(Autocomplete, _extends({}, props, getRootProps()), /*#__PURE__*/_react.default.createElement(_AutocompleteSearch.AutocompleteSearch, {
+    inputProps: getInputProps(),
+    clearQuery: function clearQuery() {
+      refineSearchBox('');
+      refineAutocomplete('');
+    }
+  }), /*#__PURE__*/_react.default.createElement(AutocompletePanel, getPanelProps(), PanelComponent ? /*#__PURE__*/_react.default.createElement(PanelComponent, {
+    elements: elements,
+    indices: indices
+  }) : Object.keys(elements).map(function (elementId) {
+    return elements[elementId];
   })));
+}
+function ConditionalReverseHighlight(_ref7) {
+  var _item$_highlightResul;
+  var item = _ref7.item;
+  if (!((_item$_highlightResul = item._highlightResult) !== null && _item$_highlightResul !== void 0 && _item$_highlightResul.query) ||
+  // @ts-expect-error - we should not have matchLevel as arrays here
+  item._highlightResult.query.matchLevel === 'none') {
+    return item.query;
+  }
+  return /*#__PURE__*/_react.default.createElement(_ReverseHighlight.ReverseHighlight, {
+    attribute: "query",
+    hit: item
+  });
 }

package/dist/cjs/widgets/ReverseHighlight.js

@@ -0,0 +1,46 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReverseHighlight = ReverseHighlight;
+var _utils = require("instantsearch.js/cjs/lib/utils");
+var _react = _interopRequireDefault(require("react"));
+var _ReverseHighlight = require("../ui/ReverseHighlight");
+var _excluded = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"],
+  _excluded2 = ["isHighlighted"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function ReverseHighlight(_ref) {
+  var hit = _ref.hit,
+    attribute = _ref.attribute,
+    highlightedTagName = _ref.highlightedTagName,
+    nonHighlightedTagName = _ref.nonHighlightedTagName,
+    separator = _ref.separator,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var property = (0, _utils.getPropertyByPath)(hit._highlightResult, attribute) || [];
+  var properties = Array.isArray(property) ? property : [property];
+  var parts = properties.map(function (singleValue) {
+    return (0, _utils.getHighlightedParts)((0, _utils.unescape)(singleValue.value || '')).map(function (_ref2) {
+      var isHighlighted = _ref2.isHighlighted,
+        rest = _objectWithoutProperties(_ref2, _excluded2);
+      return _objectSpread(_objectSpread({}, rest), {}, {
+        isHighlighted: !isHighlighted
+      });
+    });
+  });
+  return /*#__PURE__*/_react.default.createElement(_ReverseHighlight.ReverseHighlight, _extends({}, props, {
+    parts: parts,
+    highlightedTagName: highlightedTagName,
+    nonHighlightedTagName: nonHighlightedTagName,
+    separator: separator
+  }));
+}

package/dist/cjs/widgets/index.js

@@ -201,6 +201,17 @@ Object.keys(_RelatedProducts).forEach(function (key) {
     }
   });
 });
+var _ReverseHighlight = require("./ReverseHighlight");
+Object.keys(_ReverseHighlight).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ReverseHighlight[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ReverseHighlight[key];
+    }
+  });
+});
 var _SearchBox = require("./SearchBox");
 Object.keys(_SearchBox).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/cjs/widgets/index.umd.js

@@ -214,6 +214,18 @@ Object.keys(_RelatedProducts).forEach(function (key) {
     }
   });
 });
+var _ReverseHighlight = require("./ReverseHighlight");
+Object.keys(_ReverseHighlight).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ReverseHighlight[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ReverseHighlight[key];
+    }
+  });
+});
 var _SearchBox = require("./SearchBox");
 Object.keys(_SearchBox).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { HighlightProps as InternalHighlightProps, HighlightClassNames as InternalHighlightClassNames } from 'instantsearch-ui-components';
+export type ReverseHighlightClassNames = InternalHighlightClassNames;
+export type ReverseHighlightProps = Omit<InternalHighlightProps, 'classNames'> & {
+    classNames?: Partial<ReverseHighlightClassNames>;
+};
+export declare function ReverseHighlight({ classNames, ...props }: ReverseHighlightProps): React.JSX.Element;

package/dist/es/ui/ReverseHighlight.js

@@ -0,0 +1,20 @@
+var _excluded = ["classNames"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { cx } from 'instantsearch-ui-components';
+import React from 'react';
+import { InternalHighlight } from "./InternalHighlight.js";
+export function ReverseHighlight(_ref) {
+  var _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(InternalHighlight, _extends({
+    classNames: {
+      root: cx('ais-ReverseHighlight', classNames.root),
+      highlighted: cx('ais-ReverseHighlight-highlighted', classNames.highlighted),
+      nonHighlighted: cx('ais-ReverseHighlight-nonHighlighted', classNames.nonHighlighted),
+      separator: cx('ais-ReverseHighlight-separator', classNames.separator)
+    }
+  }, props));
+}

package/dist/es/widgets/Autocomplete.d.ts

@@ -1,12 +1,17 @@
 import React from 'react';
+import { useAutocomplete } from 'react-instantsearch-core';
+import type { PlainSearchParameters } from 'algoliasearch-helper';
 import type { AutocompleteIndexClassNames, AutocompleteIndexConfig, AutocompleteClassNames, AutocompleteIndexProps } from 'instantsearch-ui-components';
 import type { BaseHit, IndexUiState } from 'instantsearch.js';
 import type { ComponentProps } from 'react';
+type AutocompleteSearchParameters = Omit<PlainSearchParameters, 'index'>;
 type IndexConfig<TItem extends BaseHit> = AutocompleteIndexConfig<TItem> & {
     headerComponent?: AutocompleteIndexProps<TItem>['HeaderComponent'];
     itemComponent: AutocompleteIndexProps<TItem>['ItemComponent'];
+    searchParameters?: AutocompleteSearchParameters;
     classNames?: Partial<AutocompleteIndexClassNames>;
 };
+type PanelElements = Partial<Record<'recent' | 'suggestions' | (string & {}), React.JSX.Element>>;
 export type AutocompleteProps<TItem extends BaseHit> = ComponentProps<'div'> & {
     indices?: Array<IndexConfig<TItem>>;
     showSuggestions?: Partial<Pick<IndexConfig<{
@@ -28,7 +33,12 @@ export type AutocompleteProps<TItem extends BaseHit> = ComponentProps<'div'> & {
     };
     getSearchPageURL?: (nextUiState: IndexUiState) => string;
     onSelect?: AutocompleteIndexConfig<TItem>['onSelect'];
+    panelComponent?: (props: {
+        elements: PanelElements;
+        indices: ReturnType<typeof useAutocomplete>['indices'];
+    }) => React.JSX.Element;
+    searchParameters?: AutocompleteSearchParameters;
     classNames?: Partial<AutocompleteClassNames>;
 };
-export declare function EXPERIMENTAL_Autocomplete<TItem extends BaseHit = BaseHit>({ indices, showSuggestions, showRecent, ...props }: AutocompleteProps<TItem>): React.JSX.Element;
+export declare function EXPERIMENTAL_Autocomplete<TItem extends BaseHit = BaseHit>({ indices, showSuggestions, showRecent, searchParameters: userSearchParameters, ...props }: AutocompleteProps<TItem>): React.JSX.Element;
 export {};

package/dist/es/widgets/Autocomplete.js

@@ -1,11 +1,6 @@
-var _excluded = ["indices", "showSuggestions", "showRecent"],
-  _excluded2 = ["indicesConfig", "refineSearchBox", "getSearchPageURL", "onSelect", "indexUiState", "isSearchPage", "showRecent"];
+var _excluded = ["indices", "showSuggestions", "showRecent", "searchParameters"],
+  _excluded2 = ["indicesConfig", "refineSearchBox", "getSearchPageURL", "onSelect", "indexUiState", "isSearchPage", "panelComponent", "showRecent", "showSuggestions"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -13,12 +8,18 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { createAutocompleteComponent, createAutocompleteIndexComponent, createAutocompletePanelComponent, createAutocompletePropGetters, createAutocompleteSuggestionComponent, createAutocompleteRecentSearchComponent, createAutocompleteStorage, cx } from 'instantsearch-ui-components';
 import React, { createElement, Fragment, useEffect, useId, useMemo, useRef, useState } from 'react';
 import { Configure, Index, useAutocomplete, useInstantSearch, useSearchBox } from 'react-instantsearch-core';
 import { AutocompleteSearch } from "../components/AutocompleteSearch.js";
+import { ReverseHighlight } from "./ReverseHighlight.js";
 var Autocomplete = createAutocompleteComponent({
   createElement: createElement,
   Fragment: Fragment
@@ -51,14 +52,12 @@ var useStorage = createAutocompleteStorage({
   useMemo: useMemo,
   useState: useState
 });
-var _ref2 = /*#__PURE__*/React.createElement(Configure, {
-  hitsPerPage: 5
-});
 export function EXPERIMENTAL_Autocomplete(_ref) {
   var _ref$indices = _ref.indices,
     indices = _ref$indices === void 0 ? [] : _ref$indices,
     showSuggestions = _ref.showSuggestions,
     showRecent = _ref.showRecent,
+    userSearchParameters = _ref.searchParameters,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useInstantSearch = useInstantSearch(),
     indexUiState = _useInstantSearch.indexUiState,
@@ -68,13 +67,25 @@ export function EXPERIMENTAL_Autocomplete(_ref) {
       $$widgetType: 'ais.autocomplete'
     }),
     refine = _useSearchBox.refine;
+  var searchParameters = _objectSpread({
+    hitsPerPage: 5
+  }, userSearchParameters);
   var indicesConfig = _toConsumableArray(indices);
   if (showSuggestions !== null && showSuggestions !== void 0 && showSuggestions.indexName) {
     var _showSuggestions$clas, _showSuggestions$clas2, _showSuggestions$clas3, _showSuggestions$clas4;
     indicesConfig.unshift({
       indexName: showSuggestions.indexName,
       headerComponent: showSuggestions.headerComponent,
-      itemComponent: showSuggestions.itemComponent || AutocompleteSuggestion,
+      itemComponent: showSuggestions.itemComponent || function (_ref2) {
+        var item = _ref2.item,
+          onSelect = _ref2.onSelect;
+        return /*#__PURE__*/React.createElement(AutocompleteSuggestion, {
+          item: item,
+          onSelect: onSelect
+        }, /*#__PURE__*/React.createElement(ConditionalReverseHighlight, {
+          item: item
+        }));
+      },
       classNames: {
         root: cx('ais-AutocompleteSuggestions', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions$clas = showSuggestions.classNames) === null || _showSuggestions$clas === void 0 ? void 0 : _showSuggestions$clas.root),
         list: cx('ais-AutocompleteSuggestionsList', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions$clas2 = showSuggestions.classNames) === null || _showSuggestions$clas2 === void 0 ? void 0 : _showSuggestions$clas2.list),
@@ -92,17 +103,18 @@ export function EXPERIMENTAL_Autocomplete(_ref) {
   }, [indexRenderState]);
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Index, {
     EXPERIMENTAL_isolated: true
-  }, _ref2, indicesConfig.map(function (index) {
+  }, /*#__PURE__*/React.createElement(Configure, searchParameters), indicesConfig.map(function (index) {
     return /*#__PURE__*/React.createElement(Index, {
       key: index.indexName,
       indexName: index.indexName
-    });
+    }, /*#__PURE__*/React.createElement(Configure, index.searchParameters));
   }), /*#__PURE__*/React.createElement(InnerAutocomplete, _extends({}, props, {
     indicesConfig: indicesConfig,
     refineSearchBox: refine,
     indexUiState: indexUiState,
     isSearchPage: isSearchPage,
-    showRecent: showRecent
+    showRecent: showRecent,
+    showSuggestions: showSuggestions
   }))));
 }
 function InnerAutocomplete(_ref3) {
@@ -112,7 +124,9 @@ function InnerAutocomplete(_ref3) {
     userOnSelect = _ref3.onSelect,
     indexUiState = _ref3.indexUiState,
     isSearchPage = _ref3.isSearchPage,
+    PanelComponent = _ref3.panelComponent,
     showRecent = _ref3.showRecent,
+    showSuggestions = _ref3.showSuggestions,
     props = _objectWithoutProperties(_ref3, _excluded2);
   var _useAutocomplete = useAutocomplete(),
     indices = _useAutocomplete.indices,
@@ -158,51 +172,78 @@ function InnerAutocomplete(_ref3) {
     getPanelProps = _usePropGetters.getPanelProps,
     getRootProps = _usePropGetters.getRootProps;
   var AutocompleteRecentSearchComponent = _typeof(showRecent) === 'object' && showRecent.itemComponent || AutocompleteRecentSearch;
-  return /*#__PURE__*/React.createElement(Autocomplete, _extends({}, props, getRootProps()), /*#__PURE__*/React.createElement(AutocompleteSearch, {
-    inputProps: getInputProps(),
-    clearQuery: function clearQuery() {
-      refineSearchBox('');
-      refineAutocomplete('');
-    }
-  }), /*#__PURE__*/React.createElement(AutocompletePanel, getPanelProps(), showRecent && /*#__PURE__*/React.createElement(AutocompleteIndex
-  // @ts-ignore - there seems to be problems with React.ComponentType and this, but it's actually correct
-  , {
-    ItemComponent: function ItemComponent(_ref5) {
-      var item = _ref5.item,
-        onSelect = _ref5.onSelect;
-      return /*#__PURE__*/React.createElement(AutocompleteRecentSearchComponent, {
-        item: item,
-        onSelect: onSelect,
-        onRemoveRecentSearch: function onRemoveRecentSearch() {
-          return storage.onRemove(item.query);
-        }
-      });
-    },
-    classNames: {
-      root: 'ais-AutocompleteRecentSearches',
-      list: 'ais-AutocompleteRecentSearchesList',
-      item: 'ais-AutocompleteRecentSearchesItem'
-    },
-    items: storageHits,
-    getItemProps: getItemProps
-  }), indices.map(function (_ref6, index) {
+  var elements = {};
+  if (showRecent) {
+    elements.recent = /*#__PURE__*/React.createElement(AutocompleteIndex
+    // @ts-ignore - there seems to be problems with React.ComponentType and this, but it's actually correct
+    , {
+      ItemComponent: function ItemComponent(_ref5) {
+        var item = _ref5.item,
+          onSelect = _ref5.onSelect;
+        return /*#__PURE__*/React.createElement(AutocompleteRecentSearchComponent, {
+          item: item,
+          onSelect: onSelect,
+          onRemoveRecentSearch: function onRemoveRecentSearch() {
+            return storage.onRemove(item.query);
+          }
+        }, /*#__PURE__*/React.createElement(ConditionalReverseHighlight, {
+          item: item
+        }));
+      },
+      classNames: {
+        root: 'ais-AutocompleteRecentSearches',
+        list: 'ais-AutocompleteRecentSearchesList',
+        item: 'ais-AutocompleteRecentSearchesItem'
+      },
+      items: storageHits,
+      getItemProps: getItemProps
+    });
+  }
+  indices.forEach(function (_ref6, i) {
     var indexId = _ref6.indexId,
+      indexName = _ref6.indexName,
       hits = _ref6.hits;
-    return /*#__PURE__*/React.createElement(AutocompleteIndex, {
+    var elementId = indexName === (showSuggestions === null || showSuggestions === void 0 ? void 0 : showSuggestions.indexName) ? 'suggestions' : indexName;
+    elements[elementId] = /*#__PURE__*/React.createElement(AutocompleteIndex, {
       key: indexId
       // @ts-expect-error - there seems to be problems with React.ComponentType and this, but it's actually correct
       ,
-      HeaderComponent: indicesConfig[index].headerComponent
+      HeaderComponent: indicesConfig[i].headerComponent
       // @ts-expect-error - there seems to be problems with React.ComponentType and this, but it's actually correct
       ,
-      ItemComponent: indicesConfig[index].itemComponent,
+      ItemComponent: indicesConfig[i].itemComponent,
       items: hits.map(function (item) {
         return _objectSpread(_objectSpread({}, item), {}, {
           __indexName: indexId
         });
       }),
       getItemProps: getItemProps,
-      classNames: indicesConfig[index].classNames
+      classNames: indicesConfig[i].classNames
     });
+  });
+  return /*#__PURE__*/React.createElement(Autocomplete, _extends({}, props, getRootProps()), /*#__PURE__*/React.createElement(AutocompleteSearch, {
+    inputProps: getInputProps(),
+    clearQuery: function clearQuery() {
+      refineSearchBox('');
+      refineAutocomplete('');
+    }
+  }), /*#__PURE__*/React.createElement(AutocompletePanel, getPanelProps(), PanelComponent ? /*#__PURE__*/React.createElement(PanelComponent, {
+    elements: elements,
+    indices: indices
+  }) : Object.keys(elements).map(function (elementId) {
+    return elements[elementId];
   })));
+}
+function ConditionalReverseHighlight(_ref7) {
+  var _item$_highlightResul;
+  var item = _ref7.item;
+  if (!((_item$_highlightResul = item._highlightResult) !== null && _item$_highlightResul !== void 0 && _item$_highlightResul.query) ||
+  // @ts-expect-error - we should not have matchLevel as arrays here
+  item._highlightResult.query.matchLevel === 'none') {
+    return item.query;
+  }
+  return /*#__PURE__*/React.createElement(ReverseHighlight, {
+    attribute: "query",
+    hit: item
+  });
 }

package/dist/es/widgets/ReverseHighlight.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { PartialKeys } from '../types';
+import type { ReverseHighlightProps as ReverseHighlightUiComponentProps } from '../ui/ReverseHighlight';
+import type { BaseHit, Hit } from 'instantsearch.js';
+export type ReverseHighlightProps<THit extends Hit<BaseHit>> = {
+    hit: THit;
+    attribute: keyof THit | string[];
+} & PartialKeys<Omit<ReverseHighlightUiComponentProps, 'parts'>, 'highlightedTagName' | 'nonHighlightedTagName' | 'separator'>;
+export declare function ReverseHighlight<THit extends Hit<BaseHit>>({ hit, attribute, highlightedTagName, nonHighlightedTagName, separator, ...props }: ReverseHighlightProps<THit>): React.JSX.Element;