@gravity-ui/page-constructor 1.10.7 → 1.11.0

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const Anchor_1 = tslib_1.__importDefault(require("../Anchor"));
+const testId = 'anchor';
+const anchorId = 'anchorId';
+describe('Anchor', () => {
+    test('Has id', async () => {
+        (0, react_2.render)(react_1.default.createElement(Anchor_1.default, { id: anchorId, dataQa: testId }));
+        const anchor = react_2.screen.getByTestId(testId);
+        expect(anchor).toHaveAttribute('id', anchorId);
+    });
+    test('Has custom class', async () => {
+        const className = 'custom-anchor-class';
+        (0, react_2.render)(react_1.default.createElement(Anchor_1.default, { id: anchorId, className: className, dataQa: testId }));
+        const anchor = react_2.screen.getByTestId(testId);
+        expect(anchor).toHaveClass(className);
+    });
+});

package/build/cjs/components/AnimateBlock/AnimateBlock.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const react_waypoint_1 = require("react-waypoint");
 const AnimateContext_1 = require("../../context/animateContext/AnimateContext");
 const utils_1 = require("../../utils");

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const index_1 = require("../index");
 const models_1 = require("../../models");
 const utils_1 = require("../../utils");

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ButtonSize } from '@gravity-ui/uikit';
-export declare type Theme = 'default' | 'special';
+export type Theme = 'default' | 'special';
 export interface BackLinkProps {
     url: string;
     title: ReactNode;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
+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");

package/build/cjs/components/BackgroundImage/BackgroundImage.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
-const Image_1 = (0, tslib_1.__importDefault)(require("../Image/Image"));
+const Image_1 = tslib_1.__importDefault(require("../Image/Image"));
 const b = (0, utils_1.block)('storage-background-image');
 const BackgroundImage = (props) => {
     const { children, src, desktop, className, imageClassName, style, hide } = props;

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

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
-const Media_1 = (0, tslib_1.__importDefault)(require("../Media/Media"));
-const AnimateBlock_1 = (0, tslib_1.__importDefault)(require("../AnimateBlock/AnimateBlock"));
+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 b = (0, utils_1.block)('BackgroundMedia');
 const BackgroundMedia = (_a) => {
-    var { className, color, animated, parallax = true, video, mediaClassName } = _a, props = (0, tslib_1.__rest)(_a, ["className", "color", "animated", "parallax", "video", "mediaClassName"]);
+    var { className, color, animated, parallax = true, video, mediaClassName } = _a, props = tslib_1.__rest(_a, ["className", "color", "animated", "parallax", "video", "mediaClassName"]);
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     return (react_1.default.createElement(AnimateBlock_1.default, { className: b(null, className), style: { backgroundColor: color }, animate: animated },
         react_1.default.createElement(Media_1.default, Object.assign({ className: b('media', mediaClassName), imageClassName: b('image'), videoClassName: b('video'), isBackground: true }, Object.assign({ height: 720, color,

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
-const lodash_1 = (0, tslib_1.__importDefault)(require("lodash"));
+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 b = (0, utils_1.block)('BalancedMasonry');

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
-const Anchor_1 = (0, tslib_1.__importDefault)(require("../Anchor/Anchor"));
+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) => {

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
 const grid_1 = require("../../grid");
 const __1 = require("../");
@@ -10,7 +10,7 @@ const BlockHeader = ({ title, description, className, colSizes = { all: 12, sm:
     if (!title && !description) {
         return null;
     }
-    const _a = !title || typeof title === 'string' ? { text: title } : title, { text } = _a, titleProps = (0, tslib_1.__rest)(_a, ["text"]);
+    const _a = !title || typeof title === 'string' ? { text: title } : title, { text } = _a, titleProps = tslib_1.__rest(_a, ["text"]);
     return (react_1.default.createElement("div", { className: b(null, className) },
         text && (react_1.default.createElement(grid_1.Col, { reset: true, sizes: colSizes },
             react_1.default.createElement(__1.Title, Object.assign({ text: text }, titleProps)))),

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const utils_1 = require("../../utils");
 const utils_2 = require("./utils");
@@ -12,7 +12,7 @@ const b = (0, utils_1.block)('button-block');
 const Button = (props) => {
     const handleMetrika = (0, useMetrika_1.useMetrika)();
     const { lang, tld } = (0, react_1.useContext)(localeContext_1.LocaleContext);
-    const { className, metrikaGoals, pixelEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text } = props, rest = (0, tslib_1.__rest)(props, ["className", "metrikaGoals", "pixelEvents", "size", "theme", "url", "img", "onClick", "text"]);
+    const { className, metrikaGoals, pixelEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text } = props, rest = tslib_1.__rest(props, ["className", "metrikaGoals", "pixelEvents", "size", "theme", "url", "img", "onClick", "text"]);
     const defaultImgPosition = 'left';
     const onClick = (0, react_1.useCallback)(() => {
         handleMetrika({ metrikaGoals, pixelEvents });

package/build/cjs/components/Button/utils.d.ts

@@ -1,5 +1,5 @@
 import { ButtonSize, ButtonView } from '@gravity-ui/uikit';
-export declare type OldButtonTheme = 'normal' | 'action' | 'flat' | 'light' | 'clear' | 'raised' | 'pseudo' | 'link' | 'accent' | 'websearch' | 'flat-special' | 'normal-special' | 'normal-dark' | 'pseudo-special';
-export declare type OldButtonSize = 'xs' | 'ns' | 's' | 'm' | 'l' | 'n' | 'head' | 'promo';
+export type OldButtonTheme = 'normal' | 'action' | 'flat' | 'light' | 'clear' | 'raised' | 'pseudo' | 'link' | 'accent' | 'websearch' | 'flat-special' | 'normal-special' | 'normal-dark' | 'pseudo-special';
+export type OldButtonSize = 'xs' | 'ns' | 's' | 'm' | 'l' | 'n' | 'head' | 'promo';
 export declare const toCommonView: (theme: OldButtonTheme) => ButtonView;
 export declare const toCommonSize: (size: OldButtonSize) => ButtonSize;

package/build/cjs/components/ButtonTabs/ButtonTabs.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
 const index_1 = require("../index");
 const b = (0, utils_1.block)('button-tabs');

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

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
-const BackgroundImage_1 = (0, tslib_1.__importDefault)(require("../BackgroundImage/BackgroundImage"));
-const RouterLink_1 = (0, tslib_1.__importDefault)(require("../RouterLink/RouterLink"));
+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 b = (0, utils_1.block)('card-base-block');
 const Header = () => null;

package/build/cjs/components/Control/Control.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('control');

package/build/cjs/components/ErrorWrapper/ErrorWrapper.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('ErrorWrapper');

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

@@ -3,7 +3,7 @@ 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 = (0, tslib_1.__importStar)(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const locationContext_1 = require("../../context/locationContext");
 const b = (0, utils_1.block)('file-link');
 const FIGMA_URL = 'https://www.figma.com';

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
-const HeightCalculator_1 = (0, tslib_1.__importDefault)(require("../../components/HeightCalculator/HeightCalculator"));
+const HeightCalculator_1 = tslib_1.__importDefault(require("../../components/HeightCalculator/HeightCalculator"));
 const b = (0, utils_1.block)('foldable-block');
 const Foldable = ({ isOpened, children, className }) => {
     const contentRef = (0, react_1.useRef)(null);

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
-const lodash_1 = (0, tslib_1.__importDefault)(require("lodash"));
+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 b = (0, utils_1.block)('FullWidthBackground');

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const utils_1 = require("../../utils");
-const Image_1 = (0, tslib_1.__importDefault)(require("../Image/Image"));
+const Image_1 = tslib_1.__importDefault(require("../Image/Image"));
 const icons_1 = require("../../icons");
 const b = (0, utils_1.block)('FullScreenImage');
 const FullScreenImage = (props) => {

package/build/cjs/components/HTML/HTML.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const HTML = ({ children, block = false, className }) => {
     if (!children) {
         return null;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
 const useMetrika_1 = require("../../hooks/useMetrika");
 const b = (0, utils_1.block)('header-breadcrumbs');

package/build/cjs/components/HeightCalculator/HeightCalculator.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
-const lodash_1 = (0, tslib_1.__importDefault)(require("lodash"));
+const react_1 = tslib_1.__importStar(require("react"));
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('height-calculator');
 const HeightCalculator = ({ onCalculate, children }) => {

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const projectSettingsContext_1 = require("../../context/projectSettingsContext");
 const constants_1 = require("../../constants");
 const checkWebP = (src) => {

package/build/cjs/components/Link/Link.css

@@ -24,10 +24,17 @@ unpredictable css rules order in build */
 .pc-link-block__link_theme_dark:hover {
   color: var(--yc-color-text-light-secondary);
 }
+.pc-link-block__link_has-arrow {
+  display: inherit;
+  white-space: nowrap;
+}
 .pc-link-block__link_has-arrow:hover, .pc-link-block__link_has-arrow:active {
   --pc-text-header-color: inherit;
   color: var(--yc-color-text-link);
 }
+.pc-link-block__link_has-arrow .pc-link-block__content {
+  white-space: normal;
+}
 .pc-link-block__link:hover .pc-link-block__arrow {
   transform: translateX(5px) rotate(-90deg);
 }
@@ -36,7 +43,7 @@ unpredictable css rules order in build */
 }
 .pc-link-block__arrow {
   position: relative;
-  margin-left: 2px;
+  top: 2px;
   transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
   transform: rotate(-90deg);
 }
@@ -48,6 +55,9 @@ unpredictable css rules order in build */
   font-size: var(--yc-text-body-2-font-size);
   line-height: var(--yc-text-body-2-line-height);
 }
+.pc-link-block_size_m .pc-link-block__arrow {
+  top: 1px;
+}
 .pc-link-block_size_s {
   font-size: var(--yc-text-body-1-font-size);
   line-height: var(--yc-text-body-1-line-height);

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

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

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

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
+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 FileLink_1 = (0, tslib_1.__importDefault)(require("../FileLink/FileLink"));
-const BackLink_1 = (0, tslib_1.__importDefault)(require("../BackLink/BackLink"));
+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 b = (0, utils_1.block)('link-block');
+const WORD_JOINER_SYM = '\u200b';
 function getArrowSize(size) {
     switch (size) {
         case 'l':
@@ -18,9 +19,9 @@ function getArrowSize(size) {
         case 'm':
             return 18;
         case 's':
-            return 12;
+            return 14;
         default:
-            return 12;
+            return 14;
     }
 }
 const LinkBlock = (props) => {
@@ -42,9 +43,11 @@ const LinkBlock = (props) => {
                 return (react_1.default.createElement(FileLink_1.default, { text: children || text, href: href, type: "horizontal", textSize: textSize, onClick: onClick }));
             case 'normal': {
                 const linkProps = (0, utils_1.getLinkProps)(url, hostname, target);
-                return (react_1.default.createElement("a", Object.assign({ className: b('link', { theme: colorTheme, 'has-arrow': arrow }), href: href, onClick: onClick }, linkProps),
-                    children || text,
-                    arrow && (react_1.default.createElement(uikit_1.Icon, { className: b('arrow'), data: icons_1.Chevron, size: getArrowSize(textSize) }))));
+                const content = children || text;
+                return (react_1.default.createElement("a", Object.assign({ className: b('link', { theme: colorTheme, 'has-arrow': arrow }), href: href, onClick: onClick }, linkProps), arrow ? (react_1.default.createElement(react_1.Fragment, null,
+                    react_1.default.createElement("span", { className: b('content') }, content),
+                    WORD_JOINER_SYM,
+                    react_1.default.createElement(uikit_1.Icon, { className: b('arrow'), data: icons_1.Chevron, size: getArrowSize(textSize) }))) : (content)));
             }
             default:
                 return null;

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
-const Link_1 = (0, tslib_1.__importDefault)(require("./Link"));
+const react_1 = tslib_1.__importStar(require("react"));
+const Link_1 = tslib_1.__importDefault(require("./Link"));
 const Links = (props) => {
     const { links, className } = props;
     if (!links) {

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../../utils");
 const utils_2 = require("./utils");
 const b = (0, utils_1.block)('media-component-data-lens');

package/build/cjs/components/Media/Image/Image.d.ts

@@ -6,6 +6,6 @@ export interface ImageAdditionProps {
 interface InnerImageProps {
     hasVideoFallback: boolean;
 }
-declare type ImageAllProps = ImageAdditionProps & MediaComponentImageProps & InnerImageProps;
+type ImageAllProps = ImageAdditionProps & MediaComponentImageProps & InnerImageProps;
 declare const Image: (props: ImageAllProps) => JSX.Element;
 export default Image;

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

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const react_spring_1 = require("react-spring");
-const lodash_1 = (0, tslib_1.__importDefault)(require("lodash"));
-const Slider_1 = (0, tslib_1.__importDefault)(require("../../../blocks/Slider/Slider"));
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const Slider_1 = tslib_1.__importDefault(require("../../../blocks/Slider/Slider"));
 const models_1 = require("../../../models");
 const utils_1 = require("./utils");
-const FullscreenImage_1 = (0, tslib_1.__importDefault)(require("../../FullscreenImage/FullscreenImage"));
-const BackgroundImage_1 = (0, tslib_1.__importDefault)(require("../../BackgroundImage/BackgroundImage"));
+const FullscreenImage_1 = tslib_1.__importDefault(require("../../FullscreenImage/FullscreenImage"));
+const BackgroundImage_1 = tslib_1.__importDefault(require("../../BackgroundImage/BackgroundImage"));
 const utils_2 = require("../../../utils");
-const Image_1 = (0, tslib_1.__importDefault)(require("../../Image/Image"));
+const Image_1 = tslib_1.__importDefault(require("../../Image/Image"));
 const b = (0, utils_2.block)('media-component-image');
 const Image = (props) => {
     const { parallax, image, height, imageClassName, isBackground, hasVideoFallback, video } = props;

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

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Media = void 0;
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
-const Image_1 = (0, tslib_1.__importDefault)(require("./Image/Image"));
-const DataLens_1 = (0, tslib_1.__importDefault)(require("./DataLens/DataLens"));
-const Video_1 = (0, tslib_1.__importDefault)(require("./Video/Video"));
-const VideoBlock_1 = (0, tslib_1.__importDefault)(require("../VideoBlock/VideoBlock"));
+const Image_1 = tslib_1.__importDefault(require("./Image/Image"));
+const DataLens_1 = tslib_1.__importDefault(require("./DataLens/DataLens"));
+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, } = props;

package/build/cjs/components/Media/Video/Video.d.ts

@@ -10,6 +10,6 @@ interface InnerVideoProps {
     setHasVideoFallback: React.Dispatch<boolean>;
     hasVideoFallback: boolean;
 }
-declare type VideoAllProps = VideoAdditionProps & MediaComponentVideoProps & InnerVideoProps;
+type VideoAllProps = VideoAdditionProps & MediaComponentVideoProps & InnerVideoProps;
 declare const Video: (props: VideoAllProps) => JSX.Element | null;
 export default Video;

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const models_1 = require("../../../models");
-const ReactPlayer_1 = (0, tslib_1.__importDefault)(require("../../ReactPlayer/ReactPlayer"));
+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');

package/build/cjs/components/OutsideClick/OutsideClick.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 //TODO move into cloud components?
-const react_1 = (0, tslib_1.__importStar)(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 class OutsideClick extends react_1.default.Component {
     constructor() {
         super(...arguments);

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

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-declare type Arrow = 'left' | 'right';
+type Arrow = 'left' | 'right';
 export interface OverflowScrollerProps {
     className?: string;
     onScrollStart?: () => void;

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
-const lodash_1 = (0, tslib_1.__importDefault)(require("lodash"));
+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 b = (0, utils_1.block)('overflow-scroller');

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('CircleProgress');
 const CircleProgress = (props) => {

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
-const CircleProgress_1 = (0, tslib_1.__importDefault)(require("./CircleProgress"));
+const CircleProgress_1 = tslib_1.__importDefault(require("./CircleProgress"));
 const b = (0, utils_1.block)('CustomBarControls');
 const CustomBarControls = (props) => {
     const { mute, elapsedTimePercent = 0, className } = props;

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

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactPlayerBlock = void 0;
 const tslib_1 = require("tslib");
-const lodash_1 = (0, tslib_1.__importDefault)(require("lodash"));
-const react_player_1 = (0, tslib_1.__importDefault)(require("react-player"));
-const react_1 = (0, 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 = (0, tslib_1.__importDefault)(require("./CustomBarControls"));
+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");

package/build/cjs/components/RouterLink/RouterLink.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const locationContext_1 = require("../../context/locationContext");
 const RouterLink = ({ href, children }) => {
     const { Link } = (0, react_1.useContext)(locationContext_1.LocationContext);

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
 const __1 = require("../");
 const b = (0, utils_1.block)('table');

package/build/cjs/components/Title/Title.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getArrowSize = void 0;
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
-const Anchor_1 = (0, tslib_1.__importDefault)(require("../Anchor/Anchor"));
+const Anchor_1 = tslib_1.__importDefault(require("../Anchor/Anchor"));
 const __1 = require("../");
 const locationContext_1 = require("../../context/locationContext");
 const mobileContext_1 = require("../../context/mobileContext");

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importDefault)(require("react"));
+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");