blob: 36366e97b6b3a0236cbbf842c66532d4d703095b [file] [log] [blame]
diff --git a/node_modules/@docusaurus/theme-search-algolia/src/theme/SearchPage/index.js b/node_modules/@docusaurus/theme-search-algolia/src/theme/SearchPage/index.js
index 8e0fd9e..5d955e6 100644
--- a/node_modules/@docusaurus/theme-search-algolia/src/theme/SearchPage/index.js
+++ b/node_modules/@docusaurus/theme-search-algolia/src/theme/SearchPage/index.js
@@ -7,7 +7,7 @@
/* eslint-disable jsx-a11y/no-autofocus */
-import React, {useEffect, useState, useReducer, useRef} from 'react';
+import React, { useEffect, useState, useReducer, useRef } from 'react';
import algoliaSearch from 'algoliasearch/lite';
import algoliaSearchHelper from 'algoliasearch-helper';
@@ -16,17 +16,17 @@ import clsx from 'clsx';
import Head from '@docusaurus/Head';
import Link from '@docusaurus/Link';
import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
-import {useTitleFormatter, usePluralForm} from '@docusaurus/theme-common';
+import { useTitleFormatter, usePluralForm } from '@docusaurus/theme-common';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
-import {useAllDocsData} from '@theme/hooks/useDocs';
+import { useAllDocsData } from '@theme/hooks/useDocs';
import useSearchQuery from '@theme/hooks/useSearchQuery';
import Layout from '@theme/Layout';
-import Translate, {translate} from '@docusaurus/Translate';
+import Translate, { translate } from '@docusaurus/Translate';
import styles from './styles.module.css';
// Very simple pluralization: probably good enough for now
function useDocumentsFoundPlural() {
- const {selectMessage} = usePluralForm();
+ const { selectMessage } = usePluralForm();
return (count) =>
selectMessage(
count,
@@ -37,7 +37,7 @@ function useDocumentsFoundPlural() {
'Pluralized label for "{count} documents found". Use as much plural forms (separated by "|") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)',
message: 'One document found|{count} documents found',
},
- {count},
+ { count },
),
);
}
@@ -49,13 +49,13 @@ function useDocsSearchVersionsHelpers() {
// docsPluginId -> versionName map
const [searchVersions, setSearchVersions] = useState(() => {
return Object.entries(allDocsData).reduce((acc, [pluginId, pluginData]) => {
- return {...acc, [pluginId]: pluginData.versions[0].name};
+ return { ...acc, [pluginId]: pluginData.versions[0].name };
}, {});
});
// Set the value of a single select menu
const setSearchVersion = (pluginId, searchVersion) =>
- setSearchVersions((s) => ({...s, [pluginId]: searchVersion}));
+ setSearchVersions((s) => ({ ...s, [pluginId]: searchVersion }));
const versioningEnabled = Object.values(allDocsData).some(
(docsData) => docsData.versions.length > 1,
@@ -70,7 +70,7 @@ function useDocsSearchVersionsHelpers() {
}
// We want to display one select per versioned docs plugin instance
-const SearchVersionSelectList = ({docsSearchVersionsHelpers}) => {
+const SearchVersionSelectList = ({ docsSearchVersionsHelpers }) => {
const versionedPluginEntries = Object.entries(
docsSearchVersionsHelpers.allDocsData,
)
@@ -117,15 +117,15 @@ function SearchPage() {
const {
siteConfig: {
themeConfig: {
- algolia: {appId, apiKey, indexName},
+ algolia: { appId, apiKey, indexName },
},
},
- i18n: {currentLocale},
+ i18n: { currentLocale },
} = useDocusaurusContext();
const documentsFoundPlural = useDocumentsFoundPlural();
const docsSearchVersionsHelpers = useDocsSearchVersionsHelpers();
- const {searchValue, updateSearchPath} = useSearchQuery();
+ const { searchValue, updateSearchPath } = useSearchQuery();
const [searchQuery, setSearchQuery] = useState(searchValue);
const initialSearchResultState = {
items: [],
@@ -137,13 +137,13 @@ function SearchPage() {
loading: null,
};
const [searchResultState, searchResultStateDispatcher] = useReducer(
- (prevState, {type, value: state}) => {
+ (prevState, { type, value: state }) => {
switch (type) {
case 'reset': {
return initialSearchResultState;
}
case 'loading': {
- return {...prevState, loading: true};
+ return { ...prevState, loading: true };
}
case 'update': {
if (searchQuery !== state.query) {
@@ -182,9 +182,9 @@ function SearchPage() {
algoliaHelper.on(
'result',
- ({results: {query, hits, page, nbHits, nbPages}}) => {
+ ({ results: { query, hits, page, nbHits, nbPages } }) => {
if (query === '' || !(hits instanceof Array)) {
- searchResultStateDispatcher({type: 'reset'});
+ searchResultStateDispatcher({ type: 'reset' });
return;
}
@@ -198,10 +198,10 @@ function SearchPage() {
const items = hits.map(
({
url,
- _highlightResult: {hierarchy},
+ _highlightResult: { hierarchy },
_snippetResult: snippet = {},
}) => {
- const {pathname, hash} = new URL(url);
+ const { pathname, hash } = new URL(url);
const titles = Object.keys(hierarchy).map((key) => {
return sanitizeValue(hierarchy[key].value);
});
@@ -236,40 +236,40 @@ function SearchPage() {
const prevY = useRef(0);
const observer = useRef(
ExecutionEnvironment.canUseDOM &&
- new IntersectionObserver(
- (entries) => {
- const {
- isIntersecting,
- boundingClientRect: {y: currentY},
- } = entries[0];
-
- if (isIntersecting && prevY.current > currentY) {
- searchResultStateDispatcher({type: 'advance'});
- }
+ new IntersectionObserver(
+ (entries) => {
+ const {
+ isIntersecting,
+ boundingClientRect: { y: currentY },
+ } = entries[0];
+
+ if (isIntersecting && prevY.current > currentY) {
+ searchResultStateDispatcher({ type: 'advance' });
+ }
- prevY.current = currentY;
- },
- {threshold: 1},
- ),
+ prevY.current = currentY;
+ },
+ { threshold: 1 },
+ ),
);
const getTitle = () =>
searchQuery
? translate(
- {
- id: 'theme.SearchPage.existingResultsTitle',
- message: 'Search results for "{query}"',
- description: 'The search page title for non-empty query',
- },
- {
- query: searchQuery,
- },
- )
+ {
+ id: 'theme.SearchPage.existingResultsTitle',
+ message: 'Search results for "{query}"',
+ description: 'The search page title for non-empty query',
+ },
+ {
+ query: searchQuery,
+ },
+ )
: translate({
- id: 'theme.SearchPage.emptyResultsTitle',
- message: 'Search the documentation',
- description: 'The search page title for empty query',
- });
+ id: 'theme.SearchPage.emptyResultsTitle',
+ message: 'Search the documentation',
+ description: 'The search page title for empty query',
+ });
const makeSearch = (page = 0) => {
algoliaHelper.addDisjunctiveFacetRefinement('docusaurus_tag', 'default');
@@ -302,10 +302,10 @@ function SearchPage() {
useEffect(() => {
updateSearchPath(searchQuery);
- searchResultStateDispatcher({type: 'reset'});
+ searchResultStateDispatcher({ type: 'reset' });
if (searchQuery) {
- searchResultStateDispatcher({type: 'loading'});
+ searchResultStateDispatcher({ type: 'loading' });
setTimeout(() => {
makeSearch();
@@ -420,10 +420,10 @@ function SearchPage() {
{searchResultState.items.length > 0 ? (
<main>
{searchResultState.items.map(
- ({title, url, summary, breadcrumbs}, i) => (
+ ({ title, url, summary, breadcrumbs }, i) => (
<article key={i} className={styles.searchResultItem}>
<h2 className={styles.searchResultItemHeading}>
- <Link to={url} dangerouslySetInnerHTML={{__html: title}} />
+ <Link to={url} dangerouslySetInnerHTML={{ __html: title }} target="__blank" />
</h2>
{breadcrumbs.length > 0 && (
@@ -439,7 +439,7 @@ function SearchPage() {
className="breadcrumbs__item"
// Developer provided the HTML, so assume it's safe.
// eslint-disable-next-line react/no-danger
- dangerouslySetInnerHTML={{__html: html}}
+ dangerouslySetInnerHTML={{ __html: html }}
/>
))}
</ul>
@@ -451,7 +451,7 @@ function SearchPage() {
className={styles.searchResultItemSummary}
// Developer provided the HTML, so assume it's safe.
// eslint-disable-next-line react/no-danger
- dangerouslySetInnerHTML={{__html: summary}}
+ dangerouslySetInnerHTML={{ __html: summary }}
/>
)}
</article>