@gravity-ui/page-constructor 4.56.0 → 5.0.0

package/build/esm/components/Link/Link.css

@@ -44,7 +44,7 @@ unpredictable css rules order in build */
   white-space: normal;
 }
 .pc-link-block__link:hover .pc-link-block__arrow {
-  transform: translateX(5px) rotate(-90deg);
+  transform: translateX(5px);
 }
 .pc-link-block__link.pc-link-block__link_has-arrow.pc-link-block__link_theme_dark:hover {
   color: var(--g-color-text-light-primary);
@@ -53,7 +53,6 @@ unpredictable css rules order in build */
   position: relative;
   top: 2px;
   transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-  transform: rotate(-90deg);
 }
 .pc-link-block_size_l {
   font-size: var(--g-text-body-3-font-size);

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

@@ -1,10 +1,9 @@
 import React, { Fragment, useContext } from 'react';
+import { ChevronRight } from '@gravity-ui/icons';
 import { Icon } from '@gravity-ui/uikit';
 import { LocaleContext } from '../../context/localeContext';
 import { LocationContext } from '../../context/locationContext';
 import { useAnalytics } from '../../hooks';
-import { useMetrika } from '../../hooks/useMetrika';
-import { Chevron } from '../../icons';
 import { DefaultEventNames, } from '../../models';
 import { block, getLinkProps, setUrlTld } from '../../utils';
 import { getQaAttrubutes } from '../../utils/index';
@@ -26,16 +25,14 @@ function getArrowSize(size) {
     }
 }
 const LinkBlock = (props) => {
-    const { text, url, arrow, metrikaGoals, pixelEvents, analyticsEvents, theme = 'file-link', colorTheme = 'light', textSize = 'm', className, target, children, tabIndex, qa, urlTitle, extraProps, } = props;
+    const { text, url, arrow, analyticsEvents, theme = 'file-link', colorTheme = 'light', textSize = 'm', className, target, children, tabIndex, qa, urlTitle, extraProps, } = props;
     const qaAttributes = getQaAttrubutes(qa, ['normal']);
-    const handleMetrika = useMetrika();
     const handleAnalytics = useAnalytics(DefaultEventNames.Link, url);
     const { hostname } = useContext(LocationContext);
     const { tld } = useContext(LocaleContext);
     const href = setUrlTld(props.url, tld);
     const defaultTextSize = theme === 'back' ? 'l' : 'm';
     const onClick = () => {
-        handleMetrika({ metrikaGoals, pixelEvents });
         handleAnalytics(analyticsEvents);
     };
     const getLinkByType = () => {
@@ -51,7 +48,7 @@ const LinkBlock = (props) => {
                 return (React.createElement("a", Object.assign({ className: b('link', { theme: colorTheme, 'has-arrow': arrow }), href: href, onClick: onClick, tabIndex: tabIndex, title: urlTitle }, linkProps, { "data-qa": qaAttributes.normal }, extraProps), arrow ? (React.createElement(Fragment, null,
                     React.createElement("span", { className: b('content') }, content),
                     WORD_JOINER_SYM,
-                    React.createElement(Icon, { className: b('arrow'), data: Chevron, size: getArrowSize(textSize) }))) : (content)));
+                    React.createElement(Icon, { className: b('arrow'), data: ChevronRight, size: getArrowSize(textSize) }))) : (content)));
             }
             default:
                 return null;

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

@@ -1,10 +1,10 @@
 import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { Lang } from '@gravity-ui/uikit';
 import debounce from 'lodash/debounce';
 import { LocaleContext } from '../../context/localeContext/localeContext';
 import { MapsContext } from '../../context/mapsContext/mapsContext';
 import { MobileContext } from '../../context/mobileContext';
 import { block } from '../../utils';
