@docusaurus/theme-classic 0.0.0-4768 → 0.0.0-4771

package/lib/theme-classic.d.ts

@@ -507,7 +507,7 @@ declare module '@theme/MDXComponents' {
     readonly h4: (props: ComponentProps<'h4'>) => JSX.Element;
     readonly h5: (props: ComponentProps<'h5'>) => JSX.Element;
     readonly h6: (props: ComponentProps<'h6'>) => JSX.Element;
-  } & Record<string, ComponentType<unknown>>;
+  } & {[tagName: string]: ComponentType<unknown>};
 
   const MDXComponents: MDXComponentsObject;
   export default MDXComponents;
@@ -768,7 +768,7 @@ declare module '@theme/TabItem' {
     readonly label?: string;
     readonly hidden?: boolean;
     readonly className?: string;
-    readonly attributes?: Record<string, unknown>;
+    readonly attributes?: {[key: string]: unknown};
   }
 
   export default function TabItem(props: Props): JSX.Element;
@@ -786,7 +786,7 @@ declare module '@theme/Tabs' {
     readonly values?: readonly {
       value: string;
       label?: string;
-      attributes?: Record<string, unknown>;
+      attributes?: {[key: string]: unknown};
     }[];
     readonly groupId?: string;
     readonly className?: string;

package/lib-next/theme/MDXComponents/Img.js

@@ -13,6 +13,12 @@ function transformImgClassName(className) {
 }
 
 export default function MDXImg(props) {
-  // eslint-disable-next-line jsx-a11y/alt-text
-  return <img {...props} className={transformImgClassName(props.className)} />;
+  return (
+    // eslint-disable-next-line jsx-a11y/alt-text
+    <img
+      loading="lazy"
+      {...props}
+      className={transformImgClassName(props.className)}
+    />
+  );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/theme-classic",
-  "version": "0.0.0-4768",
+  "version": "0.0.0-4771",
   "description": "Classic theme for Docusaurus",
   "main": "lib/index.js",
   "types": "src/theme-classic.d.ts",
@@ -21,15 +21,15 @@
     "format:lib-next": "prettier --config ../../.prettierrc --write \"lib-next/**/*.{js,ts,jsx,tsc}\""
   },
   "dependencies": {
-    "@docusaurus/core": "0.0.0-4768",
-    "@docusaurus/plugin-content-blog": "0.0.0-4768",
-    "@docusaurus/plugin-content-docs": "0.0.0-4768",
-    "@docusaurus/plugin-content-pages": "0.0.0-4768",
-    "@docusaurus/theme-common": "0.0.0-4768",
-    "@docusaurus/theme-translations": "0.0.0-4768",
-    "@docusaurus/utils": "0.0.0-4768",
-    "@docusaurus/utils-common": "0.0.0-4768",
-    "@docusaurus/utils-validation": "0.0.0-4768",
+    "@docusaurus/core": "0.0.0-4771",
+    "@docusaurus/plugin-content-blog": "0.0.0-4771",
+    "@docusaurus/plugin-content-docs": "0.0.0-4771",
+    "@docusaurus/plugin-content-pages": "0.0.0-4771",
+    "@docusaurus/theme-common": "0.0.0-4771",
+    "@docusaurus/theme-translations": "0.0.0-4771",
+    "@docusaurus/utils": "0.0.0-4771",
+    "@docusaurus/utils-common": "0.0.0-4771",
+    "@docusaurus/utils-validation": "0.0.0-4771",
     "@mdx-js/react": "^1.6.22",
     "clsx": "^1.1.1",
     "copy-text-to-clipboard": "^3.0.1",
@@ -42,8 +42,8 @@
     "rtlcss": "^3.5.0"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "0.0.0-4768",
-    "@docusaurus/types": "0.0.0-4768",
+    "@docusaurus/module-type-aliases": "0.0.0-4771",
+    "@docusaurus/types": "0.0.0-4771",
     "@types/mdx-js__react": "^1.5.5",
     "@types/prismjs": "^1.26.0",
     "@types/rtlcss": "^3.1.2",
@@ -59,5 +59,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "4a89ff667d4a8896c47c4f946796cf3f58d219dc"
+  "gitHead": "1b462b797e77b4a018e3c1ebb36ec87521ad4d07"
 }

package/src/theme/DocVersionBanner/index.tsx

@@ -70,10 +70,9 @@ function UnmaintainedVersionLabel({
   );
 }
 
-const BannerLabelComponents: Record<
-  VersionBanner,
-  ComponentType<BannerLabelComponentProps>
-> = {
+const BannerLabelComponents: {
+  [banner in VersionBanner]: ComponentType<BannerLabelComponentProps>;
+} = {
   unreleased: UnreleasedVersionLabel,
   unmaintained: UnmaintainedVersionLabel,
 };

package/src/theme/MDXComponents/Img.tsx

@@ -15,6 +15,12 @@ function transformImgClassName(className?: string): string {
 }
 
 export default function MDXImg(props: Props): JSX.Element {
-  // eslint-disable-next-line jsx-a11y/alt-text
-  return <img {...props} className={transformImgClassName(props.className)} />;
+  return (
+    // eslint-disable-next-line jsx-a11y/alt-text
+    <img
+      loading="lazy"
+      {...props}
+      className={transformImgClassName(props.className)}
+    />
+  );
 }

package/src/theme/MDXComponents/Pre.tsx

@@ -7,8 +7,9 @@
 
 import React, {isValidElement} from 'react';
 import CodeBlock from '@theme/CodeBlock';
+import type {Props} from '@theme/MDXComponents/Pre';
 
-export default function MDXPre(props: any) {
+export default function MDXPre(props: Props): JSX.Element {
   return (
     <CodeBlock
       // If this pre is created by a ``` fenced codeblock, unwrap the children

package/src/theme/NavbarItem/index.tsx

@@ -14,12 +14,11 @@ import LocaleDropdownNavbarItem from '@theme/NavbarItem/LocaleDropdownNavbarItem
 import SearchNavbarItem from '@theme/NavbarItem/SearchNavbarItem';
 import type {Types, Props} from '@theme/NavbarItem';
 
-const NavbarItemComponents: Record<
-  Exclude<Types, undefined>,
+const NavbarItemComponents: {
   // Not really worth typing, as we pass all props down immediately
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  () => (props: any) => JSX.Element
-> = {
+  [type in Exclude<Types, undefined>]: () => (props: any) => JSX.Element;
+} = {
   default: () => DefaultNavbarItem,
   localeDropdown: () => LocaleDropdownNavbarItem,
   search: () => SearchNavbarItem,

package/src/theme-classic.d.ts

@@ -507,7 +507,7 @@ declare module '@theme/MDXComponents' {
     readonly h4: (props: ComponentProps<'h4'>) => JSX.Element;
     readonly h5: (props: ComponentProps<'h5'>) => JSX.Element;
     readonly h6: (props: ComponentProps<'h6'>) => JSX.Element;
-  } & Record<string, ComponentType<unknown>>;
+  } & {[tagName: string]: ComponentType<unknown>};
 
   const MDXComponents: MDXComponentsObject;
   export default MDXComponents;
@@ -768,7 +768,7 @@ declare module '@theme/TabItem' {
     readonly label?: string;
     readonly hidden?: boolean;
     readonly className?: string;
-    readonly attributes?: Record<string, unknown>;
+    readonly attributes?: {[key: string]: unknown};
   }
 
   export default function TabItem(props: Props): JSX.Element;
@@ -786,7 +786,7 @@ declare module '@theme/Tabs' {
     readonly values?: readonly {
       value: string;
       label?: string;
-      attributes?: Record<string, unknown>;
+      attributes?: {[key: string]: unknown};
     }[];
     readonly groupId?: string;
     readonly className?: string;

package/src/translations.ts

@@ -184,7 +184,7 @@ export function translateThemeConfig({
   themeConfig: ThemeConfig;
   translationFiles: TranslationFile[];
 }): ThemeConfig {
-  const translationFilesMap: Record<string, TranslationFile> = _.keyBy(
+  const translationFilesMap: {[fileName: string]: TranslationFile} = _.keyBy(
     translationFiles,
     (f) => f.path,
   );