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

package/README.md

@@ -14,24 +14,112 @@ For the format of input data and list of available blocks, see the [documentatio
 npm install @gravity-ui/page-constructor
 ```
 
-## Required dependencies
+## Quick start
 
-Please note that to start using the package, your project must also have the following installed: `@diplodoc/transform`, `@gravity-ui/uikit`, `react`. Check out the `peerDependencies` section of `package.json` for accurate information.
+First, we need a React project and some kind of server. For example, you can create a React project using Vite and an Express server, or you can create Next.js application - it will have a client and server side at once.
 
-### Getting started
+Install the required dependencies:
 
-The page constructor is imported as a React component. To make sure it runs properly, wrap it in `PageConstructorProvider`:
+```shell
+npm install @gravity-ui/page-constructor @diplodoc/transform @gravity-ui/uikit
+```
 
-```jsx
+Insert the `Page Constructor` to the page. To work correctly, it must be wrapped in a `PageConstructorProvider`:
+
+```tsx
 import {PageConstructor, PageConstructorProvider} from '@gravity-ui/page-constructor';
+import '@gravity-ui/page-constructor/styles/styles.scss';
+
+const App = () => {
+  const content = {
+    blocks: [
+      {
+        type: 'header-block',
+        title: 'Hello world',
+        background: {color: '#f0f0f0'},
+        description:
+          '**Congratulations!** Have you built a [page-constructor](https://github.com/gravity-ui/page-constructor) into your website',
+      },
+    ],
+  };
+
+  return (
+    <PageConstructorProvider>
+      <PageConstructor content={content} />
+    </PageConstructorProvider>
+  );
+};
 
-const Page: React.PropsWithChildren<PageProps> = ({content}) => (
-  <PageConstructorProvider>
-    <PageConstructor content={content} />
-  </PageConstructorProvider>
-);
+export default App;
+```
+
+This was the simplest example of a connection. In order for YFM markup to work, you need to process content on the server and receive it on the client.
+
+If your server is a separate application, then you need to install page-constructor:
+
+```shell
+npm install @gravity-ui/page-constructor
+```
+
+To process YFM in all base blocks, call the `contentTransformer` and pass the content and options there:
+
+```ts
+const express = require('express');
+const app = express();
+const {contentTransformer} = require('@gravity-ui/page-constructor/server');
+
+const content = {
+  blocks: [
+    {
+      type: 'header-block',
+      title: 'Hello world',
+      background: {color: '#f0f0f0'},
+      description:
+        '**Congratulations!** Have you built a [page-constructor](https://github.com/gravity-ui/page-constructor) into your website',
+    },
+  ],
+};
+
+app.get('/content', (req, res) => {
+  res.send({content: contentTransformer({content, options: {lang: 'en'}})});
+});
+
+app.listen(3000);
+```
+
+On the client, add an endpoint call to receive content:
+
+```tsx
+import {PageConstructor, PageConstructorProvider} from '@gravity-ui/page-constructor';
+import '@gravity-ui/page-constructor/styles/styles.scss';
+import {useEffect, useState} from 'react';
+
+const App = () => {
+  const [content, setContent] = useState();
+
+  useEffect(() => {
+    (async () => {
+      const response = await fetch('http://localhost:3000/content').then((r) => r.json());
+      setContent(response.content);
+    })();
+  }, []);
+
+  return (
+    <PageConstructorProvider>
+      <PageConstructor content={content} />
+    </PageConstructorProvider>
+  );
+};
+
+export default App;
 ```
 
+### Ready-made template
+
+To start a new project, you can use the [ready-made template on Next.js ](https://github.com/gravity-ui/page-constructor-website-template) which we have prepared.
+
+## Documentation
+
 ### Parameters
 
 ```typescript

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

@@ -8,7 +8,7 @@ const BannerBlockConfig = {
     component: Banner_1.default,
     schema: {
         name: 'Banner Block',
-        group: 'block',
+        group: '@gravity-ui/page-constructor/Blocks',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.BannerCardProps),
         default: {
             color: 'rgba(54, 151, 241, 0.4)',

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Banner/index.tsx"],"names":[],"mappings":";;;AAGA,kEAA2D;AAE3D,iEAAmC;AACnC,wCAAyC;AAEzC,MAAM,iBAAiB,GAAc;IACjC,SAAS,EAAE,gBAAW;IACtB,MAAM,EAAE;QACJ,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,IAAA,gCAAe,EAAC,wBAAgD,CAAC;QACzE,OAAO,EAAE;YACL,KAAK,EAAE,yBAAyB;YAChC,KAAK,EAAE,cAAc;YACrB,QAAQ,EAAE,2BAA2B;YACrC,MAAM,EAAE;gBACJ,IAAI,EAAE,WAAW;aACpB;SACJ;KACJ;CACJ,CAAC;AAEF,kBAAe,iBAAiB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport BannerBlock from './Banner';\nimport {BannerCardProps} from './schema';\n\nconst BannerBlockConfig: BlockData = {\n    component: BannerBlock,\n    schema: {\n        name: 'Banner Block',\n        group: 'block',\n        inputs: generateFromAJV(BannerCardProps as unknown as JSONSchemaType<{}>),\n        default: {\n            color: 'rgba(54, 151, 241, 0.4)',\n            title: 'Banner Block',\n            subtitle: 'Some sort of description.',\n            button: {\n                text: 'Read more',\n            },\n        },\n    },\n};\n\nexport default BannerBlockConfig;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Banner/index.tsx"],"names":[],"mappings":";;;AAGA,kEAA2D;AAE3D,iEAAmC;AACnC,wCAAyC;AAEzC,MAAM,iBAAiB,GAAc;IACjC,SAAS,EAAE,gBAAW;IACtB,MAAM,EAAE;QACJ,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,qCAAqC;QAC5C,MAAM,EAAE,IAAA,gCAAe,EAAC,wBAAgD,CAAC;QACzE,OAAO,EAAE;YACL,KAAK,EAAE,yBAAyB;YAChC,KAAK,EAAE,cAAc;YACrB,QAAQ,EAAE,2BAA2B;YACrC,MAAM,EAAE;gBACJ,IAAI,EAAE,WAAW;aACpB;SACJ;KACJ;CACJ,CAAC;AAEF,kBAAe,iBAAiB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport BannerBlock from './Banner';\nimport {BannerCardProps} from './schema';\n\nconst BannerBlockConfig: BlockData = {\n    component: BannerBlock,\n    schema: {\n        name: 'Banner Block',\n        group: '@gravity-ui/page-constructor/Blocks',\n        inputs: generateFromAJV(BannerCardProps as unknown as JSONSchemaType<{}>),\n        default: {\n            color: 'rgba(54, 151, 241, 0.4)',\n            title: 'Banner Block',\n            subtitle: 'Some sort of description.',\n            button: {\n                text: 'Read more',\n            },\n        },\n    },\n};\n\nexport default BannerBlockConfig;\n"]}

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

@@ -1,4 +1,4 @@
-import { ConfigInput } from "../../../common/types/index.js";
+import { ConfigInput } from "../../common/types/index.js";
 import { BlockData } from "../../constructor-items.js";
 export declare const blockConfig: ConfigInput[];
 declare const CardLayoutBlockConfig: BlockData;

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

@@ -155,7 +155,7 @@ const CardLayoutBlockConfig = {
     component: CardLayout_1.default,
     schema: {
         name: 'Card Layout Block',
-        group: 'card-containers',
+        group: '@gravity-ui/page-constructor/Card Containers',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.CardLayoutProps),
         default: {
             type: 'card-layout-block',

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

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

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

@@ -8,7 +8,7 @@ const CompaniesBlockConfig = {
     component: Companies_1.default,
     schema: {
         name: 'Companies Block',
-        group: 'block',
+        group: '@gravity-ui/page-constructor/Blocks',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.CompaniesBlock['companies-block']),
         default: {
             title: 'Companies Block',

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

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

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

@@ -3,7 +3,7 @@ declare const ContentLayoutBlockConfig: {
     schema: {
         name: string;
         group: string;
-        inputs: import("../../../common/types/index.js").ConfigInput[];
+        inputs: import("../../editor-v2/index.js").ConfigInput[];
         default: {
             textContent: {
                 title: string;

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

@@ -8,7 +8,7 @@ const ContentLayoutBlockConfig = {
     component: ContentLayout_1.default,
     schema: {
         name: 'Content Layout Block',
-        group: 'block',
+        group: '@gravity-ui/page-constructor/Blocks',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.ContentLayoutBlock['content-layout-block']),
         default: {
             textContent: {

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

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

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

@@ -3,7 +3,7 @@ declare const ExtendedFeaturesBlockConfig: {
     schema: {
         name: string;
         group: string;
-        inputs: import("../../../common/types/index.js").ConfigInput[];
+        inputs: import("../../editor-v2/index.js").ConfigInput[];
         default: {
             type: string;
             title: {

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

@@ -8,7 +8,7 @@ const ExtendedFeaturesBlockConfig = {
     component: ExtendedFeatures_1.default,
     schema: {
         name: 'Extended Features Block',
-        group: 'block',
+        group: '@gravity-ui/page-constructor/Blocks',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.ExtendedFeaturesBlock['extended-features-block']),
         default: {
             type: 'extended-features-block',

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

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

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

@@ -3,7 +3,7 @@ declare const FilterBlockConfig: {
     schema: {
         name: string;
         group: string;
-        inputs: import("../../../common/types/index.js").ConfigInput[];
+        inputs: import("../../editor-v2/index.js").ConfigInput[];
         default: {
             allTag: boolean;
             description: string;

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

@@ -8,7 +8,7 @@ const FilterBlockConfig = {
     component: FilterBlock_1.default,
     schema: {
         name: 'Filter Block',
-        group: 'block',
+        group: '@gravity-ui/page-constructor/Blocks',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.FilterProps),
         default: {
             allTag: true,

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

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

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

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

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,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/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,20 @@
+"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.jsxs)("button", { className: b('title'), onClick: onClick, "aria-expanded": isOpened, onKeyDown: onKeyDown, children: [(0, jsx_runtime_1.jsx)(components_1.HTML, { children: itemTitle }), (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,6DAA4E;AAC5E,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,oCACI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,OAAO,EAAE,OAAO,mBACD,QAAQ,EACvB,SAAS,EAAE,SAAS,aAEpB,uBAAC,iBAAI,cAAE,SAAS,GAAQ,EACxB,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,IACG,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;AA1CW,QAAA,qBAAqB,yBA0ChC","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"]}