@gravity-ui/page-constructor 7.0.0-beta.2 → 7.0.0-beta.3

package/README.md

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

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

@@ -8,8 +8,8 @@ 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 } = props, bannerProps = tslib_1.__rest(props, ["animated", "className"]);
-    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, Object.assign({}, bannerProps)) }));
+    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 }) }));
 };
 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,KAAoB,KAAK,EAApB,WAAW,kBAAI,KAAK,EAA7C,yBAAqC,CAAQ,CAAC;IAEpD,OAAO,CACH,uBAAC,sBAAY,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,YAC1D,uBAAC,uBAAU,oBAAK,WAAW,EAAI,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;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"]}

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

@@ -5,25 +5,37 @@ const common_1 = require("../../schema/validators/common.js");
 exports.BannerCardProps = {
     additionalProperties: false,
     required: ['title', 'button'],
-    properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.AnimatableProps), { title: {
+    properties: {
+        ...common_1.BaseProps,
+        ...common_1.AnimatableProps,
+        title: {
             type: 'string',
             contentType: 'text',
-        }, subtitle: {
+        },
+        subtitle: {
             type: 'string',
             contentType: 'yfm',
-        }, image: (0, common_1.withTheme)({
+        },
+        image: (0, common_1.withTheme)({
             type: 'string',
-        }), mediaView: {
+        }),
+        mediaView: {
             type: 'string',
             enum: common_1.mediaView,
-        }, disableCompress: {
+        },
+        disableCompress: {
             type: 'boolean',
-        }, color: (0, common_1.withTheme)({
+        },
+        color: (0, common_1.withTheme)({
             type: 'string',
-        }), theme: common_1.ThemeProps, width: {
+        }),
+        theme: common_1.ThemeProps,
+        width: {
             type: 'string',
             enum: ['s', 'm', 'l'],
-        }, button: common_1.ButtonBlock }),
+        },
+        button: common_1.ButtonBlock,
+    },
 };
 exports.BannerBlock = {
     'banner-block': exports.BannerCardProps,

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,gDACH,kBAAS,GACT,wBAAe,KAClB,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB,EACD,QAAQ,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,KAAK;SACrB,EACD,KAAK,EAAE,IAAA,kBAAS,EAAC;YACb,IAAI,EAAE,QAAQ;SACjB,CAAC,EACF,SAAS,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,kBAAS;SAClB,EACD,eAAe,EAAE;YACb,IAAI,EAAE,SAAS;SAClB,EACD,KAAK,EAAE,IAAA,kBAAS,EAAC;YACb,IAAI,EAAE,QAAQ;SACjB,CAAC,EACF,KAAK,EAAE,mBAAU,EACjB,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;SACxB,EACD,MAAM,EAAE,oBAAW,GACtB;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,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"]}

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

@@ -16,10 +16,10 @@ const DEFAULT_SIZES = {
 const b = (0, utils_1.block)('card-layout-block');
 const CardLayout = ({ title, description, animated, colSizes = DEFAULT_SIZES, children, className, titleClassName, background, }) => {
     const theme = (0, theme_1.useTheme)();
-    const _a = (0, utils_1.getThemedValue)(background || {}, theme), { border } = _a, backgroundImageProps = tslib_1.__rest(_a, ["border"]);
+    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: titleClassName })), (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, Object.assign({ 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))) })] })] }));
+                }), 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))) })] })] }));
 };
 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;AAC/B,wEAAqC;AAErC,0DAAsE;AACtE,wDAA6C;AAC7C,8CAAyD;AAEzD,gDAAkD;AAIlD,MAAM,aAAa,GAAwB;IACvC,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAC;AAMF,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,UAAU,GAAmC,CAAC,EAChD,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,aAAa,EACxB,QAAQ,EACR,SAAS,EACT,cAAc,EACd,UAAU,GACb,EAAE,EAAE;IACD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,KAAoC,IAAA,sBAAc,EAAC,UAAU,IAAI,EAAE,EAAE,KAAK,CAAC,EAA3E,EAAC,MAAM,OAAoE,EAA/D,oBAAoB,sBAAhC,UAAiC,CAA0C,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,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,GAAI,CAC5E,EACD,iCACI,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE;oBACpB,iBAAiB,EAAE,CAAC,IAAA,iBAAO,EAAC,UAAU,CAAC;iBAC1C,CAAC,aAEF,uBAAC,4BAAe,kBAAC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,CAAC,IAAM,oBAAoB,EAAI,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';\nimport isEmpty from 'lodash/isEmpty';\n\nimport {AnimateBlock, BackgroundImage, Title} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {Col, GridColumnSizesType, 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};\nexport type CardLayoutBlockProps = React.PropsWithChildren<\n    Omit<CardLayoutBlockParams, 'children'>\n> &\n    ClassNameProps;\n\nconst b = block('card-layout-block');\n\nconst CardLayout: React.FC<CardLayoutBlockProps> = ({\n    title,\n    description,\n    animated,\n    colSizes = DEFAULT_SIZES,\n    children,\n    className,\n    titleClassName,\n    background,\n}) => {\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 title={title} subtitle={description} className={titleClassName} />\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;AAC/B,wEAAqC;AAErC,0DAAsE;AACtE,wDAA6C;AAC7C,8CAAyD;AAEzD,gDAAkD;AAIlD,MAAM,aAAa,GAAwB;IACvC,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAC;AAMF,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,UAAU,GAAmC,CAAC,EAChD,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,aAAa,EACxB,QAAQ,EACR,SAAS,EACT,cAAc,EACd,UAAU,GACb,EAAE,EAAE;IACD,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,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,GAAI,CAC5E,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';\nimport isEmpty from 'lodash/isEmpty';\n\nimport {AnimateBlock, BackgroundImage, Title} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {Col, GridColumnSizesType, 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};\nexport type CardLayoutBlockProps = React.PropsWithChildren<\n    Omit<CardLayoutBlockParams, 'children'>\n> &\n    ClassNameProps;\n\nconst b = block('card-layout-block');\n\nconst CardLayout: React.FC<CardLayoutBlockProps> = ({\n    title,\n    description,\n    animated,\n    colSizes = DEFAULT_SIZES,\n    children,\n    className,\n    titleClassName,\n    background,\n}) => {\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 title={title} subtitle={description} className={titleClassName} />\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"]}

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

@@ -52,6 +52,25 @@ export declare const CardLayoutProps: {
                         type: string;
                         enum: string[];
                     };
+                    hide: {
+                        oneOf: ({
+                            type: string;
+                            properties?: undefined;
+                        } | {
+                            type: string;
+                            properties: {
+                                mobile: {
+                                    type: string;
+                                };
+                                tablet: {
+                                    type: string;
+                                };
+                                desktop: {
+                                    type: string;
+                                };
+                            };
+                        })[];
+                    };
                 };
                 optionName: string;
                 type: string;
