refactor(components): make form components compliant with Eslint rules

3 files changed, 10 insertions, 13 deletions

diff --git a/src/components/atoms/forms/fields/boolean-field/boolean-field.stories.tsx b/src/components/atoms/forms/fields/boolean-field/boolean-field.stories.tsx
index cb017da..60dd352 100644
--- a/src/components/atoms/forms/fields/boolean-field/boolean-field.stories.tsx
+++ b/src/components/atoms/forms/fields/boolean-field/boolean-field.stories.tsx
@@ -1,5 +1,5 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-import { useState } from 'react';
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+import { useCallback, useState } from 'react';
 import { BooleanField } from './boolean-field';
 
 /**
@@ -138,15 +138,12 @@ const Template: ComponentStory<typeof BooleanField> = ({
   ...args
 }) => {
   const [isChecked, setIsChecked] = useState(checked);
+  const handleChange = useCallback(() => {
+    setIsChecked((prev) => !prev);
+  }, []);
 
   return (
-    <BooleanField
-      isChecked={isChecked}
-      onChange={() => {
-        setIsChecked(!isChecked);
-      }}
-      {...args}
-    />
+    <BooleanField isChecked={isChecked} onChange={handleChange} {...args} />
   );
 };
 
diff --git a/src/components/atoms/forms/fields/boolean-field/boolean-field.test.tsx b/src/components/atoms/forms/fields/boolean-field/boolean-field.test.tsx
index 1c7fe36..82c42d9 100644
--- a/src/components/atoms/forms/fields/boolean-field/boolean-field.test.tsx
+++ b/src/components/atoms/forms/fields/boolean-field/boolean-field.test.tsx
@@ -1,5 +1,5 @@
 import { describe, expect, it } from '@jest/globals';
-import { render, screen } from '../../../../../../tests/utils';
+import { render, screen as rtlScreen } from '@testing-library/react';
 import { BooleanField } from './boolean-field';
 
 const handleChange = () => {
@@ -19,7 +19,7 @@ describe('boolean field', () => {
         value="checkbox"
       />
     );
-    expect(screen.getByRole('checkbox')).toBeInTheDocument();
+    expect(rtlScreen.getByRole('checkbox')).toBeInTheDocument();
   });
 
   it('renders a radio button', () => {
@@ -32,6 +32,6 @@ describe('boolean field', () => {
         value="checkbox"
       />
     );
-    expect(screen.getByRole('radio')).toBeInTheDocument();
+    expect(rtlScreen.getByRole('radio')).toBeInTheDocument();
   });
 });
diff --git a/src/components/atoms/forms/fields/boolean-field/boolean-field.tsx b/src/components/atoms/forms/fields/boolean-field/boolean-field.tsx
index 7985c0b..5476cf5 100644
--- a/src/components/atoms/forms/fields/boolean-field/boolean-field.tsx
+++ b/src/components/atoms/forms/fields/boolean-field/boolean-field.tsx
@@ -1,4 +1,4 @@
-import { FC, InputHTMLAttributes } from 'react';
+import type { FC, InputHTMLAttributes } from 'react';
 import styles from './boolean-field.module.scss';
 
 export type BooleanFieldProps = Omit<