react-native-tvos 0.77.1-0 → 0.78.0-0

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

@@ -17,6 +17,7 @@ export type NativeIntersectionObserverEntry = {
   targetInstanceHandle: mixed,
   targetRect: $ReadOnlyArray<number>, // It's actually a tuple with x, y, width and height
   rootRect: $ReadOnlyArray<number>, // It's actually a tuple with x, y, width and height
+  // TODO(T209328432) - Remove optionality of intersectionRect when native changes are released
   intersectionRect: ?$ReadOnlyArray<number>, // It's actually a tuple with x, y, width and height
   isIntersectingAboveThresholds: boolean,
   time: number,

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

@@ -115,9 +115,6 @@ export default class Performance {
         markName,
         markOptions?.startTime,
       );
-    } else if (NativePerformance?.mark) {
-      computedStartTime = markOptions?.startTime ?? performance.now();
-      NativePerformance?.mark?.(markName, computedStartTime);
     } else {
       warnNoNativePerformance();
       computedStartTime = performance.now();
@@ -203,15 +200,6 @@ export default class Performance {
           startMarkName,
           endMarkName,
         );
-    } else if (NativePerformance?.measure) {
-      NativePerformance.measure(
-        measureName,
-        startTime,
-        endTime,
-        duration,
-        startMarkName,
-        endMarkName,
-      );
     } else {
       warnNoNativePerformance();
     }

package/src/private/webapis/performance/specs/NativePerformance.js

