Merge pull request #1754 from RunDevelopment/issue1746

Highlight type parameters consistently

Author: Gerrit0

src/lib/output/themes/default/partials/member.declaration.tsx

@@ -1,19 +1,13 @@
 import { DeclarationReflection, ReflectionType } from "../../../../models";
 import { JSX } from "../../../../utils";
-import { join, wbr } from "../../lib";
+import { renderTypeParametersSignature, wbr } from "../../lib";
 import type { DefaultThemeRenderContext } from "../DefaultThemeRenderContext";
 
 export const memberDeclaration = (context: DefaultThemeRenderContext, props: DeclarationReflection) => (
     <>
         <div class="tsd-signature tsd-kind-icon">
             {wbr(props.name)}
-            {!!props.typeParameters && (
-                <>
-                    {"<"}
-                    {join(", ", props.typeParameters, (item) => item.name)}
-                    {">"}
-                </>
-            )}
+            {renderTypeParametersSignature(props.typeParameters)}
             {props.type && (
                 <>
                     <span class="tsd-signature-symbol">{!!props.flags.isOptional && "?"}:</span>{" "}

src/lib/output/themes/default/partials/member.signature.title.tsx

@@ -1,4 +1,4 @@
-import { join, wbr } from "../../lib";
+import { join, renderTypeParametersSignature, wbr } from "../../lib";
 import type { DefaultThemeRenderContext } from "../DefaultThemeRenderContext";
 import { JSX } from "../../../../utils";
 import type { SignatureReflection } from "../../../../models";
@@ -21,13 +21,7 @@ export const memberSignatureTitle = (
                 )}
             </>
         )}
-        {!!props.typeParameters && (
-            <>
-                {"<"}
-                {join(", ", props.typeParameters, (item) => item.name)}
-                {">"}
-            </>
-        )}
+        {renderTypeParametersSignature(props.typeParameters)}
         <span class="tsd-signature-symbol">(</span>
         {join(", ", props.parameters ?? [], (item) => (
             <>

src/lib/output/themes/lib.tsx

@@ -78,3 +78,23 @@ export function hasTypeParameters(
     }
     return false;
 }
+
+export function renderTypeParametersSignature(
+    typeParameters: readonly TypeParameterReflection[] | undefined
+): JSX.Element {
+    return (
+        <>
+            {!!typeParameters && typeParameters.length > 0 && (
+                <>
+                    <span class="tsd-signature-symbol">{"<"}</span>
+                    {join(<span class="tsd-signature-symbol">{", "}</span>, typeParameters, (item) => (
+                        <span class="tsd-signature-type" data-tsd-kind={item.kindString}>
+                            {item.name}
+                        </span>
+                    ))}
+                    <span class="tsd-signature-symbol">{">"}</span>
+                </>
+            )}
+        </>
+    );
+}