@gravity-ui/page-constructor 8.5.0-alpha.1 → 8.5.0-alpha.12

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

@@ -1 +1 @@
-{"version":3,"file":"CardLayout.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/CardLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,OAAO,0BAAuB;AAErC,OAAO,EAAC,YAAY,EAAE,eAAe,EAAE,KAAK,EAAC,kCAAyB;AACtE,OAAO,gBAAgB,qEAAkE;AACzF,OAAO,aAAa,+DAA4D;AAChF,OAAO,EAAC,QAAQ,EAAC,oDAA2C;AAC5D,OAAO,EAAC,GAAG,EAAE,IAAI,EAAuB,kBAAkB,EAAE,GAAG,EAAC,2CAAkC;AAElG,OAAO,EAAC,KAAK,EAAE,cAAc,EAAC,6BAAoB;AAElD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,aAAa,GAAwB;IACvC,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAC;AAOF,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,UAAU,GAAG,CAAC,EAChB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,aAAa,EACxB,QAAQ,EACR,SAAS,EACT,cAAc,EACd,UAAU,EACV,QAAQ,GAAG,KAAK,GACG,EAAE,EAAE;IACvB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAC,MAAM,EAAE,GAAG,oBAAoB,EAAC,GAAG,cAAc,CAAC,UAAU,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;IAClF,OAAO,CACH,KAAC,YAAY,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,YAC1D,MAAC,IAAI,eACA,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,KAAC,KAAK,IACF,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,WAAW,EACrB,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,QAAQ,EAAC,EAAE,cAAc,CAAC,EACjD,iBAAiB,EACb,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,GAErE,CACL,EACD,eACI,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE;wBACpB,iBAAiB,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;qBAC1C,CAAC,aAEF,KAAC,eAAe,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,CAAC,KAAM,oBAAoB,GAAI,EAC9E,KAAC,aAAa,cACV,KAAC,GAAG,cACC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,KAAC,GAAG,IAAa,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAClD,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,YAAG,KAAK,GAAoB,IADpD,KAAK,CAET,CACT,CAAC,GACA,GACM,IACd,IACH,GACI,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport isEmpty from 'lodash/isEmpty';\n\nimport {AnimateBlock, BackgroundImage, Title} from '../../components';\nimport ChildrenItemWrap from '../../components/editor/ChildrenItemWrap/ChildrenItemWrap';\nimport ChildrensWrap from '../../components/editor/ChildrensWrap/ChildrensWrap';\nimport {useTheme} from '../../gravity-blocks/context/theme';\nimport {Col, Grid, GridColumnSizesType, GridJustifyContent, Row} from '../../gravity-blocks/grid';\nimport {CardLayoutBlockProps as CardLayoutBlockParams, ClassNameProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './CardLayout.scss';\n\nconst DEFAULT_SIZES: GridColumnSizesType = {\n    all: 12,\n    sm: 6,\n    md: 4,\n};\n\nexport type CardLayoutBlockProps = React.PropsWithChildren<\n    Omit<CardLayoutBlockParams, 'children'>\n> &\n    ClassNameProps;\n\nconst b = block('card-layout-block');\n\nconst CardLayout = ({\n    title,\n    description,\n    animated,\n    colSizes = DEFAULT_SIZES,\n    children,\n    className,\n    titleClassName,\n    background,\n    centered = false,\n}: CardLayoutBlockProps) => {\n    const theme = useTheme();\n    const {border, ...backgroundImageProps} = getThemedValue(background || {}, theme);\n    return (\n        <AnimateBlock className={b(null, className)} animate={animated}>\n            <Grid>\n                {(title || description) && (\n                    <Title\n                        title={title}\n                        subtitle={description}\n                        className={b('title', {centered}, titleClassName)}\n                        colJustifyContent={\n                            centered ? GridJustifyContent.Center : GridJustifyContent.Start\n                        }\n                    />\n                )}\n                <div\n                    className={b('content', {\n                        'with-background': !isEmpty(background),\n                    })}\n                >\n                    <BackgroundImage className={b('image', {border})} {...backgroundImageProps} />\n                    <ChildrensWrap>\n                        <Row>\n                            {React.Children.map(children, (child, index) => (\n                                <Col key={index} sizes={colSizes} className={b('item')}>\n                                    <ChildrenItemWrap index={index}>{child}</ChildrenItemWrap>\n                                </Col>\n                            ))}\n                        </Row>\n                    </ChildrensWrap>\n                </div>\n            </Grid>\n        </AnimateBlock>\n    );\n};\n\nexport default CardLayout;\n"]}
+{"version":3,"file":"CardLayout.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/CardLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,OAAO,0BAAuB;AAErC,OAAO,EAAC,YAAY,EAAE,eAAe,EAAE,KAAK,EAAC,kCAAyB;AACtE,OAAO,gBAAgB,qEAAkE;AACzF,OAAO,aAAa,+DAA4D;AAChF,OAAO,EAAC,QAAQ,EAAC,oDAA2C;AAC5D,OAAO,EAAC,GAAG,EAAE,IAAI,EAAuB,kBAAkB,EAAE,GAAG,EAAC,2CAAkC;AAElG,OAAO,EAAC,KAAK,EAAE,cAAc,EAAC,6BAAoB;AAElD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,aAAa,GAAwB;IACvC,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAC;AAOF,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,UAAU,GAAG,CAAC,EAChB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,aAAa,EACxB,QAAQ,EACR,SAAS,EACT,cAAc,EACd,UAAU,EACV,QAAQ,GAAG,KAAK,GACG,EAAE,EAAE;IACvB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAC,MAAM,EAAE,GAAG,oBAAoB,EAAC,GAAG,cAAc,CAAC,UAAU,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;IAClF,OAAO,CACH,KAAC,YAAY,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,YAC1D,MAAC,IAAI,eACA,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,KAAC,GAAG,cACA,KAAC,KAAK,IACF,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,WAAW,EACrB,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,QAAQ,EAAC,EAAE,cAAc,CAAC,EACjD,iBAAiB,EACb,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,GAErE,GACA,CACT,EACD,eACI,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE;wBACpB,iBAAiB,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;qBAC1C,CAAC,aAEF,KAAC,eAAe,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,CAAC,KAAM,oBAAoB,GAAI,EAC9E,KAAC,aAAa,cACV,KAAC,GAAG,cACC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,KAAC,GAAG,IAAa,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAClD,KAAC,gBAAgB,IAAC,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,YACpD,KAAK,GACS,IAHb,KAAK,CAIT,CACT,CAAC,GACA,GACM,IACd,IACH,GACI,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport isEmpty from 'lodash/isEmpty';\n\nimport {AnimateBlock, BackgroundImage, Title} from '../../components';\nimport ChildrenItemWrap from '../../components/editor/ChildrenItemWrap/ChildrenItemWrap';\nimport ChildrensWrap from '../../components/editor/ChildrensWrap/ChildrensWrap';\nimport {useTheme} from '../../gravity-blocks/context/theme';\nimport {Col, Grid, GridColumnSizesType, GridJustifyContent, Row} from '../../gravity-blocks/grid';\nimport {CardLayoutBlockProps as CardLayoutBlockParams, ClassNameProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './CardLayout.scss';\n\nconst DEFAULT_SIZES: GridColumnSizesType = {\n    all: 12,\n    sm: 6,\n    md: 4,\n};\n\nexport type CardLayoutBlockProps = React.PropsWithChildren<\n    Omit<CardLayoutBlockParams, 'children'>\n> &\n    ClassNameProps;\n\nconst b = block('card-layout-block');\n\nconst CardLayout = ({\n    title,\n    description,\n    animated,\n    colSizes = DEFAULT_SIZES,\n    children,\n    className,\n    titleClassName,\n    background,\n    centered = false,\n}: CardLayoutBlockProps) => {\n    const theme = useTheme();\n    const {border, ...backgroundImageProps} = getThemedValue(background || {}, theme);\n    return (\n        <AnimateBlock className={b(null, className)} animate={animated}>\n            <Grid>\n                {(title || description) && (\n                    <Row>\n                        <Title\n                            title={title}\n                            subtitle={description}\n                            className={b('title', {centered}, titleClassName)}\n                            colJustifyContent={\n                                centered ? GridJustifyContent.Center : GridJustifyContent.Start\n                            }\n                        />\n                    </Row>\n                )}\n                <div\n                    className={b('content', {\n                        'with-background': !isEmpty(background),\n                    })}\n                >\n                    <BackgroundImage className={b('image', {border})} {...backgroundImageProps} />\n                    <ChildrensWrap>\n                        <Row>\n                            {React.Children.map(children, (child, index) => (\n                                <Col key={index} sizes={colSizes} className={b('item')}>\n                                    <ChildrenItemWrap className={b('item-wrap')} index={index}>\n                                        {child}\n                                    </ChildrenItemWrap>\n                                </Col>\n                            ))}\n                        </Row>\n                    </ChildrensWrap>\n                </div>\n            </Grid>\n        </AnimateBlock>\n    );\n};\n\nexport default CardLayout;\n"]}

