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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"../../../../src","sources":["components/Table/Table.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Check, Minus} from '@gravity-ui/icons';\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {HTML, YFMWrapper} from '../';\nimport {ClassNameProps, Justify, LegendTableMarkerType, TableProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './Table.scss';\n\nfunction getMarkerId(index: number): string | undefined {\n    if (isNaN(index)) {\n        return undefined;\n    }\n\n    return `marker-${index}`;\n}\n\nconst b = block('table');\n\nexport default class Table extends React.Component<TableProps & ClassNameProps> {\n    render() {\n        const {content, legend, hideLegend, marker = 'disk', className, caption} = this.props;\n\n        if (!content || !content.length || !content[0].length) {\n            return null;\n        }\n\n        return (\n            <div className={b(null, className)} role={'table'} aria-label={caption}>\n                {this.renderTable(content, marker, legend)}\n                {legend && !hideLegend && this.renderLegend(legend, marker)}\n            </div>\n        );\n    }\n\n    private renderTable(content: string[][], marker: LegendTableMarkerType, legend?: string[]) {\n        const justify = this.getDefaultJustify(content, this.props.justify);\n\n        return (\n            <div className={b('table')} role={'rowgroup'}>\n                {content.map((row, i) => (\n                    <div key={i} className={b('row')} role={'row'}>\n                        {row.map((cell, j) => (\n                            <div key={j} className={b('cell', {justify: justify[j]})} role={'cell'}>\n                                {legend && i && j ? (\n                                    this.renderMarker(marker, cell)\n                                ) : (\n                                    <HTML>{cell}</HTML>\n                                )}\n                            </div>\n                        ))}\n                    </div>\n                ))}\n            </div>\n        );\n    }\n\n    private renderMarker(type: LegendTableMarkerType, cell: string) {\n        return (\n            <div\n                aria-labelledby={getMarkerId(Number(cell))}\n                className={b('marker', {type, index: String(cell)})}\n            >\n                {type === 'tick' ? (\n                    <Icon\n                        size={20}\n                        className={b('marker_tick', {check: Number(cell) === 1})}\n                        data={Number(cell) === 1 ? Check : Minus}\n                    />\n                ) : null}\n            </div>\n        );\n    }\n\n    private renderLegend(legend: string[], marker: LegendTableMarkerType) {\n        return (\n            <div className={b('legend')}>\n                {legend.map((item, index) => (\n                    <div key={item} className={b('legend-item')}>\n                        {this.renderMarker(marker, String(index))}\n                        <YFMWrapper\n                            className={b('legent-item-text')}\n                            content={item}\n                            modifiers={{constructor: true}}\n                            id={getMarkerId(index)}\n                        />\n                    </div>\n                ))}\n            </div>\n        );\n    }\n\n    private getDefaultJustify(content: string[][], justify?: Justify[]) {\n        return justify || new Array(content[0].length).fill('center');\n    }\n}\n"]}

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

@@ -1,5 +1,5 @@
-import { GridColumnSizesType } from '../../grid';
-import { ClassNameProps, TitleProps as TitleParams } from '../../models';
+import { GridColumnSizesType } from "../../grid/index.js";
+import { ClassNameProps, TitleProps as TitleParams } from "../../models/index.js";
 export interface TitleProps extends TitleParams {
     colSizes?: GridColumnSizesType;
     id?: string;

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

@@ -1,17 +1,18 @@
-import { createRequire as _createRequire } from "module";
-const __require = _createRequire(import.meta.url);
-const tslib_1 = __require("tslib");
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Col } from '../../grid';
-import { block } from '../../utils';
-import YFMWrapper from '../YFMWrapper/YFMWrapper';
-import TitleItem from './TitleItem';
-const b = block('title');
+"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 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 (_jsxs("div", { className: b(null, className), id: id, children: [text && (_jsx(Col, { reset: true, sizes: colSizes, children: _jsx(TitleItem, Object.assign({ text: text }, titleProps)) })), subtitle && (_jsx(Col, { reset: true, sizes: colSizes, children: _jsx("div", { className: b('description', { titleSize: titleProps === null || titleProps === void 0 ? void 0 : titleProps.textSize }), children: _jsx(YFMWrapper, { content: subtitle, modifiers: { constructor: true } }) }) }))] }));
+    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 } }) }) }))] }));
 };
