@algolia/autocomplete-js 1.8.2 → 1.9.0

package/dist/esm/getDefaultOptions.d.ts

@@ -12,7 +12,7 @@ export declare function getDefaultOptions<TItem extends BaseItem>(options: Autoc
                 onMouseDown(event: MouseEvent): void;
             };
         } & {
-            state: import("./types").AutocompleteState<TItem>;
+            state: import("@algolia/autocomplete-shared").AutocompleteState<TItem>;
         } & import("@algolia/autocomplete-core").AutocompleteScopeApi<TItem>) => {
             onTouchStart(event: TouchEvent): void;
             onTouchMove(event: TouchEvent): void;
@@ -27,7 +27,7 @@ export declare function getDefaultOptions<TItem extends BaseItem>(options: Autoc
                 onReset(event: Event): void;
             };
         } & {
-            state: import("./types").AutocompleteState<TItem>;
+            state: import("@algolia/autocomplete-shared").AutocompleteState<TItem>;
         } & import("@algolia/autocomplete-core").AutocompleteScopeApi<TItem>) => {
             action: "";
             noValidate: true;
@@ -41,9 +41,9 @@ export declare function getDefaultOptions<TItem extends BaseItem>(options: Autoc
                 value: string;
                 autoFocus: boolean;
                 placeholder: string;
-                autoComplete: "off" | "on";
-                autoCorrect: "off" | "on";
-                autoCapitalize: "off" | "on";
+                autoComplete: "on" | "off";
+                autoCorrect: "on" | "off";
+                autoCapitalize: "on" | "off";
                 enterKeyHint: "search" | "go";
                 spellCheck: "false";
                 maxLength: number;
@@ -60,15 +60,15 @@ export declare function getDefaultOptions<TItem extends BaseItem>(options: Autoc
             };
             inputElement: HTMLInputElement;
         } & {
-            state: import("./types").AutocompleteState<TItem>;
+            state: import("@algolia/autocomplete-shared").AutocompleteState<TItem>;
         } & import("@algolia/autocomplete-core").AutocompleteScopeApi<TItem>) => {
             id: string;
             value: string;
             autoFocus: boolean;
             placeholder: string;
-            autoComplete: "off" | "on";
-            autoCorrect: "off" | "on";
-            autoCapitalize: "off" | "on";
+            autoComplete: "on" | "off";
+            autoCorrect: "on" | "off";
+            autoCapitalize: "on" | "off";
             enterKeyHint: "search" | "go";
             spellCheck: "false";
             maxLength: number;
@@ -86,17 +86,17 @@ export declare function getDefaultOptions<TItem extends BaseItem>(options: Autoc
         getItemProps: (params: {
             props: {
                 id: string;
-                role: string;
+                role: "option";
                 'aria-selected': boolean;
                 onMouseMove(event: MouseEvent): void;
                 onMouseDown(event: MouseEvent): void;
                 onClick(event: MouseEvent): void;
             };
         } & {
-            state: import("./types").AutocompleteState<TItem>;
+            state: import("@algolia/autocomplete-shared").AutocompleteState<TItem>;
         } & import("@algolia/autocomplete-core").AutocompleteScopeApi<TItem>) => {
             id: string;
-            role: string;
+            role: "option";
             'aria-selected': boolean;
             onMouseMove(event: MouseEvent): void;
             onMouseDown(event: MouseEvent): void;
@@ -108,21 +108,21 @@ export declare function getDefaultOptions<TItem extends BaseItem>(options: Autoc
                 id: string;
             };
         } & {
-            state: import("./types").AutocompleteState<TItem>;
+            state: import("@algolia/autocomplete-shared").AutocompleteState<TItem>;
         } & import("@algolia/autocomplete-core").AutocompleteScopeApi<TItem>) => {
             htmlFor: string;
             id: string;
         };
         getListProps: (params: {
             props: {
-                role: string;
+                role: "listbox";
                 'aria-labelledby': string;
                 id: string;
             };
         } & {
-            state: import("./types").AutocompleteState<TItem>;
+            state: import("@algolia/autocomplete-shared").AutocompleteState<TItem>;
         } & import("@algolia/autocomplete-core").AutocompleteScopeApi<TItem>) => {
-            role: string;
+            role: "listbox";
             'aria-labelledby': string;
             id: string;
         };
@@ -132,23 +132,23 @@ export declare function getDefaultOptions<TItem extends BaseItem>(options: Autoc
                 onMouseLeave(): void;
             };
         } & {
-            state: import("./types").AutocompleteState<TItem>;
+            state: import("@algolia/autocomplete-shared").AutocompleteState<TItem>;
         } & import("@algolia/autocomplete-core").AutocompleteScopeApi<TItem>) => {
             onMouseDown(event: MouseEvent): void;
             onMouseLeave(): void;
         };
         getRootProps: (params: {
             props: {
-                role: string;
+                role: "combobox";
                 'aria-expanded': boolean;
                 'aria-haspopup': boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
                 'aria-owns': string | undefined;
                 'aria-labelledby': string;
             };
         } & {
-            state: import("./types").AutocompleteState<TItem>;
+            state: import("@algolia/autocomplete-shared").AutocompleteState<TItem>;
         } & import("@algolia/autocomplete-core").AutocompleteScopeApi<TItem>) => {
-            role: string;
+            role: "combobox";
             'aria-expanded': boolean;
             'aria-haspopup': boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
             'aria-owns': string | undefined;
@@ -159,17 +159,17 @@ export declare function getDefaultOptions<TItem extends BaseItem>(options: Autoc
         render: AutocompleteRender<any> | AutocompleteRender<TItem>;
         renderNoResults: AutocompleteRender<TItem> | undefined;
         renderer: {
-            createElement: import("./types").Pragma;
+            createElement: import("@algolia/autocomplete-shared").Pragma;
             Fragment: any;
-            render: import("./types").Render;
+            render: import("@algolia/autocomplete-shared").Render;
         };
         detachedMediaQuery: string;
         components: {
             [x: string]: (props: any) => JSX.Element;
-            Highlight: <THit>({ hit, attribute, tagName, }: import("./types").HighlightHitParams<THit>) => JSX.Element;
-            ReverseHighlight: <THit>({ hit, attribute, tagName, }: import("./types").HighlightHitParams<THit>) => JSX.Element;
-            ReverseSnippet: <THit>({ hit, attribute, tagName, }: import("./types").HighlightHitParams<THit>) => JSX.Element;
-            Snippet: <THit>({ hit, attribute, tagName, }: import("./types").HighlightHitParams<THit>) => JSX.Element;
+            Highlight: <THit>({ hit, attribute, tagName, }: import("@algolia/autocomplete-shared").HighlightHitParams<THit>) => JSX.Element;
+            ReverseHighlight: <THit>({ hit, attribute, tagName, }: import("@algolia/autocomplete-shared").HighlightHitParams<THit>) => JSX.Element;
+            ReverseSnippet: <THit>({ hit, attribute, tagName, }: import("@algolia/autocomplete-shared").HighlightHitParams<THit>) => JSX.Element;
+            Snippet: <THit>({ hit, attribute, tagName, }: import("@algolia/autocomplete-shared").HighlightHitParams<THit>) => JSX.Element;
         };
         translations: {
             detachedCancelButtonText: string;
@@ -180,17 +180,18 @@ export declare function getDefaultOptions<TItem extends BaseItem>(options: Autoc
     core: {
         id: string;
         environment: Window;
-        getSources?: import("./types").GetSources<TItem> | undefined;
-        initialState?: Partial<import("./types").AutocompleteState<TItem>> | undefined;
-        onStateChange?(props: import("./types").OnStateChangeProps<TItem>): void;
-        plugins?: import("./types").AutocompletePlugin<any, any>[] | undefined;
+        insights?: boolean | import("@algolia/autocomplete-plugin-algolia-insights").CreateAlgoliaInsightsPluginParams | undefined;
+        getSources?: import("@algolia/autocomplete-shared").GetSources<TItem> | undefined;
+        initialState?: Partial<import("@algolia/autocomplete-shared").AutocompleteState<TItem>> | undefined;
+        onStateChange?(props: import("@algolia/autocomplete-shared").OnStateChangeProps<TItem>): void;
+        plugins?: import("@algolia/autocomplete-shared").AutocompletePlugin<any, any>[] | undefined;
         debug?: boolean | undefined;
         placeholder?: string | undefined;
         autoFocus?: boolean | undefined;
         defaultActiveItemId?: number | null | undefined;
         openOnFocus?: boolean | undefined;
         stallThreshold?: number | undefined;
-        navigator?: Partial<import("@algolia/autocomplete-core/dist/esm/types/AutocompleteNavigator").AutocompleteNavigator<TItem>> | undefined;
+        navigator?: Partial<import("@algolia/autocomplete-shared/dist/esm/core/AutocompleteNavigator").AutocompleteNavigator<TItem>> | undefined;
         shouldPanelOpen?(params: {
             state: import("@algolia/autocomplete-core").AutocompleteState<TItem>;
         }): boolean;

package/dist/esm/getDefaultOptions.js

@@ -1,15 +1,12 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["classNames", "container", "getEnvironmentProps", "getFormProps", "getInputProps", "getItemProps", "getLabelProps", "getListProps", "getPanelProps", "getRootProps", "panelContainer", "panelPlacement", "render", "renderNoResults", "renderer", "detachedMediaQuery", "components", "translations"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import { generateAutocompleteId, invariant, warn } from '@algolia/autocomplete-shared';
 import { createElement as preactCreateElement, Fragment as PreactFragment, render } from 'preact';
 import { createHighlightComponent, createReverseHighlightComponent, createReverseSnippetComponent, createSnippetComponent } from './components';
@@ -23,6 +20,7 @@ var defaultClassNames = {
   detachedSearchButton: 'aa-DetachedSearchButton',
   detachedSearchButtonIcon: 'aa-DetachedSearchButtonIcon',
   detachedSearchButtonPlaceholder: 'aa-DetachedSearchButtonPlaceholder',
+  detachedSearchButtonQuery: 'aa-DetachedSearchButtonQuery',
   form: 'aa-Form',
   input: 'aa-Input',
   inputWrapper: 'aa-InputWrapper',
@@ -41,13 +39,11 @@ var defaultClassNames = {
   sourceNoResults: 'aa-SourceNoResults',
   submitButton: 'aa-SubmitButton'
 };
-
 var defaultRender = function defaultRender(_ref, root) {
   var children = _ref.children,
-      render = _ref.render;
+    render = _ref.render;
   render(children, root);
 };
-
 var defaultRenderer = {
   createElement: preactCreateElement,
   Fragment: PreactFragment,
@@ -55,39 +51,34 @@ var defaultRenderer = {
 };
 export function getDefaultOptions(options) {
   var _core$id;
-
   var classNames = options.classNames,
-      container = options.container,
-      getEnvironmentProps = options.getEnvironmentProps,
-      getFormProps = options.getFormProps,
-      getInputProps = options.getInputProps,
-      getItemProps = options.getItemProps,
-      getLabelProps = options.getLabelProps,
-      getListProps = options.getListProps,
-      getPanelProps = options.getPanelProps,
-      getRootProps = options.getRootProps,
-      panelContainer = options.panelContainer,
-      panelPlacement = options.panelPlacement,
-      render = options.render,
-      renderNoResults = options.renderNoResults,
-      renderer = options.renderer,
-      detachedMediaQuery = options.detachedMediaQuery,
-      components = options.components,
-      translations = options.translations,
-      core = _objectWithoutProperties(options, _excluded);
-  /* eslint-disable no-restricted-globals */
-
+    container = options.container,
+    getEnvironmentProps = options.getEnvironmentProps,
+    getFormProps = options.getFormProps,
+    getInputProps = options.getInputProps,
+    getItemProps = options.getItemProps,
+    getLabelProps = options.getLabelProps,
+    getListProps = options.getListProps,
+    getPanelProps = options.getPanelProps,
+    getRootProps = options.getRootProps,
+    panelContainer = options.panelContainer,
+    panelPlacement = options.panelPlacement,
+    render = options.render,
+    renderNoResults = options.renderNoResults,
+    renderer = options.renderer,
+    detachedMediaQuery = options.detachedMediaQuery,
+    components = options.components,
+    translations = options.translations,
+    core = _objectWithoutProperties(options, _excluded);
 
+  /* eslint-disable no-restricted-globals */
   var environment = typeof window !== 'undefined' ? window : {};
   /* eslint-enable no-restricted-globals */
-
   var containerElement = getHTMLElement(environment, container);
   invariant(containerElement.tagName !== 'INPUT', 'The `container` option does not support `input` elements. You need to change the container to a `div`.');
   process.env.NODE_ENV !== 'production' ? warn(!(render && renderer && !(renderer !== null && renderer !== void 0 && renderer.render)), "You provided the `render` option but did not provide a `renderer.render`. Since v1.6.0, you can provide a `render` function directly in `renderer`." + "\nTo get rid of this warning, do any of the following depending on your use case." + "\n- If you are using the `render` option only to override Autocomplete's default `render` function, pass the `render` function into `renderer` and remove the `render` option." + '\n- If you are using the `render` option to customize the layout, pass your `render` function into `renderer` and use it from the provided parameters of the `render` option.' + '\n- If you are using the `render` option to work with React 18, pass an empty `render` function into `renderer`.' + '\nSee https://www.algolia.com/doc/ui-libraries/autocomplete/api-reference/autocomplete-js/autocomplete/#param-render') : void 0;
   process.env.NODE_ENV !== 'production' ? warn(!renderer || render || renderer.Fragment && renderer.createElement && renderer.render, "You provided an incomplete `renderer` (missing: ".concat([!(renderer !== null && renderer !== void 0 && renderer.createElement) && '`renderer.createElement`', !(renderer !== null && renderer !== void 0 && renderer.Fragment) && '`renderer.Fragment`', !(renderer !== null && renderer !== void 0 && renderer.render) && '`renderer.render`'].filter(Boolean).join(', '), "). This can cause rendering issues.") + '\nSee https://www.algolia.com/doc/ui-libraries/autocomplete/api-reference/autocomplete-js/autocomplete/#param-renderer') : void 0;
-
   var defaultedRenderer = _objectSpread(_objectSpread({}, defaultRenderer), renderer);
-
   var defaultComponents = {
     Highlight: createHighlightComponent(defaultedRenderer),
     ReverseHighlight: createReverseHighlightComponent(defaultedRenderer),

package/dist/esm/getPanelPlacementStyle.js

@@ -1,14 +1,13 @@
 export function getPanelPlacementStyle(_ref) {
   var panelPlacement = _ref.panelPlacement,
-      container = _ref.container,
-      form = _ref.form,
-      environment = _ref.environment;
-  var containerRect = container.getBoundingClientRect(); // Some browsers have specificities to retrieve the document scroll position.
+    container = _ref.container,
+    form = _ref.form,
+    environment = _ref.environment;
+  var containerRect = container.getBoundingClientRect();
+  // Some browsers have specificities to retrieve the document scroll position.
   // See https://stackoverflow.com/a/28633515/9940315
-
   var scrollTop = environment.pageYOffset || environment.document.documentElement.scrollTop || environment.document.body.scrollTop || 0;
   var top = scrollTop + containerRect.top + containerRect.height;
-
   switch (panelPlacement) {
     case 'start':
       {
@@ -17,7 +16,6 @@ export function getPanelPlacementStyle(_ref) {
           left: containerRect.left
         };
       }
-
     case 'end':
       {
         return {
@@ -25,7 +23,6 @@ export function getPanelPlacementStyle(_ref) {
           right: environment.document.documentElement.clientWidth - (containerRect.left + containerRect.width)
         };
       }
-
     case 'full-width':
       {
         return {
@@ -36,7 +33,6 @@ export function getPanelPlacementStyle(_ref) {
           maxWidth: 'unset'
         };
       }
-
     case 'input-wrapper-width':
       {
         var formRect = form.getBoundingClientRect();
@@ -48,7 +44,6 @@ export function getPanelPlacementStyle(_ref) {
           maxWidth: 'unset'
         };
       }
-
     default:
       {
         throw new Error("[Autocomplete] The `panelPlacement` value ".concat(JSON.stringify(panelPlacement), " is not valid."));

package/dist/esm/render.js

@@ -1,21 +1,20 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /** @jsxRuntime classic */
-
 /** @jsx renderer.createElement */
+
 import { setProperties, setPropertiesWithoutEvents } from './utils';
 export function renderSearchBox(_ref) {
   var autocomplete = _ref.autocomplete,
-      autocompleteScopeApi = _ref.autocompleteScopeApi,
-      dom = _ref.dom,
-      propGetters = _ref.propGetters,
-      state = _ref.state;
+    autocompleteScopeApi = _ref.autocompleteScopeApi,
+    dom = _ref.dom,
+    propGetters = _ref.propGetters,
+    state = _ref.state;
   setPropertiesWithoutEvents(dom.root, propGetters.getRootProps(_objectSpread({
     state: state,
     props: autocomplete.getRootProps({})
@@ -36,41 +35,44 @@ export function renderSearchBox(_ref) {
   setProperties(dom.clearButton, {
     hidden: !state.query
   });
+  setProperties(dom.detachedSearchButtonQuery, {
+    textContent: state.query
+  });
+  setProperties(dom.detachedSearchButtonPlaceholder, {
+    hidden: Boolean(state.query)
+  });
 }
 export function renderPanel(render, _ref2) {
   var autocomplete = _ref2.autocomplete,
-      autocompleteScopeApi = _ref2.autocompleteScopeApi,
-      classNames = _ref2.classNames,
-      html = _ref2.html,
-      dom = _ref2.dom,
-      panelContainer = _ref2.panelContainer,
-      propGetters = _ref2.propGetters,
-      state = _ref2.state,
-      components = _ref2.components,
-      renderer = _ref2.renderer;
-
+    autocompleteScopeApi = _ref2.autocompleteScopeApi,
+    classNames = _ref2.classNames,
+    html = _ref2.html,
+    dom = _ref2.dom,
+    panelContainer = _ref2.panelContainer,
+    propGetters = _ref2.propGetters,
+    state = _ref2.state,
+    components = _ref2.components,
+    renderer = _ref2.renderer;
   if (!state.isOpen) {
     if (panelContainer.contains(dom.panel)) {
       panelContainer.removeChild(dom.panel);
     }
-
     return;
-  } // We add the panel element to the DOM when it's not yet appended and that the
-  // items are fetched.
-
+  }
 
+  // We add the panel element to the DOM when it's not yet appended and that the
+  // items are fetched.
   if (!panelContainer.contains(dom.panel) && state.status !== 'loading') {
     panelContainer.appendChild(dom.panel);
   }
-
   dom.panel.classList.toggle('aa-Panel--stalled', state.status === 'stalled');
   var sections = state.collections.filter(function (_ref3) {
     var source = _ref3.source,
-        items = _ref3.items;
+      items = _ref3.items;
     return source.templates.noResults || items.length > 0;
   }).map(function (_ref4, sourceIndex) {
     var source = _ref4.source,
-        items = _ref4.items;
+      items = _ref4.items;
     return renderer.createElement("section", {
       key: sourceIndex,
       className: classNames.source,

package/dist/esm/requesters/createAlgoliaRequester.js

@@ -1,9 +1,9 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { createRequester, fetchAlgoliaResults } from '@algolia/autocomplete-preset-algolia';
 import { userAgents } from '../userAgents';
 export var createAlgoliaRequester = createRequester(function (params) {

package/dist/esm/requesters/getAlgoliaFacets.js

@@ -1,14 +1,14 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { createAlgoliaRequester } from './createAlgoliaRequester';
+
 /**
  * Retrieves Algolia facet hits from multiple indices.
  */
-
 export function getAlgoliaFacets(requestParams) {
   var requester = createAlgoliaRequester({
     transformResponse: function transformResponse(response) {

package/dist/esm/requesters/getAlgoliaResults.js

@@ -1,8 +1,8 @@
 import { createAlgoliaRequester } from './createAlgoliaRequester';
+
 /**
  * Retrieves Algolia results from multiple indices.
  */
-
 export var getAlgoliaResults = createAlgoliaRequester({
   transformResponse: function transformResponse(response) {
     return response.hits;

package/dist/esm/types/AutocompleteApi.d.ts

@@ -1,5 +1,5 @@
 import { AutocompleteScopeApi as AutocompleteCoreScopeApi, BaseItem } from '@algolia/autocomplete-core';
-import { AutocompleteOptions } from './AutocompleteOptions';
+import { AutocompleteOptions } from './';
 export interface AutocompleteApi<TItem extends BaseItem> extends AutocompleteCoreScopeApi<TItem> {
     /**
      * Updates the Autocomplete experience.

package/dist/esm/types/AutocompleteDom.d.ts

@@ -10,4 +10,6 @@ export declare type AutocompleteDom = {
     panel: HTMLDivElement;
     detachedContainer: HTMLDivElement;
     detachedOverlay: HTMLDivElement;
+    detachedSearchButtonQuery: HTMLDivElement;
+    detachedSearchButtonPlaceholder: HTMLDivElement;
 };

package/dist/esm/types/index.d.ts

@@ -1,14 +1,9 @@
+export * from '@algolia/autocomplete-shared/dist/esm/js';
 export * from './AutocompleteApi';
-export * from './AutocompleteClassNames';
-export * from './AutocompleteCollection';
-export * from './AutocompleteComponents';
 export * from './AutocompleteDom';
-export * from './AutocompleteOptions';
-export * from './AutocompletePlugin';
-export * from './AutocompletePropGetters';
-export * from './AutocompleteRender';
-export * from './AutocompleteRenderer';
-export * from './AutocompleteSource';
-export * from './AutocompleteState';
-export * from './AutocompleteTranslations';
-export * from './HighlightHitParams';
+import { AutocompleteOptions as AutocompleteCoreOptions, BaseItem } from '@algolia/autocomplete-core';
+import { AutocompleteOptions as AutocompleteJsOptions } from '@algolia/autocomplete-shared/dist/esm/js';
+export type { AutocompleteInsightsApi, AlgoliaInsightsHit, } from '@algolia/autocomplete-core';
+export interface AutocompleteOptions<TItem extends BaseItem> extends AutocompleteJsOptions<TItem> {
+    insights?: AutocompleteCoreOptions<TItem>['insights'];
+}

package/dist/esm/types/index.js

@@ -1,14 +1,4 @@
+export * from '@algolia/autocomplete-shared/dist/esm/js';
 export * from './AutocompleteApi';
-export * from './AutocompleteClassNames';
-export * from './AutocompleteCollection';
-export * from './AutocompleteComponents';
 export * from './AutocompleteDom';
-export * from './AutocompleteOptions';
-export * from './AutocompletePlugin';
-export * from './AutocompletePropGetters';
-export * from './AutocompleteRender';
-export * from './AutocompleteRenderer';
-export * from './AutocompleteSource';
-export * from './AutocompleteState';
-export * from './AutocompleteTranslations';
-export * from './HighlightHitParams';
+export {};

package/dist/esm/utils/getHTMLElement.js

@@ -5,6 +5,5 @@ export function getHTMLElement(environment, value) {
     invariant(element !== null, "The element ".concat(JSON.stringify(value), " is not in the document."));
     return element;
   }
-
   return value;
 }

package/dist/esm/utils/mergeClassNames.js

@@ -2,12 +2,10 @@ export function mergeClassNames() {
   for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
     values[_key] = arguments[_key];
   }
-
   return values.reduce(function (acc, current) {
     Object.keys(current).forEach(function (key) {
       var accValue = acc[key];
       var currentValue = current[key];
-
       if (accValue !== currentValue) {
         acc[key] = [accValue, currentValue].filter(Boolean).join(' ');
       }

package/dist/esm/utils/mergeDeep.js

@@ -1,31 +1,21 @@
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 var isPlainObject = function isPlainObject(value) {
   return value && _typeof(value) === 'object' && Object.prototype.toString.call(value) === '[object Object]';
 };
-
 export function mergeDeep() {
   for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
     values[_key] = arguments[_key];
   }
-
   return values.reduce(function (acc, current) {
     Object.keys(current).forEach(function (key) {
       var accValue = acc[key];
       var currentValue = current[key];
-
       if (Array.isArray(accValue) && Array.isArray(currentValue)) {
         acc[key] = accValue.concat.apply(accValue, _toConsumableArray(currentValue));
       } else if (isPlainObject(accValue) && isPlainObject(currentValue)) {