Basic mutual highlighting for Litho components

Summary: Shows basic relationship between the AX and nonAX tree litho nodes. When a litho component is selected from the nonAX tree, it's corresponding hostView or lithoView (root of the component tree) is highlighted in the AX tree giving priority to the hostView if it exists. If a hostView is selected in the AX tree, it's corresponding component is selected in the non-AX tree. If a lithoView is selected from the AX tree, it's corresponding lithoView is highlighted in the non-AX tree. This means that each hostView has a one-to-one highlighting between the two trees but lithoViews will have many nodes in the main tree that map to one node in the AX tree (which is accurate to litho components rendering but we may need to change in the future if it is not clear).

Reviewed By: jknoxville

Differential Revision: D8972205

fbshipit-source-id: d136f5b594d0ac1b66a82b35dc7b085186829fc4

src/ui/components/elements-inspector/ElementsInspector.js

@@ -36,6 +36,7 @@ export type ElementAttribute = {|
 
 export type ElementExtraInfo = {|
   nonAXWithAXChild?: boolean,
+  linkedAXNode?: string,
 |};
 
 export type Element = {|