instantsearch-ui-components 0.14.0 → 0.15.1

package/dist/cjs/components/chat/icons.js

@@ -3,31 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ArrowRightIconComponent = ArrowRightIconComponent;
-exports.ArrowUpIconComponent = ArrowUpIconComponent;
-exports.ChevronDownIconComponent = ChevronDownIconComponent;
-exports.ChevronLeftIconComponent = ChevronLeftIconComponent;
-exports.ChevronRightIconComponent = ChevronRightIconComponent;
-exports.ChevronUpIconComponent = ChevronUpIconComponent;
-exports.CloseIconComponent = CloseIconComponent;
-exports.CopyIconComponent = CopyIconComponent;
-exports.LoadingSpinnerIconComponent = LoadingSpinnerIconComponent;
-exports.MaximizeIconComponent = MaximizeIconComponent;
-exports.MenuIconComponent = MenuIconComponent;
-exports.MinimizeIconComponent = MinimizeIconComponent;
-exports.ReloadIconComponent = ReloadIconComponent;
-exports.SparklesIconComponent = SparklesIconComponent;
-exports.StopIconComponent = StopIconComponent;
-function SparklesIconComponent(_ref) {
-  var createElement = _ref.createElement,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 20 : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 20 : _ref$height;
+exports.ArrowRightIcon = ArrowRightIcon;
+exports.ArrowUpIcon = ArrowUpIcon;
+exports.ChevronDownIcon = ChevronDownIcon;
+exports.ChevronLeftIcon = ChevronLeftIcon;
+exports.ChevronRightIcon = ChevronRightIcon;
+exports.ChevronUpIcon = ChevronUpIcon;
+exports.CloseIcon = CloseIcon;
+exports.CopyIcon = CopyIcon;
+exports.LoadingSpinnerIcon = LoadingSpinnerIcon;
+exports.MaximizeIcon = MaximizeIcon;
+exports.MenuIcon = MenuIcon;
+exports.MinimizeIcon = MinimizeIcon;
+exports.ReloadIcon = ReloadIcon;
+exports.SparklesIcon = SparklesIcon;
+exports.StopIcon = StopIcon;
+function SparklesIcon(_ref) {
+  var createElement = _ref.createElement;
   return createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
     fill: "none",
     viewBox: "0 0 20 20"
   }, createElement("path", {
@@ -42,20 +36,13 @@ function SparklesIconComponent(_ref) {
     clipRule: "evenodd"
   }));
 }
-function ArrowUpIconComponent(_ref2) {
-  var createElement = _ref2.createElement,
-    _ref2$width = _ref2.width,
-    width = _ref2$width === void 0 ? 16 : _ref2$width,
-    _ref2$height = _ref2.height,
-    height = _ref2$height === void 0 ? 16 : _ref2$height;
+function ArrowUpIcon(_ref2) {
+  var createElement = _ref2.createElement;
   return createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
-    strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }, createElement("path", {
@@ -64,20 +51,13 @@ function ArrowUpIconComponent(_ref2) {
     d: "M12 19V5"
   }));
 }
-function ArrowRightIconComponent(_ref3) {
-  var createElement = _ref3.createElement,
-    _ref3$width = _ref3.width,
-    width = _ref3$width === void 0 ? 16 : _ref3$width,
-    _ref3$height = _ref3.height,
-    height = _ref3$height === void 0 ? 16 : _ref3$height;
+function ArrowRightIcon(_ref3) {
+  var createElement = _ref3.createElement;
   return createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
-    strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }, createElement("path", {
@@ -86,60 +66,39 @@ function ArrowRightIconComponent(_ref3) {
     d: "m12 5 7 7-7 7"
   }));
 }
-function ChevronUpIconComponent(_ref4) {
-  var createElement = _ref4.createElement,
-    _ref4$width = _ref4.width,
-    width = _ref4$width === void 0 ? 16 : _ref4$width,
-    _ref4$height = _ref4.height,
-    height = _ref4$height === void 0 ? 16 : _ref4$height;
+function ChevronUpIcon(_ref4) {
+  var createElement = _ref4.createElement;
   return createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
-    strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }, createElement("path", {
     d: "m18 15-6-6-6 6"
   }));
 }
