react-native 0.84.0-rc.1 → 0.84.0-rc.3

package/Libraries/Core/ReactNativeVersion.js

@@ -29,7 +29,7 @@ export default class ReactNativeVersion {
   static major: number = 0;
   static minor: number = 84;
   static patch: number = 0;
-  static prerelease: string | null = 'rc.1';
+  static prerelease: string | null = 'rc.3';
 
   static getVersionString(): string {
     return `${this.major}.${this.minor}.${this.patch}${this.prerelease != null ? `-${this.prerelease}` : ''}`;

package/React/Base/RCTVersion.m

@@ -24,7 +24,7 @@ NSDictionary* RCTGetReactNativeVersion(void)
                   RCTVersionMajor: @(0),
                   RCTVersionMinor: @(84),
                   RCTVersionPatch: @(0),
-                  RCTVersionPrerelease: @"rc.1",
+                  RCTVersionPrerelease: @"rc.3",
                   };
   });
   return __rnVersion;

package/ReactAndroid/gradle.properties

@@ -1,4 +1,4 @@
-VERSION_NAME=0.84.0-rc.1
+VERSION_NAME=0.84.0-rc.3
 react.internal.publishingGroup=com.facebook.react
 react.internal.hermesPublishingGroup=com.facebook.hermes
 

package/ReactAndroid/hermes-engine/build.gradle.kts

@@ -149,28 +149,55 @@ val installCMake by
       )
     }
 
+fun configureBuildForHermesCommandLineArgs(
+    hermesBuildDir: File,
+    jsiDir: File,
+    enableDebugger: Boolean,
+): List<String> {
+  var cmakeCommandLine =
+      windowsAwareCommandLine(
+          cmakeBinaryPath,
+          // Suppress all warnings as this is the Hermes build and we can't fix them.
+          "--log-level=ERROR",
+          "-Wno-dev",
+          "-S",
+          ".",
+          "-B",
+          hermesBuildDir.toString(),
+          "-DJSI_DIR=" + jsiDir.absolutePath,
+          "-DCMAKE_BUILD_TYPE=Release",
+      )
+  if (enableDebugger) {
+    cmakeCommandLine = cmakeCommandLine + "-DHERMES_ENABLE_DEBUGGER=True"
+  }
+  if (Os.isFamily(Os.FAMILY_WINDOWS)) {
+    cmakeCommandLine = cmakeCommandLine + "-GNMake Makefiles"
+  }
+  if (hermesV1Enabled) {
+    cmakeCommandLine = cmakeCommandLine + "-DHERMESVM_HEAP_HV_MODE=HEAP_HV_PREFER32"
+  }
+
+  return cmakeCommandLine
+}
+
+fun buildHermesCCommandLineArgs() =
+    listOf(
+        cmakeBinaryPath,
+        "--build",
+        hermesBuildDir.toString(),
+        "--target",
+        "hermesc",
+        "-j",
+        ndkBuildJobs,
+    )
+
 val configureBuildForHermes by
     tasks.registering(CustomExecTask::class) {
       dependsOn(installCMake)
       workingDir(hermesDir)
       inputs.dir(hermesDir)
       outputs.files(hermesBuildOutputFileTree)
-      var cmakeCommandLine =
-          windowsAwareCommandLine(
-              cmakeBinaryPath,
-              // Suppress all warnings as this is the Hermes build and we can't fix them.
-              "--log-level=ERROR",
-              "-Wno-dev",
-              "-S",
-              ".",
-              "-B",
-              hermesBuildDir.toString(),
-              "-DJSI_DIR=" + jsiDir.absolutePath,
-              "-DCMAKE_BUILD_TYPE=Release",
-          )
-      if (Os.isFamily(Os.FAMILY_WINDOWS)) {
-        cmakeCommandLine = cmakeCommandLine + "-GNMake Makefiles"
-      }
+      val cmakeCommandLine = configureBuildForHermesCommandLineArgs(hermesBuildDir, jsiDir, false)
       commandLine(cmakeCommandLine)
       standardOutputFile.set(project.file("$buildDir/configure-hermesc.log"))
     }
@@ -181,22 +208,69 @@ val buildHermesC by
       workingDir(hermesDir)
       inputs.files(hermesBuildOutputFileTree)
       outputs.file(hermesCOutputBinary)
