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

package/build/cjs/blocks/ContentLayout/index.d.ts

@@ -0,0 +1,41 @@
+declare const ContentLayoutBlockConfig: {
+    component: (props: import("../../index.js").ContentLayoutBlockProps) => import("react/jsx-runtime").JSX.Element;
+    schema: {
+        name: string;
+        group: string;
+        inputs: import("../../editor-v2/index.js").ConfigInput[];
+        default: {
+            textContent: {
+                title: string;
+                text: string;
+            };
+            additionalInfo: string;
+            buttons: {
+                text: string;
+                theme: string;
+                url: string;
+            }[];
+            links: {
+                url: string;
+                text: string;
+                theme: string;
+                arrow: boolean;
+            }[];
+            fileContent: {
+                href: string;
+                text: string;
+            }[];
+            list: ({
+                title: string;
+                text: string;
+            } | {
+                text: string;
+                title?: undefined;
+            } | {
+                title: string;
+                text?: undefined;
+            })[];
+        };
+    };
+};
+export default ContentLayoutBlockConfig;

package/build/cjs/blocks/ContentLayout/index.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator.js");
+const ContentLayout_1 = tslib_1.__importDefault(require("./ContentLayout.js"));
+const schema_1 = require("./schema.js");
+const ContentLayoutBlockConfig = {
+    component: ContentLayout_1.default,
+    schema: {
+        name: 'Content Layout Block',
+        group: '@gravity-ui/page-constructor/Blocks',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.ContentLayoutBlock['content-layout-block']),
+        default: {
+            textContent: {
+                title: 'Lorem ipsum dolor sit amet',
+                text: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
+            },
+            additionalInfo: 'Duis aute irure dolor in reprehenderit n voluptate velit esse cillum dolore eu fugiat nulla pariatur.',
+            buttons: [
+                {
+                    text: 'Button',
+                    theme: 'action',
+                    url: 'https://example.com',
+                },
+                {
+                    text: 'Button',
+                    theme: 'outlined',
+                    url: 'https://example.com',
+                },
+            ],
+            links: [
+                {
+                    url: 'https://example.com',
+                    text: 'Link',
+                    theme: 'normal',
+                    arrow: true,
+                },
+            ],
+            fileContent: [
+                {
+                    href: 'https://example.xls',
+                    text: 'File xls',
+                },
+                {
+                    href: 'https://example.fig',
+                    text: 'File PNG, JPG, and SVG format',
+                },
+                {
+                    href: 'https://example.pdf',
+                    text: 'Pdf file',
+                },
+                {
+                    href: 'https://example.zip',
+                    text: 'Archive file',
+                },
+                {
+                    href: 'https://example.doc',
+                    text: 'Microsoft Word document',
+                },
+                {
+                    href: 'https://example.ppt',
+                    text: 'PPT file',
+                },
+            ],
+            list: [
+                {
+                    title: 'Lorem ipsum',
+                    text: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
+                },
+                {
+                    text: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
+                },
+                {
+                    title: 'Lorem ipsum ipsum',
+                },
+            ],
+        },
+    },
+};
+exports.default = ContentLayoutBlockConfig;
+//# sourceMappingURL=index.js.map

