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

package/build/cjs/components/Table/Table.js

@@ -1,12 +1,11 @@
 "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.__importDefault(require("react"));
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
-const __1 = require("../index.js");
-const utils_1 = require("../../utils/index.js");
+const __1 = require("../");
+const utils_1 = require("../../utils");
 function getMarkerId(index) {
     if (isNaN(index)) {
         return undefined;
@@ -14,27 +13,30 @@ function getMarkerId(index) {
     return `marker-${index}`;
 }
 const b = (0, utils_1.block)('table');
-class Table extends React.Component {
+class Table extends react_1.default.Component {
     render() {
         const { content, legend, hideLegend, marker = 'disk', className, caption } = this.props;
         if (!content || !content.length || !content[0].length) {
             return null;
         }
-        return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), role: 'table', "aria-label": caption, children: [this.renderTable(content, marker, legend), legend && !hideLegend && this.renderLegend(legend, marker)] }));
+        return (react_1.default.createElement("div", { className: b(null, className), role: 'table', "aria-label": caption },
+            this.renderTable(content, marker, legend),
+            legend && !hideLegend && this.renderLegend(legend, marker)));
     }
     renderTable(content, marker, legend) {
         const justify = this.getDefaultJustify(content, this.props.justify);
-        return ((0, jsx_runtime_1.jsx)("div", { className: b('table'), role: 'rowgroup', children: content.map((row, i) => ((0, jsx_runtime_1.jsx)("div", { className: b('row'), role: 'row', children: row.map((cell, j) => ((0, jsx_runtime_1.jsx)("div", { className: b('cell', { justify: justify[j] }), role: 'cell', children: legend && i && j ? (this.renderMarker(marker, cell)) : ((0, jsx_runtime_1.jsx)(__1.HTML, { children: cell })) }, j))) }, i))) }));
+        return (react_1.default.createElement("div", { className: b('table'), role: 'rowgroup' }, content.map((row, i) => (react_1.default.createElement("div", { key: i, className: b('row'), role: 'row' }, row.map((cell, j) => (react_1.default.createElement("div", { key: j, className: b('cell', { justify: justify[j] }), role: 'cell' }, legend && i && j ? (this.renderMarker(marker, cell)) : (react_1.default.createElement(__1.HTML, null, cell))))))))));
     }
     renderMarker(type, cell) {
-        return ((0, jsx_runtime_1.jsx)("div", { "aria-labelledby": getMarkerId(Number(cell)), className: b('marker', { type, index: String(cell) }), children: type === 'tick' ? ((0, jsx_runtime_1.jsx)(uikit_1.Icon, { size: 20, className: b('marker_tick', { check: Number(cell) === 1 }), data: Number(cell) === 1 ? icons_1.Check : icons_1.Minus })) : null }));
+        return (react_1.default.createElement("div", { "aria-labelledby": getMarkerId(Number(cell)), className: b('marker', { type, index: String(cell) }) }, type === 'tick' ? (react_1.default.createElement(uikit_1.Icon, { size: 20, className: b('marker_tick', { check: Number(cell) === 1 }), data: Number(cell) === 1 ? icons_1.Check : icons_1.Minus })) : null));
     }
     renderLegend(legend, marker) {
-        return ((0, jsx_runtime_1.jsx)("div", { className: b('legend'), children: legend.map((item, index) => ((0, jsx_runtime_1.jsxs)("div", { className: b('legend-item'), children: [this.renderMarker(marker, String(index)), (0, jsx_runtime_1.jsx)(__1.YFMWrapper, { className: b('legent-item-text'), content: item, modifiers: { constructor: true }, id: getMarkerId(index) })] }, item))) }));
+        return (react_1.default.createElement("div", { className: b('legend') }, legend.map((item, index) => (react_1.default.createElement("div", { key: item, className: b('legend-item') },
+            this.renderMarker(marker, String(index)),
+            react_1.default.createElement(__1.YFMWrapper, { className: b('legent-item-text'), content: item, modifiers: { constructor: true }, id: getMarkerId(index) }))))));
     }
     getDefaultJustify(content, justify) {
         return justify || new Array(content[0].length).fill('center');
     }
 }
 exports.default = Table;
