@gravity-ui/page-constructor 6.3.1 → 6.3.2-alpha.0

package/build/cjs/sub-blocks/BackgroundCard/dynamic-form.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.blockConfig = void 0;
+const common_1 = require("../../schema/validators/common.js");
+const textSizeEnum = common_1.textSize.map((size) => ({ value: size, content: size }));
+const contentThemesEnum = common_1.contentThemes.map((size) => ({ value: size, content: size }));
+exports.blockConfig = {
+    name: 'Background Card',
+    inputs: [
+        {
+            type: 'oneOf',
+            name: 'title',
+            title: 'Title Object',
+            options: [
+                {
+                    title: 'Simple',
+                    value: 'simple',
+                    properties: [
+                        {
+                            type: 'text',
+                            name: '',
+                            title: 'Title',
+                        },
+                    ],
+                },
+                {
+                    title: 'Complex',
+                    value: 'complex',
+                    properties: [
+                        {
+                            type: 'text',
+                            name: 'text',
+                            title: 'Title',
+                        },
+                        {
+                            type: 'select',
+                            name: 'textSize',
+                            title: 'Text Size',
+                            enum: textSizeEnum,
+                            view: 'select',
+                            mode: 'single',
+                        },
+                        {
+                            type: 'text',
+                            name: 'url',
+                            title: 'Url',
+                        },
+                        {
+                            type: 'text',
+                            name: 'urlTitle',
+                            title: 'Url',
+                        },
+                        {
+                            type: 'boolean',
+                            name: 'resetMargin',
+                            title: 'Reset Margin',
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            type: 'textarea',
+            name: 'text',
+            title: 'Description',
+        },
+        {
+            type: 'textarea',
+            name: 'additionalInfo',
+            title: 'Additional Info',
+        },
+        {
+            type: 'select',
+            name: 'size',
+            title: 'Size',
+            enum: contentThemesEnum,
+            view: 'select',
+            mode: 'single',
+        },
+    ],
+};
+//# sourceMappingURL=dynamic-form.js.map

package/build/cjs/sub-blocks/BackgroundCard/dynamic-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-form.js","sourceRoot":"../../../../src","sources":["sub-blocks/BackgroundCard/dynamic-form.ts"],"names":[],"mappings":";;;AACA,8DAAuE;AAEvE,MAAM,YAAY,GAAG,iBAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;AAC5E,MAAM,iBAAiB,GAAG,sBAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;AAEzE,QAAA,WAAW,GAAgB;IACpC,IAAI,EAAE,iBAAiB;IACvB,MAAM,EAAE;QACJ;YACI,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,cAAc;YACrB,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,QAAQ;oBACf,KAAK,EAAE,QAAQ;oBACf,UAAU,EAAE;wBACR;4BACI,IAAI,EAAE,MAAM;4BACZ,IAAI,EAAE,EAAE;4BACR,KAAK,EAAE,OAAO;yBACjB;qBACJ;iBACJ;gBACD;oBACI,KAAK,EAAE,SAAS;oBAChB,KAAK,EAAE,SAAS;oBAChB,UAAU,EAAE;wBACR;4BACI,IAAI,EAAE,MAAM;4BACZ,IAAI,EAAE,MAAM;4BACZ,KAAK,EAAE,OAAO;yBACjB;wBACD;4BACI,IAAI,EAAE,QAAQ;4BACd,IAAI,EAAE,UAAU;4BAChB,KAAK,EAAE,WAAW;4BAClB,IAAI,EAAE,YAAY;4BAClB,IAAI,EAAE,QAAQ;4BACd,IAAI,EAAE,QAAQ;yBACjB;wBACD;4BACI,IAAI,EAAE,MAAM;4BACZ,IAAI,EAAE,KAAK;4BACX,KAAK,EAAE,KAAK;yBACf;wBACD;4BACI,IAAI,EAAE,MAAM;4BACZ,IAAI,EAAE,UAAU;4BAChB,KAAK,EAAE,KAAK;yBACf;wBACD;4BACI,IAAI,EAAE,SAAS;4BACf,IAAI,EAAE,aAAa;4BACnB,KAAK,EAAE,cAAc;yBACxB;qBACJ;iBACJ;aACJ;SACJ;QACD;YACI,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,aAAa;SACvB;QACD;YACI,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,gBAAgB;YACtB,KAAK,EAAE,iBAAiB;SAC3B;QACD;YACI,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,iBAAiB;YACvB,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,QAAQ;SACjB;KACJ;CACJ,CAAC","sourcesContent":["import {BlockConfig} from '../../../common/types';\nimport {contentThemes, textSize} from '../../schema/validators/common';\n\nconst textSizeEnum = textSize.map((size) => ({value: size, content: size}));\nconst contentThemesEnum = contentThemes.map((size) => ({value: size, content: size}));\n\nexport const blockConfig: BlockConfig = {\n    name: 'Background Card',\n    inputs: [\n        {\n            type: 'oneOf',\n            name: 'title',\n            title: 'Title Object',\n            options: [\n                {\n                    title: 'Simple',\n                    value: 'simple',\n                    properties: [\n                        {\n                            type: 'text',\n                            name: '',\n                            title: 'Title',\n                        },\n                    ],\n                },\n                {\n                    title: 'Complex',\n                    value: 'complex',\n                    properties: [\n                        {\n                            type: 'text',\n                            name: 'text',\n                            title: 'Title',\n                        },\n                        {\n                            type: 'select',\n                            name: 'textSize',\n                            title: 'Text Size',\n                            enum: textSizeEnum,\n                            view: 'select',\n                            mode: 'single',\n                        },\n                        {\n                            type: 'text',\n                            name: 'url',\n                            title: 'Url',\n                        },\n                        {\n                            type: 'text',\n                            name: 'urlTitle',\n                            title: 'Url',\n                        },\n                        {\n                            type: 'boolean',\n                            name: 'resetMargin',\n                            title: 'Reset Margin',\n                        },\n                    ],\n                },\n            ],\n        },\n        {\n            type: 'textarea',\n            name: 'text',\n            title: 'Description',\n        },\n        {\n            type: 'textarea',\n            name: 'additionalInfo',\n            title: 'Additional Info',\n        },\n        {\n            type: 'select',\n            name: 'size',\n            title: 'Size',\n            enum: contentThemesEnum,\n            view: 'select',\n            mode: 'single',\n        },\n    ],\n};\n"]}

package/build/cjs/sub-blocks/BackgroundCard/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from "../../constructor-items.js";
+declare const BackgroundCardConfig: BlockData;
+export default BackgroundCardConfig;

package/build/cjs/sub-blocks/BackgroundCard/index.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator.js");
+const BackgroundCard_1 = tslib_1.__importDefault(require("./BackgroundCard.js"));
+const schema_1 = require("./schema.js");
+const BackgroundCardConfig = {
+    component: BackgroundCard_1.default,
+    schema: {
+        name: 'Background Card',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.BackgroundCard['background-card']),
+        group: 'cards',
+        default: {
+            title: 'Background Card',
+            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+            additionalInfo: 'Additional info',
+            backgroundColor: '#F0F0F0',
+        },
+    },
+};
+exports.default = BackgroundCardConfig;
+//# sourceMappingURL=index.js.map

package/build/cjs/sub-blocks/BackgroundCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["sub-blocks/BackgroundCard/index.tsx"],"names":[],"mappings":";;;AAGA,kEAA2D;AAE3D,iFAA8C;AAC9C,wCAAgE;AAEhE,MAAM,oBAAoB,GAAc;IACpC,SAAS,EAAE,wBAAc;IACzB,MAAM,EAAE;QACJ,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,IAAA,gCAAe,EACnB,uBAAoB,CAAC,iBAAiB,CAAkC,CAC3E;QACD,KAAK,EAAE,OAAO;QACd,OAAO,EAAE;YACL,KAAK,EAAE,iBAAiB;YACxB,IAAI,EAAE,6HAA6H;YACnI,cAAc,EAAE,iBAAiB;YACjC,eAAe,EAAE,SAAS;SAC7B;KACJ;CACJ,CAAC;AAEF,kBAAe,oBAAoB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport BackgroundCard from './BackgroundCard';\nimport {BackgroundCard as BackgroundCardSchema} from './schema';\n\nconst BackgroundCardConfig: BlockData = {\n    component: BackgroundCard,\n    schema: {\n        name: 'Background Card',\n        inputs: generateFromAJV(\n            BackgroundCardSchema['background-card'] as unknown as JSONSchemaType<{}>,\n        ),\n        group: 'cards',\n        default: {\n            title: 'Background Card',\n            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n            additionalInfo: 'Additional info',\n            backgroundColor: '#F0F0F0',\n        },\n    },\n};\n\nexport default BackgroundCardConfig;\n"]}

package/build/cjs/sub-blocks/BannerCard/BannerCard.js

@@ -7,9 +7,10 @@ const theme_1 = require("../../context/theme/index.js");
 const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('banner-card');
 const BannerCard = (props) => {
-    const { title, subtitle, button: { url, text, target, theme: buttonTheme = 'raised' } = {}, color, theme: textTheme = 'light', image, disableCompress, mediaView = 'full', } = props;
+    const { title, subtitle, button, color, theme: textTheme = 'light', image, disableCompress, mediaView = 'full', } = props;
     const theme = (0, theme_1.useTheme)();
     const contentStyle = {};
+    const { url, text, target, theme: buttonTheme = 'raised' } = button || {};
     if (color) {
         contentStyle.backgroundColor = (0, utils_1.getThemedValue)(color, theme);
     }

package/build/cjs/sub-blocks/BannerCard/BannerCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/BannerCard/BannerCard.tsx"],"names":[],"mappings":";;;;AAAA,0DAAuF;AACvF,wDAA6C;AAE7C,gDAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAExB,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EACF,KAAK,EACL,QAAQ,EACR,MAAM,EAAE,EAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,GAAG,QAAQ,EAAC,GAAG,EAAE,EAC/D,KAAK,EACL,KAAK,EAAE,SAAS,GAAG,OAAO,EAC1B,KAAK,EACL,eAAe,EACf,SAAS,GAAG,MAAM,GACrB,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,YAAY,GAA2B,EAAE,CAAC;IAEhD,IAAI,KAAK,EAAE,CAAC;QACR,YAAY,CAAC,eAAe,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAChE,CAAC;IAED,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,CAAC,YAAY,CAAC,EAAE,SAAS,EAAC,CAAC,YAC5D,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,aAC7C,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,+BAAI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,uBAAC,iBAAI,cAAE,KAAK,GAAQ,GACnB,EACJ,QAAQ,IAAI,CACT,uBAAC,uBAAU,IACP,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EACxB,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAChC,CACL,IACC,EAEL,GAAG,IAAI,CACJ,uBAAC,uBAAU,IAAC,IAAI,EAAE,GAAG,YACjB,uBAAC,mBAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,KAAK,EAAE,WAAW,EAClB,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,GAChB,GACO,CAChB,IACC,EACN,uBAAC,4BAAe,IACZ,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,GAAG,EAAE,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,EACjC,eAAe,EAAE,eAAe,GAClC,IACA,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAxDW,QAAA,UAAU,cAwDrB;AAEF,kBAAe,kBAAU,CAAC","sourcesContent":["import {BackgroundImage, Button, HTML, RouterLink, YFMWrapper} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {BannerCardProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './BannerCard.scss';\n\nconst b = block('banner-card');\n\nexport const BannerCard = (props: BannerCardProps) => {\n    const {\n        title,\n        subtitle,\n        button: {url, text, target, theme: buttonTheme = 'raised'} = {},\n        color,\n        theme: textTheme = 'light',\n        image,\n        disableCompress,\n        mediaView = 'full',\n    } = props;\n    const theme = useTheme();\n    const contentStyle: Record<string, string> = {};\n\n    if (color) {\n        contentStyle.backgroundColor = getThemedValue(color, theme);\n    }\n\n    return (\n        <div className={b({theme: textTheme, ['media-view']: mediaView})}>\n            <div className={b('content')} style={contentStyle}>\n                <div className={b('info')}>\n                    <div className={b('text')}>\n                        <h2 className={b('title')}>\n                            <HTML>{title}</HTML>\n                        </h2>\n                        {subtitle && (\n                            <YFMWrapper\n                                className={b('subtitle')}\n                                content={subtitle}\n                                modifiers={{constructor: true}}\n                            />\n                        )}\n                    </div>\n\n                    {url && (\n                        <RouterLink href={url}>\n                            <Button\n                                className={b('button')}\n                                theme={buttonTheme}\n                                size=\"xl\"\n                                text={text ?? ''}\n                                url={url}\n                                target={target}\n                            />\n                        </RouterLink>\n                    )}\n                </div>\n                <BackgroundImage\n                    className={b('image')}\n                    src={getThemedValue(image, theme)}\n                    disableCompress={disableCompress}\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default BannerCard;\n"]}
+{"version":3,"file":"BannerCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/BannerCard/BannerCard.tsx"],"names":[],"mappings":";;;;AAAA,0DAAuF;AACvF,wDAA6C;AAE7C,gDAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAExB,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EACF,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EACL,KAAK,EAAE,SAAS,GAAG,OAAO,EAC1B,KAAK,EACL,eAAe,EACf,SAAS,GAAG,MAAM,GACrB,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,YAAY,GAA2B,EAAE,CAAC;IAEhD,MAAM,EAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,GAAG,QAAQ,EAAC,GAAG,MAAM,IAAI,EAAE,CAAC;IAExE,IAAI,KAAK,EAAE,CAAC;QACR,YAAY,CAAC,eAAe,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAChE,CAAC;IAED,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,CAAC,YAAY,CAAC,EAAE,SAAS,EAAC,CAAC,YAC5D,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,aAC7C,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,+BAAI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,uBAAC,iBAAI,cAAE,KAAK,GAAQ,GACnB,EACJ,QAAQ,IAAI,CACT,uBAAC,uBAAU,IACP,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EACxB,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAChC,CACL,IACC,EAEL,GAAG,IAAI,CACJ,uBAAC,uBAAU,IAAC,IAAI,EAAE,GAAG,YACjB,uBAAC,mBAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,KAAK,EAAE,WAAW,EAClB,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,GAChB,GACO,CAChB,IACC,EACN,uBAAC,4BAAe,IACZ,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,GAAG,EAAE,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,EACjC,eAAe,EAAE,eAAe,GAClC,IACA,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AA1DW,QAAA,UAAU,cA0DrB;AAEF,kBAAe,kBAAU,CAAC","sourcesContent":["import {BackgroundImage, Button, HTML, RouterLink, YFMWrapper} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {BannerCardProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './BannerCard.scss';\n\nconst b = block('banner-card');\n\nexport const BannerCard = (props: BannerCardProps) => {\n    const {\n        title,\n        subtitle,\n        button,\n        color,\n        theme: textTheme = 'light',\n        image,\n        disableCompress,\n        mediaView = 'full',\n    } = props;\n    const theme = useTheme();\n    const contentStyle: Record<string, string> = {};\n\n    const {url, text, target, theme: buttonTheme = 'raised'} = button || {};\n\n    if (color) {\n        contentStyle.backgroundColor = getThemedValue(color, theme);\n    }\n\n    return (\n        <div className={b({theme: textTheme, ['media-view']: mediaView})}>\n            <div className={b('content')} style={contentStyle}>\n                <div className={b('info')}>\n                    <div className={b('text')}>\n                        <h2 className={b('title')}>\n                            <HTML>{title}</HTML>\n                        </h2>\n                        {subtitle && (\n                            <YFMWrapper\n                                className={b('subtitle')}\n                                content={subtitle}\n                                modifiers={{constructor: true}}\n                            />\n                        )}\n                    </div>\n\n                    {url && (\n                        <RouterLink href={url}>\n                            <Button\n                                className={b('button')}\n                                theme={buttonTheme}\n                                size=\"xl\"\n                                text={text ?? ''}\n                                url={url}\n                                target={target}\n                            />\n                        </RouterLink>\n                    )}\n                </div>\n                <BackgroundImage\n                    className={b('image')}\n                    src={getThemedValue(image, theme)}\n                    disableCompress={disableCompress}\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default BannerCard;\n"]}

package/build/cjs/sub-blocks/BannerCard/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from "../../constructor-items.js";
+declare const BannerCardConfig: BlockData;
+export default BannerCardConfig;

package/build/cjs/sub-blocks/BannerCard/index.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const schema_1 = require("../../blocks/Banner/schema.js");
+const form_generator_1 = require("../../utils/form-generator.js");
+const BannerCard_1 = tslib_1.__importDefault(require("./BannerCard.js"));
+const BannerCardConfig = {
+    component: BannerCard_1.default,
+    schema: {
+        name: 'Banner Card',
+        group: 'cards',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.BannerCardProps),
+        default: {
+            color: 'rgba(54, 151, 241, 0.4)',
+            title: 'Banner Card',
+            subtitle: 'Some sort of description.',
+            button: {
+                text: 'Read more',
+            },
+        },
+    },
+};
+exports.default = BannerCardConfig;
+//# sourceMappingURL=index.js.map

package/build/cjs/sub-blocks/BannerCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["sub-blocks/BannerCard/index.tsx"],"names":[],"mappings":";;;AAEA,0DAA2D;AAE3D,kEAA2D;AAE3D,yEAAsC;AAEtC,MAAM,gBAAgB,GAAc;IAChC,SAAS,EAAE,oBAAU;IACrB,MAAM,EAAE;QACJ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,IAAA,gCAAe,EAAC,wBAAgD,CAAC;QACzE,OAAO,EAAE;YACL,KAAK,EAAE,yBAAyB;YAChC,KAAK,EAAE,aAAa;YACpB,QAAQ,EAAE,2BAA2B;YACrC,MAAM,EAAE;gBACJ,IAAI,EAAE,WAAW;aACpB;SACJ;KACJ;CACJ,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BannerCardProps} from '../../blocks/Banner/schema';\nimport {BlockData} from '../../constructor-items';\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport BannerCard from './BannerCard';\n\nconst BannerCardConfig: BlockData = {\n    component: BannerCard,\n    schema: {\n        name: 'Banner Card',\n        group: 'cards',\n        inputs: generateFromAJV(BannerCardProps as unknown as JSONSchemaType<{}>),\n        default: {\n            color: 'rgba(54, 151, 241, 0.4)',\n            title: 'Banner Card',\n            subtitle: 'Some sort of description.',\n            button: {\n                text: 'Read more',\n            },\n        },\n    },\n};\n\nexport default BannerCardConfig;\n"]}

package/build/cjs/sub-blocks/BasicCard/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from "../../constructor-items.js";
+declare const BasicCardConfig: BlockData;
+export default BasicCardConfig;

package/build/cjs/sub-blocks/BasicCard/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator.js");
+const BasicCard_1 = tslib_1.__importDefault(require("./BasicCard.js"));
+const schema_1 = require("./schema.js");
+const BasicCardConfig = {
+    component: BasicCard_1.default,
+    schema: {
+        name: 'Basic Card',
+        group: 'cards',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.BasicCard['basic-card']),
+        default: {
+            title: 'Basic Card',
+            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+        },
+    },
+};
+exports.default = BasicCardConfig;
+//# sourceMappingURL=index.js.map

