@gravity-ui/page-constructor 4.51.1 → 4.51.2-alpha.0

package/build/esm/blocks/Media/schema.d.ts

@@ -349,94 +349,6 @@ export declare const MediaBlockBaseProps: {
                     optionName: string;
                 })[];
             };
-            metrikaGoals: {
-                oneOf: ({
-                    type: string;
-                    optionName: string;
-                    items?: undefined;
-                } | {
-                    type: string;
-                    items: {
-                        type: string;
-                        additionalProperties?: undefined;
-                        required?: undefined;
-                        properties?: undefined;
-                    };
-                    optionName: string;
-                } | {
-                    type: string;
-                    items: {
-                        type: string;
-                        additionalProperties: boolean;
-                        required: string[];
-                        properties: {
-                            name: {
-                                type: string;
-                            };
-                            isCrossSite: {
-                                type: string;
-                            };
-                        };
-                    };
-                    optionName: string;
-                })[];
-            };
-            pixelEvents: {
-                type: string;
-                items: {
-                    type: string;
-                    required: string[];
-                    additionalProperties: boolean;
-                    properties: {
-                        name: {
-                            type: string;
-                            enum: import("../..").PixelEventType[];
-                        };
-                        data: {};
-                    };
-                    select: {
-                        $data: string;
-                    };
-                    selectCases: {
-                        SubmitApplication: {
-                            additionalProperties: boolean;
-                            properties: {
-                                name: {};
-                            };
-                        };
-                        Contact: {
-                            additionalProperties: boolean;
-                            properties: {
-                                name: {};
-                            };
-                        };
-                        Lead: {
-                            additionalProperties: boolean;
-                            properties: {
-                                name: {};
-                                data: {
-                                    type: string;
-                                    additionalProperties: boolean;
-                                    properties: {
-                                        content_category: {
-                                            type: string;
-                                        };
-                                        content_name: {
-                                            type: string;
-                                        };
-                                        currency: {
-                                            type: string;
-                                        };
-                                        value: {
-                                            type: string;
-                                        };
-                                    };
-                                };
-                            };
-                        };
-                    };
-                };
-            };
             analyticsEvents: {
                 oneOf: ({
                     optionName: string;
@@ -1035,94 +947,6 @@ export declare const MediaBlock: {
                             optionName: string;
                         })[];
                     };
-                    metrikaGoals: {
-                        oneOf: ({
-                            type: string;
-                            optionName: string;
-                            items?: undefined;
-                        } | {
-                            type: string;
-                            items: {
-                                type: string;
-                                additionalProperties?: undefined;
-                                required?: undefined;
-                                properties?: undefined;
-                            };
-                            optionName: string;
-                        } | {
-                            type: string;
-                            items: {
-                                type: string;
-                                additionalProperties: boolean;
-                                required: string[];
-                                properties: {
-                                    name: {
-                                        type: string;
-                                    };
-                                    isCrossSite: {
-                                        type: string;
-                                    };
-                                };
-                            };
-                            optionName: string;
-                        })[];
-                    };
-                    pixelEvents: {
-                        type: string;
-                        items: {
-                            type: string;
-                            required: string[];
-                            additionalProperties: boolean;
-                            properties: {
-                                name: {
-                                    type: string;
-                                    enum: import("../..").PixelEventType[];
-                                };
-                                data: {};
-                            };
-                            select: {
-                                $data: string;
-                            };
-                            selectCases: {
-                                SubmitApplication: {
-                                    additionalProperties: boolean;
-                                    properties: {
-                                        name: {};
-                                    };
-                                };
-                                Contact: {
-                                    additionalProperties: boolean;
-                                    properties: {
-                                        name: {};
-                                    };
-                                };
-                                Lead: {
-                                    additionalProperties: boolean;
-                                    properties: {
-                                        name: {};
-                                        data: {
-                                            type: string;
-                                            additionalProperties: boolean;
-                                            properties: {
-                                                content_category: {
-                                                    type: string;
-                                                };
-                                                content_name: {
-                                                    type: string;
-                                                };
-                                                currency: {
-                                                    type: string;
-                                                };
-                                                value: {
-                                                    type: string;
-                                                };
-                                            };
-                                        };
-                                    };
-                                };
-                            };
-                        };
-                    };
                     analyticsEvents: {
                         oneOf: ({
                             optionName: string;

package/build/esm/blocks/Security/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: "image-alt", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/esm/blocks/Security/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 = 'SecurityBlock';
-export default registerKeyset({ en, ru }, COMPONENT);
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}SecurityBlock`);

package/build/esm/blocks/Share/Share.js

@@ -9,7 +9,7 @@ import { Twitter } from '../../icons/Twitter';
 import { Vk } from '../../icons/Vk';
 import { DefaultEventNames } from '../../models';
 import { block, getAbsolutePath, getShareLink } from '../../utils';
-import i18n from './i18n';
+import { i18n } from './i18n';
 import './Share.css';
 const icons = {
     facebook: Facebook,

package/build/esm/blocks/Share/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: "constructor-share" | "facebook-title" | "twitter-title" | "linkedin-title" | "vk-title" | "telegram-title" | "facebook-label" | "twitter-label" | "linkedin-label" | "vk-label" | "telegram-label", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/esm/blocks/Share/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 = 'Share';
-export default registerKeyset({ en, ru }, COMPONENT);
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}Share`);

package/build/esm/blocks/Slider/Arrow/Arrow.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import ToggleArrow from '../../../components/ToggleArrow/ToggleArrow';
 import { block } from '../../../utils';
-import i18n from '../i18n';
+import { i18n } from '../i18n';
 import './Arrow.css';
 const b = block('slider-block-arrow');
 const Arrow = ({ type, handleClick, className, size = 16 }) => (React.createElement("div", { className: b({ type }, className) },

package/build/esm/blocks/Slider/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: "arrow-right" | "arrow-left", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/esm/blocks/Slider/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 = 'SliderBlock';
-export default registerKeyset({ en, ru }, COMPONENT);
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}SliderBlock`);

package/build/esm/components/Button/Button.js

@@ -4,27 +4,24 @@ import { StoreBadge } from '@gravity-ui/components';
 import { Button as CommonButton, Icon, Platform } from '@gravity-ui/uikit';
 import { LocaleContext } from '../../context/localeContext/localeContext';
 import { useAnalytics } from '../../hooks';
-import { useMetrika } from '../../hooks/useMetrika';
 import { Github } from '../../icons';
 import { DefaultEventNames } from '../../models';
 import { block, setUrlTld } from '../../utils';
-import i18n from './i18n';
+import { i18n } from './i18n';
 import { ICON_QA, toCommonSize, toCommonView } from './utils';
 import './Button.css';
 const b = block('button-block');
 const Button = (props) => {
-    const handleMetrika = useMetrika();
     const { tld } = useContext(LocaleContext);
-    const { className, metrikaGoals, pixelEvents, analyticsEvents, size = 'l', theme = 'normal', url, urlTitle, img, onClick: onClickOrigin, text, width } = props, rest = __rest(props, ["className", "metrikaGoals", "pixelEvents", "analyticsEvents", "size", "theme", "url", "urlTitle", "img", "onClick", "text", "width"]);
+    const { className, analyticsEvents, size = 'l', theme = 'normal', url, urlTitle, img, onClick: onClickOrigin, text, width } = props, rest = __rest(props, ["className", "analyticsEvents", "size", "theme", "url", "urlTitle", "img", "onClick", "text", "width"]);
     const defaultImgPosition = 'left';
     const handleAnalytics = useAnalytics(DefaultEventNames.Button, url);
     const onClick = useCallback((e) => {
-        handleMetrika({ metrikaGoals, pixelEvents });
         handleAnalytics(analyticsEvents);
         if (onClickOrigin) {
             onClickOrigin(e);
         }
-    }, [handleMetrika, metrikaGoals, pixelEvents, handleAnalytics, analyticsEvents, onClickOrigin]);
+    }, [handleAnalytics, analyticsEvents, onClickOrigin]);
     const buttonModifiers = { size, theme, width };
     const buttonImg = img instanceof Object
         ? { url: img.url, position: img.position || defaultImgPosition, alt: img.alt }

package/build/esm/components/Button/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: "image-alt", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/esm/components/Button/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 = 'Button';
-export default registerKeyset({ en, ru }, COMPONENT);
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}Button`);

package/build/esm/components/CardBase/CardBase.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributeAnchorTarget, ReactElement } from 'react';
-import { AnalyticsEventsBase, ButtonPixel, CardBaseProps as CardBaseParams, ImageProps, MetrikaGoal, WithChildren } from '../../models';
+import { AnalyticsEventsBase, CardBaseProps as CardBaseParams, ImageProps, WithChildren } from '../../models';
 import './CardBase.css';
 export interface CardBaseProps extends AnalyticsEventsBase, CardBaseParams {
     className?: string;
@@ -9,8 +9,6 @@ export interface CardBaseProps extends AnalyticsEventsBase, CardBaseParams {
     url?: string;
     urlTitle?: string;
     target?: HTMLAttributeAnchorTarget;
-    metrikaGoals?: MetrikaGoal;
-    pixelEvents?: ButtonPixel;
     qa?: string;
     extraProps?: React.HTMLAttributes<HTMLElement>;
 }

package/build/esm/components/CardBase/CardBase.js

@@ -1,7 +1,6 @@
 import React, { Children, Fragment } from 'react';
 import { Link } from '@gravity-ui/uikit';
 import { useAnalytics } from '../../hooks';
-import { useMetrika } from '../../hooks/useMetrika';
 import { DefaultEventNames, } from '../../models';
 import { block, getQaAttrubutes } from '../../utils';
 import BackgroundImage from '../BackgroundImage/BackgroundImage';
@@ -12,8 +11,7 @@ const Header = () => null;
 const Content = () => null;
 const Footer = () => null;
 export const Layout = (props) => {
-    const { className, bodyClassName, metrikaGoals, pixelEvents, analyticsEvents, contentClassName, children, url, target, border = 'shadow', urlTitle, qa, extraProps = {}, } = props;
-    const handleMetrika = useMetrika();
+    const { className, bodyClassName, analyticsEvents, contentClassName, children, url, target, border = 'shadow', urlTitle, qa, extraProps = {}, } = props;
     const handleAnalytics = useAnalytics(DefaultEventNames.CardBase, url);
     let header, content, footer, image, headerClass, footerClass;
     const qaAttributes = getQaAttrubutes(qa, 'header', 'footer', 'body', 'content');
@@ -47,7 +45,6 @@ export const Layout = (props) => {
             footer && (React.createElement("div", { className: b('footer', footerClass), "data-qa": qaAttributes.footer }, footer)))));
     const fullClassName = b({ border }, className);
     const onClick = () => {
-        handleMetrika({ metrikaGoals, pixelEvents });
         handleAnalytics(analyticsEvents);
     };
     return url ? (React.createElement(RouterLink, { href: url },

package/build/esm/components/Control/Control.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Icon } from '@gravity-ui/uikit';
 import { block } from '../../utils';
-import i18n from './i18n';
+import { i18n } from './i18n';
 import './Control.css';
 const b = block('control');
 export const defaultIconId = 'icon-test-id';

package/build/esm/components/Control/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: "aria-label", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/esm/components/Control/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 = 'Control';
-export default registerKeyset({ en, ru }, COMPONENT);
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}Control`);

package/build/esm/components/FullscreenImage/FullscreenImage.js

@@ -3,7 +3,7 @@ import { Icon, Modal } from '@gravity-ui/uikit';
 import { Fullscreen, PreviewClose } from '../../icons';
 import { block } from '../../utils';
 import Image from '../Image/Image';
-import i18n from './i18n';
+import { i18n } from './i18n';
 import './FullscreenImage.css';
 const b = block('fullscreen-image');
 const FULL_SCREEN_ICON_SIZE = 18;

package/build/esm/components/FullscreenImage/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: "close" | "img-alt", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/esm/components/FullscreenImage/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 = 'FullscreenImage';
-export default registerKeyset({ en, ru }, COMPONENT);
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}FullscreenImage`);

