react-native-windows 0.78.6 → 0.79.0-preview.1

package/src/private/{specs → specs_DEPRECATED}/modules/NativeImageStoreIOS.js

@@ -13,18 +13,18 @@ import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
 import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
 
 export interface Spec extends TurboModule {
-  +getConstants: () => {||};
+  +getConstants: () => {};
   +getBase64ForTag: (
     uri: string,
     successCallback: (base64ImageData: string) => void,
-    errorCallback: (error: {|message: string|}) => void,
+    errorCallback: (error: {message: string}) => void,
   ) => void;
   +hasImageForTag: (uri: string, callback: (hasImage: boolean) => void) => void;
   +removeImageForTag: (uri: string) => void;
   +addImageFromBase64: (
     base64ImageData: string,
     successCallback: (uri: string) => void,
-    errorCallback: (error: {|message: string|}) => void,
+    errorCallback: (error: {message: string}) => void,
   ) => void;
 }
 

package/src/private/{specs → specs_DEPRECATED}/modules/NativeNetworkingIOS.js

@@ -14,7 +14,7 @@ import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboMod
 
 export interface Spec extends TurboModule {
   +sendRequest: (
-    query: {|
+    query: {
       method: string,
       url: string,
       data: Object,
@@ -23,7 +23,7 @@ export interface Spec extends TurboModule {
       incrementalUpdates: boolean,
       timeout: number,
       withCredentials: boolean,
-    |},
+    },
     callback: (requestId: number) => void,
   ) => void;
   +abortRequest: (requestId: number) => void;

package/src/private/{specs → specs_DEPRECATED}/modules/NativePermissionsAndroid.js

@@ -15,6 +15,7 @@ import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboMod
 // TODO: Use proper enum types.
 export type PermissionStatus = string;
 export type PermissionType = string;
+
 /*
 export type PermissionStatus = 'granted' | 'denied' | 'never_ask_again';
 export type PermissionType =
@@ -45,9 +46,9 @@ export type PermissionType =
   | 'android.permission.RECEIVE_WAP_PUSH'
   | 'android.permission.RECEIVE_MMS'
   | 'android.permission.READ_EXTERNAL_STORAGE'
-  | 'android.permission.READ_MEDIA_IMAGES',
-  | 'android.permission.READ_MEDIA_VIDEO',
-  | 'android.permission.READ_MEDIA_AUDIO',
+  | 'android.permission.READ_MEDIA_IMAGES'
+  | 'android.permission.READ_MEDIA_VIDEO'
+  | 'android.permission.READ_MEDIA_AUDIO'
   | 'android.permission.READ_MEDIA_VISUAL_USER_SELECTED'
   | 'android.permission.WRITE_EXTERNAL_STORAGE'
   | 'android.permission.BLUETOOTH_CONNECT'
@@ -61,7 +62,7 @@ export type PermissionType =
   | 'android.permission.UWB_RANGING'
   | 'android.permission.POST_NOTIFICATIONS'
   | 'android.permission.NEARBY_WIFI_DEVICES';
-*/
+  */
 
 export interface Spec extends TurboModule {
   +checkPermission: (permission: PermissionType) => Promise<boolean>;

package/src/private/{specs → specs_DEPRECATED}/modules/NativePlatformConstantsAndroid.js

@@ -12,14 +12,14 @@ import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
 
 import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
 
-export type ReactNativeVersionAndroid = {|
+export type ReactNativeVersionAndroid = {
   major: number,
   minor: number,
   patch: number,
   prerelease: ?string,
-|};
+};
 
-export type PlatformConstantsAndroid = {|
+export type PlatformConstantsAndroid = {
   isTesting: boolean,
   isDisableAnimations?: boolean,
   reactNativeVersion: ReactNativeVersionAndroid,
@@ -32,7 +32,7 @@ export type PlatformConstantsAndroid = {|
   uiMode: string,
   Brand: string,
   Manufacturer: string,
-|};
+};
 
 export interface Spec extends TurboModule {
   +getConstants: () => PlatformConstantsAndroid;

package/src/private/{specs → specs_DEPRECATED}/modules/NativePlatformConstantsIOS.js

@@ -12,21 +12,21 @@ import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
 
 import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
 
-export type PlatformConstantsIOS = {|
+export type PlatformConstantsIOS = {
   isTesting: boolean,
   isDisableAnimations?: boolean,
-  reactNativeVersion: {|
+  reactNativeVersion: {
     major: number,
     minor: number,
     patch: number,
     prerelease: ?string,
-  |},
+  },
   forceTouchAvailable: boolean,
   osVersion: string,
   systemName: string,
   interfaceIdiom: string,
   isMacCatalyst?: boolean,
-|};
+};
 
 export interface Spec extends TurboModule {
   +getConstants: () => PlatformConstantsIOS;

package/src/private/{specs → specs_DEPRECATED}/modules/NativePlatformConstantsWindows.js

@@ -12,22 +12,17 @@ import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
 
 import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
 
-export type ReactNativeVersionAndroid = {|
+export type ReactNativeVersionAndroid = {
   major: number,
   minor: number,
   patch: number,
   prerelease: ?string,
-|};
+};
 
 export type PlatformConstantsWindows = {|
   isTesting: boolean,
   isDisableAnimations?: boolean,
-  reactNativeVersion: {|
-    major: number,
-    minor: number,
-    patch: number,
-    prerelease: ?string,
-  |},
+  reactNativeVersion: ReactNativeVersionAndroid,
   reactNativeWindowsVersion: {|
     major: number,
     minor: number,

package/src/private/{specs → specs_DEPRECATED}/modules/NativePushNotificationManagerIOS.js

@@ -12,13 +12,13 @@ import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
 
 import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
 
-type Permissions = {|
+type Permissions = {
   alert: boolean,
   badge: boolean,
   sound: boolean,
-|};
+};
 
-type Notification = {|
+type Notification = {
   +alertTitle?: ?string,
   +alertBody?: ?string,
   +userInfo?: ?Object,
@@ -55,10 +55,10 @@ type Notification = {|
    * getScheduledLocalNotifications or getDeliveredNotifications.
    */
   +soundName?: ?string,
-|};
+};
 
 export interface Spec extends TurboModule {
-  +getConstants: () => {||};
+  +getConstants: () => {};
   +onFinishRemoteNotification: (
     notificationId: string,
     /**
@@ -71,11 +71,11 @@ export interface Spec extends TurboModule {
   ) => void;
   +setApplicationIconBadgeNumber: (num: number) => void;
   +getApplicationIconBadgeNumber: (callback: (num: number) => void) => void;
-  +requestPermissions: (permission: {|
+  +requestPermissions: (permission: {
     +alert: boolean,
     +badge: boolean,
     +sound: boolean,
-  |}) => Promise<Permissions>;
+  }) => Promise<Permissions>;
   +abandonPermissions: () => void;
   +checkPermissions: (callback: (permissions: Permissions) => void) => void;
   +presentLocalNotification: (notification: Notification) => void;

package/src/private/{specs → specs_DEPRECATED}/modules/NativeSampleTurboModule.js

@@ -36,11 +36,11 @@ export interface Spec extends TurboModule {
   +onChange: EventEmitter<ObjectStruct>;
   +onSubmit: EventEmitter<ObjectStruct[]>;
   // Exported methods.
-  +getConstants: () => {|
+  +getConstants: () => {
     const1: boolean,
     const2: number,
     const3: string,
-  |};
+  };
   +voidFunc: () => void;
   +getBool: (arg: boolean) => boolean;
   +getEnum?: (arg: EnumInt) => EnumInt;

package/src/private/{specs → specs_DEPRECATED}/modules/NativeSettingsManager.js

@@ -13,9 +13,9 @@ import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
 import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
 
 export interface Spec extends TurboModule {
-  +getConstants: () => {|
+  +getConstants: () => {
     settings: Object,
-  |};
+  };
   +setValues: (values: Object) => void;
   +deleteValues: (values: Array<string>) => void;
 }

package/src/private/{specs → specs_DEPRECATED}/modules/NativeShareModule.js

@@ -13,11 +13,11 @@ import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
 import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
 
 export interface Spec extends TurboModule {
-  +getConstants: () => {||};
+  +getConstants: () => {};
   +share: (
-    content: {|title?: string, message?: string|},
+    content: {title?: string, message?: string},
     dialogTitle?: string,
-  ) => Promise<{|action: string|}>;
+  ) => Promise<{action: string}>;
 }
 
 export default (TurboModuleRegistry.get<Spec>('ShareModule'): ?Spec);

package/src/private/{specs → specs_DEPRECATED}/modules/NativeSourceCode.js

@@ -12,9 +12,9 @@ import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
 
 import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
 
-export type SourceCodeConstants = {|
+export type SourceCodeConstants = {
   scriptURL: string,
-|};
+};
 
 export interface Spec extends TurboModule {
   +getConstants: () => SourceCodeConstants;

package/src/private/{specs → specs_DEPRECATED}/modules/NativeStatusBarManagerAndroid.js

@@ -13,10 +13,10 @@ import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
 import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
 
 export interface Spec extends TurboModule {
-  +getConstants: () => {|
+  +getConstants: () => {
     +HEIGHT: number,
     +DEFAULT_BACKGROUND_COLOR: number,
-  |};
+  };
   +setColor: (color: number, animated: boolean) => void;
   +setTranslucent: (translucent: boolean) => void;
 
@@ -33,10 +33,10 @@ const NativeModule = TurboModuleRegistry.getEnforcing<Spec>('StatusBarManager');
 let constants = null;
 
 const NativeStatusBarManager = {
-  getConstants(): {|
+  getConstants(): {
     +HEIGHT: number,
     +DEFAULT_BACKGROUND_COLOR?: number,
-  |} {
+  } {
     if (constants == null) {
       constants = NativeModule.getConstants();
     }

package/src/private/{specs → specs_DEPRECATED}/modules/NativeStatusBarManagerIOS.js

@@ -13,13 +13,13 @@ import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
 import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
 
 export interface Spec extends TurboModule {
-  +getConstants: () => {|
+  +getConstants: () => {
     +HEIGHT: number,
     +DEFAULT_BACKGROUND_COLOR?: number,
-  |};
+  };
 
   // TODO(T47754272) Can we remove this method?
-  +getHeight: (callback: (result: {|height: number|}) => void) => void;
+  +getHeight: (callback: (result: {height: number}) => void) => void;
   +setNetworkActivityIndicatorVisible: (visible: boolean) => void;
   +addListener: (eventType: string) => void;
   +removeListeners: (count: number) => void;
@@ -41,10 +41,10 @@ const NativeModule = TurboModuleRegistry.getEnforcing<Spec>('StatusBarManager');
 let constants = null;
 
 const NativeStatusBarManager = {
-  getConstants(): {|
+  getConstants(): {
     +HEIGHT: number,
     +DEFAULT_BACKGROUND_COLOR?: number,
-  |} {
+  } {
     if (constants == null) {
       constants = NativeModule.getConstants();
     }
@@ -52,7 +52,7 @@ const NativeStatusBarManager = {
   },
 
   // TODO(T47754272) Can we remove this method?
-  getHeight(callback: (result: {|height: number|}) => void): void {
+  getHeight(callback: (result: {height: number}) => void): void {
     NativeModule.getHeight(callback);
   },
 

package/src/private/{specs → specs_DEPRECATED}/modules/NativeToastAndroid.js

@@ -13,13 +13,13 @@ import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
 import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
 
 export interface Spec extends TurboModule {
-  +getConstants: () => {|
+  +getConstants: () => {
     SHORT: number,
     LONG: number,
     TOP: number,
     BOTTOM: number,
     CENTER: number,
-  |};
+  };
   +show: (message: string, duration: number) => void;
   +showWithGravity: (
     message: string,

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

@@ -0,0 +1,184 @@
+/**
+ * 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
+ * @format
+ */
+
+import type {RootTag} from '../../../../Libraries/TurboModule/RCTExport';
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export type MeasureOnSuccessCallback = (
+  x: number,
+  y: number,
+  width: number,
+  height: number,
+  pageX: number,
+  pageY: number,
+) => void;
+
+export type MeasureInWindowOnSuccessCallback = (
+  x: number,
+  y: number,
+  width: number,
+  height: number,
+) => void;
+
+export type MeasureLayoutOnSuccessCallback = (
+  left: number,
+  top: number,
+  width: number,
+  height: number,
+) => void;
+
+export interface Spec extends TurboModule {
+  +getConstants: () => Object;
+  +createView: (
+    reactTag: number,
+    viewName: string,
+    rootTag: RootTag,
+    props: Object,
+  ) => void;
+  +updateView: (reactTag: number, viewName: string, props: Object) => void;
+  +findSubviewIn: (
+    reactTag: number,
+    point: Array<number>,
+    callback: (
+      nativeViewTag: number,
+      left: number,
+      top: number,
+      width: number,
+      height: number,
+    ) => void,
+  ) => void;
+  /**
+   * Used to call a native view method from JavaScript
+   *
+   * reactTag - Id of react view.
+   * commandID - Id of the native method that should be called.
+   * commandArgs - Args of the native method that we can pass from JS to native.
+   */
+  +dispatchViewManagerCommand: (
+    reactTag: number,
+    commandID: number, // number || string
+    commandArgs?: Array<any>,
+  ) => void;
+  /**
+   * Determines the location on screen, width, and height of the given view and
+   * returns the values via an async callback. If successful, the callback will
+   * be called with the following arguments:
+   *
+   *  - x
+   *  - y
+   *  - width
+   *  - height
+   *  - pageX
+   *  - pageY
+   *
+   * Note that these measurements are not available until after the rendering
+   * has been completed in native. If you need the measurements as soon as
+   * possible, consider using the [`onLayout`
+   * prop](docs/view.html#onlayout) instead.
+   *
+   * @deprecated Use `ref.measure` instead.
+   */
+  +measure: (reactTag: number, callback: MeasureOnSuccessCallback) => 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
+   * another native view, this will give you the absolute coordinates. If
+   * successful, the callback will be called with the following
+   * arguments:
+   *
+   *  - x
+   *  - y
+   *  - width
+   *  - height
+   *
+   * Note that these measurements are not available until after the rendering
+   * has been completed in native.
+   *
+   * @deprecated Use `ref.measureInWindow` instead.
+   */
+  +measureInWindow: (
+    reactTag: number,
+    callback: MeasureInWindowOnSuccessCallback,
+  ) => void;
+  +viewIsDescendantOf: (
+    reactTag: number,
+    ancestorReactTag: number,
+    callback: (result: Array<boolean>) => void,
+  ) => void;
+  /**
+   * Like [`measure()`](#measure), but measures the view relative an ancestor,
+   * specified as `relativeToNativeNode`. This means that the returned x, y
+   * are relative to the origin x, y of the ancestor view.
+   *
+   * As always, to obtain a native node handle for a component, you can use
+   * `React.findNodeHandle(component)`.
+   *
+   * @deprecated Use `ref.measureLayout` instead.
+   */
+  +measureLayout: (
+    reactTag: number,
+    ancestorReactTag: number,
+    errorCallback: (error: Object) => void,
+    callback: MeasureLayoutOnSuccessCallback,
+  ) => void;
+  +measureLayoutRelativeToParent: (
+    reactTag: number,
+    errorCallback: (error: Object) => void,
+    callback: (
+      left: number,
+      top: number,
+      width: number,
+      height: number,
+    ) => void,
+  ) => void;
+  +setJSResponder: (reactTag: number, blockNativeResponder: boolean) => void;
+  +clearJSResponder: () => void;
+  +configureNextLayoutAnimation: (
+    config: Object,
+    callback: () => void, // check what is returned here
+    errorCallback: (error: Object) => void,
+  ) => void;
+  +setChildren: (containerTag: number, reactTags: Array<number>) => void;
+  +manageChildren: (
+    containerTag: number,
+    moveFromIndices: Array<number>,
+    moveToIndices: Array<number>,
+    addChildReactTags: Array<number>,
+    addAtIndices: Array<number>,
+    removeAtIndices: Array<number>,
+  ) => void;
+
+  // Android only
+  +getConstantsForViewManager?: (viewManagerName: string) => ?Object;
+  +getDefaultEventTypes?: () => Array<string>;
+  /**
+   * Automatically animates views to their new positions when the
+   * next layout happens.
+   *
+   * A common way to use this API is to call it before calling `setState`.
+   *
+   * Note that in order to get this to work on **Android** you need to set the following flags via `UIManager`:
+   *
+   * ```js
+   * UIManager.setLayoutAnimationEnabledExperimental && UIManager.setLayoutAnimationEnabledExperimental(true);
+   * ```
+   */
+  +setLayoutAnimationEnabledExperimental?: (enabled: boolean) => void;
+  +sendAccessibilityEvent?: (reactTag: number, eventType: number) => void;
+
+  // ios only
+  +lazilyLoadView?: (name: string) => Object; // revisit return
+  +focus?: (reactTag: number) => void;
+  +blur?: (reactTag: number) => void;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>('UIManager'): Spec);

package/src/private/{specs → specs_DEPRECATED}/modules/NativeVibration.js

@@ -13,7 +13,7 @@ import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
 import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
 
 export interface Spec extends TurboModule {
-  +getConstants: () => {||};
+  +getConstants: () => {};
   +vibrate: (pattern: number) => void;
 
   // Android only

package/src/private/{specs → specs_DEPRECATED}/modules/NativeWebSocketModule.js

@@ -16,7 +16,7 @@ export interface Spec extends TurboModule {
   +connect: (
     url: string,
     protocols: ?Array<string>,
-    options: {|headers?: Object|},
+    options: {headers?: Object},
     socketID: number,
   ) => void;
   +send: (message: string, forSocketID: number) => void;

package/src/private/types/HostComponent.js

@@ -0,0 +1,16 @@
+/**
+ * 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
+ */
+
+import type {HostInstance} from './HostInstance';
+
+export type HostComponent<Config: {...}> = component(
+  ref: React.RefSetter<HostInstance>,
+  ...Config
+);

package/src/private/types/HostInstance.js

@@ -0,0 +1,50 @@
+/**
+ * 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
+ */
+
+export type MeasureOnSuccessCallback = (
+  x: number,
+  y: number,
+  width: number,
+  height: number,
+  pageX: number,
+  pageY: number,
+) => void;
+
+export type MeasureInWindowOnSuccessCallback = (
+  x: number,
+  y: number,
+  width: number,
+  height: number,
+) => void;
+
+export type MeasureLayoutOnSuccessCallback = (
+  left: number,
+  top: number,
+  width: number,
+  height: number,
+) => void;
+
+/**
+ * Current usages should migrate to this definition
+ */
+export interface LegacyHostInstanceMethods {
+  blur(): void;
+  focus(): void;
+  measure(callback: MeasureOnSuccessCallback): void;
+  measureInWindow(callback: MeasureInWindowOnSuccessCallback): void;
+  measureLayout(
+    relativeToNativeNode: number | HostInstance,
+    onSuccess: MeasureLayoutOnSuccessCallback,
+    onFail?: () => void,
+  ): void;
+  setNativeProps(nativeProps: {...}): void;
+}
+
+export type HostInstance = LegacyHostInstanceMethods;

package/src/private/webapis/dom/events/CustomEvent.js

@@ -0,0 +1,38 @@
+/**
+ * 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
+ */
+
+/**
+ * This module implements the `CustomEvent` interface from the DOM.
+ * See https://dom.spec.whatwg.org/#interface-customevent.
+ */
+
+// flowlint unsafe-getters-setters:off
+
+import type {EventInit} from './Event';
+
+import Event from './Event';
+
+export interface CustomEventInit extends EventInit {
+  +detail?: mixed;
+}
+
+export default class CustomEvent extends Event {
+  _detail: mixed;
+
+  constructor(type: string, options?: ?CustomEventInit) {
+    super(type, options);
+
+    this._detail = options?.detail;
+  }
+
+  get detail(): mixed {
+    return this._detail;
+  }
+}