react-native-tvos 0.75.2-0rc0 → 0.76.0-0rc0

package/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManager.java

@@ -29,15 +29,16 @@ import com.facebook.react.common.MapBuilder;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.uimanager.ReactAccessibilityDelegate.AccessibilityRole;
 import com.facebook.react.uimanager.ReactAccessibilityDelegate.Role;
+import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.uimanager.common.UIManagerType;
 import com.facebook.react.uimanager.common.ViewUtil;
-import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.uimanager.events.PointerEventHelper;
 import com.facebook.react.uimanager.util.ReactFindViewUtil;
 import java.util.ArrayList;
 import java.util.HashMap;
 import java.util.List;
 import java.util.Map;
+import java.util.Objects;
 
 /**
  * Base class that should be suitable for the majority of subclasses of {@link ViewManager}. It
@@ -67,7 +68,7 @@ public abstract class BaseViewManager<T extends View, C extends LayoutShadowNode
   }
 
   @Override
-  protected T prepareToRecycleView(@NonNull ThemedReactContext reactContext, T view) {
+  protected @Nullable T prepareToRecycleView(@NonNull ThemedReactContext reactContext, T view) {
     // Reset tags
     view.setTag(null);
     view.setTag(R.id.pointer_events, null);
@@ -94,13 +95,21 @@ public abstract class BaseViewManager<T extends View, C extends LayoutShadowNode
     setTransformProperty(view, null, null);
 
     // RenderNode params not covered by setTransformProperty above
-    view.resetPivot();
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
+      view.resetPivot();
+    } else {
+      // no way of resetting pivot, or knowing whether it is set
+      return null;
+    }
     view.setTop(0);
     view.setBottom(0);
     view.setLeft(0);
     view.setRight(0);
     view.setElevation(0);
-    view.setAnimationMatrix(null);
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
+      // failsafe - should already be set to null when animation finishes
+      view.setAnimationMatrix(null);
+    }
 
     view.setTag(R.id.transform, null);
     view.setTag(R.id.transform_origin, null);
@@ -109,7 +118,8 @@ public abstract class BaseViewManager<T extends View, C extends LayoutShadowNode
 
     view.setTag(R.id.use_hardware_layer, null);
     view.setTag(R.id.filter, null);
-    applyFilter(view, null);
+    view.setTag(R.id.mix_blend_mode, null);
+    LayerEffectsHelper.apply(view, null, null);
 
     // setShadowColor
     if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
@@ -191,21 +201,38 @@ public abstract class BaseViewManager<T extends View, C extends LayoutShadowNode
   @Override
   @ReactProp(name = ViewProps.FILTER, customType = "Filter")
   public void setFilter(@NonNull T view, @Nullable ReadableArray filter) {
-    view.setTag(R.id.filter, filter);
+    if (ViewUtil.getUIManagerType(view) == UIManagerType.FABRIC) {
+      view.setTag(R.id.filter, filter);
+    }
+  }
+
+  @Override
+  @ReactProp(name = ViewProps.MIX_BLEND_MODE)
+  public void setMixBlendMode(@NonNull T view, @Nullable String mixBlendMode) {
+    if (ViewUtil.getUIManagerType(view) == UIManagerType.FABRIC) {
+      view.setTag(R.id.mix_blend_mode, BlendModeHelper.parseMixBlendMode(mixBlendMode));
+    }
   }
 
   @Override
   @ReactProp(name = ViewProps.TRANSFORM)
   public void setTransform(@NonNull T view, @Nullable ReadableArray matrix) {
-    view.setTag(R.id.transform, matrix);
-    view.setTag(R.id.invalidate_transform, true);
+    @Nullable ReadableArray currentTransform = (ReadableArray) view.getTag(R.id.transform);
+    if (!Objects.equals(currentTransform, matrix)) {
+      view.setTag(R.id.transform, matrix);
+      view.setTag(R.id.invalidate_transform, true);
+    }
   }
 
   @Override
   @ReactProp(name = ViewProps.TRANSFORM_ORIGIN)
   public void setTransformOrigin(@NonNull T view, @Nullable ReadableArray transformOrigin) {
-    view.setTag(R.id.transform_origin, transformOrigin);
-    view.setTag(R.id.invalidate_transform, true);
+    @Nullable
+    ReadableArray currentTransformOrigin = (ReadableArray) view.getTag(R.id.transform_origin);
+    if (!Objects.equals(currentTransformOrigin, transformOrigin)) {
+      view.setTag(R.id.transform_origin, transformOrigin);
+      view.setTag(R.id.invalidate_transform, true);
+    }
   }
 
   @Override
@@ -499,25 +526,33 @@ public abstract class BaseViewManager<T extends View, C extends LayoutShadowNode
     }
   }
 
-  private void applyFilter(@NonNull T view, @Nullable ReadableArray filter) {
-    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
-      view.setRenderEffect(null);
-    }
-    Boolean useHWLayer = (Boolean) view.getTag(R.id.use_hardware_layer);
-    int layerType =
-        useHWLayer != null && useHWLayer ? View.LAYER_TYPE_HARDWARE : View.LAYER_TYPE_NONE;
-    view.setLayerType(layerType, null);
+  // Extracting helper method to inner class to avoid reflection on older Android versions
+  // hitting the unknown BlendMode type
+  private static class LayerEffectsHelper {
+    public static void apply(
+        @NonNull View view, @Nullable ReadableArray filter, @Nullable Boolean useHWLayer) {
+      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
+        view.setRenderEffect(null);
+      }
 
-    if (filter == null) {
-      return;
-    }
+      @Nullable Paint p = null;
 
-    if (FilterHelper.isOnlyColorMatrixFilters(filter)) {
-      Paint p = new Paint();
-      p.setColorFilter(FilterHelper.parseColorMatrixFilters(filter));
-      view.setLayerType(View.LAYER_TYPE_HARDWARE, p);
-    } else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
-      view.setRenderEffect(FilterHelper.parseFilters(filter));
+      if (filter != null) {
+        if (FilterHelper.isOnlyColorMatrixFilters(filter)) {
+          p = new Paint();
+          p.setColorFilter(FilterHelper.parseColorMatrixFilters(filter));
+        } else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
+          view.setRenderEffect(FilterHelper.parseFilters(filter));
+        }
+      }
+
+      if (p == null) {
+        int layerType =
+            useHWLayer != null && useHWLayer ? View.LAYER_TYPE_HARDWARE : View.LAYER_TYPE_NONE;
+        view.setLayerType(layerType, null);
+      } else {
+        view.setLayerType(View.LAYER_TYPE_HARDWARE, p);
+      }
     }
   }
 
@@ -630,13 +665,10 @@ public abstract class BaseViewManager<T extends View, C extends LayoutShadowNode
       view.setTag(R.id.invalidate_transform, false);
     }
 
+    ReadableArray filter = (ReadableArray) view.getTag(R.id.filter);
     Boolean useHWLayer = (Boolean) view.getTag(R.id.use_hardware_layer);
-    if (useHWLayer != null) {
-      view.setLayerType(useHWLayer ? View.LAYER_TYPE_HARDWARE : View.LAYER_TYPE_NONE, null);
-    }
 
-    ReadableArray filter = (ReadableArray) view.getTag(R.id.filter);
-    applyFilter(view, filter);
+    LayerEffectsHelper.apply(view, filter, useHWLayer);
   }
 
   @Override

package/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManagerDelegate.kt

@@ -0,0 +1,109 @@
+/*
+ * 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.
+ */
+
+package com.facebook.react.uimanager
+
+import android.view.View
+import com.facebook.react.bridge.ColorPropConverter
+import com.facebook.react.bridge.Dynamic
+import com.facebook.react.bridge.DynamicFromObject
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.yoga.YogaConstants
+
+/**
+ * This is a base implementation of [ViewManagerDelegate] which supports setting properties that
+ * every view should support, such as rotation, background color, etc.
+ */
+public abstract class BaseViewManagerDelegate<T : View, U : BaseViewManagerInterface<T>>(
+    @Suppress("NoHungarianNotation") @JvmField protected val mViewManager: U
+) : ViewManagerDelegate<T> {
+  override public fun setProperty(view: T, propName: String, value: Any?) {
+    when (propName) {
+      ViewProps.ACCESSIBILITY_ACTIONS ->
+          mViewManager.setAccessibilityActions(view, value as ReadableArray?)
+
+      ViewProps.ACCESSIBILITY_HINT -> mViewManager.setAccessibilityHint(view, value as String?)
+      ViewProps.ACCESSIBILITY_LABEL -> mViewManager.setAccessibilityLabel(view, value as String?)
+      ViewProps.ACCESSIBILITY_LIVE_REGION ->
+          mViewManager.setAccessibilityLiveRegion(view, value as String?)
+
+      ViewProps.ACCESSIBILITY_ROLE -> mViewManager.setAccessibilityRole(view, value as String?)
+      ViewProps.ACCESSIBILITY_STATE -> mViewManager.setViewState(view, value as ReadableMap?)
+      ViewProps.ACCESSIBILITY_COLLECTION ->
+          mViewManager.setAccessibilityCollection(view, value as ReadableMap?)
+
+      ViewProps.ACCESSIBILITY_COLLECTION_ITEM ->
+          mViewManager.setAccessibilityCollectionItem(view, value as ReadableMap?)
+
+      ViewProps.BACKGROUND_COLOR ->
+          mViewManager.setBackgroundColor(
+              view, if (value == null) 0 else ColorPropConverter.getColor(value, view.context))
+
+      ViewProps.BORDER_RADIUS ->
+          mViewManager.setBorderRadius(
+              view, (value as Double?)?.toFloat() ?: YogaConstants.UNDEFINED)
+
+      ViewProps.BORDER_BOTTOM_LEFT_RADIUS ->
+          mViewManager.setBorderBottomLeftRadius(
+              view, (value as Double?)?.toFloat() ?: YogaConstants.UNDEFINED)
+
+      ViewProps.BORDER_BOTTOM_RIGHT_RADIUS ->
+          mViewManager.setBorderBottomRightRadius(
+              view, (value as Double?)?.toFloat() ?: YogaConstants.UNDEFINED)
+
+      ViewProps.BORDER_TOP_LEFT_RADIUS ->
+          mViewManager.setBorderTopLeftRadius(
+              view, (value as Double?)?.toFloat() ?: YogaConstants.UNDEFINED)
+
+      ViewProps.BORDER_TOP_RIGHT_RADIUS ->
+          mViewManager.setBorderTopRightRadius(
+              view, (value as Double?)?.toFloat() ?: YogaConstants.UNDEFINED)
+
+      ViewProps.ELEVATION -> mViewManager.setElevation(view, (value as Double?)?.toFloat() ?: 0.0f)
+
+      ViewProps.SHADOW_COLOR ->
+          mViewManager.setShadowColor(
+              view, if (value == null) 0 else ColorPropConverter.getColor(value, view.context))
+
+      ViewProps.IMPORTANT_FOR_ACCESSIBILITY ->
+          mViewManager.setImportantForAccessibility(view, value as String?)
+
+      ViewProps.ROLE -> mViewManager.setRole(view, value as String?)
+      ViewProps.NATIVE_ID -> mViewManager.setNativeId(view, value as String?)
+      ViewProps.ACCESSIBILITY_LABELLED_BY -> {
+        val dynamicFromObject: Dynamic = DynamicFromObject(value)
+        mViewManager.setAccessibilityLabelledBy(view, dynamicFromObject)
+      }
+
+      ViewProps.OPACITY -> mViewManager.setOpacity(view, (value as Double?)?.toFloat() ?: 1.0f)
+
+      ViewProps.RENDER_TO_HARDWARE_TEXTURE ->
+          mViewManager.setRenderToHardwareTexture(view, value as Boolean? ?: false)
+
+      ViewProps.ROTATION -> mViewManager.setRotation(view, (value as Double?)?.toFloat() ?: 0.0f)
+
+      ViewProps.SCALE_X -> mViewManager.setScaleX(view, (value as Double?)?.toFloat() ?: 1.0f)
+
+      ViewProps.SCALE_Y -> mViewManager.setScaleY(view, (value as Double?)?.toFloat() ?: 1.0f)
+
+      ViewProps.TEST_ID -> mViewManager.setTestId(view, value as String?)
+      ViewProps.TRANSFORM -> mViewManager.setTransform(view, value as ReadableArray?)
+      ViewProps.TRANSFORM_ORIGIN -> mViewManager.setTransformOrigin(view, value as ReadableArray?)
+      ViewProps.TRANSLATE_X ->
+          mViewManager.setTranslateX(view, (value as Double?)?.toFloat() ?: 0.0f)
+
+      ViewProps.TRANSLATE_Y ->
+          mViewManager.setTranslateY(view, (value as Double?)?.toFloat() ?: 0.0f)
+
+      ViewProps.Z_INDEX -> mViewManager.setZIndex(view, (value as Double?)?.toFloat() ?: 0.0f)
+    }
+  }
+
+  override public fun receiveCommand(view: T, commandName: String, args: ReadableArray?): Unit =
+      Unit
+}

