Big refactoring

eslint.config.mjs

@@ -66,7 +66,9 @@ export default [{
         "no-console": "error",
         "import/first": "off",
         "react/react-in-jsx-scope": "off",
+        "quotes": [2, "single", { "avoidEscape": true }],
         "no-useless-escape": "off",
+        "no-duplicate-imports": "error",
         "no-fallthrough": "off",
         "no-misleading-character-class": "off",
         "react/prop-types": "off",
@@ -79,6 +81,8 @@ export default [{
         }],
 
         "eol-last": ["error", "always"],
+        "max-len": ["error", 120],
+        "semi": ["error", "never"],
         "newline-before-return": ["error"],
 
         indent: ["error", 4, {

package.json

@@ -21,8 +21,8 @@
     "storybook": "storybook dev -p 6006",
     "test:pw": "playwright test",
     "test:unit": "jest --logHeapUsage --coverage --config jest-config.json",
-    "test:dictionary": "cross-env NODE_ENV=production UPDATE_SNAPSHOT=false ts-node -r tsconfig-paths/register ./src/services/dictionary-test",
-    "test:dictionary-update-shanshot": "cross-env NODE_ENV=production UPDATE_SNAPSHOT=false ts-node -r tsconfig-paths/register ./src/services/dictionary-test"
+    "test:dictionary": "cross-env NODE_ENV=production UPDATE_SNAPSHOT=false tsx -r tsconfig-paths/register ./src/services/dictionary-test",
+    "test:dictionary-update-shanshot": "cross-env NODE_ENV=production UPDATE_SNAPSHOT=false tsx -r tsconfig-paths/register ./src/services/dictionary-test"
   },
   "pre-commit": [
     "lint:fix",

src/actions/actions.ts

@@ -1,4 +1,4 @@
-import { IModalDialog } from 'reducers';
+import { IModalDialog } from 'reducers'
 
 export enum ActionTypes {
     LANG = 'LANG',
@@ -32,165 +32,165 @@ export function langAction(data: {from: string, to: string}) {
     return {
         type: ActionTypes.LANG,
         data,
-    };
+    }
 }
 
 export function showModalDialog(data: IModalDialog) {
     return {
         type: ActionTypes.SHOW_MODAL_DIALOG,
         data,
-    };
+    }
 }
 
 export function hideModalDialog() {
     return {
         type: ActionTypes.HIDE_MODAL_DIALOG,
-    };
+    }
 }
 
 export function setNotificationAction(data) {
     return {
         type: ActionTypes.SET_NOTIFICATION,
         data,
-    };
+    }
 }
 
 export function setAlphabetTypeAction(data: number) {
     return {
         type: ActionTypes.ALPHABET_TYPE,
         data,
-    };
+    }
 }
 
 export function setSearchExpand(data) {
     return {
         type: ActionTypes.SET_SEARCH_EXPAND,
         data,
-    };
+    }
 }
 
 export function fromTextAction(data: string) {
     return {
         type: ActionTypes.FROM_TEXT,
         data,
-    };
+    }
 }
 
 export function searchTypeAction(data: string) {
     return {
         type: ActionTypes.SEARCH_TYPE,
         data,
-    };
+    }
 }
 
 export function changeCardViewAction() {
     return {
         type: ActionTypes.CHANGE_CARD_VIEW,
-    };
+    }
 }
 
 export function flavorisationTypeAction(data: string) {
     return {
         type: ActionTypes.FLAVORISATION_TYPE,
         data,
-    };
+    }
 }
 
 export function setPageAction(data: string) {
     return {
         type: ActionTypes.SET_PAGE,
         data,
-    };
+    }
 }
 
 export function isLoadingAction(data: boolean) {
     return {
         type: ActionTypes.IS_LOADING,
         data,
-    };
+    }
 }
 
 export function loadingProgressAction(data: number) {
     return {
         type: ActionTypes.LOADING_PROGRESS,
         data,
-    };
+    }
 }
 
 export function setInterfaceLang(data: string) {
     return {
         type: ActionTypes.SET_INTERFACE_LANG,
         data,
-    };
+    }
 }
 
 export function changeIsvSearchLetters(data: string) {
     return {
         type: ActionTypes.CHANGE_ISV_SEARCH_LETTERS,
         data,
-    };
+    }
 }
 
 export function changeIsvSearchByWordForms(data: boolean) {
     return {
         type: ActionTypes.CHANGE_ISV_SEARCH_BY_WORDFORMS,
         data,
-    };
+    }
 }
 
 export function posFilterAction(data: string) {
     return {
         type: ActionTypes.POS_FILTER,
         data,
-    };
+    }
 }
 
 export function runSearch() {
     return {
         type: ActionTypes.RUN_SEARCH,
-    };
+    }
 }
 
 export function setAlphabets(data) {
     return {
         type: ActionTypes.SET_ALPHABETS,
         data,
-    };
+    }
 }
 
 export function changeOrderOfCases(data) {
     return {
         type: ActionTypes.CHANGE_ORDER_OF_CASES,
         data,
-    };
+    }
 }
 
 export function changeCaseQuestions(data) {
     return {
         type: ActionTypes.CHANGE_CASE_QUESTIONS,
         data,
-    };
+    }
 }
 
 export function changeDictionaryLangAction(data) {
     return {
         type: ActionTypes.DICTIONARY_LANGUAGES,
         data,
-    };
+    }
 }
 
 export function togglePage(data) {
     return {
         type: ActionTypes.TOGGLE_PAGE,
         data,
-    };
+    }
 }
 
 export function setBadges(data) {
     return {
         type: ActionTypes.SET_BADGES,
         data,
-    };
+    }
 }
 
 export function toggleThemeAction(data: 'dark' | 'light') {

src/actions/index.ts

@@ -1 +1 @@
-export * from './actions';
+export * from './actions'

src/colors.scss

@@ -27,6 +27,7 @@ body {
   --input-border-color: #E0E0E0;
   --shadow: 0 8px 16px rgb(0 0 0 / 5%);
   --border: 1px solid var(--input-border-color);
+  --outline: 2px solid var(--primary-color);
   --table-highlighted-cell: #81D4FA;
   --table-border-color: var(--gray-9);
   --overlay-color: #000;
@@ -50,6 +51,7 @@ body {
   --input-border-color: #444;
   --shadow: 0 8px 16px rgb(0 0 0 / 5%);
   --border: 1px solid var(--input-border-color);
+  --outline: 2px solid var(--primary-color);
   --table-highlighted-cell: #1976D2;
   --table-border-color: var(--gray-9);
   --overlay-color: #000;

src/components/Button/Button.stories.ts

@@ -1,6 +1,6 @@
-import { Button } from './Button';
-import type { Meta, StoryObj } from '@storybook/react';
-import { fn } from '@storybook/test';
+import { Button } from './Button'
+import type { Meta, StoryObj } from '@storybook/react'
+import { fn } from '@storybook/test'
 
 const meta = {
     title: 'Components/Button',
@@ -13,63 +13,63 @@ const meta = {
 
     },
     args: { onClick: fn() },
-} satisfies Meta<typeof Button>;
+} satisfies Meta<typeof Button>
 
-export default meta;
+export default meta
 type Story = StoryObj<typeof meta>;
 
 export const Primary: Story = {
     args: {
         title: 'Button',
         type: 'primary',
     },
-};
+}
 
 export const Error: Story = {
     args: {
         title: 'Button',
         type: 'error',
     },
-};
+}
 
 export const Muter: Story = {
     args: {
         title: 'Button',
         type: 'muted',
     },
-};
+}
 
 export const Small: Story = {
     args: {
         title: 'Button',
         size: 'S',
     },
-};
+}
 
 export const Medium: Story = {
     args: {
         title: 'Button',
         size: 'M',
     },
-};
+}
 
 export const Large: Story = {
     args: {
         title: 'Button',
         size: 'L',
     },
-};
+}
 
 export const NotFill: Story = {
     args: {
         title: 'Button',
         fill: false,
     },
-};
+}
 
 export const Disabled: Story = {
     args: {
         title: 'Button',
         disabled: true,
     },
-};
+}

