[eslint] Package (#4088)

## Description

This PR fixes eslint errors in package after enabling new `import` rules

## Test plan

- `yarn ts-check`
- `yarn lint-js`

I've also run Sonnet to make sure that only `imports` were affected:

<img width="1018" height="289" alt="image"
src="https://github.com/user-attachments/assets/bdc7a858-ae67-4fc2-9152-cf12dc8cac38"
/>

Author: m-bert

packages/react-native-gesture-handler/src/RNGestureHandlerModule.web.ts

@@ -1,12 +1,11 @@
-import React from 'react';
-
+import type { Config, PropsRef } from './web/interfaces';
 import type { ActionType } from './ActionType';
+import { GestureHandlerWebDelegate } from './web/tools/GestureHandlerWebDelegate';
+import type { GestureRelations } from './v3/types';
 import { Gestures } from './web/Gestures';
-import type { Config, PropsRef } from './web/interfaces';
 import InteractionManager from './web/tools/InteractionManager';
 import NodeManager from './web/tools/NodeManager';
-import { GestureHandlerWebDelegate } from './web/tools/GestureHandlerWebDelegate';
-import { GestureRelations } from './v3/types';
+import React from 'react';
 
 // init method is called inside attachGestureHandler function. However, this function may
 // fail when received view is not valid HTML element. On the other hand, dropGestureHandler

packages/react-native-gesture-handler/src/RNGestureHandlerModule.windows.ts

@@ -1,17 +1,14 @@
-import React from 'react';
-
-import { ActionType } from './ActionType';
-
-// GestureHandlers
-import PanGestureHandler from './web/handlers/PanGestureHandler';
-import TapGestureHandler from './web/handlers/TapGestureHandler';
+import type { ActionType } from './ActionType';
+import type { Config } from './web/interfaces';
+import FlingGestureHandler from './web/handlers/FlingGestureHandler';
 import LongPressGestureHandler from './web/handlers/LongPressGestureHandler';
+import ManualGestureHandler from './web/handlers/ManualGestureHandler';
+import NativeViewGestureHandler from './web/handlers/NativeViewGestureHandler';
+import PanGestureHandler from './web/handlers/PanGestureHandler';
 import PinchGestureHandler from './web/handlers/PinchGestureHandler';
+import type React from 'react';
 import RotationGestureHandler from './web/handlers/RotationGestureHandler';
-import FlingGestureHandler from './web/handlers/FlingGestureHandler';
-import NativeViewGestureHandler from './web/handlers/NativeViewGestureHandler';
-import ManualGestureHandler from './web/handlers/ManualGestureHandler';
-import { Config } from './web/interfaces';
+import TapGestureHandler from './web/handlers/TapGestureHandler';
 
 export const Gestures = {
   NativeViewGestureHandler,

packages/react-native-gesture-handler/src/__tests__/Errors.test.tsx

@@ -1,13 +1,13 @@
-import React from 'react';
-import { render, cleanup } from '@testing-library/react-native';
 import {
   Gesture,
   GestureDetector,
   GestureHandlerRootView,
   InterceptingGestureDetector,
   useTapGesture,
 } from '../index';
-import { findNodeHandle, View } from 'react-native';
+import { View, findNodeHandle } from 'react-native';
+import { cleanup, render } from '@testing-library/react-native';
+import React from 'react';
 import { VirtualDetector } from '../v3/detectors/VirtualDetector/VirtualDetector';
 
 jest.mock('react-native-worklets', () =>

packages/react-native-gesture-handler/src/__tests__/Events.test.tsx

@@ -1,19 +1,21 @@
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
 // Disabling lint for assymetric matchers, check proposal below
 // https://github.com/DefinitelyTyped/DefinitelyTyped/discussions/56937
-import React from 'react';
-import { render, cleanup } from '@testing-library/react-native';
-import { Text } from 'react-native';
 import {
-  GestureHandlerRootView,
-  PanGestureHandler,
   Gesture,
   GestureDetector,
+  GestureHandlerRootView,
   State,
+} from '../index';
+import type {
   LegacyPanGesture,
   LegacyTapGesture,
+  PanGestureHandler,
 } from '../index';
+import { cleanup, render } from '@testing-library/react-native';
 import { fireGestureHandler, getByGestureTestId } from '../jestUtils';
+import React from 'react';
+import { Text } from 'react-native';
 
 beforeEach(cleanup);
 

packages/react-native-gesture-handler/src/__tests__/RelationsTraversal.test.tsx

@@ -1,13 +1,14 @@
-import { tagMessage } from '../utils';
 import {
-  useExclusiveGestures,
   useCompetingGestures,
+  useExclusiveGestures,
   useSimultaneousGestures,
 } from '../v3/hooks/composition';
-import { useGesture } from '../v3/hooks/useGesture';
+import type { SingleGesture } from '../v3/types';
+import { SingleGestureName } from '../v3/types';
 import { configureRelations } from '../v3/detectors/utils';
-import { SingleGesture, SingleGestureName } from '../v3/types';
 import { renderHook } from '@testing-library/react-native';
+import { tagMessage } from '../utils';
+import { useGesture } from '../v3/hooks/useGesture';
 
 type AnySingleGesture = SingleGesture<unknown, unknown, unknown>;
 

packages/react-native-gesture-handler/src/__tests__/api_v3.test.tsx

@@ -1,11 +1,11 @@
-import { usePanGesture } from '../v3/hooks/gestures';
-import { render, renderHook } from '@testing-library/react-native';
+import { RectButton, Touchable } from '../v3/components';
 import { fireGestureHandler, getByGestureTestId } from '../jestUtils';
-import { State } from '../State';
+import { render, renderHook } from '@testing-library/react-native';
 import GestureHandlerRootView from '../components/GestureHandlerRootView';
-import { RectButton, Touchable } from '../v3/components';
-import { act } from 'react';
 import type { SingleGesture } from '../v3/types';
+import { State } from '../State';
+import { act } from 'react';
+import { usePanGesture } from '../v3/hooks/gestures';
 
 describe('[API v3] Hooks', () => {
   test('Pan gesture', () => {

packages/react-native-gesture-handler/src/__tests__/mocks.test.tsx

@@ -1,33 +1,28 @@
-import React from 'react';
-import { Text } from 'react-native';
-import { render, fireEvent } from '@testing-library/react-native';
-
 import {
-  LegacyRawButton,
   LegacyBaseButton,
-  LegacyRectButton,
   LegacyBorderlessButton,
   LegacyPureNativeButton,
+  LegacyRawButton,
+  LegacyRectButton,
 } from '../mocks/GestureButtons';
-
 import {
-  LegacyScrollView,
   LegacyFlatList,
+  LegacyRefreshControl,
+  LegacyScrollView,
   LegacySwitch,
   LegacyTextInput,
-  LegacyRefreshControl,
 } from '../mocks/gestureComponents';
-
 import {
   TouchableHighlight,
   TouchableNativeFeedback,
   TouchableOpacity,
   TouchableWithoutFeedback,
 } from '../mocks/Touchables';
-
-import LegacyPressable from '../mocks/Pressable';
-
+import { fireEvent, render } from '@testing-library/react-native';
 import GestureHandlerRootView from '../components/GestureHandlerRootView';
+import LegacyPressable from '../mocks/Pressable';
+import React from 'react';
+import { Text } from 'react-native';
 import { Touchable } from '../v3/components';
 
 describe('Jest mocks – legacy components render without crashing', () => {

packages/react-native-gesture-handler/src/components/GestureButtons.tsx

@@ -1,25 +1,23 @@
 import * as React from 'react';
 import { Animated, Platform, StyleSheet } from 'react-native';
-
-import createNativeWrapper from '../handlers/createNativeWrapper';
-import GestureHandlerButton from './GestureHandlerButton';
-import { State } from '../State';
-
-import {
-  GestureEvent,
-  HandlerStateChangeEvent,
-} from '../handlers/gestureHandlerCommon';
-import type { NativeViewGestureHandlerPayload } from '../handlers/GestureHandlerEventPayload';
 import type {
   BaseButtonWithRefProps,
-  LegacyBaseButtonProps,
-  RectButtonWithRefProps,
-  LegacyRectButtonProps,
   BorderlessButtonWithRefProps,
+  LegacyBaseButtonProps,
   LegacyBorderlessButtonProps,
   LegacyRawButtonProps,
+  LegacyRectButtonProps,
+  RectButtonWithRefProps,
 } from './GestureButtonsProps';
+import type {
+  GestureEvent,
+  HandlerStateChangeEvent,
+} from '../handlers/gestureHandlerCommon';
+import GestureHandlerButton from './GestureHandlerButton';
 import type { HostComponent } from 'react-native';
+import type { NativeViewGestureHandlerPayload } from '../handlers/GestureHandlerEventPayload';
+import { State } from '../State';
+import createNativeWrapper from '../handlers/createNativeWrapper';
 
 /**
  * @deprecated use `RawButton` instead

packages/react-native-gesture-handler/src/components/GestureButtonsProps.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import {
+import type * as React from 'react';
+import type {
   AccessibilityProps,
   ColorValue,
   LayoutChangeEvent,

packages/react-native-gesture-handler/src/components/GestureComponents.tsx

@@ -1,31 +1,28 @@
 import * as React from 'react';
-import {
-  PropsWithChildren,
+import type {
   ForwardedRef,
-  RefAttributes,
+  PropsWithChildren,
   ReactElement,
+  RefAttributes,
 } from 'react';
 import {
+  DrawerLayoutAndroid as RNDrawerLayoutAndroid,
+  FlatList as RNFlatList,
+  RefreshControl as RNRefreshControl,
   ScrollView as RNScrollView,
-  ScrollViewProps as RNScrollViewProps,
   Switch as RNSwitch,
-  SwitchProps as RNSwitchProps,
   TextInput as RNTextInput,
-  TextInputProps as RNTextInputProps,
-  DrawerLayoutAndroid as RNDrawerLayoutAndroid,
+} from 'react-native';
+import type {
   DrawerLayoutAndroidProps as RNDrawerLayoutAndroidProps,
-  FlatList as RNFlatList,
   FlatListProps as RNFlatListProps,
-  RefreshControl as RNRefreshControl,
+  ScrollViewProps as RNScrollViewProps,
+  SwitchProps as RNSwitchProps,
+  TextInputProps as RNTextInputProps,
 } from 'react-native';
-
+import type { NativeViewGestureHandlerProps } from '../handlers/NativeViewGestureHandler';
 import createNativeWrapper from '../handlers/createNativeWrapper';
-
-import {
-  NativeViewGestureHandlerProps,
-  nativeViewProps,
-} from '../handlers/NativeViewGestureHandler';
-
+import { nativeViewProps } from '../handlers/NativeViewGestureHandler';
 import { toArray } from '../utils';
 
 /**