-//# sourceMappingURL=Table.js.map

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

@@ -1,8 +1,8 @@
-import { GridColumnSizesType } from "../../grid/index.js";
-import { ClassNameProps, TitleProps as TitleParams } from "../../models/index.js";
+import { GridColumnSizesType } from '../../grid';
+import { ClassNameProps, TitleProps as TitleParams } from '../../models';
 export interface TitleProps extends TitleParams {
     colSizes?: GridColumnSizesType;
     id?: string;
 }
-declare const Title: ({ title, subtitle, className, colSizes, id, }: TitleProps & ClassNameProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Title: ({ title, subtitle, className, colSizes, id, }: TitleProps & ClassNameProps) => JSX.Element | null;
 export default Title;

package/build/cjs/components/Title/Title.js

@@ -1,18 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const grid_1 = require("../../grid/index.js");
-const utils_1 = require("../../utils/index.js");
-const YFMWrapper_1 = tslib_1.__importDefault(require("../YFMWrapper/YFMWrapper.js"));
-const TitleItem_1 = tslib_1.__importDefault(require("./TitleItem.js"));
+const react_1 = tslib_1.__importDefault(require("react"));
+const grid_1 = require("../../grid");
+const utils_1 = require("../../utils");
+const YFMWrapper_1 = tslib_1.__importDefault(require("../YFMWrapper/YFMWrapper"));
+const TitleItem_1 = tslib_1.__importDefault(require("./TitleItem"));
 const b = (0, utils_1.block)('title');
 const Title = ({ title, subtitle, className, colSizes = { all: 12, sm: 8 }, id, }) => {
     if (!title && !subtitle) {
         return null;
     }
     const _a = !title || typeof title === 'string' ? { text: title } : title, { text } = _a, titleProps = tslib_1.__rest(_a, ["text"]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), id: id, children: [text && ((0, jsx_runtime_1.jsx)(grid_1.Col, { reset: true, sizes: colSizes, children: (0, jsx_runtime_1.jsx)(TitleItem_1.default, Object.assign({ text: text }, titleProps)) })), subtitle && ((0, jsx_runtime_1.jsx)(grid_1.Col, { reset: true, sizes: colSizes, children: (0, jsx_runtime_1.jsx)("div", { className: b('description', { titleSize: titleProps === null || titleProps === void 0 ? void 0 : titleProps.textSize }), children: (0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { content: subtitle, modifiers: { constructor: true } }) }) }))] }));
+    return (react_1.default.createElement("div", { className: b(null, className), id: id },
+        text && (react_1.default.createElement(grid_1.Col, { reset: true, sizes: colSizes },
+            react_1.default.createElement(TitleItem_1.default, Object.assign({ text: text }, titleProps)))),
+        subtitle && (react_1.default.createElement(grid_1.Col, { reset: true, sizes: colSizes },
+            react_1.default.createElement("div", { className: b('description', { titleSize: titleProps === null || titleProps === void 0 ? void 0 : titleProps.textSize }) },
+                react_1.default.createElement(YFMWrapper_1.default, { content: subtitle, modifiers: { constructor: true } }))))));
 };
 exports.default = Title;
-//# sourceMappingURL=Title.js.map

package/build/cjs/components/Title/TitleItem.d.ts

@@ -1,9 +1,9 @@
-import { QAProps, TextSize, TitleItemProps } from "../../models/index.js";
+import { QAProps, TextSize, TitleItemProps } from '../../models';
 export declare function getArrowSize(size: TextSize, isMobile: boolean): 16 | 20 | 24 | 13 | 22 | 26 | 38;
 export interface TitleItemFullProps extends TitleItemProps, QAProps {
     className?: string;
     onClick?: () => void;
     resetMargin?: boolean;
 }