src/components/Button/Button.tsx

@@ -1,6 +1,6 @@
-import classNames from 'classnames';
+import classNames from 'classnames'
 
-import './Button.scss';
+import './Button.scss'
 
 interface IButtonProps {
     size?: 'S' | 'M' | 'L';
@@ -27,7 +27,7 @@ export const Button = (
         className,
     }: IButtonProps,
 ) => {
-    const clsName = classNames(['button', `button-${size}`, type, className], { disabled, fill });
+    const clsName = classNames(['button', `button-${size}`, type, className], { disabled, fill })
 
     if (href) {
         return (
@@ -39,7 +39,7 @@ export const Button = (
             >
                 {title}
             </a>
-        );
+        )
     }
 
     return (
@@ -50,5 +50,5 @@ export const Button = (
         >
             {title}
         </button>
-    );
-};
+    )
+}

src/components/Button/index.ts

@@ -1 +1 @@
-export * from './Button';
+export * from './Button'

src/components/Card/Card.tsx

@@ -1,6 +1,6 @@
-import classNames from 'classnames';
+import classNames from 'classnames'
 
-import './Card.scss';
+import './Card.scss'
 
 interface ICardProps {
     title: string;
@@ -17,4 +17,4 @@ export const Card =
                 {children}
             </div>
         </div>
-    );
+    )

src/components/Card/index.ts

@@ -1 +1 @@
-export * from './Card';
+export * from './Card'