@gravity-ui/page-constructor 8.4.2 → 8.5.0-alpha.0

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

@@ -0,0 +1,18 @@
+export default [
+    {
+        name: 'field_fb2_1',
+        type: 'text',
+        title: 'Text Input',
+    },
+    {
+        name: 'field_fb2_2',
+        type: 'number',
+        title: 'Number Input',
+    },
+    {
+        name: 'field_fb2_3',
+        type: 'boolean',
+        title: 'Boolean Input 23123123123123',
+    },
+];
+//# sourceMappingURL=form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"../../../../src","sources":["blocks/Banner/form.ts"],"names":[],"mappings":"AAAA,eAAe;IACX;QACI,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,YAAY;KACtB;IACD;QACI,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,cAAc;KACxB;IACD;QACI,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,8BAA8B;KACxC;CACJ,CAAC","sourcesContent":["export default [\n    {\n        name: 'field_fb2_1',\n        type: 'text',\n        title: 'Text Input',\n    },\n    {\n        name: 'field_fb2_2',\n        type: 'number',\n        title: 'Number Input',\n    },\n    {\n        name: 'field_fb2_3',\n        type: 'boolean',\n        title: 'Boolean Input 23123123123123',\n    },\n];\n"]}

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

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

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

@@ -0,0 +1,25 @@
+import { generateFormFieldsFromAjvSchema } from "../../form-generator-v2/utils/generateFormFieldsFromAjv.js";
+import BannerBlock from "./Banner.js";
+import { BannerCardProps } from "./schema.js";
+import icon from './icon.svg';
+const BannerBlockConfig = {
+    type: '@gravity-ui/page-constructor/banner-block',
+    component: BannerBlock,
+    schema: {
+        name: 'Banner Block',
+        group: '@gravity-ui/page-constructor/Blocks',
+        // TODO: change to custom block schema
+        inputs: generateFormFieldsFromAjvSchema(BannerCardProps),
+        default: {
+            color: 'rgba(54, 151, 241, 0.4)',
+            title: 'Banner Block',
+            subtitle: 'Some sort of description.',
+            button: {
+                text: 'Read more',
+            },
+        },
+        previewImg: icon,
+    },
+};
+export default BannerBlockConfig;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Banner/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,+BAA+B,EAAC,mEAAgE;AAExG,OAAO,WAAW,oBAAiB;AACnC,OAAO,EAAC,eAAe,EAAC,oBAAiB;AAEzC,OAAO,IAAI,MAAM,YAAY,CAAC;AAE9B,MAAM,iBAAiB,GAAc;IACjC,IAAI,EAAE,2CAA2C;IACjD,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE;QACJ,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,qCAAqC;QAC5C,sCAAsC;QACtC,MAAM,EAAE,+BAA+B,CAAC,eAAgD,CAAC;QACzF,OAAO,EAAE;YACL,KAAK,EAAE,yBAAyB;YAChC,KAAK,EAAE,cAAc;YACrB,QAAQ,EAAE,2BAA2B;YACrC,MAAM,EAAE;gBACJ,IAAI,EAAE,WAAW;aACpB;SACJ;QACD,UAAU,EAAE,IAAI;KACnB;CACJ,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFormFieldsFromAjvSchema} from '../../form-generator-v2/utils/generateFormFieldsFromAjv';\n\nimport BannerBlock from './Banner';\nimport {BannerCardProps} from './schema';\n\nimport icon from './icon.svg';\n\nconst BannerBlockConfig: BlockData = {\n    type: '@gravity-ui/page-constructor/banner-block',\n    component: BannerBlock,\n    schema: {\n        name: 'Banner Block',\n        group: '@gravity-ui/page-constructor/Blocks',\n        // TODO: change to custom block schema\n        inputs: generateFormFieldsFromAjvSchema(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        previewImg: icon,\n    },\n};\n\nexport default BannerBlockConfig;\n"]}

package/build/esm/blocks/Banner/index_deprecated.d.ts

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

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

@@ -0,0 +1,23 @@
+import { generateFormFieldsFromAjvSchema } from "../../form-generator-v2/utils/generateFormFieldsFromAjv.js";
+import BannerBlock from "./Banner.js";
+import { BannerCardProps } from "./schema.js";
+const BannerBlockConfig = {
+    type: 'banner-block',
+    component: BannerBlock,
+    schema: {
+        name: 'Banner Block',
+        group: '@deprecated',
+        hidden: true,
+        inputs: generateFormFieldsFromAjvSchema(BannerCardProps),
+        default: {
+            color: 'rgba(54, 151, 241, 0.4)',
+            title: 'Banner Block',
+            subtitle: 'Some sort of description.',
+            button: {
+                text: 'Read more',
+            },
+        },
+    },
+};
+export default BannerBlockConfig;
+//# sourceMappingURL=index_deprecated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index_deprecated.js","sourceRoot":"../../../../src","sources":["blocks/Banner/index_deprecated.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,+BAA+B,EAAC,mEAAgE;AAExG,OAAO,WAAW,oBAAiB;AACnC,OAAO,EAAC,eAAe,EAAC,oBAAiB;AAEzC,MAAM,iBAAiB,GAAc;IACjC,IAAI,EAAE,cAAc;IACpB,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE;QACJ,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,+BAA+B,CAAC,eAAgD,CAAC;QACzF,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,eAAe,iBAAiB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFormFieldsFromAjvSchema} from '../../form-generator-v2/utils/generateFormFieldsFromAjv';\n\nimport BannerBlock from './Banner';\nimport {BannerCardProps} from './schema';\n\nconst BannerBlockConfig: BlockData = {\n    type: 'banner-block',\n    component: BannerBlock,\n    schema: {\n        name: 'Banner Block',\n        group: '@deprecated',\n        hidden: true,\n        inputs: generateFormFieldsFromAjvSchema(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/esm/blocks/Banner/schema.js

@@ -1,4 +1,4 @@
-import { AnimatableProps, BaseProps, ButtonBlock, ThemeProps, mediaView, withTheme, } from "../../schema/validators/common.js";
+import { AnimatableProps, BaseProps, ButtonBlock, ThemeProps, mediaView, withTheme, } from "../../gravity-blocks/schema/validators/common.js";
 export const BannerCardProps = {
     additionalProperties: false,
     required: ['title', 'button'],

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Banner/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,eAAe,EACf,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EACT,SAAS,GACZ,0CAAuC;AAExC,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;IAC7B,UAAU,EAAE;QACR,GAAG,SAAS;QACZ,GAAG,eAAe;QAClB,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB;QACD,QAAQ,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,KAAK;SACrB;QACD,KAAK,EAAE,SAAS,CAAC;YACb,IAAI,EAAE,QAAQ;SACjB,CAAC;QACF,SAAS,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,SAAS;SAClB;QACD,eAAe,EAAE;YACb,IAAI,EAAE,SAAS;SAClB;QACD,KAAK,EAAE,SAAS,CAAC;YACb,IAAI,EAAE,QAAQ;SACjB,CAAC;QACF,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;SACxB;QACD,MAAM,EAAE,WAAW;KACtB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,cAAc,EAAE,eAAe;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,aAAa,EAAE,eAAe;CACjC,CAAC","sourcesContent":["import {\n    AnimatableProps,\n    BaseProps,\n    ButtonBlock,\n    ThemeProps,\n    mediaView,\n    withTheme,\n} from '../../schema/validators/common';\n\nexport const BannerCardProps = {\n    additionalProperties: false,\n    required: ['title', 'button'],\n    properties: {\n        ...BaseProps,\n        ...AnimatableProps,\n        title: {\n            type: 'string',\n            contentType: 'text',\n        },\n        subtitle: {\n            type: 'string',\n            contentType: 'yfm',\n        },\n        image: withTheme({\n            type: 'string',\n        }),\n        mediaView: {\n            type: 'string',\n            enum: mediaView,\n        },\n        disableCompress: {\n            type: 'boolean',\n        },\n        color: withTheme({\n            type: 'string',\n        }),\n        theme: ThemeProps,\n        width: {\n            type: 'string',\n            enum: ['s', 'm', 'l'],\n        },\n        button: ButtonBlock,\n    },\n};\n\nexport const BannerBlock = {\n    'banner-block': BannerCardProps,\n};\n\nexport const BannerCard = {\n    'banner-card': BannerCardProps,\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Banner/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,eAAe,EACf,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EACT,SAAS,GACZ,yDAAsD;AAEvD,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;IAC7B,UAAU,EAAE;QACR,GAAG,SAAS;QACZ,GAAG,eAAe;QAClB,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB;QACD,QAAQ,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,KAAK;SACrB;QACD,KAAK,EAAE,SAAS,CAAC;YACb,IAAI,EAAE,QAAQ;SACjB,CAAC;QACF,SAAS,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,SAAS;SAClB;QACD,eAAe,EAAE;YACb,IAAI,EAAE,SAAS;SAClB;QACD,KAAK,EAAE,SAAS,CAAC;YACb,IAAI,EAAE,QAAQ;SACjB,CAAC;QACF,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;SACxB;QACD,MAAM,EAAE,WAAW;KACtB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,cAAc,EAAE,eAAe;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,aAAa,EAAE,eAAe;CACjC,CAAC","sourcesContent":["import {\n    AnimatableProps,\n    BaseProps,\n    ButtonBlock,\n    ThemeProps,\n    mediaView,\n    withTheme,\n} from '../../gravity-blocks/schema/validators/common';\n\nexport const BannerCardProps = {\n    additionalProperties: false,\n    required: ['title', 'button'],\n    properties: {\n        ...BaseProps,\n        ...AnimatableProps,\n        title: {\n            type: 'string',\n            contentType: 'text',\n        },\n        subtitle: {\n            type: 'string',\n            contentType: 'yfm',\n        },\n        image: withTheme({\n            type: 'string',\n        }),\n        mediaView: {\n            type: 'string',\n            enum: mediaView,\n        },\n        disableCompress: {\n            type: 'boolean',\n        },\n        color: withTheme({\n            type: 'string',\n        }),\n        theme: ThemeProps,\n        width: {\n            type: 'string',\n            enum: ['s', 'm', 'l'],\n        },\n        button: ButtonBlock,\n    },\n};\n\nexport const BannerBlock = {\n    'banner-block': BannerCardProps,\n};\n\nexport const BannerCard = {\n    'banner-card': BannerCardProps,\n};\n"]}

package/build/esm/blocks/CardLayout/CardLayout.css

@@ -27,6 +27,7 @@ unpredictable css rules order in build */
   width: 100%;
   height: 100%;
   border-radius: 32px;
+  pointer-events: none;
 }
 .pc-card-layout-block__image img {
   object-fit: cover;

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

@@ -2,8 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import isEmpty from "lodash/isEmpty.js";
 import { AnimateBlock, BackgroundImage, Title } from "../../components/index.js";
-import { useTheme } from "../../context/theme/index.js";
-import { Col, GridJustifyContent, Row } from "../../grid/index.js";
+import ChildrenItemWrap from "../../components/editor/ChildrenItemWrap/ChildrenItemWrap.js";
+import ChildrensWrap from "../../components/editor/ChildrensWrap/ChildrensWrap.js";
+import { useTheme } from "../../gravity-blocks/context/theme/index.js";
+import { Col, Grid, GridJustifyContent, Row } from "../../gravity-blocks/grid/index.js";
 import { block, getThemedValue } from "../../utils/index.js";
 import './CardLayout.css';
 const DEFAULT_SIZES = {
@@ -15,9 +17,9 @@ const b = block('card-layout-block');
 const CardLayout = ({ title, description, animated, colSizes = DEFAULT_SIZES, children, className, titleClassName, background, centered = false, }) => {
     const theme = useTheme();
     const { border, ...backgroundImageProps } = getThemedValue(background || {}, theme);
-    return (_jsxs(AnimateBlock, { className: b(null, className), animate: animated, children: [(title || description) && (_jsx(Title, { title: title, subtitle: description, className: b('title', { centered }, titleClassName), colJustifyContent: centered ? GridJustifyContent.Center : GridJustifyContent.Start })), _jsxs("div", { className: b('content', {
-                    'with-background': !isEmpty(background),
-                }), children: [_jsx(BackgroundImage, { className: b('image', { border }), ...backgroundImageProps }), _jsx(Row, { children: React.Children.map(children, (child, index) => (_jsx(Col, { sizes: colSizes, className: b('item'), children: child }, index))) })] })] }));
+    return (_jsx(AnimateBlock, { className: b(null, className), animate: animated, children: _jsxs(Grid, { children: [(title || description) && (_jsx(Title, { title: title, subtitle: description, className: b('title', { centered }, titleClassName), colJustifyContent: centered ? GridJustifyContent.Center : GridJustifyContent.Start })), _jsxs("div", { className: b('content', {
+                        'with-background': !isEmpty(background),
+                    }), children: [_jsx(BackgroundImage, { className: b('image', { border }), ...backgroundImageProps }), _jsx(ChildrensWrap, { children: _jsx(Row, { children: React.Children.map(children, (child, index) => (_jsx(Col, { sizes: colSizes, className: b('item'), children: _jsx(ChildrenItemWrap, { index: index, children: child }) }, index))) }) })] })] }) }));
 };
 export default CardLayout;
 //# sourceMappingURL=CardLayout.js.map

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,EAAC,QAAQ,EAAC,qCAA4B;AAC7C,OAAO,EAAC,GAAG,EAAuB,kBAAkB,EAAE,GAAG,EAAC,4BAAmB;AAE7E,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,MAAC,YAAY,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,aACzD,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;oBACpB,iBAAiB,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;iBAC1C,CAAC,aAEF,KAAC,eAAe,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,CAAC,KAAM,oBAAoB,GAAI,EAC9E,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,YACjD,KAAK,IADA,KAAK,CAET,CACT,CAAC,GACA,IACJ,IACK,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 {useTheme} from '../../context/theme';\nimport {Col, GridColumnSizesType, GridJustifyContent, Row} from '../../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            {(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                <Row>\n                    {React.Children.map(children, (child, index) => (\n                        <Col key={index} sizes={colSizes} className={b('item')}>\n                            {child}\n                        </Col>\n                    ))}\n                </Row>\n            </div>\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,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"]}

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

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

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

@@ -0,0 +1,39 @@
+import { generateFormFieldsFromAjvSchema } from "../../form-generator-v2/utils/generateFormFieldsFromAjv.js";
+import CardLayout from "./CardLayout.js";
+import { CardLayoutProps } from "./schema.js";
+import icon from './icon.svg';
+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.',
+        },
+        previewImg: icon,
+    },
+};
+export default CardLayoutBlockConfig;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,+BAA+B,EAAC,mEAAgE;AAExG,OAAO,UAAU,wBAAqB;AACtC,OAAO,EAAC,eAAe,EAAC,oBAAiB;AAEzC,OAAO,IAAI,MAAM,YAAY,CAAC;AAE9B,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';\n\nimport CardLayout from './CardLayout';\nimport {CardLayoutProps} from './schema';\n\nimport icon from './icon.svg';\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"]}

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

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

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

@@ -0,0 +1,38 @@
+import { generateFormFieldsFromAjvSchema } from "../../form-generator-v2/utils/generateFormFieldsFromAjv.js";
+import CardLayout from "./CardLayout.js";
+import { CardLayoutProps } from "./schema.js";
+const CardLayoutBlockConfig = {
+    type: 'card-layout-block',
+    component: CardLayout,
+    schema: {
+        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',
+    },
+};
+export default CardLayoutBlockConfig;
+//# sourceMappingURL=index_deprecated.js.map

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

@@ -0,0 +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"]}

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

@@ -1,5 +1,5 @@
 import { ImageBaseObjectProps, ImageDeviceProps } from "../../components/Image/schema.js";
-import { AnimatableProps, BlockBaseProps, BlockHeaderProps, BorderProps, ChildrenCardsProps, containerSizesObject, } from "../../schema/validators/common.js";
+import { AnimatableProps, BlockBaseProps, BlockHeaderProps, BorderProps, ChildrenCardsProps, containerSizesObject, } from "../../gravity-blocks/schema/validators/common.js";
 export const CardLayoutProps = {
     additionalProperties: false,
     required: [],

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAE,gBAAgB,EAAC,yCAAsC;AACrF,OAAO,EACH,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,oBAAoB,GACvB,0CAAuC;AAExC,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACR,GAAG,cAAc;QACjB,GAAG,eAAe;QAClB,GAAG,gBAAgB;QACnB,QAAQ,EAAE,oBAAoB;QAC9B,UAAU,EAAE;YACR,KAAK,EAAE;gBACH;oBACI,GAAG,oBAAoB;oBACvB,UAAU,EAAE,EAAC,GAAG,oBAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAC;oBACrE,UAAU,EAAE,SAAS;iBACxB;gBACD;oBACI,GAAG,gBAAgB;oBACnB,UAAU,EAAE,EAAC,GAAG,gBAAgB,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAC;oBACjE,UAAU,EAAE,gBAAgB;iBAC/B;aACJ;SACJ;QACD,QAAQ,EAAE,kBAAkB;KAC/B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,mBAAmB,EAAE,eAAe;CACvC,CAAC","sourcesContent":["import {ImageBaseObjectProps, ImageDeviceProps} from '../../components/Image/schema';\nimport {\n    AnimatableProps,\n    BlockBaseProps,\n    BlockHeaderProps,\n    BorderProps,\n    ChildrenCardsProps,\n    containerSizesObject,\n} from '../../schema/validators/common';\n\nexport const CardLayoutProps = {\n    additionalProperties: false,\n    required: [],\n    properties: {\n        ...BlockBaseProps,\n        ...AnimatableProps,\n        ...BlockHeaderProps,\n        colSizes: containerSizesObject,\n        background: {\n            anyOf: [\n                {\n                    ...ImageBaseObjectProps,\n                    properties: {...ImageBaseObjectProps.properties, border: BorderProps},\n                    optionName: 'options',\n                },\n                {\n                    ...ImageDeviceProps,\n                    properties: {...ImageDeviceProps.properties, border: BorderProps},\n                    optionName: 'device options',\n                },\n            ],\n        },\n        children: ChildrenCardsProps,\n    },\n};\n\nexport const CardLayoutBlock = {\n    'card-layout-block': CardLayoutProps,\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAE,gBAAgB,EAAC,yCAAsC;AACrF,OAAO,EACH,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,oBAAoB,GACvB,yDAAsD;AAEvD,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACR,GAAG,cAAc;QACjB,GAAG,eAAe;QAClB,GAAG,gBAAgB;QACnB,QAAQ,EAAE,oBAAoB;QAC9B,UAAU,EAAE;YACR,KAAK,EAAE;gBACH;oBACI,GAAG,oBAAoB;oBACvB,UAAU,EAAE,EAAC,GAAG,oBAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAC;oBACrE,UAAU,EAAE,SAAS;iBACxB;gBACD;oBACI,GAAG,gBAAgB;oBACnB,UAAU,EAAE,EAAC,GAAG,gBAAgB,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAC;oBACjE,UAAU,EAAE,gBAAgB;iBAC/B;aACJ;SACJ;QACD,QAAQ,EAAE,kBAAkB;KAC/B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,mBAAmB,EAAE,eAAe;CACvC,CAAC","sourcesContent":["import {ImageBaseObjectProps, ImageDeviceProps} from '../../components/Image/schema';\nimport {\n    AnimatableProps,\n    BlockBaseProps,\n    BlockHeaderProps,\n    BorderProps,\n    ChildrenCardsProps,\n    containerSizesObject,\n} from '../../gravity-blocks/schema/validators/common';\n\nexport const CardLayoutProps = {\n    additionalProperties: false,\n    required: [],\n    properties: {\n        ...BlockBaseProps,\n        ...AnimatableProps,\n        ...BlockHeaderProps,\n        colSizes: containerSizesObject,\n        background: {\n            anyOf: [\n                {\n                    ...ImageBaseObjectProps,\n                    properties: {...ImageBaseObjectProps.properties, border: BorderProps},\n                    optionName: 'options',\n                },\n                {\n                    ...ImageDeviceProps,\n                    properties: {...ImageDeviceProps.properties, border: BorderProps},\n                    optionName: 'device options',\n                },\n            ],\n        },\n        children: ChildrenCardsProps,\n    },\n};\n\nexport const CardLayoutBlock = {\n    'card-layout-block': CardLayoutProps,\n};\n"]}

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

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

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

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

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

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

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

@@ -0,0 +1,19 @@
+import { generateFormFieldsFromAjvSchema } from "../../form-generator-v2/utils/generateFormFieldsFromAjv.js";
+import CompaniesBlock from "./Companies.js";
+import { CompaniesBlock as CompaniesBlockSchema } from "./schema.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',
+        },
+    },
+};
+export default CompaniesBlockConfig;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Companies/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,+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"]}

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

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

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

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

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

@@ -0,0 +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"]}

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

@@ -1,4 +1,4 @@
-import { AnimatableProps, BaseProps, withTheme } from "../../schema/validators/common.js";
+import { AnimatableProps, BaseProps, withTheme } from "../../gravity-blocks/schema/validators/common.js";
 export const CompaniesBlock = {
     'companies-block': {
         additionalProperties: false,

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Companies/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,SAAS,EAAE,SAAS,EAAC,0CAAuC;AAErF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,iBAAiB,EAAE;QACf,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;QAC7B,UAAU,EAAE;YACR,GAAG,SAAS;YACZ,GAAG,eAAe;YAClB,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB;YACD,WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,KAAK;gBAClB,SAAS,EAAE,UAAU;aACxB;YACD,MAAM,EAAE,SAAS,CAAC;gBACd,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC;gBACzC,UAAU,EAAE;oBACR,OAAO,EAAE;wBACL,IAAI,EAAE,QAAQ;qBACjB;oBACD,MAAM,EAAE;wBACJ,IAAI,EAAE,QAAQ;qBACjB;oBACD,MAAM,EAAE;wBACJ,IAAI,EAAE,QAAQ;qBACjB;oBACD,GAAG,EAAE;wBACD,IAAI,EAAE,QAAQ;wBACd,WAAW,EAAE,MAAM;qBACtB;iBACJ;aACJ,CAAC;SACL;KACJ;CACJ,CAAC","sourcesContent":["import {AnimatableProps, BaseProps, withTheme} from '../../schema/validators/common';\n\nexport const CompaniesBlock = {\n    'companies-block': {\n        additionalProperties: false,\n        required: ['title', 'images'],\n        properties: {\n            ...BaseProps,\n            ...AnimatableProps,\n            title: {\n                type: 'string',\n                contentType: 'text',\n            },\n            description: {\n                type: 'string',\n                contentType: 'yfm',\n                inputType: 'textarea',\n            },\n            images: withTheme({\n                type: 'object',\n                required: ['desktop', 'tablet', 'mobile'],\n                properties: {\n                    desktop: {\n                        type: 'string',\n                    },\n                    tablet: {\n                        type: 'string',\n                    },\n                    mobile: {\n                        type: 'string',\n                    },\n                    alt: {\n                        type: 'string',\n                        contentType: 'text',\n                    },\n                },\n            }),\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Companies/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,SAAS,EAAE,SAAS,EAAC,yDAAsD;AAEpG,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,iBAAiB,EAAE;QACf,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;QAC7B,UAAU,EAAE;YACR,GAAG,SAAS;YACZ,GAAG,eAAe;YAClB,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB;YACD,WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,KAAK;gBAClB,SAAS,EAAE,UAAU;aACxB;YACD,MAAM,EAAE,SAAS,CAAC;gBACd,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC;gBACzC,UAAU,EAAE;oBACR,OAAO,EAAE;wBACL,IAAI,EAAE,QAAQ;qBACjB;oBACD,MAAM,EAAE;wBACJ,IAAI,EAAE,QAAQ;qBACjB;oBACD,MAAM,EAAE;wBACJ,IAAI,EAAE,QAAQ;qBACjB;oBACD,GAAG,EAAE;wBACD,IAAI,EAAE,QAAQ;wBACd,WAAW,EAAE,MAAM;qBACtB;iBACJ;aACJ,CAAC;SACL;KACJ;CACJ,CAAC","sourcesContent":["import {AnimatableProps, BaseProps, withTheme} from '../../gravity-blocks/schema/validators/common';\n\nexport const CompaniesBlock = {\n    'companies-block': {\n        additionalProperties: false,\n        required: ['title', 'images'],\n        properties: {\n            ...BaseProps,\n            ...AnimatableProps,\n            title: {\n                type: 'string',\n                contentType: 'text',\n            },\n            description: {\n                type: 'string',\n                contentType: 'yfm',\n                inputType: 'textarea',\n            },\n            images: withTheme({\n                type: 'object',\n                required: ['desktop', 'tablet', 'mobile'],\n                properties: {\n                    desktop: {\n                        type: 'string',\n                    },\n                    tablet: {\n                        type: 'string',\n                    },\n                    mobile: {\n                        type: 'string',\n                    },\n                    alt: {\n                        type: 'string',\n                        contentType: 'text',\n                    },\n                },\n            }),\n        },\n    },\n};\n"]}

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

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

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

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

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

@@ -0,0 +1,44 @@
+import { Fields } from "../../form-generator-v2/types.js";
+declare const ContentLayoutBlockConfig: {
+    type: string;
+    component: (props: import("../../index.js").ContentLayoutBlockProps) => import("react/jsx-runtime").JSX.Element;
+    schema: {
+        name: string;
+        group: string;
+        inputs: Fields;
+        default: {
+            textContent: {
+                title: string;
+                text: string;
+            };
+            additionalInfo: string;
+            buttons: {
+                text: string;
+                theme: string;
+                url: string;
+            }[];
+            links: {
+                url: string;
+                text: string;
+                theme: string;
+                arrow: boolean;
+            }[];
+            fileContent: {
+                href: string;
+                text: string;
+            }[];
+            list: ({
+                title: string;
+                text: string;
+            } | {
+                text: string;
+                title?: undefined;
+            } | {
+                title: string;
+                text?: undefined;
+            })[];
+        };
+        previewImg: string;
+    };
+};
+export default ContentLayoutBlockConfig;