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

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

@@ -26,7 +26,7 @@ const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_S
                         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, Object.assign({}, iconData, { className: b('icon') })) })), (0, jsx_runtime_1.jsxs)("div", { className: b('container'), children: [itemTitle && ((0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { tagName: itemTitleHeadingTag, content: itemTitle, className: b('item-title-container'), contentClassName: b('item-title'), modifiers: {
+                        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 && ((0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { tagName: itemTitleHeadingTag, content: itemTitle, className: b('item-title-container'), contentClassName: b('item-title'), modifiers: {
                                                 constructor: true,
                                             }, children: 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));
                     }) }) })] }));

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,0DAAkE;AAClE,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,oBAAK,QAAQ,IAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,GAC3C,CACT,EACD,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aACzB,SAAS,IAAI,CACV,uBAAC,uBAAU,IACP,OAAO,EAAE,mBAAmB,EAC5B,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC,EACpC,gBAAgB,EAAE,CAAC,CAAC,YAAY,CAAC,EACjC,SAAS,EAAE;gDACP,WAAW,EAAE,IAAI;6CACpB,YAEA,KAAK,IAAI,CACN,iCAAM,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAAG,KAAK,GAAQ,CACnD,GACQ,CAChB,EACD,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 {AnimateBlock, Title, YFMWrapper} 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                                            <YFMWrapper\n                                                tagName={itemTitleHeadingTag}\n                                                content={itemTitle}\n                                                className={b('item-title-container')}\n                                                contentClassName={b('item-title')}\n                                                modifiers={{\n                                                    constructor: true,\n                                                }}\n                                            >\n                                                {label && (\n                                                    <span className={b('item-label')}>{label}</span>\n                                                )}\n                                            </YFMWrapper>\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,0DAAkE;AAClE,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,IAAI,CACV,uBAAC,uBAAU,IACP,OAAO,EAAE,mBAAmB,EAC5B,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC,EACpC,gBAAgB,EAAE,CAAC,CAAC,YAAY,CAAC,EACjC,SAAS,EAAE;gDACP,WAAW,EAAE,IAAI;6CACpB,YAEA,KAAK,IAAI,CACN,iCAAM,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAAG,KAAK,GAAQ,CACnD,GACQ,CAChB,EACD,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 {AnimateBlock, Title, YFMWrapper} 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                                            <YFMWrapper\n                                                tagName={itemTitleHeadingTag}\n                                                content={itemTitle}\n                                                className={b('item-title-container')}\n                                                contentClassName={b('item-title')}\n                                                modifiers={{\n                                                    constructor: true,\n                                                }}\n                                            >\n                                                {label && (\n                                                    <span className={b('item-label')}>{label}</span>\n                                                )}\n                                            </YFMWrapper>\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"]}

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

@@ -28,7 +28,13 @@ exports.ExtendedFeaturesBlock = {
     'extended-features-block': {
         additionalProperties: false,
         required: [],
-        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), common_1.BlockHeaderProps), { items: (0, utils_1.filteredArray)(exports.ExtendedFeaturesItem), colSizes: common_1.containerSizesObject }),
+        properties: {
+            ...common_1.BlockBaseProps,
+            ...common_1.AnimatableProps,
+            ...common_1.BlockHeaderProps,
+            items: (0, utils_1.filteredArray)(exports.ExtendedFeaturesItem),
+            colSizes: common_1.containerSizesObject,
+        },
     },
 };
 //# sourceMappingURL=schema.js.map

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,8DACH,uBAAc,GACd,wBAAe,GACf,yBAAgB,KACnB,KAAK,EAAE,IAAA,qBAAa,EAAC,4BAAoB,CAAC,EAC1C,QAAQ,EAAE,6BAAoB,GACjC;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;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"]}

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

