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

package/build/esm/blocks/Info/Info.d.ts

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

package/build/esm/blocks/Info/Info.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import { useTheme } from '../../context/theme';
-import { Col, Grid, Row } from '../../grid';
-import Content from '../../sub-blocks/Content/Content';
-import { block, getThemedValue } from '../../utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTheme } from "../../context/theme/index.js";
+import { Col, Grid, Row } from "../../grid/index.js";
+import Content from "../../sub-blocks/Content/Content.js";
+import { block, getThemedValue } from "../../utils/index.js";
 import './Info.css';
 const b = block('info-block');
 const sizes = { md: 6, all: 12 };
@@ -20,13 +20,7 @@ export const InfoBlock = (props) => {
         className: b('content'),
         theme: contentTheme,
     };
-    return (React.createElement("div", { className: b() },
-        React.createElement("div", { className: b('container'), style: { backgroundColor: getThemedValue(backgroundColor, theme) } },
-            React.createElement(Grid, null,
-                React.createElement(Row, null,
-                    React.createElement(Col, { sizes: sizes, className: b('left') },
-                        React.createElement(Content, Object.assign({ title: title || (leftContent === null || leftContent === void 0 ? void 0 : leftContent.title), text: leftContent === null || leftContent === void 0 ? void 0 : leftContent.text, links: leftContent === null || leftContent === void 0 ? void 0 : leftContent.links, list: leftContent === null || leftContent === void 0 ? void 0 : leftContent.list, buttons: leftButtons, additionalInfo: leftContent === null || leftContent === void 0 ? void 0 : leftContent.additionalInfo }, commonProps))),
-                    React.createElement(Col, { sizes: sizes, className: b('right') },
-                        React.createElement(Content, Object.assign({ title: sectionsTitle || (rightContent === null || rightContent === void 0 ? void 0 : rightContent.title), text: rightContent === null || rightContent === void 0 ? void 0 : rightContent.text, links: rightLinks, list: rightContent === null || rightContent === void 0 ? void 0 : rightContent.list, buttons: rightContent === null || rightContent === void 0 ? void 0 : rightContent.buttons, additionalInfo: rightContent === null || rightContent === void 0 ? void 0 : rightContent.additionalInfo }, commonProps))))))));
+    return (_jsx("div", { className: b(), children: _jsx("div", { className: b('container'), style: { backgroundColor: getThemedValue(backgroundColor, theme) }, children: _jsx(Grid, { children: _jsxs(Row, { children: [_jsx(Col, { sizes: sizes, className: b('left'), children: _jsx(Content, Object.assign({ title: title || (leftContent === null || leftContent === void 0 ? void 0 : leftContent.title), text: leftContent === null || leftContent === void 0 ? void 0 : leftContent.text, links: leftContent === null || leftContent === void 0 ? void 0 : leftContent.links, list: leftContent === null || leftContent === void 0 ? void 0 : leftContent.list, buttons: leftButtons, additionalInfo: leftContent === null || leftContent === void 0 ? void 0 : leftContent.additionalInfo }, commonProps)) }), _jsx(Col, { sizes: sizes, className: b('right'), children: _jsx(Content, Object.assign({ title: sectionsTitle || (rightContent === null || rightContent === void 0 ? void 0 : rightContent.title), text: rightContent === null || rightContent === void 0 ? void 0 : rightContent.text, links: rightLinks, list: rightContent === null || rightContent === void 0 ? void 0 : rightContent.list, buttons: rightContent === null || rightContent === void 0 ? void 0 : rightContent.buttons, additionalInfo: rightContent === null || rightContent === void 0 ? void 0 : rightContent.additionalInfo }, commonProps)) })] }) }) }) }));
 };
 export default InfoBlock;
+//# sourceMappingURL=Info.js.map

package/build/esm/blocks/Info/Info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Info.js","sourceRoot":"../../../../src","sources":["blocks/Info/Info.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useTheme} from '../../context/theme';\nimport {Col, Grid, Row} from '../../grid';\nimport {ContentTheme, InfoBlockProps, LinkTheme} from '../../models';\nimport Content from '../../sub-blocks/Content/Content';\nimport {block, getThemedValue} from '../../utils';\n\nimport './Info.scss';\n\nconst b = block('info-block');\nconst sizes = {md: 6, all: 12};\n\nexport const InfoBlock = (props: InfoBlockProps) => {\n    const {\n        backgroundColor,\n        theme: blockTheme = 'dark',\n        buttons = [],\n        title,\n        sectionsTitle,\n        links = [],\n        rightContent = {},\n        leftContent = {},\n    } = props;\n\n    const theme = useTheme();\n    const contentTheme = blockTheme === 'dark' ? 'dark' : 'default';\n    const rightLinks = [\n        ...(rightContent?.links || []),\n        ...links.map((link) => ({\n            ...link,\n            arrow: true,\n            theme: 'normal' as LinkTheme,\n        })),\n    ];\n    const leftButtons = [...buttons, ...(leftContent?.buttons || [])];\n    const commonProps = {\n        colSizes: {all: 12, md: 12},\n        className: b('content'),\n        theme: contentTheme as ContentTheme,\n    };\n\n    return (\n        <div className={b()}>\n            <div\n                className={b('container')}\n                style={{backgroundColor: getThemedValue(backgroundColor, theme)}}\n            >\n                <Grid>\n                    <Row>\n                        <Col sizes={sizes} className={b('left')}>\n                            <Content\n                                title={title || leftContent?.title}\n                                text={leftContent?.text}\n                                links={leftContent?.links}\n                                list={leftContent?.list}\n                                buttons={leftButtons}\n                                additionalInfo={leftContent?.additionalInfo}\n                                {...commonProps}\n                            />\n                        </Col>\n                        <Col sizes={sizes} className={b('right')}>\n                            <Content\n                                title={sectionsTitle || rightContent?.title}\n                                text={rightContent?.text}\n                                links={rightLinks}\n                                list={rightContent?.list}\n                                buttons={rightContent?.buttons}\n                                additionalInfo={rightContent?.additionalInfo}\n                                {...commonProps}\n                            />\n                        </Col>\n                    </Row>\n                </Grid>\n            </div>\n        </div>\n    );\n};\n\nexport default InfoBlock;\n"]}

package/build/esm/blocks/Info/schema.d.ts

@@ -15,7 +15,7 @@ export declare const InfoBlock: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../..").Theme[];
+                    required: import("../../index.js").Theme[];
                     properties: {};
                     optionName: string;
                 })[];

package/build/esm/blocks/Info/schema.js

@@ -1,7 +1,7 @@
 import omit from 'lodash/omit';
