@gravity-ui/page-constructor 6.0.0-beta.11 → 6.0.0-beta.13

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

@@ -0,0 +1 @@
+{"version":3,"file":"GoogleMap.js","sourceRoot":"../../../../src","sources":["components/Map/GoogleMap.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAAuC;AACvC,0EAAuC;AAEvC,gFAAwE;AACxE,0EAAkE;AAClE,wEAA0D;AAE1D,gDAAkC;AAElC,0CAAuC;AAEvC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,KAAK,CAAC,CAAC;AAUvB,SAAS,YAAY,CAAC,MAA2B;IAC7C,MAAM,EAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAC,GAAG,MAAM,CAAC;IAExD,OAAO,GAAG,SAAS,QAAQ,MAAM,aAAa,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,SAAS,CAC3F,OAAO,CACV,EAAE,CAAC;AACR,CAAC;AAED,MAAM,SAAS,GAAwB,CAAC,KAAK,EAAE,EAAE;IAC7C,MAAM,EAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IACzC,MAAM,EAAC,MAAM,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAW,CAAC,CAAC;IAC1D,MAAM,EAAC,IAAI,GAAG,YAAI,CAAC,EAAE,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAEjD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAC1E,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CACrB,GAAG,EAAE,CAAC,YAAY,CAAC,EAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,EAC5D,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,CAC3C,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,UAAU,GAAG,IAAA,kBAAQ,EAAC,GAAG,EAAE;YAC7B,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;gBACd,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAA,sBAAY,EAAC,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC3E,CAAC;QACL,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,UAAU,EAAE,CAAC;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAE/D,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACtB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,mCACI,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACH,MAAM;SACT,EACD,KAAK,EAAC,YAAY,EAClB,OAAO,EAAC,MAAM,EACd,eAAe,QACf,cAAc,EAAC,4BAA4B,EAC3C,GAAG,EAAE,GAAG,GACV,CACL,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Lang} from '@gravity-ui/uikit';\nimport debounce from 'lodash/debounce';\n\nimport {LocaleContext} from '../../context/localeContext/localeContext';\nimport {MapsContext} from '../../context/mapsContext/mapsContext';\nimport {MobileContext} from '../../context/mobileContext';\nimport {GMapProps} from '../../models';\nimport {block} from '../../utils';\n\nimport {getMapHeight} from './helpers';\n\nconst b = block('map');\n\ninterface GoogleMapLinkParams {\n    apiKey: string;\n    scriptSrc: string;\n    address: string;\n    lang: `${Lang}`;\n    zoom?: number;\n}\n\nfunction getScriptSrc(params: GoogleMapLinkParams) {\n    const {apiKey, scriptSrc, address, lang, zoom} = params;\n\n    return `${scriptSrc}?key=${apiKey}&language=${lang}${zoom ? '&zoom=' + zoom : ''}&q=${encodeURI(\n        address,\n    )}`;\n}\n\nconst GoogleMap: React.FC<GMapProps> = (props) => {\n    const {address, zoom, className} = props;\n    const {apiKey, scriptSrc} = React.useContext(MapsContext);\n    const {lang = Lang.Ru} = React.useContext(LocaleContext);\n    const isMobile = React.useContext(MobileContext);\n\n    const [height, setHeight] = React.useState<number | undefined>(undefined);\n    const ref = React.useRef<HTMLIFrameElement>(null);\n    const src = React.useMemo(\n        () => getScriptSrc({apiKey, scriptSrc, address, lang, zoom}),\n        [apiKey, scriptSrc, address, lang, zoom],\n    );\n\n    React.useEffect(() => {\n        const updateSize = debounce(() => {\n            if (ref.current) {\n                setHeight(Math.round(getMapHeight(ref.current.offsetWidth, isMobile)));\n            }\n        }, 100);\n\n        updateSize();\n        window.addEventListener('resize', updateSize, {passive: true});\n\n        return () => {\n            window.removeEventListener('resize', updateSize);\n        };\n    }, [isMobile]);\n\n    if (!apiKey || !address) {\n        return null;\n    }\n\n    return (\n        <iframe\n            className={b(null, className)}\n            ref={ref}\n            style={{\n                height,\n            }}\n            title=\"Google Map\"\n            loading=\"lazy\"\n            allowFullScreen\n            referrerPolicy=\"no-referrer-when-downgrade\"\n            src={src}\n        />\n    );\n};\n\nexport default GoogleMap;\n"]}

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

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

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