@@ -45,17 +45,6 @@ export type PerformanceObserverInit = {
 
 export interface Spec extends TurboModule {
   +now?: () => number;
-  // TODO: remove when `markWithResult` is fully rolled out.
-  +mark?: (name: string, startTime: number) => void;
-  // TODO: remove when `measureWithResult` is fully rolled out.
-  +measure?: (
-    name: string,
-    startTime: number,
-    endTime: number,
-    duration?: number,
-    startMark?: string,
-    endMark?: string,
-  ) => void;
   +markWithResult?: (
     name: string,
     startTime?: number,

package/types/index.d.ts

@@ -84,6 +84,7 @@ export * from '../Libraries/Components/Clipboard/Clipboard';
 export * from '../Libraries/Components/DrawerAndroid/DrawerLayoutAndroid';
 export * from '../Libraries/Components/Keyboard/Keyboard';
 export * from '../Libraries/Components/Keyboard/KeyboardAvoidingView';
+export * from '../Libraries/Components/LayoutConformance/LayoutConformance';
 export * from '../Libraries/Components/Pressable/Pressable';
 export * from '../Libraries/Components/ProgressBarAndroid/ProgressBarAndroid';
 export * from '../Libraries/Components/RefreshControl/RefreshControl';

package/types/public/ReactNativeTVTypes.d.ts

@@ -2,8 +2,6 @@ import * as React from 'react';
 import type { View, ScrollViewProps, HostComponent, EventSubscription } from 'react-native';
 
 declare module 'react-native' {
-  export type FocusDestination = null | number | React.Component<any, any> | React.ComponentClass<any>;
-
   interface ViewProps {
   /**
    * Android TV only prop
@@ -12,29 +10,29 @@ declare module 'react-native' {
   /**
    * TV next focus down (see documentation for the View component).
    */
-  nextFocusDown?: FocusDestination | undefined,
+  nextFocusDown?: number | undefined,
 
   /**
    * TV next focus forward (see documentation for the View component).
    *
    * @platform android
    */
-  nextFocusForward?: FocusDestination | undefined,
+  nextFocusForward?: number | undefined,
 
   /**
    * TV next focus left (see documentation for the View component).
    */
-  nextFocusLeft?: FocusDestination | undefined,
+  nextFocusLeft?: number | undefined,
 
   /**
    * TV next focus right (see documentation for the View component).
    */
-  nextFocusRight?: FocusDestination | undefined,
+  nextFocusRight?: number | undefined,
 
   /**
    * TV next focus up (see documentation for the View component).
    */
-  nextFocusUp?: FocusDestination | undefined,
+  nextFocusUp?: number | undefined,
   }
 
   export interface NativeMethods {
@@ -65,48 +63,6 @@ declare module 'react-native' {
     } | undefined
   };
 
-  export type TVParallaxProperties = {
-    /**
-     * If true, parallax effects are enabled.  Defaults to true.
-     */
-    enabled?: boolean | undefined,
-
-    /**
-     * Defaults to 2.0.
-     */
-    shiftDistanceX?: number | undefined,
-
-    /**
-     * Defaults to 2.0.
-     */
-    shiftDistanceY?: number | undefined,
-
-    /**
-     * Defaults to 0.05.
-     */
-    tiltAngle?: number | undefined,
-
-    /**
-     * Defaults to 1.0
-     */
-    magnification?: number | undefined,
-
-    /**
-     * Defaults to 1.0
-     */
-    pressMagnification?: number | undefined,
-
-    /**
-     * Defaults to 0.3
-     */
-    pressDuration?: number | undefined,
-
-    /**
-     * @deprecated No longer used
-     */
-    pressDelay?: number | undefined,
-  };
-
   export const TVEventHandler: {
     addListener: (listener: (event: HWEvent) => void) => EventSubscription | undefined
   };
@@ -120,7 +76,7 @@ declare module 'react-native' {
     /**
      * Array of `Component`s to register as destinations with `UIFocusGuide`
      */
-    destinations?: FocusDestination[] | undefined;
+    destinations?: (null | number | React.Component<any, any> | React.ComponentClass<any>)[] | undefined;
     /**
      * If true, `TVFocusGuide` will automatically manage focus for you.
      * It will redirect the focus to the first focusable child on the first visit.
@@ -156,7 +112,7 @@ declare module 'react-native' {
 
   export type FocusGuideMethods = {
     setDestinations: (
-      destinations: FocusDestination[],
+      destinations: (React.ElementRef<HostComponent<unknown>> | null | undefined)[],
     ) => void;
   }
 
@@ -233,3 +189,45 @@ declare module 'react-native' {
     tvParallaxProperties?: TVParallaxProperties | undefined;
   }
 }
+
+export type TVParallaxProperties = {
+  /**
+   * If true, parallax effects are enabled.  Defaults to true.
+   */
+  enabled?: boolean | undefined,
+
+  /**
+   * Defaults to 2.0.
+   */
+  shiftDistanceX?: number | undefined,
+
+  /**
+   * Defaults to 2.0.
+   */
+  shiftDistanceY?: number | undefined,
+
+  /**
+   * Defaults to 0.05.
+   */
+  tiltAngle?: number | undefined,
+
+  /**
+   * Defaults to 1.0
+   */
+  magnification?: number | undefined,
+
+  /**
+   * Defaults to 1.0
+   */
+  pressMagnification?: number | undefined,
+
+  /**
+   * Defaults to 0.3
+   */
+  pressDuration?: number | undefined,
+
+  /**
+   * @deprecated No longer used
+   */
+  pressDelay?: number | undefined,
+};

package/Libraries/HeapCapture/HeapCapture.js

@@ -1,29 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * 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
- */
-
-import NativeJSCHeapCapture from './NativeJSCHeapCapture';
-
-const HeapCapture = {
-  captureHeap: function (path: string) {
-    let error = null;
-    try {
-      global.nativeCaptureHeap(path);
-      console.log('HeapCapture.captureHeap succeeded: ' + path);
-    } catch (e) {
-      console.log('HeapCapture.captureHeap error: ' + e.toString());
-      error = e.toString();
-    }
-    if (NativeJSCHeapCapture) {
-      NativeJSCHeapCapture.captureComplete(path, error);
-    }
-  },
-};
-
-module.exports = HeapCapture;

package/Libraries/HeapCapture/NativeJSCHeapCapture.js

@@ -1,13 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * 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
- */
-
-export * from '../../src/private/specs/modules/NativeJSCHeapCapture';
-import NativeJSCHeapCapture from '../../src/private/specs/modules/NativeJSCHeapCapture';
-export default NativeJSCHeapCapture;

package/Libraries/Performance/NativeJSCSamplingProfiler.js

@@ -1,13 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * 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
- */
-
-export * from '../../src/private/specs/modules/NativeJSCSamplingProfiler';
-import NativeJSCSamplingProfiler from '../../src/private/specs/modules/NativeJSCSamplingProfiler';
-export default NativeJSCSamplingProfiler;

package/Libraries/Performance/SamplingProfiler.js

@@ -1,39 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * 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
- */
-
-'use strict';
-
-const SamplingProfiler = {
-  poke: function (token: number): void {
-    let error = null;
-    let result = null;
-    try {
-      result = global.pokeSamplingProfiler();
-      if (result === null) {
-        console.log('The JSC Sampling Profiler has started');
-      } else {
-        console.log('The JSC Sampling Profiler has stopped');
-      }
-    } catch (e) {
-      console.log(
-        'Error occurred when restarting Sampling Profiler: ' + e.toString(),
-      );
-      error = e.toString();
-    }
-
-    const NativeJSCSamplingProfiler =
-      require('./NativeJSCSamplingProfiler').default;
-    if (NativeJSCSamplingProfiler) {
-      NativeJSCSamplingProfiler.operationComplete(token, result, error);
-    }
-  },
-};
-
-module.exports = SamplingProfiler;

package/Libraries/ReactNative/__mocks__/FabricUIManager.js

@@ -1,334 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- * @oncall react_native
- */
-
-import type {
-  InternalInstanceHandle,
-  LayoutAnimationConfig,
-  MeasureInWindowOnSuccessCallback,
-  MeasureLayoutOnSuccessCallback,
-  MeasureOnSuccessCallback,
-  Node,
-} from '../../Renderer/shims/ReactNativeTypes';
-import type {RootTag} from '../../Types/RootTagTypes';
-import type {
-  NodeProps,
-  NodeSet,
-  Spec as FabricUIManager,
-} from '../FabricUIManager';
-
-import {createRootTag} from '../RootTag.js';
-
-export type NodeMock = {
-  children: NodeSet,
-  instanceHandle: InternalInstanceHandle,
-  props: NodeProps,
-  reactTag: number,
-  rootTag: RootTag,
-  viewName: string,
-};
-
-export function fromNode(node: Node): NodeMock {
-  // $FlowExpectedError[incompatible-return]
-  return node;
-}
-
-export function toNode(node: NodeMock): Node {
-  // $FlowExpectedError[incompatible-return]
-  return node;
-}
-
-// Mock of the Native Hooks
-
-const roots: Map<RootTag, NodeSet> = new Map();
-const allocatedTags: Set<number> = new Set();
-
-export function ensureHostNode(node: Node): void {
-  if (node == null || typeof node !== 'object') {
-    throw new Error(
-      `Expected node to be an object. Got ${
-        node === null ? 'null' : typeof node
-      } value`,
-    );
-  }
-
-  if (typeof node.viewName !== 'string') {
-    throw new Error(
-      `Expected node to be a host node. Got object with ${
-        node.viewName === null ? 'null' : typeof node.viewName
-      } viewName`,
-    );
-  }
-}
-
-function getAncestorsInChildSet(
-  node: Node,
-  childSet: NodeSet,
-): ?$ReadOnlyArray<[Node, number]> {
-  const rootNode = toNode({
-    reactTag: 0,
-    rootTag: fromNode(node).rootTag,
-    viewName: 'RootNode',
-    // $FlowExpectedError
-    instanceHandle: null,
-    props: {},
-    children: childSet,
-  });
-
-  let position = 0;
-  for (const child of childSet) {
-    const ancestors = getAncestors(child, node);
-    if (ancestors) {
-      return [[rootNode, position]].concat(ancestors);
-    }
-    position++;
-  }
-
-  return null;
-}
-
-export function getAncestorsInCurrentTree(
-  node: Node,
-): ?$ReadOnlyArray<[Node, number]> {
-  const childSet = roots.get(fromNode(node).rootTag);
-  if (childSet == null) {
-    return null;
-  }
-
-  return getAncestorsInChildSet(node, childSet);
-}
-
-function getAncestors(root: Node, node: Node): ?$ReadOnlyArray<[Node, number]> {
-  if (fromNode(root).reactTag === fromNode(node).reactTag) {
-    return [];
-  }
-
-  let position = 0;
-  for (const child of fromNode(root).children) {
-    const ancestors = getAncestors(child, node);
-    if (ancestors != null) {
-      return [[root, position]].concat(ancestors);
-    }
-    position++;
-  }
-
-  return null;
-}
-
-export function getNodeInChildSet(node: Node, childSet: NodeSet): ?Node {
-  const ancestors = getAncestorsInChildSet(node, childSet);
-  if (ancestors == null) {
-    return null;
-  }
-
-  const [parent, position] = ancestors[ancestors.length - 1];
-  const nodeInCurrentTree = fromNode(parent).children[position];
-  return nodeInCurrentTree;
-}
-
-export function getNodeInCurrentTree(node: Node): ?Node {
-  const childSet = roots.get(fromNode(node).rootTag);
-  if (childSet == null) {
-    return null;
-  }
-
-  return getNodeInChildSet(node, childSet);
-}
-
-interface IFabricUIManagerMock extends FabricUIManager {
-  getRoot(rootTag: RootTag | number): NodeSet;
-  __getInstanceHandleFromNode(node: Node): InternalInstanceHandle;
-  __addCommitHook(commitHook: UIManagerCommitHook): void;
-  __removeCommitHook(commitHook: UIManagerCommitHook): void;
-}
-
-export interface UIManagerCommitHook {
-  shadowTreeWillCommit: (
-    rootTag: RootTag,
-    oldChildSet: ?NodeSet,
-    newChildSet: NodeSet,
-  ) => void;
-}
-
-const commitHooks: Set<UIManagerCommitHook> = new Set();
-
-const FabricUIManagerMock: IFabricUIManagerMock = {
-  createNode: jest.fn(
-    (
-      reactTag: number,
-      viewName: string,
-      rootTag: RootTag,
-      props: NodeProps,
-      instanceHandle: InternalInstanceHandle,
-    ): Node => {
-      if (allocatedTags.has(reactTag)) {
-        throw new Error(`Created two native views with tag ${reactTag}`);
-      }
-
-      allocatedTags.add(reactTag);
-      return toNode({
-        reactTag,
-        rootTag,
-        viewName,
-        instanceHandle,
-        props: props,
-        children: [],
-      });
-    },
-  ),
-
-  cloneNode: jest.fn((node: Node): Node => {
-    return toNode({...fromNode(node)});
-  }),
-
-  cloneNodeWithNewChildren: jest.fn((node: Node): Node => {
-    return toNode({...fromNode(node), children: []});
-  }),
-
-  cloneNodeWithNewProps: jest.fn((node: Node, newProps: NodeProps): Node => {
-    return toNode({
-      ...fromNode(node),
-      props: {
-        ...fromNode(node).props,
-        ...newProps,
-      },
-    });
-  }),
-
-  cloneNodeWithNewChildrenAndProps: jest.fn(
-    (node: Node, newProps: NodeProps): Node => {
-      return toNode({
-        ...fromNode(node),
-        children: [],
-        props: {
-          ...fromNode(node).props,
-          ...newProps,
-        },
-      });
-    },
-  ),
-
-  createChildSet: jest.fn((rootTag: RootTag): NodeSet => {
-    return [];
-  }),
-
-  appendChild: jest.fn((parentNode: Node, child: Node): Node => {
-    // Although the signature returns a Node, React expects this to be mutating.
-    fromNode(parentNode).children.push(child);
-    return parentNode;
-  }),
-
-  appendChildToSet: jest.fn((childSet: NodeSet, child: Node): void => {
-    childSet.push(child);
-  }),
-
-  completeRoot: jest.fn((rootTag: RootTag, childSet: NodeSet): void => {
-    commitHooks.forEach(hook =>
-      hook.shadowTreeWillCommit(rootTag, roots.get(rootTag), childSet),
-    );
-    roots.set(rootTag, childSet);
-  }),
-
-  measure: jest.fn((node: Node, callback: MeasureOnSuccessCallback): void => {
-    ensureHostNode(node);
-
-    callback(10, 10, 100, 100, 0, 0);
-  }),
-
-  measureInWindow: jest.fn(
-    (node: Node, callback: MeasureInWindowOnSuccessCallback): void => {
-      ensureHostNode(node);
-
-      callback(10, 10, 100, 100);
-    },
-  ),
-
-  measureLayout: jest.fn(
-    (
-      node: Node,
-      relativeNode: Node,
-      onFail: () => void,
-      onSuccess: MeasureLayoutOnSuccessCallback,
-    ): void => {
-      ensureHostNode(node);
-      ensureHostNode(relativeNode);
-
-      onSuccess(1, 1, 100, 100);
-    },
-  ),
-
-  configureNextLayoutAnimation: jest.fn(
-    (
-      config: LayoutAnimationConfig,
-      callback: () => void, // check what is returned here
-      errorCallback: () => void,
-    ): void => {},
-  ),
-
-  sendAccessibilityEvent: jest.fn((node: Node, eventType: string): void => {}),
-
-  findShadowNodeByTag_DEPRECATED: jest.fn((reactTag: number): ?Node => {}),
-
-  findNodeAtPoint: jest.fn(
-    (
-      node: Node,
-      locationX: number,
-      locationY: number,
-      callback: (instanceHandle: ?InternalInstanceHandle) => void,
-    ): void => {},
-  ),
-
-  getBoundingClientRect: jest.fn(
-    (
-      node: Node,
-      includeTransform: boolean,
-    ): ?[
-      /* x:*/ number,
-      /* y:*/ number,
-      /* width:*/ number,
-      /* height:*/ number,
-    ] => {},
-  ),
-
-  setNativeProps: jest.fn((node: Node, newProps: NodeProps): void => {}),
-
-  dispatchCommand: jest.fn(
-    (node: Node, commandName: string, args: Array<mixed>): void => {},
-  ),
-
-  compareDocumentPosition: jest.fn((node: Node, otherNode: Node): number => 0),
-
-  getRoot(containerTag: RootTag | number): NodeSet {
-    const tag = createRootTag(containerTag);
-    const root = roots.get(tag);
-    if (!root) {
-      throw new Error('No root found for containerTag ' + Number(tag));
-    }
-    return root;
-  },
-
-  __getInstanceHandleFromNode(node: Node): InternalInstanceHandle {
-    return fromNode(node).instanceHandle;
-  },
-
-  __addCommitHook(commitHook: UIManagerCommitHook): void {
-    commitHooks.add(commitHook);
-  },
-
-  __removeCommitHook(commitHook: UIManagerCommitHook): void {
-    commitHooks.delete(commitHook);
-  },
-};
-
-global.nativeFabricUIManager = FabricUIManagerMock;
-
-export function getFabricUIManager(): ?IFabricUIManagerMock {
-  return FabricUIManagerMock;
-}