-import { BaseProps, ButtonBlock, LinkProps, ThemeProps, withTheme, } from '../../schema/validators/common';
-import { filteredArray } from '../../schema/validators/utils';
-import { ContentBase } from '../../sub-blocks/Content/schema';
+import { BaseProps, ButtonBlock, LinkProps, ThemeProps, withTheme, } from "../../schema/validators/common.js";
+import { filteredArray } from "../../schema/validators/utils.js";
+import { ContentBase } from "../../sub-blocks/Content/schema.js";
 const ContentProps = {
     additionalProperties: false,
     properties: omit(ContentBase, ['size', 'colSizes', 'theme']),
@@ -21,3 +21,4 @@ export const InfoBlock = {
             }, buttons: filteredArray(ButtonBlock), theme: ThemeProps, links: filteredArray(LinkProps), leftContent: ContentProps, rightContent: ContentProps }),
     },
 };
+//# sourceMappingURL=schema.js.map

package/build/esm/blocks/Info/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Info/schema.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,aAAa,CAAC;AAE/B,OAAO,EACH,SAAS,EACT,WAAW,EACX,SAAS,EACT,UAAU,EACV,SAAS,GACZ,0CAAuC;AACxC,OAAO,EAAC,aAAa,EAAC,yCAAsC;AAC5D,OAAO,EAAC,WAAW,EAAC,2CAAwC;AAE5D,MAAM,YAAY,GAAG;IACjB,oBAAoB,EAAE,KAAK;IAC3B,UAAU,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;CAC/D,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC;QACpC,UAAU,kCACH,SAAS,KACZ,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB,EACD,eAAe,EAAE,SAAS,CAAC;gBACvB,IAAI,EAAE,QAAQ;aACjB,CAAC,EACF,aAAa,EAAE;gBACX,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB,EACD,OAAO,EAAE,aAAa,CAAC,WAAW,CAAC,EACnC,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,EAC/B,WAAW,EAAE,YAAY,EACzB,YAAY,EAAE,YAAY,GAC7B;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {\n    BaseProps,\n    ButtonBlock,\n    LinkProps,\n    ThemeProps,\n    withTheme,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\n\nconst ContentProps = {\n    additionalProperties: false,\n    properties: omit(ContentBase, ['size', 'colSizes', 'theme']),\n};\n\nexport const InfoBlock = {\n    'info-block': {\n        additionalProperties: false,\n        required: ['title', 'sectionsTitle'],\n        properties: {\n            ...BaseProps,\n            title: {\n                type: 'string',\n                contentType: 'text',\n            },\n            backgroundColor: withTheme({\n                type: 'string',\n            }),\n            sectionsTitle: {\n                type: 'string',\n                contentType: 'text',\n            },\n            buttons: filteredArray(ButtonBlock),\n            theme: ThemeProps,\n            links: filteredArray(LinkProps),\n            leftContent: ContentProps,\n            rightContent: ContentProps,\n        },\n    },\n};\n"]}

package/build/esm/blocks/Map/Map.d.ts

@@ -1,4 +1,4 @@
-import { MapBlockProps } from '../../models';
+import { MapBlockProps } from "../../models/index.js";
 import './Map.css';
-export declare const MapBlock: ({ map, border, disableShadow, ...props }: MapBlockProps) => JSX.Element;
+export declare const MapBlock: ({ map, border, disableShadow, ...props }: MapBlockProps) => import("react/jsx-runtime").JSX.Element;
 export default MapBlock;

package/build/esm/blocks/Map/Map.js

@@ -1,9 +1,9 @@
 import { __rest } from "tslib";
-import React from 'react';
-import Map from '../../components/Map/Map';
-import MediaBase from '../../components/MediaBase/MediaBase';
-import { block } from '../../utils';
-import { getMediaBorder } from '../../utils/borderSelector';
+import { jsx as _jsx } from "react/jsx-runtime";
+import Map from "../../components/Map/Map.js";
+import MediaBase from "../../components/MediaBase/MediaBase.js";
+import { block } from "../../utils/index.js";
+import { getMediaBorder } from "../../utils/borderSelector.js";
 import './Map.css';
 const b = block('map-block');
 export const MapBlock = (_a) => {
@@ -12,8 +12,7 @@ export const MapBlock = (_a) => {
         border,
         disableShadow,
     });
-    return (React.createElement(MediaBase, Object.assign({}, props),
-        React.createElement(MediaBase.Card, null,
-            React.createElement(Map, Object.assign({}, map, { className: b({ border: borderSelected }) })))));
+    return (_jsx(MediaBase, Object.assign({}, props, { children: _jsx(MediaBase.Card, { children: _jsx(Map, Object.assign({}, map, { className: b({ border: borderSelected }) })) }) })));
 };
 export default MapBlock;
+//# sourceMappingURL=Map.js.map

package/build/esm/blocks/Map/Map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Map.js","sourceRoot":"../../../../src","sources":["blocks/Map/Map.tsx"],"names":[],"mappings":";;AAAA,OAAO,GAAG,oCAAiC;AAC3C,OAAO,SAAS,gDAA6C;AAE7D,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAClC,OAAO,EAAC,cAAc,EAAC,sCAAmC;AAE1D,OAAO,WAAW,CAAC;AAEnB,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAqD,EAAE,EAAE;QAAzD,EAAC,GAAG,EAAE,MAAM,EAAE,aAAa,OAA0B,EAArB,KAAK,cAArC,kCAAsC,CAAD;IAC1D,MAAM,cAAc,GAAG,cAAc,CAAC;QAClC,MAAM;QACN,aAAa;KAChB,CAAC,CAAC;IAEH,OAAO,CACH,KAAC,SAAS,oBAAK,KAAK,cAChB,KAAC,SAAS,CAAC,IAAI,cACX,KAAC,GAAG,oBAAK,GAAG,IAAE,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,cAAc,EAAC,CAAC,IAAI,GAC3C,IACT,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import Map from '../../components/Map/Map';\nimport MediaBase from '../../components/MediaBase/MediaBase';\nimport {MapBlockProps} from '../../models';\nimport {block} from '../../utils';\nimport {getMediaBorder} from '../../utils/borderSelector';\n\nimport './Map.scss';\n\nconst b = block('map-block');\n\nexport const MapBlock = ({map, border, disableShadow, ...props}: MapBlockProps) => {\n    const borderSelected = getMediaBorder({\n        border,\n        disableShadow,\n    });\n\n    return (\n        <MediaBase {...props}>\n            <MediaBase.Card>\n                <Map {...map} className={b({border: borderSelected})} />\n            </MediaBase.Card>\n        </MediaBase>\n    );\n};\n\nexport default MapBlock;\n"]}

package/build/esm/blocks/Map/schema.js