@@ -1,17 +1,23 @@
-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);
+"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);
     switch (type) {
-        case MapType.Yandex:
-            return _jsx(YandexMap, Object.assign({}, props));
-        case MapType.Google:
-            return _jsx(GoogleMap, Object.assign({}, props));
+        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));
         default:
             return null;
     }
 };
-export default Map;
+exports.Map = Map;
+exports.default = exports.Map;
+//# sourceMappingURL=Map.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Map.js","sourceRoot":"../../../../src","sources":["components/Map/Map.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,0EAA2E;AAG3E,uEAAoC;AACpC,4EAAyC;AAIlC,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IACnC,MAAM,EAAC,IAAI,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAW,CAAC,CAAC;IAE7C,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,qBAAO,CAAC,MAAM;YACf,OAAO,uBAAC,mBAAS,oBAAM,KAAmB,EAAI,CAAC;QACnD,KAAK,qBAAO,CAAC,MAAM;YACf,OAAO,uBAAC,mBAAS,oBAAM,KAAmB,EAAI,CAAC;QACnD;YACI,OAAO,IAAI,CAAC;IACpB,CAAC;AACL,CAAC,CAAC;AAXW,QAAA,GAAG,OAWd;AAEF,kBAAe,WAAG,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MapType, MapsContext} from '../../context/mapsContext/mapsContext';\nimport {GMapProps, MapProps, YMapProps} from '../../models';\n\nimport GoogleMap from './GoogleMap';\nimport YandexMap from './YMap/YandexMap';\n\nimport './Map.scss';\n\nexport const Map = (props: MapProps) => {\n    const {type} = React.useContext(MapsContext);\n\n    switch (type) {\n        case MapType.Yandex:\n            return <YandexMap {...(props as YMapProps)} />;\n        case MapType.Google:\n            return <GoogleMap {...(props as GMapProps)} />;\n        default:\n            return null;\n    }\n};\n\nexport default Map;\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"YMap.js","sourceRoot":"../../../../../src","sources":["components/Map/YMap/YMap.ts"],"names":[],"mappings":"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","sourcesContent":["import {YMapMarker, YMapMarkerLabel, YMapProps} from '../../../models';\nimport {Coordinate} from '../../../models/constructor-items/common';\n\nenum GeoObjectTypes {\n    Properties = 'properties',\n    Options = 'options',\n}\n\nconst DEFAULT_PLACEMARKS_COLOR = '#dc534b';\n// presetStorage: https://yandex.com/dev/maps/jsapi/doc/2.1/ref/reference/option.presetStorage.html\nconst DEFAULT_PLACEMARKS_PRESET = 'islands#dotIcon';\nconst DEFAULT_MAP_CONTROL_BUTTON_HEIGHT = 30;\n\nconst geoObjectPropsAndOptions = {\n    iconCaption: GeoObjectTypes.Properties,\n    iconContent: GeoObjectTypes.Properties,\n    iconColor: GeoObjectTypes.Options,\n    preset: GeoObjectTypes.Options,\n};\n\ntype PlacemarksProps = Pick<YMapProps, 'zoom' | 'markers'>;\n\nexport class YMap {\n    private ymap: Ymaps.Map;\n    private mapRef: HTMLDivElement | null;\n    private coords: Coordinate[] = [];\n\n    constructor(ymap: Ymaps.Map, mapRef: HTMLDivElement | null) {\n        this.ymap = ymap;\n        this.mapRef = mapRef;\n    }\n\n    async showPlacemarks(props: PlacemarksProps) {\n        this.clearOldPlacemarks();\n\n        for (const marker of props.markers) {\n            if (marker.address) {\n                await this.findAddress(marker);\n            } else if (marker.coordinate) {\n                this.findCoordinate(marker);\n            }\n        }\n\n        this.recalcZoomAndCenter(props);\n    }\n\n    async findAddress(marker: YMapMarker) {\n        try {\n            const res = await window.ymaps.geocode(marker.address, {results: 1});\n            const geoObject = res.geoObjects.get(0);\n            const coordinate = geoObject.geometry.getCoordinates();\n\n            this.coords.push(coordinate);\n\n            this.drawPlaceMarkStyle(geoObject, marker);\n\n            this.ymap.geoObjects.add(geoObject);\n        } catch {} // If error - placemark will not be displayed\n    }\n\n    findCoordinate(marker: YMapMarker) {\n        const geoObject = new window.ymaps.Placemark(marker.coordinate, {});\n\n        this.coords.push(marker.coordinate as Coordinate);\n        this.drawPlaceMarkStyle(geoObject, marker);\n        this.ymap.geoObjects.add(geoObject);\n    }\n\n    private drawPlaceMarkStyle(geoObject: Ymaps.GeoObject, marker: YMapMarker) {\n        const {iconColor, preset = DEFAULT_PLACEMARKS_PRESET} = marker.label || {};\n        let localIconColor: string | undefined = iconColor;\n\n        // You can set the preset option together with the iconColor option only if it not a 'Stretchy' preset\n        if (!preset.includes('Stretchy') && !iconColor) {\n            localIconColor = DEFAULT_PLACEMARKS_COLOR;\n        }\n\n        Object.entries({...marker.label, iconColor: localIconColor, preset}).forEach(\n            ([key, value]) => {\n                const geoObjectParamType: GeoObjectTypes | undefined =\n                    geoObjectPropsAndOptions[key as keyof YMapMarkerLabel];\n\n                if (value && geoObjectParamType) {\n                    geoObject[geoObjectParamType].set(key, value);\n                }\n            },\n        );\n    }\n\n    private recalcZoomAndCenter(props: PlacemarksProps) {\n        const coordsLength = this.coords.length;\n        const {zoom = 0} = props;\n\n        if (!coordsLength) {\n            return;\n        }\n\n        let leftBottom = [Infinity, Infinity],\n            rightTop = [-Infinity, -Infinity];\n\n        this.coords.forEach((point) => {\n            leftBottom = [Math.min(leftBottom[0], point[0]), Math.min(leftBottom[1], point[1])];\n            rightTop = [Math.max(rightTop[0], point[0]), Math.max(rightTop[1], point[1])];\n        });\n\n        let newMapParams = {\n            zoom,\n            center: [],\n        };\n\n        if (zoom) {\n            // compute only the center\n            newMapParams.center = window.ymaps.util.bounds.getCenter([leftBottom, rightTop]);\n        } else {\n            newMapParams = window.ymaps.util.bounds.getCenterAndZoom(\n                [leftBottom, rightTop],\n                [this.mapRef?.clientWidth, this.mapRef?.clientHeight],\n                undefined,\n                {margin: DEFAULT_MAP_CONTROL_BUTTON_HEIGHT},\n            );\n        }\n\n        this.ymap.setCenter(newMapParams.center);\n\n        // Use default zoom for one placemark\n        if (coordsLength > 1 && !zoom) {\n            this.ymap.setZoom(newMapParams.zoom);\n        }\n    }\n\n    private clearOldPlacemarks() {\n        if (this.coords.length === 0) {\n            return;\n        }\n\n        this.ymap.geoObjects.removeAll();\n        this.coords = [];\n    }\n}\n"]}

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

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

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

