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

package/README.md

@@ -540,7 +540,7 @@ If you want to release a new version in previous major after commit it to the ma
 7. Check your changes in CHANGELOG.md and approve robot's PR.
 8. Squash and merge PR. You can see release process on [the Actions tab](https://github.com/gravity-ui/page-constructor/actions).
 
-## Page constructor editor
+## Page Constructor Editor v1
 
 Editor provides user interface for page content management with realtime preview.
 
@@ -593,6 +593,36 @@ When working with AI agents on this project, the Memory Bank serves as a compreh
 
 AI agents can read these files to quickly get up to speed with the project context and make more informed decisions about code changes and implementations.
 
+## Page Constructor Editor v2
+
+Editor provides user interface for page content management with realtime preview.
+
+Based on Iframe postMessage communication.
+
+How to use:
+
+```tsx
+import {Editor} from '@gravity-ui/page-constructor/editor-v2';
+
+export const MyAppEditor = ({initialContent, onUpdate, disableUrlField}: MyAppEditorProps) => (
+  <Editor
+    initialUrl={'https://url-to-page-with-page-constructor.com'}
+    content={initialContent}
+    disableUrlField={disableUrlField}
+    onUpdate={onUpdate}
+  />
+);
+```
+
+### How to develop
+
+```shell
+npm run deps:install
+npm run dev:playground
+```
+
+Directory `/playground` contains NextJS service with integrated PC and Editor for development purposes.
+
 ## Tests
 
 Comprehensive documentation is available at the provided [link](./test-utils/docs/README.md).

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

@@ -4,12 +4,13 @@ exports.BannerBlock = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock.js"));
+const grid_1 = require("../../gravity-blocks/grid/index.js");
 const sub_blocks_1 = require("../../sub-blocks/index.js");
 const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('banner-block');
 const BannerBlock = (props) => {
     const { animated, className, ...bannerProps } = props;
-    return ((0, jsx_runtime_1.jsx)(AnimateBlock_1.default, { className: b(null, className), animate: animated, children: (0, jsx_runtime_1.jsx)(sub_blocks_1.BannerCard, { ...bannerProps }) }));
+    return ((0, jsx_runtime_1.jsx)(AnimateBlock_1.default, { className: b(null, className), animate: animated, children: (0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsx)(sub_blocks_1.BannerCard, { ...bannerProps }) }) }));
 };
 exports.BannerBlock = BannerBlock;
 exports.default = exports.BannerBlock;

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sourceRoot":"../../../../src","sources":["blocks/Banner/Banner.tsx"],"names":[],"mappings":";;;;;AAAA,yGAAsE;AAEtE,0DAA4C;AAC5C,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEzB,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACnD,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,WAAW,EAAC,GAAG,KAAK,CAAC;IAEpD,OAAO,CACH,uBAAC,sBAAY,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,YAC1D,uBAAC,uBAAU,OAAK,WAAW,GAAI,GACpB,CAClB,CAAC;AACN,CAAC,CAAC;AARW,QAAA,WAAW,eAQtB;AAEF,kBAAe,mBAAW,CAAC","sourcesContent":["import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport {BannerBlockProps} from '../../models';\nimport {BannerCard} from '../../sub-blocks';\nimport {block} from '../../utils';\n\nimport './Banner.scss';\n\nconst b = block('banner-block');\n\nexport const BannerBlock = (props: BannerBlockProps) => {\n    const {animated, className, ...bannerProps} = props;\n\n    return (\n        <AnimateBlock className={b(null, className)} animate={animated}>\n            <BannerCard {...bannerProps} />\n        </AnimateBlock>\n    );\n};\n\nexport default BannerBlock;\n"]}
+{"version":3,"file":"Banner.js","sourceRoot":"../../../../src","sources":["blocks/Banner/Banner.tsx"],"names":[],"mappings":";;;;;AAAA,yGAAsE;AACtE,6DAA+C;AAE/C,0DAA4C;AAC5C,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEzB,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACnD,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,WAAW,EAAC,GAAG,KAAK,CAAC;IAEpD,OAAO,CACH,uBAAC,sBAAY,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,YAC1D,uBAAC,WAAI,cACD,uBAAC,uBAAU,OAAK,WAAW,GAAI,GAC5B,GACI,CAClB,CAAC;AACN,CAAC,CAAC;AAVW,QAAA,WAAW,eAUtB;AAEF,kBAAe,mBAAW,CAAC","sourcesContent":["import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport {Grid} from '../../gravity-blocks/grid';\nimport {BannerBlockProps} from '../../models';\nimport {BannerCard} from '../../sub-blocks';\nimport {block} from '../../utils';\n\nimport './Banner.scss';\n\nconst b = block('banner-block');\n\nexport const BannerBlock = (props: BannerBlockProps) => {\n    const {animated, className, ...bannerProps} = props;\n\n    return (\n        <AnimateBlock className={b(null, className)} animate={animated}>\n            <Grid>\n                <BannerCard {...bannerProps} />\n            </Grid>\n        </AnimateBlock>\n    );\n};\n\nexport default BannerBlock;\n"]}

