@office-iss/react-native-win32 0.73.2 → 0.74.0-preview.2

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":"AAAA,YAAY,CAAC;;;;;;AACb,kDAAyB;AACzB,+CAAiE;AAEjE,8EAA8E;AAE9E,MAAM,yBAAyB,GAAiB,GAAG,EAAE;IACnD,OAAO,CACL,8BAAC,mBAAI;QACH,8BAAC,mBAAI,sCAAmC;QACxC,8BAAC,wBAAS,IACR,SAAS,QACT,SAAS,EAAE,GAAG,EACd,SAAS,QACT,KAAK,EAAE,MAAM,CAAC,KAAK,GACnB,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAiB,GAAG,EAAE;IAClD,OAAO,CACL,8BAAC,mBAAI;QACH,8BAAC,mBAAI,mDAAgD;QACrD,8BAAC,wBAAS,IACR,SAAS,EAAE,GAAG,EACd,SAAS,QACT,WAAW,EAAC,2DAA2D,EACvE,oBAAoB,EAAC,MAAM,EAC3B,KAAK,EAAE,MAAM,CAAC,KAAK,GACnB,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAiB,GAAG,EAAE;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7C,OAAO,CACL,8BAAC,mBAAI;QACH,8BAAC,mBAAI,2DAAwD;QAC7D,8BAAC,wBAAS,IACR,SAAS,QACT,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,EAC3E,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,KAAK,EAAE,KAAK,GACZ,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gCAAgC,GAAiB,GAAG,EAAE;IAC1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,OAAO,CACL,8BAAC,mBAAI;QACH,8BAAC,mBAAI;;YAAyC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAQ;QAClF,8BAAC,wBAAS,IACR,SAAS,QACT,MAAM,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACjC,KAAK,EAAE,MAAM,CAAC,KAAK,GACnB,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,4BAA4B,GAAiB,GAAG,EAAE;IACtD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE1D,OAAO,CACL,8BAAC,mBAAI;QACH,8BAAC,mBAAI;;YAAsD,YAAY,CAAQ;QAC/E,8BAAC,wBAAS,IACR,SAAS,QACT,mBAAmB,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,YAAY,GAAG,CAAC,CAAC,EAC5D,KAAK,EAAE,MAAM,CAAC,KAAK,GACnB,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,8BAA8B,GAAiB,GAAG,EAAE;IACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7C,OAAO,CACL,8BAAC,mBAAI;QACH,8BAAC,mBAAI,uEAAoE;QACzE,8BAAC,wBAAS,IACR,SAAS,QACT,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,EACtD,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,KAAK,GACZ,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAiB,GAAG,EAAE;IAC5C,OAAO,CACL,8BAAC,mBAAI;QACH,8BAAC,mBAAI,+CAA4C;QACjD,8BAAC,wBAAS,IACR,SAAS,QACT,KAAK,EAAE,MAAM,CAAC,UAAU,GACxB,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,KAAK,GAAG,WAAW,CAAC;AACpB,QAAA,WAAW,GAAG,WAAW,CAAC;AAC1B,QAAA,WAAW,GAAG,8BAA8B,CAAC;AAC7C,QAAA,QAAQ,GAAG;IACpB;QACE,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,qBAAqB;QAClC,MAAM;YACJ,OAAO,CAAC,8BAAC,yBAAyB,OAAG,CAAC,CAAC;QACzC,CAAC;KACF;IACD;QACE,KAAK,EAAE,sBAAsB;QAC7B,WAAW,EAAE,uBAAuB;QACpC,MAAM;YACJ,OAAO,CAAC,8BAAC,wBAAwB,OAAG,CAAC,CAAC;QACxC,CAAC;KACF;IACD;QACE,KAAK,EAAE,oBAAoB;QAC3B,WAAW,EAAE,8BAA8B;QAC3C,MAAM;YACJ,OAAO,CAAC,8BAAC,wBAAwB,OAAG,CAAC,CAAC;QACxC,CAAC;KACF;IACD;QACE,KAAK,EAAE,wBAAwB;QAC/B,WAAW,EAAE,0BAA0B;QACvC,MAAM;YACJ,OAAO,CAAC,8BAAC,gCAAgC,OAAG,CAAC,CAAC;QAChD,CAAC;KACF;IACD;QACE,KAAK,EAAE,2BAA2B;QAClC,WAAW,EAAE,+BAA+B;QAC5C,MAAM;YACJ,OAAO,CAAC,8BAAC,4BAA4B,OAAG,CAAC,CAAC;QAC5C,CAAC;KACF;IACD;QACE,KAAK,EAAE,gCAAgC;QACvC,WAAW,EAAE,sBAAsB;QACnC,MAAM;YACJ,OAAO,CAAC,8BAAC,8BAA8B,OAAG,CAAC,CAAC;QAC9C,CAAC;KACF;IACD;QACE,KAAK,EAAE,uBAAuB;QAC9B,WAAW,EAAE,mBAAmB;QAChC,MAAM;YACJ,OAAO,CAAC,8BAAC,kBAAkB,OAAG,CAAC,CAAC;QAClC,CAAC;KACF;CACF,CAAC;AAEJ,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,KAAK,EAAE;QACL,MAAM,EAAE,EAAE;KACX;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,EAAE;KACX;IACD,KAAK,EAAE;QACL,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,EAAE;KACX;IACD,UAAU,EAAE;QACV,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,iBAAiB;QAC7B,MAAM,EAAE,GAAG;KACZ;CACF,CAAC,CAAC","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.
    */