@@ -1,17 +1,20 @@
-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');
+"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.js"));
+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');
 const DEFAULT_CONTAINER_ID = 'ymap';
 const DEFAULT_ZOOM = 9;
 // Center - is a required parameter for creating a new map
@@ -20,9 +23,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);
-    const isMobile = React.useContext(MobileContext);
-    const { lang = 'ru' } = React.useContext(LocaleContext);
+    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 containerId = `${DEFAULT_CONTAINER_ID}-${id}`;
     const [ymap, setYmaps] = React.useState(null);
     const [height, setHeight] = React.useState(undefined);
@@ -37,9 +40,9 @@ const YandexMap = (props) => {
         (async function () {
             var _a;
             setLoading(true);
-            await YMapsApiLoader.loadApi(apiKey, scriptSrc, lang, nonce);
+            await YandexMapApiLoader_1.YMapsApiLoader.loadApi(apiKey, scriptSrc, lang, nonce);
             (_a = window.ymaps) === null || _a === void 0 ? void 0 : _a.ready(() => {
-                setYmaps(new YMap(new window.ymaps.Map(containerId, {
+                setYmaps(new YMap_1.YMap(new window.ymaps.Map(containerId, {
                     center: INITIAL_CENTER,
                     zoom: zoom || DEFAULT_ZOOM,
                 }, { autoFitToViewport: 'always' }), ref.current));
@@ -48,9 +51,9 @@ const YandexMap = (props) => {
         })();
     }, [apiKey, lang, scriptSrc, containerId, zoom, nonce, attemptsIndex, setLoading]);
     React.useEffect(() => {
-        const updateSize = debounce(() => {
+        const updateSize = (0, debounce_1.default)(() => {
             if (ref.current) {
-                setHeight(Math.round(getMapHeight(ref.current.offsetWidth, isMobile)));
+                setHeight(Math.round((0, helpers_1.getMapHeight)(ref.current.offsetWidth, isMobile)));
             }
         }, 100);
         updateSize();
@@ -71,6 +74,7 @@ const YandexMap = (props) => {
     });
     if (!markers)
         return 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] }) }));
+    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] }) }));
 };