package/build/cjs/blocks/ContentLayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/ContentLayout/index.ts"],"names":[],"mappings":";;;AAEA,kEAA2D;AAE3D,+EAAiD;AACjD,wCAAwE;AAExE,MAAM,wBAAwB,GAAG;IAC7B,SAAS,EAAE,uBAAkB;IAC7B,MAAM,EAAE;QACJ,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,qCAAqC;QAC5C,MAAM,EAAE,IAAA,gCAAe,EACnB,2BAAwB,CAAC,sBAAsB,CAAkC,CACpF;QACD,OAAO,EAAE;YACL,WAAW,EAAE;gBACT,KAAK,EAAE,4BAA4B;gBACnC,IAAI,EAAE,kUAAkU;aAC3U;YACD,cAAc,EACV,uGAAuG;YAC3G,OAAO,EAAE;gBACL;oBACI,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,QAAQ;oBACf,GAAG,EAAE,qBAAqB;iBAC7B;gBACD;oBACI,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,UAAU;oBACjB,GAAG,EAAE,qBAAqB;iBAC7B;aACJ;YACD,KAAK,EAAE;gBACH;oBACI,GAAG,EAAE,qBAAqB;oBAC1B,IAAI,EAAE,MAAM;oBACZ,KAAK,EAAE,QAAQ;oBACf,KAAK,EAAE,IAAI;iBACd;aACJ;YACD,WAAW,EAAE;gBACT;oBACI,IAAI,EAAE,qBAAqB;oBAC3B,IAAI,EAAE,UAAU;iBACnB;gBACD;oBACI,IAAI,EAAE,qBAAqB;oBAC3B,IAAI,EAAE,+BAA+B;iBACxC;gBACD;oBACI,IAAI,EAAE,qBAAqB;oBAC3B,IAAI,EAAE,UAAU;iBACnB;gBACD;oBACI,IAAI,EAAE,qBAAqB;oBAC3B,IAAI,EAAE,cAAc;iBACvB;gBACD;oBACI,IAAI,EAAE,qBAAqB;oBAC3B,IAAI,EAAE,yBAAyB;iBAClC;gBACD;oBACI,IAAI,EAAE,qBAAqB;oBAC3B,IAAI,EAAE,UAAU;iBACnB;aACJ;YACD,IAAI,EAAE;gBACF;oBACI,KAAK,EAAE,aAAa;oBACpB,IAAI,EAAE,kUAAkU;iBAC3U;gBACD;oBACI,IAAI,EAAE,kUAAkU;iBAC3U;gBACD;oBACI,KAAK,EAAE,mBAAmB;iBAC7B;aACJ;SACJ;KACJ;CACJ,CAAC;AAEF,kBAAe,wBAAwB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport ContentLayoutBlock from './ContentLayout';\nimport {ContentLayoutBlock as ContentLayoutBlockSchema} from './schema';\n\nconst ContentLayoutBlockConfig = {\n    component: ContentLayoutBlock,\n    schema: {\n        name: 'Content Layout Block',\n        group: '@gravity-ui/page-constructor/Blocks',\n        inputs: generateFromAJV(\n            ContentLayoutBlockSchema['content-layout-block'] as unknown as JSONSchemaType<{}>,\n        ),\n        default: {\n            textContent: {\n                title: 'Lorem ipsum dolor sit amet',\n                text: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',\n            },\n            additionalInfo:\n                'Duis aute irure dolor in reprehenderit n voluptate velit esse cillum dolore eu fugiat nulla pariatur.',\n            buttons: [\n                {\n                    text: 'Button',\n                    theme: 'action',\n                    url: 'https://example.com',\n                },\n                {\n                    text: 'Button',\n                    theme: 'outlined',\n                    url: 'https://example.com',\n                },\n            ],\n            links: [\n                {\n                    url: 'https://example.com',\n                    text: 'Link',\n                    theme: 'normal',\n                    arrow: true,\n                },\n            ],\n            fileContent: [\n                {\n                    href: 'https://example.xls',\n                    text: 'File xls',\n                },\n                {\n                    href: 'https://example.fig',\n                    text: 'File PNG, JPG, and SVG format',\n                },\n                {\n                    href: 'https://example.pdf',\n                    text: 'Pdf file',\n                },\n                {\n                    href: 'https://example.zip',\n                    text: 'Archive file',\n                },\n                {\n                    href: 'https://example.doc',\n                    text: 'Microsoft Word document',\n                },\n                {\n                    href: 'https://example.ppt',\n                    text: 'PPT file',\n                },\n            ],\n            list: [\n                {\n                    title: 'Lorem ipsum',\n                    text: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',\n                },\n                {\n                    text: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',\n                },\n                {\n                    title: 'Lorem ipsum ipsum',\n                },\n            ],\n        },\n    },\n};\n\nexport default ContentLayoutBlockConfig;\n"]}

package/build/cjs/blocks/ContentLayout/schema.d.ts

@@ -99,6 +99,7 @@ export declare const ContentLayoutBlock: {
                 enum: string[];
             };
             textContent: {
+                type: string;
                 additionalProperties: boolean;
                 properties: {
                     colSizes: {};

package/build/cjs/blocks/ExtendedFeatures/ExtendedFeatures.js

@@ -20,18 +20,19 @@ const DEFAULT_SIZES = {
 const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_SIZES, animated, }) => {
     const theme = (0, theme_1.useTheme)();
     const itemTitleHeadingTag = title ? 'h3' : 'h2';
-    return ((0, jsx_runtime_1.jsxs)(components_1.AnimateBlock, { className: b(), animate: animated, children: [(0, jsx_runtime_1.jsx)(components_1.Title, { title: title, subtitle: description, className: b('header') }), (0, jsx_runtime_1.jsx)("div", { className: b('items'), children: (0, jsx_runtime_1.jsx)(grid_1.Row, { children: items.map(({ title: itemTitle, text, list, link, links, label, icon, buttons, additionalInfo, }) => {
-                        const itemLinks = links || [];
-                        const iconThemed = icon && (0, utils_2.getThemedValue)(icon, theme);
-                        const iconData = iconThemed && (0, utils_1.getMediaImage)(iconThemed);
-                        if (link) {
-                            itemLinks.push(link);
-                        }
-                        return ((0, jsx_runtime_1.jsxs)(grid_1.Col, { className: b('item'), sizes: colSizes, children: [iconData && ((0, jsx_runtime_1.jsx)("div", { className: b('icon-wrap'), "aria-hidden": true, children: (0, jsx_runtime_1.jsx)(Image_1.default, { ...iconData, className: b('icon') }) })), (0, jsx_runtime_1.jsxs)("div", { className: b('container'), children: [itemTitle &&
-                                            React.createElement(itemTitleHeadingTag, {
-                                                className: b('item-title'),
-                                            }, (0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.HTML, { children: itemTitle }), label && ((0, jsx_runtime_1.jsx)("span", { className: b('item-label'), children: label }))] })), (0, jsx_runtime_1.jsx)(sub_blocks_1.Content, { text: text, links: itemLinks, size: "s", list: list, colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo })] })] }, text || itemTitle));
-                    }) }) })] }));
+    return ((0, jsx_runtime_1.jsx)(components_1.AnimateBlock, { className: b(), animate: animated, children: (0, jsx_runtime_1.jsxs)(grid_1.Grid, { children: [(0, jsx_runtime_1.jsx)(components_1.Title, { title: title, subtitle: description, className: b('header') }), (0, jsx_runtime_1.jsx)("div", { className: b('items'), children: (0, jsx_runtime_1.jsx)(grid_1.Row, { children: items &&
+                            items.map(({ title: itemTitle, text, list, link, links, label, icon, buttons, additionalInfo, }, index) => {
+                                const itemLinks = links || [];
+                                const iconThemed = icon && (0, utils_2.getThemedValue)(icon, theme);
+                                const iconData = iconThemed && (0, utils_1.getMediaImage)(iconThemed);
+                                if (link) {
+                                    itemLinks.push(link);
+                                }
+                                return ((0, jsx_runtime_1.jsxs)(grid_1.Col, { className: b('item'), sizes: colSizes, children: [iconData && ((0, jsx_runtime_1.jsx)("div", { className: b('icon-wrap'), "aria-hidden": true, children: (0, jsx_runtime_1.jsx)(Image_1.default, { ...iconData, className: b('icon') }) })), (0, jsx_runtime_1.jsxs)("div", { className: b('container'), children: [itemTitle &&
+                                                    React.createElement(itemTitleHeadingTag, {
+                                                        className: b('item-title'),
+                                                    }, (0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.HTML, { children: itemTitle }), label && ((0, jsx_runtime_1.jsx)("span", { className: b('item-label'), children: label }))] })), (0, jsx_runtime_1.jsx)(sub_blocks_1.Content, { text: text, links: itemLinks, size: "s", list: list, colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo })] })] }, index));
+                            }) }) })] }) }));
 };
 exports.ExtendedFeaturesBlock = ExtendedFeaturesBlock;
 exports.default = exports.ExtendedFeaturesBlock;

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