@@ -1,5 +1,5 @@
-import { MapProps } from '../../schema/validators/common';
-import { MediaBlockBaseProps } from '../Media/schema';
+import { MapProps } from "../../schema/validators/common.js";
+import { MediaBlockBaseProps } from "../Media/schema.js";
 export const Map = {
     type: 'object',
     additionalProperties: false,
@@ -13,3 +13,4 @@ export const MapBlock = {
         properties: Object.assign(Object.assign({}, MediaBlockBaseProps), { map: Map }),
     },
 };
+//# sourceMappingURL=schema.js.map

package/build/esm/blocks/Map/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Map/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,0CAAuC;AACxD,OAAO,EAAC,mBAAmB,EAAC,2BAAwB;AAEpD,MAAM,CAAC,MAAM,GAAG,GAAG;IACf,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,QAAQ;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB,WAAW,EAAE;QACT,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC;QAC1B,UAAU,kCACH,mBAAmB,KACtB,GAAG,EAAE,GAAG,GACX;KACJ;CACJ,CAAC","sourcesContent":["import {MapProps} from '../../schema/validators/common';\nimport {MediaBlockBaseProps} from '../Media/schema';\n\nexport const Map = {\n    type: 'object',\n    additionalProperties: false,\n    required: [],\n    properties: MapProps,\n};\n\nexport const MapBlock = {\n    'map-block': {\n        additionalProperties: false,\n        required: ['title', 'map'],\n        properties: {\n            ...MediaBlockBaseProps,\n            map: Map,\n        },\n    },\n};\n"]}

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

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

package/build/esm/blocks/Media/Media.js

@@ -1,10 +1,11 @@
-import React, { useState } from 'react';
-import Media from '../../components/Media/Media';
-import MediaBase from '../../components/MediaBase/MediaBase';
-import { useTheme } from '../../context/theme';
-import { block, getThemedValue } from '../../utils';
-import { getMediaBorder } from '../../utils/borderSelector';
-import { mergeVideoMicrodata } from '../../utils/microdata';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import Media from "../../components/Media/Media.js";
+import MediaBase from "../../components/MediaBase/MediaBase.js";
+import { useTheme } from "../../context/theme/index.js";
+import { block, getThemedValue } from "../../utils/index.js";
+import { getMediaBorder } from "../../utils/borderSelector.js";
+import { mergeVideoMicrodata } from "../../utils/microdata.js";
 import './Media.css';
 const b = block('media-block');
 export const MediaBlock = (props) => {
@@ -13,15 +14,14 @@ export const MediaBlock = (props) => {
         border,
         disableShadow,
     });
-    const [play, setPlay] = useState(false);
+    const [play, setPlay] = React.useState(false);
     const theme = useTheme();
     const mediaThemed = getThemedValue(media, theme);
     const mediaWithMicrodata = mergeVideoMicrodata(mediaThemed, {
         name: title,
         description,
     });
-    return (React.createElement(MediaBase, Object.assign({}, props, { onScroll: () => setPlay(true) }),
-        React.createElement(MediaBase.Card, null,
-            React.createElement(Media, Object.assign({ imageClassName: b('image') }, mediaWithMicrodata, { playVideo: play, className: b({ border: borderSelected }) })))));
+    return (_jsx(MediaBase, Object.assign({}, props, { onScroll: () => setPlay(true), children: _jsx(MediaBase.Card, { children: _jsx(Media, Object.assign({ imageClassName: b('image') }, mediaWithMicrodata, { playVideo: play, className: b({ border: borderSelected }) })) }) })));
 };
 export default MediaBlock;
+//# sourceMappingURL=Media.js.map