-import { Lang } from '../../utils/configure';
 import { getMapHeight } from './helpers';
 const b = block('map');
 function getScriptSrc(params) {

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

@@ -9,7 +9,7 @@ import ErrorWrapper from '../../ErrorWrapper/ErrorWrapper';
 import { getMapHeight } from '../helpers';
 import { YMap } from './YMap';
 import { MapApiStatus, YMapsApiLoader } from './YandexMapApiLoader';
-import i18n from './i18n';
+import { i18n } from './i18n';
 const b = block('map');
 const DEFAULT_CONTAINER_ID = 'ymap';
 const DEFAULT_ZOOM = 9;

package/build/esm/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/esm/components/Map/YMap/i18n/index.js

@@ -1,5 +1,5 @@
-import { registerKeyset } from '../../../../utils/registerKeyset';
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../../utils/cn';
 import en from './en.json';
 import ru from './ru.json';
-const COMPONENT = 'Map';
-export default registerKeyset({ en, ru }, COMPONENT);
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}Map`);

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { block } from '../../../utils';
-import i18n from './i18n';
+import { i18n } from './i18n';
 import { unifyDataLensToObject } from './utils';
 import './DataLens.css';
 const b = block('media-component-data-lens');

package/build/esm/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/esm/components/Media/DataLens/i18n/index.js

@@ -1,5 +1,5 @@
-import { registerKeyset } from '../../../../utils/registerKeyset';
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../../utils/cn';
 import en from './en.json';
 import ru from './ru.json';
-const COMPONENT = 'DataLens';
-export default registerKeyset({ en, ru }, COMPONENT);
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}DataLens`);

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { block } from '../../../utils';
-import i18n from './i18n';
+import { i18n } from './i18n';
 import './Iframe.css';
 const b = block('media-component-iframe');
 const Iframe = (props) => {

package/build/esm/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/esm/components/Media/Iframe/i18n/index.js

@@ -1,5 +1,5 @@
-import { registerKeyset } from '../../../../utils/registerKeyset';
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../../utils/cn';
 import en from './en.json';
 import ru from './ru.json';
-const COMPONENT = 'Iframe';
-export default registerKeyset({ en, ru }, COMPONENT);
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}Iframe`);

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

@@ -9,7 +9,7 @@ import Video from './Video/Video';
 import './Media.css';
 const b = block('Media');
 export 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] = useState(false);
     const qaAttributes = getQaAttrubutes(qa, 'video');
     const content = useMemo(() => {
@@ -23,7 +23,6 @@ export const Media = (props) => {
                 video,
                 videoClassName,
                 height,
-                metrika,
                 analyticsEvents,
                 playVideo,
                 previewImg,
@@ -66,7 +65,6 @@ export const Media = (props) => {
         qaAttributes.video,
         onImageLoad,
         videoClassName,
-        metrika,
         analyticsEvents,
         playVideo,
         previewImg,

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

@@ -6,7 +6,7 @@ import ReactPlayerBlock from '../../ReactPlayer/ReactPlayer';
 import './Video.css';
 const b = 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 = getQaAttrubutes(qa, 'source');
     const ref = useRef(null);
     useEffect(() => {
@@ -30,7 +30,7 @@ const Video = (props) => {
     }, [playVideo, video, setHasVideoFallback]);
     const reactPlayerBlock = useMemo(() => {
         const { src, loop, controls, muted, autoplay = true, elapsedTime, playButton, ariaLabel, customControlsOptions, } = video;
-        return (React.createElement(ReactPlayerBlock, { 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.createElement(ReactPlayerBlock, { 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,
@@ -39,7 +39,6 @@ const Video = (props) => {
         playVideo,
         commonPlayButton,
         customBarControlsClassName,
-        metrika,
         analyticsEvents,
         ratio,
     ]);

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

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

package/build/esm/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/esm/components/OverflowScroller/i18n/index.js

@@ -1,5 +1,5 @@
-import { registerKeyset } from '../../../utils/registerKeyset';
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../utils/cn';
 import en from './en.json';
 import ru from './ru.json';
-const COMPONENT = 'OverflowScroller';
-export default registerKeyset({ en, ru }, COMPONENT);
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}OverflowScroller`);

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

@@ -1,12 +1,10 @@
 import React, { useMemo } from 'react';
-import { Pause, Play, VolumeLow, VolumeXmark } from '@gravity-ui/icons';
+import { Pause, Play, VolumeFill, VolumeLow, VolumeXmark } from '@gravity-ui/icons';
 import { Icon } from '@gravity-ui/uikit';
-import { Mute } from '../../icons/Mute';
-import { Unmute } from '../../icons/Unmute';
 import { CustomControlsType } from '../../models';
 import { block } from '../../utils';
 import CircleProgress from './CircleProgress';