-export default YandexMap;
+exports.default = YandexMap;
+//# sourceMappingURL=YandexMap.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"YandexMap.js","sourceRoot":"../../../../../src","sources":["components/Map/YMap/YandexMap.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Spin} from '@gravity-ui/uikit';\nimport debounce from 'lodash/debounce';\n\nimport {LocaleContext} from '../../../context/localeContext/localeContext';\nimport {MapsContext} from '../../../context/mapsContext/mapsContext';\nimport {MobileContext} from '../../../context/mobileContext';\nimport {YMapProps} from '../../../models';\nimport {block} from '../../../utils';\nimport ErrorWrapper from '../../ErrorWrapper/ErrorWrapper';\nimport {getMapHeight} from '../helpers';\n\nimport {YMap} from './YMap';\nimport {MapApiStatus, YMapsApiLoader} from './YandexMapApiLoader';\nimport {i18n} from './i18n';\n\nconst b = block('map');\nconst DEFAULT_CONTAINER_ID = 'ymap';\nconst DEFAULT_ZOOM = 9;\n// Center - is a required parameter for creating a new map\n// We use this init center to create a map\n// The real center of the map will be calculated later, using the coordinates of the markers\nconst INITIAL_CENTER = [0, 0];\n\nconst YandexMap: React.FC<YMapProps> = (props) => {\n    const {markers, zoom, id, className} = props;\n    const {apiKey, scriptSrc, nonce} = React.useContext(MapsContext);\n    const isMobile = React.useContext(MobileContext);\n\n    const {lang = 'ru'} = React.useContext(LocaleContext);\n    const containerId = `${DEFAULT_CONTAINER_ID}-${id}`;\n\n    const [ymap, setYmaps] = React.useState<YMap | null>(null);\n    const [height, setHeight] = React.useState<number | undefined>(undefined);\n    const ref = React.useRef<HTMLDivElement>(null);\n\n    const [loading, setLoading] = React.useState<boolean>(false);\n    const [ready, setReady] = React.useState<boolean>(false);\n    const [attemptsIndex, setAttemptsIndex] = React.useState<number>(0);\n    const onTryAgain = React.useCallback(() => {\n        setAttemptsIndex(attemptsIndex + 1);\n    }, [attemptsIndex]);\n\n    React.useEffect(() => {\n        (async function () {\n            setLoading(true);\n\n            await YMapsApiLoader.loadApi(apiKey, scriptSrc, lang, nonce);\n\n            window.ymaps?.ready(() => {\n                setYmaps(\n                    new YMap(\n                        new window.ymaps.Map(\n                            containerId,\n                            {\n                                center: INITIAL_CENTER,\n                                zoom: zoom || DEFAULT_ZOOM,\n                            },\n                            {autoFitToViewport: 'always'},\n                        ),\n                        ref.current,\n                    ),\n                );\n            });\n\n            setLoading(false);\n        })();\n    }, [apiKey, lang, scriptSrc, containerId, zoom, nonce, attemptsIndex, setLoading]);\n\n    React.useEffect(() => {\n        const updateSize = debounce(() => {\n            if (ref.current) {\n                setHeight(Math.round(getMapHeight(ref.current.offsetWidth, isMobile)));\n            }\n        }, 100);\n\n        updateSize();\n        window.addEventListener('resize', updateSize, {passive: true});\n\n        return () => {\n            window.removeEventListener('resize', updateSize);\n        };\n    }, [markers, ymap, setYmaps, isMobile]);\n\n    React.useEffect(() => {\n        if (ymap) {\n            // show with computed center and placemarks\n            const showPlacemarks = async () => {\n                await ymap.showPlacemarks({markers, zoom});\n\n                setReady(true);\n            };\n\n            showPlacemarks();\n        }\n    });\n\n    if (!markers) return null;\n\n    return (\n        <ErrorWrapper\n            isError={YMapsApiLoader.status === MapApiStatus.Error}\n            text={i18n('map-load-error')}\n            buttonText={i18n('map-try-again')}\n            handler={onTryAgain}\n            className={b('wrapper')}\n        >\n            <div className={b('wrapper')}>\n                {/* hidden - to show the map after calculating the center */}\n                <div\n                    id={containerId}\n                    className={b({hidden: !ready}, className)}\n                    ref={ref}\n                    style={{height}}\n                />\n                {loading ? <Spin size=\"xl\" className={b('spinner')} /> : null}\n            </div>\n        </ErrorWrapper>\n    );\n};\n\nexport default YandexMap;\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"YandexMapApiLoader.js","sourceRoot":"../../../../../src","sources":["components/Map/YMap/YandexMapApiLoader.ts"],"names":[],"mappings":";;;AAAA,6EAAkE;AAClE,mDAA0C;AAE1C,IAAY,YAKX;AALD,WAAY,YAAY;IACpB,0CAA0B,CAAA;IAC1B,mCAAmB,CAAA;IACnB,iCAAiB,CAAA;IACjB,+BAAe,CAAA;AACnB,CAAC,EALW,YAAY,4BAAZ,YAAY,QAKvB;AAED,MAAM,SAAS,GAAG,cAAc,CAAC;AAEjC,MAAa,cAAc;IAIvB,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,MAAc,EAAE,SAAiB,EAAE,IAAiB,EAAE,KAAc;QACrF,IAAI,cAAc,CAAC,MAAM,KAAK,YAAY,CAAC,MAAM,EAAE,CAAC;YAChD,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;QAC7B,CAAC;QAED,IAAI,cAAc,CAAC,MAAM,KAAK,YAAY,CAAC,OAAO,EAAE,CAAC;YACjD,MAAM,cAAc,CAAC,MAAM,CAAC;YAE5B,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;QAC7B,CAAC;QAED,cAAc,CAAC,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC;QAE7C,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,oBAAoB,KAAK,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC;QAC7D,MAAM,GAAG,GAAG,GAAG,SAAS,WAAW,MAAM,SAAS,sBAAQ,CAAC,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QAE1E,cAAc,CAAC,MAAM,GAAG,IAAA,kBAAU,EAAC,GAAG,EAAE,EAAC,EAAE,EAAE,SAAS,EAAC,CAAC;aACnD,IAAI,CAAC,GAAG,EAAE;YACP,cAAc,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC;QAChD,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE;YACR,cAAc,CAAC,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEP,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;;AA7BL,wCA8BC;AA7BU,qBAAM,GAAG,YAAY,CAAC,UAAU,CAAC","sourcesContent":["import {Maplangs} from '../../../context/mapsContext/mapsContext';\nimport {loadScript} from '../../../utils';\n\nexport enum MapApiStatus {\n    NotStarted = 'not_started',\n    Loading = 'loading',\n    Loaded = 'loaded',\n    Error = 'error',\n}\n\nconst SCRIPT_ID = 'ymaps-script';\n\nexport class YMapsApiLoader {\n    static status = MapApiStatus.NotStarted;\n    static loader: Promise<unknown>;\n\n    static async loadApi(apiKey: string, scriptSrc: string, lang: 'ru' | 'en', nonce?: string) {\n        if (YMapsApiLoader.status === MapApiStatus.Loaded) {\n            return Promise.resolve();\n        }\n\n        if (YMapsApiLoader.status === MapApiStatus.Loading) {\n            await YMapsApiLoader.loader;\n\n            return Promise.resolve();\n        }\n\n        YMapsApiLoader.status = MapApiStatus.Loading;\n\n        const csp = nonce ? `csp[style_nonce]=${nonce}` : 'csp=true';\n        const src = `${scriptSrc}?apikey=${apiKey}&lang=${Maplangs[lang]}&${csp}`;\n\n        YMapsApiLoader.loader = loadScript(src, {id: SCRIPT_ID})\n            .then(() => {\n                YMapsApiLoader.status = MapApiStatus.Loaded;\n            })\n            .catch(() => {\n                YMapsApiLoader.status = MapApiStatus.Error;\n            });\n\n        return this.loader;\n    }\n}\n"]}

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