-declare const TitleItem: (props: TitleItemFullProps) => import("react/jsx-runtime").JSX.Element;
+declare const TitleItem: (props: TitleItemFullProps) => JSX.Element;
 export default TitleItem;

package/build/cjs/components/Title/TitleItem.js

@@ -1,14 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getArrowSize = getArrowSize;
+exports.getArrowSize = void 0;
 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 locationContext_1 = require("../../context/locationContext/index.js");
-const mobileContext_1 = require("../../context/mobileContext/index.js");
-const utils_1 = require("../../utils/index.js");
-const Anchor_1 = tslib_1.__importDefault(require("../Anchor/Anchor.js"));
+const react_1 = tslib_1.__importStar(require("react"));
+const __1 = require("../");
+const locationContext_1 = require("../../context/locationContext");
+const mobileContext_1 = require("../../context/mobileContext");
+const utils_1 = require("../../utils");
+const Anchor_1 = tslib_1.__importDefault(require("../Anchor/Anchor"));
 const b = (0, utils_1.block)('title-item');
 function getArrowSize(size, isMobile) {
     switch (size) {
@@ -24,26 +23,35 @@ function getArrowSize(size, isMobile) {
             return 20;
     }
 }
+exports.getArrowSize = getArrowSize;
 const TitleItem = (props) => {
-    const isMobile = React.useContext(mobileContext_1.MobileContext);
+    const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const { textSize = 'm', text, anchor, justify, url, onClick, custom, className, qa, resetMargin = true, urlTitle, } = props;
-    const { hostname } = React.useContext(locationContext_1.LocationContext);
-    const textMarkup = ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)(__1.HTML, { className: b('text'), children: text }), custom && ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: ["\u00A0", (0, jsx_runtime_1.jsx)("span", { className: b('custom'), children: custom })] }))] }));
+    const { hostname } = (0, react_1.useContext)(locationContext_1.LocationContext);
+    const textMarkup = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(__1.HTML, { className: b('text') }, text),
+        custom && (react_1.default.createElement(react_1.default.Fragment, null,
+            "\u00A0",
+            react_1.default.createElement("span", { className: b('custom') }, custom)))));
     let content;
-    const insideClickableContent = ((0, jsx_runtime_1.jsxs)("span", { className: b('wrapper'), children: [textMarkup, "\u00A0", (0, jsx_runtime_1.jsx)(__1.ToggleArrow, { className: b('arrow', { size: textSize }), size: getArrowSize(textSize, isMobile), type: 'horizontal', iconType: "navigation", open: false })] }));
+    const insideClickableContent = (react_1.default.createElement("span", { className: b('wrapper') },
+        textMarkup,
+        "\u00A0",
+        react_1.default.createElement(__1.ToggleArrow, { className: b('arrow', { size: textSize }), size: getArrowSize(textSize, isMobile), type: 'horizontal', iconType: "navigation", open: false })));
     if (!url && !onClick) {
         content = textMarkup;
     }
     else if (url) {
-        content = ((0, jsx_runtime_1.jsx)("a", Object.assign({ className: b('link'), href: url }, (0, utils_1.getLinkProps)(url, hostname), { onClick: onClick, title: urlTitle, children: insideClickableContent })));
+        content = (react_1.default.createElement("a", Object.assign({ className: b('link'), href: url }, (0, utils_1.getLinkProps)(url, hostname), { onClick: onClick, title: urlTitle }), insideClickableContent));
     }
     else if (onClick) {
-        content = ((0, jsx_runtime_1.jsx)("button", { className: b('link'), onClick: onClick, title: urlTitle, children: insideClickableContent }));
+        content = (react_1.default.createElement("button", { className: b('link'), onClick: onClick, title: urlTitle }, insideClickableContent));
     }