package/build/cjs/sub-blocks/BasicCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["sub-blocks/BasicCard/index.tsx"],"names":[],"mappings":";;;AAGA,kEAA2D;AAE3D,uEAAoC;AACpC,wCAAsD;AAEtD,MAAM,eAAe,GAAc;IAC/B,SAAS,EAAE,mBAAS;IACpB,MAAM,EAAE;QACJ,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,IAAA,gCAAe,EAAC,kBAAe,CAAC,YAAY,CAAkC,CAAC;QACvF,OAAO,EAAE;YACL,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,6HAA6H;SACtI;KACJ;CACJ,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport BasicCard from './BasicCard';\nimport {BasicCard as BasicCardSchema} from './schema';\n\nconst BasicCardConfig: BlockData = {\n    component: BasicCard,\n    schema: {\n        name: 'Basic Card',\n        group: 'cards',\n        inputs: generateFromAJV(BasicCardSchema['basic-card'] as unknown as JSONSchemaType<{}>),\n        default: {\n            title: 'Basic Card',\n            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n        },\n    },\n};\n\nexport default BasicCardConfig;\n"]}

package/build/cjs/sub-blocks/Content/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from "../../constructor-items.js";
+declare const ContentConfig: BlockData;
+export default ContentConfig;

package/build/cjs/sub-blocks/Content/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator.js");
+const Content_1 = tslib_1.__importDefault(require("./Content.js"));
+const schema_1 = require("./schema.js");
+const ContentConfig = {
+    component: Content_1.default,
+    schema: {
+        name: 'Content',
+        group: 'cards',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.ContentBlock['content']),
+        default: {
+            title: 'Content',
+            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+        },
+    },
+};
+exports.default = ContentConfig;
+//# sourceMappingURL=index.js.map

