@gravity-ui/page-constructor 6.2.0-beta.1 → 7.0.0-beta.2

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

@@ -1 +1 @@
-{"version":3,"file":"Info.js","sourceRoot":"../../../../src","sources":["blocks/Info/Info.tsx"],"names":[],"mappings":";;;;;AAAA,wDAA6C;AAC7C,8CAA0C;AAE1C,0FAAuD;AACvD,gDAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAC9B,MAAM,KAAK,GAAG,EAAC,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAC,CAAC;AAExB,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC/C,MAAM,EACF,eAAe,EACf,KAAK,EAAE,UAAU,GAAG,MAAM,EAC1B,OAAO,GAAG,EAAE,EACZ,KAAK,EACL,aAAa,EACb,KAAK,GAAG,EAAE,EACV,YAAY,GAAG,EAAE,EACjB,WAAW,GAAG,EAAE,GACnB,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,YAAY,GAAG,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAChE,MAAM,UAAU,GAAG;QACf,GAAG,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC;QAC9B,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACpB,GAAG,IAAI;YACP,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,QAAqB;SAC/B,CAAC,CAAC;KACN,CAAC;IACF,MAAM,WAAW,GAAG,CAAC,GAAG,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC;IAClE,MAAM,WAAW,GAAG;QAChB,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC;QAC3B,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC;QACvB,KAAK,EAAE,YAA4B;KACtC,CAAC;IAEF,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,EAAE,YACf,gCACI,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EACzB,KAAK,EAAE,EAAC,eAAe,EAAE,IAAA,sBAAc,EAAC,eAAe,EAAE,KAAK,CAAC,EAAC,YAEhE,uBAAC,WAAI,cACD,wBAAC,UAAG,eACA,uBAAC,UAAG,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACnC,uBAAC,iBAAO,IACJ,KAAK,EAAE,KAAK,IAAI,WAAW,EAAE,KAAK,EAClC,IAAI,EAAE,WAAW,EAAE,IAAI,EACvB,KAAK,EAAE,WAAW,EAAE,KAAK,EACzB,IAAI,EAAE,WAAW,EAAE,IAAI,EACvB,OAAO,EAAE,WAAW,EACpB,cAAc,EAAE,WAAW,EAAE,cAAc,KACvC,WAAW,GACjB,GACA,EACN,uBAAC,UAAG,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACpC,uBAAC,iBAAO,IACJ,KAAK,EAAE,aAAa,IAAI,YAAY,EAAE,KAAK,EAC3C,IAAI,EAAE,YAAY,EAAE,IAAI,EACxB,KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,YAAY,EAAE,IAAI,EACxB,OAAO,EAAE,YAAY,EAAE,OAAO,EAC9B,cAAc,EAAE,YAAY,EAAE,cAAc,KACxC,WAAW,GACjB,GACA,IACJ,GACH,GACL,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAhEW,QAAA,SAAS,aAgEpB;AAEF,kBAAe,iBAAS,CAAC","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"]}
+{"version":3,"file":"Info.js","sourceRoot":"../../../../src","sources":["blocks/Info/Info.tsx"],"names":[],"mappings":";;;;;AAAA,wDAA6C;AAC7C,8CAA0C;AAE1C,0FAAuD;AACvD,gDAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAC9B,MAAM,KAAK,GAAG,EAAC,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAC,CAAC;AAExB,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC/C,MAAM,EACF,eAAe,EACf,KAAK,EAAE,UAAU,GAAG,MAAM,EAC1B,OAAO,GAAG,EAAE,EACZ,KAAK,EACL,aAAa,EACb,KAAK,GAAG,EAAE,EACV,YAAY,GAAG,EAAE,EACjB,WAAW,GAAG,EAAE,GACnB,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,YAAY,GAAG,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAChE,MAAM,UAAU,GAAG;QACf,GAAG,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,KAAI,EAAE,CAAC;QAC9B,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iCAChB,IAAI,KACP,KAAK,EAAE,IAAI,EACX,KAAK,EAAE,QAAqB,IAC9B,CAAC;KACN,CAAC;IACF,MAAM,WAAW,GAAG,CAAC,GAAG,OAAO,EAAE,GAAG,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,KAAI,EAAE,CAAC,CAAC,CAAC;IAClE,MAAM,WAAW,GAAG;QAChB,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC;QAC3B,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC;QACvB,KAAK,EAAE,YAA4B;KACtC,CAAC;IAEF,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,EAAE,YACf,gCACI,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EACzB,KAAK,EAAE,EAAC,eAAe,EAAE,IAAA,sBAAc,EAAC,eAAe,EAAE,KAAK,CAAC,EAAC,YAEhE,uBAAC,WAAI,cACD,wBAAC,UAAG,eACA,uBAAC,UAAG,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACnC,uBAAC,iBAAO,kBACJ,KAAK,EAAE,KAAK,KAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAA,EAClC,IAAI,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,EACvB,KAAK,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,EACzB,IAAI,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,EACvB,OAAO,EAAE,WAAW,EACpB,cAAc,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,IACvC,WAAW,EACjB,GACA,EACN,uBAAC,UAAG,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACpC,uBAAC,iBAAO,kBACJ,KAAK,EAAE,aAAa,KAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAA,EAC3C,IAAI,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,EACxB,KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,EACxB,OAAO,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAC9B,cAAc,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,IACxC,WAAW,EACjB,GACA,IACJ,GACH,GACL,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAhEW,QAAA,SAAS,aAgEpB;AAEF,kBAAe,iBAAS,CAAC","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/cjs/blocks/Info/schema.js

@@ -14,25 +14,15 @@ exports.InfoBlock = {
     'info-block': {
         additionalProperties: false,
         required: ['title', 'sectionsTitle'],
-        properties: {
-            ...common_1.BaseProps,
-            title: {
+        properties: Object.assign(Object.assign({}, common_1.BaseProps), { title: {
                 type: 'string',
                 contentType: 'text',
-            },
-            backgroundColor: (0, common_1.withTheme)({
+            }, backgroundColor: (0, common_1.withTheme)({
                 type: 'string',
-            }),
-            sectionsTitle: {
+            }), sectionsTitle: {
                 type: 'string',
                 contentType: 'text',
-            },
-            buttons: (0, utils_1.filteredArray)(common_1.ButtonBlock),
-            theme: common_1.ThemeProps,
-            links: (0, utils_1.filteredArray)(common_1.LinkProps),
-            leftContent: ContentProps,
-            rightContent: ContentProps,
-        },
+            }, buttons: (0, utils_1.filteredArray)(common_1.ButtonBlock), theme: common_1.ThemeProps, links: (0, utils_1.filteredArray)(common_1.LinkProps), leftContent: ContentProps, rightContent: ContentProps }),
     },
 };
 //# sourceMappingURL=schema.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Info/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,8DAMwC;AACxC,4DAA4D;AAC5D,+DAA4D;AAE5D,MAAM,YAAY,GAAG;IACjB,oBAAoB,EAAE,KAAK;IAC3B,UAAU,EAAE,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;CAC/D,CAAC;AAEW,QAAA,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC;QACpC,UAAU,EAAE;YACR,GAAG,kBAAS;YACZ,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB;YACD,eAAe,EAAE,IAAA,kBAAS,EAAC;gBACvB,IAAI,EAAE,QAAQ;aACjB,CAAC;YACF,aAAa,EAAE;gBACX,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB;YACD,OAAO,EAAE,IAAA,qBAAa,EAAC,oBAAW,CAAC;YACnC,KAAK,EAAE,mBAAU;YACjB,KAAK,EAAE,IAAA,qBAAa,EAAC,kBAAS,CAAC;YAC/B,WAAW,EAAE,YAAY;YACzB,YAAY,EAAE,YAAY;SAC7B;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"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Info/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,8DAMwC;AACxC,4DAA4D;AAC5D,+DAA4D;AAE5D,MAAM,YAAY,GAAG;IACjB,oBAAoB,EAAE,KAAK;IAC3B,UAAU,EAAE,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;CAC/D,CAAC;AAEW,QAAA,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC;QACpC,UAAU,kCACH,kBAAS,KACZ,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB,EACD,eAAe,EAAE,IAAA,kBAAS,EAAC;gBACvB,IAAI,EAAE,QAAQ;aACjB,CAAC,EACF,aAAa,EAAE;gBACX,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB,EACD,OAAO,EAAE,IAAA,qBAAa,EAAC,oBAAW,CAAC,EACnC,KAAK,EAAE,mBAAU,EACjB,KAAK,EAAE,IAAA,qBAAa,EAAC,kBAAS,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/cjs/blocks/Map/Map.js

@@ -8,12 +8,13 @@ const MediaBase_1 = tslib_1.__importDefault(require("../../components/MediaBase/
 const utils_1 = require("../../utils/index.js");
 const borderSelector_1 = require("../../utils/borderSelector.js");
 const b = (0, utils_1.block)('map-block');
-const MapBlock = ({ map, border, disableShadow, ...props }) => {
+const MapBlock = (_a) => {
+    var { map, border, disableShadow } = _a, props = tslib_1.__rest(_a, ["map", "border", "disableShadow"]);
     const borderSelected = (0, borderSelector_1.getMediaBorder)({
         border,
         disableShadow,
     });
-    return ((0, jsx_runtime_1.jsx)(MediaBase_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(MediaBase_1.default.Card, { children: (0, jsx_runtime_1.jsx)(Map_1.default, { ...map, className: b({ border: borderSelected }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(MediaBase_1.default, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(MediaBase_1.default.Card, { children: (0, jsx_runtime_1.jsx)(Map_1.default, Object.assign({}, map, { className: b({ border: borderSelected }) })) }) })));
 };
 exports.MapBlock = MapBlock;
 exports.default = exports.MapBlock;

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

@@ -1 +1 @@
-{"version":3,"file":"Map.js","sourceRoot":"../../../../src","sources":["blocks/Map/Map.tsx"],"names":[],"mappings":";;;;;AAAA,8EAA2C;AAC3C,gGAA6D;AAE7D,gDAAkC;AAClC,kEAA0D;AAI1D,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,WAAW,CAAC,CAAC;AAEtB,MAAM,QAAQ,GAAG,CAAC,EAAC,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IAC9E,MAAM,cAAc,GAAG,IAAA,+BAAc,EAAC;QAClC,MAAM;QACN,aAAa;KAChB,CAAC,CAAC;IAEH,OAAO,CACH,uBAAC,mBAAS,OAAK,KAAK,YAChB,uBAAC,mBAAS,CAAC,IAAI,cACX,uBAAC,aAAG,OAAK,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,cAAc,EAAC,CAAC,GAAI,GAC3C,GACT,CACf,CAAC;AACN,CAAC,CAAC;AAbW,QAAA,QAAQ,YAanB;AAEF,kBAAe,gBAAQ,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"]}
+{"version":3,"file":"Map.js","sourceRoot":"../../../../src","sources":["blocks/Map/Map.tsx"],"names":[],"mappings":";;;;;AAAA,8EAA2C;AAC3C,gGAA6D;AAE7D,gDAAkC;AAClC,kEAA0D;AAI1D,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,WAAW,CAAC,CAAC;AAEtB,MAAM,QAAQ,GAAG,CAAC,EAAqD,EAAE,EAAE;QAAzD,EAAC,GAAG,EAAE,MAAM,EAAE,aAAa,OAA0B,EAArB,KAAK,sBAArC,kCAAsC,CAAD;IAC1D,MAAM,cAAc,GAAG,IAAA,+BAAc,EAAC;QAClC,MAAM;QACN,aAAa;KAChB,CAAC,CAAC;IAEH,OAAO,CACH,uBAAC,mBAAS,oBAAK,KAAK,cAChB,uBAAC,mBAAS,CAAC,IAAI,cACX,uBAAC,aAAG,oBAAK,GAAG,IAAE,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,cAAc,EAAC,CAAC,IAAI,GAC3C,IACT,CACf,CAAC;AACN,CAAC,CAAC;AAbW,QAAA,QAAQ,YAanB;AAEF,kBAAe,gBAAQ,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/cjs/blocks/Map/schema.js

@@ -13,10 +13,7 @@ exports.MapBlock = {
     'map-block': {
         additionalProperties: false,
         required: ['title', 'map'],
-        properties: {
-            ...schema_1.MediaBlockBaseProps,
-            map: exports.Map,
-        },
+        properties: Object.assign(Object.assign({}, schema_1.MediaBlockBaseProps), { map: exports.Map }),
     },
 };
 //# sourceMappingURL=schema.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Map/schema.ts"],"names":[],"mappings":";;;AAAA,8DAAwD;AACxD,+CAAoD;AAEvC,QAAA,GAAG,GAAG;IACf,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,iBAAQ;CACvB,CAAC;AAEW,QAAA,QAAQ,GAAG;IACpB,WAAW,EAAE;QACT,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC;QAC1B,UAAU,EAAE;YACR,GAAG,4BAAmB;YACtB,GAAG,EAAE,WAAG;SACX;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"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Map/schema.ts"],"names":[],"mappings":";;;AAAA,8DAAwD;AACxD,+CAAoD;AAEvC,QAAA,GAAG,GAAG;IACf,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,iBAAQ;CACvB,CAAC;AAEW,QAAA,QAAQ,GAAG;IACpB,WAAW,EAAE;QACT,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC;QAC1B,UAAU,kCACH,4BAAmB,KACtB,GAAG,EAAE,WAAG,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/cjs/blocks/Media/Media.js

@@ -24,7 +24,7 @@ const MediaBlock = (props) => {
         name: title,
         description,
     });
-    return ((0, jsx_runtime_1.jsx)(MediaBase_1.default, { ...props, onScroll: () => setPlay(true), children: (0, jsx_runtime_1.jsx)(MediaBase_1.default.Card, { children: (0, jsx_runtime_1.jsx)(Media_1.default, { imageClassName: b('image'), ...mediaWithMicrodata, playVideo: play, className: b({ border: borderSelected }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(MediaBase_1.default, Object.assign({}, props, { onScroll: () => setPlay(true), children: (0, jsx_runtime_1.jsx)(MediaBase_1.default.Card, { children: (0, jsx_runtime_1.jsx)(Media_1.default, Object.assign({ imageClassName: b('image') }, mediaWithMicrodata, { playVideo: play, className: b({ border: borderSelected }) })) }) })));
 };
 exports.MediaBlock = MediaBlock;
 exports.default = exports.MediaBlock;

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

@@ -1 +1 @@
-{"version":3,"file":"Media.js","sourceRoot":"../../../../src","sources":["blocks/Media/Media.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,oFAAiD;AACjD,gGAA6D;AAC7D,wDAA6C;AAE7C,gDAAkD;AAClD,kEAA0D;AAC1D,wDAA0D;AAI1D,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAExB,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,IAAA,+BAAc,EAAC;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,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,WAAW,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACjD,MAAM,kBAAkB,GAAG,IAAA,+BAAmB,EAAC,WAAW,EAAE;QACxD,IAAI,EAAE,KAAK;QACX,WAAW;KACd,CAAC,CAAC;IAEH,OAAO,CACH,uBAAC,mBAAS,OAAK,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAC/C,uBAAC,mBAAS,CAAC,IAAI,cACX,uBAAC,eAAK,IACF,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,KACtB,kBAAkB,EACtB,SAAS,EAAE,IAAI,EACf,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,cAAc,EAAC,CAAC,GACxC,GACW,GACT,CACf,CAAC;AACN,CAAC,CAAC;AA3BW,QAAA,UAAU,cA2BrB;AAEF,kBAAe,kBAAU,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"]}
+{"version":3,"file":"Media.js","sourceRoot":"../../../../src","sources":["blocks/Media/Media.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,oFAAiD;AACjD,gGAA6D;AAC7D,wDAA6C;AAE7C,gDAAkD;AAClD,kEAA0D;AAC1D,wDAA0D;AAI1D,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAExB,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,IAAA,+BAAc,EAAC;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,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,WAAW,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACjD,MAAM,kBAAkB,GAAG,IAAA,+BAAmB,EAAC,WAAW,EAAE;QACxD,IAAI,EAAE,KAAK;QACX,WAAW;KACd,CAAC,CAAC;IAEH,OAAO,CACH,uBAAC,mBAAS,oBAAK,KAAK,IAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAC/C,uBAAC,mBAAS,CAAC,IAAI,cACX,uBAAC,eAAK,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;AA3BW,QAAA,UAAU,cA2BrB;AAEF,kBAAe,kBAAU,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/cjs/blocks/Media/schema.js

@@ -12,49 +12,34 @@ exports.Media = {
     properties: common_1.MediaProps,
 };
 const MediaBlockContentProps = (0, omit_1.default)(schema_1.ContentBase, ['text', 'theme']);
-exports.MediaBlockBaseProps = {
-    ...common_1.BlockBaseProps,
-    ...common_1.AnimatableProps,
-    ...MediaBlockContentProps,
-    description: {
+exports.MediaBlockBaseProps = Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), MediaBlockContentProps), { description: {
         type: 'string',
         contentType: 'yfm',
-    },
-    direction: {
+    }, direction: {
         type: 'string',
         enum: common_1.mediaDirection,
-    },
-    mobileDirection: {
+    }, mobileDirection: {
         type: 'string',
         enum: common_1.mediaDirection,
-    },
-    largeMedia: {
+    }, largeMedia: {
         type: 'boolean',
-    },
-    mediaOnly: {
+    }, mediaOnly: {
         type: 'boolean',
-    },
+    }, 
     /**
      * @deprecated use border='none' or border='line' instead
      */
     disableShadow: {
         type: 'boolean',
-    },
-    button: common_1.ButtonBlock,
-    mediaOnlyColSizes: common_1.containerSizesObject,
-    border: {
+    }, button: common_1.ButtonBlock, mediaOnlyColSizes: common_1.containerSizesObject, border: {
         type: 'string',
         enum: ['shadow', 'line', 'none'],
-    },
-};
+    } });
 exports.MediaBlock = {
     'media-block': {
         additionalProperties: false,
         required: ['title', 'media'],
-        properties: {
-            ...exports.MediaBlockBaseProps,
-            media: (0, common_1.withTheme)(exports.Media),
-        },
+        properties: Object.assign(Object.assign({}, exports.MediaBlockBaseProps), { media: (0, common_1.withTheme)(exports.Media) }),
     },
 };
 //# sourceMappingURL=schema.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Media/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,8DAQwC;AACxC,+DAA4D;AAE/C,QAAA,KAAK,GAAG;IACjB,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,mBAAU;CACzB,CAAC;AAEF,MAAM,sBAAsB,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAEvD,QAAA,mBAAmB,GAAG;IAC/B,GAAG,uBAAc;IACjB,GAAG,wBAAe;IAClB,GAAG,sBAAsB;IACzB,WAAW,EAAE;QACT,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,KAAK;KACrB;IACD,SAAS,EAAE;QACP,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,uBAAc;KACvB;IACD,eAAe,EAAE;QACb,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,uBAAc;KACvB;IACD,UAAU,EAAE;QACR,IAAI,EAAE,SAAS;KAClB;IACD,SAAS,EAAE;QACP,IAAI,EAAE,SAAS;KAClB;IACD;;OAEG;IACH,aAAa,EAAE;QACX,IAAI,EAAE,SAAS;KAClB;IACD,MAAM,EAAE,oBAAW;IACnB,iBAAiB,EAAE,6BAAoB;IACvC,MAAM,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC;KACnC;CACJ,CAAC;AAEW,QAAA,UAAU,GAAG;IACtB,aAAa,EAAE;QACX,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC5B,UAAU,EAAE;YACR,GAAG,2BAAmB;YACtB,KAAK,EAAE,IAAA,kBAAS,EAAC,aAAK,CAAC;SAC1B;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"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Media/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,8DAQwC;AACxC,+DAA4D;AAE/C,QAAA,KAAK,GAAG;IACjB,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,mBAAU;CACzB,CAAC;AAEF,MAAM,sBAAsB,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAEvD,QAAA,mBAAmB,+DACzB,uBAAc,GACd,wBAAe,GACf,sBAAsB,KACzB,WAAW,EAAE;QACT,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,KAAK;KACrB,EACD,SAAS,EAAE;QACP,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,uBAAc;KACvB,EACD,eAAe,EAAE;QACb,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,uBAAc;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,oBAAW,EACnB,iBAAiB,EAAE,6BAAoB,EACvC,MAAM,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC;KACnC,IACH;AAEW,QAAA,UAAU,GAAG;IACtB,aAAa,EAAE;QACX,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC5B,UAAU,kCACH,2BAAmB,KACtB,KAAK,EAAE,IAAA,kBAAS,EAAC,aAAK,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/cjs/blocks/PromoFeaturesBlock/PromoFeaturesBlock.js

@@ -33,7 +33,7 @@ const PromoFeaturesBlock = (props) => {
                     return ((0, jsx_runtime_1.jsxs)("div", { className: b('card', {
                             'no-media': !media,
                             [themeMod]: Boolean(themeMod),
-                        }), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('card-info'), children: [(0, jsx_runtime_1.jsx)("h3", { className: b('card-title'), children: cardTitle }), (0, jsx_runtime_1.jsx)("div", { className: b('card-text'), children: (0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { content: text, modifiers: { constructor: true } }) })] }), media && (0, jsx_runtime_1.jsx)(Media_1.default, { className: b('card-media'), ...allProps })] }, index));
+                        }), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('card-info'), children: [(0, jsx_runtime_1.jsx)("h3", { className: b('card-title'), children: cardTitle }), (0, jsx_runtime_1.jsx)("div", { className: b('card-text'), children: (0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { content: text, modifiers: { constructor: true } }) })] }), media && (0, jsx_runtime_1.jsx)(Media_1.default, Object.assign({ className: b('card-media') }, allProps))] }, index));
                 }) })] }));
 };
 exports.default = PromoFeaturesBlock;

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