-    return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [anchor && (0, jsx_runtime_1.jsx)(Anchor_1.default, { id: anchor, className: b('anchor') }), React.createElement((0, utils_1.getHeaderTag)(textSize), {
-                className: b({ size: textSize, justify, 'reset-margin': resetMargin }, className),
-                'data-qa': `${qa}-header`,
-            }, content)] }));
+    return (react_1.default.createElement(react_1.Fragment, null,
+        anchor && react_1.default.createElement(Anchor_1.default, { id: anchor, className: b('anchor') }),
+        react_1.default.createElement((0, utils_1.getHeaderTag)(textSize), {
+            className: b({ size: textSize, justify, 'reset-margin': resetMargin }, className),
+            'data-qa': `${qa}-header`,
+        }, content)));
 };
 exports.default = TitleItem;
-//# sourceMappingURL=TitleItem.js.map

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

@@ -7,5 +7,5 @@ export interface ToggleArrowProps {
     slow?: boolean;
     className?: string;
 }
-declare const ToggleArrow: ({ type, iconType, open, size, thin, slow, className, }: ToggleArrowProps) => import("react/jsx-runtime").JSX.Element;
+declare const ToggleArrow: ({ type, iconType, open, size, thin, slow, className, }: ToggleArrowProps) => JSX.Element;
 export default ToggleArrow;

package/build/cjs/components/ToggleArrow/ToggleArrow.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const icons_1 = require("../../icons/index.js");
-const utils_1 = require("../../utils/index.js");
+const icons_1 = require("../../icons");
+const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('ToggleArrow');
-const ToggleArrow = ({ type = 'horizontal', iconType = 'default', open = false, size = 16, thin = false, slow = false, className, }) => ((0, jsx_runtime_1.jsx)(uikit_1.Icon, { className: b({ type, open, thin, slow }, className), data: iconType === 'navigation' ? icons_1.NavigationChevron : icons_1.Chevron, size: size }));
+const ToggleArrow = ({ type = 'horizontal', iconType = 'default', open = false, size = 16, thin = false, slow = false, className, }) => (react_1.default.createElement(uikit_1.Icon, { className: b({ type, open, thin, slow }, className), data: iconType === 'navigation' ? icons_1.NavigationChevron : icons_1.Chevron, size: size }));
 exports.default = ToggleArrow;
-//# sourceMappingURL=ToggleArrow.js.map

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
+import React from 'react';
 export type LabeLType = 'label' | 'line';
 export interface UnpublishedLabelProps {
     type?: LabeLType;
     className?: string;
 }
-declare const UnpublishedLabel: ({ className, children, type, }: React.PropsWithChildren<UnpublishedLabelProps>) => import("react/jsx-runtime").JSX.Element;
+declare const UnpublishedLabel: ({ className, children, type, }: React.PropsWithChildren<UnpublishedLabelProps>) => JSX.Element;
 export default UnpublishedLabel;

package/build/cjs/components/UnpublishedLabel/UnpublishedLabel.js

@@ -1,9 +1,9 @@
 "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 tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const utils_1 = require("../../utils");
+const i18n_1 = require("./i18n");
 const b = (0, utils_1.block)('unpublished-label');
-const UnpublishedLabel = ({ className, children, type = 'line', }) => ((0, jsx_runtime_1.jsx)("div", { className: b({ type }, className), children: children || (0, i18n_1.i18n)('label_non_published') }));
+const UnpublishedLabel = ({ className, children, type = 'line', }) => (react_1.default.createElement("div", { className: b({ type }, className) }, children || (0, i18n_1.i18n)('label_non_published')));
 exports.default = UnpublishedLabel;
-//# sourceMappingURL=UnpublishedLabel.js.map

package/build/cjs/components/UnpublishedLabel/i18n/index.d.ts

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

