@docsearch/react 3.0.0-alpha.41 → 3.0.0-alpha.42

package/dist/esm/Results.d.ts

@@ -1,20 +1,20 @@
-import { AutocompleteApi, AutocompleteState, BaseItem } from '@algolia/autocomplete-core';
+import type { AutocompleteApi, AutocompleteState, BaseItem } from '@algolia/autocomplete-core';
 import React from 'react';
-import { DocSearchProps } from './DocSearch';
-import { StoredDocSearchHit } from './types';
+import type { DocSearchProps } from './DocSearch';
+import type { StoredDocSearchHit } from './types';
 interface ResultsProps<TItem extends BaseItem> extends AutocompleteApi<TItem, React.FormEvent, React.MouseEvent, React.KeyboardEvent> {
     title: string;
     collection: AutocompleteState<TItem>['collections'][0];
-    renderIcon(props: {
+    renderIcon: (props: {
         item: TItem;
         index: number;
-    }): React.ReactNode;
-    renderAction(props: {
+    }) => React.ReactNode;
+    renderAction: (props: {
         item: TItem;
         runDeleteTransition: (cb: () => void) => void;
         runFavoriteTransition: (cb: () => void) => void;
-    }): React.ReactNode;
-    onItemClick(item: TItem): void;
+    }) => React.ReactNode;
+    onItemClick: (item: TItem) => void;
     hitComponent: DocSearchProps['hitComponent'];
 }
 export declare function Results<TItem extends StoredDocSearchHit>(props: ResultsProps<TItem>): JSX.Element | null;

package/dist/esm/Results.js

@@ -6,7 +6,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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 _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 

package/dist/esm/ResultsScreen.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ScreenStateProps } from './ScreenState';
-import { InternalDocSearchHit } from './types';
-declare type ResultsScreenProps = ScreenStateProps<InternalDocSearchHit>;
+import type { ScreenStateProps } from './ScreenState';
+import type { InternalDocSearchHit } from './types';
+declare type ResultsScreenProps = Omit<ScreenStateProps<InternalDocSearchHit>, 'translations'>;
 export declare function ResultsScreen(props: ResultsScreenProps): JSX.Element;
 export {};

package/dist/esm/ResultsScreen.js