package/build/esm/blocks/Media/Media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Media.js","sourceRoot":"../../../../src","sources":["blocks/Media/Media.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,wCAAqC;AACjD,OAAO,SAAS,gDAA6C;AAC7D,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAE7C,OAAO,EAAC,KAAK,EAAE,cAAc,EAAC,6BAAoB;AAClD,OAAO,EAAC,cAAc,EAAC,sCAAmC;AAC1D,OAAO,EAAC,mBAAmB,EAAC,iCAA8B;AAE1D,OAAO,aAAa,CAAC;AAErB,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;IACjE,MAAM,cAAc,GAAG,cAAc,CAAC;QAClC,MAAM;QACN,aAAa;KAChB,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IACvD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACjD,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,WAAW,EAAE;QACxD,IAAI,EAAE,KAAK;QACX,WAAW;KACd,CAAC,CAAC;IAEH,OAAO,CACH,KAAC,SAAS,oBAAK,KAAK,IAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAC/C,KAAC,SAAS,CAAC,IAAI,cACX,KAAC,KAAK,kBACF,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,IACtB,kBAAkB,IACtB,SAAS,EAAE,IAAI,EACf,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,cAAc,EAAC,CAAC,IACxC,GACW,IACT,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport Media from '../../components/Media/Media';\nimport MediaBase from '../../components/MediaBase/MediaBase';\nimport {useTheme} from '../../context/theme';\nimport {MediaBlockProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {getMediaBorder} from '../../utils/borderSelector';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\n\nimport './Media.scss';\n\nconst b = block('media-block');\n\nexport const MediaBlock = (props: MediaBlockProps) => {\n    const {media, border, disableShadow, title, description} = props;\n    const borderSelected = getMediaBorder({\n        border,\n        disableShadow,\n    });\n\n    const [play, setPlay] = React.useState<boolean>(false);\n    const theme = useTheme();\n    const mediaThemed = getThemedValue(media, theme);\n    const mediaWithMicrodata = mergeVideoMicrodata(mediaThemed, {\n        name: title,\n        description,\n    });\n\n    return (\n        <MediaBase {...props} onScroll={() => setPlay(true)}>\n            <MediaBase.Card>\n                <Media\n                    imageClassName={b('image')}\n                    {...mediaWithMicrodata}\n                    playVideo={play}\n                    className={b({border: borderSelected})}\n                />\n            </MediaBase.Card>\n        </MediaBase>\n    );\n};\n\nexport default MediaBlock;\n"]}

package/build/esm/blocks/Media/schema.d.ts

@@ -134,7 +134,7 @@ export declare const Media: {
                 };
                 controls: {
                     type: string;
-                    enum: import("../..").MediaVideoControlsType[];
+                    enum: import("../../index.js").MediaVideoControlsType[];
                 };
                 customControlsOptions: {
                     type: string;
@@ -142,14 +142,14 @@ export declare const Media: {
                     properties: {
                         type: {
                             type: string;
-                            enum: import("../..").CustomControlsType[];
+                            enum: import("../../index.js").CustomControlsType[];
                         };
                         muteButtonShown: {
                             type: string;
                         };
                         positioning: {
                             type: string;
-                            enum: import("../..").CustomControlsButtonPositioning[];
+                            enum: import("../../index.js").CustomControlsButtonPositioning[];
                         };
                     };
                 };
@@ -767,7 +767,7 @@ export declare const MediaBlock: {
                                 };
                                 controls: {
                                     type: string;
-                                    enum: import("../..").MediaVideoControlsType[];
+                                    enum: import("../../index.js").MediaVideoControlsType[];
                                 };
                                 customControlsOptions: {
                                     type: string;
@@ -775,14 +775,14 @@ export declare const MediaBlock: {
                                     properties: {
                                         type: {
                                             type: string;
-                                            enum: import("../..").CustomControlsType[];
+                                            enum: import("../../index.js").CustomControlsType[];
                                         };
                                         muteButtonShown: {
                                             type: string;
                                         };
                                         positioning: {
                                             type: string;
-                                            enum: import("../..").CustomControlsButtonPositioning[];
+                                            enum: import("../../index.js").CustomControlsButtonPositioning[];
                                         };
                                     };
                                 };
@@ -948,7 +948,7 @@ export declare const MediaBlock: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../..").Theme[];
+                    required: import("../../index.js").Theme[];
                     properties: {};
                     optionName: string;
                 })[];

package/build/esm/blocks/Media/schema.js

@@ -1,6 +1,6 @@
 import omit from 'lodash/omit';
-import { AnimatableProps, BlockBaseProps, ButtonBlock, MediaProps, containerSizesObject, mediaDirection, withTheme, } from '../../schema/validators/common';
-import { ContentBase } from '../../sub-blocks/Content/schema';
+import { AnimatableProps, BlockBaseProps, ButtonBlock, MediaProps, containerSizesObject, mediaDirection, withTheme, } from "../../schema/validators/common.js";
+import { ContentBase } from "../../sub-blocks/Content/schema.js";
 export const Media = {
     type: 'object',
     additionalProperties: false,
@@ -38,3 +38,4 @@ export const MediaBlock = {
         properties: Object.assign(Object.assign({}, MediaBlockBaseProps), { media: withTheme(Media) }),
     },
 };
+//# sourceMappingURL=schema.js.map

package/build/esm/blocks/Media/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Media/schema.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,aAAa,CAAC;AAE/B,OAAO,EACH,eAAe,EACf,cAAc,EACd,WAAW,EACX,UAAU,EACV,oBAAoB,EACpB,cAAc,EACd,SAAS,GACZ,0CAAuC;AACxC,OAAO,EAAC,WAAW,EAAC,2CAAwC;AAE5D,MAAM,CAAC,MAAM,KAAK,GAAG;IACjB,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,UAAU;CACzB,CAAC;AAEF,MAAM,sBAAsB,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAEpE,MAAM,CAAC,MAAM,mBAAmB,+DACzB,cAAc,GACd,eAAe,GACf,sBAAsB,KACzB,WAAW,EAAE;QACT,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,KAAK;KACrB,EACD,SAAS,EAAE;QACP,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,cAAc;KACvB,EACD,eAAe,EAAE;QACb,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,cAAc;KACvB,EACD,UAAU,EAAE;QACR,IAAI,EAAE,SAAS;KAClB,EACD,SAAS,EAAE;QACP,IAAI,EAAE,SAAS;KAClB;IACD;;OAEG;IACH,aAAa,EAAE;QACX,IAAI,EAAE,SAAS;KAClB,EACD,MAAM,EAAE,WAAW,EACnB,iBAAiB,EAAE,oBAAoB,EACvC,MAAM,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC;KACnC,GACJ,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,aAAa,EAAE;QACX,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC5B,UAAU,kCACH,mBAAmB,KACtB,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,GAC1B;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {\n    AnimatableProps,\n    BlockBaseProps,\n    ButtonBlock,\n    MediaProps,\n    containerSizesObject,\n    mediaDirection,\n    withTheme,\n} from '../../schema/validators/common';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\n\nexport const Media = {\n    type: 'object',\n    additionalProperties: false,\n    required: [],\n    properties: MediaProps,\n};\n\nconst MediaBlockContentProps = omit(ContentBase, ['text', 'theme']);\n\nexport const MediaBlockBaseProps = {\n    ...BlockBaseProps,\n    ...AnimatableProps,\n    ...MediaBlockContentProps,\n    description: {\n        type: 'string',\n        contentType: 'yfm',\n    },\n    direction: {\n        type: 'string',\n        enum: mediaDirection,\n    },\n    mobileDirection: {\n        type: 'string',\n        enum: mediaDirection,\n    },\n    largeMedia: {\n        type: 'boolean',\n    },\n    mediaOnly: {\n        type: 'boolean',\n    },\n    /**\n     * @deprecated use border='none' or border='line' instead\n     */\n    disableShadow: {\n        type: 'boolean',\n    },\n    button: ButtonBlock,\n    mediaOnlyColSizes: containerSizesObject,\n    border: {\n        type: 'string',\n        enum: ['shadow', 'line', 'none'],\n    },\n};\n\nexport const MediaBlock = {\n    'media-block': {\n        additionalProperties: false,\n        required: ['title', 'media'],\n        properties: {\n            ...MediaBlockBaseProps,\n            media: withTheme(Media),\n        },\n    },\n};\n"]}

package/build/esm/blocks/PromoFeaturesBlock/PromoFeaturesBlock.d.ts

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

package/build/esm/blocks/PromoFeaturesBlock/PromoFeaturesBlock.js

@@ -1,14 +1,14 @@
-import React from 'react';
-import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
-import BalancedMasonry from '../../components/BalancedMasonry/BalancedMasonry';
-import FullWidthBackground from '../../components/FullWidthBackground/FullWidthBackground';
-import Media from '../../components/Media/Media';
-import Title from '../../components/Title/Title';
-import YFMWrapper from '../../components/YFMWrapper/YFMWrapper';
-import { BREAKPOINTS } from '../../constants';
-import { useTheme } from '../../context/theme';
-import { block, getThemedValue } from '../../utils';
-import { mergeVideoMicrodata } from '../../utils/microdata';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import AnimateBlock from "../../components/AnimateBlock/AnimateBlock.js";
+import BalancedMasonry from "../../components/BalancedMasonry/BalancedMasonry.js";
+import FullWidthBackground from "../../components/FullWidthBackground/FullWidthBackground.js";
+import Media from "../../components/Media/Media.js";
+import Title from "../../components/Title/Title.js";
+import YFMWrapper from "../../components/YFMWrapper/YFMWrapper.js";
+import { BREAKPOINTS } from "../../constants.js";
+import { useTheme } from "../../context/theme/index.js";
+import { block, getThemedValue } from "../../utils/index.js";
+import { mergeVideoMicrodata } from "../../utils/microdata.js";
 import './PromoFeaturesBlock.css';
 const b = block('PromoFeaturesBlock');
 const breakpointColumns = {
@@ -20,26 +20,19 @@ const PromoFeaturesBlock = (props) => {
     const { items, title, description, theme, animated = true } = props;
     const backgroundTheme = theme || 'default';
     const globalTheme = useTheme();
-    return (React.createElement(AnimateBlock, { className: b({ [backgroundTheme]: true }), animate: animated },
-        React.createElement(FullWidthBackground, { className: b('background', { [backgroundTheme]: true }) }),
-        React.createElement(Title, { title: title, subtitle: description, className: b('header') }),
-        React.createElement(BalancedMasonry, { breakpointCols: breakpointColumns, className: b('card-container'), columnClassName: b('card-container-column') }, items.map(({ title: cardTitle, text, media, theme: cardTheme }, index) => {
-            const blockModifier = backgroundTheme === 'default' ? 'default' : 'light';
-            const themeMod = cardTheme || blockModifier || '';
-            const themedMedia = getThemedValue(media, globalTheme);
-            const allProps = mergeVideoMicrodata(themedMedia, {
-                name: cardTitle,
-                description: text,
-            });
-            return (React.createElement("div", { key: index, className: b('card', {
-                    'no-media': !media,
-                    [themeMod]: Boolean(themeMod),
-                }) },
-                React.createElement("div", { className: b('card-info') },
-                    React.createElement("h3", { className: b('card-title') }, cardTitle),
-                    React.createElement("div", { className: b('card-text') },
-                        React.createElement(YFMWrapper, { content: text, modifiers: { constructor: true } }))),
-                media && React.createElement(Media, Object.assign({ className: b('card-media') }, allProps))));
-        }))));
+    return (_jsxs(AnimateBlock, { className: b({ [backgroundTheme]: true }), animate: animated, children: [_jsx(FullWidthBackground, { className: b('background', { [backgroundTheme]: true }) }), _jsx(Title, { title: title, subtitle: description, className: b('header') }), _jsx(BalancedMasonry, { breakpointCols: breakpointColumns, className: b('card-container'), columnClassName: b('card-container-column'), children: items.map(({ title: cardTitle, text, media, theme: cardTheme }, index) => {
+                    const blockModifier = backgroundTheme === 'default' ? 'default' : 'light';
+                    const themeMod = cardTheme || blockModifier || '';
+                    const themedMedia = getThemedValue(media, globalTheme);
+                    const allProps = mergeVideoMicrodata(themedMedia, {
+                        name: cardTitle,
+                        description: text,
+                    });
+                    return (_jsxs("div", { className: b('card', {
+                            'no-media': !media,
+                            [themeMod]: Boolean(themeMod),
+                        }), children: [_jsxs("div", { className: b('card-info'), children: [_jsx("h3", { className: b('card-title'), children: cardTitle }), _jsx("div", { className: b('card-text'), children: _jsx(YFMWrapper, { content: text, modifiers: { constructor: true } }) })] }), media && _jsx(Media, Object.assign({ className: b('card-media') }, allProps))] }, index));
+                }) })] }));
 };
 export default PromoFeaturesBlock;
+//# sourceMappingURL=PromoFeaturesBlock.js.map

package/build/esm/blocks/PromoFeaturesBlock/PromoFeaturesBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromoFeaturesBlock.js","sourceRoot":"../../../../src","sources":["blocks/PromoFeaturesBlock/PromoFeaturesBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport BalancedMasonry from '../../components/BalancedMasonry/BalancedMasonry';\nimport FullWidthBackground from '../../components/FullWidthBackground/FullWidthBackground';\nimport Media from '../../components/Media/Media';\nimport Title from '../../components/Title/Title';\nimport YFMWrapper from '../../components/YFMWrapper/YFMWrapper';\nimport {BREAKPOINTS} from '../../constants';\nimport {useTheme} from '../../context/theme';\nimport {PromoFeaturesProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\n\nimport './PromoFeaturesBlock.scss';\n\nconst b = block('PromoFeaturesBlock');\n\nconst breakpointColumns = {\n    [BREAKPOINTS.lg]: 3,\n    [BREAKPOINTS.md]: 2,\n    [BREAKPOINTS.sm]: 1,\n};\n\nconst PromoFeaturesBlock = (props: PromoFeaturesProps) => {\n    const {items, title, description, theme, animated = true} = props;\n    const backgroundTheme = theme || 'default';\n    const globalTheme = useTheme();\n\n    return (\n        <AnimateBlock className={b({[backgroundTheme]: true})} animate={animated}>\n            <FullWidthBackground className={b('background', {[backgroundTheme]: true})} />\n            <Title title={title} subtitle={description} className={b('header')} />\n            <BalancedMasonry\n                breakpointCols={breakpointColumns}\n                className={b('card-container')}\n                columnClassName={b('card-container-column')}\n            >\n                {items.map(({title: cardTitle, text, media, theme: cardTheme}, index) => {\n                    const blockModifier = backgroundTheme === 'default' ? 'default' : 'light';\n                    const themeMod = cardTheme || blockModifier || '';\n                    const themedMedia = getThemedValue(media, globalTheme);\n                    const allProps = mergeVideoMicrodata(themedMedia, {\n                        name: cardTitle,\n                        description: text,\n                    });\n\n                    return (\n                        <div\n                            key={index}\n                            className={b('card', {\n                                'no-media': !media,\n                                [themeMod]: Boolean(themeMod),\n                            })}\n                        >\n                            <div className={b('card-info')}>\n                                <h3 className={b('card-title')}>{cardTitle}</h3>\n                                <div className={b('card-text')}>\n                                    <YFMWrapper content={text} modifiers={{constructor: true}} />\n                                </div>\n                            </div>\n                            {media && <Media className={b('card-media')} {...allProps} />}\n                        </div>\n                    );\n                })}\n            </BalancedMasonry>\n        </AnimateBlock>\n    );\n};\n\nexport default PromoFeaturesBlock;\n"]}

package/build/esm/blocks/PromoFeaturesBlock/schema.d.ts

@@ -150,7 +150,7 @@ export declare const PromoFeaturesItem: {
                         };
                         controls: {
                             type: string;
-                            enum: import("../..").MediaVideoControlsType[];
+                            enum: import("../../index.js").MediaVideoControlsType[];
                         };
                         customControlsOptions: {
                             type: string;
@@ -158,14 +158,14 @@ export declare const PromoFeaturesItem: {
                             properties: {
                                 type: {
                                     type: string;
-                                    enum: import("../..").CustomControlsType[];
+                                    enum: import("../../index.js").CustomControlsType[];
                                 };
                                 muteButtonShown: {
                                     type: string;
                                 };
                                 positioning: {
                                     type: string;
-                                    enum: import("../..").CustomControlsButtonPositioning[];
+                                    enum: import("../../index.js").CustomControlsButtonPositioning[];
                                 };
                             };
                         };

package/build/esm/blocks/PromoFeaturesBlock/schema.js

@@ -1,6 +1,6 @@
-import { AnimatableProps, BlockBaseProps, BlockHeaderProps } from '../../schema/validators/common';
-import { filteredArray } from '../../schema/validators/utils';
-import { Media } from '../Media/schema';
+import { AnimatableProps, BlockBaseProps, BlockHeaderProps } from "../../schema/validators/common.js";
+import { filteredArray } from "../../schema/validators/utils.js";
+import { Media } from "../Media/schema.js";
 export const PromoFeaturesItem = {
     additionalProperties: false,
     required: ['title', 'text'],
@@ -29,3 +29,4 @@ export const PromoFeaturesBlock = {
             }, items: filteredArray(PromoFeaturesItem) }),
     },
 };
+//# sourceMappingURL=schema.js.map

package/build/esm/blocks/PromoFeaturesBlock/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/PromoFeaturesBlock/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,cAAc,EAAE,gBAAgB,EAAC,0CAAuC;AACjG,OAAO,EAAC,aAAa,EAAC,yCAAsC;AAC5D,OAAO,EAAC,KAAK,EAAC,2BAAwB;AAEtC,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC7B,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE;QACR,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB;QACD,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,KAAK;YAClB,SAAS,EAAE,UAAU;SACxB;QACD,KAAK,EAAE;YACH,IAAI,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,SAAS,CAAC;SAC9C;QACD,KAAK,EAAE,KAAK;KACf;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,sBAAsB,EAAE;QACpB,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,8DACH,cAAc,GACd,eAAe,GACf,gBAAgB,KACnB,KAAK,EAAE;gBACH,IAAI,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC;aAC5B,EACD,KAAK,EAAE,aAAa,CAAC,iBAAiB,CAAC,GAC1C;KACJ;CACJ,CAAC","sourcesContent":["import {AnimatableProps, BlockBaseProps, BlockHeaderProps} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\nimport {Media} from '../Media/schema';\n\nexport const PromoFeaturesItem = {\n    additionalProperties: false,\n    required: ['title', 'text'],\n    properties: {\n        title: {\n            type: 'string',\n            contentType: 'text',\n        },\n        text: {\n            type: 'string',\n            contentType: 'yfm',\n            inputType: 'textarea',\n        },\n        theme: {\n            enum: ['accent', 'accent-light', 'primary'],\n        },\n        media: Media,\n    },\n};\n\nexport const PromoFeaturesBlock = {\n    'promo-features-block': {\n        additionalProperties: false,\n        required: ['items'],\n        properties: {\n            ...BlockBaseProps,\n            ...AnimatableProps,\n            ...BlockHeaderProps,\n            theme: {\n                enum: ['grey', 'default'],\n            },\n            items: filteredArray(PromoFeaturesItem),\n        },\n    },\n};\n"]}

package/build/esm/blocks/Questions/QuestionBlockItem/QuestionBlockItem.d.ts

@@ -1,3 +1,3 @@
-import { QuestionBlockItemProps } from '../../../models';
+import { QuestionBlockItemProps } from "../../../models/index.js";
 import './QuestionBlockItem.css';
-export declare const QuestionBlockItem: ({ title: itemTitle, text: itemText, link, listStyle, isOpened, onClick, }: QuestionBlockItemProps) => JSX.Element;
+export declare const QuestionBlockItem: ({ title: itemTitle, text: itemText, link, listStyle, isOpened, onClick, }: QuestionBlockItemProps) => import("react/jsx-runtime").JSX.Element;

package/build/esm/blocks/Questions/QuestionBlockItem/QuestionBlockItem.js

@@ -1,23 +1,17 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useActionHandlers } from '@gravity-ui/uikit';
-import { Foldable, HTML, ToggleArrow, YFMWrapper } from '../../../components';
-import Link from '../../../components/Link/Link';
-import { block } from '../../../utils';
-import { FaqMicrodataValues } from '../models';
+import { Foldable, HTML, ToggleArrow, YFMWrapper } from "../../../components/index.js";
+import Link from "../../../components/Link/Link.js";
+import { block } from "../../../utils/index.js";
+import { FaqMicrodataValues } from "../models.js";
 import './QuestionBlockItem.css';
 const b = block('QuestionsBlockItem');
 export const QuestionBlockItem = ({ title: itemTitle, text: itemText, link, listStyle = 'dash', isOpened, onClick, }) => {
     const { onKeyDown } = useActionHandlers(onClick);
-    return (React.createElement("div", { className: b(), itemScope: true, itemProp: FaqMicrodataValues.QuestionProp, itemType: FaqMicrodataValues.QuestionType, role: 'listitem' },
-        React.createElement("button", { className: b('title'), onClick: onClick, "aria-expanded": isOpened, onKeyDown: onKeyDown },
-            React.createElement(HTML, { itemProp: FaqMicrodataValues.QuestionNameProp }, itemTitle),
-            React.createElement(ToggleArrow, { open: isOpened, size: 16, type: 'vertical', iconType: "navigation", className: b('arrow') })),
-        React.createElement(Foldable, { isOpened: isOpened },
-            React.createElement("div", { className: b('text'), itemScope: true, itemProp: FaqMicrodataValues.AnswerProp, itemType: FaqMicrodataValues.AnswerType, "aria-hidden": !isOpened },
-                React.createElement(YFMWrapper, { content: itemText, modifiers: {
-                        constructor: true,
-                        constructorListStyle: true,
-                        constructorListStyleDash: listStyle === 'dash',
-                    }, itemProp: FaqMicrodataValues.QuestionTextProp }),
-                link && React.createElement(Link, Object.assign({}, link, { tabIndex: isOpened ? 0 : -1, className: b('link') }))))));
+    return (_jsxs("div", { className: b(), itemScope: true, itemProp: FaqMicrodataValues.QuestionProp, itemType: FaqMicrodataValues.QuestionType, role: 'listitem', children: [_jsxs("button", { className: b('title'), onClick: onClick, "aria-expanded": isOpened, onKeyDown: onKeyDown, children: [_jsx(HTML, { itemProp: FaqMicrodataValues.QuestionNameProp, children: itemTitle }), _jsx(ToggleArrow, { open: isOpened, size: 16, type: 'vertical', iconType: "navigation", className: b('arrow') })] }), _jsx(Foldable, { isOpened: isOpened, children: _jsxs("div", { className: b('text'), itemScope: true, itemProp: FaqMicrodataValues.AnswerProp, itemType: FaqMicrodataValues.AnswerType, "aria-hidden": !isOpened, children: [_jsx(YFMWrapper, { content: itemText, modifiers: {
+                                constructor: true,
+                                constructorListStyle: true,
+                                constructorListStyleDash: listStyle === 'dash',
+                            }, itemProp: FaqMicrodataValues.QuestionTextProp }), link && _jsx(Link, Object.assign({}, link, { tabIndex: isOpened ? 0 : -1, className: b('link') }))] }) })] }));
 };
