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

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("../../editor-v2/index.js").ConfigInput[];
+        default: {
+            type: string;
+            title: {
+                text: string;
+                textSize: string;
+            };
+            description: string;
+            items: ({
+                title: string;
+                text: string;
+                additionalInfo: string;
+                buttons?: undefined;
+                links?: undefined;
+                list?: undefined;
+            } | {
+                title: string;
+                text: string;
+                buttons: {
+                    text: string;
+                    theme: string;
+                    url: string;
+                }[];
+                additionalInfo?: undefined;
+                links?: undefined;
+                list?: undefined;
+            } | {
+                title: string;
+                text: string;
+                links: {
+                    text: string;
+                    url: string;
+                    arrow: boolean;
+                    theme: string;
+                }[];
+                additionalInfo?: undefined;
+                buttons?: undefined;
+                list?: undefined;
+            } | {
+                title: string;
+                text: string;
+                list: {
+                    title: string;
+                    text: string;
+                }[];
+                additionalInfo?: undefined;
+                buttons?: undefined;
+                links?: undefined;
+            })[];
+        };
+    };
+};
+export default ExtendedFeaturesBlockConfig;

package/build/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: '@gravity-ui/page-constructor/Blocks',
+        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,qCAAqC;QAC5C,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: '@gravity-ui/page-constructor/Blocks',\n        inputs: generateFromAJV(\n            ExtendedFeaturesBlockSchema['extended-features-block'] as unknown as JSONSchemaType<{}>,\n        ),\n        default: {\n            type: 'extended-features-block',\n            title: {\n                text: 'Lorem ipsum dolor sit amet',\n                textSize: 'm',\n            },\n            description:\n                'Three cards in a row on the desktop, two cards in a row on a tablet, one card in a row on a mobile phone.',\n            items: [\n                {\n                    title: 'Sed do eiusmod tempor incididunt',\n                    text: 'Ut enim ad minim veniam quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat.',\n                    additionalInfo:\n                        'Duis aute irure dolor in reprehenderit n voluptate velit esse cillum dolore eu fugiat nulla pariatur.',\n                },\n                {\n                    title: 'Sed do eiusmod tempor',\n                    text: 'Ut enim ad minim veniam quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat.',\n                    buttons: [\n                        {\n                            text: 'Button',\n                            theme: 'action',\n                            url: 'https://example.com',\n                        },\n                        {\n                            text: 'Button',\n                            theme: 'outlined',\n                            url: 'https://example.com',\n                        },\n                    ],\n                },\n                {\n                    title: 'Sed do eiusmod tempor incididunt',\n                    text: 'Ut enim ad minim veniam quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat.',\n                    links: [\n                        {\n                            text: 'Go',\n                            url: '#',\n                            arrow: true,\n                            theme: 'normal',\n                        },\n                    ],\n                },\n                {\n                    title: 'Sed do eiusmod tempor incididunt',\n                    text: 'Ut enim ad minim veniam quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat.',\n                    list: [\n                        {\n                            title: 'Lorem ipsum',\n                            text: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',\n                        },\n                        {\n                            title: 'Lorem ipsum ipsum',\n                            text: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',\n                        },\n                        {\n                            title: 'Lorem ipsum',\n                            text: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',\n                        },\n                    ],\n                },\n            ],\n        },\n    },\n};\n\nexport default ExtendedFeaturesBlockConfig;\n"]}

package/build/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

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

@@ -1 +1 @@
-{"version":3,"file":"FilterBlock.js","sourceRoot":"../../../../src","sources":["blocks/FilterBlock/FilterBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {CardLayoutBlock} from '..';\nimport {AnimateBlock, Title} from '../../components';\nimport ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';\nimport {ConstructorItem} from '../../containers/PageConstructor/components/ConstructorItem';\nimport {Col, Row} from '../../grid';\nimport {FilterBlockProps, FilterItem} from '../../models';\nimport {block, getBlockKey} from '../../utils';\n\nimport {i18n} from './i18n';\nimport './FilterBlock.scss';\n\nconst b = block('filter-block');\n\nconst FilterBlock: React.FC<FilterBlockProps> = ({\n    title,\n    description,\n    tags,\n    tagButtonSize,\n    allTag,\n    items,\n    colSizes,\n    centered,\n    animated,\n}) => {\n    const tabButtons = React.useMemo(() => {\n        const allButton: ButtonTabsItemProps | undefined = allTag\n            ? {id: null, title: typeof allTag === 'boolean' ? i18n('label-all-tag') : allTag}\n            : undefined;\n        const otherButtons: ButtonTabsItemProps[] | undefined =\n            tags && tags.map((tag) => ({id: tag.id, title: tag.label}));\n        return [...(allButton ? [allButton] : []), ...(otherButtons ? otherButtons : [])];\n    }, [allTag, tags]);\n\n    const [selectedTag, setSelectedTag] = React.useState(\n        tabButtons.length ? tabButtons[0].id : null,\n    );\n\n    const actualTag: string | null = React.useMemo(() => {\n        return tabButtons.length && !tabButtons.find((tab) => tab.id === selectedTag)\n            ? tabButtons[0].id\n            : selectedTag;\n    }, [tabButtons, selectedTag]);\n\n    const cards = React.useMemo(() => {\n        const itemsToShow: FilterItem[] = actualTag\n            ? items.filter((item) => item.tags.includes(actualTag))\n            : items;\n\n        return itemsToShow.map((item) => item.card);\n    }, [actualTag, items]);\n\n    return (\n        <AnimateBlock className={b()} animate={animated}>\n            {title && (\n                <Title\n                    className={b('title', {centered: centered})}\n                    title={title}\n                    subtitle={description}\n                />\n            )}\n            {tabButtons.length && (\n                <Row>\n                    <Col>\n                        <ButtonTabs\n                            className={b('tabs', {centered: centered})}\n                            items={tabButtons}\n                            activeTab={selectedTag}\n                            onSelectTab={setSelectedTag}\n                            tabSize={tagButtonSize}\n                        />\n                    </Col>\n                </Row>\n            )}\n            <Row className={b('block-container')}>\n                <CardLayoutBlock title=\"\" colSizes={colSizes} className={b('cards-container')}>\n                    {cards.map((card, index) => {\n                        const key = getBlockKey(card, index);\n\n                        return <ConstructorItem data={card} blockKey={key} key={key} />;\n                    })}\n                </CardLayoutBlock>\n            </Row>\n        </AnimateBlock>\n    );\n};\nexport default FilterBlock;\n"]}
+{"version":3,"file":"FilterBlock.js","sourceRoot":"../../../../src","sources":["blocks/FilterBlock/FilterBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,eAAe,EAAC,oBAAW;AACnC,OAAO,EAAC,YAAY,EAAE,KAAK,EAAC,kCAAyB;AACrD,OAAO,UAAiC,kDAA+C;AACvF,OAAO,EAAC,eAAe,EAAC,6EAAoE;AAC5F,OAAO,EAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,4BAAmB;AAE1C,OAAO,EAAC,KAAK,EAAE,WAAW,EAAC,6BAAoB;AAE/C,OAAO,EAAC,IAAI,EAAC,wBAAe;AAC5B,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAA+B,CAAC,EAC7C,KAAK,EACL,WAAW,EACX,IAAI,EACJ,aAAa,EACb,MAAM,EACN,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,QAAQ,EACR,QAAQ,GACX,EAAE,EAAE;IACD,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,SAAS,GAAoC,MAAM;YACrD,CAAC,CAAC,EAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,MAAM,EAAC;YACjF,CAAC,CAAC,SAAS,CAAC;QAChB,MAAM,YAAY,GACd,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAC,EAAE,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAC,CAAC,CAAC,CAAC;QAChE,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACtF,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAChD,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAC9C,CAAC;IAEF,MAAM,SAAS,GAAkB,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAChD,OAAO,UAAU,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,WAAW,CAAC;YACzE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE;YAClB,CAAC,CAAC,WAAW,CAAC;IACtB,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAE9B,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,WAAW,GAAiB,SAAS;YACvC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YACvD,CAAC,CAAC,KAAK,CAAC;QAEZ,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvB,OAAO,CACH,KAAC,YAAY,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,QAAQ,YAC3C,MAAC,IAAI,eACA,KAAK,IAAI,CACN,KAAC,KAAK,IACF,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC,EAC3C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,WAAW,GACvB,CACL,EACA,UAAU,CAAC,MAAM,IAAI,CAClB,KAAC,GAAG,cACA,KAAC,GAAG,cACA,KAAC,UAAU,IACP,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC,EAC1C,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,WAAW,EACtB,WAAW,EAAE,cAAc,EAC3B,OAAO,EAAE,aAAa,GACxB,GACA,GACJ,CACT,EACD,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,YAChC,KAAC,eAAe,IAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,YACxE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;4BACvB,MAAM,GAAG,GAAG,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;4BACrC,OAAO,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,IAAO,GAAG,CAAI,CAAC;wBACtE,CAAC,CAAC,GACY,GAChB,IACH,GACI,CAClB,CAAC;AACN,CAAC,CAAC;AACF,eAAe,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {CardLayoutBlock} from '..';\nimport {AnimateBlock, Title} from '../../components';\nimport ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';\nimport {ConstructorItem} from '../../containers/PageConstructor/components/ConstructorItem';\nimport {Col, Grid, Row} from '../../grid';\nimport {FilterBlockProps, FilterItem} from '../../models';\nimport {block, getBlockKey} from '../../utils';\n\nimport {i18n} from './i18n';\nimport './FilterBlock.scss';\n\nconst b = block('filter-block');\n\nconst FilterBlock: React.FC<FilterBlockProps> = ({\n    title,\n    description,\n    tags,\n    tagButtonSize,\n    allTag,\n    items = [],\n    colSizes,\n    centered,\n    animated,\n}) => {\n    const tabButtons = React.useMemo(() => {\n        const allButton: ButtonTabsItemProps | undefined = allTag\n            ? {id: null, title: typeof allTag === 'boolean' ? i18n('label-all-tag') : allTag}\n            : undefined;\n        const otherButtons: ButtonTabsItemProps[] | undefined =\n            tags && tags.map((tag) => ({id: tag.id, title: tag.label}));\n        return [...(allButton ? [allButton] : []), ...(otherButtons ? otherButtons : [])];\n    }, [allTag, tags]);\n\n    const [selectedTag, setSelectedTag] = React.useState(\n        tabButtons.length ? tabButtons[0].id : null,\n    );\n\n    const actualTag: string | null = React.useMemo(() => {\n        return tabButtons.length && !tabButtons.find((tab) => tab.id === selectedTag)\n            ? tabButtons[0].id\n            : selectedTag;\n    }, [tabButtons, selectedTag]);\n\n    const cards = React.useMemo(() => {\n        const itemsToShow: FilterItem[] = actualTag\n            ? items.filter((item) => item.tags.includes(actualTag))\n            : items;\n\n        return itemsToShow.map((item) => item.card);\n    }, [actualTag, items]);\n\n    return (\n        <AnimateBlock className={b()} animate={animated}>\n            <Grid>\n                {title && (\n                    <Title\n                        className={b('title', {centered: centered})}\n                        title={title}\n                        subtitle={description}\n                    />\n                )}\n                {tabButtons.length && (\n                    <Row>\n                        <Col>\n                            <ButtonTabs\n                                className={b('tabs', {centered: centered})}\n                                items={tabButtons}\n                                activeTab={selectedTag}\n                                onSelectTab={setSelectedTag}\n                                tabSize={tagButtonSize}\n                            />\n                        </Col>\n                    </Row>\n                )}\n                <Row className={b('block-container')}>\n                    <CardLayoutBlock title=\"\" colSizes={colSizes} className={b('cards-container')}>\n                        {cards.map((card, index) => {\n                            const key = getBlockKey(card, index);\n                            return <ConstructorItem data={card} blockKey={index} key={key} />;\n                        })}\n                    </CardLayoutBlock>\n                </Row>\n            </Grid>\n        </AnimateBlock>\n    );\n};\nexport default FilterBlock;\n"]}

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

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

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

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

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

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

package/build/esm/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/esm/blocks/FoldableList/FoldableList.d.ts

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

package/build/esm/blocks/FoldableList/FoldableList.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Col, Row } from "../../grid/index.js";
+import { Content } from "../../sub-blocks/index.js";
+import { block } from "../../utils/index.js";
+import { FoldableListBlockItem } from "./FoldableListBlockItem/FoldableListBlockItem.js";
+import './FoldableList.css';
+const b = 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 (_jsx("div", { className: b(), itemScope: true, children: _jsxs(Row, { children: [_jsx(Col, { sizes: { all: 12, md: 4 }, children: _jsx("div", { className: b('title'), children: _jsx(Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, colSizes: { all: 12, md: 12 } }) }) }), _jsx(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 (_jsx(FoldableListBlockItem, { title: itemTitle, text: itemText, link: link, listStyle: listStyle, isOpened: isOpened, onClick: onClick }, itemTitle));
+                    }) })] }) }));
+};
+export default FoldableListBlock;
+//# sourceMappingURL=FoldableList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FoldableList.js","sourceRoot":"../../../../src","sources":["blocks/FoldableList/FoldableList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,GAAG,EAAE,GAAG,EAAC,4BAAmB;AAEpC,OAAO,EAAC,OAAO,EAAC,kCAAyB;AACzC,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,EAAC,qBAAqB,EAAC,yDAAsD;AAEpF,OAAO,oBAAoB,CAAC;AAE5B,MAAM,CAAC,GAAG,KAAK,CAAC,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,cAAK,SAAS,EAAE,CAAC,EAAE,EAAE,SAAS,kBAC1B,MAAC,GAAG,eACA,KAAC,GAAG,IAAC,KAAK,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,YACxB,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACtB,KAAC,OAAO,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,KAAC,GAAG,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,KAAC,qBAAqB,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,eAAe,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/esm/blocks/FoldableList/FoldableListBlockItem/FoldableListBlockItem.css