-export default Title;
+exports.default = Title;
+//# sourceMappingURL=Title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","sourceRoot":"../../../../src","sources":["components/Title/Title.tsx"],"names":[],"mappings":";;;;AAAA,8CAAoD;AAEpD,gDAAkC;AAClC,qFAAkD;AAElD,uEAAoC;AAIpC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,OAAO,CAAC,CAAC;AAOzB,MAAM,KAAK,GAAG,CAAC,EACX,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,EAC3B,EAAE,GACwB,EAAE,EAAE;IAC9B,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;QACtB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,KACF,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAE,EAAC,IAAI,EAAE,KAAK,EAAoB,CAAC,CAAC,CAAC,KAAK,EAD7E,EAAC,IAAI,OACwE,EADnE,UAAU,sBAApB,QAAqB,CACwD,CAAC;IAEpF,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,aACrC,IAAI,IAAI,CACL,uBAAC,UAAG,IAAC,KAAK,QAAC,KAAK,EAAE,QAAQ,YACtB,uBAAC,mBAAS,kBAAC,IAAI,EAAE,IAAI,IAAM,UAAU,EAAI,GACvC,CACT,EACA,QAAQ,IAAI,CACT,uBAAC,UAAG,IAAC,KAAK,QAAC,KAAK,EAAE,QAAQ,YACtB,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,SAAS,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,EAAC,CAAC,YAC/D,uBAAC,oBAAU,IAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAAI,GAC/D,GACJ,CACT,IACC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC","sourcesContent":["import {Col, GridColumnSizesType} from '../../grid';\nimport {ClassNameProps, TitleItemProps, TitleProps as TitleParams} from '../../models';\nimport {block} from '../../utils';\nimport YFMWrapper from '../YFMWrapper/YFMWrapper';\n\nimport TitleItem from './TitleItem';\n\nimport './Title.scss';\n\nconst b = block('title');\n\nexport interface TitleProps extends TitleParams {\n    colSizes?: GridColumnSizesType;\n    id?: string;\n}\n\nconst Title = ({\n    title,\n    subtitle,\n    className,\n    colSizes = {all: 12, sm: 8},\n    id,\n}: TitleProps & ClassNameProps) => {\n    if (!title && !subtitle) {\n        return null;\n    }\n\n    const {text, ...titleProps} =\n        !title || typeof title === 'string' ? ({text: title} as TitleItemProps) : title;\n\n    return (\n        <div className={b(null, className)} id={id}>\n            {text && (\n                <Col reset sizes={colSizes}>\n                    <TitleItem text={text} {...titleProps} />\n                </Col>\n            )}\n            {subtitle && (\n                <Col reset sizes={colSizes}>\n                    <div className={b('description', {titleSize: titleProps?.textSize})}>\n                        <YFMWrapper content={subtitle} modifiers={{constructor: true}} />\n                    </div>\n                </Col>\n            )}\n        </div>\n    );\n};\n\nexport default Title;\n"]}

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

@@ -1,4 +1,4 @@
-import { QAProps, TextSize, TitleItemProps } from '../../models';
+import { QAProps, TextSize, TitleItemProps } from "../../models/index.js";
 export declare function getArrowSize(size: TextSize, isMobile: boolean): 16 | 20 | 24 | 13 | 22 | 26 | 38;
 export interface TitleItemFullProps extends TitleItemProps, QAProps {
     className?: string;

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

@@ -1,12 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { HTML, ToggleArrow } from '../';
-import { LocationContext } from '../../context/locationContext';
-import { MobileContext } from '../../context/mobileContext';
-import { block, getHeaderTag, getLinkProps } from '../../utils';
-import Anchor from '../Anchor/Anchor';
-const b = block('title-item');
-export function getArrowSize(size, isMobile) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getArrowSize = getArrowSize;
+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 b = (0, utils_1.block)('title-item');
+function getArrowSize(size, isMobile) {
     switch (size) {
         case 'xs':
             return 13;
@@ -21,24 +25,25 @@ export function getArrowSize(size, isMobile) {
     }
 }
 const TitleItem = (props) => {
-    const isMobile = React.useContext(MobileContext);
+    const isMobile = React.useContext(mobileContext_1.MobileContext);
     const { textSize = 'm', text, anchor, justify, url, onClick, custom, className, qa, resetMargin = true, urlTitle, } = props;
-    const { hostname } = React.useContext(LocationContext);
-    const textMarkup = (_jsxs(React.Fragment, { children: [_jsx(HTML, { className: b('text'), children: text }), custom && (_jsxs(React.Fragment, { children: ["\u00A0", _jsx("span", { className: b('custom'), children: custom })] }))] }));
+    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 })] }))] }));
     let content;
-    const insideClickableContent = (_jsxs("span", { className: b('wrapper'), children: [textMarkup, "\u00A0", _jsx(ToggleArrow, { className: b('arrow', { size: textSize }), size: getArrowSize(textSize, isMobile), type: 'horizontal', iconType: "navigation", open: false })] }));
+    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 })] }));
     if (!url && !onClick) {
         content = textMarkup;
     }
     else if (url) {
-        content = (_jsx("a", Object.assign({ className: b('link'), href: url }, getLinkProps(url, hostname), { onClick: onClick, title: urlTitle, children: insideClickableContent })));
+        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 })));
     }
     else if (onClick) {
-        content = (_jsx("button", { className: b('link'), onClick: onClick, title: urlTitle, children: insideClickableContent }));
+        content = ((0, jsx_runtime_1.jsx)("button", { className: b('link'), onClick: onClick, title: urlTitle, children: insideClickableContent }));
     }
-    return (_jsxs(React.Fragment, { children: [anchor && _jsx(Anchor, { id: anchor, className: b('anchor') }), React.createElement(getHeaderTag(textSize), {
+    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)] }));
 };
