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

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

@@ -99,3 +99,4 @@ export class YMap {
         this.coords = [];
     }
 }
+//# sourceMappingURL=YMap.js.map

package/build/esm/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/esm/components/Map/YMap/YandexMap.d.ts

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

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

@@ -1,15 +1,16 @@
-import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
+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';
+import { LocaleContext } from "../../../context/localeContext/localeContext.js";
+import { MapsContext } from "../../../context/mapsContext/mapsContext.js";
+import { MobileContext } from "../../../context/mobileContext/index.js";
+import { block } from "../../../utils/index.js";
+import ErrorWrapper from "../../ErrorWrapper/ErrorWrapper.js";
+import { getMapHeight } from "../helpers.js";
+import { YMap } from "./YMap.js";
+import { MapApiStatus, YMapsApiLoader } from "./YandexMapApiLoader.js";
+import { i18n } from "./i18n/index.js";
 const b = block('map');
 const DEFAULT_CONTAINER_ID = 'ymap';
 const DEFAULT_ZOOM = 9;
@@ -19,20 +20,20 @@ const DEFAULT_ZOOM = 9;
 const INITIAL_CENTER = [0, 0];
 const YandexMap = (props) => {
     const { markers, zoom, id, className } = props;
-    const { apiKey, scriptSrc, nonce } = useContext(MapsContext);
-    const isMobile = useContext(MobileContext);
-    const { lang = 'ru' } = useContext(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] = useState(null);
-    const [height, setHeight] = useState(undefined);
-    const ref = useRef(null);
-    const [loading, setLoading] = useState(false);
-    const [ready, setReady] = useState(false);
-    const [attemptsIndex, setAttemptsIndex] = useState(0);
-    const onTryAgain = useCallback(() => {
+    const [ymap, setYmaps] = React.useState(null);
+    const [height, setHeight] = React.useState(undefined);
+    const ref = React.useRef(null);
+    const [loading, setLoading] = React.useState(false);
+    const [ready, setReady] = React.useState(false);
+    const [attemptsIndex, setAttemptsIndex] = React.useState(0);
+    const onTryAgain = React.useCallback(() => {
         setAttemptsIndex(attemptsIndex + 1);
     }, [attemptsIndex]);
-    useEffect(() => {
+    React.useEffect(() => {
         (async function () {
             var _a;
             setLoading(true);
@@ -46,7 +47,7 @@ const YandexMap = (props) => {
             setLoading(false);
         })();
     }, [apiKey, lang, scriptSrc, containerId, zoom, nonce, attemptsIndex, setLoading]);
-    useEffect(() => {
+    React.useEffect(() => {
         const updateSize = debounce(() => {
             if (ref.current) {
                 setHeight(Math.round(getMapHeight(ref.current.offsetWidth, isMobile)));
@@ -58,7 +59,7 @@ const YandexMap = (props) => {
             window.removeEventListener('resize', updateSize);
         };
     }, [markers, ymap, setYmaps, isMobile]);
-    useEffect(() => {
+    React.useEffect(() => {
         if (ymap) {
             // show with computed center and placemarks
             const showPlacemarks = async () => {
@@ -70,9 +71,7 @@ const YandexMap = (props) => {
     });
     if (!markers)
         return null;
-    return (React.createElement(ErrorWrapper, { isError: YMapsApiLoader.status === MapApiStatus.Error, text: i18n('map-load-error'), buttonText: i18n('map-try-again'), handler: onTryAgain, className: b('wrapper') },
-        React.createElement("div", { className: b('wrapper') },
-            React.createElement("div", { id: containerId, className: b({ hidden: !ready }, className), ref: ref, style: { height } }),
-            loading ? React.createElement(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] }) }));
 };
 export default YandexMap;
+//# sourceMappingURL=YandexMap.js.map

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

@@ -1,5 +1,5 @@
-import { Maplangs } from '../../../context/mapsContext/mapsContext';
-import { loadScript } from '../../../utils';
+import { Maplangs } from "../../../context/mapsContext/mapsContext.js";
+import { loadScript } from "../../../utils/index.js";
 export var MapApiStatus;
 (function (MapApiStatus) {
     MapApiStatus["NotStarted"] = "not_started";
@@ -31,3 +31,4 @@ export class YMapsApiLoader {
     }
 }
 YMapsApiLoader.status = MapApiStatus.NotStarted;
+//# sourceMappingURL=YandexMapApiLoader.js.map

package/build/esm/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,OAAO,EAAC,QAAQ,EAAC,oDAAiD;AAClE,OAAO,EAAC,UAAU,EAAC,gCAAuB;AAE1C,MAAM,CAAN,IAAY,YAKX;AALD,WAAY,YAAY;IACpB,0CAA0B,CAAA;IAC1B,mCAAmB,CAAA;IACnB,iCAAiB,CAAA;IACjB,+BAAe,CAAA;AACnB,CAAC,EALW,YAAY,KAAZ,YAAY,QAKvB;AAED,MAAM,SAAS,GAAG,cAAc,CAAC;AAEjC,MAAM,OAAO,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,QAAQ,CAAC,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QAE1E,cAAc,CAAC,MAAM,GAAG,UAAU,CAAC,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;;AA5BM,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/esm/components/Map/YMap/i18n/index.d.ts

@@ -1 +1,5 @@
-export declare const i18n: (key: "map-load-error" | "map-try-again", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: ((key: "map-load-error" | "map-try-again", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "pc-Map": Record<"map-load-error" | "map-try-again", import("@gravity-ui/i18n").KeyData>;
+    };
+};

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

@@ -1,5 +1,6 @@
 import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from '../../../../utils/cn';
-import en from './en.json';
-import ru from './ru.json';
+import { NAMESPACE } from "../../../../utils/cn.js";
+import en from "./en.json";
+import ru from "./ru.json";
 export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}Map`);
+//# sourceMappingURL=index.js.map

package/build/esm/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,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAC,SAAS,EAAC,gCAA6B;AAE/C,OAAO,EAAE,kBAAkB;AAC3B,OAAO,EAAE,kBAAkB;AAE3B,MAAM,CAAC,MAAM,IAAI,GAAG,mBAAmB,CAAC,EAAC,EAAE,EAAE,EAAE,EAAC,EAAE,GAAG,SAAS,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/esm/components/Map/helpers.js

@@ -1,3 +1,4 @@
 export function getMapHeight(width, isMobile) {
     return isMobile ? (width / 4) * 3 : (width / 16) * 9;
 }
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"../../../../src","sources":["components/Map/helpers.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,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/esm/components/Media/DataLens/DataLens.d.ts

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

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

@@ -1,15 +1,16 @@
-import React, { useContext } from 'react';
-import { LocaleContext } from '../../../context/localeContext';
-import { block } from '../../../utils';
-import { i18n } from './i18n';
-import { unifyDataLensToObject } from './utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { LocaleContext } from "../../../context/localeContext/index.js";
+import { block } from "../../../utils/index.js";
+import { i18n } from "./i18n/index.js";
+import { unifyDataLensToObject } from "./utils.js";
 import './DataLens.css';
 const b = block('media-component-data-lens');
 const DataLens = (props) => {
     const { dataLens } = props;
     const dataLensData = unifyDataLensToObject(dataLens);
-    const locale = useContext(LocaleContext);
-    return dataLens ? (React.createElement("div", { className: b('wrap') },
-        React.createElement("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 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;
 };
 export default DataLens;
+//# sourceMappingURL=DataLens.js.map

package/build/esm/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,aAAa,EAAC,gDAAuC;AAE7D,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAErC,OAAO,EAAC,IAAI,EAAC,wBAAe;AAC5B,OAAO,EAAC,qBAAqB,EAAC,mBAAgB;AAE9C,OAAO,gBAAgB,CAAC;AAExB,MAAM,CAAC,GAAG,KAAK,CAAC,2BAA2B,CAAC,CAAC;AAE7C,MAAM,QAAQ,GAAG,CAAC,KAAkC,EAAE,EAAE;IACpD,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC;IACzB,MAAM,YAAY,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAE/C,OAAO,QAAQ,CAAC,CAAC,CAAC,CACd,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,iBACI,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,IAAI,CAAC,cAAc,CAAC,EAC3B,WAAW,EAAE,CAAC,GAChB,GACA,CACT,CAAC,CAAC,CAAC,IAAI,CAAC;AACb,CAAC,CAAC;AAEF,eAAe,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/esm/components/Media/DataLens/i18n/index.d.ts

@@ -1 +1,5 @@
-export declare const i18n: (key: "iframe-title", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: ((key: "iframe-title", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "pc-DataLens": Record<"iframe-title", import("@gravity-ui/i18n").KeyData>;
+    };
+};

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

@@ -1,5 +1,6 @@
 import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from '../../../../utils/cn';
-import en from './en.json';
-import ru from './ru.json';
+import { NAMESPACE } from "../../../../utils/cn.js";
+import en from "./en.json";
+import ru from "./ru.json";
 export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}DataLens`);
+//# sourceMappingURL=index.js.map

package/build/esm/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,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAC,SAAS,EAAC,gCAA6B;AAE/C,OAAO,EAAE,kBAAkB;AAC3B,OAAO,EAAE,kBAAkB;AAE3B,MAAM,CAAC,MAAM,IAAI,GAAG,mBAAmB,CAAC,EAAC,EAAE,EAAE,EAAE,EAAC,EAAE,GAAG,SAAS,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/esm/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/esm/components/Media/DataLens/utils.js

@@ -1,3 +1,4 @@
 export function unifyDataLensToObject(dataLens) {
     return typeof dataLens === 'string' ? { id: dataLens, theme: 'light' } : dataLens;
 }
+//# sourceMappingURL=utils.js.map

package/build/esm/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,MAAM,UAAU,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/esm/components/Media/FullscreenVideo/FullscreenVideo.d.ts

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

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

@@ -1,7 +1,8 @@
-import React from 'react';
-import FullscreenMedia from '../../FullscreenMedia/FullscreenMedia';
-import Video from '../Video/Video';
+import { jsx as _jsx } from "react/jsx-runtime";
+import FullscreenMedia from "../../FullscreenMedia/FullscreenMedia.js";
+import Video from "../Video/Video.js";
 const FullscreenVideo = (props) => {
-    return (React.createElement(FullscreenMedia, null, (classNames) => React.createElement(Video, Object.assign({}, props, classNames))));
+    return (_jsx(FullscreenMedia, { children: (classNames) => _jsx(Video, Object.assign({}, props, classNames)) }));
 };
 export default FullscreenVideo;
+//# sourceMappingURL=FullscreenVideo.js.map

package/build/esm/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,OAAO,eAAe,iDAA8C;AACpE,OAAO,KAAsB,0BAAuB;AAEpD,MAAM,eAAe,GAA4B,CAAC,KAAK,EAAE,EAAE;IACvD,OAAO,CACH,KAAC,eAAe,cAAE,CAAC,UAAU,EAAE,EAAE,CAAC,KAAC,KAAK,oBAAK,KAAK,EAAM,UAAU,EAAI,GAAmB,CAC5F,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,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/esm/components/Media/Iframe/Iframe.d.ts

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

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

@@ -1,12 +1,12 @@
-import React from 'react';
-import { block } from '../../../utils';
-import { i18n } from './i18n';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { block } from "../../../utils/index.js";
+import { i18n } from "./i18n/index.js";
 import './Iframe.css';
 const b = block('media-component-iframe');
 const Iframe = (props) => {
     const { iframe, margins = true } = props;
     const { height = 400, src, width, name, title } = iframe;
-    return iframe ? (React.createElement("div", { className: b({ margins }), style: { height } },
-        React.createElement("iframe", { className: b('item'), loading: "lazy", title: title || 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;
 };
 export default Iframe;
+//# sourceMappingURL=Iframe.js.map

package/build/esm/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,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAErC,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,KAAK,CAAC,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,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,OAAO,EAAC,CAAC,EAAE,KAAK,EAAE,EAAC,MAAM,EAAC,YACzC,iBACI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,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,eAAe,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/esm/components/Media/Iframe/i18n/index.d.ts

@@ -1 +1,5 @@
-export declare const i18n: (key: "iframe-title", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: ((key: "iframe-title", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "pc-Iframe": Record<"iframe-title", import("@gravity-ui/i18n").KeyData>;
+    };
+};

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

@@ -1,5 +1,6 @@
 import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from '../../../../utils/cn';
-import en from './en.json';
-import ru from './ru.json';
+import { NAMESPACE } from "../../../../utils/cn.js";
+import en from "./en.json";
+import ru from "./ru.json";
 export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}Iframe`);
+//# sourceMappingURL=index.js.map

package/build/esm/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,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAC,SAAS,EAAC,gCAA6B;AAE/C,OAAO,EAAE,kBAAkB;AAC3B,OAAO,EAAE,kBAAkB;AAE3B,MAAM,CAAC,MAAM,IAAI,GAAG,mBAAmB,CAAC,EAAC,EAAE,EAAE,EAAE,EAAC,EAAE,GAAG,SAAS,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/esm/components/Media/Image/Image.d.ts

@@ -1,10 +1,9 @@
-import { MediaComponentImageProps, QAProps } from '../../../models';
+import { MediaComponentImageProps, QAProps } from "../../../models/index.js";
 import './Image.css';
 export interface ImageAdditionProps {
     imageClassName?: string;
     isBackground?: boolean;
     fullscreen?: boolean;
-    fullscreenClassName?: string;
     onLoad?: () => void;
 }
 interface InnerImageProps {
@@ -12,5 +11,5 @@ interface InnerImageProps {
 }
 type ImageAllProps = ImageAdditionProps & MediaComponentImageProps & InnerImageProps & QAProps;
 export declare const defaultAnimatedDivQa = "animated-div";
-declare const Image: (props: ImageAllProps) => JSX.Element;
+declare const Image: (props: ImageAllProps) => import("react/jsx-runtime").JSX.Element;
 export default Image;

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

@@ -1,29 +1,30 @@
-import React, { Fragment, useEffect, useState } from 'react';
+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';
-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';
+import SliderBlock from "../../../blocks/Slider/Slider.js";
+import { SliderType } from "../../../models/index.js";
+import { block, getQaAttrubutes } from "../../../utils/index.js";
+import BackgroundImage from "../../BackgroundImage/BackgroundImage.js";
+import FullscreenImage from "../../FullscreenImage/FullscreenImage.js";
+import ImageView from "../../Image/Image.js";
+import { getMediaImage } from "./utils.js";
 import './Image.css';
 const b = block('media-component-image');
 export const defaultAnimatedDivQa = 'animated-div';
 const Image = (props) => {
-    const { parallax, height, imageClassName, fullscreenClassName, isBackground, hasVideoFallback, video, fullscreen, disableImageSliderForArrayInput, qa, onLoad, } = 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 [scrollY, setScrollY] = useState(0);
+    const [scrollY, setScrollY] = React.useState(0);
     const [{ springScrollY }, springSetScrollY] = useSpring(() => ({
         springScrollY: 0,
         config: config.molasses,
     }));
     let parallaxInterpolate = '';
-    useEffect(() => {
+    React.useEffect(() => {
         if (parallax) {
             const handleScroll = () => setScrollY(window.scrollY);
             const debouncedHandler = debounce(handleScroll, 5);
@@ -38,24 +39,21 @@ const Image = (props) => {
         parallaxInterpolate = springScrollY.to((value) => `translateY(-${Number(value) / parallaxLevel}px)`);
     }
     const imageClass = b('item', { withVideo: Boolean(video) && !hasVideoFallback }, imageClassName);
-    const renderFullscreenImage = (item, sliderData) => {
+    const renderFullscreenImage = (item) => {
         const itemData = getMediaImage(item);
-        return (React.createElement(FullscreenImage, Object.assign({ key: itemData.alt }, itemData, { imageClassName: imageClass, modalImageClass: fullscreenClassName, imageStyle: { height }, qa: qaAttributes.fullscreenImage, sliderData: sliderData })));
+        return (_jsx(FullscreenImage, Object.assign({}, itemData, { imageClassName: imageClass, imageStyle: { height }, qa: qaAttributes.fullscreenImage }), itemData.alt));
     };
     const imageBackground = (oneImage) => {
         const imageData = getMediaImage(oneImage);
-        return (React.createElement(animated.div, { style: { transform: parallaxInterpolate }, "data-qa": qaAttributes.animate },
-            React.createElement(BackgroundImage, Object.assign({}, imageData, { className: imageClass, style: { height }, qa: qaAttributes.backgroundImage }))));
+        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 imageOnly = (oneImage) => {
         const imageData = getMediaImage(oneImage);
-        return (React.createElement(ImageView, Object.assign({}, imageData, { className: imageClass, style: { height }, qa: qaAttributes.imageView, onLoad: onLoad })));
+        return (_jsx(ImageView, Object.assign({}, imageData, { className: imageClass, style: { height }, qa: qaAttributes.imageView, onLoad: onLoad })));
     };
     const imageSlider = (imageArray) => {
         const fullscreenItem = fullscreen === undefined || fullscreen;
-        return (React.createElement(SliderBlock, { slidesToShow: 1, type: SliderType.MediaCard }, imageArray.map((item, index) => (React.createElement(Fragment, { key: index }, fullscreenItem
-            ? renderFullscreenImage(item, { items: imageArray, initialIndex: index })
-            : imageOnly(item))))));
+        return (_jsx(SliderBlock, { slidesToShow: 1, type: SliderType.MediaCard, children: imageArray.map((item, index) => (_jsx(React.Fragment, { children: fullscreenItem ? renderFullscreenImage(item) : imageOnly(item) }, index))) }));
     };
     if (Array.isArray(image)) {
         return imageSlider(image);
@@ -66,3 +64,4 @@ const Image = (props) => {
     return isBackground ? imageBackground(image) : imageOnly(image);
 };
 export default Image;
+//# sourceMappingURL=Image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"../../../../../src","sources":["components/Media/Image/Image.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Interpolation, animated, config, useSpring} from '@react-spring/web';\nimport debounce from 'lodash/debounce';\n\nimport SliderBlock from '../../../blocks/Slider/Slider';\nimport {ImageProps, MediaComponentImageProps, QAProps, SliderType} from '../../../models';\nimport {block, getQaAttrubutes} from '../../../utils';\nimport BackgroundImage from '../../BackgroundImage/BackgroundImage';\nimport FullscreenImage from '../../FullscreenImage/FullscreenImage';\nimport ImageView from '../../Image/Image';\n\nimport {getMediaImage} from './utils';\n\nimport './Image.scss';\n\nconst b = block('media-component-image');\n\nexport interface ImageAdditionProps {\n    imageClassName?: string;\n    isBackground?: boolean;\n    fullscreen?: boolean;\n    onLoad?: () => void;\n}\n\ninterface InnerImageProps {\n    hasVideoFallback: boolean;\n}\n\ntype ImageAllProps = ImageAdditionProps & MediaComponentImageProps & InnerImageProps & QAProps;\n\nexport const defaultAnimatedDivQa = 'animated-div';\n\nconst Image = (props: ImageAllProps) => {\n    const {\n        parallax,\n        height,\n        imageClassName,\n        isBackground,\n        hasVideoFallback,\n        video,\n        fullscreen,\n        disableImageSliderForArrayInput,\n        qa,\n        onLoad,\n    } = props;\n    const image =\n        Array.isArray(props.image) && disableImageSliderForArrayInput\n            ? props.image[0]\n            : props.image;\n\n    const qaAttributes = getQaAttrubutes(\n        qa,\n        'fullscreen-image',\n        'animate',\n        'background-image',\n        'image-view',\n        'slider-block',\n    );\n    const [scrollY, setScrollY] = React.useState(0);\n    const [{springScrollY}, springSetScrollY] = useSpring(() => ({\n        springScrollY: 0,\n        config: config.molasses,\n    }));\n\n    let parallaxInterpolate: Interpolation<number, string> | string = '';\n\n    React.useEffect(() => {\n        if (parallax) {\n            const handleScroll = () => setScrollY(window.scrollY);\n            const debouncedHandler = debounce(handleScroll, 5);\n\n            window.addEventListener('scroll', debouncedHandler, {passive: true});\n            return () => window.removeEventListener('scroll', debouncedHandler);\n        }\n\n        return () => {};\n    });\n\n    if (parallax) {\n        const parallaxLevel = 2;\n        springSetScrollY.start({springScrollY: height && scrollY > height ? height : scrollY});\n        parallaxInterpolate = springScrollY.to(\n            (value) => `translateY(-${Number(value) / parallaxLevel}px)`,\n        );\n    }\n\n    const imageClass = b('item', {withVideo: Boolean(video) && !hasVideoFallback}, imageClassName);\n\n    const renderFullscreenImage = (item: ImageProps) => {\n        const itemData = getMediaImage(item);\n\n        return (\n            <FullscreenImage\n                key={itemData.alt}\n                {...itemData}\n                imageClassName={imageClass}\n                imageStyle={{height}}\n                qa={qaAttributes.fullscreenImage}\n            />\n        );\n    };\n\n    const imageBackground = (oneImage: ImageProps) => {\n        const imageData = getMediaImage(oneImage);\n        return (\n            <animated.div style={{transform: parallaxInterpolate}} data-qa={qaAttributes.animate}>\n                <BackgroundImage\n                    {...imageData}\n                    className={imageClass}\n                    style={{height}}\n                    qa={qaAttributes.backgroundImage}\n                />\n            </animated.div>\n        );\n    };\n\n    const imageOnly = (oneImage: ImageProps) => {\n        const imageData = getMediaImage(oneImage);\n        return (\n            <ImageView\n                {...imageData}\n                className={imageClass}\n                style={{height}}\n                qa={qaAttributes.imageView}\n                onLoad={onLoad}\n            />\n        );\n    };\n\n    const imageSlider = (imageArray: ImageProps[]) => {\n        const fullscreenItem = fullscreen === undefined || fullscreen;\n\n        return (\n            <SliderBlock slidesToShow={1} type={SliderType.MediaCard}>\n                {imageArray.map((item, index) => (\n                    <React.Fragment key={index}>\n                        {fullscreenItem ? renderFullscreenImage(item) : imageOnly(item)}\n                    </React.Fragment>\n                ))}\n            </SliderBlock>\n        );\n    };\n\n    if (Array.isArray(image)) {\n        return imageSlider(image);\n    }\n\n    if (fullscreen) {\n        return renderFullscreenImage(image);\n    }\n\n    return isBackground ? imageBackground(image) : imageOnly(image);\n};\n\nexport default Image;\n"]}

package/build/esm/components/Media/Image/utils.d.ts

@@ -1,2 +1,2 @@
-import { ImageProps } from '../../../models';
-export declare function getMediaImage(image: ImageProps): import("../../../models").ImageObjectProps | import("../../../models").ImageDeviceProps;
+import { ImageProps } from "../../../models/index.js";
+export declare function getMediaImage(image: ImageProps): import("../../../index.js").ImageObjectProps | import("../../../index.js").ImageDeviceProps;

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

@@ -1,3 +1,4 @@
 export function getMediaImage(image) {
     return typeof image === 'string' ? { src: image } : image;
 }
+//# sourceMappingURL=utils.js.map

package/build/esm/components/Media/Image/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["components/Media/Image/utils.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,aAAa,CAAC,KAAiB;IAC3C,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAC,GAAG,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AAC5D,CAAC","sourcesContent":["import {ImageProps} from '../../../models';\n\nexport function getMediaImage(image: ImageProps) {\n    return typeof image === 'string' ? {src: image} : image;\n}\n"]}

package/build/esm/components/Media/Media.css

@@ -8,8 +8,4 @@ unpredictable css rules order in build */
   overflow: hidden;
   display: flex;
   align-items: center;
-}
-.pc-Media__fullscreen-image-cover {
-  object-fit: cover;
-  object-position: top;
 }

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

@@ -1,13 +1,12 @@
-import { MediaProps, QAProps } from '../../models';
-import { ImageAdditionProps } from './Image/Image';
-import { VideoAdditionProps } from './Video/Video';
+import { MediaProps, QAProps } from "../../models/index.js";
+import { ImageAdditionProps } from "./Image/Image.js";
+import { VideoAdditionProps } from "./Video/Video.js";
 import './Media.css';
 export interface MediaAllProps extends MediaProps, VideoAdditionProps, ImageAdditionProps, QAProps {
     className?: string;
-    isFullscreenImageCover?: boolean;
     youtubeClassName?: string;
     autoplay?: boolean;
     onImageLoad?: () => void;
 }
-export declare const Media: (props: MediaAllProps) => JSX.Element;
+export declare const Media: (props: MediaAllProps) => import("react/jsx-runtime").JSX.Element;
 export default Media;