manually patching the prefab-headers avoid the app from triggering a runtime error

facebook#35130 (comment)
facebook#35130 (comment)
facebook#35130 (comment)

Author: fabOnReact

Libraries/Components/View/ReactNativeViewAttributes.js

@@ -19,6 +19,7 @@ const UIView = {
   accessibilityLiveRegion: true,
   accessibilityRole: true,
   accessibilityState: true,
+  accessibilityUnit: true,
   accessibilityValue: true,
   accessibilityHint: true,
   accessibilityLanguage: true,

Libraries/Components/View/View.js

@@ -37,6 +37,7 @@ const View: React.AbstractComponent<
       accessibilityLiveRegion,
       accessibilityRole,
       accessibilityState,
+      accessibilityUnit,
       accessibilityValue,
       'aria-busy': ariaBusy,
       'aria-checked': ariaChecked,

Libraries/Components/View/ViewAccessibility.d.ts

@@ -46,6 +46,7 @@ export interface AccessibilityProps
    * Accessibility State tells a person using either VoiceOver on iOS or TalkBack on Android the state of the element currently focused on.
    */
   accessibilityState?: AccessibilityState | undefined;
+  accessibilityUnit?: AccessibilityUnit | undefined;
 
   /**
    * alias for accessibilityState

Libraries/Components/View/ViewAccessibility.js

@@ -18,7 +18,6 @@ export type AccessibilityRole =
   | 'button'
   | 'togglebutton'
   | 'link'
-  | 'verbatim'
   | 'cardinal'
   | 'ordinal'
   | 'decimal'
@@ -150,6 +149,10 @@ export type AccessibilityState = {
   ...
 };
 
+export type AccessibilityUnit = {
+  hours?: number,
+};
+
 export type AccessibilityValue = $ReadOnly<{|
   /**
    * The minimum value of this component's range. (should be an integer)

Libraries/Components/View/ViewPropTypes.js

@@ -27,6 +27,7 @@ import type {
   AccessibilityRole,
   AccessibilityState,
   AccessibilityValue,
+  AccessibilityUnit,
   Role,
 } from './ViewAccessibility';
 import type {Node} from 'react';
@@ -501,6 +502,7 @@ export type ViewProps = $ReadOnly<{|
    * Indicates to accessibility services that UI Component is in a specific State.
    */
   accessibilityState?: ?AccessibilityState,
+  accessibilityUnit?: ?AccessibilityUnit,
   accessibilityValue?: ?AccessibilityValue,
 
   /**

Libraries/NativeComponent/BaseViewConfig.android.js

@@ -176,6 +176,7 @@ const validAttributesForNonEventProps = {
   accessibilityCollection: true,
   accessibilityCollectionItem: true,
   accessibilityState: true,
+  accessibilityUnit: true,
   accessibilityActions: true,
   accessibilityValue: true,
   importantForAccessibility: true,

Libraries/NativeComponent/BaseViewConfig.ios.js

@@ -189,6 +189,7 @@ const validAttributesForNonEventProps = {
   transform: {diff: require('../Utilities/differ/matricesDiffer')},
   accessibilityRole: true,
   accessibilityState: true,
+  accessibilityUnit: false,
   nativeID: true,
   pointerEvents: true,
   removeClippedSubviews: true,

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

@@ -10,6 +10,7 @@
 import android.graphics.Color;
 import android.os.Build;
 import android.text.TextUtils;
+import android.util.Log;
 import android.view.View;
 import android.view.ViewParent;
 import android.view.accessibility.AccessibilityEvent;
@@ -264,6 +265,12 @@ public void setAccessibilityCollectionItem(
     view.setTag(R.id.accessibility_collection_item, accessibilityCollectionItem);
   }
 
+  @ReactProp(name = "accessibilityUnit")
+  public void setAccessibilityUnit(@NonNull T view, @Nullable ReadableMap accessibilityUnit) {
+    Log.w("TESTING::BaseViewManager", "setAccessibilityUnit");
+    Log.w("TESTING::BaseViewManager", "accessibilityUnit: " + (accessibilityUnit));
+  }
+
   @Override
   @ReactProp(name = ViewProps.ACCESSIBILITY_STATE)
   public void setViewState(@NonNull T view, @Nullable ReadableMap accessibilityState) {

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

@@ -34,6 +34,8 @@ public interface BaseViewManagerInterface<T extends View> {
 
   void setViewState(T view, @Nullable ReadableMap accessibilityState);
 
+  void setAccessibilityUnit(T view, @Nullable ReadableMap accessibilityUnit);
+
   void setBackgroundColor(T view, int backgroundColor);
 
   void setBorderRadius(T view, float borderRadius);

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

@@ -15,6 +15,7 @@
 import android.text.Spannable;
 import android.text.SpannableStringBuilder;
 import android.text.TextUtils;
+import android.util.Log;
 import android.view.Gravity;
 import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
@@ -185,9 +186,11 @@ private static void buildSpannedFromShadowNode(
             new SetSpanOperation(start, end, new ReactClickableSpan(textShadowNode.getReactTag())));
       }
       if (textShadowNode.mAccessibilityUnit != null && Build.VERSION.SDK_INT >= 21) {
+        /*
         ops.add(
             new SetSpanOperation(
                 start, end, new ReactTtsSpan.Builder(textShadowNode.mAccessibilityUnit).build()));
+                */
       }
       float effectiveLetterSpacing = textAttributes.getEffectiveLetterSpacing();
       if (!Float.isNaN(effectiveLetterSpacing)
@@ -515,6 +518,14 @@ public void setIsAccessibilityLink(@Nullable String accessibilityRole) {
     }
   }
 
+  @ReactProp(name = "accessibilityUnit")
+  public void setAccessibilityUnit(@Nullable String accessibilityUnit) {
+    Log.w("TESTING::ReactBaseTextShadowNode", "accessibilityUnit: " + (accessibilityUnit));
+    if (isVirtual()) {
+      markUpdated();
+    }
+  }
+
   @ReactProp(name = ViewProps.FONT_FAMILY)
   public void setFontFamily(@Nullable String fontFamily) {
     mFontFamily = fontFamily;