react-instantsearch 7.18.0 → 7.19.0

package/dist/umd/ReactInstantSearch.js

@@ -7,7 +7,7 @@
 
   var React__default = 'default' in React ? React['default'] : React;
 
-  var version = '7.18.0';
+  var version = '7.19.0';
 
   // Copyright Joyent, Inc. and other Node contributors.
   //
@@ -4360,8 +4360,8 @@
 
     return recSort(
       function (data, facetName) {
+        var facetOrdering = getFacetOrdering(results, facetName);
         if (options.facetOrdering) {
-          var facetOrdering = getFacetOrdering(results, facetName);
           if (facetOrdering) {
             return sortViaFacetOrdering(data, facetOrdering);
           }
@@ -4369,7 +4369,24 @@
 
         if (Array.isArray(options.sortBy)) {
           var order = formatSort(options.sortBy, SearchResults.DEFAULT_SORT);
-          return orderBy_1(data, order[0], order[1]);
+          var items = orderBy_1(data, order[0], order[1]);
+
+          var hide =
+            facetOrdering && facetOrdering.hide ? facetOrdering.hide : [];
+          if (hide.length > 0) {
+            var visible = [];
+            items.forEach(function (item) {
+              // hierarchical facets get sorted using their raw name
+              var name = item.path || item.name;
+              if (hide.indexOf(name) === -1) {
+                visible.push(item);
+              }
+            });
+
+            return visible;
+          }
+
+          return items;
         } else if (typeof options.sortBy === 'function') {
           return vanillaSortFn(options.sortBy, data);
         }
@@ -4634,7 +4651,7 @@
 
   var sortAndMergeRecommendations_1 = sortAndMergeRecommendations;
 
-  var version$1 = '3.26.0';
+  var version$1 = '3.26.1';
 
   var escapeFacetValue$3 = escapeFacetValue_1.escapeFacetValue;
 
@@ -5087,16 +5104,19 @@
 
         content = Array.isArray(content) ? content[0] : content;
 
-        content.facetHits.forEach(function (f, i) {
+        content.facetHits = content.facetHits.reduce(function (acc, f) {
           if (hide.indexOf(f.value) > -1) {
-            content.facetHits.splice(i, 1);
-            return;
+            return acc;
           }
+
           f.escapedValue = escapeFacetValue$3(f.value);
           f.isRefined = isDisjunctive
             ? state.isDisjunctiveFacetRefined(facet, f.escapedValue)
             : state.isFacetRefined(facet, f.escapedValue);
-        });
+
+          acc.push(f);
+          return acc;
+        }, []);
 
         return content;
       },
@@ -10714,12 +10734,6 @@
         helper.searchWithoutTriggeringOnStateChange = function () {
           return mainHelper.search();
         };
-
-        // We use the same pattern for the `searchForFacetValues`.
-        helper.searchForFacetValues = function (facetName, facetValue, maxFacetHits, userState) {
-          var state = helper.state.setQueryParameters(userState);
-          return mainHelper.searchForFacetValues(facetName, facetValue, maxFacetHits, state);
-        };
         var isolatedHelper = indexName ? helper : algoliasearchHelper_1({}, '__empty_index__', {});
         var derivingHelper = isolated ? isolatedHelper : nearestIsolatedHelper(parent, mainHelper);
         derivedHelper = derivingHelper.derive(function () {
@@ -13333,7 +13347,7 @@
     };
   }
 
-  var version$3 = '4.82.0';
+  var version$3 = '4.83.0';
 
   function _typeof$q(o) {
     "@babel/helpers - typeof";
@@ -20809,6 +20823,15 @@
     var i = _toPrimitive$N(t, "string");
     return "symbol" == typeof i ? i : i + "";
   }
+  function _typeof$S(o) {
+    "@babel/helpers - typeof";
+
+    return _typeof$S = "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$S(o);
+  }
   function _unsupportedIterableToArray$n(r, a) {
     if (r) {
       if ("string" == typeof r) return _arrayLikeToArray$n(r, a);
@@ -20941,117 +20964,6 @@
     };
   }
 
-  function AutocompleteSubmitIcon(_ref) {
-    var createElement = _ref.createElement;
-    return createElement("svg", {
-      className: "ais-AutocompleteSubmitIcon",
-      viewBox: "0 0 24 24",
-      width: "20",
-      height: "20",
-      fill: "currentColor"
-    }, createElement("path", {
-      d: "M16.041 15.856c-0.034 0.026-0.067 0.055-0.099 0.087s-0.060 0.064-0.087 0.099c-1.258 1.213-2.969 1.958-4.855 1.958-1.933 0-3.682-0.782-4.95-2.050s-2.050-3.017-2.050-4.95 0.782-3.682 2.050-4.95 3.017-2.050 4.95-2.050 3.682 0.782 4.95 2.050 2.050 3.017 2.050 4.95c0 1.886-0.745 3.597-1.959 4.856zM21.707 20.293l-3.675-3.675c1.231-1.54 1.968-3.493 1.968-5.618 0-2.485-1.008-4.736-2.636-6.364s-3.879-2.636-6.364-2.636-4.736 1.008-6.364 2.636-2.636 3.879-2.636 6.364 1.008 4.736 2.636 6.364 3.879 2.636 6.364 2.636c2.125 0 4.078-0.737 5.618-1.968l3.675 3.675c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414z"
-    }));
-  }
-  function AutocompleteLoadingIcon(_ref2) {
-    var createElement = _ref2.createElement;
-    return createElement("svg", {
-      className: "ais-AutocompleteLoadingIcon",
-      viewBox: "0 0 100 100",
-      width: "20",
-      height: "20"
-    }, createElement("circle", {
-      cx: "50",
-      cy: "50",
-      fill: "none",
-      r: "35",
-      stroke: "currentColor",
-      strokeDasharray: "164.93361431346415 56.97787143782138",
-      strokeWidth: "6"
-    }, createElement("animateTransform", {
-      attributeName: "transform",
-      type: "rotate",
-      repeatCount: "indefinite",
-      dur: "1s",
-      values: "0 50 50;90 50 50;180 50 50;360 50 50",
-      keyTimes: "0;0.40;0.65;1"
-    })));
-  }
-  function AutocompleteClearIcon(_ref3) {
-    var createElement = _ref3.createElement;
-    return createElement("svg", {
-      className: "ais-AutocompleteClearIcon",
-      viewBox: "0 0 24 24",
-      width: "18",
-      height: "18",
-      fill: "currentColor"
-    }, createElement("path", {
-      d: "M5.293 6.707l5.293 5.293-5.293 5.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0l5.293-5.293 5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-5.293-5.293 5.293-5.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"
-    }));
-  }
-
-  function createAutocompleteSearchComponent(_ref) {
-    var createElement = _ref.createElement;
-    return function AutocompleteSearch(_ref2) {
-      var inputProps = _ref2.inputProps,
-        onClear = _ref2.onClear,
-        query = _ref2.query,
-        isSearchStalled = _ref2.isSearchStalled;
-      return createElement("form", {
-        className: "ais-AutocompleteForm",
-        action: "",
-        noValidate: true,
-        role: "search",
-        onSubmit: function onSubmit(e) {
-          return e.preventDefault();
-        }
-      }, createElement("div", {
-        className: "ais-AutocompleteInputWrapperPrefix"
-      }, createElement("label", {
-        className: "ais-AutocompleteLabel",
-        "aria-label": "Submit",
-        htmlFor: inputProps.id,
-        id: "".concat(inputProps.id, "-label")
-      }, createElement("button", {
-        className: "ais-AutocompleteSubmitButton",
-        type: "submit",
-        title: "Submit"
-      }, createElement(AutocompleteSubmitIcon, {
-        createElement: createElement
-      }))), createElement("div", {
-        className: "ais-AutocompleteLoadingIndicator",
-        hidden: !isSearchStalled
-      }, createElement(AutocompleteLoadingIcon, {
-        createElement: createElement
-      }))), createElement("div", {
-        className: "ais-AutocompleteInputWrapper"
-      }, createElement("input", _extends$2({
-        className: "ais-AutocompleteInput",
-        "aria-autocomplete": "both",
-        "aria-labelledby": "".concat(inputProps.id, "-label"),
-        autoComplete: "off",
-        autoCorrect: "off",
-        autoCapitalize: "off",
-        enterKeyHint: "search",
-        spellCheck: "false",
-        placeholder: "",
-        maxLength: 512,
-        type: "search",
-        value: query
-      }, inputProps))), createElement("div", {
-        className: "ais-AutocompleteInputWrapperSuffix"
-      }, createElement("button", {
-        className: "ais-AutocompleteClearButton",
-        type: "reset",
-        title: "Clear",
-        hidden: query.length === 0 || isSearchStalled,
-        onClick: onClear
-      }, createElement(AutocompleteClearIcon, {
-        createElement: createElement
-      }))));
-    };
-  }
-
   var _typeof_1 = createCommonjsModule(function (module) {
   function _typeof(o) {
     "@babel/helpers - typeof";
@@ -21065,7 +20977,7 @@
   module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
   });
 
-  var _typeof$S = unwrapExports(_typeof_1);
+  var _typeof$T = unwrapExports(_typeof_1);
 
   var toPrimitive_1 = createCommonjsModule(function (module) {
   var _typeof = _typeof_1["default"];
@@ -21194,6 +21106,169 @@
 
   var _slicedToArray$h = unwrapExports(slicedToArray);
 
+  function AutocompleteSubmitIcon(_ref) {
+    var createElement = _ref.createElement;
+    return createElement("svg", {
+      className: "ais-AutocompleteSubmitIcon",
+      viewBox: "0 0 24 24",
+      width: "20",
+      height: "20",
+      fill: "currentColor"
+    }, createElement("path", {
+      d: "M16.041 15.856c-0.034 0.026-0.067 0.055-0.099 0.087s-0.060 0.064-0.087 0.099c-1.258 1.213-2.969 1.958-4.855 1.958-1.933 0-3.682-0.782-4.95-2.050s-2.050-3.017-2.050-4.95 0.782-3.682 2.050-4.95 3.017-2.050 4.95-2.050 3.682 0.782 4.95 2.050 2.050 3.017 2.050 4.95c0 1.886-0.745 3.597-1.959 4.856zM21.707 20.293l-3.675-3.675c1.231-1.54 1.968-3.493 1.968-5.618 0-2.485-1.008-4.736-2.636-6.364s-3.879-2.636-6.364-2.636-4.736 1.008-6.364 2.636-2.636 3.879-2.636 6.364 1.008 4.736 2.636 6.364 3.879 2.636 6.364 2.636c2.125 0 4.078-0.737 5.618-1.968l3.675 3.675c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414z"
+    }));
+  }
+  function AutocompleteLoadingIcon(_ref2) {
+    var createElement = _ref2.createElement;
+    return createElement("svg", {
+      className: "ais-AutocompleteLoadingIcon",
+      viewBox: "0 0 100 100",
+      width: "20",
+      height: "20"
+    }, createElement("circle", {
+      cx: "50",
+      cy: "50",
+      fill: "none",
+      r: "35",
+      stroke: "currentColor",
+      strokeDasharray: "164.93361431346415 56.97787143782138",
+      strokeWidth: "6"
+    }, createElement("animateTransform", {
+      attributeName: "transform",
+      type: "rotate",
+      repeatCount: "indefinite",
+      dur: "1s",
+      values: "0 50 50;90 50 50;180 50 50;360 50 50",
+      keyTimes: "0;0.40;0.65;1"
+    })));
+  }
+  function AutocompleteClearIcon(_ref3) {
+    var createElement = _ref3.createElement;
+    return createElement("svg", {
+      className: "ais-AutocompleteClearIcon",
+      viewBox: "0 0 24 24",
+      width: "18",
+      height: "18",
+      fill: "currentColor"
+    }, createElement("path", {
+      d: "M5.293 6.707l5.293 5.293-5.293 5.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0l5.293-5.293 5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-5.293-5.293 5.293-5.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"
+    }));
+  }
+  function AutocompleteClockIcon(_ref4) {
+    var createElement = _ref4.createElement;
+    return createElement("svg", {
+      viewBox: "0 0 24 24",
+      fill: "currentColor"
+    }, createElement("path", {
+      d: "M12.516 6.984v5.25l4.5 2.672-0.75 1.266-5.25-3.188v-6h1.5zM12 20.016q3.281 0 5.648-2.367t2.367-5.648-2.367-5.648-5.648-2.367-5.648 2.367-2.367 5.648 2.367 5.648 5.648 2.367zM12 2.016q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055-7.055 2.93-7.055-2.93-2.93-7.055 2.93-7.055 7.055-2.93z"
+    }));
+  }
+  function AutocompleteTrashIcon(_ref5) {
+    var createElement = _ref5.createElement;
+    return createElement("svg", {
+      viewBox: "0 0 24 24",
+      fill: "currentColor"
+    }, createElement("path", {
+      d: "M18 7v13c0 0.276-0.111 0.525-0.293 0.707s-0.431 0.293-0.707 0.293h-10c-0.276 0-0.525-0.111-0.707-0.293s-0.293-0.431-0.293-0.707v-13zM17 5v-1c0-0.828-0.337-1.58-0.879-2.121s-1.293-0.879-2.121-0.879h-4c-0.828 0-1.58 0.337-2.121 0.879s-0.879 1.293-0.879 2.121v1h-4c-0.552 0-1 0.448-1 1s0.448 1 1 1h1v13c0 0.828 0.337 1.58 0.879 2.121s1.293 0.879 2.121 0.879h10c0.828 0 1.58-0.337 2.121-0.879s0.879-1.293 0.879-2.121v-13h1c0.552 0 1-0.448 1-1s-0.448-1-1-1zM9 5v-1c0-0.276 0.111-0.525 0.293-0.707s0.431-0.293 0.707-0.293h4c0.276 0 0.525 0.111 0.707 0.293s0.293 0.431 0.293 0.707v1zM9 11v6c0 0.552 0.448 1 1 1s1-0.448 1-1v-6c0-0.552-0.448-1-1-1s-1 0.448-1 1zM13 11v6c0 0.552 0.448 1 1 1s1-0.448 1-1v-6c0-0.552-0.448-1-1-1s-1 0.448-1 1z"
+    }));
+  }
+
+  function createAutocompleteRecentSearchComponent(_ref) {
+    var createElement = _ref.createElement;
+    return function AutocompleteRecentSearch(_ref2) {
+      var item = _ref2.item,
+        onSelect = _ref2.onSelect,
+        onRemoveRecentSearch = _ref2.onRemoveRecentSearch,
+        _ref2$classNames = _ref2.classNames,
+        classNames = _ref2$classNames === void 0 ? {} : _ref2$classNames;
+      return createElement("div", {
+        onClick: onSelect,
+        className: cx('ais-AutocompleteItemWrapper ais-AutocompleteRecentSearchWrapper', classNames.root)
+      }, createElement("div", {
+        className: cx('ais-AutocompleteItemContent', 'ais-AutocompleteRecentSearchItemContent', classNames.content)
+      }, createElement("div", {
+        className: cx('ais-AutocompleteItemIcon', 'ais-AutocompleteRecentSearchItemIcon', classNames.content)
+      }, createElement(AutocompleteClockIcon, {
+        createElement: createElement
+      })), createElement("div", {
+        className: cx('ais-AutocompleteItemContentBody', 'ais-AutocompleteRecentSearchItemContentBody', classNames.content)
+      }, item.query)), createElement("div", {
+        className: cx('ais-AutocompleteItemActions', 'ais-AutocompleteRecentSearchItemActions', classNames.actions)
+      }, createElement("button", {
+        className: cx('ais-AutocompleteItemActionButton', 'ais-AutocompleteRecentSearchItemDeleteButton', classNames.deleteButton),
+        title: "Remove ".concat(item.query, " from recent searches"),
+        onClick: function onClick(evt) {
+          evt.stopPropagation();
+          onRemoveRecentSearch();
+        }
+      }, createElement(AutocompleteTrashIcon, {
+        createElement: createElement
+      }))));
+    };
+  }
+
+  function createAutocompleteSearchComponent(_ref) {
+    var createElement = _ref.createElement;
+    return function AutocompleteSearch(_ref2) {
+      var inputProps = _ref2.inputProps,
+        onClear = _ref2.onClear,
+        query = _ref2.query,
+        isSearchStalled = _ref2.isSearchStalled;
+      return createElement("form", {
+        className: "ais-AutocompleteForm",
+        action: "",
+        noValidate: true,
+        role: "search",
+        onSubmit: function onSubmit(e) {
+          return e.preventDefault();
+        }
+      }, createElement("div", {
+        className: "ais-AutocompleteInputWrapperPrefix"
+      }, createElement("label", {
+        className: "ais-AutocompleteLabel",
+        "aria-label": "Submit",
+        htmlFor: inputProps.id,
+        id: "".concat(inputProps.id, "-label")
+      }, createElement("button", {
+        className: "ais-AutocompleteSubmitButton",
+        type: "submit",
+        title: "Submit"
+      }, createElement(AutocompleteSubmitIcon, {
+        createElement: createElement
+      }))), createElement("div", {
+        className: "ais-AutocompleteLoadingIndicator",
+        hidden: !isSearchStalled
+      }, createElement(AutocompleteLoadingIcon, {
+        createElement: createElement
+      }))), createElement("div", {
+        className: "ais-AutocompleteInputWrapper"
+      }, createElement("input", _extends$2({
+        className: "ais-AutocompleteInput",
+        "aria-autocomplete": "both",
+        "aria-labelledby": "".concat(inputProps.id, "-label"),
+        autoComplete: "off",
+        autoCorrect: "off",
+        autoCapitalize: "off",
+        enterKeyHint: "search",
+        spellCheck: "false",
+        placeholder: "",
+        maxLength: 512,
+        type: "search",
+        value: query
+      }, inputProps))), createElement("div", {
+        className: "ais-AutocompleteInputWrapperSuffix"
+      }, createElement("button", {
+        className: "ais-AutocompleteClearButton",
+        type: "reset",
+        title: "Clear",
+        hidden: query.length === 0 || isSearchStalled,
+        onClick: onClear
+      }, createElement(AutocompleteClearIcon, {
+        createElement: createElement
+      }))));
+    };
+  }
+
   function createAutocompleteSuggestionComponent(_ref) {
     var createElement = _ref.createElement;
     return function AutocompleteSuggestion(_ref2) {
@@ -21203,8 +21278,16 @@
         classNames = _ref2$classNames === void 0 ? {} : _ref2$classNames;
       return createElement("div", {
         onClick: onSelect,
-        className: cx('ais-AutocompleteSuggestion', classNames.root)
-      }, item.query);
+        className: cx('ais-AutocompleteItemWrapper', 'ais-AutocompleteSuggestionWrapper', classNames.root)
+      }, createElement("div", {
+        className: cx('ais-AutocompleteItemContent', 'ais-AutocompleteSuggestionItemContent', classNames.content)
+      }, createElement("div", {
+        className: cx('ais-AutocompleteItemIcon', 'ais-AutocompleteSuggestionItemIcon', classNames.content)
+      }, createElement(AutocompleteSubmitIcon, {
+        createElement: createElement
+      })), createElement("div", {
+        className: cx('ais-AutocompleteItemContentBody', 'ais-AutocompleteSuggestionItemContentBody', classNames.content)
+      }, item.query)));
     };
   }
 
@@ -21418,10 +21501,186 @@
    * Returns the framework-agnostic value of a ref.
    */
   function unwrapRef(ref) {
-    return ref.current && _typeof$S(ref.current) === 'object' && 'base' in ref.current ? ref.current.base // Preact
+    return ref.current && _typeof$T(ref.current) === 'object' && 'base' in ref.current ? ref.current.base // Preact
     : ref.current; // React
   }
 
+  var arrayWithoutHoles = createCommonjsModule(function (module) {
+  function _arrayWithoutHoles(r) {
+    if (Array.isArray(r)) return arrayLikeToArray(r);
+  }
+  module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  unwrapExports(arrayWithoutHoles);
+
+  var iterableToArray = createCommonjsModule(function (module) {
+  function _iterableToArray(r) {
+    if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+  }
+  module.exports = _iterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  unwrapExports(iterableToArray);
+
+  var nonIterableSpread = createCommonjsModule(function (module) {
+  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.");
+  }
+  module.exports = _nonIterableSpread, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  unwrapExports(nonIterableSpread);
+
+  var toConsumableArray = createCommonjsModule(function (module) {
+  function _toConsumableArray(r) {
+    return arrayWithoutHoles(r) || iterableToArray(r) || unsupportedIterableToArray(r) || nonIterableSpread();
+  }
+  module.exports = _toConsumableArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  var _toConsumableArray$9 = unwrapExports(toConsumableArray);
+
+  function createAutocompleteStorage(_ref) {
+    var useEffect = _ref.useEffect,
+      useMemo = _ref.useMemo,
+      useState = _ref.useState;
+    return function useStorage(_ref2) {
+      var showRecent = _ref2.showRecent,
+        query = _ref2.query,
+        indices = _ref2.indices,
+        indicesConfig = _ref2.indicesConfig;
+      var storageKey = showRecent && _typeof$T(showRecent) === 'object' ? showRecent.storageKey : undefined;
+      var storage = useMemo(function () {
+        return createStorage({
+          limit: 5,
+          storageKey: storageKey
+        });
+      }, [storageKey]);
+      var _useState = useState(storage.getSnapshot()),
+        _useState2 = _slicedToArray$h(_useState, 2),
+        snapshot = _useState2[0],
+        setSnapshot = _useState2[1];
+      useEffect(function () {
+        storage.registerUpdateListener(function () {
+          setSnapshot(storage.getSnapshot());
+        });
+        return function () {
+          storage.unregisterUpdateListener();
+        };
+      }, [storage]);
+      if (!showRecent) {
+        return {
+          storage: {
+            onAdd: function onAdd() {},
+            onRemove: function onRemove() {}
+          },
+          storageHits: [],
+          indicesForPropGetters: indices,
+          indicesConfigForPropGetters: indicesConfig
+        };
+      }
+      var storageHits = snapshot.getAll(query).map(function (value) {
+        return {
+          objectID: value,
+          query: value,
+          __indexName: 'recent-searches'
+        };
+      });
+      var indicesForPropGetters = _toConsumableArray$9(indices);
+      var indicesConfigForPropGetters = _toConsumableArray$9(indicesConfig);
+      indicesForPropGetters.unshift({
+        indexName: 'recent-searches',
+        indexId: 'recent-searches',
+        hits: storageHits
+      });
+      indicesConfigForPropGetters.unshift({
+        indexName: 'recent-searches',
+        // @ts-expect-error - we know it has query as it's generated from storageHits
+        getQuery: function getQuery(item) {
+          return item.query;
+        }
+      });
+      return {
+        storage: storage,
+        storageHits: storageHits,
+        indicesForPropGetters: indicesForPropGetters,
+        indicesConfigForPropGetters: indicesConfigForPropGetters
+      };
+    };
+  }
+  var LOCAL_STORAGE_KEY_TEST = 'test-localstorage-support';
+  var LOCAL_STORAGE_KEY = 'autocomplete-recent-searches';
+  function isLocalStorageSupported() {
+    try {
+      localStorage.setItem(LOCAL_STORAGE_KEY_TEST, '');
+      localStorage.removeItem(LOCAL_STORAGE_KEY_TEST);
+      return true;
+    } catch (error) {
+      return false;
+    }
+  }
+  function getLocalStorage() {
+    var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : LOCAL_STORAGE_KEY;
+    if (!isLocalStorageSupported()) {
+      return {
+        setItems: function setItems() {},
+        getItems: function getItems() {
+          return [];
+        }
+      };
+    }
+    return {
+      setItems: function setItems(items) {
+        try {
+          window.localStorage.setItem(key, JSON.stringify(items));
+        } catch (_unused) {
+          // do nothing, this likely means the storage is full
+        }
+      },
+      getItems: function getItems() {
+        var items = window.localStorage.getItem(key);
+        return items ? JSON.parse(items) : [];
+      }
+    };
+  }
+  function createStorage(_ref3) {
+    var _ref3$limit = _ref3.limit,
+      limit = _ref3$limit === void 0 ? 5 : _ref3$limit,
+      storageKey = _ref3.storageKey;
+    var storage = getLocalStorage(storageKey);
+    var updateListener = null;
+    return {
+      onAdd: function onAdd(query) {
+        this.onRemove(query);
+        storage.setItems([query].concat(_toConsumableArray$9(storage.getItems())));
+      },
+      onRemove: function onRemove(query) {
+        var _updateListener;
+        storage.setItems(storage.getItems().filter(function (q) {
+          return q !== query;
+        }));
+        (_updateListener = updateListener) === null || _updateListener === void 0 ? void 0 : _updateListener();
+      },
+      registerUpdateListener: function registerUpdateListener(callback) {
+        updateListener = callback;
+      },
+      unregisterUpdateListener: function unregisterUpdateListener() {
+        updateListener = null;
+      },
+      getSnapshot: function getSnapshot() {
+        return {
+          getAll: function getAll() {
+            var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+            return storage.getItems().filter(function (q) {
+              return q.includes(query);
+            }).slice(0, limit);
+          }
+        };
+      }
+    };
+  }
+
   function createDefaultEmptyComponent(_ref) {
     var createElement = _ref.createElement,
       Fragment = _ref.Fragment;
@@ -22175,8 +22434,8 @@
     });
   }
 
-  var _excluded$m = ["indices", "showSuggestions"],
-    _excluded2$4 = ["indicesConfig", "refineSearchBox", "getSearchPageURL", "onSelect", "indexUiState", "isSearchPage"];
+  var _excluded$m = ["indices", "showSuggestions", "showRecent"],
+    _excluded2$4 = ["indicesConfig", "refineSearchBox", "getSearchPageURL", "onSelect", "indexUiState", "isSearchPage", "showRecent"];
   var Autocomplete = createAutocompleteComponent({
     createElement: React.createElement,
     Fragment: React.Fragment
@@ -22193,6 +22452,10 @@
     createElement: React.createElement,
     Fragment: React.Fragment
   });
+  var AutocompleteRecentSearch = createAutocompleteRecentSearchComponent({
+    createElement: React.createElement,
+    Fragment: React.Fragment
+  });
   var usePropGetters = createAutocompletePropGetters({
     useEffect: React.useEffect,
     useId: React.useId,
@@ -22200,6 +22463,11 @@
     useRef: React.useRef,
     useState: React.useState
   });
+  var useStorage = createAutocompleteStorage({
+    useEffect: React.useEffect,
+    useMemo: React.useMemo,
+    useState: React.useState
+  });
   var _ref2 = /*#__PURE__*/React__default.createElement(Configure, {
     hitsPerPage: 5
   });
@@ -22207,6 +22475,7 @@
     var _ref$indices = _ref.indices,
       indices = _ref$indices === void 0 ? [] : _ref$indices,
       showSuggestions = _ref.showSuggestions,
+      showRecent = _ref.showRecent,
       props = _objectWithoutProperties$c(_ref, _excluded$m);
     var _useInstantSearch = useInstantSearch(),
       indexUiState = _useInstantSearch.indexUiState,
@@ -22249,7 +22518,8 @@
       indicesConfig: indicesConfig,
       refineSearchBox: refine,
       indexUiState: indexUiState,
-      isSearchPage: isSearchPage
+      isSearchPage: isSearchPage,
+      showRecent: showRecent
     }))));
   }
   function InnerAutocomplete(_ref3) {
@@ -22259,16 +22529,29 @@
       userOnSelect = _ref3.onSelect,
       indexUiState = _ref3.indexUiState,
       isSearchPage = _ref3.isSearchPage,
+      showRecent = _ref3.showRecent,
       props = _objectWithoutProperties$c(_ref3, _excluded2$4);
     var _useAutocomplete = useAutocomplete(),
       indices = _useAutocomplete.indices,
-      refineAutocomplete = _useAutocomplete.refine;
-    var _usePropGetters = usePropGetters({
+      refineAutocomplete = _useAutocomplete.refine,
+      currentRefinement = _useAutocomplete.currentRefinement;
+    var _useStorage = useStorage({
+        showRecent: showRecent,
+        query: currentRefinement,
         indices: indices,
-        indicesConfig: indicesConfig,
+        indicesConfig: indicesConfig
+      }),
+      storage = _useStorage.storage,
+      storageHits = _useStorage.storageHits,
+      indicesForPropGetters = _useStorage.indicesForPropGetters,
+      indicesConfigForPropGetters = _useStorage.indicesConfigForPropGetters;
+    var _usePropGetters = usePropGetters({
+        indices: indicesForPropGetters,
+        indicesConfig: indicesConfigForPropGetters,
         onRefine: function onRefine(query) {
           refineAutocomplete(query);
           refineSearchBox(query);
+          storage.onAdd(query);
         },
         onSelect: userOnSelect !== null && userOnSelect !== void 0 ? userOnSelect : function (_ref4) {
           var query = _ref4.query,
@@ -22291,15 +22574,37 @@
       getItemProps = _usePropGetters.getItemProps,
       getPanelProps = _usePropGetters.getPanelProps,
       getRootProps = _usePropGetters.getRootProps;
+    var AutocompleteRecentSearchComponent = _typeof$S(showRecent) === 'object' && showRecent.itemComponent || AutocompleteRecentSearch;
     return /*#__PURE__*/React__default.createElement(Autocomplete, _extends$1({}, props, getRootProps()), /*#__PURE__*/React__default.createElement(AutocompleteSearch, {
       inputProps: getInputProps(),
       clearQuery: function clearQuery() {
         refineSearchBox('');
         refineAutocomplete('');
       }
-    }), /*#__PURE__*/React__default.createElement(AutocompletePanel, getPanelProps(), indices.map(function (_ref5, index) {
-      var indexId = _ref5.indexId,
-        hits = _ref5.hits;
+    }), /*#__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 indexId = _ref6.indexId,
+        hits = _ref6.hits;
       return /*#__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