-export default TitleItem;
+exports.default = TitleItem;
+//# sourceMappingURL=TitleItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleItem.js","sourceRoot":"../../../../src","sources":["components/Title/TitleItem.tsx"],"names":[],"mappings":";;AAaA,oCAaC;;;AA1BD,qDAA+B;AAE/B,mCAAsC;AACtC,4EAA8D;AAC9D,wEAA0D;AAE1D,gDAA8D;AAC9D,yEAAsC;AAItC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAE9B,SAAgB,YAAY,CAAC,IAAc,EAAE,QAAiB;IAC1D,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,IAAI;YACL,OAAO,EAAE,CAAC;QACd,KAAK,GAAG;YACJ,OAAO,EAAE,CAAC;QACd,KAAK,GAAG;YACJ,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9B,KAAK,GAAG;YACJ,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9B;YACI,OAAO,EAAE,CAAC;IAClB,CAAC;AACL,CAAC;AAQD,MAAM,SAAS,GAAG,CAAC,KAAyB,EAAE,EAAE;IAC5C,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAEjD,MAAM,EACF,QAAQ,GAAG,GAAG,EACd,IAAI,EACJ,MAAM,EACN,OAAO,EACP,GAAG,EACH,OAAO,EACP,MAAM,EACN,SAAS,EACT,EAAE,EACF,WAAW,GAAG,IAAI,EAClB,QAAQ,GACX,GAAG,KAAK,CAAC;IAEV,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IACrD,MAAM,UAAU,GAAG,CACf,wBAAC,KAAK,CAAC,QAAQ,eACX,uBAAC,QAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAQ,EACxC,MAAM,IAAI,CACP,wBAAC,KAAK,CAAC,QAAQ,yBAEX,iCAAM,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YAAG,MAAM,GAAQ,IAChC,CACpB,IACY,CACpB,CAAC;IACF,IAAI,OAAwB,CAAC;IAE7B,MAAM,sBAAsB,GAAG,CAC3B,kCAAM,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,UAAU,YAEX,uBAAC,eAAW,IACR,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,EACvC,IAAI,EAAE,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,EACtC,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAC,YAAY,EACrB,IAAI,EAAE,KAAK,GACb,IACC,CACV,CAAC;IAEF,IAAI,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QACnB,OAAO,GAAG,UAAU,CAAC;IACzB,CAAC;SAAM,IAAI,GAAG,EAAE,CAAC;QACb,OAAO,GAAG,CACN,4CACI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,IAAI,EAAE,GAAG,IACL,IAAA,oBAAY,EAAC,GAAG,EAAE,QAAQ,CAAC,IAC/B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,QAAQ,YAEd,sBAAsB,IACvB,CACP,CAAC;IACN,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC;QACjB,OAAO,GAAG,CACN,mCAAQ,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,YAC1D,sBAAsB,GAClB,CACZ,CAAC;IACN,CAAC;IAED,OAAO,CACH,wBAAC,KAAK,CAAC,QAAQ,eACV,MAAM,IAAI,uBAAC,gBAAM,IAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAI,EACxD,KAAK,CAAC,aAAa,CAChB,IAAA,oBAAY,EAAC,QAAQ,CAAC,EACtB;gBACI,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAC,EAAE,SAAS,CAAC;gBAC/E,SAAS,EAAE,GAAG,EAAE,SAAS;aAC5B,EACD,OAAO,CACV,IACY,CACpB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {HTML, ToggleArrow} from '../';\nimport {LocationContext} from '../../context/locationContext';\nimport {MobileContext} from '../../context/mobileContext';\nimport {QAProps, TextSize, TitleItemProps} from '../../models';\nimport {block, getHeaderTag, getLinkProps} from '../../utils';\nimport Anchor from '../Anchor/Anchor';\n\nimport './TitleItem.scss';\n\nconst b = block('title-item');\n\nexport function getArrowSize(size: TextSize, isMobile: boolean) {\n    switch (size) {\n        case 'xs':\n            return 13;\n        case 's':\n            return 16;\n        case 'm':\n            return isMobile ? 22 : 24;\n        case 'l':\n            return isMobile ? 26 : 38;\n        default:\n            return 20;\n    }\n}\n\nexport interface TitleItemFullProps extends TitleItemProps, QAProps {\n    className?: string;\n    onClick?: () => void;\n    resetMargin?: boolean;\n}\n\nconst TitleItem = (props: TitleItemFullProps) => {\n    const isMobile = React.useContext(MobileContext);\n\n    const {\n        textSize = 'm',\n        text,\n        anchor,\n        justify,\n        url,\n        onClick,\n        custom,\n        className,\n        qa,\n        resetMargin = true,\n        urlTitle,\n    } = props;\n\n    const {hostname} = React.useContext(LocationContext);\n    const textMarkup = (\n        <React.Fragment>\n            <HTML className={b('text')}>{text}</HTML>\n            {custom && (\n                <React.Fragment>\n                    &nbsp;\n                    <span className={b('custom')}>{custom}</span>\n                </React.Fragment>\n            )}\n        </React.Fragment>\n    );\n    let content: React.ReactNode;\n\n    const insideClickableContent = (\n        <span className={b('wrapper')}>\n            {textMarkup}\n            &nbsp;\n            <ToggleArrow\n                className={b('arrow', {size: textSize})}\n                size={getArrowSize(textSize, isMobile)}\n                type={'horizontal'}\n                iconType=\"navigation\"\n                open={false}\n            />\n        </span>\n    );\n\n    if (!url && !onClick) {\n        content = textMarkup;\n    } else if (url) {\n        content = (\n            <a\n                className={b('link')}\n                href={url}\n                {...getLinkProps(url, hostname)}\n                onClick={onClick}\n                title={urlTitle}\n            >\n                {insideClickableContent}\n            </a>\n        );\n    } else if (onClick) {\n        content = (\n            <button className={b('link')} onClick={onClick} title={urlTitle}>\n                {insideClickableContent}\n            </button>\n        );\n    }\n\n    return (\n        <React.Fragment>\n            {anchor && <Anchor id={anchor} className={b('anchor')} />}\n            {React.createElement(\n                getHeaderTag(textSize),\n                {\n                    className: b({size: textSize, justify, 'reset-margin': resetMargin}, className),\n                    'data-qa': `${qa}-header`,\n                },\n                content,\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default TitleItem;\n"]}

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