@@ -0,0 +1,78 @@
+.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 {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  font: inherit;
+  border: none;
+  outline: none;
+  color: inherit;
+  background: none;
+  cursor: pointer;
+  font-size: var(--g-text-header-1-font-size);
+  line-height: var(--g-text-header-1-line-height);
+  color: var(--pc-text-header-color);
+  font-weight: var(--g-text-accent-font-weight);
+  position: relative;
+  display: block;
+  width: 100%;
+  padding-right: 24px;
+  text-align: start;
+  cursor: pointer;
+  border-radius: var(--g-focus-border-radius);
+}
+.pc-FoldableListBlockItem__title:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.pc-FoldableListBlockItem__title:focus:not(:focus-visible) {
+  outline: 0;
+}
+.pc-FoldableListBlockItem__title a {
+  outline: none;
+  color: var(--g-color-text-link);
+  text-decoration: none;
+  cursor: pointer;
+}
+.utilityfocus .pc-FoldableListBlockItem__title a:focus {
+  outline: 2px solid #ffdb4d;
+}
+.pc-FoldableListBlockItem__title a:hover, .pc-FoldableListBlockItem__title 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;
+}

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

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

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useActionHandlers } from '@gravity-ui/uikit';
+import { Foldable, HTML, ToggleArrow, YFMWrapper } from "../../../components/index.js";
+import Link from "../../../components/Link/Link.js";
+import { block } from "../../../utils/index.js";
+import './FoldableListBlockItem.css';
+const b = block('FoldableListBlockItem');
+export const FoldableListBlockItem = ({ title: itemTitle, text: itemText, link, listStyle = 'dash', isOpened, onClick, }) => {
+    const { onKeyDown } = useActionHandlers(onClick);
+    return (_jsxs("div", { className: b(), itemScope: true, role: 'listitem', children: [_jsxs("button", { className: b('title'), onClick: onClick, "aria-expanded": isOpened, onKeyDown: onKeyDown, children: [_jsx(HTML, { children: itemTitle }), _jsx(ToggleArrow, { open: isOpened, size: 16, type: 'vertical', iconType: "navigation", className: b('arrow') })] }), _jsx(Foldable, { isOpened: isOpened, children: _jsxs("div", { className: b('text'), "aria-hidden": !isOpened, children: [_jsx(YFMWrapper, { content: itemText, modifiers: {
+                                constructor: true,
+                                constructorListStyle: true,
+                                constructorListStyleDash: listStyle === 'dash',
+                            } }), link && _jsx(Link, { ...link, tabIndex: isOpened ? 0 : -1, className: b('link') })] }) })] }));
+};
+//# sourceMappingURL=FoldableListBlockItem.js.map