@@ -89,6 +108,25 @@ export declare const CardLayoutProps: {
                         type: string;
                         enum: string[];
                     };
+                    hide: {
+                        oneOf: ({
+                            type: string;
+                            properties?: undefined;
+                        } | {
+                            type: string;
+                            properties: {
+                                mobile: {
+                                    type: string;
+                                };
+                                tablet: {
+                                    type: string;
+                                };
+                                desktop: {
+                                    type: string;
+                                };
+                            };
+                        })[];
+                    };
                 };
                 optionName: string;
                 type: string;
@@ -240,6 +278,25 @@ export declare const CardLayoutBlock: {
                             type: string;
                             enum: string[];
                         };
+                        hide: {
+                            oneOf: ({
+                                type: string;
+                                properties?: undefined;
+                            } | {
+                                type: string;
+                                properties: {
+                                    mobile: {
+                                        type: string;
+                                    };
+                                    tablet: {
+                                        type: string;
+                                    };
+                                    desktop: {
+                                        type: string;
+                                    };
+                                };
+                            })[];
+                        };
                     };
                     optionName: string;
                     type: string;
@@ -277,6 +334,25 @@ export declare const CardLayoutBlock: {
                             type: string;
                             enum: string[];
                         };
+                        hide: {
+                            oneOf: ({
+                                type: string;
+                                properties?: undefined;
+                            } | {
+                                type: string;
+                                properties: {
+                                    mobile: {
+                                        type: string;
+                                    };
+                                    tablet: {
+                                        type: string;
+                                    };
+                                    desktop: {
+                                        type: string;
+                                    };
+                                };
+                            })[];
+                        };
                     };
                     optionName: string;
                     type: string;

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

