@gravity-ui/page-constructor 2.3.2 → 2.5.0

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

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabsBlock = exports.tabsItem = void 0;
 const tslib_1 = require("tslib");
-const utils_1 = require("../../schema/validators/utils");
-const common_1 = require("../../schema/validators/common");
-const schema_1 = require("../../components/Image/schema");
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const schema_1 = require("../../components/Image/schema");
+const common_1 = require("../../schema/validators/common");
+const utils_1 = require("../../schema/validators/utils");
 const schema_2 = require("../../sub-blocks/Content/schema");
 const TabsItemContentProps = lodash_1.default.omit(schema_2.ContentBase, ['size', 'colSizes', 'centered', 'theme']);
 exports.tabsItem = {

package/build/cjs/components/Author/Author.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const index_1 = require("../index");
 const models_1 = require("../../models");
 const utils_1 = require("../../utils");
+const index_1 = require("../index");
 const b = (0, utils_1.block)('author');
 const Author = (props) => {
     const { author, className, authorContainerClassName, type = models_1.AuthorType.Column, dataQa } = props;

package/build/cjs/components/BackLink/BackLink.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const icons_1 = require("../../icons");
 const locationContext_1 = require("../../context/locationContext");
 const hooks_1 = require("../../hooks");
+const icons_1 = require("../../icons");
 const models_1 = require("../../models");
 function BackLink(props) {
     const { history } = (0, react_1.useContext)(locationContext_1.LocationContext);

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

@@ -4,8 +4,8 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const react_2 = require("@testing-library/react");
 const user_event_1 = tslib_1.__importDefault(require("@testing-library/user-event"));
-const BackLink_1 = tslib_1.__importDefault(require("../BackLink"));
 const locationContext_1 = require("../../../context/locationContext");
+const BackLink_1 = tslib_1.__importDefault(require("../BackLink"));
 const backLinkProps = {
     url: '#',
     title: 'Button Title',

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

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

package/build/cjs/components/BackgroundMedia/BackgroundMedia.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
+const mobileContext_1 = require("../../context/mobileContext");
 const utils_1 = require("../../utils");
-const Media_1 = tslib_1.__importDefault(require("../Media/Media"));
 const AnimateBlock_1 = tslib_1.__importDefault(require("../AnimateBlock/AnimateBlock"));
-const mobileContext_1 = require("../../context/mobileContext");
+const Media_1 = tslib_1.__importDefault(require("../Media/Media"));
 const b = (0, utils_1.block)('BackgroundMedia');
 const BackgroundMedia = (_a) => {
     var { className, color, animated, parallax = true, video, mediaClassName } = _a, props = tslib_1.__rest(_a, ["className", "color", "animated", "parallax", "video", "mediaClassName"]);

package/build/cjs/components/BalancedMasonry/BalancedMasonry.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
-const utils_1 = require("../../utils");
 const ssrContext_1 = require("../../context/ssrContext");
+const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('BalancedMasonry');
 const BalancedMasonry = (props) => {
     const { className, columnClassName, children = [], breakpointCols } = props;

package/build/cjs/components/BlockBase/BlockBase.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
+const grid_1 = require("../../grid");
 const utils_1 = require("../../utils");
 const Anchor_1 = tslib_1.__importDefault(require("../Anchor/Anchor"));
-const grid_1 = require("../../grid");
 const b = (0, utils_1.block)('block-base');
 const BlockBase = (props) => {
     const { anchor, visible, children, className, resetPaddings } = props;

package/build/cjs/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';
 export interface BlockHeaderProps extends BlockHeaderParams {
     colSizes?: GridColumnSizesType;
 }

package/build/cjs/components/BlockHeader/BlockHeader.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const utils_1 = require("../../utils");
-const grid_1 = require("../../grid");
 const __1 = require("../");
+const grid_1 = require("../../grid");
+const utils_1 = require("../../utils");
 const YFMWrapper_1 = tslib_1.__importDefault(require("../YFMWrapper/YFMWrapper"));
 const b = (0, utils_1.block)('block-header');
 const BlockHeader = ({ title, description, className, colSizes = { all: 12, sm: 8 }, }) => {

package/build/cjs/components/Button/Button.js

@@ -3,13 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const utils_1 = require("../../utils");
-const models_1 = require("../../models");
-const utils_2 = require("./utils");
 const localeContext_1 = require("../../context/localeContext/localeContext");
-const useMetrika_1 = require("../../hooks/useMetrika");
 const hooks_1 = require("../../hooks");
+const useMetrika_1 = require("../../hooks/useMetrika");
 const icons_1 = require("../../icons");
+const models_1 = require("../../models");
+const utils_1 = require("../../utils");
+const utils_2 = require("./utils");
 const b = (0, utils_1.block)('button-block');
 const Button = (props) => {
     const handleMetrika = (0, useMetrika_1.useMetrika)();

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

@@ -4,8 +4,8 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const react_2 = require("@testing-library/react");
 const user_event_1 = tslib_1.__importDefault(require("@testing-library/user-event"));
-const utils_1 = require("../utils");
 const Button_1 = tslib_1.__importDefault(require("../Button"));
+const utils_1 = require("../utils");
 const qaId = 'button-component';
 const buttonProps = {
     text: 'Button Text',

package/build/cjs/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';
 export interface CardBaseProps extends AnalyticsEventsBase, CardBaseParams {

package/build/cjs/components/CardBase/CardBase.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
+const hooks_1 = require("../../hooks");
+const useMetrika_1 = require("../../hooks/useMetrika");
+const common_1 = require("../../models/common");
 const utils_1 = require("../../utils");
 const BackgroundImage_1 = tslib_1.__importDefault(require("../BackgroundImage/BackgroundImage"));
 const RouterLink_1 = tslib_1.__importDefault(require("../RouterLink/RouterLink"));
-const useMetrika_1 = require("../../hooks/useMetrika");
-const common_1 = require("../../models/common");
-const hooks_1 = require("../../hooks");
 const b = (0, utils_1.block)('card-base-block');
 const Header = () => null;
 const Content = () => null;

package/build/cjs/components/FileLink/FileLink.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getFileExt = exports.FileExtension = void 0;
 const tslib_1 = require("tslib");
-const utils_1 = require("../../utils");
 const react_1 = tslib_1.__importStar(require("react"));
 const locationContext_1 = require("../../context/locationContext");
+const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('file-link');
 const FIGMA_URL = 'https://www.figma.com';
 var FileExtension;

package/build/cjs/components/Foldable/Foldable.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const utils_1 = require("../../utils");
 const useHeightCalculator_1 = tslib_1.__importDefault(require("../../hooks/useHeightCalculator"));
+const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('foldable-block');
 const Foldable = ({ isOpened, children, className }) => {
     const blockRef = (0, react_1.useRef)(null);

package/build/cjs/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';
 export interface FullWidthBackgroundProps extends ClassNameProps {
     style?: CSSProperties;

package/build/cjs/components/FullWidthBackground/FullWidthBackground.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
-const utils_1 = require("../../utils");
 const constants_1 = require("../../constants");
+const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('FullWidthBackground');
 function getPadding(width) {
     return width > constants_1.BREAKPOINTS.sm ? 16 : 8;

package/build/cjs/components/FullscreenImage/FullscreenImage.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
+const icons_1 = require("../../icons");
 const utils_1 = require("../../utils");
 const Image_1 = tslib_1.__importDefault(require("../Image/Image"));
-const icons_1 = require("../../icons");
 const b = (0, utils_1.block)('FullScreenImage');
 const FULL_SCREEN_ICON_SIZE = 18;
 const CLOSE_ICON_SIZE = 30;

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

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const utils_1 = require("../../utils");
-const icons_1 = require("../../icons");
 const mobileContext_1 = require("../../context/mobileContext");
+const icons_1 = require("../../icons");
+const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('full-screen-media');
 const FULL_SCREEN_ICON_SIZE = 18;
 const CLOSE_ICON_SIZE = 30;

package/build/cjs/components/HeaderBreadcrumbs/HeaderBreadcrumbs.js

@@ -1,16 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const utils_1 = require("../../utils");
+const react_1 = tslib_1.__importStar(require("react"));
+const hooks_1 = require("../../hooks");
 const useMetrika_1 = require("../../hooks/useMetrika");
+const models_1 = require("../../models");
+const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('header-breadcrumbs');
 function HeaderBreadcrumbs(props) {
     const { items, metrikaGoals, pixelEvents, theme = 'light', className } = props;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
-    const onClick = () => {
+    const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.Breadcrumb);
+    const onClick = (0, react_1.useCallback)(() => {
+        handleAnalytics();
         handleMetrika({ metrikaGoals, pixelEvents });
-    };
+    }, [handleAnalytics, handleMetrika, metrikaGoals, pixelEvents]);
     return (react_1.default.createElement("div", { className: b({ theme }, className) }, items.map((item) => (react_1.default.createElement("div", { className: b('item'), key: item.url },
         react_1.default.createElement("a", { href: item.url, className: b('text'), onClick: onClick }, item.text))))));
 }

package/build/cjs/components/Image/Image.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const projectSettingsContext_1 = require("../../context/projectSettingsContext");
 const constants_1 = require("../../constants");
+const projectSettingsContext_1 = require("../../context/projectSettingsContext");
 const imageCompress_1 = require("../../utils/imageCompress");
 const checkWebP = (src) => {
     return src.endsWith('.webp') ? src : src + '.webp';

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

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

package/build/cjs/components/Link/Link.js

@@ -3,15 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const utils_1 = require("../../utils");
-const models_1 = require("../../models");
-const icons_1 = require("../../icons");
-const FileLink_1 = tslib_1.__importDefault(require("../FileLink/FileLink"));
-const BackLink_1 = tslib_1.__importDefault(require("../BackLink/BackLink"));
 const localeContext_1 = require("../../context/localeContext/localeContext");
 const locationContext_1 = require("../../context/locationContext/locationContext");
-const useMetrika_1 = require("../../hooks/useMetrika");
 const hooks_1 = require("../../hooks");
+const useMetrika_1 = require("../../hooks/useMetrika");
+const icons_1 = require("../../icons");
+const models_1 = require("../../models");
+const utils_1 = require("../../utils");
+const BackLink_1 = tslib_1.__importDefault(require("../BackLink/BackLink"));
+const FileLink_1 = tslib_1.__importDefault(require("../FileLink/FileLink"));
 const b = (0, utils_1.block)('link-block');
 const WORD_JOINER_SYM = '\u200b';
 function getArrowSize(size) {

package/build/cjs/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/cjs/components/Map/GoogleMap.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
-const utils_1 = require("../../utils");
-const mapsContext_1 = require("../../context/mapsContext/mapsContext");
 const localeContext_1 = require("../../context/localeContext/localeContext");
+const mapsContext_1 = require("../../context/mapsContext/mapsContext");
 const mobileContext_1 = require("../../context/mobileContext");
-const helpers_1 = require("./helpers");
+const utils_1 = require("../../utils");
 const configure_1 = require("../../utils/configure");
+const helpers_1 = require("./helpers");
 const b = (0, utils_1.block)('map');
 function getScriptSrc(params) {
     const { apiKey, scriptSrc, address, lang, zoom } = params;

package/build/cjs/components/Map/Map.js

@@ -4,8 +4,8 @@ exports.Map = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const mapsContext_1 = require("../../context/mapsContext/mapsContext");
-const YandexMap_1 = tslib_1.__importDefault(require("./YMap/YandexMap"));
 const GoogleMap_1 = tslib_1.__importDefault(require("./GoogleMap"));
+const YandexMap_1 = tslib_1.__importDefault(require("./YMap/YandexMap"));
 const Map = (props) => {
     const { type } = (0, react_1.useContext)(mapsContext_1.MapsContext);
     switch (type) {

package/build/cjs/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/cjs/components/Map/YMap/YandexMap.js

@@ -4,15 +4,15 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const uikit_1 = require("@gravity-ui/uikit");
-const utils_1 = require("../../../utils");
-const mapsContext_1 = require("../../../context/mapsContext/mapsContext");
 const localeContext_1 = require("../../../context/localeContext/localeContext");
+const mapsContext_1 = require("../../../context/mapsContext/mapsContext");
+const mobileContext_1 = require("../../../context/mobileContext");
+const utils_1 = require("../../../utils");
 const ErrorWrapper_1 = tslib_1.__importDefault(require("../../ErrorWrapper/ErrorWrapper"));
+const helpers_1 = require("../helpers");
 const YMap_1 = require("./YMap");
 const YandexMapApiLoader_1 = require("./YandexMapApiLoader");
 const i18n_1 = tslib_1.__importDefault(require("./i18n"));
-const mobileContext_1 = require("../../../context/mobileContext");
-const helpers_1 = require("../helpers");
 const b = (0, utils_1.block)('map');
 const DEFAULT_CONTAINER_ID = 'ymap';
 const DEFAULT_ZOOM = 9;

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YMapsApiLoader = exports.MapApiStatus = void 0;
-const utils_1 = require("../../../utils");
 const mapsContext_1 = require("../../../context/mapsContext/mapsContext");
+const utils_1 = require("../../../utils");
 var MapApiStatus;
 (function (MapApiStatus) {
     MapApiStatus["NotStarted"] = "not_started";

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

@@ -2,16 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const react_spring_1 = require("react-spring");
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const react_spring_1 = require("react-spring");
 const Slider_1 = tslib_1.__importDefault(require("../../../blocks/Slider/Slider"));
 const models_1 = require("../../../models");
-const utils_1 = require("./utils");
-const FullscreenImage_1 = tslib_1.__importDefault(require("../../FullscreenImage/FullscreenImage"));
+const utils_1 = require("../../../utils");
 const BackgroundImage_1 = tslib_1.__importDefault(require("../../BackgroundImage/BackgroundImage"));
-const utils_2 = require("../../../utils");
+const FullscreenImage_1 = tslib_1.__importDefault(require("../../FullscreenImage/FullscreenImage"));
 const Image_1 = tslib_1.__importDefault(require("../../Image/Image"));
-const b = (0, utils_2.block)('media-component-image');
+const utils_2 = require("./utils");
+const b = (0, utils_1.block)('media-component-image');
 const Image = (props) => {
     const { parallax, image, height, imageClassName, isBackground, hasVideoFallback, video } = props;
     const [scrollY, setScrollY] = (0, react_1.useState)(0);
@@ -35,16 +35,16 @@ const Image = (props) => {
     }
     const imageClass = b('item', { withVideo: Boolean(video) && !hasVideoFallback }, imageClassName);
     const imageSlider = (imageArray) => (react_1.default.createElement(Slider_1.default, { slidesToShow: 1, type: models_1.SliderType.MediaCard }, imageArray.map((item) => {
-        const itemData = (0, utils_1.getMediaImage)(item);
+        const itemData = (0, utils_2.getMediaImage)(item);
         return (react_1.default.createElement(FullscreenImage_1.default, Object.assign({ key: itemData.alt }, itemData, { imageClassName: imageClass, imageStyle: { height } })));
     })));
     const imageBackground = (oneImage) => {
-        const imageData = (0, utils_1.getMediaImage)(oneImage);
+        const imageData = (0, utils_2.getMediaImage)(oneImage);
         return (react_1.default.createElement(react_spring_1.animated.div, { style: { transform: parallaxInterpolate } },
             react_1.default.createElement(BackgroundImage_1.default, Object.assign({}, imageData, { className: imageClass, style: { height } }))));
     };
     const imageOnly = (oneImage) => {
-        const imageData = (0, utils_1.getMediaImage)(oneImage);
+        const imageData = (0, utils_2.getMediaImage)(oneImage);
         return react_1.default.createElement(Image_1.default, Object.assign({}, imageData, { className: imageClass, style: { height } }));
     };
     if (Array.isArray(image)) {

package/build/cjs/components/Media/Media.js

@@ -4,10 +4,10 @@ exports.Media = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
-const Image_1 = tslib_1.__importDefault(require("./Image/Image"));
+const VideoBlock_1 = tslib_1.__importDefault(require("../VideoBlock/VideoBlock"));
 const DataLens_1 = tslib_1.__importDefault(require("./DataLens/DataLens"));
+const Image_1 = tslib_1.__importDefault(require("./Image/Image"));
 const Video_1 = tslib_1.__importDefault(require("./Video/Video"));
-const VideoBlock_1 = tslib_1.__importDefault(require("../VideoBlock/VideoBlock"));
 const b = (0, utils_1.block)('Media');
 const Media = (props) => {
     const { image, video, youtube, dataLens, color, height, previewImg, parallax = false, metrika, fullScreen, analyticsEvents, } = props;

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

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const models_1 = require("../../../models");
+const utils_1 = require("../../../utils");
 const ReactPlayer_1 = tslib_1.__importDefault(require("../../ReactPlayer/ReactPlayer"));
-const utils_1 = require("./utils");
-const utils_2 = require("../../../utils");
-const b = (0, utils_2.block)('media-component-video');
+const utils_2 = require("./utils");
+const b = (0, utils_1.block)('media-component-video');
 const Video = (props) => {
     const { video, height, metrika, analyticsEvents, previewImg, playButton: commonPlayButton, customBarControlsClassName, videoClassName, playVideo, setHasVideoFallback, hasVideoFallback, } = props;
     const ref = (0, react_1.useRef)(null);
@@ -47,7 +47,7 @@ const Video = (props) => {
         return video.src.length && !hasVideoFallback ? (react_1.default.createElement("div", { className: b('wrap', videoClassName), style: { height } },
             react_1.default.createElement("video", { disablePictureInPicture: true, playsInline: true, 
                 // @ts-ignore
-                pip: "false", className: b('item'), ref: ref, preload: "metadata", muted: true }, (0, utils_1.getVideoTypesWithPriority)(video.src).map(({ src, type }, index) => (react_1.default.createElement("source", { key: index, src: src, type: type })))))) : null;
+                pip: "false", className: b('item'), ref: ref, preload: "metadata", muted: true }, (0, utils_2.getVideoTypesWithPriority)(video.src).map(({ src, type }, index) => (react_1.default.createElement("source", { key: index, src: src, type: type })))))) : null;
     }, [video, videoClassName, hasVideoFallback, height]);
     switch (video.type) {
         case models_1.MediaVideoType.Player:

package/build/cjs/components/MediaBase/MediaBase.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MediaBase = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const utils_1 = require("../../utils");
-const grid_1 = require("../../grid");
 const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock"));
 const BlockHeader_1 = tslib_1.__importDefault(require("../../components/BlockHeader/BlockHeader"));
+const grid_1 = require("../../grid");
+const utils_1 = require("../../utils");
 const MediaBaseContent_1 = tslib_1.__importDefault(require("./MediaBaseContent"));
 const b = (0, utils_1.block)('media-base');
 const Card = () => null;

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const utils_1 = require("../../utils");
 const sub_blocks_1 = require("../../sub-blocks");
+const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('media-base-content');
 const MediaContent = (props) => {
     const { title, description, button, links, buttons = [], additionalInfo, size = 'l' } = props;

package/build/cjs/components/OverflowScroller/OverflowScroller.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
-const utils_1 = require("../../utils");
 const __1 = require("..");
+const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('overflow-scroller');
 const TRANSITION_TIME = 300;
 const PADDING_SIZE = 24;

package/build/cjs/components/ReactPlayer/ReactPlayer.js

@@ -2,18 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactPlayerBlock = void 0;
 const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const react_player_1 = tslib_1.__importDefault(require("react-player"));
-const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const utils_1 = require("../../utils");
-const models_1 = require("../../models");
-const CustomBarControls_1 = tslib_1.__importDefault(require("./CustomBarControls"));
-const videoContext_1 = require("../../context/videoContext");
 const metrikaContext_1 = require("../../context/metrikaContext");
 const mobileContext_1 = require("../../context/mobileContext");
+const videoContext_1 = require("../../context/videoContext");
 const hooks_1 = require("../../hooks");
 const icons_1 = require("../../icons");
+const models_1 = require("../../models");
+const utils_1 = require("../../utils");
+const CustomBarControls_1 = tslib_1.__importDefault(require("./CustomBarControls"));
 const utils_2 = require("./utils");
 const b = (0, utils_1.block)('ReactPlayer');
 const FPS = 60;

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

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

package/build/cjs/components/Table/Table.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const utils_1 = require("../../utils");
 const __1 = require("../");
+const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('table');
 class Table extends react_1.default.Component {
     render() {

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

@@ -1,5 +1,5 @@
 import { TextSize, TitleProps } from '../../models';
-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/cjs/components/Title/Title.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getArrowSize = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const utils_1 = require("../../utils");
-const Anchor_1 = tslib_1.__importDefault(require("../Anchor/Anchor"));
 const __1 = require("../");
 const locationContext_1 = require("../../context/locationContext");
 const mobileContext_1 = require("../../context/mobileContext");
+const utils_1 = require("../../utils");
+const Anchor_1 = tslib_1.__importDefault(require("../Anchor/Anchor"));
 const b = (0, utils_1.block)('title-block');
 function getArrowSize(size, isMobile) {
     switch (size) {

package/build/cjs/components/ToggleArrow/ToggleArrow.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const utils_1 = require("../../utils");
 const icons_1 = require("../../icons");
+const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('ToggleArrow');
 const ToggleArrow = ({ type = 'horizontal', iconType = 'default', open = false, size = 16, thin = false, slow = false, className, }) => (react_1.default.createElement(uikit_1.Icon, { className: b({ type, open, thin, slow }, className), data: iconType === 'navigation' ? icons_1.NavigationChevron : icons_1.Chevron, size: size }));
 exports.default = ToggleArrow;

package/build/cjs/components/VideoBlock/VideoBlock.js

@@ -6,9 +6,9 @@ const react_1 = tslib_1.__importStar(require("react"));
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const uuid_1 = require("uuid");
 const uikit_1 = require("@gravity-ui/uikit");
+const icons_1 = require("../../icons");
 const utils_1 = require("../../utils");
 const Image_1 = tslib_1.__importDefault(require("../Image/Image"));
-const icons_1 = require("../../icons");
 const RECORD_URL = 'https://www.youtube.com/embed/';
 const STREAM_URL = 'https://www.youtube.com/embed/live_stream?channel=';
 const RECORD_RE = /[0-9A-Za-z_-]{11}/;

package/build/cjs/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;