react-instantsearch 7.27.0 → 7.28.1

package/dist/cjs/widgets/Autocomplete.js

@@ -319,7 +319,7 @@ function EXPERIMENTAL_Autocomplete(_0) {
     }))));
 }
 function InnerAutocomplete(_0) {
-    var indicesConfig = _0.indicesConfig, refineSearchBox = _0.refineSearchBox, isSearchStalled = _0.isSearchStalled, getSearchPageURL = _0.getSearchPageURL, userOnSelect = _0.onSelect, indexUiState = _0.indexUiState, isSearchPage = _0.isSearchPage, PanelComponent = _0.panelComponent, showRecent = _0.showRecent, recentSearchConfig = _0.recentSearchConfig, showQuerySuggestions = _0.showQuerySuggestions, showPromptSuggestions = _0.showPromptSuggestions, chatRenderState = _0.chatRenderState, transformItems = _0.transformItems, placeholder = _0.placeholder, _0_detachedMediaQuery = _0.detachedMediaQuery, detachedMediaQuery = _0_detachedMediaQuery === void 0 ? DEFAULT_DETACHED_MEDIA_QUERY : _0_detachedMediaQuery, translations = _0.translations, classNames = _0.classNames, props = _object_without_properties._(_0, [
+    var indicesConfig = _0.indicesConfig, refineSearchBox = _0.refineSearchBox, isSearchStalled = _0.isSearchStalled, getSearchPageURL = _0.getSearchPageURL, userOnSelect = _0.onSelect, indexUiState = _0.indexUiState, isSearchPage = _0.isSearchPage, PanelComponent = _0.panelComponent, showRecent = _0.showRecent, recentSearchConfig = _0.recentSearchConfig, showQuerySuggestions = _0.showQuerySuggestions, showPromptSuggestions = _0.showPromptSuggestions, chatRenderState = _0.chatRenderState, transformItems = _0.transformItems, placeholder = _0.placeholder, autoFocus = _0.autoFocus, _0_detachedMediaQuery = _0.detachedMediaQuery, detachedMediaQuery = _0_detachedMediaQuery === void 0 ? DEFAULT_DETACHED_MEDIA_QUERY : _0_detachedMediaQuery, translations = _0.translations, classNames = _0.classNames, props = _object_without_properties._(_0, [
         "indicesConfig",
         "refineSearchBox",
         "isSearchStalled",
@@ -335,6 +335,7 @@ function InnerAutocomplete(_0) {
         "chatRenderState",
         "transformItems",
         "placeholder",
+        "autoFocus",
         "detachedMediaQuery",
         "translations",
         "classNames"
@@ -400,6 +401,15 @@ function InnerAutocomplete(_0) {
         promptSuggestionsLimit
     ]);
     (0, _react.useRef)(false);
+    var allIndicesEmpty = indicesForPanel.every(function(param) {
+        var hits = param.hits;
+        return hits.length === 0;
+    });
+    var recentEmpty = !storageHits || storageHits.length === 0;
+    var hasNoResultsTemplate = indicesConfig.some(function(c) {
+        return c.noResultsComponent !== undefined;
+    });
+    var shouldHideEmptyPanel = allIndicesEmpty && recentEmpty && !hasNoResultsTemplate && !PanelComponent;
     var _usePropGetters = usePropGetters({
         indices: indicesForPropGettersWithPromptSuggestions,
         indicesConfig: indicesConfigForPropGetters,
@@ -444,7 +454,9 @@ function InnerAutocomplete(_0) {
             }
         },
         placeholder: placeholder,
-        isDetached: isDetached
+        isDetached: isDetached,
+        shouldHidePanel: shouldHideEmptyPanel,
+        autoFocus: autoFocus
     }), getInputProps = _usePropGetters.getInputProps, getItemProps = _usePropGetters.getItemProps, getPanelProps = _usePropGetters.getPanelProps, getRootProps = _usePropGetters.getRootProps, isOpen = _usePropGetters.isOpen, setIsOpen = _usePropGetters.setIsOpen, focusInput = _usePropGetters.focusInput;
     // Open panel and focus input when modal opens
     (0, _react.useEffect)(function() {
@@ -517,6 +529,7 @@ function InnerAutocomplete(_0) {
             HeaderComponent: currentIndexConfig.headerComponent,
             // @ts-expect-error - there seems to be problems with React.ComponentType and this, but it's actually correct
             ItemComponent: currentIndexConfig.itemComponent,
+            NoResultsComponent: currentIndexConfig.noResultsComponent,
             items: hits.map(function(item) {
                 return _object_spread_props._(_object_spread._({}, item), {
                     __indexName: indexId
@@ -548,8 +561,12 @@ function InnerAutocomplete(_0) {
     var detachedContainerClassNames = isModalDetached ? _object_spread_props._(_object_spread._({}, classNames), {
         detachedContainer: (0, _instantsearchuicomponents.cx)('ais-AutocompleteDetachedContainer--modal', classNames === null || classNames === void 0 ? void 0 : classNames.detachedContainer)
     }) : classNames;
+    var _getRootProps = getRootProps(), rootRef = _getRootProps.ref, rootProps = _object_without_properties._(_getRootProps, [
+        "ref"
+    ]);
     if (isDetached) {
-        return /*#__PURE__*/ _react.default.createElement(Autocomplete, _object_spread_props._(_object_spread._({}, props, getRootProps()), {
+        return /*#__PURE__*/ _react.default.createElement(Autocomplete, _object_spread_props._(_object_spread._({}, props, rootProps), {
+            rootRef: rootRef,
             classNames: classNames
         }), /*#__PURE__*/ _react.default.createElement(AutocompleteDetachedSearchButton, {
             query: currentRefinement || indexUiState.query || '',
@@ -582,7 +599,8 @@ function InnerAutocomplete(_0) {
         }, searchBoxContent), panelContent)));
     }
     // Normal (non-detached) rendering
-    return /*#__PURE__*/ _react.default.createElement(Autocomplete, _object_spread_props._(_object_spread._({}, props, getRootProps()), {
+    return /*#__PURE__*/ _react.default.createElement(Autocomplete, _object_spread_props._(_object_spread._({}, props, rootProps), {
+        rootRef: rootRef,
         classNames: classNames
     }), searchBoxContent, panelContent);
 }

package/dist/es/components/AutocompleteSearch.js

@@ -1,5 +1,5 @@
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ } from '@swc/helpers/cjs/_object_spread_props.cjs';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread.js';
+import { _ } from '@swc/helpers/esm/_object_spread_props.js';
 import { createAutocompleteSearchComponent } from 'instantsearch-ui-components';
 import React, { createElement, Fragment } from 'react';
 

package/dist/es/components/Carousel.js

@@ -1,5 +1,5 @@
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ } from '@swc/helpers/cjs/_sliced_to_array.cjs';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread.js';
+import { _ } from '@swc/helpers/esm/_sliced_to_array.js';
 import { createCarouselComponent, generateCarouselId } from 'instantsearch-ui-components';
 import React, { createElement, Fragment, useState, useRef } from 'react';
 

package/dist/es/ui/Breadcrumb.js

@@ -1,6 +1,6 @@
-import { _ as _$2 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { cx } from 'instantsearch-ui-components';
 import React from 'react';
 import { isModifierClick } from './lib/isModifierClick.js';

package/dist/es/ui/ClearRefinements.js

@@ -1,6 +1,6 @@
-import { _ as _$2 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { cx } from 'instantsearch-ui-components';
 import React from 'react';
 

package/dist/es/ui/CurrentRefinements.js

@@ -1,6 +1,6 @@
-import { _ as _$2 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { cx } from 'instantsearch-ui-components';
 import React from 'react';
 import { capitalize } from './lib/capitalize.js';

package/dist/es/ui/HierarchicalMenu.js

@@ -1,6 +1,6 @@
-import { _ as _$2 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { cx } from 'instantsearch-ui-components';
 import React from 'react';
 import { isModifierClick } from './lib/isModifierClick.js';

package/dist/es/ui/Highlight.js

@@ -1,5 +1,5 @@
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { cx } from 'instantsearch-ui-components';
 import React from 'react';
 import { InternalHighlight } from './InternalHighlight.js';

package/dist/es/ui/HitsPerPage.js

@@ -1,6 +1,6 @@
-import { _ as _$2 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { cx } from 'instantsearch-ui-components';
 import React from 'react';
 

package/dist/es/ui/InfiniteHits.js

@@ -1,6 +1,6 @@
-import { _ as _$2 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { cx } from 'instantsearch-ui-components';
 import React from 'react';
 

package/dist/es/ui/Menu.js

@@ -1,6 +1,6 @@
-import { _ as _$2 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { cx } from 'instantsearch-ui-components';
 import React from 'react';
 import { isModifierClick } from './lib/isModifierClick.js';

package/dist/es/ui/Pagination.js

@@ -1,6 +1,6 @@
-import { _ as _$2 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { cx } from 'instantsearch-ui-components';
 import React from 'react';
 import { isModifierClick } from './lib/isModifierClick.js';

package/dist/es/ui/PoweredBy.js

@@ -1,6 +1,6 @@
-import { _ as _$2 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { cx } from 'instantsearch-ui-components';
 import React from 'react';
 

package/dist/es/ui/RangeInput.js

@@ -1,7 +1,7 @@
-import { _ as _$3 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$2 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ as _$1 } from '@swc/helpers/cjs/_object_without_properties.cjs';
-import { _ } from '@swc/helpers/cjs/_sliced_to_array.cjs';
+import { _ as _$3 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ as _$1 } from '@swc/helpers/esm/_object_without_properties.js';
+import { _ } from '@swc/helpers/esm/_sliced_to_array.js';
 import { cx } from 'instantsearch-ui-components';
 import React, { useState } from 'react';
 

package/dist/es/ui/RefinementList.js

@@ -1,6 +1,6 @@
-import { _ as _$2 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { cx } from 'instantsearch-ui-components';
 import { getHighlightedParts, unescape } from 'instantsearch.js/es/lib/utils/index.js';
 import React from 'react';

package/dist/es/ui/ReverseHighlight.js

@@ -1,5 +1,5 @@
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { cx } from 'instantsearch-ui-components';
 import React from 'react';
 import { InternalHighlight } from './InternalHighlight.js';

package/dist/es/ui/SearchBox.js

@@ -1,6 +1,6 @@
-import { _ as _$2 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { cx } from 'instantsearch-ui-components';
 import React from 'react';
 

package/dist/es/ui/ShowMoreButton.js

@@ -1,4 +1,4 @@
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import React from 'react';
 
 function ShowMoreButton(_0) {

package/dist/es/ui/Snippet.js

@@ -1,5 +1,5 @@
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { cx } from 'instantsearch-ui-components';
 import React from 'react';
 import { InternalHighlight } from './InternalHighlight.js';

package/dist/es/ui/SortBy.js

@@ -1,6 +1,6 @@
-import { _ as _$2 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { cx } from 'instantsearch-ui-components';
 import React from 'react';
 

package/dist/es/ui/Stats.js

@@ -1,6 +1,6 @@
-import { _ as _$2 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { cx } from 'instantsearch-ui-components';
 import React from 'react';
 

package/dist/es/ui/ToggleRefinement.js

@@ -1,6 +1,6 @@
-import { _ as _$2 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { cx } from 'instantsearch-ui-components';
 import React from 'react';
 

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

@@ -5,10 +5,13 @@ import type { AutocompleteIndexClassNames, AutocompleteIndexConfig, Autocomplete
 import type { BaseHit, IndexUiState } from 'instantsearch.js';
 import type { TransformItemsIndicesConfig } from 'instantsearch.js/es/connectors/autocomplete/connectAutocomplete';
 import type { ComponentProps } from 'react';
-type AutocompleteSearchParameters = Omit<PlainSearchParameters, 'index'>;
+type AutocompleteSearchParameters = Omit<PlainSearchParameters, 'index'> & {
+    hitsPerPage?: number;
+};
 type IndexConfig<TItem extends BaseHit> = AutocompleteIndexConfig<TItem> & {
     headerComponent?: AutocompleteIndexProps<TItem>['HeaderComponent'];
     itemComponent: AutocompleteIndexProps<TItem>['ItemComponent'];
+    noResultsComponent?: AutocompleteIndexProps<TItem>['NoResultsComponent'];
     searchParameters?: AutocompleteSearchParameters;
     classNames?: Partial<AutocompleteIndexClassNames>;
 };
@@ -58,6 +61,10 @@ export type AutocompleteProps<TItem extends BaseHit> = ComponentProps<'div'> & {
     searchParameters?: AutocompleteSearchParameters;
     classNames?: Partial<AutocompleteClassNames>;
     placeholder?: string;
+    /**
+     * Whether the input should be focused and the panel open initially.
+     */
+    autoFocus?: boolean;
     /**
      * Media query to enable detached (mobile) mode.
      * When the media query matches, the autocomplete switches to a full-screen overlay.

package/dist/es/widgets/Autocomplete.js

@@ -1,9 +1,9 @@
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$4 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
-import { _ as _$5 } from '@swc/helpers/cjs/_sliced_to_array.cjs';
-import { _ as _$2 } from '@swc/helpers/cjs/_to_consumable_array.cjs';
-import { _ as _$3 } from '@swc/helpers/cjs/_type_of.cjs';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$4 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
+import { _ as _$5 } from '@swc/helpers/esm/_sliced_to_array.js';
+import { _ as _$2 } from '@swc/helpers/esm/_to_consumable_array.js';
+import { _ as _$3 } from '@swc/helpers/esm/_type_of.js';
 import { createAutocompleteComponent, createAutocompletePanelComponent, createAutocompleteIndexComponent, createAutocompleteSuggestionComponent, createAutocompletePromptSuggestionComponent, createAutocompleteRecentSearchComponent, createAutocompleteDetachedContainerComponent, createAutocompleteDetachedOverlayComponent, createAutocompleteDetachedFormContainerComponent, createAutocompleteDetachedSearchButtonComponent, createAutocompletePropGetters, createAutocompleteStorage, cx, getPromptSuggestionHits, isPromptSuggestion } from 'instantsearch-ui-components';
 import 'instantsearch.js/es/lib/utils/index.js';
 import React, { createElement, Fragment, useEffect, useMemo, useRef, useState } from 'react';
@@ -308,7 +308,7 @@ function EXPERIMENTAL_Autocomplete(_0) {
     }))));
 }
 function InnerAutocomplete(_0) {
-    var indicesConfig = _0.indicesConfig, refineSearchBox = _0.refineSearchBox, isSearchStalled = _0.isSearchStalled, getSearchPageURL = _0.getSearchPageURL, userOnSelect = _0.onSelect, indexUiState = _0.indexUiState, isSearchPage = _0.isSearchPage, PanelComponent = _0.panelComponent, showRecent = _0.showRecent, recentSearchConfig = _0.recentSearchConfig, showQuerySuggestions = _0.showQuerySuggestions, showPromptSuggestions = _0.showPromptSuggestions, chatRenderState = _0.chatRenderState, transformItems = _0.transformItems, placeholder = _0.placeholder, _0_detachedMediaQuery = _0.detachedMediaQuery, detachedMediaQuery = _0_detachedMediaQuery === void 0 ? DEFAULT_DETACHED_MEDIA_QUERY : _0_detachedMediaQuery, translations = _0.translations, classNames = _0.classNames, props = _(_0, [
+    var indicesConfig = _0.indicesConfig, refineSearchBox = _0.refineSearchBox, isSearchStalled = _0.isSearchStalled, getSearchPageURL = _0.getSearchPageURL, userOnSelect = _0.onSelect, indexUiState = _0.indexUiState, isSearchPage = _0.isSearchPage, PanelComponent = _0.panelComponent, showRecent = _0.showRecent, recentSearchConfig = _0.recentSearchConfig, showQuerySuggestions = _0.showQuerySuggestions, showPromptSuggestions = _0.showPromptSuggestions, chatRenderState = _0.chatRenderState, transformItems = _0.transformItems, placeholder = _0.placeholder, autoFocus = _0.autoFocus, _0_detachedMediaQuery = _0.detachedMediaQuery, detachedMediaQuery = _0_detachedMediaQuery === void 0 ? DEFAULT_DETACHED_MEDIA_QUERY : _0_detachedMediaQuery, translations = _0.translations, classNames = _0.classNames, props = _(_0, [
         "indicesConfig",
         "refineSearchBox",
         "isSearchStalled",
@@ -324,6 +324,7 @@ function InnerAutocomplete(_0) {
         "chatRenderState",
         "transformItems",
         "placeholder",
+        "autoFocus",
         "detachedMediaQuery",
         "translations",
         "classNames"
@@ -389,6 +390,15 @@ function InnerAutocomplete(_0) {
         promptSuggestionsLimit
     ]);
     useRef(false);
+    var allIndicesEmpty = indicesForPanel.every(function(param) {
+        var hits = param.hits;
+        return hits.length === 0;
+    });
+    var recentEmpty = !storageHits || storageHits.length === 0;
+    var hasNoResultsTemplate = indicesConfig.some(function(c) {
+        return c.noResultsComponent !== undefined;
+    });
+    var shouldHideEmptyPanel = allIndicesEmpty && recentEmpty && !hasNoResultsTemplate && !PanelComponent;
     var _usePropGetters = usePropGetters({
         indices: indicesForPropGettersWithPromptSuggestions,
         indicesConfig: indicesConfigForPropGetters,
@@ -433,7 +443,9 @@ function InnerAutocomplete(_0) {
             }
         },
         placeholder: placeholder,
-        isDetached: isDetached
+        isDetached: isDetached,
+        shouldHidePanel: shouldHideEmptyPanel,
+        autoFocus: autoFocus
     }), getInputProps = _usePropGetters.getInputProps, getItemProps = _usePropGetters.getItemProps, getPanelProps = _usePropGetters.getPanelProps, getRootProps = _usePropGetters.getRootProps, isOpen = _usePropGetters.isOpen, setIsOpen = _usePropGetters.setIsOpen, focusInput = _usePropGetters.focusInput;
     // Open panel and focus input when modal opens
     useEffect(function() {
@@ -506,6 +518,7 @@ function InnerAutocomplete(_0) {
             HeaderComponent: currentIndexConfig.headerComponent,
             // @ts-expect-error - there seems to be problems with React.ComponentType and this, but it's actually correct
             ItemComponent: currentIndexConfig.itemComponent,
+            NoResultsComponent: currentIndexConfig.noResultsComponent,
             items: hits.map(function(item) {
                 return _$4(_$1({}, item), {
                     __indexName: indexId
@@ -537,8 +550,12 @@ function InnerAutocomplete(_0) {
     var detachedContainerClassNames = isModalDetached ? _$4(_$1({}, classNames), {
         detachedContainer: cx('ais-AutocompleteDetachedContainer--modal', classNames === null || classNames === void 0 ? void 0 : classNames.detachedContainer)
     }) : classNames;
+    var _getRootProps = getRootProps(), rootRef = _getRootProps.ref, rootProps = _(_getRootProps, [
+        "ref"
+    ]);
     if (isDetached) {
-        return /*#__PURE__*/ React.createElement(Autocomplete, _$4(_$1({}, props, getRootProps()), {
+        return /*#__PURE__*/ React.createElement(Autocomplete, _$4(_$1({}, props, rootProps), {
+            rootRef: rootRef,
             classNames: classNames
         }), /*#__PURE__*/ React.createElement(AutocompleteDetachedSearchButton, {
             query: currentRefinement || indexUiState.query || '',
@@ -571,7 +588,8 @@ function InnerAutocomplete(_0) {
         }, searchBoxContent), panelContent)));
     }
     // Normal (non-detached) rendering
-    return /*#__PURE__*/ React.createElement(Autocomplete, _$4(_$1({}, props, getRootProps()), {
+    return /*#__PURE__*/ React.createElement(Autocomplete, _$4(_$1({}, props, rootProps), {
+        rootRef: rootRef,
         classNames: classNames
     }), searchBoxContent, panelContent);
 }

package/dist/es/widgets/Breadcrumb.js

@@ -1,5 +1,5 @@
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import React from 'react';
 import { useBreadcrumb } from 'react-instantsearch-core';
 import { Breadcrumb as Breadcrumb$1 } from '../ui/Breadcrumb.js';

package/dist/es/widgets/Chat.js

@@ -1,8 +1,8 @@
-import { _ } from '@swc/helpers/cjs/_define_property.cjs';
-import { _ as _$3 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$4 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ as _$1 } from '@swc/helpers/cjs/_object_without_properties.cjs';
-import { _ as _$2 } from '@swc/helpers/cjs/_sliced_to_array.cjs';
+import { _ } from '@swc/helpers/esm/_define_property.js';
+import { _ as _$3 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$4 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ as _$1 } from '@swc/helpers/esm/_object_without_properties.js';
+import { _ as _$2 } from '@swc/helpers/esm/_sliced_to_array.js';
 import { createChatComponent } from 'instantsearch-ui-components';
 import { SearchIndexToolType, RecommendToolType, MemorizeToolType, MemorySearchToolType, PonderToolType } from 'instantsearch.js/es/lib/chat/index.js';
 export { MemorizeToolType, MemorySearchToolType, PonderToolType, RecommendToolType, SearchIndexToolType } from 'instantsearch.js/es/lib/chat/index.js';

package/dist/es/widgets/ClearRefinements.js

@@ -1,5 +1,5 @@
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import React from 'react';
 import { useClearRefinements } from 'react-instantsearch-core';
 import { ClearRefinements as ClearRefinements$1 } from '../ui/ClearRefinements.js';

package/dist/es/widgets/CurrentRefinements.js

@@ -1,5 +1,5 @@
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import React from 'react';
 import { useCurrentRefinements } from 'react-instantsearch-core';
 import { CurrentRefinements as CurrentRefinements$1 } from '../ui/CurrentRefinements.js';

package/dist/es/widgets/FilterSuggestions.js

@@ -1,5 +1,5 @@
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { createFilterSuggestionsComponent } from 'instantsearch-ui-components';
 import React, { createElement, Fragment } from 'react';
 import { useFilterSuggestions } from 'react-instantsearch-core';

package/dist/es/widgets/FrequentlyBoughtTogether.js

@@ -1,6 +1,6 @@
-import { _ as _$2 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { createFrequentlyBoughtTogetherComponent } from 'instantsearch-ui-components';
 import React, { createElement, Fragment, useMemo } from 'react';
 import { useInstantSearch, useFrequentlyBoughtTogether } from 'react-instantsearch-core';

package/dist/es/widgets/HierarchicalMenu.js

@@ -1,6 +1,6 @@
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$2 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import React from 'react';
 import { useHierarchicalMenu } from 'react-instantsearch-core';
 import { HierarchicalMenu as HierarchicalMenu$1 } from '../ui/HierarchicalMenu.js';

package/dist/es/widgets/Highlight.js

@@ -1,6 +1,6 @@
-import { _ as _$2 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { getPropertyByPath, getHighlightedParts, unescape } from 'instantsearch.js/es/lib/utils/index.js';
 import React from 'react';
 import { Highlight as Highlight$1 } from '../ui/Highlight.js';

package/dist/es/widgets/Hits.js

@@ -1,5 +1,5 @@
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { createHitsComponent } from 'instantsearch-ui-components';
 import React, { createElement, Fragment, useMemo } from 'react';
 import { useHits } from 'react-instantsearch-core';

package/dist/es/widgets/HitsPerPage.js

@@ -1,5 +1,5 @@
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import React from 'react';
 import { useHitsPerPage } from 'react-instantsearch-core';
 import { HitsPerPage as HitsPerPage$1 } from '../ui/HitsPerPage.js';

package/dist/es/widgets/InfiniteHits.js

@@ -1,5 +1,5 @@
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import React from 'react';
 import { useInfiniteHits } from 'react-instantsearch-core';
 import { InfiniteHits as InfiniteHits$1 } from '../ui/InfiniteHits.js';

package/dist/es/widgets/LookingSimilar.js

@@ -1,6 +1,6 @@
-import { _ as _$2 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { createLookingSimilarComponent } from 'instantsearch-ui-components';
 import React, { createElement, Fragment, useMemo } from 'react';
 import { useInstantSearch, useLookingSimilar } from 'react-instantsearch-core';

package/dist/es/widgets/Menu.js

@@ -1,6 +1,6 @@
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$2 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import React from 'react';
 import { useMenu } from 'react-instantsearch-core';
 import { Menu as Menu$1 } from '../ui/Menu.js';

package/dist/es/widgets/Pagination.js

@@ -1,6 +1,6 @@
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$2 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import React from 'react';
 import { usePagination } from 'react-instantsearch-core';
 import { Pagination as Pagination$1 } from '../ui/Pagination.js';

package/dist/es/widgets/PoweredBy.js

@@ -1,4 +1,4 @@
-import { _ } from '@swc/helpers/cjs/_object_spread.cjs';
+import { _ } from '@swc/helpers/esm/_object_spread.js';
 import React from 'react';
 import { usePoweredBy } from 'react-instantsearch-core';
 import { PoweredBy as PoweredBy$1 } from '../ui/PoweredBy.js';

package/dist/es/widgets/RangeInput.js

@@ -1,5 +1,5 @@
-import { _ as _$1 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import React from 'react';
 import { useRange } from 'react-instantsearch-core';
 import { RangeInput as RangeInput$1 } from '../ui/RangeInput.js';

package/dist/es/widgets/RefinementList.js

@@ -1,7 +1,7 @@
-import { _ as _$2 } from '@swc/helpers/cjs/_object_spread.cjs';
-import { _ as _$3 } from '@swc/helpers/cjs/_object_spread_props.cjs';
-import { _ } from '@swc/helpers/cjs/_object_without_properties.cjs';
-import { _ as _$1 } from '@swc/helpers/cjs/_sliced_to_array.cjs';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$3 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
+import { _ as _$1 } from '@swc/helpers/esm/_sliced_to_array.js';
 import React, { useState, useRef } from 'react';
 import { useRefinementList } from 'react-instantsearch-core';
 import { RefinementList as RefinementList$1 } from '../ui/RefinementList.js';