@office-iss/react-native-win32 0.70.2 → 0.71.0-preview.1

package/Libraries/Components/TextInput/TextInput.js

@@ -8,30 +8,30 @@
  * @format
  */
 
-import * as React from 'react';
+import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
+import type {
+  PressEvent,
+  ScrollEvent,
+  SyntheticEvent,
+} from '../../Types/CoreEventTypes';
+import type {ViewProps} from '../View/ViewPropTypes';
+import type {TextInputType} from './TextInput.flow';
 
-import Platform from '../../Utilities/Platform';
+import usePressability from '../../Pressability/usePressability';
+import flattenStyle from '../../StyleSheet/flattenStyle';
 import StyleSheet, {
+  type ColorValue,
   type TextStyleProp,
   type ViewStyleProp,
-  type ColorValue,
 } from '../../StyleSheet/StyleSheet';
 import Text from '../../Text/Text';
 import TextAncestor from '../../Text/TextAncestor';
+import Platform from '../../Utilities/Platform';
+import setAndForwardRef from '../../Utilities/setAndForwardRef';
 import TextInputState from './TextInputState';
 import invariant from 'invariant';
 import nullthrows from 'nullthrows';
-import setAndForwardRef from '../../Utilities/setAndForwardRef';
-
-import usePressability from '../../Pressability/usePressability';
-
-import type {ViewProps} from '../View/ViewPropTypes';
-import type {
-  SyntheticEvent,
-  ScrollEvent,
-  PressEvent,
-} from '../../Types/CoreEventTypes';
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
+import * as React from 'react';
 
 const {useLayoutEffect, useRef, useState} = React;
 
@@ -155,6 +155,16 @@ export type KeyboardType =
   // Android-only
   | 'visible-password';
 
+export type InputMode =
+  | 'none'
+  | 'text'
+  | 'decimal'
+  | 'numeric'
+  | 'tel'
+  | 'search'
+  | 'email'
+  | 'url';
+
 export type ReturnKeyType =
   // Cross Platform
   | 'done'
@@ -173,6 +183,8 @@ export type ReturnKeyType =
   | 'route'
   | 'yahoo';
 
+export type SubmitBehavior = 'submit' | 'blurAndSubmit' | 'newline';
+
 export type AutoCapitalize = 'none' | 'sentences' | 'words' | 'characters';
 
 export type TextContentType =
@@ -205,9 +217,48 @@ export type TextContentType =
   | 'newPassword'
   | 'oneTimeCode';
 