package/build/cjs/sub-blocks/Content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["sub-blocks/Content/index.tsx"],"names":[],"mappings":";;;AAGA,kEAA2D;AAE3D,mEAAgC;AAChC,wCAAsC;AAEtC,MAAM,aAAa,GAAc;IAC7B,SAAS,EAAE,iBAAO;IAClB,MAAM,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,IAAA,gCAAe,EAAC,qBAAY,CAAC,SAAS,CAAkC,CAAC;QACjF,OAAO,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,6HAA6H;SACtI;KACJ;CACJ,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport Content from './Content';\nimport {ContentBlock} from './schema';\n\nconst ContentConfig: BlockData = {\n    component: Content,\n    schema: {\n        name: 'Content',\n        group: 'cards',\n        inputs: generateFromAJV(ContentBlock['content'] as unknown as JSONSchemaType<{}>),\n        default: {\n            title: 'Content',\n            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n        },\n    },\n};\n\nexport default ContentConfig;\n"]}

package/build/cjs/sub-blocks/Content/schema.d.ts

@@ -139,6 +139,7 @@ export declare const ContentBase: {
 };
 export declare const ContentBlock: {
     content: {
+        type: string;
         additionalProperties: boolean;
         properties: {
             colSizes: {};

package/build/cjs/sub-blocks/Content/schema.js

@@ -60,6 +60,7 @@ exports.ContentBase = {
 };
 exports.ContentBlock = {
     content: {
+        type: 'object',
         additionalProperties: false,
         properties: {
             ...exports.ContentBase,

package/build/cjs/sub-blocks/Content/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/Content/schema.ts"],"names":[],"mappings":";;;AAAA,6DAAyD;AACzD,8DASwC;AACxC,4DAA4D;AAE/C,QAAA,WAAW,GAAG;IACvB,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,CAAC;IAClB,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;SACrB;QACD,IAAI,EAAE,IAAA,kBAAS,EAAC,mBAAU,CAAC;KAC9B;CACJ,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,KAAK,EAAE;QACH,KAAK,EAAE;YACH;gBACI,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;gBACnB,UAAU,EAAE,MAAM;aACrB;YACD;gBACI,GAAG,mBAAU;gBACb,UAAU,EAAE,SAAS;aACxB;SACJ;KACJ;IACD,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE,UAAU;KACxB;IACD,cAAc,EAAE;QACZ,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,KAAK;KACrB;IACD,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,qBAAY;KACrB;IACD,KAAK,EAAE,IAAA,qBAAa,EAAC,kBAAS,CAAC;IAC/B,OAAO,EAAE,IAAA,qBAAa,EAAC,oBAAW,CAAC;IACnC,KAAK,EAAE;QACH,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,sBAAa;KACtB;IACD,IAAI,EAAE,IAAA,qBAAa,EAAC,mBAAW,CAAC;IAChC,eAAe,EAAE;QACb,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;KAC9B;CACJ,CAAC;AAEW,QAAA,YAAY,GAAG;IACxB,OAAO,EAAE;QACL,oBAAoB,EAAE,KAAK;QAC3B,UAAU,EAAE;YACR,GAAG,mBAAW;YACd,QAAQ,EAAE,4BAAmB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,mBAAU,EAAC,CAAC,EAAE,EAAE,CAAC;YACvF,QAAQ,EAAE;gBACN,IAAI,EAAE,SAAS;aAClB;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import {ImageProps} from '../../components/Image/schema';\nimport {\n    ButtonBlock,\n    LinkProps,\n    TitleProps,\n    containerSizesArray,\n    contentSizes,\n    contentThemes,\n    sizeNumber,\n    withTheme,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\n\nexport const ContentItem = {\n    additionalProperties: false,\n    required: ['icon'],\n    properties: {\n        title: {\n            type: 'string',\n            contentType: 'text',\n        },\n        text: {\n            type: 'string',\n            contentType: 'yfm',\n        },\n        icon: withTheme(ImageProps),\n    },\n};\n\nexport const ContentBase = {\n    title: {\n        oneOf: [\n            {\n                type: 'string',\n                contentType: 'text',\n                optionName: 'text',\n            },\n            {\n                ...TitleProps,\n                optionName: 'options',\n            },\n        ],\n    },\n    text: {\n        type: 'string',\n        contentType: 'yfm',\n        inputType: 'textarea',\n    },\n    additionalInfo: {\n        type: 'string',\n        contentType: 'yfm',\n    },\n    size: {\n        type: 'string',\n        enum: contentSizes,\n    },\n    links: filteredArray(LinkProps),\n    buttons: filteredArray(ButtonBlock),\n    theme: {\n        type: 'string',\n        enum: contentThemes,\n    },\n    list: filteredArray(ContentItem),\n    controlPosition: {\n        type: 'string',\n        enum: ['default', 'bottom'],\n    },\n};\n\nexport const ContentBlock = {\n    content: {\n        additionalProperties: false,\n        properties: {\n            ...ContentBase,\n            colSizes: containerSizesArray.reduce((acc, size) => ({...acc, [size]: sizeNumber}), {}),\n            centered: {\n                type: 'boolean',\n            },\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/Content/schema.ts"],"names":[],"mappings":";;;AAAA,6DAAyD;AACzD,8DASwC;AACxC,4DAA4D;AAE/C,QAAA,WAAW,GAAG;IACvB,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,CAAC;IAClB,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;SACrB;QACD,IAAI,EAAE,IAAA,kBAAS,EAAC,mBAAU,CAAC;KAC9B;CACJ,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,KAAK,EAAE;QACH,KAAK,EAAE;YACH;gBACI,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;gBACnB,UAAU,EAAE,MAAM;aACrB;YACD;gBACI,GAAG,mBAAU;gBACb,UAAU,EAAE,SAAS;aACxB;SACJ;KACJ;IACD,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE,UAAU;KACxB;IACD,cAAc,EAAE;QACZ,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,KAAK;KACrB;IACD,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,qBAAY;KACrB;IACD,KAAK,EAAE,IAAA,qBAAa,EAAC,kBAAS,CAAC;IAC/B,OAAO,EAAE,IAAA,qBAAa,EAAC,oBAAW,CAAC;IACnC,KAAK,EAAE;QACH,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,sBAAa;KACtB;IACD,IAAI,EAAE,IAAA,qBAAa,EAAC,mBAAW,CAAC;IAChC,eAAe,EAAE;QACb,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;KAC9B;CACJ,CAAC;AAEW,QAAA,YAAY,GAAG;IACxB,OAAO,EAAE;QACL,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,UAAU,EAAE;YACR,GAAG,mBAAW;YACd,QAAQ,EAAE,4BAAmB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,mBAAU,EAAC,CAAC,EAAE,EAAE,CAAC;YACvF,QAAQ,EAAE;gBACN,IAAI,EAAE,SAAS;aAClB;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import {ImageProps} from '../../components/Image/schema';\nimport {\n    ButtonBlock,\n    LinkProps,\n    TitleProps,\n    containerSizesArray,\n    contentSizes,\n    contentThemes,\n    sizeNumber,\n    withTheme,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\n\nexport const ContentItem = {\n    additionalProperties: false,\n    required: ['icon'],\n    properties: {\n        title: {\n            type: 'string',\n            contentType: 'text',\n        },\n        text: {\n            type: 'string',\n            contentType: 'yfm',\n        },\n        icon: withTheme(ImageProps),\n    },\n};\n\nexport const ContentBase = {\n    title: {\n        oneOf: [\n            {\n                type: 'string',\n                contentType: 'text',\n                optionName: 'text',\n            },\n            {\n                ...TitleProps,\n                optionName: 'options',\n            },\n        ],\n    },\n    text: {\n        type: 'string',\n        contentType: 'yfm',\n        inputType: 'textarea',\n    },\n    additionalInfo: {\n        type: 'string',\n        contentType: 'yfm',\n    },\n    size: {\n        type: 'string',\n        enum: contentSizes,\n    },\n    links: filteredArray(LinkProps),\n    buttons: filteredArray(ButtonBlock),\n    theme: {\n        type: 'string',\n        enum: contentThemes,\n    },\n    list: filteredArray(ContentItem),\n    controlPosition: {\n        type: 'string',\n        enum: ['default', 'bottom'],\n    },\n};\n\nexport const ContentBlock = {\n    content: {\n        type: 'object',\n        additionalProperties: false,\n        properties: {\n            ...ContentBase,\n            colSizes: containerSizesArray.reduce((acc, size) => ({...acc, [size]: sizeNumber}), {}),\n            centered: {\n                type: 'boolean',\n            },\n        },\n    },\n};\n"]}

package/build/cjs/sub-blocks/Divider/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from "../../constructor-items.js";
+declare const DividerConfig: BlockData;
+export default DividerConfig;

package/build/cjs/sub-blocks/Divider/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator.js");
+const Divider_1 = tslib_1.__importDefault(require("./Divider.js"));
+const schema_1 = require("./schema.js");
+const DividerConfig = {
+    component: Divider_1.default,
+    schema: {
+        name: 'Divider',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.Divider['divider']),
+        default: {},
+    },
+};
+exports.default = DividerConfig;
+//# sourceMappingURL=index.js.map

package/build/cjs/sub-blocks/Divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["sub-blocks/Divider/index.tsx"],"names":[],"mappings":";;;AAGA,kEAA2D;AAE3D,mEAAgC;AAChC,wCAAkD;AAElD,MAAM,aAAa,GAAc;IAC7B,SAAS,EAAE,iBAAO;IAClB,MAAM,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,IAAA,gCAAe,EAAC,gBAAa,CAAC,SAAS,CAAkC,CAAC;QAClF,OAAO,EAAE,EAAE;KACd;CACJ,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport Divider from './Divider';\nimport {Divider as DividerSchema} from './schema';\n\nconst DividerConfig: BlockData = {\n    component: Divider,\n    schema: {\n        name: 'Divider',\n        inputs: generateFromAJV(DividerSchema['divider'] as unknown as JSONSchemaType<{}>),\n        default: {},\n    },\n};\n\nexport default DividerConfig;\n"]}

package/build/cjs/sub-blocks/ImageCard/ImageCard.js

@@ -20,7 +20,7 @@ const ImageCard = (props) => {
     const themedImage = (0, utils_2.getThemedValue)(image, globalTheme);
     const imageProps = (0, utils_1.getMediaImage)(themedImage);
     const titleId = (0, uikit_1.useUniqId)();
-    const cardContent = ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: b('image', { margins }), children: (0, jsx_runtime_1.jsx)(components_1.Image, { className: b('image_inner', { radius: enableImageBorderRadius }), ...imageProps }) }), hasContent && ((0, jsx_runtime_1.jsx)("div", { className: b('content'), children: (0, jsx_runtime_1.jsx)(Content_1.default, { titleId: titleId, title: title, text: text, links: links, buttons: buttons, list: list, theme: cardTheme, additionalInfo: additionalInfo, size: size, colSizes: CONTENT_COL_SIZES, controlPosition: areControlsInFooter ? 'bottom' : 'default' }) }))] }));
+    const cardContent = ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [image && ((0, jsx_runtime_1.jsx)("div", { className: b('image', { margins }), children: (0, jsx_runtime_1.jsx)(components_1.Image, { className: b('image_inner', { radius: enableImageBorderRadius }), ...imageProps }) })), hasContent && ((0, jsx_runtime_1.jsx)("div", { className: b('content'), children: (0, jsx_runtime_1.jsx)(Content_1.default, { titleId: titleId, title: title, text: text, links: links, buttons: buttons, list: list, theme: cardTheme, additionalInfo: additionalInfo, size: size, colSizes: CONTENT_COL_SIZES, controlPosition: areControlsInFooter ? 'bottom' : 'default' }) }))] }));
     return url ? ((0, jsx_runtime_1.jsx)(uikit_1.Link, { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: b({ border, 'with-content': hasContent, direction }), title: urlTitle, style: { backgroundColor }, extraProps: {
             draggable: false,
             onDragStart: (e) => e.preventDefault(),

package/build/cjs/sub-blocks/ImageCard/ImageCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/ImageCard/ImageCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Link, useUniqId} from '@gravity-ui/uikit';\n\nimport {Image} from '../../components';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport {useTheme} from '../../context/theme';\nimport {GridColumnSizesType} from '../../grid';\nimport {ImageCardDirection, ImageCardProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport Content from '../Content/Content';\n\nimport './ImageCard.scss';\n\nconst b = block('image-card');\nconst CONTENT_COL_SIZES: GridColumnSizesType = {all: 12, md: 12};\n\nconst ImageCard = (props: ImageCardProps) => {\n    const {\n        border = 'shadow',\n        title,\n        text,\n        image,\n        enableImageBorderRadius = false,\n        direction = ImageCardDirection.Direct,\n        margins,\n        backgroundColor,\n        url,\n        target,\n        urlTitle,\n        additionalInfo,\n        links,\n        buttons,\n        list,\n        theme: cardTheme = 'default',\n        size = 's',\n        controlPosition = 'content',\n    } = props;\n\n    const globalTheme = useTheme();\n    const areControlsInFooter = controlPosition === 'footer';\n    const hasContent = Boolean(text || title || buttons || links || list);\n    const themedImage = getThemedValue(image, globalTheme);\n    const imageProps = getMediaImage(themedImage);\n\n    const titleId = useUniqId();\n\n    const cardContent = (\n        <React.Fragment>\n            <div className={b('image', {margins})}>\n                <Image\n                    className={b('image_inner', {radius: enableImageBorderRadius})}\n                    {...imageProps}\n                />\n            </div>\n            {hasContent && (\n                <div className={b('content')}>\n                    <Content\n                        titleId={titleId}\n                        title={title}\n                        text={text}\n                        links={links}\n                        buttons={buttons}\n                        list={list}\n                        theme={cardTheme}\n                        additionalInfo={additionalInfo}\n                        size={size}\n                        colSizes={CONTENT_COL_SIZES}\n                        controlPosition={areControlsInFooter ? 'bottom' : 'default'}\n                    />\n                </div>\n            )}\n        </React.Fragment>\n    );\n\n    return url ? (\n        <Link\n            href={url}\n            target={target}\n            rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n            className={b({border, 'with-content': hasContent, direction})}\n            title={urlTitle}\n            style={{backgroundColor}}\n            extraProps={{\n                draggable: false,\n                onDragStart: (e: React.DragEvent<HTMLAnchorElement>) => e.preventDefault(),\n            }}\n        >\n            {cardContent}\n        </Link>\n    ) : (\n        <div\n            className={b({border, 'with-content': hasContent, direction})}\n            style={{backgroundColor}}\n        >\n            {cardContent}\n        </div>\n    );\n};\n\nexport default ImageCard;\n"]}
+{"version":3,"file":"ImageCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/ImageCard/ImageCard.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAAkD;AAElD,0DAAuC;AACvC,iEAAiE;AACjE,wDAA6C;AAE7C,kDAAgE;AAChE,gDAAkD;AAClD,4EAAyC;AAIzC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAC9B,MAAM,iBAAiB,GAAwB,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,CAAC;AAEjE,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACxC,MAAM,EACF,MAAM,GAAG,QAAQ,EACjB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,uBAAuB,GAAG,KAAK,EAC/B,SAAS,GAAG,2BAAkB,CAAC,MAAM,EACrC,OAAO,EACP,eAAe,EACf,GAAG,EACH,MAAM,EACN,QAAQ,EACR,cAAc,EACd,KAAK,EACL,OAAO,EACP,IAAI,EACJ,KAAK,EAAE,SAAS,GAAG,SAAS,EAC5B,IAAI,GAAG,GAAG,EACV,eAAe,GAAG,SAAS,GAC9B,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC/B,MAAM,mBAAmB,GAAG,eAAe,KAAK,QAAQ,CAAC;IACzD,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,IAAI,KAAK,IAAI,OAAO,IAAI,KAAK,IAAI,IAAI,CAAC,CAAC;IACtE,MAAM,WAAW,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,IAAA,qBAAa,EAAC,WAAW,CAAC,CAAC;IAE9C,MAAM,OAAO,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE5B,MAAM,WAAW,GAAG,CAChB,wBAAC,KAAK,CAAC,QAAQ,eACV,KAAK,IAAI,CACN,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,OAAO,EAAC,CAAC,YACjC,uBAAC,kBAAK,IACF,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,MAAM,EAAE,uBAAuB,EAAC,CAAC,KAC1D,UAAU,GAChB,GACA,CACT,EACA,UAAU,IAAI,CACX,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACxB,uBAAC,iBAAO,IACJ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,iBAAiB,EAC3B,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAC7D,GACA,CACT,IACY,CACpB,CAAC;IAEF,OAAO,GAAG,CAAC,CAAC,CAAC,CACT,uBAAC,YAAI,IACD,IAAI,EAAE,GAAG,EACT,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,EAC5D,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAC,CAAC,EAC7D,KAAK,EAAE,QAAQ,EACf,KAAK,EAAE,EAAC,eAAe,EAAC,EACxB,UAAU,EAAE;YACR,SAAS,EAAE,KAAK;YAChB,WAAW,EAAE,CAAC,CAAqC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;SAC7E,YAEA,WAAW,GACT,CACV,CAAC,CAAC,CAAC,CACA,gCACI,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAC,CAAC,EAC7D,KAAK,EAAE,EAAC,eAAe,EAAC,YAEvB,WAAW,GACV,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Link, useUniqId} from '@gravity-ui/uikit';\n\nimport {Image} from '../../components';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport {useTheme} from '../../context/theme';\nimport {GridColumnSizesType} from '../../grid';\nimport {ImageCardDirection, ImageCardProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport Content from '../Content/Content';\n\nimport './ImageCard.scss';\n\nconst b = block('image-card');\nconst CONTENT_COL_SIZES: GridColumnSizesType = {all: 12, md: 12};\n\nconst ImageCard = (props: ImageCardProps) => {\n    const {\n        border = 'shadow',\n        title,\n        text,\n        image,\n        enableImageBorderRadius = false,\n        direction = ImageCardDirection.Direct,\n        margins,\n        backgroundColor,\n        url,\n        target,\n        urlTitle,\n        additionalInfo,\n        links,\n        buttons,\n        list,\n        theme: cardTheme = 'default',\n        size = 's',\n        controlPosition = 'content',\n    } = props;\n\n    const globalTheme = useTheme();\n    const areControlsInFooter = controlPosition === 'footer';\n    const hasContent = Boolean(text || title || buttons || links || list);\n    const themedImage = getThemedValue(image, globalTheme);\n    const imageProps = getMediaImage(themedImage);\n\n    const titleId = useUniqId();\n\n    const cardContent = (\n        <React.Fragment>\n            {image && (\n                <div className={b('image', {margins})}>\n                    <Image\n                        className={b('image_inner', {radius: enableImageBorderRadius})}\n                        {...imageProps}\n                    />\n                </div>\n            )}\n            {hasContent && (\n                <div className={b('content')}>\n                    <Content\n                        titleId={titleId}\n                        title={title}\n                        text={text}\n                        links={links}\n                        buttons={buttons}\n                        list={list}\n                        theme={cardTheme}\n                        additionalInfo={additionalInfo}\n                        size={size}\n                        colSizes={CONTENT_COL_SIZES}\n                        controlPosition={areControlsInFooter ? 'bottom' : 'default'}\n                    />\n                </div>\n            )}\n        </React.Fragment>\n    );\n\n    return url ? (\n        <Link\n            href={url}\n            target={target}\n            rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n            className={b({border, 'with-content': hasContent, direction})}\n            title={urlTitle}\n            style={{backgroundColor}}\n            extraProps={{\n                draggable: false,\n                onDragStart: (e: React.DragEvent<HTMLAnchorElement>) => e.preventDefault(),\n            }}\n        >\n            {cardContent}\n        </Link>\n    ) : (\n        <div\n            className={b({border, 'with-content': hasContent, direction})}\n            style={{backgroundColor}}\n        >\n            {cardContent}\n        </div>\n    );\n};\n\nexport default ImageCard;\n"]}

package/build/cjs/sub-blocks/ImageCard/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from "../../constructor-items.js";
+declare const ImageCardConfig: BlockData;
+export default ImageCardConfig;

package/build/cjs/sub-blocks/ImageCard/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator.js");
+const ImageCard_1 = tslib_1.__importDefault(require("./ImageCard.js"));
+const schema_1 = require("./schema.js");
+const ImageCardConfig = {
+    component: ImageCard_1.default,
+    schema: {
+        name: 'Image Card',
+        group: 'cards',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.ImageCard['image-card']),
+        default: {
+            title: 'Image Card',
+            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+        },
+    },
+};
+exports.default = ImageCardConfig;
+//# sourceMappingURL=index.js.map

package/build/cjs/sub-blocks/ImageCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["sub-blocks/ImageCard/index.tsx"],"names":[],"mappings":";;;AAGA,kEAA2D;AAE3D,uEAAoC;AACpC,wCAAsD;AAEtD,MAAM,eAAe,GAAc;IAC/B,SAAS,EAAE,mBAAS;IACpB,MAAM,EAAE;QACJ,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,IAAA,gCAAe,EAAC,kBAAe,CAAC,YAAY,CAAkC,CAAC;QACvF,OAAO,EAAE;YACL,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,6HAA6H;SACtI;KACJ;CACJ,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport ImageCard from './ImageCard';\nimport {ImageCard as ImageCardSchema} from './schema';\n\nconst ImageCardConfig: BlockData = {\n    component: ImageCard,\n    schema: {\n        name: 'Image Card',\n        group: 'cards',\n        inputs: generateFromAJV(ImageCardSchema['image-card'] as unknown as JSONSchemaType<{}>),\n        default: {\n            title: 'Image Card',\n            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n        },\n    },\n};\n\nexport default ImageCardConfig;\n"]}