@@ -7,14 +7,14 @@ import { removeHighlightTags } from './utils';
 export function ResultsScreen(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "DocSearch-Dropdown-Container"
-  }, props.state.collections.map(function (collection, index) {
+  }, props.state.collections.map(function (collection) {
     if (collection.items.length === 0) {
       return null;
     }
 
     var title = removeHighlightTags(collection.items[0]);
     return /*#__PURE__*/React.createElement(Results, _extends({}, props, {
-      key: index,
+      key: collection.source.sourceId,
       title: title,
       collection: collection,
       renderIcon: function renderIcon(_ref) {

package/dist/esm/ScreenState.d.ts

@@ -1,17 +1,26 @@
-import { AutocompleteApi, AutocompleteState, BaseItem } from '@algolia/autocomplete-core';
+import type { AutocompleteApi, AutocompleteState, BaseItem } from '@algolia/autocomplete-core';
 import React from 'react';
-import { DocSearchProps } from './DocSearch';
-import { StoredSearchPlugin } from './stored-searches';
-import { InternalDocSearchHit, StoredDocSearchHit } from './types';
+import type { DocSearchProps } from './DocSearch';
+import type { ErrorScreenTranslations } from './ErrorScreen';
+import type { NoResultsScreenTranslations } from './NoResultsScreen';
+import type { StartScreenTranslations } from './StartScreen';
+import type { StoredSearchPlugin } from './stored-searches';
+import type { InternalDocSearchHit, StoredDocSearchHit } from './types';
+export declare type ScreenStateTranslations = Partial<{
+    errorScreen: ErrorScreenTranslations;
+    startScreen: StartScreenTranslations;
+    noResultsScreen: NoResultsScreenTranslations;
+}>;
 export interface ScreenStateProps<TItem extends BaseItem> extends AutocompleteApi<TItem, React.FormEvent, React.MouseEvent, React.KeyboardEvent> {
     state: AutocompleteState<TItem>;
     recentSearches: StoredSearchPlugin<StoredDocSearchHit>;
     favoriteSearches: StoredSearchPlugin<StoredDocSearchHit>;
-    onItemClick(item: InternalDocSearchHit): void;
-    inputRef: React.MutableRefObject<null | HTMLInputElement>;
+    onItemClick: (item: InternalDocSearchHit) => void;
+    inputRef: React.MutableRefObject<HTMLInputElement | null>;
     hitComponent: DocSearchProps['hitComponent'];
     indexName: DocSearchProps['indexName'];
     disableUserPersonalization: boolean;
     resultsFooterComponent: DocSearchProps['resultsFooterComponent'];
+    translations: ScreenStateTranslations;
 }
-export declare const ScreenState: React.MemoExoticComponent<(props: ScreenStateProps<InternalDocSearchHit>) => JSX.Element>;
+export declare const ScreenState: React.MemoExoticComponent<({ translations, ...props }: ScreenStateProps<InternalDocSearchHit>) => JSX.Element>;

package/dist/esm/ScreenState.js

@@ -1,13 +1,25 @@
+var _excluded = ["translations"];
+
 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 _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 React from 'react';
 import { ErrorScreen } from './ErrorScreen';
 import { NoResultsScreen } from './NoResultsScreen';
 import { ResultsScreen } from './ResultsScreen';
 import { StartScreen } from './StartScreen';
-export var ScreenState = React.memo(function (props) {
+export var ScreenState = React.memo(function (_ref) {
+  var _ref$translations = _ref.translations,
+      translations = _ref$translations === void 0 ? {} : _ref$translations,
+      props = _objectWithoutProperties(_ref, _excluded);
+
   if (props.state.status === 'error') {
-    return /*#__PURE__*/React.createElement(ErrorScreen, null);
+    return /*#__PURE__*/React.createElement(ErrorScreen, {
+      translations: translations === null || translations === void 0 ? void 0 : translations.errorScreen
+    });
   }
 
   var hasCollections = props.state.collections.some(function (collection) {
@@ -16,12 +28,15 @@ export var ScreenState = React.memo(function (props) {
 
   if (!props.state.query) {
     return /*#__PURE__*/React.createElement(StartScreen, _extends({}, props, {
-      hasCollections: hasCollections
+      hasCollections: hasCollections,
+      translations: translations === null || translations === void 0 ? void 0 : translations.startScreen
     }));
   }
 
   if (hasCollections === false) {
-    return /*#__PURE__*/React.createElement(NoResultsScreen, props);
+    return /*#__PURE__*/React.createElement(NoResultsScreen, _extends({}, props, {
+      translations: translations === null || translations === void 0 ? void 0 : translations.noResultsScreen
+    }));
   }
 
   return /*#__PURE__*/React.createElement(ResultsScreen, props);

package/dist/esm/SearchBox.d.ts

@@ -1,12 +1,20 @@
-import { AutocompleteApi, AutocompleteState } from '@algolia/autocomplete-core';
-import React, { MutableRefObject } from 'react';
-import { InternalDocSearchHit } from './types';
+import type { AutocompleteApi, AutocompleteState } from '@algolia/autocomplete-core';
+import type { MutableRefObject } from 'react';
+import React from 'react';
+import type { InternalDocSearchHit } from './types';
+export declare type SearchBoxTranslations = Partial<{
+    resetButtonTitle: string;
+    resetButtonAriaLabel: string;
+    cancelButtonText: string;
+    cancelButtonAriaLabel: string;
+}>;
 interface SearchBoxProps extends AutocompleteApi<InternalDocSearchHit, React.FormEvent, React.MouseEvent, React.KeyboardEvent> {
     state: AutocompleteState<InternalDocSearchHit>;
     autoFocus: boolean;
     inputRef: MutableRefObject<HTMLInputElement | null>;
-    onClose(): void;
+    onClose: () => void;
     isFromSelection: boolean;
+    translations?: SearchBoxTranslations;
 }
-export declare function SearchBox(props: SearchBoxProps): JSX.Element;
+export declare function SearchBox({ translations, ...props }: SearchBoxProps): JSX.Element;
 export {};

package/dist/esm/SearchBox.js

@@ -1,11 +1,30 @@
+var _excluded = ["translations"];
+
 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 _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 React from 'react';
 import { MAX_QUERY_SIZE } from './constants';
 import { LoadingIcon } from './icons/LoadingIcon';
 import { ResetIcon } from './icons/ResetIcon';
 import { SearchIcon } from './icons/SearchIcon';
-export function SearchBox(props) {
+export function SearchBox(_ref) {
+  var _ref$translations = _ref.translations,
+      translations = _ref$translations === void 0 ? {} : _ref$translations,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var _translations$resetBu = translations.resetButtonTitle,
+      resetButtonTitle = _translations$resetBu === void 0 ? 'Clear the query' : _translations$resetBu,
+      _translations$resetBu2 = translations.resetButtonAriaLabel,
+      resetButtonAriaLabel = _translations$resetBu2 === void 0 ? 'Clear the query' : _translations$resetBu2,
+      _translations$cancelB = translations.cancelButtonText,
+      cancelButtonText = _translations$cancelB === void 0 ? 'Cancel' : _translations$cancelB,
+      _translations$cancelB2 = translations.cancelButtonAriaLabel,
+      cancelButtonAriaLabel = _translations$cancelB2 === void 0 ? 'Cancel' : _translations$cancelB2;
+
   var _props$getFormProps = props.getFormProps({
     inputElement: props.inputRef.current
   }),
@@ -40,11 +59,14 @@ export function SearchBox(props) {
     maxLength: MAX_QUERY_SIZE
   }))), /*#__PURE__*/React.createElement("button", {
     type: "reset",
-    title: "Clear the query",
+    title: resetButtonTitle,
     className: "DocSearch-Reset",
+    "aria-label": resetButtonAriaLabel,
     hidden: !props.state.query
   }, /*#__PURE__*/React.createElement(ResetIcon, null))), /*#__PURE__*/React.createElement("button", {
     className: "DocSearch-Cancel",
+    type: "reset",
+    "aria-label": cancelButtonAriaLabel,
     onClick: props.onClose
-  }, "Cancel"));
+  }, cancelButtonText));
 }

package/dist/esm/Snippet.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { StoredDocSearchHit } from './types';
+import type { StoredDocSearchHit } from './types';
 interface SnippetProps<TItem> {
-    [prop: string]: unknown;
     hit: TItem;
     attribute: string;
     tagName?: string;
+    [prop: string]: unknown;
 }
 export declare function Snippet<TItem extends StoredDocSearchHit>({ hit, attribute, tagName, ...rest }: SnippetProps<TItem>): import("react").DOMElement<{
     dangerouslySetInnerHTML: {

package/dist/esm/Snippet.js

@@ -1,4 +1,6 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+var _excluded = ["hit", "attribute", "tagName"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
@@ -12,8 +14,9 @@ import { createElement } from 'react';
 
 function getPropertyByPath(object, path) {
   var parts = path.split('.');
-  return parts.reduce(function (current, key) {
-    return current && current[key];
+  return parts.reduce(function (prev, current) {
+    if (prev !== null && prev !== void 0 && prev[current]) return prev[current];
+    return null;
   }, object);
 }
 
@@ -22,7 +25,7 @@ export function Snippet(_ref) {
       attribute = _ref.attribute,
       _ref$tagName = _ref.tagName,
       tagName = _ref$tagName === void 0 ? 'span' : _ref$tagName,
-      rest = _objectWithoutProperties(_ref, ["hit", "attribute", "tagName"]);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   return createElement(tagName, _objectSpread(_objectSpread({}, rest), {}, {
     dangerouslySetInnerHTML: {

package/dist/esm/StartScreen.d.ts

@@ -1,8 +1,17 @@
 /// <reference types="react" />
-import { ScreenStateProps } from './ScreenState';
-import { InternalDocSearchHit } from './types';
-interface StartScreenProps extends ScreenStateProps<InternalDocSearchHit> {
+import type { ScreenStateProps } from './ScreenState';
+import type { InternalDocSearchHit } from './types';
+export declare type StartScreenTranslations = Partial<{
+    recentSearchesTitle: string;
+    noRecentSearchesText: string;
+    saveRecentSearchButtonTitle: string;
+    removeRecentSearchButtonTitle: string;
+    favoriteSearchesTitle: string;
+    removeFavoriteSearchButtonTitle: string;
+}>;
+declare type StartScreenProps = Omit<ScreenStateProps<InternalDocSearchHit>, 'translations'> & {
     hasCollections: boolean;
-}
-export declare function StartScreen(props: StartScreenProps): JSX.Element | null;
+    translations?: StartScreenTranslations;
+};
+export declare function StartScreen({ translations, ...props }: StartScreenProps): JSX.Element | null;
 export {};

package/dist/esm/StartScreen.js

@@ -1,9 +1,32 @@
+var _excluded = ["translations"];
+
 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 _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 React from 'react';
 import { RecentIcon, ResetIcon, StarIcon } from './icons';
 import { Results } from './Results';
-export function StartScreen(props) {
+export function StartScreen(_ref) {
+  var _ref$translations = _ref.translations,
+      translations = _ref$translations === void 0 ? {} : _ref$translations,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var _translations$recentS = translations.recentSearchesTitle,
+      recentSearchesTitle = _translations$recentS === void 0 ? 'Recent' : _translations$recentS,
+      _translations$noRecen = translations.noRecentSearchesText,
+      noRecentSearchesText = _translations$noRecen === void 0 ? 'No recent searches' : _translations$noRecen,
+      _translations$saveRec = translations.saveRecentSearchButtonTitle,
+      saveRecentSearchButtonTitle = _translations$saveRec === void 0 ? 'Save this search' : _translations$saveRec,
+      _translations$removeR = translations.removeRecentSearchButtonTitle,
+      removeRecentSearchButtonTitle = _translations$removeR === void 0 ? 'Remove this search from history' : _translations$removeR,
+      _translations$favorit = translations.favoriteSearchesTitle,
+      favoriteSearchesTitle = _translations$favorit === void 0 ? 'Favorite' : _translations$favorit,
+      _translations$removeF = translations.removeFavoriteSearchButtonTitle,
+      removeFavoriteSearchButtonTitle = _translations$removeF === void 0 ? 'Remove this search from favorites' : _translations$removeF;
+
   if (props.state.status === 'idle' && props.hasCollections === false) {
     if (props.disableUserPersonalization) {
       return null;
@@ -13,7 +36,7 @@ export function StartScreen(props) {
       className: "DocSearch-StartScreen"
     }, /*#__PURE__*/React.createElement("p", {
       className: "DocSearch-Help"
-    }, "No recent searches"));
+    }, noRecentSearchesText));
   }
 
   if (props.hasCollections === false) {
@@ -23,22 +46,23 @@ export function StartScreen(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "DocSearch-Dropdown-Container"
   }, /*#__PURE__*/React.createElement(Results, _extends({}, props, {
-    title: "Recent",
+    title: recentSearchesTitle,
     collection: props.state.collections[0],
     renderIcon: function renderIcon() {
       return /*#__PURE__*/React.createElement("div", {
         className: "DocSearch-Hit-icon"
       }, /*#__PURE__*/React.createElement(RecentIcon, null));
     },
-    renderAction: function renderAction(_ref) {
-      var item = _ref.item,
-          runFavoriteTransition = _ref.runFavoriteTransition,
-          runDeleteTransition = _ref.runDeleteTransition;
+    renderAction: function renderAction(_ref2) {
+      var item = _ref2.item,
+          runFavoriteTransition = _ref2.runFavoriteTransition,
+          runDeleteTransition = _ref2.runDeleteTransition;
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
         className: "DocSearch-Hit-action"
       }, /*#__PURE__*/React.createElement("button", {
         className: "DocSearch-Hit-action-button",
-        title: "Save this search",
+        title: saveRecentSearchButtonTitle,
+        type: "submit",
         onClick: function onClick(event) {
           event.preventDefault();
           event.stopPropagation();
@@ -52,7 +76,8 @@ export function StartScreen(props) {
         className: "DocSearch-Hit-action"
       }, /*#__PURE__*/React.createElement("button", {
         className: "DocSearch-Hit-action-button",
-        title: "Remove this search from history",
+        title: removeRecentSearchButtonTitle,
+        type: "submit",
         onClick: function onClick(event) {
           event.preventDefault();
           event.stopPropagation();
@@ -64,21 +89,22 @@ export function StartScreen(props) {
       }, /*#__PURE__*/React.createElement(ResetIcon, null))));
     }
   })), /*#__PURE__*/React.createElement(Results, _extends({}, props, {
-    title: "Favorites",
+    title: favoriteSearchesTitle,
     collection: props.state.collections[1],
     renderIcon: function renderIcon() {
       return /*#__PURE__*/React.createElement("div", {
         className: "DocSearch-Hit-icon"
       }, /*#__PURE__*/React.createElement(StarIcon, null));
     },
-    renderAction: function renderAction(_ref2) {
-      var item = _ref2.item,
-          runDeleteTransition = _ref2.runDeleteTransition;
+    renderAction: function renderAction(_ref3) {
+      var item = _ref3.item,
+          runDeleteTransition = _ref3.runDeleteTransition;
       return /*#__PURE__*/React.createElement("div", {
         className: "DocSearch-Hit-action"
       }, /*#__PURE__*/React.createElement("button", {
         className: "DocSearch-Hit-action-button",
-        title: "Remove this search from favorites",
+        title: removeFavoriteSearchButtonTitle,
+        type: "submit",
         onClick: function onClick(event) {
           event.preventDefault();
           event.stopPropagation();

package/dist/esm/__tests__/api.test.js

@@ -0,0 +1,224 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+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); }
+
+import { render, fireEvent, waitFor, screen, act } from '@testing-library/react';
+import React from 'react';
+import '@testing-library/jest-dom';
+import { DocSearch as DocSearchComponent } from '../DocSearch';
+
+function DocSearch(props) {
+  return /*#__PURE__*/React.createElement(DocSearchComponent, _extends({
+    apiKey: "foo",
+    indexName: "bar"
+  }, props));
+}
+
+describe('api', function () {
+  beforeEach(function () {
+    document.body.innerHTML = '';
+  });
+  it('renders with minimal parameters', function () {
+    render( /*#__PURE__*/React.createElement(DocSearch, null));
+    expect(document.querySelector('.DocSearch')).toBeInTheDocument();
+  });
+  describe('translations', function () {
+    it('overrides the default DocSearchButton text', function () {
+      render( /*#__PURE__*/React.createElement(DocSearch, {
+        translations: {
+          button: {
+            buttonText: 'Recherche',
+            buttonAriaLabel: 'Recherche'
+          }
+        }
+      }));
+      expect(document.querySelector('.DocSearch-Button-Placeholder').innerHTML).toBe('Recherche');
+      expect(document.querySelector('.DocSearch-Button').getAttribute('aria-label')).toBe('Recherche');
+    });
+    it('overrides the default DocSearchModal startScreen text', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              render( /*#__PURE__*/React.createElement(DocSearch, {
+                translations: {
+                  modal: {
+                    startScreen: {
+                      noRecentSearchesText: 'Pas de recherche récentes'
+                    }
+                  }
+                }
+              }));
+              _context.next = 3;
+              return waitFor(function () {
+                fireEvent.click(document.querySelector('.DocSearch-Button'));
+              });
+
+            case 3:
+              expect(screen.getByText('Pas de recherche récentes')).toBeInTheDocument();
+
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
+    it('overrides the default DocSearchModal noResultsScreen text', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
+      return regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              render( /*#__PURE__*/React.createElement(DocSearch // mock empty response
+              , {
+                transformSearchClient: function transformSearchClient(searchClient) {
+                  return _objectSpread(_objectSpread({}, searchClient), {}, {
+                    search: function search() {
+                      return new Promise(function (resolve) {
+                        resolve({
+                          results: [{
+                            hits: [],
+                            hitsPerPage: 0,
+                            nbHits: 0,
+                            nbPages: 0,
+                            page: 0,
+                            processingTimeMS: 0,
+                            exhaustiveNbHits: true,
+                            params: '',
+                            query: ''
+                          }]
+                        });
+                      });
+                    }
+                  });
+                },
+                translations: {
+                  modal: {
+                    noResultsScreen: {
+                      noResultsText: 'Pas de résultats pour',
+                      openIssueText: 'Ouvrez une issue sur docsearch-configs',
+                      openIssueLinkText: 'Lien du repo'
+                    }
+                  }
+                }
+              }));
+              _context3.next = 3;
+              return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+                return regeneratorRuntime.wrap(function _callee2$(_context2) {
+                  while (1) {
+                    switch (_context2.prev = _context2.next) {
+                      case 0:
+                        _context2.next = 2;
+                        return waitFor(function () {
+                          fireEvent.click(document.querySelector('.DocSearch-Button'));
+                        });
+
+                      case 2:
+                        fireEvent.input(document.querySelector('.DocSearch-Input'), {
+                          target: {
+                            value: 'q'
+                          }
+                        });
+
+                      case 3:
+                      case "end":
+                        return _context2.stop();
+                    }
+                  }
+                }, _callee2);
+              })));
+
+            case 3:
+              expect(screen.getByText(/Pas de résultats pour/)).toBeInTheDocument();
+              expect(screen.getByText(/Ouvrez une issue sur docsearch-configs/)).toBeInTheDocument();
+              expect(screen.getByRole('link', {
+                name: 'Lien du repo'
+              })).toBeInTheDocument();
+
+            case 6:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    })));
+    it('overrides the default DocSearchModal searchbox text', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
+      return regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              render( /*#__PURE__*/React.createElement(DocSearch, {
+                translations: {
+                  modal: {
+                    searchBox: {
+                      resetButtonTitle: 'Effacer',
+                      resetButtonAriaLabel: 'Effacer',
+                      cancelButtonText: 'Annuler',
+                      cancelButtonAriaLabel: 'Annuler'
+                    }
+                  }
+                }
+              }));
+              _context4.next = 3;
+              return waitFor(function () {
+                fireEvent.click(document.querySelector('.DocSearch-Button'));
+              });
+
+            case 3:
+              expect(document.querySelector('.DocSearch-Cancel').innerHTML).toBe('Annuler');
+              expect(document.querySelector('.DocSearch-Cancel').getAttribute('aria-label')).toBe('Annuler');
+              expect(document.querySelector('.DocSearch-Reset').getAttribute('title')).toBe('Effacer');
+              expect(document.querySelector('.DocSearch-Reset').getAttribute('aria-label')).toBe('Effacer');
+
+            case 7:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee4);
+    })));
+    it('overrides the default DocSearchModal footer text', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
+      return regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              render( /*#__PURE__*/React.createElement(DocSearch, {
+                translations: {
+                  modal: {
+                    footer: {
+                      closeText: 'Fermer',
+                      navigateText: 'Naviguer',
+                      searchByText: 'Recherche par',
+                      selectText: 'Selectionner'
+                    }
+                  }
+                }
+              }));
+              _context5.next = 3;
+              return waitFor(function () {
+                fireEvent.click(document.querySelector('.DocSearch-Button'));
+              });
+
+            case 3:
+              expect(screen.getByText('Recherche par')).toBeInTheDocument();
+              expect(screen.getByText('Fermer')).toBeInTheDocument();
+              expect(screen.getByText('Naviguer')).toBeInTheDocument();
+              expect(screen.getByText('Selectionner')).toBeInTheDocument();
+
+            case 7:
+            case "end":
+              return _context5.stop();
+          }
+        }
+      }, _callee5);
+    })));
+  });
+});