@office-iss/react-native-win32 0.0.0-canary.278 → 0.0.0-canary.279

package/Libraries/Renderer/shims/ReactNativeTypes.js

@@ -7,7 +7,7 @@
  * @noformat
  * @nolint
  * @flow strict
- * @generated SignedSource<<9cf3e28d6ca0299bc0bb5caa75b19556>>
+ * @generated SignedSource<<c6ea057ee85cbc116a083e3a306b2b88>>
  */
 
 import type {ElementRef, ElementType, MixedElement} from 'react';
@@ -133,9 +133,10 @@ declare const ensureNativeMethodsAreSynced: NativeMethods;
 (ensureNativeMethodsAreSynced: INativeMethods);
 
 export type HostInstance = NativeMethods;
-/*::
-export type HostComponent<Config: {...}> = component(ref: React$RefSetter<HostInstance>, ...Config);
-*/
+export type HostComponent<Config: {...}> = component(
+  ref: React$RefSetter<HostInstance>,
+  ...Config
+);
 
 type InspectorDataProps = $ReadOnly<{
   [propName: string]: string,
@@ -206,9 +207,7 @@ export type ReactNativeType = {
     componentOrHandle: ?(ElementRef<TElementType> | number),
   ): ?number,
   isChildPublicInstance(
-    // eslint-disable-next-line no-undef
     parent: PublicInstance | HostComponent<empty>,
-    // eslint-disable-next-line no-undef
     child: PublicInstance | HostComponent<empty>,
   ): boolean,
   dispatchCommand(

package/Libraries/StyleSheet/processTransform.js

@@ -148,6 +148,12 @@ function _validateTransforms(transform: Array<Object>): void {
     );
     const key = keys[0];
     const value = transformation[key];
+    if (key === 'matrix' && transform.length > 1) {
+      console.error(
+        'When using a matrix transform, you must specify exactly one transform object. Passed transform: ' +
+          stringifySafe(transform),
+      );
+    }
     _validateTransform(key, value, transformation);
   });
 }

package/index.js

@@ -28,6 +28,7 @@ import typeof Clipboard from './Libraries/Components/Clipboard/Clipboard';
 import typeof DrawerLayoutAndroid from './Libraries/Components/DrawerAndroid/DrawerLayoutAndroid';
 import typeof Keyboard from './Libraries/Components/Keyboard/Keyboard';
 import typeof KeyboardAvoidingView from './Libraries/Components/Keyboard/KeyboardAvoidingView';
+import typeof LayoutConformance from './Libraries/Components/LayoutConformance/LayoutConformance';
 import typeof Pressable from './Libraries/Components/Pressable/Pressable';
 import typeof ProgressBarAndroid from './Libraries/Components/ProgressBarAndroid/ProgressBarAndroid';
 import typeof RefreshControl from './Libraries/Components/RefreshControl/RefreshControl';
@@ -136,6 +137,10 @@ module.exports = {
     return require('./Libraries/Components/TextInput/InputAccessoryView')
       .default;
   },