package/build/esm/components/HeaderBreadcrumbs/HeaderBreadcrumbs.js

@@ -1,18 +1,15 @@
 import React, { useCallback } from 'react';
 import { useAnalytics } from '../../hooks';
-import { useMetrika } from '../../hooks/useMetrika';
 import { DefaultEventNames } from '../../models';
 import { block } from '../../utils';
 import './HeaderBreadcrumbs.css';
 const b = block('header-breadcrumbs');
 export default function HeaderBreadcrumbs(props) {
-    const { items, metrikaGoals, pixelEvents, theme = 'light', className } = props;
-    const handleMetrika = useMetrika();
+    const { items, theme = 'light', className, analyticsEvents } = props;
     const handleAnalytics = useAnalytics(DefaultEventNames.Breadcrumb);
     const onClick = useCallback(() => {
-        handleAnalytics();
-        handleMetrika({ metrikaGoals, pixelEvents });
-    }, [handleAnalytics, handleMetrika, metrikaGoals, pixelEvents]);
+        handleAnalytics(analyticsEvents);
+    }, [analyticsEvents, handleAnalytics]);
     return (React.createElement("div", { className: b({ theme }, className) }, items === null || items === void 0 ? void 0 : items.map((item) => (React.createElement("div", { className: b('item'), key: item.url },
         React.createElement("a", { href: item.url, className: b('text'), onClick: onClick }, item.text))))));
 }

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

@@ -3,7 +3,6 @@ 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';
@@ -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 = () => {

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

@@ -6,7 +6,7 @@ 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 = {