@gravity-ui/page-constructor 6.0.0-beta.0 → 6.0.0-beta.10

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

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const icons_1 = require("@gravity-ui/icons");
-const uikit_1 = require("@gravity-ui/uikit");
-const localeContext_1 = require("../../context/localeContext/index.js");
-const locationContext_1 = require("../../context/locationContext/index.js");
-const hooks_1 = require("../../hooks/index.js");
-const models_1 = require("../../models/index.js");
-const utils_1 = require("../../utils/index.js");
-const BackLink_1 = tslib_1.__importDefault(require("../BackLink/BackLink.js"));
-const FileLink_1 = tslib_1.__importDefault(require("../FileLink/FileLink.js"));
-const b = (0, utils_1.block)('link-block');
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React 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 { DefaultEventNames } from '../../models';
+import { block, getLinkProps, getQaAttrubutes, setUrlTld } from '../../utils';
+import BackLink from '../BackLink/BackLink';
+import FileLink from '../FileLink/FileLink';
+const b = block('link-block');
 const WORD_JOINER_SYM = '\u200b';
 function getArrowSize(size) {
     switch (size) {
@@ -28,11 +25,11 @@ function getArrowSize(size) {
 }
 const LinkBlock = (props) => {
     const { text, url, arrow, analyticsEvents, theme = 'file-link', colorTheme = 'light', textSize = 'm', className, target, children, tabIndex, qa, urlTitle, extraProps, } = props;
-    const qaAttributes = (0, utils_1.getQaAttrubutes)(qa, ['normal']);
-    const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.Link, url);
-    const { hostname } = React.useContext(locationContext_1.LocationContext);
-    const { tld } = React.useContext(localeContext_1.LocaleContext);
-    const href = (0, utils_1.setUrlTld)(props.url, tld);
+    const qaAttributes = getQaAttrubutes(qa, ['normal']);
+    const handleAnalytics = useAnalytics(DefaultEventNames.Link, url);
+    const { hostname } = React.useContext(LocationContext);
+    const { tld } = React.useContext(LocaleContext);
+    const href = setUrlTld(props.url, tld);
     const defaultTextSize = theme === 'back' ? 'l' : 'm';
     const onClick = () => {
         handleAnalytics(analyticsEvents);
@@ -40,20 +37,19 @@ const LinkBlock = (props) => {
     const getLinkByType = () => {
         switch (theme) {
             case 'back':
-                return ((0, jsx_runtime_1.jsx)(BackLink_1.default, { title: children || text, url: href, onClick: onClick, tabIndex: tabIndex, extraProps: extraProps }));
+                return (_jsx(BackLink, { title: children || text, url: href, onClick: onClick, tabIndex: tabIndex, extraProps: extraProps }));
             case 'file-link':
             case 'underline':
-                return ((0, jsx_runtime_1.jsx)(FileLink_1.default, { text: children || text, href: href, type: "horizontal", textSize: textSize, onClick: onClick, tabIndex: tabIndex, extraProps: extraProps }));
+                return (_jsx(FileLink, { text: children || text, href: href, type: "horizontal", textSize: textSize, onClick: onClick, tabIndex: tabIndex, extraProps: extraProps }));
             case 'normal': {
-                const linkProps = (0, utils_1.getLinkProps)(url, hostname, target);
+                const linkProps = getLinkProps(url, hostname, target);
                 const content = children || text;
-                return ((0, jsx_runtime_1.jsx)("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, { children: arrow ? ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: b('content'), children: content }), WORD_JOINER_SYM, (0, jsx_runtime_1.jsx)(uikit_1.Icon, { className: b('arrow'), data: icons_1.ChevronRight, size: getArrowSize(textSize) })] })) : (content) })));
+                return (_jsx("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, { children: arrow ? (_jsxs(React.Fragment, { children: [_jsx("span", { className: b('content'), children: content }), WORD_JOINER_SYM, _jsx(Icon, { className: b('arrow'), data: ChevronRight, size: getArrowSize(textSize) })] })) : (content) })));
             }
             default:
                 return null;
         }
     };
-    return ((0, jsx_runtime_1.jsx)("div", { className: b({ size: textSize || defaultTextSize }, className), children: getLinkByType() }));
+    return (_jsx("div", { className: b({ size: textSize || defaultTextSize }, className), children: getLinkByType() }));
 };
-exports.default = LinkBlock;
-//# sourceMappingURL=Link.js.map
+export default LinkBlock;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ContentSize, LinkProps } from "../../models/index.js";
+import { ContentSize, LinkProps } from '../../models';
 type LinksProps = {
     className?: string;
     titleId?: string;

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

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const utils_1 = require("../../utils/index.js");
-const Link_1 = tslib_1.__importDefault(require("../Link/Link.js"));
-const b = (0, utils_1.block)('links');
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { block } from '../../utils';
+import Link from '../Link/Link';
+const b = block('links');
 function getLinkSize(size) {
     switch (size) {
         case 's':
@@ -15,6 +12,5 @@ function getLinkSize(size) {
             return 'l';
     }
 }
-const Links = ({ className, titleId, links, size = 's', qa, linkQa }) => links ? ((0, jsx_runtime_1.jsx)("div", { className: b({ size }, className), "data-qa": qa, children: links === null || links === void 0 ? void 0 : links.map((link) => ((0, react_1.createElement)(Link_1.default, Object.assign({ className: b('link') }, link, { textSize: getLinkSize(size), key: link.url, qa: linkQa, extraProps: Object.assign({ 'aria-describedby': link.urlTitle ? undefined : titleId }, link.extraProps) })))) })) : null;
-exports.default = Links;
-//# sourceMappingURL=Links.js.map
+const Links = ({ className, titleId, links, size = 's', qa, linkQa }) => links ? (_jsx("div", { className: b({ size }, className), "data-qa": qa, children: links === null || links === void 0 ? void 0 : links.map((link) => (_createElement(Link, Object.assign({ className: b('link') }, link, { textSize: getLinkSize(size), key: link.url, qa: linkQa, extraProps: Object.assign({ 'aria-describedby': link.urlTitle ? undefined : titleId }, link.extraProps) })))) })) : null;
+export default Links;

package/build/cjs/components/Map/GoogleMap.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { GMapProps } from "../../models/index.js";
+import { GMapProps } from '../../models';
 declare const GoogleMap: React.FC<GMapProps>;
 export default GoogleMap;

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

@@ -1,32 +1,29 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const uikit_1 = require("@gravity-ui/uikit");
-const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
-const localeContext_1 = require("../../context/localeContext/localeContext.js");
-const mapsContext_1 = require("../../context/mapsContext/mapsContext.js");
-const mobileContext_1 = require("../../context/mobileContext/index.js");
-const utils_1 = require("../../utils/index.js");
-const helpers_1 = require("./helpers.js");
-const b = (0, utils_1.block)('map');
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React 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 { getMapHeight } from './helpers';
+const b = block('map');
 function getScriptSrc(params) {
     const { apiKey, scriptSrc, address, lang, zoom } = params;
     return `${scriptSrc}?key=${apiKey}&language=${lang}${zoom ? '&zoom=' + zoom : ''}&q=${encodeURI(address)}`;
 }
 const GoogleMap = (props) => {
     const { address, zoom, className } = props;
-    const { apiKey, scriptSrc } = React.useContext(mapsContext_1.MapsContext);
-    const { lang = uikit_1.Lang.Ru } = React.useContext(localeContext_1.LocaleContext);
-    const isMobile = React.useContext(mobileContext_1.MobileContext);
+    const { apiKey, scriptSrc } = React.useContext(MapsContext);
+    const { lang = Lang.Ru } = React.useContext(LocaleContext);
+    const isMobile = React.useContext(MobileContext);
     const [height, setHeight] = React.useState(undefined);
     const ref = React.useRef(null);
     const src = React.useMemo(() => getScriptSrc({ apiKey, scriptSrc, address, lang, zoom }), [apiKey, scriptSrc, address, lang, zoom]);
     React.useEffect(() => {
-        const updateSize = (0, debounce_1.default)(() => {
+        const updateSize = debounce(() => {
             if (ref.current) {
-                setHeight(Math.round((0, helpers_1.getMapHeight)(ref.current.offsetWidth, isMobile)));
+                setHeight(Math.round(getMapHeight(ref.current.offsetWidth, isMobile)));
             }
         }, 100);
         updateSize();
@@ -38,9 +35,8 @@ const GoogleMap = (props) => {
     if (!apiKey || !address) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)("iframe", { className: b(null, className), ref: ref, style: {
+    return (_jsx("iframe", { className: b(null, className), ref: ref, style: {
             height,
         }, title: "Google Map", loading: "lazy", allowFullScreen: true, referrerPolicy: "no-referrer-when-downgrade", src: src }));
 };
-exports.default = GoogleMap;
-//# sourceMappingURL=GoogleMap.js.map
+export default GoogleMap;

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

@@ -1,3 +1,3 @@
-import { MapProps } from "../../models/index.js";
+import { MapProps } from '../../models';
 export declare const Map: (props: MapProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Map;

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

@@ -1,23 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Map = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const mapsContext_1 = require("../../context/mapsContext/mapsContext.js");
-const GoogleMap_1 = tslib_1.__importDefault(require("./GoogleMap.js"));
-const YandexMap_1 = tslib_1.__importDefault(require("./YMap/YandexMap.js"));
-const Map = (props) => {
-    const { type } = React.useContext(mapsContext_1.MapsContext);
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { MapType, MapsContext } from '../../context/mapsContext/mapsContext';
+import GoogleMap from './GoogleMap';
+import YandexMap from './YMap/YandexMap';
+export const Map = (props) => {
+    const { type } = React.useContext(MapsContext);
     switch (type) {
-        case mapsContext_1.MapType.Yandex:
-            return (0, jsx_runtime_1.jsx)(YandexMap_1.default, Object.assign({}, props));
-        case mapsContext_1.MapType.Google:
-            return (0, jsx_runtime_1.jsx)(GoogleMap_1.default, Object.assign({}, props));
+        case MapType.Yandex:
+            return _jsx(YandexMap, Object.assign({}, props));
+        case MapType.Google:
+            return _jsx(GoogleMap, Object.assign({}, props));
         default:
             return null;
     }
 };
-exports.Map = Map;
-exports.default = exports.Map;
-//# sourceMappingURL=Map.js.map
+export default Map;

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

@@ -1,4 +1,4 @@
-import { YMapMarker, YMapProps } from "../../../models/index.js";
+import { YMapMarker, YMapProps } from '../../../models';
 type PlacemarksProps = Pick<YMapProps, 'zoom' | 'markers'>;
 export declare class YMap {
     private ymap;

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

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.YMap = void 0;
 var GeoObjectTypes;
 (function (GeoObjectTypes) {
     GeoObjectTypes["Properties"] = "properties";
@@ -16,7 +13,7 @@ const geoObjectPropsAndOptions = {
     iconColor: GeoObjectTypes.Options,
     preset: GeoObjectTypes.Options,
 };
-class YMap {
+export class YMap {
     constructor(ymap, mapRef) {
         this.coords = [];
         this.ymap = ymap;
@@ -102,5 +99,3 @@ class YMap {
         this.coords = [];
     }
 }
-exports.YMap = YMap;
-//# sourceMappingURL=YMap.js.map

package/build/cjs/components/Map/YMap/YandexMap.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { YMapProps } from "../../../models/index.js";
+import { YMapProps } from '../../../models';
 declare const YandexMap: React.FC<YMapProps>;
 export default YandexMap;

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

@@ -1,20 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const uikit_1 = require("@gravity-ui/uikit");
-const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
-const localeContext_1 = require("../../../context/localeContext/localeContext.js");
-const mapsContext_1 = require("../../../context/mapsContext/mapsContext.js");
-const mobileContext_1 = require("../../../context/mobileContext/index.js");
-const utils_1 = require("../../../utils/index.js");
-const ErrorWrapper_1 = tslib_1.__importDefault(require("../../ErrorWrapper/ErrorWrapper.js"));
-const helpers_1 = require("../helpers.js");
-const YMap_1 = require("./YMap.js");
-const YandexMapApiLoader_1 = require("./YandexMapApiLoader.js");
-const i18n_1 = require("./i18n/index.js");
-const b = (0, utils_1.block)('map');
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Spin } 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 ErrorWrapper from '../../ErrorWrapper/ErrorWrapper';
+import { getMapHeight } from '../helpers';
+import { YMap } from './YMap';
+import { MapApiStatus, YMapsApiLoader } from './YandexMapApiLoader';
+import { i18n } from './i18n';
+const b = block('map');
 const DEFAULT_CONTAINER_ID = 'ymap';
 const DEFAULT_ZOOM = 9;
 // Center - is a required parameter for creating a new map
@@ -23,9 +20,9 @@ const DEFAULT_ZOOM = 9;
 const INITIAL_CENTER = [0, 0];
 const YandexMap = (props) => {
     const { markers, zoom, id, className } = props;
-    const { apiKey, scriptSrc, nonce } = React.useContext(mapsContext_1.MapsContext);
-    const isMobile = React.useContext(mobileContext_1.MobileContext);
-    const { lang = 'ru' } = React.useContext(localeContext_1.LocaleContext);
+    const { apiKey, scriptSrc, nonce } = React.useContext(MapsContext);
+    const isMobile = React.useContext(MobileContext);
+    const { lang = 'ru' } = React.useContext(LocaleContext);
     const containerId = `${DEFAULT_CONTAINER_ID}-${id}`;
     const [ymap, setYmaps] = React.useState(null);
     const [height, setHeight] = React.useState(undefined);
@@ -40,9 +37,9 @@ const YandexMap = (props) => {
         (async function () {
             var _a;
             setLoading(true);
-            await YandexMapApiLoader_1.YMapsApiLoader.loadApi(apiKey, scriptSrc, lang, nonce);
+            await YMapsApiLoader.loadApi(apiKey, scriptSrc, lang, nonce);
             (_a = window.ymaps) === null || _a === void 0 ? void 0 : _a.ready(() => {
-                setYmaps(new YMap_1.YMap(new window.ymaps.Map(containerId, {
+                setYmaps(new YMap(new window.ymaps.Map(containerId, {
                     center: INITIAL_CENTER,
                     zoom: zoom || DEFAULT_ZOOM,
                 }, { autoFitToViewport: 'always' }), ref.current));
@@ -51,9 +48,9 @@ const YandexMap = (props) => {
         })();
     }, [apiKey, lang, scriptSrc, containerId, zoom, nonce, attemptsIndex, setLoading]);
     React.useEffect(() => {
-        const updateSize = (0, debounce_1.default)(() => {
+        const updateSize = debounce(() => {
             if (ref.current) {
-                setHeight(Math.round((0, helpers_1.getMapHeight)(ref.current.offsetWidth, isMobile)));
+                setHeight(Math.round(getMapHeight(ref.current.offsetWidth, isMobile)));
             }
         }, 100);
         updateSize();
@@ -74,7 +71,6 @@ const YandexMap = (props) => {
     });
     if (!markers)
         return null;
-    return ((0, jsx_runtime_1.jsx)(ErrorWrapper_1.default, { isError: YandexMapApiLoader_1.YMapsApiLoader.status === YandexMapApiLoader_1.MapApiStatus.Error, text: (0, i18n_1.i18n)('map-load-error'), buttonText: (0, i18n_1.i18n)('map-try-again'), handler: onTryAgain, className: b('wrapper'), children: (0, jsx_runtime_1.jsxs)("div", { className: b('wrapper'), children: [(0, jsx_runtime_1.jsx)("div", { id: containerId, className: b({ hidden: !ready }, className), ref: ref, style: { height } }), loading ? (0, jsx_runtime_1.jsx)(uikit_1.Spin, { size: "xl", className: b('spinner') }) : null] }) }));
+    return (_jsx(ErrorWrapper, { isError: YMapsApiLoader.status === MapApiStatus.Error, text: i18n('map-load-error'), buttonText: i18n('map-try-again'), handler: onTryAgain, className: b('wrapper'), children: _jsxs("div", { className: b('wrapper'), children: [_jsx("div", { id: containerId, className: b({ hidden: !ready }, className), ref: ref, style: { height } }), loading ? _jsx(Spin, { size: "xl", className: b('spinner') }) : null] }) }));
 };
-exports.default = YandexMap;
-//# sourceMappingURL=YandexMap.js.map
+export default YandexMap;

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

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.YMapsApiLoader = exports.MapApiStatus = void 0;
-const mapsContext_1 = require("../../../context/mapsContext/mapsContext.js");
-const utils_1 = require("../../../utils/index.js");
-var MapApiStatus;
+import { Maplangs } from '../../../context/mapsContext/mapsContext';
+import { loadScript } from '../../../utils';
+export var MapApiStatus;
 (function (MapApiStatus) {
     MapApiStatus["NotStarted"] = "not_started";
     MapApiStatus["Loading"] = "loading";
     MapApiStatus["Loaded"] = "loaded";
     MapApiStatus["Error"] = "error";
-})(MapApiStatus || (exports.MapApiStatus = MapApiStatus = {}));
+})(MapApiStatus || (MapApiStatus = {}));
 const SCRIPT_ID = 'ymaps-script';
-class YMapsApiLoader {
+export class YMapsApiLoader {
     static async loadApi(apiKey, scriptSrc, lang, nonce) {
         if (YMapsApiLoader.status === MapApiStatus.Loaded) {
             return Promise.resolve();
@@ -22,8 +19,8 @@ class YMapsApiLoader {
         }
         YMapsApiLoader.status = MapApiStatus.Loading;
         const csp = nonce ? `csp[style_nonce]=${nonce}` : 'csp=true';
-        const src = `${scriptSrc}?apikey=${apiKey}&lang=${mapsContext_1.Maplangs[lang]}&${csp}`;
-        YMapsApiLoader.loader = (0, utils_1.loadScript)(src, { id: SCRIPT_ID })
+        const src = `${scriptSrc}?apikey=${apiKey}&lang=${Maplangs[lang]}&${csp}`;
+        YMapsApiLoader.loader = loadScript(src, { id: SCRIPT_ID })
             .then(() => {
             YMapsApiLoader.status = MapApiStatus.Loaded;
         })
@@ -33,6 +30,4 @@ class YMapsApiLoader {
         return this.loader;
     }
 }
-exports.YMapsApiLoader = YMapsApiLoader;
 YMapsApiLoader.status = MapApiStatus.NotStarted;
-//# sourceMappingURL=YandexMapApiLoader.js.map

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

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.i18n = void 0;
-const tslib_1 = require("tslib");
-const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../../utils/cn.js");
-const en_json_1 = tslib_1.__importDefault(require("./en.json"));
-const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}Map`);
-//# sourceMappingURL=index.js.map
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../../utils/cn';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}Map`);

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

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getMapHeight = getMapHeight;
-function getMapHeight(width, isMobile) {
+export function getMapHeight(width, isMobile) {
     return isMobile ? (width / 4) * 3 : (width / 16) * 9;
 }
-//# sourceMappingURL=helpers.js.map

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

@@ -1,3 +1,3 @@
-import { MediaComponentDataLensProps } from "../../../models/index.js";
+import { MediaComponentDataLensProps } from '../../../models';
 declare const DataLens: (props: MediaComponentDataLensProps) => import("react/jsx-runtime").JSX.Element | null;
 export default DataLens;

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

@@ -1,18 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const localeContext_1 = require("../../../context/localeContext/index.js");
-const utils_1 = require("../../../utils/index.js");
-const i18n_1 = require("./i18n/index.js");
-const utils_2 = require("./utils.js");
-const b = (0, utils_1.block)('media-component-data-lens');
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { LocaleContext } from '../../../context/localeContext';
+import { block } from '../../../utils';
+import { i18n } from './i18n';
+import { unifyDataLensToObject } from './utils';
+const b = block('media-component-data-lens');
 const DataLens = (props) => {
     const { dataLens } = props;
-    const dataLensData = (0, utils_2.unifyDataLensToObject)(dataLens);
-    const locale = React.useContext(localeContext_1.LocaleContext);
-    return dataLens ? ((0, jsx_runtime_1.jsx)("div", { className: b('wrap'), children: (0, jsx_runtime_1.jsx)("iframe", { src: `https://datalens.yandex/${dataLensData.id}?_embedded=1&_theme=${dataLensData.theme}&_lang=${locale.lang}`, className: b('iframe'), loading: "lazy", title: (0, i18n_1.i18n)('iframe-title'), frameBorder: 0 }) })) : null;
+    const dataLensData = unifyDataLensToObject(dataLens);
+    const locale = React.useContext(LocaleContext);
+    return dataLens ? (_jsx("div", { className: b('wrap'), children: _jsx("iframe", { src: `https://datalens.yandex/${dataLensData.id}?_embedded=1&_theme=${dataLensData.theme}&_lang=${locale.lang}`, className: b('iframe'), loading: "lazy", title: i18n('iframe-title'), frameBorder: 0 }) })) : null;
 };
-exports.default = DataLens;
-//# sourceMappingURL=DataLens.js.map
+export default DataLens;

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

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.i18n = void 0;
-const tslib_1 = require("tslib");
-const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../../utils/cn.js");
-const en_json_1 = tslib_1.__importDefault(require("./en.json"));
-const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}DataLens`);
-//# sourceMappingURL=index.js.map
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../../utils/cn';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}DataLens`);

package/build/cjs/components/Media/DataLens/utils.d.ts

@@ -1,2 +1,2 @@
-import { DataLensObjectProps, DataLensProps } from "../../../models/index.js";
+import { DataLensObjectProps, DataLensProps } from '../../../models';
 export declare function unifyDataLensToObject(dataLens: DataLensProps): DataLensObjectProps;

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

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.unifyDataLensToObject = unifyDataLensToObject;
-function unifyDataLensToObject(dataLens) {
+export function unifyDataLensToObject(dataLens) {
     return typeof dataLens === 'string' ? { id: dataLens, theme: 'light' } : dataLens;
 }
-//# sourceMappingURL=utils.js.map

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

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { VideoAllProps } from "../Video/Video.js";
+import { VideoAllProps } from '../Video/Video';
 declare const FullscreenVideo: React.FC<VideoAllProps>;
 export default FullscreenVideo;

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

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const FullscreenMedia_1 = tslib_1.__importDefault(require("../../FullscreenMedia/FullscreenMedia.js"));
-const Video_1 = tslib_1.__importDefault(require("../Video/Video.js"));
+import { jsx as _jsx } from "react/jsx-runtime";
+import FullscreenMedia from '../../FullscreenMedia/FullscreenMedia';
+import Video from '../Video/Video';
 const FullscreenVideo = (props) => {
-    return ((0, jsx_runtime_1.jsx)(FullscreenMedia_1.default, { children: (classNames) => (0, jsx_runtime_1.jsx)(Video_1.default, Object.assign({}, props, classNames)) }));
+    return (_jsx(FullscreenMedia, { children: (classNames) => _jsx(Video, Object.assign({}, props, classNames)) }));
 };
-exports.default = FullscreenVideo;
-//# sourceMappingURL=FullscreenVideo.js.map
+export default FullscreenVideo;

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

@@ -1,3 +1,3 @@
-import { MediaComponentIframeProps } from "../../../models/index.js";
+import { MediaComponentIframeProps } from '../../../models';
 declare const Iframe: (props: MediaComponentIframeProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Iframe;

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

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../../utils/index.js");
-const i18n_1 = require("./i18n/index.js");
-const b = (0, utils_1.block)('media-component-iframe');
+import { jsx as _jsx } from "react/jsx-runtime";
+import { block } from '../../../utils';
+import { i18n } from './i18n';
+const b = block('media-component-iframe');
 const Iframe = (props) => {
     const { iframe, margins = true } = props;
     const { height = 400, src, width, name, title } = iframe;
-    return iframe ? ((0, jsx_runtime_1.jsx)("div", { className: b({ margins }), style: { height }, children: (0, jsx_runtime_1.jsx)("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;
+    return iframe ? (_jsx("div", { className: b({ margins }), style: { height }, children: _jsx("iframe", { className: b('item'), loading: "lazy", title: title || i18n('iframe-title'), frameBorder: 0, src: src, width: width, height: height, name: name }) })) : null;
 };
-exports.default = Iframe;
-//# sourceMappingURL=Iframe.js.map
+export default Iframe;

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

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.i18n = void 0;
-const tslib_1 = require("tslib");
-const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../../utils/cn.js");
-const en_json_1 = tslib_1.__importDefault(require("./en.json"));
-const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}Iframe`);
-//# sourceMappingURL=index.js.map
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../../utils/cn';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}Iframe`);

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

@@ -1,4 +1,4 @@
-import { MediaComponentImageProps, QAProps } from "../../../models/index.js";
+import { MediaComponentImageProps, QAProps } from '../../../models';
 export interface ImageAdditionProps {
     imageClassName?: string;
     isBackground?: boolean;