fix(textinput): show/hide bottom line (#81)

* fix(textinput): show/hide bottom line * fix(lint): change interface for type on export
platformbuilders · May 18, 2021 · 128da02 · 128da02
1 parent e391b74
commit 128da02
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@platformbuilders/react-elements",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Platform Builders Shared Components Library For React Web and Native",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

diff --git a/src/native/components/TextInput/index.tsx b/src/native/components/TextInput/index.tsx
@@ -28,7 +28,7 @@ const TextInput: FC<TextInputType> = ({
   large = false,
   contrast = false,
   centered = false,
-  withoutBottomline,
+  withBottomline = false,
   multiline = false,
   autoFocus = false,
   allowFontScaling = false,
@@ -244,7 +244,7 @@ const TextInput: FC<TextInputType> = ({
             </InputAreaWrapper>
           )}
 
-          {(!withoutBottomline || !borderedHeight) && (
+          {(withBottomline || !!borderedHeight) && (
             <BottomLine status={status} contrast={contrast} />
           )}
         </BorderedWrapper>

diff --git a/src/native/types/TextInputType.ts b/src/native/types/TextInputType.ts
@@ -10,15 +10,15 @@ import { TextInputMaskTypeProp } from '@platformbuilders/react-native-masked-tex
 import { HitSlopType } from './Common';
 import { TypographyVariants } from './Variants';
 
-export interface TextInputType extends TextInputProps {
+export type TextInputType = {
   id: string;
   accessibility: string;
   inputRef?: any;
   options?: any;
   ref?: RefObject<any>;
   variant?: TypographyVariants;
   large?: boolean;
-  withoutBottomline?: boolean;
+  withBottomline?: boolean;
   contrast?: boolean;
   centered?: boolean;
   iconSize?: number;
@@ -45,7 +45,7 @@ export interface TextInputType extends TextInputProps {
   borderedRadius?: number;
   iconNameBordered?: string;
   fixedLabelVariant?: TypographyVariants;
-}
+} & TextInputProps;
 
 export interface MaskedTextInputType extends TextInputType {
   maskType: TextInputMaskTypeProp;