package/build/esm/blocks/CardLayout/form.d.ts

@@ -0,0 +1,11 @@
+export declare const form: import("../../form-generator-v2/index.js").Fields;
+export declare const defaultValue: {
+    type: string;
+    children: {
+        type: string;
+        title: string;
+        text: string;
+    }[];
+    title: string;
+    description: string;
+};

package/build/esm/blocks/CardLayout/form.js

@@ -0,0 +1,27 @@
+import { generateFormFieldsFromAjvSchema } from "../../form-generator-v2/utils/generateFormFieldsFromAjv.js";
+import { CardLayoutProps } from "./schema.js";
+// TODO: change to custom block schema
+export const form = generateFormFieldsFromAjvSchema(CardLayoutProps);
+export const defaultValue = {
+    type: 'card-layout-block',
+    children: [
+        {
+            type: 'background-card',
+            title: 'Tell a story and build a narrative',
+            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.',
+        },
+        {
+            type: 'background-card',
+            title: 'Tell a story and build a narrative',
+            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.',
+        },
+        {
+            type: 'background-card',
+            title: 'Tell a story and build a narrative',
+            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.',
+        },
+    ],
+    title: 'Card Layout Block',
+    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+};
+//# sourceMappingURL=form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/form.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,+BAA+B,EAAC,mEAAgE;AAExG,OAAO,EAAC,eAAe,EAAC,oBAAiB;AAEzC,sCAAsC;AACtC,MAAM,CAAC,MAAM,IAAI,GAAG,+BAA+B,CAC/C,eAAgD,CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,IAAI,EAAE,mBAAmB;IACzB,QAAQ,EAAE;QACN;YACI,IAAI,EAAE,iBAAiB;YACvB,KAAK,EAAE,oCAAoC;YAC3C,IAAI,EAAE,qOAAqO;SAC9O;QACD;YACI,IAAI,EAAE,iBAAiB;YACvB,KAAK,EAAE,oCAAoC;YAC3C,IAAI,EAAE,qOAAqO;SAC9O;QACD;YACI,IAAI,EAAE,iBAAiB;YACvB,KAAK,EAAE,oCAAoC;YAC3C,IAAI,EAAE,qOAAqO;SAC9O;KACJ;IACD,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EACP,6HAA6H;CACpI,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {generateFormFieldsFromAjvSchema} from '../../form-generator-v2/utils/generateFormFieldsFromAjv';\n\nimport {CardLayoutProps} from './schema';\n\n// TODO: change to custom block schema\nexport const form = generateFormFieldsFromAjvSchema(\n    CardLayoutProps as unknown as JSONSchemaType<{}>,\n);\n\nexport const defaultValue = {\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"]}

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