+export type enterKeyHintType =
+  | 'enter'
+  | 'done'
+  | 'go'
+  | 'next'
+  | 'previous'
+  | 'search'
+  | 'send';
+
 type PasswordRules = string;
 
 type IOSProps = $ReadOnly<{|
+  /**
+   * Give the keyboard and the system information about the
+   * expected semantic meaning for the content that users enter.
+   * @platform ios
+   */
+  autoComplete?: ?(
+    | 'address-line1'
+    | 'address-line2'
+    | 'cc-number'
+    | 'current-password'
+    | 'country'
+    | 'email'
+    | 'name'
+    | 'additional-name'
+    | 'family-name'
+    | 'given-name'
+    | 'nickname'
+    | 'honorific-prefix'
+    | 'honorific-suffix'
+    | 'new-password'
+    | 'off'
+    | 'one-time-code'
+    | 'organization'
+    | 'organization-title'
+    | 'postal-code'
+    | 'street-address'
+    | 'tel'
+    | 'url'
+    | 'username'
+  ),
   /**
    * When the clear button should appear on the right side of the text view.
    * This property is supported only for single-line TextInput component.
@@ -301,6 +352,12 @@ type IOSProps = $ReadOnly<{|
    * @platform ios
    */
   textContentType?: ?TextContentType,
+
+  /**
+   * Set line break strategy on iOS.
+   * @platform ios
+   */
+  lineBreakStrategyIOS?: ?('none' | 'standard' | 'hangul-word' | 'push-out'),
 |}>;
 
 type AndroidProps = $ReadOnly<{|
@@ -390,6 +447,23 @@ type AndroidProps = $ReadOnly<{|
     | 'username'
     | 'username-new'
     | 'off'
+    // additional HTML autocomplete values
+    | 'address-line1'
+    | 'address-line2'
+    | 'bday'
+    | 'bday-day'
+    | 'bday-month'
+    | 'bday-year'
+    | 'country'
+    | 'current-password'
+    | 'honorific-prefix'
+    | 'honorific-suffix'
+    | 'additional-name'
+    | 'family-name'
+    | 'given-name'
+    | 'new-password'
+    | 'one-time-code'
+    | 'sex'
   ),
 
   /**
@@ -450,6 +524,13 @@ type AndroidProps = $ReadOnly<{|
    */
   returnKeyLabel?: ?string,
 
+  /**
+   * Sets the number of rows for a `TextInput`. Use it with multiline set to
+   * `true` to be able to fill the lines.
+   * @platform android
+   */
+  rows?: ?number,
+
   /**
    * When `false`, it will prevent the soft keyboard from showing when the field is focused.
    * Defaults to `true`.
@@ -502,15 +583,6 @@ export type Props = $ReadOnly<{|
    */
   allowFontScaling?: ?boolean,
 
-  /**
-   * If `true`, the text field will blur when submitted.
-   * The default value is true for single-line fields and false for
-   * multiline fields. Note that for multiline fields, setting `blurOnSubmit`
-   * to `true` means that pressing return will blur the field and trigger the
-   * `onSubmitEditing` event instead of inserting a newline into the field.
-   */
-  blurOnSubmit?: ?boolean,
-
   /**
    * If `true`, caret is hidden. The default value is `false`.
    *
@@ -543,6 +615,38 @@ export type Props = $ReadOnly<{|
     React.ElementRef<HostComponent<mixed>> & ImperativeMethods,
   >,
 
+  /**
+   * `enterKeyHint` defines what action label (or icon) to present for the enter key on virtual keyboards.
+   *
+   * The following values is supported:
+   *
+   * - `enter`
+   * - `done`
+   * - `go`
+   * - `next`
+   * - `previous`
+   * - `search`
+   * - `send`
+   */
+  enterKeyHint?: ?enterKeyHintType,
+
+  /**
+   * `inputMode` works like the `inputmode` attribute in HTML, it determines which
+   * keyboard to open, e.g.`numeric` and has precedence over keyboardType
+   *
+   * Support the following values:
+   *
+   * - `none`
+   * - `text`
+   * - `decimal`
+   * - `numeric`
+   * - `tel`
+   * - `search`
+   * - `email`
+   * - `url`
+   */
+  inputMode?: ?InputMode,
+
   /**
    * Determines which keyboard to open, e.g.`numeric`.
    *
@@ -716,6 +820,13 @@ export type Props = $ReadOnly<{|
    */
   placeholderTextColor?: ?ColorValue,
 
+  /** `readOnly` works like the `readonly` attribute in HTML.
+   *  If `true`, text is not editable. The default value is `false`.
+   *  See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly
+   *  for more details.
+   */
+  readOnly?: ?boolean,
+
   /**
    * Determines how the return key should look. On Android you can also use
    * `returnKeyLabel`.
@@ -775,6 +886,40 @@ export type Props = $ReadOnly<{|
    */
   selectTextOnFocus?: ?boolean,
 
+  /**
+   * If `true`, the text field will blur when submitted.
+   * The default value is true for single-line fields and false for
+   * multiline fields. Note that for multiline fields, setting `blurOnSubmit`
+   * to `true` means that pressing return will blur the field and trigger the
+   * `onSubmitEditing` event instead of inserting a newline into the field.
+   *
+   * @deprecated
+   * Note that `submitBehavior` now takes the place of `blurOnSubmit` and will
+   * override any behavior defined by `blurOnSubmit`.
+   * @see submitBehavior
+   */
+  blurOnSubmit?: ?boolean,
+
+  /**
+   * When the return key is pressed,
+   *
+   * For single line inputs:
+   *
+   * - `'newline`' defaults to `'blurAndSubmit'`
+   * - `undefined` defaults to `'blurAndSubmit'`
+   *
+   * For multiline inputs:
+   *
+   * - `'newline'` adds a newline
+   * - `undefined` defaults to `'newline'`
+   *
+   * For both single line and multiline inputs:
+   *
+   * - `'submit'` will only send a submit event and not blur the input
+   * - `'blurAndSubmit`' will both blur the input and send a submit event
+   */
+  submitBehavior?: ?SubmitBehavior,
+
   /**
    * Note that not all Text styles are supported, an incomplete list of what is not supported includes:
    *
@@ -976,8 +1121,6 @@ function InternalTextInput(props: Props): React.Node {
   const text =
     typeof props.value === 'string'
       ? props.value
-      : typeof lastNativeText === 'string'
-      ? lastNativeText
       : typeof props.defaultValue === 'string'
       ? props.defaultValue
       : '';
@@ -1187,9 +1330,31 @@ function InternalTextInput(props: Props): React.Node {
 
   let textInput = null;
 
-  // The default value for `blurOnSubmit` is true for single-line fields and
-  // false for multi-line fields.
-  const blurOnSubmit = props.blurOnSubmit ?? !props.multiline;
+  const multiline = props.multiline ?? false;
+
+  let submitBehavior: SubmitBehavior;
+  if (props.submitBehavior != null) {
+    // `submitBehavior` is set explicitly
+    if (!multiline && props.submitBehavior === 'newline') {
+      // For single line text inputs, `'newline'` is not a valid option
+      submitBehavior = 'blurAndSubmit';
+    } else {
+      submitBehavior = props.submitBehavior;
+    }
+  } else if (multiline) {
+    if (props.blurOnSubmit === true) {
+      submitBehavior = 'blurAndSubmit';
+    } else {
+      submitBehavior = 'newline';
+    }
+  } else {
+    // Single line
+    if (props.blurOnSubmit !== false) {
+      submitBehavior = 'blurAndSubmit';
+    } else {
+      submitBehavior = 'submit';
+    }
+  }
 
   const accessible = props.accessible !== false;
   const focusable = props.focusable !== false;
@@ -1227,6 +1392,14 @@ function InternalTextInput(props: Props): React.Node {
   // so omitting onBlur and onFocus pressability handlers here.
   const {onBlur, onFocus, ...eventHandlers} = usePressability(config) || {};
 
+  const _accessibilityState = {
+    busy: props['aria-busy'] ?? props.accessibilityState?.busy,
+    checked: props['aria-checked'] ?? props.accessibilityState?.checked,
+    disabled: props['aria-disabled'] ?? props.accessibilityState?.disabled,
+    expanded: props['aria-expanded'] ?? props.accessibilityState?.expanded,
+    selected: props['aria-selected'] ?? props.accessibilityState?.selected,
+  };
+
   if (Platform.OS === 'ios') {
     const RCTTextInputView =
       props.multiline === true
@@ -1248,7 +1421,8 @@ function InternalTextInput(props: Props): React.Node {
         {...props}
         {...eventHandlers}
         accessible={accessible}
-        blurOnSubmit={blurOnSubmit}
+        accessibilityState={_accessibilityState}
+        submitBehavior={submitBehavior}
         caretHidden={caretHidden}
         dataDetectorTypes={props.dataDetectorTypes}
         focusable={focusable}
@@ -1270,6 +1444,8 @@ function InternalTextInput(props: Props): React.Node {
   } else if (Platform.OS === 'android') {
     const style = [props.style];
     const autoCapitalize = props.autoCapitalize || 'sentences';
+    const _accessibilityLabelledBy =
+      props?.['aria-labelledby'] ?? props?.accessibilityLabelledBy;
     const placeholder = props.placeholder ?? '';
     let children = props.children;
     const childCount = React.Children.count(children);
@@ -1295,13 +1471,16 @@ function InternalTextInput(props: Props): React.Node {
         {...props}
         {...eventHandlers}
         accessible={accessible}
+        accessibilityState={_accessibilityState}
+        accessibilityLabelledBy={_accessibilityLabelledBy}
         autoCapitalize={autoCapitalize}
-        blurOnSubmit={blurOnSubmit}
+        submitBehavior={submitBehavior}
         caretHidden={caretHidden}
         children={children}
         disableFullscreenUI={props.disableFullscreenUI}
         focusable={focusable}
         mostRecentEventCount={mostRecentEventCount}
+        numberOfLines={props.rows ?? props.numberOfLines}
         onBlur={_onBlur}
         onChange={_onChange}
         onFocus={_onFocus}
@@ -1326,6 +1505,88 @@ function InternalTextInput(props: Props): React.Node {
   );
 }
 
+const enterKeyHintToReturnTypeMap = {
+  enter: 'default',
+  done: 'done',
+  go: 'go',
+  next: 'next',
+  previous: 'previous',
+  search: 'search',
+  send: 'send',
+};
+
+const inputModeToKeyboardTypeMap = {
+  none: 'default',
+  text: 'default',
+  decimal: 'decimal-pad',
+  numeric: 'number-pad',
+  tel: 'phone-pad',
+  search: Platform.OS === 'ios' ? 'web-search' : 'default',
+  email: 'email-address',
+  url: 'url',
+};
+
+// Map HTML autocomplete values to Android autoComplete values
+const autoCompleteWebToAutoCompleteAndroidMap = {
+  'address-line1': 'postal-address-region',
+  'address-line2': 'postal-address-locality',
+  bday: 'birthdate-full',
+  'bday-day': 'birthdate-day',
+  'bday-month': 'birthdate-month',
+  'bday-year': 'birthdate-year',
+  'cc-csc': 'cc-csc',
+  'cc-exp': 'cc-exp',
+  'cc-exp-month': 'cc-exp-month',
+  'cc-exp-year': 'cc-exp-year',
+  'cc-number': 'cc-number',
+  country: 'postal-address-country',
+  'current-password': 'password',
+  email: 'email',
+  'honorific-prefix': 'name-prefix',
+  'honorific-suffix': 'name-suffix',
+  name: 'name',
+  'additional-name': 'name-middle',
+  'family-name': 'name-family',
+  'given-name': 'name-given',
+  'new-password': 'password-new',
+  off: 'off',
+  'one-time-code': 'sms-otp',
+  'postal-code': 'postal-code',
+  sex: 'gender',
+  'street-address': 'street-address',
+  tel: 'tel',
+  'tel-country-code': 'tel-country-code',
+  'tel-national': 'tel-national',
+  username: 'username',
+};
+
+// Map HTML autocomplete values to iOS textContentType values
+const autoCompleteWebToTextContentTypeMap = {
+  'address-line1': 'streetAddressLine1',
+  'address-line2': 'streetAddressLine2',
+  'cc-number': 'creditCardNumber',
+  'current-password': 'password',
+  country: 'countryName',
+  email: 'emailAddress',
+  name: 'name',
+  'additional-name': 'middleName',
+  'family-name': 'familyName',
+  'given-name': 'givenName',
+  nickname: 'nickname',
+  'honorific-prefix': 'namePrefix',
+  'honorific-suffix': 'nameSuffix',
+  'new-password': 'newPassword',
+  off: 'none',
+  'one-time-code': 'oneTimeCode',
+  organization: 'organizationName',
+  'organization-title': 'jobTitle',
+  'postal-code': 'postalCode',
+  'street-address': 'fullStreetAddress',
+  tel: 'telephoneNumber',
+  url: 'URL',
+  username: 'username',
+};
+
 const ExportedForwardRef: React.AbstractComponent<
   React.ElementConfig<typeof InternalTextInput>,
   React.ElementRef<HostComponent<mixed>> & ImperativeMethods,
@@ -1334,23 +1595,68 @@ const ExportedForwardRef: React.AbstractComponent<
     allowFontScaling = true,
     rejectResponderTermination = true,
     underlineColorAndroid = 'transparent',
+    autoComplete,
+    textContentType,
+    readOnly,
+    editable,
+    enterKeyHint,
+    returnKeyType,
+    inputMode,
+    keyboardType,
     ...restProps
   },
   forwardedRef: ReactRefSetter<
     React.ElementRef<HostComponent<mixed>> & ImperativeMethods,
   >,
 ) {
+  const style = flattenStyle(restProps.style);
+
+  if (style?.verticalAlign != null) {
+    style.textAlignVertical =
+      verticalAlignToTextAlignVerticalMap[style.verticalAlign];
+  }
+
   return (
     <InternalTextInput
       allowFontScaling={allowFontScaling}
       rejectResponderTermination={rejectResponderTermination}
       underlineColorAndroid={underlineColorAndroid}
+      editable={readOnly !== undefined ? !readOnly : editable}
+      returnKeyType={
+        enterKeyHint ? enterKeyHintToReturnTypeMap[enterKeyHint] : returnKeyType
+      }
+      keyboardType={
+        inputMode ? inputModeToKeyboardTypeMap[inputMode] : keyboardType
+      }
+      autoComplete={
+        Platform.OS === 'android'
+          ? // $FlowFixMe
+            autoCompleteWebToAutoCompleteAndroidMap[autoComplete] ??
+            autoComplete
+          : undefined
+      }
+      textContentType={
+        Platform.OS === 'ios' &&
+        autoComplete &&
+        autoComplete in autoCompleteWebToTextContentTypeMap
+          ? // $FlowFixMe
+            autoCompleteWebToTextContentTypeMap[autoComplete]
+          : textContentType
+      }
       {...restProps}
       forwardedRef={forwardedRef}
+      style={style}
     />
   );
 });
 
+/**
+ * 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,
@@ -1378,12 +1684,12 @@ const styles = StyleSheet.create({
   },
 });
 
+const verticalAlignToTextAlignVerticalMap = {
+  auto: 'auto',
+  top: 'top',
+  bottom: 'bottom',
+  middle: 'center',
+};
+
 // $FlowFixMe[unclear-type] Unclear type. Using `any` type is not safe.
-module.exports = ((ExportedForwardRef: any): React.AbstractComponent<
-  React.ElementConfig<typeof InternalTextInput>,
-  $ReadOnly<{|
-    ...React.ElementRef<HostComponent<mixed>>,
-    ...ImperativeMethods,
-  |}>,
-> &
-  TextInputComponentStatics);
+module.exports = ((ExportedForwardRef: any): TextInputType);

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

@@ -17,8 +17,8 @@
  * 2. Additional work to manage selection
  * 3. Any base/default styling work
  */
-import React from 'react';
 import { TextInputProps } from 'react-native';
+import React from 'react';
 declare class TextInput extends React.Component<TextInputProps, {}> {
     private _rafID;
     private readonly _inputRef;

package/Libraries/Components/TextInput/TextInput.win32.js

@@ -24,8 +24,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
  * 2. Additional work to manage selection
  * 3. Any base/default styling work
  */
-const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
+const react_1 = __importDefault(require("react"));
 const TextAncestor = require('../../Text/TextAncestor');
 const TextInputState = require('./TextInputState');
 // RCTTextInput is the native component that win32 understands

package/Libraries/Components/TextInput/TextInput.win32.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.win32.js","sourceRoot":"","sources":["../../../src/Libraries/Components/TextInput/TextInput.win32.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,YAAY,CAAC;;;;AAEb;;;;;;;;;;;;;;;;;;GAkBG;AAEH,kDAAyB;AACzB,+CAMsB;AAOtB,MAAM,YAAY,GAAG,OAAO,CAAC,yBAAyB,CAAC,CAAC;AACxD,MAAM,cAAc,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;AAMnD,8DAA8D;AAC9D,MAAM,YAAY,GAAG,IAAA,qCAAsB,EAAoB,cAAc,CAAC,CAAC;AAE/E,8FAA8F;AAC9F,gFAAgF;AAChF,MAAM,oBAAoB,GAAQ,wBAAS,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAC;AAEjF,MAAM,SAAU,SAAQ,eAAK,CAAC,SAA6B;IAWzD,YAAY,KAAK;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QAHP,gBAAW,GAAG,CAAC,CAAC;QAuFxB;;WAEG;QACI,UAAK,GAAG,GAAS,EAAE;YACxB,cAAc,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;YACzC,wBAAS;gBACP,0BAA0B,CAAC,IAAA,6BAAc,EAAC,IAAI,CAAC,EAAE,oBAAoB,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAChG,CAAC,CAAA;QAED;;WAEG;QACI,SAAI,GAAG,GAAS,EAAE;YACvB,cAAc,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACnC,wBAAS;gBACP,0BAA0B,CAAC,IAAA,6BAAc,EAAC,IAAI,CAAC,EAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC/F,CAAC,CAAA;QAED;;WAEG;QACI,UAAK,GAAG,GAAS,EAAE;YACxB,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;QACzB,CAAC,CAAA;QAEgB,kBAAa,GAAG,GAAS,EAAE;YAC1C,wBAAS;gBACP,0BAA0B,CAAC,IAAA,6BAAc,EAAC,IAAI,CAAC,EAAE,oBAAoB,CAAC,QAAQ,CAAC,aAAa,EAC1F,CAAE,IAAI,CAAC,WAAW,CAAE,CAAC,CAAC;QAC5B,CAAC,CAAA;QAEgB,kBAAa,GAAG,CAAC,GAAW,EAAQ,EAAE;YACrD,IAAI,IAAI,CAAC,eAAe,KAAK,GAAG,EAAE;gBAChC,wBAAS;oBACP,0BAA0B,CAAC,IAAA,6BAAc,EAAC,IAAI,CAAC,EAAE,oBAAoB,CAAC,QAAQ,CAAC,aAAa,EAC1F,CAAE,GAAG,CAAE,CAAC,CAAC;aACd;QACH,CAAC,CAAA;QAEgB,aAAQ,GAAG,GAAkB,EAAE;YAC9C,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,CAAC;QAC/D,CAAC,CAAA;QAEgB,cAAS,GAAG,CAAC,CAAe,EAAQ,EAAE;YACrD,MAAM,IAAI,GAAG,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC;YAChC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC;YAC5C,IAAI,CAAC,aAAa,EAAE,CAAC;YAErB,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC9C,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YACzD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;YAE5B,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,OAAO;QACT,CAAC,CAAA;QAEgB,aAAQ,GAAG,CAAC,CAAc,EAAQ,EAAE;YACnD,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC9C,CAAC,CAAA;QAEgB,YAAO,GAAG,CAAC,CAAa,EAAQ,EAAE;YACjD,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAC5C,CAAC,CAAA;QAlJC,IAAI,CAAC,SAAS,GAAG,eAAK,CAAC,SAAS,EAAE,CAAC;IACrC,CAAC;IAED;;;OAGG;IACI,iBAAiB;QACtB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAExC,cAAc,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAEnC,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,IAAI,CAAC,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACjD;IACH,CAAC;IAED;;;;OAIG;IACI,kBAAkB;QACvB,IAAI,CAAC,IAAI,CAAC,eAAe,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE;YAC9C,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;SACxD;QAED,OAAO;IACT,CAAC;IAED;;;OAGG;IACI,oBAAoB;QACzB,OAAO;QACP,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;YACpB,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;QAED,aAAa;QACb,cAAc,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAErC,wBAAwB;QACxB,IAAI,IAAI,CAAC,MAAM,KAAK,IAAI,EAAE;YACxB,oBAAoB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SACnC;QACD,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,OAAO;SACR;QACD,OAAO;IACT,CAAC;IAEM,MAAM;QACX,MAAM,KAAK,GAAmB,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QAEhD,uCAAuC;QACvC,6CAA6C;QAC7C,KAAK,CAAC,gBAAgB,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,KAAK,IAAI;eACzD,IAAI,CAAC,KAAK,CAAC,gBAAgB,KAAK,SAAS,CAAC;YAC7C,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC;QAEvC,OAAO,CACL,8BAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAG,IAAI;YACjC,8BAAC,YAAY,OACN,KAAK,EACV,GAAG,EAAG,IAAI,CAAC,SAAS,EACpB,IAAI,EAAG,IAAI,CAAC,QAAQ,EAAE,EACtB,OAAO,EAAG,IAAI,CAAC,QAAQ,EACvB,MAAM,EAAG,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAG,IAAI,CAAC,SAAS,GACzB,CACoB,CACzB,CAAC;IACJ,CAAC;IAED;;OAEG;IACI,SAAS;QACd,OAAO,cAAc,CAAC,qBAAqB,EAAE,KAAK,IAAI,CAAC;IACzD,CAAC;CAkEF;AAED,iBAAS,SAAS,CAAC","sourcesContent":["/**\n * @providesModule TextInput\n */\n'use strict';\n\n/**\n * This is a forked and slightly modified version of React Native's TextInput.\n * The fork is necessary as platform checks in the base implementation made the\n * control unusable on win32. In addition to cleaning up some of the code, this\n * fork also uses Typescript rather than Flow for type safety.\n *\n * More general documentation on this control can be found at\n * https://facebook.github.io/react-native/docs/textinput.html\n *\n * The original implementation can be found at\n * https://github.com/facebook/react-native/blob/1013a010492a7bef5ff58073a088ac924a986e9e/Libraries/Components/TextInput/TextInput.js\n *\n * This control does not support the full React Native TextInput interface yet.\n * Most of the work necessary to make that happen needs to happen on the native side.\n * Future work on the JS side may include:\n * 1. Expanded typings for some of the events\n * 2. Additional work to manage selection\n * 3. Any base/default styling work\n */\n\nimport React from 'react'\nimport {\n  findNodeHandle,\n  requireNativeComponent,\n  TextInputProps,\n  NativeMethods,\n  UIManager\n} from 'react-native';\nimport {\n  IBlurEvent,\n  IChangeEvent,\n  IFocusEvent,\n} from './TextInput.Types.win32';\n\nconst TextAncestor = require('../../Text/TextAncestor');\nconst TextInputState = require('./TextInputState');\n\ntype RCTTextInputProps = TextInputProps & {\n  text: string;\n};\n\n// RCTTextInput is the native component that win32 understands\nconst RCTTextInput = requireNativeComponent<RCTTextInputProps>('RCTTextInput');\n\n// Adding typings on ViewManagers is problematic as available functionality is not known until\n// registration at runtime and would require native and js to always be in sync.\nconst TextInputViewManager: any = UIManager.getViewManagerConfig('RCTTextInput');\n\nclass TextInput extends React.Component<TextInputProps, {}> {\n  // TODO: Once the native side begins supporting programmatic selection\n  // this will become important for selection management\n  // private _lastNativeTextSelection: any;\n\n  private _rafID: number;\n\n  private readonly _inputRef: React.RefObject<React.Component<RCTTextInputProps> & Readonly<NativeMethods>>;\n  private _lastNativeText: string;\n  private _eventCount = 0;\n\n  constructor(props) {\n    super(props);\n    this._inputRef = React.createRef();\n  }\n\n  /**\n   * On mount TextInput needs to register itself with TextInputState\n   * and conditionally request an animation frame for focus.\n   */\n  public componentDidMount() {\n    this._lastNativeText = this.props.value;\n\n    TextInputState.registerInput(this);\n\n    if (this.props.autoFocus) {\n      this._rafID = requestAnimationFrame(this.focus);\n    }\n  }\n\n  /**\n   * This is an unfortunate consequence of having controlled TextInputs.\n   * Tree diffing reconciliation will not always send down text values\n   * This sets text explicitly.\n   */\n  public componentDidUpdate() {\n    if ((this._lastNativeText !== this._getText())) {\n      this._getText() && this.setNativeText(this._getText());\n    }\n\n    return;\n  }\n\n  /**\n   * Pre-unmoun the TextInput should blur, unregister and clean up\n   * the animation frame for focus (edge cases)\n   */\n  public componentWillUnmount() {\n    // blur\n    if (this.isFocused()) {\n      this.blur();\n    }\n\n    // unregister\n    TextInputState.unregisterInput(this);\n\n    // cancel animationFrame\n    if (this._rafID !== null) {\n      cancelAnimationFrame(this._rafID);\n    }\n    if (this._rafID) {\n      return;\n    }\n    return;\n  }\n\n  public render() {\n    const props: TextInputProps = { ...this.props };\n\n    // By default fontScaling is turned on.\n    // win32 ignores this prop for the time being\n    props.allowFontScaling = (this.props.allowFontScaling === null\n      || this.props.allowFontScaling === undefined)\n      ? true : this.props.allowFontScaling;\n\n    return (\n      <TextAncestor.Provider value={ true }>\n        <RCTTextInput\n          { ...props }\n          ref={ this._inputRef }\n          text={ this._getText() }\n          onFocus={ this._onFocus }\n          onBlur={ this._onBlur }\n          onChange={ this._onChange }\n        />\n      </TextAncestor.Provider>\n    );\n  }\n\n  /**\n   * Returns true if the TextInput is focused\n   */\n  public isFocused(): boolean {\n    return TextInputState.currentlyFocusedInput() === this;\n  }\n\n  /**\n   * Focuses the TextInput\n   */\n  public focus = (): void => {\n    TextInputState.setFocusedTextInput(this);\n    UIManager.\n      dispatchViewManagerCommand(findNodeHandle(this), TextInputViewManager.Commands.focus, null);\n  }\n\n  /**\n   * Blurs the TextInput\n   */\n  public blur = (): void => {\n    TextInputState.blurTextInput(this);\n    UIManager.\n      dispatchViewManagerCommand(findNodeHandle(this), TextInputViewManager.Commands.blur, null);\n  }\n\n  /**\n   * Use clear for programmatic clearing of the text\n   */\n  public clear = (): void => {\n    this.setNativeText('');\n  }\n\n  private readonly setEventCount = (): void => {\n    UIManager.\n      dispatchViewManagerCommand(findNodeHandle(this), TextInputViewManager.Commands.setEventCount,\n        [ this._eventCount ]);\n  }\n\n  private readonly setNativeText = (val: string): void => {\n    if (this._lastNativeText !== val) {\n      UIManager.\n        dispatchViewManagerCommand(findNodeHandle(this), TextInputViewManager.Commands.setNativeText,\n          [ val ]);\n    }\n  }\n\n  private readonly _getText = (): string | null => {\n    return this.props.value || (this.props.defaultValue || null);\n  }\n\n  private readonly _onChange = (e: IChangeEvent): void => {\n    const text = e.nativeEvent.text;\n    this._eventCount = e.nativeEvent.eventCount;\n    this.setEventCount();\n\n    this.props.onChange && this.props.onChange(e);\n    this.props.onChangeText && this.props.onChangeText(text);\n    this._lastNativeText = text;\n\n    this.forceUpdate();\n    return;\n  }\n\n  private readonly _onFocus = (e: IFocusEvent): void => {\n    this.focus();\n    this.props.onFocus && this.props.onFocus(e);\n  }\n\n  private readonly _onBlur = (e: IBlurEvent): void => {\n    this.props.onBlur && this.props.onBlur(e);\n  }\n}\n\nexport = TextInput;\n"]}
+{"version":3,"file":"TextInput.win32.js","sourceRoot":"","sources":["../../../src/Libraries/Components/TextInput/TextInput.win32.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * @providesModule TextInput\n */\n'use strict';\n\n/**\n * This is a forked and slightly modified version of React Native's TextInput.\n * The fork is necessary as platform checks in the base implementation made the\n * control unusable on win32. In addition to cleaning up some of the code, this\n * fork also uses Typescript rather than Flow for type safety.\n *\n * More general documentation on this control can be found at\n * https://facebook.github.io/react-native/docs/textinput.html\n *\n * The original implementation can be found at\n * https://github.com/facebook/react-native/blob/1013a010492a7bef5ff58073a088ac924a986e9e/Libraries/Components/TextInput/TextInput.js\n *\n * This control does not support the full React Native TextInput interface yet.\n * Most of the work necessary to make that happen needs to happen on the native side.\n * Future work on the JS side may include:\n * 1. Expanded typings for some of the events\n * 2. Additional work to manage selection\n * 3. Any base/default styling work\n */\n\n\nimport {\n  findNodeHandle,\n  requireNativeComponent,\n  TextInputProps,\n  NativeMethods,\n  UIManager\n} from 'react-native';\nimport {\n  IBlurEvent,\n  IChangeEvent,\n  IFocusEvent,\n} from './TextInput.Types.win32';\nimport React from 'react'\n\nconst TextAncestor = require('../../Text/TextAncestor');\nconst TextInputState = require('./TextInputState');\n\ntype RCTTextInputProps = TextInputProps & {\n  text: string;\n};\n\n// RCTTextInput is the native component that win32 understands\nconst RCTTextInput = requireNativeComponent<RCTTextInputProps>('RCTTextInput');\n\n// Adding typings on ViewManagers is problematic as available functionality is not known until\n// registration at runtime and would require native and js to always be in sync.\nconst TextInputViewManager: any = UIManager.getViewManagerConfig('RCTTextInput');\n\nclass TextInput extends React.Component<TextInputProps, {}> {\n  // TODO: Once the native side begins supporting programmatic selection\n  // this will become important for selection management\n  // private _lastNativeTextSelection: any;\n\n  private _rafID: number;\n\n  private readonly _inputRef: React.RefObject<React.Component<RCTTextInputProps> & Readonly<NativeMethods>>;\n  private _lastNativeText: string;\n  private _eventCount = 0;\n\n  constructor(props) {\n    super(props);\n    this._inputRef = React.createRef();\n  }\n\n  /**\n   * On mount TextInput needs to register itself with TextInputState\n   * and conditionally request an animation frame for focus.\n   */\n  public componentDidMount() {\n    this._lastNativeText = this.props.value;\n\n    TextInputState.registerInput(this);\n\n    if (this.props.autoFocus) {\n      this._rafID = requestAnimationFrame(this.focus);\n    }\n  }\n\n  /**\n   * This is an unfortunate consequence of having controlled TextInputs.\n   * Tree diffing reconciliation will not always send down text values\n   * This sets text explicitly.\n   */\n  public componentDidUpdate() {\n    if ((this._lastNativeText !== this._getText())) {\n      this._getText() && this.setNativeText(this._getText());\n    }\n\n    return;\n  }\n\n  /**\n   * Pre-unmoun the TextInput should blur, unregister and clean up\n   * the animation frame for focus (edge cases)\n   */\n  public componentWillUnmount() {\n    // blur\n    if (this.isFocused()) {\n      this.blur();\n    }\n\n    // unregister\n    TextInputState.unregisterInput(this);\n\n    // cancel animationFrame\n    if (this._rafID !== null) {\n      cancelAnimationFrame(this._rafID);\n    }\n    if (this._rafID) {\n      return;\n    }\n    return;\n  }\n\n  public render() {\n    const props: TextInputProps = { ...this.props };\n\n    // By default fontScaling is turned on.\n    // win32 ignores this prop for the time being\n    props.allowFontScaling = (this.props.allowFontScaling === null\n      || this.props.allowFontScaling === undefined)\n      ? true : this.props.allowFontScaling;\n\n    return (\n      <TextAncestor.Provider value={ true }>\n        <RCTTextInput\n          { ...props }\n          ref={ this._inputRef }\n          text={ this._getText() }\n          onFocus={ this._onFocus }\n          onBlur={ this._onBlur }\n          onChange={ this._onChange }\n        />\n      </TextAncestor.Provider>\n    );\n  }\n\n  /**\n   * Returns true if the TextInput is focused\n   */\n  public isFocused(): boolean {\n    return TextInputState.currentlyFocusedInput() === this;\n  }\n\n  /**\n   * Focuses the TextInput\n   */\n  public focus = (): void => {\n    TextInputState.setFocusedTextInput(this);\n    UIManager.\n      dispatchViewManagerCommand(findNodeHandle(this), TextInputViewManager.Commands.focus, null);\n  }\n\n  /**\n   * Blurs the TextInput\n   */\n  public blur = (): void => {\n    TextInputState.blurTextInput(this);\n    UIManager.\n      dispatchViewManagerCommand(findNodeHandle(this), TextInputViewManager.Commands.blur, null);\n  }\n\n  /**\n   * Use clear for programmatic clearing of the text\n   */\n  public clear = (): void => {\n    this.setNativeText('');\n  }\n\n  private readonly setEventCount = (): void => {\n    UIManager.\n      dispatchViewManagerCommand(findNodeHandle(this), TextInputViewManager.Commands.setEventCount,\n        [ this._eventCount ]);\n  }\n\n  private readonly setNativeText = (val: string): void => {\n    if (this._lastNativeText !== val) {\n      UIManager.\n        dispatchViewManagerCommand(findNodeHandle(this), TextInputViewManager.Commands.setNativeText,\n          [ val ]);\n    }\n  }\n\n  private readonly _getText = (): string | null => {\n    return this.props.value || (this.props.defaultValue || null);\n  }\n\n  private readonly _onChange = (e: IChangeEvent): void => {\n    const text = e.nativeEvent.text;\n    this._eventCount = e.nativeEvent.eventCount;\n    this.setEventCount();\n\n    this.props.onChange && this.props.onChange(e);\n    this.props.onChangeText && this.props.onChangeText(text);\n    this._lastNativeText = text;\n\n    this.forceUpdate();\n    return;\n  }\n\n  private readonly _onFocus = (e: IFocusEvent): void => {\n    this.focus();\n    this.props.onFocus && this.props.onFocus(e);\n  }\n\n  private readonly _onBlur = (e: IBlurEvent): void => {\n    this.props.onBlur && this.props.onBlur(e);\n  }\n}\n\nexport = TextInput;\n"]}

package/Libraries/Components/TextInput/TextInputNativeCommands.js

@@ -8,10 +8,10 @@
  * @format
  */
 
-import * as React from 'react';
-
 import type {Int32} from '../../Types/CodegenTypes';
 
+import * as React from 'react';
+
 export interface TextInputNativeCommands<T> {
   +focus: (viewRef: React.ElementRef<T>) => void;
   +blur: (viewRef: React.ElementRef<T>) => void;

package/Libraries/Components/TextInput/TextInputState.js

@@ -12,17 +12,34 @@
 // TextInputs. All calls relating to the keyboard should be funneled
 // through here.
 
-const React = require('react');
-const Platform = require('../../Utilities/Platform');
-const {findNodeHandle} = require('../../Renderer/shims/ReactNative');
+import type {
+  HostComponent,
+  MeasureInWindowOnSuccessCallback,
+  MeasureLayoutOnSuccessCallback,
+  MeasureOnSuccessCallback,
+} from '../../Renderer/shims/ReactNativeTypes';
+
 import {Commands as AndroidTextInputCommands} from '../../Components/TextInput/AndroidTextInputNativeComponent';
 import {Commands as iOSTextInputCommands} from '../../Components/TextInput/RCTSingelineTextInputNativeComponent';
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
+const {findNodeHandle} = require('../../ReactNative/RendererProxy');
+const Platform = require('../../Utilities/Platform');
+const React = require('react');
 type ComponentRef = React.ElementRef<HostComponent<mixed>>;
 
 let currentlyFocusedInputRef: ?ComponentRef = null;
-const inputs = new Set();
+const inputs = new Set<{
+  blur(): void,
+  focus(): void,
+  measure(callback: MeasureOnSuccessCallback): void,
+  measureInWindow(callback: MeasureInWindowOnSuccessCallback): void,
+  measureLayout(
+    relativeToNativeNode: number | React.ElementRef<HostComponent<mixed>>,
+    onSuccess: MeasureLayoutOnSuccessCallback,
+    onFail?: () => void,
+  ): void,
+  setNativeProps(nativeProps: {...}): void,
+}>();
 
 function currentlyFocusedInput(): ?ComponentRef {
   return currentlyFocusedInputRef;