@@ -1 +1 @@
-{"version":3,"file":"PromoFeaturesBlock.js","sourceRoot":"../../../../src","sources":["blocks/PromoFeaturesBlock/PromoFeaturesBlock.tsx"],"names":[],"mappings":";;;;AAAA,yGAAsE;AACtE,kHAA+E;AAC/E,8HAA2F;AAC3F,oFAAiD;AACjD,oFAAiD;AACjD,mGAAgE;AAChE,kDAA4C;AAC5C,wDAA6C;AAE7C,gDAAkD;AAClD,wDAA0D;AAI1D,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,oBAAoB,CAAC,CAAC;AAEtC,MAAM,iBAAiB,GAAG;IACtB,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,KAAyB,EAAE,EAAE;IACrD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAC,GAAG,KAAK,CAAC;IAClE,MAAM,eAAe,GAAG,KAAK,IAAI,SAAS,CAAC;IAC3C,MAAM,WAAW,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAE/B,OAAO,CACH,wBAAC,sBAAY,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,eAAe,CAAC,EAAE,IAAI,EAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,aACpE,uBAAC,6BAAmB,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,IAAI,EAAC,CAAC,GAAI,EAC9E,uBAAC,eAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAI,EACtE,uBAAC,yBAAe,IACZ,cAAc,EAAE,iBAAiB,EACjC,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,eAAe,EAAE,CAAC,CAAC,uBAAuB,CAAC,YAE1C,KAAK,CAAC,GAAG,CAAC,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,EAAE,KAAK,EAAE,EAAE;oBACpE,MAAM,aAAa,GAAG,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;oBAC1E,MAAM,QAAQ,GAAG,SAAS,IAAI,aAAa,IAAI,EAAE,CAAC;oBAClD,MAAM,WAAW,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,WAAW,CAAC,CAAC;oBACvD,MAAM,QAAQ,GAAG,IAAA,+BAAmB,EAAC,WAAW,EAAE;wBAC9C,IAAI,EAAE,SAAS;wBACf,WAAW,EAAE,IAAI;qBACpB,CAAC,CAAC;oBAEH,OAAO,CACH,iCAEI,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE;4BACjB,UAAU,EAAE,CAAC,KAAK;4BAClB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC;yBAChC,CAAC,aAEF,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,+BAAI,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAAG,SAAS,GAAM,EAChD,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAC1B,uBAAC,oBAAU,IAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAAI,GAC3D,IACJ,EACL,KAAK,IAAI,uBAAC,eAAK,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,KAAM,QAAQ,GAAI,KAZxD,KAAK,CAaR,CACT,CAAC;gBACN,CAAC,CAAC,GACY,IACP,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC","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"]}
+{"version":3,"file":"PromoFeaturesBlock.js","sourceRoot":"../../../../src","sources":["blocks/PromoFeaturesBlock/PromoFeaturesBlock.tsx"],"names":[],"mappings":";;;;AAAA,yGAAsE;AACtE,kHAA+E;AAC/E,8HAA2F;AAC3F,oFAAiD;AACjD,oFAAiD;AACjD,mGAAgE;AAChE,kDAA4C;AAC5C,wDAA6C;AAE7C,gDAAkD;AAClD,wDAA0D;AAI1D,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,oBAAoB,CAAC,CAAC;AAEtC,MAAM,iBAAiB,GAAG;IACtB,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,KAAyB,EAAE,EAAE;IACrD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAC,GAAG,KAAK,CAAC;IAClE,MAAM,eAAe,GAAG,KAAK,IAAI,SAAS,CAAC;IAC3C,MAAM,WAAW,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAE/B,OAAO,CACH,wBAAC,sBAAY,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,eAAe,CAAC,EAAE,IAAI,EAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,aACpE,uBAAC,6BAAmB,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,IAAI,EAAC,CAAC,GAAI,EAC9E,uBAAC,eAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAI,EACtE,uBAAC,yBAAe,IACZ,cAAc,EAAE,iBAAiB,EACjC,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,eAAe,EAAE,CAAC,CAAC,uBAAuB,CAAC,YAE1C,KAAK,CAAC,GAAG,CAAC,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,EAAE,KAAK,EAAE,EAAE;oBACpE,MAAM,aAAa,GAAG,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;oBAC1E,MAAM,QAAQ,GAAG,SAAS,IAAI,aAAa,IAAI,EAAE,CAAC;oBAClD,MAAM,WAAW,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,WAAW,CAAC,CAAC;oBACvD,MAAM,QAAQ,GAAG,IAAA,+BAAmB,EAAC,WAAW,EAAE;wBAC9C,IAAI,EAAE,SAAS;wBACf,WAAW,EAAE,IAAI;qBACpB,CAAC,CAAC;oBAEH,OAAO,CACH,iCAEI,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE;4BACjB,UAAU,EAAE,CAAC,KAAK;4BAClB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC;yBAChC,CAAC,aAEF,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,+BAAI,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAAG,SAAS,GAAM,EAChD,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAC1B,uBAAC,oBAAU,IAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAAI,GAC3D,IACJ,EACL,KAAK,IAAI,uBAAC,eAAK,kBAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,IAAM,QAAQ,EAAI,KAZxD,KAAK,CAaR,CACT,CAAC;gBACN,CAAC,CAAC,GACY,IACP,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC","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/cjs/blocks/PromoFeaturesBlock/schema.js

@@ -27,15 +27,9 @@ exports.PromoFeaturesBlock = {
     'promo-features-block': {
         additionalProperties: false,
         required: ['items'],
-        properties: {
-            ...common_1.BlockBaseProps,
-            ...common_1.AnimatableProps,
-            ...common_1.BlockHeaderProps,
-            theme: {
+        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), common_1.BlockHeaderProps), { theme: {
                 enum: ['grey', 'default'],
-            },
-            items: (0, utils_1.filteredArray)(exports.PromoFeaturesItem),
-        },
+            }, items: (0, utils_1.filteredArray)(exports.PromoFeaturesItem) }),
     },
 };
 //# sourceMappingURL=schema.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/PromoFeaturesBlock/schema.ts"],"names":[],"mappings":";;;AAAA,8DAAiG;AACjG,4DAA4D;AAC5D,+CAAsC;AAEzB,QAAA,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,cAAK;KACf;CACJ,CAAC;AAEW,QAAA,kBAAkB,GAAG;IAC9B,sBAAsB,EAAE;QACpB,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,EAAE;YACR,GAAG,uBAAc;YACjB,GAAG,wBAAe;YAClB,GAAG,yBAAgB;YACnB,KAAK,EAAE;gBACH,IAAI,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC;aAC5B;YACD,KAAK,EAAE,IAAA,qBAAa,EAAC,yBAAiB,CAAC;SAC1C;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"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/PromoFeaturesBlock/schema.ts"],"names":[],"mappings":";;;AAAA,8DAAiG;AACjG,4DAA4D;AAC5D,+CAAsC;AAEzB,QAAA,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,cAAK;KACf;CACJ,CAAC;AAEW,QAAA,kBAAkB,GAAG;IAC9B,sBAAsB,EAAE;QACpB,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,8DACH,uBAAc,GACd,wBAAe,GACf,yBAAgB,KACnB,KAAK,EAAE;gBACH,IAAI,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC;aAC5B,EACD,KAAK,EAAE,IAAA,qBAAa,EAAC,yBAAiB,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/cjs/blocks/Questions/QuestionBlockItem/QuestionBlockItem.css