package/Libraries/Components/TextInput/TextInput.js

@@ -137,6 +137,9 @@ type DataDetectorTypesType =
   | 'link'
   | 'address'
   | 'calendarEvent'
+  | 'trackingNumber'
+  | 'flightNumber'
+  | 'lookupSuggestion'
   | 'none'
   | 'all';
 
@@ -808,6 +811,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.
    */
@@ -909,6 +917,12 @@ export type Props = $ReadOnly<{|
    */
   selectionColor?: ?ColorValue,
 
+  /**
+   * The text selection handle color.
+   * @platform android
+   */
+  selectionHandleColor?: ?ColorValue,
+
   /**
    * If `true`, all text will automatically be selected on focus.
    */
@@ -1035,8 +1049,8 @@ const emptyFunctionThatReturnsTrue = () => true;
  *     return (
  *       <TextInput
  *         {...this.props} // Inherit any props passed to it; e.g., multiline, numberOfLines below
- *         editable = {true}
- *         maxLength = {40}
+ *         editable={true}
+ *         maxLength={40}
  *       />
  *     );
  *   }
@@ -1060,8 +1074,8 @@ const emptyFunctionThatReturnsTrue = () => true;
  *        borderBottomWidth: 1 }}
  *      >
  *        <UselessTextInput
- *          multiline = {true}
- *          numberOfLines = {4}
+ *          multiline={true}
+ *          numberOfLines={4}
  *          onChangeText={(text) => this.setState({text})}
  *          value={this.state.text}
  *        />
@@ -1103,6 +1117,9 @@ function InternalTextInput(props: Props): React.Node {
     id,
     tabIndex,
     selection: propsSelection,
+    selectionColor,
+    selectionHandleColor,
+    cursorColor,
     ...otherProps
   } = props;
 
@@ -1270,10 +1287,7 @@ function InternalTextInput(props: Props): React.Node {
     [mostRecentEventCount, viewCommands],
   );
 
