fix: set max rows of Comment text input to 20

Author: aleclarson

apps/builder/app/builder/features/settings-panel/controls/text.tsx

@@ -48,7 +48,7 @@ export const TextControl = ({
         value={localValue.value}
         rows={meta.rows ?? 1}
         // Set maxRows to 3 when meta.rows is undefined or equal to 1, otherwise set it to rows * 2
-        maxRows={Math.max(2 * (meta.rows ?? 1), 3)}
+        maxRows={meta.maxRows ?? Math.max(2 * (meta.rows ?? 1), 3)}
         onChange={localValue.set}
         onBlur={localValue.save}
         onSubmit={localValue.save}

apps/builder/app/canvas/canvas.tsx

@@ -245,6 +245,7 @@ export const Canvas = () => {
               required: false,
               description:
                 "Describe the behavior of this layer and optionally its children.",
+              maxRows: 20,
             };
             propsMeta.initialProps ??= [];
             propsMeta.initialProps.push("comment");

packages/sdk/src/schema/prop-meta.ts

@@ -40,6 +40,7 @@ const Text = z.object({
    * In line with Storybook team's plan: https://github.com/storybookjs/storybook/issues/21100
    */
   rows: z.number().optional(),
+  maxRows: z.number().optional(),
 });
 
 const Resource = z.object({