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

package/src/private/renderer/errorhandling/ErrorHandlers.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict
+ * @format
  */
 
 import type {ExtendedError} from '../../../../Libraries/Core/ExtendedError';

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

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';

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

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';

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

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';

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

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';

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

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';

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

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';

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

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';

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

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';

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

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow
+ * @format
  */
 
 import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';

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

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict
+ * @format
  */
 
 import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';

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

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict
+ * @format
  */
 
 import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';

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

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow
+ * @format
  */
 
 import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';

package/src/private/types/HostInstance.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict
+ * @format
  */
 
 export type MeasureOnSuccessCallback = (

package/src/private/webapis/dom/nodes/ReactNativeDocument.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 // flowlint unsafe-getters-setters:off

package/src/private/webapis/dom/nodes/ReactNativeElement.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 // flowlint unsafe-getters-setters:off

package/src/private/webapis/dom/nodes/ReadOnlyCharacterData.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 // flowlint unsafe-getters-setters:off

package/src/private/webapis/dom/nodes/ReadOnlyElement.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 // flowlint unsafe-getters-setters:off

package/src/private/webapis/dom/nodes/ReadOnlyNode.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 // flowlint unsafe-getters-setters:off

package/src/private/webapis/dom/nodes/ReadOnlyText.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 // flowlint unsafe-getters-setters:off

package/src/private/webapis/dom/nodes/internals/NodeInternals.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 import type {InternalInstanceHandle} from '../../../../../../Libraries/Renderer/shims/ReactNativeTypes';

package/src/private/webapis/dom/nodes/internals/ReactNativeDocumentElementInstanceHandle.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 import type ReadOnlyNode from '../ReadOnlyNode';

package/src/private/webapis/dom/nodes/internals/ReactNativeDocumentInstanceHandle.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 import type {RootTag} from '../../../../../../Libraries/ReactNative/RootTag';

package/src/private/webapis/dom/nodes/internals/Traversal.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 import type ReadOnlyElement from '../ReadOnlyElement';

package/src/private/webapis/dom/oldstylecollections/HTMLCollection.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict
+ * @format
  */
 
 // flowlint unsafe-getters-setters:off

package/src/private/webapis/dom/oldstylecollections/NodeList.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict
+ * @format
  */
 
 // flowlint unsafe-getters-setters:off

package/src/private/webapis/geometry/DOMRectList.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict
+ * @format
  */
 
 // flowlint unsafe-getters-setters:off

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

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

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

@@ -92,7 +92,10 @@ let modernNativeIntersectionObserver =
           unobserve: NativeIntersectionObserver.unobserveV2,
         };
 