package/build/cjs/components/UnpublishedLabel/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}UnpublishedLabel`);
-//# sourceMappingURL=index.js.map

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { AnalyticsEventsBase } from "../../models/common.js";
+import React from 'react';
+import { AnalyticsEventsBase } from '../../models/common';
 export declare const AUTOPLAY_ATTRIBUTES: {
     autoplay: number;
     mute: number;
@@ -20,5 +20,5 @@ export interface VideoBlockProps extends AnalyticsEventsBase {
     autoplay?: boolean;
     onImageLoad?: () => void;
 }
-declare const VideoBlock: (props: VideoBlockProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const VideoBlock: (props: VideoBlockProps) => JSX.Element | null;
 export default VideoBlock;

package/build/cjs/components/VideoBlock/VideoBlock.js

@@ -1,19 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AUTOPLAY_ATTRIBUTES = void 0;
-exports.getHeight = getHeight;
+exports.getHeight = exports.AUTOPLAY_ATTRIBUTES = void 0;
 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 debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const uuid_1 = require("uuid");
-const useAnalytics_1 = require("../../hooks/useAnalytics.js");
-const common_1 = require("../../models/common.js");
-const utils_1 = require("../../utils/index.js");
-const Image_1 = tslib_1.__importDefault(require("../Image/Image.js"));
-const i18n_1 = require("./i18n/index.js");
+const useAnalytics_1 = require("../../hooks/useAnalytics");
+const common_1 = require("../../models/common");
+const utils_1 = require("../../utils");
+const Image_1 = tslib_1.__importDefault(require("../Image/Image"));
+const i18n_1 = require("./i18n");
 const RECORD_URL = 'https://www.youtube.com/embed/';
 const STREAM_URL = 'https://www.youtube.com/embed/live_stream?channel=';
 const RECORD_RE = /[0-9A-Za-z_-]{11}/;
@@ -44,17 +42,18 @@ function getYoutubeVideoSrc(stream, record) {
 function getHeight(width) {
     return (width / 16) * 9;
 }
+exports.getHeight = getHeight;
 const VideoBlock = (props) => {
     const { stream, record, videoIframe, attributes, className, id, previewImg, playButton, playButtonId, height, fullscreen, analyticsEvents, autoplay, onImageLoad, } = props;
     const handleAnalytics = (0, useAnalytics_1.useAnalytics)(common_1.DefaultEventNames.VideoPreview);
     const src = videoIframe ? videoIframe : getYoutubeVideoSrc(stream, record);
-    const ref = React.useRef(null);
-    const [hidePreview, setHidePreview] = React.useState(false);
-    const [currentHeight, setCurrentHeight] = React.useState(height || undefined);
-    const fullId = React.useMemo(() => id || (0, uuid_1.v4)(), [id]);
+    const ref = (0, react_1.useRef)(null);
+    const [hidePreview, setHidePreview] = (0, react_1.useState)(false);
+    const [currentHeight, setCurrentHeight] = (0, react_1.useState)(height || undefined);
+    const fullId = (0, react_1.useMemo)(() => id || (0, uuid_1.v4)(), [id]);
     const buttonId = (0, uikit_1.useUniqId)();
-    const [isPlaying, setIsPlaying] = React.useState(!previewImg);
-    const iframeSrc = React.useMemo(() => {
+    const [isPlaying, setIsPlaying] = (0, react_1.useState)(!previewImg);
+    const iframeSrc = (0, react_1.useMemo)(() => {
         if (src && isPlaying) {
             try {
                 const url = new URL(src);
@@ -70,13 +69,13 @@ const VideoBlock = (props) => {
         }
         return undefined;
     }, [attributes, autoplay, isPlaying, previewImg, src]);
-    const onPreviewClick = React.useCallback(() => {
+    const onPreviewClick = (0, react_1.useCallback)(() => {
         handleAnalytics(analyticsEvents);
         setIsPlaying(true);
         setTimeout(() => setHidePreview(true), AUTOPLAY_DELAY);
     }, [handleAnalytics, analyticsEvents]);
     const { onKeyDown: onPreviewKeyDown } = (0, uikit_1.useActionHandlers)(onPreviewClick);
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const updateSize = (0, debounce_1.default)(() => {
             setCurrentHeight(ref.current ? Math.round(getHeight(ref.current.offsetWidth)) : undefined);
         }, 100);
@@ -86,16 +85,20 @@ const VideoBlock = (props) => {
             window.removeEventListener('resize', updateSize);
         };
     }, [height]);
-    const iframeContent = React.useMemo(() => {
-        return ((0, jsx_runtime_1.jsx)("iframe", { id: fullId, src: iframeSrc, width: "100%", height: "100%", title: (0, i18n_1.i18n)('iframe-title'), frameBorder: "0", allowFullScreen: true, allow: "autoplay; fullscreen; encrypted-media; accelerometer; gyroscope; picture-in-picture; clipboard-write; web-share; screen-wake-lock", loading: "lazy" }));
+    const iframeContent = (0, react_1.useMemo)(() => {
+        return (react_1.default.createElement("iframe", { id: fullId, src: iframeSrc, width: "100%", height: "100%", title: (0, i18n_1.i18n)('iframe-title'), frameBorder: "0", allowFullScreen: true, allow: "autoplay; fullscreen; encrypted-media; accelerometer; gyroscope; picture-in-picture; clipboard-write; web-share; screen-wake-lock", loading: "lazy" }));
     }, [fullId, iframeSrc]);
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         setHidePreview(false);
     }, [src]);
     if (!src) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), style: { height: currentHeight }, ref: ref, children: [iframeContent, previewImg && !hidePreview && !fullscreen && ((0, jsx_runtime_1.jsxs)("div", { className: b('preview'), onClick: onPreviewClick, onKeyDown: onPreviewKeyDown, role: "button", tabIndex: 0, "aria-labelledby": playButton ? playButtonId : buttonId, children: [(0, jsx_runtime_1.jsx)(Image_1.default, { src: previewImg, className: b('image'), containerClassName: b('image-wrapper'), onLoad: onImageLoad }), playButton || ((0, jsx_runtime_1.jsx)("button", { title: "Play", id: buttonId, className: b('button'), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { className: b('icon'), data: icons_1.PlayFill, size: 24 }) }))] }))] }));
+    return (react_1.default.createElement("div", { className: b(null, className), style: { height: currentHeight }, ref: ref },
+        iframeContent,
+        previewImg && !hidePreview && !fullscreen && (react_1.default.createElement("div", { className: b('preview'), onClick: onPreviewClick, onKeyDown: onPreviewKeyDown, role: "button", tabIndex: 0, "aria-labelledby": playButton ? playButtonId : buttonId },
+            react_1.default.createElement(Image_1.default, { src: previewImg, className: b('image'), containerClassName: b('image-wrapper'), onLoad: onImageLoad }),
+            playButton || (react_1.default.createElement("button", { title: "Play", id: buttonId, className: b('button') },
+                react_1.default.createElement(uikit_1.Icon, { className: b('icon'), data: icons_1.PlayFill, size: 24 })))))));
 };
 exports.default = VideoBlock;
-//# sourceMappingURL=VideoBlock.js.map

package/build/cjs/components/VideoBlock/i18n/index.d.ts

@@ -1,5 +1 @@
-export declare const i18n: ((key: "iframe-title", params?: import("@gravity-ui/i18n").Params) => string) & {
-    keysetData: {
-        "pc-VideoBlock": 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/VideoBlock/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}VideoBlock`);
-//# sourceMappingURL=index.js.map

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

