Expose TextFieldRef type

demo/src/screens/componentScreens/TextFieldScreen.tsx

@@ -1,15 +1,15 @@
 import _ from 'lodash';
 import React, {Component} from 'react';
-import {TextInput, StyleSheet, ScrollView, ActivityIndicator} from 'react-native';
-import {Assets, Colors, Spacings, Typography, View, Text, Button, Keyboard, TextField, TextFieldMethods} from 'react-native-ui-lib'; //eslint-disable-line
+import {StyleSheet, ScrollView, ActivityIndicator} from 'react-native';
+import {Assets, Colors, Spacings, Typography, View, Text, Button, Keyboard, TextField, TextFieldRef} from 'react-native-ui-lib'; //eslint-disable-line
 const {KeyboardAwareInsetsView} = Keyboard;
 
 const priceFormatter = Intl.NumberFormat('en-US');
 
 export default class TextFieldScreen extends Component {
-  input = React.createRef<TextInput>();
-  input2 = React.createRef<TextInput>();
-  inputWithValidation = React.createRef<TextFieldMethods>();
+  input = React.createRef<TextFieldRef>();
+  input2 = React.createRef<TextFieldRef>();
+  inputWithValidation = React.createRef<TextFieldRef>();
   state = {
     errorPosition: TextField.validationMessagePositions.TOP,
     shouldDisable: false,
@@ -162,7 +162,6 @@ export default class TextFieldScreen extends Component {
 
           <View row top marginT-s4>
             <TextField
-              // @ts-expect-error
               ref={this.inputWithValidation}
               placeholder="Enter full name"
               validate="required"

src/incubator/TextField/index.tsx

@@ -17,7 +17,8 @@ import {
   InternalTextFieldProps,
   ValidationMessagePosition,
   FieldContextType,
-  TextFieldMethods
+  TextFieldMethods,
+  TextFieldRef
 } from './types';
 import {shouldHidePlaceholder} from './Presenter';
 import Input from './Input';
@@ -218,6 +219,7 @@ export {
   FieldContextType,
   StaticMembers as TextFieldStaticMembers,
   TextFieldMethods,
+  TextFieldRef,
   ValidationMessagePosition as TextFieldValidationMessagePosition
 };
 export default asBaseComponent<TextFieldProps, StaticMembers>(forwardRef(TextField as any), {

src/incubator/TextField/types.ts

@@ -259,3 +259,5 @@ export interface TextFieldMethods {
   validate: () => boolean;
   isValid: () => boolean;
 }
+
+export type TextFieldRef = TextInput & TextFieldMethods;

src/incubator/index.ts

@@ -1,7 +1,7 @@
 // export {default as Calendar} from './Calendar';
 export {default as ExpandableOverlay} from './expandableOverlay';
 // @ts-ignore
-export {default as TextField, TextFieldProps, FieldContextType, TextFieldMethods, TextFieldValidationMessagePosition} from './TextField';
+export {default as TextField, TextFieldProps, FieldContextType, TextFieldMethods, TextFieldRef, TextFieldValidationMessagePosition} from './TextField';
 export {default as Toast, ToastProps, ToastPresets} from './toast';
 export {default as TouchableOpacity, TouchableOpacityProps} from './TouchableOpacity';
 export {default as PanView, PanViewProps, PanViewDirections, PanViewDismissThreshold} from './panView';

src/index.ts

@@ -29,6 +29,7 @@ import * as Incubator from './incubator';
 export {
   TextFieldProps,
   TextFieldMethods,
+  TextFieldRef,
   TextFieldValidationMessagePosition,
   FieldContextType,
   ToastProps,