From 674e67d7bbea485358e0aa78f8e0263e4a66da2d Mon Sep 17 00:00:00 2001
From: Samad Yar Khan <smdyarkhan123@gmail.com>
Date: Sun, 31 Jul 2022 17:28:44 +0000
Subject: [PATCH] Update PlainTextInputElement parameters

---
 .../fuselage-ui-kit/src/elements/PlainTextInputElement.tsx | 6 +++---
 packages/fuselage-ui-kit/src/stories/payloads/input.ts     | 7 +++++--
 .../ui-kit/src/blocks/elements/PlainTextInputElement.ts    | 4 +---
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/packages/fuselage-ui-kit/src/elements/PlainTextInputElement.tsx b/packages/fuselage-ui-kit/src/elements/PlainTextInputElement.tsx
index 2388f15492..e3e4fbf68c 100644
--- 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
index dd255d1ba9..f7e84846e0 100644
--- 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
index b58f4547da..ae9962871a 100644
--- 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';
 }>;