react-native-windows 0.81.1 → 0.82.0-preview.1

package/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js

@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<43be62d6fc9b622e265e2acb066ed13c>>
+ * @generated SignedSource<<5ea611585e32bbcbcdc91868aa8ed875>>
  *
  * This file was sync'd from the facebook/react repository.
  */
@@ -10603,11 +10603,11 @@ function updateContainer(element, container, parentComponent, callback) {
   return lane;
 }
 var isomorphicReactPackageVersion = React.version;
-if ("19.1.0" !== isomorphicReactPackageVersion)
+if ("19.1.1" !== isomorphicReactPackageVersion)
   throw Error(
     'Incompatible React versions: The "react" and "react-native-renderer" packages must have the exact same version. Instead got:\n  - react:                  ' +
       (isomorphicReactPackageVersion +
-        "\n  - react-native-renderer:  19.1.0\nLearn more: https://react.dev/warnings/version-mismatch")
+        "\n  - react-native-renderer:  19.1.1\nLearn more: https://react.dev/warnings/version-mismatch")
   );
 if (
   "function" !==
@@ -10656,10 +10656,10 @@ batchedUpdatesImpl = function (fn, a) {
 var roots = new Map(),
   internals$jscomp$inline_1269 = {
     bundleType: 0,
-    version: "19.1.0",
+    version: "19.1.1",
     rendererPackageName: "react-native-renderer",
     currentDispatcherRef: ReactSharedInternals,
-    reconcilerVersion: "19.1.0"
+    reconcilerVersion: "19.1.1"
   };
 null !== extraDevToolsConfig &&
   (internals$jscomp$inline_1269.rendererConfig = extraDevToolsConfig);

package/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.js

@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<d0e536371839f0311bec769f15162a4b>>
+ * @generated SignedSource<<68ab59ddfed0642b58d7b4db6803da29>>
  *
  * This file was sync'd from the facebook/react repository.
  */
@@ -11245,11 +11245,11 @@ function updateContainer(element, container, parentComponent, callback) {
   return lane;
 }
 var isomorphicReactPackageVersion = React.version;
-if ("19.1.0" !== isomorphicReactPackageVersion)
+if ("19.1.1" !== isomorphicReactPackageVersion)
   throw Error(
     'Incompatible React versions: The "react" and "react-native-renderer" packages must have the exact same version. Instead got:\n  - react:                  ' +
       (isomorphicReactPackageVersion +
-        "\n  - react-native-renderer:  19.1.0\nLearn more: https://react.dev/warnings/version-mismatch")
+        "\n  - react-native-renderer:  19.1.1\nLearn more: https://react.dev/warnings/version-mismatch")
   );
 if (
   "function" !==
@@ -11298,10 +11298,10 @@ batchedUpdatesImpl = function (fn, a) {
 var roots = new Map(),
   internals$jscomp$inline_1362 = {
     bundleType: 0,
-    version: "19.1.0",
+    version: "19.1.1",
     rendererPackageName: "react-native-renderer",
     currentDispatcherRef: ReactSharedInternals,
-    reconcilerVersion: "19.1.0"
+    reconcilerVersion: "19.1.1"
   };
 null !== extraDevToolsConfig &&
   (internals$jscomp$inline_1362.rendererConfig = extraDevToolsConfig);

package/Libraries/Renderer/shims/ReactNativeViewConfigRegistry.js

@@ -7,7 +7,7 @@
  * @noformat
  * @nolint
  * @flow strict-local
- * @generated SignedSource<<83073425aa3f71ced2c8c51f25a25938>>
+ * @generated SignedSource<<1f7876c0dc0b05685a730513dc410236>>
  */
 
 'use strict';
@@ -82,6 +82,8 @@ export function register(name: string, callback: () => ViewConfig): string {
     typeof callback === 'function',
     'View config getter callback for component `%s` must be a function (received `%s`)',
     name,
+    /* $FlowFixMe[invalid-compare] Error discovered during Constant Condition
+     * roll out. See https://fburl.com/workplace/5whu3i34. */
     callback === null ? 'null' : typeof callback,
   );
   viewConfigCallbacks.set(name, callback);

package/Libraries/Share/Share.js

@@ -83,6 +83,8 @@ class Share {
     options?: ShareOptions = {},
   ): Promise<{action: string, activityType: ?string}> {
     invariant(
+      /* $FlowFixMe[invalid-compare] Error discovered during Constant Condition
+       * roll out. See https://fburl.com/workplace/5whu3i34. */
       typeof content === 'object' && content !== null,
       'Content to share must be a valid object',
     );
@@ -91,6 +93,8 @@ class Share {
       'At least one of URL or message is required',
     );
     invariant(
+      /* $FlowFixMe[invalid-compare] Error discovered during Constant Condition
+       * roll out. See https://fburl.com/workplace/5whu3i34. */
       typeof options === 'object' && options !== null,
       'Options must be a valid object',
     );

package/Libraries/StyleSheet/PlatformColorValueTypes.android.js

@@ -17,7 +17,7 @@ type LocalNativeColorValue = {
 };
 
 export const PlatformColor = (...names: Array<string>): ColorValue => {
-  /* $FlowExpectedError[incompatible-return]
+  /* $FlowExpectedError[incompatible-type]
    * LocalNativeColorValue is the actual type of the opaque NativeColorValue on Android platform */
   return ({resource_paths: names}: LocalNativeColorValue);
 };
@@ -25,7 +25,7 @@ export const PlatformColor = (...names: Array<string>): ColorValue => {
 export const normalizeColorObject = (
   color: NativeColorValue,
 ): ?ProcessedColorValue => {
-  /* $FlowExpectedError[incompatible-cast]
+  /* $FlowExpectedError[incompatible-type]
    * LocalNativeColorValue is the actual type of the opaque NativeColorValue on Android platform */
   if ('resource_paths' in (color: LocalNativeColorValue)) {
     return color;

package/Libraries/StyleSheet/PlatformColorValueTypes.ios.js

@@ -23,7 +23,7 @@ type LocalNativeColorValue = {
 };
 
 export const PlatformColor = (...names: Array<string>): ColorValue => {
-  // $FlowExpectedError[incompatible-return] LocalNativeColorValue is the iOS LocalNativeColorValue type
+  // $FlowExpectedError[incompatible-type] LocalNativeColorValue is the iOS LocalNativeColorValue type
   return ({semantic: names}: LocalNativeColorValue);
 };
 
@@ -44,7 +44,7 @@ export const DynamicColorIOSPrivate = (
       highContrastLight: tuple.highContrastLight,
       highContrastDark: tuple.highContrastDark,
     },
-    /* $FlowExpectedError[incompatible-return]
+    /* $FlowExpectedError[incompatible-type]
      * LocalNativeColorValue is the actual type of the opaque NativeColorValue on iOS platform */
   }: LocalNativeColorValue);
 };

package/Libraries/StyleSheet/PlatformColorValueTypes.windows.js

@@ -21,6 +21,7 @@ type LocalNativeColorValue = {
 export const PlatformColor = (...names: Array<string>): ColorValue => {
   /* $FlowExpectedError[incompatible-return]
    * LocalNativeColorValue is the actual type of the opaque NativeColorValue on Windows platform */
+  // $FlowExpectedError[incompatible-type]
   return ({windowsbrush: names}: LocalNativeColorValue);
 };
 
@@ -29,6 +30,7 @@ export const normalizeColorObject = (
 ): ?ProcessedColorValue => {
   /* $FlowExpectedError[incompatible-cast]
    * LocalNativeColorValue is the actual type of the opaque NativeColorValue on Windows platform */
+  // $FlowExpectedError[incompatible-type]
   if ('windowsbrush' in (color: LocalNativeColorValue)) {
     return color;
   }

package/Libraries/StyleSheet/StyleSheet.d.ts

@@ -17,13 +17,7 @@ export interface StyleSheetProperties {
 type Falsy = undefined | null | false | '';
 interface RecursiveArray<T>
   extends Array<T | ReadonlyArray<T> | RecursiveArray<T>> {}
-/** Keep a brand of 'T' so that calls to `StyleSheet.flatten` can take `RegisteredStyle<T>` and return `T`. */
-type RegisteredStyle<T> = number & {__registeredStyleBrand: T};
-export type StyleProp<T> =
-  | T
-  | RegisteredStyle<T>
-  | RecursiveArray<T | RegisteredStyle<T> | Falsy>
-  | Falsy;
+export type StyleProp<T> = T | RecursiveArray<T | Falsy> | Falsy;
 
 type OpaqueColorValue = symbol & {__TYPE__: 'Color'};
 export type ColorValue = string | OpaqueColorValue;
@@ -127,24 +121,15 @@ export namespace StyleSheet {
     bottom: 0;
   }
 
-  /**
-   * Sometimes you may want `absoluteFill` but with a couple tweaks - `absoluteFillObject` can be
-   * used to create a customized entry in a `StyleSheet`, e.g.:
-   *
-   *   const styles = StyleSheet.create({
-   *     wrapper: {
-   *       ...StyleSheet.absoluteFillObject,
-   *       top: 10,
-   *       backgroundColor: 'transparent',
-   *     },
-   *   });
-   */
-  export const absoluteFillObject: AbsoluteFillStyle;
-
   /**
    * A very common pattern is to create overlays with position absolute and zero positioning,
    * so `absoluteFill` can be used for convenience and to reduce duplication of these repeated
    * styles.
    */
-  export const absoluteFill: RegisteredStyle<AbsoluteFillStyle>;
+  export const absoluteFill: AbsoluteFillStyle;
+
+  /**
+   * @deprecated Use `StyleSheet.absoluteFill`.
+   */
+  export const absoluteFillObject: AbsoluteFillStyle;
 }

package/Libraries/StyleSheet/StyleSheetExports.js

@@ -24,13 +24,7 @@ if (hairlineWidth === 0) {
   hairlineWidth = 1 / PixelRatio.get();
 }
 
-const absoluteFill: {
-  +bottom: 0,
-  +left: 0,
-  +position: 'absolute',
-  +right: 0,
-  +top: 0,
-} = {
+const absoluteFill = {
   position: 'absolute',
   left: 0,
   right: 0,
@@ -108,7 +102,7 @@ export default {
    * so `absoluteFill` can be used for convenience and to reduce duplication of these repeated
    * styles.
    */
-  absoluteFill: (absoluteFill: any), // TODO: This should be updated after we fix downstream Flow sites.
+  absoluteFill,
 
   /**
    * Sometimes you may want `absoluteFill` but with a couple tweaks - `absoluteFillObject` can be

package/Libraries/StyleSheet/StyleSheetExports.js.flow

@@ -13,6 +13,14 @@ import type {____Styles_Internal} from './StyleSheetTypes';
 import composeStyles from '../../src/private/styles/composeStyles';
 import flattenStyle from './flattenStyle';
 
+type AbsoluteFillStyle = $ReadOnly<{
+  position: 'absolute',
+  left: 0,
+  right: 0,
+  top: 0,
+  bottom: 0,
+}>;
+
 /**
  * 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.
@@ -37,27 +45,12 @@ declare export const hairlineWidth: number;
  * so `absoluteFill` can be used for convenience and to reduce duplication of these repeated
  * styles.
  */
-declare export const absoluteFill: any;
+declare export const absoluteFill: AbsoluteFillStyle;
 
 /**
- * Sometimes you may want `absoluteFill` but with a couple tweaks - `absoluteFillObject` can be
- * used to create a customized entry in a `StyleSheet`, e.g.:
- *
- *   const styles = StyleSheet.create({
- *     wrapper: {
- *       ...StyleSheet.absoluteFillObject,
- *       top: 10,
- *       backgroundColor: 'transparent',
- *     },
- *   });
+ * @deprecated Use `StyleSheet.absoluteFill`.
  */
-declare export const absoluteFillObject: {
-  +bottom: 0,
-  +left: 0,
-  +position: 'absolute',
-  +right: 0,
-  +top: 0,
-};
+declare export const absoluteFillObject: AbsoluteFillStyle;
 
 /**
  * Combines two styles such that style2 will override any styles in style1.

package/Libraries/StyleSheet/flattenStyle.js

@@ -31,7 +31,7 @@ function flattenStyle<
   }
 
   if (!Array.isArray(style)) {
-    // $FlowFixMe[incompatible-return]
+    // $FlowFixMe[incompatible-type]
     return style;
   }
 
@@ -49,7 +49,7 @@ function flattenStyle<
       }
     }
   }
-  // $FlowFixMe[incompatible-return]
+  // $FlowFixMe[incompatible-type]
   return result;
 }
 

package/Libraries/StyleSheet/processAspectRatio.js

@@ -19,6 +19,8 @@ function processAspectRatio(aspectRatio?: number | string): ?number {
   if (typeof aspectRatio !== 'string') {
     if (__DEV__) {
       invariant(
+        /* $FlowFixMe[constant-condition] Error discovered during Constant
+         * Condition roll out. See https://fburl.com/workplace/1v97vimq. */
         !aspectRatio,
         'aspectRatio must either be a number, a ratio string or `auto`. You passed: %s',
         aspectRatio,

package/Libraries/StyleSheet/processFilter.js

@@ -69,9 +69,9 @@ export default function processFilter(
 
         if (amount != null) {
           const filterFunction = {};
-          // $FlowFixMe The key will be the correct one but flow can't see that.
+          // $FlowFixMe[prop-missing] The key will be the correct one but flow can't see that.
           filterFunction[camelizedName] = amount;
-          // $FlowFixMe The key will be the correct one but flow can't see that.
+          // $FlowFixMe[incompatible-type] The key will be the correct one but flow can't see that.
           result.push(filterFunction);
         } else {
           // If any primitive is invalid then apply none of the filters. This is how
@@ -85,7 +85,7 @@ export default function processFilter(
     for (const filterFunction of filter) {
       const [filterName, filterValue] = Object.entries(filterFunction)[0];
       if (filterName === 'dropShadow') {
-        // $FlowFixMe
+        // $FlowFixMe[incompatible-type]
         const dropShadow = parseDropShadow(filterValue);
         if (dropShadow == null) {
           return [];
@@ -96,9 +96,9 @@ export default function processFilter(
 
         if (amount != null) {
           const resultObject = {};
-          // $FlowFixMe
+          // $FlowFixMe[prop-missing]
           resultObject[filterName] = amount;
-          // $FlowFixMe
+          // $FlowFixMe[incompatible-type]
           result.push(resultObject);
         } else {
           // If any primitive is invalid then apply none of the filters. This is how

package/Libraries/StyleSheet/splitLayoutProps.js

@@ -18,9 +18,9 @@ export default function splitLayoutProps(props: ?____ViewStyle_Internal): {
   let inner: ?____ViewStyle_Internal = null;
 
   if (props != null) {
-    // $FlowIgnore[incompatible-exact] Will contain a subset of keys from `props`.
+    // $FlowFixMe[incompatible-exact] Will contain a subset of keys from `props`.
     outer = {};
-    // $FlowIgnore[incompatible-exact] Will contain a subset of keys from `props`.
+    // $FlowFixMe[incompatible-exact] Will contain a subset of keys from `props`.
     inner = {};
 
     for (const prop of Object.keys(props)) {