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

package/Libraries/Renderer/shims/ReactNativeTypes.js

@@ -7,33 +7,25 @@
  * @noformat
  * @nolint
  * @flow strict
- * @generated SignedSource<<c6ea057ee85cbc116a083e3a306b2b88>>
+ * @generated SignedSource<<5c76b092e0c981f96ca894e381ee593b>>
  */
 
-import type {ElementRef, ElementType, MixedElement} from 'react';
-
-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;
+import type {
+  Component as ReactComponent,
+  ElementRef,
+  ElementType,
+  MixedElement,
+} from 'react';
+import type {
+  // $FlowFixMe[nonstrict-import] TODO(@rubennorte)
+  MeasureOnSuccessCallback,
+  // $FlowFixMe[nonstrict-import] TODO(@rubennorte)
+  PublicInstance,
+  // $FlowFixMe[nonstrict-import] TODO(@rubennorte)
+  PublicRootInstance,
+  // $FlowFixMe[nonstrict-import] TODO(@rubennorte)
+  PublicTextInstance,
+} from 'react-native/Libraries/ReactPrivate/ReactNativePrivateInterface';
 
 export type AttributeType<T, V> =
   | true
@@ -99,45 +91,6 @@ export type PartialViewConfig = $ReadOnly<{
   validAttributes?: PartialAttributeConfiguration,
 }>;
 