-import i18n from './i18n';
+import { i18n } from './i18n';
 import './CustomBarControls.css';
 const b = block('CustomBarControls');
 const playIconsMap = {
@@ -18,11 +16,11 @@ const pauseIconsMap = {
     [CustomControlsType.WithPlayPauseButton]: Pause,
 };
 const muteIconsMap = {
-    [CustomControlsType.WithMuteButton]: Mute,
+    [CustomControlsType.WithMuteButton]: VolumeFill,
     [CustomControlsType.WithPlayPauseButton]: VolumeLow,
 };
 const unmuteIconsMap = {
-    [CustomControlsType.WithMuteButton]: Unmute,
+    [CustomControlsType.WithMuteButton]: VolumeXmark,
     [CustomControlsType.WithPlayPauseButton]: VolumeXmark,
 };
 const CustomBarControls = (props) => {

package/build/esm/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/esm/components/ReactPlayer/ReactPlayer.js

@@ -1,16 +1,15 @@
 import React, { Fragment, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
+import { PlayFill } from '@gravity-ui/icons';
 import { Icon } from '@gravity-ui/uikit';
 import debounce from 'lodash/debounce';
 import ReactPlayer from 'react-player';
-import { MetrikaContext } from '../../context/metrikaContext';
 import { MobileContext } from '../../context/mobileContext';
 import { VideoContext } from '../../context/videoContext';
 import { useAnalytics, useMount } from '../../hooks';
-import { PlayVideo } from '../../icons';
 import { CustomControlsButtonPositioning, CustomControlsType, DefaultEventNames, MediaVideoControlsType, PlayButtonThemes, PlayButtonType, PredefinedEventTypes, } from '../../models';
 import { block } from '../../utils';
 import CustomBarControls from './CustomBarControls';
-import i18n from './i18n';
+import { i18n } from './i18n';
 import { checkYoutubeVideos } from './utils';
 import { isYoutubePlayerInstance } from './utils/youtube';
 import './ReactPlayer.css';
@@ -19,8 +18,7 @@ const FPS = 60;
 // eslint-disable-next-line react/display-name
 export const ReactPlayerBlock = React.forwardRef((props, originRef) => {
     const isMobile = useContext(MobileContext);
-    const { metrika } = useContext(MetrikaContext);
-    const { src, previewImgUrl, loop = false, controls = 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 = MediaVideoControlsType.Default, customControlsOptions = {}, muted: initiallyMuted = false, elapsedTime, playButton, className, customBarControlsClassName, showPreview, onClickPreview, analyticsEvents, height, ariaLabel, ratio, } = props;
     const { type = PlayButtonType.Default, theme = PlayButtonThemes.Blue, text, className: buttonClassName, } = playButton || {};
     const { type: customControlsType = CustomControlsType.WithMuteButton, muteButtonShown, positioning = CustomControlsButtonPositioning.Center, } = customControlsOptions;
     const autoPlay = Boolean(!isMobile && !previewImgUrl && props.autoplay);
@@ -121,7 +119,7 @@ export const ReactPlayerBlock = React.forwardRef((props, originRef) => {
                 break;
             case PlayButtonType.Default:
             default:
-                playButtonContent = React.createElement(Icon, { className: b('icon'), data: PlayVideo, size: 24 });
+                playButtonContent = React.createElement(Icon, { className: b('icon'), data: PlayFill, size: 24 });
                 break;
         }
         return (React.createElement("button", { className: b('button', { theme, text: Boolean(text) }, buttonClassName), "aria-label": i18n('play') }, playButtonContent));
@@ -133,13 +131,6 @@ export const ReactPlayerBlock = React.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) {
@@ -147,27 +138,12 @@ export const ReactPlayerBlock = React.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 = 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 = useCallback(() => {
         // For support correct state for youtube
         if (controls !== MediaVideoControlsType.Custom ||

package/build/esm/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/esm/components/ReactPlayer/i18n/index.js

@@ -1,5 +1,5 @@
-import { registerKeyset } from '../../../utils/registerKeyset';
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../utils/cn';
 import en from './en.json';
 import ru from './ru.json';
-const COMPONENT = 'ReactPlayer';
-export default registerKeyset({ en, ru }, COMPONENT);
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}ReactPlayer`);

package/build/esm/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/esm/components/Table/Table.js

@@ -1,7 +1,7 @@
 import React from 'react';
+import { Check, Minus } from '@gravity-ui/icons';
 import { Icon } from '@gravity-ui/uikit';
 import { HTML, YFMWrapper } from '../';
-import { Minus, Tick } from '../../icons';
 import { block } from '../../utils';
 import './Table.css';
 function getMarkerId(index) {
@@ -26,7 +26,7 @@ export default class Table extends React.Component {
         return (React.createElement("div", { className: b('table'), role: 'rowgroup' }, content.map((row, i) => (React.createElement("div", { key: i, className: b('row'), role: 'row' }, row.map((cell, j) => (React.createElement("div", { key: j, className: b('cell', { justify: justify[j] }), role: 'cell' }, legend && i && j ? (this.renderMarker(marker, cell)) : (React.createElement(HTML, null, cell))))))))));
     }
     renderMarker(type, cell) {
-        return (React.createElement("div", { "aria-labelledby": getMarkerId(Number(cell)), className: b('marker', { type, index: String(cell) }) }, type === 'tick' ? React.createElement(Icon, { data: Number(cell) === 1 ? Tick : Minus }) : null));
+        return (React.createElement("div", { "aria-labelledby": getMarkerId(Number(cell)), className: b('marker', { type, index: String(cell) }) }, type === 'tick' ? (React.createElement(Icon, { size: 20, className: b('marker_tick', { check: Number(cell) === 1 }), data: Number(cell) === 1 ? Check : Minus })) : null));
     }
     renderLegend(legend, marker) {
         return (React.createElement("div", { className: b('legend') }, legend.map((item, index) => (React.createElement("div", { key: item, className: b('legend-item') },

package/build/esm/components/UnpublishedLabel/UnpublishedLabel.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { block } from '../../utils';
-import i18n from './i18n';
+import { i18n } from './i18n';
 import './UnpublishedLabel.css';
 const b = block('unpublished-label');
 const UnpublishedLabel = ({ className, children, type = 'line', }) => (React.createElement("div", { className: b({ type }, className) }, children || i18n('label_non_published')));

package/build/esm/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/esm/components/UnpublishedLabel/i18n/index.js

@@ -1,5 +1,5 @@
-import { registerKeyset } from '../../../utils/registerKeyset';
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../utils/cn';
 import en from './en.json';
 import ru from './ru.json';
-const COMPONENT = 'UnpublishedLabel';
-export default registerKeyset({ en, ru }, COMPONENT);
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}UnpublishedLabel`);

package/build/esm/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/esm/components/VideoBlock/VideoBlock.js

@@ -1,13 +1,13 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { PlayFill } from '@gravity-ui/icons';
 import { Icon } from '@gravity-ui/uikit';
 import debounce from 'lodash/debounce';
 import { v4 as uuidv4 } from 'uuid';
 import { useAnalytics } from '../../hooks/useAnalytics';
-import { PlayVideo } from '../../icons';
 import { DefaultEventNames } from '../../models/common';
 import { block, getPageSearchParams } from '../../utils';
 import Image from '../Image/Image';
-import i18n from './i18n';
+import { i18n } from './i18n';
 import './VideoBlock.css';
 const RECORD_URL = 'https://www.youtube.com/embed/';
 const STREAM_URL = 'https://www.youtube.com/embed/live_stream?channel=';
@@ -93,6 +93,6 @@ const VideoBlock = (props) => {
     return (React.createElement("div", { className: b(null, className), ref: ref, style: { height: currentHeight } }, previewImg && !hidePreview && !fullscreen && (React.createElement("div", { className: b('preview'), onClick: onPreviewClick },
         React.createElement(Image, { src: previewImg, className: b('image'), containerClassName: b('image-wrapper'), onLoad: onImageLoad }),
         playButton || (React.createElement("button", { title: "Play", className: b('button') },
-            React.createElement(Icon, { className: b('icon'), data: PlayVideo, size: 24 })))))));
+            React.createElement(Icon, { className: b('icon'), data: PlayFill, size: 24 })))))));
 };
 export default VideoBlock;

package/build/esm/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/esm/components/VideoBlock/i18n/index.js

@@ -1,5 +1,5 @@
-import { registerKeyset } from '../../../utils/registerKeyset';
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../utils/cn';
 import en from './en.json';
 import ru from './ru.json';
-const COMPONENT = 'VideoBlock';
-export default registerKeyset({ en, ru }, COMPONENT);
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}VideoBlock`);

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

@@ -2,7 +2,6 @@ import React, { useCallback, useContext, useEffect, useRef } from 'react';
 import { LocaleContext } from '../../context/localeContext';
 import { MobileContext } from '../../context/mobileContext';
 import { useAnalytics } from '../../hooks';
-import { useMetrika } from '../../hooks/useMetrika';
 import { DefaultEventNames } from '../../models/common';
 import { block } from '../../utils';
 import { HEADER_HEIGHT } from '../constants';
@@ -11,12 +10,11 @@ export const YANDEX_FORM_SECTION = 'surveys';
 const CONTAINER_ID = 'pc-yandex-form-container';
 const b = block('yandex-form');
 const YandexForm = (props) => {
-    const { onLoad, id, params, className, theme, containerId = CONTAINER_ID, headerHeight = HEADER_HEIGHT, onSubmit, metrikaGoals, pixelEvents, analyticsEvents, customFormOrigin, customFormSection, } = props;
+    const { onLoad, id, params, className, theme, containerId = CONTAINER_ID, headerHeight = HEADER_HEIGHT, onSubmit, analyticsEvents, customFormOrigin, customFormSection, } = props;
     const formContainerRef = useRef(null);
     const iframeRef = useRef();
     const yaFormOrigin = customFormOrigin || YANDEX_FORM_ORIGIN;
     const yaFormSection = customFormSection || YANDEX_FORM_SECTION;
-    const handleMetrika = useMetrika();
     const handleAnalytics = useAnalytics(DefaultEventNames.YandexFormSubmit);
     const isMobile = useContext(MobileContext);
     const locale = useContext(LocaleContext);
@@ -58,20 +56,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 = useCallback(({ origin, data }) => {
         if (origin !== yaFormOrigin) {
             return;

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

@@ -2,7 +2,7 @@ import React, { useCallback, useEffect, useState } from 'react';
 import { Spin } from '@gravity-ui/uikit';
 import ErrorWrapper from '../../components/ErrorWrapper/ErrorWrapper';
 import { block as blockCn } from '../../utils/cn';
-import i18n from './i18n';
+import { i18n } from './i18n';
 import './Loadable.css';
 const b = blockCn('loadable-block');
 const initData = {

package/build/esm/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/esm/containers/Loadable/i18n/index.js

@@ -1,5 +1,5 @@
-import { registerKeyset } from '../../../utils/registerKeyset';
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../utils/cn';
 import en from './en.json';
 import ru from './ru.json';
-const COMPONENT = 'Loadable';
-export default registerKeyset({ en, ru }, COMPONENT);
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}Loadable`);

