@react-native-oh/react-native-harmony 0.77.18-1 → 0.77.22

package/Libraries/Animated/createAnimatedComponent.js

@@ -16,6 +16,7 @@ import useMergeRefs from '../Utilities/useMergeRefs';
 import useAnimatedProps from './useAnimatedProps';
 import * as React from 'react';
 import {useMemo} from 'react';
+import * as DELEGATE from './delegates/createAnimatedComponentDelegate'
 
 export type AnimatedProps<Props: {...}> = {
   // eslint-disable-next-line no-unused-vars
@@ -88,7 +89,7 @@ export function unstable_createAnimatedComponentWithAllowlist<
         {...reducedProps}
         {...passthroughAnimatedPropExplicitValues}
         style={mergedStyle}
-        ref={ref}
+        ref={DELEGATE.processRef(ref)}
       />
     );
   });

package/Libraries/Animated/delegates/createAnimatedComponentDelegate.js

@@ -0,0 +1,3 @@
+export function processRef(ref) {
+  return ref;
+}

package/Libraries/Components/View/View.js

@@ -12,6 +12,7 @@ import type {ViewProps} from './ViewPropTypes';
 
 import TextAncestor from '../../Text/TextAncestor';
 import ViewNativeComponent from './ViewNativeComponent';
+import * as DELEGATE from './delegates/ViewDelegate'
 import * as React from 'react';
 
 export type Props = ViewProps;
@@ -94,15 +95,21 @@ const View: component(
       };
     }
 
+    // Interop-61: map legacy accessibilityStates -> accessibilityState
+    const convertedProps = DELEGATE.convertAccessibilityStates(otherProps);
+
     const actualView = (
       <ViewNativeComponent
-        {...otherProps}
+        {...convertedProps}
         accessibilityLiveRegion={
           ariaLive === 'off' ? 'none' : ariaLive ?? accessibilityLiveRegion
         }
         accessibilityLabel={ariaLabel ?? accessibilityLabel}
         focusable={tabIndex !== undefined ? !tabIndex : focusable}
-        accessibilityState={_accessibilityState}
+        accessibilityState={{
+          ..._accessibilityState,
+          ...((convertedProps && convertedProps.accessibilityState) || {}),
+        }}
         accessibilityElementsHidden={ariaHidden ?? accessibilityElementsHidden}
         accessibilityLabelledBy={_accessibilityLabelledBy}
         accessibilityValue={_accessibilityValue}

package/Libraries/Components/View/delegates/ViewDelegate.js

@@ -0,0 +1,3 @@
+export function convertAccessibilityStates(props) {
+    return props;
+}

package/metro.config.js

@@ -136,6 +136,10 @@ function createHarmonyMetroConfig(options) {
             }
 
             try {
+              const maybeResult = resolveRequestOnlyForHarmony(ctx, moduleName);
+              if (maybeResult) {
+                return maybeResult;
+              }
               return ctx.resolveRequest(ctx, moduleName, HARMONY_PLATFORM_NAME);
             } catch {
               return ctx.resolveRequest(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native-oh/react-native-harmony",
-  "version": "0.77.18-1",
+  "version": "0.77.22",
   "description": "",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",