From 00f3867ac3bc0d6dfff6f8e750193f5be0da0cae Mon Sep 17 00:00:00 2001
From: Joe Vilches <joevilches@meta.com>
Date: Wed, 8 May 2024 13:39:09 -0700
Subject: [PATCH] Opacity filter on Android (#44454)

Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/44454

tsia

Changelog: [Internal]

Reviewed By: NickGerleman

Differential Revision: D56847475

fbshipit-source-id: bbd51e8c744914f1d2caf392996d20ab03b3fb6f
---
 .../facebook/react/uimanager/FilterHelper.kt   | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/FilterHelper.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/FilterHelper.kt
index 1c59d400ab6..c7cca54c52d 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/FilterHelper.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/FilterHelper.kt
@@ -35,9 +35,10 @@ internal object FilterHelper {
             "grayscale" -> createGrayscaleEffect(amount, chainedEffects)
             "sepia" -> createSepiaEffect(amount, chainedEffects)
             "saturate" -> createSaturateEffect(amount, chainedEffects)
-            "hue-rotate" -> createHueRotateEffect(amount, chainedEffects)
+            "hueRotate" -> createHueRotateEffect(amount, chainedEffects)
             "invert" -> createInvertEffect(amount, chainedEffects)
             "blur" -> createBlurEffect(amount, chainedEffects)
+            "opacity" -> createOpacityEffect(amount, chainedEffects)
             else -> throw IllegalArgumentException("Invalid filter name: $filterName")
           }
     }
@@ -63,6 +64,7 @@ internal object FilterHelper {
             "saturate" -> createSaturateColorMatrix(amount)
             "hueRotate" -> createHueRotateColorMatrix(amount)
             "invert" -> createInvertColorMatrix(amount)
+            "opacity" -> createOpacityColorMatrix(amount)
             else -> throw IllegalArgumentException("Invalid color matrix filter: $filterName")
           }
 
@@ -117,6 +119,20 @@ internal object FilterHelper {
     return matrix
   }
 
+  // https://www.w3.org/TR/filter-effects-1/#opacityEquivalent
+  public fun createOpacityEffect(
+      amount: Float,
+      chainedEffects: RenderEffect? = null
+  ): RenderEffect {
+    return createColorMatrixEffect(createOpacityColorMatrix(amount), chainedEffects)
+  }
+
+  public fun createOpacityColorMatrix(amount: Float): ColorMatrix {
+    val matrix = ColorMatrix()
+    matrix.setScale(1f, 1f, 1f, amount)
+    return matrix
+  }
+
   // https://www.w3.org/TR/filter-effects-1/#contrastEquivalent
   public fun createContrastEffect(
       amount: Float,