+//# sourceMappingURL=QuestionBlockItem.js.map

package/build/esm/blocks/Questions/QuestionBlockItem/QuestionBlockItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionBlockItem.js","sourceRoot":"../../../../../src","sources":["blocks/Questions/QuestionBlockItem/QuestionBlockItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAC,qCAA4B;AAC5E,OAAO,IAAI,yCAAsC;AAEjD,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,kBAAkB,EAAC,qBAAkB;AAE7C,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,KAAK,CAAC,oBAAoB,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAC9B,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,QAAQ,EACd,IAAI,EACJ,SAAS,GAAG,MAAM,EAClB,QAAQ,EACR,OAAO,GACc,EAAE,EAAE;IACzB,MAAM,EAAC,SAAS,EAAC,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAE/C,OAAO,CACH,eACI,SAAS,EAAE,CAAC,EAAE,EACd,SAAS,QACT,QAAQ,EAAE,kBAAkB,CAAC,YAAY,EACzC,QAAQ,EAAE,kBAAkB,CAAC,YAAY,EACzC,IAAI,EAAE,UAAU,aAEhB,kBACI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,OAAO,EAAE,OAAO,mBACD,QAAQ,EACvB,SAAS,EAAE,SAAS,aAEpB,KAAC,IAAI,IAAC,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,YAAG,SAAS,GAAQ,EACvE,KAAC,WAAW,IACR,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,EAAE,EACR,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAC,YAAY,EACrB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GACvB,IACG,EACT,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,YACxB,eACI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,SAAS,QACT,QAAQ,EAAE,kBAAkB,CAAC,UAAU,EACvC,QAAQ,EAAE,kBAAkB,CAAC,UAAU,iBAC1B,CAAC,QAAQ,aAEtB,KAAC,UAAU,IACP,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE;gCACP,WAAW,EAAE,IAAI;gCACjB,oBAAoB,EAAE,IAAI;gCAC1B,wBAAwB,EAAE,SAAS,KAAK,MAAM;6BACjD,EACD,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,GAC/C,EACD,IAAI,IAAI,KAAC,IAAI,oBAAK,IAAI,IAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,IAC5E,GACC,IACT,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {useActionHandlers} from '@gravity-ui/uikit';\n\nimport {Foldable, HTML, ToggleArrow, YFMWrapper} from '../../../components';\nimport Link from '../../../components/Link/Link';\nimport {QuestionBlockItemProps} from '../../../models';\nimport {block} from '../../../utils';\nimport {FaqMicrodataValues} from '../models';\n\nimport './QuestionBlockItem.scss';\n\nconst b = block('QuestionsBlockItem');\n\nexport const QuestionBlockItem = ({\n    title: itemTitle,\n    text: itemText,\n    link,\n    listStyle = 'dash',\n    isOpened,\n    onClick,\n}: QuestionBlockItemProps) => {\n    const {onKeyDown} = useActionHandlers(onClick);\n\n    return (\n        <div\n            className={b()}\n            itemScope\n            itemProp={FaqMicrodataValues.QuestionProp}\n            itemType={FaqMicrodataValues.QuestionType}\n            role={'listitem'}\n        >\n            <button\n                className={b('title')}\n                onClick={onClick}\n                aria-expanded={isOpened}\n                onKeyDown={onKeyDown}\n            >\n                <HTML itemProp={FaqMicrodataValues.QuestionNameProp}>{itemTitle}</HTML>\n                <ToggleArrow\n                    open={isOpened}\n                    size={16}\n                    type={'vertical'}\n                    iconType=\"navigation\"\n                    className={b('arrow')}\n                />\n            </button>\n            <Foldable isOpened={isOpened}>\n                <div\n                    className={b('text')}\n                    itemScope\n                    itemProp={FaqMicrodataValues.AnswerProp}\n                    itemType={FaqMicrodataValues.AnswerType}\n                    aria-hidden={!isOpened}\n                >\n                    <YFMWrapper\n                        content={itemText}\n                        modifiers={{\n                            constructor: true,\n                            constructorListStyle: true,\n                            constructorListStyleDash: listStyle === 'dash',\n                        }}\n                        itemProp={FaqMicrodataValues.QuestionTextProp}\n                    />\n                    {link && <Link {...link} tabIndex={isOpened ? 0 : -1} className={b('link')} />}\n                </div>\n            </Foldable>\n        </div>\n    );\n};\n"]}

