Android TextInput: Fix updating of style props (#22994)

Summary:
For certain style props, each time any style prop changed, the previous version of the style would remain. For example, if you passed `"underline"` for `textDecorationLine` on a `TextInput` and then later passed `undefined` for `textDecorationLine`, the underline would remain.

We solved this problem before in de586bf. The fix was to use `manageSpans` to remove the old spans we added before adding the new spans. However, that fix hardcoded the list of spans to remove. Every span type that was introduced since that commit is affected by this bug:
  - CustomLetterSpacingSpan
  - CustomLineHeightSpan
  - CustomTextTransformSpan
  - ShadowStyleSpan
  - StrikethroughSpan
  - UnderlineSpan
  - TextInlineImageSpan

The reason this bug was reintroduced is `ReactBaseTextShadowNode` is responsible for adding spans and `ReactEditText` is responsible for removing spans. These classes fell out of sync.

This fix attempts a more robust solution. Every span that React Native adds to text now implements the `ReactSpan` interface. `manageSpans` deletes all spans that React Native adds by targeting the ones that implement `ReactSpan`. `ReactBaseTextShadowNode.SetSpanOperation` has been updated so that it's a compiler error to add a span that doesn't implement `ReactSpan`.
Pull Request resolved: #22994

Differential Revision: D13727580

Pulled By: mdvacca

fbshipit-source-id: 07b2eb08832efafb6c2806aa3329f0e9466b09fb

Author: Adam Comella

ReactAndroid/src/main/java/com/facebook/react/views/text/CustomLetterSpacingSpan.java

@@ -23,7 +23,7 @@
  * spans affecting font size.
  */
 @TargetApi(Build.VERSION_CODES.LOLLIPOP)
-public class CustomLetterSpacingSpan extends MetricAffectingSpan {
+public class CustomLetterSpacingSpan extends MetricAffectingSpan implements ReactSpan {
 
   private final float mLetterSpacing;
 

ReactAndroid/src/main/java/com/facebook/react/views/text/CustomLineHeightSpan.java

@@ -14,7 +14,7 @@
  * We use a custom {@link LineHeightSpan}, because `lineSpacingExtra` is broken. Details here:
  * https://github.com/facebook/react-native/issues/7546
  */
-public class CustomLineHeightSpan implements LineHeightSpan {
+public class CustomLineHeightSpan implements LineHeightSpan, ReactSpan {
   private final int mHeight;
 
   CustomLineHeightSpan(float height) {

ReactAndroid/src/main/java/com/facebook/react/views/text/CustomStyleSpan.java

@@ -15,7 +15,7 @@
 import android.text.TextPaint;
 import android.text.style.MetricAffectingSpan;
 
-public class CustomStyleSpan extends MetricAffectingSpan {
+public class CustomStyleSpan extends MetricAffectingSpan implements ReactSpan {
 
   /**
    * A {@link MetricAffectingSpan} that allows to change the style of the displayed font.

ReactAndroid/src/main/java/com/facebook/react/views/text/CustomTextTransformSpan.java

@@ -12,7 +12,7 @@
 import android.text.style.ReplacementSpan;
 import java.text.BreakIterator;
 
-public class CustomTextTransformSpan extends ReplacementSpan {
+public class CustomTextTransformSpan extends ReplacementSpan implements ReactSpan {
 
   /**
    * A {@link ReplacementSpan} that allows declarative changing of text casing.

ReactAndroid/src/main/java/com/facebook/react/views/text/ReactAbsoluteSizeSpan.java

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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.views.text;
+
+import android.text.style.AbsoluteSizeSpan;
+
+/*
+ * Wraps {@link AbsoluteSizeSpan} as a {@link ReactSpan}.
+ */
+public class ReactAbsoluteSizeSpan extends AbsoluteSizeSpan implements ReactSpan {
+  public ReactAbsoluteSizeSpan(int size) {
+    super(size);
+  }
+}

ReactAndroid/src/main/java/com/facebook/react/views/text/ReactBackgroundColorSpan.java

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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.views.text;
+
+import android.text.style.BackgroundColorSpan;
+
+/*
+ * Wraps {@link BackgroundColorSpan} as a {@link ReactSpan}.
+ */
+public class ReactBackgroundColorSpan extends BackgroundColorSpan implements ReactSpan {
+  public ReactBackgroundColorSpan(int color) {
+    super(color);
+  }
+}

ReactAndroid/src/main/java/com/facebook/react/views/text/ReactBaseTextShadowNode.java

@@ -12,20 +12,13 @@
 import android.text.Layout;
 import android.text.Spannable;
 import android.text.SpannableStringBuilder;
-import android.text.style.AbsoluteSizeSpan;
-import android.text.style.BackgroundColorSpan;
-import android.text.style.ForegroundColorSpan;
-import android.text.style.StrikethroughSpan;
-import android.text.style.UnderlineSpan;
 import android.view.Gravity;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.uimanager.IllegalViewOperationException;
 import com.facebook.react.uimanager.LayoutShadowNode;
 import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.react.uimanager.ReactShadowNode;
-import com.facebook.react.uimanager.UIManagerModule;
-import com.facebook.react.uimanager.ViewDefaults;
 import com.facebook.react.uimanager.ViewProps;
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.yoga.YogaDirection;
@@ -60,9 +53,9 @@ public abstract class ReactBaseTextShadowNode extends LayoutShadowNode {
 
   private static class SetSpanOperation {
     protected int start, end;
-    protected Object what;
+    protected ReactSpan what;
 
-    SetSpanOperation(int start, int end, Object what) {
+    SetSpanOperation(int start, int end, ReactSpan what) {
       this.start = start;
       this.end = end;
       this.what = what;
@@ -122,12 +115,12 @@ private static void buildSpannedFromShadowNode(
     int end = sb.length();
     if (end >= start) {
       if (textShadowNode.mIsColorSet) {
-        ops.add(new SetSpanOperation(start, end, new ForegroundColorSpan(textShadowNode.mColor)));
+        ops.add(new SetSpanOperation(start, end, new ReactForegroundColorSpan(textShadowNode.mColor)));
       }
       if (textShadowNode.mIsBackgroundColorSet) {
         ops.add(
             new SetSpanOperation(
-                start, end, new BackgroundColorSpan(textShadowNode.mBackgroundColor)));
+                start, end, new ReactBackgroundColorSpan(textShadowNode.mBackgroundColor)));
       }
       if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
         float effectiveLetterSpacing = textAttributes.getEffectiveLetterSpacing();
@@ -143,7 +136,7 @@ private static void buildSpannedFromShadowNode(
       if (// `getEffectiveFontSize` always returns a value so don't need to check for anything like
           // `Float.NaN`.
           parentTextAttributes == null || parentTextAttributes.getEffectiveFontSize() != effectiveFontSize) {
-        ops.add(new SetSpanOperation(start, end, new AbsoluteSizeSpan(effectiveFontSize)));
+        ops.add(new SetSpanOperation(start, end, new ReactAbsoluteSizeSpan(effectiveFontSize)));
       }
       if (textShadowNode.mFontStyle != UNSET
           || textShadowNode.mFontWeight != UNSET
@@ -159,10 +152,10 @@ private static void buildSpannedFromShadowNode(
                     textShadowNode.getThemedContext().getAssets())));
       }
       if (textShadowNode.mIsUnderlineTextDecorationSet) {
-        ops.add(new SetSpanOperation(start, end, new UnderlineSpan()));
+        ops.add(new SetSpanOperation(start, end, new ReactUnderlineSpan()));
       }
       if (textShadowNode.mIsLineThroughTextDecorationSet) {
-        ops.add(new SetSpanOperation(start, end, new StrikethroughSpan()));
+        ops.add(new SetSpanOperation(start, end, new ReactStrikethroughSpan()));
       }
       if (
         (

ReactAndroid/src/main/java/com/facebook/react/views/text/ReactForegroundColorSpan.java

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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.views.text;
+
+import android.text.style.ForegroundColorSpan;
+
+/*
+ * Wraps {@link ForegroundColorSpan} as a {@link ReactSpan}.
+ */
+public class ReactForegroundColorSpan extends ForegroundColorSpan implements ReactSpan {
+  public ReactForegroundColorSpan(int color) {
+    super(color);
+  }
+}

ReactAndroid/src/main/java/com/facebook/react/views/text/ReactSpan.java

@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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.views.text;
+
+/*
+ * Enables us to distinguish between spans that were added by React Native and spans that were
+ * added by something else. All spans that React Native adds should implement this interface.
+ */
+public interface ReactSpan {
+}

ReactAndroid/src/main/java/com/facebook/react/views/text/ReactStrikethroughSpan.java

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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.views.text;
+
+import android.text.style.StrikethroughSpan;
+
+/*
+ * Wraps {@link StrikethroughSpan} as a {@link ReactSpan}.
+ */
+public class ReactStrikethroughSpan extends StrikethroughSpan implements ReactSpan {
+}