@gravity-ui/page-constructor 4.55.0 → 5.0.0

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ContentSize, LinkProps } from '../../models';
+type LinksProps = {
+    className?: string;
+    titleId?: string;
+    links?: LinkProps[];
+    size?: ContentSize;
+    qa?: string;
+    linkQa?: string;
+};
+declare const Links: React.FC<LinksProps>;
+export default Links;

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

@@ -0,0 +1,18 @@
+"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 Link_1 = tslib_1.__importDefault(require("../Link/Link"));
+const b = (0, utils_1.block)('links');
+function getLinkSize(size) {
+    switch (size) {
+        case 's':
+            return 'm';
+        case 'l':
+        default:
+            return 'l';
+    }
+}
+const Links = ({ className, titleId, links, size = 's', qa, linkQa }) => links ? (react_1.default.createElement("div", { className: b({ size }, className), "data-qa": qa }, links === null || links === void 0 ? void 0 : links.map((link) => (react_1.default.createElement(Link_1.default, Object.assign({ className: b('link') }, link, { textSize: getLinkSize(size), key: link.url, qa: linkQa, extraProps: Object.assign({ 'aria-describedby': link.urlTitle ? undefined : titleId }, link.extraProps) })))))) : null;
+exports.default = Links;

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

@@ -2,12 +2,12 @@
 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 debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 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 configure_1 = require("../../utils/configure");
 const helpers_1 = require("./helpers");
 const b = (0, utils_1.block)('map');
 function getScriptSrc(params) {
@@ -17,7 +17,7 @@ function getScriptSrc(params) {
 const GoogleMap = (props) => {
     const { address, zoom, className } = props;
     const { apiKey, scriptSrc } = (0, react_1.useContext)(mapsContext_1.MapsContext);
-    const { lang = configure_1.Lang.Ru } = (0, react_1.useContext)(localeContext_1.LocaleContext);
+    const { lang = uikit_1.Lang.Ru } = (0, react_1.useContext)(localeContext_1.LocaleContext);
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const [height, setHeight] = (0, react_1.useState)(undefined);
     const ref = (0, react_1.useRef)(null);

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

@@ -12,7 +12,7 @@ const ErrorWrapper_1 = tslib_1.__importDefault(require("../../ErrorWrapper/Error
 const helpers_1 = require("../helpers");
 const YMap_1 = require("./YMap");
 const YandexMapApiLoader_1 = require("./YandexMapApiLoader");
-const i18n_1 = tslib_1.__importDefault(require("./i18n"));
+const i18n_1 = require("./i18n");
 const b = (0, utils_1.block)('map');
 const DEFAULT_CONTAINER_ID = 'ymap';
 const DEFAULT_ZOOM = 9;
@@ -73,7 +73,7 @@ const YandexMap = (props) => {
     });
     if (!markers)
         return null;
-    return (react_1.default.createElement(ErrorWrapper_1.default, { isError: YandexMapApiLoader_1.YMapsApiLoader.status === YandexMapApiLoader_1.MapApiStatus.Error, text: (0, i18n_1.default)('map-load-error'), buttonText: (0, i18n_1.default)('map-try-again'), handler: onTryAgain, className: b('wrapper') },
+    return (react_1.default.createElement(ErrorWrapper_1.default, { isError: YandexMapApiLoader_1.YMapsApiLoader.status === YandexMapApiLoader_1.MapApiStatus.Error, text: (0, i18n_1.i18n)('map-load-error'), buttonText: (0, i18n_1.i18n)('map-try-again'), handler: onTryAgain, className: b('wrapper') },
         react_1.default.createElement("div", { className: b('wrapper') },
             react_1.default.createElement("div", { id: containerId, className: b({ hidden: !ready }, className), ref: ref, style: { height } }),
             loading ? react_1.default.createElement(uikit_1.Spin, { size: "xl", className: b('spinner') }) : null)));

package/build/cjs/components/Map/YMap/i18n/index.d.ts

@@ -1,2 +1 @@
-declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
-export default _default;
+export declare const i18n: (key: "map-load-error" | "map-try-again", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/cjs/components/Map/YMap/i18n/index.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
 const tslib_1 = require("tslib");
-const registerKeyset_1 = require("../../../../utils/registerKeyset");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const cn_1 = require("../../../../utils/cn");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-const COMPONENT = 'Map';
-exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}Map`);

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

@@ -3,13 +3,13 @@ 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 i18n_1 = tslib_1.__importDefault(require("./i18n"));
+const i18n_1 = require("./i18n");
 const utils_2 = require("./utils");
 const b = (0, utils_1.block)('media-component-data-lens');
 const DataLens = (props) => {
     const { dataLens } = props;
     const dataLensData = (0, utils_2.unifyDataLensToObject)(dataLens);
     return dataLens ? (react_1.default.createElement("div", { className: b('wrap') },
-        react_1.default.createElement("iframe", { src: `https://datalens.yandex/${dataLensData.id}?_embedded=1&_theme=${dataLensData.theme}`, className: b('iframe'), loading: "lazy", title: (0, i18n_1.default)('iframe-title'), frameBorder: 0 }))) : null;
+        react_1.default.createElement("iframe", { src: `https://datalens.yandex/${dataLensData.id}?_embedded=1&_theme=${dataLensData.theme}`, className: b('iframe'), loading: "lazy", title: (0, i18n_1.i18n)('iframe-title'), frameBorder: 0 }))) : null;
 };
 exports.default = DataLens;

package/build/cjs/components/Media/DataLens/i18n/index.d.ts

@@ -1,2 +1 @@
-declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
-export default _default;
+export declare const i18n: (key: "iframe-title", params?: import("@gravity-ui/i18n").Params | undefined) => string;

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

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
 const tslib_1 = require("tslib");
-const registerKeyset_1 = require("../../../../utils/registerKeyset");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const cn_1 = require("../../../../utils/cn");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-const COMPONENT = 'DataLens';
-exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}DataLens`);

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

@@ -3,12 +3,12 @@ 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 i18n_1 = tslib_1.__importDefault(require("./i18n"));
+const i18n_1 = require("./i18n");
 const b = (0, utils_1.block)('media-component-iframe');
 const Iframe = (props) => {
     const { iframe, margins = true } = props;
     const { height = 400, src, width, name, title } = iframe;
     return iframe ? (react_1.default.createElement("div", { className: b({ margins }), style: { height } },
-        react_1.default.createElement("iframe", { className: b('item'), loading: "lazy", title: title || (0, i18n_1.default)('iframe-title'), frameBorder: 0, src: src, width: width, height: height, name: name }))) : null;
+        react_1.default.createElement("iframe", { className: b('item'), loading: "lazy", title: title || (0, i18n_1.i18n)('iframe-title'), frameBorder: 0, src: src, width: width, height: height, name: name }))) : null;
 };
 exports.default = Iframe;

package/build/cjs/components/Media/Iframe/i18n/index.d.ts

@@ -1,2 +1 @@
-declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
-export default _default;
+export declare const i18n: (key: "iframe-title", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/cjs/components/Media/Iframe/i18n/index.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
 const tslib_1 = require("tslib");
-const registerKeyset_1 = require("../../../../utils/registerKeyset");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const cn_1 = require("../../../../utils/cn");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-const COMPONENT = 'Iframe';
-exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}Iframe`);

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

@@ -12,7 +12,7 @@ const Image_1 = tslib_1.__importDefault(require("./Image/Image"));
 const Video_1 = tslib_1.__importDefault(require("./Video/Video"));
 const b = (0, utils_1.block)('Media');
 const Media = (props) => {
-    const { image, video, youtube, dataLens, color, height, previewImg, parallax = false, metrika, fullscreen, analyticsEvents, className, imageClassName, videoClassName, youtubeClassName, playVideo = true, isBackground, playButton, customBarControlsClassName, qa, ratio, autoplay, onImageLoad, iframe, margins, } = props;
+    const { image, video, youtube, dataLens, color, height, previewImg, parallax = false, fullscreen, analyticsEvents, className, imageClassName, videoClassName, youtubeClassName, playVideo = true, isBackground, playButton, customBarControlsClassName, qa, ratio, autoplay, onImageLoad, iframe, margins, } = props;
     const [hasVideoFallback, setHasVideoFallback] = (0, react_1.useState)(false);
     const qaAttributes = (0, utils_1.getQaAttrubutes)(qa, 'video');
     const content = (0, react_1.useMemo)(() => {
@@ -26,7 +26,6 @@ const Media = (props) => {
                 video,
                 videoClassName,
                 height,
-                metrika,
                 analyticsEvents,
                 playVideo,
                 previewImg,
@@ -69,7 +68,6 @@ const Media = (props) => {
         qaAttributes.video,
         onImageLoad,
         videoClassName,
-        metrika,
         analyticsEvents,
         playVideo,
         previewImg,

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

@@ -8,7 +8,7 @@ const DefaultVideo_1 = require("../../DefaultVideo/DefaultVideo");
 const ReactPlayer_1 = tslib_1.__importDefault(require("../../ReactPlayer/ReactPlayer"));
 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, qa, ratio, } = props;
+    const { video, height, analyticsEvents, previewImg, playButton: commonPlayButton, customBarControlsClassName, videoClassName, playVideo, setHasVideoFallback, hasVideoFallback, qa, ratio, } = props;
     const qaAttributes = (0, utils_1.getQaAttrubutes)(qa, 'source');
     const ref = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
@@ -32,7 +32,7 @@ const Video = (props) => {
     }, [playVideo, video, setHasVideoFallback]);
     const reactPlayerBlock = (0, react_1.useMemo)(() => {
         const { src, loop, controls, muted, autoplay = true, elapsedTime, playButton, ariaLabel, customControlsOptions, } = video;
-        return (react_1.default.createElement(ReactPlayer_1.default, { ref: ref, className: b('react-player', videoClassName), src: src, previewImgUrl: previewImg, loop: Boolean(loop), controls: controls, muted: muted, autoplay: autoplay && playVideo, elapsedTime: elapsedTime, playButton: playButton || commonPlayButton, customBarControlsClassName: customBarControlsClassName, metrika: metrika, analyticsEvents: analyticsEvents, height: height, ariaLabel: ariaLabel, customControlsOptions: customControlsOptions, ratio: ratio }));
+        return (react_1.default.createElement(ReactPlayer_1.default, { ref: ref, className: b('react-player', videoClassName), src: src, previewImgUrl: previewImg, loop: Boolean(loop), controls: controls, muted: muted, autoplay: autoplay && playVideo, elapsedTime: elapsedTime, playButton: playButton || commonPlayButton, customBarControlsClassName: customBarControlsClassName, analyticsEvents: analyticsEvents, height: height, ariaLabel: ariaLabel, customControlsOptions: customControlsOptions, ratio: ratio }));
     }, [
         video,
         height,
@@ -41,7 +41,6 @@ const Video = (props) => {
         playVideo,
         commonPlayButton,
         customBarControlsClassName,
-        metrika,
         analyticsEvents,
         ratio,
     ]);

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

@@ -5,7 +5,7 @@ const react_1 = tslib_1.__importStar(require("react"));
 const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const __1 = require("..");
 const utils_1 = require("../../utils");
-const i18n_1 = tslib_1.__importDefault(require("./i18n"));
+const i18n_1 = require("./i18n");
 const b = (0, utils_1.block)('overflow-scroller');
 const TRANSITION_TIME = 300;
 const PADDING_SIZE = 24;
@@ -85,7 +85,7 @@ class OverflowScroller extends react_1.default.Component {
             }) },
             react_1.default.createElement("div", { className: b(null, className), ref: this.containerRef },
                 react_1.default.createElement("div", { className: b('wrapper'), style: wrapperStyle, ref: this.wrapperRef }, children)),
-            arrows.map((direction) => (react_1.default.createElement("button", { key: direction, className: b('arrow', { type: direction }, arrowClassName), onClick: (e) => this.handleScrollClick(e, direction), "aria-label": (0, i18n_1.default)(direction) },
+            arrows.map((direction) => (react_1.default.createElement("button", { key: direction, className: b('arrow', { type: direction }, arrowClassName), onClick: (e) => this.handleScrollClick(e, direction), "aria-label": (0, i18n_1.i18n)(direction) },
                 react_1.default.createElement(__1.ToggleArrow, { size: arrowSize, type: 'horizontal', iconType: "navigation" }))))));
     }
 }

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

@@ -1,2 +1 @@
-declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
-export default _default;
+export declare const i18n: (key: "left" | "right", params?: import("@gravity-ui/i18n").Params | undefined) => string;

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

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
 const tslib_1 = require("tslib");
-const registerKeyset_1 = require("../../../utils/registerKeyset");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const cn_1 = require("../../../utils/cn");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-const COMPONENT = 'OverflowScroller';
-exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}OverflowScroller`);

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

@@ -4,12 +4,10 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
-const Mute_1 = require("../../icons/Mute");
-const Unmute_1 = require("../../icons/Unmute");
 const models_1 = require("../../models");
 const utils_1 = require("../../utils");
 const CircleProgress_1 = tslib_1.__importDefault(require("./CircleProgress"));
-const i18n_1 = tslib_1.__importDefault(require("./i18n"));
+const i18n_1 = require("./i18n");
 const b = (0, utils_1.block)('CustomBarControls');
 const playIconsMap = {
     [models_1.CustomControlsType.WithMuteButton]: null,
@@ -20,11 +18,11 @@ const pauseIconsMap = {
     [models_1.CustomControlsType.WithPlayPauseButton]: icons_1.Pause,
 };
 const muteIconsMap = {
-    [models_1.CustomControlsType.WithMuteButton]: Mute_1.Mute,
+    [models_1.CustomControlsType.WithMuteButton]: icons_1.VolumeFill,
     [models_1.CustomControlsType.WithPlayPauseButton]: icons_1.VolumeLow,
 };
 const unmuteIconsMap = {
-    [models_1.CustomControlsType.WithMuteButton]: Unmute_1.Unmute,
+    [models_1.CustomControlsType.WithMuteButton]: icons_1.VolumeXmark,
     [models_1.CustomControlsType.WithPlayPauseButton]: icons_1.VolumeXmark,
 };
 const CustomBarControls = (props) => {
@@ -38,7 +36,7 @@ const CustomBarControls = (props) => {
             return null;
         }
         const { isMuted, changeMute } = mute;
-        return (react_1.default.createElement("button", { className: b('button', { type }), onClick: changeMute, "aria-label": (0, i18n_1.default)(isMuted ? 'unmute' : 'mute') },
+        return (react_1.default.createElement("button", { className: b('button', { type }), onClick: changeMute, "aria-label": (0, i18n_1.i18n)(isMuted ? 'unmute' : 'mute') },
             react_1.default.createElement(uikit_1.Icon, { data: isMuted ? unmuteIcon : muteIcon, className: b('mute-icon', { type }) }),
             type === models_1.CustomControlsType.WithMuteButton && !isMuted && (react_1.default.createElement(CircleProgress_1.default, { elapsedTime: elapsedTimePercent, strokeWidth: 5 }))));
     }, [elapsedTimePercent, isMuteButtonShown, mute, muteIcon, type, unmuteIcon]);
@@ -47,7 +45,7 @@ const CustomBarControls = (props) => {
         if (type === models_1.CustomControlsType.WithMuteButton || !icon) {
             return null;
         }
-        return (react_1.default.createElement("button", { onClick: onPlayClick, className: b('button', { type }), "aria-label": (0, i18n_1.default)(isPaused ? 'play' : 'pause') },
+        return (react_1.default.createElement("button", { onClick: onPlayClick, className: b('button', { type }), "aria-label": (0, i18n_1.i18n)(isPaused ? 'play' : 'pause') },
             react_1.default.createElement(uikit_1.Icon, { data: icon, className: b('play-icon', { type }) })));
     }, [isPaused, onPlayClick, type, playIcon, pauseIcon]);
     return (react_1.default.createElement("div", { className: b('wrapper', { type, shown, positioning }, className) },

package/build/cjs/components/ReactPlayer/ReactPlayer.css

@@ -51,7 +51,7 @@ unpredictable css rules order in build */
   height: auto;
 }
 .pc-ReactPlayer__icon {
-  margin-left: 6px;
+  margin-left: 1px;
 }
 .pc-ReactPlayer_controls_custom::before {
   display: none;

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

@@ -3,18 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactPlayerBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
+const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
 const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const react_player_1 = tslib_1.__importDefault(require("react-player"));
-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 i18n_1 = tslib_1.__importDefault(require("./i18n"));
+const i18n_1 = require("./i18n");
 const utils_2 = require("./utils");
 const youtube_1 = require("./utils/youtube");
 const b = (0, utils_1.block)('ReactPlayer');
@@ -22,8 +21,7 @@ const FPS = 60;
 // eslint-disable-next-line react/display-name
 exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
-    const { metrika } = (0, react_1.useContext)(metrikaContext_1.MetrikaContext);
-    const { src, previewImgUrl, loop = false, controls = models_1.MediaVideoControlsType.Default, customControlsOptions = {}, muted: initiallyMuted = false, elapsedTime, playButton, className, customBarControlsClassName, showPreview, onClickPreview, metrika: videoMetrika, analyticsEvents, height, ariaLabel, ratio, } = props;
+    const { src, previewImgUrl, loop = false, controls = models_1.MediaVideoControlsType.Default, customControlsOptions = {}, muted: initiallyMuted = false, elapsedTime, playButton, className, customBarControlsClassName, showPreview, onClickPreview, analyticsEvents, height, ariaLabel, ratio, } = props;
     const { type = models_1.PlayButtonType.Default, theme = models_1.PlayButtonThemes.Blue, text, className: buttonClassName, } = playButton || {};
     const { type: customControlsType = models_1.CustomControlsType.WithMuteButton, muteButtonShown, positioning = models_1.CustomControlsButtonPositioning.Center, } = customControlsOptions;
     const autoPlay = Boolean(!isMobile && !previewImgUrl && props.autoplay);
@@ -124,10 +122,10 @@ exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
                 break;
             case models_1.PlayButtonType.Default:
             default:
-                playButtonContent = react_1.default.createElement(uikit_1.Icon, { className: b('icon'), data: icons_1.PlayVideo, size: 24 });
+                playButtonContent = react_1.default.createElement(uikit_1.Icon, { className: b('icon'), data: icons_1.PlayFill, size: 24 });
                 break;
         }
-        return (react_1.default.createElement("button", { className: b('button', { theme, text: Boolean(text) }, buttonClassName), "aria-label": (0, i18n_1.default)('play') }, playButtonContent));
+        return (react_1.default.createElement("button", { className: b('button', { theme, text: Boolean(text) }, buttonClassName), "aria-label": (0, i18n_1.i18n)('play') }, playButtonContent));
     }, [type, theme, text, buttonClassName]);
     const changeMute = (0, react_1.useCallback)((isMuted) => {
         if (isMuted &&
@@ -136,13 +134,6 @@ exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
             playerRef.seekTo(0);
             setPlayedPercent(0);
         }
-        if (metrika && videoMetrika) {
-            const { play, stop, counterName } = videoMetrika;
-            const goal = isMuted ? play : stop;
-            if (goal) {
-                metrika.reachGoals(goal, counterName);
-            }
-        }
         const events = isMuted ? playEvents : stopEvents;
         handleAnalytics(events);
         if (isMuted) {
@@ -150,27 +141,12 @@ exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
         }
         // In order to the progress bar to update (equals 0) before displaying
         setTimeout(() => setMuted(!isMuted), 0);
-    }, [
-        playerRef,
-        customControlsType,
-        metrika,
-        videoMetrika,
-        playEvents,
-        stopEvents,
-        handleAnalytics,
-        setProps,
-    ]);
+    }, [playerRef, customControlsType, playEvents, stopEvents, handleAnalytics, setProps]);
     const handleClickPreview = (0, react_1.useCallback)(() => {
         setIsPlaying(true);
         onClickPreview === null || onClickPreview === void 0 ? void 0 : onClickPreview();
-        if (metrika && videoMetrika) {
-            const { play, counterName } = videoMetrika;
-            if (play) {
-                metrika.reachGoals(play, counterName);
-            }
-        }
         handleAnalytics(playEvents);
-    }, [onClickPreview, metrika, videoMetrika, handleAnalytics, playEvents]);
+    }, [onClickPreview, handleAnalytics, playEvents]);
     const onPause = (0, react_1.useCallback)(() => {
         // For support correct state for youtube
         if (controls !== models_1.MediaVideoControlsType.Custom ||

package/build/cjs/components/ReactPlayer/i18n/index.d.ts

@@ -1,2 +1 @@
-declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
-export default _default;
+export declare const i18n: (key: "play" | "pause" | "mute" | "unmute", params?: import("@gravity-ui/i18n").Params | undefined) => string;

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

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
 const tslib_1 = require("tslib");
-const registerKeyset_1 = require("../../../utils/registerKeyset");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const cn_1 = require("../../../utils/cn");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-const COMPONENT = 'ReactPlayer';
-exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}ReactPlayer`);