@@ -1,7 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Icon } from '@gravity-ui/uikit';
-import { Chevron, NavigationChevron } from '../../icons';
-import { block } from '../../utils';
-const b = block('ToggleArrow');
-const ToggleArrow = ({ type = 'horizontal', iconType = 'default', open = false, size = 16, thin = false, slow = false, className, }) => (_jsx(Icon, { className: b({ type, open, thin, slow }, className), data: iconType === 'navigation' ? NavigationChevron : Chevron, size: size }));
-export default ToggleArrow;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_1 = require("@gravity-ui/uikit");
+const icons_1 = require("../../icons/index.js");
+const utils_1 = require("../../utils/index.js");
+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 }));
+exports.default = ToggleArrow;
+//# sourceMappingURL=ToggleArrow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleArrow.js","sourceRoot":"../../../../src","sources":["components/ToggleArrow/ToggleArrow.tsx"],"names":[],"mappings":";;;AAAA,6CAAuC;AAEvC,gDAAuD;AACvD,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAY/B,MAAM,WAAW,GAAG,CAAC,EACjB,IAAI,GAAG,YAAY,EACnB,QAAQ,GAAG,SAAS,EACpB,IAAI,GAAG,KAAK,EACZ,IAAI,GAAG,EAAE,EACT,IAAI,GAAG,KAAK,EACZ,IAAI,GAAG,KAAK,EACZ,SAAS,GACM,EAAE,EAAE,CAAC,CACpB,uBAAC,YAAI,IACD,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,EAAE,SAAS,CAAC,EACjD,IAAI,EAAE,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,yBAAiB,CAAC,CAAC,CAAC,eAAO,EAC7D,IAAI,EAAE,IAAI,GACZ,CACL,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["import {Icon} from '@gravity-ui/uikit';\n\nimport {Chevron, NavigationChevron} from '../../icons';\nimport {block} from '../../utils';\n\nimport './ToggleArrow.scss';\n\nconst b = block('ToggleArrow');\n\nexport interface ToggleArrowProps {\n    type?: 'horizontal' | 'vertical';\n    iconType?: 'navigation' | 'default';\n    open?: boolean;\n    size?: number;\n    thin?: boolean;\n    slow?: boolean;\n    className?: string;\n}\n\nconst ToggleArrow = ({\n    type = 'horizontal',\n    iconType = 'default',\n    open = false,\n    size = 16,\n    thin = false,\n    slow = false,\n    className,\n}: ToggleArrowProps) => (\n    <Icon\n        className={b({type, open, thin, slow}, className)}\n        data={iconType === 'navigation' ? NavigationChevron : Chevron}\n        size={size}\n    />\n);\n\nexport default ToggleArrow;\n"]}

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

@@ -1,6 +1,9 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { block } from '../../utils';
-import { i18n } from './i18n';
-const b = block('unpublished-label');
-const UnpublishedLabel = ({ className, children, type = 'line', }) => (_jsx("div", { className: b({ type }, className), children: children || i18n('label_non_published') }));
-export default UnpublishedLabel;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../utils/index.js");
+const i18n_1 = require("./i18n/index.js");
+const b = (0, utils_1.block)('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') }));
+exports.default = UnpublishedLabel;
+//# sourceMappingURL=UnpublishedLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UnpublishedLabel.js","sourceRoot":"../../../../src","sources":["components/UnpublishedLabel/UnpublishedLabel.tsx"],"names":[],"mappings":";;;AAEA,gDAAkC;AAElC,0CAA4B;AAG5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AASrC,MAAM,gBAAgB,GAAG,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,MAAM,GACgC,EAAE,EAAE,CAAC,CAClD,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,YAAG,QAAQ,IAAI,IAAA,WAAI,EAAC,qBAAqB,CAAC,GAAO,CACxF,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {block} from '../../utils';\n\nimport {i18n} from './i18n';\nimport './UnpublishedLabel.scss';\n\nconst b = block('unpublished-label');\n\nexport type LabeLType = 'label' | 'line';\n\nexport interface UnpublishedLabelProps {\n    type?: LabeLType;\n    className?: string;\n}\n\nconst UnpublishedLabel = ({\n    className,\n    children,\n    type = 'line',\n}: React.PropsWithChildren<UnpublishedLabelProps>) => (\n    <div className={b({type}, className)}>{children || i18n('label_non_published')}</div>\n);\n\nexport default UnpublishedLabel;\n"]}

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

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

