@office-iss/react-native-win32 0.83.0-preview.1 → 0.84.0-preview.2

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

@@ -73,7 +73,7 @@ let RCTMultilineTextInputView;
 let RCTMultilineTextInputNativeCommands;
 let WindowsTextInput; // [Windows]
 let WindowsTextInputCommands; // [Windows]
-import type {KeyEvent} from '../../Types/CoreEventTypes'; // [Windows]
+import type {KeyUpEvent, KeyDownEvent} from '../../Types/CoreEventTypes'; // [Windows]
 
 // [Windows
 if (Platform.OS === 'android') {
@@ -162,7 +162,7 @@ type TextInputStateType = $ReadOnly<{
   blurTextInput: (textField: ?HostInstance) => void,
 }>;
 
-type ViewCommands = $NonMaybeType<
+type ViewCommands = NonNullable<
   | typeof AndroidTextInputCommands
   | typeof RCTMultilineTextInputNativeCommands
   | typeof RCTSinglelineTextInputNativeCommands,
@@ -201,8 +201,8 @@ function useTextInputStateSynchronization({
   const [lastNativeText, setLastNativeText] = useState<?Stringish>(props.value);
   const [lastNativeSelectionState, setLastNativeSelection] =
     useState<LastNativeSelection>({
-      selection: {start: -1, end: -1},
-      mostRecentEventCount: mostRecentEventCount,
+      mostRecentEventCount,
+      selection: {end: -1, start: -1},
     });
 
   const lastNativeSelection = lastNativeSelectionState.selection;
@@ -225,7 +225,7 @@ function useTextInputStateSynchronization({
         lastNativeSelection.end !== selection.end)
     ) {
       nativeUpdate.selection = selection;
-      setLastNativeSelection({selection, mostRecentEventCount});
+      setLastNativeSelection({mostRecentEventCount, selection});
     }
 
     if (Object.keys(nativeUpdate).length === 0) {
@@ -253,7 +253,7 @@ function useTextInputStateSynchronization({
     viewCommands,
   ]);
 
-  return {setLastNativeText, setLastNativeSelection};
+  return {setLastNativeSelection, setLastNativeText};
 }
 
 /**
@@ -392,8 +392,8 @@ function InternalTextInput(props: TextInputProps): React.Node {
     propsSelection == null
       ? null
       : {
-          start: propsSelection.start,
           end: propsSelection.end ?? propsSelection.start,
+          start: propsSelection.start,
         };
 
   const text =
@@ -413,9 +413,9 @@ function InternalTextInput(props: TextInputProps): React.Node {
   const [mostRecentEventCount, setMostRecentEventCount] = useState<number>(0);
   const {setLastNativeText, setLastNativeSelection} =
     useTextInputStateSynchronization({
-      props,
       inputRef,
       mostRecentEventCount,
+      props,
       selection,
       text,
       // $FlowFixMe[incompatible-call]
@@ -486,6 +486,10 @@ function InternalTextInput(props: TextInputProps): React.Node {
               );
             }
           },
+          getNativeRef(): ?TextInputInstance {
+            return inputRef.current;
+          },
+          // TODO: Fix this returning true on null === null, when no input is focused
           isFocused(): boolean {
             const currentlyFocusedInput =
               TextInputState.currentlyFocusedInput();
@@ -494,9 +498,6 @@ function InternalTextInput(props: TextInputProps): React.Node {
               currentlyFocusedInput === inputRef.current
             );
           },
-          getNativeRef(): ?TextInputInstance {
-            return inputRef.current;
-          },
           setSelection(start: number, end: number): void {
             if (inputRef.current != null) {
               viewCommands.setTextAndSelection(
@@ -546,8 +547,8 @@ function InternalTextInput(props: TextInputProps): React.Node {
     }
 
     setLastNativeSelection({
-      selection: event.nativeEvent.selection,
       mostRecentEventCount,
+      selection: event.nativeEvent.selection,
     });
   };
 
@@ -617,6 +618,7 @@ function InternalTextInput(props: TextInputProps): React.Node {
 
   const config = useMemo(
     () => ({
+      cancelable: Platform.OS === 'ios' ? !rejectResponderTermination : null,
       hitSlop,
       onPress: (event: GestureResponderEvent) => {
         onPress?.(event);
@@ -626,9 +628,8 @@ function InternalTextInput(props: TextInputProps): React.Node {
           }
         }
       },
-      onPressIn: onPressIn,
-      onPressOut: onPressOut,
-      cancelable: Platform.OS === 'ios' ? !rejectResponderTermination : null,
+      onPressIn,
+      onPressOut,
     }),
     [
       editable,
@@ -651,7 +652,7 @@ function InternalTextInput(props: TextInputProps): React.Node {
   // so omitting onBlur and onFocus pressability handlers here.
   const {onBlur, onFocus, ...eventHandlers} = usePressability(config);
   const eventPhase = Object.freeze({Capturing: 1, Bubbling: 3});
-  const _keyDown = (event: KeyEvent) => {
+  const _keyDown = (event: KeyDownEvent) => {
     const keyDownEvents = props.keyDownEvents;
     if (keyDownEvents != null && event.isPropagationStopped() !== true) {
       for (const el of keyDownEvents) {
@@ -670,7 +671,7 @@ function InternalTextInput(props: TextInputProps): React.Node {
     props.onKeyDown && props.onKeyDown(event);
   };
 
-  const _keyUp = (event: KeyEvent) => {
+  const _keyUp = (event: KeyUpEvent) => {
     const keyUpEvents = props.keyUpEvents;
     if (keyUpEvents != null && event.isPropagationStopped() !== true) {
       for (const el of keyUpEvents) {
@@ -689,7 +690,7 @@ function InternalTextInput(props: TextInputProps): React.Node {
     props.onKeyUp && props.onKeyUp(event);
   };
 
-  const _keyDownCapture = (event: KeyEvent) => {
+  const _keyDownCapture = (event: KeyDownEvent) => {
     const keyDownEvents = props.keyDownEvents;
     if (keyDownEvents != null && event.isPropagationStopped() !== true) {
       for (const el of keyDownEvents) {
@@ -708,7 +709,7 @@ function InternalTextInput(props: TextInputProps): React.Node {
     props.onKeyDownCapture && props.onKeyDownCapture(event);
   };
 
-  const _keyUpCapture = (event: KeyEvent) => {
+  const _keyUpCapture = (event: KeyUpEvent) => {
     const keyUpEvents = props.keyUpEvents;
     if (keyUpEvents != null && event.isPropagationStopped() !== true) {
       for (const el of keyUpEvents) {
@@ -848,12 +849,12 @@ function InternalTextInput(props: TextInputProps): React.Node {
     }
     // For consistency with iOS set cursor/selectionHandle color as selectionColor
     const colorProps = {
+      cursorColor: cursorColor === undefined ? selectionColor : cursorColor,
       selectionColor,
       selectionHandleColor:
         selectionHandleColor === undefined
           ? selectionColor
           : selectionHandleColor,
-      cursorColor: cursorColor === undefined ? selectionColor : cursorColor,
     };
     textInput = (
       /* $FlowFixMe[prop-missing] the types for AndroidTextInput don't match up
@@ -935,8 +936,8 @@ function InternalTextInput(props: TextInputProps): React.Node {
 }
 
 const enterKeyHintToReturnTypeMap = {
-  enter: 'default',
   done: 'done',
+  enter: 'default',
   go: 'go',
   next: 'next',
   previous: 'previous',
@@ -945,19 +946,20 @@ const enterKeyHintToReturnTypeMap = {
 } as const;
 
 const inputModeToKeyboardTypeMap = {
-  none: 'default',
-  text: 'default',
   decimal: 'decimal-pad',
+  email: 'email-address',
+  none: 'default',
   numeric: 'number-pad',
-  tel: 'phone-pad',
   search:
     Platform.OS === 'ios' ? ('web-search' as const) : ('default' as const),
-  email: 'email-address',
+  tel: 'phone-pad',
+  text: 'default',
   url: 'url',
 } as const;
 
 // Map HTML autocomplete values to Android autoComplete values
 const autoCompleteWebToAutoCompleteAndroidMap = {
+  'additional-name': 'name-middle',
   'address-line1': 'postal-address-region',
   'address-line2': 'postal-address-locality',
   bday: 'birthdate-full',
@@ -972,12 +974,11 @@ const autoCompleteWebToAutoCompleteAndroidMap = {
   country: 'postal-address-country',
   'current-password': 'password',
   email: 'email',
+  'family-name': 'name-family',
+  'given-name': 'name-given',
   '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',
@@ -992,33 +993,33 @@ const autoCompleteWebToAutoCompleteAndroidMap = {
 
 // Map HTML autocomplete values to iOS textContentType values
 const autoCompleteWebToTextContentTypeMap = {
+  'additional-name': 'middleName',
   'address-line1': 'streetAddressLine1',
   'address-line2': 'streetAddressLine2',
   bday: 'birthdate',
   'bday-day': 'birthdateDay',
   'bday-month': 'birthdateMonth',
   'bday-year': 'birthdateYear',
+  'cc-additional-name': 'creditCardMiddleName',
   'cc-csc': 'creditCardSecurityCode',
+  'cc-exp': 'creditCardExpiration',
   'cc-exp-month': 'creditCardExpirationMonth',
   'cc-exp-year': 'creditCardExpirationYear',
-  'cc-exp': 'creditCardExpiration',
-  'cc-given-name': 'creditCardGivenName',
-  'cc-additional-name': 'creditCardMiddleName',
   'cc-family-name': 'creditCardFamilyName',
+  'cc-given-name': 'creditCardGivenName',
   'cc-name': 'creditCardName',
   'cc-number': 'creditCardNumber',
   'cc-type': 'creditCardType',
-  'current-password': 'password',
   country: 'countryName',
+  'current-password': 'password',
   email: 'emailAddress',
-  name: 'name',
-  'additional-name': 'middleName',
   'family-name': 'familyName',
   'given-name': 'givenName',
-  nickname: 'nickname',
   'honorific-prefix': 'namePrefix',
   'honorific-suffix': 'nameSuffix',
+  name: 'name',
   'new-password': 'newPassword',
+  nickname: 'nickname',
   off: 'none',
   'one-time-code': 'oneTimeCode',
   organization: 'organizationName',
@@ -1095,11 +1096,10 @@ TextInput.displayName = 'TextInput';
 
 // $FlowFixMe[prop-missing]
 TextInput.State = {
-  currentlyFocusedInput: TextInputState.currentlyFocusedInput,
-
+  blurTextInput: TextInputState.blurTextInput,
   currentlyFocusedField: TextInputState.currentlyFocusedField,
+  currentlyFocusedInput: TextInputState.currentlyFocusedInput,
   focusTextInput: TextInputState.focusTextInput,
-  blurTextInput: TextInputState.blurTextInput,
 };
 
 export type TextInputComponentStatics = $ReadOnly<{
@@ -1117,9 +1117,9 @@ const styles = StyleSheet.create({
 
 const verticalAlignToTextAlignVerticalMap = {
   auto: 'auto',
-  top: 'top',
   bottom: 'bottom',
   middle: 'center',
+  top: 'top',
 } as const;
 
 // $FlowFixMe[unclear-type] Unclear type. Using `any` type is not safe.

package/Libraries/Components/Touchable/PooledClass.js

@@ -105,9 +105,9 @@ const addPoolingTo = function <T>(
   pooler: Pooler,
 ): Class<T> & {
   getPooled(
-    ...args: $ReadOnlyArray<mixed>
+    ...args: $ReadOnlyArray<unknown>
   ): /* arguments of the constructor */ T,
-  release(instance: mixed): void,
+  release(instance: unknown): void,
   ...
 } {
   // Casting as any so that flow ignores the actual implementation and trusts

package/Libraries/Components/Touchable/TouchableBounce.js

@@ -211,7 +211,7 @@ class TouchableBounce extends React.Component<
     this.state.pressability.configure(this._createPressabilityConfig());
   }
 
-  componentDidMount(): mixed {
+  componentDidMount(): unknown {
     this.state.pressability.configure(this._createPressabilityConfig());
   }
 
@@ -225,11 +225,11 @@ export default (function TouchableBounceWrapper({
   ref: hostRef,
   ...props
 }: {
-  ref: React.RefSetter<mixed>,
+  ref: React.RefSetter<unknown>,
   ...$ReadOnly<Omit<TouchableBounceProps, 'hostRef'>>,
 }) {
   return <TouchableBounce {...props} hostRef={hostRef} />;
 } as component(
-  ref?: React.RefSetter<mixed>,
+  ref?: React.RefSetter<unknown>,
   ...props: $ReadOnly<Omit<TouchableBounceProps, 'hostRef'>>
 ));

package/Libraries/Components/Touchable/TouchableNativeFeedback.js

@@ -390,7 +390,7 @@ class TouchableNativeFeedback extends React.Component<
     this.state.pressability.configure(this._createPressabilityConfig());
   }
 
-  componentDidMount(): mixed {
+  componentDidMount(): unknown {
     this.state.pressability.configure(this._createPressabilityConfig());
   }
 

package/Libraries/Components/Touchable/TouchableNativeFeedback.win32.js

@@ -293,7 +293,7 @@ class TouchableNativeFeedback extends React.Component<
     this.state.pressability.configure(this._createPressabilityConfig());
   }
 
-  componentDidMount(): mixed {
+  componentDidMount(): unknown {
     this.state.pressability.configure(this._createPressabilityConfig());
   }
 

package/Libraries/Components/Touchable/TouchableWithoutFeedback.js

@@ -79,32 +79,32 @@ export type TouchableWithoutFeedbackProps = $ReadOnly<
       | 'no-hide-descendants'
     ),
     nativeID?: ?string,
-    onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
+    onAccessibilityAction?: ?(event: AccessibilityActionEvent) => unknown,
     /**
      * When `accessible` is true (which is the default) this may be called when
      * the OS-specific concept of "blur" occurs, meaning the element lost focus.
      * Some platforms may not have the concept of blur.
      */
-    onBlur?: ?(event: BlurEvent) => mixed,
+    onBlur?: ?(event: BlurEvent) => unknown,
     /**
      * When `accessible` is true (which is the default) this may be called when
      * the OS-specific concept of "focus" occurs. Some platforms may not have
      * the concept of focus.
      */
-    onFocus?: ?(event: FocusEvent) => mixed,
+    onFocus?: ?(event: FocusEvent) => unknown,
     /**
      * Invoked on mount and layout changes with
      * {nativeEvent: {layout: {x, y, width, height}}}
      */
-    onLayout?: ?(event: LayoutChangeEvent) => mixed,
-    onLongPress?: ?(event: GestureResponderEvent) => mixed,
+    onLayout?: ?(event: LayoutChangeEvent) => unknown,
+    onLongPress?: ?(event: GestureResponderEvent) => unknown,
     /**
      * Called when the touch is released,
      * but not if cancelled (e.g. by a scroll that steals the responder lock).
      */
-    onPress?: ?(event: GestureResponderEvent) => mixed,
-    onPressIn?: ?(event: GestureResponderEvent) => mixed,
-    onPressOut?: ?(event: GestureResponderEvent) => mixed,
+    onPress?: ?(event: GestureResponderEvent) => unknown,
+    onPressIn?: ?(event: GestureResponderEvent) => unknown,
+    onPressOut?: ?(event: GestureResponderEvent) => unknown,
     /**
      * When the scroll view is disabled, this defines how far your
      * touch may move off of the button, before deactivating the button.
@@ -250,7 +250,7 @@ export default function TouchableWithoutFeedback(
   // adopting `Pressability`, so preserve that behavior.
   const {onBlur, onFocus, ...eventHandlersWithoutBlurAndFocus} = eventHandlers;
 
-  const elementProps: {[string]: mixed, ...} = {
+  const elementProps: {[string]: unknown, ...} = {
     ...eventHandlersWithoutBlurAndFocus,
     accessible: props.accessible !== false,
     accessibilityState:

package/Libraries/Components/View/View.win32.js

@@ -15,7 +15,7 @@ import ViewNativeComponent from './ViewNativeComponent';
 import * as React from 'react';
 import invariant from 'invariant'; // [Windows]
 // [Windows
-import type {KeyEvent} from '../../Types/CoreEventTypes';
+import type {KeyUpEvent, KeyDownEvent} from '../../Types/CoreEventTypes';
 // Windows]
 
 /**
@@ -111,7 +111,7 @@ const View: component(
           }
         : undefined;
 
-    const _keyDown = (event: KeyEvent) => {
+    const _keyDown = (event: KeyDownEvent) => {
       const keyDownEvents = otherProps.keyDownEvents;
       if (keyDownEvents != null && event.isPropagationStopped() !== true) {
         for (const el of keyDownEvents) {
@@ -130,7 +130,7 @@ const View: component(
       otherProps.onKeyDown && otherProps.onKeyDown(event);
     };
 
-    const _keyUp = (event: KeyEvent) => {
+    const _keyUp = (event: KeyUpEvent) => {
       const keyUpEvents = otherProps.keyUpEvents;
       if (keyUpEvents != null && event.isPropagationStopped() !== true) {
         for (const el of keyUpEvents) {
@@ -149,7 +149,7 @@ const View: component(
       otherProps.onKeyUp && otherProps.onKeyUp(event);
     };
 
-    const _keyDownCapture = (event: KeyEvent) => {
+    const _keyDownCapture = (event: KeyDownEvent) => {
       const keyDownEvents = otherProps.keyDownEvents;
       if (keyDownEvents != null && event.isPropagationStopped() !== true) {
         for (const el of keyDownEvents) {
@@ -168,7 +168,7 @@ const View: component(
       otherProps.onKeyDownCapture && otherProps.onKeyDownCapture(event);
     };
 
-    const _keyUpCapture = (event: KeyEvent) => {
+    const _keyUpCapture = (event: KeyUpEvent) => {
       const keyUpEvents = otherProps.keyUpEvents;
       if (keyUpEvents != null && event.isPropagationStopped() !== true) {
         for (const el of keyUpEvents) {

package/Libraries/Components/View/ViewPropTypes.js

@@ -16,6 +16,8 @@ import type {
   BlurEvent,
   FocusEvent,
   GestureResponderEvent,
+  KeyDownEvent,
+  KeyUpEvent,
   LayoutChangeEvent,
   LayoutRectangle,
   MouseEvent,
@@ -37,7 +39,7 @@ type DirectEventProps = $ReadOnly<{
    * when the user performs an accessibility custom action.
    *
    */
-  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
+  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => unknown,
 
   /**
    * When `accessible` is true, the system will try to invoke this function
@@ -45,7 +47,7 @@ type DirectEventProps = $ReadOnly<{
    *
    * See https://reactnative.dev/docs/view#onaccessibilitytap
    */
-  onAccessibilityTap?: ?() => mixed,
+  onAccessibilityTap?: ?() => unknown,
 
   /**
    * Invoked on mount and layout changes with:
@@ -58,7 +60,7 @@ type DirectEventProps = $ReadOnly<{
    *
    * See https://reactnative.dev/docs/view#onlayout
    */
-  onLayout?: ?(event: LayoutChangeEvent) => mixed,
+  onLayout?: ?(event: LayoutChangeEvent) => unknown,
 
   /**
    * When `accessible` is `true`, the system will invoke this function when the
@@ -66,7 +68,7 @@ type DirectEventProps = $ReadOnly<{
    *
    * See https://reactnative.dev/docs/view#onmagictap
    */
-  onMagicTap?: ?() => mixed,
+  onMagicTap?: ?() => unknown,
 
   /**
    * When `accessible` is `true`, the system will invoke this function when the
@@ -74,7 +76,7 @@ type DirectEventProps = $ReadOnly<{
    *
    * See https://reactnative.dev/docs/view#onaccessibilityescape
    */
-  onAccessibilityEscape?: ?() => mixed,
+  onAccessibilityEscape?: ?() => unknown,
 }>;
 
 type MouseEventProps = $ReadOnly<{
@@ -115,6 +117,13 @@ type FocusEventProps = $ReadOnly<{
   onFocusCapture?: ?(event: FocusEvent) => void,
 }>;
 
+type KeyEventProps = $ReadOnly<{
+  onKeyDown?: ?(event: KeyDownEvent) => void,
+  onKeyDownCapture?: ?(event: KeyDownEvent) => void,
+  onKeyUp?: ?(event: KeyUpEvent) => void,
+  onKeyUpCapture?: ?(event: KeyUpEvent) => void,
+}>;
+
 type TouchEventProps = $ReadOnly<{
   onTouchCancel?: ?(e: GestureResponderEvent) => void,
   onTouchCancelCapture?: ?(e: GestureResponderEvent) => void,
@@ -344,7 +353,7 @@ export type ViewPropsAndroid = $ReadOnly<{
    *
    * @platform android
    */
-  onClick?: ?(event: GestureResponderEvent) => mixed,
+  onClick?: ?(event: GestureResponderEvent) => unknown,
 }>;
 
 export type TVViewPropsIOS = $ReadOnly<{
@@ -505,6 +514,7 @@ export type ViewProps = $ReadOnly<{
   ...MouseEventProps,
   ...PointerEventProps,
   ...FocusEventProps,
+  ...KeyEventProps,
   ...TouchEventProps,
   ...ViewPropsAndroid,
   ...ViewPropsIOS,

package/Libraries/Components/View/ViewPropTypes.win32.js

@@ -16,6 +16,8 @@ import type {
   BlurEvent,
   FocusEvent,
   GestureResponderEvent,
+  KeyDownEvent,
+  KeyUpEvent,
   LayoutChangeEvent,
   LayoutRectangle,
   MouseEvent,
@@ -38,7 +40,7 @@ type DirectEventProps = $ReadOnly<{
    * when the user performs an accessibility custom action.
    *
    */
-  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
+  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => unknown,
 
   /**
    * When `accessible` is true, the system will try to invoke this function
@@ -46,7 +48,7 @@ type DirectEventProps = $ReadOnly<{
    *
    * See https://reactnative.dev/docs/view#onaccessibilitytap
    */
-  onAccessibilityTap?: ?() => mixed,
+  onAccessibilityTap?: ?() => unknown,
 
   /**
    * Invoked on mount and layout changes with:
@@ -59,7 +61,7 @@ type DirectEventProps = $ReadOnly<{
    *
    * See https://reactnative.dev/docs/view#onlayout
    */
-  onLayout?: ?(event: LayoutChangeEvent) => mixed,
+  onLayout?: ?(event: LayoutChangeEvent) => unknown,
 
   /**
    * When `accessible` is `true`, the system will invoke this function when the
@@ -67,7 +69,7 @@ type DirectEventProps = $ReadOnly<{
    *
    * See https://reactnative.dev/docs/view#onmagictap
    */
-  onMagicTap?: ?() => mixed,
+  onMagicTap?: ?() => unknown,
 
   /**
    * When `accessible` is `true`, the system will invoke this function when the
@@ -75,7 +77,7 @@ type DirectEventProps = $ReadOnly<{
    *
    * See https://reactnative.dev/docs/view#onaccessibilityescape
    */
-  onAccessibilityEscape?: ?() => mixed,
+  onAccessibilityEscape?: ?() => unknown,
 }>;
 
 type MouseEventProps = $ReadOnly<{
@@ -116,6 +118,13 @@ type FocusEventProps = $ReadOnly<{
   onFocusCapture?: ?(event: FocusEvent) => void,
 }>;
 
+type KeyEventProps = $ReadOnly<{
+  onKeyDown?: ?(event: KeyDownEvent) => void,
+  onKeyDownCapture?: ?(event: KeyDownEvent) => void,
+  onKeyUp?: ?(event: KeyUpEvent) => void,
+  onKeyUpCapture?: ?(event: KeyUpEvent) => void,
+}>;
+
 type TouchEventProps = $ReadOnly<{
   onTouchCancel?: ?(e: GestureResponderEvent) => void,
   onTouchCancelCapture?: ?(e: GestureResponderEvent) => void,
@@ -345,7 +354,7 @@ export type ViewPropsAndroid = $ReadOnly<{
    *
    * @platform android
    */
-  onClick?: ?(event: GestureResponderEvent) => mixed,
+  onClick?: ?(event: GestureResponderEvent) => unknown,
 }>;
 
 export type TVViewPropsIOS = $ReadOnly<{
@@ -539,12 +548,12 @@ type ViewPropsWindows = $ReadOnly<{|
    *
    * @platform windows
    */
-  onKeyUp?: ?(e: KeyEvent) => void,
-  onKeyUpCapture?: ?(e: KeyEvent) => void,
+  onKeyUp?: ?(e: KeyUpEvent) => void,
+  onKeyUpCapture?: ?(e: KeyUpEvent) => void,
   keyUpEvents?: ?$ReadOnlyArray<HandledKeyboardEvent>,
 
-  onKeyDown?: ?(e: KeyEvent) => void,
-  onKeyDownCapture?: ?(e: KeyEvent) => void,
+  onKeyDown?: ?(e: KeyDownEvent) => void,
+  onKeyDownCapture?: ?(e: KeyDownEvent) => void,
   keyDownEvents?: ?$ReadOnlyArray<HandledKeyboardEvent>,
   /**
    * Specifies the Tooltip for the view
@@ -587,6 +596,7 @@ export type ViewProps = $ReadOnly<{
   ...MouseEventProps,
   ...PointerEventProps,
   ...FocusEventProps,
+  ...KeyEventProps,
   ...TouchEventProps,
   ...ViewPropsAndroid,
   ...ViewPropsIOS,

package/Libraries/Core/Devtools/loadBundleFromServer.js

@@ -13,7 +13,10 @@ import DevLoadingView from '../../Utilities/DevLoadingView';
 import HMRClient from '../../Utilities/HMRClient';
 import getDevServer from './getDevServer';
 
-declare var global: {globalEvalWithSourceUrl?: (string, string) => mixed, ...};
+declare var global: {
+  globalEvalWithSourceUrl?: (string, string) => unknown,
+  ...
+};
 
 let pendingRequests = 0;
 
@@ -26,7 +29,7 @@ export class LoadBundleFromServerError extends Error {
     message: string,
     url: string,
     isTimeout: boolean,
-    options?: {cause: mixed, ...},
+    options?: {cause: unknown, ...},
   ): void {
     super(message, options);
     this.url = url;
@@ -40,7 +43,7 @@ export class LoadBundleFromServerRequestError extends LoadBundleFromServerError
     message: string,
     url: string,
     isTimeout: boolean,
-    options?: {cause: mixed, ...},
+    options?: {cause: unknown, ...},
   ): void {
     super(message, url, isTimeout, options);
     this.name = 'LoadBundleFromServerRequestError';

package/Libraries/Core/Devtools/loadBundleFromServer.win32.js

@@ -13,7 +13,10 @@ import DevLoadingView from '../../Utilities/DevLoadingView';
 import HMRClient from '../../Utilities/HMRClient';
 import getDevServer from './getDevServer';
 
-declare var global: {globalEvalWithSourceUrl?: (string, string) => mixed, ...};
+declare var global: {
+  globalEvalWithSourceUrl?: (string, string) => unknown,
+  ...
+};
 
 let pendingRequests = 0;
 
@@ -26,7 +29,7 @@ export class LoadBundleFromServerError extends Error {
     message: string,
     url: string,
     isTimeout: boolean,
-    options?: {cause: mixed, ...},
+    options?: {cause: unknown, ...},
   ): void {
     super(message, options);
     this.url = url;
@@ -40,7 +43,7 @@ export class LoadBundleFromServerRequestError extends LoadBundleFromServerError
     message: string,
     url: string,
     isTimeout: boolean,
-    options?: {cause: mixed, ...},
+    options?: {cause: unknown, ...},
   ): void {
     super(message, url, isTimeout, options);
     this.name = 'LoadBundleFromServerRequestError';

package/Libraries/Core/Devtools/symbolicateStackTrace.js

@@ -31,7 +31,7 @@ export type SymbolicatedStackTrace = $ReadOnly<{
 
 export default async function symbolicateStackTrace(
   stack: Array<StackFrame>,
-  extraData?: mixed,
+  extraData?: unknown,
 ): Promise<SymbolicatedStackTrace> {
   const devServer = getDevServer();
   if (!devServer.bundleLoadedFromServer) {