@@ -1,52 +1,14 @@
-import { generateFormFieldsFromAjvSchema } from "../../form-generator-v2/utils/generateFormFieldsFromAjv.js";
-import { svgToDataUri } from "../../utils/svg.js";
 import CardLayout from "./CardLayout.js";
-import { CardLayoutProps } from "./schema.js";
-const icon = svgToDataUri(`<svg width="100" height="50" viewBox="0 0 100 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="100" height="50" rx="7.81395" fill="white"/>
-<rect x="8.93024" y="10.2906" width="25.8915" height="29.4186" rx="3.34884" fill="#C0C8DB"/>
-<rect x="8.93024" y="10.2906" width="25.8915" height="14.5116" rx="3.34884" fill="#262626"/>
-<rect x="12.2791" y="28.593" width="19.1938" height="2" rx="0.55814" fill="#262626"/>
-<rect x="12.2791" y="31.7094" width="9" height="2" rx="0.55814" fill="#262626"/>
-<rect x="37.0543" y="10.2906" width="25.8915" height="29.4186" rx="3.34884" fill="#C0C8DB"/>
-<rect x="37.0543" y="10.2906" width="25.8915" height="14.5116" rx="3.34884" fill="#262626"/>
-<rect x="40.4031" y="28.593" width="19.1938" height="2" rx="0.55814" fill="#262626"/>
-<rect x="40.4031" y="31.7094" width="10" height="2" rx="0.55814" fill="#262626"/>
-<rect x="65.1783" y="10.2906" width="25.8915" height="29.4186" rx="3.34884" fill="#C0C8DB"/>
-<rect x="65.1783" y="10.2906" width="25.8915" height="14.5116" rx="3.34884" fill="#262626"/>
-<rect x="68.5271" y="28.593" width="19.1938" height="2" rx="0.55814" fill="#262626"/>
-<rect x="68.5271" y="31.7094" width="9" height="2" rx="0.55814" fill="#262626"/>
-</svg>`);
+import { defaultValue, form } from "./form.js";
+import icon from "./icon.js";
 const CardLayoutBlockConfig = {
     type: 'card-layout-block',
     component: CardLayout,
     schema: {
         name: 'Card Layout Block',
         group: '@gravity-ui/page-constructor/CardContainers',
-        // TODO: change to custom block schema
-        inputs: generateFormFieldsFromAjvSchema(CardLayoutProps),
-        default: {
-            type: 'card-layout-block',
-            children: [
-                {
-                    type: 'background-card',
-                    title: 'Tell a story and build a narrative',
-                    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.',
-                },
-                {
-                    type: 'background-card',
-                    title: 'Tell a story and build a narrative',
-                    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.',
-                },
-                {
-                    type: 'background-card',
-                    title: 'Tell a story and build a narrative',
-                    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.',
-                },
-            ],
-            title: 'Card Layout Block',
-            description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
-        },
+        inputs: form,
+        default: defaultValue,
         previewImg: icon,
     },
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,+BAA+B,EAAC,mEAAgE;AACxG,OAAO,EAAC,YAAY,EAAC,2BAAwB;AAE7C,OAAO,UAAU,wBAAqB;AACtC,OAAO,EAAC,eAAe,EAAC,oBAAiB;AAEzC,MAAM,IAAI,GAAG,YAAY,CACrB;;;;;;;;;;;;;;OAcG,CACN,CAAC;AAEF,MAAM,qBAAqB,GAAc;IACrC,IAAI,EAAE,mBAAmB;IACzB,SAAS,EAAE,UAAU;IACrB,MAAM,EAAE;QACJ,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,6CAA6C;QACpD,sCAAsC;QACtC,MAAM,EAAE,+BAA+B,CAAC,eAAgD,CAAC;QACzF,OAAO,EAAE;YACL,IAAI,EAAE,mBAAmB;YACzB,QAAQ,EAAE;gBACN;oBACI,IAAI,EAAE,iBAAiB;oBACvB,KAAK,EAAE,oCAAoC;oBAC3C,IAAI,EAAE,qOAAqO;iBAC9O;gBACD;oBACI,IAAI,EAAE,iBAAiB;oBACvB,KAAK,EAAE,oCAAoC;oBAC3C,IAAI,EAAE,qOAAqO;iBAC9O;gBACD;oBACI,IAAI,EAAE,iBAAiB;oBACvB,KAAK,EAAE,oCAAoC;oBAC3C,IAAI,EAAE,qOAAqO;iBAC9O;aACJ;YACD,KAAK,EAAE,mBAAmB;YAC1B,WAAW,EACP,6HAA6H;SACpI;QACD,UAAU,EAAE,IAAI;KACnB;CACJ,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFormFieldsFromAjvSchema} from '../../form-generator-v2/utils/generateFormFieldsFromAjv';\nimport {svgToDataUri} from '../../utils/svg';\n\nimport CardLayout from './CardLayout';\nimport {CardLayoutProps} from './schema';\n\nconst icon = svgToDataUri(\n    `<svg width=\"100\" height=\"50\" viewBox=\"0 0 100 50\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<rect width=\"100\" height=\"50\" rx=\"7.81395\" fill=\"white\"/>\n<rect x=\"8.93024\" y=\"10.2906\" width=\"25.8915\" height=\"29.4186\" rx=\"3.34884\" fill=\"#C0C8DB\"/>\n<rect x=\"8.93024\" y=\"10.2906\" width=\"25.8915\" height=\"14.5116\" rx=\"3.34884\" fill=\"#262626\"/>\n<rect x=\"12.2791\" y=\"28.593\" width=\"19.1938\" height=\"2\" rx=\"0.55814\" fill=\"#262626\"/>\n<rect x=\"12.2791\" y=\"31.7094\" width=\"9\" height=\"2\" rx=\"0.55814\" fill=\"#262626\"/>\n<rect x=\"37.0543\" y=\"10.2906\" width=\"25.8915\" height=\"29.4186\" rx=\"3.34884\" fill=\"#C0C8DB\"/>\n<rect x=\"37.0543\" y=\"10.2906\" width=\"25.8915\" height=\"14.5116\" rx=\"3.34884\" fill=\"#262626\"/>\n<rect x=\"40.4031\" y=\"28.593\" width=\"19.1938\" height=\"2\" rx=\"0.55814\" fill=\"#262626\"/>\n<rect x=\"40.4031\" y=\"31.7094\" width=\"10\" height=\"2\" rx=\"0.55814\" fill=\"#262626\"/>\n<rect x=\"65.1783\" y=\"10.2906\" width=\"25.8915\" height=\"29.4186\" rx=\"3.34884\" fill=\"#C0C8DB\"/>\n<rect x=\"65.1783\" y=\"10.2906\" width=\"25.8915\" height=\"14.5116\" rx=\"3.34884\" fill=\"#262626\"/>\n<rect x=\"68.5271\" y=\"28.593\" width=\"19.1938\" height=\"2\" rx=\"0.55814\" fill=\"#262626\"/>\n<rect x=\"68.5271\" y=\"31.7094\" width=\"9\" height=\"2\" rx=\"0.55814\" fill=\"#262626\"/>\n</svg>`,\n);\n\nconst CardLayoutBlockConfig: BlockData = {\n    type: 'card-layout-block',\n    component: CardLayout,\n    schema: {\n        name: 'Card Layout Block',\n        group: '@gravity-ui/page-constructor/CardContainers',\n        // TODO: change to custom block schema\n        inputs: generateFormFieldsFromAjvSchema(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: icon,\n    },\n};\n\nexport default CardLayoutBlockConfig;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/index.ts"],"names":[],"mappings":"AAEA,OAAO,UAAU,wBAAqB;AACtC,OAAO,EAAC,YAAY,EAAE,IAAI,EAAC,kBAAe;AAC1C,OAAO,IAAI,kBAAe;AAE1B,MAAM,qBAAqB,GAAc;IACrC,IAAI,EAAE,mBAAmB;IACzB,SAAS,EAAE,UAAU;IACrB,MAAM,EAAE;QACJ,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,6CAA6C;QACpD,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,YAAY;QACrB,UAAU,EAAE,IAAI;KACnB;CACJ,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import {BlockData} from '../../constructor-items';\n\nimport CardLayout from './CardLayout';\nimport {defaultValue, form} from './form';\nimport icon from './icon';\n\nconst CardLayoutBlockConfig: BlockData = {\n    type: 'card-layout-block',\n    component: CardLayout,\n    schema: {\n        name: 'Card Layout Block',\n        group: '@gravity-ui/page-constructor/CardContainers',\n        inputs: form,\n        default: defaultValue,\n        previewImg: icon,\n    },\n};\n\nexport default CardLayoutBlockConfig;\n"]}

package/build/esm/blocks/CardLayout/index_deprecated.js

@@ -1,6 +1,6 @@
-import { generateFormFieldsFromAjvSchema } from "../../form-generator-v2/utils/generateFormFieldsFromAjv.js";
 import CardLayout from "./CardLayout.js";
-import { CardLayoutProps } from "./schema.js";
+import { defaultValue, form } from "./form.js";
+import icon from "./icon.js";
 const CardLayoutBlockConfig = {
     type: 'card-layout-block',
     component: CardLayout,
@@ -8,30 +8,9 @@ const CardLayoutBlockConfig = {
         name: 'Card Layout Block',
         group: '@deprecated',
         hidden: true,
-        inputs: generateFormFieldsFromAjvSchema(CardLayoutProps),
-        default: {
-            type: 'card-layout-block',
-            children: [
-                {
-                    type: 'background-card',
-                    title: 'Tell a story and build a narrative',
-                    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.',
-                },
-                {
-                    type: 'background-card',
-                    title: 'Tell a story and build a narrative',
-                    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.',
-                },
-                {
-                    type: 'background-card',
-                    title: 'Tell a story and build a narrative',
-                    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.',
-                },
-            ],
-            title: 'Card Layout Block',
-            description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
-        },
-        previewImg: 'https://storage.cloud-preprod.yandex.net/qradle-test/card-layout-block.svg',
+        inputs: form,
+        default: defaultValue,
+        previewImg: icon,
     },
 };
 export default CardLayoutBlockConfig;

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

@@ -1 +1 @@
-{"version":3,"file":"index_deprecated.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/index_deprecated.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,+BAA+B,EAAC,mEAAgE;AAExG,OAAO,UAAU,wBAAqB;AACtC,OAAO,EAAC,eAAe,EAAC,oBAAiB;AAEzC,MAAM,qBAAqB,GAAc;IACrC,IAAI,EAAE,mBAAmB;IACzB,SAAS,EAAE,UAAU;IACrB,MAAM,EAAE;QACJ,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,+BAA+B,CAAC,eAAgD,CAAC;QACzF,OAAO,EAAE;YACL,IAAI,EAAE,mBAAmB;YACzB,QAAQ,EAAE;gBACN;oBACI,IAAI,EAAE,iBAAiB;oBACvB,KAAK,EAAE,oCAAoC;oBAC3C,IAAI,EAAE,qOAAqO;iBAC9O;gBACD;oBACI,IAAI,EAAE,iBAAiB;oBACvB,KAAK,EAAE,oCAAoC;oBAC3C,IAAI,EAAE,qOAAqO;iBAC9O;gBACD;oBACI,IAAI,EAAE,iBAAiB;oBACvB,KAAK,EAAE,oCAAoC;oBAC3C,IAAI,EAAE,qOAAqO;iBAC9O;aACJ;YACD,KAAK,EAAE,mBAAmB;YAC1B,WAAW,EACP,6HAA6H;SACpI;QACD,UAAU,EAAE,4EAA4E;KAC3F;CACJ,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFormFieldsFromAjvSchema} from '../../form-generator-v2/utils/generateFormFieldsFromAjv';\n\nimport CardLayout from './CardLayout';\nimport {CardLayoutProps} from './schema';\n\nconst CardLayoutBlockConfig: BlockData = {\n    type: 'card-layout-block',\n    component: CardLayout,\n    schema: {\n        name: 'Card Layout Block',\n        group: '@deprecated',\n        hidden: true,\n        inputs: generateFormFieldsFromAjvSchema(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_deprecated.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/index_deprecated.ts"],"names":[],"mappings":"AAEA,OAAO,UAAU,wBAAqB;AACtC,OAAO,EAAC,YAAY,EAAE,IAAI,EAAC,kBAAe;AAC1C,OAAO,IAAI,kBAAe;AAE1B,MAAM,qBAAqB,GAAc;IACrC,IAAI,EAAE,mBAAmB;IACzB,SAAS,EAAE,UAAU;IACrB,MAAM,EAAE;QACJ,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,YAAY;QACrB,UAAU,EAAE,IAAI;KACnB;CACJ,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import {BlockData} from '../../constructor-items';\n\nimport CardLayout from './CardLayout';\nimport {defaultValue, form} from './form';\nimport icon from './icon';\n\nconst CardLayoutBlockConfig: BlockData = {\n    type: 'card-layout-block',\n    component: CardLayout,\n    schema: {\n        name: 'Card Layout Block',\n        group: '@deprecated',\n        hidden: true,\n        inputs: form,\n        default: defaultValue,\n        previewImg: icon,\n    },\n};\n\nexport default CardLayoutBlockConfig;\n"]}

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

