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

package/build/esm/blocks/CardLayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {ConfigInput} from '../../../common/types';\nimport {BlockData} from '../../constructor-items';\nimport {sliderSizesArray, textSize} from '../../schema/validators/common';\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport CardLayout from './CardLayout';\nimport {CardLayoutProps} from './schema';\n\nconst textSizeEnum = textSize.map((size) => ({value: size, content: size}));\n\nexport const blockConfig: ConfigInput[] = [\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: 'description',\n        title: 'Description',\n    },\n    {\n        type: 'boolean',\n        name: 'dots',\n        title: 'With dots',\n    },\n    {\n        type: 'boolean',\n        name: 'arrows',\n        title: 'With Arrows',\n    },\n    {\n        type: 'boolean',\n        name: 'randomOrder',\n        title: 'Random Order',\n    },\n    {\n        type: 'number',\n        name: 'autoplay',\n        title: 'Autoplay',\n    },\n    {\n        type: 'object',\n        name: 'disclaimer',\n        title: 'Disclaimer',\n        properties: [\n            {\n                type: 'text',\n                name: 'text',\n                title: 'Text',\n            },\n            {\n                type: 'select',\n                name: 'size',\n                title: 'Size',\n                enum: textSizeEnum,\n                view: 'select',\n                mode: 'single',\n            },\n        ],\n    },\n    {\n        type: 'oneOf',\n        name: 'slidesToShow',\n        title: 'Slides to Show',\n        options: [\n            {\n                title: 'Simple',\n                value: 'simple',\n                properties: [\n                    {\n                        type: 'number',\n                        name: '',\n                        title: 'Slides',\n                    },\n                ],\n            },\n            {\n                title: 'Complex',\n                value: 'complex',\n                properties: sliderSizesArray.reduce((acc, size) => {\n                    acc.push({type: 'number', name: size, title: size});\n                    return acc;\n                }, [] as Array<ConfigInput>),\n            },\n        ],\n    },\n    {\n        type: 'array',\n        name: 'array',\n        title: 'Array Properties',\n        buttonText: 'Add new',\n        arrayType: 'object',\n        properties: [\n            {\n                type: 'text',\n                name: 'text',\n                title: 'Property',\n            },\n            {\n                type: 'boolean',\n                name: 'boolean',\n                title: 'Property',\n            },\n        ],\n    },\n];\n\nconst CardLayoutBlockConfig: BlockData = {\n    component: CardLayout,\n    schema: {\n        name: 'Card Layout Block',\n        group: 'card-containers',\n        inputs: generateFromAJV(CardLayoutProps as unknown as JSONSchemaType<{}>),\n        default: {\n            type: 'card-layout-block',\n            children: [\n                {\n                    type: 'background-card',\n                    title: 'Tell a story and build a narrative',\n                    text: 'We are all storytellers. Stories are a powerful way to communicate ideas and share information. The right story can lead to a better understanding of a situation, make us laugh, or even inspire us to do something in the future.',\n                },\n                {\n                    type: 'background-card',\n                    title: 'Tell a story and build a narrative',\n                    text: 'We are all storytellers. Stories are a powerful way to communicate ideas and share information. The right story can lead to a better understanding of a situation, make us laugh, or even inspire us to do something in the future.',\n                },\n                {\n                    type: 'background-card',\n                    title: 'Tell a story and build a narrative',\n                    text: 'We are all storytellers. Stories are a powerful way to communicate ideas and share information. The right story can lead to a better understanding of a situation, make us laugh, or even inspire us to do something in the future.',\n                },\n            ],\n            title: 'Card Layout Block',\n            description:\n                'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n        },\n        previewImg: 'https://storage.cloud-preprod.yandex.net/qradle-test/card-layout-block.svg',\n    },\n};\n\nexport default CardLayoutBlockConfig;\n"]}

package/build/esm/blocks/Companies/Companies.js

@@ -2,13 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Image, Title } from "../../components/index.js";
 import AnimateBlock from "../../components/AnimateBlock/AnimateBlock.js";
 import { useTheme } from "../../context/theme/index.js";
+import { Grid } from "../../grid/index.js";
 import { block, getThemedValue } from "../../utils/index.js";
 import './Companies.css';
 const b = block('companies-block');
 export const CompaniesBlock = ({ title, description, images, animated }) => {
     const theme = useTheme();
     const themedImages = getThemedValue(images, theme) || {};
-    return (_jsx(AnimateBlock, { className: b(), offset: 150, animate: animated, children: _jsxs("div", { className: b('content'), children: [_jsx(Title, { title: title, subtitle: description, colSizes: { all: 12, sm: 12 } }), _jsx("div", { className: b('images'), children: _jsx(Image, { ...themedImages, className: b('image') }) })] }) }));
+    return (_jsx(AnimateBlock, { className: b(), offset: 150, animate: animated, children: _jsx(Grid, { children: _jsxs("div", { className: b('content'), children: [_jsx(Title, { title: title, subtitle: description, colSizes: { all: 12, sm: 12 } }), _jsx("div", { className: b('images'), children: _jsx(Image, { ...themedImages, className: b('image') }) })] }) }) }));
 };
 export default CompaniesBlock;
 //# sourceMappingURL=Companies.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Companies.js","sourceRoot":"../../../../src","sources":["blocks/Companies/Companies.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAE,KAAK,EAAC,kCAAyB;AAC9C,OAAO,YAAY,sDAAmD;AACtE,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAE7C,OAAO,EAAC,KAAK,EAAE,cAAc,EAAC,6BAAoB;AAElD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAC,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC1F,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,YAAY,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAEzD,OAAO,CACH,KAAC,YAAY,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,YACxD,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,GAAU,EACjF,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,KAAC,KAAK,OAAK,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,GAChD,IACJ,GACK,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import {Image, Title} from '../../components';\nimport AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport {useTheme} from '../../context/theme';\nimport {CompaniesBlockProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './Companies.scss';\n\nconst b = block('companies-block');\n\nexport const CompaniesBlock = ({title, description, images, animated}: CompaniesBlockProps) => {\n    const theme = useTheme();\n    const themedImages = getThemedValue(images, theme) || {};\n\n    return (\n        <AnimateBlock className={b()} offset={150} animate={animated}>\n            <div className={b('content')}>\n                <Title title={title} subtitle={description} colSizes={{all: 12, sm: 12}}></Title>\n                <div className={b('images')}>\n                    <Image {...themedImages} className={b('image')} />\n                </div>\n            </div>\n        </AnimateBlock>\n    );\n};\n\nexport default CompaniesBlock;\n"]}
+{"version":3,"file":"Companies.js","sourceRoot":"../../../../src","sources":["blocks/Companies/Companies.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAE,KAAK,EAAC,kCAAyB;AAC9C,OAAO,YAAY,sDAAmD;AACtE,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAC7C,OAAO,EAAC,IAAI,EAAC,4BAAmB;AAEhC,OAAO,EAAC,KAAK,EAAE,cAAc,EAAC,6BAAoB;AAElD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAC,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC1F,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,YAAY,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAEzD,OAAO,CACH,KAAC,YAAY,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,YACxD,KAAC,IAAI,cACD,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,KAAC,KAAK,IACF,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,GACtB,EACT,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,KAAC,KAAK,OAAK,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,GAChD,IACJ,GACH,GACI,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import {Image, Title} from '../../components';\nimport AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport {useTheme} from '../../context/theme';\nimport {Grid} from '../../grid';\nimport {CompaniesBlockProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './Companies.scss';\n\nconst b = block('companies-block');\n\nexport const CompaniesBlock = ({title, description, images, animated}: CompaniesBlockProps) => {\n    const theme = useTheme();\n    const themedImages = getThemedValue(images, theme) || {};\n\n    return (\n        <AnimateBlock className={b()} offset={150} animate={animated}>\n            <Grid>\n                <div className={b('content')}>\n                    <Title\n                        title={title}\n                        subtitle={description}\n                        colSizes={{all: 12, sm: 12}}\n                    ></Title>\n                    <div className={b('images')}>\n                        <Image {...themedImages} className={b('image')} />\n                    </div>\n                </div>\n            </Grid>\n        </AnimateBlock>\n    );\n};\n\nexport default CompaniesBlock;\n"]}

package/build/esm/blocks/Companies/index.d.ts

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

package/build/esm/blocks/Companies/index.js

@@ -0,0 +1,17 @@
+import { generateFromAJV } from "../../utils/form-generator.js";
+import CompaniesBlock from "./Companies.js";
+import { CompaniesBlock as CompaniesBlockSchema } from "./schema.js";
+const CompaniesBlockConfig = {
+    component: CompaniesBlock,
+    schema: {
+        name: 'Companies Block',
+        group: 'block',
+        inputs: generateFromAJV(CompaniesBlockSchema['companies-block']),
+        default: {
+            title: 'Companies Block',
+            description: 'Here is the list',
+        },
+    },
+};
+export default CompaniesBlockConfig;
+//# sourceMappingURL=index.js.map

package/build/esm/blocks/Companies/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Companies/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,eAAe,EAAC,sCAAmC;AAE3D,OAAO,cAAc,uBAAoB;AACzC,OAAO,EAAC,cAAc,IAAI,oBAAoB,EAAC,oBAAiB;AAEhE,MAAM,oBAAoB,GAAc;IACpC,SAAS,EAAE,cAAc;IACzB,MAAM,EAAE;QACJ,IAAI,EAAE,iBAAiB;QACvB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,eAAe,CACnB,oBAAoB,CAAC,iBAAiB,CAAkC,CAC3E;QACD,OAAO,EAAE;YACL,KAAK,EAAE,iBAAiB;YACxB,WAAW,EAAE,kBAAkB;SAClC;KACJ;CACJ,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport CompaniesBlock from './Companies';\nimport {CompaniesBlock as CompaniesBlockSchema} from './schema';\n\nconst CompaniesBlockConfig: BlockData = {\n    component: CompaniesBlock,\n    schema: {\n        name: 'Companies Block',\n        group: 'block',\n        inputs: generateFromAJV(\n            CompaniesBlockSchema['companies-block'] as unknown as JSONSchemaType<{}>,\n        ),\n        default: {\n            title: 'Companies Block',\n            description: 'Here is the list',\n        },\n    },\n};\n\nexport default CompaniesBlockConfig;\n"]}

package/build/esm/blocks/ContentLayout/ContentLayout.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { BackgroundImage, FileLink } from "../../components/index.js";
 import { MobileContext } from "../../context/mobileContext/index.js";
 import { useTheme } from "../../context/theme/index.js";
-import { Col } from "../../grid/index.js";
+import { Col, Grid } from "../../grid/index.js";
 import { Content } from "../../sub-blocks/index.js";
 import { block, getThemedValue } from "../../utils/index.js";
 import './ContentLayout.css';
@@ -35,7 +35,7 @@ export const ContentLayoutBlock = (props) => {
     const colSizes = React.useMemo(() => getTextWidth(textWidth), [textWidth]);
     const globalTheme = useTheme();
     const themedBackground = getThemedValue(background, globalTheme);
-    return (_jsxs("div", { className: b({ size, theme, background: Boolean(background) }), children: [_jsx(Content, { className: b('content'), ...textContent, size: size, centered: centered, colSizes: colSizes, theme: theme }), fileContent && (_jsx(Col, { className: b('files', { size, centered }), reset: true, sizes: colSizes, children: fileContent.map((file) => (_createElement(FileLink, { className: b('file'), ...file, key: file.href, type: "horizontal", textSize: getFileTextSize(size), theme: theme }))) })), background && (_jsx("div", { className: b('background'), children: _jsx(BackgroundImage, { className: b('background-item'), ...themedBackground, hide: isMobile }) }))] }));
+    return (_jsx(Grid, { children: _jsxs("div", { className: b({ size, theme, background: Boolean(background) }), children: [_jsx(Content, { className: b('content'), ...textContent, size: size, centered: centered, colSizes: colSizes, theme: theme }), fileContent && (_jsx(Col, { className: b('files', { size, centered }), reset: true, sizes: colSizes, children: fileContent.map((file) => (_createElement(FileLink, { className: b('file'), ...file, key: file.href, type: "horizontal", textSize: getFileTextSize(size), theme: theme }))) })), background && (_jsx("div", { className: b('background'), children: _jsx(BackgroundImage, { className: b('background-item'), ...themedBackground, hide: isMobile }) }))] }) }));
 };
 export default ContentLayoutBlock;
 //# sourceMappingURL=ContentLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContentLayout.js","sourceRoot":"../../../../src","sources":["blocks/ContentLayout/ContentLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {BackgroundImage, FileLink} from '../../components';\nimport {MobileContext} from '../../context/mobileContext';\nimport {useTheme} from '../../context/theme';\nimport {Col} from '../../grid';\nimport {ContentLayoutBlockProps, ContentSize, ContentTextSize} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block, getThemedValue} from '../../utils';\n\nimport './ContentLayout.scss';\n\nconst b = block('content-layout-block');\n\nfunction getFileTextSize(size: ContentSize) {\n    switch (size) {\n        case 's':\n            return 's';\n        case 'l':\n        default:\n            return 'l';\n    }\n}\n\nfunction getTextWidth(size: ContentTextSize) {\n    switch (size) {\n        case 's':\n            return {all: 12, md: 6};\n        case 'l':\n            return {all: 12, md: 12};\n        case 'm':\n        default:\n            return {all: 12, md: 8};\n    }\n}\n\nexport const ContentLayoutBlock = (props: ContentLayoutBlockProps) => {\n    const isMobile = React.useContext(MobileContext);\n    const {\n        textContent,\n        fileContent,\n        size = 'l',\n        background,\n        centered,\n        theme = 'default',\n        textWidth = 'm',\n    } = props;\n\n    const colSizes = React.useMemo(() => getTextWidth(textWidth), [textWidth]);\n    const globalTheme = useTheme();\n    const themedBackground = getThemedValue(background, globalTheme);\n\n    return (\n        <div className={b({size, theme, background: Boolean(background)})}>\n            <Content\n                className={b('content')}\n                {...textContent}\n                size={size}\n                centered={centered}\n                colSizes={colSizes}\n                theme={theme}\n            />\n            {fileContent && (\n                <Col className={b('files', {size, centered})} reset sizes={colSizes}>\n                    {fileContent.map((file) => (\n                        <FileLink\n                            className={b('file')}\n                            {...file}\n                            key={file.href}\n                            type=\"horizontal\"\n                            textSize={getFileTextSize(size)}\n                            theme={theme}\n                        />\n                    ))}\n                </Col>\n            )}\n            {background && (\n                <div className={b('background')}>\n                    <BackgroundImage\n                        className={b('background-item')}\n                        {...themedBackground}\n                        hide={isMobile}\n                    />\n                </div>\n            )}\n        </div>\n    );\n};\nexport default ContentLayoutBlock;\n"]}
+{"version":3,"file":"ContentLayout.js","sourceRoot":"../../../../src","sources":["blocks/ContentLayout/ContentLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {BackgroundImage, FileLink} from '../../components';\nimport {MobileContext} from '../../context/mobileContext';\nimport {useTheme} from '../../context/theme';\nimport {Col, Grid} from '../../grid';\nimport {ContentLayoutBlockProps, ContentSize, ContentTextSize} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block, getThemedValue} from '../../utils';\n\nimport './ContentLayout.scss';\n\nconst b = block('content-layout-block');\n\nfunction getFileTextSize(size: ContentSize) {\n    switch (size) {\n        case 's':\n            return 's';\n        case 'l':\n        default:\n            return 'l';\n    }\n}\n\nfunction getTextWidth(size: ContentTextSize) {\n    switch (size) {\n        case 's':\n            return {all: 12, md: 6};\n        case 'l':\n            return {all: 12, md: 12};\n        case 'm':\n        default:\n            return {all: 12, md: 8};\n    }\n}\n\nexport const ContentLayoutBlock = (props: ContentLayoutBlockProps) => {\n    const isMobile = React.useContext(MobileContext);\n    const {\n        textContent,\n        fileContent,\n        size = 'l',\n        background,\n        centered,\n        theme = 'default',\n        textWidth = 'm',\n    } = props;\n\n    const colSizes = React.useMemo(() => getTextWidth(textWidth), [textWidth]);\n    const globalTheme = useTheme();\n    const themedBackground = getThemedValue(background, globalTheme);\n\n    return (\n        <Grid>\n            <div className={b({size, theme, background: Boolean(background)})}>\n                <Content\n                    className={b('content')}\n                    {...textContent}\n                    size={size}\n                    centered={centered}\n                    colSizes={colSizes}\n                    theme={theme}\n                />\n                {fileContent && (\n                    <Col className={b('files', {size, centered})} reset sizes={colSizes}>\n                        {fileContent.map((file) => (\n                            <FileLink\n                                className={b('file')}\n                                {...file}\n                                key={file.href}\n                                type=\"horizontal\"\n                                textSize={getFileTextSize(size)}\n                                theme={theme}\n                            />\n                        ))}\n                    </Col>\n                )}\n                {background && (\n                    <div className={b('background')}>\n                        <BackgroundImage\n                            className={b('background-item')}\n                            {...themedBackground}\n                            hide={isMobile}\n                        />\n                    </div>\n                )}\n            </div>\n        </Grid>\n    );\n};\nexport default ContentLayoutBlock;\n"]}

package/build/esm/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("../../../common/types/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/esm/blocks/ContentLayout/index.js

@@ -0,0 +1,78 @@
+import { generateFromAJV } from "../../utils/form-generator.js";
+import ContentLayoutBlock from "./ContentLayout.js";
+import { ContentLayoutBlock as ContentLayoutBlockSchema } from "./schema.js";
+const ContentLayoutBlockConfig = {
+    component: ContentLayoutBlock,
+    schema: {
+        name: 'Content Layout Block',
+        group: 'block',
+        inputs: generateFromAJV(ContentLayoutBlockSchema['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',
+                },
+            ],
+        },
+    },
+};
+export default ContentLayoutBlockConfig;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/ContentLayout/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,eAAe,EAAC,sCAAmC;AAE3D,OAAO,kBAAkB,2BAAwB;AACjD,OAAO,EAAC,kBAAkB,IAAI,wBAAwB,EAAC,oBAAiB;AAExE,MAAM,wBAAwB,GAAG;IAC7B,SAAS,EAAE,kBAAkB;IAC7B,MAAM,EAAE;QACJ,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,eAAe,CACnB,wBAAwB,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,eAAe,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: 'block',\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/esm/blocks/ContentLayout/schema.d.ts

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

package/build/esm/blocks/ExtendedFeatures/ExtendedFeatures.js

@@ -4,7 +4,7 @@ import { AnimateBlock, HTML, Title } from "../../components/index.js";
 import Image from "../../components/Image/Image.js";
 import { getMediaImage } from "../../components/Media/Image/utils.js";
 import { useTheme } from "../../context/theme/index.js";
-import { Col, Row } from "../../grid/index.js";
+import { Col, Grid, Row } from "../../grid/index.js";
 import { Content } from "../../sub-blocks/index.js";
 import { block, getThemedValue } from "../../utils/index.js";
 import './ExtendedFeatures.css';
@@ -17,18 +17,19 @@ const DEFAULT_SIZES = {
 export const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_SIZES, animated, }) => {
     const theme = useTheme();
     const itemTitleHeadingTag = title ? 'h3' : 'h2';
-    return (_jsxs(AnimateBlock, { className: b(), animate: animated, children: [_jsx(Title, { title: title, subtitle: description, className: b('header') }), _jsx("div", { className: b('items'), children: _jsx(Row, { children: items.map(({ title: itemTitle, text, list, link, links, label, icon, buttons, additionalInfo, }) => {
-                        const itemLinks = links || [];
-                        const iconThemed = icon && getThemedValue(icon, theme);
-                        const iconData = iconThemed && getMediaImage(iconThemed);
-                        if (link) {
-                            itemLinks.push(link);
-                        }
-                        return (_jsxs(Col, { className: b('item'), sizes: colSizes, children: [iconData && (_jsx("div", { className: b('icon-wrap'), "aria-hidden": true, children: _jsx(Image, { ...iconData, className: b('icon') }) })), _jsxs("div", { className: b('container'), children: [itemTitle &&
-                                            React.createElement(itemTitleHeadingTag, {
-                                                className: b('item-title'),
-                                            }, _jsxs(React.Fragment, { children: [_jsx(HTML, { children: itemTitle }), label && (_jsx("span", { className: b('item-label'), children: label }))] })), _jsx(Content, { text: text, links: itemLinks, size: "s", list: list, colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo })] })] }, text || itemTitle));
-                    }) }) })] }));
+    return (_jsx(AnimateBlock, { className: b(), animate: animated, children: _jsxs(Grid, { children: [_jsx(Title, { title: title, subtitle: description, className: b('header') }), _jsx("div", { className: b('items'), children: _jsx(Row, { children: items &&
+                            items.map(({ title: itemTitle, text, list, link, links, label, icon, buttons, additionalInfo, }, index) => {
+                                const itemLinks = links || [];
+                                const iconThemed = icon && getThemedValue(icon, theme);
+                                const iconData = iconThemed && getMediaImage(iconThemed);
+                                if (link) {
+                                    itemLinks.push(link);
+                                }
+                                return (_jsxs(Col, { className: b('item'), sizes: colSizes, children: [iconData && (_jsx("div", { className: b('icon-wrap'), "aria-hidden": true, children: _jsx(Image, { ...iconData, className: b('icon') }) })), _jsxs("div", { className: b('container'), children: [itemTitle &&
+                                                    React.createElement(itemTitleHeadingTag, {
+                                                        className: b('item-title'),
+                                                    }, _jsxs(React.Fragment, { children: [_jsx(HTML, { children: itemTitle }), label && (_jsx("span", { className: b('item-label'), children: label }))] })), _jsx(Content, { text: text, links: itemLinks, size: "s", list: list, colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo })] })] }, index));
+                            }) }) })] }) }));
 };
 export default ExtendedFeaturesBlock;
 //# sourceMappingURL=ExtendedFeatures.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExtendedFeatures.js","sourceRoot":"../../../../src","sources":["blocks/ExtendedFeatures/ExtendedFeatures.tsx"],"names":[],"mappings":"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","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":"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","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/esm/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("../../../common/types/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/esm/blocks/ExtendedFeatures/index.js

@@ -0,0 +1,74 @@
+import { generateFromAJV } from "../../utils/form-generator.js";
+import ExtendedFeaturesBlock from "./ExtendedFeatures.js";
+import { ExtendedFeaturesBlock as ExtendedFeaturesBlockSchema } from "./schema.js";
+const ExtendedFeaturesBlockConfig = {
+    component: ExtendedFeaturesBlock,
+    schema: {
+        name: 'Extended Features Block',
+        group: 'block',
+        inputs: generateFromAJV(ExtendedFeaturesBlockSchema['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.',
+                        },
+                    ],
+                },
+            ],
+        },
+    },
+};
+export default ExtendedFeaturesBlockConfig;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/ExtendedFeatures/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,eAAe,EAAC,sCAAmC;AAE3D,OAAO,qBAAqB,8BAA2B;AACvD,OAAO,EAAC,qBAAqB,IAAI,2BAA2B,EAAC,oBAAiB;AAE9E,MAAM,2BAA2B,GAAG;IAChC,SAAS,EAAE,qBAAqB;IAChC,MAAM,EAAE;QACJ,IAAI,EAAE,yBAAyB;QAC/B,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,eAAe,CACnB,2BAA2B,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,eAAe,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: 'block',\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/esm/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/esm/blocks/ExtendedFeatures/schema.js

