@docusaurus/theme-classic 0.0.0-4205 → 0.0.0-4209

package/lib/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.AnnouncementBarDismissStorageKey = void 0;
 exports.default = docusaurusThemeClassic;
 exports.getSwizzleComponentList = getSwizzleComponentList;
 Object.defineProperty(exports, "validateThemeConfig", {
@@ -11,7 +12,6 @@ Object.defineProperty(exports, "validateThemeConfig", {
     return _validateThemeConfig.validateThemeConfig;
   }
 });
-exports.AnnouncementBarDismissStorageKey = void 0;
 
 var _translations = require("./translations");
 
@@ -42,8 +42,7 @@ const ThemeStorageKey = 'theme';
 const noFlashColorMode = ({
   defaultMode,
   respectPrefersColorScheme
-}) => {
-  return `(function() {
+}) => `(function() {
   var defaultMode = '${defaultMode}';
   var respectPrefersColorScheme = ${respectPrefersColorScheme};
 
@@ -77,8 +76,7 @@ const noFlashColorMode = ({
       setDataThemeAttribute(defaultMode === 'dark' ? 'dark' : 'light');
     }
   }
-})();`;
-}; // Duplicated constant. Unfortunately we can't import it from theme-common, as we need to support older nodejs versions without ESM support
+})();`; // Duplicated constant. Unfortunately we can't import it from theme-common, as we need to support older nodejs versions without ESM support
 // TODO: import from theme-common once we only support Node.js with ESM support
 // + move all those announcementBar stuff there too
 
@@ -152,12 +150,10 @@ options) {
       themeConfig
     }),
     translateThemeConfig: _translations.translateThemeConfig,
