refactor(docusaurus-theme): use typedoc types

Author: weronikaolejniczak

packages/docusaurus-theme/package.json

@@ -18,6 +18,7 @@
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/react-is": "^18",
+    "typedoc": "^0.28.4",
     "typescript": "~5.5.4"
   },
   "main": "lib/index.js",

packages/docusaurus-theme/src/components/prop_table/prop_table.tsx

@@ -18,56 +18,10 @@ import { useCallback, useMemo } from 'react';
 import { css } from '@emotion/react';
 import Heading from '@theme/Heading';
 import types from '@elastic/eui-docgen/dist/types.json';
+import { JSONOutput } from 'typedoc';
 
 import { PropTableExtendedTypes } from './extended_types';
 
-export interface Source {
-  fileName: string;
-  line: number;
-  character: number;
-  url: string;
-}
-
-export interface Child {
-  id: number;
-  name: string;
-  variant: string;
-  kind: number;
-  flags: Record<string, unknown>;
-  children?: Child[];
-  groups?: Group[];
-  sources?: Source[];
-  type?: {
-    type: string;
-    types?: { type: string; value?: string }[];
-    declaration?: Record<string, unknown>;
-    target?: { qualifiedName: string };
-    name?: string;
-    package?: string;
-  };
-  defaultValue?: string;
-}
-
-export interface Group {
-  title: string;
-  children: number[];
-}
-
-export interface Types {
-  schemaVersion: string;
-  id: number;
-  name: string;
-  variant: string;
-  kind: number;
-  flags: Record<string, unknown>;
-  children: Child[];
-  groups: Group[];
-  packageName: string;
-  readme: unknown[];
-  symbolIdMap: Record<string, unknown>;
-  files: Record<string, unknown>;
-}
-
 export interface PropTableProps {
   definition: ProcessedComponent;
   headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
@@ -187,9 +141,10 @@ export const PropTable = ({
         ) {
           const result = value
             .replace(/{@link (\w+)}/g, (_, componentName) => {
-              const componentSource = (types as Types).children.find(
-                (item) => item.name === componentName
-              )?.sources?.[0];
+              const componentSource = (
+                types as JSONOutput.ProjectReflection
+              ).children?.find((item) => item.name === componentName)
+                ?.sources?.[0];
 
               if (componentSource) {
                 const { fileName, line } = componentSource;

yarn.lock

@@ -7128,6 +7128,7 @@ __metadata:
     react-is: "npm:^18.3.1"
     react-live: "patch:react-live@npm%3A4.1.7#~/.yarn/patches/react-live-npm-4.1.7-7b41625faa.patch"
     react-window: "npm:^1.8.10"
+    typedoc: "npm:^0.28.4"
     typescript: "npm:~5.5.4"
   peerDependencies:
     react: ^18.0.0
@@ -40151,6 +40152,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"typedoc@npm:^0.28.4":
+  version: 0.28.4
+  resolution: "typedoc@npm:0.28.4"
+  dependencies:
+    "@gerrit0/mini-shiki": "npm:^3.2.2"
+    lunr: "npm:^2.3.9"
+    markdown-it: "npm:^14.1.0"
+    minimatch: "npm:^9.0.5"
+    yaml: "npm:^2.7.1"
+  peerDependencies:
+    typescript: 5.0.x || 5.1.x || 5.2.x || 5.3.x || 5.4.x || 5.5.x || 5.6.x || 5.7.x || 5.8.x
+  bin:
+    typedoc: bin/typedoc
+  checksum: 10c0/5c7f4019da81e8b0869e4757b3d74c001dc021be381c5716a14212fbf63ad81bcfc470e040b7eac132603447c367019d5acab323d1b358b040979f1f56fe6393
+  languageName: node
+  linkType: hard
+
 "typescript@npm:4.5.3":
   version: 4.5.3
   resolution: "typescript@npm:4.5.3"