-function ChevronDownIconComponent(_ref5) {
-  var createElement = _ref5.createElement,
-    _ref5$width = _ref5.width,
-    width = _ref5$width === void 0 ? 16 : _ref5$width,
-    _ref5$height = _ref5.height,
-    height = _ref5$height === void 0 ? 16 : _ref5$height;
+function ChevronDownIcon(_ref5) {
+  var createElement = _ref5.createElement;
   return createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
-    strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }, createElement("path", {
     d: "m6 9 6 6 6-6"
   }));
 }
-function CloseIconComponent(_ref6) {
-  var createElement = _ref6.createElement,
-    _ref6$width = _ref6.width,
-    width = _ref6$width === void 0 ? 16 : _ref6$width,
-    _ref6$height = _ref6.height,
-    height = _ref6$height === void 0 ? 16 : _ref6$height;
+function CloseIcon(_ref6) {
+  var createElement = _ref6.createElement;
   return createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
-    strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }, createElement("path", {
@@ -148,19 +107,12 @@ function CloseIconComponent(_ref6) {
     d: "m6 6 12 12"
   }));
 }
-function MaximizeIconComponent(_ref7) {
-  var createElement = _ref7.createElement,
-    _ref7$width = _ref7.width,
-    width = _ref7$width === void 0 ? 16 : _ref7$width,
-    _ref7$height = _ref7.height,
-    height = _ref7$height === void 0 ? 16 : _ref7$height;
+function MaximizeIcon(_ref7) {
+  var createElement = _ref7.createElement;
   return createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
     viewBox: "0 0 24 24",
     fill: "none",
-    strokeWidth: "2",
     stroke: "currentColor",
     strokeLinecap: "round",
     strokeLinejoin: "round"
@@ -174,19 +126,12 @@ function MaximizeIconComponent(_ref7) {
     d: "M9 21H3v-6"
   }));
 }
-function MinimizeIconComponent(_ref8) {
-  var createElement = _ref8.createElement,
-    _ref8$width = _ref8.width,
-    width = _ref8$width === void 0 ? 16 : _ref8$width,
-    _ref8$height = _ref8.height,
-    height = _ref8$height === void 0 ? 16 : _ref8$height;
+function MinimizeIcon(_ref8) {
+  var createElement = _ref8.createElement;
   return createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
     viewBox: "0 0 24 24",
     fill: "none",
-    strokeWidth: "2",
     stroke: "currentColor",
     strokeLinecap: "round",
     strokeLinejoin: "round"
@@ -200,20 +145,13 @@ function MinimizeIconComponent(_ref8) {
     d: "M4 14h6v6"
   }));
 }
-function StopIconComponent(_ref9) {
-  var createElement = _ref9.createElement,
-    _ref9$width = _ref9.width,
-    width = _ref9$width === void 0 ? 16 : _ref9$width,
-    _ref9$height = _ref9.height,
-    height = _ref9$height === void 0 ? 16 : _ref9$height;
+function StopIcon(_ref9) {
+  var createElement = _ref9.createElement;
   return createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
-    strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }, createElement("circle", {
@@ -228,20 +166,13 @@ function StopIconComponent(_ref9) {
     rx: "1"
   }));
 }
-function ReloadIconComponent(_ref0) {
-  var createElement = _ref0.createElement,
-    _ref0$width = _ref0.width,
-    width = _ref0$width === void 0 ? 16 : _ref0$width,
-    _ref0$height = _ref0.height,
-    height = _ref0$height === void 0 ? 16 : _ref0$height;
+function ReloadIcon(_ref0) {
+  var createElement = _ref0.createElement;
   return createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
-    strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }, createElement("path", {
@@ -254,20 +185,13 @@ function ReloadIconComponent(_ref0) {
     d: "M3 21v-5h5"
   }));
 }
