@office-iss/react-native-win32 0.73.1 → 0.74.0-preview.1

package/Libraries/Components/Switch/Switch.js

@@ -6,7 +6,6 @@
  *
  * @flow strict-local
  * @format
- * @generate-docs
  */
 
 import type {ColorValue} from '../../StyleSheet/StyleSheet';
@@ -155,7 +154,6 @@ const SwitchWithForwardedRef: React.AbstractComponent<
     typeof SwitchNativeComponent | typeof AndroidSwitchNativeComponent,
   > | null>(null);
 
-  // $FlowFixMe[incompatible-call]
   const ref = useMergeRefs(nativeSwitchRef, forwardedRef);
 
   const [native, setNative] = React.useState({value: (null: ?boolean)});

package/Libraries/Components/Switch/SwitchNativeComponent.js

@@ -4,58 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict-local
  * @format
+ * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {
-  BubblingEventHandler,
-  Int32,
-  WithDefault,
-} from '../../Types/CodegenTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-import * as React from 'react';
-
-type SwitchChangeEvent = $ReadOnly<{|
-  value: boolean,
-  target: Int32,
-|}>;
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  // Props
-  disabled?: WithDefault<boolean, false>,
-  value?: WithDefault<boolean, false>,
-  tintColor?: ?ColorValue,
-  onTintColor?: ?ColorValue,
-  thumbTintColor?: ?ColorValue,
-
-  // Deprecated props
-  thumbColor?: ?ColorValue,
-  trackColorForFalse?: ?ColorValue,
-  trackColorForTrue?: ?ColorValue,
-
-  // Events
-  onChange?: ?BubblingEventHandler<SwitchChangeEvent>,
-|}>;
-
-type ComponentType = HostComponent<NativeProps>;
-
-interface NativeCommands {
-  +setValue: (viewRef: React.ElementRef<ComponentType>, value: boolean) => void;
-}
-
-export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['setValue'],
-});
-
-export default (codegenNativeComponent<NativeProps>('Switch', {
-  paperComponentName: 'RCTSwitch',
-  excludedPlatforms: ['android'],
-}): ComponentType);
+export * from '../../../src/private/specs/components/SwitchNativeComponent';
+import SwitchNativeComponent from '../../../src/private/specs/components/SwitchNativeComponent';
+export default SwitchNativeComponent;

package/Libraries/Components/TextInput/AndroidTextInputNativeComponent.js