@@ -1,5 +1,10 @@
-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`);
+"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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["components/Map/YMap/i18n/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA2D;AAE3D,gDAA+C;AAE/C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,KAAK,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}Map`);\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"../../../../src","sources":["components/Map/helpers.ts"],"names":[],"mappings":";;AAAA,oCAEC;AAFD,SAAgB,YAAY,CAAC,KAAa,EAAE,QAAiB;IACzD,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;AACzD,CAAC","sourcesContent":["export function getMapHeight(width: number, isMobile: boolean): number {\n    return isMobile ? (width / 4) * 3 : (width / 16) * 9;\n}\n"]}

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

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

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

@@ -1,14 +1,18 @@
-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');
+"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');
 const DataLens = (props) => {
     const { dataLens } = props;
-    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;
+    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;
 };
-export default DataLens;
+exports.default = DataLens;
+//# sourceMappingURL=DataLens.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataLens.js","sourceRoot":"../../../../../src","sources":["components/Media/DataLens/DataLens.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,2EAA6D;AAE7D,mDAAqC;AAErC,0CAA4B;AAC5B,sCAA8C;AAI9C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,2BAA2B,CAAC,CAAC;AAE7C,MAAM,QAAQ,GAAG,CAAC,KAAkC,EAAE,EAAE;IACpD,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC;IACzB,MAAM,YAAY,GAAG,IAAA,6BAAqB,EAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAE/C,OAAO,QAAQ,CAAC,CAAC,CAAC,CACd,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,mCACI,GAAG,EAAE,2BAA2B,YAAY,CAAC,EAAE,uBAAuB,YAAY,CAAC,KAAK,UAAU,MAAM,CAAC,IAAI,EAAE,EAC/G,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,IAAA,WAAI,EAAC,cAAc,CAAC,EAC3B,WAAW,EAAE,CAAC,GAChB,GACA,CACT,CAAC,CAAC,CAAC,IAAI,CAAC;AACb,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {LocaleContext} from '../../../context/localeContext';\nimport {MediaComponentDataLensProps} from '../../../models';\nimport {block} from '../../../utils';\n\nimport {i18n} from './i18n';\nimport {unifyDataLensToObject} from './utils';\n\nimport './DataLens.scss';\n\nconst b = block('media-component-data-lens');\n\nconst DataLens = (props: MediaComponentDataLensProps) => {\n    const {dataLens} = props;\n    const dataLensData = unifyDataLensToObject(dataLens);\n    const locale = React.useContext(LocaleContext);\n\n    return dataLens ? (\n        <div className={b('wrap')}>\n            <iframe\n                src={`https://datalens.yandex/${dataLensData.id}?_embedded=1&_theme=${dataLensData.theme}&_lang=${locale.lang}`}\n                className={b('iframe')}\n                loading=\"lazy\"\n                title={i18n('iframe-title')}\n                frameBorder={0}\n            />\n        </div>\n    ) : null;\n};\n\nexport default DataLens;\n"]}

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

