fix(InputField): changed styles

lad-tech · Jan 24, 2024 · f6e0c5b · f6e0c5b
1 parent 9d1913a
commit f6e0c5b
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 74 deletions.
diff --git a/packages/core/src/chat/components/__tests__/__snapshots__/ChatInput.test.tsx.snap b/packages/core/src/chat/components/__tests__/__snapshots__/ChatInput.test.tsx.snap
@@ -103,9 +103,6 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly 1`] = `
                 "paddingVertical": 18,
                 "textAlignVertical": "top",
               },
-              {
-                "minHeight": 120,
-              },
               {
                 "color": "#20242D",
                 "fontFamily": "Inter-Regular",
@@ -286,9 +283,6 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly android 1`] = `
                 "paddingVertical": 18,
                 "textAlignVertical": "top",
               },
-              {
-                "minHeight": 120,
-              },
               [
                 {
                   "color": "#20242D",
@@ -474,9 +468,6 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly with containerStyle
                 "paddingVertical": 18,
                 "textAlignVertical": "top",
               },
-              {
-                "minHeight": 120,
-              },
               {
                 "color": "#20242D",
                 "fontFamily": "Inter-Regular",

diff --git a/packages/core/src/chat/components/__tests__/__snapshots__/ChatInputField.test.tsx.snap b/packages/core/src/chat/components/__tests__/__snapshots__/ChatInputField.test.tsx.snap
@@ -73,9 +73,6 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly 1`] = `
             "paddingVertical": 18,
             "textAlignVertical": "top",
           },
-          {
-            "minHeight": 120,
-          },
           {
             "color": "#20242D",
             "fontFamily": "Inter-Regular",
@@ -170,9 +167,6 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly focused/blur 1
             "paddingVertical": 18,
             "textAlignVertical": "top",
           },
-          {
-            "minHeight": 120,
-          },
           {
             "color": "#20242D",
             "fontFamily": "Inter-Regular",
@@ -266,9 +260,6 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly focused/blur 2
             "paddingVertical": 18,
             "textAlignVertical": "top",
           },
-          {
-            "minHeight": 120,
-          },
           {
             "color": "#20242D",
             "fontFamily": "Inter-Regular",
@@ -365,9 +356,6 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly with props 1`]
             "paddingVertical": 18,
             "textAlignVertical": "top",
           },
-          {
-            "minHeight": 120,
-          },
           {
             "color": "#20242D",
             "fontFamily": "Inter-Regular",

diff --git a/packages/core/src/inputs/components/InputField/InputField.tsx b/packages/core/src/inputs/components/InputField/InputField.tsx
@@ -108,7 +108,7 @@ const InputField = forwardRef<ITextInput, IInputFieldsProps>((props, ref) => {
         <TextInput
           ref={ref}
           testID={Constants.testID}
-          style={[styles.textInput, getHeight(), getStyle, style]}
+          style={[styles.textInput, getStyle, style]}
           placeholderTextColor={theme.colors.TextMuted}
           editable={!disabled}
           numberOfLines={1}

diff --git a/...es/core/src/inputs/components/InputField/__tests__/__snapshots__/InputField.test.tsx.snap b/...es/core/src/inputs/components/InputField/__tests__/__snapshots__/InputField.test.tsx.snap
@@ -74,12 +74,9 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly 1`] = `
             "padding": 0,
             "paddingLeft": 27,
             "paddingRight": 24,
-            "paddingVertical": 0,
+            "paddingVertical": 18,
             "textAlignVertical": undefined,
           },
-          {
-            "height": 72,
-          },
           {
             "color": "#20242D",
             "fontFamily": "Inter-Regular",
@@ -186,12 +183,9 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly disabled 1`] = `
             "padding": 0,
             "paddingLeft": 27,
             "paddingRight": 24,
-            "paddingVertical": 0,
+            "paddingVertical": 18,
             "textAlignVertical": undefined,
           },
-          {
-            "height": 72,
-          },
           {
             "color": "#20242D",
             "fontFamily": "Inter-Regular",
@@ -257,12 +251,9 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly disabled 2`] = `
             "padding": 0,
             "paddingLeft": 27,
             "paddingRight": 24,
-            "paddingVertical": 0,
+            "paddingVertical": 18,
             "textAlignVertical": undefined,
           },
-          {
-            "height": 72,
-          },
           {
             "color": "#20242D",
             "fontFamily": "Inter-Regular",
@@ -328,12 +319,9 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly focused/blur 1`] =
             "padding": 0,
             "paddingLeft": 27,
             "paddingRight": 24,