@@ -12,6 +12,7 @@ export const ExtendedFeaturesItem = {
         text: {
             type: 'string',
             contentType: 'yfm',
+            inputType: 'textarea',
         },
         label: {
             type: 'string',

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/ExtendedFeatures/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,oBAAoB,EACpB,SAAS,GACZ,0CAAuC;AACxC,OAAO,EAAC,UAAU,EAAC,8CAA2C;AAC9D,OAAO,EAAC,aAAa,EAAC,yCAAsC;AAE5D,MAAM,CAAC,MAAM,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,SAAS;QACf,IAAI,EAAE,SAAS,CAAC,UAAU,CAAC;KAC9B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,yBAAyB,EAAE;QACvB,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE;YACR,GAAG,cAAc;YACjB,GAAG,eAAe;YAClB,GAAG,gBAAgB;YACnB,KAAK,EAAE,aAAa,CAAC,oBAAoB,CAAC;YAC1C,QAAQ,EAAE,oBAAoB;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,OAAO,EACH,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,oBAAoB,EACpB,SAAS,GACZ,0CAAuC;AACxC,OAAO,EAAC,UAAU,EAAC,8CAA2C;AAC9D,OAAO,EAAC,aAAa,EAAC,yCAAsC;AAE5D,MAAM,CAAC,MAAM,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,SAAS;QACf,IAAI,EAAE,SAAS,CAAC,UAAU,CAAC;KAC9B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,yBAAyB,EAAE;QACvB,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE;YACR,GAAG,cAAc;YACjB,GAAG,eAAe;YAClB,GAAG,gBAAgB;YACnB,KAAK,EAAE,aAAa,CAAC,oBAAoB,CAAC;YAC1C,QAAQ,EAAE,oBAAoB;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/esm/blocks/FilterBlock/FilterBlock.js

@@ -4,12 +4,12 @@ import { CardLayoutBlock } from "../index.js";
 import { AnimateBlock, Title } from "../../components/index.js";
 import ButtonTabs from "../../components/ButtonTabs/ButtonTabs.js";
 import { ConstructorItem } from "../../containers/PageConstructor/components/ConstructorItem/index.js";
-import { Col, Row } from "../../grid/index.js";
+import { Col, Grid, Row } from "../../grid/index.js";
 import { block, getBlockKey } from "../../utils/index.js";
 import { i18n } from "./i18n/index.js";
 import './FilterBlock.css';
 const b = 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' ? i18n('label-all-tag') : allTag }
@@ -29,10 +29,10 @@ const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items, c
             : items;
         return itemsToShow.map((item) => item.card);
     }, [actualTag, items]);