-if (!ReactNativeFeatureFlags.utilizeTokensInIntersectionObserver()) {
+if (
+  modernNativeIntersectionObserver &&
+  !ReactNativeFeatureFlags.utilizeTokensInIntersectionObserver()
+) {
   modernNativeIntersectionObserver = null;
 }
 
@@ -137,11 +140,9 @@ export function unregisterObserver(
  */
 export function observe({
   intersectionObserverId,
-  root,
   target,
 }: {
   intersectionObserverId: IntersectionObserverId,
-  root: ?ReactNativeElement,
   target: ReactNativeElement,
 }): boolean {
   if (NativeIntersectionObserver == null) {
@@ -173,15 +174,6 @@ 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);
@@ -199,7 +191,6 @@ export function observe({
   if (modernNativeIntersectionObserver == null) {
     NativeIntersectionObserver.observe({
       intersectionObserverId,
-      rootShadowNode: rootNativeNodeReference,
       targetShadowNode: targetNativeNodeReference,
       thresholds: registeredObserver.observer.thresholds,
       rootThresholds: registeredObserver.observer.rnRootThresholds,
@@ -207,7 +198,6 @@ 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,7 +25,6 @@ export type NativeIntersectionObserverEntry = {
 
 export type NativeIntersectionObserverObserveOptions = {
   intersectionObserverId: number,
-  rootShadowNode?: ?mixed,
   targetShadowNode: mixed,
   thresholds: $ReadOnlyArray<number>,
   rootThresholds?: ?$ReadOnlyArray<number>,

package/src/private/webapis/mutationobserver/MutationObserver.js

@@ -16,7 +16,6 @@ import type MutationRecord from './MutationRecord';
 import ReactNativeElement from '../dom/nodes/ReactNativeElement';
 import {setPlatformObject} from '../webidl/PlatformObjects';
 import * as MutationObserverManager from './internals/MutationObserverManager';
-import nullthrows from 'nullthrows';
 
 export type MutationObserverCallback = (
   mutationRecords: $ReadOnlyArray<MutationRecord>,
@@ -118,15 +117,11 @@ export default class MutationObserver {
 
     const mutationObserverId = this._getOrCreateMutationObserverId();
 
-    const didStartObserving = MutationObserverManager.observe({
+    MutationObserverManager.observe({
       mutationObserverId,
       target,
       subtree: Boolean(options?.subtree),
     });
-
-    if (didStartObserving && !MutationObserverManager.unobserveAll) {
-      this._observationTargets.add(target);
-    }
   }
 
   /**
@@ -139,17 +134,7 @@ export default class MutationObserver {
       return;
     }
 
-    if (MutationObserverManager.unobserveAll) {
-      MutationObserverManager.unobserveAll(mutationObserverId);
-    } else if (MutationObserverManager.unobserve) {
-      for (const target of this._observationTargets.keys()) {
-        nullthrows(MutationObserverManager.unobserve)(
-          mutationObserverId,
-          target,
-        );
-      }
-      this._observationTargets.clear();
-    }
+    MutationObserverManager.unobserveAll(mutationObserverId);
 
     MutationObserverManager.unregisterObserver(mutationObserverId);
     this._mutationObserverId = null;

package/src/private/webapis/mutationobserver/internals/MutationObserverManager.js

@@ -41,14 +41,6 @@ const registeredMutationObservers: Map<
   $ReadOnly<{observer: MutationObserver, callback: MutationObserverCallback}>,
 > = new Map();
 
-// The mapping between ReactNativeElement and their corresponding shadow node
-// needs to be kept here because React removes the link when unmounting.
-// TODO: remove this code when NativeMutationObserver.unobserveAll is available in all apps
-const targetToShadowNodeMap: WeakMap<
-  ReactNativeElement,
-  ReturnType<typeof getNativeNodeReference>,
-> = new WeakMap();
-
 /**
  * Registers the given mutation observer and returns a unique ID for it,
  * which is required to start observing targets.
@@ -91,10 +83,10 @@ export function observe({
   mutationObserverId: MutationObserverId,
   target: ReactNativeElement,
   subtree: boolean,
-}): boolean {
+}): void {
   if (NativeMutationObserver == null) {
     warnNoNativeMutationObserver();
-    return false;
+    return;
   }
 
   const registeredObserver =
@@ -103,19 +95,13 @@ export function observe({
     console.error(
       `MutationObserverManager: could not start observing target because MutationObserver with ID ${mutationObserverId} was not registered.`,
     );
-    return false;
+    return;
   }
 
   const targetShadowNode = getNativeNodeReference(target);
   if (targetShadowNode == null) {
     // The target is disconnected. We can't observe it anymore.
-    return false;
-  }
-
-  // We need to keep this temporarily until the changes in the native module have propagated.
-  // After that, we don't need to keep this mapping that can cause memory leaks.
-  if (!nativeUnobserveAll) {
-    targetToShadowNodeMap.set(target, targetShadowNode);
+    return;
   }
 
   if (!isConnected) {
@@ -136,65 +122,25 @@ export function observe({
     targetShadowNode,
     subtree,
   });
-
-  return true;
 }
 
-const nativeUnobserve = NativeMutationObserver?.unobserve;
-
-// TODO: delete in the next version, when NativeMutationObserver.unobserveAll is available in all apps
-export const unobserve: ?(
-  mutationObserverId: number,
-  target: ReactNativeElement,
-) => void = nativeUnobserve
-  ? function unobserve(
-      mutationObserverId: number,
-      target: ReactNativeElement,
-    ): void {
-      if (NativeMutationObserver == null) {
-        warnNoNativeMutationObserver();
-        return;
-      }
-
-      const registeredObserver =
-        registeredMutationObservers.get(mutationObserverId);
-      if (registeredObserver == null) {
-        console.error(
-          `MutationObserverManager: could not stop observing target because MutationObserver with ID ${mutationObserverId} was not registered.`,
-        );
-        return;
-      }
-
-      const targetShadowNode = targetToShadowNodeMap.get(target);
-      if (targetShadowNode == null) {
-        console.error(
-          'MutationObserverManager: could not find registration data for target',
-        );
-        return;
-      }
-
-      nativeUnobserve(mutationObserverId, targetShadowNode);
-    }
-  : null;
-
-const nativeUnobserveAll = NativeMutationObserver?.unobserveAll;
+export function unobserveAll(mutationObserverId: number): void {
+  if (NativeMutationObserver == null) {
+    warnNoNativeMutationObserver();
+    return;
+  }
 
-// TODO: clean up as a regular export in the next version, when NativeMutationObserver.unobserveAll is available in all apps
-export const unobserveAll: ?(mutationObserverId: number) => void =
-  nativeUnobserveAll
-    ? function unobserveAll(mutationObserverId: MutationObserverId): void {
-        const registeredObserver =
-          registeredMutationObservers.get(mutationObserverId);
-        if (registeredObserver == null) {
-          console.error(
-            `MutationObserverManager: could not stop observing target because MutationObserver with ID ${mutationObserverId} was not registered.`,
-          );
-          return;
-        }
+  const registeredObserver =
+    registeredMutationObservers.get(mutationObserverId);
+  if (registeredObserver == null) {
+    console.error(
+      `MutationObserverManager: could not disconnect MutationObserver with ID ${mutationObserverId} because it was not registered.`,
+    );
+    return;
+  }
 
-        nativeUnobserveAll(mutationObserverId);
-      }
-    : null;
+  NativeMutationObserver.unobserveAll(mutationObserverId);
+}
 
 /**
  * This function is called from native when there are `MutationObserver`

package/src/private/webapis/mutationobserver/specs/NativeMutationObserver.js

@@ -36,13 +36,7 @@ export type NativeMutationObserverObserveOptions = {
 
 export interface Spec extends TurboModule {
   +observe: (options: NativeMutationObserverObserveOptions) => void;
-  // TODO: remove in the next version
-  +unobserve?: (
-    mutationObserverId: number,
-    targetShadowNode: ShadowNode,
-  ) => void;
-  // TODO: remove optionality in the next version
-  +unobserveAll?: (mutationObserverId: number) => void;
+  +unobserveAll: (mutationObserverId: number) => void;
   +connect: (
     notifyMutationObservers: () => void,
     // We need this to retain the public instance before React removes the

package/src/private/webapis/performance/EventTiming.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict
+ * @format
  */
 
 // flowlint unsafe-getters-setters:off

package/src/private/webapis/performance/LongTasks.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict
+ * @format
  */
 
 // flowlint unsafe-getters-setters:off

package/src/private/webapis/performance/Performance.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict
+ * @format
  */
 
 // flowlint unsafe-getters-setters:off

package/src/private/webapis/performance/PerformanceEntry.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict
+ * @format
  */
 
 // flowlint unsafe-getters-setters:off