chore(eslint): поправлена основная часть замечаний линтера

.prettierrc.mjs

@@ -25,5 +25,4 @@ const /** @type {import("prettier").Config} */ config = {
     ],
   }
 
-// eslint-disable-next-line import-x/no-default-export
 export default config

configs/eslint/rules/import.ts

@@ -1,7 +1,6 @@
 import { defineConfig } from 'eslint/config'
 import { createTypeScriptImportResolver } from 'eslint-import-resolver-typescript'
 
-// eslint-disable-next-line import-x/no-named-as-default
 import importX from 'eslint-plugin-import-x'
 
 export const importConfig = defineConfig([
@@ -27,7 +26,7 @@ export const importConfig = defineConfig([
       'import-x/export': 'error',
 
       // https://github.com/un-ts/eslint-plugin-import-x/blob/master/docs/rules/no-deprecated.md
-      'import-x/no-deprecated': 'warn',
+      'import-x/no-deprecated': 'off',
 
       // https://github.com/un-ts/eslint-plugin-import-x/blob/master/docs/rules/no-empty-named-blocks.md
       'import-x/no-empty-named-blocks': 'error',
@@ -213,13 +212,17 @@ export const importConfig = defineConfig([
       '**/*.d.ts',
       'eslint/**',
       '*prettier.config*',
+      '.prettierrc*',
+      'configs/eslint/**/*',
     ],
     rules: {
       'import-x/no-namespace': 'off',
       'import-x/no-default-export': 'off',
+      'import-x/no-named-as-default': 'off',
       'import-x/no-named-as-default-member': 'off',
       'import-x/no-anonymous-default-export': 'off',
       'import-x/no-nodejs-modules': 'off',
     },
   },
+  { files: ['index.js'], rules: { 'import-x/namespace': 'off' } },
 ])

configs/eslint/rules/react.ts

@@ -1,7 +1,6 @@
 import { defineConfig } from 'eslint/config'
 import react from 'eslint-plugin-react'
 
-// eslint-disable-next-line import-x/no-namespace
 import * as reactHooks from 'eslint-plugin-react-hooks'
 
 export const reactConfig = defineConfig([

configs/eslint/rules/reactNative.ts

@@ -48,6 +48,7 @@ export const reactNativeConfig = defineConfig([
   {
     files: ['**/*.stories.{js,jsx,cjs,mjs,ts,tsx,mts,cts}'],
     rules: {
+      'react-native/no-color-literals': 'off',
       'react-native/no-inline-styles': 'off',
       'react-native/no-raw-text': 'off',
     },

configs/eslint/rules/typescript.ts

@@ -120,6 +120,9 @@ export const typescriptConfig = defineConfig([
       // https://typescript-eslint.io/rules/no-confusing-non-null-assertion/
       '@typescript-eslint/no-confusing-non-null-assertion': 'error',
 
+      // https://typescript-eslint.io/rules/no-deprecated/
+      '@typescript-eslint/no-deprecated': 'warn',
+
       // https://typescript-eslint.io/rules/no-dupe-class-members/
       'no-dupe-class-members': 'off',
       '@typescript-eslint/no-dupe-class-members': 'off',

index.js

@@ -1,5 +1,3 @@
-/* eslint-disable import-x/namespace */
-/* eslint-disable import-x/no-deprecated */
 import { registerRootComponent } from 'expo'
 
 import {

src/components/Checkbox/__tests__/Checkbox.test.tsx

@@ -3,11 +3,7 @@ import { render } from '@testing-library/react-native'
 import { Checkbox, type CheckboxProps } from '../Checkbox'
 
 describe('Checkbox', () => {
-  const defaultProps: CheckboxProps = {
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    onPress: () => {},
-    state: 'default',
-  }
+  const defaultProps: CheckboxProps = { onPress: jest.fn(), state: 'default' }
 
   describe('snapshots', () => {
     const snapshotCases: Array<[string, Partial<CheckboxProps>]> = [

src/components/Dialog/Dialog.tsx

@@ -25,7 +25,6 @@ export interface DialogProps extends DialogComponentProps {
   readonly testID?: string
 }
 
-// eslint-disable-next-line import-x/no-deprecated
 const AnimatedPressable = Animated.createAnimatedComponent(Pressable)
 
 export const Dialog: React.FC<DialogProps> = ({

src/components/Input/InputOtp/InputOtp.tsx

@@ -90,7 +90,7 @@ export const InputOtp = memo<InputOtpProps>(
     )
 
     const renderArray = useMemo(
-      () => Array.from({ length }).fill(null),
+      () => Array.from({ length }, (_, i) => `Otp-Item-${i}`),
       [length]
     )
 
@@ -105,13 +105,12 @@ export const InputOtp = memo<InputOtpProps>(
         {({ pressed }) => (
           <>
             <View style={styles.content}>
-              {renderArray.map((_, index) => (
+              {renderArray.map((key, index) => (
                 <InputOtpItem
                   disabled={disabled}
                   error={error}
                   focused={isFocused ? index === activeIndex : false}
-                  // eslint-disable-next-line react/no-array-index-key
-                  key={index}
+                  key={key}
                   pressed={pressed}
                   testID={`${testID}Item`}
                   value={value[index]}

src/components/Input/__tests__/InputGroupAddon.test.tsx

@@ -33,6 +33,6 @@ describe('InputGroup component tests', () => {
 
     fireEvent.press(pressable)
 
-    expect(onPress).toHaveBeenCalled()
+    expect(onPress).toHaveBeenCalledWith()
   })
 })

src/components/Input/__tests__/InputTextBase.test.tsx

@@ -4,6 +4,7 @@ import { TextInput } from 'react-native-gesture-handler'
 
 import { lightTheme } from '../../../theme'
 import { InputTextBase } from '../InputTextBase/InputTextBase'
+import { InputTextBaseTestId } from '../InputTextBase/testIds'
 import type { RenderTextInputArgs } from '../InputTextBase/types'
 
 describe('InputTextBase component functionality tests', () => {
@@ -31,7 +32,7 @@ describe('InputTextBase component functionality tests', () => {
 
     fireEvent(input, 'focus')
 
-    expect(onFocusMock).toHaveBeenCalled()
+    expect(onFocusMock).toHaveBeenCalledWith(undefined)
   })
 
   test('should handle blur event', () => {
@@ -41,7 +42,7 @@ describe('InputTextBase component functionality tests', () => {
 
     fireEvent(input, 'blur')
 
-    expect(onBlurMock).toHaveBeenCalled()
+    expect(onBlurMock).toHaveBeenCalledWith(undefined)
   })
 
   test('should handle text change', () => {
@@ -123,7 +124,9 @@ describe('InputTextBase component functionality tests', () => {
 
     render(<InputTextBase renderTextInput={renderTextInput} />)
 
-    expect(renderTextInput).toHaveBeenCalled()
+    expect(renderTextInput).toHaveBeenCalledWith(
+      expect.objectContaining({ testID: InputTextBaseTestId.default })
+    )
     expect(renderTextInput.mock.calls[0]).toMatchSnapshot()
   })
 

src/components/ProgressSpinner/ProgressSpinner.tsx

@@ -12,9 +12,7 @@ import Svg, { Circle } from 'react-native-svg'
 
 import { makeStyles } from '../../utils/makeStyles'
 
-// eslint-disable-next-line import-x/no-deprecated
 const AnimatedSvg = Animated.createAnimatedComponent(Svg)
-// eslint-disable-next-line import-x/no-deprecated
 const AnimatedCircle = Animated.createAnimatedComponent(Circle)
 
 const STROKE_WIDTH = 2

src/components/RadioButton/__tests__/RadioButton.test.tsx

@@ -3,10 +3,7 @@ import { render } from '@testing-library/react-native'
 import { RadioButton, type RadioButtonProps } from '../RadioButton'
 
 describe('RadioButton', () => {
-  const defaultProps: RadioButtonProps = {
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    onPress: () => {},
-  }
+  const defaultProps: RadioButtonProps = { onPress: jest.fn() }
 
   describe('snapshots', () => {
     const snapshotCases: Array<[string, Partial<RadioButtonProps>]> = [

src/components/Rating/Rating.tsx

@@ -1,4 +1,4 @@
-import { memo, useCallback } from 'react'
+import { memo, useCallback, useMemo } from 'react'
 import { type AccessibilityProps, View, type ViewProps } from 'react-native'
 
 import { makeStyles } from '../../utils/makeStyles'
@@ -75,6 +75,11 @@ export const Rating = memo<RatingProps>(
       [onChange]
     )
 
+    const renderArray = useMemo(
+      () => Array.from({ length: maxRating }, (_, i) => `Rating-Item-${i}`),
+      [maxRating]
+    )
+
     return (
       <View style={styles.container}>
         <RatingClear
@@ -84,12 +89,10 @@ export const Rating = memo<RatingProps>(
           onPress={onClear}
           {...rest}
         />
-        {new Array(maxRating).fill(null).map((_, index) => (
+        {renderArray.map((key, index) => (
           <RatingItem
             checked={index < rating}
-            // Использовать индекс массива в качестве ключа - единственно возможное и правильное решение
-            // eslint-disable-next-line react/no-array-index-key
-            key={`RatingItem-${index}`}
+            key={key}
             paddings={paddings}
             testID={`RatingItem-${index + 1}`}
             onPress={handleItemPress(index)}

src/components/Rating/__tests__/Rating.test.tsx

@@ -46,7 +46,7 @@ describe('Rating component tests', () => {
     const clearButton = getByTestId('RatingClear')
     fireEvent.press(clearButton)
 
-    expect(mockOnClear).toHaveBeenCalled()
+    expect(mockOnClear).toHaveBeenCalledWith()
   })
 
   test('renders correctly with a different maxRating', () => {

src/components/Rating/__tests__/RatingItem.test.tsx

@@ -32,6 +32,6 @@ describe('RatingItem component tests', () => {
 
     await user.press(pressableContainer)
 
-    expect(mockedOnPress).toHaveBeenCalled()
+    expect(mockedOnPress).toHaveBeenCalledWith(expect.any(Object))
   })
 })

src/components/Tabs/__tests__/Tabs.test.tsx

@@ -198,6 +198,6 @@ describe('Tabs component tests', () => {
 
     await user.press(container)
 
-    expect(mockedOnTapTabItem).toHaveBeenCalled()
+    expect(mockedOnTapTabItem).toHaveBeenCalledWith(testableIndex)
   })
 })

src/components/Timer/Timer.tsx

@@ -14,7 +14,6 @@ import { makeStyles } from '../../utils/makeStyles'
 import { TimerFlip } from './TimerFlip'
 import { COUNTER_SIZE } from './constants'
 
-// eslint-disable-next-line import-x/no-deprecated
 const AnimatedCircle = Animated.createAnimatedComponent(Circle)
 
 interface TimerProps {
@@ -43,6 +42,8 @@ export const Timer = memo<TimerProps>(({ countFrom, onFinish }) => {
 
   const circleAnimatedProps = useAnimatedProps(() => ({
     strokeDashoffset: -circleAnimation.value * circumferenceLength,
+    origin: [center, center],
+    rotation: -90,
   }))
 
   useEffect(() => {
@@ -83,9 +84,7 @@ export const Timer = memo<TimerProps>(({ countFrom, onFinish }) => {
           cx={center}
           cy={center}
           fill='none'
-          origin={[center, center]}
           r={circumferenceRadius}
-          rotation={-90}
           stroke={styles.circle.color}
           strokeDasharray={circumferenceLength}
           strokeLinecap='round'

src/components/Timer/__tests__/Timer.test.tsx

@@ -45,7 +45,7 @@ describe('Timer', () => {
       jest.runAllTimers()
     })
 
-    expect(mockedOnFinish).toHaveBeenCalled()
+    expect(mockedOnFinish).toHaveBeenCalledWith()
   })
 
   test('should NOT call onFinish until the timer expires', () => {

src/components/ToggleButton/__tests__/ToggleButton.test.tsx

@@ -8,10 +8,7 @@ import {
 } from '../ToggleButton'
 
 describe('ToggleButton', () => {
-  const defaultProps: ToggleButtonProps = {
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    onPress: () => {},
-  }
+  const defaultProps: ToggleButtonProps = { onPress: jest.fn() }
 
   describe('snapshots', () => {
     const snapshotCases: Array<[string, Partial<ToggleButtonProps>]> = [
@@ -101,7 +98,7 @@ describe('ToggleButton', () => {
 
     await user.press(pressable)
 
-    expect(mockedOnPress).toHaveBeenCalled()
+    expect(mockedOnPress).toHaveBeenCalledWith(expect.any(Object))
   })
 
   test('should NOT handle press', async () => {

src/components/ToggleButton/__tests__/__snapshots__/ToggleButton.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`ToggleButton snapshots checked = false, disabled = false, iconOnly = false, size = small, with Icon, with label, iconPos = left 1`] = `
 <Pressable
   disabled={false}
-  onPress={[Function]}
+  onPress={[MockFunction]}
   onPressIn={[Function]}
   onPressOut={[Function]}
   style={
@@ -209,7 +209,7 @@ exports[`ToggleButton snapshots checked = false, disabled = false, iconOnly = fa
 exports[`ToggleButton snapshots checked = false, disabled = false, iconOnly = false, size = small, with Icon, with label, iconPos = right 1`] = `
 <Pressable
   disabled={false}
-  onPress={[Function]}
+  onPress={[MockFunction]}
   onPressIn={[Function]}
   onPressOut={[Function]}
   style={
@@ -415,7 +415,7 @@ exports[`ToggleButton snapshots checked = false, disabled = false, iconOnly = fa
 exports[`ToggleButton snapshots checked = false, disabled = false, iconOnly = true, size = base, with Icon, with label 1`] = `
 <Pressable
   disabled={false}
-  onPress={[Function]}
+  onPress={[MockFunction]}
   onPressIn={[Function]}
   onPressOut={[Function]}
   style={
@@ -594,7 +594,7 @@ exports[`ToggleButton snapshots checked = false, disabled = false, iconOnly = tr
 exports[`ToggleButton snapshots checked = false, disabled = true, iconOnly = false, size = large, with Icon, with label 1`] = `
 <Pressable
   disabled={true}
-  onPress={[Function]}
+  onPress={[MockFunction]}
   onPressIn={[Function]}
   onPressOut={[Function]}
   style={
@@ -807,7 +807,7 @@ exports[`ToggleButton snapshots checked = false, disabled = true, iconOnly = fal
 exports[`ToggleButton snapshots checked = true, disabled = false, iconOnly = false, size = xlarge, with style, with Icon 1`] = `
 <Pressable
   disabled={false}
-  onPress={[Function]}
+  onPress={[MockFunction]}
   onPressIn={[Function]}
   onPressOut={[Function]}
   style={
@@ -991,7 +991,7 @@ exports[`ToggleButton snapshots checked = true, disabled = false, iconOnly = fal
 
 exports[`ToggleButton snapshots default 1`] = `
 <Pressable
-  onPress={[Function]}
+  onPress={[MockFunction]}
   onPressIn={[Function]}
   onPressOut={[Function]}
   style={