package/build/cjs/blocks/Banner/form.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    name: string;
+    type: string;
+    title: string;
+}[];
+export default _default;

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.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/cjs/blocks/Banner/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"../../../../src","sources":["blocks/Banner/form.ts"],"names":[],"mappings":";;AAAA,kBAAe;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/cjs/blocks/Banner/index.d.ts

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

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const generateFormFieldsFromAjv_1 = require("../../form-generator-v2/utils/generateFormFieldsFromAjv.js");
+const Banner_1 = tslib_1.__importDefault(require("./Banner.js"));
+const schema_1 = require("./schema.js");
+const icon_svg_1 = tslib_1.__importDefault(require("./icon.svg"));
+const BannerBlockConfig = {
+    type: '@gravity-ui/page-constructor/banner-block',
+    component: Banner_1.default,
+    schema: {
+        name: 'Banner Block',
+        group: '@gravity-ui/page-constructor/Blocks',
+        // TODO: change to custom block schema
+        inputs: (0, generateFormFieldsFromAjv_1.generateFormFieldsFromAjvSchema)(schema_1.BannerCardProps),
+        default: {
+            color: 'rgba(54, 151, 241, 0.4)',
+            title: 'Banner Block',
+            subtitle: 'Some sort of description.',
+            button: {
+                text: 'Read more',
+            },
+        },
+        previewImg: icon_svg_1.default,
+    },
+};
+exports.default = BannerBlockConfig;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Banner/index.tsx"],"names":[],"mappings":";;;AAGA,0GAAwG;AAExG,iEAAmC;AACnC,wCAAyC;AAEzC,kEAA8B;AAE9B,MAAM,iBAAiB,GAAc;IACjC,IAAI,EAAE,2CAA2C;IACjD,SAAS,EAAE,gBAAW;IACtB,MAAM,EAAE;QACJ,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,qCAAqC;QAC5C,sCAAsC;QACtC,MAAM,EAAE,IAAA,2DAA+B,EAAC,wBAAgD,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,kBAAI;KACnB;CACJ,CAAC;AAEF,kBAAe,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/cjs/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/cjs/blocks/Banner/index_deprecated.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const generateFormFieldsFromAjv_1 = require("../../form-generator-v2/utils/generateFormFieldsFromAjv.js");
+const Banner_1 = tslib_1.__importDefault(require("./Banner.js"));
+const schema_1 = require("./schema.js");
+const BannerBlockConfig = {
+    type: 'banner-block',
+    component: Banner_1.default,
+    schema: {
+        name: 'Banner Block',
+        group: '@deprecated',
+        hidden: true,
+        inputs: (0, generateFormFieldsFromAjv_1.generateFormFieldsFromAjvSchema)(schema_1.BannerCardProps),
+        default: {
+            color: 'rgba(54, 151, 241, 0.4)',
+            title: 'Banner Block',
+            subtitle: 'Some sort of description.',
+            button: {
+                text: 'Read more',
+            },
+        },
+    },
+};
+exports.default = BannerBlockConfig;
+//# sourceMappingURL=index_deprecated.js.map