package/build/esm/blocks/Questions/Questions.d.ts

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

package/build/esm/blocks/Questions/Questions.js

@@ -1,14 +1,15 @@
-import React, { useState } from 'react';
-import { Col, Row } from '../../grid';
-import { Content } from '../../sub-blocks';
-import { block } from '../../utils';
-import { QuestionBlockItem } from './QuestionBlockItem/QuestionBlockItem';
-import { FaqMicrodataValues } from './models';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Col, Row } from "../../grid/index.js";
+import { Content } from "../../sub-blocks/index.js";
+import { block } from "../../utils/index.js";
+import { QuestionBlockItem } from "./QuestionBlockItem/QuestionBlockItem.js";
+import { FaqMicrodataValues } from "./models.js";
 import './Questions.css';
 const b = block('QuestionsBlock');
 const QuestionsBlock = (props) => {
     const { title, text, additionalInfo, links, buttons, items, list } = props;
-    const [opened, setOpened] = useState([0]);
+    const [opened, setOpened] = React.useState([0]);
     const toggleItem = (index) => {
         let newState;
         if (opened.includes(index)) {
@@ -19,15 +20,11 @@ const QuestionsBlock = (props) => {
         }
         setOpened(newState);
     };
-    return (React.createElement("div", { className: b(), itemScope: true, itemType: FaqMicrodataValues.PageType, itemID: FaqMicrodataValues.PageId },
-        React.createElement(Row, null,
-            React.createElement(Col, { sizes: { all: 12, md: 4 } },
-                React.createElement("div", { className: b('title') },
-                    React.createElement(Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, colSizes: { all: 12, md: 12 } }))),
-            React.createElement(Col, { sizes: { all: 12, md: 8 }, role: 'list' }, items.map(({ title: itemTitle, text: itemText, link, listStyle = 'dash' }, index) => {
-                const isOpened = opened.includes(index);
-                const onClick = () => toggleItem(index);
-                return (React.createElement(QuestionBlockItem, { key: itemTitle, title: itemTitle, text: itemText, link: link, listStyle: listStyle, isOpened: isOpened, onClick: onClick }));
-            })))));
+    return (_jsx("div", { className: b(), itemScope: true, itemType: FaqMicrodataValues.PageType, itemID: FaqMicrodataValues.PageId, children: _jsxs(Row, { children: [_jsx(Col, { sizes: { all: 12, md: 4 }, children: _jsx("div", { className: b('title'), children: _jsx(Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, colSizes: { all: 12, md: 12 } }) }) }), _jsx(Col, { sizes: { all: 12, md: 8 }, role: 'list', children: items.map(({ title: itemTitle, text: itemText, link, listStyle = 'dash' }, index) => {
+                        const isOpened = opened.includes(index);
+                        const onClick = () => toggleItem(index);
+                        return (_jsx(QuestionBlockItem, { title: itemTitle, text: itemText, link: link, listStyle: listStyle, isOpened: isOpened, onClick: onClick }, itemTitle));
+                    }) })] }) }));
 };
 export default QuestionsBlock;