@@ -6,12 +6,27 @@ const common_1 = require("../../schema/validators/common.js");
 exports.CardLayoutProps = {
     additionalProperties: false,
     required: [],
-    properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), common_1.BlockHeaderProps), { colSizes: common_1.containerSizesObject, background: {
+    properties: {
+        ...common_1.BlockBaseProps,
+        ...common_1.AnimatableProps,
+        ...common_1.BlockHeaderProps,
+        colSizes: common_1.containerSizesObject,
+        background: {
             anyOf: [
-                Object.assign(Object.assign({}, schema_1.ImageBaseObjectProps), { properties: Object.assign(Object.assign({}, schema_1.ImageBaseObjectProps.properties), { border: common_1.BorderProps }), optionName: 'options' }),
-                Object.assign(Object.assign({}, schema_1.ImageDeviceProps), { properties: Object.assign(Object.assign({}, schema_1.ImageDeviceProps.properties), { border: common_1.BorderProps }), optionName: 'device options' }),
+                {
+                    ...schema_1.ImageBaseObjectProps,
+                    properties: { ...schema_1.ImageBaseObjectProps.properties, border: common_1.BorderProps },
+                    optionName: 'options',
+                },
+                {
+                    ...schema_1.ImageDeviceProps,
+                    properties: { ...schema_1.ImageDeviceProps.properties, border: common_1.BorderProps },
+                    optionName: 'device options',
+                },
             ],
-        }, children: common_1.ChildrenCardsProps }),
+        },
+        children: common_1.ChildrenCardsProps,
+    },
 };
 exports.CardLayoutBlock = {
     'card-layout-block': exports.CardLayoutProps,

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,8DACH,uBAAc,GACd,wBAAe,GACf,yBAAgB,KACnB,QAAQ,EAAE,6BAAoB,EAC9B,UAAU,EAAE;YACR,KAAK,EAAE;gDAEI,6BAAoB,KACvB,UAAU,kCAAM,6BAAoB,CAAC,UAAU,KAAE,MAAM,EAAE,oBAAW,KACpE,UAAU,EAAE,SAAS;gDAGlB,yBAAgB,KACnB,UAAU,kCAAM,yBAAgB,CAAC,UAAU,KAAE,MAAM,EAAE,oBAAW,KAChE,UAAU,EAAE,gBAAgB;aAEnC;SACJ,EACD,QAAQ,EAAE,2BAAkB,GAC/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,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"]}

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

@@ -11,7 +11,7 @@ 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, Object.assign({}, themedImages, { className: b('image') })) })] }) }));
+    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') }) })] }) }));
 };
 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,oBAAK,YAAY,IAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,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,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"]}

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

@@ -6,13 +6,18 @@ exports.CompaniesBlock = {
     'companies-block': {
         additionalProperties: false,
         required: ['title', 'images'],
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.AnimatableProps), { title: {
+        properties: {
+            ...common_1.BaseProps,
+            ...common_1.AnimatableProps,
+            title: {
                 type: 'string',
                 contentType: 'text',
-            }, description: {
+            },
+            description: {
                 type: 'string',
                 contentType: 'text',
-            }, images: (0, common_1.withTheme)({
+            },
+            images: (0, common_1.withTheme)({
                 type: 'object',
                 required: ['desktop', 'tablet', 'mobile'],
                 properties: {
@@ -30,7 +35,8 @@ exports.CompaniesBlock = {
                         contentType: 'text',
                     },
                 },
-            }) }),
+            }),
+        },
     },
 };
 //# sourceMappingURL=schema.js.map

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,gDACH,kBAAS,GACT,wBAAe,KAClB,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB,EACD,WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB,EACD,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,GACL;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: 'text',\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,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,MAAM;aACtB;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: 'text',\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

@@ -38,7 +38,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, Object.assign({ 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, Object.assign({ 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, Object.assign({ className: b('background-item') }, themedBackground, { hide: isMobile })) }))] }));
+    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 }) }))] }));
 };
 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":";;;;;;AAAA,qDAA+B;AAE/B,0DAA2D;AAC3D,wEAA0D;AAC1D,wDAA6C;AAC7C,8CAA+B;AAE/B,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;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,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACjD,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,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,EAAC,CAAC,aAC7D,uBAAC,oBAAO,kBACJ,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,IACnB,WAAW,IACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,IACd,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,kBACL,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAChB,IAAI,IACR,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,IAAI,EAAC,YAAY,EACjB,QAAQ,EAAE,eAAe,CAAC,IAAI,CAAC,EAC/B,KAAK,EAAE,KAAK,IACd,CACL,CAAC,GACA,CACT,EACA,UAAU,IAAI,CACX,gCAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC3B,uBAAC,4BAAe,kBACZ,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,IAC3B,gBAAgB,IACpB,IAAI,EAAE,QAAQ,IAChB,GACA,CACT,IACC,CACT,CAAC;AACN,CAAC,CAAC;AAnDW,QAAA,kBAAkB,sBAmD7B;AACF,kBAAe,0BAAkB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BackgroundImage, FileLink} from '../../components';\nimport {MobileContext} from '../../context/mobileContext';\nimport {useTheme} from '../../context/theme';\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 'l':\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 isMobile = React.useContext(MobileContext);\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,wEAA0D;AAC1D,wDAA6C;AAC7C,8CAA+B;AAE/B,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;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,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACjD,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,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,CACT,CAAC;AACN,CAAC,CAAC;AAnDW,QAAA,kBAAkB,sBAmD7B;AACF,kBAAe,0BAAkB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BackgroundImage, FileLink} from '../../components';\nimport {MobileContext} from '../../context/mobileContext';\nimport {useTheme} from '../../context/theme';\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 'l':\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 isMobile = React.useContext(MobileContext);\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"]}

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