package/build/cjs/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,0GAAwG;AAExG,iEAAmC;AACnC,wCAAyC;AAEzC,MAAM,iBAAiB,GAAc;IACjC,IAAI,EAAE,cAAc;IACpB,SAAS,EAAE,gBAAW;IACtB,MAAM,EAAE;QACJ,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,IAAA,2DAA+B,EAAC,wBAAgD,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,kBAAe,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/cjs/blocks/Banner/schema.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BannerCard = exports.BannerBlock = exports.BannerCardProps = void 0;
-const common_1 = require("../../schema/validators/common.js");
+const common_1 = require("../../gravity-blocks/schema/validators/common.js");
 exports.BannerCardProps = {
     additionalProperties: false,
     required: ['title', 'button'],

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Banner/schema.ts"],"names":[],"mappings":";;;AAAA,8DAOwC;AAE3B,QAAA,eAAe,GAAG;IAC3B,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;IAC7B,UAAU,EAAE;QACR,GAAG,kBAAS;QACZ,GAAG,wBAAe;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,IAAA,kBAAS,EAAC;YACb,IAAI,EAAE,QAAQ;SACjB,CAAC;QACF,SAAS,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,kBAAS;SAClB;QACD,eAAe,EAAE;YACb,IAAI,EAAE,SAAS;SAClB;QACD,KAAK,EAAE,IAAA,kBAAS,EAAC;YACb,IAAI,EAAE,QAAQ;SACjB,CAAC;QACF,KAAK,EAAE,mBAAU;QACjB,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;SACxB;QACD,MAAM,EAAE,oBAAW;KACtB;CACJ,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,cAAc,EAAE,uBAAe;CAClC,CAAC;AAEW,QAAA,UAAU,GAAG;IACtB,aAAa,EAAE,uBAAe;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,6EAOuD;AAE1C,QAAA,eAAe,GAAG;IAC3B,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;IAC7B,UAAU,EAAE;QACR,GAAG,kBAAS;QACZ,GAAG,wBAAe;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,IAAA,kBAAS,EAAC;YACb,IAAI,EAAE,QAAQ;SACjB,CAAC;QACF,SAAS,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,kBAAS;SAClB;QACD,eAAe,EAAE;YACb,IAAI,EAAE,SAAS;SAClB;QACD,KAAK,EAAE,IAAA,kBAAS,EAAC;YACb,IAAI,EAAE,QAAQ;SACjB,CAAC;QACF,KAAK,EAAE,mBAAU;QACjB,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;SACxB;QACD,MAAM,EAAE,oBAAW;KACtB;CACJ,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,cAAc,EAAE,uBAAe;CAClC,CAAC;AAEW,QAAA,UAAU,GAAG;IACtB,aAAa,EAAE,uBAAe;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/cjs/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/cjs/blocks/CardLayout/CardLayout.js

@@ -5,8 +5,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const isEmpty_1 = tslib_1.__importDefault(require("lodash/isEmpty.js"));
 const components_1 = require("../../components/index.js");
-const theme_1 = require("../../context/theme/index.js");
-const grid_1 = require("../../grid/index.js");
+const ChildrenItemWrap_1 = tslib_1.__importDefault(require("../../components/editor/ChildrenItemWrap/ChildrenItemWrap.js"));
+const ChildrensWrap_1 = tslib_1.__importDefault(require("../../components/editor/ChildrensWrap/ChildrensWrap.js"));
+const theme_1 = require("../../gravity-blocks/context/theme/index.js");
+const grid_1 = require("../../gravity-blocks/grid/index.js");
 const utils_1 = require("../../utils/index.js");
 const DEFAULT_SIZES = {
     all: 12,
@@ -17,9 +19,9 @@ const b = (0, utils_1.block)('card-layout-block');
 const CardLayout = ({ title, description, animated, colSizes = DEFAULT_SIZES, children, className, titleClassName, background, centered = false, }) => {
     const theme = (0, theme_1.useTheme)();
     const { border, ...backgroundImageProps } = (0, utils_1.getThemedValue)(background || {}, theme);
-    return ((0, jsx_runtime_1.jsxs)(components_1.AnimateBlock, { className: b(null, className), animate: animated, children: [(title || description) && ((0, jsx_runtime_1.jsx)(components_1.Title, { title: title, subtitle: description, className: b('title', { centered }, titleClassName), colJustifyContent: centered ? grid_1.GridJustifyContent.Center : grid_1.GridJustifyContent.Start })), (0, jsx_runtime_1.jsxs)("div", { className: b('content', {
-                    'with-background': !(0, isEmpty_1.default)(background),
-                }), children: [(0, jsx_runtime_1.jsx)(components_1.BackgroundImage, { className: b('image', { border }), ...backgroundImageProps }), (0, jsx_runtime_1.jsx)(grid_1.Row, { children: React.Children.map(children, (child, index) => ((0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: colSizes, className: b('item'), children: child }, index))) })] })] }));
+    return ((0, jsx_runtime_1.jsx)(components_1.AnimateBlock, { className: b(null, className), animate: animated, children: (0, jsx_runtime_1.jsxs)(grid_1.Grid, { children: [(title || description) && ((0, jsx_runtime_1.jsx)(components_1.Title, { title: title, subtitle: description, className: b('title', { centered }, titleClassName), colJustifyContent: centered ? grid_1.GridJustifyContent.Center : grid_1.GridJustifyContent.Start })), (0, jsx_runtime_1.jsxs)("div", { className: b('content', {
+                        'with-background': !(0, isEmpty_1.default)(background),
+                    }), children: [(0, jsx_runtime_1.jsx)(components_1.BackgroundImage, { className: b('image', { border }), ...backgroundImageProps }), (0, jsx_runtime_1.jsx)(ChildrensWrap_1.default, { children: (0, jsx_runtime_1.jsx)(grid_1.Row, { children: React.Children.map(children, (child, index) => ((0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: colSizes, className: b('item'), children: (0, jsx_runtime_1.jsx)(ChildrenItemWrap_1.default, { index: index, children: child }) }, index))) }) })] })] }) }));
 };
 exports.default = CardLayout;
 //# sourceMappingURL=CardLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardLayout.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/CardLayout.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,wEAAqC;AAErC,0DAAsE;AACtE,wDAA6C;AAC7C,8CAA6E;AAE7E,gDAAkD;AAIlD,MAAM,aAAa,GAAwB;IACvC,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAC;AAOF,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,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,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,EAAC,MAAM,EAAE,GAAG,oBAAoB,EAAC,GAAG,IAAA,sBAAc,EAAC,UAAU,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;IAClF,OAAO,CACH,wBAAC,yBAAY,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,aACzD,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,uBAAC,kBAAK,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,yBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,yBAAkB,CAAC,KAAK,GAErE,CACL,EACD,iCACI,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE;oBACpB,iBAAiB,EAAE,CAAC,IAAA,iBAAO,EAAC,UAAU,CAAC;iBAC1C,CAAC,aAEF,uBAAC,4BAAe,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,CAAC,KAAM,oBAAoB,GAAI,EAC9E,uBAAC,UAAG,cACC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,uBAAC,UAAG,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,kBAAe,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,qDAA+B;AAE/B,wEAAqC;AAErC,0DAAsE;AACtE,4HAAyF;AACzF,mHAAgF;AAChF,uEAA4D;AAC5D,6DAAkG;AAElG,gDAAkD;AAIlD,MAAM,aAAa,GAAwB;IACvC,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAC;AAOF,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,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,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,EAAC,MAAM,EAAE,GAAG,oBAAoB,EAAC,GAAG,IAAA,sBAAc,EAAC,UAAU,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;IAClF,OAAO,CACH,uBAAC,yBAAY,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,YAC1D,wBAAC,WAAI,eACA,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,uBAAC,kBAAK,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,yBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,yBAAkB,CAAC,KAAK,GAErE,CACL,EACD,iCACI,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE;wBACpB,iBAAiB,EAAE,CAAC,IAAA,iBAAO,EAAC,UAAU,CAAC;qBAC1C,CAAC,aAEF,uBAAC,4BAAe,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,CAAC,KAAM,oBAAoB,GAAI,EAC9E,uBAAC,uBAAa,cACV,uBAAC,UAAG,cACC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,uBAAC,UAAG,IAAa,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAClD,uBAAC,0BAAgB,IAAC,KAAK,EAAE,KAAK,YAAG,KAAK,GAAoB,IADpD,KAAK,CAET,CACT,CAAC,GACA,GACM,IACd,IACH,GACI,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,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/cjs/blocks/CardLayout/index.d.ts

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

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

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const generateFormFieldsFromAjv_1 = require("../../form-generator-v2/utils/generateFormFieldsFromAjv.js");
+const CardLayout_1 = tslib_1.__importDefault(require("./CardLayout.js"));
+const schema_1 = require("./schema.js");
+const icon_svg_1 = tslib_1.__importDefault(require("./icon.svg"));
+const CardLayoutBlockConfig = {
+    type: 'card-layout-block',
+    component: CardLayout_1.default,
+    schema: {
+        name: 'Card Layout Block',
+        group: '@gravity-ui/page-constructor/CardContainers',
+        // TODO: change to custom block schema
+        inputs: (0, generateFormFieldsFromAjv_1.generateFormFieldsFromAjvSchema)(schema_1.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_svg_1.default,
+    },
+};
+exports.default = CardLayoutBlockConfig;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/index.ts"],"names":[],"mappings":";;;AAGA,0GAAwG;AAExG,yEAAsC;AACtC,wCAAyC;AAEzC,kEAA8B;AAE9B,MAAM,qBAAqB,GAAc;IACrC,IAAI,EAAE,mBAAmB;IACzB,SAAS,EAAE,oBAAU;IACrB,MAAM,EAAE;QACJ,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,6CAA6C;QACpD,sCAAsC;QACtC,MAAM,EAAE,IAAA,2DAA+B,EAAC,wBAAgD,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,kBAAI;KACnB;CACJ,CAAC;AAEF,kBAAe,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/cjs/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/cjs/blocks/CardLayout/index_deprecated.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const generateFormFieldsFromAjv_1 = require("../../form-generator-v2/utils/generateFormFieldsFromAjv.js");
+const CardLayout_1 = tslib_1.__importDefault(require("./CardLayout.js"));
+const schema_1 = require("./schema.js");
+const CardLayoutBlockConfig = {
+    type: 'card-layout-block',
+    component: CardLayout_1.default,
+    schema: {
+        name: 'Card Layout Block',
+        group: '@deprecated',
+        hidden: true,
+        inputs: (0, generateFormFieldsFromAjv_1.generateFormFieldsFromAjvSchema)(schema_1.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',
+    },
+};
+exports.default = CardLayoutBlockConfig;
+//# sourceMappingURL=index_deprecated.js.map

package/build/cjs/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,0GAAwG;AAExG,yEAAsC;AACtC,wCAAyC;AAEzC,MAAM,qBAAqB,GAAc;IACrC,IAAI,EAAE,mBAAmB;IACzB,SAAS,EAAE,oBAAU;IACrB,MAAM,EAAE;QACJ,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,IAAA,2DAA+B,EAAC,wBAAgD,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,kBAAe,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/cjs/blocks/CardLayout/schema.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CardLayoutBlock = exports.CardLayoutProps = void 0;
 const schema_1 = require("../../components/Image/schema.js");
-const common_1 = require("../../schema/validators/common.js");
+const common_1 = require("../../gravity-blocks/schema/validators/common.js");
 exports.CardLayoutProps = {
     additionalProperties: false,
     required: [],

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/schema.ts"],"names":[],"mappings":";;;AAAA,6DAAqF;AACrF,8DAOwC;AAE3B,QAAA,eAAe,GAAG;IAC3B,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACR,GAAG,uBAAc;QACjB,GAAG,wBAAe;QAClB,GAAG,yBAAgB;QACnB,QAAQ,EAAE,6BAAoB;QAC9B,UAAU,EAAE;YACR,KAAK,EAAE;gBACH;oBACI,GAAG,6BAAoB;oBACvB,UAAU,EAAE,EAAC,GAAG,6BAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,oBAAW,EAAC;oBACrE,UAAU,EAAE,SAAS;iBACxB;gBACD;oBACI,GAAG,yBAAgB;oBACnB,UAAU,EAAE,EAAC,GAAG,yBAAgB,CAAC,UAAU,EAAE,MAAM,EAAE,oBAAW,EAAC;oBACjE,UAAU,EAAE,gBAAgB;iBAC/B;aACJ;SACJ;QACD,QAAQ,EAAE,2BAAkB;KAC/B;CACJ,CAAC;AAEW,QAAA,eAAe,GAAG;IAC3B,mBAAmB,EAAE,uBAAe;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,6DAAqF;AACrF,6EAOuD;AAE1C,QAAA,eAAe,GAAG;IAC3B,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACR,GAAG,uBAAc;QACjB,GAAG,wBAAe;QAClB,GAAG,yBAAgB;QACnB,QAAQ,EAAE,6BAAoB;QAC9B,UAAU,EAAE;YACR,KAAK,EAAE;gBACH;oBACI,GAAG,6BAAoB;oBACvB,UAAU,EAAE,EAAC,GAAG,6BAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,oBAAW,EAAC;oBACrE,UAAU,EAAE,SAAS;iBACxB;gBACD;oBACI,GAAG,yBAAgB;oBACnB,UAAU,EAAE,EAAC,GAAG,yBAAgB,CAAC,UAAU,EAAE,MAAM,EAAE,oBAAW,EAAC;oBACjE,UAAU,EAAE,gBAAgB;iBAC/B;aACJ;SACJ;QACD,QAAQ,EAAE,2BAAkB;KAC/B;CACJ,CAAC;AAEW,QAAA,eAAe,GAAG;IAC3B,mBAAmB,EAAE,uBAAe;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/cjs/blocks/Companies/Companies.js

@@ -5,13 +5,14 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const components_1 = require("../../components/index.js");
 const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock.js"));
-const theme_1 = require("../../context/theme/index.js");
+const theme_1 = require("../../gravity-blocks/context/theme/index.js");
+const grid_1 = require("../../gravity-blocks/grid/index.js");
 const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('companies-block');
 const CompaniesBlock = ({ title, description, images, animated }) => {
     const theme = (0, theme_1.useTheme)();
     const themedImages = (0, utils_1.getThemedValue)(images, theme) || {};
-    return ((0, jsx_runtime_1.jsx)(AnimateBlock_1.default, { className: b(), offset: 150, animate: animated, children: (0, jsx_runtime_1.jsxs)("div", { className: b('content'), children: [(0, jsx_runtime_1.jsx)(components_1.Title, { title: title, subtitle: description, colSizes: { all: 12, sm: 12 } }), (0, jsx_runtime_1.jsx)("div", { className: b('images'), children: (0, jsx_runtime_1.jsx)(components_1.Image, { ...themedImages, className: b('image') }) })] }) }));
+    return ((0, jsx_runtime_1.jsx)(AnimateBlock_1.default, { className: b(), offset: 150, animate: animated, children: (0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsxs)("div", { className: b('content'), children: [(0, jsx_runtime_1.jsx)(components_1.Title, { title: title, subtitle: description, colSizes: { all: 12, sm: 12 } }), (0, jsx_runtime_1.jsx)("div", { className: b('images'), children: (0, jsx_runtime_1.jsx)(components_1.Image, { ...themedImages, className: b('image') }) })] }) }) }));
 };
 exports.CompaniesBlock = CompaniesBlock;
 exports.default = exports.CompaniesBlock;

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

@@ -1 +1 @@
-{"version":3,"file":"Companies.js","sourceRoot":"../../../../src","sources":["blocks/Companies/Companies.tsx"],"names":[],"mappings":";;;;;AAAA,0DAA8C;AAC9C,yGAAsE;AACtE,wDAA6C;AAE7C,gDAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAE5B,MAAM,cAAc,GAAG,CAAC,EAAC,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC1F,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,YAAY,GAAG,IAAA,sBAAc,EAAC,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAEzD,OAAO,CACH,uBAAC,sBAAY,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,YACxD,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,uBAAC,kBAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,GAAU,EACjF,gCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,uBAAC,kBAAK,OAAK,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,GAChD,IACJ,GACK,CAClB,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,cAAc,kBAczB;AAEF,kBAAe,sBAAc,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,0DAA8C;AAC9C,yGAAsE;AACtE,uEAA4D;AAC5D,6DAA+C;AAE/C,gDAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAE5B,MAAM,cAAc,GAAG,CAAC,EAAC,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC1F,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,YAAY,GAAG,IAAA,sBAAc,EAAC,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAEzD,OAAO,CACH,uBAAC,sBAAY,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,YACxD,uBAAC,WAAI,cACD,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,uBAAC,kBAAK,IACF,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,GACtB,EACT,gCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,uBAAC,kBAAK,OAAK,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,GAChD,IACJ,GACH,GACI,CAClB,CAAC;AACN,CAAC,CAAC;AApBW,QAAA,cAAc,kBAoBzB;AAEF,kBAAe,sBAAc,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/cjs/blocks/Companies/index.d.ts

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

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const generateFormFieldsFromAjv_1 = require("../../form-generator-v2/utils/generateFormFieldsFromAjv.js");
+const Companies_1 = tslib_1.__importDefault(require("./Companies.js"));
+const schema_1 = require("./schema.js");
+const CompaniesBlockConfig = {
+    type: '@gravity-ui/page-constructor/companies-block',
+    component: Companies_1.default,
+    schema: {
+        name: 'Companies Block',
+        group: '@gravity-ui/page-constructor/Blocks',
+        // TODO: change to custom block schema
+        inputs: (0, generateFormFieldsFromAjv_1.generateFormFieldsFromAjvSchema)(schema_1.CompaniesBlock['companies-block']),
+        default: {
+            title: 'Companies Block',
+            description: 'Here is the list',
+        },
+    },
+};
+exports.default = CompaniesBlockConfig;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Companies/index.ts"],"names":[],"mappings":";;;AAGA,0GAAwG;AAExG,uEAAyC;AACzC,wCAAgE;AAEhE,MAAM,oBAAoB,GAAc;IACpC,IAAI,EAAE,8CAA8C;IACpD,SAAS,EAAE,mBAAc;IACzB,MAAM,EAAE;QACJ,IAAI,EAAE,iBAAiB;QACvB,KAAK,EAAE,qCAAqC;QAC5C,sCAAsC;QACtC,MAAM,EAAE,IAAA,2DAA+B,EACnC,uBAAoB,CAAC,iBAAiB,CAAkC,CAC3E;QACD,OAAO,EAAE;YACL,KAAK,EAAE,iBAAiB;YACxB,WAAW,EAAE,kBAAkB;SAClC;KACJ;CACJ,CAAC;AAEF,kBAAe,oBAAoB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {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/cjs/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/cjs/blocks/Companies/index_deprecated.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const generateFormFieldsFromAjv_1 = require("../../form-generator-v2/utils/generateFormFieldsFromAjv.js");
+const Companies_1 = tslib_1.__importDefault(require("./Companies.js"));
+const schema_1 = require("./schema.js");
+const CompaniesBlockConfig = {
+    type: 'companies-block',
+    component: Companies_1.default,
+    schema: {
+        name: 'Companies Block',
+        group: '@deprecated',
+        hidden: true,
+        inputs: (0, generateFormFieldsFromAjv_1.generateFormFieldsFromAjvSchema)(schema_1.CompaniesBlock['companies-block']),
+        default: {
+            title: 'Companies Block',
+            description: 'Here is the list',
+        },
+    },
+};
+exports.default = CompaniesBlockConfig;
+//# sourceMappingURL=index_deprecated.js.map

package/build/cjs/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,0GAAwG;AAExG,uEAAyC;AACzC,wCAAgE;AAEhE,MAAM,oBAAoB,GAAc;IACpC,IAAI,EAAE,iBAAiB;IACvB,SAAS,EAAE,mBAAc;IACzB,MAAM,EAAE;QACJ,IAAI,EAAE,iBAAiB;QACvB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,IAAA,2DAA+B,EACnC,uBAAoB,CAAC,iBAAiB,CAAkC,CAC3E;QACD,OAAO,EAAE;YACL,KAAK,EAAE,iBAAiB;YACxB,WAAW,EAAE,kBAAkB;SAClC;KACJ;CACJ,CAAC;AAEF,kBAAe,oBAAoB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {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/cjs/blocks/Companies/schema.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CompaniesBlock = void 0;
-const common_1 = require("../../schema/validators/common.js");
+const common_1 = require("../../gravity-blocks/schema/validators/common.js");
 exports.CompaniesBlock = {
     'companies-block': {
         additionalProperties: false,

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Companies/schema.ts"],"names":[],"mappings":";;;AAAA,8DAAqF;AAExE,QAAA,cAAc,GAAG;IAC1B,iBAAiB,EAAE;QACf,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;QAC7B,UAAU,EAAE;YACR,GAAG,kBAAS;YACZ,GAAG,wBAAe;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,IAAA,kBAAS,EAAC;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,6EAAoG;AAEvF,QAAA,cAAc,GAAG;IAC1B,iBAAiB,EAAE;QACf,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;QAC7B,UAAU,EAAE;YACR,GAAG,kBAAS;YACZ,GAAG,wBAAe;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,IAAA,kBAAS,EAAC;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/cjs/blocks/ContentLayout/ContentLayout.js

@@ -7,9 +7,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const components_1 = require("../../components/index.js");
 const constants_1 = require("../../constants.js");
-const theme_1 = require("../../context/theme/index.js");
-const windowWidthContext_1 = require("../../context/windowWidthContext/index.js");
-const grid_1 = require("../../grid/index.js");
+const theme_1 = require("../../gravity-blocks/context/theme/index.js");
+const windowWidthContext_1 = require("../../gravity-blocks/context/windowWidthContext/index.js");
+const grid_1 = require("../../gravity-blocks/grid/index.js");
 const sub_blocks_1 = require("../../sub-blocks/index.js");
 const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('content-layout-block');
@@ -42,7 +42,7 @@ const ContentLayoutBlock = (props) => {
     const colSizes = React.useMemo(() => getTextWidth(textWidth), [textWidth]);
     const globalTheme = (0, theme_1.useTheme)();
     const themedBackground = (0, utils_1.getThemedValue)(background, globalTheme);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ size, theme, background: Boolean(background) }), children: [(0, jsx_runtime_1.jsx)(sub_blocks_1.Content, { className: b('content'), ...textContent, size: size, centered: centered, colSizes: colSizes, theme: theme }), fileContent && ((0, jsx_runtime_1.jsx)(grid_1.Col, { className: b('files', { size, centered }), reset: true, sizes: colSizes, children: fileContent.map((file) => ((0, react_1.createElement)(components_1.FileLink, { className: b('file'), ...file, key: file.href, type: "horizontal", textSize: getFileTextSize(size), theme: theme }))) })), background && ((0, jsx_runtime_1.jsx)("div", { className: b('background'), children: (0, jsx_runtime_1.jsx)(components_1.BackgroundImage, { className: b('background-item'), ...themedBackground, hide: isMobile }) }))] }));
+    return ((0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsxs)("div", { className: b({ size, theme, background: Boolean(background) }), children: [(0, jsx_runtime_1.jsx)(sub_blocks_1.Content, { className: b('content'), ...textContent, size: size, centered: centered, colSizes: colSizes, theme: theme }), fileContent && ((0, jsx_runtime_1.jsx)(grid_1.Col, { className: b('files', { size, centered }), reset: true, sizes: colSizes, children: fileContent.map((file) => ((0, react_1.createElement)(components_1.FileLink, { className: b('file'), ...file, key: file.href, type: "horizontal", textSize: getFileTextSize(size), theme: theme }))) })), background && ((0, jsx_runtime_1.jsx)("div", { className: b('background'), children: (0, jsx_runtime_1.jsx)(components_1.BackgroundImage, { className: b('background-item'), ...themedBackground, hide: isMobile }) }))] }) }));
 };
 exports.ContentLayoutBlock = ContentLayoutBlock;
 exports.default = exports.ContentLayoutBlock;