package/build/cjs/components/Table/Table.css

@@ -56,6 +56,12 @@ unpredictable css rules order in build */
 .pc-table__marker_type_disk.pc-table__marker_index_2 {
   border: 1px solid var(--g-color-text-hint);
 }
+.pc-table__marker_tick {
+  color: var(--g-color-base-generic-medium);
+}
+.pc-table__marker_tick_check {
+  color: var(--g-color-base-brand);
+}
 .pc-table__legend {
   display: flex;
   margin-top: 20px;

package/build/cjs/components/Table/Table.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 icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
 const __1 = require("../");
-const icons_1 = require("../../icons");
 const utils_1 = require("../../utils");
 function getMarkerId(index) {
     if (isNaN(index)) {
@@ -28,7 +28,7 @@ class Table extends react_1.default.Component {
         return (react_1.default.createElement("div", { className: b('table'), role: 'rowgroup' }, content.map((row, i) => (react_1.default.createElement("div", { key: i, className: b('row'), role: 'row' }, row.map((cell, j) => (react_1.default.createElement("div", { key: j, className: b('cell', { justify: justify[j] }), role: 'cell' }, legend && i && j ? (this.renderMarker(marker, cell)) : (react_1.default.createElement(__1.HTML, null, cell))))))))));
     }
     renderMarker(type, cell) {
-        return (react_1.default.createElement("div", { "aria-labelledby": getMarkerId(Number(cell)), className: b('marker', { type, index: String(cell) }) }, type === 'tick' ? react_1.default.createElement(uikit_1.Icon, { data: Number(cell) === 1 ? icons_1.Tick : icons_1.Minus }) : null));
+        return (react_1.default.createElement("div", { "aria-labelledby": getMarkerId(Number(cell)), className: b('marker', { type, index: String(cell) }) }, type === 'tick' ? (react_1.default.createElement(uikit_1.Icon, { size: 20, className: b('marker_tick', { check: Number(cell) === 1 }), data: Number(cell) === 1 ? icons_1.Check : icons_1.Minus })) : null));
     }
     renderLegend(legend, marker) {
         return (react_1.default.createElement("div", { className: b('legend') }, legend.map((item, index) => (react_1.default.createElement("div", { key: item, className: b('legend-item') },

package/build/cjs/components/UnpublishedLabel/UnpublishedLabel.js

@@ -3,7 +3,7 @@ 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 i18n_1 = tslib_1.__importDefault(require("./i18n"));
+const i18n_1 = require("./i18n");
 const b = (0, utils_1.block)('unpublished-label');
-const UnpublishedLabel = ({ className, children, type = 'line', }) => (react_1.default.createElement("div", { className: b({ type }, className) }, children || (0, i18n_1.default)('label_non_published')));
+const UnpublishedLabel = ({ className, children, type = 'line', }) => (react_1.default.createElement("div", { className: b({ type }, className) }, children || (0, i18n_1.i18n)('label_non_published')));
 exports.default = UnpublishedLabel;

package/build/cjs/components/UnpublishedLabel/i18n/index.d.ts

@@ -1,2 +1 @@
-declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
-export default _default;
+export declare const i18n: (key: "label_non_published", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/cjs/components/UnpublishedLabel/i18n/index.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
 const tslib_1 = require("tslib");
-const registerKeyset_1 = require("../../../utils/registerKeyset");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const cn_1 = require("../../../utils/cn");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-const COMPONENT = 'UnpublishedLabel';
-exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}UnpublishedLabel`);

package/build/cjs/components/VideoBlock/VideoBlock.css

@@ -51,5 +51,5 @@ unpredictable css rules order in build */
   outline: 0;
 }
 .pc-VideoBlock__icon {
-  margin-left: 6px;
+  margin-left: 1px;
 }

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

@@ -3,15 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getHeight = exports.AUTOPLAY_ATTRIBUTES = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
+const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
 const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const uuid_1 = require("uuid");
 const useAnalytics_1 = require("../../hooks/useAnalytics");
-const icons_1 = require("../../icons");
 const common_1 = require("../../models/common");
 const utils_1 = require("../../utils");
 const Image_1 = tslib_1.__importDefault(require("../Image/Image"));
-const i18n_1 = tslib_1.__importDefault(require("./i18n"));
+const i18n_1 = require("./i18n");
 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}/;
@@ -79,7 +79,7 @@ const VideoBlock = (props) => {
             }
             iframe.width = '100%';
             iframe.height = '100%';
-            iframe.title = (0, i18n_1.default)('iframe-title');
+            iframe.title = (0, i18n_1.i18n)('iframe-title');
             iframe.frameBorder = '0';
             iframe.setAttribute('allowfullscreen', 'true');
             iframe.setAttribute('allow', 'autoplay');
@@ -97,6 +97,6 @@ const VideoBlock = (props) => {
     return (react_1.default.createElement("div", { className: b(null, className), ref: ref, style: { height: currentHeight } }, previewImg && !hidePreview && !fullscreen && (react_1.default.createElement("div", { className: b('preview'), onClick: onPreviewClick },
         react_1.default.createElement(Image_1.default, { src: previewImg, className: b('image'), containerClassName: b('image-wrapper'), onLoad: onImageLoad }),
         playButton || (react_1.default.createElement("button", { title: "Play", className: b('button') },
-            react_1.default.createElement(uikit_1.Icon, { className: b('icon'), data: icons_1.PlayVideo, size: 24 })))))));
+            react_1.default.createElement(uikit_1.Icon, { className: b('icon'), data: icons_1.PlayFill, size: 24 })))))));
 };
 exports.default = VideoBlock;

package/build/cjs/components/VideoBlock/i18n/index.d.ts

@@ -1,2 +1 @@
-declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
-export default _default;
+export declare const i18n: (key: "iframe-title", params?: import("@gravity-ui/i18n").Params | undefined) => string;

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

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
 const tslib_1 = require("tslib");
-const registerKeyset_1 = require("../../../utils/registerKeyset");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const cn_1 = require("../../../utils/cn");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-const COMPONENT = 'VideoBlock';
-exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}VideoBlock`);

package/build/cjs/components/YandexForm/YandexForm.js

@@ -6,7 +6,6 @@ const react_1 = tslib_1.__importStar(require("react"));
 const localeContext_1 = require("../../context/localeContext");
 const mobileContext_1 = require("../../context/mobileContext");
 const hooks_1 = require("../../hooks");
-const useMetrika_1 = require("../../hooks/useMetrika");
 const common_1 = require("../../models/common");
 const utils_1 = require("../../utils");
 const constants_1 = require("../constants");
@@ -15,12 +14,11 @@ exports.YANDEX_FORM_SECTION = 'surveys';
 const CONTAINER_ID = 'pc-yandex-form-container';
 const b = (0, utils_1.block)('yandex-form');
 const YandexForm = (props) => {
-    const { onLoad, id, params, className, theme, containerId = CONTAINER_ID, headerHeight = constants_1.HEADER_HEIGHT, onSubmit, metrikaGoals, pixelEvents, analyticsEvents, customFormOrigin, customFormSection, } = props;
+    const { onLoad, id, params, className, theme, containerId = CONTAINER_ID, headerHeight = constants_1.HEADER_HEIGHT, onSubmit, analyticsEvents, customFormOrigin, customFormSection, } = props;
     const formContainerRef = (0, react_1.useRef)(null);
     const iframeRef = (0, react_1.useRef)();
     const yaFormOrigin = customFormOrigin || exports.YANDEX_FORM_ORIGIN;
     const yaFormSection = customFormSection || exports.YANDEX_FORM_SECTION;
-    const handleMetrika = (0, useMetrika_1.useMetrika)();
     const handleAnalytics = (0, hooks_1.useAnalytics)(common_1.DefaultEventNames.YandexFormSubmit);
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const locale = (0, react_1.useContext)(localeContext_1.LocaleContext);
@@ -62,20 +60,11 @@ const YandexForm = (props) => {
             const { top } = formContainerRef.current.getBoundingClientRect();
             window.scrollBy(0, top - headerHeight);
         }
-        handleMetrika({ metrikaGoals, pixelEvents });
         handleAnalytics(analyticsEvents);
         if (onSubmit) {
             onSubmit();
         }
-    }, [
-        handleMetrika,
-        metrikaGoals,
-        pixelEvents,
-        handleAnalytics,
-        analyticsEvents,
-        onSubmit,
-        headerHeight,
-    ]);
+    }, [handleAnalytics, analyticsEvents, onSubmit, headerHeight]);
     const handleMessage = (0, react_1.useCallback)(({ origin, data }) => {
         if (origin !== yaFormOrigin) {
             return;

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

@@ -6,6 +6,7 @@ export { default as BackLink } from './BackLink/BackLink';
 export { default as BalancedMasonry } from './BalancedMasonry/BalancedMasonry';
 export { default as BlockBase } from './BlockBase/BlockBase';
 export { default as Button } from './Button/Button';
+export { default as Buttons } from './Buttons/Buttons';
 export { default as CardBase } from './CardBase/CardBase';
 export { default as ErrorWrapper } from './ErrorWrapper/ErrorWrapper';
 export { default as FileLink } from './FileLink/FileLink';
@@ -16,7 +17,7 @@ export { default as HeaderBreadcrumbs } from './HeaderBreadcrumbs/HeaderBreadcru
 export { default as Image } from './Image/Image';
 export { default as ImageBase } from './ImageBase/ImageBase';
 export { default as Link } from './Link/Link';
-export { default as Links } from './Link/Links';
+export { default as Links } from './Links/Links';
 export { default as Media } from './Media/Media';
 export { default as OutsideClick } from './OutsideClick/OutsideClick';
 export { default as ReactPlayer } from './ReactPlayer/ReactPlayer';