@gravity-ui/page-constructor 4.56.0 → 5.0.0

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/containers/Loadable/Loadable.js

@@ -5,7 +5,7 @@ const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const ErrorWrapper_1 = tslib_1.__importDefault(require("../../components/ErrorWrapper/ErrorWrapper"));
 const cn_1 = require("../../utils/cn");
-const i18n_1 = tslib_1.__importDefault(require("./i18n"));
+const i18n_1 = require("./i18n");
 const b = (0, cn_1.block)('loadable-block');
 const initData = {
     loading: false,
@@ -39,7 +39,7 @@ const Loadable = (props) => {
         return (react_1.default.createElement("div", { className: b('loader') },
             react_1.default.createElement(uikit_1.Spin, { size: "xl" })));
     }
-    return (react_1.default.createElement(ErrorWrapper_1.default, { isError: error, text: (0, i18n_1.default)('loadable-load-error'), buttonText: (0, i18n_1.default)('loadable-try-again'), handler: onTryAgain },
+    return (react_1.default.createElement(ErrorWrapper_1.default, { isError: error, text: (0, i18n_1.i18n)('loadable-load-error'), buttonText: (0, i18n_1.i18n)('loadable-try-again'), handler: onTryAgain },
         react_1.default.createElement(Component, Object.assign({}, block), data &&
             (Array.isArray(data) ? (data.map((componentData, index) => (react_1.default.createElement(ChildComponent, Object.assign({ key: componentData.id || index }, componentData))))) : (react_1.default.createElement(ChildComponent, Object.assign({}, data)))))));
 };

package/build/cjs/containers/Loadable/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: "loadable-load-error" | "loadable-try-again", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/cjs/containers/Loadable/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 = 'Loadable';
-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}Loadable`);

package/build/cjs/containers/PageConstructor/PageConstructor.css

@@ -1,5 +1,5 @@
 @charset "UTF-8";
-@import '~@doc-tools/transform/dist/css/yfm.css';
+@import '~@diplodoc/transform/dist/css/yfm.css';
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 :root {

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

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

package/build/cjs/containers/PageConstructor/PageConstructor.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageConstructor = exports.Constructor = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-require("@doc-tools/transform/dist/js/yfm");
+require("@diplodoc/transform/dist/js/yfm");
 const BackgroundMedia_1 = tslib_1.__importDefault(require("../../components/BackgroundMedia/BackgroundMedia"));
 const RootCn_1 = tslib_1.__importDefault(require("../../components/RootCn"));
 const constructor_items_1 = require("../../constructor-items");

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

@@ -3,7 +3,6 @@ import { ImageContextProps } from '../../context/imageContext';
 import { LocaleContextProps } from '../../context/localeContext';
 import { LocationContextProps } from '../../context/locationContext';
 import { MapsContextType } from '../../context/mapsContext/mapsContext';
-import { MetrikaContextProps } from '../../context/metrikaContext';
 import { ProjectSettingsContextProps } from '../../context/projectSettingsContext';
 import { SSRContextProps } from '../../context/ssrContext';
 import { Theme, WithChildren } from '../../models';
@@ -11,7 +10,6 @@ export interface PageConstructorProviderProps {
     isMobile?: boolean;
     locale?: LocaleContextProps;
     location?: LocationContextProps;
-    metrika?: MetrikaContextProps;
     ssrConfig?: SSRContextProps;
     theme?: Theme;
     mapsContext?: MapsContextType;

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

@@ -9,13 +9,12 @@ const imageContext_1 = require("../../context/imageContext");
 const localeContext_1 = require("../../context/localeContext");
 const locationContext_1 = require("../../context/locationContext");
 const mapsContext_1 = require("../../context/mapsContext/mapsContext");
-const metrikaContext_1 = require("../../context/metrikaContext");
 const mobileContext_1 = require("../../context/mobileContext");
 const projectSettingsContext_1 = require("../../context/projectSettingsContext");
 const ssrContext_1 = require("../../context/ssrContext");
 const theme_1 = require("../../context/theme");
 const PageConstructorProvider = (props) => {
-    const { isMobile, mapsContext = mapsContext_1.initialMapValue, locale = {}, location = {}, metrika = {}, analytics = {}, ssrConfig = {}, projectSettings = {}, theme = constants_1.DEFAULT_THEME, children, image = {}, } = props;
+    const { isMobile, mapsContext = mapsContext_1.initialMapValue, locale = {}, location = {}, analytics = {}, ssrConfig = {}, projectSettings = {}, theme = constants_1.DEFAULT_THEME, children, image = {}, } = props;
     /* eslint-disable react/jsx-key */
     const context = [
         react_1.default.createElement(theme_1.ThemeContext.Provider, { value: { theme } }),
@@ -25,7 +24,6 @@ const PageConstructorProvider = (props) => {
         react_1.default.createElement(locationContext_1.LocationContext.Provider, { value: location }),
         react_1.default.createElement(mobileContext_1.MobileContext.Provider, { value: Boolean(isMobile) }),
         react_1.default.createElement(mapsContext_1.MapsContext.Provider, { value: mapsContext }),
-        react_1.default.createElement(metrikaContext_1.MetrikaContext.Provider, { value: metrika }),
         react_1.default.createElement(analyticsContext_1.AnalyticsContext.Provider, { value: analytics }),
         react_1.default.createElement(ssrContext_1.SSRContext.Provider, { value: { isServer: ssrConfig === null || ssrConfig === void 0 ? void 0 : ssrConfig.isServer } }),
     ].reduceRight((prev, provider) => react_1.default.cloneElement(provider, {}, prev), children);

package/build/cjs/context/localeContext/localeContext.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Lang } from '../../utils/configure';
+import { Lang } from '@gravity-ui/uikit';
 export type LocaleContextProps = {
-    lang?: Lang;
+    lang?: `${Lang}`;
     tld?: string;
 };
 export declare const LocaleContext: React.Context<LocaleContextProps>;

package/build/cjs/context/localeContext/localeContext.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LocaleContext = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const configure_1 = require("../../utils/configure");
-exports.LocaleContext = react_1.default.createContext({ lang: configure_1.Lang.Ru, tld: '.ru' });
+const uikit_1 = require("@gravity-ui/uikit");
+exports.LocaleContext = react_1.default.createContext({ lang: uikit_1.Lang.Ru, tld: '.ru' });