@@ -50,6 +50,25 @@ export declare const ContentLayoutBlock: {
                             type: string;
                             enum: string[];
                         };
+                        hide: {
+                            oneOf: ({
+                                type: string;
+                                properties?: undefined;
+                            } | {
+                                type: string;
+                                properties: {
+                                    mobile: {
+                                        type: string;
+                                    };
+                                    tablet: {
+                                        type: string;
+                                    };
+                                    desktop: {
+                                        type: string;
+                                    };
+                                };
+                            })[];
+                        };
                     };
                 } | {
                     optionName: string;
@@ -84,6 +103,25 @@ export declare const ContentLayoutBlock: {
                             type: string;
                             enum: string[];
                         };
+                        hide: {
+                            oneOf: ({
+                                type: string;
+                                properties?: undefined;
+                            } | {
+                                type: string;
+                                properties: {
+                                    mobile: {
+                                        type: string;
+                                    };
+                                    tablet: {
+                                        type: string;
+                                    };
+                                    desktop: {
+                                        type: string;
+                                    };
+                                };
+                            })[];
+                        };
                     };
                 })[];
             };
@@ -256,6 +294,25 @@ export declare const ContentLayoutBlock: {
                                 type: string;
                                 enum: string[];
                             };
+                            hide: {
+                                oneOf: ({
+                                    type: string;
+                                    properties?: undefined;
+                                } | {
+                                    type: string;
+                                    properties: {
+                                        mobile: {
+                                            type: string;
+                                        };
+                                        tablet: {
+                                            type: string;
+                                        };
+                                        desktop: {
+                                            type: string;
+                                        };
+                                    };
+                                })[];
+                            };
                         };
                     } | {
                         optionName: string;
@@ -290,6 +347,25 @@ export declare const ContentLayoutBlock: {
                                 type: string;
                                 enum: string[];
                             };
+                            hide: {
+                                oneOf: ({
+                                    type: string;
+                                    properties?: undefined;
+                                } | {
+                                    type: string;
+                                    properties: {
+                                        mobile: {
+                                            type: string;
+                                        };
+                                        tablet: {
+                                            type: string;
+                                        };
+                                        desktop: {
+                                            type: string;
+                                        };
+                                    };
+                                })[];
+                            };
                         };
                     })[];
                 };

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