package/build/cjs/components/UnpublishedLabel/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/UnpublishedLabel/i18n/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA2D;AAE3D,6CAA4C;AAE5C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,kBAAkB,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}UnpublishedLabel`);\n"]}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { AnalyticsEventsBase } from '../../models/common';
+import { AnalyticsEventsBase } from "../../models/common.js";
 export declare const AUTOPLAY_ATTRIBUTES: {
     autoplay: number;
     mute: number;

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

@@ -1,27 +1,32 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { PlayFill } from '@gravity-ui/icons';
-import { Icon, useActionHandlers, useUniqId } from '@gravity-ui/uikit';
-import debounce from 'lodash/debounce';
-import { v4 as uuidv4 } from 'uuid';
-import { useAnalytics } from '../../hooks/useAnalytics';
-import { DefaultEventNames } from '../../models/common';
-import { block, getPageSearchParams } from '../../utils';
-import Image from '../Image/Image';
-import { i18n } from './i18n';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AUTOPLAY_ATTRIBUTES = void 0;
+exports.getHeight = getHeight;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce.js"));
+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 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}/;
 const STREAM_RE = /[0-9A-Za-z_-]{23,25}/;
 const AUTOPLAY_DELAY = 300;
-export const AUTOPLAY_ATTRIBUTES = {
+exports.AUTOPLAY_ATTRIBUTES = {
     autoplay: 1,
     mute: 1,
 };
 const NO_AUTOPLAY_ATTRIBUTES = {
     autoplay: 0,
 };
-const b = block('VideoBlock');
+const b = (0, utils_1.block)('VideoBlock');
 function getYoutubeVideoSrc(stream, record) {
     if (!stream && !record) {
         return null;
@@ -36,24 +41,24 @@ function getYoutubeVideoSrc(stream, record) {
     }
     return src;
 }
-export function getHeight(width) {
+function getHeight(width) {
     return (width / 16) * 9;
 }
 const VideoBlock = (props) => {
     const { stream, record, videoIframe, attributes, className, id, previewImg, playButton, playButtonId, height, fullscreen, analyticsEvents, autoplay, onImageLoad, } = props;
-    const handleAnalytics = useAnalytics(DefaultEventNames.VideoPreview);
+    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 || uuidv4(), [id]);
-    const buttonId = useUniqId();
+    const fullId = React.useMemo(() => id || (0, uuid_1.v4)(), [id]);
+    const buttonId = (0, uikit_1.useUniqId)();
     const [isPlaying, setIsPlaying] = React.useState(!previewImg);
     const iframeSrc = React.useMemo(() => {
         if (src && isPlaying) {
             try {
                 const url = new URL(src);
-                const searchParams = getPageSearchParams(Object.assign(Object.assign({}, (attributes || {})), (previewImg || autoplay ? AUTOPLAY_ATTRIBUTES : NO_AUTOPLAY_ATTRIBUTES)));
+                const searchParams = (0, utils_1.getPageSearchParams)(Object.assign(Object.assign({}, (attributes || {})), (previewImg || autoplay ? exports.AUTOPLAY_ATTRIBUTES : NO_AUTOPLAY_ATTRIBUTES)));
                 searchParams.forEach((value, key) => {
                     url.searchParams.set(key, value);
                 });
@@ -70,9 +75,9 @@ const VideoBlock = (props) => {
         setIsPlaying(true);
         setTimeout(() => setHidePreview(true), AUTOPLAY_DELAY);
     }, [handleAnalytics, analyticsEvents]);
-    const { onKeyDown: onPreviewKeyDown } = useActionHandlers(onPreviewClick);
+    const { onKeyDown: onPreviewKeyDown } = (0, uikit_1.useActionHandlers)(onPreviewClick);
     React.useEffect(() => {
-        const updateSize = debounce(() => {
+        const updateSize = (0, debounce_1.default)(() => {
             setCurrentHeight(ref.current ? Math.round(getHeight(ref.current.offsetWidth)) : undefined);
         }, 100);
         updateSize();
@@ -82,7 +87,7 @@ const VideoBlock = (props) => {
         };
     }, [height]);
     const iframeContent = React.useMemo(() => {
-        return (_jsx("iframe", { id: fullId, src: iframeSrc, width: "100%", height: "100%", title: 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" }));
+        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" }));
     }, [fullId, iframeSrc]);
     React.useEffect(() => {
         setHidePreview(false);
@@ -90,6 +95,7 @@ const VideoBlock = (props) => {
     if (!src) {
         return null;
     }
-    return (_jsxs("div", { className: b(null, className), style: { height: currentHeight }, ref: ref, children: [iframeContent, previewImg && !hidePreview && !fullscreen && (_jsxs("div", { className: b('preview'), onClick: onPreviewClick, onKeyDown: onPreviewKeyDown, role: "button", tabIndex: 0, "aria-labelledby": playButton ? playButtonId : buttonId, children: [_jsx(Image, { src: previewImg, className: b('image'), containerClassName: b('image-wrapper'), onLoad: onImageLoad }), playButton || (_jsx("button", { title: "Play", id: buttonId, className: b('button'), children: _jsx(Icon, { className: b('icon'), data: PlayFill, size: 24 }) }))] }))] }));
+    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 }) }))] }))] }));
 };
-export default VideoBlock;
+exports.default = VideoBlock;
+//# sourceMappingURL=VideoBlock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoBlock.js","sourceRoot":"../../../../src","sources":["components/VideoBlock/VideoBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {PlayFill} from '@gravity-ui/icons';\nimport {Icon, useActionHandlers, useUniqId} from '@gravity-ui/uikit';\nimport debounce from 'lodash/debounce';\nimport {v4 as uuidv4} from 'uuid';\n\nimport {useAnalytics} from '../../hooks/useAnalytics';\nimport {AnalyticsEventsBase, DefaultEventNames} from '../../models/common';\nimport {block, getPageSearchParams} from '../../utils';\nimport Image from '../Image/Image';\n\nimport {i18n} from './i18n';\n\nimport './VideoBlock.scss';\n\nconst RECORD_URL = 'https://www.youtube.com/embed/';\nconst STREAM_URL = 'https://www.youtube.com/embed/live_stream?channel=';\nconst RECORD_RE = /[0-9A-Za-z_-]{11}/;\nconst STREAM_RE = /[0-9A-Za-z_-]{23,25}/;\nconst AUTOPLAY_DELAY = 300;\n\nexport const AUTOPLAY_ATTRIBUTES = {\n    autoplay: 1,\n    mute: 1,\n};\nconst NO_AUTOPLAY_ATTRIBUTES = {\n    autoplay: 0,\n};\n\nconst b = block('VideoBlock');\n\nfunction getYoutubeVideoSrc(stream?: string, record?: string) {\n    if (!stream && !record) {\n        return null;\n    }\n\n    const [videoLink, url, re] = stream\n        ? [stream, STREAM_URL, STREAM_RE]\n        : [record, RECORD_URL, RECORD_RE];\n    const match = videoLink?.match(re);\n    let src;\n\n    if (match && match.length) {\n        src = url + match[0];\n    }\n\n    return src;\n}\n\nexport function getHeight(width: number): number {\n    return (width / 16) * 9;\n}\n\nexport interface VideoBlockProps extends AnalyticsEventsBase {\n    id?: string;\n    stream?: string;\n    record?: string;\n    videoIframe?: string;\n    attributes?: Record<string, string>;\n    className?: string;\n    previewImg?: string;\n    playButton?: React.ReactNode;\n    playButtonId?: string;\n    height?: number;\n    fullscreen?: boolean;\n    autoplay?: boolean;\n    onImageLoad?: () => void;\n}\n\nconst VideoBlock = (props: VideoBlockProps) => {\n    const {\n        stream,\n        record,\n        videoIframe,\n        attributes,\n        className,\n        id,\n        previewImg,\n        playButton,\n        playButtonId,\n        height,\n        fullscreen,\n        analyticsEvents,\n        autoplay,\n        onImageLoad,\n    } = props;\n    const handleAnalytics = useAnalytics(DefaultEventNames.VideoPreview);\n\n    const src = videoIframe ? videoIframe : getYoutubeVideoSrc(stream, record);\n    const ref = React.useRef<HTMLDivElement>(null);\n    const [hidePreview, setHidePreview] = React.useState(false);\n    const [currentHeight, setCurrentHeight] = React.useState(height || undefined);\n    const fullId = React.useMemo(() => id || uuidv4(), [id]);\n    const buttonId = useUniqId();\n\n    const [isPlaying, setIsPlaying] = React.useState(!previewImg);\n\n    const iframeSrc = React.useMemo(() => {\n        if (src && isPlaying) {\n            try {\n                const url = new URL(src);\n                const searchParams = getPageSearchParams({\n                    ...(attributes || {}),\n                    ...(previewImg || autoplay ? AUTOPLAY_ATTRIBUTES : NO_AUTOPLAY_ATTRIBUTES),\n                });\n\n                searchParams.forEach((value, key) => {\n                    url.searchParams.set(key, value);\n                });\n\n                return url.href;\n            } catch (e) {\n                return src;\n            }\n        }\n\n        return undefined;\n    }, [attributes, autoplay, isPlaying, previewImg, src]);\n\n    const onPreviewClick = React.useCallback(() => {\n        handleAnalytics(analyticsEvents);\n\n        setIsPlaying(true);\n\n        setTimeout(() => setHidePreview(true), AUTOPLAY_DELAY);\n    }, [handleAnalytics, analyticsEvents]);\n\n    const {onKeyDown: onPreviewKeyDown} = useActionHandlers(onPreviewClick);\n\n    React.useEffect(() => {\n        const updateSize = debounce(() => {\n            setCurrentHeight(\n                ref.current ? Math.round(getHeight(ref.current.offsetWidth)) : undefined,\n            );\n        }, 100);\n\n        updateSize();\n        window.addEventListener('resize', updateSize, {passive: true});\n        return () => {\n            window.removeEventListener('resize', updateSize);\n        };\n    }, [height]);\n\n    const iframeContent = React.useMemo(() => {\n        return (\n            <iframe\n                id={fullId}\n                src={iframeSrc}\n                width=\"100%\"\n                height=\"100%\"\n                title={i18n('iframe-title')}\n                frameBorder=\"0\"\n                allowFullScreen={true}\n                allow=\"autoplay; fullscreen; encrypted-media; accelerometer; gyroscope; picture-in-picture; clipboard-write; web-share; screen-wake-lock\"\n                loading=\"lazy\"\n            />\n        );\n    }, [fullId, iframeSrc]);\n\n    React.useEffect(() => {\n        setHidePreview(false);\n    }, [src]);\n\n    if (!src) {\n        return null;\n    }\n\n    return (\n        <div className={b(null, className)} style={{height: currentHeight}} ref={ref}>\n            {iframeContent}\n            {previewImg && !hidePreview && !fullscreen && (\n                <div\n                    className={b('preview')}\n                    onClick={onPreviewClick}\n                    onKeyDown={onPreviewKeyDown}\n                    role=\"button\"\n                    tabIndex={0}\n                    aria-labelledby={playButton ? playButtonId : buttonId}\n                >\n                    <Image\n                        src={previewImg}\n                        className={b('image')}\n                        containerClassName={b('image-wrapper')}\n                        onLoad={onImageLoad}\n                    />\n                    {playButton || (\n                        <button title=\"Play\" id={buttonId} className={b('button')}>\n                            <Icon className={b('icon')} data={PlayFill} size={24} />\n                        </button>\n                    )}\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default VideoBlock;\n"]}

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

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

package/build/cjs/components/VideoBlock/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/VideoBlock/i18n/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA2D;AAE3D,6CAA4C;AAE5C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,YAAY,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}VideoBlock`);\n"]}

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