-/**
- * Current usages should migrate to this definition
- */
-export interface INativeMethods {
-  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 NativeMethods = $ReadOnly<{
-  blur(): void,
-  focus(): void,
-  measure(callback: MeasureOnSuccessCallback): void,
-  measureInWindow(callback: MeasureInWindowOnSuccessCallback): void,
-  measureLayout(
-    relativeToNativeNode: number | HostInstance,
-    onSuccess: MeasureLayoutOnSuccessCallback,
-    onFail?: () => void,
-  ): void,
-  setNativeProps(nativeProps: {...}): void,
-}>;
-
-// This validates that INativeMethods and NativeMethods stay in sync using Flow!
-declare const ensureNativeMethodsAreSynced: NativeMethods;
-(ensureNativeMethodsAreSynced: INativeMethods);
-
-export type HostInstance = NativeMethods;
-export type HostComponent<Config: {...}> = component(
-  ref: React$RefSetter<HostInstance>,
-  ...Config
-);
-
 type InspectorDataProps = $ReadOnly<{
   [propName: string]: string,
   ...
@@ -163,18 +116,19 @@ export type InspectorData = $ReadOnly<{
   componentStack: string,
 }>;
 
-export type TouchedViewDataAtPoint = $ReadOnly<{
-  pointerY: number,
-  touchedViewTag?: number,
-  frame: $ReadOnly<{
-    top: number,
-    left: number,
-    width: number,
-    height: number,
-  }>,
-  closestPublicInstance?: PublicInstance,
-  ...InspectorData,
-}>;
+export type TouchedViewDataAtPoint = $ReadOnly<
+  {
+    pointerY: number,
+    touchedViewTag?: number,
+    frame: $ReadOnly<{
+      top: number,
+      left: number,
+      width: number,
+      height: number,
+    }>,
+    closestPublicInstance?: PublicInstance,
+  } & InspectorData,
+>;
 
 export type RenderRootOptions = {
   onUncaughtError?: (
@@ -186,7 +140,8 @@ export type RenderRootOptions = {
     errorInfo: {
       +componentStack?: ?string,
       // $FlowFixMe[unclear-type] unknown props and state.
-      +errorBoundary?: ?React$Component<any, any>,
+      // $FlowFixMe[value-as-type] Component in react repo is any-typed, but it will be well typed externally.
+      +errorBoundary?: ?ReactComponent<any, any>,
     },
   ) => void,
   onRecoverableError?: (
@@ -202,20 +157,17 @@ export type RenderRootOptions = {
 export type ReactNativeType = {
   findHostInstance_DEPRECATED<TElementType: ElementType>(
     componentOrHandle: ?(ElementRef<TElementType> | number),
-  ): ?HostInstance,
+  ): ?PublicInstance,
   findNodeHandle<TElementType: ElementType>(
     componentOrHandle: ?(ElementRef<TElementType> | number),
   ): ?number,
-  isChildPublicInstance(
-    parent: PublicInstance | HostComponent<empty>,
-    child: PublicInstance | HostComponent<empty>,
-  ): boolean,
+  isChildPublicInstance(parent: PublicInstance, child: PublicInstance): boolean,
   dispatchCommand(
-    handle: HostInstance,
+    handle: PublicInstance,
     command: string,
     args: Array<mixed>,
   ): void,
-  sendAccessibilityEvent(handle: HostInstance, eventType: string): void,
+  sendAccessibilityEvent(handle: PublicInstance, eventType: string): void,
   render(
     element: MixedElement,
     containerTag: number,
@@ -230,23 +182,21 @@ export type ReactNativeType = {
 
 export opaque type Node = mixed;
 export opaque type InternalInstanceHandle = mixed;
-type PublicInstance = mixed;
-type PublicTextInstance = mixed;
 
 export type ReactFabricType = {
   findHostInstance_DEPRECATED<TElementType: ElementType>(
     componentOrHandle: ?(ElementRef<TElementType> | number),
-  ): ?HostInstance,
+  ): ?PublicInstance,
   findNodeHandle<TElementType: ElementType>(
     componentOrHandle: ?(ElementRef<TElementType> | number),
   ): ?number,
   dispatchCommand(
-    handle: HostInstance,
+    handle: PublicInstance,
     command: string,
     args: Array<mixed>,
   ): void,
   isChildPublicInstance(parent: PublicInstance, child: PublicInstance): boolean,
-  sendAccessibilityEvent(handle: HostInstance, eventType: string): void,
+  sendAccessibilityEvent(handle: PublicInstance, eventType: string): void,
   render(
     element: MixedElement,
     containerTag: number,
@@ -261,6 +211,7 @@ export type ReactFabricType = {
   getPublicInstanceFromInternalInstanceHandle(
     internalInstanceHandle: InternalInstanceHandle,
   ): PublicInstance | PublicTextInstance | null,
+  getPublicInstanceFromRootTag(rootTag: number): PublicRootInstance | null,
   ...
 };
 

package/Libraries/Settings/NativeSettingsManager.js

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

package/Libraries/Settings/Settings.ios.js

@@ -78,4 +78,4 @@ RCTDeviceEventEmitter.addListener(
   Settings._sendObservations.bind(Settings),
 );
 
-module.exports = Settings;
+export default Settings;

package/Libraries/Settings/Settings.js

@@ -11,7 +11,7 @@
 'use strict';
 
 const Settings = {
-  get(key: string): mixed {
+  get(key: string): any {
     console.warn('Settings is not yet supported on this platform.');
     return null;
   },
@@ -20,7 +20,7 @@ const Settings = {
     console.warn('Settings is not yet supported on this platform.');
   },
 
-  watchKeys(keys: string | Array<string>, callback: Function): number {
+  watchKeys(keys: string | Array<string>, callback: () => void): number {
     console.warn('Settings is not yet supported on this platform.');
     return -1;
   },
@@ -30,4 +30,4 @@ const Settings = {
   },
 };
 
-module.exports = Settings;
+export default Settings;

package/Libraries/Share/NativeShareModule.js

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

package/Libraries/Share/Share.js

@@ -8,11 +8,13 @@
  * @flow strict-local
  */
 
+import type {ColorValue} from '../StyleSheet/StyleSheet';
+
 import NativeActionSheetManager from '../ActionSheetIOS/NativeActionSheetManager';
 import NativeShareModule from './NativeShareModule';
 
 const processColor = require('../StyleSheet/processColor').default;
-const Platform = require('../Utilities/Platform');
+const Platform = require('../Utilities/Platform').default;
 const invariant = require('invariant');
 
 export type ShareContent =
@@ -29,11 +31,16 @@ export type ShareContent =
 export type ShareOptions = {
   dialogTitle?: string,
   excludedActivityTypes?: Array<string>,
-  tintColor?: string,
+  tintColor?: ColorValue,
   subject?: string,
   anchor?: number,
 };
 
+export type ShareAction = {
+  action: 'sharedAction' | 'dismissedAction',
+  activityType?: string | null,
+};
+
 class Share {
   /**
    * Open a dialog to share text content.
@@ -73,7 +80,7 @@ class Share {
    */
   static share(
     content: ShareContent,
-    options: ShareOptions = {},
+    options?: ShareOptions = {},
   ): Promise<{action: string, activityType: ?string}> {
     invariant(
       typeof content === 'object' && content !== null,
@@ -168,4 +175,4 @@ class Share {
   static dismissedAction: 'dismissedAction' = 'dismissedAction';
 }
 
-module.exports = Share;
+export default Share;

package/Libraries/StyleSheet/PlatformColorValueTypes.ios.js

@@ -56,7 +56,7 @@ const _normalizeColorObject = (
     // an ios semantic color
     return color;
   } else if ('dynamic' in color && color.dynamic !== undefined) {
-    const normalizeColor = require('./normalizeColor');
+    const normalizeColor = require('./normalizeColor').default;
 
     // a dynamic, appearance aware color
     const dynamic = color.dynamic;

package/Libraries/StyleSheet/PlatformColorValueTypes.js.flow

@@ -0,0 +1,22 @@
+/**
+ * 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-local
+ */
+
+import type {ProcessedColorValue} from './processColor';
+import type {ColorValue, NativeColorValue} from './StyleSheet';
+
+declare export function PlatformColor(...names: Array<string>): ColorValue;
+
+declare export function normalizeColorObject(
+  color: NativeColorValue,
+): ?ProcessedColorValue;
+
+declare export function processColorObject(
+  color: NativeColorValue,
+): ?NativeColorValue;

package/Libraries/StyleSheet/Rect.js

@@ -8,12 +8,12 @@
  * @flow strict
  */
 
-export type Rect = $ReadOnly<{|
+export type Rect = $ReadOnly<{
   bottom?: ?number,
   left?: ?number,
   right?: ?number,
   top?: ?number,
-|}>;
+}>;
 
 export type RectOrSize = Rect | number;
 

package/Libraries/StyleSheet/StyleSheet.js

@@ -24,10 +24,11 @@ import type {
 } from './StyleSheetTypes';
 
 import composeStyles from '../../src/private/styles/composeStyles';
+import flatten from './flattenStyle';
 
-const ReactNativeStyleAttributes = require('../Components/View/ReactNativeStyleAttributes');
+const ReactNativeStyleAttributes =
+  require('../Components/View/ReactNativeStyleAttributes').default;
 const PixelRatio = require('../Utilities/PixelRatio').default;
-const flatten = require('./flattenStyle');
 
 export type {NativeColorValue} from './StyleSheetTypes';
 
@@ -227,7 +228,7 @@ if (__DEV__) {
  *  and suggestions to help you write valid styles.
  *
  */
-module.exports = {
+export default {
   /**
    * This is defined as the width of a thin line on the platform. It can be
    * used as the thickness of a border or division between two elements.

package/Libraries/StyleSheet/StyleSheetTypes.d.ts

@@ -372,7 +372,7 @@ export type GradientValue = {
   // Angle or direction enums
   direction?: string | undefined;
   colorStops: ReadonlyArray<{
-    color: ColorValue;
+    color: ColorValue | null;
     positions?: ReadonlyArray<string[]> | undefined;
   }>;
 };

package/Libraries/StyleSheet/__flowtests__/StyleSheet-flowtest.js

@@ -12,7 +12,7 @@
 
 import type {ImageStyleProp, TextStyleProp} from '../StyleSheet';
 
-const StyleSheet = require('../StyleSheet');
+const StyleSheet = require('../StyleSheet').default;
 const imageStyle = {tintColor: 'rgb(0, 0, 0)'};
 const textStyle = {color: 'rgb(0, 0, 0)'};
 

package/Libraries/StyleSheet/flattenStyle.js

@@ -43,4 +43,4 @@ function flattenStyle<TStyleProp: DangerouslyImpreciseStyleProp>(
   return result;
 }
 
-module.exports = flattenStyle;
+export default flattenStyle;

package/Libraries/StyleSheet/normalizeColor.js

@@ -31,4 +31,4 @@ function normalizeColor(
   }
 }
 
-module.exports = normalizeColor;
+export default normalizeColor;

package/Libraries/StyleSheet/private/_TransformStyle.js

@@ -10,7 +10,7 @@
 
 import type AnimatedNode from '../../Animated/nodes/AnimatedNode';
 
-export type ____TransformStyle_Internal = $ReadOnly<{|
+export type ____TransformStyle_Internal = $ReadOnly<{
   /**
    * `transform` accepts an array of transformation objects. Each object specifies
    * the property that will be transformed as the key, and the value to use in the
@@ -29,27 +29,27 @@ export type ____TransformStyle_Internal = $ReadOnly<{|
    */
   transform?:
     | $ReadOnlyArray<
-        | {|+perspective: number | AnimatedNode|}
-        | {|+rotate: string | AnimatedNode|}
-        | {|+rotateX: string | AnimatedNode|}
-        | {|+rotateY: string | AnimatedNode|}
-        | {|+rotateZ: string | AnimatedNode|}
-        | {|+scale: number | AnimatedNode|}
-        | {|+scaleX: number | AnimatedNode|}
-        | {|+scaleY: number | AnimatedNode|}
-        | {|+translateX: number | AnimatedNode|}
-        | {|+translateY: number | AnimatedNode|}
-        | {|
+        | {+perspective: number | AnimatedNode}
+        | {+rotate: string | AnimatedNode}
+        | {+rotateX: string | AnimatedNode}
+        | {+rotateY: string | AnimatedNode}
+        | {+rotateZ: string | AnimatedNode}
+        | {+scale: number | AnimatedNode}
+        | {+scaleX: number | AnimatedNode}
+        | {+scaleY: number | AnimatedNode}
+        | {+translateX: number | AnimatedNode}
+        | {+translateY: number | AnimatedNode}
+        | {
             +translate:
               | [number | AnimatedNode, number | AnimatedNode]
               | AnimatedNode,
-          |}
-        | {|+skewX: string | AnimatedNode|}
-        | {|+skewY: string | AnimatedNode|}
+          }
+        | {+skewX: string | AnimatedNode}
+        | {+skewY: string | AnimatedNode}
         // TODO: what is the actual type it expects?
-        | {|
+        | {
             +matrix: $ReadOnlyArray<number | AnimatedNode> | AnimatedNode,
-          |},
+          },
       >
     | string,
   /**
@@ -66,4 +66,4 @@ export type ____TransformStyle_Internal = $ReadOnly<{|
   transformOrigin?:
     | [string | number, string | number, string | number]
     | string,
-|}>;
+}>;

package/Libraries/StyleSheet/processAspectRatio.js

@@ -60,4 +60,4 @@ function processAspectRatio(aspectRatio?: number | string): ?number {
   return Number(matches[0]);
 }
 
-module.exports = processAspectRatio;
+export default processAspectRatio;