@@ -1,10 +1,10 @@
-import { ClassNameProps, Modifiers } from "../../models/index.js";
-import { QAProps } from "../../models/common.js";
+import { ClassNameProps, Modifiers } from '../../models';
+import { QAProps } from '../../models/common';
 export interface YFMWrapperProps extends ClassNameProps, QAProps {
     content: string;
     modifiers?: Modifiers;
     itemProp?: string;
     id?: string;
 }
-declare const YFMWrapper: ({ content, modifiers, className, itemProp, id, qa }: YFMWrapperProps) => import("react/jsx-runtime").JSX.Element;
+declare const YFMWrapper: ({ content, modifiers, className, itemProp, id, qa }: YFMWrapperProps) => JSX.Element;
 export default YFMWrapper;

package/build/cjs/components/YFMWrapper/YFMWrapper.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
 /* we won't use 'pc' class prefix here to let you opportunity to define yfm styles
 in your project via global 'yfm' class */
+const react_1 = tslib_1.__importDefault(require("react"));
 const snakecase_keys_1 = tslib_1.__importDefault(require("snakecase-keys"));
-const components_1 = require("../index.js");
-const utils_1 = require("../../utils/index.js");
+const components_1 = require("../../components");
+const utils_1 = require("../../utils");
 const yfm = (0, utils_1.cn)('yfm');