+  get experimental_LayoutConformance(): LayoutConformance {
+    return require('./Libraries/Components/LayoutConformance/LayoutConformance')
+      .default;
+  },
   get KeyboardAvoidingView(): KeyboardAvoidingView {
     return require('./Libraries/Components/Keyboard/KeyboardAvoidingView')
       .default;

package/index.win32.js

@@ -29,6 +29,7 @@ import typeof Clipboard from './Libraries/Components/Clipboard/Clipboard';
 import typeof DrawerLayoutAndroid from './Libraries/Components/DrawerAndroid/DrawerLayoutAndroid';
 import typeof Keyboard from './Libraries/Components/Keyboard/Keyboard';
 import typeof KeyboardAvoidingView from './Libraries/Components/Keyboard/KeyboardAvoidingView';
+import typeof LayoutConformance from './Libraries/Components/LayoutConformance/LayoutConformance';
 import typeof Pressable from './Libraries/Components/Pressable/Pressable';
 import typeof ProgressBarAndroid from './Libraries/Components/ProgressBarAndroid/ProgressBarAndroid';
 import typeof RefreshControl from './Libraries/Components/RefreshControl/RefreshControl';
@@ -136,6 +137,10 @@ module.exports = {
     return require('./Libraries/Components/TextInput/InputAccessoryView')
       .default;
   },
+  get experimental_LayoutConformance(): LayoutConformance {
+    return require('./Libraries/Components/LayoutConformance/LayoutConformance')
+      .default;
+  },
   get KeyboardAvoidingView(): KeyboardAvoidingView {
     return require('./Libraries/Components/Keyboard/KeyboardAvoidingView')
       .default;

package/overrides.json

@@ -7,19 +7,19 @@
     "**/__snapshots__/**",
     "src-win/rntypes/**"
   ],
-  "baseVersion": "0.78.0-nightly-20241210-6d235853f",
+  "baseVersion": "0.78.0-nightly-20241221-66342d3cc",
   "overrides": [
     {
       "type": "derived",
       "file": ".flowconfig",
       "baseFile": ".flowconfig",
-      "baseHash": "38943f268bd48c91a2ace6ad2a9302a3bb346dbd"
+      "baseHash": "5b40175690b07272a61410d4fc6437a82248e8cc"
     },
     {
       "type": "derived",
       "file": "src-win/index.win32.js",
       "baseFile": "packages/react-native/index.js",
-      "baseHash": "5f0532348ca7440731478ef5b119a3a569529a7f"
+      "baseHash": "326e132bab39f949872e2de8f3e3120936ef7d5c"
     },
     {
       "type": "platform",
@@ -191,13 +191,13 @@
       "type": "derived",
       "file": "src-win/Libraries/Components/View/ViewPropTypes.d.ts",
       "baseFile": "packages/react-native/Libraries/Components/View/ViewPropTypes.d.ts",
-      "baseHash": "050f28e7caeef2e52717a7c43c6964612eb75ee9"
+      "baseHash": "8e33800dfdd3b50e26c3331abb8b4682c091602f"
     },
     {
       "type": "patch",
       "file": "src-win/Libraries/Components/View/ViewPropTypes.win32.js",
       "baseFile": "packages/react-native/Libraries/Components/View/ViewPropTypes.js",
-      "baseHash": "994aead3d5ab49e6bd34a497094a4bc131a8bdb1",
+      "baseHash": "bf6dc1a18a8c069cd8f21d187c81177e3b6d5c1f",
       "issue": 6240
     },
     {
@@ -331,13 +331,13 @@
       "type": "derived",
       "file": "src-win/Libraries/NativeComponent/BaseViewConfig.win32.js",
       "baseFile": "packages/react-native/Libraries/NativeComponent/BaseViewConfig.ios.js",
-      "baseHash": "51ae58fc739dc6c0679dc888550c2af41787b959"
+      "baseHash": "4f959b8e2f98c7d6de44e06be8bc41bf58adbe31"
     },
     {
       "type": "copy",
       "file": "src-win/Libraries/Network/RCTNetworking.win32.js",
       "baseFile": "packages/react-native/Libraries/Network/RCTNetworking.ios.js",
-      "baseHash": "39fc8e1003b0f6345ec4fea060f455d06939a321",
+      "baseHash": "9f1622d938405344bc27a2cf61a1c26773518a88",
       "issue": 4318
     },
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@office-iss/react-native-win32",
-  "version": "0.0.0-canary.278",
+  "version": "0.0.0-canary.279",
   "description": "Implementation of react native on top of Office's Win32 platform.",
   "repository": {
     "type": "git",
@@ -30,13 +30,13 @@
     "@react-native-community/cli-platform-android": "15.0.0-alpha.2",
     "@react-native-community/cli-platform-ios": "15.0.0-alpha.2",
     "@react-native/assets": "1.0.0",
-    "@react-native/assets-registry": "0.78.0-nightly-20241210-6d235853f",
-    "@react-native/codegen": "0.78.0-nightly-20241210-6d235853f",
-    "@react-native/community-cli-plugin": "0.78.0-nightly-20241210-6d235853f",
-    "@react-native/gradle-plugin": "0.78.0-nightly-20241210-6d235853f",
-    "@react-native/js-polyfills": "0.78.0-nightly-20241210-6d235853f",
-    "@react-native/normalize-colors": "0.78.0-nightly-20241210-6d235853f",
-    "@react-native/virtualized-lists": "0.78.0-nightly-20241210-6d235853f",
+    "@react-native/assets-registry": "0.78.0-nightly-20241221-66342d3cc",
+    "@react-native/codegen": "0.78.0-nightly-20241221-66342d3cc",
+    "@react-native/community-cli-plugin": "0.78.0-nightly-20241221-66342d3cc",
+    "@react-native/gradle-plugin": "0.78.0-nightly-20241221-66342d3cc",
+    "@react-native/js-polyfills": "0.78.0-nightly-20241221-66342d3cc",
+    "@react-native/normalize-colors": "0.78.0-nightly-20241221-66342d3cc",
+    "@react-native/virtualized-lists": "0.78.0-nightly-20241221-66342d3cc",
     "abort-controller": "^3.0.0",
     "anser": "^1.4.9",
     "ansi-regex": "^5.0.0",
@@ -75,28 +75,28 @@
     "@babel/eslint-parser": "^7.25.1",
     "@react-native/metro-config": "0.77.0-nightly-20241001-223e98cc4",
     "@rnw-scripts/babel-react-native-config": "0.0.0",
-    "@rnw-scripts/eslint-config": "1.2.30",
-    "@rnw-scripts/jest-out-of-tree-snapshot-resolver": "^1.1.34",
-    "@rnw-scripts/just-task": "2.3.47",
+    "@rnw-scripts/eslint-config": "1.2.31",
+    "@rnw-scripts/jest-out-of-tree-snapshot-resolver": "^1.1.35",
+    "@rnw-scripts/just-task": "2.3.48",
     "@rnw-scripts/metro-dev-config": "0.0.0",
     "@rnx-kit/jest-preset": "^0.1.17",
     "@types/node": "^18.0.0",
     "@types/prop-types": "15.7.1",
-    "@types/react": "^18.2.6",
+    "@types/react": "^19.0.0",
     "eslint": "^8.19.0",
-    "flow-bin": "^0.250.0",
+    "flow-bin": "^0.257.1",
     "jscodeshift": "^0.14.0",
     "just-scripts": "^1.3.3",
     "prettier": "2.8.8",
-    "react": "18.3.1",
-    "react-native": "0.78.0-nightly-20241210-6d235853f",
-    "react-native-platform-override": "^1.9.49",
+    "react": "19.0.0",
+    "react-native": "0.78.0-nightly-20241221-66342d3cc",
+    "react-native-platform-override": "^1.9.50",
     "typescript": "5.0.4"
   },
   "peerDependencies": {
-    "@types/react": "^18.2.6",
-    "react": "^18.2.0",
-    "react-native": "0.78.0-nightly-20241210-6d235853f"
+    "@types/react": "^19.0.0",
+    "react": "^19.0.0",
+    "react-native": "0.78.0-nightly-20241221-66342d3cc"
   },
   "beachball": {
     "defaultNpmTag": "canary",

package/src/private/animated/NativeAnimatedValidation.js

@@ -20,7 +20,7 @@ export function validateInterpolation<OutputT: number | string>(
   config: InterpolationConfigType<OutputT>,
 ): void {
   for (const key in config) {
-    if (!isSupportedInterpolationParam(key)) {
+    if (key !== 'debugID' && !isSupportedInterpolationParam(key)) {
       console.error(
         `Interpolation property '${key}' is not supported by native animated module`,
       );

package/src/private/featureflags/ReactNativeFeatureFlags.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<67e1f8c80caedcbf7b28a089a2744b9a>>
+ * @generated SignedSource<<a35c5b22c0f20cb50ceaf56a856c9c8f>>
  * @flow strict
  */
 
@@ -26,7 +26,7 @@ import {
   setOverrides,
 } from './ReactNativeFeatureFlagsBase';
 
-export type ReactNativeFeatureFlagsJsOnly = {
+export type ReactNativeFeatureFlagsJsOnly = $ReadOnly<{
   jsOnlyTestFlag: Getter<boolean>,
   animatedShouldDebounceQueueFlush: Getter<boolean>,
   animatedShouldUseSingleOp: Getter<boolean>,
@@ -44,17 +44,18 @@ export type ReactNativeFeatureFlagsJsOnly = {
   shouldUseSetNativePropsInFabric: Getter<boolean>,
   useInsertionEffectsForAnimations: Getter<boolean>,
   useRefsForTextInputState: Getter<boolean>,
-};
+}>;
 
 export type ReactNativeFeatureFlagsJsOnlyOverrides = OverridesFor<ReactNativeFeatureFlagsJsOnly>;
 
-export type ReactNativeFeatureFlags = {
+export type ReactNativeFeatureFlags = $ReadOnly<{
   ...ReactNativeFeatureFlagsJsOnly,
   commonTestFlag: Getter<boolean>,
   commonTestFlagWithoutNativeImplementation: Getter<boolean>,
   completeReactInstanceCreationOnBgThreadOnAndroid: Getter<boolean>,
   disableEventLoopOnBridgeless: Getter<boolean>,
   disableMountItemReorderingAndroid: Getter<boolean>,
+  enableAccumulatedUpdatesInRawPropsAndroid: Getter<boolean>,
   enableAlignItemsBaselineOnFabricIOS: Getter<boolean>,
   enableAndroidLineHeightCentering: Getter<boolean>,
   enableBridgelessArchitecture: Getter<boolean>,
@@ -94,10 +95,11 @@ export type ReactNativeFeatureFlags = {
   useNativeViewConfigsInBridgelessMode: Getter<boolean>,
   useOptimisedViewPreallocationOnAndroid: Getter<boolean>,
   useOptimizedEventBatchingOnAndroid: Getter<boolean>,
+  useRawPropsJsiValue: Getter<boolean>,
   useRuntimeShadowNodeReferenceUpdate: Getter<boolean>,
   useTurboModuleInterop: Getter<boolean>,
   useTurboModules: Getter<boolean>,
-}
+}>;
 
 /**
  * JS-only flag for testing. Do NOT modify.
@@ -157,7 +159,7 @@ export const isLayoutAnimationEnabled: Getter<boolean> = createJavaScriptFlagGet
 /**
  * If the animation is within Animated.loop, we do not send state updates to React.
  */
-export const shouldSkipStateUpdatesForLoopingAnimations: Getter<boolean> = createJavaScriptFlagGetter('shouldSkipStateUpdatesForLoopingAnimations', false);
+export const shouldSkipStateUpdatesForLoopingAnimations: Getter<boolean> = createJavaScriptFlagGetter('shouldSkipStateUpdatesForLoopingAnimations', true);
 
 /**
  * Enables use of AnimatedObject for animating transform values.
@@ -204,6 +206,10 @@ export const disableEventLoopOnBridgeless: Getter<boolean> = createNativeFlagGet
  * Prevent FabricMountingManager from reordering mountitems, which may lead to invalid state on the UI thread
  */
 export const disableMountItemReorderingAndroid: Getter<boolean> = createNativeFlagGetter('disableMountItemReorderingAndroid', false);
+/**
+ * When enabled, Andoid will accumulate updates in rawProps to reduce the number of mounting instructions for cascading rerenders.
+ */
+export const enableAccumulatedUpdatesInRawPropsAndroid: Getter<boolean> = createNativeFlagGetter('enableAccumulatedUpdatesInRawPropsAndroid', false);
 /**
  * Kill-switch to turn off support for aling-items:baseline on Fabric iOS.
  */
@@ -360,6 +366,10 @@ export const useOptimisedViewPreallocationOnAndroid: Getter<boolean> = createNat
  * Uses an optimized mechanism for event batching on Android that does not need to wait for a Choreographer frame callback.
  */
 export const useOptimizedEventBatchingOnAndroid: Getter<boolean> = createNativeFlagGetter('useOptimizedEventBatchingOnAndroid', false);
+/**
+ * Instead of using folly::dynamic as internal representation in RawProps and RawValue, use jsi::Value
+ */
+export const useRawPropsJsiValue: Getter<boolean> = createNativeFlagGetter('useRawPropsJsiValue', false);
 /**
  * When enabled, cloning shadow nodes within react native will update the reference held by the current JS fiber tree.
  */

package/src/private/featureflags/specs/NativeReactNativeFeatureFlags.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<fa9dcd18f2e50de520995ce1f26b111e>>
+ * @generated SignedSource<<386958552a092ac75840bf3202fb0341>>
  * @flow strict
  */
 
@@ -28,6 +28,7 @@ export interface Spec extends TurboModule {
   +completeReactInstanceCreationOnBgThreadOnAndroid?: () => boolean;
   +disableEventLoopOnBridgeless?: () => boolean;
   +disableMountItemReorderingAndroid?: () => boolean;
+  +enableAccumulatedUpdatesInRawPropsAndroid?: () => boolean;
   +enableAlignItemsBaselineOnFabricIOS?: () => boolean;
   +enableAndroidLineHeightCentering?: () => boolean;
   +enableBridgelessArchitecture?: () => boolean;
@@ -67,6 +68,7 @@ export interface Spec extends TurboModule {
   +useNativeViewConfigsInBridgelessMode?: () => boolean;
   +useOptimisedViewPreallocationOnAndroid?: () => boolean;
   +useOptimizedEventBatchingOnAndroid?: () => boolean;
+  +useRawPropsJsiValue?: () => boolean;
   +useRuntimeShadowNodeReferenceUpdate?: () => boolean;
   +useTurboModuleInterop?: () => boolean;
   +useTurboModules?: () => boolean;

package/src-win/Libraries/Components/View/ViewPropTypes.d.ts

@@ -343,13 +343,6 @@ export interface ViewProps
    * Used to reference react managed views from native code.
    */
   nativeID?: string | undefined;
-
-  /**
-   * Contols whether this view, and its transitive children, are laid in a way
-   * consistent with web browsers ('strict'), or consistent with existing
-   * React Native code which may rely on incorrect behavior ('classic').
-   */
-  experimental_layoutConformance?: 'strict' | 'classic' | undefined;
 }
 
 // For backwards compat.... // Win32

package/src-win/Libraries/PersonaCoin/PersonaCoin.tsx

@@ -8,5 +8,6 @@ import { PersonaCoinDefaultProps } from './PersonaCoinPropTypes';
 const RCTPersonaCoin = requireNativeComponent('RCTPersonaCoin');
 
 export const PersonaCoin: React.FunctionComponent<IPersonaCoinProps> = (props: IPersonaCoinProps) => <RCTPersonaCoin {...props} />;
+// @ts-ignore
 PersonaCoin.defaultProps = PersonaCoinDefaultProps;
 PersonaCoin.displayName = 'PersonaCoin';

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/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/src/private/specs/modules/NativeJSCSamplingProfiler.js

@@ -1,19 +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
- */
-
-import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +operationComplete: (token: number, result: ?string, error: ?string) => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('JSCSamplingProfiler'): ?Spec);