@@ -1,4 +1,4 @@
-.pc-QuestionsBlockItem__title {
+.pc-QuestionsBlockItem__title.pc-QuestionsBlockItem__title {
   margin: 0;
 }
 
@@ -11,45 +11,55 @@ unpredictable css rules order in build */
 .pc-QuestionsBlockItem + .pc-QuestionsBlockItem {
   padding-top: 32px;
 }
-.pc-QuestionsBlockItem__title {
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  font: inherit;
-  border: none;
-  outline: none;
-  color: inherit;
-  background: none;
-  cursor: pointer;
+.pc-QuestionsBlockItem__title.pc-QuestionsBlockItem__title {
   font-size: var(--g-text-header-1-font-size);
   line-height: var(--g-text-header-1-line-height);
   color: var(--pc-text-header-color);
   font-weight: var(--g-text-accent-font-weight);
-  position: relative;
-  display: block;
-  width: 100%;
-  padding-right: 24px;
-  text-align: start;
   cursor: pointer;
   border-radius: var(--g-focus-border-radius);
 }
-.pc-QuestionsBlockItem__title:focus {
+.pc-QuestionsBlockItem__title.pc-QuestionsBlockItem__title:focus {
   outline: 2px solid var(--g-color-line-focus);
   outline-offset: 0;
 }
-.pc-QuestionsBlockItem__title:focus:not(:focus-visible) {
+.pc-QuestionsBlockItem__title.pc-QuestionsBlockItem__title:focus:not(:focus-visible) {
   outline: 0;
 }
-.pc-QuestionsBlockItem__title a {
+.pc-QuestionsBlockItem__title.pc-QuestionsBlockItem__title a {
   outline: none;
   color: var(--g-color-text-link);
   text-decoration: none;
   cursor: pointer;
 }
-.utilityfocus .pc-QuestionsBlockItem__title a:focus {
+.utilityfocus .pc-QuestionsBlockItem__title.pc-QuestionsBlockItem__title a:focus {
   outline: 2px solid #ffdb4d;
 }
-.pc-QuestionsBlockItem__title a:hover, .pc-QuestionsBlockItem__title a:active {
+.pc-QuestionsBlockItem__title.pc-QuestionsBlockItem__title a:hover, .pc-QuestionsBlockItem__title.pc-QuestionsBlockItem__title a:active {
+  --pc-text-header-color: var(--g-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
+}
+
+.pc-QuestionsBlockItem__title-container {
+  margin: 0;
+  position: relative;
+  display: block;
+  width: 100%;
+  padding-right: 24px;
+  text-align: start;
+  cursor: pointer;
+  border-radius: var(--g-focus-border-radius);
+}
+.pc-QuestionsBlockItem__title-container a {
+  outline: none;
+  color: var(--g-color-text-link);
+  text-decoration: none;
+  cursor: pointer;
+}
+.utilityfocus .pc-QuestionsBlockItem__title-container a:focus {
+  outline: 2px solid #ffdb4d;
+}
+.pc-QuestionsBlockItem__title-container a:hover, .pc-QuestionsBlockItem__title-container a:active {
   --pc-text-header-color: var(--g-color-text-link-hover);
   color: var(--g-color-text-link-hover);
 }
@@ -75,4 +85,16 @@ unpredictable css rules order in build */
   font-size: var(--g-text-body-2-font-size);
   line-height: var(--g-text-body-2-line-height);
   margin-top: 12px;
+}
+.pc-QuestionsBlockItem__button {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  font: inherit;
+  border: none;
+  outline: none;
+  color: inherit;
+  background: none;
+  cursor: pointer;
+  width: 100%;
 }

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

@@ -11,11 +11,13 @@ const models_1 = require("../models.js");
 const b = (0, utils_1.block)('QuestionsBlockItem');
 const QuestionBlockItem = ({ title: itemTitle, text: itemText, link, listStyle = 'dash', isOpened, onClick, }) => {
     const { onKeyDown } = (0, uikit_1.useActionHandlers)(onClick);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), itemScope: true, itemProp: models_1.FaqMicrodataValues.QuestionProp, itemType: models_1.FaqMicrodataValues.QuestionType, role: 'listitem', children: [(0, jsx_runtime_1.jsxs)("button", { className: b('title'), onClick: onClick, "aria-expanded": isOpened, onKeyDown: onKeyDown, children: [(0, jsx_runtime_1.jsx)(components_1.HTML, { itemProp: models_1.FaqMicrodataValues.QuestionNameProp, children: itemTitle }), (0, jsx_runtime_1.jsx)(components_1.ToggleArrow, { open: isOpened, size: 16, type: 'vertical', iconType: "navigation", className: b('arrow') })] }), (0, jsx_runtime_1.jsx)(components_1.Foldable, { isOpened: isOpened, children: (0, jsx_runtime_1.jsxs)("div", { className: b('text'), itemScope: true, itemProp: models_1.FaqMicrodataValues.AnswerProp, itemType: models_1.FaqMicrodataValues.AnswerType, "aria-hidden": !isOpened, children: [(0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: itemText, modifiers: {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), itemScope: true, itemProp: models_1.FaqMicrodataValues.QuestionProp, itemType: models_1.FaqMicrodataValues.QuestionType, role: 'listitem', children: [(0, jsx_runtime_1.jsx)("button", { className: b('button'), onClick: onClick, "aria-expanded": isOpened, onKeyDown: onKeyDown, children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { tagName: "h3", className: b('title-container'), contentClassName: b('title'), itemProp: models_1.FaqMicrodataValues.QuestionNameProp, content: itemTitle, modifiers: {
+                        constructor: true,
+                    }, onClick: onClick, tabIndex: 0, children: (0, jsx_runtime_1.jsx)(components_1.ToggleArrow, { open: isOpened, size: 16, type: 'vertical', iconType: "navigation", className: b('arrow') }) }) }), (0, jsx_runtime_1.jsx)(components_1.Foldable, { isOpened: isOpened, children: (0, jsx_runtime_1.jsxs)("div", { className: b('text'), itemScope: true, itemProp: models_1.FaqMicrodataValues.AnswerProp, itemType: models_1.FaqMicrodataValues.AnswerType, "aria-hidden": !isOpened, children: [(0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: itemText, modifiers: {
                                 constructor: true,
                                 constructorListStyle: true,
                                 constructorListStyleDash: listStyle === 'dash',
-                            }, itemProp: models_1.FaqMicrodataValues.QuestionTextProp }), link && (0, jsx_runtime_1.jsx)(Link_1.default, { ...link, tabIndex: isOpened ? 0 : -1, className: b('link') })] }) })] }));
+                            }, itemProp: models_1.FaqMicrodataValues.QuestionTextProp }), link && (0, jsx_runtime_1.jsx)(Link_1.default, Object.assign({}, link, { tabIndex: isOpened ? 0 : -1, className: b('link') }))] }) })] }));
 };
 exports.QuestionBlockItem = QuestionBlockItem;
 //# sourceMappingURL=QuestionBlockItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"QuestionBlockItem.js","sourceRoot":"../../../../../src","sources":["blocks/Questions/QuestionBlockItem/QuestionBlockItem.tsx"],"names":[],"mappings":";;;;;AAAA,6CAAoD;AAEpD,6DAA4E;AAC5E,oFAAiD;AAEjD,mDAAqC;AACrC,yCAA6C;AAI7C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,oBAAoB,CAAC,CAAC;AAE/B,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,IAAA,yBAAiB,EAAC,OAAO,CAAC,CAAC;IAE/C,OAAO,CACH,iCACI,SAAS,EAAE,CAAC,EAAE,EACd,SAAS,QACT,QAAQ,EAAE,2BAAkB,CAAC,YAAY,EACzC,QAAQ,EAAE,2BAAkB,CAAC,YAAY,EACzC,IAAI,EAAE,UAAU,aAEhB,oCACI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,OAAO,EAAE,OAAO,mBACD,QAAQ,EACvB,SAAS,EAAE,SAAS,aAEpB,uBAAC,iBAAI,IAAC,QAAQ,EAAE,2BAAkB,CAAC,gBAAgB,YAAG,SAAS,GAAQ,EACvE,uBAAC,wBAAW,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,uBAAC,qBAAQ,IAAC,QAAQ,EAAE,QAAQ,YACxB,iCACI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,SAAS,QACT,QAAQ,EAAE,2BAAkB,CAAC,UAAU,EACvC,QAAQ,EAAE,2BAAkB,CAAC,UAAU,iBAC1B,CAAC,QAAQ,aAEtB,uBAAC,uBAAU,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,2BAAkB,CAAC,gBAAgB,GAC/C,EACD,IAAI,IAAI,uBAAC,cAAI,OAAK,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,IAC5E,GACC,IACT,CACT,CAAC;AACN,CAAC,CAAC;AAvDW,QAAA,iBAAiB,qBAuD5B","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"]}
