@office-iss/react-native-win32 0.71.2 → 0.71.4

package/Libraries/Components/TextInput/Win32TextInputNativeComponent.js

@@ -0,0 +1,23 @@
+/**
+ * @flow
+ * @format
+ */
+
+import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
+
+import requireNativeComponent from '../../ReactNative/requireNativeComponent';
+import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
+import type {TextInputNativeCommands} from './TextInputNativeCommands';
+type NativeType = HostComponent<mixed>;
+
+type NativeCommands = TextInputNativeCommands<NativeType>;
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['focus', 'blur', 'setTextAndSelection'],
+});
+
+const WindowsTextInputComponent: NativeType =
+  requireNativeComponent<mixed>('RCTTextInput');
+
+export default WindowsTextInputComponent;
+// [Windows]

package/Libraries/Components/Touchable/TouchableOpacity.js

@@ -301,9 +301,8 @@ class TouchableOpacity extends React.Component<Props, State> {
     this.state.pressability.configure(this._createPressabilityConfig());
     if (
       this.props.disabled !== prevProps.disabled ||
-      (flattenStyle(prevProps.style)?.opacity !==
-        flattenStyle(this.props.style)?.opacity) !==
-        undefined
+      flattenStyle(prevProps.style)?.opacity !==
+        flattenStyle(this.props.style)?.opacity
     ) {
       this._opacityInactive(250);
     }

package/Libraries/Components/Touchable/TouchableWithoutFeedback.d.ts

@@ -69,7 +69,7 @@ export interface TouchableWithoutFeedbackProps
    * the Z-index of sibling views always takes precedence if a touch hits
    * two overlapping views.
    */
-  hitSlop?: Insets | undefined;
+  hitSlop?: null | Insets | number | undefined;
 
   /**
    * Used to reference react managed views from native code.
@@ -121,7 +121,7 @@ export interface TouchableWithoutFeedbackProps
    * while the scroll view is disabled. Ensure you pass in a constant
    * to reduce memory allocations.
    */
-  pressRetentionOffset?: Insets | undefined;
+  pressRetentionOffset?: null | Insets | number | undefined;
 
   /**
    * Used to locate this view in end-to-end tests.

package/Libraries/Components/Touchable/TouchableWithoutFeedback.js

@@ -15,7 +15,7 @@ import type {
   AccessibilityState,
   AccessibilityValue,
 } from '../../Components/View/ViewAccessibility';
-import type {EdgeInsetsProp} from '../../StyleSheet/EdgeInsetsPropType';
+import type {EdgeInsetsOrSizeProp} from '../../StyleSheet/EdgeInsetsPropType';
 import type {
   BlurEvent,
   FocusEvent,
@@ -67,7 +67,7 @@ type Props = $ReadOnly<{|
   delayPressOut?: ?number,
   disabled?: ?boolean,
   focusable?: ?boolean,
-  hitSlop?: ?EdgeInsetsProp,
+  hitSlop?: ?EdgeInsetsOrSizeProp,
   id?: string,
   importantForAccessibility?: ?('auto' | 'yes' | 'no' | 'no-hide-descendants'),
   nativeID?: ?string,
@@ -79,7 +79,7 @@ type Props = $ReadOnly<{|
   onPress?: ?(event: PressEvent) => mixed,
   onPressIn?: ?(event: PressEvent) => mixed,
   onPressOut?: ?(event: PressEvent) => mixed,
-  pressRetentionOffset?: ?EdgeInsetsProp,
+  pressRetentionOffset?: ?EdgeInsetsOrSizeProp,
   rejectResponderTermination?: ?boolean,
   testID?: ?string,
   touchSoundDisabled?: ?boolean,

package/Libraries/Components/View/ViewAccessibility.d.ts

@@ -251,6 +251,12 @@ export interface AccessibilityPropsAndroid {
     | 'no'
     | 'no-hide-descendants'
     | undefined;
+
+  /**
+   * A reference to another element `nativeID` used to build complex forms. The value of `accessibilityLabelledBy` should match the `nativeID` of the related element.
+   * @platform android
+   */
+  accessibilityLabelledBy?: string | string[] | undefined;
 }
 
 export interface AccessibilityPropsIOS {
@@ -290,6 +296,13 @@ export interface AccessibilityPropsIOS {
    * @platform ios
    */
   accessibilityIgnoresInvertColors?: boolean | undefined;
+
+  /**
+   * By using the accessibilityLanguage property, the screen reader will understand which language to use while reading the element's label, value and hint. The provided string value must follow the BCP 47 specification (https://www.rfc-editor.org/info/bcp47).
+   * https://reactnative.dev/docs/accessibility#accessibilitylanguage-ios
+   * @platform ios
+   */
+  accessibilityLanguage?: string | undefined;
 }
 
 export type Role =

package/Libraries/Components/View/ViewWin32.d.ts

@@ -9,7 +9,7 @@
 
 import type * as React from 'react';
 import {Constructor} from 'react-native/types/private/Utilities';
-import {ViewProps} from './ViewPropTypes';
+import {ViewProps} from './ViewPropTypes.win32';
 import {NativeMethods} from 'react-native/types/public/ReactNativeTypes';
 
 /**

package/Libraries/Core/ReactNativeVersion.js

@@ -12,6 +12,6 @@
 exports.version = {
   major: 0,
   minor: 71,
-  patch: 0,
+  patch: 6,
   prerelease: null,
 };

package/Libraries/Lists/FlatList.d.ts

@@ -14,9 +14,9 @@ import type {
   VirtualizedListProps,
 } from './VirtualizedList';
 import type {ScrollViewComponent} from '../Components/ScrollView/ScrollView';
-import {StyleProp} from '../StyleSheet/StyleSheet';
-import {ViewStyle} from '../StyleSheet/StyleSheetTypes';
-import {View} from '../Components/View/View';
+import type {StyleProp} from '../StyleSheet/StyleSheet';
+import type {ViewStyle} from '../StyleSheet/StyleSheetTypes';
+import type {View} from '../Components/View/View';
 
 export interface FlatListProps<ItemT> extends VirtualizedListProps<ItemT> {
   /**
@@ -40,10 +40,10 @@ export interface FlatListProps<ItemT> extends VirtualizedListProps<ItemT> {
     | undefined;
 
   /**
-   * For simplicity, data is just a plain array. If you want to use something else,
-   * like an immutable list, use the underlying VirtualizedList directly.
+   * An array (or array-like list) of items to render. Other data types can be
+   * used by targetting VirtualizedList directly.
    */
-  data: ReadonlyArray<ItemT> | null | undefined;
+  data: ArrayLike<ItemT> | null | undefined;
 
   /**
    * A marker property for telling the list to re-render (since it implements PureComponent).

package/Libraries/Lists/FlatList.js

@@ -30,10 +30,10 @@ const React = require('react');
 
 type RequiredProps<ItemT> = {|
   /**
-   * For simplicity, data is just a plain array. If you want to use something else, like an
-   * immutable list, use the underlying `VirtualizedList` directly.
+   * An array (or array-like list) of items to render. Other data types can be
+   * used by targetting VirtualizedList directly.
    */
-  data: ?$ReadOnlyArray<ItemT>,
+  data: ?$ArrayLike<ItemT>,
 |};
 type OptionalProps<ItemT> = {|
   /**
@@ -163,6 +163,11 @@ function numColumnsOrDefault(numColumns: ?number) {
   return numColumns ?? 1;
 }
 
+function isArrayLike(data: mixed): boolean {
+  // $FlowExpectedError[incompatible-use]
+  return typeof Object(data).length === 'number';
+}
+
 type FlatListProps<ItemT> = {|
   ...RequiredProps<ItemT>,
   ...OptionalProps<ItemT>,
@@ -497,8 +502,10 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
     );
   }
 
-  // $FlowFixMe[missing-local-annot]
-  _getItem = (data: Array<ItemT>, index: number) => {
+  _getItem = (
+    data: $ArrayLike<ItemT>,
+    index: number,
+  ): ?(ItemT | $ReadOnlyArray<ItemT>) => {
     const numColumns = numColumnsOrDefault(this.props.numColumns);
     if (numColumns > 1) {
       const ret = [];
@@ -515,8 +522,14 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
     }
   };
 
-  _getItemCount = (data: ?Array<ItemT>): number => {
-    if (Array.isArray(data)) {
+  _getItemCount = (data: ?$ArrayLike<ItemT>): number => {
+    // Legacy behavior of FlatList was to forward "undefined" length if invalid
+    // data like a non-arraylike object is passed. VirtualizedList would then
+    // coerce this, and the math would work out to no-op. For compatibility, if
+    // invalid data is passed, we tell VirtualizedList there are zero items
+    // available to prevent it from trying to read from the invalid data
+    // (without propagating invalidly typed data).
+    if (data != null && isArrayLike(data)) {
       const numColumns = numColumnsOrDefault(this.props.numColumns);
       return numColumns > 1 ? Math.ceil(data.length / numColumns) : data.length;
     } else {

package/Libraries/Lists/VirtualizedList.js

@@ -860,16 +860,19 @@ export default class VirtualizedList extends StateSafePureComponent<
         <ListEmptyComponent />
       )): any);
       cells.push(
-        React.cloneElement(element, {
-          key: '$empty',
-          onLayout: event => {
-            this._onLayoutEmpty(event);
-            if (element.props.onLayout) {
-              element.props.onLayout(event);
-            }
-          },
-          style: StyleSheet.compose(inversionStyle, element.props.style),
-        }),
+        <VirtualizedListCellContextProvider
+          cellKey={this._getCellKey() + '-empty'}
+          key="$empty">
+          {React.cloneElement(element, {
+            onLayout: (event: LayoutEvent) => {
+              this._onLayoutEmpty(event);
+              if (element.props.onLayout) {
+                element.props.onLayout(event);
+              }
+            },
+            style: StyleSheet.compose(inversionStyle, element.props.style),
+          })}
+        </VirtualizedListCellContextProvider>,
       );
     }
 

package/Libraries/StyleSheet/processAspectRatio.js

@@ -12,10 +12,20 @@
 
 const invariant = require('invariant');
 
-function processAspectRatio(aspectRatio: number | string): ?number {
+function processAspectRatio(aspectRatio?: number | string): ?number {
   if (typeof aspectRatio === 'number') {
     return aspectRatio;
   }
+  if (typeof aspectRatio !== 'string') {
+    if (__DEV__) {
+      invariant(
+        !aspectRatio,
+        'aspectRatio must either be a number, a ratio string or `auto`. You passed: %s',
+        aspectRatio,
+      );
+    }
+    return;
+  }
 
   const matches = aspectRatio.split('/').map(s => s.trim());
 
@@ -34,7 +44,7 @@ function processAspectRatio(aspectRatio: number | string): ?number {
   if (__DEV__) {
     invariant(
       !hasNonNumericValues && (matches.length === 1 || matches.length === 2),
-      'aspectRatio must either be a number, a ratio or `auto`. You passed: %s',
+      'aspectRatio must either be a number, a ratio string or `auto`. You passed: %s',
       aspectRatio,
     );
   }

package/Libraries/TurboModule/TurboModuleRegistry.d.ts

@@ -9,7 +9,5 @@
 
 import {TurboModule} from './RCTExport';
 
-export const TurboModuleRegistry: {
-  get<T extends TurboModule>(name: string): T | null;
-  getEnforcing<T extends TurboModule>(name: string): T;
-};
+export function get<T extends TurboModule>(name: string): T | null;
+export function getEnforcing<T extends TurboModule>(name: string): T;

package/Libraries/platform-types.d.ts

@@ -6,6 +6,7 @@
 */
 
 export {ViewWin32} from './Components/View/ViewWin32';
+export {IViewWin32Props} from './Components/View/ViewPropTypes.win32';
 export {TextWin32TextStyle, ITextWin32Props } from './Components/Text/TextWin32.Props';
 export {TextWin32} from './Components/Text/TextWin32';
 export {IButtonWin32Props, IButtonWin32Style} from './Components/Button/ButtonWin32.Props';

package/overrides.json

@@ -7,7 +7,7 @@
     "**/__snapshots__/**",
     "src/rntypes/**"
   ],