-const YFMWrapper = ({ content, modifiers, className, itemProp, id, qa }) => ((0, jsx_runtime_1.jsx)(components_1.HTML, { className: yfm(modifiers ? (0, snakecase_keys_1.default)(modifiers) : {}, className), itemProp: itemProp, id: id, qa: qa, children: content }));
+const YFMWrapper = ({ content, modifiers, className, itemProp, id, qa }) => (react_1.default.createElement(components_1.HTML, { className: yfm(modifiers ? (0, snakecase_keys_1.default)(modifiers) : {}, className), itemProp: itemProp, id: id, qa: qa }, content));
 exports.default = YFMWrapper;
-//# sourceMappingURL=YFMWrapper.js.map

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

@@ -1,5 +1,5 @@
-import { YandexFormProps } from "../../models/index.js";
+import { YandexFormProps } from '../../models';
 export declare const YANDEX_FORM_ORIGIN = "https://forms.yandex.ru";
 export declare const YANDEX_FORM_SECTION = "surveys";
-declare const YandexForm: (props: YandexFormProps) => import("react/jsx-runtime").JSX.Element;
+declare const YandexForm: (props: YandexFormProps) => JSX.Element;
 export default YandexForm;

package/build/cjs/components/YandexForm/YandexForm.js

@@ -2,28 +2,27 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YANDEX_FORM_SECTION = exports.YANDEX_FORM_ORIGIN = void 0;
 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 mobileContext_1 = require("../../context/mobileContext/index.js");