@@ -0,0 +1,5 @@
+export declare const form: import("../../form-generator-v2/index.js").Fields;
+export declare const defaultValue: {
+    title: string;
+    description: string;
+};

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

@@ -0,0 +1,9 @@
+import { generateFormFieldsFromAjvSchema } from "../../form-generator-v2/utils/generateFormFieldsFromAjv.js";
+import { CompaniesBlock as CompaniesBlockSchema } from "./schema.js";
+// TODO: change to custom block schema
+export const form = generateFormFieldsFromAjvSchema(CompaniesBlockSchema['companies-block']);
+export const defaultValue = {
+    title: 'Companies Block',
+    description: 'Here is the list',
+};
+//# sourceMappingURL=form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"../../../../src","sources":["blocks/Companies/form.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,+BAA+B,EAAC,mEAAgE;AAExG,OAAO,EAAC,cAAc,IAAI,oBAAoB,EAAC,oBAAiB;AAEhE,sCAAsC;AACtC,MAAM,CAAC,MAAM,IAAI,GAAG,+BAA+B,CAC/C,oBAAoB,CAAC,iBAAiB,CAAkC,CAC3E,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,KAAK,EAAE,iBAAiB;IACxB,WAAW,EAAE,kBAAkB;CAClC,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {generateFormFieldsFromAjvSchema} from '../../form-generator-v2/utils/generateFormFieldsFromAjv';\n\nimport {CompaniesBlock as CompaniesBlockSchema} from './schema';\n\n// TODO: change to custom block schema\nexport const form = generateFormFieldsFromAjvSchema(\n    CompaniesBlockSchema['companies-block'] as unknown as JSONSchemaType<{}>,\n);\n\nexport const defaultValue = {\n    title: 'Companies Block',\n    description: 'Here is the list',\n};\n"]}

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