-  "baseVersion": "0.71.0",
+  "baseVersion": "0.71.6",
   "overrides": [
     {
       "type": "derived",
@@ -113,15 +113,15 @@
       "type": "platform",
       "file": "src/Libraries/Components/TextInput/Tests/TextInputTest.tsx"
     },
-    {
-      "type": "platform",
-      "file": "src/Libraries/Components/TextInput/TextInput.Types.win32.ts"
-    },
     {
       "type": "derived",
       "file": "src/Libraries/Components/TextInput/TextInput.win32.js",
       "baseFile": "Libraries/Components/TextInput/TextInput.js",
-      "baseHash": "5de06cf785aabebe8a0bb7331389a5320d7f38c0"
+      "baseHash": "b59411676fb68eb715dc9b33991accf7f5ec4bbe"
+    },
+    {
+      "type": "platform",
+      "file": "src/Libraries/Components/TextInput/Win32TextInputNativeComponent.js"
     },
     {
       "type": "patch",
@@ -191,7 +191,7 @@
       "type": "derived",
       "file": "src/Libraries/Components/View/ViewAccessibility.win32.d.ts",
       "baseFile": "Libraries/Components/View/ViewAccessibility.d.ts",
-      "baseHash": "fb6095450277c96f033749633af10b42a184e07c"
+      "baseHash": "a9a7bfcff4be91484ad8bb17680c4ec225a28f0e"
     },
     {
       "type": "derived",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@office-iss/react-native-win32",
-  "version": "0.71.2",
+  "version": "0.71.4",
   "description": "Implementation of react native on top of Office's Win32 platform.",
   "license": "MIT",
   "main": "./index.win32.js",
@@ -12,9 +12,8 @@
     "flow-check": "flow check",
     "lint:fix": "rnw-scripts lint:fix",
     "lint": "rnw-scripts lint",
-    "run-win32-dev-web": "npx @office-iss/rex-win32@0.68.26-devmain.16206.10000 --bundle js/RNTesterApp --component RNTesterApp --basePath ./dist/win32/dev --jsEngine v8 --useDevMain --useWebDebugger",
-    "run-win32-devmain": "npx @office-iss/rex-win32@0.68.26-devmain.16206.10000 --bundle js/RNTesterApp --component RNTesterApp --basePath ./dist/win32/dev --jsEngine v8 --useDevMain",
-    "run-win32": "npx @office-iss/rex-win32@0.68.26-devmain.16206.10000 --bundle js/RNTesterApp --component RNTesterApp --basePath ./dist/win32/dev --jsEngine v8 --useWebDebugger",
+    "run-win32-devmain": "npx @office-iss/rex-win32@0.68.26-devmain.16206.10000 --bundle js/RNTesterApp --component RNTesterApp --basePath ./dist/win32/dev --jsEngine v8 --useDevMain --useDirectDebugger --useFastRefresh",
+    "run-win32": "npx @office-iss/rex-win32@0.68.26-devmain.16206.10000 --bundle js/RNTesterApp --component RNTesterApp --basePath ./dist/win32/dev --jsEngine v8 --useDirectDebugger --useFastRefresh",
     "start": "react-native start --projectRoot ../react-native-win32-tester",
     "test": "jest",
     "validate-overrides": "react-native-platform-override validate"
@@ -22,9 +21,9 @@
   "dependencies": {
     "@babel/runtime": "^7.0.0",
     "@jest/create-cache-key-function": "^29.2.1",
-    "@react-native-community/cli": "10.0.0",
-    "@react-native-community/cli-platform-android": "10.0.0",
-    "@react-native-community/cli-platform-ios": "10.0.0",
+    "@react-native-community/cli": "10.2.2",
+    "@react-native-community/cli-platform-android": "10.2.0",
+    "@react-native-community/cli-platform-ios": "10.2.1",
     "@react-native/assets": "1.0.0",
     "@react-native/normalize-color": "2.1.0",
     "@react-native/polyfills": "2.0.0",
@@ -36,19 +35,17 @@
     "event-target-shim": "^5.0.1",
     "invariant": "^2.2.4",
     "jest-environment-node": "^29.2.1",
-    "jsc-android": "^250230.2.1",
     "memoize-one": "^5.0.0",
-    "metro-react-native-babel-transformer": "0.73.5",
-    "metro-runtime": "0.73.5",
-    "metro-source-map": "0.73.5",
+    "metro-react-native-babel-transformer": "0.73.9",
+    "metro-runtime": "0.73.9",
+    "metro-source-map": "0.73.9",
     "mkdirp": "^0.5.1",
     "nullthrows": "^1.1.1",
     "pretty-format": "^26.5.2",
     "promise": "^8.3.0",
     "react-clone-referenced-element": "^1.0.1",
     "react-devtools-core": "^4.26.1",
-    "react-native-codegen": "^0.71.3",
-    "react-native-gradle-plugin": "^0.71.12",
+    "react-native-codegen": "^0.71.5",
     "react-refresh": "^0.4.0",
     "react-shallow-renderer": "^16.15.0",
     "regenerator-runtime": "^0.13.2",
@@ -59,7 +56,7 @@
     "ws": "^6.2.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.14.0",
+    "@babel/core": "^7.20.0",
     "@babel/eslint-parser": "^7.18.2",
     "@rnw-scripts/babel-react-native-config": "0.0.0",
     "@rnw-scripts/eslint-config": "1.1.14",
@@ -76,13 +73,13 @@
     "just-scripts": "^1.3.3",
     "prettier": "^2.4.1",
     "react": "18.2.0",
-    "react-native": "0.71.0",
+    "react-native": "0.71.6",
     "react-native-platform-override": "^1.8.3",
     "typescript": "^4.9.5"
   },
   "peerDependencies": {
     "react": "18.2.0",
-    "react-native": "0.71.0"
+    "react-native": "^0.71.0"
   },
   "beachball": {
     "defaultNpmTag": "latest",

package/src/Libraries/Components/View/ViewWin32.d.ts

@@ -9,7 +9,7 @@
 
 import type * as React from 'react';
 import {Constructor} from 'react-native/types/private/Utilities';
-import {ViewProps} from './ViewPropTypes';
+import {ViewProps} from './ViewPropTypes.win32';
 import {NativeMethods} from 'react-native/types/public/ReactNativeTypes';
 
 /**

package/src/Libraries/platform-types.d.ts

@@ -6,6 +6,7 @@
 */
 
 export {ViewWin32} from './Components/View/ViewWin32';
+export {IViewWin32Props} from './Components/View/ViewPropTypes.win32';
 export {TextWin32TextStyle, ITextWin32Props } from './Components/Text/TextWin32.Props';
 export {TextWin32} from './Components/Text/TextWin32';
 export {IButtonWin32Props, IButtonWin32Style} from './Components/Button/ButtonWin32.Props';

package/types/index.d.ts

@@ -139,7 +139,7 @@ export * from '../Libraries/StyleSheet/StyleSheetTypes';
 export * from '../Libraries/StyleSheet/processColor';
 export * from '../Libraries/Text/Text';
 export * from '../Libraries/TurboModule/RCTExport';
-export * from '../Libraries/TurboModule/TurboModuleRegistry';
+export * as TurboModuleRegistry from '../Libraries/TurboModule/TurboModuleRegistry';
 export * from '../Libraries/Types/CoreEventTypes';
 export * from '../Libraries/Utilities/Appearance';
 export * from '../Libraries/Utilities/BackHandler';

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

@@ -1,51 +0,0 @@
-import { NativeSyntheticEvent, TextInputFocusEventData } from 'react-native';
-interface IChangePayload {
-    eventCount: number;
-    target: number;
-    text: string;
-}
-export type IChangeEvent = NativeSyntheticEvent<Readonly<IChangePayload>>;
-interface IRange {
-    start: number;
-    end: number;
-}
-interface ITextInputPayload {
-    eventCount: number;
-    previousText: string;
-    range: Readonly<IRange>;
-    target: number;
-    text: number;
-}
-export type ITextInputevent = NativeSyntheticEvent<Readonly<ITextInputPayload>>;
-interface IContentSize {
-    width: number;
-    height: number;
-}
-interface IContentSizeChangePayload {
-    target: number;
-    contentSize: Readonly<IContentSize>;
-}
-export type IContentSizeChangeEvent = NativeSyntheticEvent<Readonly<IContentSizeChangePayload>>;
-export type IBlurEvent = NativeSyntheticEvent<Readonly<TextInputFocusEventData>>;
-export type IFocusEvent = NativeSyntheticEvent<Readonly<TextInputFocusEventData>>;
-export interface ISelection extends IRange {
-}
-interface ISelectionPayload {
-    selection: ISelection;
-    target: number;
-}
-export type ISelectionChangeEvent = NativeSyntheticEvent<Readonly<ISelectionPayload>>;
-interface IKeyPressPayload {
-    key: string;
-    target?: number;
-    eventCount?: number;
-}
-export type IKeyPressEvent = NativeSyntheticEvent<Readonly<IKeyPressPayload>>;
-interface IEditingPayload {
-    eventCount: number;
-    text: string;
-    target: number;
-}
-export type IEditingEvent = NativeSyntheticEvent<Readonly<IEditingPayload>>;
-export type IPasswordRules = string;
-export {};

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

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=TextInput.Types.win32.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TextInput.Types.win32.js","sourceRoot":"","sources":["../../../src/Libraries/Components/TextInput/TextInput.Types.win32.ts"],"names":[],"mappings":"","sourcesContent":["import { NativeSyntheticEvent, TextInputFocusEventData } from 'react-native';\n\n// TODO: How do we keep in sync with synthetic events\n\ninterface IChangePayload {\n  eventCount: number;\n  target: number;\n  text: string;\n}\nexport type IChangeEvent = NativeSyntheticEvent<Readonly<IChangePayload>>;\n\ninterface IRange {\n  start: number;\n  end: number;\n}\ninterface ITextInputPayload {\n  eventCount: number;\n  previousText: string;\n  range: Readonly<IRange>;\n  target: number;\n  text: number;\n}\nexport type ITextInputevent = NativeSyntheticEvent<Readonly<ITextInputPayload>>;\n\ninterface IContentSize {\n  width: number;\n  height: number;\n}\ninterface IContentSizeChangePayload {\n  target: number;\n  contentSize: Readonly<IContentSize>;\n}\nexport type IContentSizeChangeEvent = NativeSyntheticEvent<Readonly<IContentSizeChangePayload>>;\n\n// TODO: Why doesn't this guy work\n// interface ITargetPayload {\n//   target: number;\n// }\n\n// type ITargetEvent = NativeSyntheticEvent<Readonly<ITargetPayload>>;\n\nexport type IBlurEvent = NativeSyntheticEvent<Readonly<TextInputFocusEventData>>;\nexport type IFocusEvent = NativeSyntheticEvent<Readonly<TextInputFocusEventData>>;\n\nexport interface ISelection extends IRange { }\ninterface ISelectionPayload {\n  selection: ISelection;\n  target: number;\n}\nexport type ISelectionChangeEvent = NativeSyntheticEvent<Readonly<ISelectionPayload>>;\n\n// TODO: Why is this one diffferent?\ninterface IKeyPressPayload {\n  key: string;\n  target?: number;\n  eventCount?: number;\n}\nexport type IKeyPressEvent = NativeSyntheticEvent<Readonly<IKeyPressPayload>>;\n\ninterface IEditingPayload {\n  eventCount: number;\n  text: string;\n  target: number;\n}\nexport type IEditingEvent = NativeSyntheticEvent<Readonly<IEditingPayload>>;\n\n// TODO: Why do I need this one\nexport type IPasswordRules = string;\n"]}

package/src/Libraries/Components/TextInput/TextInput.Types.win32.ts

@@ -1,68 +0,0 @@
-import { NativeSyntheticEvent, TextInputFocusEventData } from 'react-native';
-
-// TODO: How do we keep in sync with synthetic events
-
-interface IChangePayload {
-  eventCount: number;
-  target: number;
-  text: string;
-}
-export type IChangeEvent = NativeSyntheticEvent<Readonly<IChangePayload>>;
-
-interface IRange {
-  start: number;
-  end: number;
-}
-interface ITextInputPayload {
-  eventCount: number;
-  previousText: string;
-  range: Readonly<IRange>;
-  target: number;
-  text: number;
-}
-export type ITextInputevent = NativeSyntheticEvent<Readonly<ITextInputPayload>>;
-
-interface IContentSize {
-  width: number;
-  height: number;
-}
-interface IContentSizeChangePayload {
-  target: number;
-  contentSize: Readonly<IContentSize>;
-}
-export type IContentSizeChangeEvent = NativeSyntheticEvent<Readonly<IContentSizeChangePayload>>;
-
-// TODO: Why doesn't this guy work
-// interface ITargetPayload {
-//   target: number;
-// }
-
-// type ITargetEvent = NativeSyntheticEvent<Readonly<ITargetPayload>>;
-
-export type IBlurEvent = NativeSyntheticEvent<Readonly<TextInputFocusEventData>>;
-export type IFocusEvent = NativeSyntheticEvent<Readonly<TextInputFocusEventData>>;
-
-export interface ISelection extends IRange { }
-interface ISelectionPayload {
-  selection: ISelection;
-  target: number;
-}
-export type ISelectionChangeEvent = NativeSyntheticEvent<Readonly<ISelectionPayload>>;
-
-// TODO: Why is this one diffferent?
-interface IKeyPressPayload {
-  key: string;
-  target?: number;
-  eventCount?: number;
-}
-export type IKeyPressEvent = NativeSyntheticEvent<Readonly<IKeyPressPayload>>;
-
-interface IEditingPayload {
-  eventCount: number;
-  text: string;
-  target: number;
-}
-export type IEditingEvent = NativeSyntheticEvent<Readonly<IEditingPayload>>;
-
-// TODO: Why do I need this one
-export type IPasswordRules = string;