@gravity-ui/page-constructor 5.33.4-beta.0 → 5.34.0

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

@@ -1,21 +1,22 @@
 "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 constants_1 = require("../../constants.js");
-const projectSettingsContext_1 = require("../../context/projectSettingsContext/index.js");
-const utils_1 = require("../../utils/index.js");
-const imageCompress_1 = require("../../utils/imageCompress.js");
-const ImageBase_1 = tslib_1.__importDefault(require("../ImageBase/ImageBase.js"));
+const react_1 = tslib_1.__importStar(require("react"));
+const constants_1 = require("../../constants");
+const projectSettingsContext_1 = require("../../context/projectSettingsContext");
+const utils_1 = require("../../utils");
+const imageCompress_1 = require("../../utils/imageCompress");
+const ImageBase_1 = tslib_1.__importDefault(require("../ImageBase/ImageBase"));
 const checkWebP = (src) => {
     return src.endsWith('.webp') ? src : src + '.webp';
 };
-const DeviceSpecificFragment = ({ disableWebp, src, breakpoint, qa, }) => ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [!disableWebp && ((0, jsx_runtime_1.jsx)("source", { srcSet: checkWebP(src), type: "image/webp", media: `(max-width: ${breakpoint}px)`, "data-qa": `${qa}-compressed` })), (0, jsx_runtime_1.jsx)("source", { srcSet: src, media: `(max-width: ${breakpoint}px)`, "data-qa": qa })] }));
+const DeviceSpecificFragment = ({ disableWebp, src, breakpoint, qa, }) => (react_1.default.createElement(react_1.Fragment, null,
+    !disableWebp && (react_1.default.createElement("source", { srcSet: checkWebP(src), type: "image/webp", media: `(max-width: ${breakpoint}px)`, "data-qa": `${qa}-compressed` })),
+    react_1.default.createElement("source", { srcSet: src, media: `(max-width: ${breakpoint}px)`, "data-qa": qa })));
 const Image = (props) => {
-    const projectSettings = React.useContext(projectSettingsContext_1.ProjectSettingsContext);
+    const projectSettings = (0, react_1.useContext)(projectSettingsContext_1.ProjectSettingsContext);
     const { src: imageSrc, alt, disableCompress, tablet, desktop, mobile, style, className, onClick, onLoad, containerClassName, qa, fetchPriority, loading, } = props;
-    const [imgLoadingError, setImgLoadingError] = React.useState(false);
+    const [imgLoadingError, setImgLoadingError] = (0, react_1.useState)(false);
     const src = imageSrc || desktop;
     if (!src) {
         return null;
@@ -25,7 +26,10 @@ const Image = (props) => {
         disableCompress ||
         !(0, imageCompress_1.isCompressible)(src) ||
         imgLoadingError;
-    return ((0, jsx_runtime_1.jsxs)("picture", { className: containerClassName, "data-qa": qa, children: [mobile && ((0, jsx_runtime_1.jsx)(DeviceSpecificFragment, { src: mobile, disableWebp: disableWebp, breakpoint: constants_1.BREAKPOINTS.sm, qa: qaAttributes.mobileSource })), tablet && ((0, jsx_runtime_1.jsx)(DeviceSpecificFragment, { src: tablet, disableWebp: disableWebp, breakpoint: constants_1.BREAKPOINTS.md, qa: qaAttributes.tabletSource })), src && !disableWebp && ((0, jsx_runtime_1.jsx)("source", { srcSet: checkWebP(src), type: "image/webp", "data-qa": qaAttributes.desktopSourceCompressed })), (0, jsx_runtime_1.jsx)(ImageBase_1.default, { className: className, alt: alt, src: src, style: style, fetchPriority: fetchPriority, loading: loading, onClick: onClick, onError: () => setImgLoadingError(true), onLoad: onLoad })] }));
+    return (react_1.default.createElement("picture", { className: containerClassName, "data-qa": qa },
+        mobile && (react_1.default.createElement(DeviceSpecificFragment, { src: mobile, disableWebp: disableWebp, breakpoint: constants_1.BREAKPOINTS.sm, qa: qaAttributes.mobileSource })),
+        tablet && (react_1.default.createElement(DeviceSpecificFragment, { src: tablet, disableWebp: disableWebp, breakpoint: constants_1.BREAKPOINTS.md, qa: qaAttributes.tabletSource })),
+        src && !disableWebp && (react_1.default.createElement("source", { srcSet: checkWebP(src), type: "image/webp", "data-qa": qaAttributes.desktopSourceCompressed })),
+        react_1.default.createElement(ImageBase_1.default, { className: className, alt: alt, src: src, style: style, fetchPriority: fetchPriority, loading: loading, onClick: onClick, onError: () => setImgLoadingError(true), onLoad: onLoad })));
 };
 exports.default = Image;
-//# sourceMappingURL=Image.js.map

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BackgroundImageProps = exports.ImageProps = exports.ImageObjectProps = exports.ImageBaseObjectProps = exports.ImageDeviceProps = exports.imageUrlPattern = void 0;
-const utils_1 = require("../../schema/validators/utils.js");
+const utils_1 = require("../../schema/validators/utils");
 exports.imageUrlPattern = '^((http[s]?|ftp):\\/)?\\/?([^:\\/\\s]+)((\\/\\w+)*\\/)([\\w\\-\\.]+[^#?\\s]+)(.*)?(#[\\w\\-]+)?$';
 const ImageBase = {
     alt: {
@@ -79,4 +79,3 @@ exports.BackgroundImageProps = {
         Object.assign(Object.assign({}, exports.ImageDeviceProps), { optionName: 'device options' }),
     ],
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { ImageObjectProps } from "../../models/index.js";
+import { CSSProperties, MouseEventHandler, ReactEventHandler } from 'react';
+import { ImageObjectProps } from '../../models';
 export interface ImageBaseProps extends Partial<ImageObjectProps> {
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     className?: string;
-    onClick?: React.MouseEventHandler;
-    onLoad?: React.ReactEventHandler<HTMLDivElement>;
+    onClick?: MouseEventHandler;
+    onLoad?: ReactEventHandler<HTMLDivElement>;
     onError?: () => void;
 }
-export declare const ImageBase: ({ fetchPriority, alt, ...props }: ImageBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageBase: ({ fetchPriority, alt, ...props }: ImageBaseProps) => JSX.Element;
 export default ImageBase;

package/build/cjs/components/ImageBase/ImageBase.js

@@ -2,19 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageBase = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const imageContext_1 = require("../../context/imageContext/imageContext.js");
+const react_1 = tslib_1.__importDefault(require("react"));
+const imageContext_1 = require("../../context/imageContext/imageContext");
 const ImageBase = (_a) => {
     var { fetchPriority, alt } = _a, props = tslib_1.__rest(_a, ["fetchPriority", "alt"]);
-    const { Image } = React.useContext(imageContext_1.ImageContext);
-    return Image ? ((0, jsx_runtime_1.jsx)(Image, Object.assign({ fetchPriority: fetchPriority, alt: alt }, props))) : (
+    const { Image } = react_1.default.useContext(imageContext_1.ImageContext);
+    return Image ? (react_1.default.createElement(Image, Object.assign({ fetchPriority: fetchPriority, alt: alt }, props))) : (
     // There is an issue with fetchpriority attr in img in React.
     // It is still not supported. However it's nice to have ability to manage
     // this prop is good to have to improve Core Web Vitals.
     // So, here is a workaround to assign the attr.
-    (0, jsx_runtime_1.jsx)("img", Object.assign({ fetchpriority: fetchPriority, alt: alt }, props)));
+    react_1.default.createElement("img", Object.assign({}, { fetchpriority: fetchPriority }, { alt: alt }, props)));
 };
 exports.ImageBase = ImageBase;
 exports.default = exports.ImageBase;
-//# sourceMappingURL=ImageBase.js.map

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { FormBlockData } from "../../models/index.js";
+import React from 'react';
+import { FormBlockData } from '../../models';
 interface InnerFormProps {
     formData: FormBlockData;
     onContentLoad: () => void;

package/build/cjs/components/InnerForm/InnerForm.js

@@ -1,35 +1,34 @@
 "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 __1 = require("../index.js");
-const FormsContext_1 = require("../../context/formsContext/FormsContext.js");
-const theme_1 = require("../../context/theme/index.js");
-const models_1 = require("../../models/index.js");
-const sub_blocks_1 = require("../../sub-blocks/index.js");
-const utils_1 = require("../../utils/index.js");
+const react_1 = tslib_1.__importStar(require("react"));
+const __1 = require("..");
+const FormsContext_1 = require("../../context/formsContext/FormsContext");
+const theme_1 = require("../../context/theme");
+const models_1 = require("../../models");
+const sub_blocks_1 = require("../../sub-blocks");
+const utils_1 = require("../../utils");
 const InnerForm = (props) => {
     const { formData, onContentLoad, className } = props;
-    const formsConfig = React.useContext(FormsContext_1.FormsContext);
+    const formsConfig = (0, react_1.useContext)(FormsContext_1.FormsContext);
     const theme = (0, theme_1.useTheme)();
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if ((0, models_1.isHubspotDataForm)(formData)) {
             onContentLoad();
         }
     }, [onContentLoad, formData]);
     if ((0, models_1.isYandexDataForm)(formData)) {
         const _a = (0, utils_1.getThemedValue)(formData.yandex, theme), { onLoad } = _a, rest = tslib_1.__rest(_a, ["onLoad"]);
-        return ((0, jsx_runtime_1.jsx)("div", { className: className, children: (0, jsx_runtime_1.jsx)(__1.YandexForm, Object.assign({}, formsConfig.yandex, rest, { onLoad: () => {
+        return (react_1.default.createElement("div", { className: className },
+            react_1.default.createElement(__1.YandexForm, Object.assign({}, formsConfig.yandex, rest, { onLoad: () => {
                     onContentLoad();
                     onLoad === null || onLoad === void 0 ? void 0 : onLoad();
-                } })) }));
+                } }))));
     }
     if ((0, models_1.isHubspotDataForm)(formData)) {
         const themedFormData = (0, utils_1.getThemedValue)(formData.hubspot, theme);
-        return ((0, jsx_runtime_1.jsx)(sub_blocks_1.HubspotForm, Object.assign({ createDOMElement: true }, formsConfig.hubspot, themedFormData)));
+        return (react_1.default.createElement(sub_blocks_1.HubspotForm, Object.assign({ createDOMElement: true }, formsConfig.hubspot, themedFormData)));
     }
     return null;
 };
 exports.default = InnerForm;
-//# sourceMappingURL=InnerForm.js.map

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { ClassNameProps, LinkProps, Tabbable } from "../../models/index.js";
-import { QAProps } from "../../models/common.js";
+import React from 'react';
+import { ClassNameProps, LinkProps, Tabbable } from '../../models';
+import { QAProps } from '../../models/common';
 export type LinkFullProps = LinkProps & ClassNameProps & Tabbable & QAProps;
-declare const LinkBlock: (props: React.PropsWithChildren<LinkFullProps>) => import("react/jsx-runtime").JSX.Element;
+declare const LinkBlock: (props: React.PropsWithChildren<LinkFullProps>) => JSX.Element;
 export default LinkBlock;

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

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

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

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

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

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

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

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

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

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
-const localeContext_1 = require("../../context/localeContext/localeContext.js");
-const mapsContext_1 = require("../../context/mapsContext/mapsContext.js");
-const mobileContext_1 = require("../../context/mobileContext/index.js");
-const utils_1 = require("../../utils/index.js");
-const helpers_1 = require("./helpers.js");
+const localeContext_1 = require("../../context/localeContext/localeContext");
+const mapsContext_1 = require("../../context/mapsContext/mapsContext");
+const mobileContext_1 = require("../../context/mobileContext");
+const utils_1 = require("../../utils");
+const helpers_1 = require("./helpers");
 const b = (0, utils_1.block)('map');
 function getScriptSrc(params) {
     const { apiKey, scriptSrc, address, lang, zoom } = params;
@@ -17,13 +16,13 @@ function getScriptSrc(params) {
 }
 const GoogleMap = (props) => {
     const { address, zoom, className } = props;
-    const { apiKey, scriptSrc } = React.useContext(mapsContext_1.MapsContext);
-    const { lang = uikit_1.Lang.Ru } = React.useContext(localeContext_1.LocaleContext);
-    const isMobile = React.useContext(mobileContext_1.MobileContext);
-    const [height, setHeight] = React.useState(undefined);
-    const ref = React.useRef(null);
-    const src = React.useMemo(() => getScriptSrc({ apiKey, scriptSrc, address, lang, zoom }), [apiKey, scriptSrc, address, lang, zoom]);
-    React.useEffect(() => {
+    const { apiKey, scriptSrc } = (0, react_1.useContext)(mapsContext_1.MapsContext);
+    const { lang = uikit_1.Lang.Ru } = (0, react_1.useContext)(localeContext_1.LocaleContext);
+    const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
+    const [height, setHeight] = (0, react_1.useState)(undefined);
+    const ref = (0, react_1.useRef)(null);
+    const src = (0, react_1.useMemo)(() => getScriptSrc({ apiKey, scriptSrc, address, lang, zoom }), [apiKey, scriptSrc, address, lang, zoom]);
+    (0, react_1.useEffect)(() => {
         const updateSize = (0, debounce_1.default)(() => {
             if (ref.current) {
                 setHeight(Math.round((0, helpers_1.getMapHeight)(ref.current.offsetWidth, isMobile)));
@@ -38,9 +37,8 @@ const GoogleMap = (props) => {
     if (!apiKey || !address) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)("iframe", { className: b(null, className), ref: ref, style: {
+    return (react_1.default.createElement("iframe", { className: b(null, className), ref: ref, style: {
             height,
         }, title: "Google Map", loading: "lazy", allowFullScreen: true, referrerPolicy: "no-referrer-when-downgrade", src: src }));
 };
 exports.default = GoogleMap;
-//# sourceMappingURL=GoogleMap.js.map

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

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

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

@@ -2,22 +2,20 @@
 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 react_1 = tslib_1.__importStar(require("react"));
+const mapsContext_1 = require("../../context/mapsContext/mapsContext");
+const GoogleMap_1 = tslib_1.__importDefault(require("./GoogleMap"));
+const YandexMap_1 = tslib_1.__importDefault(require("./YMap/YandexMap"));
 const Map = (props) => {
-    const { type } = React.useContext(mapsContext_1.MapsContext);
+    const { type } = (0, react_1.useContext)(mapsContext_1.MapsContext);
     switch (type) {
         case mapsContext_1.MapType.Yandex:
-            return (0, jsx_runtime_1.jsx)(YandexMap_1.default, Object.assign({}, props));
+            return react_1.default.createElement(YandexMap_1.default, Object.assign({}, props));
         case mapsContext_1.MapType.Google:
-            return (0, jsx_runtime_1.jsx)(GoogleMap_1.default, Object.assign({}, props));
+            return react_1.default.createElement(GoogleMap_1.default, Object.assign({}, props));
         default:
             return null;
     }
 };
 exports.Map = Map;
 exports.default = exports.Map;
-//# sourceMappingURL=Map.js.map

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

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

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

@@ -103,4 +103,3 @@ class YMap {
     }
 }
 exports.YMap = YMap;
-//# sourceMappingURL=YMap.js.map

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

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

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

@@ -1,19 +1,18 @@
 "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 react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
-const localeContext_1 = require("../../../context/localeContext/localeContext.js");
-const mapsContext_1 = require("../../../context/mapsContext/mapsContext.js");
-const mobileContext_1 = require("../../../context/mobileContext/index.js");
-const utils_1 = require("../../../utils/index.js");
-const ErrorWrapper_1 = tslib_1.__importDefault(require("../../ErrorWrapper/ErrorWrapper.js"));
-const helpers_1 = require("../helpers.js");
-const YMap_1 = require("./YMap.js");
-const YandexMapApiLoader_1 = require("./YandexMapApiLoader.js");
-const i18n_1 = require("./i18n/index.js");
+const localeContext_1 = require("../../../context/localeContext/localeContext");
+const mapsContext_1 = require("../../../context/mapsContext/mapsContext");
+const mobileContext_1 = require("../../../context/mobileContext");
+const utils_1 = require("../../../utils");
+const ErrorWrapper_1 = tslib_1.__importDefault(require("../../ErrorWrapper/ErrorWrapper"));
+const helpers_1 = require("../helpers");
+const YMap_1 = require("./YMap");
+const YandexMapApiLoader_1 = require("./YandexMapApiLoader");
+const i18n_1 = require("./i18n");
 const b = (0, utils_1.block)('map');
 const DEFAULT_CONTAINER_ID = 'ymap';
 const DEFAULT_ZOOM = 9;
@@ -23,20 +22,20 @@ const DEFAULT_ZOOM = 9;
 const INITIAL_CENTER = [0, 0];
 const YandexMap = (props) => {
     const { markers, zoom, id, className } = props;
-    const { apiKey, scriptSrc, nonce } = React.useContext(mapsContext_1.MapsContext);
-    const isMobile = React.useContext(mobileContext_1.MobileContext);
-    const { lang = 'ru' } = React.useContext(localeContext_1.LocaleContext);
+    const { apiKey, scriptSrc, nonce } = (0, react_1.useContext)(mapsContext_1.MapsContext);
+    const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
+    const { lang = 'ru' } = (0, react_1.useContext)(localeContext_1.LocaleContext);
     const containerId = `${DEFAULT_CONTAINER_ID}-${id}`;
-    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(() => {
+    const [ymap, setYmaps] = (0, react_1.useState)(null);
+    const [height, setHeight] = (0, react_1.useState)(undefined);
+    const ref = (0, react_1.useRef)(null);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const [ready, setReady] = (0, react_1.useState)(false);
+    const [attemptsIndex, setAttemptsIndex] = (0, react_1.useState)(0);
+    const onTryAgain = (0, react_1.useCallback)(() => {
         setAttemptsIndex(attemptsIndex + 1);
     }, [attemptsIndex]);
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         (async function () {
             var _a;
             setLoading(true);
@@ -50,7 +49,7 @@ const YandexMap = (props) => {
             setLoading(false);
         })();
     }, [apiKey, lang, scriptSrc, containerId, zoom, nonce, attemptsIndex, setLoading]);
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const updateSize = (0, debounce_1.default)(() => {
             if (ref.current) {
                 setHeight(Math.round((0, helpers_1.getMapHeight)(ref.current.offsetWidth, isMobile)));
@@ -62,7 +61,7 @@ const YandexMap = (props) => {
             window.removeEventListener('resize', updateSize);
         };
     }, [markers, ymap, setYmaps, isMobile]);
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (ymap) {
             // show with computed center and placemarks
             const showPlacemarks = async () => {
@@ -74,7 +73,9 @@ const YandexMap = (props) => {
     });
     if (!markers)
         return null;
-    return ((0, jsx_runtime_1.jsx)(ErrorWrapper_1.default, { isError: YandexMapApiLoader_1.YMapsApiLoader.status === YandexMapApiLoader_1.MapApiStatus.Error, text: (0, i18n_1.i18n)('map-load-error'), buttonText: (0, i18n_1.i18n)('map-try-again'), handler: onTryAgain, className: b('wrapper'), children: (0, jsx_runtime_1.jsxs)("div", { className: b('wrapper'), children: [(0, jsx_runtime_1.jsx)("div", { id: containerId, className: b({ hidden: !ready }, className), ref: ref, style: { height } }), loading ? (0, jsx_runtime_1.jsx)(uikit_1.Spin, { size: "xl", className: b('spinner') }) : null] }) }));
+    return (react_1.default.createElement(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') },
+        react_1.default.createElement("div", { className: b('wrapper') },
+            react_1.default.createElement("div", { id: containerId, className: b({ hidden: !ready }, className), ref: ref, style: { height } }),
+            loading ? react_1.default.createElement(uikit_1.Spin, { size: "xl", className: b('spinner') }) : null)));
 };
 exports.default = YandexMap;
-//# sourceMappingURL=YandexMap.js.map

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

@@ -1,15 +1,15 @@
 "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");
+const mapsContext_1 = require("../../../context/mapsContext/mapsContext");
+const utils_1 = require("../../../utils");
 var MapApiStatus;
 (function (MapApiStatus) {
     MapApiStatus["NotStarted"] = "not_started";
     MapApiStatus["Loading"] = "loading";
     MapApiStatus["Loaded"] = "loaded";
     MapApiStatus["Error"] = "error";
-})(MapApiStatus || (exports.MapApiStatus = MapApiStatus = {}));
+})(MapApiStatus = exports.MapApiStatus || (exports.MapApiStatus = {}));
 const SCRIPT_ID = 'ymaps-script';
 class YMapsApiLoader {
     static async loadApi(apiKey, scriptSrc, lang, nonce) {
@@ -35,4 +35,3 @@ class YMapsApiLoader {
 }
 exports.YMapsApiLoader = YMapsApiLoader;
 YMapsApiLoader.status = MapApiStatus.NotStarted;
-//# sourceMappingURL=YandexMapApiLoader.js.map

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

@@ -1,5 +1 @@
-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>;
-    };
-};
+export declare const i18n: (key: "map-load-error" | "map-try-again", params?: import("@gravity-ui/i18n").Params | undefined) => string;

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

@@ -3,8 +3,7 @@ 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 cn_1 = require("../../../../utils/cn");
 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/helpers.js

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

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

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

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

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

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

@@ -1,5 +1 @@
-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>;
-    };
-};
+export declare const i18n: (key: "iframe-title", params?: import("@gravity-ui/i18n").Params | undefined) => string;

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

@@ -3,8 +3,7 @@ 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 cn_1 = require("../../../../utils/cn");
 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