fixup!

Author: avivkeller

src/generators/jsx-ast/constants.mjs

@@ -161,8 +161,8 @@ export const TYPES_WITH_METHOD_SIGNATURES = [
   'classMethod',
 ];
 
-// Regex to trim leading whitespace and colons from strings
-export const TRIMMABLE_PADDING_REGEX = /^[\s:]+/;
+// Regex to trim leading whitespace, colons, and hyphens from strings
+export const TRIMMABLE_PADDING_REGEX = /^[\s:-]+/;
 
 // Patterns to map deprecation "Type" text to AlertBox levels.
 // Order matters: first match wins.

src/generators/jsx-ast/utils/signature.mjs

@@ -141,7 +141,7 @@ export const createSignatureTable = (node, remark) => {
   const items = parseListIntoProperties(node, remark);
 
   return createJSXElement(JSX_IMPORTS.FunctionSignature.name, {
-    title: items.length === 1 && !items[0].name ? 'Type' : 'Attributes',
+    title: items.length > 1 ? 'Attributes' : undefined,
     items,
   });
 };

src/generators/jsx-ast/utils/types.mjs

@@ -76,12 +76,11 @@ export const extractPropertyName = (nodes, current) => {
   first.value = first.value.slice(match[0].length);
   shiftIfBlankText(nodes);
 
-  // "Type" itself is not a property name, only a type annotation hint
-  const label = match[1] !== 'Type' && match[1];
-
-  if (label) {
-    current.name = label;
-    current.kind = label === 'Returns' ? 'return' : label.toLowerCase();
+  if (match[1]) {
+    current.name = match[1];
+    // NOTE: We currently only have one "kind". Should others be added for other
+    // starters, just replace the `undefined` with the other kinds.
+    current.kind = match[1] === 'Returns' ? 'return' : undefined;
   }
 };
 

src/generators/web/ui/index.css

@@ -16,33 +16,6 @@ main {
     word-break: break-word;
   }
 
-  /* Don't overflow the parent */
-  .overflow-container {
-    overflow-x: auto;
-    width: 100%;
-    table td a + a {
-      margin-right: 0;
-    }
-  }
-
-  table {
-    td {
-      word-break: break-all;
-    }
-
-    /* In tables, don't pad `a` elements */
-    a {
-      padding-right: unset;
-    }
-
-    @media (min-width: 1024px) {
-      td code {
-        overflow-wrap: normal;
-        word-break: normal;
-      }
-    }
-  }
-
   /* Change history positioning */
   div:has(> h1, > h2, > h3, > h4, > h5, > h6) {
     display: flex;