Fix eslint and typescript errors

Author: Kubit

src/components/carousel/__tests__/carousel.test.tsx

@@ -482,17 +482,15 @@ describe('Carousel component', () => {
 
   it('Should have aria-label in the document when prop is set', async () => {
     const { getByLabelText } = renderProvider(
-      <CarouselUnControlled {...mockProps} aria-label='Mock aria-label'/>
+      <CarouselUnControlled {...mockProps} aria-label="Mock aria-label" />
     );
 
     const label = getByLabelText('Mock aria-label');
     expect(label).toBeInTheDocument();
   });
 
   it('Should not have aria-label in the document when prop is not set', async () => {
-    const { queryByLabelText } = renderProvider(
-      <CarouselUnControlled {...mockProps} />
-    );
+    const { queryByLabelText } = renderProvider(<CarouselUnControlled {...mockProps} />);
 
     const label = queryByLabelText('');
     expect(label).not.toBeInTheDocument();

src/components/inputCurrency/__tests__/inputCurrency.test.tsx

@@ -3,7 +3,7 @@ import * as React from 'react';
 
 import { axe } from 'jest-axe';
 
-import { FormatNumber, InputContentPosition, InputState } from '@/components/input/types';
+import { InputContentPosition, InputState } from '@/components/input/types';
 import { renderProvider } from '@/tests/renderProvider/renderProvider.utility';
 import { POSITIONS } from '@/types/positions';
 
@@ -28,7 +28,7 @@ const format = {
   style: 'decimal',
   maximumFractionDigits: 3,
   minimumFractionDigits: 1,
-} as FormatNumber;
+};
 
 describe('New Input Currency Component', () => {
   test('Should render InputCurrency component', async () => {

src/components/navigationRow/__tests__/navigationRow.test.tsx

@@ -74,7 +74,7 @@ describe('NavigationRow component', () => {
   });
   it('Should show component with decorativeElement', () => {
     const decorativeElement = (
-      <ElementOrIcon icon={'ICON_PLACEHOLDER'} altText="decorativeElement" />
+      <ElementOrIcon altText="decorativeElement" icon={'ICON_PLACEHOLDER'} />
     );
     renderProvider(
       <NavigationRow

src/components/navigationRow/stories/navigationRow.stories.tsx

@@ -28,7 +28,7 @@ const commonArgs: INavigationRow = {
   text: { content: 'Text' },
   description: { content: 'Lorem ipsum dolor sit amet lorem' },
   arrowIcon: { icon: ICONS.ICON_PLACEHOLDER },
-  decorativeElement: <ElementOrIcon icon={ICONS.ICON_PLACEHOLDER} altText="decorativeElement" />,
+  decorativeElement: <ElementOrIcon altText="decorativeElement" icon={ICONS.ICON_PLACEHOLDER} />,
 };
 
 export const NavigationRow: Story = {

src/components/snackbar/snackbarStandAlone.tsx

@@ -97,8 +97,8 @@ const SnackbarStandAloneComponent = (
       variant={props.styles?.popoverVariants?.[align]}
     >
       <SnackbarStyled
-        data-testid={props.dataTestId}
         ref={ref}
+        data-testid={props.dataTestId}
         styles={props.styles}
         onBlur={props.onBlur}
         onFocus={props.onFocus}

src/components/summaryDetails/summaryDetailsControlled.tsx

@@ -31,7 +31,6 @@ const SummaryDetailsControlledComponent = React.forwardRef(
     );
 
     const handleBodyClick: React.MouseEventHandler<HTMLDivElement> = event => {
-      event.preventDefault();
       event.stopPropagation();
     };
 

src/components/table/stories/mockCustomizable.tsx

@@ -41,7 +41,7 @@ export const mockCustomizableTable = {
             <div>{value.surname}</div>
           </div>
         ) : (
-          value.name.value ?? value.name
+          (value.name.value ?? value.name)
         ),
     },
     {

src/components/tooltip/stories/tooltip.stories.tsx

@@ -1,5 +1,4 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import React from 'react';
 
 import { ICONS } from '@/assets';
 import { STYLES_NAME } from '@/constants';

src/constants/keyboardKeys.ts

@@ -67,8 +67,8 @@ const ARROW_DOWN = {
 
 const DELETE = {
   key: 'Delete',
-  which: 8,
-  keyCode: 8,
+  which: 8 || 46,
+  keyCode: 8 || 46,
   code: 'ArrowDecimal',
 };
 

src/hooks/useInput/__tests__/useInput.test.ts

@@ -1,15 +1,14 @@
 import { act, renderHook } from '@testing-library/react-hooks';
 import React, { ChangeEvent } from 'react';
 
-import { FormatNumber } from '@/components';
 import * as validationsProvider from '@/provider/validations/validationsProvider';
 
 import { useInput } from '../useInput';
 
 describe('useInput Hook', () => {
   it('useInput - on internal change should call parent onChange', () => {
     const onChange = jest.fn();
-    const formatNumber = { style: 'decimal' } as FormatNumber;
+    const formatNumber = { style: 'decimal' };
     const ref = React.createRef<HTMLInputElement | undefined>();
     const currentValue = '123234';
     const regex = new RegExp('^[0-9]*$');
@@ -44,7 +43,7 @@ describe('useInput Hook', () => {
   });
   it('useInput - on internal blur should call parent onBlur', () => {
     const onBlur = jest.fn();
-    const formatNumber = { style: 'decimal' } as FormatNumber;
+    const formatNumber = { style: 'decimal' };
     const { result } = renderHook(() => useInput({ onBlur, formatNumber }));
 
     act(() => {