-    return (_jsxs(AnimateBlock, { className: b(), animate: animated, children: [title && (_jsx(Title, { className: b('title', { centered: centered }), title: title, subtitle: description })), tabButtons.length && (_jsx(Row, { children: _jsx(Col, { children: _jsx(ButtonTabs, { className: b('tabs', { centered: centered }), items: tabButtons, activeTab: selectedTag, onSelectTab: setSelectedTag, tabSize: tagButtonSize }) }) })), _jsx(Row, { className: b('block-container'), children: _jsx(CardLayoutBlock, { title: "", colSizes: colSizes, className: b('cards-container'), children: cards.map((card, index) => {
-                        const key = getBlockKey(card, index);
-                        return _jsx(ConstructorItem, { data: card, blockKey: key }, key);
-                    }) }) })] }));
+    return (_jsx(AnimateBlock, { className: b(), animate: animated, children: _jsxs(Grid, { children: [title && (_jsx(Title, { className: b('title', { centered: centered }), title: title, subtitle: description })), tabButtons.length && (_jsx(Row, { children: _jsx(Col, { children: _jsx(ButtonTabs, { className: b('tabs', { centered: centered }), items: tabButtons, activeTab: selectedTag, onSelectTab: setSelectedTag, tabSize: tagButtonSize }) }) })), _jsx(Row, { className: b('block-container'), children: _jsx(CardLayoutBlock, { title: "", colSizes: colSizes, className: b('cards-container'), children: cards.map((card, index) => {
+                            const key = getBlockKey(card, index);
+                            return _jsx(ConstructorItem, { data: card, blockKey: index }, key);
+                        }) }) })] }) }));
 };
 export default FilterBlock;
 //# sourceMappingURL=FilterBlock.js.map