react-instantsearch 7.39.1 → 7.41.0

package/dist/cjs/widgets/Autocomplete.js

@@ -3,9 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "EXPERIMENTAL_Autocomplete", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Autocomplete () {
+        return Autocomplete;
+    },
+    get EXPERIMENTAL_Autocomplete () {
         return EXPERIMENTAL_Autocomplete;
     }
 });
@@ -18,13 +26,13 @@ var _to_consumable_array = require("@swc/helpers/_/_to_consumable_array");
 var _type_of = require("@swc/helpers/_/_type_of");
 var _instantsearchuicomponents = require("instantsearch-ui-components");
 var _chat = require("instantsearch.js/cjs/lib/chat");
-require("instantsearch.js/cjs/lib/utils");
+var _utils = require("instantsearch.js/cjs/lib/utils");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _reactinstantsearchcore = require("react-instantsearch-core");
 var _AutocompleteSearch = require("../components/AutocompleteSearch");
 var _Highlight = require("./Highlight");
 var _ReverseHighlight = require("./ReverseHighlight");
-var Autocomplete = (0, _instantsearchuicomponents.createAutocompleteComponent)({
+var AutocompleteUiComponent = (0, _instantsearchuicomponents.createAutocompleteComponent)({
     createElement: _react.createElement,
     Fragment: _react.Fragment
 });
@@ -210,19 +218,20 @@ function getMediaQueryList(mediaQuery) {
         setIsModalOpen: setIsModalOpen
     };
 }
-function EXPERIMENTAL_Autocomplete(props) {
+function Autocomplete(props) {
     var _showRecent_classNames, _showRecent_classNames1, _showRecent_classNames2, _showRecent_classNames3;
     var indices = 'indices' in props ? props.indices : undefined;
     var feeds = 'feeds' in props ? props.feeds : undefined;
     var isFeedsMode = feeds !== undefined;
-    var showQuerySuggestions = props.showQuerySuggestions, showPromptSuggestions = props.showPromptSuggestions, showRecent = props.showRecent, userSearchParameters = props.searchParameters, detachedMediaQuery = props.detachedMediaQuery, tmp = props.translations, userTranslations = tmp === void 0 ? {} : tmp, transformItems = props.transformItems, restProps = _object_without_properties._(props, [
+    var showQuerySuggestions = props.showQuerySuggestions, showPromptSuggestions = props.showPromptSuggestions, showRecent = props.showRecent, userSearchParameters = props.searchParameters, detachedMediaQuery = props.detachedMediaQuery, tmp = props.translations, userTranslations = tmp === void 0 ? {} : tmp, transformItems = props.transformItems, _props_requiresSearch = props.requiresSearch, requiresSearch = _props_requiresSearch === void 0 ? true : _props_requiresSearch, restProps = _object_without_properties._(props, [
         "showQuerySuggestions",
         "showPromptSuggestions",
         "showRecent",
         "searchParameters",
         "detachedMediaQuery",
         "translations",
-        "transformItems"
+        "transformItems",
+        "requiresSearch"
     ]);
     var autoFocus = restProps.autoFocus, placeholder = restProps.placeholder, classNames = restProps.classNames;
     // Eager-mount only when `autoFocus` is set — otherwise wait for first focus
@@ -231,19 +240,21 @@ function EXPERIMENTAL_Autocomplete(props) {
     var translations = _object_spread._({}, DEFAULT_TRANSLATIONS, userTranslations);
     var _useInstantSearch = (0, _reactinstantsearchcore.useInstantSearch)(), indexUiState = _useInstantSearch.indexUiState, indexRenderState = _useInstantSearch.indexRenderState, status = _useInstantSearch.status;
     var compositionID = (0, _reactinstantsearchcore.useInstantSearchContext)().compositionID;
+    var dependsOn = requiresSearch ? 'search' : 'none';
     var refine = (0, _reactinstantsearchcore.useSearchBox)({}, _object_spread._({
         $$type: 'ais.autocomplete',
-        $$widgetType: 'ais.autocomplete'
+        $$widgetType: 'ais.autocomplete',
+        dependsOn: dependsOn
     }, props.aiMode ? {
         opensChat: true
     } : {})).refine;
     var domId = useAutocompleteId();
     var instanceKey = domId.replace(/:/g, '');
     if (isFeedsMode && indices !== undefined) {
-        throw new Error('EXPERIMENTAL_Autocomplete: `feeds` and `indices` are mutually exclusive.');
+        throw new Error('Autocomplete: `feeds` and `indices` are mutually exclusive.');
     }
     if (isFeedsMode && !compositionID) {
-        throw new Error('EXPERIMENTAL_Autocomplete in feeds-mode requires a composition-based <InstantSearch> (compositionID must be set).');
+        throw new Error('Autocomplete in feeds-mode requires a composition-based <InstantSearch> (compositionID must be set).');
     }
     var isSearchStalled = status === 'stalled';
     var searchParameters = _object_spread._({
@@ -458,7 +469,7 @@ function EXPERIMENTAL_Autocomplete(props) {
             }
             setActivated(true);
         };
-        return /*#__PURE__*/ _react.default.createElement(Autocomplete, _object_spread_props._(_object_spread._({}, shellRootProps), {
+        return /*#__PURE__*/ _react.default.createElement(AutocompleteUiComponent, _object_spread_props._(_object_spread._({}, shellRootProps), {
             classNames: classNames
         }), isDetached ? /*#__PURE__*/ _react.default.createElement(AutocompleteDetachedSearchButton, {
             query: (_indexUiState_query = indexUiState.query) !== null && _indexUiState_query !== void 0 ? _indexUiState_query : '',
@@ -501,7 +512,7 @@ function EXPERIMENTAL_Autocomplete(props) {
     }));
     if (isFeedsMode) {
         return /*#__PURE__*/ _react.default.createElement(_reactinstantsearchcore.Index, {
-            EXPERIMENTAL_isolated: true,
+            isolated: true,
             indexName: compositionID,
             indexId: "ais-autocomplete-".concat(instanceKey)
         }, /*#__PURE__*/ _react.default.createElement(_reactinstantsearchcore.Configure, searchParameters), /*#__PURE__*/ _react.default.createElement(_reactinstantsearchcore.Feeds, {
@@ -512,7 +523,7 @@ function EXPERIMENTAL_Autocomplete(props) {
         }), innerAutocomplete);
     }
     return /*#__PURE__*/ _react.default.createElement(_reactinstantsearchcore.Index, {
-        EXPERIMENTAL_isolated: true,
+        isolated: true,
         indexId: "ais-autocomplete-".concat(instanceKey)
     }, /*#__PURE__*/ _react.default.createElement(_reactinstantsearchcore.Configure, searchParameters), indicesConfig.map(function(index) {
         return /*#__PURE__*/ _react.default.createElement(_reactinstantsearchcore.Index, {
@@ -522,6 +533,7 @@ function EXPERIMENTAL_Autocomplete(props) {
         }, /*#__PURE__*/ _react.default.createElement(_reactinstantsearchcore.Configure, index.searchParameters));
     }), innerAutocomplete);
 }
+var EXPERIMENTAL_Autocomplete = (0, _utils.deprecate)(Autocomplete, 'EXPERIMENTAL_Autocomplete is no longer experimental. Please use Autocomplete instead.');
 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, autoFocus = _0.autoFocus, translations = _0.translations, classNames = _0.classNames, aiMode = _0.aiMode, domId = _0.domId, detached = _0.detached, props = _object_without_properties._(_0, [
         "indicesConfig",
@@ -807,7 +819,7 @@ function InnerAutocomplete(_0) {
         "ref"
     ]);
     if (isDetached) {
-        return /*#__PURE__*/ _react.default.createElement(Autocomplete, _object_spread_props._(_object_spread._({}, props, rootProps), {
+        return /*#__PURE__*/ _react.default.createElement(AutocompleteUiComponent, _object_spread_props._(_object_spread._({}, props, rootProps), {
             rootRef: rootRef,
             classNames: classNames
         }), /*#__PURE__*/ _react.default.createElement(AutocompleteDetachedSearchButton, {
@@ -833,7 +845,7 @@ function InnerAutocomplete(_0) {
         }, searchBoxContent), panelContent)));
     }
     // Normal (non-detached) rendering
-    return /*#__PURE__*/ _react.default.createElement(Autocomplete, _object_spread_props._(_object_spread._({}, props, rootProps), {
+    return /*#__PURE__*/ _react.default.createElement(AutocompleteUiComponent, _object_spread_props._(_object_spread._({}, props, rootProps), {
         rootRef: rootRef,
         classNames: classNames
     }), searchBoxContent, panelContent);

package/dist/cjs/widgets/Chat.js

@@ -52,7 +52,7 @@ var _SearchIndexTool = require("./chat/tools/SearchIndexTool");
 var ChatUiComponent = (0, _instantsearchuicomponents.createChatComponent)({
     createElement: _react.createElement,
     Fragment: _react.Fragment,
-    memo: _react.memo,
+    useMemo: _react.useMemo,
     useState: _react.useState
 });
 function createDefaultTools(itemComponent, getSearchPageURL) {

package/dist/cjs/widgets/chat/tools/SearchIndexTool.js

@@ -10,98 +10,26 @@ Object.defineProperty(exports, "createCarouselTool", {
     }
 });
 var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-var _object_spread = require("@swc/helpers/_/_object_spread");
 var _instantsearchuicomponents = require("instantsearch-ui-components");
-var _utils = require("instantsearch.js/cjs/lib/utils");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-var _components = require("../../../components");
 function createCarouselTool(showViewAll, itemComponent, getSearchPageURL) {
-    var Button = (0, _instantsearchuicomponents.createButtonComponent)({
-        createElement: _react.createElement
+    var SearchLayoutUIComponent = (0, _instantsearchuicomponents.createCarouselToolComponent)({
+        createElement: _react.createElement,
+        Fragment: _react.Fragment,
+        useMemo: _react.useMemo,
+        useRef: _react.useRef,
+        useState: _react.useState
     });
-    function SearchLayoutComponent(param) {
-        var message = param.message, applyFilters = param.applyFilters, onClose = param.onClose, sendEvent = param.sendEvent;
-        var _ref;
-        var _output_hits;
-        var input = message === null || message === void 0 ? void 0 : message.input;
-        var output = message === null || message === void 0 ? void 0 : message.output;
-        var hitsWithAbsolutePosition = (0, _utils.addAbsolutePosition)((output === null || output === void 0 ? void 0 : output.hits) || [], 0, ((_ref = input === null || input === void 0 ? void 0 : input.number_of_results) !== null && _ref !== void 0 ? _ref : output === null || output === void 0 ? void 0 : (_output_hits = output.hits) === null || _output_hits === void 0 ? void 0 : _output_hits.length) || 5);
-        var items = (0, _utils.addQueryID)(hitsWithAbsolutePosition, output === null || output === void 0 ? void 0 : output.queryID);
-        var MemoedHeaderComponent = _react.default.useMemo(function() {
-            return function(props) {
-                return /*#__PURE__*/ _react.default.createElement(HeaderComponent, _object_spread._({
-                    nbHits: output === null || output === void 0 ? void 0 : output.nbHits,
-                    input: input,
-                    hitsPerPage: items.length,
-                    onClose: onClose,
-                    applyFilters: applyFilters
-                }, props));
-            };
-        }, [
-            items.length,
-            input,
-            output === null || output === void 0 ? void 0 : output.nbHits,
-            applyFilters,
-            onClose
-        ]);
-        return /*#__PURE__*/ _react.default.createElement(_components.Carousel, {
-            items: items,
+    var SearchLayoutComponent = function SearchLayoutComponent(toolProps) {
+        return /*#__PURE__*/ _react.default.createElement(SearchLayoutUIComponent, {
+            getSearchPageURL: getSearchPageURL,
+            headerProps: {
+                showViewAll: showViewAll
+            },
             itemComponent: itemComponent,
-            sendEvent: sendEvent,
-            showNavigation: false,
-            headerComponent: MemoedHeaderComponent
+            toolProps: toolProps
         });
-    }
-    function HeaderComponent(param) {
-        var canScrollLeft = param.canScrollLeft, canScrollRight = param.canScrollRight, scrollLeft = param.scrollLeft, scrollRight = param.scrollRight, nbHits = param.nbHits, input = param.input, hitsPerPage = param.hitsPerPage, applyFilters = param.applyFilters, onClose = param.onClose;
-        if ((hitsPerPage !== null && hitsPerPage !== void 0 ? hitsPerPage : 0) < 1) {
-            return null;
-        }
-        return /*#__PURE__*/ _react.default.createElement("div", {
-            className: "ais-ChatToolSearchIndexCarouselHeader"
-        }, /*#__PURE__*/ _react.default.createElement("div", {
-            className: "ais-ChatToolSearchIndexCarouselHeaderResults"
-        }, nbHits && /*#__PURE__*/ _react.default.createElement("div", {
-            className: "ais-ChatToolSearchIndexCarouselHeaderCount"
-        }, hitsPerPage !== null && hitsPerPage !== void 0 ? hitsPerPage : 0, " of ", nbHits.toLocaleString(), " result", nbHits > 1 ? 's' : ''), showViewAll && /*#__PURE__*/ _react.default.createElement(Button, {
-            variant: "ghost",
-            size: "sm",
-            onClick: function onClick() {
-                if (!input || !applyFilters) return;
-                var params = applyFilters({
-                    query: input.query,
-                    facetFilters: (0, _instantsearchuicomponents.getFacetFiltersFromToolInput)(input)
-                });
-                if (getSearchPageURL && new URL(getSearchPageURL(params)).pathname !== window.location.pathname) {
-                    window.location.href = getSearchPageURL(params);
-                }
-                onClose();
-            },
-            className: "ais-ChatToolSearchIndexCarouselHeaderViewAll"
-        }, "View all", /*#__PURE__*/ _react.default.createElement(_instantsearchuicomponents.ArrowRightIcon, {
-            createElement: _react.createElement
-        }))), (hitsPerPage !== null && hitsPerPage !== void 0 ? hitsPerPage : 0) > 2 && /*#__PURE__*/ _react.default.createElement("div", {
-            className: "ais-ChatToolSearchIndexCarouselHeaderScrollButtons"
-        }, /*#__PURE__*/ _react.default.createElement(Button, {
-            variant: "outline",
-            size: "sm",
-            iconOnly: true,
-            onClick: scrollLeft,
-            disabled: !canScrollLeft,
-            className: "ais-ChatToolSearchIndexCarouselHeaderScrollButton"
-        }, /*#__PURE__*/ _react.default.createElement(_instantsearchuicomponents.ChevronLeftIcon, {
-            createElement: _react.createElement
-        })), /*#__PURE__*/ _react.default.createElement(Button, {
-            variant: "outline",
-            size: "sm",
-            iconOnly: true,
-            onClick: scrollRight,
-            disabled: !canScrollRight,
-            className: "ais-ChatToolSearchIndexCarouselHeaderScrollButton"
-        }, /*#__PURE__*/ _react.default.createElement(_instantsearchuicomponents.ChevronRightIcon, {
-            createElement: _react.createElement
-        }))));
-    }
+    };
     return {
         layoutComponent: SearchLayoutComponent
     };

package/dist/es/index.js

@@ -1,6 +1,6 @@
 export * from 'react-instantsearch-core';
 export { useStickToBottom } from './lib/useStickToBottom.js';
-export { EXPERIMENTAL_Autocomplete } from './widgets/Autocomplete.js';
+export { Autocomplete, EXPERIMENTAL_Autocomplete } from './widgets/Autocomplete.js';
 export { Breadcrumb } from './widgets/Breadcrumb.js';
 export { DisplayResultsToolType, MemorizeToolType, MemorySearchToolType, PonderToolType, RecommendToolType, SearchIndexToolType } from 'instantsearch.js/es/lib/chat/index.js';
 export { Chat, createDefaultTools } from './widgets/Chat.js';

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

@@ -92,6 +92,13 @@ type AutocompleteCommonProps<TItem extends BaseHit> = ComponentProps<'div'> & {
     getSearchPageURL?: (nextUiState: IndexUiState) => string;
     onSelect?: AutocompleteIndexConfig<TItem>['onSelect'];
     transformItems?: (indices: TransformItemsIndicesConfig[]) => TransformItemsIndicesConfig[];
+    /**
+     * Whether this widget should make InstantSearch require a main search request.
+     * If this is the only widget, and you mark `requiresSearch: false`, no search request will happen.
+     *
+     * @default true
+     */
+    requiresSearch?: boolean;
     panelComponent?: (props: {
         elements: PanelElements;
         indices: ReturnType<typeof useAutocomplete>['indices'];
@@ -135,5 +142,7 @@ export type AutocompleteFeedsProps<TItem extends BaseHit> = AutocompleteCommonPr
     showPromptSuggestions?: FeedsShowPromptSuggestionsConfig;
 };
 export type AutocompleteProps<TItem extends BaseHit> = AutocompleteIndicesProps<TItem> | AutocompleteFeedsProps<TItem>;
-export declare function EXPERIMENTAL_Autocomplete<TItem extends BaseHit = BaseHit>(props: AutocompleteProps<TItem>): React.JSX.Element;
+export declare function Autocomplete<TItem extends BaseHit = BaseHit>(props: AutocompleteProps<TItem>): React.JSX.Element;
+/** @deprecated use Autocomplete instead */
+export declare const EXPERIMENTAL_Autocomplete: typeof Autocomplete;
 export {};

package/dist/es/widgets/Autocomplete.js

@@ -6,14 +6,14 @@ import { _ as _$3 } from '@swc/helpers/esm/_to_consumable_array.js';
 import { _ as _$5 } 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 { openChat, isChatBusy } from 'instantsearch.js/es/lib/chat/index.js';
-import 'instantsearch.js/es/lib/utils/index.js';
+import { deprecate } from 'instantsearch.js/es/lib/utils/index.js';
 import React, { createElement, Fragment, useEffect, useMemo, useRef, useState, useLayoutEffect } from 'react';
 import { useInstantSearch, useInstantSearchContext, useSearchBox, Index, Configure, Feeds, useAutocomplete } from 'react-instantsearch-core';
 import { AutocompleteSearch } from '../components/AutocompleteSearch.js';
 import { Highlight } from './Highlight.js';
 import { ReverseHighlight } from './ReverseHighlight.js';
 
-var Autocomplete = createAutocompleteComponent({
+var AutocompleteUiComponent = createAutocompleteComponent({
     createElement: createElement,
     Fragment: Fragment
 });
@@ -199,19 +199,20 @@ function getMediaQueryList(mediaQuery) {
         setIsModalOpen: setIsModalOpen
     };
 }
-function EXPERIMENTAL_Autocomplete(props) {
+function Autocomplete(props) {
     var _showRecent_classNames, _showRecent_classNames1, _showRecent_classNames2, _showRecent_classNames3;
     var indices = 'indices' in props ? props.indices : undefined;
     var feeds = 'feeds' in props ? props.feeds : undefined;
     var isFeedsMode = feeds !== undefined;
-    var showQuerySuggestions = props.showQuerySuggestions, showPromptSuggestions = props.showPromptSuggestions, showRecent = props.showRecent, userSearchParameters = props.searchParameters, detachedMediaQuery = props.detachedMediaQuery, tmp = props.translations, userTranslations = tmp === void 0 ? {} : tmp, transformItems = props.transformItems, restProps = _(props, [
+    var showQuerySuggestions = props.showQuerySuggestions, showPromptSuggestions = props.showPromptSuggestions, showRecent = props.showRecent, userSearchParameters = props.searchParameters, detachedMediaQuery = props.detachedMediaQuery, tmp = props.translations, userTranslations = tmp === void 0 ? {} : tmp, transformItems = props.transformItems, _props_requiresSearch = props.requiresSearch, requiresSearch = _props_requiresSearch === void 0 ? true : _props_requiresSearch, restProps = _(props, [
         "showQuerySuggestions",
         "showPromptSuggestions",
         "showRecent",
         "searchParameters",
         "detachedMediaQuery",
         "translations",
-        "transformItems"
+        "transformItems",
+        "requiresSearch"
     ]);
     var autoFocus = restProps.autoFocus, placeholder = restProps.placeholder, classNames = restProps.classNames;
     // Eager-mount only when `autoFocus` is set — otherwise wait for first focus
@@ -220,19 +221,21 @@ function EXPERIMENTAL_Autocomplete(props) {
     var translations = _$2({}, DEFAULT_TRANSLATIONS, userTranslations);
     var _useInstantSearch = useInstantSearch(), indexUiState = _useInstantSearch.indexUiState, indexRenderState = _useInstantSearch.indexRenderState, status = _useInstantSearch.status;
     var compositionID = useInstantSearchContext().compositionID;
+    var dependsOn = requiresSearch ? 'search' : 'none';
     var refine = useSearchBox({}, _$2({
         $$type: 'ais.autocomplete',
-        $$widgetType: 'ais.autocomplete'
+        $$widgetType: 'ais.autocomplete',
+        dependsOn: dependsOn
     }, props.aiMode ? {
         opensChat: true
     } : {})).refine;
     var domId = useAutocompleteId();
     var instanceKey = domId.replace(/:/g, '');
     if (isFeedsMode && indices !== undefined) {
-        throw new Error('EXPERIMENTAL_Autocomplete: `feeds` and `indices` are mutually exclusive.');
+        throw new Error('Autocomplete: `feeds` and `indices` are mutually exclusive.');
     }
     if (isFeedsMode && !compositionID) {
-        throw new Error('EXPERIMENTAL_Autocomplete in feeds-mode requires a composition-based <InstantSearch> (compositionID must be set).');
+        throw new Error('Autocomplete in feeds-mode requires a composition-based <InstantSearch> (compositionID must be set).');
     }
     var isSearchStalled = status === 'stalled';
     var searchParameters = _$2({
@@ -447,7 +450,7 @@ function EXPERIMENTAL_Autocomplete(props) {
             }
             setActivated(true);
         };
-        return /*#__PURE__*/ React.createElement(Autocomplete, _$4(_$2({}, shellRootProps), {
+        return /*#__PURE__*/ React.createElement(AutocompleteUiComponent, _$4(_$2({}, shellRootProps), {
             classNames: classNames
         }), isDetached ? /*#__PURE__*/ React.createElement(AutocompleteDetachedSearchButton, {
             query: (_indexUiState_query = indexUiState.query) !== null && _indexUiState_query !== void 0 ? _indexUiState_query : '',
@@ -490,7 +493,7 @@ function EXPERIMENTAL_Autocomplete(props) {
     }));
     if (isFeedsMode) {
         return /*#__PURE__*/ React.createElement(Index, {
-            EXPERIMENTAL_isolated: true,
+            isolated: true,
             indexName: compositionID,
             indexId: "ais-autocomplete-".concat(instanceKey)
         }, /*#__PURE__*/ React.createElement(Configure, searchParameters), /*#__PURE__*/ React.createElement(Feeds, {
@@ -501,7 +504,7 @@ function EXPERIMENTAL_Autocomplete(props) {
         }), innerAutocomplete);
     }
     return /*#__PURE__*/ React.createElement(Index, {
-        EXPERIMENTAL_isolated: true,
+        isolated: true,
         indexId: "ais-autocomplete-".concat(instanceKey)
     }, /*#__PURE__*/ React.createElement(Configure, searchParameters), indicesConfig.map(function(index) {
         return /*#__PURE__*/ React.createElement(Index, {
@@ -511,6 +514,7 @@ function EXPERIMENTAL_Autocomplete(props) {
         }, /*#__PURE__*/ React.createElement(Configure, index.searchParameters));
     }), innerAutocomplete);
 }
+/** @deprecated use Autocomplete instead */ var EXPERIMENTAL_Autocomplete = deprecate(Autocomplete, 'EXPERIMENTAL_Autocomplete is no longer experimental. Please use Autocomplete instead.');
 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, autoFocus = _0.autoFocus, translations = _0.translations, classNames = _0.classNames, aiMode = _0.aiMode, domId = _0.domId, detached = _0.detached, props = _(_0, [
         "indicesConfig",
@@ -796,7 +800,7 @@ function InnerAutocomplete(_0) {
         "ref"
     ]);
     if (isDetached) {
-        return /*#__PURE__*/ React.createElement(Autocomplete, _$4(_$2({}, props, rootProps), {
+        return /*#__PURE__*/ React.createElement(AutocompleteUiComponent, _$4(_$2({}, props, rootProps), {
             rootRef: rootRef,
             classNames: classNames
         }), /*#__PURE__*/ React.createElement(AutocompleteDetachedSearchButton, {
@@ -822,7 +826,7 @@ function InnerAutocomplete(_0) {
         }, searchBoxContent), panelContent)));
     }
     // Normal (non-detached) rendering
-    return /*#__PURE__*/ React.createElement(Autocomplete, _$4(_$2({}, props, rootProps), {
+    return /*#__PURE__*/ React.createElement(AutocompleteUiComponent, _$4(_$2({}, props, rootProps), {
         rootRef: rootRef,
         classNames: classNames
     }), searchBoxContent, panelContent);
@@ -852,4 +856,4 @@ function ConditionalHighlight(param) {
     });
 }
 
-export { EXPERIMENTAL_Autocomplete };
+export { Autocomplete, EXPERIMENTAL_Autocomplete };

package/dist/es/widgets/Chat.js

@@ -7,7 +7,7 @@ import { _ as _$1 } from '@swc/helpers/esm/_to_array.js';
 import { createChatComponent } from 'instantsearch-ui-components';
 import { SearchIndexToolType, RecommendToolType, DisplayResultsToolType, MemorizeToolType, MemorySearchToolType, PonderToolType } from 'instantsearch.js/es/lib/chat/index.js';
 export { DisplayResultsToolType, MemorizeToolType, MemorySearchToolType, PonderToolType, RecommendToolType, SearchIndexToolType } from 'instantsearch.js/es/lib/chat/index.js';
-import React, { createElement, Fragment, memo, useState, useRef, useMemo, useImperativeHandle, useEffect } from 'react';
+import React, { createElement, Fragment, useMemo, useState, useRef, useImperativeHandle, useEffect } from 'react';
 import { useInstantSearch, useChat } from 'react-instantsearch-core';
 import { useStickToBottom } from '../lib/useStickToBottom.js';
 import { createDisplayResultsTool } from './chat/tools/DisplayResultsTool.js';
@@ -16,7 +16,7 @@ import { createCarouselTool } from './chat/tools/SearchIndexTool.js';
 var ChatUiComponent = createChatComponent({
     createElement: createElement,
     Fragment: Fragment,
-    memo: memo,
+    useMemo: useMemo,
     useState: useState
 });
 function createDefaultTools(itemComponent, getSearchPageURL) {

package/dist/es/widgets/chat/tools/SearchIndexTool.js

@@ -1,96 +1,24 @@
-import { _ } from '@swc/helpers/esm/_object_spread.js';
-import { createButtonComponent, getFacetFiltersFromToolInput, ArrowRightIcon, ChevronLeftIcon, ChevronRightIcon } from 'instantsearch-ui-components';
-import { addAbsolutePosition, addQueryID } from 'instantsearch.js/es/lib/utils/index.js';
-import React, { createElement } from 'react';
-import { Carousel } from '../../../components/Carousel.js';
+import { createCarouselToolComponent } from 'instantsearch-ui-components';
+import React, { createElement, Fragment, useMemo, useRef, useState } from 'react';
 
 function createCarouselTool(showViewAll, itemComponent, getSearchPageURL) {
-    var Button = createButtonComponent({
-        createElement: createElement
+    var SearchLayoutUIComponent = createCarouselToolComponent({
+        createElement: createElement,
+        Fragment: Fragment,
+        useMemo: useMemo,
+        useRef: useRef,
+        useState: useState
     });
-    function SearchLayoutComponent(param) {
-        var message = param.message, applyFilters = param.applyFilters, onClose = param.onClose, sendEvent = param.sendEvent;
-        var _ref;
-        var _output_hits;
-        var input = message === null || message === void 0 ? void 0 : message.input;
-        var output = message === null || message === void 0 ? void 0 : message.output;
-        var hitsWithAbsolutePosition = addAbsolutePosition((output === null || output === void 0 ? void 0 : output.hits) || [], 0, ((_ref = input === null || input === void 0 ? void 0 : input.number_of_results) !== null && _ref !== void 0 ? _ref : output === null || output === void 0 ? void 0 : (_output_hits = output.hits) === null || _output_hits === void 0 ? void 0 : _output_hits.length) || 5);
-        var items = addQueryID(hitsWithAbsolutePosition, output === null || output === void 0 ? void 0 : output.queryID);
-        var MemoedHeaderComponent = React.useMemo(function() {
-            return function(props) {
-                return /*#__PURE__*/ React.createElement(HeaderComponent, _({
-                    nbHits: output === null || output === void 0 ? void 0 : output.nbHits,
-                    input: input,
-                    hitsPerPage: items.length,
-                    onClose: onClose,
-                    applyFilters: applyFilters
-                }, props));
-            };
-        }, [
-            items.length,
-            input,
-            output === null || output === void 0 ? void 0 : output.nbHits,
-            applyFilters,
-            onClose
-        ]);
-        return /*#__PURE__*/ React.createElement(Carousel, {
-            items: items,
+    var SearchLayoutComponent = function SearchLayoutComponent(toolProps) {
+        return /*#__PURE__*/ React.createElement(SearchLayoutUIComponent, {
+            getSearchPageURL: getSearchPageURL,
+            headerProps: {
+                showViewAll: showViewAll
+            },
             itemComponent: itemComponent,
-            sendEvent: sendEvent,
-            showNavigation: false,
-            headerComponent: MemoedHeaderComponent
+            toolProps: toolProps
         });
-    }
-    function HeaderComponent(param) {
-        var canScrollLeft = param.canScrollLeft, canScrollRight = param.canScrollRight, scrollLeft = param.scrollLeft, scrollRight = param.scrollRight, nbHits = param.nbHits, input = param.input, hitsPerPage = param.hitsPerPage, applyFilters = param.applyFilters, onClose = param.onClose;
-        if ((hitsPerPage !== null && hitsPerPage !== void 0 ? hitsPerPage : 0) < 1) {
-            return null;
-        }
-        return /*#__PURE__*/ React.createElement("div", {
-            className: "ais-ChatToolSearchIndexCarouselHeader"
-        }, /*#__PURE__*/ React.createElement("div", {
-            className: "ais-ChatToolSearchIndexCarouselHeaderResults"
-        }, nbHits && /*#__PURE__*/ React.createElement("div", {
-            className: "ais-ChatToolSearchIndexCarouselHeaderCount"
-        }, hitsPerPage !== null && hitsPerPage !== void 0 ? hitsPerPage : 0, " of ", nbHits.toLocaleString(), " result", nbHits > 1 ? 's' : ''), showViewAll && /*#__PURE__*/ React.createElement(Button, {
-            variant: "ghost",
-            size: "sm",
-            onClick: function onClick() {
-                if (!input || !applyFilters) return;
-                var params = applyFilters({
-                    query: input.query,
-                    facetFilters: getFacetFiltersFromToolInput(input)
-                });
-                if (getSearchPageURL && new URL(getSearchPageURL(params)).pathname !== window.location.pathname) {
-                    window.location.href = getSearchPageURL(params);
-                }
-                onClose();
-            },
-            className: "ais-ChatToolSearchIndexCarouselHeaderViewAll"
-        }, "View all", /*#__PURE__*/ React.createElement(ArrowRightIcon, {
-            createElement: createElement
-        }))), (hitsPerPage !== null && hitsPerPage !== void 0 ? hitsPerPage : 0) > 2 && /*#__PURE__*/ React.createElement("div", {
-            className: "ais-ChatToolSearchIndexCarouselHeaderScrollButtons"
-        }, /*#__PURE__*/ React.createElement(Button, {
-            variant: "outline",
-            size: "sm",
-            iconOnly: true,
-            onClick: scrollLeft,
-            disabled: !canScrollLeft,
-            className: "ais-ChatToolSearchIndexCarouselHeaderScrollButton"
-        }, /*#__PURE__*/ React.createElement(ChevronLeftIcon, {
-            createElement: createElement
-        })), /*#__PURE__*/ React.createElement(Button, {
-            variant: "outline",
-            size: "sm",
-            iconOnly: true,
-            onClick: scrollRight,
-            disabled: !canScrollRight,
-            className: "ais-ChatToolSearchIndexCarouselHeaderScrollButton"
-        }, /*#__PURE__*/ React.createElement(ChevronRightIcon, {
-            createElement: createElement
-        }))));
-    }
+    };
     return {
         layoutComponent: SearchLayoutComponent
     };

package/dist/es/widgets/index.js

@@ -1,4 +1,4 @@
-export { EXPERIMENTAL_Autocomplete } from './Autocomplete.js';
+export { Autocomplete, EXPERIMENTAL_Autocomplete } from './Autocomplete.js';
 export { Breadcrumb } from './Breadcrumb.js';
 export { Chat, createDefaultTools } from './Chat.js';
 export { ChatTrigger } from './ChatTrigger.js';