package/build/cjs/sub-blocks/LayoutItem/LayoutItem.js

@@ -11,7 +11,7 @@ const microdata_1 = require("../../utils/microdata.js");
 const Content_1 = tslib_1.__importDefault(require("../Content/Content.js"));
 const utils_2 = require("./utils.js");
 const b = (0, utils_1.block)('layout-item');
-const LayoutItem = ({ content: { links, ...content }, contentMargin = 'm', metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content', }) => {
+const LayoutItem = ({ content: { links = [], ...content } = {}, contentMargin = 'm', metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content', }) => {
     const normalizedLinks = React.useMemo(() => (0, utils_2.getLayoutItemLinks)(links), [links]);
     const areControlsInFooter = controlPosition === 'footer';
     const theme = (0, theme_1.useTheme)();

package/build/cjs/sub-blocks/LayoutItem/LayoutItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutItem.js","sourceRoot":"../../../../src","sources":["sub-blocks/LayoutItem/LayoutItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {useUniqId} from '@gravity-ui/uikit';\n\nimport {FullscreenMedia, IconWrapper, Media, MetaInfo} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {ContentBlockProps, LayoutItemProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\nimport Content from '../Content/Content';\n\nimport {getLayoutItemLinks, hasFullscreen, showFullscreenIcon} from './utils';\n\nimport './LayoutItem.scss';\n\nconst b = block('layout-item');\n\nconst LayoutItem = ({\n    content: {links, ...content},\n    contentMargin = 'm',\n    metaInfo,\n    media,\n    border,\n    fullscreen,\n    icon,\n    className,\n    analyticsEvents,\n    controlPosition = 'content',\n}: LayoutItemProps) => {\n    const normalizedLinks = React.useMemo(() => getLayoutItemLinks(links), [links]);\n    const areControlsInFooter = controlPosition === 'footer';\n    const theme = useTheme();\n    const themedIcon = getThemedValue(icon, theme);\n\n    const contentProps: ContentBlockProps = {\n        controlPosition: areControlsInFooter ? 'bottom' : 'default',\n        ...content,\n        links: normalizedLinks,\n        size: 's',\n        colSizes: {all: 12, md: 12},\n    };\n    const titleId = useUniqId();\n    const renderMedia = () => {\n        if (!media) {\n            return null;\n        }\n        const themedMedia = getThemedValue(media, theme);\n        const {title} = content;\n        const mediaWithMicrodata = mergeVideoMicrodata(themedMedia, {\n            name: typeof title === 'string' ? title : title?.text,\n            description: content.text,\n        });\n\n        return fullscreen && hasFullscreen(themedMedia) ? (\n            <FullscreenMedia showFullscreenIcon={showFullscreenIcon(themedMedia)}>\n                {({\n                    className: mediaClassName,\n                    fullscreen: _fullscreen,\n                    ...fullscreenMediaProps\n                } = {}) => (\n                    <Media\n                        {...mediaWithMicrodata}\n                        {...fullscreenMediaProps}\n                        className={b('media', {border}, mediaClassName)}\n                        analyticsEvents={analyticsEvents}\n                    />\n                )}\n            </FullscreenMedia>\n        ) : (\n            <Media\n                {...themedMedia}\n                className={b('media', {border})}\n                analyticsEvents={analyticsEvents}\n            />\n        );\n    };\n    return (\n        <div className={b(null, className)}>\n            {renderMedia()}\n            {metaInfo && <MetaInfo items={metaInfo} className={b('meta-info')} />}\n            <div className={b('content', {'no-media': !media, margin: contentMargin})}>\n                <IconWrapper icon={themedIcon} className={b('wrapper')}>\n                    <Content {...contentProps} titleId={titleId} />\n                </IconWrapper>\n            </div>\n        </div>\n    );\n};\n\nexport default LayoutItem;\n"]}
+{"version":3,"file":"LayoutItem.js","sourceRoot":"../../../../src","sources":["sub-blocks/LayoutItem/LayoutItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {useUniqId} from '@gravity-ui/uikit';\n\nimport {FullscreenMedia, IconWrapper, Media, MetaInfo} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {ContentBlockProps, LayoutItemProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\nimport Content from '../Content/Content';\n\nimport {getLayoutItemLinks, hasFullscreen, showFullscreenIcon} from './utils';\n\nimport './LayoutItem.scss';\n\nconst b = block('layout-item');\n\nconst LayoutItem = ({\n    content: {links = [], ...content} = {},\n    contentMargin = 'm',\n    metaInfo,\n    media,\n    border,\n    fullscreen,\n    icon,\n    className,\n    analyticsEvents,\n    controlPosition = 'content',\n}: LayoutItemProps) => {\n    const normalizedLinks = React.useMemo(() => getLayoutItemLinks(links), [links]);\n    const areControlsInFooter = controlPosition === 'footer';\n    const theme = useTheme();\n    const themedIcon = getThemedValue(icon, theme);\n\n    const contentProps: ContentBlockProps = {\n        controlPosition: areControlsInFooter ? 'bottom' : 'default',\n        ...content,\n        links: normalizedLinks,\n        size: 's',\n        colSizes: {all: 12, md: 12},\n    };\n    const titleId = useUniqId();\n    const renderMedia = () => {\n        if (!media) {\n            return null;\n        }\n        const themedMedia = getThemedValue(media, theme);\n        const {title} = content;\n        const mediaWithMicrodata = mergeVideoMicrodata(themedMedia, {\n            name: typeof title === 'string' ? title : title?.text,\n            description: content.text,\n        });\n\n        return fullscreen && hasFullscreen(themedMedia) ? (\n            <FullscreenMedia showFullscreenIcon={showFullscreenIcon(themedMedia)}>\n                {({\n                    className: mediaClassName,\n                    fullscreen: _fullscreen,\n                    ...fullscreenMediaProps\n                } = {}) => (\n                    <Media\n                        {...mediaWithMicrodata}\n                        {...fullscreenMediaProps}\n                        className={b('media', {border}, mediaClassName)}\n                        analyticsEvents={analyticsEvents}\n                    />\n                )}\n            </FullscreenMedia>\n        ) : (\n            <Media\n                {...themedMedia}\n                className={b('media', {border})}\n                analyticsEvents={analyticsEvents}\n            />\n        );\n    };\n    return (\n        <div className={b(null, className)}>\n            {renderMedia()}\n            {metaInfo && <MetaInfo items={metaInfo} className={b('meta-info')} />}\n            <div className={b('content', {'no-media': !media, margin: contentMargin})}>\n                <IconWrapper icon={themedIcon} className={b('wrapper')}>\n                    <Content {...contentProps} titleId={titleId} />\n                </IconWrapper>\n            </div>\n        </div>\n    );\n};\n\nexport default LayoutItem;\n"]}

package/build/cjs/sub-blocks/LayoutItem/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from "../../constructor-items.js";
+declare const LayoutItemConfig: BlockData;
+export default LayoutItemConfig;

package/build/cjs/sub-blocks/LayoutItem/index.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator.js");
+const LayoutItem_1 = tslib_1.__importDefault(require("./LayoutItem.js"));
+const schema_1 = require("./schema.js");
+const LayoutItemConfig = {
+    component: LayoutItem_1.default,
+    schema: {
+        name: 'Layout Item',
+        group: 'cards',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.LayoutItem),
+        default: {
+            type: 'layout-item',
+            content: {
+                title: 'Lorem ipsum',
+                text: 'Dolor sit amet',
+            },
+            media: {
+                image: 'https://storage.yandexcloud.net/yc-www-community-images/event_ecaf1ef1-bc3a-40fa-adef-827b0959e6c3.jpg',
+            },
+        },
+    },
+};
+exports.default = LayoutItemConfig;
+//# sourceMappingURL=index.js.map

package/build/cjs/sub-blocks/LayoutItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["sub-blocks/LayoutItem/index.tsx"],"names":[],"mappings":";;;AAGA,kEAA2D;AAE3D,yEAAsC;AACtC,wCAAwD;AAExD,MAAM,gBAAgB,GAAc;IAChC,SAAS,EAAE,oBAAU;IACrB,MAAM,EAAE;QACJ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,IAAA,gCAAe,EAAC,mBAAiD,CAAC;QAC1E,OAAO,EAAE;YACL,IAAI,EAAE,aAAa;YACnB,OAAO,EAAE;gBACL,KAAK,EAAE,aAAa;gBACpB,IAAI,EAAE,gBAAgB;aACzB;YACD,KAAK,EAAE;gBACH,KAAK,EAAE,wGAAwG;aAClH;SACJ;KACJ;CACJ,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport LayoutItem from './LayoutItem';\nimport {LayoutItem as LayoutItemSchema} from './schema';\n\nconst LayoutItemConfig: BlockData = {\n    component: LayoutItem,\n    schema: {\n        name: 'Layout Item',\n        group: 'cards',\n        inputs: generateFromAJV(LayoutItemSchema as unknown as JSONSchemaType<{}>),\n        default: {\n            type: 'layout-item',\n            content: {\n                title: 'Lorem ipsum',\n                text: 'Dolor sit amet',\n            },\n            media: {\n                image: 'https://storage.yandexcloud.net/yc-www-community-images/event_ecaf1ef1-bc3a-40fa-adef-827b0959e6c3.jpg',\n            },\n        },\n    },\n};\n\nexport default LayoutItemConfig;\n"]}