@@ -1,5 +1,10 @@
-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`);
+"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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["components/Media/DataLens/i18n/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA2D;AAE3D,gDAA+C;AAE/C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,UAAU,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}DataLens`);\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["components/Media/DataLens/utils.ts"],"names":[],"mappings":";;AAEA,sDAEC;AAFD,SAAgB,qBAAqB,CAAC,QAAuB;IACzD,OAAO,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAC,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;AACpF,CAAC","sourcesContent":["import {DataLensObjectProps, DataLensProps} from '../../../models';\n\nexport function unifyDataLensToObject(dataLens: DataLensProps): DataLensObjectProps {\n    return typeof dataLens === 'string' ? {id: dataLens, theme: 'light'} : dataLens;\n}\n"]}

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

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

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

@@ -1,7 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import FullscreenMedia from '../../FullscreenMedia/FullscreenMedia';
-import Video from '../Video/Video';
+"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"));
 const FullscreenVideo = (props) => {
-    return (_jsx(FullscreenMedia, { children: (classNames) => _jsx(Video, Object.assign({}, props, classNames)) }));
+    return ((0, jsx_runtime_1.jsx)(FullscreenMedia_1.default, { children: (classNames) => (0, jsx_runtime_1.jsx)(Video_1.default, Object.assign({}, props, classNames)) }));
 };
-export default FullscreenVideo;
+exports.default = FullscreenVideo;
+//# sourceMappingURL=FullscreenVideo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenVideo.js","sourceRoot":"../../../../../src","sources":["components/Media/FullscreenVideo/FullscreenVideo.tsx"],"names":[],"mappings":";;;;AAEA,uGAAoE;AACpE,sEAAoD;AAEpD,MAAM,eAAe,GAA4B,CAAC,KAAK,EAAE,EAAE;IACvD,OAAO,CACH,uBAAC,yBAAe,cAAE,CAAC,UAAU,EAAE,EAAE,CAAC,uBAAC,eAAK,oBAAK,KAAK,EAAM,UAAU,EAAI,GAAmB,CAC5F,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport FullscreenMedia from '../../FullscreenMedia/FullscreenMedia';\nimport Video, {VideoAllProps} from '../Video/Video';\n\nconst FullscreenVideo: React.FC<VideoAllProps> = (props) => {\n    return (\n        <FullscreenMedia>{(classNames) => <Video {...props} {...classNames} />}</FullscreenMedia>\n    );\n};\n\nexport default FullscreenVideo;\n"]}

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

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

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

