v7_TextField (#2468)

* Enable text field migration

* Ignore/fix TS errors

* Move incubator TextField example screen to be the official screen

* Remove centered prop from migration since it is supported

* Remove transformer from migration list cause it is supported as formatter

Author: ethanshar

demo/src/index.js

@@ -130,9 +130,9 @@ module.exports = {
         return require('./screens/componentScreens/TextScreen').default;
       },
       // TODO: fix Expo issues (navigation) before un-commenting
-      // get TextFieldScreen() {
-      //   return require('./screens/componentScreens/TextFieldScreen').default;
-      // },
+      get TextFieldScreen() {
+        return require('./screens/componentScreens/TextFieldScreen').default;
+      },
       get TourScreen() {
         return require('./screens/componentScreens/TourScreen').default;
       },
@@ -215,9 +215,6 @@ module.exports = {
         return require('./screens/componentScreens/ProgressBarScreen').default;
       },
       // Incubator
-      get IncubatorTextFieldScreen() {
-        return require('./screens/incubatorScreens/IncubatorTextFieldScreen').default;
-      },
       get PanViewScreen() {
         return require('./screens/incubatorScreens/PanViewScreen').default;
       },

demo/src/screens/MenuStructure.js

@@ -175,7 +175,6 @@ export const navigationData = {
       {title: 'ChipsInput', tags: 'chips input', screen: 'unicorn.components.ChipsInputScreen'},
       {title: 'Native TouchableOpacity', tags: 'touchable native', screen: 'unicorn.incubator.TouchableOpacityScreen'},
       {title: 'Dialog (New)', tags: 'dialog modal popup alert', screen: 'unicorn.incubator.IncubatorDialogScreen'},
-      {title: 'TextField (New)', tags: 'text field input', screen: 'unicorn.components.IncubatorTextFieldScreen'},
       {title: 'Toast (New)', tags: 'toast', screen: 'unicorn.components.IncubatorToastScreen'},
       {
         title: 'ExpandableOverlay',

demo/src/screens/incubatorScreens/IncubatorTextFieldScreen.tsx renamed to demo/src/screens/componentScreens/TextFieldScreen.tsx

@@ -1,23 +1,23 @@
 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, Incubator} from 'react-native-ui-lib'; //eslint-disable-line
-const {TextField} = Incubator;
+import {Assets, Colors, Spacings, Typography, View, Text, Button, Keyboard, TextField, TextFieldMethods} 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<TextInput>();
+  inputWithValidation = React.createRef<TextFieldMethods>();
   state = {
     errorPosition: TextField.validationMessagePositions.TOP,
     shouldDisable: false,
     isReadonly: false,
     value: 'Initial Value',
     searching: false,
-    preset: 'withUnderline'
+    preset: 'withUnderline',
+    price: ''
   };
 
   componentDidMount() {
@@ -162,6 +162,7 @@ export default class TextFieldScreen extends Component {
 
           <View row top marginT-s4>
             <TextField
+              // @ts-expect-error
               ref={this.inputWithValidation}
               placeholder="Enter full name"
               validate="required"