@@ -1,5 +1,5 @@
-import { ClassNameProps, Modifiers } from '../../models';
-import { QAProps } from '../../models/common';
+import { ClassNameProps, Modifiers } from "../../models/index.js";
+import { QAProps } from "../../models/common.js";
 export interface YFMWrapperProps extends ClassNameProps, QAProps {
     content: string;
     modifiers?: Modifiers;

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

@@ -1,9 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"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 */
-import toSnakeCase from 'snakecase-keys';
-import { HTML } from '../../components';
-import { cn } from '../../utils';
-const yfm = cn('yfm');
-const YFMWrapper = ({ content, modifiers, className, itemProp, id, qa }) => (_jsx(HTML, { className: yfm(modifiers ? toSnakeCase(modifiers) : {}, className), itemProp: itemProp, id: id, qa: qa, children: content }));
-export default YFMWrapper;
+const snakecase_keys_1 = tslib_1.__importDefault(require("snakecase-keys"));
+const components_1 = require("../index.js");
+const utils_1 = require("../../utils/index.js");
+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 }));
+exports.default = YFMWrapper;
+//# sourceMappingURL=YFMWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"YFMWrapper.js","sourceRoot":"../../../../src","sources":["components/YFMWrapper/YFMWrapper.tsx"],"names":[],"mappings":";;;;AAAA;yCACyC;AACzC,4EAAyC;AAEzC,4CAAsC;AAGtC,gDAA+B;AAE/B,MAAM,GAAG,GAAG,IAAA,UAAE,EAAC,KAAK,CAAC,CAAC;AAStB,MAAM,UAAU,GAAG,CAAC,EAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAkB,EAAE,EAAE,CAAC,CACvF,uBAAC,iBAAI,IACD,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAA,wBAAW,EAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC,EAClE,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,YAEL,OAAO,GACL,CACV,CAAC;AAEF,kBAAe,UAAU,CAAC","sourcesContent":["/* we won't use 'pc' class prefix here to let you opportunity to define yfm styles\nin your project via global 'yfm' class */\nimport toSnakeCase from 'snakecase-keys';\n\nimport {HTML} from '../../components';\nimport {ClassNameProps, Modifiers} from '../../models';\nimport {QAProps} from '../../models/common';\nimport {cn} from '../../utils';\n\nconst yfm = cn('yfm');\n\nexport interface YFMWrapperProps extends ClassNameProps, QAProps {\n    content: string;\n    modifiers?: Modifiers;\n    itemProp?: string;\n    id?: string;\n}\n\nconst YFMWrapper = ({content, modifiers, className, itemProp, id, qa}: YFMWrapperProps) => (\n    <HTML\n        className={yfm(modifiers ? toSnakeCase(modifiers) : {}, className)}\n        itemProp={itemProp}\n        id={id}\n        qa={qa}\n    >\n        {content}\n    </HTML>\n);\n\nexport default YFMWrapper;\n"]}

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