@@ -1,10 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { block } from '../../../utils';
-import { i18n } from './i18n';
-const b = block('media-component-iframe');
+"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');
 const Iframe = (props) => {
     const { iframe, margins = true } = props;
     const { height = 400, src, width, name, title } = iframe;
-    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;
+    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;
 };
-export default Iframe;
+exports.default = Iframe;
+//# sourceMappingURL=Iframe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Iframe.js","sourceRoot":"../../../../../src","sources":["components/Media/Iframe/Iframe.tsx"],"names":[],"mappings":";;;AACA,mDAAqC;AAErC,0CAA4B;AAI5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,wBAAwB,CAAC,CAAC;AAE1C,MAAM,MAAM,GAAG,CAAC,KAAgC,EAAE,EAAE;IAChD,MAAM,EAAC,MAAM,EAAE,OAAO,GAAG,IAAI,EAAC,GAAG,KAAK,CAAC;IACvC,MAAM,EAAC,MAAM,GAAG,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,GAAG,MAAM,CAAC;IAEvD,OAAO,MAAM,CAAC,CAAC,CAAC,CACZ,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,OAAO,EAAC,CAAC,EAAE,KAAK,EAAE,EAAC,MAAM,EAAC,YACzC,mCACI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,KAAK,IAAI,IAAA,WAAI,EAAC,cAAc,CAAC,EACpC,WAAW,EAAE,CAAC,EACd,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,GACZ,GACA,CACT,CAAC,CAAC,CAAC,IAAI,CAAC;AACb,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC","sourcesContent":["import {MediaComponentIframeProps} from '../../../models';\nimport {block} from '../../../utils';\n\nimport {i18n} from './i18n';\n\nimport './Iframe.scss';\n\nconst b = block('media-component-iframe');\n\nconst Iframe = (props: MediaComponentIframeProps) => {\n    const {iframe, margins = true} = props;\n    const {height = 400, src, width, name, title} = iframe;\n\n    return iframe ? (\n        <div className={b({margins})} style={{height}}>\n            <iframe\n                className={b('item')}\n                loading=\"lazy\"\n                title={title || i18n('iframe-title')}\n                frameBorder={0}\n                src={src}\n                width={width}\n                height={height}\n                name={name}\n            />\n        </div>\n    ) : null;\n};\n\nexport default Iframe;\n"]}

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

@@ -1,5 +1,10 @@
-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`);
+"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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["components/Media/Iframe/i18n/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA2D;AAE3D,gDAA+C;AAE/C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,QAAQ,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}Iframe`);\n"]}

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

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

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