@@ -1 +1 @@
-{"version":3,"file":"ExtendedFeatures.js","sourceRoot":"../../../../src","sources":["blocks/ExtendedFeatures/ExtendedFeatures.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,0DAA4D;AAC5D,oFAAiD;AACjD,iEAAiE;AACjE,wDAA6C;AAC7C,8CAAoC;AAEpC,0DAAyC;AACzC,gDAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,uBAAuB,CAAC,CAAC;AAEzC,MAAM,aAAa,GAAG;IAClB,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,EAClC,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,GAAG,aAAa,EACxB,QAAQ,GACY,EAAE,EAAE;IACxB,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,mBAAmB,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAEhD,OAAO,CACH,wBAAC,yBAAY,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,QAAQ,aAC3C,uBAAC,kBAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAI,EACtE,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACtB,uBAAC,UAAG,cACC,KAAK,CAAC,GAAG,CACN,CAAC,EACG,KAAK,EAAE,SAAS,EAChB,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,cAAc,GACjB,EAAE,EAAE;wBACD,MAAM,SAAS,GAAG,KAAK,IAAI,EAAE,CAAC;wBAE9B,MAAM,UAAU,GAAG,IAAI,IAAI,IAAA,sBAAc,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC;wBACvD,MAAM,QAAQ,GAAG,UAAU,IAAI,IAAA,qBAAa,EAAC,UAAU,CAAC,CAAC;wBAEzD,IAAI,IAAI,EAAE,CAAC;4BACP,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;wBACzB,CAAC;wBAED,OAAO,CACH,wBAAC,UAAG,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAA0B,KAAK,EAAE,QAAQ,aAC7D,QAAQ,IAAI,CACT,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,iCAC1B,uBAAC,eAAK,OAAK,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,GAC3C,CACT,EACD,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aACzB,SAAS;4CACN,KAAK,CAAC,aAAa,CACf,mBAAmB,EACnB;gDACI,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC;6CAC7B,EACD,wBAAC,KAAK,CAAC,QAAQ,eACX,uBAAC,iBAAI,cAAE,SAAS,GAAQ,EACvB,KAAK,IAAI,CACN,iCAAM,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC3B,KAAK,GACH,CACV,IACY,CACpB,EACL,uBAAC,oBAAO,IACJ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,EAC3B,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,GAChC,IACA,KA/BsB,IAAI,IAAI,SAAS,CAgC3C,CACT,CAAC;oBACN,CAAC,CACJ,GACC,GACJ,IACK,CAClB,CAAC;AACN,CAAC,CAAC;AA7EW,QAAA,qBAAqB,yBA6EhC;AAEF,kBAAe,6BAAqB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {AnimateBlock, HTML, Title} from '../../components/';\nimport Image from '../../components/Image/Image';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport {useTheme} from '../../context/theme';\nimport {Col, Row} from '../../grid';\nimport {ExtendedFeaturesProps} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block, getThemedValue} from '../../utils';\n\nimport './ExtendedFeatures.scss';\n\nconst b = block('ExtendedFeaturesBlock');\n\nconst DEFAULT_SIZES = {\n    all: 12,\n    sm: 6,\n    md: 4,\n};\n\nexport const ExtendedFeaturesBlock = ({\n    title,\n    description,\n    items,\n    colSizes = DEFAULT_SIZES,\n    animated,\n}: ExtendedFeaturesProps) => {\n    const theme = useTheme();\n    const itemTitleHeadingTag = title ? 'h3' : 'h2';\n\n    return (\n        <AnimateBlock className={b()} animate={animated}>\n            <Title title={title} subtitle={description} className={b('header')} />\n            <div className={b('items')}>\n                <Row>\n                    {items.map(\n                        ({\n                            title: itemTitle,\n                            text,\n                            list,\n                            link,\n                            links,\n                            label,\n                            icon,\n                            buttons,\n                            additionalInfo,\n                        }) => {\n                            const itemLinks = links || [];\n\n                            const iconThemed = icon && getThemedValue(icon, theme);\n                            const iconData = iconThemed && getMediaImage(iconThemed);\n\n                            if (link) {\n                                itemLinks.push(link);\n                            }\n\n                            return (\n                                <Col className={b('item')} key={text || itemTitle} sizes={colSizes}>\n                                    {iconData && (\n                                        <div className={b('icon-wrap')} aria-hidden>\n                                            <Image {...iconData} className={b('icon')} />\n                                        </div>\n                                    )}\n                                    <div className={b('container')}>\n                                        {itemTitle &&\n                                            React.createElement(\n                                                itemTitleHeadingTag,\n                                                {\n                                                    className: b('item-title'),\n                                                },\n                                                <React.Fragment>\n                                                    <HTML>{itemTitle}</HTML>\n                                                    {label && (\n                                                        <span className={b('item-label')}>\n                                                            {label}\n                                                        </span>\n                                                    )}\n                                                </React.Fragment>,\n                                            )}\n                                        <Content\n                                            text={text}\n                                            links={itemLinks}\n                                            size=\"s\"\n                                            list={list}\n                                            colSizes={{all: 12, md: 12}}\n                                            buttons={buttons}\n                                            additionalInfo={additionalInfo}\n                                        />\n                                    </div>\n                                </Col>\n                            );\n                        },\n                    )}\n                </Row>\n            </div>\n        </AnimateBlock>\n    );\n};\n\nexport default ExtendedFeaturesBlock;\n"]}
+{"version":3,"file":"ExtendedFeatures.js","sourceRoot":"../../../../src","sources":["blocks/ExtendedFeatures/ExtendedFeatures.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,0DAA4D;AAC5D,oFAAiD;AACjD,iEAAiE;AACjE,wDAA6C;AAC7C,8CAA0C;AAE1C,0DAAyC;AACzC,gDAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,uBAAuB,CAAC,CAAC;AAEzC,MAAM,aAAa,GAAG;IAClB,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,EAClC,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,GAAG,aAAa,EACxB,QAAQ,GACY,EAAE,EAAE;IACxB,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,mBAAmB,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAEhD,OAAO,CACH,uBAAC,yBAAY,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,QAAQ,YAC3C,wBAAC,WAAI,eACD,uBAAC,kBAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAI,EACtE,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACtB,uBAAC,UAAG,cACC,KAAK;4BACF,KAAK,CAAC,GAAG,CACL,CACI,EACI,KAAK,EAAE,SAAS,EAChB,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,cAAc,GACjB,EACD,KAAK,EACP,EAAE;gCACA,MAAM,SAAS,GAAG,KAAK,IAAI,EAAE,CAAC;gCAE9B,MAAM,UAAU,GAAG,IAAI,IAAI,IAAA,sBAAc,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gCACvD,MAAM,QAAQ,GAAG,UAAU,IAAI,IAAA,qBAAa,EAAC,UAAU,CAAC,CAAC;gCAEzD,IAAI,IAAI,EAAE,CAAC;oCACP,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gCACzB,CAAC;gCAED,OAAO,CACH,wBAAC,UAAG,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAc,KAAK,EAAE,QAAQ,aACjD,QAAQ,IAAI,CACT,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,iCAC1B,uBAAC,eAAK,OAAK,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,GAC3C,CACT,EACD,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aACzB,SAAS;oDACN,KAAK,CAAC,aAAa,CACf,mBAAmB,EACnB;wDACI,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC;qDAC7B,EACD,wBAAC,KAAK,CAAC,QAAQ,eACX,uBAAC,iBAAI,cAAE,SAAS,GAAQ,EACvB,KAAK,IAAI,CACN,iCAAM,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC3B,KAAK,GACH,CACV,IACY,CACpB,EACL,uBAAC,oBAAO,IACJ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,EAC3B,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,GAChC,IACA,KA/BsB,KAAK,CAgC/B,CACT,CAAC;4BACN,CAAC,CACJ,GACH,GACJ,IACH,GACI,CAClB,CAAC;AACN,CAAC,CAAC;AAnFW,QAAA,qBAAqB,yBAmFhC;AAEF,kBAAe,6BAAqB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {AnimateBlock, HTML, Title} from '../../components/';\nimport Image from '../../components/Image/Image';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport {useTheme} from '../../context/theme';\nimport {Col, Grid, Row} from '../../grid';\nimport {ExtendedFeaturesProps} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block, getThemedValue} from '../../utils';\n\nimport './ExtendedFeatures.scss';\n\nconst b = block('ExtendedFeaturesBlock');\n\nconst DEFAULT_SIZES = {\n    all: 12,\n    sm: 6,\n    md: 4,\n};\n\nexport const ExtendedFeaturesBlock = ({\n    title,\n    description,\n    items,\n    colSizes = DEFAULT_SIZES,\n    animated,\n}: ExtendedFeaturesProps) => {\n    const theme = useTheme();\n    const itemTitleHeadingTag = title ? 'h3' : 'h2';\n\n    return (\n        <AnimateBlock className={b()} animate={animated}>\n            <Grid>\n                <Title title={title} subtitle={description} className={b('header')} />\n                <div className={b('items')}>\n                    <Row>\n                        {items &&\n                            items.map(\n                                (\n                                    {\n                                        title: itemTitle,\n                                        text,\n                                        list,\n                                        link,\n                                        links,\n                                        label,\n                                        icon,\n                                        buttons,\n                                        additionalInfo,\n                                    },\n                                    index,\n                                ) => {\n                                    const itemLinks = links || [];\n\n                                    const iconThemed = icon && getThemedValue(icon, theme);\n                                    const iconData = iconThemed && getMediaImage(iconThemed);\n\n                                    if (link) {\n                                        itemLinks.push(link);\n                                    }\n\n                                    return (\n                                        <Col className={b('item')} key={index} sizes={colSizes}>\n                                            {iconData && (\n                                                <div className={b('icon-wrap')} aria-hidden>\n                                                    <Image {...iconData} className={b('icon')} />\n                                                </div>\n                                            )}\n                                            <div className={b('container')}>\n                                                {itemTitle &&\n                                                    React.createElement(\n                                                        itemTitleHeadingTag,\n                                                        {\n                                                            className: b('item-title'),\n                                                        },\n                                                        <React.Fragment>\n                                                            <HTML>{itemTitle}</HTML>\n                                                            {label && (\n                                                                <span className={b('item-label')}>\n                                                                    {label}\n                                                                </span>\n                                                            )}\n                                                        </React.Fragment>,\n                                                    )}\n                                                <Content\n                                                    text={text}\n                                                    links={itemLinks}\n                                                    size=\"s\"\n                                                    list={list}\n                                                    colSizes={{all: 12, md: 12}}\n                                                    buttons={buttons}\n                                                    additionalInfo={additionalInfo}\n                                                />\n                                            </div>\n                                        </Col>\n                                    );\n                                },\n                            )}\n                    </Row>\n                </div>\n            </Grid>\n        </AnimateBlock>\n    );\n};\n\nexport default ExtendedFeaturesBlock;\n"]}