@@ -31,7 +31,11 @@ exports.FilterItemProps = {
 exports.FilterProps = {
     additionalProperties: false,
     required: ['tags', 'items'],
-    properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), common_1.BlockHeaderProps), { allTag: {
+    properties: {
+        ...common_1.BlockBaseProps,
+        ...common_1.AnimatableProps,
+        ...common_1.BlockHeaderProps,
+        allTag: {
             oneOf: [
                 {
                     type: 'boolean',
@@ -42,10 +46,16 @@ exports.FilterProps = {
                     optionName: 'cutom',
                 },
             ],
-        }, colSizes: common_1.containerSizesObject, tags: (0, utils_1.filteredArray)(exports.FilterTagProps), items: (0, utils_1.filteredArray)(exports.FilterItemProps), tagButtonSize: {
+        },
+        colSizes: common_1.containerSizesObject,
+        tags: (0, utils_1.filteredArray)(exports.FilterTagProps),
+        items: (0, utils_1.filteredArray)(exports.FilterItemProps),
+        tagButtonSize: {
             type: 'string',
             enum: ['s', 'm', 'l', 'xl'],
-        }, centered: { type: 'boolean' } }),
+        },
+        centered: { type: 'boolean' },
+    },
 };
 exports.FilterBlock = {
     'filter-block': exports.FilterProps,

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/FilterBlock/schema.ts"],"names":[],"mappings":";;;AAAA,8DAKwC;AACxC,4DAA4D;AAE/C,QAAA,cAAc,GAAG;IAC1B,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE;QACR,EAAE,EAAE;YACA,IAAI,EAAE,QAAQ;SACjB;QACD,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;SACjB;KACJ;CACJ,CAAC;AAEW,QAAA,eAAe,GAAG;IAC3B,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE;QACR,IAAI,EAAE;YACF,IAAI,EAAE,OAAO;YACb,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;aACjB;SACJ;QACD,IAAI,EAAE,EAAC,IAAI,EAAE,yBAAyB,EAAC;KAC1C;CACJ,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3B,UAAU,8DACH,uBAAc,GACd,wBAAe,GACf,yBAAgB,KACnB,MAAM,EAAE;YACJ,KAAK,EAAE;gBACH;oBACI,IAAI,EAAE,SAAS;oBACf,UAAU,EAAE,MAAM;iBACrB;gBACD;oBACI,IAAI,EAAE,QAAQ;oBACd,UAAU,EAAE,OAAO;iBACtB;aACJ;SACJ,EACD,QAAQ,EAAE,6BAAoB,EAC9B,IAAI,EAAE,IAAA,qBAAa,EAAC,sBAAc,CAAC,EACnC,KAAK,EAAE,IAAA,qBAAa,EAAC,uBAAe,CAAC,EACrC,aAAa,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC;SAC9B,EACD,QAAQ,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,GAC9B;CACJ,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,cAAc,EAAE,mBAAW;CAC9B,CAAC","sourcesContent":["import {\n    AnimatableProps,\n    BlockBaseProps,\n    BlockHeaderProps,\n    containerSizesObject,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\n\nexport const FilterTagProps = {\n    additionalProperties: false,\n    required: ['id', 'label'],\n    properties: {\n        id: {\n            type: 'string',\n        },\n        label: {\n            type: 'string',\n        },\n    },\n};\n\nexport const FilterItemProps = {\n    additionalProperties: false,\n    required: ['tags', 'card'],\n    properties: {\n        tags: {\n            type: 'array',\n            items: {\n                type: 'string',\n            },\n        },\n        card: {$ref: 'self#/definitions/cards'},\n    },\n};\n\nexport const FilterProps = {\n    additionalProperties: false,\n    required: ['tags', 'items'],\n    properties: {\n        ...BlockBaseProps,\n        ...AnimatableProps,\n        ...BlockHeaderProps,\n        allTag: {\n            oneOf: [\n                {\n                    type: 'boolean',\n                    optionName: 'auto',\n                },\n                {\n                    type: 'string',\n                    optionName: 'cutom',\n                },\n            ],\n        },\n        colSizes: containerSizesObject,\n        tags: filteredArray(FilterTagProps),\n        items: filteredArray(FilterItemProps),\n        tagButtonSize: {\n            type: 'string',\n            enum: ['s', 'm', 'l', 'xl'],\n        },\n        centered: {type: 'boolean'},\n    },\n};\n\nexport const FilterBlock = {\n    'filter-block': FilterProps,\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/FilterBlock/schema.ts"],"names":[],"mappings":";;;AAAA,8DAKwC;AACxC,4DAA4D;AAE/C,QAAA,cAAc,GAAG;IAC1B,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE;QACR,EAAE,EAAE;YACA,IAAI,EAAE,QAAQ;SACjB;QACD,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;SACjB;KACJ;CACJ,CAAC;AAEW,QAAA,eAAe,GAAG;IAC3B,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE;QACR,IAAI,EAAE;YACF,IAAI,EAAE,OAAO;YACb,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;aACjB;SACJ;QACD,IAAI,EAAE,EAAC,IAAI,EAAE,yBAAyB,EAAC;KAC1C;CACJ,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3B,UAAU,EAAE;QACR,GAAG,uBAAc;QACjB,GAAG,wBAAe;QAClB,GAAG,yBAAgB;QACnB,MAAM,EAAE;YACJ,KAAK,EAAE;gBACH;oBACI,IAAI,EAAE,SAAS;oBACf,UAAU,EAAE,MAAM;iBACrB;gBACD;oBACI,IAAI,EAAE,QAAQ;oBACd,UAAU,EAAE,OAAO;iBACtB;aACJ;SACJ;QACD,QAAQ,EAAE,6BAAoB;QAC9B,IAAI,EAAE,IAAA,qBAAa,EAAC,sBAAc,CAAC;QACnC,KAAK,EAAE,IAAA,qBAAa,EAAC,uBAAe,CAAC;QACrC,aAAa,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC;SAC9B;QACD,QAAQ,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC;KAC9B;CACJ,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,cAAc,EAAE,mBAAW;CAC9B,CAAC","sourcesContent":["import {\n    AnimatableProps,\n    BlockBaseProps,\n    BlockHeaderProps,\n    containerSizesObject,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\n\nexport const FilterTagProps = {\n    additionalProperties: false,\n    required: ['id', 'label'],\n    properties: {\n        id: {\n            type: 'string',\n        },\n        label: {\n            type: 'string',\n        },\n    },\n};\n\nexport const FilterItemProps = {\n    additionalProperties: false,\n    required: ['tags', 'card'],\n    properties: {\n        tags: {\n            type: 'array',\n            items: {\n                type: 'string',\n            },\n        },\n        card: {$ref: 'self#/definitions/cards'},\n    },\n};\n\nexport const FilterProps = {\n    additionalProperties: false,\n    required: ['tags', 'items'],\n    properties: {\n        ...BlockBaseProps,\n        ...AnimatableProps,\n        ...BlockHeaderProps,\n        allTag: {\n            oneOf: [\n                {\n                    type: 'boolean',\n                    optionName: 'auto',\n                },\n                {\n                    type: 'string',\n                    optionName: 'cutom',\n                },\n            ],\n        },\n        colSizes: containerSizesObject,\n        tags: filteredArray(FilterTagProps),\n        items: filteredArray(FilterItemProps),\n        tagButtonSize: {\n            type: 'string',\n            enum: ['s', 'm', 'l', 'xl'],\n        },\n        centered: {type: 'boolean'},\n    },\n};\n\nexport const FilterBlock = {\n    'filter-block': FilterProps,\n};\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;
+  }
+}

package/build/cjs/blocks/FoldableList/FoldableList.d.ts

@@ -0,0 +1,3 @@
+import { FoldableListProps } from "../../models/index.js";
+declare const FoldableListBlock: (props: FoldableListProps) => import("react/jsx-runtime").JSX.Element;
+export default FoldableListBlock;

package/build/cjs/blocks/FoldableList/FoldableList.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const grid_1 = require("../../grid/index.js");
+const sub_blocks_1 = require("../../sub-blocks/index.js");
+const utils_1 = require("../../utils/index.js");
+const FoldableListBlockItem_1 = require("./FoldableListBlockItem/FoldableListBlockItem.js");
+const b = (0, utils_1.block)('FoldableList');
+const FoldableListBlock = (props) => {
+    const { title, text, additionalInfo, links, buttons, items, list } = props;
+    const [opened, setOpened] = React.useState([0]);
+    const toggleItem = (index) => {
+        let newState;
+        if (opened.includes(index)) {
+            newState = opened.filter((itemIndex) => itemIndex !== index);
+        }
+        else {
+            newState = [...opened, index];
+        }
+        setOpened(newState);
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: b(), itemScope: true, children: (0, jsx_runtime_1.jsxs)(grid_1.Row, { children: [(0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { all: 12, md: 4 }, children: (0, jsx_runtime_1.jsx)("div", { className: b('title'), children: (0, jsx_runtime_1.jsx)(sub_blocks_1.Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, colSizes: { all: 12, md: 12 } }) }) }), (0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { all: 12, md: 8 }, role: 'list', children: items.map(({ title: itemTitle, text: itemText, link, listStyle = 'dash' }, index) => {
+                        const isOpened = opened.includes(index);
+                        const onClick = () => toggleItem(index);
+                        return ((0, jsx_runtime_1.jsx)(FoldableListBlockItem_1.FoldableListBlockItem, { title: itemTitle, text: itemText, link: link, listStyle: listStyle, isOpened: isOpened, onClick: onClick }, itemTitle));
+                    }) })] }) }));
+};
+exports.default = FoldableListBlock;
+//# sourceMappingURL=FoldableList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FoldableList.js","sourceRoot":"../../../../src","sources":["blocks/FoldableList/FoldableList.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,8CAAoC;AAEpC,0DAAyC;AACzC,gDAAkC;AAElC,4FAAoF;AAIpF,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,iBAAiB,GAAG,CAAC,KAAwB,EAAE,EAAE;IACnD,MAAM,EAAC,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC;IACzE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAE1D,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE;QACjC,IAAI,QAAQ,CAAC;QAEb,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,SAAiB,EAAE,EAAE,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC;QACzE,CAAC;aAAM,CAAC;YACJ,QAAQ,GAAG,CAAC,GAAG,MAAM,EAAE,KAAK,CAAC,CAAC;QAClC,CAAC;QAED,SAAS,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,EAAE,EAAE,SAAS,kBAC1B,wBAAC,UAAG,eACA,uBAAC,UAAG,IAAC,KAAK,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,YACxB,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACtB,uBAAC,oBAAO,IACJ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,GAC7B,GACA,GACJ,EACN,uBAAC,UAAG,IAAC,KAAK,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,EAAE,IAAI,EAAE,MAAM,YACrC,KAAK,CAAC,GAAG,CACN,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,EAAC,EAAE,KAAK,EAAE,EAAE;wBACpE,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;wBACxC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;wBAExC,OAAO,CACH,uBAAC,6CAAqB,IAElB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,IANX,SAAS,CAOhB,CACL,CAAC;oBACN,CAAC,CACJ,GACC,IACJ,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Col, Row} from '../../grid';\nimport {FoldableListProps} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block} from '../../utils';\n\nimport {FoldableListBlockItem} from './FoldableListBlockItem/FoldableListBlockItem';\n\nimport './FoldableList.scss';\n\nconst b = block('FoldableList');\n\nconst FoldableListBlock = (props: FoldableListProps) => {\n    const {title, text, additionalInfo, links, buttons, items, list} = props;\n    const [opened, setOpened] = React.useState<number[]>([0]);\n\n    const toggleItem = (index: number) => {\n        let newState;\n\n        if (opened.includes(index)) {\n            newState = opened.filter((itemIndex: number) => itemIndex !== index);\n        } else {\n            newState = [...opened, index];\n        }\n\n        setOpened(newState);\n    };\n\n    return (\n        <div className={b()} itemScope>\n            <Row>\n                <Col sizes={{all: 12, md: 4}}>\n                    <div className={b('title')}>\n                        <Content\n                            title={title}\n                            text={text}\n                            additionalInfo={additionalInfo}\n                            links={links}\n                            list={list}\n                            buttons={buttons}\n                            colSizes={{all: 12, md: 12}}\n                        />\n                    </div>\n                </Col>\n                <Col sizes={{all: 12, md: 8}} role={'list'}>\n                    {items.map(\n                        ({title: itemTitle, text: itemText, link, listStyle = 'dash'}, index) => {\n                            const isOpened = opened.includes(index);\n                            const onClick = () => toggleItem(index);\n\n                            return (\n                                <FoldableListBlockItem\n                                    key={itemTitle}\n                                    title={itemTitle}\n                                    text={itemText}\n                                    link={link}\n                                    listStyle={listStyle}\n                                    isOpened={isOpened}\n                                    onClick={onClick}\n                                />\n                            );\n                        },\n                    )}\n                </Col>\n            </Row>\n        </div>\n    );\n};\n\nexport default FoldableListBlock;\n"]}

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