package/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManagerInterface.kt

@@ -0,0 +1,85 @@
+/*
+ * 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.
+ */
+
+package com.facebook.react.uimanager
+
+import android.view.View
+import com.facebook.react.bridge.Dynamic
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.bridge.ReadableMap
+
+/**
+ * This is an interface that should be implemented by view managers supporting the base view
+ * properties such as backgroundColor, opacity, etc.
+ */
+public interface BaseViewManagerInterface<T : View> {
+  public fun setAccessibilityActions(view: T, accessibilityActions: ReadableArray?)
+
+  public fun setAccessibilityHint(view: T, accessibilityHint: String?)
+
+  public fun setAccessibilityLabel(view: T, accessibilityLabel: String?)
+
+  public fun setAccessibilityLiveRegion(view: T, liveRegion: String?)
+
+  public fun setAccessibilityRole(view: T, accessibilityRole: String?)
+
+  public fun setAccessibilityCollection(view: T, accessibilityCollection: ReadableMap?)
+
+  public fun setAccessibilityCollectionItem(view: T, accessibilityCollectionItem: ReadableMap?)
+
+  public fun setViewState(view: T, accessibilityState: ReadableMap?)
+
+  public fun setBackgroundColor(view: T, backgroundColor: Int)
+
+  public fun setBorderRadius(view: T, borderRadius: Float)
+
+  public fun setBorderBottomLeftRadius(view: T, borderRadius: Float)
+
+  public fun setBorderBottomRightRadius(view: T, borderRadius: Float)
+
+  public fun setBorderTopLeftRadius(view: T, borderRadius: Float)
+
+  public fun setBorderTopRightRadius(view: T, borderRadius: Float)
+
+  public fun setElevation(view: T, elevation: Float)
+
+  public fun setFilter(view: T, filter: ReadableArray)
+
+  public fun setMixBlendMode(view: T, setMixBlendMode: String)
+
+  public fun setShadowColor(view: T, shadowColor: Int)
+
+  public fun setImportantForAccessibility(view: T, importantForAccessibility: String?)
+
+  public fun setRole(view: T, role: String?)
+
+  public fun setNativeId(view: T, nativeId: String?)
+
+  public fun setAccessibilityLabelledBy(view: T, nativeId: Dynamic?)
+
+  public fun setOpacity(view: T, opacity: Float)
+
+  public fun setRenderToHardwareTexture(view: T, useHWTexture: Boolean)
+
+  public fun setRotation(view: T, rotation: Float)
+
+  public fun setScaleX(view: T, scaleX: Float)
+
+  public fun setScaleY(view: T, scaleY: Float)
+
+  public fun setTestId(view: T, testId: String?)
+
+  public fun setTransform(view: T, matrix: ReadableArray?)
+
+  public fun setTransformOrigin(view: T, transformOrigin: ReadableArray?)
+
+  public fun setTranslateX(view: T, translateX: Float)
+
+  public fun setTranslateY(view: T, translateY: Float)
+
+  public fun setZIndex(view: T, zIndex: Float)
+}