+{"version":3,"file":"QuestionBlockItem.js","sourceRoot":"../../../../../src","sources":["blocks/Questions/QuestionBlockItem/QuestionBlockItem.tsx"],"names":[],"mappings":";;;;;AAAA,6CAAoD;AAEpD,6DAAsE;AACtE,oFAAiD;AAEjD,mDAAqC;AACrC,yCAA6C;AAI7C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,oBAAoB,CAAC,CAAC;AAE/B,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,IAAA,yBAAiB,EAAC,OAAO,CAAC,CAAC;IAE/C,OAAO,CACH,iCACI,SAAS,EAAE,CAAC,EAAE,EACd,SAAS,QACT,QAAQ,EAAE,2BAAkB,CAAC,YAAY,EACzC,QAAQ,EAAE,2BAAkB,CAAC,YAAY,EACzC,IAAI,EAAE,UAAU,aAEhB,mCACI,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,OAAO,EAAE,OAAO,mBACD,QAAQ,EACvB,SAAS,EAAE,SAAS,YAEpB,uBAAC,uBAAU,IACP,OAAO,EAAC,IAAI,EACZ,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAC/B,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,QAAQ,EAAE,2BAAkB,CAAC,gBAAgB,EAC7C,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE;wBACP,WAAW,EAAE,IAAI;qBACpB,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,YAEX,uBAAC,wBAAW,IACR,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,EAAE,EACR,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAC,YAAY,EACrB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GACvB,GACO,GACR,EACT,uBAAC,qBAAQ,IAAC,QAAQ,EAAE,QAAQ,YACxB,iCACI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,SAAS,QACT,QAAQ,EAAE,2BAAkB,CAAC,UAAU,EACvC,QAAQ,EAAE,2BAAkB,CAAC,UAAU,iBAC1B,CAAC,QAAQ,aAEtB,uBAAC,uBAAU,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,2BAAkB,CAAC,gBAAgB,GAC/C,EACD,IAAI,IAAI,uBAAC,cAAI,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;AAnEW,QAAA,iBAAiB,qBAmE5B","sourcesContent":["import {useActionHandlers} from '@gravity-ui/uikit';\n\nimport {Foldable, 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('button')}\n                onClick={onClick}\n                aria-expanded={isOpened}\n                onKeyDown={onKeyDown}\n            >\n                <YFMWrapper\n                    tagName=\"h3\"\n                    className={b('title-container')}\n                    contentClassName={b('title')}\n                    itemProp={FaqMicrodataValues.QuestionNameProp}\n                    content={itemTitle}\n                    modifiers={{\n                        constructor: true,\n                    }}\n                    onClick={onClick}\n                    tabIndex={0}\n                >\n                    <ToggleArrow\n                        open={isOpened}\n                        size={16}\n                        type={'vertical'}\n                        iconType=\"navigation\"\n                        className={b('arrow')}\n                    />\n                </YFMWrapper>\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/cjs/blocks/Questions/schema.js

@@ -11,10 +11,7 @@ exports.QuestionsBlock = {
     'questions-block': {
         additionalProperties: false,
         required: ['title', 'items'],
-        properties: {
-            ...common_1.BlockBaseProps,
-            ...QuestionsBlockContentProps,
-            items: (0, utils_1.filteredArray)({
+        properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), QuestionsBlockContentProps), { items: (0, utils_1.filteredArray)({
                 type: 'object',
                 required: ['title', 'text'],
                 properties: {
@@ -32,8 +29,7 @@ exports.QuestionsBlock = {
                         enum: ['dash', 'disk'],
                     },
                 },
-            }),
-        },
+            }) }),
     },
 };
 //# sourceMappingURL=schema.js.map