+      val cmakeCommandLine = buildHermesCCommandLineArgs()
+      commandLine(cmakeCommandLine)
+      standardOutputFile.set(project.file("$buildDir/build-hermesc.log"))
+      errorOutputFile.set(project.file("$buildDir/build-hermesc.error.log"))
+    }
+
+val prepareHeadersForPrefab by
+    tasks.registering(Copy::class) {
+      dependsOn(buildHermesC)
+      from("$hermesDir/API")
+      from("$hermesDir/public")
+      include("**/*.h")
+      exclude("jsi/**")
+      into(prefabHeadersDir)
+    }
+
+val buildHermesLib by
+    tasks.registering(CustomExecTask::class) {
+      dependsOn(buildHermesC)
+      workingDir(hermesDir)
+      inputs.files(hermesBuildOutputFileTree)
       commandLine(
           cmakeBinaryPath,
           "--build",
           hermesBuildDir.toString(),
           "--target",
-          "hermesc",
+          "hermesvm",
           "-j",
           ndkBuildJobs,
       )
+      standardOutputFile.set(project.file("$buildDir/build-hermes-lib.log"))
+      errorOutputFile.set(project.file("$buildDir/build-hermes-lib.error.log"))
+    }
+
+// The repeated tasks below named "*WithDebugger" are required by Fantom.
+// Hermes V1 by default builds with the debugger disabled, while Fantom needs
+// it to be enabled as it does a debug build of React Native.
+val configureBuildForHermesWithDebugger by
+    tasks.registering(CustomExecTask::class) {
+      dependsOn(installCMake)
+      workingDir(hermesDir)
+      inputs.dir(hermesDir)
+      outputs.files(hermesBuildOutputFileTree)
+      val cmakeCommandLine = configureBuildForHermesCommandLineArgs(hermesBuildDir, jsiDir, true)
+      commandLine(cmakeCommandLine)
+      standardOutputFile.set(project.file("$buildDir/configure-hermesc.log"))
+    }
+
+val buildHermesCWithDebugger by
+    tasks.registering(CustomExecTask::class) {
+      dependsOn(configureBuildForHermesWithDebugger)
+      workingDir(hermesDir)
+      inputs.files(hermesBuildOutputFileTree)
+      outputs.file(hermesCOutputBinary)
+      val cmakeCommandLine = buildHermesCCommandLineArgs()
+      commandLine(cmakeCommandLine)
       standardOutputFile.set(project.file("$buildDir/build-hermesc.log"))
       errorOutputFile.set(project.file("$buildDir/build-hermesc.error.log"))
     }
 
-val prepareHeadersForPrefab by
+val prepareHeadersForPrefabWithDebugger by
     tasks.registering(Copy::class) {
-      dependsOn(buildHermesC)
+      dependsOn(buildHermesCWithDebugger)
       from("$hermesDir/API")
       from("$hermesDir/public")
       include("**/*.h")
@@ -204,9 +278,9 @@ val prepareHeadersForPrefab by
       into(prefabHeadersDir)
     }
 
-val buildHermesLib by
+val buildHermesLibWithDebugger by
     tasks.registering(CustomExecTask::class) {
-      dependsOn(buildHermesC)
+      dependsOn(buildHermesCWithDebugger)
       workingDir(hermesDir)
       inputs.files(hermesBuildOutputFileTree)
       commandLine(
@@ -370,6 +444,8 @@ afterEvaluate {
     // download/unzip Hermes from Github then.
     tasks.getByName("configureBuildForHermes").dependsOn(unzipHermes)
     tasks.getByName("prepareHeadersForPrefab").dependsOn(unzipHermes)
+    tasks.getByName("configureBuildForHermesWithDebugger").dependsOn(unzipHermes)
+    tasks.getByName("prepareHeadersForPrefabWithDebugger").dependsOn(unzipHermes)
   }
   tasks.getByName("preBuild").dependsOn(buildHermesC)
   tasks.getByName("preBuild").dependsOn(prepareHeadersForPrefab)

package/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.kt

@@ -15,6 +15,6 @@ public object ReactNativeVersion {
     "major" to 0,
     "minor" to 84,
     "patch" to 0,
-    "prerelease" to "rc.1"
+    "prerelease" to "rc.3"
   )
 }

package/ReactCommon/cxxreact/ReactNativeVersion.h

@@ -22,7 +22,7 @@ constexpr struct {
   int32_t Major = 0;
   int32_t Minor = 84;
   int32_t Patch = 0;
-  std::string_view Prerelease = "rc.1";
+  std::string_view Prerelease = "rc.3";
 } ReactNativeVersion;
 
 } // namespace facebook::react

package/ReactCommon/react/renderer/animationbackend/AnimatedPropSerializer.cpp

@@ -74,6 +74,34 @@ void packTransform(folly::dynamic& dyn, const AnimatedPropBase& animatedProp) {
       folly::dynamic::array(folly::dynamic::object("matrix", matrixArray)));
 }
 
