lint fix

.eslintrc.js

@@ -19,5 +19,7 @@ module.exports = {
     '**/website/**/*',
     '**/coverage/**/*',
     '**/__mocks__/**/*',
+    'packages/**/**/*.js',
+    'packages/**/**/*.d.ts',
   ],
 };

package.json

@@ -19,6 +19,7 @@
     "doc": "cd website && yarn start",
     "ts:check": "tsc --noEmit",
     "lint": "eslint --ext .ts,.tsx ./packages",
+    "lint:fix": "yarn lint --fix",
     "build": "yarn build:animations && yarn build:core && yarn build:extras && yarn build:forms && yarn build:internal && yarn build:lists && yarn build:react-native",
     "test": "yarn --cwd packages/core test"
   },

packages/animations/src/hooks/useAnimation.ts

@@ -1,8 +1,8 @@
 import { useAMAContext } from '@react-native-ama/core';
-import { interpolateAnimationStates } from '~internal';
 import * as React from 'react';
 import type { ViewStyle } from 'react-native';
 import { Animated } from 'react-native';
+import { interpolateAnimationStates } from '~internal';
 
 type UseAnimation = {
   from: ViewStyle;

packages/animations/src/hooks/useReanimatedAnimationBuilder.ts

@@ -1,5 +1,4 @@
 import { useAMAContext } from '@react-native-ama/core';
-import { MOTION_ANIMATIONS } from '~internal';
 import type { ViewProps, ViewStyle } from 'react-native';
 import {
   EntryAnimationsValues,
@@ -8,6 +7,7 @@ import {
   StyleProps,
   withTiming,
 } from 'react-native-reanimated';
+import { MOTION_ANIMATIONS } from '~internal';
 
 export type ToAnimation = ViewProps['style'];
 

packages/animations/src/hooks/useReanimatedTiming.test.ts

@@ -1,6 +1,6 @@
 import * as AMAProvider from '@react-native-ama/core';
-import { MOTION_ANIMATIONS } from '~internal';
 import { renderHook } from '@testing-library/react-native';
+import { MOTION_ANIMATIONS } from '~internal';
 
 import { useReanimatedTiming } from './useReanimatedTiming';
 

packages/animations/src/hooks/useReanimatedTiming.ts

@@ -1,5 +1,4 @@
 import { useAMAContext } from '@react-native-ama/core';
-import type { MotionAnimationKey } from '~internal';
 import React from 'react';
 import {
   AnimationCallback,
@@ -8,6 +7,7 @@ import {
   WithSpringConfig,
   WithTimingConfig,
 } from 'react-native-reanimated';
+import type { MotionAnimationKey } from '~internal';
 
 import { isMotionAnimation } from '../utils/isMotionAnimation';
 

packages/animations/src/utils/isMotionAnimation.ts

@@ -1,7 +1,4 @@
-import {
-  MOTION_ANIMATIONS,
-  type MotionAnimationKey,
-} from '~internal';
+import { MOTION_ANIMATIONS, type MotionAnimationKey } from '~internal';
 
 export const isMotionAnimation = (key: MotionAnimationKey) => {
   return MOTION_ANIMATIONS.includes(key);

packages/core/src/components/AMAProvider.tsx

@@ -1,6 +1,5 @@
 /* eslint-disable react-native/no-inline-styles */
 
-import { RED } from '~internal';
 import * as React from 'react';
 import {
   AccessibilityChangeEventName,
@@ -9,6 +8,7 @@ import {
   Text,
   View,
 } from 'react-native';
+import { RED } from '~internal';
 
 type AMAProviderProps = {
   children: React.ReactNode;

packages/core/src/hooks/useButtonChecks.ts

@@ -1,6 +1,6 @@
-import { applyStyle } from '~internal';
 import type React from 'react';
 import type { PressableStateCallbackType } from 'react-native';
+import { applyStyle } from '~internal';
 
 import { useChecks } from './useChecks';
 

packages/core/src/hooks/useChecks.ts

@@ -1,3 +1,9 @@
+import * as React from 'react';
+import {
+  AccessibilityRole,
+  InteractionManager,
+  LayoutChangeEvent,
+} from 'react-native';
 import {
   ERROR_STYLE,
   LogParams,
@@ -18,12 +24,6 @@ import {
   type UppercaseChecker,
   type UppercaseStringChecker,
 } from '~internal';
-import * as React from 'react';
-import {
-  AccessibilityRole,
-  InteractionManager,
-  LayoutChangeEvent,
-} from 'react-native';
 
 import { isDevContextValue, useAMAContext } from '../components/AMAProvider';
 

packages/core/src/hooks/useFocus.test.ts

@@ -1,5 +1,5 @@
-import { SHELL_COLORS } from '~internal';
 import { renderHook } from '@testing-library/react-native';
+import { SHELL_COLORS } from '~internal';
 
 import { useFocus } from './useFocus';
 

packages/core/src/hooks/useFocus.ts

@@ -1,6 +1,6 @@
-import { SHELL_COLORS } from '~internal';
 import * as React from 'react';
 import { AccessibilityInfo, findNodeHandle } from 'react-native';
+import { SHELL_COLORS } from '~internal';
 
 export const useFocus = (refComponent?: React.RefObject<any>) => {
   const setFocus = React.useCallback(

packages/forms/src/components/Form.tsx

@@ -1,7 +1,7 @@
 import { useChecks, useFocus } from '@react-native-ama/core';
-import { isFocused } from '~internal';
 import * as React from 'react';
 import { InteractionManager } from 'react-native';
+import { isFocused } from '~internal';
 
 export type FormProps = React.PropsWithChildren<{
   onSubmit: () => boolean | Promise<boolean>;

packages/forms/src/components/TextInput.test.tsx

@@ -1,8 +1,8 @@
 import * as UseChecks from '@react-native-ama/core/src/hooks/useChecks';
-import { ERROR_STYLE } from '~internal';
 import { fireEvent, render } from '@testing-library/react-native';
 import * as React from 'react';
 import { Text } from 'react-native';
+import { ERROR_STYLE } from '~internal';
 
 import * as UseFormField from '../hooks/useFormField';
 import { TextInput } from './TextInput';

packages/forms/src/components/TextInput.tsx

@@ -1,12 +1,12 @@
 import { HideChildrenFromAccessibilityTree } from '@react-native-ama/core';
 import { useChecks } from '@react-native-ama/core';
-import { applyStyle } from '~internal';
-import { maybeGenerateStringFromElement } from '~internal';
 import * as React from 'react';
 import {
   TextInput as RNTextInput,
   TextInputProps as RNTextInputProps,
 } from 'react-native';
+import { applyStyle } from '~internal';
+import { maybeGenerateStringFromElement } from '~internal';
 
 import { useTextInput } from '../hooks/useTextInput';
 

packages/forms/src/hooks/useFormField.ts

@@ -1,7 +1,7 @@
 import { useChecks } from '@react-native-ama/core';
-import { applyStyle } from '~internal';
 import React from 'react';
 import { Keyboard, ViewStyle } from 'react-native';
+import { applyStyle } from '~internal';
 
 import { useForm } from '../components/Form';
 

packages/forms/src/hooks/useTextInput.ts

@@ -1,5 +1,4 @@
 import { useChecks } from '@react-native-ama/core';
-import { applyStyle } from '~internal';
 import * as React from 'react';
 import type {
   LayoutChangeEvent,
@@ -10,6 +9,7 @@ import type {
   TextStyle,
   ViewStyle,
 } from 'react-native';
+import { applyStyle } from '~internal';
 
 import { TextInputProps } from '../components/TextInput';
 import { UseFormField, useFormField } from './useFormField';

packages/react-native/src/components/SwitchListItem.tsx

@@ -1,8 +1,8 @@
 import { HideChildrenFromAccessibilityTree } from '@react-native-ama/core';
-import { maybeGenerateStringFromElement } from '~internal';
 import React from 'react';
 import type { StyleProp, SwitchProps, ViewStyle } from 'react-native';
 import { StyleSheet, Switch } from 'react-native';
+import { maybeGenerateStringFromElement } from '~internal';
 
 import { SwitchWrapper } from './SwitchWrapper';
 

packages/react-native/src/components/SwitchWrapper.tsx

@@ -1,7 +1,3 @@
-import {
-  MINIMUM_TOUCHABLE_SIZE,
-  type AMAAccessibilityState,
-} from '~internal';
 import React from 'react';
 import {
   AccessibilityState,
@@ -10,6 +6,7 @@ import {
   ViewProps,
 } from 'react-native';
 import { StyleSheet, TouchableWithoutFeedback } from 'react-native';
+import { MINIMUM_TOUCHABLE_SIZE, type AMAAccessibilityState } from '~internal';
 
 import { useSwitch } from '../hooks/useSwitch';
 

packages/react-native/src/components/Text.test.tsx

@@ -1,8 +1,8 @@
 import * as UseChecks from '@react-native-ama/core/src/hooks/useChecks';
 import * as UseFocus from '@react-native-ama/core/src/hooks/useFocus';
-import { ERROR_STYLE } from '~internal';
 import { render } from '@testing-library/react-native';
 import * as React from 'react';
+import { ERROR_STYLE } from '~internal';
 
 import { Text } from './Text';
 

packages/react-native/src/components/Text.tsx

@@ -1,7 +1,7 @@
 import { useChecks, useFocus } from '@react-native-ama/core';
-import { applyStyle } from '~internal';
 import * as React from 'react';
 import { Text as RNText, TextProps as RNTextProps } from 'react-native';
+import { applyStyle } from '~internal';
 
 export type TextProps = RNTextProps & {
   autofocus?: boolean;

packages/react-native/src/hooks/usePressable.test.ts

@@ -1,6 +1,6 @@
 import * as UseChecks from '@react-native-ama/core/src/hooks/useChecks';
-import { ERROR_STYLE } from '~internal';
 import { act, renderHook, waitFor } from '@testing-library/react-native';
+import { ERROR_STYLE } from '~internal';
 
 import { usePressable } from './usePressable';
 

packages/react-native/src/hooks/useSwitch.ts

@@ -1,11 +1,8 @@
 import { useButtonChecks } from '@react-native-ama/core';
-import {
-  applyStyle,
-  generateAccessibilityStateFromProp,
-} from '~internal';
 import React from 'react';
 import type { ViewProps } from 'react-native';
 import type { AccessibilityState } from 'react-native';
+import { applyStyle, generateAccessibilityStateFromProp } from '~internal';
 
 type UseSwitch = Omit<
   ViewProps,