@gravity-ui/page-constructor 2.3.2 → 2.5.0

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 {

package/build/esm/components/FullWidthBackground/FullWidthBackground.js

@@ -1,7 +1,7 @@
 import React, { Component, createRef } from 'react';
 import _ from 'lodash';
-import { block } from '../../utils';
 import { BREAKPOINTS } from '../../constants';
+import { block } from '../../utils';
 import './FullWidthBackground.css';
 const b = block('FullWidthBackground');
 function getPadding(width) {

package/build/esm/components/FullscreenImage/FullscreenImage.js

@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
 import { Icon, Modal } from '@gravity-ui/uikit';
+import { FullScreen, PreviewClose } from '../../icons';
 import { block } from '../../utils';
 import Image from '../Image/Image';
-import { PreviewClose, FullScreen } from '../../icons';
 import './FullScreenImage.css';
 const b = block('FullScreenImage');
 const FULL_SCREEN_ICON_SIZE = 18;

package/build/esm/components/FullscreenMedia/FullScreenMedia.js

@@ -1,8 +1,8 @@
 import React, { useContext, useState } from 'react';
 import { Icon, Modal } from '@gravity-ui/uikit';
-import { block } from '../../utils';
-import { PreviewClose, FullScreen } from '../../icons';
 import { MobileContext } from '../../context/mobileContext';
+import { FullScreen, PreviewClose } from '../../icons';
+import { block } from '../../utils';
 import './FullScreenMedia.css';
 const b = block('full-screen-media');
 const FULL_SCREEN_ICON_SIZE = 18;

package/build/esm/components/HeaderBreadcrumbs/HeaderBreadcrumbs.js

@@ -1,14 +1,18 @@
-import React from 'react';
-import { block } from '../../utils';
+import React, { useCallback } from 'react';
+import { useAnalytics } from '../../hooks';
 import { useMetrika } from '../../hooks/useMetrika';
+import { DefaultEventNames } from '../../models';
+import { block } from '../../utils';
 import './HeaderBreadcrumbs.css';
 const b = block('header-breadcrumbs');
 export default function HeaderBreadcrumbs(props) {
     const { items, metrikaGoals, pixelEvents, theme = 'light', className } = props;
     const handleMetrika = useMetrika();
-    const onClick = () => {
+    const handleAnalytics = useAnalytics(DefaultEventNames.Breadcrumb);
+    const onClick = useCallback(() => {
+        handleAnalytics();
         handleMetrika({ metrikaGoals, pixelEvents });
-    };
+    }, [handleAnalytics, handleMetrika, metrikaGoals, pixelEvents]);
     return (React.createElement("div", { className: b({ theme }, className) }, items.map((item) => (React.createElement("div", { className: b('item'), key: item.url },
         React.createElement("a", { href: item.url, className: b('text'), onClick: onClick }, item.text))))));
 }

package/build/esm/components/HeightCalculator/HeightCalculator.js

@@ -1,4 +1,4 @@
-import React, { Children, useCallback, useEffect, useRef, useState, useMemo } from 'react';
+import React, { Children, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import _ from 'lodash';
 import { block } from '../../utils';
 import './HeightCalculator.css';

package/build/esm/components/Image/Image.js

@@ -1,6 +1,6 @@
-import React, { useContext, useState, Fragment } from 'react';
-import { ProjectSettingsContext } from '../../context/projectSettingsContext';
+import React, { Fragment, useContext, useState } from 'react';
 import { BREAKPOINTS } from '../../constants';
+import { ProjectSettingsContext } from '../../context/projectSettingsContext';
 import { isCompressible } from '../../utils/imageCompress';
 const checkWebP = (src) => {
     return src.endsWith('.webp') ? src : src + '.webp';

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

@@ -1,4 +1,4 @@
-import { LinkProps, ClassNameProps, WithChildren } from '../../models';
+import { ClassNameProps, LinkProps, WithChildren } from '../../models';
 import './Link.css';
 export type LinkFullProps = LinkProps & ClassNameProps;
 declare const LinkBlock: (props: WithChildren<LinkFullProps>) => JSX.Element;

package/build/esm/components/Link/Link.js

@@ -1,14 +1,14 @@
 import React, { Fragment, useContext } from 'react';
 import { Icon } from '@gravity-ui/uikit';
-import { block, getLinkProps, setUrlTld } from '../../utils';
-import { DefaultEventNames } from '../../models';
-import { Chevron } from '../../icons';
-import FileLink from '../FileLink/FileLink';
-import BackLink from '../BackLink/BackLink';
 import { LocaleContext } from '../../context/localeContext/localeContext';
 import { LocationContext } from '../../context/locationContext/locationContext';
-import { useMetrika } from '../../hooks/useMetrika';
 import { useAnalytics } from '../../hooks';
+import { useMetrika } from '../../hooks/useMetrika';
+import { Chevron } from '../../icons';
+import { DefaultEventNames } from '../../models';
+import { block, getLinkProps, setUrlTld } from '../../utils';
+import BackLink from '../BackLink/BackLink';
+import FileLink from '../FileLink/FileLink';
 import './Link.css';
 const b = block('link-block');
 const WORD_JOINER_SYM = '\u200b';

package/build/esm/components/Link/Links.d.ts

@@ -1,4 +1,4 @@
-import { LinkProps, ClassNameProps } from '../../models';
+import { ClassNameProps, LinkProps } from '../../models';
 interface LinksProps extends ClassNameProps {
     links?: LinkProps[];
 }

package/build/esm/components/Map/GoogleMap.js

@@ -1,11 +1,11 @@
-import React, { useContext, useEffect, useRef, useState, useMemo } from 'react';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import _ from 'lodash';
-import { block } from '../../utils';
-import { MapsContext } from '../../context/mapsContext/mapsContext';
 import { LocaleContext } from '../../context/localeContext/localeContext';
+import { MapsContext } from '../../context/mapsContext/mapsContext';
 import { MobileContext } from '../../context/mobileContext';
-import { getMapHeight } from './helpers';
+import { block } from '../../utils';
 import { Lang } from '../../utils/configure';
+import { getMapHeight } from './helpers';
 const b = block('map');
 function getScriptSrc(params) {
     const { apiKey, scriptSrc, address, lang, zoom } = params;

package/build/esm/components/Map/Map.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
-import { MapsContext, MapType } from '../../context/mapsContext/mapsContext';
-import YandexMap from './YMap/YandexMap';
+import { MapType, MapsContext } from '../../context/mapsContext/mapsContext';
 import GoogleMap from './GoogleMap';
+import YandexMap from './YMap/YandexMap';
 import './Map.css';
 export const Map = (props) => {
     const { type } = useContext(MapsContext);

package/build/esm/components/Map/YMap/YMap.d.ts

@@ -1,4 +1,4 @@
-import { YMapProps, YMapMarker } from '../../../models';
+import { YMapMarker, YMapProps } from '../../../models';
 type PlacemarksProps = Pick<YMapProps, 'zoom' | 'markers'>;
 export declare class YMap {
     private ymap;

package/build/esm/components/Map/YMap/YandexMap.js

@@ -1,15 +1,15 @@
-import React, { useContext, useEffect, useRef, useState, useCallback } from 'react';
+import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import _ from 'lodash';
 import { Spin } from '@gravity-ui/uikit';
-import { block } from '../../../utils';
-import { MapsContext } from '../../../context/mapsContext/mapsContext';
 import { LocaleContext } from '../../../context/localeContext/localeContext';
+import { MapsContext } from '../../../context/mapsContext/mapsContext';
+import { MobileContext } from '../../../context/mobileContext';
+import { block } from '../../../utils';
 import ErrorWrapper from '../../ErrorWrapper/ErrorWrapper';
+import { getMapHeight } from '../helpers';
 import { YMap } from './YMap';
-import { YMapsApiLoader, MapApiStatus } from './YandexMapApiLoader';
+import { MapApiStatus, YMapsApiLoader } from './YandexMapApiLoader';
 import i18n from './i18n';
-import { MobileContext } from '../../../context/mobileContext';
-import { getMapHeight } from '../helpers';
 const b = block('map');
 const DEFAULT_CONTAINER_ID = 'ymap';
 const DEFAULT_ZOOM = 9;

package/build/esm/components/Map/YMap/YandexMapApiLoader.js

@@ -1,5 +1,5 @@
-import { loadScript } from '../../../utils';
 import { Maplangs } from '../../../context/mapsContext/mapsContext';
+import { loadScript } from '../../../utils';
 export var MapApiStatus;
 (function (MapApiStatus) {
     MapApiStatus["NotStarted"] = "not_started";

package/build/esm/components/Media/Image/Image.js

@@ -1,13 +1,13 @@
 import React, { useEffect, useState } from 'react';
-import { animated, config, useSpring } from 'react-spring';
 import _ from 'lodash';
+import { animated, config, useSpring } from 'react-spring';
 import SliderBlock from '../../../blocks/Slider/Slider';
 import { SliderType } from '../../../models';
-import { getMediaImage } from './utils';
-import FullScreenImage from '../../FullscreenImage/FullscreenImage';
-import BackgroundImage from '../../BackgroundImage/BackgroundImage';
 import { block } from '../../../utils';
+import BackgroundImage from '../../BackgroundImage/BackgroundImage';
+import FullScreenImage from '../../FullscreenImage/FullscreenImage';
 import ImageView from '../../Image/Image';
+import { getMediaImage } from './utils';
 import './Image.css';
 const b = block('media-component-image');
 const Image = (props) => {

package/build/esm/components/Media/Media.js

@@ -1,9 +1,9 @@
 import React, { useMemo, useState } from 'react';
 import { block } from '../../utils';
-import Image from './Image/Image';
+import YoutubeBlock from '../VideoBlock/VideoBlock';
 import DataLens from './DataLens/DataLens';
+import Image from './Image/Image';
 import Video from './Video/Video';
-import YoutubeBlock from '../VideoBlock/VideoBlock';
 import './Media.css';
 const b = block('Media');
 export const Media = (props) => {

package/build/esm/components/Media/Video/Video.js

@@ -1,8 +1,8 @@
 import React, { useEffect, useMemo, useRef } from 'react';
 import { MediaVideoType } from '../../../models';
+import { block } from '../../../utils';
 import ReactPlayerBlock from '../../ReactPlayer/ReactPlayer';
 import { getVideoTypesWithPriority } from './utils';
-import { block } from '../../../utils';
 import './Video.css';
 const b = block('media-component-video');
 const Video = (props) => {

package/build/esm/components/MediaBase/MediaBase.js

@@ -1,9 +1,9 @@
 import { __rest } from "tslib";
 import React, { useMemo } from 'react';
-import { block } from '../../utils';
-import { Grid, Row, Col, GridColumnSize } from '../../grid';
 import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
 import BlockHeader from '../../components/BlockHeader/BlockHeader';
+import { Col, Grid, GridColumnSize, Row } from '../../grid';
+import { block } from '../../utils';
 import MediaContent from './MediaBaseContent';
 import './MediaBase.css';
 const b = block('media-base');

package/build/esm/components/MediaBase/MediaBaseContent.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { block } from '../../utils';
 import { Content } from '../../sub-blocks';
+import { block } from '../../utils';
 import './MediaBaseContent.css';
 const b = block('media-base-content');
 const MediaContent = (props) => {

package/build/esm/components/OverflowScroller/OverflowScroller.js

@@ -1,7 +1,7 @@
 import React, { createRef } from 'react';
 import _ from 'lodash';
-import { block } from '../../utils';
 import { ToggleArrow } from '..';
+import { block } from '../../utils';
 import './OverflowScroller.css';
 const b = block('overflow-scroller');
 const TRANSITION_TIME = 300;

package/build/esm/components/ReactPlayer/ReactPlayer.js

@@ -1,15 +1,15 @@
+import React, { useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
 import _ from 'lodash';
 import ReactPlayer from 'react-player';
-import React, { useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
 import { Icon } from '@gravity-ui/uikit';
-import { block } from '../../utils';
-import { PlayButtonThemes, PlayButtonType, MediaVideoControlsType, PredefinedEventTypes, DefaultEventNames, } from '../../models';
-import CustomBarControls from './CustomBarControls';
-import { VideoContext } from '../../context/videoContext';
 import { MetrikaContext } from '../../context/metrikaContext';
 import { MobileContext } from '../../context/mobileContext';
+import { VideoContext } from '../../context/videoContext';
 import { useAnalytics } from '../../hooks';
 import { PlayVideo } from '../../icons';
+import { DefaultEventNames, MediaVideoControlsType, PlayButtonThemes, PlayButtonType, PredefinedEventTypes, } from '../../models';
+import { block } from '../../utils';
+import CustomBarControls from './CustomBarControls';
 import { checkYoutubeVideos } from './utils';
 import './ReactPlayer.css';
 const b = block('ReactPlayer');

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TableProps, ClassNameProps } from '../../models';
+import { ClassNameProps, TableProps } from '../../models';
 import './Table.css';
 export default class Table extends React.Component<TableProps & ClassNameProps> {
     render(): JSX.Element | null;

package/build/esm/components/Table/Table.js

@@ -1,6 +1,6 @@
 import React from 'react';
+import { HTML, YFMWrapper } from '../';
 import { block } from '../../utils';
-import { YFMWrapper, HTML } from '../';
 import './Table.css';
 const b = block('table');
 export default class Table extends React.Component {

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

@@ -1,6 +1,6 @@
 import { TextSize, TitleProps } from '../../models';
 import './Title.css';
-export declare function getArrowSize(size: TextSize, isMobile: boolean): 16 | 13 | 20 | 24 | 22 | 26 | 38;
+export declare function getArrowSize(size: TextSize, isMobile: boolean): 16 | 24 | 13 | 20 | 22 | 26 | 38;
 export interface TitleFullProps extends TitleProps {
     className?: string;
     onClick?: () => void;

package/build/esm/components/Title/Title.js

@@ -1,9 +1,9 @@
 import React, { Fragment, useContext } from 'react';
-import { block, getHeaderTag, getLinkProps } from '../../utils';
-import Anchor from '../Anchor/Anchor';
-import { ToggleArrow, HTML } from '../';
+import { HTML, ToggleArrow } from '../';
 import { LocationContext } from '../../context/locationContext';
 import { MobileContext } from '../../context/mobileContext';
+import { block, getHeaderTag, getLinkProps } from '../../utils';
+import Anchor from '../Anchor/Anchor';
 import './Title.css';
 const b = block('title-block');
 export function getArrowSize(size, isMobile) {

package/build/esm/components/ToggleArrow/ToggleArrow.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Icon } from '@gravity-ui/uikit';
-import { block } from '../../utils';
 import { Chevron, NavigationChevron } from '../../icons';
+import { block } from '../../utils';
 import './ToggleArrow.css';
 const b = block('ToggleArrow');
 const ToggleArrow = ({ type = 'horizontal', iconType = 'default', open = false, size = 16, thin = false, slow = false, className, }) => (React.createElement(Icon, { className: b({ type, open, thin, slow }, className), data: iconType === 'navigation' ? NavigationChevron : Chevron, size: size }));

package/build/esm/components/VideoBlock/VideoBlock.js

@@ -1,10 +1,10 @@
-import React, { useRef, useState, useCallback, useEffect } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import _ from 'lodash';
 import { v4 as uuidv4 } from 'uuid';
 import { Icon } from '@gravity-ui/uikit';
+import { PlayVideo } from '../../icons';
 import { block, getPageSearchParams } from '../../utils';
 import Image from '../Image/Image';
-import { PlayVideo } from '../../icons';
 import './VideoBlock.css';
 const RECORD_URL = 'https://www.youtube.com/embed/';
 const STREAM_URL = 'https://www.youtube.com/embed/live_stream?channel=';

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

@@ -1,4 +1,4 @@
-import { Modifiers, ClassNameProps } from '../../models';
+import { ClassNameProps, Modifiers } from '../../models';
 export interface YFMWrapperProps {
     className?: string;
     content: string;

package/build/esm/components/YandexForm/YandexForm.js

@@ -1,11 +1,11 @@
 import React, { useCallback, useContext, useEffect, useRef } from 'react';
-import { HEADER_HEIGHT } from '../constants';
 import { LocaleContext } from '../../context/localeContext';
 import { MobileContext } from '../../context/mobileContext';
-import { block } from '../../utils';
-import { DefaultEventNames } from '../../models/common';
-import { useMetrika } from '../../hooks/useMetrika';
 import { useAnalytics } from '../../hooks';
+import { useMetrika } from '../../hooks/useMetrika';
+import { DefaultEventNames } from '../../models/common';
+import { block } from '../../utils';
+import { HEADER_HEIGHT } from '../constants';
 export const YANDEX_FORM_ORIGIN = 'https://forms.yandex.ru';
 const CONTAINER_ID = 'pc-yandex-form-container';
 const b = block('yandex-form');

package/build/esm/constructor-items.js

@@ -1,6 +1,6 @@
+import { BannerBlock, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, ExtendedFeaturesBlock, FilterBlock, HeaderBlock, HeaderSliderBlock, IconsBlock, InfoBlock, LinkTableBlock, MapBlock, MediaBlock, PreviewBlock, PromoFeaturesBlock, QuestionsBlock, SecurityBlock, ShareBlock, SimpleBlock, SliderBlock, TableBlock, TabsBlock, } from './blocks';
 import { BlockType, SubBlockType } from './models';
-import { Partner, PriceDetailed, MediaCard, NewsCard, TutorialCard, CardWithImage, LayoutItem, BackgroundCard, Content, Quote, Divider, BannerCard, BasicCard, } from './sub-blocks';
-import { BannerBlock, CompaniesBlock, SimpleBlock, MediaBlock, MapBlock, PreviewBlock, InfoBlock, SecurityBlock, SliderBlock, ExtendedFeaturesBlock, PromoFeaturesBlock, QuestionsBlock, TableBlock, TabsBlock, LinkTableBlock, HeaderBlock, IconsBlock, HeaderSliderBlock, CardLayoutBlock, ContentLayoutBlock, ShareBlock, FilterBlock, } from './blocks';
+import { BackgroundCard, BannerCard, BasicCard, CardWithImage, Content, Divider, LayoutItem, MediaCard, NewsCard, Partner, PriceDetailed, Quote, TutorialCard, } from './sub-blocks';
 export const blockMap = {
     [BlockType.SliderBlock]: SliderBlock,
     [BlockType.SimpleBlock]: SimpleBlock,

package/build/esm/containers/Loadable/Loadable.js

@@ -1,6 +1,6 @@
-import React, { useState, useEffect, useCallback } from 'react';
-import { Spin } from '@gravity-ui/uikit';
+import React, { useCallback, useEffect, useState } from 'react';
 import blockCn from 'bem-cn-lite';
+import { Spin } from '@gravity-ui/uikit';
 import ErrorWrapper from '../../components/ErrorWrapper/ErrorWrapper';
 import i18n from './i18n';
 import './Loadable.css';

package/build/esm/containers/PageConstructor/PageConstructor.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import '@doc-tools/transform/dist/js/yfm';
-import { ShouldRenderBlock, CustomConfig, PageContent, CustomItems, NavigationData } from '../../models';
 import { blockMap, subBlockMap } from '../../constructor-items';
+import { CustomConfig, CustomItems, NavigationData, PageContent, ShouldRenderBlock } from '../../models';
 import './PageConstructor.css';
 export type ItemMap = typeof blockMap & typeof subBlockMap & CustomItems;
 export interface PageConstructorProps {

package/build/esm/containers/PageConstructor/PageConstructor.js

@@ -1,19 +1,19 @@
 import { __rest } from "tslib";
 import React, { useContext, useMemo } from 'react';
 import '@doc-tools/transform/dist/js/yfm';
-import { HeaderBlockTypes, BlockTypes, SubBlockTypes, } from '../../models';
-import { blockMap, subBlockMap } from '../../constructor-items';
-import { Grid } from '../../grid';
 import BackgroundMedia from '../../components/BackgroundMedia/BackgroundMedia';
-import { block as cnBlock, getCustomBlockTypes, getCustomHeaderTypes, getThemedValue, getCustomItems, getCustomSubBlockTypes, } from '../../utils';
+import { blockMap, subBlockMap } from '../../constructor-items';
 import { AnimateContext } from '../../context/animateContext';
 import { InnerContext } from '../../context/innerContext';
 import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
-import { ConstructorRow } from './components/ConstructorRow';
+import { Grid } from '../../grid';
+import { BlockTypes, HeaderBlockTypes, SubBlockTypes, } from '../../models';
+import Layout from '../../navigation/containers/Layout/Layout';
+import { block as cnBlock, getCustomBlockTypes, getCustomHeaderTypes, getCustomItems, getCustomSubBlockTypes, getThemedValue, } from '../../utils';
+import { ConstructorBlocks } from './components/ConstructorBlocks';
 import { ConstructorFootnotes } from './components/ConstructorFootnotes';
 import { ConstructorHeader } from './components/ConstructorItem';
-import { ConstructorBlocks } from './components/ConstructorBlocks';
-import Layout from '../../navigation/containers/Layout/Layout';
+import { ConstructorRow } from './components/ConstructorRow';
 import './PageConstructor.css';
 const b = cnBlock('page-constructor');
 export const Constructor = (props) => {

package/build/esm/containers/PageConstructor/Provider.d.ts

@@ -1,10 +1,10 @@
-import { MetrikaContextProps } from '../../context/metrikaContext';
 import { AnalyticsContextProps } from '../../context/analyticsContext';
+import { LocaleContextProps } from '../../context/localeContext';
+import { LocationContextProps } from '../../context/locationContext';
 import { MapsContextType } from '../../context/mapsContext/mapsContext';
+import { MetrikaContextProps } from '../../context/metrikaContext';
 import { ProjectSettingsContextProps } from '../../context/projectSettingsContext';
 import { SSRContextProps } from '../../context/ssrContext';
-import { LocaleContextProps } from '../../context/localeContext';
-import { LocationContextProps } from '../../context/locationContext';
 import { ConstructorTheme } from '../../context/theme/ThemeValueContext';
 import { WithChildren } from '../../models';
 export interface PageConstructorProviderProps {

package/build/esm/containers/PageConstructor/Provider.js

@@ -1,14 +1,14 @@
 import React, { Fragment } from 'react';
-import { MetrikaContext } from '../../context/metrikaContext';
+import { DEFAULT_THEME } from '../../components/constants';
 import { AnalyticsContext } from '../../context/analyticsContext';
-import { MobileContext } from '../../context/mobileContext';
+import { LocaleContext } from '../../context/localeContext';
+import { LocationContext } from '../../context/locationContext';
 import { MapsContext, initialMapValue } from '../../context/mapsContext/mapsContext';
+import { MetrikaContext } from '../../context/metrikaContext';
+import { MobileContext } from '../../context/mobileContext';
 import { ProjectSettingsContext, } from '../../context/projectSettingsContext';
 import { SSRContext } from '../../context/ssrContext';
-import { LocaleContext } from '../../context/localeContext';
-import { LocationContext } from '../../context/locationContext';
 import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
-import { DEFAULT_THEME } from '../../components/constants';
 export const PageConstructorProvider = (props) => {
     const { isMobile, mapsContext = initialMapValue, locale = {}, location = {}, metrika = {}, analytics = {}, ssrConfig = {}, projectSettings = {}, theme = DEFAULT_THEME, children, } = props;
     /* eslint-disable react/jsx-key */

package/build/esm/containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.js

@@ -1,10 +1,10 @@
-import _ from 'lodash';
 import React, { Fragment, useContext } from 'react';
-import { getBlockKey } from '../../../../utils';
+import _ from 'lodash';
 import { InnerContext } from '../../../../context/innerContext';
-import { ConstructorLoadable } from '../ConstructorLoadable';
-import { ConstructorItem } from '../ConstructorItem';
+import { getBlockKey } from '../../../../utils';
 import { ConstructorBlock } from '../ConstructorBlock/ConstructorBlock';
+import { ConstructorItem } from '../ConstructorItem';
+import { ConstructorLoadable } from '../ConstructorLoadable';
 export const ConstructorBlocks = ({ items }) => {
     const { blockTypes, loadables, itemMap, shouldRenderBlock } = useContext(InnerContext);
     const renderer = (parentId = '', item, index) => {

package/build/esm/containers/PageConstructor/components/ConstructorItem/ConstructorItem.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 import React, { useContext } from 'react';
-import { InnerContext } from '../../../../context/innerContext';
 import { BlockIdContext } from '../../../../context/blockIdContext';
+import { InnerContext } from '../../../../context/innerContext';
 export const ConstructorItem = ({ data, blockKey = '', children, }) => {
     const { itemMap } = useContext(InnerContext);
     const { type } = data, rest = __rest(data, ["type"]);

package/build/esm/containers/PageConstructor/components/ConstructorLoadable/ConstructorLoadable.d.ts

@@ -1,5 +1,5 @@
-import { LoadableComponentsProps } from '../../../Loadable/Loadable';
 import { LoadableConfigItem } from '../../../../models';
+import { LoadableComponentsProps } from '../../../Loadable/Loadable';
 interface ConstructorLoadableProps extends Omit<LoadableComponentsProps, 'Component' | 'ChildComponent' | 'fetch'> {
     config: LoadableConfigItem;
 }

package/build/esm/containers/PageConstructor/components/ConstructorLoadable/ConstructorLoadable.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
-import Loadable from '../../../Loadable/Loadable';
-import { InnerContext } from '../../../../context/innerContext';
 import { BlockIdContext } from '../../../../context/blockIdContext';
+import { InnerContext } from '../../../../context/innerContext';
+import Loadable from '../../../Loadable/Loadable';
 export const ConstructorLoadable = (props) => {
     const { itemMap } = useContext(InnerContext);
     const { block, blockKey, config, serviceId, params } = props;

package/build/esm/context/mapsContext/mapsProvider.js

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { MapsContext, MapType } from './mapsContext';
+import { MapType, MapsContext } from './mapsContext';
 export const gmapApiKeyIdInLS = 'gmap-api-key';
 export const MapProvider = ({ type = MapType.Yandex, scriptSrc, apiKey, children, }) => {
     const initialKeyValue = type === MapType.Google

package/build/esm/context/theme/ThemeProvider.js

@@ -1,7 +1,7 @@
 import React from 'react';
+import { DEFAULT_THEME } from '../../components/constants';
 import { ThemeContext } from './ThemeContext';
 import { ThemeValueContext } from './ThemeValueContext';
-import { DEFAULT_THEME } from '../../components/constants';
 export class ThemeProvider extends React.Component {
     constructor() {
         super(...arguments);

package/build/esm/grid/Col/Col.d.ts

@@ -1,10 +1,10 @@
 import React, { CSSProperties } from 'react';
-import { GridColumnClassParams } from '../types';
 import { Refable } from '../../models/common';
 import { WithChildren } from '../../models/react';
+import { GridColumnClassParams } from '../types';
 export interface GridColumnProps extends GridColumnClassParams, Refable<HTMLDivElement> {
     style?: CSSProperties;
     dataQa?: string;
     children?: React.ReactNode;
 }
-export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "className" | "dataQa" | "sizes" | "offsets" | "orders" | "hidden" | "visible" | "alignSelf" | "justifyContent" | "reset"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "className" | "dataQa" | "reset" | "sizes" | "offsets" | "orders" | "hidden" | "visible" | "alignSelf" | "justifyContent"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/grid/Row/Row.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { GridJustifyContent, GridAlignItems } from '../types';
 import { Refable } from '../../models/common';
+import { GridAlignItems, GridJustifyContent } from '../types';
 export interface RowProps extends Refable<HTMLDivElement> {
     className?: string;
     justifyContent?: GridJustifyContent;

package/build/esm/grid/utils.d.ts

@@ -1,4 +1,4 @@
-import { GridColumnSize, GridColumnVisibilityClass, GridColumnSizesType, GridColumnClassPrefix, GridColumnClassParams, GridColumnOrderSizesType, GridJustifyContent } from './types';
+import { GridColumnClassParams, GridColumnClassPrefix, GridColumnOrderSizesType, GridColumnSize, GridColumnSizesType, GridColumnVisibilityClass, GridJustifyContent } from './types';
 export declare function getClasses(items: GridColumnSizesType | GridColumnOrderSizesType, prefix: GridColumnClassPrefix): string;
 export declare function getOffsetClass(offsets: GridColumnSizesType): string;
 export declare function getOrderClass(orders: GridColumnOrderSizesType): string;

package/build/esm/grid/utils.js

@@ -1,4 +1,4 @@
-import { GridColumnSize, GridColumnVisibilityClass, GridColumnClassPrefix, } from './types';
+import { GridColumnClassPrefix, GridColumnSize, GridColumnVisibilityClass, } from './types';
 function getVisibilityClass(visibility, size) {
     return `d${size ? `-${size}` : ''}-${visibility}`;
 }

package/build/esm/hooks/useAnalytics.js

@@ -1,7 +1,7 @@
-import { memoize } from 'lodash';
 import { useContext, useMemo } from 'react';
-import { BlockIdContext } from '../context/blockIdContext';
+import { memoize } from 'lodash';
 import { AnalyticsContext } from '../context/analyticsContext';
+import { BlockIdContext } from '../context/blockIdContext';
 import { PredefinedEventTypes } from '../models';
 export const useAnalytics = (name = '', target) => {
     const { sendEvents, autoEvents } = useContext(AnalyticsContext);