Update PlainTextInputElement parameters

RocketChat · Jul 31, 2022 · 674e67d · 674e67d
1 parent dc3fc09
commit 674e67d
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/packages/fuselage-ui-kit/src/elements/PlainTextInputElement.tsx b/packages/fuselage-ui-kit/src/elements/PlainTextInputElement.tsx
@@ -16,7 +16,7 @@ const PlainTextInputElement = ({
 }: PlainTextInputElementProps): ReactElement => {
   const [{ loading, value, error }, action] = useUiKitState(block, context);
 
-  if (block.multilineLarge) {
+  if (block.multiline && block.multilineSize === 'large') {
     return (
       <TextAreaInput
         disabled={loading}
@@ -35,7 +35,7 @@ const PlainTextInputElement = ({
     );
   }
 
-  if (block.multilineMedium) {
+  if (block.multiline && block.multilineSize === 'medium') {
     return (
       <TextAreaInput
         disabled={loading}
@@ -54,7 +54,7 @@ const PlainTextInputElement = ({
     );
   }
 
-  if (block.multiline || block.multilineSmall) {
+  if (block.multiline || (block.multiline && block.multilineSize === 'small')) {
     return (
       <TextAreaInput
         disabled={loading}

diff --git a/packages/fuselage-ui-kit/src/stories/payloads/input.ts b/packages/fuselage-ui-kit/src/stories/payloads/input.ts
@@ -8,6 +8,7 @@ export const inputWithMultilinePlainTextInput: readonly UiKit.LayoutBlock[] = [
       blockId: 'dummy-block-id',
       type: 'plain_text_input',
       multiline: true,
+      multilineSize: 'small',
       actionId: 'input-0',
     },
     label: {
@@ -26,7 +27,8 @@ export const inputWithMediumMultilinePlainTextInput: readonly UiKit.LayoutBlock[
         appId: 'dummy-app-id',
         blockId: 'dummy-block-id',
         type: 'plain_text_input',
-        multilineMedium: true,
+        multiline: true,
+        multilineSize: 'medium',
         actionId: 'input-0',
       },
       label: {
@@ -45,7 +47,8 @@ export const inputWithLargeMultilinePlainTextInput: readonly UiKit.LayoutBlock[]
         appId: 'dummy-app-id',
         blockId: 'dummy-block-id',
         type: 'plain_text_input',
-        multilineLarge: true,
+        multiline: true,
+        multilineSize: 'large',
         actionId: 'input-0',
       },
       label: {

diff --git a/packages/ui-kit/src/blocks/elements/PlainTextInputElement.ts b/packages/ui-kit/src/blocks/elements/PlainTextInputElement.ts
@@ -8,7 +8,5 @@ export type PlainTextInputElement = Actionable<{
   multiline?: boolean;
   minLength?: number;
   maxLength?: number;
-  multilineLarge?: boolean;
-  multilineMedium?: boolean;
-  multilineSmall?: boolean;
+  multilineSize?: 'large' | 'medium' | 'small';
 }>;