RN: Fix lint/sort-imports Errors (#47109)

Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/47109

Fixes the `lint/sort-imports` errors that are now surfaced after fixing the lint configuration.

For a couple files, I added lint suppressions instead because the unsorted import ordering is important due to interleaved calls with side effects.

Changelog:
[Internal]

Reviewed By: GijsWeterings

Differential Revision: D64569485

fbshipit-source-id: 26415d792e2b9efe08c05d1436f723faae549882

jest/preprocessor.js

@@ -12,16 +12,16 @@
 
 'use strict';
 
-const metroBabelRegister = require('metro-babel-register');
-const nullthrows = require('nullthrows');
-const createCacheKeyFunction =
-  require('@jest/create-cache-key-function').default;
-
+// eslint-disable-next-line lint/sort-imports
 const {
-  transformSync: babelTransformSync,
   transformFromAstSync: babelTransformFromAstSync,
+  transformSync: babelTransformSync,
 } = require('@babel/core');
 const generate = require('@babel/generator').default;
+const createCacheKeyFunction =
+  require('@jest/create-cache-key-function').default;
+const metroBabelRegister = require('metro-babel-register');
+const nullthrows = require('nullthrows');
 
 if (process.env.FBSOURCE_ENV === '1') {
   // If we're running in the Meta-internal monorepo, use the central Babel

packages/babel-plugin-codegen/index.js

@@ -11,8 +11,8 @@
 
 let FlowParser, TypeScriptParser, RNCodegen;
 
-const {basename} = require('path');
 const {cheap: traverseCheap} = require('@babel/traverse').default;
+const {basename} = require('path');
 
 try {
   FlowParser =

packages/dev-middleware/src/__tests__/InspectorProxyHttpApi-test.js

@@ -14,11 +14,11 @@ import type {
   JsonVersionResponse,
 } from '../inspector-proxy/types';
 
+import DefaultBrowserLauncher from '../utils/DefaultBrowserLauncher';
 import {fetchJson, fetchLocal} from './FetchUtils';
 import {createDeviceMock} from './InspectorDeviceUtils';
 import {withAbortSignalForEachTest} from './ResourceUtils';
 import {withServerForEachTest} from './ServerUtils';
-import DefaultBrowserLauncher from '../utils/DefaultBrowserLauncher';
 
 // Must be greater than or equal to PAGES_POLLING_INTERVAL in `InspectorProxy.js`.
 const PAGES_POLLING_DELAY = 1000;

packages/helloworld/App.jsx

@@ -14,10 +14,9 @@ import {
   StatusBar,
   StyleSheet,
   Text,
-  useColorScheme,
   View,
+  useColorScheme,
 } from 'react-native';
-
 import {Colors, Header} from 'react-native/Libraries/NewAppScreen';
 
 function App(): React.JSX.Element {

packages/helloworld/cli.js

@@ -13,6 +13,7 @@
 import {Command} from 'commander';
 */
 
+// eslint-disable-next-line lint/sort-imports
 const {patchCoreCLIUtilsPackageJSON} = require('./scripts/monorepo');
 
 function injectCoreCLIUtilsRuntimePatch() {

packages/metro-config/src/index.flow.js

@@ -11,10 +11,10 @@
 
 import type {ConfigT} from 'metro-config';
 
-export type {MetroConfig} from 'metro-config';
-
 import {getDefaultConfig as getBaseConfig, mergeConfig} from 'metro-config';
 
+export type {MetroConfig} from 'metro-config';
+
 const INTERNAL_CALLSITES_REGEX = new RegExp(
   [
     '/Libraries/BatchedBridge/MessageQueue\\.js$',

packages/react-native-bots/dangerfile.js

@@ -9,10 +9,10 @@
 
 'use strict';
 
-const {danger, fail, /*message,*/ warn} = require('danger');
-const includes = require('lodash.includes');
 const {validate: validateChangelog} =
   require('@rnx-kit/rn-changelog-generator').default;
+const {danger, fail, /*message,*/ warn} = require('danger');
+const includes = require('lodash.includes');
 
 const isFromPhabricator =
   danger.github.pr.body &&

packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/StructCollector.js

@@ -11,22 +11,22 @@
 'use strict';
 
 import type {
-  NativeModuleArrayTypeAnnotation,
-  NativeModuleBaseTypeAnnotation,
   BooleanTypeAnnotation,
   DoubleTypeAnnotation,
-  NativeModuleEnumDeclaration,
   FloatTypeAnnotation,
-  NativeModuleGenericObjectTypeAnnotation,
   Int32TypeAnnotation,
+  NativeModuleArrayTypeAnnotation,
+  NativeModuleBaseTypeAnnotation,
+  NativeModuleEnumDeclaration,
+  NativeModuleGenericObjectTypeAnnotation,
   NativeModuleNumberTypeAnnotation,
   NativeModuleObjectTypeAnnotation,
-  StringTypeAnnotation,
-  StringLiteralTypeAnnotation,
-  StringLiteralUnionTypeAnnotation,
   NativeModuleTypeAliasTypeAnnotation,
   Nullable,
   ReservedTypeAnnotation,
+  StringLiteralTypeAnnotation,
+  StringLiteralUnionTypeAnnotation,
+  StringTypeAnnotation,
 } from '../../../CodegenSchema';
 import type {AliasResolver} from '../Utils';
 

packages/react-native-codegen/src/parsers/parsers-primitives.js

@@ -14,13 +14,13 @@ import type {
   BooleanTypeAnnotation,
   DoubleTypeAnnotation,
   EventTypeAnnotation,
+  FloatTypeAnnotation,
   Int32TypeAnnotation,
   NamedShape,
   NativeModuleAliasMap,
   NativeModuleBaseTypeAnnotation,
   NativeModuleEnumDeclaration,
   NativeModuleEnumMap,
-  FloatTypeAnnotation,
   NativeModuleFunctionTypeAnnotation,
   NativeModuleGenericObjectTypeAnnotation,
   NativeModuleMixedTypeAnnotation,
@@ -33,9 +33,9 @@ import type {
   Nullable,
   ObjectTypeAnnotation,
   ReservedTypeAnnotation,
-  StringTypeAnnotation,
   StringLiteralTypeAnnotation,
   StringLiteralUnionTypeAnnotation,
+  StringTypeAnnotation,
   VoidTypeAnnotation,
 } from '../CodegenSchema';
 import type {Parser} from './parser';

packages/react-native-codegen/src/parsers/typescript/modules/index.js

@@ -39,8 +39,8 @@ const {
   emitFunction,
   emitPromise,
   emitRootTag,
-  emitUnion,
   emitStringLiteral,
+  emitUnion,
   translateArrayTypeAnnotation,
   typeAliasResolution,
   typeEnumResolution,

packages/react-native/Libraries/Animated/AnimatedEvent.js

@@ -12,8 +12,8 @@
 
 import type {PlatformConfig} from './AnimatedPlatformConfig';
 
-import {findNodeHandle} from '../ReactNative/RendererProxy';
 import NativeAnimatedHelper from '../../src/private/animated/NativeAnimatedHelper';
+import {findNodeHandle} from '../ReactNative/RendererProxy';
 import AnimatedValue from './nodes/AnimatedValue';
 import AnimatedValueXY from './nodes/AnimatedValueXY';
 import invariant from 'invariant';

packages/react-native/Libraries/Animated/animations/Animation.js

@@ -12,8 +12,8 @@ import type {PlatformConfig} from '../AnimatedPlatformConfig';
 import type AnimatedNode from '../nodes/AnimatedNode';
 import type AnimatedValue from '../nodes/AnimatedValue';
 
-import * as ReactNativeFeatureFlags from '../../../src/private/featureflags/ReactNativeFeatureFlags';
 import NativeAnimatedHelper from '../../../src/private/animated/NativeAnimatedHelper';
+import * as ReactNativeFeatureFlags from '../../../src/private/featureflags/ReactNativeFeatureFlags';
 import AnimatedProps from '../nodes/AnimatedProps';
 
 export type EndResult = {finished: boolean, value?: number, ...};

packages/react-native/Libraries/Animated/nodes/AnimatedColor.js

@@ -15,9 +15,9 @@ import type {ColorValue} from '../../StyleSheet/StyleSheet';
 import type {NativeColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {PlatformConfig} from '../AnimatedPlatformConfig';
 
+import NativeAnimatedHelper from '../../../src/private/animated/NativeAnimatedHelper';
 import normalizeColor from '../../StyleSheet/normalizeColor';
 import {processColorObject} from '../../StyleSheet/PlatformColorValueTypes';
-import NativeAnimatedHelper from '../../../src/private/animated/NativeAnimatedHelper';
 import AnimatedValue, {flushValue} from './AnimatedValue';
 import AnimatedWithChildren from './AnimatedWithChildren';
 

packages/react-native/Libraries/Animated/nodes/AnimatedInterpolation.js

@@ -15,11 +15,11 @@
 import type {PlatformConfig} from '../AnimatedPlatformConfig';
 import type AnimatedNode from './AnimatedNode';
 
+import NativeAnimatedHelper from '../../../src/private/animated/NativeAnimatedHelper';
 import {validateInterpolation} from '../../../src/private/animated/NativeAnimatedValidation';
 import normalizeColor from '../../StyleSheet/normalizeColor';
 import processColor from '../../StyleSheet/processColor';
 import Easing from '../Easing';
-import NativeAnimatedHelper from '../../../src/private/animated/NativeAnimatedHelper';
 import AnimatedWithChildren from './AnimatedWithChildren';
 import invariant from 'invariant';
 

packages/react-native/Libraries/Animated/nodes/AnimatedProps.js

@@ -11,9 +11,9 @@
 import type {PlatformConfig} from '../AnimatedPlatformConfig';
 import type {AnimatedStyleAllowlist} from './AnimatedStyle';
 
+import NativeAnimatedHelper from '../../../src/private/animated/NativeAnimatedHelper';
 import {findNodeHandle} from '../../ReactNative/RendererProxy';
 import {AnimatedEvent} from '../AnimatedEvent';
-import NativeAnimatedHelper from '../../../src/private/animated/NativeAnimatedHelper';
 import AnimatedNode from './AnimatedNode';
 import AnimatedObject from './AnimatedObject';
 import AnimatedStyle from './AnimatedStyle';

packages/react-native/Libraries/Animated/nodes/AnimatedTransform.js

@@ -12,8 +12,8 @@
 
 import type {PlatformConfig} from '../AnimatedPlatformConfig';
 
-import {validateTransform} from '../../../src/private/animated/NativeAnimatedValidation';
 import NativeAnimatedHelper from '../../../src/private/animated/NativeAnimatedHelper';
+import {validateTransform} from '../../../src/private/animated/NativeAnimatedValidation';
 import AnimatedNode from './AnimatedNode';
 import AnimatedWithChildren from './AnimatedWithChildren';
 

packages/react-native/Libraries/Animated/nodes/AnimatedValue.js

@@ -15,8 +15,8 @@ import type {InterpolationConfigType} from './AnimatedInterpolation';
 import type AnimatedNode from './AnimatedNode';
 import type AnimatedTracking from './AnimatedTracking';
 
-import InteractionManager from '../../Interaction/InteractionManager';
 import NativeAnimatedHelper from '../../../src/private/animated/NativeAnimatedHelper';
+import InteractionManager from '../../Interaction/InteractionManager';
 import AnimatedInterpolation from './AnimatedInterpolation';
 import AnimatedWithChildren from './AnimatedWithChildren';
 

packages/react-native/Libraries/Animated/useAnimatedProps.js

@@ -8,14 +8,15 @@
  * @format
  */
 
-import type {AnimatedPropsAllowlist} from './nodes/AnimatedProps';
 import type {EventSubscription} from '../EventEmitter/NativeEventEmitter';
+import type {AnimatedPropsAllowlist} from './nodes/AnimatedProps';
 
+import NativeAnimatedHelper from '../../src/private/animated/NativeAnimatedHelper';
+import {useAnimatedPropsMemo} from '../../src/private/animated/useAnimatedPropsMemo';
 import * as ReactNativeFeatureFlags from '../../src/private/featureflags/ReactNativeFeatureFlags';
 import {isPublicInstance as isFabricPublicInstance} from '../ReactNative/ReactFabricPublicInstance/ReactFabricPublicInstanceUtils';
 import useRefEffect from '../Utilities/useRefEffect';
 import {AnimatedEvent} from './AnimatedEvent';
-import NativeAnimatedHelper from '../../src/private/animated/NativeAnimatedHelper';
 import AnimatedNode from './nodes/AnimatedNode';
 import AnimatedProps from './nodes/AnimatedProps';
 import AnimatedValue from './nodes/AnimatedValue';
@@ -28,7 +29,6 @@ import {
   useReducer,
   useRef,
 } from 'react';
-import {useAnimatedPropsMemo} from '../../src/private/animated/useAnimatedPropsMemo';
 
 type ReducedProps<TProps> = {
   ...TProps,

packages/react-native/Libraries/Inspector/Inspector.js

@@ -17,6 +17,7 @@ import type {
 } from '../Renderer/shims/ReactNativeTypes';
 import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
 import type {ReactDevToolsAgent} from '../Types/ReactDevToolsTypes';
+
 import SafeAreaView from '../../src/private/components/SafeAreaView_INTERNAL_DO_NOT_USE';
 
 const View = require('../Components/View/View');

packages/react-native/Libraries/LogBox/LogBoxNotificationContainer.js

@@ -8,13 +8,13 @@
  * @format
  */
 
+import SafeAreaView from '../../src/private/components/SafeAreaView_INTERNAL_DO_NOT_USE';
 import View from '../Components/View/View';
 import StyleSheet from '../StyleSheet/StyleSheet';
 import * as LogBoxData from './Data/LogBoxData';
 import LogBoxLog from './Data/LogBoxLog';
 import LogBoxLogNotification from './UI/LogBoxNotification';
 import * as React from 'react';
-import SafeAreaView from '../../src/private/components/SafeAreaView_INTERNAL_DO_NOT_USE';
 
 type Props = $ReadOnly<{|
   logs: $ReadOnlyArray<LogBoxLog>,

packages/react-native/Libraries/LogBox/__tests__/LogBox-integration-test.js

@@ -16,11 +16,10 @@ import {
 } from './__fixtures__/ReactWarningFixtures';
 import * as React from 'react';
 
+const ExceptionsManager = require('../../Core/ExceptionsManager.js');
 const LogBoxData = require('../Data/LogBoxData');
 const TestRenderer = require('react-test-renderer');
 
-const ExceptionsManager = require('../../Core/ExceptionsManager.js');
-
 const installLogBox = () => {
   const LogBox = require('../LogBox').default;
   LogBox.install();

packages/react-native/Libraries/LogBox/__tests__/LogBox-test.js

@@ -11,9 +11,9 @@
 
 'use strict';
 
+const ExceptionsManager = require('../../Core/ExceptionsManager.js');
 const LogBoxData = require('../Data/LogBoxData');
 const LogBox = require('../LogBox').default;
-const ExceptionsManager = require('../../Core/ExceptionsManager.js');
 
 declare var console: any;
 

packages/react-native/Libraries/ReactNative/AppRegistry.js

@@ -13,8 +13,8 @@ import type {RootTag} from '../Types/RootTagTypes';
 import type {IPerformanceLogger} from '../Utilities/createPerformanceLogger';
 import type {DisplayModeType} from './DisplayMode';
 
-import registerCallableModule from '../Core/registerCallableModule';
 import BugReporting from '../BugReporting/BugReporting';
+import registerCallableModule from '../Core/registerCallableModule';
 import createPerformanceLogger from '../Utilities/createPerformanceLogger';
 import infoLog from '../Utilities/infoLog';
 import SceneTracker from '../Utilities/SceneTracker';

packages/react-native/Libraries/StyleSheet/__tests__/processBackgroundImage-test.js

@@ -11,6 +11,7 @@
 'use strict';
 
 import processBackgroundImage from '../processBackgroundImage';
+
 const {OS} = require('../../Utilities/Platform');
 const PlatformColorAndroid =
   require('../PlatformColorValueTypes.android').PlatformColor;

packages/react-native/cli.js

@@ -12,10 +12,10 @@
 
 const {name, version: currentVersion} = require('./package.json');
 const chalk = require('chalk');
+const {spawn} = require('child_process');
 const {get} = require('https');
 const semver = require('semver');
 const {URL} = require('url');
-const {spawn} = require('child_process');
 
 const deprecated = () => {
   throw new Error(

packages/react-native/index.js

@@ -88,7 +88,6 @@ import typeof UTFSequence from './Libraries/UTFSequence';
 import typeof * as Appearance from './Libraries/Utilities/Appearance';
 import typeof BackHandler from './Libraries/Utilities/BackHandler';
 import typeof DeviceInfo from './Libraries/Utilities/DeviceInfo';
-import typeof DevMenu from './src/private/devmenu/DevMenu';
 import typeof DevSettings from './Libraries/Utilities/DevSettings';
 import typeof Dimensions from './Libraries/Utilities/Dimensions';
 import typeof PixelRatio from './Libraries/Utilities/PixelRatio';
@@ -97,6 +96,7 @@ import typeof useColorScheme from './Libraries/Utilities/useColorScheme';
 import typeof useWindowDimensions from './Libraries/Utilities/useWindowDimensions';
 import typeof Vibration from './Libraries/Vibration/Vibration';
 import typeof YellowBox from './Libraries/YellowBox/YellowBoxDeprecated';
+import typeof DevMenu from './src/private/devmenu/DevMenu';
 
 const warnOnce = require('./Libraries/Utilities/warnOnce');
 const invariant = require('invariant');

packages/react-native/src/private/animated/NativeAnimatedHelper.js

@@ -8,7 +8,6 @@
  * @format
  */
 
-import type {EventSubscription} from '../../../Libraries/vendor/emitter/EventEmitter';
 import type {EventConfig} from '../../../Libraries/Animated/AnimatedEvent';
 import type {
   AnimationConfig,
@@ -18,13 +17,14 @@ import type {
   AnimatedNodeConfig,
   EventMapping,
 } from '../../../Libraries/Animated/NativeAnimatedModule';
+import type {EventSubscription} from '../../../Libraries/vendor/emitter/EventEmitter';
 
-import * as ReactNativeFeatureFlags from '../featureflags/ReactNativeFeatureFlags';
+import NativeAnimatedNonTurboModule from '../../../Libraries/Animated/NativeAnimatedModule';
+import NativeAnimatedTurboModule from '../../../Libraries/Animated/NativeAnimatedTurboModule';
 import NativeEventEmitter from '../../../Libraries/EventEmitter/NativeEventEmitter';
 import RCTDeviceEventEmitter from '../../../Libraries/EventEmitter/RCTDeviceEventEmitter';
 import Platform from '../../../Libraries/Utilities/Platform';
-import NativeAnimatedNonTurboModule from '../../../Libraries/Animated/NativeAnimatedModule';
-import NativeAnimatedTurboModule from '../../../Libraries/Animated/NativeAnimatedTurboModule';
+import * as ReactNativeFeatureFlags from '../featureflags/ReactNativeFeatureFlags';
 import invariant from 'invariant';
 import nullthrows from 'nullthrows';
 

packages/react-native/src/private/animated/__tests__/useAnimatedPropsMemo-test.js

@@ -12,8 +12,8 @@
 import {AnimatedEvent} from '../../../../Libraries/Animated/AnimatedEvent';
 import AnimatedValue from '../../../../Libraries/Animated/nodes/AnimatedValue';
 import {
-  createCompositeKeyForProps,
   areCompositeKeysEqual,
+  createCompositeKeyForProps,
 } from '../useAnimatedPropsMemo';
 
 describe('createCompositeKeyForProps', () => {

packages/react-native/src/private/animated/useAnimatedPropsMemo.js

@@ -17,7 +17,6 @@ import {AnimatedEvent} from '../../../Libraries/Animated/AnimatedEvent';
 import AnimatedNode from '../../../Libraries/Animated/nodes/AnimatedNode';
 import {isPlainObject} from '../../../Libraries/Animated/nodes/AnimatedObject';
 import flattenStyle from '../../../Libraries/StyleSheet/flattenStyle';
-
 import nullthrows from 'nullthrows';
 import {useMemo, useState} from 'react';
 

packages/react-native/src/private/components/SafeAreaView_INTERNAL_DO_NOT_USE.js

@@ -10,9 +10,10 @@
  */
 
 import type {ViewProps} from '../../../Libraries/Components/View/ViewPropTypes';
-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: React.AbstractComponent<

packages/react-native/src/private/webapis/performance/EventTiming.js

@@ -16,8 +16,8 @@ import type {
 } from './PerformanceEntry';
 
 import {PerformanceEntry} from './PerformanceEntry';
-import {warnNoNativePerformance} from './Utilities';
 import NativePerformance from './specs/NativePerformance';
+import {warnNoNativePerformance} from './Utilities';
 
 export type PerformanceEventTimingJSON = {
   ...PerformanceEntryJSON,

packages/react-native/src/private/webapis/performance/Performance.js

@@ -12,8 +12,8 @@
 
 import type {
   DOMHighResTimeStamp,
-  PerformanceEntryType,
   PerformanceEntryList,
+  PerformanceEntryType,
 } from './PerformanceEntry';
 import type {DetailType, PerformanceMarkOptions} from './UserTiming';
 

packages/react-native/src/private/webapis/performance/PerformanceObserver.js

@@ -10,9 +10,10 @@
 
 import type {
   DOMHighResTimeStamp,
-  PerformanceEntryType,
   PerformanceEntryList,
+  PerformanceEntryType,
 } from './PerformanceEntry';
+import type {OpaqueNativeObserverHandle} from './specs/NativePerformance';
 
 import {PerformanceEventTiming} from './EventTiming';
 import {
@@ -21,7 +22,6 @@ import {
   rawToPerformanceEntryType,
 } from './RawPerformanceEntry';
 import NativePerformance from './specs/NativePerformance';
-import type {OpaqueNativeObserverHandle} from './specs/NativePerformance';
 import {warnNoNativePerformance} from './Utilities';
 
 export {PerformanceEntry} from './PerformanceEntry';

packages/react-native/src/private/webapis/performance/__tests__/Performance-test.js

@@ -9,6 +9,7 @@
  * @oncall react_native
  */
 
+// eslint-disable-next-line lint/sort-imports
 import {performanceEntryTypeToRaw} from '../RawPerformanceEntry';
 import {reportEntry} from '../specs/__mocks__/NativePerformanceMock';
 

packages/react-native/src/private/webapis/performance/specs/__mocks__/NativePerformanceMock.js

@@ -11,15 +11,14 @@
 import type {
   NativeBatchedObserverCallback,
   NativeMemoryInfo,
-  RawPerformanceEntry,
-  ReactNativeStartupTiming,
-  PerformanceObserverInit,
-  OpaqueNativeObserverHandle,
-  RawPerformanceEntryType,
   NativePerformanceMarkResult,
   NativePerformanceMeasureResult,
+  OpaqueNativeObserverHandle,
+  PerformanceObserverInit,
+  RawPerformanceEntry,
+  RawPerformanceEntryType,
+  ReactNativeStartupTiming,
 } from '../NativePerformance';
-
 import typeof NativePerformance from '../NativePerformance';
 
 import {RawPerformanceEntryTypeValues} from '../../RawPerformanceEntry';

packages/rn-tester/js/RNTesterAppShared.js

@@ -10,12 +10,12 @@
 
 import type {RNTesterModuleInfo, ScreenTypes} from './types/RNTesterTypes';
 
-import {title as PlaygroundTitle} from './examples/Playground/PlaygroundExample';
 import RNTesterModuleContainer from './components/RNTesterModuleContainer';
 import RNTesterModuleList from './components/RNTesterModuleList';
 import RNTesterNavBar, {navBarHeight} from './components/RNTesterNavbar';
 import {RNTesterThemeContext, themes} from './components/RNTesterTheme';
 import RNTTitleBar from './components/RNTTitleBar';
+import {title as PlaygroundTitle} from './examples/Playground/PlaygroundExample';
 import RNTesterList from './utils/RNTesterList';
 import {
   RNTesterNavigationActionsType,

packages/rn-tester/js/components/RNTesterSettingSwitchRow.js

@@ -9,7 +9,6 @@
  */
 
 import RNTesterText from './RNTesterText';
-
 import * as React from 'react';
 import {StyleSheet, Switch, View} from 'react-native';
 

packages/rn-tester/js/examples/Accessibility/AccessibilityAndroidExample.js

@@ -13,8 +13,8 @@
 import RNTesterBlock from '../../components/RNTesterBlock';
 import RNTesterPage from '../../components/RNTesterPage';
 import RNTesterText from '../../components/RNTesterText';
-import {Alert, StyleSheet, TouchableWithoutFeedback, View} from 'react-native';
 import React from 'react';
+import {Alert, StyleSheet, TouchableWithoutFeedback, View} from 'react-native';
 
 const importantForAccessibilityValues = [
   'auto',

packages/rn-tester/js/examples/Alert/AlertExample.js

@@ -10,8 +10,8 @@
 
 import type {RNTesterModule} from '../../types/RNTesterTypes';
 
-import {RNTesterThemeContext} from '../../components/RNTesterTheme';
 import RNTesterText from '../../components/RNTesterText';
+import {RNTesterThemeContext} from '../../components/RNTesterTheme';
 import * as React from 'react';
 import {Alert, Pressable, StyleSheet, Text, View} from 'react-native';
 

packages/rn-tester/js/examples/AppState/AppStateExample.js

@@ -13,9 +13,9 @@
 import type {AppStateValues} from 'react-native/Libraries/AppState/AppState';
 import type {EventSubscription} from 'react-native/Libraries/vendor/emitter/EventEmitter';
 
+import RNTesterText from '../../components/RNTesterText';
 import React from 'react';
 import {AppState, Platform, View} from 'react-native';
-import RNTesterText from '../../components/RNTesterText';
 
 class AppStateSubscription extends React.Component<
   $FlowFixMeProps,

packages/rn-tester/js/examples/Appearance/AppearanceExample.js

@@ -10,8 +10,8 @@
 
 import type {ColorSchemeName} from 'react-native/Libraries/Utilities/NativeAppearance';
 
-import {RNTesterThemeContext, themes} from '../../components/RNTesterTheme';
 import RNTesterText from '../../components/RNTesterText';
+import {RNTesterThemeContext, themes} from '../../components/RNTesterTheme';
 import * as React from 'react';
 import {useEffect, useState} from 'react';
 import {Appearance, Button, Text, View, useColorScheme} from 'react-native';

packages/rn-tester/js/examples/Dimensions/DimensionsExample.js

@@ -8,9 +8,9 @@
  * @flow
  */
 
+import RNTesterText from '../../components/RNTesterText';
 import React, {useEffect, useState} from 'react';
 import {Dimensions, useWindowDimensions} from 'react-native';
-import RNTesterText from '../../components/RNTesterText';
 
 type Props = {dim: string};
 

packages/rn-tester/js/examples/FlatList/FlatListExampleIndex.js

@@ -18,12 +18,12 @@ import NestedExample from './FlatList-nested';
 import OnEndReachedExample from './FlatList-onEndReached';
 import OnStartReachedExample from './FlatList-onStartReached';
 import onViewableItemsChangedExample from './FlatList-onViewableItemsChanged';
-import onViewableItemsChanged_waitForInteractionExample from './FlatList-onViewableItemsChanged-waitForInteraction';
+import onViewableItemsChanged_horizontal_noWaitForInteraction from './FlatList-onViewableItemsChanged-horizontal-noWaitForInteraction';
+import onViewableItemsChanged_horizontal_offScreen from './FlatList-onViewableItemsChanged-horizontal-offScreen';
+import onViewableItemsChanged_horizontal_waitForInteraction from './FlatList-onViewableItemsChanged-horizontal-waitForInteraction';
 import onViewableItemsChanged_noWaitwaitForInteractionExample from './FlatList-onViewableItemsChanged-noWaitForInteraction';
 import onViewableItemsChanged_offScreen from './FlatList-onViewableItemsChanged-offScreen';
-import onViewableItemsChanged_horizontal_noWaitForInteraction from './FlatList-onViewableItemsChanged-horizontal-noWaitForInteraction';
-import onViewableItemsChanged_horizontal_waitForInteraction from './FlatList-onViewableItemsChanged-horizontal-waitForInteraction';
-import onViewableItemsChanged_horizontal_offScreen from './FlatList-onViewableItemsChanged-horizontal-offScreen';
+import onViewableItemsChanged_waitForInteractionExample from './FlatList-onViewableItemsChanged-waitForInteraction';
 import StickyHeadersExample from './FlatList-stickyHeaders';
 import WithSeparatorsExample from './FlatList-withSeparators';
 

packages/rn-tester/js/examples/Image/ImageExample.js

@@ -13,12 +13,11 @@
 import type {ImageProps} from 'react-native/Libraries/Image/ImageProps';
 import type {LayoutEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 
-import * as ReactNativeFeatureFlags from 'react-native/src/private/featureflags/ReactNativeFeatureFlags';
-
 import RNTesterText from '../../components/RNTesterText';
 import ImageCapInsetsExample from './ImageCapInsetsExample';
 import React from 'react';
 import {Image, ImageBackground, StyleSheet, Text, View} from 'react-native';
+import * as ReactNativeFeatureFlags from 'react-native/src/private/featureflags/ReactNativeFeatureFlags';
 
 const IMAGE1 =
   'https://www.facebook.com/assets/fb_lite_messaging/E2EE-settings@3x.png';

packages/rn-tester/js/examples/InvalidProps/InvalidPropsExample.js

@@ -10,9 +10,9 @@
 
 'use strict';
 
+import RNTesterText from '../../components/RNTesterText';
 import * as React from 'react';
 import {View} from 'react-native';
-import RNTesterText from '../../components/RNTesterText';
 
 export const title = 'Invalid Props';
 export const category = 'Other';

packages/rn-tester/js/examples/JSResponderHandlerExample/JSResponderHandlerExample.js

@@ -9,8 +9,8 @@
  */
 
 import RNTesterText from '../../components/RNTesterText';
-import {PanResponder, ScrollView, StyleSheet, View} from 'react-native';
 import React from 'react';
+import {PanResponder, ScrollView, StyleSheet, View} from 'react-native';
 
 exports.displayName = 'JSResponderHandlerExample';
 exports.framework = 'React';

packages/rn-tester/js/examples/LinearGradient/LinearGradientExample.js

@@ -13,7 +13,6 @@
 import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
 
 import RNTesterText from '../../components/RNTesterText';
-
 import React from 'react';
 import {Platform, PlatformColor, StyleSheet, View} from 'react-native';
 

packages/rn-tester/js/examples/Modal/ModalOnShow.js

@@ -11,7 +11,6 @@
 import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
 
 import RNTesterText from '../../components/RNTesterText';
-
 import * as React from 'react';
 import {useState} from 'react';
 import {Modal, Pressable, StyleSheet, Text, View} from 'react-native';

packages/rn-tester/js/examples/Modal/ModalPresentation.js

@@ -13,10 +13,10 @@
 import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
 import type {Props as ModalProps} from 'react-native/Libraries/Modal/Modal';
 
-import RNTOption from '../../components/RNTOption';
 import RNTesterButton from '../../components/RNTesterButton';
 import RNTesterText from '../../components/RNTesterText';
 import {RNTesterThemeContext} from '../../components/RNTesterTheme';
+import RNTOption from '../../components/RNTOption';
 import * as React from 'react';
 import {useCallback, useContext, useState} from 'react';
 import {Modal, Platform, StyleSheet, Switch, Text, View} from 'react-native';

packages/rn-tester/js/examples/NativeAnimation/NativeAnimationsExample.js

@@ -15,7 +15,6 @@ import type AnimatedValue from 'react-native/Libraries/Animated/nodes/AnimatedVa
 import RNTesterSettingSwitchRow from '../../components/RNTesterSettingSwitchRow';
 import RNTesterText from '../../components/RNTesterText';
 import useJsStalls from '../../utils/useJsStalls';
-
 import React from 'react';
 import {
   Animated,

packages/rn-tester/js/examples/OSSLibraryExample/OSSLibraryExample.js

@@ -12,6 +12,7 @@
 
 import type {NativeComponentType} from '@react-native/oss-library-example';
 
+import RNTesterText from '../../components/RNTesterText';
 import {
   SampleNativeComponent,
   SampleNativeComponentCommands,
@@ -21,7 +22,6 @@ import * as React from 'react';
 import {useRef, useState} from 'react';
 import {Button, View} from 'react-native';
 import {StyleSheet} from 'react-native';
-import RNTesterText from '../../components/RNTesterText';
 
 const colors = [
   '#0000FF',

packages/rn-tester/js/examples/OrientationChange/OrientationChangeExample.js

@@ -8,11 +8,10 @@
  * @flow
  */
 
-import {type EventSubscription} from 'react-native/Libraries/vendor/emitter/EventEmitter';
-
+import RNTesterText from '../../components/RNTesterText';
 import React from 'react';
 import {DeviceEventEmitter, View} from 'react-native';
-import RNTesterText from '../../components/RNTesterText';
+import {type EventSubscription} from 'react-native/Libraries/vendor/emitter/EventEmitter';
 
 class OrientationChangeExample extends React.Component<{...}, $FlowFixMeState> {
   _orientationSubscription: EventSubscription;

packages/rn-tester/js/examples/PixelRatio/PixelRatioExample.js

@@ -11,7 +11,6 @@
 'use strict';
 
 import RNTesterText from '../../components/RNTesterText';
-
 import React, {useState} from 'react';
 import {Button, PixelRatio, StyleSheet, TextInput, View} from 'react-native';
 

packages/rn-tester/js/examples/PlatformColor/PlatformColorExample.js

@@ -8,11 +8,10 @@
  * @flow
  */
 
-import Platform from 'react-native/Libraries/Utilities/Platform';
-
+import RNTesterText from '../../components/RNTesterText';
 import React from 'react';
 import {DynamicColorIOS, PlatformColor, StyleSheet, View} from 'react-native';
-import RNTesterText from '../../components/RNTesterText';
+import Platform from 'react-native/Libraries/Utilities/Platform';
 
 function PlatformColorsExample() {
   function createTable() {

packages/rn-tester/js/examples/RefreshControl/RefreshControlExample.js

@@ -9,6 +9,7 @@
 
 'use strict';
 
+import RNTesterText from '../../components/RNTesterText';
 import React from 'react';
 import {
   RefreshControl,
@@ -17,7 +18,6 @@ import {
   TouchableWithoutFeedback,
   View,
 } from 'react-native';
-import RNTesterText from '../../components/RNTesterText';
 
 const styles = StyleSheet.create({
   row: {

packages/rn-tester/js/examples/SectionList/SectionList-onViewableItemsChanged-horizontal-noWaitForInteraction.js

@@ -9,7 +9,6 @@
  */
 
 import {SectionList_BaseOnViewableItemsChanged} from './SectionList-BaseOnViewableItemsChanged';
-
 import * as React from 'react';
 
 export default {

packages/rn-tester/js/examples/SectionList/SectionList-onViewableItemsChanged-horizontal-offScreen-noWaitForInteraction.js

@@ -9,7 +9,6 @@
  */
 
 import {SectionList_BaseOnViewableItemsChanged} from './SectionList-BaseOnViewableItemsChanged';
-
 import * as React from 'react';
 
 export default {

packages/rn-tester/js/examples/SectionList/SectionList-onViewableItemsChanged-horizontal-waitForInteraction.js

@@ -9,7 +9,6 @@
  */
 
 import {SectionList_BaseOnViewableItemsChanged} from './SectionList-BaseOnViewableItemsChanged';
-
 import * as React from 'react';
 
 export default {

packages/rn-tester/js/examples/SectionList/SectionList-onViewableItemsChanged-noWaitForInteraction.js

@@ -9,7 +9,6 @@
  */
 
 import {SectionList_BaseOnViewableItemsChanged} from './SectionList-BaseOnViewableItemsChanged';
-
 import * as React from 'react';
 
 export default {

packages/rn-tester/js/examples/SectionList/SectionList-onViewableItemsChanged-offScreen-noWaitForInteraction.js

@@ -9,7 +9,6 @@
  */
 
 import {SectionList_BaseOnViewableItemsChanged} from './SectionList-BaseOnViewableItemsChanged';
-
 import * as React from 'react';
 
 export default {

packages/rn-tester/js/examples/SectionList/SectionList-onViewableItemsChanged-waitForInteraction.js

@@ -9,7 +9,6 @@
  */
 
 import {SectionList_BaseOnViewableItemsChanged} from './SectionList-BaseOnViewableItemsChanged';
-
 import * as React from 'react';
 
 export default {

packages/rn-tester/js/examples/SectionList/SectionList-onViewableItemsChanged.js

@@ -9,7 +9,6 @@
  */
 
 import {SectionList_BaseOnViewableItemsChanged} from './SectionList-BaseOnViewableItemsChanged';
-
 import * as React from 'react';
 
 export default {

packages/rn-tester/js/examples/SectionList/SectionListIndex.js

@@ -11,7 +11,6 @@
 'use strict';
 
 import ContentInset from './SectionList-contentInset';
-import Scrollable from './SectionList-scrollable';
 import inverted from './SectionList-inverted';
 import onEndReached from './SectionList-onEndReached';
 import onViewableItemsChanged from './SectionList-onViewableItemsChanged';
@@ -21,6 +20,7 @@ import onViewableItemsChanged_horizontal_waitForInteraction from './SectionList-
 import onViewableItemsChanged_noWaitForInteraction from './SectionList-onViewableItemsChanged-noWaitForInteraction';
 import onViewableItemsChanged_offScreen_noWaitForInteraction from './SectionList-onViewableItemsChanged-offScreen-noWaitForInteraction';
 import onViewableItemsChanged_waitForInteraction from './SectionList-onViewableItemsChanged-waitForInteraction';
+import Scrollable from './SectionList-scrollable';
 import stickyHeadersEnabled from './SectionList-stickyHeadersEnabled';
 import withSeparators from './SectionList-withSeparators';
 

packages/rn-tester/js/examples/Timer/TimerExample.js

@@ -10,8 +10,8 @@
 
 'use strict';
 
-import RNTesterText from '../../components/RNTesterText';
 import RNTesterButton from '../../components/RNTesterButton';
+import RNTesterText from '../../components/RNTesterText';
 import React from 'react';
 import {Alert, Platform, ToastAndroid, View} from 'react-native';
 

packages/rn-tester/js/examples/ToastAndroid/ToastAndroidExample.js

@@ -11,7 +11,6 @@
 'use strict';
 
 import RNTesterText from '../../components/RNTesterText';
-
 import React from 'react';
 import {Pressable, StyleSheet, ToastAndroid} from 'react-native';
 

packages/rn-tester/js/examples/Touchable/TouchableExample.js

@@ -8,9 +8,9 @@
  * @flow
  */
 
-import {useEffect, useRef, useState} from 'react';
-
+import RNTesterText from '../../components/RNTesterText';
 import React from 'react';
+import {useEffect, useRef, useState} from 'react';
 import {
   Animated,
   Image,
@@ -22,7 +22,6 @@ import {
   TouchableWithoutFeedback,
   View,
 } from 'react-native';
-import RNTesterText from '../../components/RNTesterText';
 
 const forceTouchAvailable =
   (Platform.OS === 'ios' && Platform.constants.forceTouchAvailable) || false;

packages/rn-tester/js/examples/TurboModule/NativeCxxModuleExampleExample.js

@@ -15,8 +15,8 @@ import NativeCxxModuleExample, {
   EnumInt,
   EnumNone,
 } from '../../../NativeCxxModuleExample/NativeCxxModuleExample';
-import styles from './TurboModuleExampleCommon';
 import RNTesterText from '../../components/RNTesterText';
+import styles from './TurboModuleExampleCommon';
 import * as React from 'react';
 import {
   DeviceEventEmitter,

packages/rn-tester/js/examples/TurboModule/SampleLegacyModuleExample.js

@@ -10,8 +10,8 @@
 
 import type {RootTag} from 'react-native/Libraries/ReactNative/RootTag';
 
-import styles from './TurboModuleExampleCommon';
 import RNTesterText from '../../components/RNTesterText';
+import styles from './TurboModuleExampleCommon';
 import * as React from 'react';
 import {
   FlatList,

packages/rn-tester/js/examples/TurboModule/SampleTurboModuleExample.js

@@ -11,8 +11,8 @@
 import type {RootTag} from 'react-native/Libraries/ReactNative/RootTag';
 import type {EventSubscription} from 'react-native/Libraries/vendor/emitter/EventEmitter';
 
-import styles from './TurboModuleExampleCommon';
 import RNTesterText from '../../components/RNTesterText';
+import styles from './TurboModuleExampleCommon';
 import * as React from 'react';
 import {FlatList, RootTagContext, TouchableOpacity, View} from 'react-native';
 import NativeSampleTurboModule from 'react-native/Libraries/TurboModule/samples/NativeSampleTurboModule';

packages/rn-tester/js/examples/View/ViewExample.js

@@ -13,7 +13,6 @@
 import type {RNTesterModule} from '../../types/RNTesterTypes';
 
 import RNTesterText from '../../components/RNTesterText';
-
 import * as React from 'react';
 import {Platform, Pressable, StyleSheet, View} from 'react-native';
 

packages/rn-tester/js/examples/WebSocket/WebSocketExample.js

@@ -11,6 +11,7 @@
 
 /* eslint-env browser */
 
+import RNTesterText from '../../components/RNTesterText';
 import React from 'react';
 import {
   Image,
@@ -21,7 +22,6 @@ import {
   TouchableOpacity,
   View,
 } from 'react-native';
-import RNTesterText from '../../components/RNTesterText';
 
 const DEFAULT_WS_URL = 'ws://localhost:5555/';
 const DEFAULT_HTTP_URL = 'http://localhost:5556/';

packages/rn-tester/js/utils/RNTesterList.android.js

@@ -10,7 +10,7 @@
 
 'use strict';
 
-import type {RNTesterModuleInfo, RNTesterModule} from '../types/RNTesterTypes';
+import type {RNTesterModule, RNTesterModuleInfo} from '../types/RNTesterTypes';
 
 import ReactNativeFeatureFlags from 'react-native/Libraries/ReactNative/ReactNativeFeatureFlags';
 

packages/rn-tester/js/utils/RNTesterList.ios.js

@@ -10,7 +10,7 @@
 
 'use strict';
 
-import type {RNTesterModuleInfo, RNTesterModule} from '../types/RNTesterTypes';
+import type {RNTesterModule, RNTesterModuleInfo} from '../types/RNTesterTypes';
 
 import ReactNativeFeatureFlags from 'react-native/Libraries/ReactNative/ReactNativeFeatureFlags';
 

packages/rn-tester/js/utils/RNTesterList.js.flow

@@ -10,7 +10,7 @@
 
 'use strict';
 
-import type {RNTesterModuleInfo, RNTesterModule} from '../types/RNTesterTypes';
+import type {RNTesterModule, RNTesterModuleInfo} from '../types/RNTesterTypes';
 
 declare const APIs: Array<RNTesterModuleInfo>;
 declare const Components: Array<RNTesterModuleInfo>;

packages/virtualized-lists/Lists/VirtualizedListCellRenderer.js

@@ -8,7 +8,6 @@
  * @format
  */
 
-import * as ReactNativeFeatureFlags from 'react-native/src/private/featureflags/ReactNativeFeatureFlags';
 import type {CellRendererProps, RenderItemType} from './VirtualizedListProps';
 import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
 import type {
@@ -20,6 +19,7 @@ import {VirtualizedListCellContextProvider} from './VirtualizedListContext.js';
 import invariant from 'invariant';
 import * as React from 'react';
 import {StyleSheet, View} from 'react-native';
+import * as ReactNativeFeatureFlags from 'react-native/src/private/featureflags/ReactNativeFeatureFlags';
 
 export type Props<ItemT> = {
   CellRendererComponent?: ?React.ComponentType<CellRendererProps<ItemT>>,