@@ -485,6 +485,11 @@ export type NativeProps = $ReadOnly<{|
    */
   selectionColor?: ?ColorValue,
 
+  /**
+   * The text selection handle color.
+   */
+  selectionHandleColor?: ?ColorValue,
+
   /**
    * The start and end of the text input's selection. Set start and end to
    * the same value to position the cursor.
@@ -692,6 +697,9 @@ export const __INTERNAL_VIEW_CONFIG: PartialViewConfig = {
     fontStyle: true,
     textShadowOffset: true,
     selectionColor: {process: require('../../StyleSheet/processColor').default},
+    selectionHandleColor: {
+      process: require('../../StyleSheet/processColor').default,
+    },
     placeholderTextColor: {
       process: require('../../StyleSheet/processColor').default,
     },

package/Libraries/Components/TextInput/InputAccessoryView.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
@@ -85,27 +85,25 @@ type Props = $ReadOnly<{|
   backgroundColor?: ?ColorValue,
 |}>;
 
-class InputAccessoryView extends React.Component<Props> {
-  render(): React.Node {
-    if (Platform.OS === 'ios') {
-      if (React.Children.count(this.props.children) === 0) {
-        return null;
-      }
-
-      return (
-        <RCTInputAccessoryViewNativeComponent
-          style={[this.props.style, styles.container]}
-          nativeID={this.props.nativeID}
-          backgroundColor={this.props.backgroundColor}>
-          {this.props.children}
-        </RCTInputAccessoryViewNativeComponent>
-      );
-    } else {
-      console.warn('<InputAccessoryView> is only supported on iOS.');
+const InputAccessoryView: React.AbstractComponent<Props> = (props: Props) => {
+  if (Platform.OS === 'ios') {
+    if (React.Children.count(props.children) === 0) {
       return null;
     }
+
+    return (
+      <RCTInputAccessoryViewNativeComponent
+        style={[props.style, styles.container]}
+        nativeID={props.nativeID}
+        backgroundColor={props.backgroundColor}>
+        {props.children}
+      </RCTInputAccessoryViewNativeComponent>
+    );
+  } else {
+    console.warn('<InputAccessoryView> is only supported on iOS.');
+    return null;
   }
-}
+};
 
 const styles = StyleSheet.create({
   container: {
@@ -113,4 +111,4 @@ const styles = StyleSheet.create({
   },
 });
 
-module.exports = InputAccessoryView;
+export default InputAccessoryView;

package/Libraries/Components/TextInput/RCTInputAccessoryViewNativeComponent.js

@@ -4,23 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict-local
  * @format
+ * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-  backgroundColor?: ?ColorValue,
-|}>;
-
-export default (codegenNativeComponent<NativeProps>('InputAccessory', {
-  interfaceOnly: true,
-  paperComponentName: 'RCTInputAccessoryView',
-  excludedPlatforms: ['android'],
-}): HostComponent<NativeProps>);
+export * from '../../../src/private/specs/components/RCTInputAccessoryViewNativeComponent';
+import RCTInputAccessoryViewNativeComponent from '../../../src/private/specs/components/RCTInputAccessoryViewNativeComponent';
+export default RCTInputAccessoryViewNativeComponent;

package/Libraries/Components/TextInput/RCTTextInputViewConfig.js

@@ -31,12 +31,6 @@ const RCTTextInputViewConfig = {
         captured: 'onChangeCapture',
       },
     },
-    topContentSizeChange: {
-      phasedRegistrationNames: {
-        captured: 'onContentSizeChangeCapture',
-        bubbled: 'onContentSizeChange',
-      },
-    },
     topEndEditing: {
       phasedRegistrationNames: {
         bubbled: 'onEndEditing',
@@ -97,6 +91,9 @@ const RCTTextInputViewConfig = {
     topChangeSync: {
       registrationName: 'onChangeSync',
     },
+    topContentSizeChange: {
+      registrationName: 'onContentSizeChange',
+    },
   },
   validAttributes: {
     fontSize: true,

package/Libraries/Components/TextInput/Tests/TextInputTest.d.ts

@@ -1,8 +1,8 @@
-export declare const title = "TextInput";
-export declare const displayName = "TextInput";
-export declare const description = "TextInput Examples and Tests";
-export declare const examples: {
-    title: string;
-    description: string;
-    render(): JSX.Element;
-}[];
+export declare const title = "TextInput";
+export declare const displayName = "TextInput";
+export declare const description = "TextInput Examples and Tests";
+export declare const examples: {
+    title: string;
+    description: string;
+    render(): JSX.Element;
+}[];

package/Libraries/Components/TextInput/Tests/TextInputTest.js

@@ -1,128 +1,128 @@
-'use strict';
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.examples = exports.description = exports.displayName = exports.title = void 0;
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-// Disabling no-jsx-lambda so functional components are more convenient to use
-const AutoFocusingTextInputTest = () => {
-    return (react_1.default.createElement(react_native_1.View, null,
-        react_1.default.createElement(react_native_1.Text, null, "This TextInput auto focuses"),
-        react_1.default.createElement(react_native_1.TextInput, { autoFocus: true, maxLength: 140, multiline: true, style: styles.input })));
-};
-const PlaceholderTextInputTest = () => {
-    return (react_1.default.createElement(react_native_1.View, null,
-        react_1.default.createElement(react_native_1.Text, null, "This TextInput demonstrates placeholders"),
-        react_1.default.createElement(react_native_1.TextInput, { maxLength: 140, multiline: true, placeholder: "I am a blue placeholder, type in me for something magical", placeholderTextColor: "blue", style: styles.green })));
-};
-const ControllingTextInputTest = () => {
-    const [value, setValue] = react_1.default.useState('');
-    return (react_1.default.createElement(react_native_1.View, null,
-        react_1.default.createElement(react_native_1.Text, null, "This TextInput inserts spaces between characters"),
-        react_1.default.createElement(react_native_1.TextInput, { multiline: true, onChangeText: (text) => setValue(text.endsWith(' ') ? value : (text + ' ')), style: styles.blue, value: value })));
-};
-const BlurringAndFocusingTextInputTest = () => {
-    const [isFocused, setIsFocused] = react_1.default.useState(false);
-    return (react_1.default.createElement(react_native_1.View, null,
-        react_1.default.createElement(react_native_1.Text, null,
-            "This TextInput is currently focused: + ",
-            isFocused ? 'true' : 'false'),
-        react_1.default.createElement(react_native_1.TextInput, { multiline: true, onBlur: () => setIsFocused(false), onFocus: () => setIsFocused(true), style: styles.input })));
-};
-const LayoutListeningTextInputTest = () => {
-    const [eventCounter, setEventCounter] = react_1.default.useState(0);
-    return (react_1.default.createElement(react_native_1.View, null,
-        react_1.default.createElement(react_native_1.Text, null,
-            "The number of onContentSizeChanges is listed here + ",
-            eventCounter),
-        react_1.default.createElement(react_native_1.TextInput, { multiline: true, onContentSizeChange: () => setEventCounter(eventCounter + 1), style: styles.input })));
-};
-const KeyPressListeningTextInputTest = () => {
-    const [value, setValue] = react_1.default.useState('');
-    return (react_1.default.createElement(react_native_1.View, null,
-        react_1.default.createElement(react_native_1.Text, null, "This TextInput uses onKeyPress to maintain state: it is slow"),
-        react_1.default.createElement(react_native_1.TextInput, { multiline: true, onKeyPress: (e) => setValue(value + e.nativeEvent.key), style: styles.input, value: value })));
-};
-const StyleTextInputTest = () => {
-    return (react_1.default.createElement(react_native_1.View, null,
-        react_1.default.createElement(react_native_1.Text, null, "This TextInput is styled differently"),
-        react_1.default.createElement(react_native_1.TextInput, { multiline: true, style: styles.superInput })));
-};
-exports.title = 'TextInput';
-exports.displayName = 'TextInput';
-exports.description = 'TextInput Examples and Tests';
-exports.examples = [
-    {
-        title: 'Autofocus Example',
-        description: 'autoFocus in action',
-        render() {
-            return (react_1.default.createElement(AutoFocusingTextInputTest, null));
-        },
-    },
-    {
-        title: 'Placeholders Example',
-        description: 'placeholder in action',
-        render() {
-            return (react_1.default.createElement(PlaceholderTextInputTest, null));
-        },
-    },
-    {
-        title: 'Controlled Example',
-        description: 'Controlling inputs in action',
-        render() {
-            return (react_1.default.createElement(ControllingTextInputTest, null));
-        },
-    },
-    {
-        title: 'Focus and Blur Example',
-        description: 'onFocus/onBlur in action',
-        render() {
-            return (react_1.default.createElement(BlurringAndFocusingTextInputTest, null));
-        },
-    },
-    {
-        title: 'ContentSizeChange Example',
-        description: 'onContentSizeChange in action',
-        render() {
-            return (react_1.default.createElement(LayoutListeningTextInputTest, null));
-        },
-    },
-    {
-        title: 'Control via onKeyPress Example',
-        description: 'onKeyPress in action',
-        render() {
-            return (react_1.default.createElement(KeyPressListeningTextInputTest, null));
-        },
-    },
-    {
-        title: 'Super Styling Example',
-        description: 'Styling in action',
-        render() {
-            return (react_1.default.createElement(StyleTextInputTest, null));
-        },
-    },
-];
-const styles = react_native_1.StyleSheet.create({
-    input: {
-        height: 20,
-    },
-    blue: {
-        color: 'blue',
-        height: 20,
-    },
-    green: {
-        color: 'green',
-        height: 20,
-    },
-    superInput: {
-        color: 'purple',
-        fontSize: 24,
-        fontStyle: 'italic',
-        fontWeight: 'bold',
-        fontFamily: 'times-new-roman',
-        height: 100,
-    },
-});
+'use strict';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.examples = exports.description = exports.displayName = exports.title = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+// Disabling no-jsx-lambda so functional components are more convenient to use
+const AutoFocusingTextInputTest = () => {
+    return (react_1.default.createElement(react_native_1.View, null,
+        react_1.default.createElement(react_native_1.Text, null, "This TextInput auto focuses"),
+        react_1.default.createElement(react_native_1.TextInput, { autoFocus: true, maxLength: 140, multiline: true, style: styles.input })));
+};
+const PlaceholderTextInputTest = () => {
+    return (react_1.default.createElement(react_native_1.View, null,
+        react_1.default.createElement(react_native_1.Text, null, "This TextInput demonstrates placeholders"),
+        react_1.default.createElement(react_native_1.TextInput, { maxLength: 140, multiline: true, placeholder: "I am a blue placeholder, type in me for something magical", placeholderTextColor: "blue", style: styles.green })));
+};
+const ControllingTextInputTest = () => {
+    const [value, setValue] = react_1.default.useState('');
+    return (react_1.default.createElement(react_native_1.View, null,
+        react_1.default.createElement(react_native_1.Text, null, "This TextInput inserts spaces between characters"),
+        react_1.default.createElement(react_native_1.TextInput, { multiline: true, onChangeText: (text) => setValue(text.endsWith(' ') ? value : (text + ' ')), style: styles.blue, value: value })));
+};
+const BlurringAndFocusingTextInputTest = () => {
+    const [isFocused, setIsFocused] = react_1.default.useState(false);
+    return (react_1.default.createElement(react_native_1.View, null,
+        react_1.default.createElement(react_native_1.Text, null,
+            "This TextInput is currently focused: + ",
+            isFocused ? 'true' : 'false'),
+        react_1.default.createElement(react_native_1.TextInput, { multiline: true, onBlur: () => setIsFocused(false), onFocus: () => setIsFocused(true), style: styles.input })));
+};
+const LayoutListeningTextInputTest = () => {
+    const [eventCounter, setEventCounter] = react_1.default.useState(0);
+    return (react_1.default.createElement(react_native_1.View, null,
+        react_1.default.createElement(react_native_1.Text, null,
+            "The number of onContentSizeChanges is listed here + ",
+            eventCounter),
+        react_1.default.createElement(react_native_1.TextInput, { multiline: true, onContentSizeChange: () => setEventCounter(eventCounter + 1), style: styles.input })));
+};
+const KeyPressListeningTextInputTest = () => {
+    const [value, setValue] = react_1.default.useState('');
+    return (react_1.default.createElement(react_native_1.View, null,
+        react_1.default.createElement(react_native_1.Text, null, "This TextInput uses onKeyPress to maintain state: it is slow"),
+        react_1.default.createElement(react_native_1.TextInput, { multiline: true, onKeyPress: (e) => setValue(value + e.nativeEvent.key), style: styles.input, value: value })));
+};
+const StyleTextInputTest = () => {
+    return (react_1.default.createElement(react_native_1.View, null,
+        react_1.default.createElement(react_native_1.Text, null, "This TextInput is styled differently"),
+        react_1.default.createElement(react_native_1.TextInput, { multiline: true, style: styles.superInput })));
+};
+exports.title = 'TextInput';
+exports.displayName = 'TextInput';
+exports.description = 'TextInput Examples and Tests';
+exports.examples = [
+    {
+        title: 'Autofocus Example',
+        description: 'autoFocus in action',
+        render() {
+            return (react_1.default.createElement(AutoFocusingTextInputTest, null));
+        },
+    },
+    {
+        title: 'Placeholders Example',
+        description: 'placeholder in action',
+        render() {
+            return (react_1.default.createElement(PlaceholderTextInputTest, null));
+        },
+    },
+    {
+        title: 'Controlled Example',
+        description: 'Controlling inputs in action',
+        render() {
+            return (react_1.default.createElement(ControllingTextInputTest, null));
+        },
+    },
+    {
+        title: 'Focus and Blur Example',
+        description: 'onFocus/onBlur in action',
+        render() {
+            return (react_1.default.createElement(BlurringAndFocusingTextInputTest, null));
+        },
+    },
+    {
+        title: 'ContentSizeChange Example',
+        description: 'onContentSizeChange in action',
+        render() {
+            return (react_1.default.createElement(LayoutListeningTextInputTest, null));
+        },
+    },
+    {
+        title: 'Control via onKeyPress Example',
+        description: 'onKeyPress in action',
+        render() {
+            return (react_1.default.createElement(KeyPressListeningTextInputTest, null));
+        },
+    },
+    {
+        title: 'Super Styling Example',
+        description: 'Styling in action',
+        render() {
+            return (react_1.default.createElement(StyleTextInputTest, null));
+        },
+    },
+];
+const styles = react_native_1.StyleSheet.create({
+    input: {
+        height: 20,
+    },
+    blue: {
+        color: 'blue',
+        height: 20,
+    },
+    green: {
+        color: 'green',
+        height: 20,
+    },
+    superInput: {
+        color: 'purple',
+        fontSize: 24,
+        fontStyle: 'italic',
+        fontWeight: 'bold',
+        fontFamily: 'times-new-roman',
+        height: 100,
+    },
+});
 //# sourceMappingURL=TextInputTest.js.map

package/Libraries/Components/TextInput/Tests/TextInputTest.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputTest.js","sourceRoot":"","sources":["../../../../src/Libraries/Components/TextInput/Tests/TextInputTest.tsx"],"names":[],"mappings":"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","sourcesContent":["'use strict';\nimport React from 'react'\nimport { StyleSheet, Text, TextInput, View } from 'react-native';\n\n// Disabling no-jsx-lambda so functional components are more convenient to use\n\nconst AutoFocusingTextInputTest: React.FC<{}> = () => {\n  return (\n    <View>\n      <Text>This TextInput auto focuses</Text>\n      <TextInput\n        autoFocus\n        maxLength={140}\n        multiline\n        style={styles.input}\n      />\n    </View>\n  );\n};\n\nconst PlaceholderTextInputTest: React.FC<{}> = () => {\n  return (\n    <View>\n      <Text>This TextInput demonstrates placeholders</Text>\n      <TextInput\n        maxLength={140}\n        multiline\n        placeholder=\"I am a blue placeholder, type in me for something magical\"\n        placeholderTextColor=\"blue\"\n        style={styles.green}\n      />\n    </View>\n  );\n};\n\nconst ControllingTextInputTest: React.FC<{}> = () => {\n  const [value, setValue] = React.useState('');\n\n  return (\n    <View>\n      <Text>This TextInput inserts spaces between characters</Text>\n      <TextInput\n        multiline\n        onChangeText={(text) => setValue(text.endsWith(' ') ? value : (text + ' '))}\n        style={styles.blue}\n        value={value}\n      />\n    </View>\n  );\n};\n\nconst BlurringAndFocusingTextInputTest: React.FC<{}> = () => {\n  const [isFocused, setIsFocused] = React.useState(false);\n  return (\n    <View>\n      <Text>This TextInput is currently focused: + {isFocused ? 'true' : 'false'}</Text>\n      <TextInput\n        multiline\n        onBlur={() => setIsFocused(false)}\n        onFocus={() => setIsFocused(true)}\n        style={styles.input}\n      />\n    </View>\n  );\n};\n\nconst LayoutListeningTextInputTest: React.FC<{}> = () => {\n  const [eventCounter, setEventCounter] = React.useState(0);\n\n  return (\n    <View>\n      <Text>The number of onContentSizeChanges is listed here + {eventCounter}</Text>\n      <TextInput\n        multiline\n        onContentSizeChange={() => setEventCounter(eventCounter + 1)}\n        style={styles.input}\n      />\n    </View>\n  );\n};\n\nconst KeyPressListeningTextInputTest: React.FC<{}> = () => {\n  const [value, setValue] = React.useState('');\n\n  return (\n    <View>\n      <Text>This TextInput uses onKeyPress to maintain state: it is slow</Text>\n      <TextInput\n        multiline\n        onKeyPress={(e) => setValue(value + e.nativeEvent.key)}\n        style={styles.input}\n        value={value}\n      />\n    </View>\n  );\n};\n\nconst StyleTextInputTest: React.FC<{}> = () => {\n  return (\n    <View>\n      <Text>This TextInput is styled differently</Text>\n      <TextInput\n        multiline\n        style={styles.superInput}\n      />\n    </View>\n  );\n};\n\nexport const title = 'TextInput';\nexport const displayName = 'TextInput';\nexport const description = 'TextInput Examples and Tests';\nexport const examples = [\n    {\n      title: 'Autofocus Example',\n      description: 'autoFocus in action',\n      render(): JSX.Element {\n        return (<AutoFocusingTextInputTest />);\n      },\n    },\n    {\n      title: 'Placeholders Example',\n      description: 'placeholder in action',\n      render(): JSX.Element {\n        return (<PlaceholderTextInputTest />);\n      },\n    },\n    {\n      title: 'Controlled Example',\n      description: 'Controlling inputs in action',\n      render(): JSX.Element {\n        return (<ControllingTextInputTest />);\n      },\n    },\n    {\n      title: 'Focus and Blur Example',\n      description: 'onFocus/onBlur in action',\n      render(): JSX.Element {\n        return (<BlurringAndFocusingTextInputTest />);\n      },\n    },\n    {\n      title: 'ContentSizeChange Example',\n      description: 'onContentSizeChange in action',\n      render(): JSX.Element {\n        return (<LayoutListeningTextInputTest />);\n      },\n    },\n    {\n      title: 'Control via onKeyPress Example',\n      description: 'onKeyPress in action',\n      render(): JSX.Element {\n        return (<KeyPressListeningTextInputTest />);\n      },\n    },\n    {\n      title: 'Super Styling Example',\n      description: 'Styling in action',\n      render(): JSX.Element {\n        return (<StyleTextInputTest />);\n      },\n    },\n  ];\n\nconst styles = StyleSheet.create({\n  input: {\n    height: 20,\n  },\n  blue: {\n    color: 'blue',\n    height: 20,\n  },\n  green: {\n    color: 'green',\n    height: 20,\n  },\n  superInput: {\n    color: 'purple',\n    fontSize: 24,\n    fontStyle: 'italic',\n    fontWeight: 'bold',\n    fontFamily: 'times-new-roman',\n    height: 100,\n  },\n});\n"]}
+{"version":3,"file":"TextInputTest.js","sourceRoot":"","sources":["../../../../src-win/Libraries/Components/TextInput/Tests/TextInputTest.tsx"],"names":[],"mappings":"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","sourcesContent":["'use strict';\nimport React from 'react'\nimport { StyleSheet, Text, TextInput, View } from 'react-native';\n\n// Disabling no-jsx-lambda so functional components are more convenient to use\n\nconst AutoFocusingTextInputTest: React.FC<{}> = () => {\n  return (\n    <View>\n      <Text>This TextInput auto focuses</Text>\n      <TextInput\n        autoFocus\n        maxLength={140}\n        multiline\n        style={styles.input}\n      />\n    </View>\n  );\n};\n\nconst PlaceholderTextInputTest: React.FC<{}> = () => {\n  return (\n    <View>\n      <Text>This TextInput demonstrates placeholders</Text>\n      <TextInput\n        maxLength={140}\n        multiline\n        placeholder=\"I am a blue placeholder, type in me for something magical\"\n        placeholderTextColor=\"blue\"\n        style={styles.green}\n      />\n    </View>\n  );\n};\n\nconst ControllingTextInputTest: React.FC<{}> = () => {\n  const [value, setValue] = React.useState('');\n\n  return (\n    <View>\n      <Text>This TextInput inserts spaces between characters</Text>\n      <TextInput\n        multiline\n        onChangeText={(text) => setValue(text.endsWith(' ') ? value : (text + ' '))}\n        style={styles.blue}\n        value={value}\n      />\n    </View>\n  );\n};\n\nconst BlurringAndFocusingTextInputTest: React.FC<{}> = () => {\n  const [isFocused, setIsFocused] = React.useState(false);\n  return (\n    <View>\n      <Text>This TextInput is currently focused: + {isFocused ? 'true' : 'false'}</Text>\n      <TextInput\n        multiline\n        onBlur={() => setIsFocused(false)}\n        onFocus={() => setIsFocused(true)}\n        style={styles.input}\n      />\n    </View>\n  );\n};\n\nconst LayoutListeningTextInputTest: React.FC<{}> = () => {\n  const [eventCounter, setEventCounter] = React.useState(0);\n\n  return (\n    <View>\n      <Text>The number of onContentSizeChanges is listed here + {eventCounter}</Text>\n      <TextInput\n        multiline\n        onContentSizeChange={() => setEventCounter(eventCounter + 1)}\n        style={styles.input}\n      />\n    </View>\n  );\n};\n\nconst KeyPressListeningTextInputTest: React.FC<{}> = () => {\n  const [value, setValue] = React.useState('');\n\n  return (\n    <View>\n      <Text>This TextInput uses onKeyPress to maintain state: it is slow</Text>\n      <TextInput\n        multiline\n        onKeyPress={(e) => setValue(value + e.nativeEvent.key)}\n        style={styles.input}\n        value={value}\n      />\n    </View>\n  );\n};\n\nconst StyleTextInputTest: React.FC<{}> = () => {\n  return (\n    <View>\n      <Text>This TextInput is styled differently</Text>\n      <TextInput\n        multiline\n        style={styles.superInput}\n      />\n    </View>\n  );\n};\n\nexport const title = 'TextInput';\nexport const displayName = 'TextInput';\nexport const description = 'TextInput Examples and Tests';\nexport const examples = [\n    {\n      title: 'Autofocus Example',\n      description: 'autoFocus in action',\n      render(): JSX.Element {\n        return (<AutoFocusingTextInputTest />);\n      },\n    },\n    {\n      title: 'Placeholders Example',\n      description: 'placeholder in action',\n      render(): JSX.Element {\n        return (<PlaceholderTextInputTest />);\n      },\n    },\n    {\n      title: 'Controlled Example',\n      description: 'Controlling inputs in action',\n      render(): JSX.Element {\n        return (<ControllingTextInputTest />);\n      },\n    },\n    {\n      title: 'Focus and Blur Example',\n      description: 'onFocus/onBlur in action',\n      render(): JSX.Element {\n        return (<BlurringAndFocusingTextInputTest />);\n      },\n    },\n    {\n      title: 'ContentSizeChange Example',\n      description: 'onContentSizeChange in action',\n      render(): JSX.Element {\n        return (<LayoutListeningTextInputTest />);\n      },\n    },\n    {\n      title: 'Control via onKeyPress Example',\n      description: 'onKeyPress in action',\n      render(): JSX.Element {\n        return (<KeyPressListeningTextInputTest />);\n      },\n    },\n    {\n      title: 'Super Styling Example',\n      description: 'Styling in action',\n      render(): JSX.Element {\n        return (<StyleTextInputTest />);\n      },\n    },\n  ];\n\nconst styles = StyleSheet.create({\n  input: {\n    height: 20,\n  },\n  blue: {\n    color: 'blue',\n    height: 20,\n  },\n  green: {\n    color: 'green',\n    height: 20,\n  },\n  superInput: {\n    color: 'purple',\n    fontSize: 24,\n    fontStyle: 'italic',\n    fontWeight: 'bold',\n    fontFamily: 'times-new-roman',\n    height: 100,\n  },\n});\n"]}

package/Libraries/Components/TextInput/TextInput.d.ts

@@ -84,6 +84,9 @@ type DataDetectorTypes =
   | 'link'
   | 'address'
   | 'calendarEvent'
+  | 'trackingNumber'
+  | 'flightNumber'
+  | 'lookupSuggestion'
   | 'none'
   | 'all';
 
@@ -333,6 +336,14 @@ export interface TextInputAndroidProps {
    */
   cursorColor?: ColorValue | null | undefined;
 
+  /**
+   * When provided it will set the color of the selection handles when highlighting text.
+   * Unlike the behavior of `selectionColor` the handle color will be set independently
+   * from the color of the text selection box.
+   * @platform android
+   */
+  selectionHandleColor?: ColorValue | null | undefined;
+
   /**
    * Determines whether the individual fields in your app should be included in a
    * view structure for autofill purposes on Android API Level 26+. Defaults to auto.
@@ -738,6 +749,11 @@ export interface TextInputProps
     | ((e: NativeSyntheticEvent<TextInputEndEditingEventData>) => void)
     | undefined;
 
+  /**
+   * Called when a single tap gesture is detected.
+   */
+  onPress?: ((e: NativeSyntheticEvent<NativeTouchEvent>) => void) | undefined;
+
   /**
    * Callback that is called when a touch is engaged.
    */

package/Libraries/Components/TextInput/TextInput.flow.js

@@ -99,6 +99,9 @@ type DataDetectorTypesType =
   | 'link'
   | 'address'
   | 'calendarEvent'
+  | 'trackingNumber'
+  | 'flightNumber'
+  | 'lookupSuggestion'
   | 'none'
   | 'all';
 
@@ -329,6 +332,14 @@ type AndroidProps = $ReadOnly<{|
    */
   cursorColor?: ?ColorValue,
 
+  /**
+   * When provided it will set the color of the selection handles when highlighting text.
+   * Unlike the behavior of `selectionColor` the handle color will be set independently
+   * from the color of the text selection box.
+   * @platform android
+   */
+  selectionHandleColor?: ?ColorValue,
+
   /**
    * When `false`, if there is a small amount of space available around a text input
    * (e.g. landscape orientation on a phone), the OS may choose to have the user edit
@@ -766,6 +777,11 @@ export type Props = $ReadOnly<{|
    */
   unstable_onKeyPressSync?: ?(e: KeyPressEvent) => mixed,
 
+  /**
+   * Called when a single tap gesture is detected.
+   */
+  onPress?: ?(event: PressEvent) => mixed,
+
   /**
    * Called when a touch is engaged.
    */