@gravity-ui/page-constructor 2.4.0 → 2.5.0

package/build/esm/models/constructor-items/blocks.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { ButtonSize } from '@gravity-ui/uikit';
-import { BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, Justify, LinkProps, LinkTheme, MediaDirection, MediaProps, MapProps, PreviewItemProps, PreviewRatioMediaContent, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleProps, LegendTableMarkerType, AnchorProps, TitleBaseProps, Animatable, BlockHeaderProps, ImageDeviceProps } from './common';
-import { ThemeSupporting } from '../../utils';
 import { GridColumnSize, GridColumnSizesType } from '../../grid/types';
+import { ThemeSupporting } from '../../utils';
+import { AnchorProps, Animatable, BackgroundImageProps, BlockHeaderProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, Justify, LegendTableMarkerType, LinkProps, LinkTheme, MapProps, MediaDirection, MediaProps, PreviewItemProps, PreviewRatioMediaContent, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleBaseProps, TitleProps } from './common';
 import { BannerCardProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",

package/build/esm/models/constructor-items/sub-blocks.d.ts

@@ -1,9 +1,9 @@
 import { ClassNameProps } from '../../models';
 import { ThemeSupporting } from '../../utils';
 import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
-import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, DividerSize, ImageObjectProps, ImageProps, LinkProps, MediaProps, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
-import { ContentBlockProps } from './blocks';
 import { AnalyticsEventsBase, PixelEvent } from '../common';
+import { ContentBlockProps } from './blocks';
+import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, DividerSize, ImageObjectProps, ImageProps, LinkProps, MediaProps, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
 export declare enum SubBlockType {
     Divider = "divider",
     Quote = "quote",

package/build/esm/models/constructor.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-import { Animatable, ThemedMediaProps, ConstructorItem, Block, WithChildren } from './';
+import { Animatable, Block, ConstructorItem, ThemedMediaProps, WithChildren } from './';
 export interface PageData {
     content: PageContent;
 }

package/build/esm/models/navigation.d.ts

@@ -1,5 +1,5 @@
 import { ThemeSupporting } from '../utils';
-import { ImageProps, ButtonProps } from './constructor-items';
+import { ButtonProps, ImageProps } from './constructor-items';
 export declare enum NavigationItemType {
     Link = "link",
     Dropdown = "dropdown",

package/build/esm/navigation/components/Header/Header.js

@@ -1,13 +1,13 @@
 import React, { useCallback, useState } from 'react';
-import { block } from '../../../utils';
-import { Col, Grid, Row } from '../../../grid';
-import OutsideClick from '../../../components/OutsideClick/OutsideClick';
 import Control from '../../../components/Control/Control';
+import OutsideClick from '../../../components/OutsideClick/OutsideClick';
+import { Col, Grid, Row } from '../../../grid';
 import { NavigationClose, NavigationOpen } from '../../../icons';
+import { block } from '../../../utils';
 import { ItemColumnName } from '../../constants';
-import Navigation from '../Navigation/Navigation';
-import MobileNavigation from '../MobileNavigation/MobileNavigation';
 import Logo from '../Logo/Logo';
+import MobileNavigation from '../MobileNavigation/MobileNavigation';
+import Navigation from '../Navigation/Navigation';
 import { NavigationListItem } from '../NavigationListItem/NavigationListItem';
 import './Header.css';
 const b = block('header');

package/build/esm/navigation/components/Logo/Logo.js

@@ -1,9 +1,9 @@
 import React, { useContext } from 'react';
-import { block, getThemedValue } from '../../../utils';
-import RouterLink from '../../../components/RouterLink/RouterLink';
+import { Image } from '../../../components';
 import { getMediaImage } from '../../../components/Media/Image/utils';
+import RouterLink from '../../../components/RouterLink/RouterLink';
 import { ThemeValueContext } from '../../../context/theme/ThemeValueContext';
-import { Image } from '../../../components';
+import { block, getThemedValue } from '../../../utils';
 import './Logo.css';
 const b = block('logo');
 const Logo = (props) => {

package/build/esm/navigation/components/MobileNavigation/MobileNavigation.js

@@ -1,8 +1,8 @@
-import React, { useRef, useCallback } from 'react';
+import React, { useCallback, useRef } from 'react';
 import { Popup, Portal } from '@gravity-ui/uikit';
-import { block } from '../../../utils';
 import Foldable from '../../../components/Foldable/Foldable';
 import { NavigationItemType } from '../../../models';
+import { block } from '../../../utils';
 import { ItemColumnName } from '../../constants';
 import NavigationItem from '../NavigationItem/NavigationItem';
 import './MobileNavigation.css';

package/build/esm/navigation/components/Navigation/Navigation.js

@@ -1,8 +1,8 @@
+import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import _ from 'lodash';
-import React, { useState, useEffect, useCallback, useContext, useRef } from 'react';
-import { block } from '../../../utils';
 import OverflowScroller from '../../../components/OverflowScroller/OverflowScroller';
 import { LocationContext } from '../../../context/locationContext';
+import { block } from '../../../utils';
 import { ItemColumnName } from '../../constants';
 import { NavigationListItem } from '../NavigationListItem/NavigationListItem';
 import './Navigation.css';

package/build/esm/navigation/components/NavigationItem/NavigationItem.js

@@ -1,12 +1,12 @@
 import { __rest } from "tslib";
 import React, { useMemo } from 'react';
+import { BlockIdContext } from '../../../context/blockIdContext';
 import { NavigationItemType } from '../../../models';
 import SocialIcon from '../SocialIcon/SocialIcon';
-import { BlockIdContext } from '../../../context/blockIdContext';
+import { GithubButton } from './components/GithubButton/GithubButton';
 import { NavigationButton } from './components/NavigationButton/NavigationButton';
 import { NavigationDropdown } from './components/NavigationDropdown/NavigationDropdown';
 import { NavigationLink } from './components/NavigationLink/NavigationLink';
-import { GithubButton } from './components/GithubButton/GithubButton';
 const ANALYTICS_ID = 'navigation';
 //todo: add types support form component in map
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/build/esm/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
-import { block } from '../../../../../utils';
 import { Image } from '../../../../../components';
+import { block } from '../../../../../utils';
 import './ContentWrapper.css';
 const b = block('content-wrapper');
 export const ContentWrapper = ({ text, icon }) => (React.createElement(Fragment, null,

package/build/esm/navigation/components/NavigationItem/components/GithubButton/GithubButton.d.ts

@@ -1,5 +1,5 @@
-import { NavigationItemProps } from '../../NavigationItem';
 import { NavigationGithubButton } from '../../../../../models';
+import { NavigationItemProps } from '../../NavigationItem';
 import './GithubButton.css';
 type NavigationGithubButtonProps = NavigationItemProps & NavigationGithubButton;
 export declare const GithubButton: ({ text, url, className, label, size, icon, }: NavigationGithubButtonProps) => JSX.Element;

package/build/esm/navigation/components/NavigationItem/components/GithubButton/GithubButton.js

@@ -1,6 +1,6 @@
-import React, { useRef, useEffect } from 'react';
-import { block } from '../../../../../utils';
+import React, { useEffect, useRef } from 'react';
 import { NavigationGithubButtonIcon } from '../../../../../models';
+import { block } from '../../../../../utils';
 import './GithubButton.css';
 const b = block('github-button');
 const DEFAULT_LABEL = 'Stars on GitHub';

package/build/esm/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { block } from '../../../../../utils';
-import { RouterLink, Button } from '../../../../../components';
+import { Button, RouterLink } from '../../../../../components';
 import { BlockIdContext } from '../../../../../context/blockIdContext';
+import { block } from '../../../../../utils';
 import './NavigationButton.css';
 const b = block('navigation-button');
 const ANALYTICS_ID = 'navigation';

package/build/esm/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { NavigationItemProps } from '../../NavigationItem';
 import { DropdownItemData } from '../../../../../models';
+import { NavigationItemProps } from '../../NavigationItem';
 import './NavigationDropdown.css';
 type NavigationDropdownProps = NavigationItemProps & DropdownItemData;
 export declare const NavigationDropdown: React.FC<NavigationDropdownProps>;

package/build/esm/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.js

@@ -1,9 +1,9 @@
 import { __rest } from "tslib";
 import React from 'react';
-import { ContentWrapper } from '../ContentWrapper/ContentWrapper';
 import { ToggleArrow } from '../../../../../components';
-import { block } from '../../../../../utils';
 import { getMediaImage } from '../../../../../components/Media/Image/utils';
+import { block } from '../../../../../utils';
+import { ContentWrapper } from '../ContentWrapper/ContentWrapper';
 import './NavigationDropdown.css';
 const b = block('navigation-dropdown');
 const TOGGLE_ARROW_SIZE = 12;

package/build/esm/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { NavigationItemProps } from '../../NavigationItem';
 import { NavigationLinkItem } from '../../../../../models';
+import { NavigationItemProps } from '../../NavigationItem';
 import './NavigationLink.css';
 type NavigationLinkProps = NavigationItemProps & NavigationLinkItem;
 export declare const NavigationLink: React.FC<NavigationLinkProps>;

package/build/esm/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.js

@@ -1,11 +1,11 @@
 import { __rest } from "tslib";
 import React, { Fragment, useContext } from 'react';
-import { ContentWrapper } from '../ContentWrapper/ContentWrapper';
-import { NavigationArrow } from '../../../../../icons';
 import { RouterLink } from '../../../../../components';
-import { block, getLinkProps } from '../../../../../utils';
 import { getMediaImage } from '../../../../../components/Media/Image/utils';
 import { LocationContext } from '../../../../../context/locationContext';
+import { NavigationArrow } from '../../../../../icons';
+import { block, getLinkProps } from '../../../../../utils';
+import { ContentWrapper } from '../ContentWrapper/ContentWrapper';
 import './NavigationLink.css';
 const b = block('navigation-link');
 export const NavigationLink = (props) => {

package/build/esm/navigation/components/NavigationListItem/NavigationListItem.js

@@ -1,6 +1,6 @@
 import React, { useRef } from 'react';
-import { block } from '../../../utils';
 import { NavigationItemType } from '../../../models';
+import { block } from '../../../utils';
 import { getItemClickHandler } from '../../utils';
 import NavigationDropdownItem from '../NavigationDropdownItem/NavigationDropdownItem';
 import NavigationItem from '../NavigationItem/NavigationItem';

package/build/esm/navigation/components/NavigationPopup/NavigationPopup.js

@@ -1,8 +1,8 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import _ from 'lodash';
-import React, { useRef, useState, useEffect, useCallback } from 'react';
 import { Portal } from '@gravity-ui/uikit';
-import { block } from '../../../utils';
 import { OutsideClick } from '../../../components';
+import { block } from '../../../utils';
 import NavigationItem from '../NavigationItem/NavigationItem';
 import './NavigationPopup.css';
 const b = block('navigation-popup');

package/build/esm/navigation/components/SocialIcon/SocialIcon.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { block } from '../../../utils';
 import { Image } from '../../../components';
 import { getMediaImage } from '../../../components/Media/Image/utils';
+import { block } from '../../../utils';
 import './SocialIcon.css';
 const b = block('social-icon');
 const SocialIcon = ({ icon, url, className }) => {

package/build/esm/navigation/schema.js

@@ -1,6 +1,6 @@
-import { ButtonProps } from '../schema/validators/common';
-import { ImageProps, urlPattern } from '../components/Image/schema';
 import { omit } from 'lodash';
+import { ImageProps, urlPattern } from '../components/Image/schema';
+import { ButtonProps } from '../schema/validators/common';
 import { filteredArray } from '../schema/validators/utils';
 const NavigationItemType = {
     type: 'string',

package/build/esm/schema/index.js

@@ -1,9 +1,9 @@
 export { validators } from './validators';
-import { TabsBlock, BannerCard, SliderBlock, ExtendedFeaturesBlock, HeaderBlock, BannerBlock, CompaniesBlock, MediaBlock, InfoBlock, QuestionsBlock, SecurityBlock, TableBlock, SimpleBlock, LinkTableBlock, PromoFeaturesBlock, PreviewBlock, ContentLayoutBlock, HeaderSliderBlock, IconsBlock, CardLayoutBlock, ShareBlock, MapBlock, FilterBlock, } from './validators/blocks';
-import { PartnerBlock, MediaCardBlock, TutorialCard, BackgroundCard, NewsCard, CardWithImage, PriceDetailedBlock, Quote, Divider, BasicCard, } from './validators/sub-blocks';
+import { BannerBlock, BannerCard, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, ExtendedFeaturesBlock, FilterBlock, HeaderBlock, HeaderSliderBlock, IconsBlock, InfoBlock, LinkTableBlock, MapBlock, MediaBlock, PreviewBlock, PromoFeaturesBlock, QuestionsBlock, SecurityBlock, ShareBlock, SimpleBlock, SliderBlock, TableBlock, TabsBlock, } from './validators/blocks';
 import { AnimatableProps, BackgroundProps, MenuProps, withTheme } from './validators/common';
-import { filteredItem } from './validators/utils';
 import { LogoProps, NavigationHeaderProps } from './validators/navigation';
+import { BackgroundCard, BasicCard, CardWithImage, Divider, MediaCardBlock, NewsCard, PartnerBlock, PriceDetailedBlock, Quote, TutorialCard, } from './validators/sub-blocks';
+import { filteredItem } from './validators/utils';
 export const getBlocksCases = (blocks) => {
     return Object.values(blocks).reduce((acc, block) => (Object.assign(Object.assign({}, acc), block)));
 };

package/build/esm/schema/validators/common.js

@@ -1,7 +1,7 @@
-import { pixelEvents } from './pixel';
-import { Theme } from '../../models';
 import { ImageProps, urlPattern } from '../../components/Image/schema';
+import { Theme } from '../../models';
 import { AnalyticsEventSchema } from './event';
+import { pixelEvents } from './pixel';
 export const mediaDirection = ['media-content', 'content-media'];
 export const textSize = ['s', 'm', 'l'];
 export const containerSizesArray = ['sm', 'md', 'lg', 'xl', 'all'];

package/build/esm/schema/validators/index.d.ts

@@ -1,9 +1,9 @@
 import * as blocks from './blocks';
 import * as common from './common';
-import * as subBlocks from './sub-blocks';
+import * as navigation from './navigation';
 import * as pixel from './pixel';
+import * as subBlocks from './sub-blocks';
 import * as utils from './utils';
-import * as navigation from './navigation';
 export declare const validators: {
     blocks: typeof blocks;
     common: typeof common;

package/build/esm/schema/validators/index.js

@@ -1,9 +1,9 @@
 import * as blocks from './blocks';
 import * as common from './common';
-import * as subBlocks from './sub-blocks';
+import * as navigation from './navigation';
 import * as pixel from './pixel';
+import * as subBlocks from './sub-blocks';
 import * as utils from './utils';
-import * as navigation from './navigation';
 export const validators = {
     blocks,
     common,

package/build/esm/sub-blocks/BackgroundCard/BackgroundCard.js

@@ -1,8 +1,8 @@
 import React, { useContext } from 'react';
+import { BackgroundImage, CardBase } from '../../components/';
+import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
 import { block, getThemedValue } from '../../utils';
-import { CardBase, BackgroundImage } from '../../components/';
 import Content from '../Content/Content';
-import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
 import './BackgroundCard.css';
 const b = block('background-card');
 const BackgroundCard = (props) => {

package/build/esm/sub-blocks/BackgroundCard/schema.js

@@ -1,7 +1,7 @@
+import _ from 'lodash';
+import { ImageObjectProps } from '../../components/Image/schema';
 import { BaseProps, CardBase, withTheme } from '../../schema/validators/common';
 import { ContentBase } from '../Content/schema';
-import { ImageObjectProps } from '../../components/Image/schema';
-import _ from 'lodash';
 const BackgroundCardContentProps = _.omit(ContentBase, ['size']);
 export const BackgroundCard = {
     'background-card': {

package/build/esm/sub-blocks/BannerCard/BannerCard.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
-import { block, getThemedValue } from '../../utils';
-import { Button, YFMWrapper, BackgroundImage, HTML, RouterLink } from '../../components';
+import { BackgroundImage, Button, HTML, RouterLink, YFMWrapper } from '../../components';
 import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
+import { block, getThemedValue } from '../../utils';
 import './BannerCard.css';
 const b = block('banner-card');
 export const BannerCard = (props) => {

package/build/esm/sub-blocks/BasicCard/BasicCard.js

@@ -1,10 +1,10 @@
 import { __rest } from "tslib";
 import React from 'react';
-import { block } from '../../utils';
+import { Content } from '../';
 import CardBase from '../../components/CardBase/CardBase';
 import Image from '../../components/Image/Image';
-import { Content } from '../';
 import { getMediaImage } from '../../components/Media/Image/utils';
+import { block } from '../../utils';
 import './BasicCard.css';
 const b = block('basic-card');
 const BasicCard = (props) => {

package/build/esm/sub-blocks/BasicCard/schema.js

@@ -1,7 +1,7 @@
 import _ from 'lodash';
+import { ImageProps } from '../../components/Image/schema';
 import { BaseProps, CardBase } from '../../schema/validators/common';
 import { ContentBase } from '../Content/schema';
-import { ImageProps } from '../../components/Image/schema';
 const BasicCardContentProps = _.omit(ContentBase, ['size', 'theme']);
 export const BasicCard = {
     'basic-card': {

package/build/esm/sub-blocks/CardWithImage/CardWithImage.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { block } from '../../utils';
-import { Image, FullscreenImage } from '../../components';
 import { Content } from '../';
+import { FullscreenImage, Image } from '../../components';
+import { block } from '../../utils';
 import './CardWithImage.css';
 const b = block('card-with-image');
 const CardWithImage = ({ title, description, image, disableCompress, links, border, fullScreen, className, additionalInfo, buttons, }) => {

package/build/esm/sub-blocks/Content/Content.d.ts

@@ -1,4 +1,4 @@
-import { ContentBlockProps, ClassNameProps } from '../../models';
+import { ClassNameProps, ContentBlockProps } from '../../models';
 import './Content.css';
 declare const Content: (props: ContentBlockProps & ClassNameProps) => JSX.Element;
 export default Content;

package/build/esm/sub-blocks/Content/Content.js

@@ -1,9 +1,9 @@
 import { __rest } from "tslib";
 import React from 'react';
-import { block } from '../../utils';
-import { Title, YFMWrapper, Button } from '../../components';
+import { Button, Title, YFMWrapper } from '../../components';
 import LinkBlock from '../../components/Link/Link';
 import { Col } from '../../grid';
+import { block } from '../../utils';
 import './Content.css';
 const b = block('content');
 function getTextSize(size) {

package/build/esm/sub-blocks/Content/schema.js

@@ -1,4 +1,4 @@
-import { containerSizesArray, contentSizes, contentThemes, LinkProps, sizeNumber, ButtonBlock, TitleProps, } from '../../schema/validators/common';
+import { ButtonBlock, LinkProps, TitleProps, containerSizesArray, contentSizes, contentThemes, sizeNumber, } from '../../schema/validators/common';
 import { filteredArray } from '../../schema/validators/utils';
 export const ContentBase = {
     title: {

package/build/esm/sub-blocks/Divider/schema.js

@@ -1,4 +1,4 @@
-import { dividerEnum, BaseProps } from '../../schema/validators/common';
+import { BaseProps, dividerEnum } from '../../schema/validators/common';
 export const Divider = {
     divider: {
         additionalProperties: false,

package/build/esm/sub-blocks/HubspotForm/HubspotFormContainer.js

@@ -1,6 +1,6 @@
 import React, { useRef } from 'react';
-import loadHubspotScript from './loadHubspotScript';
 import { useMount } from '../../hooks';
+import loadHubspotScript from './loadHubspotScript';
 const HubspotFormContainer = (props) => {
     const { className, formId, formInstanceId, portalId, region, formClassName, createDOMElement, } = props;
     const containerRef = useRef(null);

package/build/esm/sub-blocks/HubspotForm/index.js

@@ -1,10 +1,10 @@
 import React, { useContext, useMemo } from 'react';
-import { block } from '../../utils';
-import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
 import { MobileContext } from '../../context/mobileContext';
+import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
+import { useAnalytics, useHandleHubspotEvents } from '../../hooks';
 import { useMetrika } from '../../hooks/useMetrika';
 import { DefaultEventNames } from '../../models';
-import { useHandleHubspotEvents, useAnalytics } from '../../hooks';
+import { block } from '../../utils';
 import HubspotFormContainer from './HubspotFormContainer';
 import './HubspotForm.css';
 const b = block('hubspot-form');

package/build/esm/sub-blocks/LayoutItem/LayoutItem.js

@@ -1,9 +1,9 @@
 import { __rest } from "tslib";
 import React from 'react';
-import { block } from '../../utils';
+import { Content } from '..';
 import { FullScreenMedia, Media, MetaInfo } from '../../components';
+import { block } from '../../utils';
 import { getLayoutItemLinks, hasFullScreen, showFullScreenIcon } from './utils';
-import { Content } from '..';
 import './LayoutItem.css';
 const b = block('layout-item');
 const LayoutItem = (_a) => {

package/build/esm/sub-blocks/LayoutItem/schema.js

@@ -1,7 +1,7 @@
 import { omit } from 'lodash';
+import metaInfo from '../../components/MetaInfo/schema';
 import { BaseProps, MediaProps } from '../../schema/validators/common';
 import { ContentBase } from '../../sub-blocks/Content/schema';
-import metaInfo from '../../components/MetaInfo/schema';
 export const LayoutItem = {
     type: 'object',
     additionalProperties: false,

package/build/esm/sub-blocks/MediaCard/MediaCard.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 import React from 'react';
+import { CardBase, Media } from '../../components';
 import { block } from '../../utils';
-import { Media, CardBase } from '../../components';
 import './MediaCard.css';
 const b = block('MediaCard');
 const MediaCard = (_a) => {

package/build/esm/sub-blocks/MediaCard/schema.js

@@ -1,4 +1,4 @@
-import { MediaProps, BaseProps, AnimatableProps } from '../../schema/validators/common';
+import { AnimatableProps, BaseProps, MediaProps } from '../../schema/validators/common';
 export const MediaCardBlock = {
     'media-card': {
         additionalProperties: false,

package/build/esm/sub-blocks/NewsCard/NewsCard.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { block } from '../../utils';
 import { CardBase, HTML } from '../../components';
+import { block } from '../../utils';
 import './NewsCard.css';
 const b = block('news-card');
 const NewsCard = (props) => {

package/build/esm/sub-blocks/Partner/Partner.js

@@ -1,6 +1,6 @@
 import React from 'react';
+import { CardBase, HTML, Image } from '../../components';
 import { block } from '../../utils';
-import { CardBase, Image, HTML } from '../../components';
 import './Partner.css';
 const b = block('partner-block');
 const Partner = ({ text, logo, url, border }) => {

package/build/esm/sub-blocks/Partner/schema.js

@@ -1,5 +1,5 @@
-import { BaseProps } from '../../schema/validators/common';
 import { ImageProps } from '../../components/Image/schema';
+import { BaseProps } from '../../schema/validators/common';
 export const PartnerBlock = {
     partner: {
         additionalProperties: false,

package/build/esm/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.js

@@ -1,9 +1,9 @@
-import _ from 'lodash';
 import React, { Fragment, useCallback, useEffect, useState } from 'react';
-import { block } from '../../../utils';
+import _ from 'lodash';
 import { CardBase } from '../../../components';
-import { Grid, Row, Col, GridColumnSize } from '../../../grid';
 import { BREAKPOINTS } from '../../../constants';
+import { Col, Grid, GridColumnSize, Row } from '../../../grid';
+import { block } from '../../../utils';
 import './CombinedPriceDetailed.css';
 const b = block('combined-price-detailed-block');
 const CombinedPricesGroupSize = {

package/build/esm/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useContext, useEffect, useMemo } from 'react';
-import { block } from '../../../utils';
-import { StylesContext } from '../../../context/stylesContext';
 import { YFMWrapper } from '../../../components';
+import { StylesContext } from '../../../context/stylesContext';
+import { block } from '../../../utils';
 import './PriceDescription.css';
 const b = block('price-description');
 const PriceDescription = (props) => {

package/build/esm/sub-blocks/PriceDetailed/PriceDetailed.js

@@ -1,8 +1,8 @@
 import React, { Fragment } from 'react';
 import { PriceDetailsType, } from '../../models';
+import CombinedPriceDetailed from './CombinedPriceDetailed/CombinedPriceDetailed';
 import PriceDescription from './PriceDescription/PriceDescription';
 import PriceDetails from './PriceDetails/PriceDetails';
-import CombinedPriceDetailed from './CombinedPriceDetailed/CombinedPriceDetailed';
 import SeparatePriceDetailed from './SeparatePriceDetailed/SeparatePriceDetailed';
 const PriceDetailed = (props) => {
     const { priceType = PriceDetailsType.SETTINGS, items, numberGroupItems = 1, description, details, foldable, labelsDefaultText, isCombined = false, useMixedView = false, border, } = props;

package/build/esm/sub-blocks/PriceDetailed/PriceDetails/Details/List.js

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

package/build/esm/sub-blocks/PriceDetailed/PriceDetails/Details/Settings.js

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

package/build/esm/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.d.ts

@@ -1,4 +1,4 @@
-import { PriceDetailsType, TextSize, PriceDetailsProps, PriceFoldableDetailsProps } from '../../../models';
+import { PriceDetailsProps, PriceDetailsType, PriceFoldableDetailsProps, TextSize } from '../../../models';
 import './PriceDetails.css';
 interface PriceDetailsExtendProps extends PriceDetailsProps {
     type: PriceDetailsType;

package/build/esm/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.js

@@ -1,7 +1,7 @@
 import React, { Fragment, useCallback, useState } from 'react';
-import { block } from '../../../utils';
 import { Foldable, ToggleArrow } from '../../../components';
 import { PriceDetailsType, } from '../../../models';
+import { block } from '../../../utils';
 import List from './Details/List';
 import Settings from './Details/Settings';
 import './PriceDetails.css';

package/build/esm/sub-blocks/PriceDetailed/SeparatePriceDetailed/SeparatePriceDetailed.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
-import { block } from '../../../utils';
 import { CardBase } from '../../../components';
+import { block } from '../../../utils';
 import './SeparatePriceDetailed.css';
 const b = block('separate-price-detailed-block');
 const SeparatePriceDetailed = (props) => {

package/build/esm/sub-blocks/PriceDetailed/schema.js

@@ -1,4 +1,4 @@
-import { BaseProps, AnimatableProps, textSize } from '../../schema/validators/common';
+import { AnimatableProps, BaseProps, textSize } from '../../schema/validators/common';
 import { filteredArray } from '../../schema/validators/utils';
 const PriceDetailedDetailsType = ['marked-list', 'settings'];
 const PriceDetailedDescriptionColor = ['cornflower', 'black'];

package/build/esm/sub-blocks/Quote/Quote.js

@@ -1,11 +1,11 @@
 import React, { useCallback, useContext } from 'react';
 import { Button } from '@gravity-ui/uikit';
-import { block, getThemedValue } from '../../utils';
-import { AuthorType, DefaultEventNames } from '../../models';
-import { Author, Image, HTML } from '../../components';
-import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
+import { Author, HTML, Image } from '../../components';
 import { getMediaImage } from '../../components/Media/Image/utils';
+import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
 import { useAnalytics } from '../../hooks';
+import { AuthorType, DefaultEventNames } from '../../models';
+import { block, getThemedValue } from '../../utils';
 import './Quote.css';
 const b = block('quote');
 const Quote = (props) => {