Fix typescript and eslint errors

Author: Kubit

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

@@ -3,7 +3,7 @@ import * as React from 'react';
 
 import { axe } from 'jest-axe';
 
-import { InputContentPosition, InputState } from '@/components/input/types';
+import { FormatNumber, 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/navigationCard/navigationCardStandAlone.tsx

@@ -36,7 +36,8 @@ const NavigationCardStandaloneComponent = (
   return (
     // Can not be spread -> styled component breaks
     <NavigationCardStyled
-      ref={ref as React.ForwardedRef<HTMLButtonElement>}
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      ref={ref as any}
       aria-disabled={props['aria-disabled']}
       as={props.url ? props.component : 'button'}
       className={props.className}

src/components/pillV2/pill.tsx

@@ -9,7 +9,7 @@ import { getPillState } from './utils';
 
 const PillComponent = (
   { variant, size, ctv, selected = false, disabled = false, ...props }: IPill,
-  ref: React.ForwardedRef<HTMLDivElement>
+  ref: React.ForwardedRef<HTMLButtonElement>
 ) => {
   const variantStyles = useStylesV2<PillVariantPropsStylesType>({
     styleName: STYLES_NAME.PILL_V2,

src/components/pillV2/pillStandAlone.tsx

@@ -18,7 +18,7 @@ import { IPillStandAlone, PillType } from './types';
 
 const PillStandAloneComponent = (
   { dataTestId = 'pill', type = PillType.BUTTON, ...props }: IPillStandAlone,
-  ref: React.ForwardedRef<HTMLDivElement> | undefined | null
+  ref: React.ForwardedRef<HTMLButtonElement> | undefined | null
 ): JSX.Element => {
   const id = useId('pill');
   const pillContentId = `${id}-content`;

src/constants/keyboardKeys.ts

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

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

@@ -1,14 +1,15 @@
 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' };
+    const formatNumber = { style: 'decimal' } as FormatNumber;
     const ref = React.createRef<HTMLInputElement | undefined>();
     const currentValue = '123234';
     const regex = new RegExp('^[0-9]*$');
@@ -43,7 +44,7 @@ describe('useInput Hook', () => {
   });
   it('useInput - on internal blur should call parent onBlur', () => {
     const onBlur = jest.fn();
-    const formatNumber = { style: 'decimal' };
+    const formatNumber = { style: 'decimal' } as FormatNumber;
     const { result } = renderHook(() => useInput({ onBlur, formatNumber }));
 
     act(() => {

src/storybook/components/icons/icons.tsx

@@ -10,6 +10,7 @@ import { IconNameStyled, IconsDataStyled, IconsInputStyled, IconsStyled } from '
 export const Icons = (): JSX.Element => {
   const [searchValue, setSearchValue] = React.useState('');
 
+  // eslint-disable-next-line n/no-unsupported-features/node-builtins
   const theme = localStorage.getItem('themeSelected') || 'kubit';
   const themeObject = themesObject[theme]['ICONS'];
 

src/storybook/provider/utilsProvider/utilsProvider.tsx

@@ -0,0 +1,91 @@
+import React from 'react';
+
+import { UtilsProvider } from '@/provider';
+import { DateFormatOptions } from '@/provider/utils/types';
+import { FormatWeekdayOptionType } from '@/types';
+import {
+  formatDate,
+  getAddDays,
+  getAddMonths,
+  getAddYears,
+  getAllMonthNames,
+  getAllWeekdayNames,
+  getSubDays,
+  getSubMonths,
+  getSubYears,
+  isAfter,
+  isBefore,
+  isDatesEqual,
+  transformDate,
+} from '@/utils/date';
+
+//delete on kubit
+const folder = {
+  santander: 'santander',
+  modelbank: 'mb',
+  santander_black: 'santander',
+  modelbank_cc: 'mb',
+  santander_cc: 'santander',
+};
+//delete on kubit
+
+export const UtilsProviderDocStorybook = ({
+  children,
+  theme,
+}: {
+  children: JSX.Element;
+  theme: string;
+}): JSX.Element => {
+  return (
+    <UtilsProvider
+      assets={{
+        baseHost: `https://assets.dev.openbank.com/web/${folder[theme]}/icons/`,
+        iconsBaseHost: `https://assets.dev.openbank.com/web/${folder[theme]}/icons/`,
+        illutrationsBaseHost: `https://assets.dev.openbank.com/web/${folder[theme]}/illustrations/`,
+      }}
+      dateHelpers={{
+        isAfter: (date1: Date, date2: Date) => {
+          return isAfter(date1, date2);
+        },
+        isBefore: (date1: Date, date2: Date) => {
+          return isBefore(date1, date2);
+        },
+        isDatesEqual: (firsDate: string | number | Date, secondDate: string | number | Date) => {
+          return isDatesEqual(firsDate, secondDate);
+        },
+        getAddDays: (date: Date, days: number) => {
+          return getAddDays(date, days);
+        },
+        getAddMonths: (date: Date, months: number) => {
+          return getAddMonths(date, months);
+        },
+        getAddYears: (date: Date, years: number) => {
+          return getAddYears(date, years);
+        },
+        getSubDays: (date: Date, days: number) => {
+          return getSubDays(date, days);
+        },
+        getSubMonths: (date: Date, months: number) => {
+          return getSubMonths(date, months);
+        },
+        getSubYears: (date: Date, years: number) => {
+          return getSubYears(date, years);
+        },
+        getAllMonthName: () => {
+          return getAllMonthNames();
+        },
+        getAllWeekdayName: (weekdayFormat: FormatWeekdayOptionType, isSundayFirst: boolean) => {
+          return getAllWeekdayNames(weekdayFormat, isSundayFirst);
+        },
+      }}
+      formatDate={(date: Date, format: string | DateFormatOptions) => {
+        return formatDate(date, format);
+      }}
+      transformDate={(date: string | number, format: string | undefined) => {
+        return transformDate(date, format);
+      }}
+    >
+      {children}
+    </UtilsProvider>
+  );
+};