@office-iss/react-native-win32 0.0.0-canary.30 → 0.0.0-canary.301

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

@@ -1,126 +1,128 @@
-'use strict';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.examples = exports.description = exports.displayName = exports.title = void 0;
-var React = require("react");
-var react_native_1 = require("react-native");
-// Disabling no-jsx-lambda so functional components are more convenient to use
-/*tslint:disable:next-line jsx-no-lambda*/
-var AutoFocusingTextInputTest = function () {
-    return (React.createElement(react_native_1.View, null,
-        React.createElement(react_native_1.Text, null, "This TextInput auto focuses"),
-        React.createElement(react_native_1.TextInput, { autoFocus: true, maxLength: 140, multiline: true, style: styles.input })));
-};
-var PlaceholderTextInputTest = function () {
-    return (React.createElement(react_native_1.View, null,
-        React.createElement(react_native_1.Text, null, "This TextInput demonstrates placeholders"),
-        React.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 })));
-};
-var ControllingTextInputTest = function () {
-    var _a = React.useState(''), value = _a[0], setValue = _a[1];
-    return (React.createElement(react_native_1.View, null,
-        React.createElement(react_native_1.Text, null, "This TextInput inserts spaces between characters"),
-        React.createElement(react_native_1.TextInput, { multiline: true, onChangeText: function (text) { return setValue(text.charAt(text.length - 1) === ' ' ? value : (text + ' ')); }, style: styles.blue, value: value })));
-};
-var BlurringAndFocusingTextInputTest = function () {
-    var _a = React.useState(false), isFocused = _a[0], setIsFocused = _a[1];
-    return (React.createElement(react_native_1.View, null,
-        React.createElement(react_native_1.Text, null,
-            "This TextInput is currently focused: + ",
-            isFocused ? 'true' : 'false'),
-        React.createElement(react_native_1.TextInput, { multiline: true, onBlur: function () { return setIsFocused(false); }, onFocus: function () { return setIsFocused(true); }, style: styles.input })));
-};
-var LayoutListeningTextInputTest = function () {
-    var _a = React.useState(0), eventCounter = _a[0], setEventCounter = _a[1];
-    return (React.createElement(react_native_1.View, null,
-        React.createElement(react_native_1.Text, null,
-            "The number of onContentSizeChanges is listed here + ",
-            eventCounter),
-        React.createElement(react_native_1.TextInput, { multiline: true, onContentSizeChange: function () { return setEventCounter(eventCounter + 1); }, style: styles.input })));
-};
-var KeyPressListeningTextInputTest = function () {
-    var _a = React.useState(''), value = _a[0], setValue = _a[1];
-    return (React.createElement(react_native_1.View, null,
-        React.createElement(react_native_1.Text, null, "This TextInput uses onKeyPress to maintain state: it is slow"),
-        React.createElement(react_native_1.TextInput, { multiline: true, onKeyPress: function (e) { return setValue(value + e.nativeEvent.key); }, style: styles.input, value: value })));
-};
-var StyleTextInputTest = function () {
-    return (React.createElement(react_native_1.View, null,
-        React.createElement(react_native_1.Text, null, "This TextInput is styled differently"),
-        React.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: function () {
-            return (React.createElement(AutoFocusingTextInputTest, null));
-        },
-    },
-    {
-        title: 'Placeholders Example',
-        description: 'placeholder in action',
-        render: function () {
-            return (React.createElement(PlaceholderTextInputTest, null));
-        },
-    },
-    {
-        title: 'Controlled Example',
-        description: 'Controlling inputs in action',
-        render: function () {
-            return (React.createElement(ControllingTextInputTest, null));
-        },
-    },
-    {
-        title: 'Focus and Blur Example',
-        description: 'onFocus/onBlur in action',
-        render: function () {
-            return (React.createElement(BlurringAndFocusingTextInputTest, null));
-        },
-    },
-    {
-        title: 'ContentSizeChange Example',
-        description: 'onContentSizeChange in action',
-        render: function () {
-            return (React.createElement(LayoutListeningTextInputTest, null));
-        },
-    },
-    {
-        title: 'Control via onKeyPress Example',
-        description: 'onKeyPress in action',
-        render: function () {
-            return (React.createElement(KeyPressListeningTextInputTest, null));
-        },
-    },
-    {
-        title: 'Super Styling Example',
-        description: 'Styling in action',
-        render: function () {
-            return (React.createElement(StyleTextInputTest, null));
-        },
-    },
-];
-var 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=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dElucHV0VGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9MaWJyYXJpZXMvQ29tcG9uZW50cy9UZXh0SW5wdXQvVGVzdHMvVGV4dElucHV0VGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWSxDQUFDOzs7QUFDYiw2QkFBK0I7QUFDL0IsNkNBQWlFO0FBRWpFLDhFQUE4RTtBQUM5RSwwQ0FBMEM7QUFFMUMsSUFBTSx5QkFBeUIsR0FBaUI7SUFDOUMsT0FBTyxDQUNMLG9CQUFDLG1CQUFJO1FBQ0gsb0JBQUMsbUJBQUksc0NBQW1DO1FBQ3hDLG9CQUFDLHdCQUFTLElBQ1IsU0FBUyxRQUNULFNBQVMsRUFBRSxHQUFHLEVBQ2QsU0FBUyxRQUNULEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxHQUNuQixDQUNHLENBQ1IsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLElBQU0sd0JBQXdCLEdBQWlCO0lBQzdDLE9BQU8sQ0FDTCxvQkFBQyxtQkFBSTtRQUNILG9CQUFDLG1CQUFJLG1EQUFnRDtRQUNyRCxvQkFBQyx3QkFBUyxJQUNSLFNBQVMsRUFBRSxHQUFHLEVBQ2QsU0FBUyxRQUNULFdBQVcsRUFBQywyREFBMkQsRUFDdkUsb0JBQW9CLEVBQUMsTUFBTSxFQUMzQixLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssR0FDbkIsQ0FDRyxDQUNSLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixJQUFNLHdCQUF3QixHQUFpQjtJQUN2QyxJQUFBLEtBQW9CLEtBQUssQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLEVBQXJDLEtBQUssUUFBQSxFQUFFLFFBQVEsUUFBc0IsQ0FBQztJQUU3QyxPQUFPLENBQ0wsb0JBQUMsbUJBQUk7UUFDSCxvQkFBQyxtQkFBSSwyREFBd0Q7UUFDN0Qsb0JBQUMsd0JBQVMsSUFDUixTQUFTLFFBQ1QsWUFBWSxFQUFFLFVBQUMsSUFBSSxJQUFLLE9BQUEsUUFBUSxDQUFDLElB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TSxFQUFFLEVBQUU7S0FDWDtJQUNELFVBQVUsRUFBRTtRQUNWLEtBQUssRUFBRSxRQUFRO1FBQ2YsUUFBUSxFQUFFLEVBQUU7UUFDWixTQUFTLEVBQUUsUUFBUTtRQUNuQixVQUFVLEVBQUUsTUFBTTtRQUNsQixVQUFVLEVBQUUsaUJBQWlCO1FBQzdCLE1BQU0sRUFBRSxHQUFHO0tBQ1o7Q0FDRixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIHN0cmljdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBTdHlsZVNoZWV0LCBUZXh0LCBUZXh0SW5wdXQsIFZpZXcgfSBmcm9tICdyZWFjdC1uYXRpdmUnO1xuXG4vLyBEaXNhYmxpbmcgbm8tanN4LWxhbWJkYSBzbyBmdW5jdGlvbmFsIGNvbXBvbmVudHMgYXJlIG1vcmUgY29udmVuaWVudCB0byB1c2Vcbi8qdHNsaW50OmRpc2FibGU6bmV4dC1saW5lIGpzeC1uby1sYW1iZGEqL1xuXG5jb25zdCBBdXRvRm9jdXNpbmdUZXh0SW5wdXRUZXN0OiBSZWFjdC5GQzx7fT4gPSAoKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFZpZXc+XG4gICAgICA8VGV4dD5UaGlzIFRleHRJbnB1dCBhdXRvIGZvY3VzZXM8L1RleHQ+XG4gICAgICA8VGV4dElucHV0XG4gICAgICAgIGF1dG9Gb2N1c1xuICAgICAgICBtYXhMZW5ndGg9ezE0MH1cbiAgICAgICAgbXVsdGlsaW5lXG4gICAgICAgIHN0eWxlPXtzdHlsZXMuaW5wdXR9XG4gICAgICAvPlxuICAgIDwvVmlldz5cbiAgKTtcbn07XG5cbmNvbnN0IFBsYWNlaG9sZGVyVGV4dElucHV0VGVzdDogUmVhY3QuRkM8e30+ID0gKCkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxWaWV3PlxuICAgICAgPFRleHQ+VGhpcyBUZXh0SW5wdXQgZGVtb25zdHJhdGVzIHBsYWNlaG9sZGVyczwvVGV4dD5cbiAgICAgIDxUZXh0SW5wdXRcbiAgICAgICAgbWF4TGVuZ3RoPXsxNDB9XG4gICAgICAgIG11bHRpbGluZVxuICAgICAgICBwbGFjZWhvbGRlcj1cIkkgYW0gYSBibHVlIHBsYWNlaG9sZGVyLCB0eXBlIGluIG1lIGZvciBzb21ldGhpbmcgbWFnaWNhbFwiXG4gICAgICAgIHBsYWNlaG9sZGVyVGV4dENvbG9yPVwiYmx1ZVwiXG4gICAgICAgIHN0eWxlPXtzdHlsZXMuZ3JlZW59XG4gICAgICAvPlxuICAgIDwvVmlldz5cbiAgKTtcbn07XG5cbmNvbnN0IENvbnRyb2xsaW5nVGV4dElucHV0VGVzdDogUmVhY3QuRkM8e30+ID0gKCkgPT4ge1xuICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IFJlYWN0LnVzZVN0YXRlKCcnKTtcblxuICByZXR1cm4gKFxuICAgIDxWaWV3PlxuICAgICAgPFRleHQ+VGhpcyBUZXh0SW5wdXQgaW5zZXJ0cyBzcGFjZXMgYmV0d2VlbiBjaGFyYWN0ZXJzPC9UZXh0PlxuICAgICAgPFRleHRJbnB1dFxuICAgICAgICBtdWx0aWxpbmVcbiAgICAgICAgb25DaGFuZ2VUZXh0PXsodGV4dCkgPT4gc2V0VmFsdWUodGV4dC5jaGFyQXQodGV4dC5sZW5ndGggLSAxKSA9PT0gJyAnID8gdmFsdWUgOiAodGV4dCArICcgJykpfVxuICAgICAgICBzdHlsZT17c3R5bGVzLmJsdWV9XG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgIC8+XG4gICAgPC9WaWV3PlxuICApO1xufTtcblxuY29uc3QgQmx1cnJpbmdBbmRGb2N1c2luZ1RleHRJbnB1dFRlc3Q6IFJlYWN0LkZDPHt9PiA9ICgpID0+IHtcbiAgY29uc3QgW2lzRm9jdXNlZCwgc2V0SXNGb2N1c2VkXSA9IFJlYWN0LnVzZVN0YXRlKGZhbHNlKTtcbiAgcmV0dXJuIChcbiAgICA8Vmlldz5cbiAgICAgIDxUZXh0PlRoaXMgVGV4dElucHV0IGlzIGN1cnJlbnRseSBmb2N1c2VkOiArIHtpc0ZvY3VzZWQgPyAndHJ1ZScgOiAnZmFsc2UnfTwvVGV4dD5cbiAgICAgIDxUZXh0SW5wdXRcbiAgICAgICAgbXVsdGlsaW5lXG4gICAgICAgIG9uQmx1cj17KCkgPT4gc2V0SXNGb2N1c2VkKGZhbHNlKX1cbiAgICAgICAgb25Gb2N1cz17KCkgPT4gc2V0SXNGb2N1c2VkKHRydWUpfVxuICAgICAgICBzdHlsZT17c3R5bGVzLmlucHV0fVxuICAgICAgLz5cbiAgICA8L1ZpZXc+XG4gICk7XG59O1xuXG5jb25zdCBMYXlvdXRMaXN0ZW5pbmdUZXh0SW5wdXRUZXN0OiBSZWFjdC5GQzx7fT4gPSAoKSA9PiB7XG4gIGNvbnN0IFtldmVudENvdW50ZXIsIHNldEV2ZW50Q291bnRlcl0gPSBSZWFjdC51c2VTdGF0ZSgwKTtcblxuICByZXR1cm4gKFxuICAgIDxWaWV3PlxuICAgICAgPFRleHQ+VGhlIG51bWJlciBvZiBvbkNvbnRlbnRTaXplQ2hhbmdlcyBpcyBsaXN0ZWQgaGVyZSArIHtldmVudENvdW50ZXJ9PC9UZXh0PlxuICAgICAgPFRleHRJbnB1dFxuICAgICAgICBtdWx0aWxpbmVcbiAgICAgICAgb25Db250ZW50U2l6ZUNoYW5nZT17KCkgPT4gc2V0RXZlbnRDb3VudGVyKGV2ZW50Q291bnRlciArIDEpfVxuICAgICAgICBzdHlsZT17c3R5bGVzLmlucHV0fVxuICAgICAgLz5cbiAgICA8L1ZpZXc+XG4gICk7XG59O1xuXG5jb25zdCBLZXlQcmVzc0xpc3RlbmluZ1RleHRJbnB1dFRlc3Q6IFJlYWN0LkZDPHt9PiA9ICgpID0+IHtcbiAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSBSZWFjdC51c2VTdGF0ZSgnJyk7XG5cbiAgcmV0dXJuIChcbiAgICA8Vmlldz5cbiAgICAgIDxUZXh0PlRoaXMgVGV4dElucHV0IHVzZXMgb25LZXlQcmVzcyB0byBtYWludGFpbiBzdGF0ZTogaXQgaXMgc2xvdzwvVGV4dD5cbiAgICAgIDxUZXh0SW5wdXRcbiAgICAgICAgbXVsdGlsaW5lXG4gICAgICAgIG9uS2V5UHJlc3M9eyhlKSA9PiBzZXRWYWx1ZSh2YWx1ZSArIGUubmF0aXZlRXZlbnQua2V5KX1cbiAgICAgICAgc3R5bGU9e3N0eWxlcy5pbnB1dH1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgLz5cbiAgICA8L1ZpZXc+XG4gICk7XG59O1xuXG5jb25zdCBTdHlsZVRleHRJbnB1dFRlc3Q6IFJlYWN0LkZDPHt9PiA9ICgpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Vmlldz5cbiAgICAgIDxUZXh0PlRoaXMgVGV4dElucHV0IGlzIHN0eWxlZCBkaWZmZXJlbnRseTwvVGV4dD5cbiAgICAgIDxUZXh0SW5wdXRcbiAgICAgICAgbXVsdGlsaW5lXG4gICAgICAgIHN0eWxlPXtzdHlsZXMuc3VwZXJJbnB1dH1cbiAgICAgIC8+XG4gICAgPC9WaWV3PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IHRpdGxlID0gJzxUZXh0SW5wdXQ+JztcbmV4cG9ydCBjb25zdCBkaXNwbGF5TmFtZSA9ICdUZXh0SW5wdXQnO1xuZXhwb3J0IGNvbnN0IGRlc2NyaXB0aW9uID0gJ1RleHRJbnB1dCBFeGFtcGxlcyBhbmQgVGVzdHMnO1xuZXhwb3J0IGNvbnN0IGV4YW1wbGVzID0gW1xuICAgIHtcbiAgICAgIHRpdGxlOiAnQXV0b2ZvY3VzIEV4YW1wbGUnLFxuICAgICAgZGVzY3JpcHRpb246ICdhdXRvRm9jdXMgaW4gYWN0aW9uJyxcbiAgICAgIHJlbmRlcigpOiBKU1guRWxlbWVudCB7XG4gICAgICAgIHJldHVybiAoPEF1dG9Gb2N1c2luZ1RleHRJbnB1dFRlc3QgLz4pO1xuICAgICAgfSxcbiAgICB9LFxuICAgIHtcbiAgICAgIHRpdGxlOiAnUGxhY2Vob2xkZXJzIEV4YW1wbGUnLFxuICAgICAgZGVzY3JpcHRpb246ICdwbGFjZWhvbGRlciBpbiBhY3Rpb24nLFxuICAgICAgcmVuZGVyKCk6IEpTWC5FbGVtZW50IHtcbiAgICAgICAgcmV0dXJuICg8UGxhY2Vob2xkZXJUZXh0SW5wdXRUZXN0IC8+KTtcbiAgICAgIH0sXG4gICAgfSxcbiAgICB7XG4gICAgICB0aXRsZTogJ0NvbnRyb2xsZWQgRXhhbXBsZScsXG4gICAgICBkZXNjcmlwdGlvbjogJ0NvbnRyb2xsaW5nIGlucHV0cyBpbiBhY3Rpb24nLFxuICAgICAgcmVuZGVyKCk6IEpTWC5FbGVtZW50IHtcbiAgICAgICAgcmV0dXJuICg8Q29udHJvbGxpbmdUZXh0SW5wdXRUZXN0IC8+KTtcbiAgICAgIH0sXG4gICAgfSxcbiAgICB7XG4gICAgICB0aXRsZTogJ0ZvY3VzIGFuZCBCbHVyIEV4YW1wbGUnLFxuICAgICAgZGVzY3JpcHRpb246ICdvbkZvY3VzL29uQmx1ciBpbiBhY3Rpb24nLFxuICAgICAgcmVuZGVyKCk6IEpTWC5FbGVtZW50IHtcbiAgICAgICAgcmV0dXJuICg8Qmx1cnJpbmdBbmRGb2N1c2luZ1RleHRJbnB1dFRlc3QgLz4pO1xuICAgICAgfSxcbiAgICB9LFxuICAgIHtcbiAgICAgIHRpdGxlOiAnQ29udGVudFNpemVDaGFuZ2UgRXhhbXBsZScsXG4gICAgICBkZXNjcmlwdGlvbjogJ29uQ29udGVudFNpemVDaGFuZ2UgaW4gYWN0aW9uJyxcbiAgICAgIHJlbmRlcigpOiBKU1guRWxlbWVudCB7XG4gICAgICAgIHJldHVybiAoPExheW91dExpc3RlbmluZ1RleHRJbnB1dFRlc3QgLz4pO1xuICAgICAgfSxcbiAgICB9LFxuICAgIHtcbiAgICAgIHRpdGxlOiAnQ29udHJvbCB2aWEgb25LZXlQcmVzcyBFeGFtcGxlJyxcbiAgICAgIGRlc2NyaXB0aW9uOiAnb25LZXlQcmVzcyBpbiBhY3Rpb24nLFxuICAgICAgcmVuZGVyKCk6IEpTWC5FbGVtZW50IHtcbiAgICAgICAgcmV0dXJuICg8S2V5UHJlc3NMaXN0ZW5pbmdUZXh0SW5wdXRUZXN0IC8+KTtcbiAgICAgIH0sXG4gICAgfSxcbiAgICB7XG4gICAgICB0aXRsZTogJ1N1cGVyIFN0eWxpbmcgRXhhbXBsZScsXG4gICAgICBkZXNjcmlwdGlvbjogJ1N0eWxpbmcgaW4gYWN0aW9uJyxcbiAgICAgIHJlbmRlcigpOiBKU1guRWxlbWVudCB7XG4gICAgICAgIHJldHVybiAoPFN0eWxlVGV4dElucHV0VGVzdCAvPik7XG4gICAgICB9LFxuICAgIH0sXG4gIF07XG5cbmNvbnN0IHN0eWxlcyA9IFN0eWxlU2hlZXQuY3JlYXRlKHtcbiAgaW5wdXQ6IHtcbiAgICBoZWlnaHQ6IDIwLFxuICB9LFxuICBibHVlOiB7XG4gICAgY29sb3I6ICdibHVlJyxcbiAgICBoZWlnaHQ6IDIwLFxuICB9LFxuICBncmVlbjoge1xuICAgIGNvbG9yOiAnZ3JlZW4nLFxuICAgIGhlaWdodDogMjAsXG4gIH0sXG4gIHN1cGVySW5wdXQ6IHtcbiAgICBjb2xvcjogJ3B1cnBsZScsXG4gICAgZm9udFNpemU6IDI0LFxuICAgIGZvbnRTdHlsZTogJ2l0YWxpYycsXG4gICAgZm9udFdlaWdodDogJ2JvbGQnLFxuICAgIGZvbnRGYW1pbHk6ICd0aW1lcy1uZXctcm9tYW4nLFxuICAgIGhlaWdodDogMTAwLFxuICB9LFxufSk7XG4iXX0=
+'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

@@ -0,0 +1 @@
+{"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() {\n        return (<AutoFocusingTextInputTest />);\n      },\n    },\n    {\n      title: 'Placeholders Example',\n      description: 'placeholder in action',\n      render() {\n        return (<PlaceholderTextInputTest />);\n      },\n    },\n    {\n      title: 'Controlled Example',\n      description: 'Controlling inputs in action',\n      render() {\n        return (<ControllingTextInputTest />);\n      },\n    },\n    {\n      title: 'Focus and Blur Example',\n      description: 'onFocus/onBlur in action',\n      render() {\n        return (<BlurringAndFocusingTextInputTest />);\n      },\n    },\n    {\n      title: 'ContentSizeChange Example',\n      description: 'onContentSizeChange in action',\n      render() {\n        return (<LayoutListeningTextInputTest />);\n      },\n    },\n    {\n      title: 'Control via onKeyPress Example',\n      description: 'onKeyPress in action',\n      render() {\n        return (<KeyPressListeningTextInputTest />);\n      },\n    },\n    {\n      title: 'Super Styling Example',\n      description: 'Styling in action',\n      render() {\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"]}