@office-iss/react-native-win32 0.72.0-preview.4 → 0.72.0-preview.6

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

@@ -8,12 +8,17 @@
  */
 
 import type * as React from 'react';
-import {Insets} from '../../../types/public/Insets';
-import {GestureResponderHandlers} from '../../../types/public/ReactNativeRenderer';
-import {StyleProp} from '../../StyleSheet/StyleSheet';
-import {ViewStyle} from '../../StyleSheet/StyleSheetTypes';
-import {LayoutChangeEvent, PointerEvents} from '../../Types/CoreEventTypes';
-import {Touchable} from '../Touchable/Touchable';
+import {Insets} from 'react-native/types/public/Insets';
+import {GestureResponderHandlers} from 'react-native/types/public/ReactNativeRenderer';
+import {StyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
+import {ViewStyle} from 'react-native/Libraries/StyleSheet/StyleSheetTypes';
+import {
+  LayoutChangeEvent,
+  MouseEvent, // Win32
+  NativeSyntheticEvent, // Win32
+  PointerEvents,
+} from 'react-native/Libraries/Types/CoreEventTypes';
+import {Touchable} from 'react-native/Libraries/Components/Touchable/Touchable';
 import {AccessibilityProps} from './ViewAccessibility';
 
 export type TVParallaxProperties = {
@@ -163,12 +168,139 @@ export interface ViewPropsAndroid {
   focusable?: boolean | undefined;
 }
 
+// [Win32
+
+export type Cursor =
+  | 'auto'
+  | 'default'
+  | 'pointer'
+  | 'help'
+  | 'not-allowed'
+  | 'wait'
+  | 'move'
+  | 'nesw-resize'
+  | 'ns-resize'
+  | 'nwse-resize'
+  | 'we-resize'
+  | 'text';
+
+export namespace EventPhase {
+  export const None = 0;
+  export const Capturing = 1;
+  export const AtTarget = 2;
+  export const Bubbling = 3;
+}
+
+export interface INativeKeyboardEvent {
+  altKey: boolean;
+  ctrlKey: boolean;
+  metaKey: boolean;
+  shiftKey: boolean;
+  key: string;
+}
+export type IKeyboardEvent = NativeSyntheticEvent<INativeKeyboardEvent>;
+
+// All of T becomes optional except for Keys
+type PartiallyRequired<T, Keys extends keyof T = keyof T> = Pick<
+  Partial<T>,
+  Exclude<keyof T, Keys>
+> &
+  Pick<T, Keys>;
+
+export type IHandledKeyboardEvent = PartiallyRequired<
+  INativeKeyboardEvent,
+  'key'
+> & {
+  eventPhase?:
+    | EventPhase.None
+    | EventPhase.Capturing
+    | EventPhase.AtTarget
+    | EventPhase.Bubbling;
+};
+// Win32]
+
+export interface ViewPropsWin32 {
+  onKeyDown?: (args: IKeyboardEvent) => void;
+  onKeyDownCapture?: (args: IKeyboardEvent) => void;
+  onKeyUp?: (args: IKeyboardEvent) => void;
+  onKeyUpCapture?: (args: IKeyboardEvent) => void;
+
+  keyDownEvents?: IHandledKeyboardEvent[];
+  keyUpEvents?: IHandledKeyboardEvent[];
+
+  onMouseLeave?: ?((event: MouseEvent) => void);
+  onMouseEnter?: ?((event: MouseEvent) => void);
+
+  /**
+   * Specifies the Tooltip for the view
+   * @platform windows
+   */
+  tooltip?: ?string;
+
+  /**
+   * Tab Index
+   * @platform windows
+   */
+  tabIndex?: ?number;
+
+  /**
+   * Specifies if the control should show System focus visuals
+   */
+  enableFocusRing?: ?boolean;
+
+  /**
+   * The onBlur event occurs when an element loses focus.  The opposite of onBlur is onFocus.  Note that in React
+   * Native, unlike in the web, the onBlur event bubbles (similar to onFocusOut in the web).
+   *
+   * `ev.target === ev.currentTarget` when the focus is being lost from this component.
+   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.
+   */
+  onBlur?: (ev: NativeSyntheticEvent<{}>) => void;
+  /**
+   * The onBlur event occurs when an element loses focus.  The opposite of onBlur is onFocus.  Note that in React
+   * Native, unlike in the web, the onBlur event bubbles (similar to onFocusOut in the web).
+   *
+   * `ev.target === ev.currentTarget` when the focus is being lost from this component.
+   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.
+   */
+  onBlurCapture?: (ev: NativeSyntheticEvent<{}>) => void;
+  /**
+   * The onFocus event occurs when an element gets focus. The opposite of onFocus is onBlur.  Note that in React
+   * Native, unlike in the web, the onFocus event bubbles (similar to onFocusIn in the web).
+   *
+   * `ev.target === ev.currentTarget` when the focus is being lost from this component.
+   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.
+   */
+  onFocus?: (ev: NativeSyntheticEvent<{}>) => void;
+  /**
+   * The onFocus event occurs when an element gets focus. The opposite of onFocus is onBlur.  Note that in React
+   * Native, unlike in the web, the onFocus event bubbles (similar to onFocusIn in the web).
+   *
+   * `ev.target === ev.currentTarget` when the focus is being lost from this component.
+   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.
+   */
+  onFocusCapture?: (ev: NativeSyntheticEvent<{}>) => void;
+
+  cursor?: Cursor;
+
+  /**
+   * Whether this `View` should be focusable with a non-touch input device, eg. receive focus with a hardware keyboard.
+   */
+  focusable?: boolean | undefined;
+
+  /**
+   * Specified an AirSpace animation class to apply to this view
+   */
+  animationClass?: string;
+}
+
 /**
  * @see https://reactnative.dev/docs/view#props
  */
 export interface ViewProps
   extends ViewPropsAndroid,
     ViewPropsIOS,
+    ViewPropsWin32,
     GestureResponderHandlers,
     Touchable,
     PointerEvents,
@@ -243,3 +375,11 @@ export interface ViewProps
    */
   nativeID?: string | undefined;
 }
+
+// For backwards compat.... // Win32
+export interface IViewWin32 {
+  focus: () => void;
+}
+
+// For backwards compat.... // Win32
+export type IViewWin32Props = ViewProps;

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.win32';
+import {ViewProps} from './ViewPropTypes';
 import {NativeMethods} from 'react-native/types/public/ReactNativeTypes';
 
 /**

package/Libraries/Core/ReactNativeVersion.js

@@ -13,5 +13,5 @@ exports.version = {
   major: 0,
   minor: 72,
   patch: 0,
-  prerelease: 'rc.3',
+  prerelease: null,
 };

package/Libraries/PermissionsAndroid/PermissionsAndroid.js

@@ -75,7 +75,6 @@ const PERMISSIONS = Object.freeze({
   ANSWER_PHONE_CALLS: 'android.permission.ANSWER_PHONE_CALLS',
   READ_PHONE_NUMBERS: 'android.permission.READ_PHONE_NUMBERS',
   UWB_RANGING: 'android.permission.UWB_RANGING',
-  POST_NOTIFICATION: 'android.permission.POST_NOTIFICATIONS', // Remove in 0.72
   POST_NOTIFICATIONS: 'android.permission.POST_NOTIFICATIONS',
   NEARBY_WIFI_DEVICES: 'android.permission.NEARBY_WIFI_DEVICES',
 });
@@ -107,7 +106,6 @@ class PermissionsAndroid {
     CAMERA: string,
     GET_ACCOUNTS: string,
     NEARBY_WIFI_DEVICES: string,
-    POST_NOTIFICATION: string, // Remove in 0.72
     POST_NOTIFICATIONS: string,
     PROCESS_OUTGOING_CALLS: string,
     READ_CALENDAR: string,

package/Libraries/StyleSheet/StyleSheetTypes.d.ts

@@ -18,7 +18,7 @@ type FlexAlignType =
   | 'stretch'
   | 'baseline';
 
-type DimensionValue =
+export type DimensionValue =
   | number
   | 'auto'
   | `${number}%`
@@ -79,15 +79,9 @@ export interface FlexStyle {
     | undefined;
   left?: DimensionValue | undefined;
   margin?: DimensionValue | undefined;
-  marginBlock?: DimensionValue | undefined;
-  marginBlockEnd?: DimensionValue | undefined;
-  marginBlockStart?: DimensionValue | undefined;
   marginBottom?: DimensionValue | undefined;
   marginEnd?: DimensionValue | undefined;
   marginHorizontal?: DimensionValue | undefined;
-  marginInline?: DimensionValue | undefined;
-  marginInlineEnd?: DimensionValue | undefined;
-  marginInlineStart?: DimensionValue | undefined;
   marginLeft?: DimensionValue | undefined;
   marginRight?: DimensionValue | undefined;
   marginStart?: DimensionValue | undefined;
@@ -100,14 +94,8 @@ export interface FlexStyle {
   overflow?: 'visible' | 'hidden' | 'scroll' | undefined;
   padding?: DimensionValue | undefined;
   paddingBottom?: DimensionValue | undefined;
-  paddingBlock?: DimensionValue | undefined;
-  paddingBlockEnd?: DimensionValue | undefined;
-  paddingBlockStart?: DimensionValue | undefined;
   paddingEnd?: DimensionValue | undefined;
   paddingHorizontal?: DimensionValue | undefined;
-  paddingInline?: DimensionValue | undefined;
-  paddingInlineEnd?: DimensionValue | undefined;
-  paddingInlineStart?: DimensionValue | undefined;
   paddingLeft?: DimensionValue | undefined;
   paddingRight?: DimensionValue | undefined;
   paddingStart?: DimensionValue | undefined;

package/Libraries/Text/TextNativeComponent.win32.js

@@ -48,12 +48,38 @@ const textViewConfig = {
     android_hyphenationFrequency: true,
     lineBreakStrategyIOS: true,
     // [Windows
-    // Listed for the property to be honored even though
-    // the property tooltip and the events from ViewWin32
-    //work without being listed.  Any Text-specific events
-    // would need to be listed here.
-    focusable: true,
+    accessibilityAccessKey: true,
+    accessibilityAnnotation: true,
+    accessibilityControls: true,
+    accessibilityDescribedBy: true,
+    accessibilityDescription: true,
+    accessibilityItemType: true,
     accessibilityLevel: true,
+    accessibilityPositionInSet: true,
+    accessibilitySetSize: true,
+    animationClass: true,
+    cursor: true,
+    draggedTypes: true,
+    enableFocusRing: true,
+    focusable: true,
+    keyDownEvents: true,
+    keyUpEvents: true,
+    onBlur: true,
+    onBlurCapture: true,
+    onDragEnter: true,
+    onDragLeave: true,
+    onDrop: true,
+    onFocus: true,
+    onFocusCapture: true,
+    onKeyDown: true,
+    onKeyDownCapture: true,
+    onKeyUp: true,
+    onKeyUpCapture: true,
+    onMouseEnter: true,
+    onMouseLeave: true,
+    tabIndex: true,
+    textStyle: true,
+    tooltip: true,
     // Windows]
   },
   directEventTypes: {

package/Libraries/platform-types.d.ts

@@ -5,12 +5,12 @@
 *        need to also be added to index.win32.js
 */
 
-import {IViewWin32Props as IViewWin32PropsOnly} from './Components/View/ViewPropTypes.win32';
-import { AccessibilityPropsWin32 } from '@office-iss/react-native-win32/Libraries/Components/View/ViewAccessibility.win32';
-export { AccessibilityPropsWin32 } from '@office-iss/react-native-win32/Libraries/Components/View/ViewAccessibility.win32';
+import {IViewWin32Props as IViewWin32PropsOnly} from './Components/View/ViewPropTypes';
+import { AccessibilityPropsWin32 } from '@office-iss/react-native-win32/Libraries/Components/View/ViewAccessibility';
+export { AccessibilityPropsWin32 } from '@office-iss/react-native-win32/Libraries/Components/View/ViewAccessibility';
 export type IViewWin32Props = IViewWin32PropsOnly & AccessibilityPropsWin32;
 export {ViewWin32} from './Components/View/ViewWin32';
-export {IKeyboardEvent, IHandledKeyboardEvent} from './Components/View/ViewPropTypes.win32';
+export {IKeyboardEvent, IHandledKeyboardEvent, EventPhase} from './Components/View/ViewPropTypes';
 import {ITextWin32Props as ITextWin32PropsOnly} from './Components/Text/TextWin32.Props';
 export type ITextWin32Props = ITextWin32PropsOnly & AccessibilityPropsWin32;
 export {TextWin32TextStyle } from './Components/Text/TextWin32.Props';
@@ -18,7 +18,7 @@ export {TextWin32} from './Components/Text/TextWin32';
 export {IButtonWin32Props, IButtonWin32Style} from './Components/Button/ButtonWin32.Props';
 export {ButtonWin32} from './Components/Button/ButtonWin32';
 export {GradientColorStop, GradientColorValueWin32, ColorGradientWin32} from './StyleSheet/PlatformColorValueTypesWin32';
-export {ITouchableWin32Props} from './Components/Touchable/TouchableWin32.Props';
+export {ITouchableWin32Props, ITouchableWin32State} from './Components/Touchable/TouchableWin32.Props';
 export * from './Components/Touchable/TouchableWin32.Types';
 export * from './Components/Touchable/TouchableWin32';
 export * from './PersonaCoin/PersonaCoin';

package/overrides.json

@@ -7,7 +7,7 @@
     "**/__snapshots__/**",
     "src/rntypes/**"
   ],