package/build/esm/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,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAC,qCAA4B;AAC5E,OAAO,IAAI,yCAAsC;AAEjD,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAErC,OAAO,6BAA6B,CAAC;AAErC,MAAM,CAAC,GAAG,KAAK,CAAC,uBAAuB,CAAC,CAAC;AAEzC,MAAM,CAAC,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,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAE/C,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,EAAE,EAAE,SAAS,QAAC,IAAI,EAAE,UAAU,aAC3C,kBACI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,OAAO,EAAE,OAAO,mBACD,QAAQ,EACvB,SAAS,EAAE,SAAS,aAEpB,KAAC,IAAI,cAAE,SAAS,GAAQ,EACxB,KAAC,WAAW,IACR,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,EAAE,EACR,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAC,YAAY,EACrB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GACvB,IACG,EACT,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,YACxB,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,iBAAe,CAAC,QAAQ,aAC7C,KAAC,UAAU,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,KAAC,IAAI,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","sourcesContent":["import {useActionHandlers} from '@gravity-ui/uikit';\n\nimport {Foldable, HTML, 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('title')}\n                onClick={onClick}\n                aria-expanded={isOpened}\n                onKeyDown={onKeyDown}\n            >\n                <HTML>{itemTitle}</HTML>\n                <ToggleArrow\n                    open={isOpened}\n                    size={16}\n                    type={'vertical'}\n                    iconType=\"navigation\"\n                    className={b('arrow')}\n                />\n            </button>\n            <Foldable isOpened={isOpened}>\n                <div 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"]}