draft java configs to trigger setAccessibilityUnit

Author: fabOnReact

ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewProps.java

@@ -154,6 +154,7 @@ public class ViewProps {
   public static final String ACCESSIBILITY_HINT = "accessibilityHint";
   public static final String ACCESSIBILITY_LIVE_REGION = "accessibilityLiveRegion";
   public static final String ACCESSIBILITY_ROLE = "accessibilityRole";
+  public static final String ACCESSIBILITY_UNIT = "accessibilityUnit";
   public static final String ACCESSIBILITY_STATE = "accessibilityState";
   public static final String ACCESSIBILITY_ACTIONS = "accessibilityActions";
   public static final String ACCESSIBILITY_VALUE = "accessibilityValue";

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

@@ -325,6 +325,7 @@ protected Spannable spannedFromShadowNode(
   protected boolean mIsBackgroundColorSet = false;
   protected int mBackgroundColor;
   protected boolean mIsAccessibilityLink = false;
+  protected String mIsAccessibilityUnit;
 
   protected int mNumberOfLines = UNSET;
   protected int mTextAlign = Gravity.NO_GRAVITY;

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

@@ -28,7 +28,11 @@ public static class Builder<C extends Builder<?>> {
     private PersistableBundle mArgs = new PersistableBundle();
 
     public Builder(String type) {
-      mType = type;
+      if (type == "verbatim") {
+        mType = TYPE_VERBATIM;
+      } else {
+        mType = TYPE_TEXT;
+      }
     }
 
     public ReactTtsSpan build() {

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

@@ -11,6 +11,7 @@
 import android.text.Layout;
 import android.text.TextUtils;
 import android.util.LayoutDirection;
+import android.util.Log;
 import android.view.Gravity;
 import androidx.annotation.Nullable;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
@@ -53,6 +54,7 @@ public class TextAttributeProps {
   public static final short TA_KEY_IS_HIGHLIGHTED = 20;
   public static final short TA_KEY_LAYOUT_DIRECTION = 21;
   public static final short TA_KEY_ACCESSIBILITY_ROLE = 22;
+  public static final short TA_KEY_ACCESSIBILITY_UNIT = 24;
 
   public static final int UNSET = -1;
 
@@ -102,6 +104,8 @@ public class TextAttributeProps {
 
   protected @Nullable ReactAccessibilityDelegate.AccessibilityRole mAccessibilityRole = null;
   protected boolean mIsAccessibilityRoleSet = false;
+  protected boolean mIsAccessibilityUnitSet = false;
+  protected String mAccessibilityUnit = null;
   protected boolean mIsAccessibilityLink = false;
 
   protected int mFontStyle = UNSET;
@@ -143,6 +147,7 @@ public static TextAttributeProps fromMapBuffer(MapBuffer props) {
 
     // TODO T83483191: Review constants that are not being set!
     Iterator<MapBuffer.Entry> iterator = props.iterator();
+    Log.w("TESTING::TextAttributeProps", "props: " + (props));
     while (iterator.hasNext()) {
       MapBuffer.Entry entry = iterator.next();
       switch (entry.getKey()) {
@@ -205,6 +210,9 @@ public static TextAttributeProps fromMapBuffer(MapBuffer props) {
         case TA_KEY_ACCESSIBILITY_ROLE:
           result.setAccessibilityRole(entry.getStringValue());
           break;
+        case TA_KEY_ACCESSIBILITY_UNIT:
+          result.setAccessibilityUnit(entry.getStringValue());
+          break;
       }
     }
 
@@ -246,6 +254,7 @@ public static TextAttributeProps fromReadableMap(ReactStylesDiffMap props) {
     result.setTextTransform(getStringProp(props, PROP_TEXT_TRANSFORM));
     result.setLayoutDirection(getStringProp(props, ViewProps.LAYOUT_DIRECTION));
     result.setAccessibilityRole(getStringProp(props, ViewProps.ACCESSIBILITY_ROLE));
+    result.setAccessibilityUnit(getStringProp(props, ViewProps.ACCESSIBILITY_UNIT));
     return result;
   }
 
@@ -599,6 +608,14 @@ private void setTextTransform(@Nullable String textTransform) {
     }
   }
 
+  private void setAccessibilityUnit(@Nullable String accessibilityUnit) {
+    Log.w("TESTING::TextAttributeProps", "accessibilityUnit: " + (accessibilityUnit));
+    if (accessibilityUnit != null) {
+      mIsAccessibilityUnitSet = true;
+      mAccessibilityUnit = accessibilityUnit;
+    }
+  }
+
   private void setAccessibilityRole(@Nullable String accessibilityRole) {
     if (accessibilityRole != null) {
       mIsAccessibilityRoleSet = true;

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

@@ -142,23 +142,29 @@ private static void buildSpannableFromFragment(
       } else if (end >= start) {
         if (textAttributes.mIsAccessibilityLink) {
           ops.add(new SetSpanOperation(start, end, new ReactClickableSpan(reactTag)));
+          // add here the span
         }
         if (textAttributes.mIsColorSet) {
           ops.add(
               new SetSpanOperation(
                   start, end, new ReactForegroundColorSpan(textAttributes.mColor)));
         }
+        if (textAttributes.mAccessibilityUnit != null) {
+          if (Build.VERSION.SDK_INT > 21 && textAttributes.mBackgroundColor == -65536) {
+            ops.add(new SetSpanOperation(start, end, new ReactTtsSpan.Builder("verbatim").build()));
+            /*
+            ops.add(
+                new SetSpanOperation(
+                    start, end, new ReactTtsSpan.Builder(ReactTtsSpan.TYPE_VERBATIM).build()));
+                    */
+          }
+        }
         if (textAttributes.mIsBackgroundColorSet) {
           /*
           ops.add(
               new SetSpanOperation(
                   start, end, new ReactBackgroundColorSpan(textAttributes.mBackgroundColor)));
            */
-          if (Build.VERSION.SDK_INT > 21 && textAttributes.mBackgroundColor == -65536) {
-            ops.add(
-                new SetSpanOperation(
-                    start, end, new ReactTtsSpan.Builder(ReactTtsSpan.TYPE_VERBATIM).build()));
-          }
         }
         if (!Float.isNaN(textAttributes.getLetterSpacing())) {
           ops.add(

packages/rn-tester/js/examples/Text/TextAdjustsDynamicLayoutExample.js

@@ -21,6 +21,7 @@ export default function TextAdjustsDynamicLayoutExample(props: {}): React.Node {
           My number is{' '}
           <Text
             accessibilityRole="link"
+            accessibilityUnit="verbatim"
             accessible={true}
             style={{backgroundColor: 'red'}}>
             please spell this text