-  "baseVersion": "0.72.0-rc.3",
+  "baseVersion": "0.72.0",
   "overrides": [
     {
       "type": "derived",
@@ -103,10 +103,6 @@
       "baseFile": "packages/react-native/Libraries/Components/ScrollView/ScrollView.js",
       "baseHash": "7d162bb43bce3f9da78b7c304530b3f804d21658"
     },
-    {
-      "type": "platform",
-      "file": "src/Libraries/Components/Text/Tests/TextWin32Test.tsx"
-    },
     {
       "type": "platform",
       "file": "src/Libraries/Components/Text/TextWin32.Props.ts"
@@ -127,7 +123,7 @@
       "type": "derived",
       "file": "src/Libraries/Components/TextInput/TextInput.win32.js",
       "baseFile": "packages/react-native/Libraries/Components/TextInput/TextInput.js",
-      "baseHash": "058fa050230bbb1710b64156f2e3680fc16aa252"
+      "baseHash": "a817f8d62ee3ba4c56b772bd0cfb852739cb4aa7"
     },
     {
       "type": "patch",
@@ -155,7 +151,7 @@
     },
     {
       "type": "derived",
-      "file": "src/Libraries/Components/Touchable/TouchableNativeFeedback.win32.d.ts",
+      "file": "src/Libraries/Components/Touchable/TouchableNativeFeedback.d.ts",
       "baseFile": "packages/react-native/Libraries/Components/Touchable/TouchableNativeFeedback.d.ts",
       "baseHash": "b38a2d4fb0c6a08c3ada7748fffded9949c97c2a"
     },
@@ -183,10 +179,6 @@
       "baseFile": "packages/react-native/Libraries/Components/View/ReactNativeViewAttributes.js",
       "baseHash": "1e2900121c17ba9f58a7f6d0b3604456a13642bf"
     },
