fix: input type fixes

Author: surajahmed

example/storybook/stories/components/Wrapper.tsx

@@ -11,6 +11,7 @@ import {
   SunIcon,
   extendTheme,
   Button,
+  Input,
 } from 'native-base';
 import type { StorageManager } from 'native-base';
 import AsyncStorage from '@react-native-async-storage/async-storage';
@@ -38,6 +39,12 @@ const myTheme = extendTheme({
             padding: myPaddingX,
           };
         },
+
+        myNewButton1: (props: any) => {
+          return {
+            padding: props.padding,
+          };
+        },
       },
       sizes: {
         newsize: ({ mySize }: { mySize: number }) => {
@@ -48,6 +55,22 @@ const myTheme = extendTheme({
       },
     },
 
+    Input: {
+      variants: {
+        newsize: ({ mySize }: { mySize: number }) => {
+          return {
+            padding: mySize,
+          };
+        },
+
+        newsize1: (props: any) => {
+          return {
+            padding: props.padding,
+          };
+        },
+      },
+    },
+
     Checkbox: {
       sizes: {
         myBtn: {
@@ -114,6 +137,7 @@ export function RenderTestButton() {
   const [state, setState] = React.useState(1);
   return (
     <Box style={{ position: 'absolute', top: 10, left: 20 }} m={2} bg="red.100">
+      <Input m={2} />
       <Button
         variant={'myNewButton'}
         // title={state.toString()}

src/components/basic/FlatList/types.ts

@@ -12,6 +12,5 @@ export interface InterfaceFlatListProps<ItemT>
   _contentContainerStyle?: Partial<IFlatListProps<ItemT>>;
 }
 
-export type IFlatListProps<ItemT> =
-  | InterfaceFlatListProps<ItemT>
-  | CustomProps<'FlatList'>;
+export type IFlatListProps<ItemT> = InterfaceFlatListProps<ItemT> &
+  CustomProps<'FlatList'>;

src/components/basic/KeyboardAvoidingView/types.ts

@@ -11,6 +11,5 @@ export interface InterfaceKeyboardAvoidingViewProps
   children?: JSX.Element | JSX.Element[] | string | any;
 }
 
-export type IKeyboardAvoidingViewProps =
-  | InterfaceKeyboardAvoidingViewProps
-  | CustomProps<'KeyboardAvoidingView'>;
+export type IKeyboardAvoidingViewProps = InterfaceKeyboardAvoidingViewProps &
+  CustomProps<'KeyboardAvoidingView'>;

src/components/basic/ScrollView/types.ts

@@ -15,6 +15,5 @@ export interface InterfaceScrollViewProps
   _contentContainerStyle?: Partial<IScrollViewProps>;
 }
 
-export type IScrollViewProps =
-  | InterfaceScrollViewProps
-  | CustomProps<'ScrollView'>;
+export type IScrollViewProps = InterfaceScrollViewProps &
+  CustomProps<'ScrollView'>;

src/components/basic/SectionList/types.ts

@@ -10,6 +10,7 @@ export interface InterfaceSectionListProps<ItemT, sectionT = DefaultSectionT>
     StyledProps,
     PlatformProps<ISectionListProps<ItemT, sectionT>> {}
 
-export type ISectionListProps<ItemT, sectionT = DefaultSectionT> =
-  | InterfaceSectionListProps<ItemT, sectionT>
-  | CustomProps<'SectionList'>;
+export type ISectionListProps<
+  ItemT,
+  sectionT = DefaultSectionT
+> = InterfaceSectionListProps<ItemT, sectionT> & CustomProps<'SectionList'>;

src/components/basic/StatusBar/types.ts

@@ -2,6 +2,5 @@ import type { StatusBarProps } from 'react-native';
 import type { CustomProps } from '../../../components/types';
 
 export interface InterfaceStatusBarProps extends StatusBarProps {}
-export type IStatusBarProps =
-  | InterfaceStatusBarProps
-  | CustomProps<'StatusBar'>;
+export type IStatusBarProps = InterfaceStatusBarProps &
+  CustomProps<'StatusBar'>;

src/components/basic/View/types.ts

@@ -11,4 +11,4 @@ export interface InterfaceViewProps
   children?: JSX.Element | JSX.Element[] | string | any;
 }
 
-export type IViewProps = InterfaceViewProps | CustomProps<'View'>;
+export type IViewProps = InterfaceViewProps & CustomProps<'View'>;

src/components/composites/Actionsheet/types.tsx

@@ -62,6 +62,5 @@ export type IActionsheetComponentType = ((
   >;
 };
 
-export type IActionsheetProps =
-  | InterfaceActionsheetProps
-  | CustomProps<'Actionsheet'>;
+export type IActionsheetProps = InterfaceActionsheetProps &
+  CustomProps<'Actionsheet'>;

src/components/composites/Alert/types.tsx

@@ -32,4 +32,4 @@ export type IAlertComponentType = ((
   >;
 };
 
-export type IAlertProps = InterfaceAlertProps | CustomProps<'Alert'>;
+export type IAlertProps = InterfaceAlertProps & CustomProps<'Alert'>;

src/components/composites/AlertDialog/types.ts

@@ -83,6 +83,5 @@ export type IAlertDialogComponentType = ((
   >;
 };
 
-export type IAlertDialogProps =
-  | InterfaceAlertDialogProps
-  | CustomProps<'AlertDialog'>;
+export type IAlertDialogProps = InterfaceAlertDialogProps &
+  CustomProps<'AlertDialog'>;