package/ReactAndroid/src/main/java/com/facebook/react/uimanager/BlendModeHelper.kt

@@ -0,0 +1,44 @@
+/*
+ * 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.
+ */
+
+package com.facebook.react.uimanager
+
+import android.annotation.TargetApi
+import android.graphics.BlendMode
+import android.os.Build
+
+@TargetApi(29)
+internal object BlendModeHelper {
+
+  /** @see https://www.w3.org/TR/compositing-1/#mix-blend-mode */
+  @JvmStatic
+  public fun parseMixBlendMode(mixBlendMode: String?): BlendMode? {
+    if (mixBlendMode == null || Build.VERSION.SDK_INT < Build.VERSION_CODES.Q) {
+      return null
+    }
+
+    return when (mixBlendMode) {
+      "normal" -> null
+      "multiply" -> BlendMode.MULTIPLY
+      "screen" -> BlendMode.SCREEN
+      "overlay" -> BlendMode.OVERLAY
+      "darken" -> BlendMode.DARKEN
+      "lighten" -> BlendMode.LIGHTEN
+      "color-dodge" -> BlendMode.COLOR_DODGE
+      "color-burn" -> BlendMode.COLOR_BURN
+      "hard-light" -> BlendMode.HARD_LIGHT
+      "soft-light" -> BlendMode.SOFT_LIGHT
+      "difference" -> BlendMode.DIFFERENCE
+      "exclusion" -> BlendMode.EXCLUSION
+      "hue" -> BlendMode.HUE
+      "saturation" -> BlendMode.SATURATION
+      "color" -> BlendMode.COLOR
+      "luminosity" -> BlendMode.LUMINOSITY
+      else -> throw IllegalArgumentException("Invalid mix-blend-mode name: $mixBlendMode")
+    }
+  }
+}

