@gravity-ui/page-constructor 2.4.0 → 2.5.0

package/build/esm/blocks/FilterBlock/FilterBlock.js

@@ -1,11 +1,11 @@
 import React, { useMemo, useState } from 'react';
-import i18n from './i18n';
-import { block } from '../../utils';
-import { BlockType } from '../../models';
-import { Row, Col } from '../../grid';
-import { BlockHeader, AnimateBlock } from '../../components';
+import { AnimateBlock, BlockHeader } from '../../components';
 import ButtonTabs from '../../components/ButtonTabs/ButtonTabs';
 import { ConstructorBlocks } from '../../containers/PageConstructor/components/ConstructorBlocks';
+import { Col, Row } from '../../grid';
+import { BlockType } from '../../models';
+import { block } from '../../utils';
+import i18n from './i18n';
 import './FilterBlock.css';
 const b = block('filter-block');
 const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items, colSizes, centered, animated, }) => {

package/build/esm/blocks/Header/Header.js

@@ -1,13 +1,13 @@
 import React, { useContext } from 'react';
-import { block, getThemedValue } from '../../utils';
-import { Button, Media, RouterLink, HTML } from '../../components';
-import { Grid, Row, Col } from '../../grid';
-import { getImageSize, getTitleSizes, titleWithImageSizes } from './utils';
-import { MobileContext } from '../../context/mobileContext';
-import YFMWrapper from '../../components/YFMWrapper/YFMWrapper';
+import { Button, HTML, Media, RouterLink } from '../../components';
 import HeaderBreadcrumbs from '../../components/HeaderBreadcrumbs/HeaderBreadcrumbs';
-import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
 import { getMediaImage } from '../../components/Media/Image/utils';
+import YFMWrapper from '../../components/YFMWrapper/YFMWrapper';
+import { MobileContext } from '../../context/mobileContext';
+import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
+import { Col, Grid, Row } from '../../grid';
+import { block, getThemedValue } from '../../utils';
+import { getImageSize, getTitleSizes, titleWithImageSizes } from './utils';
 import './Header.css';
 const b = block('header-block');
 const Background = ({ background, isMobile }) => {

package/build/esm/blocks/Header/schema.js

@@ -1,6 +1,6 @@
-import { VideoProps, withTheme, BlockBaseProps, ButtonBlock, MediaProps, } from '../../schema/validators/common';
-import { filteredArray } from '../../schema/validators/utils';
 import { ImageProps } from '../../components/Image/schema';
+import { BlockBaseProps, ButtonBlock, MediaProps, VideoProps, withTheme, } from '../../schema/validators/common';
+import { filteredArray } from '../../schema/validators/utils';
 export const HeaderBackgroundProps = {
     type: 'object',
     additionalProperties: false,

package/build/esm/blocks/HeaderSlider/HeaderSlider.js

@@ -1,10 +1,10 @@
 import { __rest } from "tslib";
 import React, { useContext } from 'react';
-import { block } from '../../utils';
+import { MobileContext } from '../../context/mobileContext';
 import { SliderType } from '../../models';
-import { SliderBlock } from '../index';
+import { block } from '../../utils';
 import Header from '../Header/Header';
-import { MobileContext } from '../../context/mobileContext';
+import { SliderBlock } from '../index';
 import './HeaderSlider.css';
 const b = block('header-slider-block');
 export const HeaderSliderBlock = (_a) => {

package/build/esm/blocks/Icons/Icons.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
-import { block, getLinkProps } from '../../utils';
 import { BlockHeader, Image } from '../../components';
 import { LocationContext } from '../../context/locationContext';
+import { block, getLinkProps } from '../../utils';
 import './Icons.css';
 const b = block('icons-block');
 const Icons = ({ title, size = 's', items }) => {

package/build/esm/blocks/Info/Info.js

@@ -1,8 +1,8 @@
 import React, { useContext } from 'react';
-import { block, getThemedValue } from '../../utils';
-import { Grid, Row, Col } from '../../grid';
 import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
+import { Col, Grid, Row } from '../../grid';
 import Content from '../../sub-blocks/Content/Content';
+import { block, getThemedValue } from '../../utils';
 import './Info.css';
 const b = block('info-block');
 const sizes = { md: 6, all: 12 };

package/build/esm/blocks/Info/schema.js

@@ -1,6 +1,6 @@
 import _ from 'lodash';
+import { BaseProps, ButtonBlock, LinkProps, ThemeProps, withTheme, } from '../../schema/validators/common';
 import { filteredArray } from '../../schema/validators/utils';
-import { BaseProps, LinkProps, ThemeProps, withTheme, ButtonBlock, } from '../../schema/validators/common';
 import { ContentBase } from '../../sub-blocks/Content/schema';
 const ContentProps = {
     additionalProperties: false,

package/build/esm/blocks/LinkTable/LinkTable.js

@@ -1,9 +1,9 @@
 import { __rest } from "tslib";
 import React from 'react';
-import { block } from '../../utils';
-import { Row, Col, GridColumnSize } from '../../grid';
-import Link from '../../components/Link/Link';
 import BlockHeader from '../../components/BlockHeader/BlockHeader';
+import Link from '../../components/Link/Link';
+import { Col, GridColumnSize, Row } from '../../grid';
+import { block } from '../../utils';
 import './LinkTable.css';
 const b = block('LinkTable');
 const LinkTable = ({ items, title, description, linkTheme = 'normal' }) => {

package/build/esm/blocks/LinkTable/schema.js

@@ -1,5 +1,5 @@
+import { BlockBaseProps, BlockHeaderProps, LinkProps } from '../../schema/validators/common';
 import { filteredArray } from '../../schema/validators/utils';
-import { LinkProps, BlockBaseProps, BlockHeaderProps } from '../../schema/validators/common';
 export const LinkTableBlock = {
     'link-table-block': {
         additionalProperties: false,

package/build/esm/blocks/Media/Media.js

@@ -1,8 +1,8 @@
 import React, { useContext, useState } from 'react';
-import { getThemedValue } from '../../utils';
 import Media from '../../components/Media/Media';
 import MediaBase from '../../components/MediaBase/MediaBase';
 import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
+import { getThemedValue } from '../../utils';
 export const MediaBlock = (props) => {
     const { media } = props;
     const [play, setPlay] = useState(false);

package/build/esm/blocks/Media/schema.js

@@ -1,5 +1,5 @@
 import { omit } from 'lodash';
-import { BlockBaseProps, ButtonBlock, MediaProps, AnimatableProps, mediaDirection, } from '../../schema/validators/common';
+import { AnimatableProps, BlockBaseProps, ButtonBlock, MediaProps, mediaDirection, } from '../../schema/validators/common';
 import { ContentBase } from '../../sub-blocks/Content/schema';
 export const Media = {
     type: 'object',

package/build/esm/blocks/Preview/MediaContent/MediaContent.d.ts

@@ -10,5 +10,5 @@ interface MediaContentProps extends Refable<HTMLDivElement> {
     isActiveBlock: (id: number, isMediaBlock?: boolean) => boolean;
     showMediaContent: (id: number) => void;
 }
-declare const MediaContent: React.ForwardRefExoticComponent<Pick<MediaContentProps, "title" | "items" | "description" | "ratioMediaContent" | "switching" | "isActiveBlock" | "showMediaContent"> & React.RefAttributes<HTMLDivElement>>;
+declare const MediaContent: React.ForwardRefExoticComponent<Pick<MediaContentProps, "title" | "description" | "items" | "ratioMediaContent" | "switching" | "isActiveBlock" | "showMediaContent"> & React.RefAttributes<HTMLDivElement>>;
 export default MediaContent;

package/build/esm/blocks/Preview/MediaContent/MediaContent.js

@@ -1,10 +1,10 @@
-import React, { forwardRef, Fragment, useContext, useEffect, useState } from 'react';
-import { block, getThemedValue } from '../../../utils';
+import React, { Fragment, forwardRef, useContext, useEffect, useState } from 'react';
+import { HTML, YFMWrapper } from '../../../components/';
+import { ThemeValueContext } from '../../../context/theme/ThemeValueContext';
 import { Col, GridColumnSize } from '../../../grid';
-import { YFMWrapper, HTML } from '../../../components/';
+import { block, getThemedValue } from '../../../utils';
 import PreviewContent from './PreviewContent';
 import PreviewMedia from './PreviewMedia';
-import { ThemeValueContext } from '../../../context/theme/ThemeValueContext';
 import './MediaContent.css';
 const b = block('preview-media-content-block');
 const MediaContent = forwardRef((props, ref) => {

package/build/esm/blocks/Preview/MediaContent/PreviewContent.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { block } from '../../../utils';
 import YFMWrapper from '../../../components/YFMWrapper/YFMWrapper';
+import { block } from '../../../utils';
 import './PreviewContent.css';
 const b = block('preview-content-block');
 const PreviewContent = (props) => {

package/build/esm/blocks/Preview/MediaContent/PreviewMedia.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { block } from '../../../utils';
 import Media from '../../../components/Media/Media';
+import { block } from '../../../utils';
 import './PreviewMedia.css';
 const b = block('preview-media-block');
 const PreviewMedia = (props) => {

package/build/esm/blocks/Preview/Preview.js

@@ -1,11 +1,11 @@
-import { block, doSmoothScroll } from '../../utils';
 import React, { useCallback, useContext, useEffect, useState } from 'react';
-import { BreakpointContext } from '../../context/breakpointContext';
 import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
-import MediaContent from './MediaContent/MediaContent';
-import { Row } from '../../grid';
 import { BREAKPOINTS } from '../../constants';
+import { BreakpointContext } from '../../context/breakpointContext';
+import { Row } from '../../grid';
 import { useIntersection } from '../../hooks/useIntersection';
+import { block, doSmoothScroll } from '../../utils';
+import MediaContent from './MediaContent/MediaContent';
 import './Preview.css';
 const b = block('preview-block');
 const SWITCHING_INTERVAL = 5 * 1000;

package/build/esm/blocks/Preview/schema.js

@@ -1,5 +1,5 @@
-import { filteredArray } from '../../schema/validators/utils';
 import { AnimatableProps, BaseProps, mediaDirection, withTheme, } from '../../schema/validators/common';
+import { filteredArray } from '../../schema/validators/utils';
 import { Media } from '../Media/schema';
 const previewRatioMediaContent = ['2-1', '1-1'];
 const PreviewContentItem = {

package/build/esm/blocks/PromoFeaturesBlock/PromoFeaturesBlock.js

@@ -1,12 +1,12 @@
 import React from 'react';
-import { block } from '../../utils';
-import { BREAKPOINTS } from '../../constants';
-import YFMWrapper from '../../components/YFMWrapper/YFMWrapper';
-import Media from '../../components/Media/Media';
-import BlockHeader from '../../components/BlockHeader/BlockHeader';
 import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
-import FullWidthBackground from '../../components/FullWidthBackground/FullWidthBackground';
 import BalancedMasonry from '../../components/BalancedMasonry/BalancedMasonry';
+import BlockHeader from '../../components/BlockHeader/BlockHeader';
+import FullWidthBackground from '../../components/FullWidthBackground/FullWidthBackground';
+import Media from '../../components/Media/Media';
+import YFMWrapper from '../../components/YFMWrapper/YFMWrapper';
+import { BREAKPOINTS } from '../../constants';
+import { block } from '../../utils';
 import './PromoFeaturesBlock.css';
 const b = block('PromoFeaturesBlock');
 const breakpointColumns = {

package/build/esm/blocks/Questions/Questions.js

@@ -1,9 +1,9 @@
 import React, { useState } from 'react';
-import { block } from '../../utils';
+import { Foldable, HTML, ToggleArrow, YFMWrapper } from '../../components';
 import Link from '../../components/Link/Link';
-import { YFMWrapper, ToggleArrow, Foldable, HTML } from '../../components';
-import { Row, Col } from '../../grid';
+import { Col, Row } from '../../grid';
 import { Content } from '../../sub-blocks';
+import { block } from '../../utils';
 import './Questions.css';
 const b = block('QuestionsBlock');
 const QuestionsBlock = (props) => {

package/build/esm/blocks/Questions/schema.js

@@ -1,5 +1,5 @@
 import _ from 'lodash';
-import { LinkProps, BlockBaseProps } from '../../schema/validators/common';
+import { BlockBaseProps, LinkProps } from '../../schema/validators/common';
 import { filteredArray } from '../../schema/validators/utils';
 import { ContentBase } from '../../sub-blocks/Content/schema';
 const QuestionsBlockContentProps = _.omit(ContentBase, ['size', 'theme']);

package/build/esm/blocks/Security/Security.js

@@ -1,7 +1,7 @@
 import React from 'react';
+import { AnimateBlock, FullWidthBackground, HTML, Link, Media } from '../../components';
+import { Col, Grid, Row } from '../../grid';
 import { block } from '../../utils';
-import { FullWidthBackground, HTML, Media, Link, AnimateBlock } from '../../components';
-import { Grid, Row, Col } from '../../grid';
 import './Security.css';
 const b = block('SecurityBlock');
 export const SecurityBlock = (props) => {

package/build/esm/blocks/Security/schema.js

@@ -1,6 +1,6 @@
 import _ from 'lodash';
+import { AnimatableProps, BaseProps, LinkProps, ThemeProps } from '../../schema/validators/common';
 import { filteredArray } from '../../schema/validators/utils';
-import { BaseProps, AnimatableProps, LinkProps, ThemeProps } from '../../schema/validators/common';
 import { Media } from '../Media/schema';
 export const SecurityBlock = {
     'security-block': {

package/build/esm/blocks/Share/Share.js

@@ -1,15 +1,15 @@
-import React, { useContext, useCallback } from 'react';
-import { Icon, Button } from '@gravity-ui/uikit';
-import { block, getAbsolutePath, getShareLink } from '../../utils';
-import { DefaultEventNames } from '../../models';
+import React, { useCallback, useContext } from 'react';
+import { Button, Icon } from '@gravity-ui/uikit';
 import { LocationContext } from '../../context/locationContext';
-import i18n from './i18n';
 import { useAnalytics } from '../../hooks';
 import { Facebook } from '../../icons/Facebook';
-import { Twitter } from '../../icons/Twitter';
 import { Linkedin } from '../../icons/Linkedin';
-import { Vk } from '../../icons/Vk';
 import { Telegram } from '../../icons/Telegram';
+import { Twitter } from '../../icons/Twitter';
+import { Vk } from '../../icons/Vk';
+import { DefaultEventNames } from '../../models';
+import { block, getAbsolutePath, getShareLink } from '../../utils';
+import i18n from './i18n';
 import './Share.css';
 const icons = {
     facebook: Facebook,

package/build/esm/blocks/Simple/Simple.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { block } from '../../utils';
 import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
 import BlockHeader from '../../components/BlockHeader/BlockHeader';
 import YFMWrapper from '../../components/YFMWrapper/YFMWrapper';
+import { block } from '../../utils';
 import './Simple.css';
 const b = block('simple-block');
 export const SimpleBlock = (props) => {

package/build/esm/blocks/Simple/schema.js

@@ -1,4 +1,4 @@
-import { BlockBaseProps, TitleProps, AnimatableProps, ChildrenProps, } from '../../schema/validators/common';
+import { AnimatableProps, BlockBaseProps, ChildrenProps, TitleProps, } from '../../schema/validators/common';
 export const SimpleBlock = {
     'simple-block': {
         additionalProperties: false,

package/build/esm/blocks/Slider/Arrow/Arrow.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { block } from '../../../utils';
 import ToggleArrow from '../../../components/ToggleArrow/ToggleArrow';
+import { block } from '../../../utils';
 import './Arrow.css';
 const b = block('slider-block-arrow');
 const Arrow = ({ type, handleClick, className, size = 16 }) => (React.createElement("div", { className: b({ type }, className) },

package/build/esm/blocks/Slider/Slider.d.ts

@@ -1,7 +1,7 @@
 import { Settings } from 'react-slick';
-import { Refable, SliderProps as SliderParams, ClassNameProps, WithChildren } from '../../models';
-import './slick.css';
+import { ClassNameProps, Refable, SliderProps as SliderParams, WithChildren } from '../../models';
 import './Slider.css';
+import './slick.css';
 export interface SliderProps extends Omit<SliderParams, 'children'>, Refable<HTMLDivElement>, ClassNameProps, Pick<Settings, 'lazyLoad'> {
     type?: string;
     anchorId?: string;

package/build/esm/blocks/Slider/Slider.js

@@ -1,21 +1,21 @@
 import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
-import SlickSlider from 'react-slick';
 import _ from 'lodash';
-import { block } from '../../utils';
-import { SliderType, } from '../../models';
-import Arrow from './Arrow/Arrow';
-import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
+import SlickSlider from 'react-slick';
 import Anchor from '../../components/Anchor/Anchor';
-import { getSliderResponsiveParams, getSlidesCountByBreakpoint, getSlidesToShowCount, getSlidesToShowWithDefaults, } from './utils';
-import { BREAKPOINTS } from '../../constants';
+import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
 import BlockHeader from '../../components/BlockHeader/BlockHeader';
-import { StylesContext } from '../../context/stylesContext/StylesContext';
-import { MobileContext } from '../../context/mobileContext';
 import OutsideClick from '../../components/OutsideClick/OutsideClick';
+import { BREAKPOINTS } from '../../constants';
+import { MobileContext } from '../../context/mobileContext';
+import { SSRContext } from '../../context/ssrContext';
+import { StylesContext } from '../../context/stylesContext/StylesContext';
 import useFocus from '../../hooks/useFocus';
-import './slick.css';
+import { SliderType, } from '../../models';
+import { block } from '../../utils';
+import Arrow from './Arrow/Arrow';
+import { getSliderResponsiveParams, getSlidesCountByBreakpoint, getSlidesToShowCount, getSlidesToShowWithDefaults, } from './utils';
 import './Slider.css';
-import { SSRContext } from '../../context/ssrContext';
+import './slick.css';
 const b = block('SliderBlock');
 const slick = block('slick-origin');
 const DOT_WIDTH = 8;

package/build/esm/blocks/Slider/schema.js

@@ -1,4 +1,4 @@
-import { BlockBaseProps, AnimatableProps, ChildrenCardsProps, sliderSizesObject, textSize, BlockHeaderProps, } from '../../schema/validators/common';
+import { AnimatableProps, BlockBaseProps, BlockHeaderProps, ChildrenCardsProps, sliderSizesObject, textSize, } from '../../schema/validators/common';
 const LoadableProps = {
     additionalProperties: false,
     required: ['source'],

package/build/esm/blocks/Slider/utils.js

@@ -1,5 +1,5 @@
-import { SliderBreakpointNames } from './models';
 import { BREAKPOINTS } from '../../constants';
+import { SliderBreakpointNames } from './models';
 export const DEFAULT_SLIDE_BREAKPOINTS = {
     [SliderBreakpointNames.Xl]: 3,
     [SliderBreakpointNames.Lg]: 2,

package/build/esm/blocks/Table/Table.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { block } from '../../utils';
-import { Grid, Row, Col, GridColumnSize } from '../../grid';
 import { Table } from '../../components';
+import { Col, Grid, GridColumnSize, Row } from '../../grid';
+import { block } from '../../utils';
 import './Table.css';
 const b = block('table-block');
 export const TableBlock = (props) => {

package/build/esm/blocks/Table/schema.js

@@ -1,4 +1,4 @@
-import { BlockBaseProps, BaseProps, JustifyProps } from '../../schema/validators/common';
+import { BaseProps, BlockBaseProps, JustifyProps } from '../../schema/validators/common';
 export const TableBlock = {
     'table-block': {
         additionalProperties: false,

package/build/esm/blocks/Tabs/Tabs.js

@@ -1,15 +1,15 @@
 import React, { Fragment, useContext, useRef, useState } from 'react';
-import { block, getThemedValue } from '../../utils';
-import { Row, Col, GridColumnOrderClasses } from '../../grid';
 import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
 import BlockHeader from '../../components/BlockHeader/BlockHeader';
+import ButtonTabs from '../../components/ButtonTabs/ButtonTabs';
 import FullScreenImage from '../../components/FullscreenImage/FullscreenImage';
+import { getMediaImage } from '../../components/Media/Image/utils';
 import Media from '../../components/Media/Media';
+import { getHeight } from '../../components/VideoBlock/VideoBlock';
 import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
-import { getMediaImage } from '../../components/Media/Image/utils';
-import ButtonTabs from '../../components/ButtonTabs/ButtonTabs';
+import { Col, GridColumnOrderClasses, Row } from '../../grid';
 import { Content } from '../../sub-blocks';
-import { getHeight } from '../../components/VideoBlock/VideoBlock';
+import { block, getThemedValue } from '../../utils';
 import './Tabs.css';
 const b = block('tabs-block');
 export const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered, direction = 'media-content', }) => {

package/build/esm/blocks/Tabs/schema.js

@@ -1,7 +1,7 @@
-import { filteredArray } from '../../schema/validators/utils';
-import { LinkProps, withTheme, BlockBaseProps, BlockHeaderProps, MediaProps, containerSizesArray, sizeNumber, mediaDirection, } from '../../schema/validators/common';
-import { ImageProps } from '../../components/Image/schema';
 import _ from 'lodash';
+import { ImageProps } from '../../components/Image/schema';
+import { BlockBaseProps, BlockHeaderProps, LinkProps, MediaProps, containerSizesArray, mediaDirection, sizeNumber, withTheme, } from '../../schema/validators/common';
+import { filteredArray } from '../../schema/validators/utils';
 import { ContentBase } from '../../sub-blocks/Content/schema';
 const TabsItemContentProps = _.omit(ContentBase, ['size', 'colSizes', 'centered', 'theme']);
 export const tabsItem = {

package/build/esm/components/Author/Author.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Image } from '../index';
 import { AuthorType } from '../../models';
 import { block } from '../../utils';
+import { Image } from '../index';
 import './Author.css';
 const b = block('author');
 const Author = (props) => {

package/build/esm/components/BackLink/BackLink.js

@@ -1,8 +1,8 @@
 import React, { useCallback, useContext } from 'react';
 import { Button, Icon } from '@gravity-ui/uikit';
-import { ArrowSidebar } from '../../icons';
 import { LocationContext } from '../../context/locationContext';
 import { useAnalytics } from '../../hooks';
+import { ArrowSidebar } from '../../icons';
 import { DefaultEventNames } from '../../models';
 export default function BackLink(props) {
     const { history } = useContext(LocationContext);

package/build/esm/components/BackLink/__tests__/BackLink.test.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import BackLink from '../BackLink';
 import { LocationContext } from '../../../context/locationContext';
+import BackLink from '../BackLink';
 const backLinkProps = {
     url: '#',
     title: 'Button Title',

package/build/esm/components/BackgroundMedia/BackgroundMedia.d.ts

@@ -1,4 +1,4 @@
-import { MediaProps, Animatable } from '../../models';
+import { Animatable, MediaProps } from '../../models';
 import './BackgroundMedia.css';
 export interface FullProps extends MediaProps, Animatable {
     className?: string;

package/build/esm/components/BackgroundMedia/BackgroundMedia.js

@@ -1,9 +1,9 @@
 import { __rest } from "tslib";
 import React, { useContext } from 'react';
+import { MobileContext } from '../../context/mobileContext';
 import { block } from '../../utils';
-import Media from '../Media/Media';
 import AnimateBlock from '../AnimateBlock/AnimateBlock';
-import { MobileContext } from '../../context/mobileContext';
+import Media from '../Media/Media';
 import './BackgroundMedia.css';
 const b = block('BackgroundMedia');
 const BackgroundMedia = (_a) => {

package/build/esm/components/BalancedMasonry/BalancedMasonry.js

@@ -1,7 +1,7 @@
-import React, { useEffect, useState, useCallback, useRef, useContext } from 'react';
+import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import _ from 'lodash';
-import { block } from '../../utils';
 import { SSRContext } from '../../context/ssrContext';
+import { block } from '../../utils';
 import './BalancedMasonry.css';
 const b = block('BalancedMasonry');
 const BalancedMasonry = (props) => {

package/build/esm/components/BlockBase/BlockBase.js

@@ -1,7 +1,7 @@
 import React from 'react';
+import { Col } from '../../grid';
 import { block } from '../../utils';
 import Anchor from '../Anchor/Anchor';
-import { Col } from '../../grid';
 import './BlockBase.css';
 const b = block('block-base');
 const BlockBase = (props) => {

package/build/esm/components/BlockHeader/BlockHeader.d.ts

@@ -1,5 +1,5 @@
-import { BlockHeaderProps as BlockHeaderParams, ClassNameProps } from '../../models';
 import { GridColumnSizesType } from '../../grid';
+import { BlockHeaderProps as BlockHeaderParams, ClassNameProps } from '../../models';
 import './BlockHeader.css';
 export interface BlockHeaderProps extends BlockHeaderParams {
     colSizes?: GridColumnSizesType;

package/build/esm/components/BlockHeader/BlockHeader.js

@@ -1,8 +1,8 @@
 import { __rest } from "tslib";
 import React from 'react';
-import { block } from '../../utils';
-import { Col } from '../../grid';
 import { Title } from '../';
+import { Col } from '../../grid';
+import { block } from '../../utils';
 import YFMWrapper from '../YFMWrapper/YFMWrapper';
 import './BlockHeader.css';
 const b = block('block-header');

package/build/esm/components/Button/Button.js

@@ -1,13 +1,13 @@
 import { __rest } from "tslib";
 import React, { useCallback, useContext } from 'react';
-import { Platform, Button as CommonButton, Icon, StoreBadge } from '@gravity-ui/uikit';
-import { block, setUrlTld } from '../../utils';
-import { DefaultEventNames } from '../../models';
-import { toCommonSize, toCommonView, ICON_QA } from './utils';
+import { Button as CommonButton, Icon, Platform, StoreBadge } from '@gravity-ui/uikit';
 import { LocaleContext } from '../../context/localeContext/localeContext';
-import { useMetrika } from '../../hooks/useMetrika';
 import { useAnalytics } from '../../hooks';
+import { useMetrika } from '../../hooks/useMetrika';
 import { Github } from '../../icons';
+import { DefaultEventNames } from '../../models';
+import { block, setUrlTld } from '../../utils';
+import { ICON_QA, toCommonSize, toCommonView } from './utils';
 import './Button.css';
 const b = block('button-block');
 const Button = (props) => {

package/build/esm/components/Button/__tests__/Button.test.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import { ICON_QA } from '../utils';
 import Button from '../Button';
+import { ICON_QA } from '../utils';
 const qaId = 'button-component';
 const buttonProps = {
     text: 'Button Text',

package/build/esm/components/CardBase/CardBase.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactElement, HTMLAttributeAnchorTarget } from 'react';
+import React, { HTMLAttributeAnchorTarget, ReactElement } from 'react';
 import { ButtonPixel, CardBaseProps as CardBaseParams, ImageProps, MetrikaGoal, WithChildren } from '../../models';
 import { AnalyticsEventsBase } from '../../models/common';
 import './CardBase.css';

package/build/esm/components/CardBase/CardBase.js

@@ -1,10 +1,10 @@
 import React, { Children, Fragment } from 'react';
+import { useAnalytics } from '../../hooks';
+import { useMetrika } from '../../hooks/useMetrika';
+import { DefaultEventNames } from '../../models/common';
 import { block } from '../../utils';
 import BackgroundImage from '../BackgroundImage/BackgroundImage';
 import RouterLink from '../RouterLink/RouterLink';
-import { useMetrika } from '../../hooks/useMetrika';
-import { DefaultEventNames } from '../../models/common';
-import { useAnalytics } from '../../hooks';
 import './CardBase.css';
 const b = block('card-base-block');
 const Header = () => null;

package/build/esm/components/FileLink/FileLink.js

@@ -1,6 +1,6 @@
-import { block, getLinkProps } from '../../utils';
 import React, { useContext } from 'react';
 import { LocationContext } from '../../context/locationContext';
+import { block, getLinkProps } from '../../utils';
 import './FileLink.css';
 const b = block('file-link');
 const FIGMA_URL = 'https://www.figma.com';

package/build/esm/components/Foldable/Foldable.js

@@ -1,6 +1,6 @@
-import React, { useRef, useEffect } from 'react';
-import { block } from '../../utils';
+import React, { useEffect, useRef } from 'react';
 import useHeightCalculator from '../../hooks/useHeightCalculator';
+import { block } from '../../utils';
 import './Foldable.css';
 const b = block('foldable-block');
 const Foldable = ({ isOpened, children, className }) => {

package/build/esm/components/FullWidthBackground/FullWidthBackground.d.ts

@@ -1,4 +1,4 @@
-import { Component, CSSProperties, PropsWithChildren } from 'react';
+import { CSSProperties, Component, PropsWithChildren } from 'react';
 import { ClassNameProps } from '../../models';
 import './FullWidthBackground.css';
 export interface FullWidthBackgroundProps extends ClassNameProps {