Fix SVC for RCT{Multiline,Singleline}TextInput

Summary:
See title.

Changelog: [Internal]

Reviewed By: mdvacca

Differential Revision: D33341775

fbshipit-source-id: be1c876375b1106d51e871805c23d345906b4631

Author: RSNara

Libraries/Components/TextInput/AndroidTextInputViewConfig.js

@@ -23,10 +23,14 @@ export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
 });
 
 const MultilineTextInputNativeComponent: HostComponent<mixed> =
-  NativeComponentRegistry.get<mixed>(
-    'RCTMultilineTextInputView',
-    () => RCTTextInputViewConfig,
-  );
+  NativeComponentRegistry.get<mixed>('RCTMultilineTextInputView', () => ({
+    uiViewClassName: 'RCTMultilineTextInputView',
+    ...RCTTextInputViewConfig,
+    validAttributes: {
+      ...RCTTextInputViewConfig.validAttributes,
+      dataDetectorTypes: true,
+    },
+  }));
 
 // flowlint-next-line unclear-type:off
 export default ((MultilineTextInputNativeComponent: any): HostComponent<mixed>);

Libraries/Components/TextInput/RCTMultilineTextInputNativeComponent.js

@@ -23,10 +23,10 @@ export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
 });
 
 const SinglelineTextInputNativeComponent: HostComponent<mixed> =
-  NativeComponentRegistry.get<mixed>(
-    'RCTSinglelineTextInputView',
-    () => RCTTextInputViewConfig,
-  );
+  NativeComponentRegistry.get<mixed>('RCTSinglelineTextInputView', () => ({
+    uiViewClassName: 'RCTSinglelineTextInputView',
+    ...RCTTextInputViewConfig,
+  }));
 
 // flowlint-next-line unclear-type:off
 export default ((SinglelineTextInputNativeComponent: any): HostComponent<mixed>);

Libraries/Components/TextInput/RCTSingelineTextInputNativeComponent.js

@@ -10,8 +10,12 @@
 
 import type {PartialViewConfig} from '../../Renderer/shims/ReactNativeTypes';
 
+type PartialViewConfigWithoutName = $Rest<
+  PartialViewConfig,
+  {uiViewClassName: string},
+>;
+
 const RCTTextInputViewConfig = {
-  uiViewClassName: 'RCTSinglelineTextInputView',
   bubblingEventTypes: {
     topBlur: {
       phasedRegistrationNames: {
@@ -25,6 +29,12 @@ const RCTTextInputViewConfig = {
         captured: 'onChangeCapture',
       },
     },
+    topContentSizeChange: {
+      phasedRegistrationNames: {
+        captured: 'onContentSizeChangeCapture',
+        bubbled: 'onContentSizeChange',
+      },
+    },
     topEndEditing: {
       phasedRegistrationNames: {
         bubbled: 'onEndEditing',
@@ -69,7 +79,23 @@ const RCTTextInputViewConfig = {
       },
     },
   },
-  directEventTypes: {},
+  directEventTypes: {
+    topTextInput: {
+      registrationName: 'onTextInput',
+    },
+    topKeyPressSync: {
+      registrationName: 'onKeyPressSync',
+    },
+    topScroll: {
+      registrationName: 'onScroll',
+    },
+    topSelectionChange: {
+      registrationName: 'onSelectionChange',
+    },
+    topChangeSync: {
+      registrationName: 'onChangeSync',
+    },
+  },
   validAttributes: {
     fontSize: true,
     fontWeight: true,
@@ -97,23 +123,18 @@ const RCTTextInputViewConfig = {
     caretHidden: true,
     enablesReturnKeyAutomatically: true,
     placeholderTextColor: {process: require('../../StyleSheet/processColor')},
-    onSelectionChange: true,
     clearButtonMode: true,
-    onContentSizeChange: true,
     keyboardType: true,
     selection: true,
     returnKeyType: true,
     blurOnSubmit: true,
     mostRecentEventCount: true,
-    onChange: true,
     scrollEnabled: true,
     selectionColor: {process: require('../../StyleSheet/processColor')},
     contextMenuHidden: true,
     secureTextEntry: true,
-    onTextInput: true,
     placeholder: true,
     autoCorrect: true,
-    onScroll: true,
     multiline: true,
     textContentType: true,
     maxLength: true,
@@ -124,7 +145,9 @@ const RCTTextInputViewConfig = {
     selectTextOnFocus: true,
     text: true,
     clearTextOnFocus: true,
+    showSoftInputOnFocus: true,
+    autoFocus: true,
   },
 };
 
-module.exports = (RCTTextInputViewConfig: PartialViewConfig);
+module.exports = (RCTTextInputViewConfig: PartialViewConfigWithoutName);