package/build/cjs/blocks/ExtendedFeatures/index.d.ts

@@ -0,0 +1,58 @@
+declare const ExtendedFeaturesBlockConfig: {
+    component: ({ title, description, items, colSizes, animated, }: import("../../index.js").ExtendedFeaturesProps) => import("react/jsx-runtime").JSX.Element;
+    schema: {
+        name: string;
+        group: string;
+        inputs: import("../../editor-v2/index.js").ConfigInput[];
+        default: {
+            type: string;
+            title: {
+                text: string;
+                textSize: string;
+            };
+            description: string;
+            items: ({
+                title: string;
+                text: string;
+                additionalInfo: string;
+                buttons?: undefined;
+                links?: undefined;
+                list?: undefined;
+            } | {
+                title: string;
+                text: string;
+                buttons: {
+                    text: string;
+                    theme: string;
+                    url: string;
+                }[];
+                additionalInfo?: undefined;
+                links?: undefined;
+                list?: undefined;
+            } | {
+                title: string;
+                text: string;
+                links: {
+                    text: string;
+                    url: string;
+                    arrow: boolean;
+                    theme: string;
+                }[];
+                additionalInfo?: undefined;
+                buttons?: undefined;
+                list?: undefined;
+            } | {
+                title: string;
+                text: string;
+                list: {
+                    title: string;
+                    text: string;
+                }[];
+                additionalInfo?: undefined;
+                buttons?: undefined;
+                links?: undefined;
+            })[];
+        };
+    };
+};
+export default ExtendedFeaturesBlockConfig;

package/build/cjs/blocks/ExtendedFeatures/index.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator.js");
+const ExtendedFeatures_1 = tslib_1.__importDefault(require("./ExtendedFeatures.js"));
+const schema_1 = require("./schema.js");
+const ExtendedFeaturesBlockConfig = {
+    component: ExtendedFeatures_1.default,
+    schema: {
+        name: 'Extended Features Block',
+        group: '@gravity-ui/page-constructor/Blocks',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.ExtendedFeaturesBlock['extended-features-block']),
+        default: {
+            type: 'extended-features-block',
+            title: {
+                text: 'Lorem ipsum dolor sit amet',
+                textSize: 'm',
+            },
+            description: 'Three cards in a row on the desktop, two cards in a row on a tablet, one card in a row on a mobile phone.',
+            items: [
+                {
+                    title: 'Sed do eiusmod tempor incididunt',
+                    text: 'Ut enim ad minim veniam quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat.',
+                    additionalInfo: 'Duis aute irure dolor in reprehenderit n voluptate velit esse cillum dolore eu fugiat nulla pariatur.',
+                },
+                {
+                    title: 'Sed do eiusmod tempor',
+                    text: 'Ut enim ad minim veniam quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat.',
+                    buttons: [
+                        {
+                            text: 'Button',
+                            theme: 'action',
+                            url: 'https://example.com',
+                        },
+                        {
+                            text: 'Button',
+                            theme: 'outlined',
+                            url: 'https://example.com',
+                        },
+                    ],
+                },
+                {
+                    title: 'Sed do eiusmod tempor incididunt',
+                    text: 'Ut enim ad minim veniam quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat.',
+                    links: [
+                        {
+                            text: 'Go',
+                            url: '#',
+                            arrow: true,
+                            theme: 'normal',
+                        },
+                    ],
+                },
+                {
+                    title: 'Sed do eiusmod tempor incididunt',
+                    text: 'Ut enim ad minim veniam quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat.',
+                    list: [
+                        {
+                            title: 'Lorem ipsum',
+                            text: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
+                        },
+                        {
+                            title: 'Lorem ipsum ipsum',
+                            text: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
+                        },
+                        {
+                            title: 'Lorem ipsum',
+                            text: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
+                        },
+                    ],
+                },
+            ],
+        },
+    },
+};
+exports.default = ExtendedFeaturesBlockConfig;
+//# sourceMappingURL=index.js.map