@@ -0,0 +1,100 @@
+.pc-FoldableListBlockItem__title.pc-FoldableListBlockItem__title {
+  margin: 0;
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-FoldableListBlockItem {
+  padding-bottom: 32px;
+  border-bottom: 1px solid var(--g-color-line-generic);
+}
+.pc-FoldableListBlockItem + .pc-FoldableListBlockItem {
+  padding-top: 32px;
+}
+.pc-FoldableListBlockItem__title.pc-FoldableListBlockItem__title {
+  font-size: var(--g-text-header-1-font-size);
+  line-height: var(--g-text-header-1-line-height);
+  color: var(--pc-text-header-color);
+  font-weight: var(--g-text-accent-font-weight);
+  cursor: pointer;
+  border-radius: var(--g-focus-border-radius);
+}
+.pc-FoldableListBlockItem__title.pc-FoldableListBlockItem__title:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.pc-FoldableListBlockItem__title.pc-FoldableListBlockItem__title:focus:not(:focus-visible) {
+  outline: 0;
+}
+.pc-FoldableListBlockItem__title.pc-FoldableListBlockItem__title a {
+  outline: none;
+  color: var(--g-color-text-link);
+  text-decoration: none;
+  cursor: pointer;
+}
+.utilityfocus .pc-FoldableListBlockItem__title.pc-FoldableListBlockItem__title a:focus {
+  outline: 2px solid #ffdb4d;
+}
+.pc-FoldableListBlockItem__title.pc-FoldableListBlockItem__title a:hover, .pc-FoldableListBlockItem__title.pc-FoldableListBlockItem__title a:active {
+  --pc-text-header-color: var(--g-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
+}
+
+.pc-FoldableListBlockItem__title-container {
+  margin: 0;
+  position: relative;
+  display: block;
+  width: 100%;
+  padding-right: 24px;
+  text-align: start;
+  cursor: pointer;
+  border-radius: var(--g-focus-border-radius);
+}
+.pc-FoldableListBlockItem__title-container a {
+  outline: none;
+  color: var(--g-color-text-link);
+  text-decoration: none;
+  cursor: pointer;
+}
+.utilityfocus .pc-FoldableListBlockItem__title-container a:focus {
+  outline: 2px solid #ffdb4d;
+}
+.pc-FoldableListBlockItem__title-container a:hover, .pc-FoldableListBlockItem__title-container a:active {
+  --pc-text-header-color: var(--g-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
+}
+.pc-FoldableListBlockItem__arrow {
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  margin: auto;
+  color: var(--g-color-text-primary);
+}
+.pc-FoldableListBlockItem__link {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+}
+.pc-FoldableListBlockItem__link.pc-FoldableListBlockItem__link a {
+  outline-offset: -2px;
+  border-radius: calc(var(--g-focus-border-radius) + 2px);
+  display: inline-block;
+}
+
+.pc-FoldableListBlockItem__text {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+  margin-top: 12px;
+}
+.pc-FoldableListBlockItem__button {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  font: inherit;
+  border: none;
+  outline: none;
+  color: inherit;
+  background: none;
+  cursor: pointer;
+  width: 100%;
+}

package/build/cjs/blocks/FoldableList/FoldableListBlockItem/FoldableListBlockItem.d.ts

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

package/build/cjs/blocks/FoldableList/FoldableListBlockItem/FoldableListBlockItem.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FoldableListBlockItem = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_1 = require("@gravity-ui/uikit");
+const components_1 = require("../../../components/index.js");
+const Link_1 = tslib_1.__importDefault(require("../../../components/Link/Link.js"));
+const utils_1 = require("../../../utils/index.js");
+const b = (0, utils_1.block)('FoldableListBlockItem');
+const FoldableListBlockItem = ({ title: itemTitle, text: itemText, link, listStyle = 'dash', isOpened, onClick, }) => {
+    const { onKeyDown } = (0, uikit_1.useActionHandlers)(onClick);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), itemScope: true, role: 'listitem', children: [(0, jsx_runtime_1.jsx)("button", { className: b('button'), onClick: onClick, "aria-expanded": isOpened, onKeyDown: onKeyDown, children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { tagName: "h3", className: b('title-container'), contentClassName: b('title'), content: itemTitle, modifiers: {
+                        constructor: true,
+                    }, onClick: onClick, tabIndex: 0, children: (0, jsx_runtime_1.jsx)(components_1.ToggleArrow, { open: isOpened, size: 16, type: 'vertical', iconType: "navigation", className: b('arrow') }) }) }), (0, jsx_runtime_1.jsx)(components_1.Foldable, { isOpened: isOpened, children: (0, jsx_runtime_1.jsxs)("div", { className: b('text'), "aria-hidden": !isOpened, children: [(0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: itemText, modifiers: {
+                                constructor: true,
+                                constructorListStyle: true,
+                                constructorListStyleDash: listStyle === 'dash',
+                            } }), link && (0, jsx_runtime_1.jsx)(Link_1.default, { ...link, tabIndex: isOpened ? 0 : -1, className: b('link') })] }) })] }));
+};
+exports.FoldableListBlockItem = FoldableListBlockItem;
+//# sourceMappingURL=FoldableListBlockItem.js.map

