@ansight/react-native 1.3.0-preview.1 → 1.3.0-preview.2

package/README.md

@@ -77,8 +77,8 @@ bundle; its API requires the native Ansight module.
 
 This package version expects matching native SDK packages:
 
-- CocoaPods: `Ansight`, `AnsightObjC` version `1.3.0-preview.1`
-- Maven: `ai.ansight:ansight-android:1.3.0-preview.1`
+- CocoaPods: `Ansight`, `AnsightObjC` version `1.3.0-preview.2`
+- Maven: `ai.ansight:ansight-android:1.3.0-preview.2`
 
 ## Quickstart
 

package/android/build.gradle

@@ -67,6 +67,6 @@ repositories {
 dependencies {
   implementation("com.facebook.react:react-android")
   def ansightAndroidVersion =
-      findProperty("ansightAndroidVersion") ?: "1.3.0-preview.1"
-  implementation("ai.ansight:ansight-android:1.3.0-preview.1")
+      findProperty("ansightAndroidVersion") ?: "1.3.0-preview.2"
+  implementation("ai.ansight:ansight-android:1.3.0-preview.2")
 }

package/index.js

@@ -1391,7 +1391,7 @@ function summarizeProps(props) {
   }
   const keys = Object.keys(props).filter((key) => key !== "children");
   const summary = { keys };
-  ["testID", "nativeID", "accessibilityLabel", "role"].forEach((key) => {
+  ["testID", "nativeID", "accessibilityLabel", "accessibilityRole", "role"].forEach((key) => {
     if (props[key] != null && !isSensitiveKey(key)) {
       summary[key] = String(props[key]);
     }
@@ -1403,6 +1403,42 @@ function summarizeProps(props) {
   return summary;
 }
 
+function reactSemanticRole(type, props, fiberTag) {
+  const declared = props && (props.accessibilityRole || props.role);
+  if (declared) return String(declared).toLowerCase();
+  if (fiberTag === 6 || /text/i.test(type)) return "text";
+  if (/button|pressable|touchable/i.test(type)) return "button";
+  if (/textinput/i.test(type)) return "textbox";
+  if (/switch/i.test(type)) return "switch";
+  if (/scrollview|flatlist|sectionlist/i.test(type)) return "scrollview";
+  return "view";
+}
+
+function reactSupportedActions(type, props) {
+  const actions = [];
+  if (props && typeof props.onPress === "function") actions.push("tap");
+  if (props && (typeof props.onChangeText === "function" || /textinput/i.test(type))) {
+    actions.push("typeText", "focus");
+  }
+  if (/scrollview|flatlist|sectionlist/i.test(type) || (props && typeof props.onScroll === "function")) {
+    actions.push("scroll", "swipe");
+  }
+  return actions;
+}
+
+function applyReactTargetability(node, fiber, props, type) {
+  const style = StyleSheet && typeof StyleSheet.flatten === "function"
+    ? StyleSheet.flatten(props && props.style)
+    : props && props.style;
+  node.text = node.label || (node.visual && node.visual.text) || null;
+  node.role = reactSemanticRole(type, props, fiber.tag);
+  node.supportedActions = reactSupportedActions(type, props);
+  node.visible = !(style && style.display === "none") && !(props && props.accessibilityElementsHidden);
+  node.enabled = !(props && (props.disabled === true || props.accessibilityState && props.accessibilityState.disabled === true));
+  node.focusable = !!(props && props.focusable) || node.supportedActions.includes("focus");
+  node.interactable = node.visible && node.enabled && node.supportedActions.length > 0;
+}
+
 function reactColorToArgbHex(value) {
   if (value == null) {
     return undefined;
@@ -1577,6 +1613,8 @@ function serializeFiber(fiber, context, depth) {
     node.state = sanitizeValue(fiber.memoizedState, context);
   }
 
+  applyReactTargetability(node, fiber, props, type);
+
   if (depth < context.maxDepth) {
     let child = fiber.child;
     while (child) {
@@ -1600,9 +1638,10 @@ function isShadowTreeFiber(fiber) {
 
 function createShadowTreeNode(fiber, context, depth) {
   const props = fiber.memoizedProps || fiber.pendingProps || {};
+  const type = reactFiberTypeName(fiber);
   const node = {
     id: reactFiberId(fiber),
-    type: reactFiberTypeName(fiber),
+    type,
     kind: fiber.tag === 3 ? "root" : fiber.tag === 6 ? "text" : "host",
     tag: fiber.tag,
     key: fiber.key == null ? null : String(fiber.key),
@@ -1635,6 +1674,8 @@ function createShadowTreeNode(fiber, context, depth) {
     }
   }
 
+  applyReactTargetability(node, fiber, props, type);
+
   return node;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ansight/react-native",
-  "version": "1.3.0-preview.1",
+  "version": "1.3.0-preview.2",
   "description": "React Native bridge for the Ansight mobile SDK.",
   "main": "index.js",
   "types": "index.d.ts",