Merge pull request #384 from Commencis/renovate/commencis-eslint-config-2.x

baturtulek · web-flow · commit 3cca22c93953 · 2025-08-29T14:02:10.000+03:00
chore(deps): update dependency @commencis/eslint-config to v2
diff --git a/package.json b/package.json
@@ -53,7 +53,7 @@
   "devDependencies": {
     "@changesets/cli": "2.29.6",
     "@commencis/commitlint-config": "1.1.4",
-    "@commencis/eslint-config": "1.7.5",
+    "@commencis/eslint-config": "2.1.0",
     "@commencis/eslint-plugin": "1.4.5",
     "@commencis/lint-staged-config": "1.0.0",
     "@commencis/prettier-config": "2.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,16 +1,16 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 
 import { I18nextProvider } from 'react-i18next';
 import { Provider as StoreProvider } from 'react-redux';
 import { RouterProvider } from 'react-router';
 
 import { i18n } from '@/lib';
 
+import { ErrorBoundary, PreferencesProvider } from '@/providers';
+
 import { router } from '@/router';
 import { store } from '@/store';
 
-import { ErrorBoundary, PreferencesProvider } from '@/providers';
-
 export default function App(): ReactElement {
   return (
     <ErrorBoundary>
diff --git a/src/components/common/Loading/Loading.tsx b/src/components/common/Loading/Loading.tsx
@@ -1,3 +1,3 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 
 export const Loading = (): ReactElement => <div>Loading...</div>;
diff --git a/src/components/error/Error404.tsx b/src/components/error/Error404.tsx
@@ -1,3 +1,3 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 
 export const Error404 = (): ReactElement => <div>404 Not Found</div>;
diff --git a/src/components/error/Error500.tsx b/src/components/error/Error500.tsx
@@ -1,3 +1,3 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 
 export const Error500 = (): ReactElement => <div>Something went wrong</div>;
diff --git a/src/components/ui/Button/Button.tsx b/src/components/ui/Button/Button.tsx
@@ -1,15 +1,14 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 
 import clsx from 'clsx';
 
 import type {
   ButtonProps,
   ButtonSize,
 } from '@/components/ui/Button/Button.types';
-import { Text } from '@/components/ui/Text/Text';
 import type { TextVariant } from '@/components/ui/Text/Text.types';
-
 import styles from '@/components/ui/Button/Button.module.scss';
+import { Text } from '@/components/ui/Text/Text';
 
 const buttonSizeTextVariantMap = {
   small: 'footnoteMedium',
diff --git a/src/components/ui/Button/Button.types.ts b/src/components/ui/Button/Button.types.ts
@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes } from 'react';
+import type { ButtonHTMLAttributes } from 'react';
 
 export type ButtonSize = 'small' | 'medium' | 'large';
 export type ButtonType = 'filled' | 'outlined' | 'text';
diff --git a/src/components/ui/Icon/Icon.tsx b/src/components/ui/Icon/Icon.tsx
@@ -1,8 +1,9 @@
-import { ReactElement, Suspense, useMemo } from 'react';
+import type { ReactElement } from 'react';
+import { Suspense, useMemo } from 'react';
 
-import { SVGComponentProps } from '@/types';
+import type { SVGComponentProps } from '@/types';
 
-import { IconName, IconSize } from './Icon.types';
+import type { IconName, IconSize } from './Icon.types';
 import { lazyLoadIcon } from './Icon.utils';
 
 export type IconProps = {
diff --git a/src/components/ui/Icon/Icon.utils.tsx b/src/components/ui/Icon/Icon.utils.tsx
@@ -1,8 +1,8 @@
 import { type FunctionComponent, lazy, type LazyExoticComponent } from 'react';
 
-import { SVGComponentProps } from '@/types';
+import type { SVGComponentProps } from '@/types';
 
-import { IconName } from './Icon.types';
+import type { IconName } from './Icon.types';
 
 export type LazyLoadIconReturnType = LazyExoticComponent<
   FunctionComponent<SVGComponentProps>
diff --git a/src/components/ui/Text/Text.tsx b/src/components/ui/Text/Text.tsx
@@ -1,8 +1,8 @@
-import clsx from 'clsx';
 import type { ReactElement } from 'react';
 
-import type { TextProps } from '@/components/ui/Text/Text.types';
+import clsx from 'clsx';
 
+import type { TextProps } from '@/components/ui/Text/Text.types';
 import styles from '@/components/ui/Text/Text.module.scss';
 
 export const Text = ({
diff --git a/src/components/ui/Text/Text.types.ts b/src/components/ui/Text/Text.types.ts
@@ -1,6 +1,6 @@
-import { JSX } from 'react';
+import type { JSX } from 'react';
 
-import { ColorPalette } from '@/types';
+import type { ColorPalette } from '@/types';
 
 type Color = {
   [K in keyof ColorPalette]: `${K}-${Extract<keyof ColorPalette[K], string | number>}`;
diff --git a/src/config/getConfig.ts b/src/config/getConfig.ts
@@ -1,5 +1,5 @@
+import type { Environment } from '@/types';
 import { ENVIRONMENT } from '@/constants';
-import { Environment } from '@/types';
 
 import { getCurrentEnvironment } from './getCurrentEnvironment';
 import { getPackageInfo } from './getPackageInfo';
diff --git a/src/config/getCurrentEnvironment.ts b/src/config/getCurrentEnvironment.ts
@@ -1,5 +1,5 @@
+import type { Environment } from '@/types';
 import { ENVIRONMENTS } from '@/constants';
-import { Environment } from '@/types';
 
 export const getCurrentEnvironment = (): Environment => {
   const env = import.meta.env.MODE as Environment;
diff --git a/src/constants/common.ts b/src/constants/common.ts
@@ -1,3 +1,3 @@
-import { Theme } from '@/types';
+import type { Theme } from '@/types';
 
 export const DEFAULT_THEME: Theme = 'light';
diff --git a/src/constants/http-headers.ts b/src/constants/http-headers.ts
@@ -1,4 +1,4 @@
-import { HttpHeader } from '@/types';
+import type { HttpHeader } from '@/types';
 
 export const HEADER_KEY = {
   ACCEPT: 'Accept',
diff --git a/src/constants/localization.ts b/src/constants/localization.ts
@@ -1,4 +1,4 @@
-import { Locale, LocalizationNamespace } from '@/types';
+import type { Locale, LocalizationNamespace } from '@/types';
 
 export const LOCALIZATION_NAMESPACE = Object.freeze({
   COMMON: 'common',
diff --git a/src/layouts/MainLayout.tsx b/src/layouts/MainLayout.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren, ReactElement } from 'react';
+import type { PropsWithChildren, ReactElement } from 'react';
 
 export function MainLayout({
   children,
diff --git a/src/lib/http/http-client.ts b/src/lib/http/http-client.ts
@@ -1,16 +1,17 @@
 /* eslint-disable no-console */
 
-import axios, {
+import type {
   AxiosInstance,
   AxiosRequestConfig,
   AxiosResponse,
   CreateAxiosDefaults,
   InternalAxiosRequestConfig,
 } from 'axios';
+import axios from 'axios';
 
 import { getConfig } from '@/config';
+import type { HttpHeader, HttpMethod } from '@/types';
 import { HEADER_KEY, HEADERS } from '@/constants';
-import { HttpHeader, HttpMethod } from '@/types';
 
 const { baseApiUrl, isDevelopment } = getConfig();
 
diff --git a/src/lib/i18n/i18n.ts b/src/lib/i18n/i18n.ts
@@ -1,4 +1,5 @@
-import { createInstance, i18n as i18nType } from 'i18next';
+import type { i18n as i18nType } from 'i18next';
+import { createInstance } from 'i18next';
 import { initReactI18next } from 'react-i18next';
 
 import { getConfig } from '@/config';
diff --git a/src/modules/home/Home.tsx b/src/modules/home/Home.tsx
@@ -2,10 +2,10 @@ import { type ReactElement } from 'react';
 
 import { useTranslation } from 'react-i18next';
 
-import { useConfig } from '@/hooks';
-
 import { Button, Icon, Text } from '@/components/ui';
 
+import { useConfig } from '@/hooks';
+
 export function Home(): ReactElement {
   const { version } = useConfig();
   const { t } = useTranslation(['common', 'home']);
diff --git a/src/providers/ErrorBoundary/ErrorBoundary.tsx b/src/providers/ErrorBoundary/ErrorBoundary.tsx
@@ -1,4 +1,5 @@
-import { Component, ErrorInfo, ReactNode } from 'react';
+import type { ErrorInfo, ReactNode } from 'react';
+import { Component } from 'react';
 
 import { Error500 } from '@/components/error';
 
diff --git a/src/providers/PreferencesContext/PreferencesContext.tsx b/src/providers/PreferencesContext/PreferencesContext.tsx
@@ -1,8 +1,9 @@
-import { createContext, ReactElement, use, useState } from 'react';
+import type { ReactElement } from 'react';
+import { createContext, use, useState } from 'react';
 
 import { DEFAULT_LOCALE, DEFAULT_THEME } from '@/constants';
 
-import {
+import type {
   Preferences,
   PreferencesContextType,
   PreferencesProviderProps,
diff --git a/src/providers/PreferencesContext/PreferencesContext.types.ts b/src/providers/PreferencesContext/PreferencesContext.types.ts
@@ -1,6 +1,6 @@
-import { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
 
-import { Locale, Theme } from '@/types';
+import type { Locale, Theme } from '@/types';
 
 export type Preferences = {
   locale: Locale;
diff --git a/src/router/PrivateRoute/PrivateRoute.tsx b/src/router/PrivateRoute/PrivateRoute.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 
 import { Navigate, Outlet } from 'react-router';
 
diff --git a/src/router/router.tsx b/src/router/router.tsx
@@ -1,13 +1,10 @@
-import {
-  createBrowserRouter,
-  LazyRouteFunction,
-  RouteObject,
-} from 'react-router';
+import type { LazyRouteFunction, RouteObject } from 'react-router';
+import { createBrowserRouter } from 'react-router';
 
 import { ROUTES } from '@/constants';
 
-import { Loading } from '@/components/common';
 import { NotFoundPage } from '@/pages/not-found/not-found.page';
+import { Loading } from '@/components/common';
 
 import { PrivateRoute } from './PrivateRoute/PrivateRoute';
 
diff --git a/src/store/hooks/useAppDispatch.ts b/src/store/hooks/useAppDispatch.ts
@@ -1,5 +1,5 @@
 import { useDispatch } from 'react-redux';
 
-import { AppDispatch } from '../store';
+import type { AppDispatch } from '../store';
 
 export const useAppDispatch = useDispatch.withTypes<AppDispatch>();
diff --git a/src/store/hooks/useAppSelector.ts b/src/store/hooks/useAppSelector.ts
@@ -1,5 +1,5 @@
 import { useSelector } from 'react-redux';
 
-import { RootState } from '../store';
+import type { RootState } from '../store';
 
 export const useAppSelector = useSelector.withTypes<RootState>();
diff --git a/src/store/slices/auth/auth.slice.ts b/src/store/slices/auth/auth.slice.ts
@@ -1,6 +1,7 @@
 import { createAppSlice } from '@/utils';
 
-import { authService, LoginCredentials } from '@/services';
+import type { LoginCredentials } from '@/services';
+import { authService } from '@/services';
 import { fetchUserByIdAsync } from '@/store';
 
 export type AuthSliceState = {
diff --git a/src/store/slices/user/user.api.ts b/src/store/slices/user/user.api.ts
@@ -1,6 +1,7 @@
 import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';
 
-import { UserResponse, userService } from '@/services';
+import type { UserResponse } from '@/services';
+import { userService } from '@/services';
 
 export const userApi = createApi({
   reducerPath: 'userApi',
diff --git a/src/store/store.ts b/src/store/store.ts
@@ -1,9 +1,5 @@
-import {
-  Action,
-  combineSlices,
-  configureStore,
-  ThunkAction,
-} from '@reduxjs/toolkit';
+import type { Action, ThunkAction } from '@reduxjs/toolkit';
+import { combineSlices, configureStore } from '@reduxjs/toolkit';
 import { setupListeners } from '@reduxjs/toolkit/query';
 
 import { authSlice } from './slices/auth/auth.slice';
diff --git a/src/types/env.ts b/src/types/env.ts
@@ -1,5 +1,5 @@
-import { ENVIRONMENT } from '@/constants';
+import type { ENVIRONMENT } from '@/constants';
 
-import { ObjectValues } from './generic';
+import type { ObjectValues } from './generic';
 
 export type Environment = ObjectValues<typeof ENVIRONMENT>;
diff --git a/src/types/http.ts b/src/types/http.ts
@@ -1,8 +1,8 @@
-import { AxiosHeaderValue } from 'axios';
+import type { AxiosHeaderValue } from 'axios';
 
-import { HEADER_KEY } from '@/constants';
+import type { HEADER_KEY } from '@/constants';
 
-import { ObjectValues } from './generic';
+import type { ObjectValues } from './generic';
 
 export type HttpMethod = 'GET' | 'POST' | 'PUT' | 'DELETE';
 
diff --git a/src/types/i18next.d.ts b/src/types/i18next.d.ts
@@ -1,5 +1,5 @@
-import common from '@/assets/locales/en/common.json';
-import home from '@/assets/locales/en/home.json';
+import type common from '@/assets/locales/en/common.json';
+import type home from '@/assets/locales/en/home.json';
 
 declare module 'i18next' {
   interface CustomTypeOptions {
diff --git a/vite.config.ts b/vite.config.ts
@@ -1,7 +1,8 @@
 import path from 'node:path';
 
 import react from '@vitejs/plugin-react-swc';
-import { defineConfig, loadEnv, UserConfig } from 'vite';
+import type { UserConfig } from 'vite';
+import { defineConfig, loadEnv } from 'vite';
 import svgr from 'vite-plugin-svgr';
 
 export default ({ mode }): UserConfig => {

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,3 @@`
`1`		`-import { ReactElement } from 'react';`
	`1`	`+import type { ReactElement } from 'react';`
`2`	`2`
`3`	`3`	`export const Loading = (): ReactElement => <div>Loading...</div>;`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { ButtonHTMLAttributes } from 'react';`
	`1`	`+import type { ButtonHTMLAttributes } from 'react';`
`2`	`2`
`3`	`3`	`export type ButtonSize = 'small' \| 'medium' \| 'large';`
`4`	`4`	`export type ButtonType = 'filled' \| 'outlined' \| 'text';`