-    getDefaultCodeTranslationMessages: () => {
-      return (0, _utils.readDefaultCodeTranslationMessages)({
-        dirPath: _path.default.resolve(__dirname, '..', 'codeTranslations'),
-        locale: currentLocale
-      });
-    },
+    getDefaultCodeTranslationMessages: () => (0, _utils.readDefaultCodeTranslationMessages)({
+      dirPath: _path.default.resolve(__dirname, '..', 'codeTranslations'),
+      locale: currentLocale
+    }),
 
     getClientModules() {
       const modules = [require.resolve(getInfimaCSSFile(direction)), _path.default.resolve(__dirname, './prism-include-languages'), _path.default.resolve(__dirname, './admonitions.css')];

package/lib/theme/BlogPostAuthors/index.js

@@ -29,7 +29,7 @@ function BlogPostAuthors({
   const authorsCount = authors.length;
 
   if (authorsCount === 0) {
-    return <></>;
+    return null;
   }
 
   return <div className="row margin-top--md margin-bottom--sm">

package/lib/theme/BlogSidebar/index.js

@@ -39,13 +39,11 @@ function BlogSidebar({
         {sidebar.title}
       </div>
       <ul className={_stylesModule.default.sidebarItemList}>
-        {sidebar.items.map(item => {
-        return <li key={item.permalink} className={_stylesModule.default.sidebarItem}>
-              <_Link.default isNavLink to={item.permalink} className={_stylesModule.default.sidebarItemLink} activeClassName={_stylesModule.default.sidebarItemLinkActive}>
-                {item.title}
-              </_Link.default>
-            </li>;
-      })}
+        {sidebar.items.map(item => <li key={item.permalink} className={_stylesModule.default.sidebarItem}>
+            <_Link.default isNavLink to={item.permalink} className={_stylesModule.default.sidebarItemLink} activeClassName={_stylesModule.default.sidebarItemLinkActive}>
+              {item.title}
+            </_Link.default>
+          </li>)}
       </ul>
     </nav>;
 }

package/lib/theme/DocItemFooter/index.js

@@ -69,7 +69,7 @@ function DocItemFooter(props) {
   const canDisplayFooter = canDisplayTagsRow || canDisplayEditMetaRow;
 
   if (!canDisplayFooter) {
-    return <></>;
+    return null;
   }
 
   return <footer className={(0, _clsx.default)(_themeCommon.ThemeClassNames.docs.docFooter, 'docusaurus-mt-lg')}>

package/lib/theme/DocSidebar/index.js

@@ -93,17 +93,16 @@ function DocSidebarDesktop({
       </nav>
       {hideableSidebar && <HideableSidebarButton onClick={onCollapse} />}
     </div>;
-}
+} // eslint-disable-next-line react/function-component-definition
+
 
 const DocSidebarMobileSecondaryMenu = ({
   toggleSidebar,
   sidebar,
   path
-}) => {
-  return <ul className={(0, _clsx.default)(_themeCommon.ThemeClassNames.docs.docSidebarMenu, 'menu__list')}>
-      <_DocSidebarItem.DocSidebarItems items={sidebar} activePath={path} onItemClick={() => toggleSidebar()} level={1} />
-    </ul>;
-};
+}) => <ul className={(0, _clsx.default)(_themeCommon.ThemeClassNames.docs.docSidebarMenu, 'menu__list')}>
+    <_DocSidebarItem.DocSidebarItems items={sidebar} activePath={path} onItemClick={() => toggleSidebar()} level={1} />
+  </ul>;
 
 function DocSidebarMobile(props) {
   return <_themeCommon.MobileSecondaryMenuFiller component={DocSidebarMobileSecondaryMenu} props={props} />;

package/lib/theme/DocSidebarItem/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = DocSidebarItem;
 exports.DocSidebarItems = void 0;
+exports.default = DocSidebarItem;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -47,15 +47,13 @@ const isActiveSidebarItem = (item, activePath) => {
 // TODO this triggers whole sidebar re-renders on navigation
 
 
-const DocSidebarItems = (0, _react.memo)(function DocSidebarItems({
+const DocSidebarItems = (0, _react.memo)(({
   items,
   ...props
-}) {
-  return <>
+}) => <>
       {items.map((item, index) => <DocSidebarItem key={index} // sidebar is static, the index does not change
-    item={item} {...props} />)}
-    </>;
-});
+  item={item} {...props} />)}
+    </>);
 exports.DocSidebarItems = DocSidebarItems;
 
 function DocSidebarItem({

package/lib/theme/DocVersionBanner/index.js

@@ -123,7 +123,7 @@ function DocVersionBanner({
     return <DocVersionBannerEnabled versionMetadata={versionMetadata} />;
   }
 
-  return <></>;
+  return null;
 }
 
 var _default = DocVersionBanner;

package/lib/theme/Footer/index.js

@@ -54,12 +54,14 @@ function FooterLink({
     </_Link.default>;
 }
 
-const FooterLogo = ({
+function FooterLogo({
   sources,
   alt,
   width,
   height
-}) => <_ThemedImage.default className="footer__logo" alt={alt} sources={sources} width={width} height={height} />;
+}) {
+  return <_ThemedImage.default className="footer__logo" alt={alt} sources={sources} width={width} height={height} />;
+}
 
 function Footer() {
   const {

package/lib/theme/Heading/index.js

@@ -25,22 +25,21 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-const MainHeading = function MainHeading({ ...props
-}) {
-  return <header>
-      <h1 {...props} id={undefined} // h1 headings do not need an id because they don't appear in the TOC
-    >
-        {props.children}
-      </h1>
-    </header>;
-};
+// eslint-disable-next-line react/function-component-definition
+const MainHeading = ({ ...props
+}) => <header>
+    <h1 {...props} id={undefined} // h1 headings do not need an id because they don't appear in the TOC
+  >
+      {props.children}
+    </h1>
+  </header>;
 
 exports.MainHeading = MainHeading;
 
-const createAnchorHeading = Tag => function TargetComponent({
+const createAnchorHeading = Tag => ({
   id,
   ...props
-}) {
+}) => {
   const {
     navbar: {
       hideOnScroll
@@ -66,9 +65,7 @@ const createAnchorHeading = Tag => function TargetComponent({
       </Tag>;
 };
 
-const Heading = headingType => {
-  return headingType === 'h1' ? MainHeading : createAnchorHeading(headingType);
-};
+const Heading = headingType => headingType === 'h1' ? MainHeading : createAnchorHeading(headingType);
 
 var _default = Heading;
 exports.default = _default;

package/lib/theme/IconArrow/index.js

@@ -15,14 +15,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-const IconArrow = props => {
+function IconArrow(props) {
   return <svg width="20" height="20" aria-hidden="true" {...props}>
       <g fill="#7a7a7a">
         <path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0" />
         <path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0" />
       </g>
     </svg>;
-};
+}
 
 var _default = IconArrow;
 exports.default = _default;

package/lib/theme/IconEdit/index.js

@@ -19,16 +19,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-const IconEdit = ({
+function IconEdit({
   className,
   ...restProps
-}) => {
+}) {
   return <svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" className={(0, _clsx.default)(_stylesModule.default.iconEdit, className)} aria-hidden="true" {...restProps}>
       <g>
         <path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z" />
       </g>
     </svg>;
-};
+}
 
 var _default = IconEdit;
 exports.default = _default;

package/lib/theme/IconExternalLink/index.js

@@ -17,14 +17,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-const IconExternalLink = ({
+function IconExternalLink({
   width = 13.5,
   height = 13.5
-}) => {
+}) {
   return <svg width={width} height={height} aria-hidden="true" viewBox="0 0 24 24" className={_stylesModule.default.iconExternalLink}>
       <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z" />
     </svg>;
-};
+}
 
 var _default = IconExternalLink;
 exports.default = _default;

package/lib/theme/IconLanguage/index.js

@@ -15,15 +15,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-const IconLanguage = ({
+function IconLanguage({
   width = 20,
   height = 20,
   ...props
-}) => {
+}) {
   return <svg viewBox="0 0 20 20" width={width} height={height} aria-hidden="true" {...props}>
       <path fill="currentColor" d="M19.753 10.909c-.624-1.707-2.366-2.726-4.661-2.726-.09 0-.176.002-.262.006l-.016-2.063 3.525-.607c.115-.019.133-.119.109-.231-.023-.111-.167-.883-.188-.976-.027-.131-.102-.127-.207-.109-.104.018-3.25.461-3.25.461l-.013-2.078c-.001-.125-.069-.158-.194-.156l-1.025.016c-.105.002-.164.049-.162.148l.033 2.307s-3.061.527-3.144.543c-.084.014-.17.053-.151.143.019.09.19 1.094.208 1.172.018.08.072.129.188.107l2.924-.504.035 2.018c-1.077.281-1.801.824-2.256 1.303-.768.807-1.207 1.887-1.207 2.963 0 1.586.971 2.529 2.328 2.695 3.162.387 5.119-3.06 5.769-4.715 1.097 1.506.256 4.354-2.094 5.98-.043.029-.098.129-.033.207l.619.756c.08.096.206.059.256.023 2.51-1.73 3.661-4.515 2.869-6.683zm-7.386 3.188c-.966-.121-.944-.914-.944-1.453 0-.773.327-1.58.876-2.156a3.21 3.21 0 011.229-.799l.082 4.277a2.773 2.773 0 01-1.243.131zm2.427-.553l.046-4.109c.084-.004.166-.01.252-.01.773 0 1.494.145 1.885.361.391.217-1.023 2.713-2.183 3.758zm-8.95-7.668a.196.196 0 00-.196-.145h-1.95a.194.194 0 00-.194.144L.008 16.916c-.017.051-.011.076.062.076h1.733c.075 0 .099-.023.114-.072l1.008-3.318h3.496l1.008 3.318c.016.049.039.072.113.072h1.734c.072 0 .078-.025.062-.076-.014-.05-3.083-9.741-3.494-11.04zm-2.618 6.318l1.447-5.25 1.447 5.25H3.226z" />
     </svg>;
-};
+}
 
 var _default = IconLanguage;
 exports.default = _default;

package/lib/theme/IconMenu/index.js

@@ -15,16 +15,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-const IconMenu = ({
+function IconMenu({
   width = 30,
   height = 30,
   className,
   ...restProps
-}) => {
+}) {
   return <svg className={className} width={width} height={height} viewBox="0 0 30 30" aria-hidden="true" {...restProps}>
       <path stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="2" d="M4 7h22M4 15h22M4 23h22" />
     </svg>;
-};
+}
 
 var _default = IconMenu;
 exports.default = _default;

package/lib/theme/LayoutHead/index.js

@@ -114,7 +114,7 @@ function LayoutHead(props) {
   return <>
       <_Head.default>
         <html lang={htmlLang} dir={htmlDir} />
-        {favicon && <link rel="shortcut icon" href={faviconUrl} />}
+        {favicon && <link rel="icon" href={faviconUrl} />}
         <title>{pageTitle}</title>
         <meta property="og:title" content={pageTitle} />
         <meta name="twitter:card" content="summary_large_image" />

package/lib/theme/Logo/index.js

@@ -25,7 +25,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-const Logo = props => {
+function Logo(props) {
   const {
     siteConfig: {
       title
@@ -53,10 +53,10 @@ const Logo = props => {
   return <_Link.default to={logoLink} {...propsRest} {...logo.target && {
     target: logo.target
   }}>
-      {logo.src && (imageClassName ? <div className={imageClassName}>{themedImage}</div> : <>{themedImage}</>)}
+      {logo.src && (imageClassName ? <div className={imageClassName}>{themedImage}</div> : themedImage)}
       {navbarTitle != null && <b className={titleClassName}>{navbarTitle}</b>}
     </_Link.default>;
-};
+}
 
 var _default = Logo;
 exports.default = _default;

package/lib/theme/Navbar/index.js

@@ -138,12 +138,10 @@ function useSecondaryMenu({
     toggleSidebar
   });
   const previousContent = (0, _themeCommon.usePrevious)(content);
-  const [shown, setShown] = (0, _react.useState)(() => {
-    // /!\ content is set with useEffect,
-    // so it's not available on mount anyway
-    // "return !!content" => always returns false
-    return false;
-  }); // When content is become available for the first time (set in useEffect)
+  const [shown, setShown] = (0, _react.useState)(() => // /!\ content is set with useEffect,
+  // so it's not available on mount anyway
+  // "return !!content" => always returns false
+  false); // When content is become available for the first time (set in useEffect)
   // we set this content to be shown!
 
   (0, _react.useEffect)(() => {

package/lib/theme/ThemeProvider/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _useTheme = _interopRequireDefault(require("@theme/hooks/useTheme"));
 
@@ -13,6 +13,10 @@ var _ThemeContext = _interopRequireDefault(require("@theme/ThemeContext"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
@@ -25,11 +29,12 @@ function ThemeProvider(props) {
     setLightTheme,
     setDarkTheme
   } = (0, _useTheme.default)();
-  return <_ThemeContext.default.Provider value={{
+  const contextValue = (0, _react.useMemo)(() => ({
     isDarkTheme,
     setLightTheme,
     setDarkTheme
-  }}>
+  }), [isDarkTheme, setLightTheme, setDarkTheme]);
+  return <_ThemeContext.default.Provider value={contextValue}>
       {props.children}
     </_ThemeContext.default.Provider>;
 }

package/lib/theme/ThemedImage/index.js

@@ -23,7 +23,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-const ThemedImage = props => {
+function ThemedImage(props) {
   const isBrowser = (0, _useIsBrowser.default)();
   const {
     isDarkTheme
@@ -41,7 +41,7 @@ const ThemedImage = props => {
   return <>
       {renderedSourceNames.map(sourceName => <img key={sourceName} src={sources[sourceName]} alt={alt} className={(0, _clsx.default)(_stylesModule.default.themedImage, _stylesModule.default[`themedImage--${sourceName}`], className)} {...propsRest} />)}
     </>;
-};
+}
 
 var _default = ThemedImage;
 exports.default = _default;

package/lib/theme/Toggle/index.js

@@ -27,19 +27,23 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-const Dark = ({
+function Dark({
   icon,
   style
-}) => <span className={(0, _clsx.default)(_stylesModule.default.toggleIcon, _stylesModule.default.dark)} style={style}>
-    {icon}
-  </span>;
+}) {
+  return <span className={(0, _clsx.default)(_stylesModule.default.toggleIcon, _stylesModule.default.dark)} style={style}>
+      {icon}
+    </span>;
+}
 
-const Light = ({
+function Light({
   icon,
   style
-}) => <span className={(0, _clsx.default)(_stylesModule.default.toggleIcon, _stylesModule.default.light)} style={style}>
-    {icon}
-  </span>; // Based on react-toggle (https://github.com/aaronshaf/react-toggle/).
+}) {
+  return <span className={(0, _clsx.default)(_stylesModule.default.toggleIcon, _stylesModule.default.light)} style={style}>
+      {icon}
+    </span>;
+} // Based on react-toggle (https://github.com/aaronshaf/react-toggle/).
 
 
 const Toggle = (0, _react.memo)(({

package/lib/theme/UserPreferencesProvider/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _useTabGroupChoice = _interopRequireDefault(require("@theme/hooks/useTabGroupChoice"));
 
@@ -13,6 +13,10 @@ var _UserPreferencesContext = _interopRequireDefault(require("@theme/UserPrefere
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
@@ -24,10 +28,11 @@ function UserPreferencesProvider(props) {
     tabGroupChoices,
     setTabGroupChoices
   } = (0, _useTabGroupChoice.default)();
-  return <_UserPreferencesContext.default.Provider value={{
+  const contextValue = (0, _react.useMemo)(() => ({
     tabGroupChoices,
     setTabGroupChoices
-  }}>
+  }), [tabGroupChoices, setTabGroupChoices]);
+  return <_UserPreferencesContext.default.Provider value={contextValue}>
       {props.children}
     </_UserPreferencesContext.default.Provider>;
 }

package/lib/theme/hooks/useTheme.js

@@ -26,9 +26,7 @@ const themes = {
 };
 
 // Ensure to always return a valid theme even if input is invalid
-const coerceToTheme = theme => {
-  return theme === themes.dark ? themes.dark : themes.light;
-};
+const coerceToTheme = theme => theme === themes.dark ? themes.dark : themes.light;
 
 const getInitialTheme = defaultMode => {
   if (!_ExecutionEnvironment.default.canUseDOM) {

package/lib/validateThemeConfig.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.validateThemeConfig = validateThemeConfig;
 exports.ThemeConfigSchema = exports.DEFAULT_CONFIG = void 0;
+exports.validateThemeConfig = validateThemeConfig;
 
 var _utilsValidation = require("@docusaurus/utils-validation");
 

package/lib-next/index.js

@@ -19,8 +19,10 @@ const ContextReplacementPlugin = requireFromDocusaurusCore(
 
 const ThemeStorageKey = 'theme';
 
-const noFlashColorMode = ({defaultMode, respectPrefersColorScheme}) => {
-  return `(function() {
+const noFlashColorMode = ({
+  defaultMode,
+  respectPrefersColorScheme,
+}) => `(function() {
   var defaultMode = '${defaultMode}';
   var respectPrefersColorScheme = ${respectPrefersColorScheme};
 
@@ -54,8 +56,7 @@ const noFlashColorMode = ({defaultMode, respectPrefersColorScheme}) => {
       setDataThemeAttribute(defaultMode === 'dark' ? 'dark' : 'light');
     }
   }
-})();`;
-}; // Duplicated constant. Unfortunately we can't import it from theme-common, as we need to support older nodejs versions without ESM support
+})();`; // Duplicated constant. Unfortunately we can't import it from theme-common, as we need to support older nodejs versions without ESM support
 // TODO: import from theme-common once we only support Node.js with ESM support
 // + move all those announcementBar stuff there too
 
@@ -123,12 +124,11 @@ export default function docusaurusThemeClassic(
         themeConfig,
       }),
     translateThemeConfig,
-    getDefaultCodeTranslationMessages: () => {
-      return readDefaultCodeTranslationMessages({
+    getDefaultCodeTranslationMessages: () =>
+      readDefaultCodeTranslationMessages({
         dirPath: path.resolve(__dirname, '..', 'codeTranslations'),
         locale: currentLocale,
-      });
-    },
+      }),
 
     getClientModules() {
       const modules = [

package/lib-next/theme/BlogPostAuthors/index.js

@@ -13,7 +13,7 @@ export default function BlogPostAuthors({authors, assets}) {
   const authorsCount = authors.length;
 
   if (authorsCount === 0) {
-    return <></>;
+    return null;
   }
 
   return (

package/lib-next/theme/BlogSidebar/index.js

@@ -26,19 +26,17 @@ export default function BlogSidebar({sidebar}) {
         {sidebar.title}
       </div>
       <ul className={styles.sidebarItemList}>
-        {sidebar.items.map((item) => {
-          return (
-            <li key={item.permalink} className={styles.sidebarItem}>
-              <Link
-                isNavLink
-                to={item.permalink}
-                className={styles.sidebarItemLink}
-                activeClassName={styles.sidebarItemLinkActive}>
-                {item.title}
-              </Link>
-            </li>
-          );
-        })}
+        {sidebar.items.map((item) => (
+          <li key={item.permalink} className={styles.sidebarItem}>
+            <Link
+              isNavLink
+              to={item.permalink}
+              className={styles.sidebarItemLink}
+              activeClassName={styles.sidebarItemLinkActive}>
+              {item.title}
+            </Link>
+          </li>
+        ))}
       </ul>
     </nav>
   );

package/lib-next/theme/DocItemFooter/index.js

@@ -59,7 +59,7 @@ export default function DocItemFooter(props) {
   const canDisplayFooter = canDisplayTagsRow || canDisplayEditMetaRow;
 
   if (!canDisplayFooter) {
-    return <></>;
+    return null;
   }
 
   return (

package/lib-next/theme/DocSidebar/index.js

@@ -82,20 +82,18 @@ function DocSidebarDesktop({path, sidebar, onCollapse, isHidden}) {
       {hideableSidebar && <HideableSidebarButton onClick={onCollapse} />}
     </div>
   );
-}
+} // eslint-disable-next-line react/function-component-definition
 
-const DocSidebarMobileSecondaryMenu = ({toggleSidebar, sidebar, path}) => {
-  return (
-    <ul className={clsx(ThemeClassNames.docs.docSidebarMenu, 'menu__list')}>
-      <DocSidebarItems
-        items={sidebar}
-        activePath={path}
-        onItemClick={() => toggleSidebar()}
-        level={1}
-      />
-    </ul>
-  );
-};
+const DocSidebarMobileSecondaryMenu = ({toggleSidebar, sidebar, path}) => (
+  <ul className={clsx(ThemeClassNames.docs.docSidebarMenu, 'menu__list')}>
+    <DocSidebarItems
+      items={sidebar}
+      activePath={path}
+      onItemClick={() => toggleSidebar()}
+      level={1}
+    />
+  </ul>
+);
 
 function DocSidebarMobile(props) {
   return (