package/build/cjs/blocks/FoldableList/FoldableListBlockItem/FoldableListBlockItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FoldableListBlockItem.js","sourceRoot":"../../../../../src","sources":["blocks/FoldableList/FoldableListBlockItem/FoldableListBlockItem.tsx"],"names":[],"mappings":";;;;;AAAA,6CAAoD;AAEpD,6DAAsE;AACtE,oFAAiD;AAEjD,mDAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,uBAAuB,CAAC,CAAC;AAElC,MAAM,qBAAqB,GAAG,CAAC,EAClC,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,QAAQ,EACd,IAAI,EACJ,SAAS,GAAG,MAAM,EAClB,QAAQ,EACR,OAAO,GACkB,EAAE,EAAE;IAC7B,MAAM,EAAC,SAAS,EAAC,GAAG,IAAA,yBAAiB,EAAC,OAAO,CAAC,CAAC;IAE/C,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,EAAE,EAAE,SAAS,QAAC,IAAI,EAAE,UAAU,aAC3C,mCACI,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,OAAO,EAAE,OAAO,mBACD,QAAQ,EACvB,SAAS,EAAE,SAAS,YAEpB,uBAAC,uBAAU,IACP,OAAO,EAAC,IAAI,EACZ,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAC/B,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE;wBACP,WAAW,EAAE,IAAI;qBACpB,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,YAEX,uBAAC,wBAAW,IACR,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,EAAE,EACR,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAC,YAAY,EACrB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GACvB,GACO,GACR,EACT,uBAAC,qBAAQ,IAAC,QAAQ,EAAE,QAAQ,YACxB,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,iBAAe,CAAC,QAAQ,aAC7C,uBAAC,uBAAU,IACP,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE;gCACP,WAAW,EAAE,IAAI;gCACjB,oBAAoB,EAAE,IAAI;gCAC1B,wBAAwB,EAAE,SAAS,KAAK,MAAM;6BACjD,GACH,EACD,IAAI,IAAI,uBAAC,cAAI,OAAK,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,IAC5E,GACC,IACT,CACT,CAAC;AACN,CAAC,CAAC;AArDW,QAAA,qBAAqB,yBAqDhC","sourcesContent":["import {useActionHandlers} from '@gravity-ui/uikit';\n\nimport {Foldable, ToggleArrow, YFMWrapper} from '../../../components';\nimport Link from '../../../components/Link/Link';\nimport {FoldableListBlockItemProps} from '../../../models';\nimport {block} from '../../../utils';\n\nimport './FoldableListBlockItem.scss';\n\nconst b = block('FoldableListBlockItem');\n\nexport const FoldableListBlockItem = ({\n    title: itemTitle,\n    text: itemText,\n    link,\n    listStyle = 'dash',\n    isOpened,\n    onClick,\n}: FoldableListBlockItemProps) => {\n    const {onKeyDown} = useActionHandlers(onClick);\n\n    return (\n        <div className={b()} itemScope role={'listitem'}>\n            <button\n                className={b('button')}\n                onClick={onClick}\n                aria-expanded={isOpened}\n                onKeyDown={onKeyDown}\n            >\n                <YFMWrapper\n                    tagName=\"h3\"\n                    className={b('title-container')}\n                    contentClassName={b('title')}\n                    content={itemTitle}\n                    modifiers={{\n                        constructor: true,\n                    }}\n                    onClick={onClick}\n                    tabIndex={0}\n                >\n                    <ToggleArrow\n                        open={isOpened}\n                        size={16}\n                        type={'vertical'}\n                        iconType=\"navigation\"\n                        className={b('arrow')}\n                    />\n                </YFMWrapper>\n            </button>\n            <Foldable isOpened={isOpened}>\n                <div className={b('text')} aria-hidden={!isOpened}>\n                    <YFMWrapper\n                        content={itemText}\n                        modifiers={{\n                            constructor: true,\n                            constructorListStyle: true,\n                            constructorListStyleDash: listStyle === 'dash',\n                        }}\n                    />\n                    {link && <Link {...link} tabIndex={isOpened ? 0 : -1} className={b('link')} />}\n                </div>\n            </Foldable>\n        </div>\n    );\n};\n"]}

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