@@ -1,4 +1,4 @@
-import { YandexFormProps } from '../../models';
+import { YandexFormProps } from "../../models/index.js";
 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;

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

@@ -1,24 +1,28 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { LocaleContext } from '../../context/localeContext';
-import { MobileContext } from '../../context/mobileContext';
-import { useAnalytics } from '../../hooks';
-import { DefaultEventNames } from '../../models/common';
-import { block } from '../../utils';
-import { HEADER_HEIGHT } from '../constants';
-export const YANDEX_FORM_ORIGIN = 'https://forms.yandex.ru';
-export const YANDEX_FORM_SECTION = 'surveys';
+"use strict";
+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");
+exports.YANDEX_FORM_ORIGIN = 'https://forms.yandex.ru';
+exports.YANDEX_FORM_SECTION = 'surveys';
 const CONTAINER_ID = 'pc-yandex-form-container';
-const b = block('yandex-form');
+const b = (0, utils_1.block)('yandex-form');
 const YandexForm = (props) => {
-    const { onLoad, id, params, className, theme, containerId = CONTAINER_ID, headerHeight = HEADER_HEIGHT, onSubmit, analyticsEvents, customFormOrigin, customFormSection, } = 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 yaFormOrigin = customFormOrigin || YANDEX_FORM_ORIGIN;
-    const yaFormSection = customFormSection || YANDEX_FORM_SECTION;
-    const handleAnalytics = useAnalytics(DefaultEventNames.YandexFormSubmit);
-    const isMobile = React.useContext(MobileContext);
-    const locale = React.useContext(LocaleContext);
+    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 queryParams = new URLSearchParams(location.search);
         const url = location.origin + location.pathname;
@@ -102,6 +106,7 @@ const YandexForm = (props) => {
         setTimeout(() => onLoad === null || onLoad === void 0 ? void 0 : onLoad(), 1000);
         return () => window.removeEventListener('message', handleMessage);
     }, [id, addIframe, handleMessage, onLoad]);
-    return _jsx("div", { ref: formContainerRef, className: b(null, className) });
+    return (0, jsx_runtime_1.jsx)("div", { ref: formContainerRef, className: b(null, className) });
 };
