react-native-tvos 0.78.0-0rc4 → 0.79.0-0rc2

package/Libraries/Types/CoreEventTypes.js

@@ -8,16 +8,16 @@
  * @format
  */
 
-import type {HostInstance} from '../Renderer/shims/ReactNativeTypes';
+import type {HostInstance} from '../../src/private/types/HostInstance';
 
-export type SyntheticEvent<+T> = $ReadOnly<{|
+export type NativeSyntheticEvent<+T> = $ReadOnly<{
   bubbles: ?boolean,
   cancelable: ?boolean,
   currentTarget: number | HostInstance,
   defaultPrevented: ?boolean,
-  dispatchConfig: $ReadOnly<{|
+  dispatchConfig: $ReadOnly<{
     registrationName: string,
-  |}>,
+  }>,
   eventPhase: ?number,
   preventDefault: () => void,
   isDefaultPrevented: () => boolean,
@@ -29,16 +29,16 @@ export type SyntheticEvent<+T> = $ReadOnly<{|
   target: ?number | HostInstance,
   timeStamp: number,
   type: ?string,
-|}>;
+}>;
 
-export type ResponderSyntheticEvent<T> = $ReadOnly<{|
-  ...SyntheticEvent<T>,
-  touchHistory: $ReadOnly<{|
+export type ResponderSyntheticEvent<T> = $ReadOnly<{
+  ...NativeSyntheticEvent<T>,
+  touchHistory: $ReadOnly<{
     indexOfSingleActiveTouch: number,
     mostRecentTimeStamp: number,
     numberActiveTouches: number,
     touchBank: $ReadOnlyArray<
-      $ReadOnly<{|
+      $ReadOnly<{
         touchActive: boolean,
         startPageX: number,
         startPageY: number,
@@ -49,39 +49,54 @@ export type ResponderSyntheticEvent<T> = $ReadOnly<{|
         previousPageX: number,
         previousPageY: number,
         previousTimeStamp: number,
-      |}>,
+      }>,
     >,
-  |}>,
-|}>;
+  }>,
+}>;
 
-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,
   text: string,
   xHeight: number,
-|}>;
+}>;
 
-export type LayoutEvent = SyntheticEvent<
-  $ReadOnly<{|
-    layout: Layout,
-  |}>,
+export type LayoutChangeEvent = NativeSyntheticEvent<
+  $ReadOnly<{
+    layout: LayoutRectangle,
+  }>,
 >;
 
-export type TextLayoutEvent = SyntheticEvent<
-  $ReadOnly<{|
-    lines: Array<TextLayout>,
-  |}>,
+export type TextLayoutEventData = $ReadOnly<{
+  lines: Array<TextLayoutLine>,
+}>;
+
+export type TextLayoutEvent = NativeSyntheticEvent<TextLayoutEventData>;
+
+export type RemotePressEvent = SyntheticEvent<
+  $ReadOnly<{
+    target: number,
+  }>,
 >;
 
+export type TVRemoteEvent = $ReadOnly<{
+  tag?: number,
+  target?: number,
+  eventType: string,
+  eventKeyAction?: string,
+  // $FlowFixMe[unclear-type]
+  body?: any,
+}>;
+
 /**
  * https://developer.mozilla.org/en-US/docs/Web/API/UIEvent
  */