-            "paddingVertical": 0,
+            "paddingVertical": 18,
             "textAlignVertical": undefined,
           },
-          {
-            "height": 72,
-          },
           {
             "color": "#20242D",
             "fontFamily": "Inter-Regular",
@@ -399,12 +387,9 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly focused/blur 2`] =
             "padding": 0,
             "paddingLeft": 27,
             "paddingRight": 24,
-            "paddingVertical": 0,
+            "paddingVertical": 18,
             "textAlignVertical": undefined,
           },
-          {
-            "height": 72,
-          },
           {
             "color": "#20242D",
             "fontFamily": "Inter-Regular",
@@ -495,12 +480,9 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly multiline = false
             "padding": 0,
             "paddingLeft": 27,
             "paddingRight": 24,
-            "paddingVertical": 0,
+            "paddingVertical": 18,
             "textAlignVertical": undefined,
           },
-          {
-            "height": 72,
-          },
           [
             {
               "color": "#20242D",
@@ -594,9 +576,6 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly multiline = true 1
             "paddingVertical": 18,
             "textAlignVertical": "top",
           },
-          {
-            "minHeight": 120,
-          },
           [
             {
               "color": "#20242D",
@@ -688,12 +667,9 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly secureTextEntry 1`
             "padding": 0,
             "paddingLeft": 27,
             "paddingRight": 24,
-            "paddingVertical": 0,
+            "paddingVertical": 18,
             "textAlignVertical": undefined,
           },
-          {
-            "height": 72,
-          },
           [
             {
               "color": "#20242D",
@@ -800,12 +776,9 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly valid 1`] = `
             "padding": 0,
             "paddingLeft": 27,
             "paddingRight": 24,
-            "paddingVertical": 0,
+            "paddingVertical": 18,
             "textAlignVertical": undefined,
           },
-          {
-            "height": 72,
-          },
           {
             "color": "#20242D",
             "fontFamily": "Inter-Regular",
@@ -871,12 +844,9 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly valid 2`] = `
             "padding": 0,
             "paddingLeft": 27,
             "paddingRight": 24,
-            "paddingVertical": 0,
+            "paddingVertical": 18,
             "textAlignVertical": undefined,
           },
-          {
-            "height": 72,
-          },
           {
             "color": "#20242D",
             "fontFamily": "Inter-Regular",
@@ -942,12 +912,9 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly wrong 1`] = `
             "padding": 0,
             "paddingLeft": 27,
             "paddingRight": 24,
-            "paddingVertical": 0,
+            "paddingVertical": 18,
             "textAlignVertical": undefined,
           },
-          {
-            "height": 72,
-          },
           {
             "color": "#20242D",
             "fontFamily": "Inter-Regular",
@@ -1054,12 +1021,9 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly wrong 2`] = `
             "padding": 0,
             "paddingLeft": 27,
             "paddingRight": 24,
-            "paddingVertical": 0,
+            "paddingVertical": 18,
             "textAlignVertical": undefined,
           },
-          {
-            "height": 72,
-          },
           {
             "color": "#20242D",
             "fontFamily": "Inter-Regular",
@@ -1191,12 +1155,9 @@ exports[`@lad-tech/mobydick-core/InputField renders title titleProps 1`] = `
             "padding": 0,
             "paddingLeft": 27,
             "paddingRight": 24,
-            "paddingVertical": 0,
+            "paddingVertical": 18,
             "textAlignVertical": undefined,
           },
-          {
-            "height": 72,
-          },
           [
             {
               "color": "#20242D",

diff --git a/packages/core/src/inputs/components/InputField/stylesCreate.ts b/packages/core/src/inputs/components/InputField/stylesCreate.ts
@@ -30,7 +30,7 @@ const defaultStyle = (
       paddingLeft: rem(18),
       textAlignVertical: multiline ? 'top' : undefined,
       padding: 0, // Android по дефолту ставит padding на input's
-      paddingVertical: multiline ? spaces.Space12 : 0,
+      paddingVertical: spaces.Space12,
       borderRadius: spaces.Space8,
     },