-export default YandexForm;
+exports.default = YandexForm;
+//# sourceMappingURL=YandexForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"YandexForm.js","sourceRoot":"../../../../src","sources":["components/YandexForm/YandexForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {LocaleContext} from '../../context/localeContext';\nimport {MobileContext} from '../../context/mobileContext';\nimport {useAnalytics} from '../../hooks';\nimport {YandexFormProps} from '../../models';\nimport {DefaultEventNames} from '../../models/common';\nimport {block} from '../../utils';\nimport {HEADER_HEIGHT} from '../constants';\n\nexport const YANDEX_FORM_ORIGIN = 'https://forms.yandex.ru';\nexport const YANDEX_FORM_SECTION = 'surveys';\nconst CONTAINER_ID = 'pc-yandex-form-container';\n\nconst b = block('yandex-form');\n\nconst YandexForm = (props: YandexFormProps) => {\n    const {\n        onLoad,\n        id,\n        params,\n        className,\n        theme,\n        containerId = CONTAINER_ID,\n        headerHeight = HEADER_HEIGHT,\n        onSubmit,\n        analyticsEvents,\n        customFormOrigin,\n        customFormSection,\n    } = props;\n    const formContainerRef = React.useRef<HTMLDivElement>(null);\n    const iframeRef = React.useRef<HTMLIFrameElement>();\n    const yaFormOrigin = customFormOrigin || YANDEX_FORM_ORIGIN;\n    const yaFormSection = customFormSection || YANDEX_FORM_SECTION;\n\n    const handleAnalytics = useAnalytics(DefaultEventNames.YandexFormSubmit);\n    const isMobile = React.useContext(MobileContext);\n    const locale = React.useContext(LocaleContext);\n\n    const updateFormIframe = React.useCallback(\n        (container: HTMLDivElement) => {\n            const queryParams = new URLSearchParams(location.search);\n            const url = location.origin + location.pathname;\n\n            queryParams.set('url', url);\n            queryParams.set('iframe', '1');\n\n            if (locale?.lang) {\n                queryParams.set('lang', locale.lang);\n            }\n\n            queryParams.set('theme', theme || 'cloud-www');\n\n            if (isMobile) {\n                queryParams.set('media-type', 'mobile');\n            }\n\n            if (params) {\n                Object.keys(params).forEach((param) => {\n                    queryParams.set(param, params[param]);\n                });\n            }\n\n            const src = `${yaFormOrigin}/${yaFormSection}/${id}/?${queryParams}`;\n\n            if (iframeRef.current) {\n                iframeRef.current.src = src;\n            } else {\n                iframeRef.current = document.createElement('iframe');\n                iframeRef.current.src = src;\n                iframeRef.current.id = containerId;\n                iframeRef.current.name = `form${id}`;\n                iframeRef.current.setAttribute('loading', 'lazy');\n                iframeRef.current.frameBorder = '0';\n                iframeRef.current.scrolling = 'no';\n                iframeRef.current.width = '100%';\n                container.appendChild(iframeRef.current);\n            }\n        },\n        [locale.lang, theme, isMobile, yaFormOrigin, yaFormSection, id, containerId, params],\n    );\n\n    const handleSubmit = React.useCallback(() => {\n        if (formContainerRef && formContainerRef.current) {\n            const {top} = formContainerRef.current.getBoundingClientRect();\n            window.scrollBy(0, top - headerHeight);\n        }\n\n        handleAnalytics(analyticsEvents);\n\n        if (onSubmit) {\n            onSubmit();\n        }\n    }, [handleAnalytics, analyticsEvents, onSubmit, headerHeight]);\n\n    const handleMessage = React.useCallback(\n        ({origin, data}: MessageEvent) => {\n            if (origin !== yaFormOrigin) {\n                return;\n            }\n\n            try {\n                const parsed = JSON.parse(data);\n                const height = parsed['iframe-height'];\n                const {message, name, redirectUrl} = parsed;\n                if (name !== `form${id}`) {\n                    return;\n                }\n\n                if (iframeRef.current && height && !message) {\n                    iframeRef.current.height = `${height}px`;\n                    onLoad?.();\n                }\n\n                if (message === 'sent' || redirectUrl) {\n                    // event with redirectUrl is comming when form with redirect is used\n                    // otherwise, message: 'sent' is not comming on such sort of forms\n                    // to catch this event and handle analytics redirectUrl is added to condition\n                    handleSubmit();\n                }\n            } catch (error) {\n                return;\n            }\n        },\n        [yaFormOrigin, id, onLoad, handleSubmit],\n    );\n\n    const addIframe = React.useCallback(() => {\n        const container = formContainerRef.current;\n\n        if (container) {\n            updateFormIframe(container);\n            window.addEventListener('message', handleMessage, {passive: true});\n        }\n    }, [updateFormIframe, handleMessage]);\n\n    React.useEffect(() => {\n        addIframe();\n        // Crunch for mobile chrome in lite mode\n        // https://support.google.com/chrome/answer/2392284?co=GENIE.Platform%3DAndroid&oco=1\n        setTimeout(() => onLoad?.(), 1000);\n\n        return () => window.removeEventListener('message', handleMessage);\n    }, [id, addIframe, handleMessage, onLoad]);\n\n    return <div ref={formContainerRef} className={b(null, className)} />;\n};\n\nexport default YandexForm;\n"]}