+//# sourceMappingURL=Questions.js.map

package/build/esm/blocks/Questions/Questions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Questions.js","sourceRoot":"../../../../src","sources":["blocks/Questions/Questions.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,GAAG,EAAE,GAAG,EAAC,4BAAmB;AAEpC,OAAO,EAAC,OAAO,EAAC,kCAAyB;AACzC,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,EAAC,iBAAiB,EAAC,iDAA8C;AACxE,OAAO,EAAC,kBAAkB,EAAC,oBAAiB;AAE5C,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC;AAElC,MAAM,cAAc,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC7C,MAAM,EAAC,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC;IACzE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAE1D,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE;QACjC,IAAI,QAAQ,CAAC;QAEb,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,SAAiB,EAAE,EAAE,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC;QACzE,CAAC;aAAM,CAAC;YACJ,QAAQ,GAAG,CAAC,GAAG,MAAM,EAAE,KAAK,CAAC,CAAC;QAClC,CAAC;QAED,SAAS,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACH,cACI,SAAS,EAAE,CAAC,EAAE,EACd,SAAS,QACT,QAAQ,EAAE,kBAAkB,CAAC,QAAQ,EACrC,MAAM,EAAE,kBAAkB,CAAC,MAAM,YAEjC,MAAC,GAAG,eACA,KAAC,GAAG,IAAC,KAAK,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,YACxB,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACtB,KAAC,OAAO,IACJ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,GAC7B,GACA,GACJ,EACN,KAAC,GAAG,IAAC,KAAK,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,EAAE,IAAI,EAAE,MAAM,YACrC,KAAK,CAAC,GAAG,CACN,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,EAAC,EAAE,KAAK,EAAE,EAAE;wBACpE,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;wBACxC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;wBAExC,OAAO,CACH,KAAC,iBAAiB,IAEd,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,IANX,SAAS,CAOhB,CACL,CAAC;oBACN,CAAC,CACJ,GACC,IACJ,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Col, Row} from '../../grid';\nimport {QuestionsProps} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block} from '../../utils';\n\nimport {QuestionBlockItem} from './QuestionBlockItem/QuestionBlockItem';\nimport {FaqMicrodataValues} from './models';\n\nimport './Questions.scss';\n\nconst b = block('QuestionsBlock');\n\nconst QuestionsBlock = (props: QuestionsProps) => {\n    const {title, text, additionalInfo, links, buttons, items, list} = props;\n    const [opened, setOpened] = React.useState<number[]>([0]);\n\n    const toggleItem = (index: number) => {\n        let newState;\n\n        if (opened.includes(index)) {\n            newState = opened.filter((itemIndex: number) => itemIndex !== index);\n        } else {\n            newState = [...opened, index];\n        }\n\n        setOpened(newState);\n    };\n\n    return (\n        <div\n            className={b()}\n            itemScope\n            itemType={FaqMicrodataValues.PageType}\n            itemID={FaqMicrodataValues.PageId}\n        >\n            <Row>\n                <Col sizes={{all: 12, md: 4}}>\n                    <div className={b('title')}>\n                        <Content\n                            title={title}\n                            text={text}\n                            additionalInfo={additionalInfo}\n                            links={links}\n                            list={list}\n                            buttons={buttons}\n                            colSizes={{all: 12, md: 12}}\n                        />\n                    </div>\n                </Col>\n                <Col sizes={{all: 12, md: 8}} role={'list'}>\n                    {items.map(\n                        ({title: itemTitle, text: itemText, link, listStyle = 'dash'}, index) => {\n                            const isOpened = opened.includes(index);\n                            const onClick = () => toggleItem(index);\n\n                            return (\n                                <QuestionBlockItem\n                                    key={itemTitle}\n                                    title={itemTitle}\n                                    text={itemText}\n                                    link={link}\n                                    listStyle={listStyle}\n                                    isOpened={isOpened}\n                                    onClick={onClick}\n                                />\n                            );\n                        },\n                    )}\n                </Col>\n            </Row>\n        </div>\n    );\n};\n\nexport default QuestionsBlock;\n"]}

package/build/esm/blocks/Questions/models.js

@@ -9,3 +9,4 @@ export const FaqMicrodataValues = {
     AnswerProp: 'acceptedAnswer',
     AnswerTextProp: 'text',
 };
+//# sourceMappingURL=models.js.map

package/build/esm/blocks/Questions/models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.js","sourceRoot":"../../../../src","sources":["blocks/Questions/models.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,QAAQ,EAAE,4BAA4B;IACtC,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,YAAY;IAC1B,gBAAgB,EAAE,MAAM;IACxB,gBAAgB,EAAE,MAAM;IACxB,UAAU,EAAE,2BAA2B;IACvC,UAAU,EAAE,gBAAgB;IAC5B,cAAc,EAAE,MAAM;CAChB,CAAC","sourcesContent":["export const FaqMicrodataValues = {\n    PageType: 'https://schema.org/FAQPage',\n    PageId: '/faq',\n    QuestionType: 'https://schema.org/Question',\n    QuestionProp: 'mainEntity',\n    QuestionNameProp: 'name',\n    QuestionTextProp: 'text',\n    AnswerType: 'https://schema.org/Answer',\n    AnswerProp: 'acceptedAnswer',\n    AnswerTextProp: 'text',\n} as const;\n"]}