@docsearch/react 3.5.2 → 3.6.1

package/dist/esm/Results.js

@@ -1,123 +0,0 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-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 React from 'react';
-import { Snippet } from './Snippet';
-export function Results(props) {
-  if (!props.collection || props.collection.items.length === 0) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement("section", {
-    className: "DocSearch-Hits"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "DocSearch-Hit-source"
-  }, props.title), /*#__PURE__*/React.createElement("ul", props.getListProps(), props.collection.items.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(Result, _extends({
-      key: [props.title, item.objectID].join(':'),
-      item: item,
-      index: index
-    }, props));
-  })));
-}
-
-function Result(_ref) {
-  var item = _ref.item,
-      index = _ref.index,
-      renderIcon = _ref.renderIcon,
-      renderAction = _ref.renderAction,
-      getItemProps = _ref.getItemProps,
-      onItemClick = _ref.onItemClick,
-      collection = _ref.collection,
-      hitComponent = _ref.hitComponent;
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isDeleting = _React$useState2[0],
-      setIsDeleting = _React$useState2[1];
-
-  var _React$useState3 = React.useState(false),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      isFavoriting = _React$useState4[0],
-      setIsFavoriting = _React$useState4[1];
-
-  var action = React.useRef(null);
-  var Hit = hitComponent;
-
-  function runDeleteTransition(cb) {
-    setIsDeleting(true);
-    action.current = cb;
-  }
-
-  function runFavoriteTransition(cb) {
-    setIsFavoriting(true);
-    action.current = cb;
-  }
-
-  return /*#__PURE__*/React.createElement("li", _extends({
-    className: ['DocSearch-Hit', item.__docsearch_parent && 'DocSearch-Hit--Child', isDeleting && 'DocSearch-Hit--deleting', isFavoriting && 'DocSearch-Hit--favoriting'].filter(Boolean).join(' '),
-    onTransitionEnd: function onTransitionEnd() {
-      if (action.current) {
-        action.current();
-      }
-    }
-  }, getItemProps({
-    item: item,
-    source: collection.source,
-    onClick: function onClick(event) {
-      onItemClick(item, event);
-    }
-  })), /*#__PURE__*/React.createElement(Hit, {
-    hit: item
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "DocSearch-Hit-Container"
-  }, renderIcon({
-    item: item,
-    index: index
-  }), item.hierarchy[item.type] && item.type === 'lvl1' && /*#__PURE__*/React.createElement("div", {
-    className: "DocSearch-Hit-content-wrapper"
-  }, /*#__PURE__*/React.createElement(Snippet, {
-    className: "DocSearch-Hit-title",
-    hit: item,
-    attribute: "hierarchy.lvl1"
-  }), item.content && /*#__PURE__*/React.createElement(Snippet, {
-    className: "DocSearch-Hit-path",
-    hit: item,
-    attribute: "content"
-  })), item.hierarchy[item.type] && (item.type === 'lvl2' || item.type === 'lvl3' || item.type === 'lvl4' || item.type === 'lvl5' || item.type === 'lvl6') && /*#__PURE__*/React.createElement("div", {
-    className: "DocSearch-Hit-content-wrapper"
-  }, /*#__PURE__*/React.createElement(Snippet, {
-    className: "DocSearch-Hit-title",
-    hit: item,
-    attribute: "hierarchy.".concat(item.type)
-  }), /*#__PURE__*/React.createElement(Snippet, {
-    className: "DocSearch-Hit-path",
-    hit: item,
-    attribute: "hierarchy.lvl1"
-  })), item.type === 'content' && /*#__PURE__*/React.createElement("div", {
-    className: "DocSearch-Hit-content-wrapper"
-  }, /*#__PURE__*/React.createElement(Snippet, {
-    className: "DocSearch-Hit-title",
-    hit: item,
-    attribute: "content"
-  }), /*#__PURE__*/React.createElement(Snippet, {
-    className: "DocSearch-Hit-path",
-    hit: item,
-    attribute: "hierarchy.lvl1"
-  })), renderAction({
-    item: item,
-    runDeleteTransition: runDeleteTransition,
-    runFavoriteTransition: runFavoriteTransition
-  }))));
-}

package/dist/esm/ResultsScreen.d.ts

@@ -1,5 +0,0 @@
-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