+std::string unitTypeToString(UnitType unit) {
+  switch (unit) {
+    case UnitType::Undefined:
+      return "undefined";
+    case UnitType::Point:
+      return "point";
+    case UnitType::Percent:
+      return "percent";
+    default:
+      throw std::runtime_error("Unknown unit type");
+  }
+}
+
+void packTransformOrigin(
+    folly::dynamic& dyn,
+    const AnimatedPropBase& animatedProp) {
+  const auto& transformOrigin = get<TransformOrigin>(animatedProp);
+  auto originArray = folly::dynamic::array();
+  for (const auto& xyValue : transformOrigin.xy) {
+    folly::dynamic valueObj = folly::dynamic::object();
+    valueObj["value"] = xyValue.value;
+    valueObj["unit"] = unitTypeToString(xyValue.unit);
+    originArray.push_back(valueObj);
+  }
+  originArray.push_back(transformOrigin.z);
+  dyn.insert("transformOrigin", originArray);
+}
+
 void packBackgroundColor(
     folly::dynamic& dyn,
     const AnimatedPropBase& animatedProp) {
@@ -198,6 +226,346 @@ void packOutlineWidth(
   dyn.insert("outlineWidth", get<Float>(animatedProp));
 }
 
+void packBorderCurveEdge(
+    folly::dynamic& dyn,
+    const std::string& propName,
+    const std::optional<BorderCurve>& curveValue) {
+  if (curveValue.has_value()) {
+    std::string curveStr;
+    switch (curveValue.value()) {
+      case BorderCurve::Circular:
+        curveStr = "circular";
+        break;
+      case BorderCurve::Continuous:
+        curveStr = "continuous";
+        break;
+      default:
+        throw std::runtime_error("Unknown border curve");
+    }
+    dyn.insert(propName, curveStr);
+  }
+}
+
+void packBorderCurves(
+    folly::dynamic& dyn,
+    const AnimatedPropBase& animatedProp) {
+  const auto& borderCurves = get<CascadedBorderCurves>(animatedProp);
+
+  packBorderCurveEdge(dyn, "borderTopLeftCurve", borderCurves.topLeft);
+  packBorderCurveEdge(dyn, "borderTopRightCurve", borderCurves.topRight);
+  packBorderCurveEdge(dyn, "borderBottomLeftCurve", borderCurves.bottomLeft);
+  packBorderCurveEdge(dyn, "borderBottomRightCurve", borderCurves.bottomRight);
+
+  if (borderCurves.all.has_value()) {
+    std::string curveStr;
+    switch (borderCurves.all.value()) {
+      case BorderCurve::Circular:
+        curveStr = "circular";
+        break;
+      case BorderCurve::Continuous:
+        curveStr = "continuous";
+        break;
+      default:
+        throw std::runtime_error("Unknown border curve");
+    }
+    dyn.insert("borderCurve", curveStr);
+  }
+}
+
+std::string borderStyleToString(BorderStyle style) {
+  switch (style) {
+    case BorderStyle::Solid:
+      return "solid";
+    case BorderStyle::Dotted:
+      return "dotted";
+    case BorderStyle::Dashed:
+      return "dashed";
+    default:
+      throw std::runtime_error("Unknown border style");
+  }
+}
+
+void packBorderStyleEdge(
+    folly::dynamic& dyn,
+    const std::string& propName,
+    const std::optional<BorderStyle>& styleValue) {
+  if (styleValue.has_value()) {
+    dyn.insert(propName, borderStyleToString(styleValue.value()));
+  }
+}
+
+void packBorderStyles(
+    folly::dynamic& dyn,
+    const AnimatedPropBase& animatedProp) {
+  const auto& borderStyles = get<CascadedBorderStyles>(animatedProp);
+
+  packBorderStyleEdge(dyn, "borderLeftStyle", borderStyles.left);
+  packBorderStyleEdge(dyn, "borderTopStyle", borderStyles.top);
+  packBorderStyleEdge(dyn, "borderRightStyle", borderStyles.right);
+  packBorderStyleEdge(dyn, "borderBottomStyle", borderStyles.bottom);
+  packBorderStyleEdge(dyn, "borderStartStyle", borderStyles.start);
+  packBorderStyleEdge(dyn, "borderEndStyle", borderStyles.end);
+
+  if (borderStyles.all.has_value()) {
+    dyn.insert("borderStyle", borderStyleToString(borderStyles.all.value()));
+  }
+}
+
+void packPointerEvents(
+    folly::dynamic& dyn,
+    const AnimatedPropBase& animatedProp) {
+  const auto& pointerEvents = get<PointerEventsMode>(animatedProp);
+  std::string pointerEventsStr;
+  switch (pointerEvents) {
+    case PointerEventsMode::Auto:
+      pointerEventsStr = "auto";
+      break;
+    case PointerEventsMode::None:
+      pointerEventsStr = "none";
+      break;
+    case PointerEventsMode::BoxNone:
+      pointerEventsStr = "box-none";
+      break;
+    case PointerEventsMode::BoxOnly:
+      pointerEventsStr = "box-only";
+      break;
+    default:
+      throw std::runtime_error("Unknown pointer events mode");
+  }
+  dyn.insert("pointerEvents", pointerEventsStr);
+}
+
+void packIsolation(folly::dynamic& dyn, const AnimatedPropBase& animatedProp) {
+  const auto& isolation = get<Isolation>(animatedProp);
+  std::string isolationStr;
+  switch (isolation) {
+    case Isolation::Auto:
+      isolationStr = "auto";
+      break;
+    case Isolation::Isolate:
+      isolationStr = "isolate";
+      break;
+    default:
+      throw std::runtime_error("Unknown isolation mode");
+  }
+  dyn.insert("isolation", isolationStr);
+}
+
+void packCursor(folly::dynamic& dyn, const AnimatedPropBase& animatedProp) {
+  const auto& cursor = get<Cursor>(animatedProp);
+  std::string cursorStr;
+  switch (cursor) {
+    case Cursor::Auto:
+      cursorStr = "auto";
+      break;
+    case Cursor::Alias:
+      cursorStr = "alias";
+      break;
+    case Cursor::AllScroll:
+      cursorStr = "all-scroll";
+      break;
+    case Cursor::Cell:
+      cursorStr = "cell";
+      break;
+    case Cursor::ColResize:
+      cursorStr = "col-resize";
+      break;
+    case Cursor::ContextMenu:
+      cursorStr = "context-menu";
+      break;
+    case Cursor::Copy:
+      cursorStr = "copy";
+      break;
+    case Cursor::Crosshair:
+      cursorStr = "crosshair";
+      break;
+    case Cursor::Default:
+      cursorStr = "default";
+      break;
+    case Cursor::EResize:
+      cursorStr = "e-resize";
+      break;
+    case Cursor::EWResize:
+      cursorStr = "ew-resize";
+      break;
+    case Cursor::Grab:
+      cursorStr = "grab";
+      break;
+    case Cursor::Grabbing:
+      cursorStr = "grabbing";
+      break;
+    case Cursor::Help:
+      cursorStr = "help";
+      break;
+    case Cursor::Move:
+      cursorStr = "move";
+      break;
+    case Cursor::NResize:
+      cursorStr = "n-resize";
+      break;
+    case Cursor::NEResize:
+      cursorStr = "ne-resize";
+      break;
+    case Cursor::NESWResize:
+      cursorStr = "nesw-resize";
+      break;
+    case Cursor::NSResize:
+      cursorStr = "ns-resize";
+      break;
+    case Cursor::NWResize:
+      cursorStr = "nw-resize";
+      break;
+    case Cursor::NWSEResize:
+      cursorStr = "nwse-resize";
+      break;
+    case Cursor::NoDrop:
+      cursorStr = "no-drop";
+      break;
+    case Cursor::None:
+      cursorStr = "none";
+      break;
+    case Cursor::NotAllowed:
+      cursorStr = "not-allowed";
+      break;
+    case Cursor::Pointer:
+      cursorStr = "pointer";
+      break;
+    case Cursor::Progress:
+      cursorStr = "progress";
+      break;
+    case Cursor::RowResize:
+      cursorStr = "row-resize";
+      break;
+    case Cursor::SResize:
+      cursorStr = "s-resize";
+      break;
+    case Cursor::SEResize:
+      cursorStr = "se-resize";
+      break;
+    case Cursor::SWResize:
+      cursorStr = "sw-resize";
+      break;
+    case Cursor::Text:
+      cursorStr = "text";
+      break;
+    case Cursor::Url:
+      cursorStr = "url";
+      break;
+    case Cursor::WResize:
+      cursorStr = "w-resize";
+      break;
+    case Cursor::Wait:
+      cursorStr = "wait";
+      break;
+    case Cursor::ZoomIn:
+      cursorStr = "zoom-in";
+      break;
+    case Cursor::ZoomOut:
+      cursorStr = "zoom-out";
+      break;
+    default:
+      throw std::runtime_error("Unknown cursor type");
+  }
+  dyn.insert("cursor", cursorStr);
+}
+
+void packBoxShadow(folly::dynamic& dyn, const AnimatedPropBase& animatedProp) {
+  const auto& boxShadows = get<std::vector<BoxShadow>>(animatedProp);
+  auto shadowArray = folly::dynamic::array();
+  for (const auto& shadow : boxShadows) {
+    folly::dynamic shadowObj = folly::dynamic::object();
+    shadowObj["offsetX"] = shadow.offsetX;
+    shadowObj["offsetY"] = shadow.offsetY;
+    shadowObj["blurRadius"] = shadow.blurRadius;
+    shadowObj["spreadDistance"] = shadow.spreadDistance;
+    shadowObj["inset"] = shadow.inset;
+    if (shadow.color) {
+      shadowObj["color"] = static_cast<int32_t>(*shadow.color);
+    }
+    shadowArray.push_back(shadowObj);
+  }
+  dyn.insert("boxShadow", shadowArray);
+}
+
+void packMixBlendMode(
+    folly::dynamic& dyn,
+    const AnimatedPropBase& animatedProp) {
+  const auto& mixBlendMode = get<BlendMode>(animatedProp);
+  std::string blendModeStr;
+  switch (mixBlendMode) {
+    case BlendMode::Normal:
+      blendModeStr = "normal";
+      break;
+    case BlendMode::Multiply:
+      blendModeStr = "multiply";
+      break;
+    case BlendMode::Screen:
+      blendModeStr = "screen";
+      break;
+    case BlendMode::Overlay:
+      blendModeStr = "overlay";
+      break;
+    case BlendMode::Darken:
+      blendModeStr = "darken";
+      break;
+    case BlendMode::Lighten:
+      blendModeStr = "lighten";
+      break;
+    case BlendMode::ColorDodge:
+      blendModeStr = "color-dodge";
+      break;
+    case BlendMode::ColorBurn:
+      blendModeStr = "color-burn";
+      break;
+    case BlendMode::HardLight:
+      blendModeStr = "hard-light";
+      break;
+    case BlendMode::SoftLight:
+      blendModeStr = "soft-light";
+      break;
+    case BlendMode::Difference:
+      blendModeStr = "difference";
+      break;
+    case BlendMode::Exclusion:
+      blendModeStr = "exclusion";
+      break;
+    case BlendMode::Hue:
+      blendModeStr = "hue";
+      break;
+    case BlendMode::Saturation:
+      blendModeStr = "saturation";
+      break;
+    case BlendMode::Color:
+      blendModeStr = "color";
+      break;
+    case BlendMode::Luminosity:
+      blendModeStr = "luminosity";
+      break;
+    default:
+      throw std::runtime_error("Unknown blend mode");
+  }
+  dyn.insert("mixBlendMode", blendModeStr);
+}
+
+void packBackfaceVisibility(
+    folly::dynamic& dyn,
+    const AnimatedPropBase& animatedProp) {
+  const auto& backfaceVisibility = get<BackfaceVisibility>(animatedProp);
+  std::string visibilityStr;
+  switch (backfaceVisibility) {
+    case BackfaceVisibility::Auto:
+      visibilityStr = "auto";
+      break;
+    case BackfaceVisibility::Visible:
+      visibilityStr = "visible";
+      break;
+    case BackfaceVisibility::Hidden:
+      visibilityStr = "hidden";
+      break;
+  }
+  dyn.insert("backfaceVisibility", visibilityStr);
+}
+
 void packAnimatedProp(
     folly::dynamic& dyn,
     const std::unique_ptr<AnimatedPropBase>& animatedProp) {
@@ -210,6 +578,10 @@ void packAnimatedProp(
       packTransform(dyn, *animatedProp);
       break;
 
+    case TRANSFORM_ORIGIN:
+      packTransformOrigin(dyn, *animatedProp);
+      break;
+
     case BACKGROUND_COLOR:
       packBackgroundColor(dyn, *animatedProp);
       break;
@@ -258,6 +630,38 @@ void packAnimatedProp(
       packOutlineWidth(dyn, *animatedProp);
       break;
 
+    case BORDER_CURVES:
+      packBorderCurves(dyn, *animatedProp);
+      break;
+
+    case BORDER_STYLES:
+      packBorderStyles(dyn, *animatedProp);
+      break;
+
+    case POINTER_EVENTS:
+      packPointerEvents(dyn, *animatedProp);
+      break;
+
+    case ISOLATION:
+      packIsolation(dyn, *animatedProp);
+      break;
+
+    case CURSOR:
+      packCursor(dyn, *animatedProp);
+      break;
+
+    case BOX_SHADOW:
+      packBoxShadow(dyn, *animatedProp);
+      break;
+
+    case MIX_BLEND_MODE:
+      packMixBlendMode(dyn, *animatedProp);
+      break;
+
+    case BACKFACE_VISIBILITY:
+      packBackfaceVisibility(dyn, *animatedProp);
+      break;
+
     case WIDTH:
     case HEIGHT:
     case FLEX:
@@ -283,6 +687,10 @@ void packAnimatedProp(
     case MAX_WIDTH:
     case MIN_HEIGHT:
     case MIN_WIDTH:
+    case STYLE_OVERFLOW:
+    case POSITION_TYPE:
+    case Z_INDEX:
+    case DIRECTION:
       throw std::runtime_error("Tried to synchronously update layout props");
   }
 }

package/ReactCommon/react/renderer/animationbackend/AnimatedProps.h

@@ -24,6 +24,7 @@ enum PropName {
   POSITION,
   FLEX,
   TRANSFORM,
+  TRANSFORM_ORIGIN,
   BACKGROUND_COLOR,
   SHADOW_COLOR,
   SHADOW_OFFSET,
@@ -51,7 +52,19 @@ enum PropName {
   MAX_HEIGHT,
   MAX_WIDTH,
   MIN_HEIGHT,
-  MIN_WIDTH
+  MIN_WIDTH,
+  STYLE_OVERFLOW,
+  POSITION_TYPE,
+  Z_INDEX,
+  DIRECTION,
+  BORDER_CURVES,
+  BORDER_STYLES,
+  POINTER_EVENTS,
+  ISOLATION,
+  CURSOR,
+  BOX_SHADOW,
+  MIX_BLEND_MODE,
+  BACKFACE_VISIBILITY
 };
 
 struct AnimatedPropBase {
@@ -243,6 +256,10 @@ inline void cloneProp(BaseViewProps &viewProps, const AnimatedPropBase &animated
       viewProps.transform = get<Transform>(animatedProp);
       break;
 
+    case TRANSFORM_ORIGIN:
+      viewProps.transformOrigin = get<TransformOrigin>(animatedProp);
+      break;
+
     case BACKGROUND_COLOR:
       viewProps.backgroundColor = get<SharedColor>(animatedProp);
       break;
@@ -355,6 +372,54 @@ inline void cloneProp(BaseViewProps &viewProps, const AnimatedPropBase &animated
       viewProps.yogaStyle.setMinDimension(yoga::Dimension::Width, get<yoga::Style::SizeLength>(animatedProp));
       break;
 
+    case STYLE_OVERFLOW:
+      viewProps.yogaStyle.setOverflow(get<yoga::Overflow>(animatedProp));
+      break;
+
+    case POSITION_TYPE:
+      viewProps.yogaStyle.setPositionType(get<yoga::PositionType>(animatedProp));
+      break;
+
+    case Z_INDEX:
+      viewProps.zIndex = get<std::optional<int>>(animatedProp);
+      break;
+
+    case DIRECTION:
+      viewProps.yogaStyle.setDirection(get<yoga::Direction>(animatedProp));
+      break;
+
+    case BORDER_CURVES:
+      viewProps.borderCurves = get<CascadedBorderCurves>(animatedProp);
+      break;
+
+    case BORDER_STYLES:
+      viewProps.borderStyles = get<CascadedBorderStyles>(animatedProp);
+      break;
+
+    case POINTER_EVENTS:
+      viewProps.pointerEvents = get<PointerEventsMode>(animatedProp);
+      break;
+
+    case ISOLATION:
+      viewProps.isolation = get<Isolation>(animatedProp);
+      break;
+
+    case CURSOR:
+      viewProps.cursor = get<Cursor>(animatedProp);
+      break;
+
+    case BOX_SHADOW:
+      viewProps.boxShadow = get<std::vector<BoxShadow>>(animatedProp);
+      break;
+
+    case MIX_BLEND_MODE:
+      viewProps.mixBlendMode = get<BlendMode>(animatedProp);
+      break;
+
+    case BACKFACE_VISIBILITY:
+      viewProps.backfaceVisibility = get<BackfaceVisibility>(animatedProp);
+      break;
+
     default:
       break;
   }

package/ReactCommon/react/renderer/animationbackend/AnimatedPropsBuilder.h

@@ -52,9 +52,17 @@ struct AnimatedPropsBuilder {
   {
     props.push_back(std::make_unique<AnimatedProp<CascadedRectangleEdges<yoga::StyleLength>>>(POSITION, value));
   }
-  void setTransform(Transform &t)
+  void setFlex(yoga::FloatOptional value)
   {
-    props.push_back(std::make_unique<AnimatedProp<Transform>>(TRANSFORM, std::move(t)));
+    props.push_back(std::make_unique<AnimatedProp<yoga::FloatOptional>>(FLEX, value));
+  }
+  void setTransform(const Transform &t)
+  {
+    props.push_back(std::make_unique<AnimatedProp<Transform>>(TRANSFORM, t));
+  }
+  void setTransformOrigin(const TransformOrigin &value)
+  {
+    props.push_back(std::make_unique<AnimatedProp<TransformOrigin>>(TRANSFORM_ORIGIN, value));
   }
   void setBackgroundColor(SharedColor value)
   {
@@ -168,6 +176,54 @@ struct AnimatedPropsBuilder {
   {
     props.push_back(std::make_unique<AnimatedProp<yoga::Style::SizeLength>>(MIN_WIDTH, value));
   }
+  void setOverflow(yoga::Overflow value)
+  {
+    props.push_back(std::make_unique<AnimatedProp<yoga::Overflow>>(STYLE_OVERFLOW, value));
+  }
+  void setPositionType(yoga::PositionType value)
+  {
+    props.push_back(std::make_unique<AnimatedProp<yoga::PositionType>>(POSITION_TYPE, value));
+  }
+  void setZIndex(std::optional<int> value)
+  {
+    props.push_back(std::make_unique<AnimatedProp<std::optional<int>>>(Z_INDEX, value));
+  }
+  void setDirection(yoga::Direction value)
+  {
+    props.push_back(std::make_unique<AnimatedProp<yoga::Direction>>(DIRECTION, value));
+  }
+  void setBorderCurves(CascadedBorderCurves &value)
+  {
+    props.push_back(std::make_unique<AnimatedProp<CascadedBorderCurves>>(BORDER_CURVES, value));
+  }
+  void setBorderStyles(CascadedBorderStyles &value)
+  {
+    props.push_back(std::make_unique<AnimatedProp<CascadedBorderStyles>>(BORDER_STYLES, value));
+  }
+  void setPointerEvents(PointerEventsMode value)
+  {
+    props.push_back(std::make_unique<AnimatedProp<PointerEventsMode>>(POINTER_EVENTS, value));
+  }
+  void setIsolation(Isolation value)
+  {
+    props.push_back(std::make_unique<AnimatedProp<Isolation>>(ISOLATION, value));
+  }
+  void setCursor(Cursor value)
+  {
+    props.push_back(std::make_unique<AnimatedProp<Cursor>>(CURSOR, value));
+  }
+  void setBoxShadow(const std::vector<BoxShadow> &value)
+  {
+    props.push_back(std::make_unique<AnimatedProp<std::vector<BoxShadow>>>(BOX_SHADOW, value));
+  }
+  void setMixBlendMode(BlendMode value)
+  {
+    props.push_back(std::make_unique<AnimatedProp<BlendMode>>(MIX_BLEND_MODE, value));
+  }
+  void setBackfaceVisibility(BackfaceVisibility value)
+  {
+    props.push_back(std::make_unique<AnimatedProp<BackfaceVisibility>>(BACKFACE_VISIBILITY, value));
+  }
   void storeDynamic(folly::dynamic &d)
   {
     rawProps = std::make_unique<RawProps>(std::move(d));

package/ReactCommon/react/renderer/animationbackend/AnimatedPropsRegistry.h

@@ -68,6 +68,10 @@ inline void updateProp(const PropName propName, BaseViewProps &viewProps, const
       viewProps.transform = snapshot.props.transform;
       break;
 
+    case TRANSFORM_ORIGIN:
+      viewProps.transformOrigin = snapshot.props.transformOrigin;
+      break;
+
     case BORDER_RADII:
       viewProps.borderRadii = snapshot.props.borderRadii;
       break;
@@ -240,6 +244,54 @@ inline void updateProp(const PropName propName, BaseViewProps &viewProps, const
       viewProps.yogaStyle.setMinDimension(
           yoga::Dimension::Width, snapshot.props.yogaStyle.minDimension(yoga::Dimension::Width));
       break;
+
+    case STYLE_OVERFLOW:
+      viewProps.yogaStyle.setOverflow(snapshot.props.yogaStyle.overflow());
+      break;
+
+    case POSITION_TYPE:
+      viewProps.yogaStyle.setPositionType(snapshot.props.yogaStyle.positionType());
+      break;
+
+    case Z_INDEX:
+      viewProps.zIndex = snapshot.props.zIndex;
+      break;
+
+    case DIRECTION:
+      viewProps.yogaStyle.setDirection(snapshot.props.yogaStyle.direction());
+      break;
+
+    case BORDER_CURVES:
+      viewProps.borderCurves = snapshot.props.borderCurves;
+      break;
+
+    case BORDER_STYLES:
+      viewProps.borderStyles = snapshot.props.borderStyles;
+      break;
+
+    case POINTER_EVENTS:
+      viewProps.pointerEvents = snapshot.props.pointerEvents;
+      break;
+
+    case ISOLATION:
+      viewProps.isolation = snapshot.props.isolation;
+      break;
+
+    case CURSOR:
+      viewProps.cursor = snapshot.props.cursor;
+      break;
+
+    case BOX_SHADOW:
+      viewProps.boxShadow = snapshot.props.boxShadow;
+      break;
+
+    case MIX_BLEND_MODE:
+      viewProps.mixBlendMode = snapshot.props.mixBlendMode;
+      break;
+
+    case BACKFACE_VISIBILITY:
+      viewProps.backfaceVisibility = snapshot.props.backfaceVisibility;
+      break;
   }
 }
 

package/ReactCommon/react/renderer/animationbackend/AnimationBackend.cpp

@@ -16,15 +16,12 @@
 namespace facebook::react {
 
 static const auto layoutProps = std::set<PropName>{
-    PropName::WIDTH,        PropName::HEIGHT,        PropName::FLEX,
-    PropName::MARGIN,       PropName::PADDING,       PropName::POSITION,
-    PropName::BORDER_WIDTH, PropName::ALIGN_CONTENT, PropName::ALIGN_ITEMS,
-    PropName::ALIGN_SELF,   PropName::ASPECT_RATIO,  PropName::BOX_SIZING,
-    PropName::DISPLAY,      PropName::FLEX_BASIS,    PropName::FLEX_DIRECTION,
-    PropName::ROW_GAP,      PropName::COLUMN_GAP,    PropName::FLEX_GROW,
-    PropName::FLEX_SHRINK,  PropName::FLEX_WRAP,     PropName::JUSTIFY_CONTENT,
-    PropName::MAX_HEIGHT,   PropName::MAX_WIDTH,     PropName::MIN_HEIGHT,
-    PropName::MIN_WIDTH,
+    WIDTH,           HEIGHT,        FLEX,          MARGIN,      PADDING,
+    POSITION,        BORDER_WIDTH,  ALIGN_CONTENT, ALIGN_ITEMS, ALIGN_SELF,
+    ASPECT_RATIO,    BOX_SIZING,    DISPLAY,       FLEX_BASIS,  FLEX_DIRECTION,
+    ROW_GAP,         COLUMN_GAP,    FLEX_GROW,     FLEX_SHRINK, FLEX_WRAP,
+    JUSTIFY_CONTENT, MAX_HEIGHT,    MAX_WIDTH,     MIN_HEIGHT,  MIN_WIDTH,
+    STYLE_OVERFLOW,  POSITION_TYPE, DIRECTION,     Z_INDEX,
 };
 
 UIManagerNativeAnimatedDelegateBackendImpl::

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native",
-  "version": "0.84.0-rc.1",
+  "version": "0.84.0-rc.3",
   "description": "A framework for building native apps using React",
   "license": "MIT",
   "repository": {
@@ -160,13 +160,13 @@
   },
   "dependencies": {
     "@jest/create-cache-key-function": "^29.7.0",
-    "@react-native/assets-registry": "0.84.0-rc.1",
-    "@react-native/codegen": "0.84.0-rc.1",
-    "@react-native/community-cli-plugin": "0.84.0-rc.1",
-    "@react-native/gradle-plugin": "0.84.0-rc.1",
-    "@react-native/js-polyfills": "0.84.0-rc.1",
-    "@react-native/normalize-colors": "0.84.0-rc.1",
-    "@react-native/virtualized-lists": "0.84.0-rc.1",
+    "@react-native/assets-registry": "0.84.0-rc.3",
+    "@react-native/codegen": "0.84.0-rc.3",
+    "@react-native/community-cli-plugin": "0.84.0-rc.3",
+    "@react-native/gradle-plugin": "0.84.0-rc.3",
+    "@react-native/js-polyfills": "0.84.0-rc.3",
+    "@react-native/normalize-colors": "0.84.0-rc.3",
+    "@react-native/virtualized-lists": "0.84.0-rc.3",
     "abort-controller": "^3.0.0",
     "anser": "^1.4.9",
     "ansi-regex": "^5.0.0",

package/scripts/codegen/generate-artifacts-executor/generateRCTThirdPartyComponents.js

@@ -169,11 +169,10 @@ function findFilesWithExtension(
       return null;
     }
 
-    // Skip hidden folders, that starts with `.` but allow `.pnpm`
-    if (
-      absolutePath.includes(`${path.sep}.`) &&
-      !absolutePath.includes(`${path.sep}.pnpm`)
-    ) {
+    // Skip hidden files/folders (starting with `.`) but allow `.pnpm`
+    // Note: Only check the filename, not the entire path, to avoid false positives
+    // when the workspace itself is under a hidden folder (e.g., ~/.jenkins/)
+    if (file.startsWith('.') && file !== '.pnpm') {
       return null;
     }
 
@@ -226,5 +225,6 @@ function findRCTComponentViewProtocolClass(filepath /*: string */) {
 }
 
 module.exports = {
+  findFilesWithExtension,
   generateRCTThirdPartyComponents,
 };

package/scripts/ios-configure-glog.sh

@@ -102,3 +102,21 @@ cp -f src/glog/logging.h "$EXPORTED_INCLUDE_DIR/"
 cp -f src/glog/raw_logging.h "$EXPORTED_INCLUDE_DIR/"
 cp -f src/glog/stl_logging.h "$EXPORTED_INCLUDE_DIR/"
 cp -f src/glog/vlog_is_on.h "$EXPORTED_INCLUDE_DIR/"
+
+
+# Create a custom module.modulemap that works with Swift C++ interop
+# The issue is that glog headers include other headers inside namespace blocks
+# which Clang treats as module imports inside namespaces (which is illegal)
+# Solution: Use textual headers to prevent submodule creation
+cat > src/glog/module.modulemap << 'MODULEMAP'
+module glog {
+     // Use textual headers to avoid submodule generation
+     // This prevents the "import within namespace" error with Swift C++ interop
+     textual header "log_severity.h"
+     textual header "logging.h"
+     textual header "raw_logging.h"
+     textual header "stl_logging.h"
+     textual header "vlog_is_on.h"
+     export *
+}
+MODULEMAP

package/third-party-podspecs/glog.podspec

@@ -33,6 +33,7 @@ Pod::Spec.new do |spec|
   spec.exclude_files       = "src/windows/**/*"
   spec.compiler_flags      = '-Wno-shorten-64-to-32'
   spec.resource_bundles = {'glog_privacy' => 'glog/PrivacyInfo.xcprivacy'}
+  spec.module_map = 'src/glog/module.modulemap'
 
   spec.pod_target_xcconfig = {
     "USE_HEADERMAP" => "NO",