-  const ref = useMergeRefs<TextInputInstance | null>(
-    setLocalRef,
-    props.forwardedRef,
-  );
+  const ref = useMergeRefs<TextInputInstance>(setLocalRef, props.forwardedRef);
 
   const _onChange = (event: ChangeEvent) => {
     const currentText = event.nativeEvent.text;
@@ -1378,27 +1392,37 @@ function InternalTextInput(props: Props): React.Node {
   const accessible = props.accessible !== false;
   const focusable = props.focusable !== false;
 
+  const {
+    editable,
+    hitSlop,
+    onPress,
+    onPressIn,
+    onPressOut,
+    rejectResponderTermination,
+  } = props;
+
   const config = React.useMemo(
     () => ({
-      hitSlop: props.hitSlop,
+      hitSlop,
       onPress: (event: PressEvent) => {
-        if (props.editable !== false) {
+        onPress?.(event);
+        if (editable !== false) {
           if (inputRef.current != null) {
             inputRef.current.focus();
           }
         }
       },
-      onPressIn: props.onPressIn,
-      onPressOut: props.onPressOut,
-      cancelable:
-        Platform.OS === 'ios' ? !props.rejectResponderTermination : null,
+      onPressIn: onPressIn,
+      onPressOut: onPressOut,
+      cancelable: Platform.OS === 'ios' ? !rejectResponderTermination : null,
     }),
     [
-      props.editable,
-      props.hitSlop,
-      props.onPressIn,
-      props.onPressOut,
-      props.rejectResponderTermination,
+      editable,
+      hitSlop,
+      onPress,
+      onPressIn,
+      onPressOut,
+      rejectResponderTermination,
     ],
   );
 
@@ -1431,8 +1455,7 @@ function InternalTextInput(props: Props): React.Node {
     };
   }
 
-  // $FlowFixMe[underconstrained-implicit-instantiation]
-  let style = flattenStyle(props.style);
+  const style = flattenStyle<TextStyleProp>(props.style);
 
   if (Platform.OS === 'ios') {
     const RCTTextInputView =
@@ -1440,7 +1463,12 @@ function InternalTextInput(props: Props): React.Node {
         ? RCTMultilineTextInputView
         : RCTSinglelineTextInputView;
 
-    style = props.multiline === true ? [styles.multilineInput, style] : style;
+    const useMultilineDefaultStyle =
+      props.multiline === true &&
+      (style == null ||
+        (style.padding == null &&
+          style.paddingVertical == null &&
+          style.paddingTop == null));
 
     const useOnChangeSync =
       (props.unstable_onChangeSync || props.unstable_onChangeTextSync) &&
@@ -1470,7 +1498,10 @@ function InternalTextInput(props: Props): React.Node {
         onSelectionChange={_onSelectionChange}
         onSelectionChangeShouldSetResponder={emptyFunctionThatReturnsTrue}
         selection={selection}
-        style={style}
+        style={StyleSheet.compose(
+          useMultilineDefaultStyle ? styles.multilineDefault : null,
+          style,
+        )}
         text={text}
       />
     );
@@ -1488,7 +1519,15 @@ function InternalTextInput(props: Props): React.Node {
     if (childCount > 1) {
       children = <Text>{children}</Text>;
     }
-
+    // For consistency with iOS set cursor/selectionHandle color as selectionColor
+    const colorProps = {
+      selectionColor,
+      selectionHandleColor:
+        selectionHandleColor === undefined
+          ? selectionColor
+          : selectionHandleColor,
+      cursorColor: cursorColor === undefined ? selectionColor : cursorColor,
+    };
     textInput = (
       /* $FlowFixMe[prop-missing] the types for AndroidTextInput don't match up
        * exactly with the props for TextInput. This will need to get fixed */
@@ -1502,6 +1541,7 @@ function InternalTextInput(props: Props): React.Node {
         // $FlowFixMe[incompatible-type] - Figure out imperative + forward refs.
         ref={ref}
         {...otherProps}
+        {...colorProps}
         {...eventHandlers}
         accessibilityState={_accessibilityState}
         accessibilityLabelledBy={_accessibilityLabelledBy}
@@ -1712,13 +1752,6 @@ const ExportedForwardRef: React.AbstractComponent<
 
 ExportedForwardRef.displayName = 'TextInput';
 
-/**
- * Switch to `deprecated-react-native-prop-types` for compatibility with future
- * releases. This is deprecated and will be removed in the future.
- */
-ExportedForwardRef.propTypes =
-  require('deprecated-react-native-prop-types').TextInputPropTypes;
-
 // $FlowFixMe[prop-missing]
 ExportedForwardRef.State = {
   currentlyFocusedInput: TextInputState.currentlyFocusedInput,
@@ -1738,7 +1771,7 @@ export type TextInputComponentStatics = $ReadOnly<{|
 |}>;
 
 const styles = StyleSheet.create({
-  multilineInput: {
+  multilineDefault: {
     // This default top inset makes RCTMultilineTextInputView seem as close as possible
     // to single-line RCTSinglelineTextInputView defaults, using the system defaults
     // of font size 17 and a height of 31 points.