@@ -218,89 +233,107 @@ 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 RemotePressEvent = SyntheticEvent<
-  $ReadOnly<{|
-    target: 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 MouseEvent = SyntheticEvent<
-  $ReadOnly<{|
+export type FocusEvent = NativeSyntheticEvent<TargetedEvent>;
+
+export type MouseEvent = NativeSyntheticEvent<
+  $ReadOnly<{
     clientX: number,
     clientY: number,
     pageX: number,
     pageY: number,
     timestamp: number,
-  |}>,
+  }>,
 >;
-
-export type TVRemoteEvent = $ReadOnly<{|
-  tag?: number,
-  target?: number,
-  eventType: string,
-  eventKeyAction?: string,
-  // $FlowFixMe[unclear-type]
-  body?: any,
-|}>;

package/Libraries/Types/ReactDevToolsTypes.js

@@ -9,19 +9,15 @@
  * @oncall react_native
  */
 
-import type {NativeMethods} from '../Renderer/shims/ReactNativeTypes';
-
-type PublicInstance = {
-  ...NativeMethods,
-};
+import type {HostInstance} from '../../src/private/types/HostInstance';
 
 export type InstanceFromReactDevTools =
-  | PublicInstance
+  | HostInstance
   | {
       canonical?:
-        | PublicInstance // TODO: remove this variant when syncing the new version of the renderer from React to React Native.
+        | HostInstance
         | {
-            publicInstance?: PublicInstance,
+            publicInstance?: HostInstance,
           },
     };
 

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.
@@ -19,7 +20,7 @@ const deepFreezeAndThrowOnMutationInDev = require('./Utilities/deepFreezeAndThro
  *  - Source code should be limited to ASCII.
  *  - Less chance of typos.
  */
-const UTFSequence: {|
+const UTFSequence: {
   BOM: string,
   BULLET: string,
   BULLET_SP: string,
@@ -35,7 +36,7 @@ const UTFSequence: {|
   PIZZA: string,
   TRIANGLE_LEFT: string,
   TRIANGLE_RIGHT: string,
-|} = deepFreezeAndThrowOnMutationInDev({
+} = deepFreezeAndThrowOnMutationInDev({
   BOM: '\ufeff', // byte order mark
   BULLET: '\u2022', // bullet: •
   BULLET_SP: '\u00A0\u2022\u00A0', //  • 

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

@@ -58,13 +58,13 @@ RCTDeviceEventEmitter.addListener(DEVICE_BACK_EVENT, function () {
  * });
  * ```
  */
-type TBackHandler = {|
+type TBackHandler = {
   +exitApp: () => void,
   +addEventListener: (
     eventName: BackPressEventName,
     handler: BackPressHandler,
   ) => {remove: () => void, ...},
-|};
+};
 const BackHandler: TBackHandler = {
   exitApp: function (): void {
     if (!NativeDeviceEventManager) {
@@ -98,4 +98,4 @@ const BackHandler: TBackHandler = {
   },
 };
 
-module.exports = BackHandler;
+export default BackHandler;

package/Libraries/Utilities/BackHandler.ios.js

@@ -50,13 +50,13 @@ function emptyFunction(): void {}
  * ```
  */
 
-type TBackHandler = {|
-  +exitApp: () => void,
-  +addEventListener: (
+type TBackHandler = {
+  exitApp(): void,
+  addEventListener(
     eventName: BackPressEventName,
     handler: BackPressHandler,
-  ) => {remove: () => void, ...},
-|};
+  ): {remove: () => void, ...},
+};
 
 let BackHandler: TBackHandler = {
   exitApp: emptyFunction,
@@ -110,4 +110,4 @@ if (Platform.isTV) {
   };
 }
 
-module.exports = BackHandler;
+export default BackHandler;

package/Libraries/Utilities/BackHandler.js.flow

@@ -10,14 +10,16 @@
 
 'use strict';
 
-type BackPressEventName = 'backPress' | 'hardwareBackPress';
+export type BackPressEventName = 'backPress' | 'hardwareBackPress';
 
-type TBackHandler = {|
-  +exitApp: () => void,
-  +addEventListener: (
+type TBackHandler = {
+  exitApp(): void,
+  addEventListener(
     eventName: BackPressEventName,
     handler: () => ?boolean,
-  ) => {remove: () => void, ...},
-|};
+  ): {remove: () => void, ...},
+};
 
-declare module.exports: TBackHandler;
+declare const BackHandler: TBackHandler;
+
+declare export default typeof BackHandler;

package/Libraries/Utilities/DevLoadingView.js

@@ -35,7 +35,7 @@ const COLOR_SCHEME = {
   },
 };
 
-module.exports = {
+export default {
   showMessage(message: string, type: 'load' | 'refresh') {
     if (NativeDevLoadingView) {
       const colorScheme =

package/Libraries/Utilities/DevSettings.js

@@ -14,8 +14,22 @@ import NativeEventEmitter from '../EventEmitter/NativeEventEmitter';
 import NativeDevSettings from '../NativeModules/specs/NativeDevSettings';
 import Platform from '../Utilities/Platform';
 
+/**
+ * The DevSettings module exposes methods for customizing settings for developers in development.
+ */
 let DevSettings: {
+  /**
+   * Adds a custom menu item to the developer menu.
+   *
+   * @param title - The title of the menu item. Is internally used as id and should therefore be unique.
+   * @param handler - The callback invoked when pressing the menu item.
+   */
   addMenuItem(title: string, handler: () => mixed): void,
+  /**
+   * Reload the application.
+   *
+   * @param reason
+   */
   reload(reason?: string): void,
   onFastRefresh(): void,
 } = {
@@ -69,4 +83,4 @@ if (__DEV__) {
   };
 }
 
-module.exports = DevSettings;
+export default DevSettings;

package/Libraries/Utilities/DeviceInfo.js

@@ -10,4 +10,4 @@
 
 import NativeDeviceInfo from './NativeDeviceInfo';
 
-module.exports = NativeDeviceInfo;
+export default NativeDeviceInfo;

package/Libraries/Utilities/Dimensions.js

@@ -19,6 +19,11 @@ import NativeDeviceInfo, {
 } from './NativeDeviceInfo';
 import invariant from 'invariant';
 
+export type {DisplayMetrics, DisplayMetricsAndroid};
+
+/** @deprecated Use DisplayMetrics */
+export type ScaledSize = DisplayMetrics;
+
 const eventEmitter = new EventEmitter<{
   change: [DimensionsPayload],
 }>();

package/Libraries/Utilities/FeatureDetection.js

@@ -15,7 +15,7 @@
  * Note that a polyfill can technically fake this behavior but few does it.
  * Therefore, this is usually good enough for our purpose.
  */
-function isNativeFunction(f: Function): boolean {
+export function isNativeFunction(f: Function): boolean {
   return typeof f === 'function' && f.toString().indexOf('[native code]') > -1;
 }
 
@@ -23,9 +23,7 @@ function isNativeFunction(f: Function): boolean {
  * @return whether or not the constructor of @param {object} o is an native
  * function named with @param {string} expectedName.
  */
-function hasNativeConstructor(o: Object, expectedName: string): boolean {
+export function hasNativeConstructor(o: Object, expectedName: string): boolean {
   const con = Object.getPrototypeOf(o).constructor;
   return con.name === expectedName && isNativeFunction(con);
 }
-
-module.exports = {isNativeFunction, hasNativeConstructor};

package/Libraries/Utilities/GlobalPerformanceLogger.js

@@ -21,4 +21,4 @@ import createPerformanceLogger from './createPerformanceLogger';
  */
 const GlobalPerformanceLogger: IPerformanceLogger = createPerformanceLogger();
 
-module.exports = GlobalPerformanceLogger;
+export default GlobalPerformanceLogger;

package/Libraries/Utilities/HMRClient.js

@@ -14,8 +14,8 @@ import getDevServer from '../Core/Devtools/getDevServer';
 import LogBox from '../LogBox/LogBox';
 import NativeRedBox from '../NativeModules/specs/NativeRedBox';
 
-const DevSettings = require('./DevSettings');
-const Platform = require('./Platform');
+const DevSettings = require('./DevSettings').default;
+const Platform = require('./Platform').default;
 const invariant = require('invariant');
 const MetroHMRClient = require('metro-runtime/src/modules/HMRClient');
 const prettyFormat = require('pretty-format');
@@ -26,7 +26,6 @@ let hmrUnavailableReason: string | null = null;
 let currentCompileErrorMessage: string | null = null;
 let didConnect: boolean = false;
 let pendingLogs: Array<[LogLevel, $ReadOnlyArray<mixed>]> = [];
-let pendingFuseboxConsoleNotification = false;
 
 type LogLevel =
   | 'trace'
@@ -39,7 +38,7 @@ type LogLevel =
   | 'groupEnd'
   | 'debug';
 
-export type HMRClientNativeInterface = {|
+export type HMRClientNativeInterface = {
   enable(): void,
   disable(): void,
   registerBundle(requestUrl: string): void,
@@ -52,8 +51,7 @@ export type HMRClientNativeInterface = {|
     isEnabled: boolean,
     scheme?: string,
   ): void,
-  unstable_notifyFuseboxConsoleEnabled(): void,
-|};
+};
 
 /**
  * HMR Client that receives from the server HMR updates and propagates them
@@ -70,7 +68,7 @@ const HMRClient: HMRClientNativeInterface = {
     }
 
     invariant(hmrClient, 'Expected HMRClient.setup() call at startup.');
-    const DevLoadingView = require('./DevLoadingView');
+    const DevLoadingView = require('./DevLoadingView').default;
 
     // We use this for internal logging only.
     // It doesn't affect the logic.
@@ -142,29 +140,6 @@ const HMRClient: HMRClientNativeInterface = {
     }
   },
 
-  unstable_notifyFuseboxConsoleEnabled() {
-    if (!hmrClient) {
-      pendingFuseboxConsoleNotification = true;
-      return;
-    }
-    hmrClient.send(
-      JSON.stringify({
-        type: 'log',
-        level: 'info',
-        data: [
-          '\n' +
-            '\u001B[7m' +
-            ' \u001B[1m💡 JavaScript logs have moved!\u001B[22m They can now be ' +
-            'viewed in React Native DevTools. Tip: Type \u001B[1mj\u001B[22m in ' +
-            'the terminal to open (requires Google Chrome or Microsoft Edge).' +
-            '\u001B[27m' +
-            '\n',
-        ],
-      }),
-    );
-    pendingFuseboxConsoleNotification = false;
-  },
-
   // Called once by the bridge on startup, even if Fast Refresh is off.
   // It creates the HMR client but doesn't actually set up the socket yet.
   setup(
@@ -181,7 +156,7 @@ const HMRClient: HMRClientNativeInterface = {
     invariant(!hmrClient, 'Cannot initialize hmrClient twice');
 
     // Moving to top gives errors due to NativeModules not being initialized
-    const DevLoadingView = require('./DevLoadingView');
+    const DevLoadingView = require('./DevLoadingView').default;
 
     const serverHost = port !== null && port !== '' ? `${host}:${port}` : host;
 
@@ -341,9 +316,6 @@ function flushEarlyLogs(client: MetroHMRClient) {
     pendingLogs.forEach(([level, data]) => {
       HMRClient.log(level, data);
     });
-    if (pendingFuseboxConsoleNotification) {
-      HMRClient.unstable_notifyFuseboxConsoleEnabled();
-    }
   } finally {
     pendingLogs.length = 0;
   }
@@ -387,4 +359,4 @@ function showCompileError() {
   throw error;
 }
 
-module.exports = HMRClient;
+export default HMRClient;

package/Libraries/Utilities/HMRClientProdShim.js

@@ -25,7 +25,6 @@ const HMRClientProdShim: HMRClientNativeInterface = {
   disable() {},
   registerBundle() {},
   log() {},
-  unstable_notifyFuseboxConsoleEnabled() {},
 };
 
-module.exports = HMRClientProdShim;
+export default HMRClientProdShim;

package/Libraries/Utilities/NativeAppearance.js

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

package/Libraries/Utilities/NativeDevLoadingView.js

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

package/Libraries/Utilities/NativeDeviceInfo.js

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

package/Libraries/Utilities/NativePlatformConstantsAndroid.js

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