package/build/cjs/blocks/Questions/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Questions/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,8DAAyE;AACzE,4DAA4D;AAC5D,+DAA4D;AAE5D,MAAM,0BAA0B,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAE3D,QAAA,cAAc,GAAG;IAC1B,iBAAiB,EAAE;QACf,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC5B,UAAU,EAAE;YACR,GAAG,uBAAc;YACjB,GAAG,0BAA0B;YAC7B,KAAK,EAAE,IAAA,qBAAa,EAAC;gBACjB,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;gBAC3B,UAAU,EAAE;oBACR,KAAK,EAAE;wBACH,IAAI,EAAE,QAAQ;wBACd,WAAW,EAAE,MAAM;qBACtB;oBACD,IAAI,EAAE;wBACF,IAAI,EAAE,QAAQ;wBACd,WAAW,EAAE,KAAK;qBACrB;oBACD,IAAI,EAAE,kBAAS;oBACf,SAAS,EAAE;wBACP,IAAI,EAAE,QAAQ;wBACd,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;qBACzB;iBACJ;aACJ,CAAC;SACL;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {BlockBaseProps, LinkProps} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\n\nconst QuestionsBlockContentProps = omit(ContentBase, ['size', 'theme']);\n\nexport const QuestionsBlock = {\n    'questions-block': {\n        additionalProperties: false,\n        required: ['title', 'items'],\n        properties: {\n            ...BlockBaseProps,\n            ...QuestionsBlockContentProps,\n            items: filteredArray({\n                type: 'object',\n                required: ['title', 'text'],\n                properties: {\n                    title: {\n                        type: 'string',\n                        contentType: 'text',\n                    },\n                    text: {\n                        type: 'string',\n                        contentType: 'yfm',\n                    },\n                    link: LinkProps,\n                    listStyle: {\n                        type: 'string',\n                        enum: ['dash', 'disk'],\n                    },\n                },\n            }),\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Questions/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,8DAAyE;AACzE,4DAA4D;AAC5D,+DAA4D;AAE5D,MAAM,0BAA0B,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAE3D,QAAA,cAAc,GAAG;IAC1B,iBAAiB,EAAE;QACf,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC5B,UAAU,gDACH,uBAAc,GACd,0BAA0B,KAC7B,KAAK,EAAE,IAAA,qBAAa,EAAC;gBACjB,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;gBAC3B,UAAU,EAAE;oBACR,KAAK,EAAE;wBACH,IAAI,EAAE,QAAQ;wBACd,WAAW,EAAE,MAAM;qBACtB;oBACD,IAAI,EAAE;wBACF,IAAI,EAAE,QAAQ;wBACd,WAAW,EAAE,KAAK;qBACrB;oBACD,IAAI,EAAE,kBAAS;oBACf,SAAS,EAAE;wBACP,IAAI,EAAE,QAAQ;wBACd,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;qBACzB;iBACJ;aACJ,CAAC,GACL;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {BlockBaseProps, LinkProps} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\n\nconst QuestionsBlockContentProps = omit(ContentBase, ['size', 'theme']);\n\nexport const QuestionsBlock = {\n    'questions-block': {\n        additionalProperties: false,\n        required: ['title', 'items'],\n        properties: {\n            ...BlockBaseProps,\n            ...QuestionsBlockContentProps,\n            items: filteredArray({\n                type: 'object',\n                required: ['title', 'text'],\n                properties: {\n                    title: {\n                        type: 'string',\n                        contentType: 'text',\n                    },\n                    text: {\n                        type: 'string',\n                        contentType: 'yfm',\n                    },\n                    link: LinkProps,\n                    listStyle: {\n                        type: 'string',\n                        enum: ['dash', 'disk'],\n                    },\n                },\n            }),\n        },\n    },\n};\n"]}

package/build/cjs/blocks/Share/Share.js

@@ -4,6 +4,7 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
+const components_1 = require("../../components/index.js");
 const locationContext_1 = require("../../context/locationContext/index.js");
 const hooks_1 = require("../../hooks/index.js");
 const Facebook_1 = require("../../icons/Facebook.js");
@@ -26,7 +27,10 @@ const Share = ({ items, title }) => {
     const { pathname, hostname } = React.useContext(locationContext_1.LocationContext);
     const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.ShareButton);
     const handleButtonClick = React.useCallback(() => handleAnalytics(), [handleAnalytics]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), children: [(0, jsx_runtime_1.jsx)("h5", { className: b('title'), children: title || (0, i18n_1.i18n)('constructor-share') }), (0, jsx_runtime_1.jsx)("div", { className: b('items'), children: items.map((type) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), children: [(0, jsx_runtime_1.jsx)("h5", { className: b('title'), children: title ? ((0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: title, modifiers: {
+                        constructor: true,
+                        // constructorTheme: textTheme,
+                    } })) : ((0, i18n_1.i18n)('constructor-share')) }), (0, jsx_runtime_1.jsx)("div", { className: b('items'), children: items.map((type) => {
                     const url = (0, utils_1.getAbsolutePath)(hostname, pathname);
                     const socialUrl = (0, utils_1.getShareLink)(url, type);
                     const icon = icons[type];

package/build/cjs/blocks/Share/Share.js.map

@@ -1 +1 @@
-{"version":3,"file":"Share.js","sourceRoot":"../../../../src","sources":["blocks/Share/Share.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAA+C;AAE/C,4EAA8D;AAC9D,gDAAyC;AACzC,sDAA8C;AAC9C,sDAA8C;AAC9C,sDAA8C;AAC9C,oDAA4C;AAC5C,0CAAkC;AAClC,kDAAgE;AAChE,gDAAiE;AAEjE,0CAA4B;AAQ5B,MAAM,KAAK,GAAe;IACtB,QAAQ,EAAE,mBAAQ;IAClB,OAAO,EAAE,iBAAO;IAChB,QAAQ,EAAE,mBAAQ;IAClB,EAAE,EAAE,OAAE;IACN,QAAQ,EAAE,mBAAQ;CACrB,CAAC;AAEF,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,KAAK,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAkB,EAAE,EAAE;IAC9C,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IAC/D,MAAM,eAAe,GAAG,IAAA,oBAAY,EAAC,0BAAiB,CAAC,WAAW,CAAC,CAAC;IAEpE,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAExF,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,EAAE,aACf,+BAAI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,IAAI,IAAA,WAAI,EAAC,mBAAmB,CAAC,GAAM,EACpE,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAChB,MAAM,GAAG,GAAG,IAAA,uBAAe,EAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;oBAChD,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,IAAI,CAAC,CAAC;oBAC1C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;oBACzB,MAAM,QAAQ,GAAG,IAAA,WAAI,EAAC,GAAG,IAAI,QAAQ,CAAC,CAAC;oBACvC,MAAM,WAAW,GAAG,IAAA,WAAI,EAAC,GAAG,IAAI,QAAQ,CAAC,CAAC;oBAE1C,OAAO,CACH,uBAAC,cAAM,IAEH,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,EACR,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,EAAC,CAAC,EAChD,OAAO,EAAE,iBAAiB,EAC1B,KAAK,EAAE,QAAQ,EACf,UAAU,EAAE;4BACR,YAAY,EAAE,WAAW;yBAC5B,YAEA,IAAI,IAAI,uBAAC,YAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAC,CAAC,GAAI,IAZhE,IAAI,CAaJ,CACZ,CAAC;gBACN,CAAC,CAAC,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Button, Icon} from '@gravity-ui/uikit';\n\nimport {LocationContext} from '../../context/locationContext';\nimport {useAnalytics} from '../../hooks';\nimport {Facebook} from '../../icons/Facebook';\nimport {Linkedin} from '../../icons/Linkedin';\nimport {Telegram} from '../../icons/Telegram';\nimport {Twitter} from '../../icons/Twitter';\nimport {Vk} from '../../icons/Vk';\nimport {DefaultEventNames, ShareBlockProps} from '../../models';\nimport {block, getAbsolutePath, getShareLink} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './Share.scss';\n\ninterface IconsProps {\n    [key: string]: React.FC<React.SVGProps<SVGSVGElement>>;\n}\n\nconst icons: IconsProps = {\n    facebook: Facebook,\n    twitter: Twitter,\n    linkedin: Linkedin,\n    vk: Vk,\n    telegram: Telegram,\n};\n\nconst b = block('share-block');\n\nconst Share = ({items, title}: ShareBlockProps) => {\n    const {pathname, hostname} = React.useContext(LocationContext);\n    const handleAnalytics = useAnalytics(DefaultEventNames.ShareButton);\n\n    const handleButtonClick = React.useCallback(() => handleAnalytics(), [handleAnalytics]);\n\n    return (\n        <div className={b()}>\n            <h5 className={b('title')}>{title || i18n('constructor-share')}</h5>\n            <div className={b('items')}>\n                {items.map((type) => {\n                    const url = getAbsolutePath(hostname, pathname);\n                    const socialUrl = getShareLink(url, type);\n                    const icon = icons[type];\n                    const urlTitle = i18n(`${type}-title`);\n                    const buttonLabel = i18n(`${type}-label`);\n\n                    return (\n                        <Button\n                            key={type}\n                            view=\"flat\"\n                            size=\"l\"\n                            target=\"_blank\"\n                            href={socialUrl}\n                            className={b('item', {type: type.toLowerCase()})}\n                            onClick={handleButtonClick}\n                            title={urlTitle}\n                            extraProps={{\n                                'aria-label': buttonLabel,\n                            }}\n                        >\n                            {icon && <Icon data={icon} size={24} className={b('icon', {type})} />}\n                        </Button>\n                    );\n                })}\n            </div>\n        </div>\n    );\n};\n\nexport default Share;\n"]}
+{"version":3,"file":"Share.js","sourceRoot":"../../../../src","sources":["blocks/Share/Share.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAA+C;AAE/C,0DAA4C;AAC5C,4EAA8D;AAC9D,gDAAyC;AACzC,sDAA8C;AAC9C,sDAA8C;AAC9C,sDAA8C;AAC9C,oDAA4C;AAC5C,0CAAkC;AAClC,kDAAgE;AAChE,gDAAiE;AAEjE,0CAA4B;AAQ5B,MAAM,KAAK,GAAe;IACtB,QAAQ,EAAE,mBAAQ;IAClB,OAAO,EAAE,iBAAO;IAChB,QAAQ,EAAE,mBAAQ;IAClB,EAAE,EAAE,OAAE;IACN,QAAQ,EAAE,mBAAQ;CACrB,CAAC;AAEF,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,KAAK,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAkB,EAAE,EAAE;IAC9C,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IAC/D,MAAM,eAAe,GAAG,IAAA,oBAAY,EAAC,0BAAiB,CAAC,WAAW,CAAC,CAAC;IAEpE,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAExF,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,EAAE,aACf,+BAAI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACpB,KAAK,CAAC,CAAC,CAAC,CACL,uBAAC,uBAAU,IACP,OAAO,EAAE,KAAK,EACd,SAAS,EAAE;wBACP,WAAW,EAAE,IAAI;wBACjB,+BAA+B;qBAClC,GACH,CACL,CAAC,CAAC,CAAC,CACA,IAAA,WAAI,EAAC,mBAAmB,CAAC,CAC5B,GACA,EACL,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAChB,MAAM,GAAG,GAAG,IAAA,uBAAe,EAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;oBAChD,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,IAAI,CAAC,CAAC;oBAC1C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;oBACzB,MAAM,QAAQ,GAAG,IAAA,WAAI,EAAC,GAAG,IAAI,QAAQ,CAAC,CAAC;oBACvC,MAAM,WAAW,GAAG,IAAA,WAAI,EAAC,GAAG,IAAI,QAAQ,CAAC,CAAC;oBAE1C,OAAO,CACH,uBAAC,cAAM,IAEH,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,EACR,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,EAAC,CAAC,EAChD,OAAO,EAAE,iBAAiB,EAC1B,KAAK,EAAE,QAAQ,EACf,UAAU,EAAE;4BACR,YAAY,EAAE,WAAW;yBAC5B,YAEA,IAAI,IAAI,uBAAC,YAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAC,CAAC,GAAI,IAZhE,IAAI,CAaJ,CACZ,CAAC;gBACN,CAAC,CAAC,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Button, Icon} from '@gravity-ui/uikit';\n\nimport {YFMWrapper} from '../../components';\nimport {LocationContext} from '../../context/locationContext';\nimport {useAnalytics} from '../../hooks';\nimport {Facebook} from '../../icons/Facebook';\nimport {Linkedin} from '../../icons/Linkedin';\nimport {Telegram} from '../../icons/Telegram';\nimport {Twitter} from '../../icons/Twitter';\nimport {Vk} from '../../icons/Vk';\nimport {DefaultEventNames, ShareBlockProps} from '../../models';\nimport {block, getAbsolutePath, getShareLink} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './Share.scss';\n\ninterface IconsProps {\n    [key: string]: React.FC<React.SVGProps<SVGSVGElement>>;\n}\n\nconst icons: IconsProps = {\n    facebook: Facebook,\n    twitter: Twitter,\n    linkedin: Linkedin,\n    vk: Vk,\n    telegram: Telegram,\n};\n\nconst b = block('share-block');\n\nconst Share = ({items, title}: ShareBlockProps) => {\n    const {pathname, hostname} = React.useContext(LocationContext);\n    const handleAnalytics = useAnalytics(DefaultEventNames.ShareButton);\n\n    const handleButtonClick = React.useCallback(() => handleAnalytics(), [handleAnalytics]);\n\n    return (\n        <div className={b()}>\n            <h5 className={b('title')}>\n                {title ? (\n                    <YFMWrapper\n                        content={title}\n                        modifiers={{\n                            constructor: true,\n                            // constructorTheme: textTheme,\n                        }}\n                    />\n                ) : (\n                    i18n('constructor-share')\n                )}\n            </h5>\n            <div className={b('items')}>\n                {items.map((type) => {\n                    const url = getAbsolutePath(hostname, pathname);\n                    const socialUrl = getShareLink(url, type);\n                    const icon = icons[type];\n                    const urlTitle = i18n(`${type}-title`);\n                    const buttonLabel = i18n(`${type}-label`);\n\n                    return (\n                        <Button\n                            key={type}\n                            view=\"flat\"\n                            size=\"l\"\n                            target=\"_blank\"\n                            href={socialUrl}\n                            className={b('item', {type: type.toLowerCase()})}\n                            onClick={handleButtonClick}\n                            title={urlTitle}\n                            extraProps={{\n                                'aria-label': buttonLabel,\n                            }}\n                        >\n                            {icon && <Icon data={icon} size={24} className={b('icon', {type})} />}\n                        </Button>\n                    );\n                })}\n            </div>\n        </div>\n    );\n};\n\nexport default Share;\n"]}

package/build/cjs/blocks/Share/schema.js

@@ -6,19 +6,15 @@ exports.ShareBlock = {
     'share-block': {
         additionalProperties: false,
         required: ['items'],
-        properties: {
-            ...common_1.BaseProps,
-            title: {
+        properties: Object.assign(Object.assign({}, common_1.BaseProps), { title: {
                 type: 'string',
-            },
-            items: {
+            }, items: {
                 type: 'array',
                 items: {
                     type: 'string',
                     enum: ['telegram', 'facebook', 'twitter', 'vk', 'linkedin'],
                 },
-            },
-        },
+            } }),
     },
 };
 //# sourceMappingURL=schema.js.map

package/build/cjs/blocks/Share/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Share/schema.ts"],"names":[],"mappings":";;;AAAA,8DAAyD;AAE5C,QAAA,UAAU,GAAG;IACtB,aAAa,EAAE;QACX,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,EAAE;YACR,GAAG,kBAAS;YACZ,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;aACjB;YACD,KAAK,EAAE;gBACH,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE;oBACH,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,CAAC;iBAC9D;aACJ;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import {BaseProps} from '../../schema/validators/common';\n\nexport const ShareBlock = {\n    'share-block': {\n        additionalProperties: false,\n        required: ['items'],\n        properties: {\n            ...BaseProps,\n            title: {\n                type: 'string',\n            },\n            items: {\n                type: 'array',\n                items: {\n                    type: 'string',\n                    enum: ['telegram', 'facebook', 'twitter', 'vk', 'linkedin'],\n                },\n            },\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Share/schema.ts"],"names":[],"mappings":";;;AAAA,8DAAyD;AAE5C,QAAA,UAAU,GAAG;IACtB,aAAa,EAAE;QACX,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,kCACH,kBAAS,KACZ,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;aACjB,EACD,KAAK,EAAE;gBACH,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE;oBACH,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,CAAC;iBAC9D;aACJ,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import {BaseProps} from '../../schema/validators/common';\n\nexport const ShareBlock = {\n    'share-block': {\n        additionalProperties: false,\n        required: ['items'],\n        properties: {\n            ...BaseProps,\n            title: {\n                type: 'string',\n            },\n            items: {\n                type: 'array',\n                items: {\n                    type: 'string',\n                    enum: ['telegram', 'facebook', 'twitter', 'vk', 'linkedin'],\n                },\n            },\n        },\n    },\n};\n"]}