package/build/esm/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/esm/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';
 import './PageConstructor.css';

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

@@ -1,6 +1,6 @@
 import { __rest } from "tslib";
 import React, { useMemo } from 'react';
-import '@doc-tools/transform/dist/js/yfm';
+import '@diplodoc/transform/dist/js/yfm';
 import BackgroundMedia from '../../components/BackgroundMedia/BackgroundMedia';
 import RootCn from '../../components/RootCn';
 import { blockMap, navItemMap, subBlockMap } from '../../constructor-items';

package/build/esm/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/esm/containers/PageConstructor/Provider.js

@@ -5,13 +5,12 @@ import { ImageContext } from '../../context/imageContext';
 import { LocaleContext } from '../../context/localeContext';
 import { LocationContext } from '../../context/locationContext';
 import { MapsContext, initialMapValue } from '../../context/mapsContext/mapsContext';
-import { MetrikaContext } from '../../context/metrikaContext';
 import { MobileContext } from '../../context/mobileContext';
 import { ProjectSettingsContext, } from '../../context/projectSettingsContext';
 import { SSRContext } from '../../context/ssrContext';
 import { ThemeContext } from '../../context/theme';
 export const PageConstructorProvider = (props) => {
-    const { isMobile, mapsContext = initialMapValue, locale = {}, location = {}, metrika = {}, analytics = {}, ssrConfig = {}, projectSettings = {}, theme = DEFAULT_THEME, children, image = {}, } = props;
+    const { isMobile, mapsContext = initialMapValue, locale = {}, location = {}, analytics = {}, ssrConfig = {}, projectSettings = {}, theme = DEFAULT_THEME, children, image = {}, } = props;
     /* eslint-disable react/jsx-key */
     const context = [
         React.createElement(ThemeContext.Provider, { value: { theme } }),
@@ -21,7 +20,6 @@ export const PageConstructorProvider = (props) => {
         React.createElement(LocationContext.Provider, { value: location }),
         React.createElement(MobileContext.Provider, { value: Boolean(isMobile) }),
         React.createElement(MapsContext.Provider, { value: mapsContext }),
-        React.createElement(MetrikaContext.Provider, { value: metrika }),
         React.createElement(AnalyticsContext.Provider, { value: analytics }),
         React.createElement(SSRContext.Provider, { value: { isServer: ssrConfig === null || ssrConfig === void 0 ? void 0 : ssrConfig.isServer } }),
     ].reduceRight((prev, provider) => React.cloneElement(provider, {}, prev), children);

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