chore: import order (#1249)

PahaN47 · web-flow · commit 52d693f177a4 · 2025-08-04T11:23:33.000+03:00
diff --git a/.eslintrc b/.eslintrc
@@ -2,6 +2,7 @@
     "extends": [
         "@gravity-ui/eslint-config",
         "@gravity-ui/eslint-config/prettier",
+        "@gravity-ui/eslint-config/import-order",
         "@gravity-ui/eslint-config/a11y",
         "plugin:react/jsx-runtime"
     ],
diff --git a/src/blocks/CardLayout/CardLayout.tsx b/src/blocks/CardLayout/CardLayout.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import isEmpty from 'lodash/isEmpty';
 
 import {AnimateBlock, BackgroundImage, Title} from '../../components';
diff --git a/src/blocks/CardLayout/__stories__/CardLayout.stories.tsx b/src/blocks/CardLayout/__stories__/CardLayout.stories.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import {Meta, StoryFn} from '@storybook/react';
 
 import {blockTransform} from '../../../../.storybook/utils';
diff --git a/src/blocks/ContentLayout/ContentLayout.tsx b/src/blocks/ContentLayout/ContentLayout.tsx
@@ -1,15 +1,15 @@
 import * as React from 'react';
 
 import {BackgroundImage, FileLink} from '../../components';
+import {BREAKPOINTS} from '../../constants';
 import {useTheme} from '../../context/theme';
+import {useWindowWidth} from '../../context/windowWidthContext';
 import {Col} from '../../grid';
 import {ContentLayoutBlockProps, ContentSize, ContentTextSize} from '../../models';
 import {Content} from '../../sub-blocks';
 import {block, getThemedValue} from '../../utils';
 
 import './ContentLayout.scss';
-import {useWindowWidth} from '../../context/windowWidthContext';
-import {BREAKPOINTS} from '../../constants';
 
 const b = block('content-layout-block');
 
diff --git a/src/blocks/FilterBlock/FilterBlock.tsx b/src/blocks/FilterBlock/FilterBlock.tsx
@@ -9,6 +9,7 @@ import {FilterBlockProps, FilterItem} from '../../models';
 import {block, getBlockKey} from '../../utils';
 
 import {i18n} from './i18n';
+
 import './FilterBlock.scss';
 
 const b = block('filter-block');
diff --git a/src/blocks/Form/__stories__/Form.stories.tsx b/src/blocks/Form/__stories__/Form.stories.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import {Meta, StoryFn} from '@storybook/react';
 import {v4 as uuidv4} from 'uuid';
 
diff --git a/src/blocks/Header/Header.tsx b/src/blocks/Header/Header.tsx
@@ -1,21 +1,23 @@
 /* eslint-disable complexity */
-import {useUniqId} from '@gravity-ui/uikit';
 import * as React from 'react';
 
+import {useUniqId} from '@gravity-ui/uikit';
+
 import {Button, Media, RouterLink} from '../../components';
 import HeaderBreadcrumbs from '../../components/HeaderBreadcrumbs/HeaderBreadcrumbs';
 import {getMediaImage} from '../../components/Media/Image/utils';
 import YFMWrapper from '../../components/YFMWrapper/YFMWrapper';
+import {BREAKPOINTS} from '../../constants';
 import {useTheme} from '../../context/theme';
+import {useWindowWidth} from '../../context/windowWidthContext';
 import {Col, Grid, Row} from '../../grid';
 import {ClassNameProps, HeaderBlockBackground, HeaderBlockProps} from '../../models';
 import {block, getThemedValue} from '../../utils';
 import {mergeVideoMicrodata} from '../../utils/microdata';
 
 import {getImageSize, getTitleSizes, titleWithImageSizes} from './utils';
+
 import './Header.scss';
-import {useWindowWidth} from '../../context/windowWidthContext';
-import {BREAKPOINTS} from '../../constants';
 
 const b = block('header-block');
 
diff --git a/src/blocks/Tabs/TabContent/TabContent.tsx b/src/blocks/Tabs/TabContent/TabContent.tsx
@@ -1,16 +1,18 @@
 import * as React from 'react';
-import {ContentSize, TabsBlockItem} from '../../../models';
+
+import {useUniqId} from '@gravity-ui/uikit';
+
+import {FullscreenImage, YFMWrapper} from '../../../components';
+import {getMediaImage} from '../../../components/Media/Image/utils';
+import Media from '../../../components/Media/Media';
+import {getHeight} from '../../../components/VideoBlock/VideoBlock';
 import {ProjectSettingsContext} from '../../../context/projectSettingsContext';
-import {block, getThemedValue} from '../../../utils';
 import {useTheme} from '../../../context/theme';
-import {getHeight} from '../../../components/VideoBlock/VideoBlock';
-import {getMediaImage} from '../../../components/Media/Image/utils';
-import TabsTextContent from '../TabsTextContent/TabsTextContent';
 import {Col, GridColumnOrderClasses, Row} from '../../../grid';
-import Media from '../../../components/Media/Media';
+import {ContentSize, TabsBlockItem} from '../../../models';
+import {block, getThemedValue} from '../../../utils';
 import {mergeVideoMicrodata} from '../../../utils/microdata';
-import {FullscreenImage, YFMWrapper} from '../../../components';
-import {useUniqId} from '@gravity-ui/uikit';
+import TabsTextContent from '../TabsTextContent/TabsTextContent';
 
 import './TabContent.scss';
 
diff --git a/src/blocks/Tabs/Tabs.tsx b/src/blocks/Tabs/Tabs.tsx
@@ -1,14 +1,17 @@
 import * as React from 'react';
 
+import {getUniqId} from '@gravity-ui/uikit';
+
 import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
 import ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';
 import Title from '../../components/Title/Title';
 import {Col, GridJustifyContent, Row} from '../../grid';
 import {TabsBlockProps} from '../../models';
 import {block} from '../../utils';
-import './Tabs.scss';
+
 import {TabContent} from './TabContent/TabContent';
-import {getUniqId} from '@gravity-ui/uikit';
+
+import './Tabs.scss';
 
 const b = block('tabs-block');
 
diff --git a/src/components/AnimateBlock/__tests__/AnimateBlock.test.tsx b/src/components/AnimateBlock/__tests__/AnimateBlock.test.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import {render, screen} from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 
diff --git a/src/components/BackgroundImage/__tests__/BackgroundImage.test.tsx b/src/components/BackgroundImage/__tests__/BackgroundImage.test.tsx
@@ -4,8 +4,8 @@ import {testCustomClassName, testCustomStyle} from '../../../../test-utils/share
 import {testSourceProps} from '../../../../test-utils/shared/image';
 import {BackgroundImageProps, Device} from '../../../models';
 import {getQaAttrubutes} from '../../../utils';
-import BackgroundImage from '../BackgroundImage';
 import {EMPTY_IMG} from '../../Image/Image';
+import BackgroundImage from '../BackgroundImage';
 
 const qa = 'background-image-component';
 
diff --git a/src/components/UnpublishedLabel/UnpublishedLabel.tsx b/src/components/UnpublishedLabel/UnpublishedLabel.tsx
@@ -3,6 +3,7 @@ import * as React from 'react';
 import {block} from '../../utils';
 
 import {i18n} from './i18n';
+
 import './UnpublishedLabel.scss';
 
 const b = block('unpublished-label');
diff --git a/src/components/YandexForm/YandexForm.tsx b/src/components/YandexForm/YandexForm.tsx
@@ -2,12 +2,12 @@ import * as React from 'react';
 
 import {LocaleContext} from '../../context/localeContext';
 import {MobileContext} from '../../context/mobileContext';
+import {ProjectSettingsContext} from '../../context/projectSettingsContext';
 import {useAnalytics} from '../../hooks';
 import {YandexFormProps} from '../../models';
 import {DefaultEventNames} from '../../models/common';
 import {block} from '../../utils';
 import {HEADER_HEIGHT} from '../constants';
-import {ProjectSettingsContext} from '../../context/projectSettingsContext';
 
 export const YANDEX_FORM_ORIGIN = 'https://forms.yandex.ru';
 export const YANDEX_FORM_SECTION = 'surveys';
diff --git a/src/containers/PageConstructor/Provider.tsx b/src/containers/PageConstructor/Provider.tsx
@@ -18,8 +18,8 @@ import {
 } from '../../context/projectSettingsContext';
 import {SSRContext, SSRContextProps} from '../../context/ssrContext';
 import {ThemeContext} from '../../context/theme';
-import {Theme} from '../../models';
 import {WindowWidthProvider} from '../../context/windowWidthContext';
+import {Theme} from '../../models';
 
 export interface PageConstructorProviderProps {
     isMobile?: boolean;
diff --git a/src/containers/PageConstructor/__stories__/PageConstructor.stories.tsx b/src/containers/PageConstructor/__stories__/PageConstructor.stories.tsx
@@ -2,9 +2,10 @@ import {Meta, StoryFn} from '@storybook/react';
 
 import {PageConstructor, PageConstructorProps} from '../PageConstructor';
 
-import data from './data.json';
 import {CustomBlocksTemplate} from './components/CustomBlocksTemplate';
 
+import data from './data.json';
+
 export default {
     title: 'Containers/PageConstructor',
     component: PageConstructor,
diff --git a/src/containers/PageConstructor/__stories__/components/CustomBlock/CustomBlock.tsx b/src/containers/PageConstructor/__stories__/components/CustomBlock/CustomBlock.tsx
@@ -1,9 +1,10 @@
 import {Link} from '@gravity-ui/uikit';
 
-import './CustomBlock.scss';
-import {cn} from '../../../../../utils';
-import {Title, YFMWrapper} from '../../../../../components';
 import {yfmTransform} from '../../../../../../.storybook/utils';
+import {Title, YFMWrapper} from '../../../../../components';
+import {cn} from '../../../../../utils';
+
+import './CustomBlock.scss';
 
 const b = cn('custom-block');
 
diff --git a/src/containers/PageConstructor/__stories__/components/CustomBlocksTemplate.tsx b/src/containers/PageConstructor/__stories__/components/CustomBlocksTemplate.tsx
@@ -1,12 +1,14 @@
 import {StoryFn} from '@storybook/react';
+
 import {CustomConfig} from '../../../../models';
 import {PageConstructor, PageConstructorProps} from '../../PageConstructor';
+
 import {CustomBlock} from './CustomBlock';
 import {CustomCard} from './CustomCard';
+import {customDecorator} from './CustomDecorator';
 import {CustomHeader} from './CustomHeader';
-import {CustomNavigationItem} from './CustomNavigationItem';
 import {CustomLoadableCard, loadCustomCardData} from './CustomLoadableCard';
-import {customDecorator} from './CustomDecorator';
+import {CustomNavigationItem} from './CustomNavigationItem';
 
 const customConfig: CustomConfig = {
     blocks: {
diff --git a/src/containers/PageConstructor/__stories__/components/CustomCard/CustomCard.tsx b/src/containers/PageConstructor/__stories__/components/CustomCard/CustomCard.tsx
@@ -1,13 +1,15 @@
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 import * as React from 'react';
+
 import {ArrowUturnCcwLeft} from '@gravity-ui/icons';
+import {Link} from '@gravity-ui/uikit';
+
+import {yfmTransform} from '../../../../../../.storybook/utils';
 import {CardBase, YFMWrapper} from '../../../../../components';
 import {cn} from '../../../../../utils';
 
 import './CustomCard.scss';
-import {Link} from '@gravity-ui/uikit';
-import {yfmTransform} from '../../../../../../.storybook/utils';
 
 const b = cn('custom-card');
 
diff --git a/src/containers/PageConstructor/__stories__/components/CustomDecorator/CustomDecorator.tsx b/src/containers/PageConstructor/__stories__/components/CustomDecorator/CustomDecorator.tsx
@@ -1,11 +1,13 @@
 import * as React from 'react';
+
+import {Link} from '@gravity-ui/uikit';
+
+import {yfmTransform} from '../../../../../../.storybook/utils';
+import {BlockBase, YFMWrapper} from '../../../../../components';
 import {BlockDecorator} from '../../../../../models';
 import {cn} from '../../../../../utils';
 
 import './CustomDecorator.scss';
-import {BlockBase, YFMWrapper} from '../../../../../components';
-import {Link} from '@gravity-ui/uikit';
-import {yfmTransform} from '../../../../../../.storybook/utils';
 
 const b = cn('custom-decorator');
 
diff --git a/src/containers/PageConstructor/__stories__/components/CustomHeader/CustomHeader.tsx b/src/containers/PageConstructor/__stories__/components/CustomHeader/CustomHeader.tsx
@@ -1,11 +1,12 @@
 import {Link} from '@gravity-ui/uikit';
+
+import {yfmTransform} from '../../../../../../.storybook/utils';
 import {HeaderBlock} from '../../../../../blocks';
 import {YFMWrapper} from '../../../../../components';
 import {HeaderBlockProps} from '../../../../../models';
 import {cn} from '../../../../../utils';
 
 import './CustomHeader.scss';
-import {yfmTransform} from '../../../../../../.storybook/utils';
 
 const b = cn('custom-header');
 
diff --git a/src/containers/PageConstructor/__stories__/components/CustomNavigationItem/CustomNavigationItem.tsx b/src/containers/PageConstructor/__stories__/components/CustomNavigationItem/CustomNavigationItem.tsx
@@ -1,8 +1,10 @@
 import {Button, Link, Popover} from '@gravity-ui/uikit';
+
+import {yfmTransform} from '../../../../../../.storybook/utils';
+import {YFMWrapper} from '../../../../../components';
 import {cn} from '../../../../../utils';
+
 import './CustomNavigationItem.scss';
-import {YFMWrapper} from '../../../../../components';
-import {yfmTransform} from '../../../../../../.storybook/utils';
 
 const b = cn('custom-navigation-item');
 
diff --git a/src/context/windowWidthContext/BreakpointContext.tsx b/src/context/windowWidthContext/BreakpointContext.tsx
@@ -1,7 +1,9 @@
 import * as React from 'react';
+
 import throttle from 'lodash/throttle';
-import {SSRContext} from '../ssrContext';
+
 import {BREAKPOINTS} from '../../constants';
+import {SSRContext} from '../ssrContext';
 
 const DEFAULT_WIDTH = BREAKPOINTS.xl;
 const UPDATE_FREQUENCY_MS = 100;
diff --git a/src/grid/Grid/Grid.tsx b/src/grid/Grid/Grid.tsx
@@ -2,8 +2,8 @@ import * as React from 'react';
 
 import {block} from '../../utils';
 
-import '../styles/bootstrap.scss';
 import './Grid.scss';
+import '../styles/bootstrap.scss';
 
 const b = block('Grid');
 
diff --git a/src/grid/Row/Row.tsx b/src/grid/Row/Row.tsx
@@ -1,8 +1,8 @@
 import * as React from 'react';
 
+import {AriaProps, Roleable} from '../../models';
 import {ClassNameProps, Refable} from '../../models/common';
 import {GridAlignItems, GridJustifyContent} from '../types';
-import {AriaProps, Roleable} from '../../models';
 
 export interface RowProps extends ClassNameProps, Refable<HTMLDivElement>, Roleable, AriaProps {
     id?: string;
diff --git a/src/models/navigation.ts b/src/models/navigation.ts
@@ -1,7 +1,7 @@
 import {ThemeSupporting} from '../utils';
 
-import {ButtonProps, ImageProps} from './constructor-items';
 import {AnalyticsEventsBase} from './common';
+import {ButtonProps, ImageProps} from './constructor-items';
 
 export enum NavigationItemType {
     Link = 'link',
diff --git a/src/sub-blocks/Divider/__stories__/Divider.stories.tsx b/src/sub-blocks/Divider/__stories__/Divider.stories.tsx
@@ -4,6 +4,7 @@ import {DividerProps} from '../../../models';
 import Divider from '../Divider';
 
 import data from './data.json';
+
 import './styles.scss';
 
 export default {
diff --git a/test-utils/shared/common.tsx b/test-utils/shared/common.tsx
@@ -1,6 +1,7 @@
+import * as React from 'react';
+
 import {render, screen} from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import * as React from 'react';
 
 import {QAProps} from '../../src/models/common';
 import {ERROR_INPUT_DATA_MESSAGE} from '../constants';
diff --git a/test-utils/shared/image.tsx b/test-utils/shared/image.tsx
@@ -1,6 +1,7 @@
-import {render, screen} from '@testing-library/react';
 import * as React from 'react';
 
+import {render, screen} from '@testing-library/react';
+
 import {getQaAttrubutes} from '../../src';
 import {QAProps} from '../../src/models';
 import {isCompressible} from '../../src/utils/imageCompress';

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`import * as React from 'react';`
	`2`	`+`
`2`	`3`	`import isEmpty from 'lodash/isEmpty';`
`3`	`4`
`4`	`5`	`import {AnimateBlock, BackgroundImage, Title} from '../../components';`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`import * as React from 'react';`
	`2`	`+`
`2`	`3`	`import {Meta, StoryFn} from '@storybook/react';`
`3`	`4`
`4`	`5`	`import {blockTransform} from '../../../../.storybook/utils';`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`import * as React from 'react';`
	`2`	`+`
`2`	`3`	`import {render, screen} from '@testing-library/react';`
`3`	`4`	`import userEvent from '@testing-library/user-event';`
`4`	`5`