steroids · ProFIT1337 · Jun 4, 2025 · Jun 4, 2025 · Jul 1, 2025 · perlexed
diff --git a/.eslintrc b/.eslintrc
@@ -1,6 +1,11 @@
 {
-  "extends": "@steroidsjs/eslint-config",
+  "extends": "@steroidsjs/eslint-config/frontend",
   "rules": {
+    // "prettier/prettier": "off" disabled because 
+    // Definition for rule 'prettier/prettier' was not found
+    // in every file
+    // remove if fixed
+    "prettier/prettier": "off",
     "@typescript-eslint/ban-ts-comment": "off",
     "no-undef": "off",
     "no-redeclare": "off",

diff --git a/package.json b/package.json
@@ -65,7 +65,7 @@
         "@babel/preset-env": "^7.13.15",
         "@babel/preset-react": "^7.13.13",
         "@babel/preset-typescript": "^7.13.0",
-        "@steroidsjs/eslint-config": "^2.1.6",
+        "@steroidsjs/eslint-config": "^3.0.1",
         "@testing-library/dom": "^8.20.0",
         "@testing-library/jest-dom": "^5.16.5",
         "@testing-library/react": "^13.4.0",

diff --git a/src/actions/auth.ts b/src/actions/auth.ts
@@ -19,6 +19,7 @@ export const init = (skipInitialized = false) => (dispatch, getState) => {
 
 export const reInit = () => init();
 
+// eslint-disable-next-line default-param-last
 export const login = (token, redirectPageId: string | boolean = 'root', params?: RouteParams) => (
     dispatch,
     getState,

diff --git a/src/actions/notifications.ts b/src/actions/notifications.ts
@@ -21,6 +21,7 @@ export const closeNotification = (id: string | null = null) => ({
 
 export const showNotification = (
     message: string,
+    // eslint-disable-next-line default-param-last
     level: ColorName = null,
     params?: IShowNotificationParameters,
 ) => dispatch => {

diff --git a/src/components/HttpComponent.ts b/src/components/HttpComponent.ts
@@ -79,7 +79,7 @@ export interface IHttpComponent extends IHttpComponentConfig {
      * Метод, который можно вызвать при login
      * @param {{accessToken: string}} params Параметры для авторизации (accessToken).
      */
-    onLogin(params: {accessToken: string,}): void,
+    onLogin(params: {accessToken: string}): void,
 
     /**
      * Получение url по методу

diff --git a/src/components/LocaleComponent.tsx b/src/components/LocaleComponent.tsx
@@ -86,7 +86,8 @@ export default class LocaleComponent implements ILocaleComponent {
         this.language = config.language || 'en';
         this.sourceLanguage = config.sourceLanguage || 'ru';
         this.backendTimeZone = null;
-        this.backendTimeDiff = null; // in microseconds
+        // in microseconds
+        this.backendTimeDiff = null;
         this.translations = {};
         // Publish to global
         if (process.env.IS_SSR) {

diff --git a/src/components/ResourceComponent.ts b/src/components/ResourceComponent.ts
@@ -1,4 +1,5 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
+/* eslint-disable no-promise-executor-return */
 import * as queryString from 'qs';
 import _isArray from 'lodash-es/isArray';
 
@@ -9,8 +10,8 @@ declare global {
             execute: (...args: any[]) => Promise<string>,
         },
     }
-}
 
+}
 export interface IResourceComponentConfig {
     /**
      * API-ключ Google для использования Google Maps и других сервисов.
@@ -181,6 +182,7 @@ export default class ResourceComponent implements IResourceComponent {
                 lang: this.language || locale.language,
             },
             // @ts-ignore
+            // eslint-disable-next-line
             () => new Promise(resolve => window.ymaps.ready(() => resolve(window.ymaps))),
         );
     }
@@ -195,6 +197,7 @@ export default class ResourceComponent implements IResourceComponent {
             this.RESOURCE_TWITTER_WIDGET,
             {},
             // @ts-ignore
+            // eslint-disable-next-line
             () => new Promise(resolve => window.twttr.ready(() => resolve(window.twttr))),
         );
     }

diff --git a/src/components/UiComponent.ts b/src/components/UiComponent.ts
@@ -1,5 +1,4 @@
 import * as React from 'react';
-
 import _isFunction from 'lodash-es/isFunction';
 import _isObject from 'lodash-es/isObject';
 import _isString from 'lodash-es/isString';
@@ -102,7 +101,7 @@ export interface IUiApplicationComponent {
      * Добавляет иконки.
      * @param {{ [name: string]: string | ReactNode }} icons - Иконки.
      */
-    addIcons(icons: {[name: string]: string | ReactNode, }): void,
+    addIcons(icons: {[name: string]: string | ReactNode }): void,
 
     /**
      * Возвращает иконку по указанному имени.
@@ -156,7 +155,7 @@ export default class UiComponent implements IUiApplicationComponent {
 
     protected _models: any;
 
-    icons: {[name: string]: string | number | ReactNode, } | any;
+    icons: {[name: string]: string | number | ReactNode } | any;
 
     fields: any;
 

diff --git a/src/hooks/index.ts b/src/hooks/index.ts
@@ -1,3 +1,7 @@
+import useMonthGrid from '../ui/content/CalendarSystem/hooks/useMonthGrid';
+import useWeekGrid from '../ui/content/CalendarSystem/hooks/useWeekGrid';
+import useDisplayDate from '../ui/content/CalendarSystem/hooks/useDisplayDate';
+import useCalendarControls from '../ui/content/CalendarSystem/hooks/useCalendarControls';
 import useAbsolutePositioning from './useAbsolutePositioning';
 import useAddressBar from './useAddressBar';
 import useApplication from './useApplication';
@@ -19,10 +23,6 @@ import useSsr from './useSsr';
 import useUniqueId from './useUniqueId';
 import useTheme from './useTheme';
 import useTree from './useTree';
-import useMonthGrid from '../ui/content/CalendarSystem/hooks/useMonthGrid';
-import useWeekGrid from '../ui/content/CalendarSystem/hooks/useWeekGrid';
-import useDisplayDate from '../ui/content/CalendarSystem/hooks/useDisplayDate';
-import useCalendarControls from '../ui/content/CalendarSystem/hooks/useCalendarControls';
 import useSaveCursorPosition from './useSaveCursorPosition';
 
 export {

diff --git a/src/hooks/useAbsolutePositioning.tsx b/src/hooks/useAbsolutePositioning.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
 import {useCallback, useEffect, useMemo, useRef, useState} from 'react';
-
 import calculateComponentAbsolutePosition from '../utils/calculateComponentAbsolutePosition';
 
 export interface IComponentStylePosition {

diff --git a/src/hooks/useAddressBar.tsx b/src/hooks/useAddressBar.tsx
@@ -57,6 +57,7 @@ export const defaultFromStringConverter = (value, type, item) => {
         case 'boolean':
             return ['1', 't', 'y'].includes(String(value).substr(0, 1)) || null;
 
+        // eslint-disable-next-line default-case-last
         default:
         case 'string':
             return value ? String(value) : null;
@@ -78,6 +79,7 @@ export const defaultToStringConverter = (value, type, item) => {
         case 'boolean':
             return value ? '1' : null;
 
+        // eslint-disable-next-line default-case-last
         default:
         case 'string':
         case 'number':

diff --git a/src/hooks/useApplication.tsx b/src/hooks/useApplication.tsx
@@ -24,8 +24,8 @@ import ComponentsProvider, {IComponents} from '../providers/ComponentsProvider';
 import Router, {IRouteItem, IRouterProps} from '../ui/nav/Router/Router';
 import MetricsComponent from '../components/MetricsComponent';
 import ScreenProvider, {IScreenProviderProps} from '../providers/ScreenProvider';
-import useComponents from './useComponents';
 import {IFetchConfig} from '../hooks/useFetch';
+import useComponents from './useComponents';
 
 export interface IComponentConfig {
     className?: Record<string, any>,

diff --git a/src/hooks/useDataProvider.ts b/src/hooks/useDataProvider.ts
@@ -3,15 +3,14 @@ import _isString from 'lodash-es/isString';
 import _isFunction from 'lodash-es/isFunction';
 import _isEqual from 'lodash-es/isEqual';
 import _uniqBy from 'lodash-es/uniqBy';
-
 import {useCallback, useEffect, useMemo, useRef, useState} from 'react';
 import {usePrevious} from 'react-use';
 import {fieldsDataProviderSetItems} from '../actions/fields';
 import {normalizeItems} from '../utils/data';
-import {useComponents, useDispatch} from './index';
 import Enum from '../base/Enum';
 import {getDataProviderItems, getEnumLabels} from '../reducers/fields';
 import {smartSearch} from '../utils/text';
+import {useComponents, useDispatch} from './index';
 
 export interface IAutoCompleteConfig {
     /**
@@ -34,8 +33,8 @@ export interface IAutoCompleteConfig {
 }
 
 export type DataProviderItems = string
-    | ({new(): Enum,})
-    | (string | number | {id: string | number | boolean, label: string | Record<string, any> | number, [key: string]: any, })[];
+    | ({new(): Enum})
+    | (string | number | {id: string | number | boolean, label: string | Record<string, any> | number, [key: string]: any })[];
 
 export interface IDataProvider {
     /**
@@ -226,7 +225,8 @@ export default function useDataProvider(config: IDataProviderConfig): IDataProvi
         );
         const result = searchHandler(dataProvider.action, {
             query: config.query,
-            ...(isAuto ? {ids: config.initialSelectedIds} : null), // deprecated logic
+            // deprecated logic
+            ...(isAuto ? {ids: config.initialSelectedIds} : null),
             ...(config.initialSelectedIds?.length > 0 ? {withIds: config.initialSelectedIds} : null),
             ...config.dataProvider.params,
         });

diff --git a/src/hooks/useFetch.ts b/src/hooks/useFetch.ts
@@ -2,8 +2,8 @@ import {useCallback, useRef, useState} from 'react';
 import {useUnmount, useUpdateEffect, useEffectOnce} from 'react-use';
 import _trim from 'lodash-es/trim';
 import axios, {AxiosError} from 'axios';
-import {useComponents, useSsr} from './index';
 import {IComponents} from '../providers/ComponentsProvider';
+import {useComponents, useSsr} from './index';
 
 declare global {
     interface Window {

diff --git a/src/hooks/useFile.tsx b/src/hooks/useFile.tsx
@@ -91,7 +91,8 @@ export function generateBackendUrl(props) {
 
 export default function useFile(props: IFileInput): IFileOutput {
     const {http} = useComponents();
-    http.getAccessToken(); // TODO Run promise..
+    // TODO Run promise..
+    http.getAccessToken();
 
     const uploader = useInitial(() => new FileUp({
         dropArea: {},
@@ -100,7 +101,8 @@ export default function useFile(props: IFileInput): IFileOutput {
             ...props.uploaderConfig,
             headers: {
                 ...props.uploaderConfig?.headers,
-                Authorization: 'Bearer ' + http._accessToken, // TODO how to get access token wuthout promise?
+                // TODO how to get access token wuthout promise?
+                Authorization: 'Bearer ' + http._accessToken,
             },
         },
         ...props.uploader,

diff --git a/src/hooks/useLayout.ts b/src/hooks/useLayout.ts
@@ -7,16 +7,16 @@ import _merge from 'lodash-es/merge';
 import _intersection from 'lodash-es/intersection';
 import {useMount, usePrevious, useUpdateEffect} from 'react-use';
 import {ROUTER_ROLE_LOGIN} from '../ui/nav/Router/Router';
-import useSsr from './useSsr';
 import {IComponents} from '../providers/ComponentsProvider';
-import useComponents from './useComponents';
 import {getRoute, getRoutesMap} from '../reducers/router';
 import {getData, getInitializeCounter, getUser, isInitialized as getIsInitialized} from '../reducers/auth';
-import useSelector from './useSelector';
 import {init, setData, setUser} from '../actions/auth';
-import useDispatch from './useDispatch';
 import {setMeta} from '../actions/fields';
 import {goToRoute} from '../actions/router';
+import useDispatch from './useDispatch';
+import useSelector from './useSelector';
+import useComponents from './useComponents';
+import useSsr from './useSsr';
 
 export interface ILayout {
     status?: string,
@@ -86,7 +86,8 @@ export const runInitAction = (
             dispatch(
                 [
                     // Meta models & enums
-                    Boolean(resultMeta) && setMeta(resultMeta), // TODO skip models
+                    // TODO skip models
+                    Boolean(resultMeta) && setMeta(resultMeta),
                     // User auth
                     setData(result),
                     // User auth
@@ -162,7 +163,8 @@ export default function useLayout(initAction: any = null): ILayout {
         const pageRoles = route?.roles || [];
         const userRoles = [].concat(user?.role || []).concat(user?.roles || []);
         if (userRoles.length === 0) {
-            userRoles.push(null); // Guest
+            // Guest
+            userRoles.push(null);
         }
         if (_intersection(pageRoles, userRoles).length === 0) {
             if (loginRouteId && route.id !== loginRouteId) {

diff --git a/src/hooks/useList.tsx b/src/hooks/useList.tsx
@@ -8,7 +8,6 @@ import {
     IInfiniteScrollProps,
     normalizeInfiniteScrollProps,
 } from '@steroidsjs/core/ui/list/InfiniteScroll/InfiniteScroll';
-import useSelector from './useSelector';
 import {getList} from '../reducers/list';
 import useModel from '../hooks/useModel';
 import useAddressBar, {IAddressBarConfig} from '../hooks/useAddressBar';
@@ -31,6 +30,7 @@ import {IEmptyProps, normalizeEmptyProps} from '../ui/list/Empty/Empty';
 import {IFormProps} from '../ui/form/Form/Form';
 import {Model} from '../components/MetaComponent';
 import {Loader} from '../ui/layout';
+import useSelector from './useSelector';
 
 export type ListControlPosition = 'top' | 'bottom' | 'both' | string;
 
@@ -300,7 +300,8 @@ export const getDefaultSearchModel = ({
     sort,
     layoutNamesProps,
 }) => ({
-    attributes: [ // default attributes
+    // default attributes
+    attributes: [
         paginationProps.enable && {
             type: 'number',
             attribute: paginationProps.attribute,
@@ -312,7 +313,8 @@ export const getDefaultSearchModel = ({
             defaultValue: paginationSizeProps.defaultValue,
         },
         sort.enable && {
-            type: 'string', // TODO Need list of strings
+            // TODO Need list of strings
+            type: 'string',
             jsType: 'string[]',
             attribute: sort.attribute,
             defaultValue: sort.defaultValue,
@@ -339,8 +341,10 @@ export const createInitialValues = ({
     [layoutNamesProps.attribute]: layoutNamesProps.defaultValue,
     // TODO [this.props._layout.attribute]:
     //  this.props.clientStorage.get(this.props._layout.attribute) || this.props._layout.defaultValue,
-    ...initialQuery, // Address bar
-    ...configQuery, // Query from props
+    // Address bar
+    ...initialQuery,
+    // Query from props
+    ...configQuery,
 });
 
 const FIRST_PAGE = 1;

diff --git a/src/hooks/useSaveCursorPosition.tsx b/src/hooks/useSaveCursorPosition.tsx
@@ -47,9 +47,11 @@ export default function useSaveCursorPosition(config: ISaveCursorPositionConfig)
         config.inputParams.onChange(value || event.target?.value);
     }, [config.inputParams, config.onChangeCallback]);
 
-    const onChangeWithDelay = useMemo(() => config.debounce?.enabled
+    const onChangeWithDelay = useMemo(
+() => config.debounce?.enabled
             && _debounce(onChange, config.debounce?.delayMs ?? DEFAULT_DEBOUNCE_DELAY_MS),
-    [config.debounce, onChange]);
+    [config.debounce, onChange],
+);
 
     return {
         inputRef,

diff --git a/src/hooks/useTree.ts b/src/hooks/useTree.ts
@@ -10,9 +10,9 @@ import _pickBy from 'lodash-es/pickBy';
 import {IRouteItem} from '@steroidsjs/core/ui/nav/Router/Router';
 import {IButtonProps} from '@steroidsjs/core/ui/form/Button/Button';
 import {useMount, useUnmount} from 'react-use';
+import {getActiveRouteIds, getNavItems, getRouteId, getRouterParams} from '../reducers/router';
 import useComponents from './useComponents';
 import useSelector from './useSelector';
-import {getActiveRouteIds, getNavItems, getRouteId, getRouterParams} from '../reducers/router';
 
 export interface ITreeItem extends IButtonProps {
     /**
@@ -285,7 +285,7 @@ export default function useTree(config: ITreeConfig): ITreeOutput {
 
     const [selectedUniqueId, setSelectedUniqueId] = useState<string>(null);
 
-    const [expandedItems, setExpandedItems] = useState<{[key: string]: boolean,}>({});
+    const [expandedItems, setExpandedItems] = useState<{[key: string]: boolean}>({});
 
     const {clientStorage} = useComponents();
 
@@ -319,7 +319,8 @@ export default function useTree(config: ITreeConfig): ITreeOutput {
     // Выполняет поиск текущего роута в дереве: раскрывает дерево до элемента, делает элемент активным
     const onItemFocus = useCallback(() => {
         const currentRouteAsTreeItem = findChildById(items as ITreeItem[], selectedItemId, primaryKey);
-        const currentRouteUniqueIdParts = currentRouteAsTreeItem.uniqueId.split(DOT_SEPARATOR); // Get all parent levels of item
+        // Get all parent levels of item
+        const currentRouteUniqueIdParts = currentRouteAsTreeItem.uniqueId.split(DOT_SEPARATOR);
 
         const itemsToExpand = {};
         let itemToExpandKey: string;

diff --git a/src/providers/SsrProvider.tsx b/src/providers/SsrProvider.tsx
@@ -19,13 +19,14 @@ export const SsrProviderContext = React.createContext<ISsr>(null);
 export interface ISsrProviderProps extends ISsr, PropsWithChildren<any> {}
 
 export default function SsrProvider(props: ISsrProviderProps): JSX.Element {
+    const providerValue = React.useMemo(() => ({
+        history: props.history,
+        staticContext: props.staticContext,
+        preloadedData: props.preloadedData,
+    }), [props.history, props.preloadedData, props.staticContext]);
+
     return (
-        <SsrProviderContext.Provider value={{
-            history: props.history,
-            staticContext: props.staticContext,
-            preloadedData: props.preloadedData,
-        }}
-        >
+        <SsrProviderContext.Provider value={providerValue}>
             {props.children}
         </SsrProviderContext.Provider>
     );

diff --git a/src/reducers/auth.ts b/src/reducers/auth.ts
@@ -13,6 +13,7 @@ const initialState = {
     user: null,
     data: null,
 };
+// eslint-disable-next-line default-param-last
 export default (state = initialState, action) => {
     switch (action.type) {
         case AUTH_INIT: