@office-iss/react-native-win32 0.0.0-canary.287 → 0.0.0-canary.289

package/src/private/animated/createAnimatedPropsHook.js

@@ -24,6 +24,7 @@ import {
   useCallback,
   useEffect,
   useInsertionEffect,
+  useMemo,
   useReducer,
   useRef,
 } from 'react';
@@ -51,6 +52,31 @@ export default function createAnimatedPropsHook(
 ): AnimatedPropsHook {
   const useAnimatedPropsMemo = createAnimatedPropsMemoHook(allowlist);
 
+  const useNativePropsInFabric =
+    ReactNativeFeatureFlags.shouldUseSetNativePropsInFabric();
+
+  const useNativeAnimatedEvents: <TProps: {...}>(
+    node: AnimatedProps,
+    props: TProps,
+  ) => $ReadOnlyArray<[string, AnimatedEvent]> =
+    ReactNativeFeatureFlags.avoidAnimatedRefInvalidation()
+      ? function useNativeAnimatedEventsFromAnimatedProps(node, props) {
+          return useMemo(() => node.__getNativeAnimatedEventTuples(), [node]);
+        }
+      : function useNativeAnimatedEventsFromProps(node, props) {
+          return useMemo(() => {
+            const tuples = [];
+            for (const propName in props) {
+              // $FlowFixMe[invalid-computed-prop]
+              const propValue = props[propName];
+              if (propValue instanceof AnimatedEvent && propValue.__isNative) {
+                tuples.push([propName, propValue]);
+              }
+            }
+            return tuples;
+          }, [props]);
+        };
+
   return function useAnimatedProps<TProps: {...}, TInstance>(
     props: TProps,
   ): [ReducedProps<TProps>, CallbackRef<TInstance | null>] {
@@ -63,9 +89,6 @@ export default function createAnimatedPropsHook(
       props,
     );
 
-    const useNativePropsInFabric =
-      ReactNativeFeatureFlags.shouldUseSetNativePropsInFabric();
-
     useEffect(() => {
       // If multiple components call `flushQueue`, the first one will flush the
       // queue and subsequent ones will do nothing.
@@ -95,6 +118,8 @@ export default function createAnimatedPropsHook(
 
     useAnimatedPropsLifecycle(node);
 
+    const eventTuples = useNativeAnimatedEvents(node, props);
+
     // TODO: This "effect" does three things:
     //
     //   1) Call `setNativeView`.
@@ -182,24 +207,18 @@ export default function createAnimatedPropsHook(
         };
 
         const target = getEventTarget(instance);
-        const events = [];
         const animatedValueListeners: AnimatedValueListeners = [];
 
-        for (const propName in props) {
-          // $FlowFixMe[invalid-computed-prop]
-          const propValue = props[propName];
-          if (propValue instanceof AnimatedEvent && propValue.__isNative) {
-            propValue.__attach(target, propName);
-            events.push([propName, propValue]);
-            // $FlowFixMe[incompatible-call] - the `addListenersToPropsValue` drills down the propValue.
-            addListenersToPropsValue(propValue, animatedValueListeners);
-          }
+        for (const [propName, propValue] of eventTuples) {
+          propValue.__attach(target, propName);
+          // $FlowFixMe[incompatible-call] - the `addListenersToPropsValue` drills down the propValue.
+          addListenersToPropsValue(propValue, animatedValueListeners);
         }
 
         return () => {
           onUpdateRef.current = null;
 
-          for (const [propName, propValue] of events) {
+          for (const [propName, propValue] of eventTuples) {
             propValue.__detach(target, propName);
           }
 
@@ -208,7 +227,7 @@ export default function createAnimatedPropsHook(
           }
         };
       },
-      [node, useNativePropsInFabric, props],
+      [eventTuples, node],
     );
     const callbackRef = useRefEffect<TInstance>(refEffect);
 

package/src/private/components/HScrollViewNativeComponents.js

@@ -11,7 +11,7 @@
 
 import type {ScrollViewNativeProps} from '../../../Libraries/Components/ScrollView/ScrollViewNativeComponentType';
 import type {ViewProps} from '../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {HostComponent} from '../types/HostComponent';
 
 import AndroidHorizontalScrollViewNativeComponent from '../../../Libraries/Components/ScrollView/AndroidHorizontalScrollViewNativeComponent';
 import ScrollContentViewNativeComponent from '../../../Libraries/Components/ScrollView/ScrollContentViewNativeComponent';

package/src/private/components/VScrollViewNativeComponents.js

@@ -11,7 +11,7 @@
 
 import type {ScrollViewNativeProps} from '../../../Libraries/Components/ScrollView/ScrollViewNativeComponentType';
 import type {ViewProps} from '../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {HostComponent} from '../types/HostComponent';
 
 import ScrollContentViewNativeComponent from '../../../Libraries/Components/ScrollView/ScrollContentViewNativeComponent';
 import ScrollViewNativeComponent from '../../../Libraries/Components/ScrollView/ScrollViewNativeComponent';

package/src/private/featureflags/ReactNativeFeatureFlags.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<4bdedb6bbe2199cb99e72e86bfffe372>>
+ * @generated SignedSource<<e76d584cb67e2feae209795beb2009d6>>
  * @flow strict
  */
 
@@ -30,18 +30,16 @@ export type ReactNativeFeatureFlagsJsOnly = $ReadOnly<{
   jsOnlyTestFlag: Getter<boolean>,
   animatedShouldDebounceQueueFlush: Getter<boolean>,
   animatedShouldUseSingleOp: Getter<boolean>,
+  avoidAnimatedRefInvalidation: Getter<boolean>,
   avoidStateUpdateInAnimatedPropsMemo: Getter<boolean>,
   disableInteractionManager: Getter<boolean>,
   enableAccessToHostTreeInFabric: Getter<boolean>,
-  enableAnimatedClearImmediateFix: Getter<boolean>,
-  enableDOMDocumentAPI: Getter<boolean>,
   fixVirtualizeListCollapseWindowSize: Getter<boolean>,
   isLayoutAnimationEnabled: Getter<boolean>,
   scheduleAnimatedCleanupInMicrotask: Getter<boolean>,
   shouldUseAnimatedObjectForTransform: Getter<boolean>,
   shouldUseRemoveClippedSubviewsAsDefaultOnIOS: Getter<boolean>,
   shouldUseSetNativePropsInFabric: Getter<boolean>,
-  useRefsForTextInputState: Getter<boolean>,
 }>;
 
 export type ReactNativeFeatureFlagsJsOnlyOverrides = OverridesFor<ReactNativeFeatureFlagsJsOnly>;
@@ -50,12 +48,12 @@ export type ReactNativeFeatureFlags = $ReadOnly<{
   ...ReactNativeFeatureFlagsJsOnly,
   commonTestFlag: Getter<boolean>,
   commonTestFlagWithoutNativeImplementation: Getter<boolean>,
+  animatedShouldSignalBatch: Getter<boolean>,
   disableMountItemReorderingAndroid: Getter<boolean>,
   enableAccumulatedUpdatesInRawPropsAndroid: Getter<boolean>,
   enableBridgelessArchitecture: Getter<boolean>,
   enableCppPropsIteratorSetter: Getter<boolean>,
   enableEagerRootViewAttachment: Getter<boolean>,
-  enableEventEmitterRetentionDuringGesturesOnAndroid: Getter<boolean>,
   enableFabricLogs: Getter<boolean>,
   enableFabricRenderer: Getter<boolean>,
   enableIOSViewClipToPaddingBox: Getter<boolean>,
@@ -66,7 +64,6 @@ export type ReactNativeFeatureFlags = $ReadOnly<{
   enableLongTaskAPI: Getter<boolean>,
   enableNativeCSSParsing: Getter<boolean>,
   enableNewBackgroundAndBorderDrawables: Getter<boolean>,
-  enablePreciseSchedulingForPremountItemsOnAndroid: Getter<boolean>,
   enablePropsUpdateReconciliationAndroid: Getter<boolean>,
   enableReportEventPaintTime: Getter<boolean>,
   enableSynchronousStateUpdates: Getter<boolean>,
@@ -75,13 +72,14 @@ export type ReactNativeFeatureFlags = $ReadOnly<{
   enableViewRecycling: Getter<boolean>,
   enableViewRecyclingForText: Getter<boolean>,
   enableViewRecyclingForView: Getter<boolean>,
-  excludeYogaFromRawProps: Getter<boolean>,
   fixDifferentiatorEmittingUpdatesWithWrongParentTag: Getter<boolean>,
   fixMappingOfEventPrioritiesBetweenFabricAndReact: Getter<boolean>,
   fixMountingCoordinatorReportedPendingTransactionsOnAndroid: Getter<boolean>,
   fuseboxEnabledRelease: Getter<boolean>,
   fuseboxNetworkInspectionEnabled: Getter<boolean>,
   lazyAnimationCallbacks: Getter<boolean>,
+  removeTurboModuleManagerDelegateMutex: Getter<boolean>,
+  throwExceptionInsteadOfDeadlockOnTurboModuleSetupDuringSyncRenderIOS: Getter<boolean>,
   traceTurboModulePromiseRejectionsOnAndroid: Getter<boolean>,
   useAlwaysAvailableJSErrorHandling: Getter<boolean>,
   useEditTextStockAndroidFocusBehavior: Getter<boolean>,
@@ -108,6 +106,11 @@ export const animatedShouldDebounceQueueFlush: Getter<boolean> = createJavaScrip
  */
 export const animatedShouldUseSingleOp: Getter<boolean> = createJavaScriptFlagGetter('animatedShouldUseSingleOp', false);
 
+/**
+ * Changes `useAnimatedProps` to avoid invalidating the callback ref whenever `props` changes.
+ */
+export const avoidAnimatedRefInvalidation: Getter<boolean> = createJavaScriptFlagGetter('avoidAnimatedRefInvalidation', false);
+
 /**
  * Changes `useAnimatedPropsMemo` to avoid state updates to invalidate the cached `AnimatedProps`.
  */
@@ -123,16 +126,6 @@ export const disableInteractionManager: Getter<boolean> = createJavaScriptFlagGe
  */
 export const enableAccessToHostTreeInFabric: Getter<boolean> = createJavaScriptFlagGetter('enableAccessToHostTreeInFabric', false);
 
-/**
- * Enables an experimental to use the proper clearIntermediate instead of calling the wrong clearTimeout and canceling another timer.
- */
-export const enableAnimatedClearImmediateFix: Getter<boolean> = createJavaScriptFlagGetter('enableAnimatedClearImmediateFix', true);
-
-/**
- * Enables the DOM Document API, exposing instaces of document through `getRootNode` and `ownerDocument`, and providing access to the `documentElement` representing the root node. This flag will be short-lived, only to test the Document API specifically, and then it will be collapsed into the enableAccessToHostTreeInFabric flag.
- */
-export const enableDOMDocumentAPI: Getter<boolean> = createJavaScriptFlagGetter('enableDOMDocumentAPI', false);
-
 /**
  * Fixing an edge case where the current window size is not properly calculated with fast scrolling. Window size collapsed to 1 element even if windowSize more than the current amount of elements
  */
@@ -163,11 +156,6 @@ export const shouldUseRemoveClippedSubviewsAsDefaultOnIOS: Getter<boolean> = cre
  */
 export const shouldUseSetNativePropsInFabric: Getter<boolean> = createJavaScriptFlagGetter('shouldUseSetNativePropsInFabric', true);
 
-/**
- * Enable a variant of TextInput that moves some state to refs to avoid unnecessary re-renders
- */
-export const useRefsForTextInputState: Getter<boolean> = createJavaScriptFlagGetter('useRefsForTextInputState', false);
-
 /**
  * Common flag for testing. Do NOT modify.
  */
@@ -176,6 +164,10 @@ export const commonTestFlag: Getter<boolean> = createNativeFlagGetter('commonTes
  * Common flag for testing (without native implementation). Do NOT modify.
  */
 export const commonTestFlagWithoutNativeImplementation: Getter<boolean> = createNativeFlagGetter('commonTestFlagWithoutNativeImplementation', false);
+/**
+ * Enables start- and finishOperationBatch on any platform.
+ */
+export const animatedShouldSignalBatch: Getter<boolean> = createNativeFlagGetter('animatedShouldSignalBatch', false);
 /**
  * Prevent FabricMountingManager from reordering mountitems, which may lead to invalid state on the UI thread
  */
@@ -185,7 +177,7 @@ export const disableMountItemReorderingAndroid: Getter<boolean> = createNativeFl
  */
 export const enableAccumulatedUpdatesInRawPropsAndroid: Getter<boolean> = createNativeFlagGetter('enableAccumulatedUpdatesInRawPropsAndroid', false);
 /**
- * Feature flag to enable the new bridgeless architecture. Note: Enabling this will force enable the following flags: `useTurboModules` & `enableFabricRenderer.
+ * Feature flag to enable the new bridgeless architecture. Note: Enabling this will force enable the following flags: `useTurboModules` & `enableFabricRenderer`.
  */
 export const enableBridgelessArchitecture: Getter<boolean> = createNativeFlagGetter('enableBridgelessArchitecture', false);
 /**
@@ -196,10 +188,6 @@ export const enableCppPropsIteratorSetter: Getter<boolean> = createNativeFlagGet
  * Feature flag to configure eager attachment of the root view/initialisation of the JS code.
  */
 export const enableEagerRootViewAttachment: Getter<boolean> = createNativeFlagGetter('enableEagerRootViewAttachment', false);
-/**
- * Enables the retention of EventEmitterWrapper on Android till the touch gesture is over to fix a bug on pressable (#44610)
- */
-export const enableEventEmitterRetentionDuringGesturesOnAndroid: Getter<boolean> = createNativeFlagGetter('enableEventEmitterRetentionDuringGesturesOnAndroid', false);
 /**
  * This feature flag enables logs for Fabric.
  */
@@ -240,10 +228,6 @@ export const enableNativeCSSParsing: Getter<boolean> = createNativeFlagGetter('e
  * Use BackgroundDrawable and BorderDrawable instead of CSSBackgroundDrawable
  */
 export const enableNewBackgroundAndBorderDrawables: Getter<boolean> = createNativeFlagGetter('enableNewBackgroundAndBorderDrawables', false);
-/**
- * Moves execution of pre-mount items to outside the choregrapher in the main thread, so we can estimate idle time more precisely (Android only).
- */
-export const enablePreciseSchedulingForPremountItemsOnAndroid: Getter<boolean> = createNativeFlagGetter('enablePreciseSchedulingForPremountItemsOnAndroid', false);
 /**
  * When enabled, Android will receive prop updates based on the differences between the last rendered shadow node and the last committed shadow node.
  */
@@ -276,10 +260,6 @@ export const enableViewRecyclingForText: Getter<boolean> = createNativeFlagGette
  * Enables View Recycling for <View> via ReactViewGroup/ReactViewManager.
  */
 export const enableViewRecyclingForView: Getter<boolean> = createNativeFlagGetter('enableViewRecyclingForView', true);
-/**
- * When enabled, rawProps in Props will not include Yoga specific props.
- */
-export const excludeYogaFromRawProps: Getter<boolean> = createNativeFlagGetter('excludeYogaFromRawProps', false);
 /**
  * Fixes a bug in Differentiator where parent views may be referenced before they're created
  */
@@ -297,13 +277,21 @@ export const fixMountingCoordinatorReportedPendingTransactionsOnAndroid: Getter<
  */
 export const fuseboxEnabledRelease: Getter<boolean> = createNativeFlagGetter('fuseboxEnabledRelease', false);
 /**
- * Enable network inspection support in the React Native DevTools CDP backend. This flag is global and should not be changed across React Host lifetimes.
+ * Enable network inspection support in the React Native DevTools CDP backend. Requires `enableBridgelessArchitecture`. This flag is global and should not be changed across React Host lifetimes.
  */
 export const fuseboxNetworkInspectionEnabled: Getter<boolean> = createNativeFlagGetter('fuseboxNetworkInspectionEnabled', false);
 /**
  * Only enqueue Choreographer calls if there is an ongoing animation, instead of enqueueing every frame.
  */
 export const lazyAnimationCallbacks: Getter<boolean> = createNativeFlagGetter('lazyAnimationCallbacks', false);
+/**
+ * When enabled, mutex _turboModuleManagerDelegateMutex in RCTTurboModuleManager will not be used
+ */
+export const removeTurboModuleManagerDelegateMutex: Getter<boolean> = createNativeFlagGetter('removeTurboModuleManagerDelegateMutex', false);
+/**
+ * Throw an exception instead of deadlocking when a TurboModule that requires main queue setup is initialized during a synchronous render on iOS.
+ */
+export const throwExceptionInsteadOfDeadlockOnTurboModuleSetupDuringSyncRenderIOS: Getter<boolean> = createNativeFlagGetter('throwExceptionInsteadOfDeadlockOnTurboModuleSetupDuringSyncRenderIOS', false);
 /**
  * Enables storing js caller stack when creating promise in native module. This is useful in case of Promise rejection and tracing the cause.
  */

package/src/private/featureflags/ReactNativeFeatureFlagsBase.js

@@ -96,9 +96,17 @@ export function setOverrides(
 }
 
 const reportedConfigNames: Set<string> = new Set();
+const hasTurboModules =
+  global.RN$Bridgeless === true || global.__turboModuleProxy != null;
 
 function maybeLogUnavailableNativeModuleError(configName: string): void {
-  if (!NativeReactNativeFeatureFlags && !reportedConfigNames.has(configName)) {
+  if (
+    !NativeReactNativeFeatureFlags &&
+    // Don't log more than once per config
+    !reportedConfigNames.has(configName) &&
+    // Don't log in the legacy architecture.
+    hasTurboModules
+  ) {
     reportedConfigNames.add(configName);
     console.error(
       `Could not access feature flag '${configName}' because native module method was not available`,

package/src/private/featureflags/specs/NativeReactNativeFeatureFlags.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<06a03507366a38dfc43868e94d75fcf1>>
+ * @generated SignedSource<<22d8e7623a2eee5182c786f2ec914401>>
  * @flow strict
  */
 
@@ -25,12 +25,12 @@ import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboMod
 export interface Spec extends TurboModule {
   +commonTestFlag?: () => boolean;
   +commonTestFlagWithoutNativeImplementation?: () => boolean;
+  +animatedShouldSignalBatch?: () => boolean;
   +disableMountItemReorderingAndroid?: () => boolean;
   +enableAccumulatedUpdatesInRawPropsAndroid?: () => boolean;
   +enableBridgelessArchitecture?: () => boolean;
   +enableCppPropsIteratorSetter?: () => boolean;
   +enableEagerRootViewAttachment?: () => boolean;
-  +enableEventEmitterRetentionDuringGesturesOnAndroid?: () => boolean;
   +enableFabricLogs?: () => boolean;
   +enableFabricRenderer?: () => boolean;
   +enableIOSViewClipToPaddingBox?: () => boolean;
@@ -41,7 +41,6 @@ export interface Spec extends TurboModule {
   +enableLongTaskAPI?: () => boolean;
   +enableNativeCSSParsing?: () => boolean;
   +enableNewBackgroundAndBorderDrawables?: () => boolean;
-  +enablePreciseSchedulingForPremountItemsOnAndroid?: () => boolean;
   +enablePropsUpdateReconciliationAndroid?: () => boolean;
   +enableReportEventPaintTime?: () => boolean;
   +enableSynchronousStateUpdates?: () => boolean;
@@ -50,13 +49,14 @@ export interface Spec extends TurboModule {
   +enableViewRecycling?: () => boolean;
   +enableViewRecyclingForText?: () => boolean;
   +enableViewRecyclingForView?: () => boolean;
-  +excludeYogaFromRawProps?: () => boolean;
   +fixDifferentiatorEmittingUpdatesWithWrongParentTag?: () => boolean;
   +fixMappingOfEventPrioritiesBetweenFabricAndReact?: () => boolean;
   +fixMountingCoordinatorReportedPendingTransactionsOnAndroid?: () => boolean;
   +fuseboxEnabledRelease?: () => boolean;
   +fuseboxNetworkInspectionEnabled?: () => boolean;
   +lazyAnimationCallbacks?: () => boolean;
+  +removeTurboModuleManagerDelegateMutex?: () => boolean;
+  +throwExceptionInsteadOfDeadlockOnTurboModuleSetupDuringSyncRenderIOS?: () => boolean;
   +traceTurboModulePromiseRejectionsOnAndroid?: () => boolean;
   +useAlwaysAvailableJSErrorHandling?: () => boolean;
   +useEditTextStockAndroidFocusBehavior?: () => boolean;

package/src/private/inspector/getInspectorDataForViewAtPoint.js

@@ -8,10 +8,8 @@
  * @flow
  */
 
-import type {
-  HostInstance,
-  TouchedViewDataAtPoint,
-} from '../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {TouchedViewDataAtPoint} from '../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {HostInstance} from '../types/HostInstance';
 
 const invariant = require('invariant');
 

package/src/private/setup/setUpDOM.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict
+ * @flow strict-local
  * @format
  */
 
@@ -29,6 +29,11 @@ export default function setUpDOM() {
     () => require('../webapis/geometry/DOMRectReadOnly').default,
   );
 
+  polyfillGlobal(
+    'DOMRectList',
+    () => require('../webapis/geometry/DOMRectList').default,
+  );
+
   polyfillGlobal(
     'HTMLCollection',
     () => require('../webapis/dom/oldstylecollections/HTMLCollection').default,
@@ -38,4 +43,34 @@ export default function setUpDOM() {
     'NodeList',
     () => require('../webapis/dom/oldstylecollections/NodeList').default,
   );
+
+  polyfillGlobal(
+    'Node',
+    () => require('../webapis/dom/nodes/ReadOnlyNode').default,
+  );
+
+  polyfillGlobal(
+    'Document',
+    () => require('../webapis/dom/nodes/ReactNativeDocument').default,
+  );
+
+  polyfillGlobal(
+    'CharacterData',
+    () => require('../webapis/dom/nodes/ReadOnlyCharacterData').default,
+  );
+
+  polyfillGlobal(
+    'Text',
+    () => require('../webapis/dom/nodes/ReadOnlyText').default,
+  );
+
+  polyfillGlobal(
+    'Element',
+    () => require('../webapis/dom/nodes/ReadOnlyElement').default,
+  );
+
+  polyfillGlobal(
+    'HTMLElement',
+    () => require('../webapis/dom/nodes/ReactNativeElement').default,
+  );
 }

package/src/private/specs_DEPRECATED/components/ActivityIndicatorViewNativeComponent.js

@@ -9,9 +9,9 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
 import type {WithDefault} from '../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 

package/src/private/specs_DEPRECATED/components/AndroidDrawerLayoutNativeComponent.js

@@ -9,7 +9,6 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
 import type {
   DirectEventHandler,
@@ -17,6 +16,7 @@ import type {
   Int32,
   WithDefault,
 } from '../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';

package/src/private/specs_DEPRECATED/components/AndroidHorizontalScrollContentViewNativeComponent.js

@@ -9,7 +9,7 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 

package/src/private/specs_DEPRECATED/components/AndroidSwipeRefreshLayoutNativeComponent.js

@@ -9,13 +9,13 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
 import type {
   DirectEventHandler,
   Float,
   WithDefault,
 } from '../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';

package/src/private/specs_DEPRECATED/components/AndroidSwitchNativeComponent.js

@@ -9,13 +9,13 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
 import type {
   BubblingEventHandler,
   Int32,
   WithDefault,
 } from '../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';

package/src/private/specs_DEPRECATED/components/DebuggingOverlayNativeComponent.js

@@ -9,8 +9,8 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ProcessedColorValue} from '../../../../Libraries/StyleSheet/processColor';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';

package/src/private/specs_DEPRECATED/components/ProgressBarAndroidNativeComponent.js

@@ -9,12 +9,12 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
 import type {
   Double,
   WithDefault,
 } from '../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 

package/src/private/specs_DEPRECATED/components/PullToRefreshViewNativeComponent.js

@@ -9,13 +9,13 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
 import type {
   DirectEventHandler,
   Float,
   WithDefault,
 } from '../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';

package/src/private/specs_DEPRECATED/components/RCTInputAccessoryViewNativeComponent.js

@@ -9,8 +9,8 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 

package/src/private/specs_DEPRECATED/components/RCTModalHostViewNativeComponent.js

@@ -9,12 +9,12 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {
   DirectEventHandler,
   Int32,
   WithDefault,
 } from '../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 

package/src/private/specs_DEPRECATED/components/RCTSafeAreaViewNativeComponent.js

@@ -9,7 +9,7 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 

package/src/private/specs_DEPRECATED/components/SwitchNativeComponent.js

@@ -9,13 +9,13 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
 import type {
   BubblingEventHandler,
   Int32,
   WithDefault,
 } from '../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';

package/src/private/specs_DEPRECATED/components/UnimplementedNativeViewNativeComponent.js

@@ -9,8 +9,8 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {WithDefault} from '../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 

package/src/private/types/HostComponent.js

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {HostInstance} from './HostInstance';
+
+export type HostComponent<Config: {...}> = component(
+  ref: React.RefSetter<HostInstance>,
+  ...Config
+);