-    {
-      "type": "platform",
-      "file": "src/Libraries/Components/View/Tests/ViewWin32Test.tsx"
-    },
     {
       "type": "patch",
       "file": "src/Libraries/Components/View/View.win32.js",
@@ -195,7 +187,7 @@
     },
     {
       "type": "derived",
-      "file": "src/Libraries/Components/View/ViewAccessibility.win32.d.ts",
+      "file": "src/Libraries/Components/View/ViewAccessibility.d.ts",
       "baseFile": "packages/react-native/Libraries/Components/View/ViewAccessibility.d.ts",
       "baseHash": "085982a44202765d099caf13785e8b4a42628d86"
     },
@@ -207,7 +199,7 @@
     },
     {
       "type": "derived",
-      "file": "src/Libraries/Components/View/ViewPropTypes.win32.d.ts",
+      "file": "src/Libraries/Components/View/ViewPropTypes.d.ts",
       "baseFile": "packages/react-native/Libraries/Components/View/ViewPropTypes.d.ts",
       "baseHash": "91d96e475fc55da6c6456a240edbd650c1ca4a26"
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@office-iss/react-native-win32",
-  "version": "0.72.0-preview.4",
+  "version": "0.72.0-preview.6",
   "description": "Implementation of react native on top of Office's Win32 platform.",
   "repository": {
     "type": "git",
@@ -17,9 +17,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.33-devmain.16427.10000 --bundle js/RNTesterApp --component RNTesterApp --basePath ./dist/win32/dev --jsEngine v8 --useDevMain --useWebDebugger",
-    "run-win32-devmain": "npx @office-iss/rex-win32@0.68.33-devmain.16427.10000 --bundle js/RNTesterApp --component RNTesterApp --basePath ./dist/win32/dev --jsEngine v8 --useDevMain",
-    "run-win32": "npx @office-iss/rex-win32@0.68.33-devmain.16427.10000 --bundle js/RNTesterApp --component RNTesterApp --basePath ./dist/win32/dev --jsEngine v8 --useWebDebugger",
+    "run-win32-devmain": "npx @office-iss/rex-win32@0.71.15-devmain.16607.10000 --bundle js/RNTesterApp --component RNTesterApp --basePath ./dist/win32/dev --jsEngine v8 --useDevMain --useDirectDebugger --useFastRefresh",
+    "run-win32": "npx @office-iss/rex-win32@0.71.15-devmain.16607.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"
@@ -27,29 +26,29 @@
   "dependencies": {
     "@babel/runtime": "^7.0.0",
     "@jest/create-cache-key-function": "^29.2.1",
-    "@react-native-community/cli": "11.2.3",
-    "@react-native-community/cli-platform-android": "11.2.3",
-    "@react-native-community/cli-platform-ios": "11.2.3",
+    "@react-native-community/cli": "11.3.2",
+    "@react-native-community/cli-platform-android": "11.3.2",
+    "@react-native-community/cli-platform-ios": "11.3.2",
     "@react-native/assets": "1.0.0",
     "@react-native/assets-registry": "^0.72.0",
-    "@react-native/codegen": "^0.72.3",
-    "@react-native/gradle-plugin": "^0.72.5",
+    "@react-native/codegen": "^0.72.6",
+    "@react-native/gradle-plugin": "^0.72.10",
     "@react-native/js-polyfills": "^0.72.1",
     "@react-native/normalize-colors": "^0.72.0",
-    "@react-native/virtualized-lists": "^0.72.2",
+    "@react-native/virtualized-lists": "^0.72.5",
     "abort-controller": "^3.0.0",
     "anser": "^1.4.9",
     "art": "^0.10.0",
     "base64-js": "^1.1.2",
-    "deprecated-react-native-prop-types": "^4.1.0",
+    "deprecated-react-native-prop-types": "4.1.0",
     "event-target-shim": "^5.0.1",
     "flow-enums-runtime": "^0.0.5",
     "invariant": "^2.2.4",
     "jest-environment-node": "^29.2.1",
     "jsc-android": "^250231.0.0",
     "memoize-one": "^5.0.0",
-    "metro-runtime": "0.76.4",
-    "metro-source-map": "0.76.4",
+    "metro-runtime": "0.76.5",
+    "metro-source-map": "0.76.5",
     "mkdirp": "^0.5.1",
     "nullthrows": "^1.1.1",
     "pretty-format": "^26.5.2",
@@ -59,8 +58,9 @@
     "react-refresh": "^0.4.0",
     "react-shallow-renderer": "^16.15.0",
     "regenerator-runtime": "^0.13.2",
-    "scheduler": "^0.23.0",
+    "scheduler": "0.24.0-canary-efb381bbf-20230505",
     "stacktrace-parser": "^0.1.10",
+    "use-sync-external-store": "^1.0.0",
     "whatwg-fetch": "^3.0.0",
     "ws": "^6.2.2",
     "yargs": "^17.6.2"
@@ -83,13 +83,13 @@
     "just-scripts": "^1.3.3",
     "prettier": "^2.4.1",
     "react": "18.2.0",
-    "react-native": "0.72.0-rc.3",
+    "react-native": "0.72.0",
     "react-native-platform-override": "^1.9.4",
     "typescript": "^4.9.5"
   },
   "peerDependencies": {
     "react": "18.2.0",
-    "react-native": "0.0.0-20230321-2153-7b86e3aae"
+    "react-native": "^0.72.0"
   },
   "beachball": {
     "defaultNpmTag": "preview",

package/src/Libraries/Components/Button/ButtonWin32.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import RN = require('react-native');
-import type { IViewWin32Props } from '../View/ViewPropTypes.win32';
+import type { IViewWin32Props } from '../View/ViewPropTypes';
 import type { ITextWin32Props } from '../Text/TextWin32.Props';
 import type { IButtonWin32Props } from './ButtonWin32.Props';
 

package/src/Libraries/Components/Text/TextWin32.Props.ts

@@ -1,5 +1,5 @@
 import RN = require('react-native');
-import type { IKeyboardEvent, IHandledKeyboardEvent } from '../View/ViewPropTypes.win32';
+import type { IKeyboardEvent, IHandledKeyboardEvent } from '../View/ViewPropTypes';
 
 /**
  * Role-based text style names.

package/src/Libraries/Components/Touchable/Tests/TouchableWin32Test.tsx

@@ -5,7 +5,7 @@ import {NativeSyntheticEvent, StyleSheet, Text, ViewStyle } from 'react-native';
 import {Insets} from 'react-native/types/public/Insets';
 import { TextWin32 } from '../../Text/TextWin32';
 import { ViewWin32 } from '../../View/ViewWin32';
-import { IViewWin32Props, IKeyboardEvent } from '../../View/ViewPropTypes.win32';
+import { IViewWin32Props, IKeyboardEvent } from '../../View/ViewPropTypes';
 import { TouchableWin32 } from '../TouchableWin32';
 import { IPressEvent, IRenderChild } from '../TouchableWin32.Types';
 import { ITouchableWin32State } from '../TouchableWin32.Props';

package/src/Libraries/Components/Touchable/TouchableWin32.Props.tsx

@@ -2,7 +2,7 @@ import {ViewStyle} from 'react-native';
 import {Insets} from 'react-native/types/public/Insets';
 
 import { IPressEvent, IRenderChild, IRenderStyle } from './TouchableWin32.Types';
-import { IViewWin32Props, IKeyboardEvent } from '../View/ViewPropTypes.win32';
+import { IViewWin32Props, IKeyboardEvent } from '../View/ViewPropTypes';
 
 export interface ITouchableWin32State {
   isPressed: boolean;

package/src/Libraries/Components/Touchable/TouchableWin32.tsx

@@ -25,7 +25,7 @@ import {
   IStateConditions,
   ITransitions,
 } from './TouchableWin32.Types';
-import { IKeyboardEvent } from '../View/ViewPropTypes.win32';
+import { IKeyboardEvent } from '../View/ViewPropTypes';
 
 const BoundingDimensions = require('./BoundingDimensions');
 const Position = require('./Position');

package/{Libraries/Components/View/ViewPropTypes.win32.d.ts → src/Libraries/Components/View/ViewPropTypes.d.ts}

@@ -184,6 +184,13 @@ export type Cursor =
   | 'we-resize'
   | 'text';
 
+export namespace EventPhase {
+  export const None = 0;
+  export const Capturing = 1;
+  export const AtTarget = 2;
+  export const Bubbling = 3;
+}
+
 export interface INativeKeyboardEvent {
   altKey: boolean;
   ctrlKey: boolean;
@@ -203,7 +210,13 @@ type PartiallyRequired<T, Keys extends keyof T = keyof T> = Pick<
 export type IHandledKeyboardEvent = PartiallyRequired<
   INativeKeyboardEvent,
   'key'
->;
+> & {
+  eventPhase?:
+    | EventPhase.None
+    | EventPhase.Capturing
+    | EventPhase.AtTarget
+    | EventPhase.Bubbling;
+};
 // Win32]
 
 export interface ViewPropsWin32 {

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.win32';
+import {ViewProps} from './ViewPropTypes';
 import {NativeMethods} from 'react-native/types/public/ReactNativeTypes';
 
 /**

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

@@ -5,12 +5,12 @@
 *        need to also be added to index.win32.js
 */
 
-import {IViewWin32Props as IViewWin32PropsOnly} from './Components/View/ViewPropTypes.win32';
-import { AccessibilityPropsWin32 } from '@office-iss/react-native-win32/Libraries/Components/View/ViewAccessibility.win32';
-export { AccessibilityPropsWin32 } from '@office-iss/react-native-win32/Libraries/Components/View/ViewAccessibility.win32';
+import {IViewWin32Props as IViewWin32PropsOnly} from './Components/View/ViewPropTypes';
+import { AccessibilityPropsWin32 } from '@office-iss/react-native-win32/Libraries/Components/View/ViewAccessibility';
+export { AccessibilityPropsWin32 } from '@office-iss/react-native-win32/Libraries/Components/View/ViewAccessibility';
 export type IViewWin32Props = IViewWin32PropsOnly & AccessibilityPropsWin32;
 export {ViewWin32} from './Components/View/ViewWin32';
-export {IKeyboardEvent, IHandledKeyboardEvent} from './Components/View/ViewPropTypes.win32';
+export {IKeyboardEvent, IHandledKeyboardEvent, EventPhase} from './Components/View/ViewPropTypes';
 import {ITextWin32Props as ITextWin32PropsOnly} from './Components/Text/TextWin32.Props';
 export type ITextWin32Props = ITextWin32PropsOnly & AccessibilityPropsWin32;
 export {TextWin32TextStyle } from './Components/Text/TextWin32.Props';
@@ -18,7 +18,7 @@ export {TextWin32} from './Components/Text/TextWin32';
 export {IButtonWin32Props, IButtonWin32Style} from './Components/Button/ButtonWin32.Props';
 export {ButtonWin32} from './Components/Button/ButtonWin32';
 export {GradientColorStop, GradientColorValueWin32, ColorGradientWin32} from './StyleSheet/PlatformColorValueTypesWin32';
-export {ITouchableWin32Props} from './Components/Touchable/TouchableWin32.Props';
+export {ITouchableWin32Props, ITouchableWin32State} from './Components/Touchable/TouchableWin32.Props';
 export * from './Components/Touchable/TouchableWin32.Types';
 export * from './Components/Touchable/TouchableWin32';
 export * from './PersonaCoin/PersonaCoin';