chore: Fix lint errors

demo/src/Components/ConsentPopup/index.stories.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-
 import {ConsentPopup as Component} from '@diplodoc/components';
 import {Button, TextInput} from '@gravity-ui/uikit';
 

demo/src/Components/DocPage/index.stories.tsx

@@ -1,7 +1,5 @@
 import {join} from 'path';
-
 import React, {useCallback, useEffect, useState} from 'react';
-
 import {
     DEFAULT_SETTINGS,
     DocPage,
@@ -17,7 +15,6 @@ import cn from 'bem-cn-lite';
 import {updateBodyClassName} from '../utils';
 
 import {getContent} from './data';
-
 import './index.scss';
 
 const layoutBlock = cn('Layout');

demo/src/Components/ErrorPage/index.stories.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-
 import {ERROR_CODES, ErrorPage} from '@diplodoc/components';
 
 const ErrorPageDemo = (args) => {

demo/src/Components/LeadingPage/index.stories.tsx

@@ -1,5 +1,4 @@
 import React, {useEffect} from 'react';
-
 import {DocLeadingPage, DocLeadingPageData, Theme} from '@diplodoc/components';
 import cn from 'bem-cn-lite';
 

demo/src/Components/Paginator/index.stories.tsx

@@ -1,5 +1,4 @@
 import React, {useState} from 'react';
-
 import {Paginator as Component} from '@diplodoc/components';
 
 const PaginatorDemo = () => {

demo/src/Components/SearchItem/index.stories.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-
 import {SearchItem as Component} from '@diplodoc/components';
 
 import data from './page.json';

demo/src/Components/SearchPage/index.stories.tsx

@@ -1,9 +1,11 @@
 import React, {useState} from 'react';
-
 import {ISearchItem, SearchPage} from '@diplodoc/components';
 
 import mockData from './data';
 
+// eslint-disable-next-line no-console, @typescript-eslint/no-explicit-any
+const log = (...message: any[]) => console.log(...message);
+
 const SearchPageDemo = (args) => {
     const isMobile = args['Mobile'];
     const [page, setPage] = useState(1);
@@ -24,9 +26,9 @@ const SearchPageDemo = (args) => {
                     setItems(getItems(newPage, mockData));
                 }}
                 onSubmit={() => setItems(getItems(page, mockData))}
-                itemOnClick={(item) => console.log('Click on search result', item)}
-                irrelevantOnClick={(item) => console.log('Click on dislike button', item)}
-                relevantOnClick={(item) => console.log('Click on like  button', item)}
+                itemOnClick={(item) => log('Click on search result', item)}
+                irrelevantOnClick={(item) => log('Click on dislike button', item)}
+                relevantOnClick={(item) => log('Click on like  button', item)}
                 itemsPerPage={2}
                 totalItems={mockData.length}
             />

demo/src/Components/SearchSuggest/index.stories.tsx

@@ -1,11 +1,10 @@
-import React, {useState} from 'react';
-
 import type {SearchProvider, SearchResult} from '@diplodoc/components';
+
+import React, {useState} from 'react';
 import {SearchSuggest as Component} from '@diplodoc/components';
 import block from 'bem-cn-lite';
 
 import data from './page.json';
-
 import './index.scss';
 
 const b = block('header');

src/components/BookmarkButton/BookmarkButton.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-
 import {Star, StarFill} from '@gravity-ui/icons';
 import {Button} from '@gravity-ui/uikit';
 import block from 'bem-cn-lite';

src/components/Breadcrumbs/Breadcrumbs.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-
 import block from 'bem-cn-lite';
 
 import {BreadcrumbItem} from '../../models';

src/components/ConsentPopup/ConsentPopup.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-
 import {ConsentManager, ConsentMode, CookieConsent} from '@gravity-ui/components';
 
 import {AnalyticsParams, useAnalytics} from '../../hooks';

src/components/ContributorAvatars/Avatars/Avatar.tsx

@@ -1,11 +1,9 @@
 import React, {BaseSyntheticEvent} from 'react';
-
 import block from 'bem-cn-lite';
 
 import {Contributor} from '../../../models';
 import {AvatarData, AvatarSizes, PopupData} from '../models';
 import {getUserIdentificator} from '../utils';
-
 import '../ContributorAvatars.scss';
 
 const b = block('dc-contributor-avatars');

src/components/ContributorAvatars/Avatars/Details.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-
 import {Link, Popup} from '@gravity-ui/uikit';
 import block from 'bem-cn-lite';
 
@@ -10,6 +9,7 @@ import {getName} from '../utils';
 
 import Avatar from './Avatar';
 
+// eslint-disable-next-line import/order
 import '../ContributorAvatars.scss';
 
 const b = block('dc-contributor-avatars');

src/components/ContributorAvatars/Avatars/HiddenAvatars.tsx

@@ -1,12 +1,12 @@
 import React, {BaseSyntheticEvent, Fragment, useRef, useState} from 'react';
-
 import block from 'bem-cn-lite';
 
 import {Contributor} from '../../../models';
 import {AvatarSizes, PopupData} from '../models';
 
 import Details from './Details';
 
+// eslint-disable-next-line import/order
 import '../ContributorAvatars.scss';
 
 const b = block('dc-contributor-avatars');

src/components/ContributorAvatars/ContributorAvatars.tsx

@@ -1,5 +1,4 @@
 import React, {Fragment, ReactElement} from 'react';
-
 import {Link} from '@gravity-ui/uikit';
 import block from 'bem-cn-lite';
 
@@ -10,7 +9,6 @@ import AvatarWithDescription from './Avatars/AvatarWithDescription';
 import HiddenAvatars from './Avatars/HiddenAvatars';
 import {AvatarData, AvatarSizes} from './models';
 import {getName} from './utils';
-
 import './ContributorAvatars.scss';
 
 const b = block('dc-contributor-avatars');

src/components/Contributors/Contributors.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-
 import block from 'bem-cn-lite';
 
 import {useTranslation} from '../../hooks';

src/components/Control/Control.tsx

@@ -1,5 +1,4 @@
 import React, {forwardRef, useCallback, useImperativeHandle, useRef} from 'react';
-
 import {Button, ButtonProps, Popup, useDirection} from '@gravity-ui/uikit';
 import block from 'bem-cn-lite';
 

src/components/Controls/Controls.tsx

@@ -1,5 +1,4 @@
 import React, {memo, useContext} from 'react';
-
 import block from 'bem-cn-lite';
 
 import {FeedbackSendData, Lang, SubscribeData, TextSizes, Theme} from '../../models';
@@ -18,6 +17,7 @@ import {
     SinglePageControl,
 } from './';
 
+// eslint-disable-next-line import/order
 import './Controls.scss';
 
 const b = block('dc-controls');

src/components/Controls/ControlsLayout.tsx

@@ -1,5 +1,4 @@
 import React, {PropsWithChildren, createContext} from 'react';
-
 import block from 'bem-cn-lite';
 
 import {PopperPosition} from '../../hooks';

src/components/Controls/single-controls/DividerControl/DividerControl.tsx

@@ -1,5 +1,4 @@
 import React, {useContext} from 'react';
-
 import cn from 'bem-cn-lite';
 
 import {ControlsLayoutContext} from '../../ControlsLayout';

src/components/Controls/single-controls/EditControl.tsx

@@ -1,5 +1,4 @@
 import React, {memo, useContext} from 'react';
-
 import {Pencil} from '@gravity-ui/icons';
 import {Button} from '@gravity-ui/uikit';
 import block from 'bem-cn-lite';

src/components/Controls/single-controls/FullScreenControl.tsx

@@ -1,5 +1,4 @@
 import React, {memo, useCallback, useContext, useEffect} from 'react';
-
 import {SquareDashed, SquareDashedCircle} from '@gravity-ui/icons';
 
 import {useTranslation} from '../../../hooks';

src/components/Controls/single-controls/LangControl/LangControl.tsx

@@ -1,5 +1,4 @@
 import React, {useCallback, useContext, useMemo, useRef} from 'react';
-
 import {Globe} from '@gravity-ui/icons';
 import {List, Popover} from '@gravity-ui/uikit';
 import block from 'bem-cn-lite';

src/components/Controls/single-controls/PdfControl.tsx

@@ -1,5 +1,4 @@
 import React, {memo, useContext} from 'react';
-
 import {Icon} from '@gravity-ui/uikit';
 
 import {useTranslation} from '../../../hooks';

src/components/Controls/single-controls/SettingsControl/SettingsControl.tsx

@@ -1,5 +1,4 @@
 import React, {ReactElement, useCallback, useContext, useRef, useState} from 'react';
-
 import {Gear} from '@gravity-ui/icons';
 import {Button, List, Popover, Switch, useDirection} from '@gravity-ui/uikit';
 import cn from 'bem-cn-lite';

src/components/Controls/single-controls/SinglePageControl.tsx

@@ -1,5 +1,4 @@
 import React, {memo, useCallback, useContext} from 'react';
-
 import {ChevronsCollapseToLine, ChevronsExpandToLines} from '@gravity-ui/icons';
 import block from 'bem-cn-lite';
 

src/components/DocContentPage/DocContentPage.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-
 import block from 'bem-cn-lite';
 
 import {DEFAULT_SETTINGS} from '../../constants';

src/components/DocLayout/DocLayout.tsx

@@ -1,5 +1,4 @@
 import React, {PropsWithChildren, ReactElement} from 'react';
-
 import block from 'bem-cn-lite';
 
 import {Router, TocData} from '../../models';

src/components/DocLeadingPage/DocLeadingPage.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-
 import block from 'bem-cn-lite';
 
 import {DEFAULT_SETTINGS} from '../../constants';

src/components/DocPage/DocPage.tsx

@@ -1,5 +1,4 @@
 import React, {ReactPortal} from 'react';
-
 import {Link, Xmark} from '@gravity-ui/icons';
 import {Button, Icon} from '@gravity-ui/uikit';
 import block from 'bem-cn-lite';

src/components/DocPageTitle/DocPageTitle.tsx

@@ -1,5 +1,4 @@
 import React, {PropsWithChildren} from 'react';
-
 import block from 'bem-cn-lite';
 
 import {StageLabel, StageType} from '../StageLabel';

src/components/ErrorBoundary/ErrorBoundary.tsx

@@ -1,5 +1,4 @@
 import React, {PropsWithChildren} from 'react';
-
 import isEqual from 'lodash/isEqual';
 
 import {ErrorPage} from '../ErrorPage';

src/components/ErrorPage/ErrorPage.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-
 import {Button, Link} from '@gravity-ui/uikit';
 import block from 'bem-cn-lite';
 

src/components/Feedback/Feedback.tsx

@@ -1,5 +1,4 @@
 import React, {PropsWithChildren, useCallback, useEffect, useRef, useState} from 'react';
-
 import block from 'bem-cn-lite';
 
 import {usePopupState, useTranslation} from '../../hooks';
@@ -9,7 +8,6 @@ import DislikeControl from './controls/DislikeControl';
 import DislikeVariantsPopup, {FormData} from './controls/DislikeVariantsPopup';
 import LikeControl from './controls/LikeControl';
 import SuccessPopup from './controls/SuccessPopup';
-
 import './Feedback.scss';
 
 const b = block('dc-feedback');

src/components/Feedback/controls/DislikeControl.tsx

@@ -1,5 +1,4 @@
 import React, {forwardRef, memo, useContext} from 'react';
-
 import {ThumbsDown, ThumbsDownFill} from '@gravity-ui/icons';
 import {Button} from '@gravity-ui/uikit';
 import block from 'bem-cn-lite';

src/components/Feedback/controls/DislikeVariantsPopup.tsx

@@ -10,7 +10,6 @@ import React, {
     useRef,
     useState,
 } from 'react';
-
 import {Button, Checkbox, Popup, TextArea, useDirection} from '@gravity-ui/uikit';
 import block from 'bem-cn-lite';
 

src/components/Feedback/controls/LikeControl.tsx

@@ -1,10 +1,10 @@
-import React, {forwardRef, memo, useContext} from 'react';
+import type {PopperPosition} from '../../../hooks';
 
+import React, {forwardRef, memo, useContext} from 'react';
 import {ThumbsUp, ThumbsUpFill} from '@gravity-ui/icons';
 import {Button} from '@gravity-ui/uikit';
 import block from 'bem-cn-lite';
 
-import type {PopperPosition} from '../../../hooks';
 import {useTranslation} from '../../../hooks';
 import {Control} from '../../Control';
 import {ControlsLayoutContext} from '../../Controls/ControlsLayout';

src/components/Feedback/controls/SuccessPopup.tsx

@@ -1,5 +1,4 @@
 import React, {RefObject, memo, useContext, useMemo} from 'react';
-
 import {Popup, useDirection} from '@gravity-ui/uikit';
 import block from 'bem-cn-lite';
 

src/components/Mark/Mark.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-
 import block from 'bem-cn-lite';
 
 import './Mark.scss';

src/components/MiniToc/MiniToc.tsx

@@ -1,5 +1,4 @@
 import React, {memo, useMemo} from 'react';
-
 import block from 'bem-cn-lite';
 
 import {useTranslation} from '../../hooks';

src/components/Paginator/Paginator.tsx

@@ -1,5 +1,4 @@
 import React, {ReactNode} from 'react';
-
 import {ArrowLeft, ArrowRight} from '@gravity-ui/icons';
 import {Button} from '@gravity-ui/uikit';
 import block from 'bem-cn-lite';

src/components/Scrollspy/Scrollspy.tsx

@@ -1,5 +1,4 @@
 import React, {HTMLProps, ReactElement} from 'react';
-
 import debounce from 'lodash/debounce';
 import isEqual from 'lodash/isEqual';
 import scrollIntoView from 'scroll-into-view-if-needed';

src/components/SearchBar/SearchBar.tsx

@@ -1,5 +1,4 @@
 import React, {memo} from 'react';
-
 import {ChevronLeft, Xmark} from '@gravity-ui/icons';
 import block from 'bem-cn-lite';
 import {useHotkeys} from 'react-hotkeys-hook';

src/components/SearchBar/hooks.ts

@@ -1,5 +1,4 @@
 import {SyntheticEvent, useCallback, useEffect, useRef, useState} from 'react';
-
 import throttle from 'lodash/throttle';
 
 import {CLASSNAME, CLASSNAME_SELECTED, HIGHLIGHT_OPTIONS} from './constants';

src/components/SearchItem/SearchItem.tsx

@@ -1,5 +1,4 @@
 import React, {memo, useState} from 'react';
-
 import {Button} from '@gravity-ui/uikit';
 import block from 'bem-cn-lite';
 

src/components/SearchPage/SearchPage.tsx

@@ -1,5 +1,4 @@
 import React, {useRef, useState} from 'react';
-
 import {Button, Loader, TextInput} from '@gravity-ui/uikit';
 import block from 'bem-cn-lite';
 

src/components/SearchSuggest/SearchInput.tsx

@@ -1,6 +1,6 @@
 import type {KeyboardEvent} from 'react';
-import React, {forwardRef, memo} from 'react';
 
+import React, {forwardRef, memo} from 'react';
 import {TextInput, TextInputSize} from '@gravity-ui/uikit';
 import block from 'bem-cn-lite';
 

src/components/SearchSuggest/Suggest.tsx

@@ -1,15 +1,14 @@
 import type {ReactNode} from 'react';
-import React, {forwardRef, memo, useEffect} from 'react';
+import type {SearchProvider, SearchSuggestItem} from './types';
 
+import React, {forwardRef, memo, useEffect} from 'react';
 import {List, ListItemData, Loader} from '@gravity-ui/uikit';
 import block from 'bem-cn-lite';
 import pick from 'lodash/pick';
 
 import {useTranslation} from '../../hooks';
 
-import type {SearchProvider, SearchSuggestItem} from './types';
 import {useProvider} from './useProvider';
-
 import './index.scss';
 
 const b = block('dc-search-suggest');