@@ -1,32 +1,36 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { animated, config, useSpring } from '@react-spring/web';
-import debounce from 'lodash/debounce';
-import SliderBlock from '../../../blocks/Slider/Slider';
-import { SliderType } from '../../../models';
-import { block, getQaAttrubutes } from '../../../utils';
-import BackgroundImage from '../../BackgroundImage/BackgroundImage';
-import FullscreenImage from '../../FullscreenImage/FullscreenImage';
-import ImageView from '../../Image/Image';
-import { getMediaImage } from './utils';
-const b = block('media-component-image');
-export const defaultAnimatedDivQa = 'animated-div';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultAnimatedDivQa = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const web_1 = require("@react-spring/web");
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce.js"));
+const Slider_1 = tslib_1.__importDefault(require("../../../blocks/Slider/Slider.js"));
+const models_1 = require("../../../models/index.js");
+const utils_1 = require("../../../utils/index.js");
+const BackgroundImage_1 = tslib_1.__importDefault(require("../../BackgroundImage/BackgroundImage.js"));
+const FullscreenImage_1 = tslib_1.__importDefault(require("../../FullscreenImage/FullscreenImage.js"));
+const Image_1 = tslib_1.__importDefault(require("../../Image/Image.js"));
+const utils_2 = require("./utils.js");
+const b = (0, utils_1.block)('media-component-image');
+exports.defaultAnimatedDivQa = 'animated-div';
 const Image = (props) => {
     const { parallax, height, imageClassName, isBackground, hasVideoFallback, video, fullscreen, disableImageSliderForArrayInput, qa, onLoad, } = props;
     const image = Array.isArray(props.image) && disableImageSliderForArrayInput
         ? props.image[0]
         : props.image;
-    const qaAttributes = getQaAttrubutes(qa, 'fullscreen-image', 'animate', 'background-image', 'image-view', 'slider-block');
+    const qaAttributes = (0, utils_1.getQaAttrubutes)(qa, 'fullscreen-image', 'animate', 'background-image', 'image-view', 'slider-block');
     const [scrollY, setScrollY] = React.useState(0);
-    const [{ springScrollY }, springSetScrollY] = useSpring(() => ({
+    const [{ springScrollY }, springSetScrollY] = (0, web_1.useSpring)(() => ({
         springScrollY: 0,
-        config: config.molasses,
+        config: web_1.config.molasses,
     }));
     let parallaxInterpolate = '';
     React.useEffect(() => {
         if (parallax) {
             const handleScroll = () => setScrollY(window.scrollY);
-            const debouncedHandler = debounce(handleScroll, 5);
+            const debouncedHandler = (0, debounce_1.default)(handleScroll, 5);
             window.addEventListener('scroll', debouncedHandler, { passive: true });
             return () => window.removeEventListener('scroll', debouncedHandler);
         }
@@ -39,20 +43,20 @@ const Image = (props) => {
     }
     const imageClass = b('item', { withVideo: Boolean(video) && !hasVideoFallback }, imageClassName);
     const renderFullscreenImage = (item) => {
-        const itemData = getMediaImage(item);
-        return (_jsx(FullscreenImage, Object.assign({}, itemData, { imageClassName: imageClass, imageStyle: { height }, qa: qaAttributes.fullscreenImage }), itemData.alt));
+        const itemData = (0, utils_2.getMediaImage)(item);
+        return ((0, jsx_runtime_1.jsx)(FullscreenImage_1.default, Object.assign({}, itemData, { imageClassName: imageClass, imageStyle: { height }, qa: qaAttributes.fullscreenImage }), itemData.alt));
     };
     const imageBackground = (oneImage) => {
-        const imageData = getMediaImage(oneImage);
-        return (_jsx(animated.div, { style: { transform: parallaxInterpolate }, "data-qa": qaAttributes.animate, children: _jsx(BackgroundImage, Object.assign({}, imageData, { className: imageClass, style: { height }, qa: qaAttributes.backgroundImage })) }));
+        const imageData = (0, utils_2.getMediaImage)(oneImage);
+        return ((0, jsx_runtime_1.jsx)(web_1.animated.div, { style: { transform: parallaxInterpolate }, "data-qa": qaAttributes.animate, children: (0, jsx_runtime_1.jsx)(BackgroundImage_1.default, Object.assign({}, imageData, { className: imageClass, style: { height }, qa: qaAttributes.backgroundImage })) }));
     };
     const imageOnly = (oneImage) => {
-        const imageData = getMediaImage(oneImage);
-        return (_jsx(ImageView, Object.assign({}, imageData, { className: imageClass, style: { height }, qa: qaAttributes.imageView, onLoad: onLoad })));
+        const imageData = (0, utils_2.getMediaImage)(oneImage);
+        return ((0, jsx_runtime_1.jsx)(Image_1.default, Object.assign({}, imageData, { className: imageClass, style: { height }, qa: qaAttributes.imageView, onLoad: onLoad })));
     };
     const imageSlider = (imageArray) => {
         const fullscreenItem = fullscreen === undefined || fullscreen;
-        return (_jsx(SliderBlock, { slidesToShow: 1, type: SliderType.MediaCard, children: imageArray.map((item, index) => (_jsx(React.Fragment, { children: fullscreenItem ? renderFullscreenImage(item) : imageOnly(item) }, index))) }));
+        return ((0, jsx_runtime_1.jsx)(Slider_1.default, { slidesToShow: 1, type: models_1.SliderType.MediaCard, children: imageArray.map((item, index) => ((0, jsx_runtime_1.jsx)(React.Fragment, { children: fullscreenItem ? renderFullscreenImage(item) : imageOnly(item) }, index))) }));
     };
     if (Array.isArray(image)) {
         return imageSlider(image);
@@ -62,4 +66,5 @@ const Image = (props) => {
     }
     return isBackground ? imageBackground(image) : imageOnly(image);
 };
-export default Image;
+exports.default = Image;
+//# sourceMappingURL=Image.js.map