-function CopyIconComponent(_ref1) {
-  var createElement = _ref1.createElement,
-    _ref1$width = _ref1.width,
-    width = _ref1$width === void 0 ? 16 : _ref1$width,
-    _ref1$height = _ref1.height,
-    height = _ref1$height === void 0 ? 16 : _ref1$height;
+function CopyIcon(_ref1) {
+  var createElement = _ref1.createElement;
   return createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
-    strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }, createElement("rect", {
@@ -281,20 +205,13 @@ function CopyIconComponent(_ref1) {
     d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
   }));
 }
-function MenuIconComponent(_ref10) {
-  var createElement = _ref10.createElement,
-    _ref10$width = _ref10.width,
-    width = _ref10$width === void 0 ? 16 : _ref10$width,
-    _ref10$height = _ref10.height,
-    height = _ref10$height === void 0 ? 16 : _ref10$height;
+function MenuIcon(_ref10) {
+  var createElement = _ref10.createElement;
   return createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
-    strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }, createElement("circle", {
@@ -311,16 +228,10 @@ function MenuIconComponent(_ref10) {
     r: "1"
   }));
 }
-function LoadingSpinnerIconComponent(_ref11) {
-  var createElement = _ref11.createElement,
-    _ref11$width = _ref11.width,
-    width = _ref11$width === void 0 ? 24 : _ref11$width,
-    _ref11$height = _ref11.height,
-    height = _ref11$height === void 0 ? 24 : _ref11$height;
+function LoadingSpinnerIcon(_ref11) {
+  var createElement = _ref11.createElement;
   return createElement("svg", {
     viewBox: "12 12 24 24",
-    width: width,
-    height: height,
     role: "status",
     "aria-busy": "true",
     "aria-live": "polite"
@@ -329,44 +240,29 @@ function LoadingSpinnerIconComponent(_ref11) {
     cy: "24",
     r: "11",
     fill: "none",
-    strokeWidth: "2",
     stroke: "currentColor"
   }));
 }
-function ChevronLeftIconComponent(_ref12) {
-  var createElement = _ref12.createElement,
-    _ref12$width = _ref12.width,
-    width = _ref12$width === void 0 ? 16 : _ref12$width,
-    _ref12$height = _ref12.height,
-    height = _ref12$height === void 0 ? 16 : _ref12$height;
+function ChevronLeftIcon(_ref12) {
+  var createElement = _ref12.createElement;
   return createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
-    strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }, createElement("path", {
     d: "m15 18-6-6 6-6"
   }));
 }
-function ChevronRightIconComponent(_ref13) {
-  var createElement = _ref13.createElement,
-    _ref13$width = _ref13.width,
-    width = _ref13$width === void 0 ? 16 : _ref13$width,
-    _ref13$height = _ref13.height,
-    height = _ref13$height === void 0 ? 16 : _ref13$height;
+function ChevronRightIcon(_ref13) {
+  var createElement = _ref13.createElement;
   return createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
-    strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }, createElement("path", {

package/dist/cjs/version.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = '0.14.0';
+var _default = exports.default = '0.15.1';

package/dist/es/components/Carousel.js

@@ -58,9 +58,9 @@ export function createCarouselComponent(_ref3) {
         Fragment: Fragment
       }) : _userProps$itemCompon,
       _userProps$previousIc = userProps.previousIconComponent,
-      PreviousIconComponent = _userProps$previousIc === void 0 ? PreviousIconDefaultComponent : _userProps$previousIc,
+      PreviousIcon = _userProps$previousIc === void 0 ? PreviousIconDefaultComponent : _userProps$previousIc,
       _userProps$nextIconCo = userProps.nextIconComponent,
-      NextIconComponent = _userProps$nextIconCo === void 0 ? NextIconDefaultComponent : _userProps$nextIconCo,
+      NextIcon = _userProps$nextIconCo === void 0 ? NextIconDefaultComponent : _userProps$nextIconCo,
       HeaderComponent = userProps.headerComponent,
       _userProps$showNaviga = userProps.showNavigation,
       showNavigation = _userProps$showNaviga === void 0 ? true : _userProps$showNaviga,
@@ -129,7 +129,7 @@ export function createCarouselComponent(_ref3) {
         event.preventDefault();
         scrollLeft();
       }
-    }, createElement(PreviousIconComponent, {
+    }, createElement(PreviousIcon, {
       createElement: createElement
     })), createElement("ol", {
       className: cx(cssClasses.list),
@@ -175,7 +175,7 @@ export function createCarouselComponent(_ref3) {
         event.preventDefault();
         scrollRight();
       }
-    }, createElement(NextIconComponent, {
+    }, createElement(NextIcon, {
       createElement: createElement
     })));
   };

