fix: 🐛 table view for the methods

Author: prc5

packages/core/src/pages/components/methods.tsx

@@ -43,6 +43,7 @@ export const Methods: React.FC<PagePropsType & MethodsProps> = (props) => {
         title="Methods"
         reflections={methods}
         reflectionsTree={reflectionsTree}
+        hideType
       />
     );
   }

packages/core/src/pages/modules/table/table.tsx

@@ -3,21 +3,23 @@ import { JSONOutput } from "typedoc";
 import { Code } from "pages/components/code";
 import { Type } from "pages/components/type";
 import { PagePropsType } from "types/page.types";
-import { getCallPreview } from "pages/utils/parsing.utils";
 import { getCommentNode } from "pages/handlers/comment";
+import { getSignaturePreview } from "pages/utils";
 
 export const Table = ({
   reflections,
   reflectionsTree,
   pageProps,
   title,
   className = "",
+  hideType = false,
 }: {
   reflections: JSONOutput.SomeReflection[];
   reflectionsTree: JSONOutput.ProjectReflection[];
   pageProps: PagePropsType;
   title?: string;
   className?: string;
+  hideType?: boolean;
 }) => {
   return (
     <div className={`api-docs__table-wrapper ${className}`}>
@@ -26,31 +28,42 @@ export const Table = ({
         <thead>
           <tr>
             <th>Name</th>
-            <th>Type</th>
+            {!hideType && <th>Type</th>}
             <th>Description</th>
           </tr>
         </thead>
         <tbody>
           {reflections.map((reflection, index) => {
             const isMethod = "signatures" in reflection;
-            const callSignature =
-              ("signatures" in reflection &&
-                reflection?.signatures &&
-                getCallPreview({ signature: reflection.signatures[0], reflectionsTree })) ||
-              "";
+            const name =
+              "signatures" in reflection && reflection?.signatures
+                ? getSignaturePreview({
+                    reflection: reflection.signatures[0],
+                    reflectionsTree,
+                    useArrow: true,
+                    hideGenerics: true,
+                    hideParamTypes: true,
+                    hideReturns: true,
+                  })
+                : reflection.name;
             const type = "type" in reflection && typeof reflection.type !== "string" ? reflection.type : reflection;
 
             return (
               <tr className="api-docs__table-row" key={index}>
-                <td className="api-docs__table-name">
-                  {reflection.name}
-                  {isMethod ? callSignature : ""}
-                </td>
-                <td className="api-docs__table-type">
-                  <Code>
-                    <Type {...pageProps} reflection={type} />
-                  </Code>
-                </td>
+                {isMethod ? (
+                  <td className="api-docs__table-type">
+                    <Code>{name}</Code>
+                  </td>
+                ) : (
+                  <td className="api-docs__table-name">{name}</td>
+                )}
+                {!hideType && (
+                  <td className="api-docs__table-type">
+                    <Code>
+                      <Type {...pageProps} reflection={type} />
+                    </Code>
+                  </td>
+                )}
                 <td className="api-docs__table-description">{getCommentNode(reflection)}</td>
               </tr>
             );

packages/core/src/pages/utils/signature.utils.ts

@@ -40,11 +40,17 @@ export const getSignaturePreview = ({
   reflectionsTree,
   useArrow,
   hideName,
+  hideGenerics,
+  hideParamTypes,
+  hideReturns,
 }: {
   reflection: JSONOutput.SignatureReflection;
   reflectionsTree: JSONOutput.ProjectReflection[];
   useArrow?: boolean;
   hideName?: boolean;
+  hideGenerics?: boolean;
+  hideParamTypes?: boolean;
+  hideReturns?: boolean;
 }): string => {
   const hasName = !hideName && reflection.name !== "__type";
   const isConstructor = reflection.kind === ReflectionKind.Constructor;
@@ -53,14 +59,23 @@ export const getSignaturePreview = ({
 
   const name = hasName ? reflection.name : constructorName;
 
-  const generics = getGenericParamsPreview({ generics: reflection.typeParameter });
+  const generics = !hideGenerics ? getGenericParamsPreview({ generics: reflection.typeParameter }) : "";
   const params =
     reflection.parameters
       ?.map((param) => {
+        if (hideParamTypes) {
+          return param.name;
+        }
         const type = getTypePreview({ typeReflection: param.type, reflectionsTree });
         return `${param.flags?.isRest ? "..." : ""}${param.name}${param.flags?.isOptional ? "?" : ""}: ${type}`;
       })
       .join(", ") || "";
+  const returns = !hideReturns
+    ? `${useArrow ? " => " : ": "}${getTypePreview({
+        typeReflection: reflection.type,
+        reflectionsTree,
+      })}`
+    : "";
 
-  return `${name}${generics}(${params})${useArrow ? " => " : ": "}${getTypePreview({ typeReflection: reflection.type, reflectionsTree })}`;
+  return `${name}${generics}(${params})${returns}`;
 };