@@ -1,18 +1,13 @@
-import { generateFormFieldsFromAjvSchema } from "../../form-generator-v2/utils/generateFormFieldsFromAjv.js";
 import CompaniesBlock from "./Companies.js";
-import { CompaniesBlock as CompaniesBlockSchema } from "./schema.js";
+import { defaultValue, form } from "./form.js";
 const CompaniesBlockConfig = {
     type: '@gravity-ui/page-constructor/companies-block',
     component: CompaniesBlock,
     schema: {
         name: 'Companies Block',
-        group: '@gravity-ui/page-constructor/Blocks',
-        // TODO: change to custom block schema
-        inputs: generateFormFieldsFromAjvSchema(CompaniesBlockSchema['companies-block']),
-        default: {
-            title: 'Companies Block',
-            description: 'Here is the list',
-        },
+        group: '@gravity-ui/page-constructor/UnfinishedBlocks',
+        inputs: form,
+        default: defaultValue,
     },
 };
 export default CompaniesBlockConfig;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Companies/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,+BAA+B,EAAC,mEAAgE;AAExG,OAAO,cAAc,uBAAoB;AACzC,OAAO,EAAC,cAAc,IAAI,oBAAoB,EAAC,oBAAiB;AAEhE,MAAM,oBAAoB,GAAc;IACpC,IAAI,EAAE,8CAA8C;IACpD,SAAS,EAAE,cAAc;IACzB,MAAM,EAAE;QACJ,IAAI,EAAE,iBAAiB;QACvB,KAAK,EAAE,qCAAqC;QAC5C,sCAAsC;QACtC,MAAM,EAAE,+BAA+B,CACnC,oBAAoB,CAAC,iBAAiB,CAAkC,CAC3E;QACD,OAAO,EAAE;YACL,KAAK,EAAE,iBAAiB;YACxB,WAAW,EAAE,kBAAkB;SAClC;KACJ;CACJ,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFormFieldsFromAjvSchema} from '../../form-generator-v2/utils/generateFormFieldsFromAjv';\n\nimport CompaniesBlock from './Companies';\nimport {CompaniesBlock as CompaniesBlockSchema} from './schema';\n\nconst CompaniesBlockConfig: BlockData = {\n    type: '@gravity-ui/page-constructor/companies-block',\n    component: CompaniesBlock,\n    schema: {\n        name: 'Companies Block',\n        group: '@gravity-ui/page-constructor/Blocks',\n        // TODO: change to custom block schema\n        inputs: generateFormFieldsFromAjvSchema(\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":"AAEA,OAAO,cAAc,uBAAoB;AACzC,OAAO,EAAC,YAAY,EAAE,IAAI,EAAC,kBAAe;AAE1C,MAAM,oBAAoB,GAAc;IACpC,IAAI,EAAE,8CAA8C;IACpD,SAAS,EAAE,cAAc;IACzB,MAAM,EAAE;QACJ,IAAI,EAAE,iBAAiB;QACvB,KAAK,EAAE,+CAA+C;QACtD,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,YAAY;KACxB;CACJ,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import {BlockData} from '../../constructor-items';\n\nimport CompaniesBlock from './Companies';\nimport {defaultValue, form} from './form';\n\nconst CompaniesBlockConfig: BlockData = {\n    type: '@gravity-ui/page-constructor/companies-block',\n    component: CompaniesBlock,\n    schema: {\n        name: 'Companies Block',\n        group: '@gravity-ui/page-constructor/UnfinishedBlocks',\n        inputs: form,\n        default: defaultValue,\n    },\n};\n\nexport default CompaniesBlockConfig;\n"]}

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

@@ -1,6 +1,5 @@
-import { generateFormFieldsFromAjvSchema } from "../../form-generator-v2/utils/generateFormFieldsFromAjv.js";
 import CompaniesBlock from "./Companies.js";
-import { CompaniesBlock as CompaniesBlockSchema } from "./schema.js";
+import { defaultValue, form } from "./form.js";
 const CompaniesBlockConfig = {
     type: 'companies-block',
     component: CompaniesBlock,
@@ -8,11 +7,8 @@ const CompaniesBlockConfig = {
         name: 'Companies Block',
         group: '@deprecated',
         hidden: true,
-        inputs: generateFormFieldsFromAjvSchema(CompaniesBlockSchema['companies-block']),
-        default: {
-            title: 'Companies Block',
-            description: 'Here is the list',
-        },
+        inputs: form,
+        default: defaultValue,
     },
 };
 export default CompaniesBlockConfig;

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

@@ -1 +1 @@
-{"version":3,"file":"index_deprecated.js","sourceRoot":"../../../../src","sources":["blocks/Companies/index_deprecated.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,+BAA+B,EAAC,mEAAgE;AAExG,OAAO,cAAc,uBAAoB;AACzC,OAAO,EAAC,cAAc,IAAI,oBAAoB,EAAC,oBAAiB;AAEhE,MAAM,oBAAoB,GAAc;IACpC,IAAI,EAAE,iBAAiB;IACvB,SAAS,EAAE,cAAc;IACzB,MAAM,EAAE;QACJ,IAAI,EAAE,iBAAiB;QACvB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,+BAA+B,CACnC,oBAAoB,CAAC,iBAAiB,CAAkC,CAC3E;QACD,OAAO,EAAE;YACL,KAAK,EAAE,iBAAiB;YACxB,WAAW,EAAE,kBAAkB;SAClC;KACJ;CACJ,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFormFieldsFromAjvSchema} from '../../form-generator-v2/utils/generateFormFieldsFromAjv';\n\nimport CompaniesBlock from './Companies';\nimport {CompaniesBlock as CompaniesBlockSchema} from './schema';\n\nconst CompaniesBlockConfig: BlockData = {\n    type: 'companies-block',\n    component: CompaniesBlock,\n    schema: {\n        name: 'Companies Block',\n        group: '@deprecated',\n        hidden: true,\n        inputs: generateFormFieldsFromAjvSchema(\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_deprecated.js","sourceRoot":"../../../../src","sources":["blocks/Companies/index_deprecated.ts"],"names":[],"mappings":"AAEA,OAAO,cAAc,uBAAoB;AACzC,OAAO,EAAC,YAAY,EAAE,IAAI,EAAC,kBAAe;AAE1C,MAAM,oBAAoB,GAAc;IACpC,IAAI,EAAE,iBAAiB;IACvB,SAAS,EAAE,cAAc;IACzB,MAAM,EAAE;QACJ,IAAI,EAAE,iBAAiB;QACvB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,YAAY;KACxB;CACJ,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import {BlockData} from '../../constructor-items';\n\nimport CompaniesBlock from './Companies';\nimport {defaultValue, form} from './form';\n\nconst CompaniesBlockConfig: BlockData = {\n    type: 'companies-block',\n    component: CompaniesBlock,\n    schema: {\n        name: 'Companies Block',\n        group: '@deprecated',\n        hidden: true,\n        inputs: form,\n        default: defaultValue,\n    },\n};\n\nexport default CompaniesBlockConfig;\n"]}

package/build/esm/blocks/ContentLayout/form.d.ts

@@ -0,0 +1,34 @@
+import { Fields } from "../../form-generator-v2/index.js";
+export declare const form: Fields;
+export declare const defaultValue: {
+    textContent: {
+        title: string;
+        text: string;
+    };
+    additionalInfo: string;
+    buttons: {
+        text: string;
+        theme: string;
+        url: string;
+    }[];
+    links: {
+        url: string;
+        text: string;
+        theme: string;
+        arrow: boolean;
+    }[];
+    fileContent: {
+        href: string;
+        text: string;
+    }[];
+    list: ({
+        title: string;
+        text: string;
+    } | {
+        text: string;
+        title?: undefined;
+    } | {
+        title: string;
+        text?: undefined;
+    })[];
+};