package/ReactAndroid/src/main/java/com/facebook/react/uimanager/FilterHelper.kt

@@ -8,11 +8,16 @@
 package com.facebook.react.uimanager
 
 import android.annotation.TargetApi
+import android.graphics.BlendMode
+import android.graphics.BlendModeColorFilter
+import android.graphics.Color
 import android.graphics.ColorMatrix
 import android.graphics.ColorMatrixColorFilter
 import android.graphics.RenderEffect
 import android.graphics.Shader
 import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.uimanager.PixelUtil.dpToPx
 import kotlin.math.cos
 import kotlin.math.sin
 
@@ -26,19 +31,21 @@ internal object FilterHelper {
     for (i in 0 until filters.size()) {
       val filter = filters.getMap(i).entryIterator.next()
       val filterName = filter.key
-      val amount = (filter.value as Double).toFloat()
 
       chainedEffects =
           when (filterName) {
-            "brightness" -> createBrightnessEffect(amount, chainedEffects)
-            "contrast" -> createContrastEffect(amount, chainedEffects)
-            "grayscale" -> createGrayscaleEffect(amount, chainedEffects)
-            "sepia" -> createSepiaEffect(amount, chainedEffects)
-            "saturate" -> createSaturateEffect(amount, chainedEffects)
-            "hueRotate" -> createHueRotateEffect(amount, chainedEffects)
-            "invert" -> createInvertEffect(amount, chainedEffects)
-            "blur" -> createBlurEffect(amount, chainedEffects)
-            "opacity" -> createOpacityEffect(amount, chainedEffects)
+            "brightness" ->
+                createBrightnessEffect((filter.value as Double).toFloat(), chainedEffects)
+            "contrast" -> createContrastEffect((filter.value as Double).toFloat(), chainedEffects)
+            "grayscale" -> createGrayscaleEffect((filter.value as Double).toFloat(), chainedEffects)
+            "sepia" -> createSepiaEffect((filter.value as Double).toFloat(), chainedEffects)
+            "saturate" -> createSaturateEffect((filter.value as Double).toFloat(), chainedEffects)
+            "hueRotate" -> createHueRotateEffect((filter.value as Double).toFloat(), chainedEffects)
+            "invert" -> createInvertEffect((filter.value as Double).toFloat(), chainedEffects)
+            "blur" -> createBlurEffect((filter.value as Double).toFloat(), chainedEffects)
+            "opacity" -> createOpacityEffect((filter.value as Double).toFloat(), chainedEffects)
+            "dropShadow" ->
+                parseAndCreateDropShadowEffect(filter.value as ReadableMap, chainedEffects)
             else -> throw IllegalArgumentException("Invalid filter name: $filterName")
           }
     }
@@ -76,11 +83,14 @@ internal object FilterHelper {
 
   @JvmStatic
   public fun isOnlyColorMatrixFilters(filters: ReadableArray?): Boolean {
-    filters ?: return false
+    if (filters == null || filters.size() == 0) {
+      return false
+    }
+
     for (i in 0 until filters.size()) {
       val filter = filters.getMap(i).entryIterator.next()
       val filterName = filter.key
-      if (filterName == "blur") {
+      if (filterName == "blur" || filterName == "dropShadow") {
         return false
       }
     }
@@ -93,11 +103,7 @@ internal object FilterHelper {
       return null
     }
 
-    // Android takes blur amount as a radius while web takes a sigma. This value
-    // is used under the hood to convert between them on Android
-    // https://cs.android.com/android/platform/superproject/main/+/main:frameworks/base/libs/hwui/jni/RenderEffect.cpp
-    val sigmaToRadiusRatio = 0.57_735f
-    val radius = (PixelUtil.toPixelFromDIP(sigma) - 0.5f) / sigmaToRadiusRatio
+    val radius: Float = sigmaToRadius(sigma)
     return if (chainedEffects == null) {
       RenderEffect.createBlurEffect(radius, radius, Shader.TileMode.DECAL)
     } else {
@@ -127,6 +133,64 @@ internal object FilterHelper {
     return createColorMatrixEffect(createOpacityColorMatrix(amount), chainedEffects)
   }
 
+  // https://www.w3.org/TR/filter-effects-1/#dropshadowEquivalent
+  public fun createDropShadowEffect(
+      offsetX: Float,
+      offsetY: Float,
+      blurRadius: Float,
+      color: Int,
+      chainedEffects: RenderEffect? = null
+  ): RenderEffect {
+    val identity: RenderEffect
+    val offsetEffect: RenderEffect
+
+    /*
+     * identity is set to an offset RenderEffect of 0 to keep track of the identity/original content.
+     * we then create offset effect for the first step of the shadow
+     */
+    if (chainedEffects == null) {
+      identity = RenderEffect.createOffsetEffect(0f, 0f)
+      offsetEffect = RenderEffect.createOffsetEffect(offsetX, offsetY)
+    } else {
+      identity = RenderEffect.createOffsetEffect(0f, 0f, chainedEffects)
+      offsetEffect = RenderEffect.createOffsetEffect(offsetX, offsetY, chainedEffects)
+    }
+
+    /*
+     * create color effect, blend with offset effect with SRC_IN and apply blur on top
+     * SRC_IN finds the alpha intersection of colorEffect and offset
+     * https://developer.android.com/reference/android/graphics/BlendMode#SRC_IN
+     */
+    val colorEffect: RenderEffect =
+        RenderEffect.createColorFilterEffect(
+            BlendModeColorFilter(color, BlendMode.SRC_IN), offsetEffect)
+    val blurEffect: RenderEffect =
+        RenderEffect.createBlurEffect(blurRadius, blurRadius, colorEffect, Shader.TileMode.DECAL)
+
+    /*
+     * at this point blurEffect contains all of drop-shadow's combined effects (offset, color & blur)
+     * we then blend it with identity/original content with SRC_OVER
+     * SRC_OVER layers blurEffect's alpha behind identity for the desired result
+     * https://developer.android.com/reference/android/graphics/BlendMode#SRC_OVER
+     */
+    return RenderEffect.createBlendModeEffect(blurEffect, identity, BlendMode.SRC_OVER)
+  }
+
+  public fun parseAndCreateDropShadowEffect(
+      filterValues: ReadableMap,
+      chainedEffects: RenderEffect? = null
+  ): RenderEffect {
+    val offsetX: Float = filterValues.getDouble("offsetX").dpToPx()
+    val offsetY: Float = filterValues.getDouble("offsetY").dpToPx()
+    val color: Int = if (filterValues.hasKey("color")) filterValues.getInt("color") else Color.BLACK
+    val radius: Float =
+        if (filterValues.hasKey("standardDeviation"))
+            sigmaToRadius(filterValues.getDouble("standardDeviation").toFloat())
+        else 0f
+
+    return createDropShadowEffect(offsetX, offsetY, radius, color, chainedEffects)
+  }
+
   public fun createOpacityColorMatrix(amount: Float): ColorMatrix {
     val matrix = ColorMatrix()
     matrix.setScale(1f, 1f, 1f, amount)
@@ -326,4 +390,12 @@ internal object FilterHelper {
       RenderEffect.createColorFilterEffect(ColorMatrixColorFilter(colorMatrix), chainedEffects)
     }
   }
+
+  internal fun sigmaToRadius(sigma: Float): Float {
+    // Android takes blur amount as a radius while web takes a sigma. This value
+    // is used under the hood to convert between them on Android
+    // https://cs.android.com/android/platform/superproject/main/+/main:frameworks/base/libs/hwui/jni/RenderEffect.cpp
+    val sigmaToRadiusRatio = 0.57_735f
+    return (PixelUtil.toPixelFromDIP(sigma) - 0.5f) / sigmaToRadiusRatio
+  }
 }

package/ReactAndroid/src/main/java/com/facebook/react/uimanager/IViewGroupManager.kt

@@ -0,0 +1,35 @@
+/*
+ * 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.
+ */
+
+package com.facebook.react.uimanager
+
+import android.view.View
+import com.facebook.react.bridge.UiThreadUtil
+
+/** Interface providing children management API for view managers of classes extending ViewGroup. */
+public interface IViewGroupManager<T : View> : IViewManagerWithChildren {
+
+  /** Adds a child view into the parent at the index specified as a parameter */
+  public fun addView(parent: T, child: View, index: Int)
+
+  /** @return child of the parent view at the index specified as a parameter. */
+  public fun getChildAt(parent: T, index: Int): View?
+
+  /** Removes View from the parent View at the index specified as a parameter. */
+  public fun removeViewAt(parent: T, index: Int)
+
+  /** Remove all child views from the parent View. */
+  public fun removeAllViews(parent: T) {
+    UiThreadUtil.assertOnUiThread()
+    for (i in getChildCount(parent) - 1 downTo 0) {
+      removeViewAt(parent, i)
+    }
+  }
+
+  /** Return the amount of children contained by the view specified as a parameter. */
+  public fun getChildCount(parent: T): Int
+}

package/ReactAndroid/src/main/java/com/facebook/react/uimanager/{IViewManagerWithChildren.java → IViewManagerWithChildren.kt}

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.uimanager;
+package com.facebook.react.uimanager
 
-public interface IViewManagerWithChildren {
+public fun interface IViewManagerWithChildren {
   /**
    * Returns whether this View type needs to handle laying out its own children instead of deferring
    * to the standard css-layout algorithm. Returns true for the layout to *not* be automatically
@@ -16,5 +16,5 @@ public interface IViewManagerWithChildren {
    * of automatically laying out children without going through the ViewGroup's onLayout method. In
    * that case, onLayout for this View type must *not* call layout on its children.
    */
-  boolean needsCustomLayoutForChildren();
+  public fun needsCustomLayoutForChildren(): Boolean
 }