@office-iss/react-native-win32 0.0.0-canary.298 → 0.0.0-canary.299

package/src/private/specs_DEPRECATED/components/PullToRefreshViewNativeComponent.js

@@ -21,7 +21,7 @@ import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNative
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
-type NativeProps = $ReadOnly<{
+type PullToRefreshNativeProps = $ReadOnly<{
   ...ViewProps,
 
   /**
@@ -52,7 +52,7 @@ type NativeProps = $ReadOnly<{
   refreshing: boolean,
 }>;
 
-type ComponentType = HostComponent<NativeProps>;
+type ComponentType = HostComponent<PullToRefreshNativeProps>;
 
 interface NativeCommands {
   +setNativeRefreshing: (
@@ -65,7 +65,10 @@ export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
   supportedCommands: ['setNativeRefreshing'],
 });
 
-export default (codegenNativeComponent<NativeProps>('PullToRefreshView', {
-  paperComponentName: 'RCTRefreshControl',
-  excludedPlatforms: ['android'],
-}): HostComponent<NativeProps>);
+export default (codegenNativeComponent<PullToRefreshNativeProps>(
+  'PullToRefreshView',
+  {
+    paperComponentName: 'RCTRefreshControl',
+    excludedPlatforms: ['android'],
+  },
+): HostComponent<PullToRefreshNativeProps>);

package/src/private/specs_DEPRECATED/components/RCTInputAccessoryViewNativeComponent.js

@@ -14,13 +14,16 @@ import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type NativeProps = $ReadOnly<{
+type InputAccessoryNativeProps = $ReadOnly<{
   ...ViewProps,
   backgroundColor?: ?ColorValue,
 }>;
 
-export default (codegenNativeComponent<NativeProps>('InputAccessory', {
-  interfaceOnly: true,
-  paperComponentName: 'RCTInputAccessoryView',
-  excludedPlatforms: ['android'],
-}): HostComponent<NativeProps>);
+export default (codegenNativeComponent<InputAccessoryNativeProps>(
+  'InputAccessory',
+  {
+    interfaceOnly: true,
+    paperComponentName: 'RCTInputAccessoryView',
+    excludedPlatforms: ['android'],
+  },
+): HostComponent<InputAccessoryNativeProps>);

package/src/private/specs_DEPRECATED/components/RCTModalHostViewNativeComponent.js

@@ -22,7 +22,7 @@ type OrientationChangeEvent = $ReadOnly<{
   orientation: 'portrait' | 'landscape',
 }>;
 
-type NativeProps = $ReadOnly<{
+type RCTModalHostViewNativeProps = $ReadOnly<{
   ...ViewProps,
 
   /**
@@ -112,6 +112,12 @@ type NativeProps = $ReadOnly<{
    */
   animated?: WithDefault<boolean, false>,
 
+  /**
+   * Controls whether the modal can be dismissed by swiping down on iOS.
+   * This requires you to implement the `onRequestClose` prop to handle the dismissal.
+   */
+  allowSwipeDismissal?: WithDefault<boolean, false>,
+
   /**
    * The `supportedOrientations` prop allows the modal to be rotated to any of the specified orientations.
    *
@@ -141,7 +147,10 @@ type NativeProps = $ReadOnly<{
   identifier?: WithDefault<Int32, 0>,
 }>;
 
-export default (codegenNativeComponent<NativeProps>('ModalHostView', {
-  interfaceOnly: true,
-  paperComponentName: 'RCTModalHostView',
-}): HostComponent<NativeProps>);
+export default (codegenNativeComponent<RCTModalHostViewNativeProps>(
+  'ModalHostView',
+  {
+    interfaceOnly: true,
+    paperComponentName: 'RCTModalHostView',
+  },
+): HostComponent<RCTModalHostViewNativeProps>);

package/src/private/specs_DEPRECATED/components/RCTSafeAreaViewNativeComponent.js

@@ -13,13 +13,16 @@ import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type NativeProps = $ReadOnly<{
+type RCTSafeAreaViewNativeProps = $ReadOnly<{
   ...ViewProps,
 
   // No props
 }>;
 
-export default (codegenNativeComponent<NativeProps>('SafeAreaView', {
-  paperComponentName: 'RCTSafeAreaView',
-  interfaceOnly: true,
-}): HostComponent<NativeProps>);
+export default (codegenNativeComponent<RCTSafeAreaViewNativeProps>(
+  'SafeAreaView',
+  {
+    paperComponentName: 'RCTSafeAreaView',
+    interfaceOnly: true,
+  },
+): HostComponent<RCTSafeAreaViewNativeProps>);

package/src/private/specs_DEPRECATED/components/SwitchNativeComponent.js

@@ -21,12 +21,12 @@ import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNative
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
-type SwitchChangeEvent = $ReadOnly<{
+type NativeSwitchChangeEvent = $ReadOnly<{
   value: boolean,
   target: Int32,
 }>;
 
-type NativeProps = $ReadOnly<{
+type SwitchNativeProps = $ReadOnly<{
   ...ViewProps,
 
   // Props
@@ -42,10 +42,10 @@ type NativeProps = $ReadOnly<{
   trackColorForTrue?: ?ColorValue,
 
   // Events
-  onChange?: ?BubblingEventHandler<SwitchChangeEvent>,
+  onChange?: ?BubblingEventHandler<NativeSwitchChangeEvent>,
 }>;
 
-type ComponentType = HostComponent<NativeProps>;
+type ComponentType = HostComponent<SwitchNativeProps>;
 
 interface NativeCommands {
   +setValue: (viewRef: React.ElementRef<ComponentType>, value: boolean) => void;
@@ -55,7 +55,7 @@ export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
   supportedCommands: ['setValue'],
 });
 
-export default (codegenNativeComponent<NativeProps>('Switch', {
+export default (codegenNativeComponent<SwitchNativeProps>('Switch', {
   paperComponentName: 'RCTSwitch',
   excludedPlatforms: ['android'],
 }): ComponentType);

package/src/private/specs_DEPRECATED/components/UnimplementedNativeViewNativeComponent.js

@@ -14,13 +14,13 @@ import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type NativeProps = $ReadOnly<{
+type UnimplementedNativeViewNativeProps = $ReadOnly<{
   ...ViewProps,
   name?: WithDefault<string, ''>,
 }>;
 
 // NOTE: This component is not implemented in paper
 // Do not require this file in paper builds
-export default (codegenNativeComponent<NativeProps>(
+export default (codegenNativeComponent<UnimplementedNativeViewNativeProps>(
   'UnimplementedNativeView',
-): HostComponent<NativeProps>);
+): HostComponent<UnimplementedNativeViewNativeProps>);

package/src/private/specs_DEPRECATED/modules/NativeDeviceInfo.js

@@ -36,6 +36,7 @@ export type DimensionsPayload = {
 
 export type DeviceInfoConstants = {
   +Dimensions: DimensionsPayload,
+  +isEdgeToEdge?: boolean,
   +isIPhoneX_deprecated?: boolean,
 };
 

package/src/private/specs_DEPRECATED/modules/NativeUIManager.js

@@ -13,7 +13,7 @@ import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
 
 import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
 
-export type MeasureOnSuccessCallback = (
+export type NativeMeasureOnSuccessCallback = (
   x: number,
   y: number,
   width: number,
@@ -22,14 +22,14 @@ export type MeasureOnSuccessCallback = (
   pageY: number,
 ) => void;
 
-export type MeasureInWindowOnSuccessCallback = (
+export type NativeMeasureInWindowOnSuccessCallback = (
   x: number,
   y: number,
   width: number,
   height: number,
 ) => void;
 
-export type MeasureLayoutOnSuccessCallback = (
+export type NativeMeasureLayoutOnSuccessCallback = (
   left: number,
   top: number,
   width: number,
@@ -87,7 +87,10 @@ export interface Spec extends TurboModule {
    *
    * @deprecated Use `ref.measure` instead.
    */
-  +measure: (reactTag: number, callback: MeasureOnSuccessCallback) => void;
+  +measure: (
+    reactTag: number,
+    callback: NativeMeasureOnSuccessCallback,
+  ) => void;
   /**
    * Determines the location of the given view in the window and returns the
    * values via an async callback. If the React root view is embedded in
@@ -107,7 +110,7 @@ export interface Spec extends TurboModule {
    */
   +measureInWindow: (
     reactTag: number,
-    callback: MeasureInWindowOnSuccessCallback,
+    callback: NativeMeasureInWindowOnSuccessCallback,
   ) => void;
   +viewIsDescendantOf: (
     reactTag: number,
@@ -128,7 +131,7 @@ export interface Spec extends TurboModule {
     reactTag: number,
     ancestorReactTag: number,
     errorCallback: (error: Object) => void,
-    callback: MeasureLayoutOnSuccessCallback,
+    callback: NativeMeasureLayoutOnSuccessCallback,
   ) => void;
   +measureLayoutRelativeToParent: (
     reactTag: number,

package/src/private/styles/composeStyles.js

@@ -4,26 +4,19 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @flow strict
  * @format
  */
 
-import type {
-  ImageStyle,
-  TextStyle,
-  ViewStyle,
-} from '../../../Libraries/StyleSheet/StyleSheet';
-import type {StyleProp} from '../../../Libraries/StyleSheet/StyleSheetTypes';
-
 /**
  * Combines two styles such that `style2` will override any styles in `style1`.
  * If either style is null or undefined, the other one is returned without
  * allocating an array, saving allocations and enabling memoization.
  */
-export default function composeStyles<
-  T: ViewStyle | ImageStyle | TextStyle,
-  U: T,
-  V: T,
->(style1: ?StyleProp<U>, style2: ?StyleProp<V>): ?StyleProp<T> {
+export default function composeStyles<T, U: T, V: T>(
+  style1: ?U,
+  style2: ?V,
+): ?(T | $ReadOnlyArray<T>) {
   if (style1 == null) {
     return style2;
   }

package/src/private/webapis/errors/DOMException.js

@@ -70,7 +70,7 @@ const ERROR_CODES: {[string]: number} = {
   DATA_CLONE_ERR: 25,
 };
 
-/* eslint-disable lint/require-extends-error */
+/* eslint-disable @react-native/monorepo/require-extends-error */
 // $FlowExpectedError[incompatible-variance] name is writable in Error but not in DOMException, but this is how it works on Web.
 export default class DOMException extends Error {
   static +INDEX_SIZE_ERR: 1;

package/src/private/webapis/idlecallbacks/specs/NativeIdleCallbacks.js

@@ -12,6 +12,8 @@ import type {TurboModule} from '../../../../../Libraries/TurboModule/RCTExport';
 
 import * as TurboModuleRegistry from '../../../../../Libraries/TurboModule/TurboModuleRegistry';
 
+export opaque type IdleCallbackID = mixed;
+
 export type RequestIdleCallbackOptions = {
   timeout?: number,
 };
@@ -25,8 +27,8 @@ export interface Spec extends TurboModule {
   +requestIdleCallback: (
     callback: (idleDeadline: IdleDeadline) => mixed,
     options?: RequestIdleCallbackOptions,
-  ) => mixed;
-  +cancelIdleCallback: (handle: mixed) => void;
+  ) => IdleCallbackID;
+  +cancelIdleCallback: (handle: IdleCallbackID) => void;
 }
 
 export default (TurboModuleRegistry.getEnforcing<Spec>(

package/src/private/webapis/intersectionobserver/IntersectionObserver.js

@@ -23,7 +23,7 @@ export type IntersectionObserverCallback = (
 ) => mixed;
 
 export interface IntersectionObserverInit {
-  // root?: ReactNativeElement, // This option exists on the Web but it's not currently supported in React Native.
+  root?: ?ReactNativeElement;
   // rootMargin?: string, // This option exists on the Web but it's not currently supported in React Native.
   threshold?: number | $ReadOnlyArray<number>;
 
@@ -67,6 +67,7 @@ export default class IntersectionObserver {
   _observationTargets: Set<ReactNativeElement> = new Set();
   _intersectionObserverId: ?IntersectionObserverId;
   _rootThresholds: $ReadOnlyArray<number> | null;
+  _root: ReactNativeElement | null;
 
   constructor(
     callback: IntersectionObserverCallback,
@@ -85,16 +86,18 @@ export default class IntersectionObserver {
     }
 
     // $FlowExpectedError[prop-missing] it's not typed in React Native but exists on Web.
-    if (options?.root != null) {
+    if (options?.rootMargin != null) {
       throw new TypeError(
-        "Failed to construct 'IntersectionObserver': root is not supported",
+        "Failed to construct 'IntersectionObserver': rootMargin is not supported",
       );
     }
 
-    // $FlowExpectedError[prop-missing] it's not typed in React Native but exists on Web.
-    if (options?.rootMargin != null) {
+    if (
+      options?.root != null &&
+      !(options?.root instanceof ReactNativeElement)
+    ) {
       throw new TypeError(
-        "Failed to construct 'IntersectionObserver': rootMargin is not supported",
+        "Failed to construct 'IntersectionObserver': Failed to read the 'root' property from 'IntersectionObserverInit': The provided value is not of type '(null or ReactNativeElement)",
       );
     }
 
@@ -105,6 +108,7 @@ export default class IntersectionObserver {
       options?.threshold,
       this._rootThresholds != null, // only provide default if no rootThreshold
     );
+    this._root = options?.root ?? null;
   }
 
   /**
@@ -116,7 +120,7 @@ export default class IntersectionObserver {
    * NOTE: This cannot currently be configured and `root` is always `null`.
    */
   get root(): ReactNativeElement | null {
-    return null;
+    return this._root;
   }
 
   /**
@@ -183,6 +187,7 @@ export default class IntersectionObserver {
 
     const didStartObserving = IntersectionObserverManager.observe({
       intersectionObserverId: this._getOrCreateIntersectionObserverId(),
+      root: this._root,
       target,
     });
 

package/src/private/webapis/intersectionobserver/internals/IntersectionObserverManager.js

@@ -140,9 +140,11 @@ export function unregisterObserver(
  */
 export function observe({
   intersectionObserverId,
+  root,
   target,
 }: {
   intersectionObserverId: IntersectionObserverId,
+  root: ?ReactNativeElement,
   target: ReactNativeElement,
 }): boolean {
   if (NativeIntersectionObserver == null) {
@@ -174,6 +176,15 @@ export function observe({
     return false;
   }
 
+  const rootNativeNodeReference =
+    root != null ? getNativeNodeReference(root) : null;
+  if (root != null && rootNativeNodeReference == null) {
+    console.error(
+      'IntersectionObserverManager: could not find shadow node for observation root',
+    );
+    return false;
+  }
+
   // Store the mapping between the instance handle and the target so we can
   // access it even after the instance handle has been unmounted.
   setTargetForInstanceHandle(instanceHandle, target);
@@ -191,6 +202,7 @@ export function observe({
   if (modernNativeIntersectionObserver == null) {
     NativeIntersectionObserver.observe({
       intersectionObserverId,
+      rootShadowNode: rootNativeNodeReference,
       targetShadowNode: targetNativeNodeReference,
       thresholds: registeredObserver.observer.thresholds,
       rootThresholds: registeredObserver.observer.rnRootThresholds,
@@ -198,6 +210,7 @@ export function observe({
   } else {
     const token = modernNativeIntersectionObserver.observe({
       intersectionObserverId,
+      rootShadowNode: rootNativeNodeReference,
       targetShadowNode: targetNativeNodeReference,
       thresholds: registeredObserver.observer.thresholds,
       rootThresholds: registeredObserver.observer.rnRootThresholds,

package/src/private/webapis/intersectionobserver/specs/NativeIntersectionObserver.js

@@ -25,12 +25,13 @@ export type NativeIntersectionObserverEntry = {
 
 export type NativeIntersectionObserverObserveOptions = {
   intersectionObserverId: number,
+  rootShadowNode?: ?mixed,
   targetShadowNode: mixed,
   thresholds: $ReadOnlyArray<number>,
   rootThresholds?: ?$ReadOnlyArray<number>,
 };
 
-export type NativeIntersectionObserverToken = mixed;
+export opaque type NativeIntersectionObserverToken = mixed;
 
 export interface Spec extends TurboModule {
   // TODO(T223605846): Remove legacy observe method