@@ -1,55 +0,0 @@
-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 React from 'react';
-import { SelectIcon, SourceIcon } from './icons';
-import { Results } from './Results';
-import { removeHighlightTags } from './utils';
-export function ResultsScreen(props) {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "DocSearch-Dropdown-Container"
-  }, 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: collection.source.sourceId,
-      title: title,
-      collection: collection,
-      renderIcon: function renderIcon(_ref) {
-        var _collection$items;
-
-        var item = _ref.item,
-            index = _ref.index;
-        return /*#__PURE__*/React.createElement(React.Fragment, null, item.__docsearch_parent && /*#__PURE__*/React.createElement("svg", {
-          className: "DocSearch-Hit-Tree",
-          viewBox: "0 0 24 54"
-        }, /*#__PURE__*/React.createElement("g", {
-          stroke: "currentColor",
-          fill: "none",
-          fillRule: "evenodd",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }, item.__docsearch_parent !== ((_collection$items = collection.items[index + 1]) === null || _collection$items === void 0 ? void 0 : _collection$items.__docsearch_parent) ? /*#__PURE__*/React.createElement("path", {
-          d: "M8 6v21M20 27H8.3"
-        }) : /*#__PURE__*/React.createElement("path", {
-          d: "M8 6v42M20 27H8.3"
-        }))), /*#__PURE__*/React.createElement("div", {
-          className: "DocSearch-Hit-icon"
-        }, /*#__PURE__*/React.createElement(SourceIcon, {
-          type: item.type
-        })));
-      },
-      renderAction: function renderAction() {
-        return /*#__PURE__*/React.createElement("div", {
-          className: "DocSearch-Hit-action"
-        }, /*#__PURE__*/React.createElement(SelectIcon, null));
-      }
-    }));
-  }), props.resultsFooterComponent && /*#__PURE__*/React.createElement("section", {
-    className: "DocSearch-HitsFooter"
-  }, /*#__PURE__*/React.createElement(props.resultsFooterComponent, {
-    state: props.state
-  })));
-}

package/dist/esm/ScreenState.d.ts

@@ -1,27 +0,0 @@
-import type { AutocompleteApi, AutocompleteState, BaseItem } from '@algolia/autocomplete-core';
-import React from 'react';
-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, event: KeyboardEvent | MouseEvent) => 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<({ translations, ...props }: ScreenStateProps<InternalDocSearchHit>) => JSX.Element>;

package/dist/esm/ScreenState.js

@@ -1,49 +0,0 @@
-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 (_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, {
-      translations: translations === null || translations === void 0 ? void 0 : translations.errorScreen
-    });
-  }
-
-  var hasCollections = props.state.collections.some(function (collection) {
-    return collection.items.length > 0;
-  });
-
-  if (!props.state.query) {
-    return /*#__PURE__*/React.createElement(StartScreen, _extends({}, props, {
-      hasCollections: hasCollections,
-      translations: translations === null || translations === void 0 ? void 0 : translations.startScreen
-    }));
-  }
-
-  if (hasCollections === false) {
-    return /*#__PURE__*/React.createElement(NoResultsScreen, _extends({}, props, {
-      translations: translations === null || translations === void 0 ? void 0 : translations.noResultsScreen
-    }));
-  }
-
-  return /*#__PURE__*/React.createElement(ResultsScreen, props);
-}, function areEqual(_prevProps, nextProps) {
-  // We don't update the screen when Autocomplete is loading or stalled to
-  // avoid UI flashes:
-  //  - Empty screen → Results screen
-  //  - NoResults screen → NoResults screen with another query
-  return nextProps.state.status === 'loading' || nextProps.state.status === 'stalled';
-});

package/dist/esm/SearchBox.d.ts

@@ -1,20 +0,0 @@
-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;
-    isFromSelection: boolean;
-    translations?: SearchBoxTranslations;
-}
-export declare function SearchBox({ translations, ...props }: SearchBoxProps): JSX.Element;
-export {};

package/dist/esm/SearchBox.js

