@docsearch/react 3.0.0-alpha.40 → 3.0.0

package/dist/esm/Hit.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { DocSearchHit } from './types';
+import type { InternalDocSearchHit, StoredDocSearchHit } from './types';
 interface HitProps {
-    hit: DocSearchHit;
+    hit: InternalDocSearchHit | StoredDocSearchHit;
     children: React.ReactNode;
 }
 export declare function Hit({ hit, children }: HitProps): JSX.Element;

package/dist/esm/NoResultsScreen.d.ts

@@ -1,6 +1,14 @@
 /// <reference types="react" />
-import { ScreenStateProps } from './ScreenState';
-import { InternalDocSearchHit } from './types';
-declare type NoResultsScreenProps = ScreenStateProps<InternalDocSearchHit>;
-export declare function NoResultsScreen(props: NoResultsScreenProps): JSX.Element;
+import type { ScreenStateProps } from './ScreenState';
+import type { InternalDocSearchHit } from './types';
+export declare type NoResultsScreenTranslations = Partial<{
+    noResultsText: string;
+    suggestedQueryText: string;
+    reportMissingResultsText: string;
+    reportMissingResultsLinkText: string;
+}>;
+declare type NoResultsScreenProps = Omit<ScreenStateProps<InternalDocSearchHit>, 'translations'> & {
+    translations?: NoResultsScreenTranslations;
+};
+export declare function NoResultsScreen({ translations, ...props }: NoResultsScreenProps): JSX.Element;
 export {};

package/dist/esm/NoResultsScreen.js

@@ -1,18 +1,36 @@
+var _excluded = ["translations"];
+
 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" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+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 _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 { NoResultsIcon } from './icons';
-export function NoResultsScreen(props) {
+export function NoResultsScreen(_ref) {
+  var _ref$translations = _ref.translations,
+      translations = _ref$translations === void 0 ? {} : _ref$translations,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var _translations$noResul = translations.noResultsText,
+      noResultsText = _translations$noResul === void 0 ? 'No results for' : _translations$noResul,
+      _translations$suggest = translations.suggestedQueryText,
+      suggestedQueryText = _translations$suggest === void 0 ? 'Try searching for' : _translations$suggest,
+      _translations$reportM = translations.reportMissingResultsText,
+      reportMissingResultsText = _translations$reportM === void 0 ? 'Believe this query should return results?' : _translations$reportM,
+      _translations$reportM2 = translations.reportMissingResultsLinkText,
+      reportMissingResultsLinkText = _translations$reportM2 === void 0 ? 'Let us know.' : _translations$reportM2;
   var searchSuggestions = props.state.context.searchSuggestions;
   return /*#__PURE__*/React.createElement("div", {
     className: "DocSearch-NoResults"
@@ -20,27 +38,30 @@ export function NoResultsScreen(props) {
     className: "DocSearch-Screen-Icon"
   }, /*#__PURE__*/React.createElement(NoResultsIcon, null)), /*#__PURE__*/React.createElement("p", {
     className: "DocSearch-Title"
-  }, "No results for \"", /*#__PURE__*/React.createElement("strong", null, props.state.query), "\""), searchSuggestions && searchSuggestions.length > 0 && /*#__PURE__*/React.createElement("div", {
+  }, noResultsText, " \"", /*#__PURE__*/React.createElement("strong", null, props.state.query), "\""), searchSuggestions && searchSuggestions.length > 0 && /*#__PURE__*/React.createElement("div", {
     className: "DocSearch-NoResults-Prefill-List"
   }, /*#__PURE__*/React.createElement("p", {
     className: "DocSearch-Help"
-  }, "Try searching for:"), /*#__PURE__*/React.createElement("ul", null, searchSuggestions.slice(0, 3).reduce(function (acc, search) {
+  }, suggestedQueryText, ":"), /*#__PURE__*/React.createElement("ul", null, searchSuggestions.slice(0, 3).reduce(function (acc, search) {
     return [].concat(_toConsumableArray(acc), [/*#__PURE__*/React.createElement("li", {
       key: search
     }, /*#__PURE__*/React.createElement("button", {
       className: "DocSearch-Prefill",
       key: search,
+      type: "button",
       onClick: function onClick() {
         props.setQuery(search.toLowerCase() + ' ');
         props.refresh();
         props.inputRef.current.focus();
       }
     }, search))]);
-  }, []))), /*#__PURE__*/React.createElement("p", {
+  }, []))), props.getMissingResultsUrl && /*#__PURE__*/React.createElement("p", {
     className: "DocSearch-Help"
-  }, "Believe this query should return results?", ' ', /*#__PURE__*/React.createElement("a", {
-    href: "https://github.com/algolia/docsearch-configs/issues/new?template=Missing_results.md&title=[".concat(props.indexName, "]+Missing+results+for+query+\"").concat(props.state.query, "\""),
+  }, "".concat(reportMissingResultsText, " "), /*#__PURE__*/React.createElement("a", {
+    href: props.getMissingResultsUrl({
+      query: props.state.query
+    }),
     target: "_blank",
     rel: "noopener noreferrer"
-  }, "Let us know"), "."));
+  }, reportMissingResultsLinkText)));
 }

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) { 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 _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 _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,27 @@
-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;
+    getMissingResultsUrl?: DocSearchProps['getMissingResultsUrl'];
 }
-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,6 +1,8 @@
-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 _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 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; }
 
@@ -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();