@office-iss/react-native-win32 0.0.0-canary.284 → 0.0.0-canary.286

package/Libraries/Text/TextNativeComponent.win32.js

@@ -10,7 +10,7 @@
 
 import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
 import type {ProcessedColorValue} from '../StyleSheet/processColor';
-import type {PressEvent} from '../Types/CoreEventTypes';
+import type {GestureResponderEvent} from '../Types/CoreEventTypes';
 import type {TextProps} from './TextProps';
 
 import {createViewConfig} from '../NativeComponent/ViewConfig';
@@ -21,7 +21,7 @@ export type NativeTextProps = $ReadOnly<{
   ...TextProps,
   isHighlighted?: ?boolean,
   selectionColor?: ?ProcessedColorValue,
-  onClick?: ?(event: PressEvent) => mixed,
+  onClick?: ?(event: GestureResponderEvent) => mixed,
   // This is only needed for platforms that optimize text hit testing, e.g.,
   // react-native-windows. It can be used to only hit test virtual text spans
   // that have pressable events attached to them.

package/Libraries/Text/TextProps.js

@@ -19,9 +19,9 @@ import type {
 } from '../Components/View/ViewAccessibility';
 import type {ColorValue, TextStyleProp} from '../StyleSheet/StyleSheet';
 import type {
-  LayoutEvent,
+  LayoutChangeEvent,
   PointerEvent,
-  PressEvent,
+  GestureResponderEvent,
   TextLayoutEvent,
 } from '../Types/CoreEventTypes';
 import type {Node} from 'react';
@@ -142,27 +142,27 @@ export type TextProps = $ReadOnly<{
    *
    * See https://reactnative.dev/docs/text#onlayout
    */
-  onLayout?: ?(event: LayoutEvent) => mixed,
+  onLayout?: ?(event: LayoutChangeEvent) => mixed,
 
   /**
    * This function is called on long press.
    *
    * See https://reactnative.dev/docs/text#onlongpress
    */
-  onLongPress?: ?(event: PressEvent) => mixed,
+  onLongPress?: ?(event: GestureResponderEvent) => mixed,
 
   /**
    * This function is called on press.
    *
    * See https://reactnative.dev/docs/text#onpress
    */
-  onPress?: ?(event: PressEvent) => mixed,
-  onPressIn?: ?(event: PressEvent) => mixed,
-  onPressOut?: ?(event: PressEvent) => mixed,
-  onResponderGrant?: ?(event: PressEvent) => void,
-  onResponderMove?: ?(event: PressEvent) => void,
-  onResponderRelease?: ?(event: PressEvent) => void,
-  onResponderTerminate?: ?(event: PressEvent) => void,
+  onPress?: ?(event: GestureResponderEvent) => mixed,
+  onPressIn?: ?(event: GestureResponderEvent) => mixed,
+  onPressOut?: ?(event: GestureResponderEvent) => mixed,
+  onResponderGrant?: ?(event: GestureResponderEvent) => void,
+  onResponderMove?: ?(event: GestureResponderEvent) => void,
+  onResponderRelease?: ?(event: GestureResponderEvent) => void,
+  onResponderTerminate?: ?(event: GestureResponderEvent) => void,
   onResponderTerminationRequest?: ?() => boolean,
   onStartShouldSetResponder?: ?() => boolean,
   onMoveShouldSetResponder?: ?() => boolean,

package/Libraries/Text/TextProps.win32.js

@@ -19,9 +19,9 @@ import type {
 } from '../Components/View/ViewAccessibility';
 import type {ColorValue, TextStyleProp} from '../StyleSheet/StyleSheet';
 import type {
-  LayoutEvent,
+  LayoutChangeEvent,
   PointerEvent,
-  PressEvent,
+  GestureResponderEvent,
   TextLayoutEvent,
 } from '../Types/CoreEventTypes';
 import type {Node} from 'react';
@@ -155,27 +155,27 @@ export type TextProps = $ReadOnly<{
    *
    * See https://reactnative.dev/docs/text#onlayout
    */
-  onLayout?: ?(event: LayoutEvent) => mixed,
+  onLayout?: ?(event: LayoutChangeEvent) => mixed,
 
   /**
    * This function is called on long press.
    *
    * See https://reactnative.dev/docs/text#onlongpress
    */
-  onLongPress?: ?(event: PressEvent) => mixed,
+  onLongPress?: ?(event: GestureResponderEvent) => mixed,
 
   /**
    * This function is called on press.
    *
    * See https://reactnative.dev/docs/text#onpress
    */
-  onPress?: ?(event: PressEvent) => mixed,
-  onPressIn?: ?(event: PressEvent) => mixed,
-  onPressOut?: ?(event: PressEvent) => mixed,
-  onResponderGrant?: ?(event: PressEvent) => void,
-  onResponderMove?: ?(event: PressEvent) => void,
-  onResponderRelease?: ?(event: PressEvent) => void,
-  onResponderTerminate?: ?(event: PressEvent) => void,
+  onPress?: ?(event: GestureResponderEvent) => mixed,
+  onPressIn?: ?(event: GestureResponderEvent) => mixed,
+  onPressOut?: ?(event: GestureResponderEvent) => mixed,
+  onResponderGrant?: ?(event: GestureResponderEvent) => void,
+  onResponderMove?: ?(event: GestureResponderEvent) => void,
+  onResponderRelease?: ?(event: GestureResponderEvent) => void,
+  onResponderTerminate?: ?(event: GestureResponderEvent) => void,
   onResponderTerminationRequest?: ?() => boolean,
   onStartShouldSetResponder?: ?() => boolean,
   onMoveShouldSetResponder?: ?() => boolean,

package/Libraries/TurboModule/samples/NativeSampleTurboModule.js

@@ -8,6 +8,6 @@
  * @format
  */
 
-export * from '../../../src/private/specs/modules/NativeSampleTurboModule';
-import NativeSampleTurboModule from '../../../src/private/specs/modules/NativeSampleTurboModule';
+export * from '../../../src/private/specs_DEPRECATED/modules/NativeSampleTurboModule';
+import NativeSampleTurboModule from '../../../src/private/specs_DEPRECATED/modules/NativeSampleTurboModule';
 export default NativeSampleTurboModule;

package/Libraries/Types/CodegenTypes.js

@@ -11,7 +11,7 @@
 'use strict';
 
 import type {EventSubscription} from '../vendor/emitter/EventEmitter';
-import type {SyntheticEvent} from './CoreEventTypes';
+import type {NativeSyntheticEvent} from './CoreEventTypes';
 
 // Event types
 // We're not using the PaperName, it is only used to codegen view config settings
@@ -19,11 +19,11 @@ import type {SyntheticEvent} from './CoreEventTypes';
 export type BubblingEventHandler<
   T,
   PaperName: string | empty = empty, // eslint-disable-line no-unused-vars
-> = (event: SyntheticEvent<T>) => void | Promise<void>;
+> = (event: NativeSyntheticEvent<T>) => void | Promise<void>;
 export type DirectEventHandler<
   T,
   PaperName: string | empty = empty, // eslint-disable-line no-unused-vars
-> = (event: SyntheticEvent<T>) => void | Promise<void>;
+> = (event: NativeSyntheticEvent<T>) => void | Promise<void>;
 
 // Prop types
 export type Double = number;

package/Libraries/Types/CoreEventTypes.js

@@ -10,7 +10,7 @@
 
 import type {HostInstance} from '../Renderer/shims/ReactNativeTypes';
 
-export type SyntheticEvent<+T> = $ReadOnly<{
+export type NativeSyntheticEvent<+T> = $ReadOnly<{
   bubbles: ?boolean,
   cancelable: ?boolean,
   currentTarget: number | HostInstance,
@@ -32,7 +32,7 @@ export type SyntheticEvent<+T> = $ReadOnly<{
 }>;
 
 export type ResponderSyntheticEvent<T> = $ReadOnly<{
-  ...SyntheticEvent<T>,
+  ...NativeSyntheticEvent<T>,
   touchHistory: $ReadOnly<{
     indexOfSingleActiveTouch: number,
     mostRecentTimeStamp: number,
@@ -54,15 +54,15 @@ export type ResponderSyntheticEvent<T> = $ReadOnly<{
   }>,
 }>;
 
-export type Layout = $ReadOnly<{
+export type LayoutRectangle = $ReadOnly<{
   x: number,
   y: number,
   width: number,
   height: number,
 }>;
 
-export type TextLayout = $ReadOnly<{
-  ...Layout,
+export type TextLayoutLine = $ReadOnly<{
+  ...LayoutRectangle,
   ascender: number,
   capHeight: number,
   descender: number,
@@ -70,17 +70,17 @@ export type TextLayout = $ReadOnly<{
   xHeight: number,
 }>;
 
-export type LayoutEvent = SyntheticEvent<
+export type LayoutChangeEvent = NativeSyntheticEvent<
   $ReadOnly<{
-    layout: Layout,
+    layout: LayoutRectangle,
   }>,
 >;
 
-export type TextLayoutEvent = SyntheticEvent<
-  $ReadOnly<{
-    lines: Array<TextLayout>,
-  }>,
->;
+export type TextLayoutEventData = $ReadOnly<{
+  lines: Array<TextLayoutLine>,
+}>;
+
+export type TextLayoutEvent = NativeSyntheticEvent<TextLayoutEventData>;
 
 /**
  * https://developer.mozilla.org/en-US/docs/Web/API/UIEvent
@@ -218,69 +218,102 @@ export interface NativePointerEvent extends NativeMouseEvent {
   +isPrimary: boolean;
 }
 
-export type PointerEvent = SyntheticEvent<NativePointerEvent>;
+export type PointerEvent = NativeSyntheticEvent<NativePointerEvent>;
 
-export type PressEvent = ResponderSyntheticEvent<
-  $ReadOnly<{
-    changedTouches: $ReadOnlyArray<$PropertyType<PressEvent, 'nativeEvent'>>,
-    force?: number,
-    identifier: number,
-    locationX: number,
-    locationY: number,
-    pageX: number,
-    pageY: number,
-    target: ?number,
-    timestamp: number,
-    touches: $ReadOnlyArray<$PropertyType<PressEvent, 'nativeEvent'>>,
-  }>,
->;
+export type NativeTouchEvent = $ReadOnly<{
+  /**
+   * Array of all touch events that have changed since the last event
+   */
+  changedTouches: $ReadOnlyArray<NativeTouchEvent>,
+  /**
+   * 3D Touch reported force
+   * @platform ios
+   */
+  force?: number,
+  /**
+   * The ID of the touch
+   */
+  identifier: number,
+  /**
+   * The X position of the touch, relative to the element
+   */
+  locationX: number,
+  /**
+   * The Y position of the touch, relative to the element
+   */
+  locationY: number,
+  /**
+   * The X position of the touch, relative to the screen
+   */
+  pageX: number,
+  /**
+   * The Y position of the touch, relative to the screen
+   */
+  pageY: number,
+  /**
+   * The node id of the element receiving the touch event
+   */
+  target: ?number,
+  /**
+   * A time identifier for the touch, useful for velocity calculation
+   */
+  timestamp: number,
+  /**
+   * Array of all current touches on the screen
+   */
+  touches: $ReadOnlyArray<NativeTouchEvent>,
+}>;
 
-export type ScrollEvent = SyntheticEvent<
-  $ReadOnly<{
-    contentInset: $ReadOnly<{
-      bottom: number,
-      left: number,
-      right: number,
-      top: number,
-    }>,
-    contentOffset: $ReadOnly<{
-      y: number,
-      x: number,
-    }>,
-    contentSize: $ReadOnly<{
-      height: number,
-      width: number,
-    }>,
-    layoutMeasurement: $ReadOnly<{
-      height: number,
-      width: number,
-    }>,
-    targetContentOffset?: $ReadOnly<{
-      y: number,
-      x: number,
-    }>,
-    velocity?: $ReadOnly<{
-      y: number,
-      x: number,
-    }>,
-    zoomScale?: number,
-    responderIgnoreScroll?: boolean,
-  }>,
->;
+export type GestureResponderEvent = ResponderSyntheticEvent<NativeTouchEvent>;
 
-export type BlurEvent = SyntheticEvent<
-  $ReadOnly<{
-    target: number,
-  }>,
->;
+export type NativeScrollRectangle = $ReadOnly<{
+  bottom: number,
+  left: number,
+  right: number,
+  top: number,
+}>;
 
-export type FocusEvent = SyntheticEvent<
-  $ReadOnly<{
-    target: number,
-  }>,
->;
+export type NativeScrollPoint = $ReadOnly<{
+  y: number,
+  x: number,
+}>;
+
+export type NativeScrollVelocity = $ReadOnly<{
+  y: number,
+  x: number,
+}>;
+
+export type NativeScrollSize = $ReadOnly<{
+  height: number,
+  width: number,
+}>;
+
+export type NativeScrollEvent = $ReadOnly<{
+  contentInset: NativeScrollRectangle,
+  contentOffset: NativeScrollPoint,
+  contentSize: NativeScrollSize,
+  layoutMeasurement: NativeScrollSize,
+  velocity?: NativeScrollVelocity,
+  zoomScale?: number,
+  responderIgnoreScroll?: boolean,
+  /**
+   * @platform ios
+   */
+  targetContentOffset?: NativeScrollPoint,
+}>;
+
+export type ScrollEvent = NativeSyntheticEvent<NativeScrollEvent>;
+
+export type TargetedEvent = $ReadOnly<{
+  target: number,
+  ...
+}>;
+
+export type BlurEvent = NativeSyntheticEvent<TargetedEvent>;
+
+export type FocusEvent = NativeSyntheticEvent<TargetedEvent>;
 
-export type MouseEvent = SyntheticEvent<
+export type MouseEvent = NativeSyntheticEvent<
   $ReadOnly<{
     clientX: number,
     clientY: number,

package/Libraries/Types/CoreEventTypes.win32.js

@@ -10,7 +10,7 @@
 
 import type {HostInstance} from '../Renderer/shims/ReactNativeTypes';
 
-export type SyntheticEvent<+T> = $ReadOnly<{
+export type NativeSyntheticEvent<+T> = $ReadOnly<{
   bubbles: ?boolean,
   cancelable: ?boolean,
   currentTarget: number | HostInstance,
@@ -32,7 +32,7 @@ export type SyntheticEvent<+T> = $ReadOnly<{
 }>;
 
 export type ResponderSyntheticEvent<T> = $ReadOnly<{
-  ...SyntheticEvent<T>,
+  ...NativeSyntheticEvent<T>,
   touchHistory: $ReadOnly<{
     indexOfSingleActiveTouch: number,
     mostRecentTimeStamp: number,
@@ -54,15 +54,15 @@ export type ResponderSyntheticEvent<T> = $ReadOnly<{
   }>,
 }>;
 
-export type Layout = $ReadOnly<{
+export type LayoutRectangle = $ReadOnly<{
   x: number,
   y: number,
   width: number,
   height: number,
 }>;
 
-export type TextLayout = $ReadOnly<{
-  ...Layout,
+export type TextLayoutLine = $ReadOnly<{
+  ...LayoutRectangle,
   ascender: number,
   capHeight: number,
   descender: number,
@@ -70,17 +70,17 @@ export type TextLayout = $ReadOnly<{
   xHeight: number,
 }>;
 
-export type LayoutEvent = SyntheticEvent<
+export type LayoutChangeEvent = NativeSyntheticEvent<
   $ReadOnly<{
-    layout: Layout,
+    layout: LayoutRectangle,
   }>,
 >;
 
-export type TextLayoutEvent = SyntheticEvent<
-  $ReadOnly<{
-    lines: Array<TextLayout>,
-  }>,
->;
+export type TextLayoutEventData = $ReadOnly<{
+  lines: Array<TextLayoutLine>,
+}>;
+
+export type TextLayoutEvent = NativeSyntheticEvent<TextLayoutEventData>;
 
 /**
  * https://developer.mozilla.org/en-US/docs/Web/API/UIEvent
@@ -228,78 +228,116 @@ export interface NativePointerEvent extends NativeMouseEvent {
   +isPrimary: boolean;
 }
 
-export type PointerEvent = SyntheticEvent<NativePointerEvent>;
+export type PointerEvent = NativeSyntheticEvent<NativePointerEvent>;
 
-export type PressEvent = ResponderSyntheticEvent<
-  $ReadOnly<{
-    altKey: ?boolean, // TODO(macOS)
-    button: ?number, // TODO(macOS)
-    changedTouches: $ReadOnlyArray<$PropertyType<PressEvent, 'nativeEvent'>>,
-    ctrlKey: ?boolean, // TODO(macOS)
-    force?: number,
-    identifier: number,
-    locationX: number,
-    locationY: number,
-    metaKey: ?boolean, // TODO(macOS)
-    pageX: number,
-    pageY: number,
-    shiftKey: ?boolean, // TODO(macOS)
-    target: ?number,
-    timestamp: number,
-    touches: $ReadOnlyArray<$PropertyType<PressEvent, 'nativeEvent'>>,
-  }>,
->;
+export type NativeTouchEvent = $ReadOnly<{
+  altKey: ?boolean, // TODO(macOS)
 
-export type ScrollEvent = SyntheticEvent<
-  $ReadOnly<{
-    contentInset: $ReadOnly<{
-      bottom: number,
-      left: number,
-      right: number,
-      top: number,
-    }>,
-    contentOffset: $ReadOnly<{
-      y: number,
-      x: number,
-    }>,
-    contentSize: $ReadOnly<{
-      height: number,
-      width: number,
-    }>,
-    layoutMeasurement: $ReadOnly<{
-      height: number,
-      width: number,
-    }>,
-    targetContentOffset?: $ReadOnly<{
-      y: number,
-      x: number,
-    }>,
-    velocity?: $ReadOnly<{
-      y: number,
-      x: number,
-    }>,
-    zoomScale?: number,
-    responderIgnoreScroll?: boolean,
-    key?: string, // TODO(macOS)
-  }>,
->;
+  button: ?number, // TODO(macOS)
+  /**
+   * Array of all touch events that have changed since the last event
+   */
+  changedTouches: $ReadOnlyArray<NativeTouchEvent>,
 
-export type BlurEvent = SyntheticEvent<
-  $ReadOnly<{
-    target: number,
-  }>,
->;
+  ctrlKey: ?boolean, // TODO(macOS)
 
-export type FocusEvent = SyntheticEvent<
-  $ReadOnly<{
-    target: number,
-  }>,
->;
+  /**
+   * 3D Touch reported force
+   * @platform ios
+   */
+  force?: number,
+  /**
+   * The ID of the touch
+   */
+  identifier: number,
+  /**
+   * The X position of the touch, relative to the element
+   */
+  locationX: number,
+  /**
+   * The Y position of the touch, relative to the element
+   */
+  locationY: number,
+  /**
+   * The X position of the touch, relative to the screen
+   */
+
+  metaKey: ?boolean, // TODO(macOS)
+
+  pageX: number,
+  /**
+   * The Y position of the touch, relative to the screen
+   */
+  pageY: number,
+
+  shiftKey: ?boolean, // TODO(macOS)
+  /**
+   * The node id of the element receiving the touch event
+   */
+  target: ?number,
+  /**
+   * A time identifier for the touch, useful for velocity calculation
+   */
+  timestamp: number,
+  /**
+   * Array of all current touches on the screen
+   */
+  touches: $ReadOnlyArray<NativeTouchEvent>,
+}>;
+
+export type GestureResponderEvent = ResponderSyntheticEvent<NativeTouchEvent>;
+
+export type NativeScrollRectangle = $ReadOnly<{
+  bottom: number,
+  left: number,
+  right: number,
+  top: number,
+}>;
+
+export type NativeScrollPoint = $ReadOnly<{
+  y: number,
+  x: number,
+}>;
+
+export type NativeScrollVelocity = $ReadOnly<{
+  y: number,
+  x: number,
+}>;
+
+export type NativeScrollSize = $ReadOnly<{
+  height: number,
+  width: number,
+}>;
+
+export type NativeScrollEvent = $ReadOnly<{
+  contentInset: NativeScrollRectangle,
+  contentOffset: NativeScrollPoint,
+  contentSize: NativeScrollSize,
+  layoutMeasurement: NativeScrollSize,
+  velocity?: NativeScrollVelocity,
+  zoomScale?: number,
+  responderIgnoreScroll?: boolean,
+  /**
+   * @platform ios
+   */
+  targetContentOffset?: NativeScrollPoint,
+}>;
+
+export type ScrollEvent = NativeSyntheticEvent<NativeScrollEvent>;
+
+export type TargetedEvent = $ReadOnly<{
+  target: number,
+  ...
+}>;
+
+export type BlurEvent = NativeSyntheticEvent<TargetedEvent>;
+
+export type FocusEvent = NativeSyntheticEvent<TargetedEvent>;
 
 // [Windows Mouse events on Windows don't match up with the version in core
 // introduced for react-native-web. Replace typings with our values to catch
 // anything dependent on react-native-web specific values
-export type MouseEvent = SyntheticEvent<
+export type MouseEvent = NativeSyntheticEvent<
   $ReadOnly<{
     target: number,
     identifier: number,
@@ -326,7 +364,7 @@ export type MouseEvent = SyntheticEvent<
 // Windows]
 
 // [Windows
-export type KeyEvent = SyntheticEvent<
+export type KeyEvent = NativeSyntheticEvent<
   $ReadOnly<{|
     altKey: boolean,
     ctrlKey: boolean,

package/Libraries/UTFSequence.js

@@ -10,7 +10,8 @@
 
 'use strict';
 
-const deepFreezeAndThrowOnMutationInDev = require('./Utilities/deepFreezeAndThrowOnMutationInDev');
+const deepFreezeAndThrowOnMutationInDev =
+  require('./Utilities/deepFreezeAndThrowOnMutationInDev').default;
 
 /**
  * A collection of Unicode sequences for various characters and emoji.

package/Libraries/Utilities/Appearance.js

@@ -14,7 +14,6 @@ import typeof INativeAppearance from './NativeAppearance';
 
 import NativeEventEmitter from '../EventEmitter/NativeEventEmitter';
 import EventEmitter from '../vendor/emitter/EventEmitter';
-import {isAsyncDebugging} from './DebugEnvironment';
 import invariant from 'invariant';
 
 type Appearance = {
@@ -74,13 +73,6 @@ function getState(): $NonMaybeType<typeof lazyState> {
  * the `useColorScheme` hook.
  */
 export function getColorScheme(): ?ColorSchemeName {
-  if (__DEV__) {
-    if (isAsyncDebugging) {
-      // Hard code light theme when using the async debugger as
-      // sync calls aren't supported
-      return 'light';
-    }
-  }
   let colorScheme = null;
   const state = getState();
   const {NativeAppearance} = state;

package/Libraries/Utilities/BackHandler.android.js

@@ -93,4 +93,4 @@ const BackHandler: TBackHandler = {
   },
 };
 
-module.exports = BackHandler;
+export default BackHandler;

package/Libraries/Utilities/BackHandler.ios.js

@@ -14,14 +14,14 @@ type BackPressHandler = () => ?boolean;
 function emptyFunction(): void {}
 
 type TBackHandler = {
-  +exitApp: () => void,
-  +addEventListener: (
+  exitApp(): void,
+  addEventListener(
     eventName: BackPressEventName,
     handler: BackPressHandler,
-  ) => {remove: () => void, ...},
+  ): {remove: () => void, ...},
 };
 
-let BackHandler: TBackHandler = {
+const BackHandler: TBackHandler = {
   exitApp: emptyFunction,
   addEventListener(_eventName: BackPressEventName, _handler: BackPressHandler) {
     return {
@@ -30,4 +30,4 @@ let BackHandler: TBackHandler = {
   },
 };
 
-module.exports = BackHandler;
+export default BackHandler;