@@ -1,72 +0,0 @@
-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(_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
-  }),
-      onReset = _props$getFormProps.onReset;
-
-  React.useEffect(function () {
-    if (props.autoFocus && props.inputRef.current) {
-      props.inputRef.current.focus();
-    }
-  }, [props.autoFocus, props.inputRef]);
-  React.useEffect(function () {
-    if (props.isFromSelection && props.inputRef.current) {
-      props.inputRef.current.select();
-    }
-  }, [props.isFromSelection, props.inputRef]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("form", {
-    className: "DocSearch-Form",
-    onSubmit: function onSubmit(event) {
-      event.preventDefault();
-    },
-    onReset: onReset
-  }, /*#__PURE__*/React.createElement("label", _extends({
-    className: "DocSearch-MagnifierLabel"
-  }, props.getLabelProps()), /*#__PURE__*/React.createElement(SearchIcon, null)), /*#__PURE__*/React.createElement("div", {
-    className: "DocSearch-LoadingIndicator"
-  }, /*#__PURE__*/React.createElement(LoadingIcon, null)), /*#__PURE__*/React.createElement("input", _extends({
-    className: "DocSearch-Input",
-    ref: props.inputRef
-  }, props.getInputProps({
-    inputElement: props.inputRef.current,
-    autoFocus: props.autoFocus,
-    maxLength: MAX_QUERY_SIZE
-  }))), /*#__PURE__*/React.createElement("button", {
-    type: "reset",
-    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
-  }, cancelButtonText));
-}

package/dist/esm/Snippet.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import type { StoredDocSearchHit } from './types';
-interface SnippetProps<TItem> {
-    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: {
-        __html: any;
-    };
-}, Element>;
-export {};

package/dist/esm/Snippet.js

@@ -1,35 +0,0 @@
-var _excluded = ["hit", "attribute", "tagName"];
-
-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 _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 { createElement } from 'react';
-
-function getPropertyByPath(object, path) {
-  var parts = path.split('.');
-  return parts.reduce(function (prev, current) {
-    if (prev !== null && prev !== void 0 && prev[current]) return prev[current];
-    return null;
-  }, object);
-}
-
-export function Snippet(_ref) {
-  var hit = _ref.hit,
-      attribute = _ref.attribute,
-      _ref$tagName = _ref.tagName,
-      tagName = _ref$tagName === void 0 ? 'span' : _ref$tagName,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return createElement(tagName, _objectSpread(_objectSpread({}, rest), {}, {
-    dangerouslySetInnerHTML: {
-      __html: getPropertyByPath(hit, "_snippetResult.".concat(attribute, ".value")) || getPropertyByPath(hit, attribute)
-    }
-  }));
-}

package/dist/esm/StartScreen.d.ts

@@ -1,16 +0,0 @@
-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;
-    translations?: StartScreenTranslations;
-};
-export declare function StartScreen({ translations, ...props }: StartScreenProps): JSX.Element | null;
-export {};

package/dist/esm/StartScreen.js

@@ -1,119 +0,0 @@
-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(_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;
-    }
-
-    return /*#__PURE__*/React.createElement("div", {
-      className: "DocSearch-StartScreen"
-    }, /*#__PURE__*/React.createElement("p", {
-      className: "DocSearch-Help"
-    }, noRecentSearchesText));
-  }
-
-  if (props.hasCollections === false) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: "DocSearch-Dropdown-Container"
-  }, /*#__PURE__*/React.createElement(Results, _extends({}, props, {
-    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(_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: saveRecentSearchButtonTitle,
-        type: "submit",
-        onClick: function onClick(event) {
-          event.preventDefault();
-          event.stopPropagation();
-          runFavoriteTransition(function () {
-            props.favoriteSearches.add(item);
-            props.recentSearches.remove(item);
-            props.refresh();
-          });
-        }
-      }, /*#__PURE__*/React.createElement(StarIcon, null))), /*#__PURE__*/React.createElement("div", {
-        className: "DocSearch-Hit-action"
-      }, /*#__PURE__*/React.createElement("button", {
-        className: "DocSearch-Hit-action-button",
-        title: removeRecentSearchButtonTitle,
-        type: "submit",
-        onClick: function onClick(event) {
-          event.preventDefault();
-          event.stopPropagation();
-          runDeleteTransition(function () {
-            props.recentSearches.remove(item);
-            props.refresh();
-          });
-        }
-      }, /*#__PURE__*/React.createElement(ResetIcon, null))));
-    }
-  })), /*#__PURE__*/React.createElement(Results, _extends({}, props, {
-    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(_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: removeFavoriteSearchButtonTitle,
-        type: "submit",
-        onClick: function onClick(event) {
-          event.preventDefault();
-          event.stopPropagation();
-          runDeleteTransition(function () {
-            props.favoriteSearches.remove(item);
-            props.refresh();
-          });
-        }
-      }, /*#__PURE__*/React.createElement(ResetIcon, null)));
-    }
-  })));
-}