react-native-windows 0.79.5 → 0.80.0-preview.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-windows",
-  "version": "0.79.5",
+  "version": "0.80.0-preview.10",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -23,23 +23,24 @@
   "dependencies": {
     "@babel/runtime": "^7.0.0",
     "@jest/create-cache-key-function": "^29.7.0",
-    "@react-native-community/cli": "^15.0.0",
-    "@react-native-community/cli-platform-android": "^15.0.0",
-    "@react-native-community/cli-platform-ios": "^15.0.0",
-    "@react-native-windows/cli": "0.79.4",
+    "@react-native-community/cli": "17.0.0",
+    "@react-native-community/cli-platform-android": "17.0.0",
+    "@react-native-community/cli-platform-ios": "17.0.0",
+    "@react-native-windows/cli": "0.80.0-preview.7",
     "@react-native/assets": "1.0.0",
-    "@react-native/assets-registry": "0.79.0",
-    "@react-native/codegen": "0.79.0",
-    "@react-native/community-cli-plugin": "0.79.0",
-    "@react-native/gradle-plugin": "0.79.0",
-    "@react-native/js-polyfills": "0.79.0",
-    "@react-native/normalize-colors": "0.79.0",
-    "@react-native/virtualized-lists": "0.79.0",
+    "@react-native/assets-registry": "0.80.0",
+    "@react-native/codegen": "0.80.0",
+    "@react-native/community-cli-plugin": "0.80.0",
+    "@react-native/gradle-plugin": "0.80.0",
+    "@react-native/js-polyfills": "0.80.0",
+    "@react-native/new-app-screen": "0.80.0-nightly-20250506-3ac16dd6a",
+    "@react-native/normalize-colors": "0.80.0",
+    "@react-native/virtualized-lists": "0.80.0",
     "abort-controller": "^3.0.0",
     "anser": "^1.4.9",
     "ansi-regex": "^5.0.0",
     "babel-jest": "^29.7.0",
-    "babel-plugin-syntax-hermes-parser": "0.25.1",
+    "babel-plugin-syntax-hermes-parser": "0.28.1",
     "base64-js": "^1.5.1",
     "chalk": "^4.0.0",
     "commander": "^12.0.0",
@@ -49,8 +50,8 @@
     "invariant": "^2.2.4",
     "jest-environment-node": "^29.7.0",
     "memoize-one": "^5.0.0",
-    "metro-runtime": "^0.82.0",
-    "metro-source-map": "^0.82.0",
+    "metro-runtime": "^0.82.2",
+    "metro-source-map": "^0.82.2",
     "mkdirp": "^0.5.1",
     "nullthrows": "^1.1.1",
     "pretty-format": "^29.7.0",
@@ -58,7 +59,7 @@
     "react-devtools-core": "^6.1.1",
     "react-refresh": "^0.14.0",
     "regenerator-runtime": "^0.13.2",
-    "scheduler": "0.25.0",
+    "scheduler": "0.26.0",
     "semver": "^7.1.3",
     "source-map-support": "^0.5.19",
     "stacktrace-parser": "^0.1.10",
@@ -67,38 +68,38 @@
     "yargs": "^17.6.2"
   },
   "devDependencies": {
-    "@react-native-windows/codegen": "0.79.1",
-    "@react-native/metro-config": "0.79.0",
+    "@react-native-windows/codegen": "0.80.0-preview.1",
+    "@react-native/metro-config": "0.80.0",
     "@rnw-scripts/babel-react-native-config": "0.0.0",
     "@rnw-scripts/eslint-config": "1.2.36",
     "@rnw-scripts/jest-out-of-tree-snapshot-resolver": "^1.1.40",
-    "@rnw-scripts/just-task": "2.3.53",
+    "@rnw-scripts/just-task": "2.3.54",
     "@rnw-scripts/metro-dev-config": "0.0.0",
     "@rnx-kit/jest-preset": "^0.1.17",
     "@types/node": "^18.0.0",
     "@types/react": "^19.0.0",
     "eslint": "^8.19.0",
-    "flow-bin": "^0.261.2",
+    "flow-bin": "^0.267.0",
     "jscodeshift": "^0.14.0",
     "just-scripts": "^1.3.3",
     "prettier": "2.8.8",
-    "react": "19.0.0",
-    "react-native": "0.79.0",
-    "react-native-platform-override": "^1.9.55",
+    "react": "19.1.0",
+    "react-native": "0.80.0",
+    "react-native-platform-override": "^1.9.56",
     "react-refresh": "^0.14.0",
     "typescript": "5.0.4"
   },
   "peerDependencies": {
-    "@types/react": "^19.0.0",
-    "react": "^19.0.0",
-    "react-native": "^0.79.0"
+    "@types/react": "^19.1.0",
+    "react": "^19.1.0",
+    "react-native": "^0.80.0"
   },
   "beachball": {
-    "defaultNpmTag": "v0.79-stable",
+    "defaultNpmTag": "preview",
     "disallowedChangeTypes": [
       "major",
       "minor",
-      "prerelease",
+      "patch",
       "premajor",
       "preminor",
       "prepatch"

package/src/private/animated/NativeAnimatedHelper.js

@@ -57,6 +57,10 @@ const eventListenerAnimationFinishedCallbacks: {
 let globalEventEmitterGetValueListener: ?EventSubscription = null;
 let globalEventEmitterAnimationFinishedListener: ?EventSubscription = null;
 
+const shouldSignalBatch =
+  ReactNativeFeatureFlags.animatedShouldSignalBatch() ||
+  ReactNativeFeatureFlags.cxxNativeAnimatedEnabled();
+
 function createNativeOperations(): $NonMaybeType<typeof NativeAnimatedModule> {
   const methodNames = [
     'createAnimatedNode', // 1
@@ -106,6 +110,11 @@ function createNativeOperations(): $NonMaybeType<typeof NativeAnimatedModule> {
         if (queueOperations || queue.length !== 0) {
           // $FlowExpectedError[incompatible-call] - Dynamism.
           queue.push(() => method(...args));
+        } else if (shouldSignalBatch) {
+          // $FlowExpectedError[incompatible-call] - Dynamism.
+          queue.push(() => method(...args));
+          clearImmediate(flushQueueImmediate);
+          flushQueueImmediate = setImmediate(API.flushQueue);
         } else {
           // $FlowExpectedError[incompatible-call] - Dynamism.
           method(...args);
@@ -138,21 +147,25 @@ const API = {
       }) as $NonMaybeType<typeof NativeAnimatedModule>['getValue'],
 
   setWaitingForIdentifier(id: string): void {
+    if (shouldSignalBatch) {
+      return;
+    }
+
     waitingForQueuedOperations.add(id);
     queueOperations = true;
     if (
       ReactNativeFeatureFlags.animatedShouldDebounceQueueFlush() &&
       flushQueueImmediate
     ) {
-      if (ReactNativeFeatureFlags.enableAnimatedClearImmediateFix()) {
-        clearImmediate(flushQueueImmediate);
-      } else {
-        clearTimeout(flushQueueImmediate);
-      }
+      clearImmediate(flushQueueImmediate);
     }
   },
 
   unsetWaitingForIdentifier(id: string): void {
+    if (shouldSignalBatch) {
+      return;
+    }
+
     waitingForQueuedOperations.delete(id);
 
     if (waitingForQueuedOperations.size === 0) {
@@ -206,7 +219,7 @@ const API = {
           return;
         }
 
-        if (Platform.OS === 'android') {
+        if (Platform.OS === 'android' || shouldSignalBatch) {
           NativeAnimatedModule?.startOperationBatch?.();
         }
 
@@ -215,7 +228,7 @@ const API = {
         }
         queue.length = 0;
 
-        if (Platform.OS === 'android') {
+        if (Platform.OS === 'android' || shouldSignalBatch) {
           NativeAnimatedModule?.finishOperationBatch?.();
         }
       }) as () => void,
@@ -371,7 +384,7 @@ function assertNativeAnimatedModule(): void {
 let _warnedMissingNativeAnimated = false;
 
 function shouldUseNativeDriver(
-  config: $ReadOnly<{...AnimationConfig, ...}> | EventConfig,
+  config: $ReadOnly<{...AnimationConfig, ...}> | EventConfig<mixed>,
 ): boolean {
   if (config.useNativeDriver == null) {
     console.warn(

package/src/private/animated/createAnimatedPropsHook.js

@@ -11,7 +11,6 @@
 import type {AnimatedPropsAllowlist} from '../../../Libraries/Animated/nodes/AnimatedProps';
 import type {EventSubscription} from '../../../Libraries/EventEmitter/NativeEventEmitter';
 
-import {AnimatedEvent} from '../../../Libraries/Animated/AnimatedEvent';
 import AnimatedNode from '../../../Libraries/Animated/nodes/AnimatedNode';
 import AnimatedProps from '../../../Libraries/Animated/nodes/AnimatedProps';
 import AnimatedValue from '../../../Libraries/Animated/nodes/AnimatedValue';
@@ -51,6 +50,9 @@ export default function createAnimatedPropsHook(
 ): AnimatedPropsHook {
   const useAnimatedPropsMemo = createAnimatedPropsMemoHook(allowlist);
 
+  const useNativePropsInFabric =
+    ReactNativeFeatureFlags.shouldUseSetNativePropsInFabric();
+
   return function useAnimatedProps<TProps: {...}, TInstance>(
     props: TProps,
   ): [ReducedProps<TProps>, CallbackRef<TInstance | null>] {
@@ -63,9 +65,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.
@@ -112,6 +111,7 @@ export default function createAnimatedPropsHook(
       (instance: TInstance) => {
         // NOTE: This may be called more often than necessary (e.g. when `props`
         // changes), but `setNativeView` already optimizes for that.
+        // $FlowFixMe[incompatible-call]
         node.setNativeView(instance);
 
         // NOTE: When using the JS animation driver, this callback is called on
@@ -182,24 +182,19 @@ export default function createAnimatedPropsHook(
         };
 
         const target = getEventTarget(instance);
-        const events = [];
         const animatedValueListeners: AnimatedValueListeners = [];
+        const eventTuples = node.__getNativeAnimatedEventTuples();
 
-        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 +203,7 @@ export default function createAnimatedPropsHook(
           }
         };
       },
-      [node, useNativePropsInFabric, props],
+      [node],
     );
     const callbackRef = useRefEffect<TInstance>(refEffect);
 

package/src/private/animated/createAnimatedPropsMemoHook.js

@@ -91,8 +91,7 @@ export function createAnimatedPropsMemoHook(
     const prev = prevRef.current;
 
     const next =
-      prev != null &&
-      areCompositeKeysEqual(prev.compositeKey, compositeKey, allowlist)
+      prev != null && areCompositeKeysEqual(prev.compositeKey, compositeKey)
         ? prev
         : {
             compositeKey,

package/src/private/components/{SafeAreaView_INTERNAL_DO_NOT_USE.js → safeareaview/SafeAreaView_INTERNAL_DO_NOT_USE.js}

@@ -9,21 +9,21 @@
  * @oncall react_native
  */
 
-import type {ViewProps} from '../../../Libraries/Components/View/ViewPropTypes';
+import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
 
-import View from '../../../Libraries/Components/View/View';
-import UIManager from '../../../Libraries/ReactNative/UIManager';
-import Platform from '../../../Libraries/Utilities/Platform';
+import View from '../../../../Libraries/Components/View/View';
+import UIManager from '../../../../Libraries/ReactNative/UIManager';
+import Platform from '../../../../Libraries/Utilities/Platform';
 import * as React from 'react';
 
 const exported: component(
   ref?: React.RefSetter<React.ElementRef<typeof View>>,
   ...ViewProps
 ) = Platform.select({
-  ios: require('../../../src/private/specs_DEPRECATED/components/RCTSafeAreaViewNativeComponent')
+  ios: require('../../../../src/private/specs_DEPRECATED/components/RCTSafeAreaViewNativeComponent')
     .default,
   android: UIManager.hasViewManagerConfig('RCTSafeAreaView')
-    ? require('../../../src/private/specs_DEPRECATED/components/RCTSafeAreaViewNativeComponent')
+    ? require('../../../../src/private/specs_DEPRECATED/components/RCTSafeAreaViewNativeComponent')
         .default
     : View,
   default: View,

package/src/private/components/{HScrollViewNativeComponents.js → scrollview/HScrollViewNativeComponents.js}

@@ -9,15 +9,15 @@
  * @oncall react_native
  */
 
-import type {ScrollViewNativeProps} from '../../../Libraries/Components/ScrollView/ScrollViewNativeComponentType';
-import type {ViewProps} from '../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../types/HostComponent';
+import type {ScrollViewNativeProps} from '../../../../Libraries/Components/ScrollView/ScrollViewNativeComponentType';
+import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
-import AndroidHorizontalScrollViewNativeComponent from '../../../Libraries/Components/ScrollView/AndroidHorizontalScrollViewNativeComponent';
-import ScrollContentViewNativeComponent from '../../../Libraries/Components/ScrollView/ScrollContentViewNativeComponent';
-import ScrollViewNativeComponent from '../../../Libraries/Components/ScrollView/ScrollViewNativeComponent';
-import Platform from '../../../Libraries/Utilities/Platform';
-import AndroidHorizontalScrollContentViewNativeComponent from '../specs_DEPRECATED/components/AndroidHorizontalScrollContentViewNativeComponent';
+import AndroidHorizontalScrollViewNativeComponent from '../../../../Libraries/Components/ScrollView/AndroidHorizontalScrollViewNativeComponent';
+import ScrollContentViewNativeComponent from '../../../../Libraries/Components/ScrollView/ScrollContentViewNativeComponent';
+import ScrollViewNativeComponent from '../../../../Libraries/Components/ScrollView/ScrollViewNativeComponent';
+import Platform from '../../../../Libraries/Utilities/Platform';
+import AndroidHorizontalScrollContentViewNativeComponent from '../../specs_DEPRECATED/components/AndroidHorizontalScrollContentViewNativeComponent';
 
 export const HScrollViewNativeComponent: HostComponent<ScrollViewNativeProps> =
   Platform.OS === 'android'

package/src/private/components/scrollview/VScrollViewNativeComponents.js

@@ -0,0 +1,25 @@
+/**
+ * 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-local
+ * @format
+ * @oncall react_native
+ */
+
+import type {ScrollViewNativeProps} from '../../../../Libraries/Components/ScrollView/ScrollViewNativeComponentType';
+import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from '../../types/HostComponent';
+
+import ScrollContentViewNativeComponent from '../../../../Libraries/Components/ScrollView/ScrollContentViewNativeComponent';
+import ScrollViewNativeComponent from '../../../../Libraries/Components/ScrollView/ScrollViewNativeComponent';
+import View from '../../../../Libraries/Components/View/View';
+import Platform from '../../../../Libraries/Utilities/Platform';
+
+export const VScrollViewNativeComponent: HostComponent<ScrollViewNativeProps> =
+  ScrollViewNativeComponent;
+
+export const VScrollContentViewNativeComponent: HostComponent<ViewProps> =
+  Platform.OS === 'android' ? View : ScrollContentViewNativeComponent;

package/src/private/{devmenu → devsupport/devmenu}/DevMenu.js

@@ -8,7 +8,7 @@
  * @format
  */
 
-import NativeDevMenu from '../specs_DEPRECATED/modules/NativeDevMenu';
+import NativeDevMenu from './specs/NativeDevMenu';
 
 /**
  * The DevMenu module exposes methods for interacting with the Dev Menu in development.

package/src/private/{inspector → devsupport/devmenu/elementinspector}/BorderBox.js

@@ -10,11 +10,11 @@
 
 'use strict';
 
-import type {ViewStyleProp} from '../../../Libraries/StyleSheet/StyleSheet';
+import type {ViewStyleProp} from '../../../../../Libraries/StyleSheet/StyleSheet';
 
-import React from 'react';
+import * as React from 'react';
 
-const View = require('../../../Libraries/Components/View/View').default;
+const View = require('../../../../../Libraries/Components/View/View').default;
 
 type Props = $ReadOnly<{
   children: React.Node,

package/src/private/{inspector → devsupport/devmenu/elementinspector}/BoxInspector.js

@@ -13,14 +13,15 @@
 import type {
   TextStyleProp,
   ViewStyleProp,
-} from '../../../Libraries/StyleSheet/StyleSheet';
+} from '../../../../../Libraries/StyleSheet/StyleSheet';
 import type {InspectedElementFrame} from './Inspector';
 
-import React from 'react';
+import * as React from 'react';
 
-const View = require('../../../Libraries/Components/View/View').default;
-const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet').default;
-const Text = require('../../../Libraries/Text/Text').default;
+const View = require('../../../../../Libraries/Components/View/View').default;
+const StyleSheet =
+  require('../../../../../Libraries/StyleSheet/StyleSheet').default;
+const Text = require('../../../../../Libraries/Text/Text').default;
 const resolveBoxStyle = require('./resolveBoxStyle').default;
 
 const blank = {

package/src/private/{inspector → devsupport/devmenu/elementinspector}/ElementBox.js

@@ -10,16 +10,18 @@
 
 'use strict';
 
-import type {ViewStyleProp} from '../../../Libraries/StyleSheet/StyleSheet';
+import type {ViewStyleProp} from '../../../../../Libraries/StyleSheet/StyleSheet';
 import type {InspectedElementFrame} from './Inspector';
 
-import React from 'react';
+import * as React from 'react';
 
-const View = require('../../../Libraries/Components/View/View').default;
+const View = require('../../../../../Libraries/Components/View/View').default;
 const flattenStyle =
-  require('../../../Libraries/StyleSheet/flattenStyle').default;
-const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet').default;
-const Dimensions = require('../../../Libraries/Utilities/Dimensions').default;
+  require('../../../../../Libraries/StyleSheet/flattenStyle').default;
+const StyleSheet =
+  require('../../../../../Libraries/StyleSheet/StyleSheet').default;
+const Dimensions =
+  require('../../../../../Libraries/Utilities/Dimensions').default;
 const BorderBox = require('./BorderBox').default;
 const resolveBoxStyle = require('./resolveBoxStyle').default;
 

package/src/private/{inspector → devsupport/devmenu/elementinspector}/ElementProperties.js

@@ -10,22 +10,23 @@
 
 'use strict';
 
-import type {InspectorData} from '../../../Libraries/Renderer/shims/ReactNativeTypes';
-import type {ViewStyleProp} from '../../../Libraries/StyleSheet/StyleSheet';
+import type {InspectorData} from '../../../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {ViewStyleProp} from '../../../../../Libraries/StyleSheet/StyleSheet';
 
-import React from 'react';
+import * as React from 'react';
 
 const TouchableHighlight =
-  require('../../../Libraries/Components/Touchable/TouchableHighlight').default;
+  require('../../../../../Libraries/Components/Touchable/TouchableHighlight').default;
 const TouchableWithoutFeedback =
-  require('../../../Libraries/Components/Touchable/TouchableWithoutFeedback').default;
-const View = require('../../../Libraries/Components/View/View').default;
+  require('../../../../../Libraries/Components/Touchable/TouchableWithoutFeedback').default;
+const View = require('../../../../../Libraries/Components/View/View').default;
 const flattenStyle =
-  require('../../../Libraries/StyleSheet/flattenStyle').default;
-const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet').default;
-const Text = require('../../../Libraries/Text/Text').default;
+  require('../../../../../Libraries/StyleSheet/flattenStyle').default;
+const StyleSheet =
+  require('../../../../../Libraries/StyleSheet/StyleSheet').default;
+const Text = require('../../../../../Libraries/Text/Text').default;
 const mapWithSeparator =
-  require('../../../Libraries/Utilities/mapWithSeparator').default;
+  require('../../../../../Libraries/Utilities/mapWithSeparator').default;
 const BoxInspector = require('./BoxInspector').default;
 const StyleInspector = require('./StyleInspector').default;
 

package/src/private/{inspector → devsupport/devmenu/elementinspector}/Inspector.js

@@ -10,25 +10,27 @@
 
 'use strict';
 
-import type {InspectedViewRef} from '../../../Libraries/ReactNative/AppContainer-dev';
+import type {InspectedViewRef} from '../../../../../Libraries/ReactNative/AppContainer-dev';
 import type {
   InspectorData,
   TouchedViewDataAtPoint,
-} from '../../../Libraries/Renderer/shims/ReactNativeTypes';
-import type {ViewStyleProp} from '../../../Libraries/StyleSheet/StyleSheet';
-import type {ReactDevToolsAgent} from '../../../Libraries/Types/ReactDevToolsTypes';
+} from '../../../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {ViewStyleProp} from '../../../../../Libraries/StyleSheet/StyleSheet';
+import type {ReactDevToolsAgent} from '../../../../../Libraries/Types/ReactDevToolsTypes';
 
-import SafeAreaView from '../components/SafeAreaView_INTERNAL_DO_NOT_USE';
-import React from 'react';
+import SafeAreaView from '../../../components/safeareaview/SafeAreaView_INTERNAL_DO_NOT_USE';
+import * as React from 'react';
 
-const View = require('../../../Libraries/Components/View/View').default;
-const PressabilityDebug = require('../../../Libraries/Pressability/PressabilityDebug');
+const View = require('../../../../../Libraries/Components/View/View').default;
+const PressabilityDebug = require('../../../../../Libraries/Pressability/PressabilityDebug');
 const {
   findNodeHandle,
-} = require('../../../Libraries/ReactNative/RendererProxy');
-const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet').default;
-const Dimensions = require('../../../Libraries/Utilities/Dimensions').default;
-const Platform = require('../../../Libraries/Utilities/Platform').default;
+} = require('../../../../../Libraries/ReactNative/RendererProxy');
+const StyleSheet =
+  require('../../../../../Libraries/StyleSheet/StyleSheet').default;
+const Dimensions =
+  require('../../../../../Libraries/Utilities/Dimensions').default;
+const Platform = require('../../../../../Libraries/Utilities/Platform').default;
 const getInspectorDataForViewAtPoint =
   require('./getInspectorDataForViewAtPoint').default;
 const InspectorOverlay = require('./InspectorOverlay').default;

package/src/private/{inspector → devsupport/devmenu/elementinspector}/InspectorOverlay.js

@@ -10,13 +10,14 @@
 
 'use strict';
 
-import type {GestureResponderEvent} from '../../../Libraries/Types/CoreEventTypes';
+import type {GestureResponderEvent} from '../../../../../Libraries/Types/CoreEventTypes';
 import type {InspectedElement} from './Inspector';
 
-import React from 'react';
+import * as React from 'react';
 
-const View = require('../../../Libraries/Components/View/View').default;
-const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet').default;
+const View = require('../../../../../Libraries/Components/View/View').default;
+const StyleSheet =
+  require('../../../../../Libraries/StyleSheet/StyleSheet').default;
 const ElementBox = require('./ElementBox').default;
 
 type Props = $ReadOnly<{

package/src/private/{inspector → devsupport/devmenu/elementinspector}/InspectorPanel.js

@@ -12,19 +12,20 @@
 
 import type {ElementsHierarchy, InspectedElement} from './Inspector';
 
-import SafeAreaView from '../../../Libraries/Components/SafeAreaView/SafeAreaView';
-import React from 'react';
+import SafeAreaView from '../../../../../Libraries/Components/SafeAreaView/SafeAreaView';
+import * as React from 'react';
 
 const ScrollView =
-  require('../../../Libraries/Components/ScrollView/ScrollView').default;
+  require('../../../../../Libraries/Components/ScrollView/ScrollView').default;
 const TouchableHighlight =
-  require('../../../Libraries/Components/Touchable/TouchableHighlight').default;
-const View = require('../../../Libraries/Components/View/View').default;
-const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet').default;
-const Text = require('../../../Libraries/Text/Text').default;
+  require('../../../../../Libraries/Components/Touchable/TouchableHighlight').default;
+const View = require('../../../../../Libraries/Components/View/View').default;
+const StyleSheet =
+  require('../../../../../Libraries/StyleSheet/StyleSheet').default;
+const Text = require('../../../../../Libraries/Text/Text').default;
+const PerformanceOverlay = require('../perfmonitor/PerformanceOverlay').default;
 const ElementProperties = require('./ElementProperties').default;
 const NetworkOverlay = require('./NetworkOverlay').default;
-const PerformanceOverlay = require('./PerformanceOverlay').default;
 
 type Props = $ReadOnly<{
   devtoolsIsOpen: boolean,

package/src/private/{inspector → devsupport/devmenu/elementinspector}/NetworkOverlay.js

@@ -10,20 +10,21 @@
 
 'use strict';
 
-import type XMLHttpRequest from '../../../Libraries/Network/XMLHttpRequest';
+import type XMLHttpRequest from '../../../../../Libraries/Network/XMLHttpRequest';
 import type {ListRenderItemInfo} from '@react-native/virtualized-lists';
 
-import ScrollView from '../../../Libraries/Components/ScrollView/ScrollView';
-import React from 'react';
+import ScrollView from '../../../../../Libraries/Components/ScrollView/ScrollView';
+import * as React from 'react';
 
 const TouchableHighlight =
-  require('../../../Libraries/Components/Touchable/TouchableHighlight').default;
-const View = require('../../../Libraries/Components/View/View').default;
-const FlatList = require('../../../Libraries/Lists/FlatList').default;
-const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet').default;
-const Text = require('../../../Libraries/Text/Text').default;
+  require('../../../../../Libraries/Components/Touchable/TouchableHighlight').default;
+const View = require('../../../../../Libraries/Components/View/View').default;
+const FlatList = require('../../../../../Libraries/Lists/FlatList').default;
+const StyleSheet =
+  require('../../../../../Libraries/StyleSheet/StyleSheet').default;
+const Text = require('../../../../../Libraries/Text/Text').default;
 const WebSocketInterceptor =
-  require('../../../Libraries/WebSocket/WebSocketInterceptor').default;
+  require('../../../../../Libraries/WebSocket/WebSocketInterceptor').default;
 const XHRInterceptor = require('./XHRInterceptor').default;
 
 const LISTVIEW_CELL_HEIGHT = 15;

package/src/private/{inspector → devsupport/devmenu/elementinspector}/ReactDevToolsOverlay.js

@@ -8,15 +8,15 @@
  * @flow
  */
 
-import type {InspectedViewRef} from '../../../Libraries/ReactNative/AppContainer-dev';
-import type {PointerEvent} from '../../../Libraries/Types/CoreEventTypes';
-import type {GestureResponderEvent} from '../../../Libraries/Types/CoreEventTypes';
-import type {ReactDevToolsAgent} from '../../../Libraries/Types/ReactDevToolsTypes';
+import type {InspectedViewRef} from '../../../../../Libraries/ReactNative/AppContainer-dev';
+import type {PointerEvent} from '../../../../../Libraries/Types/CoreEventTypes';
+import type {GestureResponderEvent} from '../../../../../Libraries/Types/CoreEventTypes';
+import type {ReactDevToolsAgent} from '../../../../../Libraries/Types/ReactDevToolsTypes';
 import type {InspectedElement} from './Inspector';
 
-import View from '../../../Libraries/Components/View/View';
-import ReactNativeFeatureFlags from '../../../Libraries/ReactNative/ReactNativeFeatureFlags';
-import StyleSheet from '../../../Libraries/StyleSheet/StyleSheet';
+import View from '../../../../../Libraries/Components/View/View';
+import ReactNativeFeatureFlags from '../../../../../Libraries/ReactNative/ReactNativeFeatureFlags';
+import StyleSheet from '../../../../../Libraries/StyleSheet/StyleSheet';
 import ElementBox from './ElementBox';
 import * as React from 'react';