package/build/cjs/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":";;;;;;AAAA,qDAA+B;AAE/B,0DAA2D;AAC3D,kDAA4C;AAC5C,uEAA4D;AAC5D,iGAA+E;AAC/E,6DAAoD;AAEpD,0DAAyC;AACzC,gDAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,sBAAsB,CAAC,CAAC;AAExC,SAAS,eAAe,CAAC,IAAiB;IACtC,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,GAAG;YACJ,OAAO,GAAG,CAAC;QACf,KAAK,GAAG,CAAC;QACT,KAAK,GAAG,CAAC;QACT,KAAK,IAAI,CAAC;QACV;YACI,OAAO,GAAG,CAAC;IACnB,CAAC;AACL,CAAC;AAED,SAAS,YAAY,CAAC,IAAqB;IACvC,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,GAAG;YACJ,OAAO,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,CAAC;QAC5B,KAAK,GAAG;YACJ,OAAO,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,CAAC;QAC7B,KAAK,GAAG,CAAC;QACT;YACI,OAAO,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,CAAC;IAChC,CAAC;AACL,CAAC;AAEM,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACjE,MAAM,WAAW,GAAG,IAAA,mCAAc,GAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,WAAW,IAAI,uBAAW,CAAC,EAAE,CAAC;IAE/C,MAAM,EACF,WAAW,EACX,WAAW,EACX,IAAI,GAAG,GAAG,EACV,UAAU,EACV,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,GAAG,GAClB,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAC3E,MAAM,WAAW,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC/B,MAAM,gBAAgB,GAAG,IAAA,sBAAc,EAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAEjE,OAAO,CACH,uBAAC,WAAI,cACD,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,EAAC,CAAC,aAC7D,uBAAC,oBAAO,IACJ,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,KACnB,WAAW,EACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,GACd,EACD,WAAW,IAAI,CACZ,uBAAC,UAAG,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,EAAE,KAAK,QAAC,KAAK,EAAE,QAAQ,YAC9D,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACvB,2BAAC,qBAAQ,IACL,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAChB,IAAI,EACR,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,IAAI,EAAC,YAAY,EACjB,QAAQ,EAAE,eAAe,CAAC,IAAI,CAAC,EAC/B,KAAK,EAAE,KAAK,GACd,CACL,CAAC,GACA,CACT,EACA,UAAU,IAAI,CACX,gCAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC3B,uBAAC,4BAAe,IACZ,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,KAC3B,gBAAgB,EACpB,IAAI,EAAE,QAAQ,GAChB,GACA,CACT,IACC,GACH,CACV,CAAC;AACN,CAAC,CAAC;AAvDW,QAAA,kBAAkB,sBAuD7B;AACF,kBAAe,0BAAkB,CAAC","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"]}