-const hooks_1 = require("../../hooks/index.js");
-const common_1 = require("../../models/common.js");
-const utils_1 = require("../../utils/index.js");
-const constants_1 = require("../constants.js");
+const react_1 = tslib_1.__importStar(require("react"));
+const localeContext_1 = require("../../context/localeContext");
+const mobileContext_1 = require("../../context/mobileContext");
+const hooks_1 = require("../../hooks");
+const common_1 = require("../../models/common");
+const utils_1 = require("../../utils");
+const constants_1 = require("../constants");
 exports.YANDEX_FORM_ORIGIN = 'https://forms.yandex.ru';
 exports.YANDEX_FORM_SECTION = 'surveys';
 const CONTAINER_ID = 'pc-yandex-form-container';
 const b = (0, utils_1.block)('yandex-form');
 const YandexForm = (props) => {
     const { onLoad, id, params, className, theme, containerId = CONTAINER_ID, headerHeight = constants_1.HEADER_HEIGHT, onSubmit, analyticsEvents, customFormOrigin, customFormSection, } = props;
-    const formContainerRef = React.useRef(null);
-    const iframeRef = React.useRef();
+    const formContainerRef = (0, react_1.useRef)(null);
+    const iframeRef = (0, react_1.useRef)();
     const yaFormOrigin = customFormOrigin || exports.YANDEX_FORM_ORIGIN;
     const yaFormSection = customFormSection || exports.YANDEX_FORM_SECTION;
     const handleAnalytics = (0, hooks_1.useAnalytics)(common_1.DefaultEventNames.YandexFormSubmit);
-    const isMobile = React.useContext(mobileContext_1.MobileContext);
-    const locale = React.useContext(localeContext_1.LocaleContext);
-    const updateFormIframe = React.useCallback((container) => {
+    const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
+    const locale = (0, react_1.useContext)(localeContext_1.LocaleContext);
+    const updateFormIframe = (0, react_1.useCallback)((container) => {
         const queryParams = new URLSearchParams(location.search);
         const url = location.origin + location.pathname;
         queryParams.set('url', url);
@@ -56,7 +55,7 @@ const YandexForm = (props) => {
             container.appendChild(iframeRef.current);
         }
     }, [locale.lang, theme, isMobile, yaFormOrigin, yaFormSection, id, containerId, params]);
-    const handleSubmit = React.useCallback(() => {
+    const handleSubmit = (0, react_1.useCallback)(() => {
         if (formContainerRef && formContainerRef.current) {
             const { top } = formContainerRef.current.getBoundingClientRect();
             window.scrollBy(0, top - headerHeight);
@@ -66,7 +65,7 @@ const YandexForm = (props) => {
             onSubmit();
         }
     }, [handleAnalytics, analyticsEvents, onSubmit, headerHeight]);
-    const handleMessage = React.useCallback(({ origin, data }) => {
+    const handleMessage = (0, react_1.useCallback)(({ origin, data }) => {
         if (origin !== yaFormOrigin) {
             return;
         }
@@ -92,21 +91,20 @@ const YandexForm = (props) => {
             return;
         }
     }, [yaFormOrigin, id, onLoad, handleSubmit]);
-    const addIframe = React.useCallback(() => {
+    const addIframe = (0, react_1.useCallback)(() => {
         const container = formContainerRef.current;
         if (container) {
             updateFormIframe(container);
             window.addEventListener('message', handleMessage, { passive: true });
         }
     }, [updateFormIframe, handleMessage]);
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         addIframe();
         // Crunch for mobile chrome in lite mode
         // https://support.google.com/chrome/answer/2392284?co=GENIE.Platform%3DAndroid&oco=1
         setTimeout(() => onLoad === null || onLoad === void 0 ? void 0 : onLoad(), 1000);
         return () => window.removeEventListener('message', handleMessage);
     }, [id, addIframe, handleMessage, onLoad]);
-    return (0, jsx_runtime_1.jsx)("div", { ref: formContainerRef, className: b(null, className) });
+    return react_1.default.createElement("div", { ref: formContainerRef, className: b(null, className) });
 };
 exports.default = YandexForm;
-//# sourceMappingURL=YandexForm.js.map

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YandexFormProps = void 0;
-const common_1 = require("../../schema/validators/common.js");
+const common_1 = require("../../schema/validators/common");
 exports.YandexFormProps = {
     type: 'object',
     required: ['id'],
@@ -11,4 +11,3 @@ exports.YandexFormProps = {
             type: 'string',
         } }),
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,4 +1,4 @@
-import { Theme } from "../models/index.js";
+import { Theme } from '../models';
 export declare const DEFAULT_THEME = Theme.Light;
 export declare const UIKIT_ROOT_CLASS = "g-root";
 export declare const HEADER_HEIGHT = 64;

package/build/cjs/components/constants.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HEADER_HEIGHT = exports.UIKIT_ROOT_CLASS = exports.DEFAULT_THEME = void 0;
-const models_1 = require("../models/index.js");
+const models_1 = require("../models");
 exports.DEFAULT_THEME = models_1.Theme.Light;
 exports.UIKIT_ROOT_CLASS = 'g-root';
 exports.HEADER_HEIGHT = 64;
-//# sourceMappingURL=constants.js.map