@@ -0,0 +1,140 @@
+export declare const FoldableListBlock: {
+    'foldable-list-block': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            items: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            title: {
+                oneOf: ({
+                    type: string;
+                    contentType: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                            contentType: string;
+                        };
+                        textSize: {
+                            type: string;
+                            enum: string[];
+                        };
+                        url: {
+                            type: string;
+                        };
+                        urlTitle: {
+                            type: string;
+                        };
+                        resetMargin: {
+                            type: string;
+                        };
+                    };
+                    contentType?: undefined;
+                })[];
+            };
+            text: {
+                type: string;
+                contentType: string;
+                inputType: string;
+            };
+            additionalInfo: {
+                type: string;
+                contentType: string;
+            };
+            links: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            buttons: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            list: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            controlPosition: {
+                type: string;
+                enum: string[];
+            };
+            anchor: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                    urlTitle: {
+                        type: string;
+                    };
+                };
+            };
+            visible: {
+                type: string;
+                enum: string[];
+            };
+            resetPaddings: {
+                type: string;
+            };
+            context: {
+                type: string;
+            };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FoldableListBlock = void 0;
+const tslib_1 = require("tslib");
+const omit_1 = tslib_1.__importDefault(require("lodash/omit.js"));
+const common_1 = require("../../schema/validators/common.js");
+const utils_1 = require("../../schema/validators/utils.js");
+const schema_1 = require("../../sub-blocks/Content/schema.js");
+const FoldableListBlockContentProps = (0, omit_1.default)(schema_1.ContentBase, ['size', 'theme']);
+exports.FoldableListBlock = {
+    'foldable-list-block': {
+        additionalProperties: false,
+        required: ['title', 'items'],
+        properties: {
+            ...common_1.BlockBaseProps,
+            ...FoldableListBlockContentProps,
+            items: (0, utils_1.filteredArray)({
+                type: 'object',
+                required: ['title', 'text'],
+                properties: {
+                    title: {
+                        type: 'string',
+                        contentType: 'text',
+                    },
+                    text: {
+                        type: 'string',
+                        contentType: 'yfm',
+                    },
+                    link: common_1.LinkProps,
+                    listStyle: {
+                        type: 'string',
+                        enum: ['dash', 'disk'],
+                    },
+                },
+            }),
+        },
+    },
+};
+//# sourceMappingURL=schema.js.map

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

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

