Merge pull request #4833 from GeekyAnts/fix/input-stack-type

fix: input _stack type issue

Author: surajahmed

src/components/primitives/Input/types.ts

@@ -1,16 +1,11 @@
 import type { TextInputProps } from 'react-native';
 import type { StyledProps } from '../../../theme/types';
-import type {
-  PlatformProps,
-  ThemeComponentSizeType,
-  VariantType,
-} from '../../types';
+import type { CombinedSizeType, PlatformProps, VariantType } from '../../types';
 import type { IBoxProps } from '../Box';
 import type { ResponsiveValue } from '../../../components/types';
 import type { ISizes } from '../../../theme/base/sizes';
-import type { CustomProps } from '../../types';
-
-export interface InterfaceInputProps
+import type { IStackProps } from '../../primitives/Stack';
+export interface IInputProps
   extends PlatformProps<IInputProps>,
     Omit<TextInputProps, 'textAlign'>,
     StyledProps {
@@ -39,9 +34,7 @@ export interface InterfaceInputProps
    * The size of the input.
    * @default 'md'
    */
-  size?:
-    | ResponsiveValue<ISizes | (string & {}) | number>
-    | ThemeComponentSizeType<'Input'>;
+  size?: CombinedSizeType<'Input'>; // ResponsiveValue<ISizes | (string & {}) | number>;
   /**
    * This will set aria-required="true" on web when passed in formcontrol.
    */
@@ -82,27 +75,31 @@ export interface InterfaceInputProps
   /**
    * Passed props will be applied on hovered state.
    */
-  _hover?: Omit<IInputProps, '_hover'>;
+  _hover?: Omit<Partial<IInputProps>, '_hover'>;
   /**
    * Passed props will be applied on focused state.
    */
-  _focus?: Omit<IInputProps, '_focus'>;
+  _focus?: Omit<Partial<IInputProps>, '_focus'>;
   /**
    * Passed props will be applied on disabled state.
    */
-  _disabled?: Omit<IInputProps, '_disabled'>;
+  _disabled?: Omit<Partial<IInputProps>, '_disabled'>;
   /**
    * Passed props will be applied on readOnly state.
    */
-  _readOnly?: Omit<IInputProps, '_readOnly'>;
+  _readOnly?: Omit<Partial<IInputProps>, '_readOnly'>;
   /**
    * Passed props will be applied on invalid state.
    */
-  _invalid?: Omit<IInputProps, '_hover'>;
+  _invalid?: Omit<Partial<IInputProps>, '_hover'>;
   /**
    * props are passed to InputBase component
    */
-  _input?: {};
+  _input?: Partial<IInputProps>;
+  /**
+   * Props to be passed to the Stack used inside.
+   */
+  _stack?: Partial<IStackProps>;
 }
 
 export interface IInputGroupProps extends IBoxProps<IInputGroupProps> {
@@ -117,5 +114,3 @@ export interface IInputGroupProps extends IBoxProps<IInputGroupProps> {
    */
   size?: ResponsiveValue<ISizes | (string & {}) | number>;
 }
-
-export type IInputProps = InterfaceInputProps | CustomProps<'Input'>;