package/build/cjs/blocks/ExtendedFeatures/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/ExtendedFeatures/index.ts"],"names":[],"mappings":";;;AAEA,kEAA2D;AAE3D,qFAAuD;AACvD,wCAA8E;AAE9E,MAAM,2BAA2B,GAAG;IAChC,SAAS,EAAE,0BAAqB;IAChC,MAAM,EAAE;QACJ,IAAI,EAAE,yBAAyB;QAC/B,KAAK,EAAE,qCAAqC;QAC5C,MAAM,EAAE,IAAA,gCAAe,EACnB,8BAA2B,CAAC,yBAAyB,CAAkC,CAC1F;QACD,OAAO,EAAE;YACL,IAAI,EAAE,yBAAyB;YAC/B,KAAK,EAAE;gBACH,IAAI,EAAE,4BAA4B;gBAClC,QAAQ,EAAE,GAAG;aAChB;YACD,WAAW,EACP,2GAA2G;YAC/G,KAAK,EAAE;gBACH;oBACI,KAAK,EAAE,kCAAkC;oBACzC,IAAI,EAAE,+FAA+F;oBACrG,cAAc,EACV,uGAAuG;iBAC9G;gBACD;oBACI,KAAK,EAAE,uBAAuB;oBAC9B,IAAI,EAAE,+FAA+F;oBACrG,OAAO,EAAE;wBACL;4BACI,IAAI,EAAE,QAAQ;4BACd,KAAK,EAAE,QAAQ;4BACf,GAAG,EAAE,qBAAqB;yBAC7B;wBACD;4BACI,IAAI,EAAE,QAAQ;4BACd,KAAK,EAAE,UAAU;4BACjB,GAAG,EAAE,qBAAqB;yBAC7B;qBACJ;iBACJ;gBACD;oBACI,KAAK,EAAE,kCAAkC;oBACzC,IAAI,EAAE,+FAA+F;oBACrG,KAAK,EAAE;wBACH;4BACI,IAAI,EAAE,IAAI;4BACV,GAAG,EAAE,GAAG;4BACR,KAAK,EAAE,IAAI;4BACX,KAAK,EAAE,QAAQ;yBAClB;qBACJ;iBACJ;gBACD;oBACI,KAAK,EAAE,kCAAkC;oBACzC,IAAI,EAAE,+FAA+F;oBACrG,IAAI,EAAE;wBACF;4BACI,KAAK,EAAE,aAAa;4BACpB,IAAI,EAAE,kUAAkU;yBAC3U;wBACD;4BACI,KAAK,EAAE,mBAAmB;4BAC1B,IAAI,EAAE,kUAAkU;yBAC3U;wBACD;4BACI,KAAK,EAAE,aAAa;4BACpB,IAAI,EAAE,kUAAkU;yBAC3U;qBACJ;iBACJ;aACJ;SACJ;KACJ;CACJ,CAAC;AAEF,kBAAe,2BAA2B,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport ExtendedFeaturesBlock from './ExtendedFeatures';\nimport {ExtendedFeaturesBlock as ExtendedFeaturesBlockSchema} from './schema';\n\nconst ExtendedFeaturesBlockConfig = {\n    component: ExtendedFeaturesBlock,\n    schema: {\n        name: 'Extended Features Block',\n        group: '@gravity-ui/page-constructor/Blocks',\n        inputs: generateFromAJV(\n            ExtendedFeaturesBlockSchema['extended-features-block'] as unknown as JSONSchemaType<{}>,\n        ),\n        default: {\n            type: 'extended-features-block',\n            title: {\n                text: 'Lorem ipsum dolor sit amet',\n                textSize: 'm',\n            },\n            description:\n                'Three cards in a row on the desktop, two cards in a row on a tablet, one card in a row on a mobile phone.',\n            items: [\n                {\n                    title: 'Sed do eiusmod tempor incididunt',\n                    text: 'Ut enim ad minim veniam quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat.',\n                    additionalInfo:\n                        'Duis aute irure dolor in reprehenderit n voluptate velit esse cillum dolore eu fugiat nulla pariatur.',\n                },\n                {\n                    title: 'Sed do eiusmod tempor',\n                    text: 'Ut enim ad minim veniam quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat.',\n                    buttons: [\n                        {\n                            text: 'Button',\n                            theme: 'action',\n                            url: 'https://example.com',\n                        },\n                        {\n                            text: 'Button',\n                            theme: 'outlined',\n                            url: 'https://example.com',\n                        },\n                    ],\n                },\n                {\n                    title: 'Sed do eiusmod tempor incididunt',\n                    text: 'Ut enim ad minim veniam quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat.',\n                    links: [\n                        {\n                            text: 'Go',\n                            url: '#',\n                            arrow: true,\n                            theme: 'normal',\n                        },\n                    ],\n                },\n                {\n                    title: 'Sed do eiusmod tempor incididunt',\n                    text: 'Ut enim ad minim veniam quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat.',\n                    list: [\n                        {\n                            title: 'Lorem ipsum',\n                            text: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',\n                        },\n                        {\n                            title: 'Lorem ipsum ipsum',\n                            text: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',\n                        },\n                        {\n                            title: 'Lorem ipsum',\n                            text: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',\n                        },\n                    ],\n                },\n            ],\n        },\n    },\n};\n\nexport default ExtendedFeaturesBlockConfig;\n"]}

package/build/cjs/blocks/ExtendedFeatures/schema.d.ts

@@ -9,6 +9,7 @@ export declare const ExtendedFeaturesItem: {
         text: {
             type: string;
             contentType: string;
+            inputType: string;
         };
         label: {
             type: string;

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

@@ -15,6 +15,7 @@ exports.ExtendedFeaturesItem = {
         text: {
             type: 'string',
             contentType: 'yfm',
+            inputType: 'textarea',
         },
         label: {
             type: 'string',

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/ExtendedFeatures/schema.ts"],"names":[],"mappings":";;;AAAA,8DAOwC;AACxC,sEAA8D;AAC9D,4DAA4D;AAE/C,QAAA,oBAAoB,GAAG;IAChC,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,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,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC;SAC3B;QACD,IAAI,EAAE,kBAAS;QACf,IAAI,EAAE,IAAA,kBAAS,EAAC,uBAAU,CAAC;KAC9B;CACJ,CAAC;AAEW,QAAA,qBAAqB,GAAG;IACjC,yBAAyB,EAAE;QACvB,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE;YACR,GAAG,uBAAc;YACjB,GAAG,wBAAe;YAClB,GAAG,yBAAgB;YACnB,KAAK,EAAE,IAAA,qBAAa,EAAC,4BAAoB,CAAC;YAC1C,QAAQ,EAAE,6BAAoB;SACjC;KACJ;CACJ,CAAC","sourcesContent":["import {\n    AnimatableProps,\n    BlockBaseProps,\n    BlockHeaderProps,\n    LinkProps,\n    containerSizesObject,\n    withTheme,\n} from '../../schema/validators/common';\nimport {ImageProps} from '../../schema/validators/components';\nimport {filteredArray} from '../../schema/validators/utils';\n\nexport const ExtendedFeaturesItem = {\n    additionalProperties: false,\n    required: [],\n    properties: {\n        title: {\n            type: 'string',\n            contentType: 'text',\n        },\n        text: {\n            type: 'string',\n            contentType: 'yfm',\n        },\n        label: {\n            type: 'string',\n            enum: ['New', 'Preview'],\n        },\n        link: LinkProps,\n        icon: withTheme(ImageProps),\n    },\n};\n\nexport const ExtendedFeaturesBlock = {\n    'extended-features-block': {\n        additionalProperties: false,\n        required: [],\n        properties: {\n            ...BlockBaseProps,\n            ...AnimatableProps,\n            ...BlockHeaderProps,\n            items: filteredArray(ExtendedFeaturesItem),\n            colSizes: containerSizesObject,\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/ExtendedFeatures/schema.ts"],"names":[],"mappings":";;;AAAA,8DAOwC;AACxC,sEAA8D;AAC9D,4DAA4D;AAE/C,QAAA,oBAAoB,GAAG;IAChC,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,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,QAAQ;YACd,IAAI,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC;SAC3B;QACD,IAAI,EAAE,kBAAS;QACf,IAAI,EAAE,IAAA,kBAAS,EAAC,uBAAU,CAAC;KAC9B;CACJ,CAAC;AAEW,QAAA,qBAAqB,GAAG;IACjC,yBAAyB,EAAE;QACvB,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE;YACR,GAAG,uBAAc;YACjB,GAAG,wBAAe;YAClB,GAAG,yBAAgB;YACnB,KAAK,EAAE,IAAA,qBAAa,EAAC,4BAAoB,CAAC;YAC1C,QAAQ,EAAE,6BAAoB;SACjC;KACJ;CACJ,CAAC","sourcesContent":["import {\n    AnimatableProps,\n    BlockBaseProps,\n    BlockHeaderProps,\n    LinkProps,\n    containerSizesObject,\n    withTheme,\n} from '../../schema/validators/common';\nimport {ImageProps} from '../../schema/validators/components';\nimport {filteredArray} from '../../schema/validators/utils';\n\nexport const ExtendedFeaturesItem = {\n    additionalProperties: false,\n    required: [],\n    properties: {\n        title: {\n            type: 'string',\n            contentType: 'text',\n        },\n        text: {\n            type: 'string',\n            contentType: 'yfm',\n            inputType: 'textarea',\n        },\n        label: {\n            type: 'string',\n            enum: ['New', 'Preview'],\n        },\n        link: LinkProps,\n        icon: withTheme(ImageProps),\n    },\n};\n\nexport const ExtendedFeaturesBlock = {\n    'extended-features-block': {\n        additionalProperties: false,\n        required: [],\n        properties: {\n            ...BlockBaseProps,\n            ...AnimatableProps,\n            ...BlockHeaderProps,\n            items: filteredArray(ExtendedFeaturesItem),\n            colSizes: containerSizesObject,\n        },\n    },\n};\n"]}

package/build/cjs/blocks/FilterBlock/FilterBlock.js

@@ -11,7 +11,7 @@ const grid_1 = require("../../grid/index.js");
 const utils_1 = require("../../utils/index.js");
 const i18n_1 = require("./i18n/index.js");
 const b = (0, utils_1.block)('filter-block');
-const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items, colSizes, centered, animated, }) => {
+const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items = [], colSizes, centered, animated, }) => {
     const tabButtons = React.useMemo(() => {
         const allButton = allTag
             ? { id: null, title: typeof allTag === 'boolean' ? (0, i18n_1.i18n)('label-all-tag') : allTag }
@@ -31,10 +31,10 @@ const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items, c
             : items;
         return itemsToShow.map((item) => item.card);
     }, [actualTag, items]);
-    return ((0, jsx_runtime_1.jsxs)(components_1.AnimateBlock, { className: b(), animate: animated, children: [title && ((0, jsx_runtime_1.jsx)(components_1.Title, { className: b('title', { centered: centered }), title: title, subtitle: description })), tabButtons.length && ((0, jsx_runtime_1.jsx)(grid_1.Row, { children: (0, jsx_runtime_1.jsx)(grid_1.Col, { children: (0, jsx_runtime_1.jsx)(ButtonTabs_1.default, { className: b('tabs', { centered: centered }), items: tabButtons, activeTab: selectedTag, onSelectTab: setSelectedTag, tabSize: tagButtonSize }) }) })), (0, jsx_runtime_1.jsx)(grid_1.Row, { className: b('block-container'), children: (0, jsx_runtime_1.jsx)(__1.CardLayoutBlock, { title: "", colSizes: colSizes, className: b('cards-container'), children: cards.map((card, index) => {
-                        const key = (0, utils_1.getBlockKey)(card, index);
-                        return (0, jsx_runtime_1.jsx)(ConstructorItem_1.ConstructorItem, { data: card, blockKey: key }, key);
-                    }) }) })] }));
+    return ((0, jsx_runtime_1.jsx)(components_1.AnimateBlock, { className: b(), animate: animated, children: (0, jsx_runtime_1.jsxs)(grid_1.Grid, { children: [title && ((0, jsx_runtime_1.jsx)(components_1.Title, { className: b('title', { centered: centered }), title: title, subtitle: description })), tabButtons.length && ((0, jsx_runtime_1.jsx)(grid_1.Row, { children: (0, jsx_runtime_1.jsx)(grid_1.Col, { children: (0, jsx_runtime_1.jsx)(ButtonTabs_1.default, { className: b('tabs', { centered: centered }), items: tabButtons, activeTab: selectedTag, onSelectTab: setSelectedTag, tabSize: tagButtonSize }) }) })), (0, jsx_runtime_1.jsx)(grid_1.Row, { className: b('block-container'), children: (0, jsx_runtime_1.jsx)(__1.CardLayoutBlock, { title: "", colSizes: colSizes, className: b('cards-container'), children: cards.map((card, index) => {
+                            const key = (0, utils_1.getBlockKey)(card, index);
+                            return (0, jsx_runtime_1.jsx)(ConstructorItem_1.ConstructorItem, { data: card, blockKey: index }, key);
+                        }) }) })] }) }));
 };
 exports.default = FilterBlock;
 //# sourceMappingURL=FilterBlock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterBlock.js","sourceRoot":"../../../../src","sources":["blocks/FilterBlock/FilterBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {CardLayoutBlock} from '..';\nimport {AnimateBlock, Title} from '../../components';\nimport ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';\nimport {ConstructorItem} from '../../containers/PageConstructor/components/ConstructorItem';\nimport {Col, Row} from '../../grid';\nimport {FilterBlockProps, FilterItem} from '../../models';\nimport {block, getBlockKey} from '../../utils';\n\nimport {i18n} from './i18n';\nimport './FilterBlock.scss';\n\nconst b = block('filter-block');\n\nconst FilterBlock: React.FC<FilterBlockProps> = ({\n    title,\n    description,\n    tags,\n    tagButtonSize,\n    allTag,\n    items,\n    colSizes,\n    centered,\n    animated,\n}) => {\n    const tabButtons = React.useMemo(() => {\n        const allButton: ButtonTabsItemProps | undefined = allTag\n            ? {id: null, title: typeof allTag === 'boolean' ? i18n('label-all-tag') : allTag}\n            : undefined;\n        const otherButtons: ButtonTabsItemProps[] | undefined =\n            tags && tags.map((tag) => ({id: tag.id, title: tag.label}));\n        return [...(allButton ? [allButton] : []), ...(otherButtons ? otherButtons : [])];\n    }, [allTag, tags]);\n\n    const [selectedTag, setSelectedTag] = React.useState(\n        tabButtons.length ? tabButtons[0].id : null,\n    );\n\n    const actualTag: string | null = React.useMemo(() => {\n        return tabButtons.length && !tabButtons.find((tab) => tab.id === selectedTag)\n            ? tabButtons[0].id\n            : selectedTag;\n    }, [tabButtons, selectedTag]);\n\n    const cards = React.useMemo(() => {\n        const itemsToShow: FilterItem[] = actualTag\n            ? items.filter((item) => item.tags.includes(actualTag))\n            : items;\n\n        return itemsToShow.map((item) => item.card);\n    }, [actualTag, items]);\n\n    return (\n        <AnimateBlock className={b()} animate={animated}>\n            {title && (\n                <Title\n                    className={b('title', {centered: centered})}\n                    title={title}\n                    subtitle={description}\n                />\n            )}\n            {tabButtons.length && (\n                <Row>\n                    <Col>\n                        <ButtonTabs\n                            className={b('tabs', {centered: centered})}\n                            items={tabButtons}\n                            activeTab={selectedTag}\n                            onSelectTab={setSelectedTag}\n                            tabSize={tagButtonSize}\n                        />\n                    </Col>\n                </Row>\n            )}\n            <Row className={b('block-container')}>\n                <CardLayoutBlock title=\"\" colSizes={colSizes} className={b('cards-container')}>\n                    {cards.map((card, index) => {\n                        const key = getBlockKey(card, index);\n\n                        return <ConstructorItem data={card} blockKey={key} key={key} />;\n                    })}\n                </CardLayoutBlock>\n            </Row>\n        </AnimateBlock>\n    );\n};\nexport default FilterBlock;\n"]}
+{"version":3,"file":"FilterBlock.js","sourceRoot":"../../../../src","sources":["blocks/FilterBlock/FilterBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {CardLayoutBlock} from '..';\nimport {AnimateBlock, Title} from '../../components';\nimport ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';\nimport {ConstructorItem} from '../../containers/PageConstructor/components/ConstructorItem';\nimport {Col, Grid, Row} from '../../grid';\nimport {FilterBlockProps, FilterItem} from '../../models';\nimport {block, getBlockKey} from '../../utils';\n\nimport {i18n} from './i18n';\nimport './FilterBlock.scss';\n\nconst b = block('filter-block');\n\nconst FilterBlock: React.FC<FilterBlockProps> = ({\n    title,\n    description,\n    tags,\n    tagButtonSize,\n    allTag,\n    items = [],\n    colSizes,\n    centered,\n    animated,\n}) => {\n    const tabButtons = React.useMemo(() => {\n        const allButton: ButtonTabsItemProps | undefined = allTag\n            ? {id: null, title: typeof allTag === 'boolean' ? i18n('label-all-tag') : allTag}\n            : undefined;\n        const otherButtons: ButtonTabsItemProps[] | undefined =\n            tags && tags.map((tag) => ({id: tag.id, title: tag.label}));\n        return [...(allButton ? [allButton] : []), ...(otherButtons ? otherButtons : [])];\n    }, [allTag, tags]);\n\n    const [selectedTag, setSelectedTag] = React.useState(\n        tabButtons.length ? tabButtons[0].id : null,\n    );\n\n    const actualTag: string | null = React.useMemo(() => {\n        return tabButtons.length && !tabButtons.find((tab) => tab.id === selectedTag)\n            ? tabButtons[0].id\n            : selectedTag;\n    }, [tabButtons, selectedTag]);\n\n    const cards = React.useMemo(() => {\n        const itemsToShow: FilterItem[] = actualTag\n            ? items.filter((item) => item.tags.includes(actualTag))\n            : items;\n\n        return itemsToShow.map((item) => item.card);\n    }, [actualTag, items]);\n\n    return (\n        <AnimateBlock className={b()} animate={animated}>\n            <Grid>\n                {title && (\n                    <Title\n                        className={b('title', {centered: centered})}\n                        title={title}\n                        subtitle={description}\n                    />\n                )}\n                {tabButtons.length && (\n                    <Row>\n                        <Col>\n                            <ButtonTabs\n                                className={b('tabs', {centered: centered})}\n                                items={tabButtons}\n                                activeTab={selectedTag}\n                                onSelectTab={setSelectedTag}\n                                tabSize={tagButtonSize}\n                            />\n                        </Col>\n                    </Row>\n                )}\n                <Row className={b('block-container')}>\n                    <CardLayoutBlock title=\"\" colSizes={colSizes} className={b('cards-container')}>\n                        {cards.map((card, index) => {\n                            const key = getBlockKey(card, index);\n                            return <ConstructorItem data={card} blockKey={index} key={key} />;\n                        })}\n                    </CardLayoutBlock>\n                </Row>\n            </Grid>\n        </AnimateBlock>\n    );\n};\nexport default FilterBlock;\n"]}

package/build/cjs/blocks/FilterBlock/index.d.ts

@@ -0,0 +1,29 @@
+declare const FilterBlockConfig: {
+    component: import("react").FC<import("../..").FilterBlockProps>;
+    schema: {
+        name: string;
+        group: string;
+        inputs: import("../../editor-v2/index.js").ConfigInput[];
+        default: {
+            allTag: boolean;
+            description: string;
+            items: {
+                card: {
+                    content: {
+                        title: string;
+                        text: string;
+                    };
+                    type: string;
+                };
+                tags: string[];
+            }[];
+            tags: {
+                id: string;
+                label: string;
+            }[];
+            title: string;
+            type: string;
+        };
+    };
+};
+export default FilterBlockConfig;

package/build/cjs/blocks/FilterBlock/index.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator.js");
+const FilterBlock_1 = tslib_1.__importDefault(require("./FilterBlock.js"));
+const schema_1 = require("./schema.js");
+const FilterBlockConfig = {
+    component: FilterBlock_1.default,
+    schema: {
+        name: 'Filter Block',
+        group: '@gravity-ui/page-constructor/Blocks',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.FilterProps),
+        default: {
+            allTag: true,
+            description: 'Three cards in a row on the desktop, two cards in a row on a tablet, one card in a row on a mobile phone.',
+            items: [
+                {
+                    card: {
+                        content: {
+                            title: 'Layout Item 1',
+                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                        },
+                        type: 'layout-item',
+                    },
+                    tags: ['one'],
+                },
+                {
+                    card: {
+                        content: {
+                            title: 'Layout Item 2',
+                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                        },
+                        type: 'layout-item',
+                    },
+                    tags: ['two'],
+                },
+                {
+                    card: {
+                        content: {
+                            title: 'Layout Item 3',
+                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                        },
+                        type: 'layout-item',
+                    },
+                    tags: ['three'],
+                },
+                {
+                    card: {
+                        content: {
+                            title: 'Layout Item 4',
+                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                        },
+                        type: 'layout-item',
+                    },
+                    tags: ['one'],
+                },
+                {
+                    card: {
+                        content: {
+                            title: 'Layout Item 5',
+                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                        },
+                        type: 'layout-item',
+                    },
+                    tags: ['two'],
+                },
+                {
+                    card: {
+                        content: {
+                            title: 'Layout Item 6',
+                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                        },
+                        type: 'layout-item',
+                    },
+                    tags: ['three'],
+                },
+            ],
+            tags: [
+                {
+                    id: 'one',
+                    label: 'First very long label',
+                },
+                {
+                    id: 'two',
+                    label: 'Second very long label',
+                },
+                {
+                    id: 'three',
+                    label: 'Third very long label',
+                },
+            ],
+            title: 'Card Layout',
+            type: 'filter-block',
+        },
+    },
+};
+exports.default = FilterBlockConfig;
+//# sourceMappingURL=index.js.map

package/build/cjs/blocks/FilterBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/FilterBlock/index.ts"],"names":[],"mappings":";;;AAEA,kEAA2D;AAE3D,2EAAwC;AACxC,wCAAqC;AAErC,MAAM,iBAAiB,GAAG;IACtB,SAAS,EAAE,qBAAW;IACtB,MAAM,EAAE;QACJ,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,qCAAqC;QAC5C,MAAM,EAAE,IAAA,gCAAe,EAAC,oBAA4C,CAAC;QACrE,OAAO,EAAE;YACL,MAAM,EAAE,IAAI;YACZ,WAAW,EACP,2GAA2G;YAC/G,KAAK,EAAE;gBACH;oBACI,IAAI,EAAE;wBACF,OAAO,EAAE;4BACL,KAAK,EAAE,eAAe;4BACtB,IAAI,EAAE,6HAA6H;yBACtI;wBACD,IAAI,EAAE,aAAa;qBACtB;oBACD,IAAI,EAAE,CAAC,KAAK,CAAC;iBAChB;gBACD;oBACI,IAAI,EAAE;wBACF,OAAO,EAAE;4BACL,KAAK,EAAE,eAAe;4BACtB,IAAI,EAAE,6HAA6H;yBACtI;wBACD,IAAI,EAAE,aAAa;qBACtB;oBACD,IAAI,EAAE,CAAC,KAAK,CAAC;iBAChB;gBACD;oBACI,IAAI,EAAE;wBACF,OAAO,EAAE;4BACL,KAAK,EAAE,eAAe;4BACtB,IAAI,EAAE,6HAA6H;yBACtI;wBACD,IAAI,EAAE,aAAa;qBACtB;oBACD,IAAI,EAAE,CAAC,OAAO,CAAC;iBAClB;gBACD;oBACI,IAAI,EAAE;wBACF,OAAO,EAAE;4BACL,KAAK,EAAE,eAAe;4BACtB,IAAI,EAAE,6HAA6H;yBACtI;wBACD,IAAI,EAAE,aAAa;qBACtB;oBACD,IAAI,EAAE,CAAC,KAAK,CAAC;iBAChB;gBACD;oBACI,IAAI,EAAE;wBACF,OAAO,EAAE;4BACL,KAAK,EAAE,eAAe;4BACtB,IAAI,EAAE,6HAA6H;yBACtI;wBACD,IAAI,EAAE,aAAa;qBACtB;oBACD,IAAI,EAAE,CAAC,KAAK,CAAC;iBAChB;gBACD;oBACI,IAAI,EAAE;wBACF,OAAO,EAAE;4BACL,KAAK,EAAE,eAAe;4BACtB,IAAI,EAAE,6HAA6H;yBACtI;wBACD,IAAI,EAAE,aAAa;qBACtB;oBACD,IAAI,EAAE,CAAC,OAAO,CAAC;iBAClB;aACJ;YACD,IAAI,EAAE;gBACF;oBACI,EAAE,EAAE,KAAK;oBACT,KAAK,EAAE,uBAAuB;iBACjC;gBACD;oBACI,EAAE,EAAE,KAAK;oBACT,KAAK,EAAE,wBAAwB;iBAClC;gBACD;oBACI,EAAE,EAAE,OAAO;oBACX,KAAK,EAAE,uBAAuB;iBACjC;aACJ;YACD,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,cAAc;SACvB;KACJ;CACJ,CAAC;AAEF,kBAAe,iBAAiB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport FilterBlock from './FilterBlock';\nimport {FilterProps} from './schema';\n\nconst FilterBlockConfig = {\n    component: FilterBlock,\n    schema: {\n        name: 'Filter Block',\n        group: '@gravity-ui/page-constructor/Blocks',\n        inputs: generateFromAJV(FilterProps as unknown as JSONSchemaType<{}>),\n        default: {\n            allTag: true,\n            description:\n                'Three cards in a row on the desktop, two cards in a row on a tablet, one card in a row on a mobile phone.',\n            items: [\n                {\n                    card: {\n                        content: {\n                            title: 'Layout Item 1',\n                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n                        },\n                        type: 'layout-item',\n                    },\n                    tags: ['one'],\n                },\n                {\n                    card: {\n                        content: {\n                            title: 'Layout Item 2',\n                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n                        },\n                        type: 'layout-item',\n                    },\n                    tags: ['two'],\n                },\n                {\n                    card: {\n                        content: {\n                            title: 'Layout Item 3',\n                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n                        },\n                        type: 'layout-item',\n                    },\n                    tags: ['three'],\n                },\n                {\n                    card: {\n                        content: {\n                            title: 'Layout Item 4',\n                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n                        },\n                        type: 'layout-item',\n                    },\n                    tags: ['one'],\n                },\n                {\n                    card: {\n                        content: {\n                            title: 'Layout Item 5',\n                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n                        },\n                        type: 'layout-item',\n                    },\n                    tags: ['two'],\n                },\n                {\n                    card: {\n                        content: {\n                            title: 'Layout Item 6',\n                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n                        },\n                        type: 'layout-item',\n                    },\n                    tags: ['three'],\n                },\n            ],\n            tags: [\n                {\n                    id: 'one',\n                    label: 'First very long label',\n                },\n                {\n                    id: 'two',\n                    label: 'Second very long label',\n                },\n                {\n                    id: 'three',\n                    label: 'Third very long label',\n                },\n            ],\n            title: 'Card Layout',\n            type: 'filter-block',\n        },\n    },\n};\n\nexport default FilterBlockConfig;\n"]}

package/build/cjs/blocks/FoldableList/FoldableList.css

@@ -0,0 +1,13 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-FoldableList__title {
+  top: calc(var(--header-height) + 32px);
+  position: sticky;
+  margin-bottom: 32px;
+  margin-right: 64px;
+}
+@media (max-width: 769px) {
+  .pc-FoldableList__title {
+    margin-right: 0;
+  }
+}