package/build/cjs/blocks/Form/Form.js

@@ -14,7 +14,6 @@ const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('form-block');
 const colSizes = { [grid_1.GridColumnSize.Lg]: 6, [grid_1.GridColumnSize.All]: 12 };
 const FormBlock = (props) => {
-    var _a;
     const { formData, title, textContent, direction = models_1.FormBlockDirection.Center, background } = props;
     const [contentLoaded, setContentLoaded] = React.useState(false);
     const isMobile = React.useContext(mobileContext_1.MobileContext);
@@ -23,7 +22,7 @@ const FormBlock = (props) => {
     const withBackground = Boolean(themedBackground &&
         (themedBackground.src ||
             themedBackground.desktop ||
-            ((_a = themedBackground.style) === null || _a === void 0 ? void 0 : _a.backgroundColor)));
+            themedBackground.style?.backgroundColor));
     const onContentLoad = React.useCallback(() => {
         setContentLoaded(true);
     }, []);
@@ -40,11 +39,11 @@ const FormBlock = (props) => {
     return ((0, jsx_runtime_1.jsxs)("div", { className: b({
             'with-background': withBackground,
             'form-type': formType,
-        }), children: [themedBackground && ((0, jsx_runtime_1.jsx)(components_1.BackgroundImage, Object.assign({}, themedBackground, { className: b('media'), imageClassName: b('image') }))), (0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsxs)(grid_1.Row, { alignItems: direction === models_1.FormBlockDirection.Center
+        }), children: [themedBackground && ((0, jsx_runtime_1.jsx)(components_1.BackgroundImage, { ...themedBackground, className: b('media'), imageClassName: b('image') })), (0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsxs)(grid_1.Row, { alignItems: direction === models_1.FormBlockDirection.Center
                         ? grid_1.GridAlignItems.Center
                         : grid_1.GridAlignItems.Start, className: b('row', {
                         direction,
-                    }), children: [(0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: colSizes, className: b('content-col'), children: textContent && ((0, jsx_runtime_1.jsx)("div", { className: b('content-wrapper'), children: (0, jsx_runtime_1.jsx)(sub_blocks_1.Content, Object.assign({ theme: "default" }, textContent, { centered: direction === models_1.FormBlockDirection.Center, colSizes: { all: 12 }, className: b('content') })) })) }), (0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: colSizes, className: b('form-col'), children: (0, jsx_runtime_1.jsx)("div", { className: b('form-wrapper'), children: (0, jsx_runtime_1.jsxs)("div", { className: b('full-form', {
+                    }), children: [(0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: colSizes, className: b('content-col'), children: textContent && ((0, jsx_runtime_1.jsx)("div", { className: b('content-wrapper'), children: (0, jsx_runtime_1.jsx)(sub_blocks_1.Content, { theme: "default", ...textContent, centered: direction === models_1.FormBlockDirection.Center, colSizes: { all: 12 }, className: b('content') }) })) }), (0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: colSizes, className: b('form-col'), children: (0, jsx_runtime_1.jsx)("div", { className: b('form-wrapper'), children: (0, jsx_runtime_1.jsxs)("div", { className: b('full-form', {
                                         hidden: !contentLoaded,
                                     }), children: [title && ((0, jsx_runtime_1.jsx)(components_1.Title, { title: {
                                                 text: title,

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

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sourceRoot":"../../../../src","sources":["blocks/Form/Form.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {BackgroundImage, Title} from '../../components';\nimport InnerForm from '../../components/InnerForm/InnerForm';\nimport {MobileContext} from '../../context/mobileContext';\nimport {useTheme} from '../../context/theme';\nimport {Col, Grid, GridAlignItems, GridColumnSize, Row} from '../../grid';\nimport type {FormBlockProps} from '../../models';\nimport {\n    FormBlockDataTypes,\n    FormBlockDirection,\n    isHubspotDataForm,\n    isYandexDataForm,\n} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block, getThemedValue} from '../../utils';\n\nimport './Form.scss';\n\nconst b = block('form-block');\n\nconst colSizes = {[GridColumnSize.Lg]: 6, [GridColumnSize.All]: 12};\n\nconst FormBlock: React.FC<FormBlockProps> = (props) => {\n    const {formData, title, textContent, direction = FormBlockDirection.Center, background} = props;\n    const [contentLoaded, setContentLoaded] = React.useState(false);\n    const isMobile = React.useContext(MobileContext);\n    const theme = useTheme();\n\n    const themedBackground = getThemedValue(background, theme) || undefined;\n\n    const withBackground = Boolean(\n        themedBackground &&\n            (themedBackground.src ||\n                themedBackground.desktop ||\n                themedBackground.style?.backgroundColor),\n    );\n    const onContentLoad = React.useCallback(() => {\n        setContentLoaded(true);\n    }, []);\n\n    if (!formData) {\n        return null;\n    }\n\n    let formType;\n\n    if (isYandexDataForm(formData)) {\n        formType = FormBlockDataTypes.YANDEX;\n    } else if (isHubspotDataForm(formData)) {\n        formType = FormBlockDataTypes.HUBSPOT;\n    }\n\n    return (\n        <div\n            className={b({\n                'with-background': withBackground,\n                'form-type': formType,\n            })}\n        >\n            {themedBackground && (\n                <BackgroundImage\n                    {...themedBackground}\n                    className={b('media')}\n                    imageClassName={b('image')}\n                />\n            )}\n            <Grid>\n                <Row\n                    alignItems={\n                        direction === FormBlockDirection.Center\n                            ? GridAlignItems.Center\n                            : GridAlignItems.Start\n                    }\n                    className={b('row', {\n                        direction,\n                    })}\n                >\n                    <Col sizes={colSizes} className={b('content-col')}>\n                        {textContent && (\n                            <div className={b('content-wrapper')}>\n                                <Content\n                                    theme=\"default\"\n                                    {...textContent}\n                                    centered={direction === FormBlockDirection.Center}\n                                    colSizes={{all: 12}}\n                                    className={b('content')}\n                                />\n                            </div>\n                        )}\n                    </Col>\n                    <Col sizes={colSizes} className={b('form-col')}>\n                        <div className={b('form-wrapper')}>\n                            <div\n                                className={b('full-form', {\n                                    hidden: !contentLoaded,\n                                })}\n                            >\n                                {title && (\n                                    <Title\n                                        title={{\n                                            text: title,\n                                            textSize: 's',\n                                        }}\n                                        className={b('title', {mobile: isMobile})}\n                                        colSizes={{all: 12}}\n                                    />\n                                )}\n                                <InnerForm\n                                    className={b('form')}\n                                    formData={formData}\n                                    onContentLoad={onContentLoad}\n                                />\n                            </div>\n                        </div>\n                    </Col>\n                </Row>\n            </Grid>\n        </div>\n    );\n};\n\nexport default FormBlock;\n"]}
+{"version":3,"file":"Form.js","sourceRoot":"../../../../src","sources":["blocks/Form/Form.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {BackgroundImage, Title} from '../../components';\nimport InnerForm from '../../components/InnerForm/InnerForm';\nimport {MobileContext} from '../../context/mobileContext';\nimport {useTheme} from '../../context/theme';\nimport {Col, Grid, GridAlignItems, GridColumnSize, Row} from '../../grid';\nimport type {FormBlockProps} from '../../models';\nimport {\n    FormBlockDataTypes,\n    FormBlockDirection,\n    isHubspotDataForm,\n    isYandexDataForm,\n} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block, getThemedValue} from '../../utils';\n\nimport './Form.scss';\n\nconst b = block('form-block');\n\nconst colSizes = {[GridColumnSize.Lg]: 6, [GridColumnSize.All]: 12};\n\nconst FormBlock: React.FC<FormBlockProps> = (props) => {\n    const {formData, title, textContent, direction = FormBlockDirection.Center, background} = props;\n    const [contentLoaded, setContentLoaded] = React.useState(false);\n    const isMobile = React.useContext(MobileContext);\n    const theme = useTheme();\n\n    const themedBackground = getThemedValue(background, theme) || undefined;\n\n    const withBackground = Boolean(\n        themedBackground &&\n            (themedBackground.src ||\n                themedBackground.desktop ||\n                themedBackground.style?.backgroundColor),\n    );\n    const onContentLoad = React.useCallback(() => {\n        setContentLoaded(true);\n    }, []);\n\n    if (!formData) {\n        return null;\n    }\n\n    let formType;\n\n    if (isYandexDataForm(formData)) {\n        formType = FormBlockDataTypes.YANDEX;\n    } else if (isHubspotDataForm(formData)) {\n        formType = FormBlockDataTypes.HUBSPOT;\n    }\n\n    return (\n        <div\n            className={b({\n                'with-background': withBackground,\n                'form-type': formType,\n            })}\n        >\n            {themedBackground && (\n                <BackgroundImage\n                    {...themedBackground}\n                    className={b('media')}\n                    imageClassName={b('image')}\n                />\n            )}\n            <Grid>\n                <Row\n                    alignItems={\n                        direction === FormBlockDirection.Center\n                            ? GridAlignItems.Center\n                            : GridAlignItems.Start\n                    }\n                    className={b('row', {\n                        direction,\n                    })}\n                >\n                    <Col sizes={colSizes} className={b('content-col')}>\n                        {textContent && (\n                            <div className={b('content-wrapper')}>\n                                <Content\n                                    theme=\"default\"\n                                    {...textContent}\n                                    centered={direction === FormBlockDirection.Center}\n                                    colSizes={{all: 12}}\n                                    className={b('content')}\n                                />\n                            </div>\n                        )}\n                    </Col>\n                    <Col sizes={colSizes} className={b('form-col')}>\n                        <div className={b('form-wrapper')}>\n                            <div\n                                className={b('full-form', {\n                                    hidden: !contentLoaded,\n                                })}\n                            >\n                                {title && (\n                                    <Title\n                                        title={{\n                                            text: title,\n                                            textSize: 's',\n                                        }}\n                                        className={b('title', {mobile: isMobile})}\n                                        colSizes={{all: 12}}\n                                    />\n                                )}\n                                <InnerForm\n                                    className={b('form')}\n                                    formData={formData}\n                                    onContentLoad={onContentLoad}\n                                />\n                            </div>\n                        </div>\n                    </Col>\n                </Row>\n            </Grid>\n        </div>\n    );\n};\n\nexport default FormBlock;\n"]}

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

@@ -13,9 +13,12 @@ exports.FormBlock = {
     'form-block': {
         additionalProperties: false,
         required: ['formData'],
-        properties: Object.assign(Object.assign({}, common_1.BlockBaseProps), { title: {
+        properties: {
+            ...common_1.BlockBaseProps,
+            title: {
                 type: 'string',
-            }, formData: {
+            },
+            formData: {
                 oneOf: [
                     {
                         type: 'object',
@@ -32,14 +35,19 @@ exports.FormBlock = {
                         },
                     },
                 ],
-            }, textContent: {
+            },
+            textContent: {
                 additionalProperties: false,
                 properties: FormBlockContentProps,
-            }, direction: {
+            },
+            direction: {
                 enum: ['content-form', 'form-content', 'center'],
-            }, image: schema_1.ImageProps, backgroundColor: {
+            },
+            image: schema_1.ImageProps,
+            backgroundColor: {
                 type: 'string',
-            } }),
+            },
+        },
     },
 };
 //# sourceMappingURL=schema.js.map