package/dist/es/components/autocomplete/AutocompleteIndex.js

@@ -25,7 +25,7 @@ export function createAutocompleteIndexComponent(_ref) {
         onSelect = _getItemProps.onSelect,
         itemProps = _objectWithoutProperties(_getItemProps, _excluded);
       return createElement("li", _extends({
-        key: item.objectID
+        key: "".concat(itemProps.id, ":").concat(item.objectID)
       }, itemProps, {
         className: cx('ais-AutocompleteIndexItem', classNames.item, className)
       }), createElement(ItemComponent, {

package/dist/es/components/autocomplete/AutocompletePanel.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "classNames"];
+var _excluded = ["children", "classNames", "hidden"];
 import { cx } from "../../lib/cx.js";
 export function createAutocompletePanelComponent(_ref) {
   var createElement = _ref.createElement;
@@ -8,9 +8,16 @@ export function createAutocompletePanelComponent(_ref) {
     var children = userProps.children,
       _userProps$classNames = userProps.classNames,
       classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+      hidden = userProps.hidden,
       props = _objectWithoutProperties(userProps, _excluded);
     return createElement("div", _extends({}, props, {
-      className: cx('ais-AutocompletePanel', classNames.root, props.className)
+      "aria-hidden": hidden,
+      className: cx('ais-AutocompletePanel', !hidden && 'ais-AutocompletePanel--open', classNames.root, props.className),
+      onMouseDown: function onMouseDown(event) {
+        // Prevents the autocomplete panel from blurring the input when
+        // clicking inside the panel.
+        event.preventDefault();
+      }
     }), createElement("div", {
       className: cx('ais-AutocompletePanelLayout', classNames.layout)
     }, children));

package/dist/es/components/autocomplete/AutocompleteRecentSearch.d.ts

@@ -1,9 +1,10 @@
 /** @jsx createElement */
-import type { Renderer } from '../../types';
+import type { ComponentChildren, Renderer } from '../../types';
 export type AutocompleteRecentSearchProps<T = {
     query: string;
 } & Record<string, unknown>> = {
     item: T;
+    children?: ComponentChildren;
     onSelect: () => void;
     onRemoveRecentSearch: () => void;
     classNames?: Partial<AutocompleteRecentSearchClassNames>;
@@ -34,4 +35,4 @@ export type AutocompleteRecentSearchClassNames = {
      **/
     deleteButton: string | string[];
 };
-export declare function createAutocompleteRecentSearchComponent({ createElement, }: Renderer): ({ item, onSelect, onRemoveRecentSearch, classNames, }: AutocompleteRecentSearchProps) => JSX.Element;
+export declare function createAutocompleteRecentSearchComponent({ createElement, }: Renderer): ({ item, children, onSelect, onRemoveRecentSearch, classNames, }: AutocompleteRecentSearchProps) => JSX.Element;

package/dist/es/components/autocomplete/AutocompleteRecentSearch.js

@@ -1,9 +1,10 @@
 import { cx } from "../../lib/index.js";
-import { AutocompleteClockIcon, AutocompleteTrashIcon } from "./icons.js";
+import { ClockIcon, TrashIcon } from "./icons.js";
 export function createAutocompleteRecentSearchComponent(_ref) {
   var createElement = _ref.createElement;
   return function AutocompleteRecentSearch(_ref2) {
     var item = _ref2.item,
+      children = _ref2.children,
       onSelect = _ref2.onSelect,
       onRemoveRecentSearch = _ref2.onRemoveRecentSearch,
       _ref2$classNames = _ref2.classNames,
@@ -15,11 +16,11 @@ export function createAutocompleteRecentSearchComponent(_ref) {
       className: cx('ais-AutocompleteItemContent', 'ais-AutocompleteRecentSearchItemContent', classNames.content)
     }, createElement("div", {
       className: cx('ais-AutocompleteItemIcon', 'ais-AutocompleteRecentSearchItemIcon', classNames.content)
-    }, createElement(AutocompleteClockIcon, {
+    }, createElement(ClockIcon, {
       createElement: createElement
     })), createElement("div", {
       className: cx('ais-AutocompleteItemContentBody', 'ais-AutocompleteRecentSearchItemContentBody', classNames.content)
-    }, item.query)), createElement("div", {
+    }, children)), createElement("div", {
       className: cx('ais-AutocompleteItemActions', 'ais-AutocompleteRecentSearchItemActions', classNames.actions)
     }, createElement("button", {
       className: cx('ais-AutocompleteItemActionButton', 'ais-AutocompleteRecentSearchItemDeleteButton', classNames.deleteButton),
@@ -28,7 +29,7 @@ export function createAutocompleteRecentSearchComponent(_ref) {
         evt.stopPropagation();
         onRemoveRecentSearch();
       }
-    }, createElement(AutocompleteTrashIcon, {
+    }, createElement(TrashIcon, {
       createElement: createElement
     }))));
   };

package/dist/es/components/autocomplete/AutocompleteSearch.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { AutocompleteClearIcon, AutocompleteLoadingIcon, AutocompleteSubmitIcon } from "./icons.js";
+import { ClearIcon, LoadingIcon, SubmitIcon } from "./icons.js";
 export function createAutocompleteSearchComponent(_ref) {
   var createElement = _ref.createElement;
   return function AutocompleteSearch(_ref2) {
@@ -7,6 +7,7 @@ export function createAutocompleteSearchComponent(_ref) {
       onClear = _ref2.onClear,
       query = _ref2.query,
       isSearchStalled = _ref2.isSearchStalled;
+    var inputRef = inputProps.ref;
     return createElement("form", {
       className: "ais-AutocompleteForm",
       action: "",
@@ -14,6 +15,10 @@ export function createAutocompleteSearchComponent(_ref) {
       role: "search",
       onSubmit: function onSubmit(e) {
         return e.preventDefault();
+      },
+      onReset: function onReset() {
+        var _inputRef$current;
+        return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
       }
     }, createElement("div", {
       className: "ais-AutocompleteInputWrapperPrefix"
@@ -26,12 +31,12 @@ export function createAutocompleteSearchComponent(_ref) {
       className: "ais-AutocompleteSubmitButton",
       type: "submit",
       title: "Submit"
-    }, createElement(AutocompleteSubmitIcon, {
+    }, createElement(SubmitIcon, {
       createElement: createElement
     }))), createElement("div", {
       className: "ais-AutocompleteLoadingIndicator",
       hidden: !isSearchStalled
-    }, createElement(AutocompleteLoadingIcon, {
+    }, createElement(LoadingIcon, {
       createElement: createElement
     }))), createElement("div", {
       className: "ais-AutocompleteInputWrapper"
@@ -44,7 +49,6 @@ export function createAutocompleteSearchComponent(_ref) {
       autoCapitalize: "off",
       enterKeyHint: "search",
       spellCheck: "false",
-      placeholder: "",
       maxLength: 512,
       type: "search",
       value: query
@@ -56,7 +60,7 @@ export function createAutocompleteSearchComponent(_ref) {
       title: "Clear",
       hidden: query.length === 0 || isSearchStalled,
       onClick: onClear
-    }, createElement(AutocompleteClearIcon, {
+    }, createElement(ClearIcon, {
       createElement: createElement
     }))));
   };

package/dist/es/components/autocomplete/AutocompleteSuggestion.d.ts

@@ -1,10 +1,11 @@
 /** @jsx createElement */
-import type { Renderer } from '../../types';
+import type { ComponentChildren, Renderer } from '../../types';
 export type AutocompleteSuggestionProps<T = {
     query: string;
 } & Record<string, unknown>> = {
     item: T;
     onSelect: () => void;
+    children: ComponentChildren;
     classNames?: Partial<AutocompleteSuggestionClassNames>;
 };
 export type AutocompleteSuggestionClassNames = {
@@ -21,4 +22,4 @@ export type AutocompleteSuggestionClassNames = {
     /** Class names to apply to the body element **/
     body: string | string[];
 };
-export declare function createAutocompleteSuggestionComponent({ createElement, }: Renderer): ({ item, onSelect, classNames, }: AutocompleteSuggestionProps) => JSX.Element;
+export declare function createAutocompleteSuggestionComponent({ createElement, }: Renderer): ({ children, onSelect, classNames, }: AutocompleteSuggestionProps) => JSX.Element;

package/dist/es/components/autocomplete/AutocompleteSuggestion.js

@@ -1,9 +1,9 @@
 import { cx } from "../../lib/index.js";
-import { AutocompleteSubmitIcon } from "./icons.js";
+import { SubmitIcon } from "./icons.js";
 export function createAutocompleteSuggestionComponent(_ref) {
   var createElement = _ref.createElement;
   return function AutocompleteSuggestion(_ref2) {
-    var item = _ref2.item,
+    var children = _ref2.children,
       onSelect = _ref2.onSelect,
       _ref2$classNames = _ref2.classNames,
       classNames = _ref2$classNames === void 0 ? {} : _ref2$classNames;
@@ -14,10 +14,10 @@ export function createAutocompleteSuggestionComponent(_ref) {
       className: cx('ais-AutocompleteItemContent', 'ais-AutocompleteSuggestionItemContent', classNames.content)
     }, createElement("div", {
       className: cx('ais-AutocompleteItemIcon', 'ais-AutocompleteSuggestionItemIcon', classNames.content)
-    }, createElement(AutocompleteSubmitIcon, {
+    }, createElement(SubmitIcon, {
       createElement: createElement
     })), createElement("div", {
       className: cx('ais-AutocompleteItemContentBody', 'ais-AutocompleteSuggestionItemContentBody', classNames.content)
-    }, item.query)));
+    }, children)));
   };
 }

package/dist/es/components/autocomplete/createAutocompletePropGetters.d.ts

@@ -39,11 +39,12 @@ export type UsePropGetters<TItem extends BaseHit> = (params: {
     indicesConfig: Array<AutocompleteIndexConfig<TItem>>;
     onRefine: (query: string) => void;
     onSelect: NonNullable<AutocompleteIndexConfig<TItem>['onSelect']>;
+    placeholder?: string;
 }) => {
     getInputProps: GetInputProps;
     getItemProps: GetItemProps;
     getPanelProps: GetPanelProps;
     getRootProps: GetRootProps;
 };
-export declare function createAutocompletePropGetters({ useEffect, useId, useMemo, useRef, useState, }: CreateAutocompletePropGettersParams): <TItem extends BaseHit>({ indices, indicesConfig, onRefine, onSelect: globalOnSelect, }: Parameters<UsePropGetters<TItem>>[0]) => ReturnType<UsePropGetters<TItem>>;
+export declare function createAutocompletePropGetters({ useEffect, useId, useMemo, useRef, useState, }: CreateAutocompletePropGettersParams): <TItem extends BaseHit>({ indices, indicesConfig, onRefine, onSelect: globalOnSelect, placeholder, }: Parameters<UsePropGetters<TItem>>[0]) => ReturnType<UsePropGetters<TItem>>;
 export {};