@@ -26,11 +26,16 @@ const ContentLayoutBlockProperties = {
 exports.ContentLayoutBlock = {
     'content-layout-block': {
         additionalProperties: false,
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), { textContent: schema_2.ContentBlock === null || schema_2.ContentBlock === void 0 ? void 0 : schema_2.ContentBlock.content, fileContent: (0, utils_1.filteredArray)(common_1.FileLinkProps), 
+        properties: {
+            ...common_1.BlockBaseProps,
+            textContent: schema_2.ContentBlock?.content,
+            fileContent: (0, utils_1.filteredArray)(common_1.FileLinkProps),
             /**
              * @deprecated Use params on top level instead
              */
-            properties: ContentLayoutBlockProperties }), ContentLayoutBlockProperties),
+            properties: ContentLayoutBlockProperties,
+            ...ContentLayoutBlockProperties,
+        },
     },
 };
 //# sourceMappingURL=schema.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/ContentLayout/schema.ts"],"names":[],"mappings":";;;AAAA,6DAAmE;AACnE,8DAMwC;AACxC,4DAA4D;AAC5D,+DAA6D;AAE7D,MAAM,4BAA4B,GAAG;IACjC,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,qBAAY;KACrB;IACD,UAAU,EAAE,6BAAoB;IAChC,QAAQ,EAAE;QACN,IAAI,EAAE,SAAS;KAClB;IACD,KAAK,EAAE;QACH,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,sBAAa;KACtB;IACD,SAAS,EAAE;QACP,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,yBAAgB;KACzB;CACJ,CAAC;AAEW,QAAA,kBAAkB,GAAG;IAC9B,sBAAsB,EAAE;QACpB,oBAAoB,EAAE,KAAK;QAC3B,UAAU,gDACH,uBAAc,KACjB,WAAW,EAAE,qBAAY,aAAZ,qBAAY,uBAAZ,qBAAY,CAAE,OAAO,EAClC,WAAW,EAAE,IAAA,qBAAa,EAAC,sBAAa,CAAC;YACzC;;eAEG;YACH,UAAU,EAAE,4BAA4B,KACrC,4BAA4B,CAClC;KACJ;CACJ,CAAC","sourcesContent":["import {BackgroundImageProps} from '../../components/Image/schema';\nimport {\n    BlockBaseProps,\n    FileLinkProps,\n    contentSizes,\n    contentTextWidth,\n    contentThemes,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\nimport {ContentBlock} from '../../sub-blocks/Content/schema';\n\nconst ContentLayoutBlockProperties = {\n    size: {\n        type: 'string',\n        enum: contentSizes,\n    },\n    background: BackgroundImageProps,\n    centered: {\n        type: 'boolean',\n    },\n    theme: {\n        type: 'string',\n        enum: contentThemes,\n    },\n    textWidth: {\n        type: 'string',\n        enum: contentTextWidth,\n    },\n};\n\nexport const ContentLayoutBlock = {\n    'content-layout-block': {\n        additionalProperties: false,\n        properties: {\n            ...BlockBaseProps,\n            textContent: ContentBlock?.content,\n            fileContent: filteredArray(FileLinkProps),\n            /**\n             * @deprecated Use params on top level instead\n             */\n            properties: ContentLayoutBlockProperties,\n            ...ContentLayoutBlockProperties,\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/ContentLayout/schema.ts"],"names":[],"mappings":";;;AAAA,6DAAmE;AACnE,8DAMwC;AACxC,4DAA4D;AAC5D,+DAA6D;AAE7D,MAAM,4BAA4B,GAAG;IACjC,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,qBAAY;KACrB;IACD,UAAU,EAAE,6BAAoB;IAChC,QAAQ,EAAE;QACN,IAAI,EAAE,SAAS;KAClB;IACD,KAAK,EAAE;QACH,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,sBAAa;KACtB;IACD,SAAS,EAAE;QACP,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,yBAAgB;KACzB;CACJ,CAAC;AAEW,QAAA,kBAAkB,GAAG;IAC9B,sBAAsB,EAAE;QACpB,oBAAoB,EAAE,KAAK;QAC3B,UAAU,EAAE;YACR,GAAG,uBAAc;YACjB,WAAW,EAAE,qBAAY,EAAE,OAAO;YAClC,WAAW,EAAE,IAAA,qBAAa,EAAC,sBAAa,CAAC;YACzC;;eAEG;YACH,UAAU,EAAE,4BAA4B;YACxC,GAAG,4BAA4B;SAClC;KACJ;CACJ,CAAC","sourcesContent":["import {BackgroundImageProps} from '../../components/Image/schema';\nimport {\n    BlockBaseProps,\n    FileLinkProps,\n    contentSizes,\n    contentTextWidth,\n    contentThemes,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\nimport {ContentBlock} from '../../sub-blocks/Content/schema';\n\nconst ContentLayoutBlockProperties = {\n    size: {\n        type: 'string',\n        enum: contentSizes,\n    },\n    background: BackgroundImageProps,\n    centered: {\n        type: 'boolean',\n    },\n    theme: {\n        type: 'string',\n        enum: contentThemes,\n    },\n    textWidth: {\n        type: 'string',\n        enum: contentTextWidth,\n    },\n};\n\nexport const ContentLayoutBlock = {\n    'content-layout-block': {\n        additionalProperties: false,\n        properties: {\n            ...BlockBaseProps,\n            textContent: ContentBlock?.content,\n            fileContent: filteredArray(FileLinkProps),\n            /**\n             * @deprecated Use params on top level instead\n             */\n            properties: ContentLayoutBlockProperties,\n            ...ContentLayoutBlockProperties,\n        },\n    },\n};\n"]}