@gravity-ui/page-constructor 6.3.2-alpha.3 → 6.4.0

package/build/esm/schema/index.d.ts

@@ -11,260 +11,4 @@ export interface SchemaCustomConfig {
     extensions?: object;
 }
 export declare const getBlocksCases: (blocks: Schema) => any;
-export declare const defaultComponentsConfigurationSchema: {
-    type: string;
-    properties: {
-        logo: {
-            oneOf: (({
-                type: string;
-                additionalProperties: boolean;
-                required: string[];
-                properties: {
-                    icon: {
-                        oneOf: ({
-                            type: string;
-                            properties: {
-                                when: {
-                                    type: string;
-                                };
-                            };
-                        } | {
-                            type: string;
-                            pattern: string;
-                            optionName: string;
-                            items?: undefined;
-                        } | {
-                            type: string;
-                            items: {
-                                type: string;
-                                properties: {
-                                    when: {
-                                        type: string;
-                                    };
-                                };
-                            };
-                            optionName: string;
-                            pattern?: undefined;
-                        })[];
-                    };
-                    text: {
-                        type: string;
-                        contentType: string;
-                    };
-                    url: {
-                        type: string;
-                    };
-                };
-            } & {
-                optionName: string;
-            }) | {
-                type: string;
-                additionalProperties: boolean;
-                required: import("../index.js").Theme[];
-                properties: {};
-                optionName: string;
-            })[];
-        };
-        header: {
-            type: string;
-            additionalProperties: boolean;
-            required: string[];
-            properties: {
-                leftItems: {
-                    oneOf: {
-                        type: string;
-                        items: {
-                            type: string;
-                            properties: {
-                                when: {
-                                    type: string;
-                                };
-                            };
-                        };
-                    }[];
-                };
-                rightItems: {
-                    oneOf: {
-                        type: string;
-                        items: {
-                            type: string;
-                            properties: {
-                                when: {
-                                    type: string;
-                                };
-                            };
-                        };
-                    }[];
-                };
-                iconSize: {
-                    type: string;
-                };
-            };
-        };
-        menu: {
-            type: string;
-            additionalProperties: boolean;
-            properties: {
-                title: {
-                    type: string;
-                    contentType: string;
-                };
-            };
-        };
-        background: {
-            oneOf: (({
-                additionalProperties: boolean;
-                properties: {
-                    image: {
-                        oneOf: ({
-                            type: string;
-                            properties: {
-                                when: {
-                                    type: string;
-                                };
-                            };
-                        } | {
-                            type: string;
-                            pattern: string;
-                            optionName: string;
-                            items?: undefined;
-                        } | {
-                            type: string;
-                            items: {
-                                type: string;
-                                properties: {
-                                    when: {
-                                        type: string;
-                                    };
-                                };
-                            };
-                            optionName: string;
-                            pattern?: undefined;
-                        })[];
-                    };
-                    color: {
-                        type: string;
-                    };
-                    video: {
-                        type: string;
-                        additionalProperties: boolean;
-                        required: string[];
-                        properties: {
-                            src: {
-                                type: string;
-                                items: {
-                                    type: string;
-                                };
-                            };
-                            loop: {
-                                oneOf: ({
-                                    optionName: string;
-                                    type: string;
-                                    additionalProperties: boolean;
-                                    required: string[];
-                                    properties: {
-                                        start: {
-                                            type: string;
-                                        };
-                                        end: {
-                                            type: string;
-                                        };
-                                    };
-                                } | {
-                                    type: string;
-                                    optionName: string;
-                                })[];
-                            };
-                            type: {
-                                type: string;
-                                enum: string[];
-                            };
-                            muted: {
-                                type: string;
-                            };
-                            autoplay: {
-                                type: string;
-                            };
-                            elapsedTime: {
-                                type: string;
-                            };
-                            playButton: {
-                                type: string;
-                                additionalProperties: boolean;
-                                properties: {
-                                    type: {
-                                        type: string;
-                                        enum: string[];
-                                    };
-                                    theme: {
-                                        type: string;
-                                        enum: string[];
-                                    };
-                                    text: {
-                                        type: string;
-                                        contentType: string;
-                                    };
-                                };
-                            };
-                            controls: {
-                                type: string;
-                                enum: import("../index.js").MediaVideoControlsType[];
-                            };
-                            customControlsOptions: {
-                                type: string;
-                                additionalProperties: boolean;
-                                properties: {
-                                    type: {
-                                        type: string;
-                                        enum: import("../index.js").CustomControlsType[];
-                                    };
-                                    muteButtonShown: {
-                                        type: string;
-                                    };
-                                    positioning: {
-                                        type: string;
-                                        enum: import("../index.js").CustomControlsButtonPositioning[];
-                                    };
-                                };
-                            };
-                            ariaLabel: {
-                                type: string;
-                            };
-                            contain: {
-                                type: string;
-                            };
-                        };
-                    };
-                    height: {
-                        type: string;
-                    };
-                    size: {
-                        type: string;
-                        enum: string[];
-                    };
-                    parallax: {
-                        type: string;
-                    };
-                    fullWidthMedia: {
-                        type: string;
-                    };
-                    animated: {
-                        type: string;
-                    };
-                };
-            } & {
-                optionName: string;
-            }) | {
-                type: string;
-                additionalProperties: boolean;
-                required: import("../index.js").Theme[];
-                properties: {};
-                optionName: string;
-            })[];
-        };
-        animated: {
-            type: string;
-        };
-    };
-};
 export declare function generateDefaultSchema(config?: SchemaCustomConfig): Schema;

package/build/esm/schema/index.js

@@ -9,16 +9,6 @@ export const getBlocksCases = (blocks) => {
         ...block,
     }), {});
 };
-export const defaultComponentsConfigurationSchema = {
-    type: 'object',
-    properties: {
-        ...AnimatableProps,
-        logo: withTheme(LogoProps),
-        header: NavigationHeaderProps,
-        menu: MenuProps,
-        background: withTheme(BackgroundProps),
-    },
-};
 export function generateDefaultSchema(config) {
     const { cards = {}, blocks = {}, extensions = {} } = config ?? {};
     const configBlockSchemaNames = Object.keys(blocks).filter((item) => !constructorBlockSchemaNames.includes(item));
@@ -61,13 +51,17 @@ export function generateDefaultSchema(config) {
         additionalProperties: false,
         required: ['blocks'],
         properties: {
-            ...defaultComponentsConfigurationSchema.properties,
+            ...AnimatableProps,
+            logo: withTheme(LogoProps),
+            header: NavigationHeaderProps,
             blocks: {
                 type: 'array',
                 items: {
                     $ref: '#/definitions/children',
                 },
             },
+            menu: MenuProps,
+            background: withTheme(BackgroundProps),
             ...extensions,
         },
     };

package/build/esm/schema/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["schema/index.ts"],"names":[],"mappings":"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","sourcesContent":["export {validators} from './validators';\nexport type {ObjectSchema} from './validators/utils';\n\nimport type {JSONSchema4} from 'json-schema';\n\nimport {\n    blockSchemas,\n    cardSchemas,\n    constructorBlockSchemaNames,\n    constructorCardSchemaNames,\n} from './constants';\nimport {AnimatableProps, BackgroundProps, MenuProps, withTheme} from './validators/common';\nimport {LogoProps, NavigationHeaderProps} from './validators/navigation';\nimport {filteredItem} from './validators/utils';\n\nexport type Schema = JSONSchema4;\nexport type SchemaDefinitions = {\n    [k: string]: Schema;\n};\nexport interface SchemaCustomConfig {\n    blocks?: Record<string, Schema>;\n    cards?: Record<string, Schema>;\n    extensions?: object;\n}\n\nexport const getBlocksCases = (blocks: Schema) => {\n    return Object.values(blocks).reduce(\n        (acc, block) => ({\n            ...acc,\n            ...block,\n        }),\n        {},\n    );\n};\n\nexport const defaultComponentsConfigurationSchema = {\n    type: 'object',\n    properties: {\n        ...AnimatableProps,\n        logo: withTheme(LogoProps),\n        header: NavigationHeaderProps,\n        menu: MenuProps,\n        background: withTheme(BackgroundProps),\n    },\n};\n\nexport function generateDefaultSchema(config?: SchemaCustomConfig) {\n    const {cards = {}, blocks = {}, extensions = {}} = config ?? {};\n\n    const configBlockSchemaNames = Object.keys(blocks).filter(\n        (item) => !constructorBlockSchemaNames.includes(item),\n    );\n\n    const configCardSchemaNames = Object.keys(cards).filter(\n        (item) => !constructorCardSchemaNames.includes(item),\n    );\n\n    return {\n        $id: 'self',\n        definitions: {\n            children: filteredItem({\n                type: 'object',\n                required: ['type'],\n                properties: {\n                    type: {\n                        type: 'string',\n                        enum: [...constructorBlockSchemaNames, ...configBlockSchemaNames],\n                    },\n                },\n                select: {$data: '0/type'},\n                selectCases: {\n                    ...blockSchemas,\n                    ...getBlocksCases(blocks),\n                },\n            }),\n            cards: filteredItem({\n                type: 'object',\n                required: ['type'],\n                properties: {\n                    type: {\n                        type: 'string',\n                        enum: [...constructorCardSchemaNames, ...configCardSchemaNames],\n                    },\n                },\n                select: {$data: '0/type'},\n                selectCases: {\n                    ...cardSchemas,\n                    ...getBlocksCases(cards),\n                },\n            }),\n        },\n        type: 'object',\n        additionalProperties: false,\n        required: ['blocks'],\n        properties: {\n            ...defaultComponentsConfigurationSchema.properties,\n            blocks: {\n                type: 'array',\n                items: {\n                    $ref: '#/definitions/children',\n                },\n            },\n            ...extensions,\n        },\n    } as Schema;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["schema/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,8BAAqB;AAKxC,OAAO,EACH,YAAY,EACZ,WAAW,EACX,2BAA2B,EAC3B,0BAA0B,GAC7B,uBAAoB;AACrB,OAAO,EAAC,eAAe,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAC,+BAA4B;AAC3F,OAAO,EAAC,SAAS,EAAE,qBAAqB,EAAC,mCAAgC;AACzE,OAAO,EAAC,YAAY,EAAC,8BAA2B;AAYhD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAc,EAAE,EAAE;IAC7C,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAC/B,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QACb,GAAG,GAAG;QACN,GAAG,KAAK;KACX,CAAC,EACF,EAAE,CACL,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,UAAU,qBAAqB,CAAC,MAA2B;IAC7D,MAAM,EAAC,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,UAAU,GAAG,EAAE,EAAC,GAAG,MAAM,IAAI,EAAE,CAAC;IAEhE,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CACrD,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,2BAA2B,CAAC,QAAQ,CAAC,IAAI,CAAC,CACxD,CAAC;IAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CACnD,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,0BAA0B,CAAC,QAAQ,CAAC,IAAI,CAAC,CACvD,CAAC;IAEF,OAAO;QACH,GAAG,EAAE,MAAM;QACX,WAAW,EAAE;YACT,QAAQ,EAAE,YAAY,CAAC;gBACnB,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC,MAAM,CAAC;gBAClB,UAAU,EAAE;oBACR,IAAI,EAAE;wBACF,IAAI,EAAE,QAAQ;wBACd,IAAI,EAAE,CAAC,GAAG,2BAA2B,EAAE,GAAG,sBAAsB,CAAC;qBACpE;iBACJ;gBACD,MAAM,EAAE,EAAC,KAAK,EAAE,QAAQ,EAAC;gBACzB,WAAW,EAAE;oBACT,GAAG,YAAY;oBACf,GAAG,cAAc,CAAC,MAAM,CAAC;iBAC5B;aACJ,CAAC;YACF,KAAK,EAAE,YAAY,CAAC;gBAChB,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC,MAAM,CAAC;gBAClB,UAAU,EAAE;oBACR,IAAI,EAAE;wBACF,IAAI,EAAE,QAAQ;wBACd,IAAI,EAAE,CAAC,GAAG,0BAA0B,EAAE,GAAG,qBAAqB,CAAC;qBAClE;iBACJ;gBACD,MAAM,EAAE,EAAC,KAAK,EAAE,QAAQ,EAAC;gBACzB,WAAW,EAAE;oBACT,GAAG,WAAW;oBACd,GAAG,cAAc,CAAC,KAAK,CAAC;iBAC3B;aACJ,CAAC;SACL;QACD,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,QAAQ,CAAC;QACpB,UAAU,EAAE;YACR,GAAG,eAAe;YAClB,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC;YAC1B,MAAM,EAAE,qBAAqB;YAC7B,MAAM,EAAE;gBACJ,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE;oBACH,IAAI,EAAE,wBAAwB;iBACjC;aACJ;YACD,IAAI,EAAE,SAAS;YACf,UAAU,EAAE,SAAS,CAAC,eAAe,CAAC;YACtC,GAAG,UAAU;SAChB;KACM,CAAC;AAChB,CAAC","sourcesContent":["export {validators} from './validators';\nexport type {ObjectSchema} from './validators/utils';\n\nimport type {JSONSchema4} from 'json-schema';\n\nimport {\n    blockSchemas,\n    cardSchemas,\n    constructorBlockSchemaNames,\n    constructorCardSchemaNames,\n} from './constants';\nimport {AnimatableProps, BackgroundProps, MenuProps, withTheme} from './validators/common';\nimport {LogoProps, NavigationHeaderProps} from './validators/navigation';\nimport {filteredItem} from './validators/utils';\n\nexport type Schema = JSONSchema4;\nexport type SchemaDefinitions = {\n    [k: string]: Schema;\n};\nexport interface SchemaCustomConfig {\n    blocks?: Record<string, Schema>;\n    cards?: Record<string, Schema>;\n    extensions?: object;\n}\n\nexport const getBlocksCases = (blocks: Schema) => {\n    return Object.values(blocks).reduce(\n        (acc, block) => ({\n            ...acc,\n            ...block,\n        }),\n        {},\n    );\n};\n\nexport function generateDefaultSchema(config?: SchemaCustomConfig) {\n    const {cards = {}, blocks = {}, extensions = {}} = config ?? {};\n\n    const configBlockSchemaNames = Object.keys(blocks).filter(\n        (item) => !constructorBlockSchemaNames.includes(item),\n    );\n\n    const configCardSchemaNames = Object.keys(cards).filter(\n        (item) => !constructorCardSchemaNames.includes(item),\n    );\n\n    return {\n        $id: 'self',\n        definitions: {\n            children: filteredItem({\n                type: 'object',\n                required: ['type'],\n                properties: {\n                    type: {\n                        type: 'string',\n                        enum: [...constructorBlockSchemaNames, ...configBlockSchemaNames],\n                    },\n                },\n                select: {$data: '0/type'},\n                selectCases: {\n                    ...blockSchemas,\n                    ...getBlocksCases(blocks),\n                },\n            }),\n            cards: filteredItem({\n                type: 'object',\n                required: ['type'],\n                properties: {\n                    type: {\n                        type: 'string',\n                        enum: [...constructorCardSchemaNames, ...configCardSchemaNames],\n                    },\n                },\n                select: {$data: '0/type'},\n                selectCases: {\n                    ...cardSchemas,\n                    ...getBlocksCases(cards),\n                },\n            }),\n        },\n        type: 'object',\n        additionalProperties: false,\n        required: ['blocks'],\n        properties: {\n            ...AnimatableProps,\n            logo: withTheme(LogoProps),\n            header: NavigationHeaderProps,\n            blocks: {\n                type: 'array',\n                items: {\n                    $ref: '#/definitions/children',\n                },\n            },\n            menu: MenuProps,\n            background: withTheme(BackgroundProps),\n            ...extensions,\n        },\n    } as Schema;\n}\n"]}

package/build/esm/sub-blocks/BannerCard/BannerCard.js

@@ -5,10 +5,9 @@ import { block, getThemedValue } from "../../utils/index.js";
 import './BannerCard.css';
 const b = block('banner-card');
 export const BannerCard = (props) => {
-    const { title, subtitle, button, color, theme: textTheme = 'light', image, disableCompress, mediaView = 'full', } = props;
+    const { title, subtitle, button: { url, text, target, theme: buttonTheme = 'raised' } = {}, color, theme: textTheme = 'light', image, disableCompress, mediaView = 'full', } = props;
     const theme = useTheme();
     const contentStyle = {};
-    const { url, text, target, theme: buttonTheme = 'raised' } = button || {};
     if (color) {
         contentStyle.backgroundColor = getThemedValue(color, theme);
     }

package/build/esm/sub-blocks/BannerCard/BannerCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/BannerCard/BannerCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAC,kCAAyB;AACvF,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAE7C,OAAO,EAAC,KAAK,EAAE,cAAc,EAAC,6BAAoB;AAElD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EACF,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EACL,KAAK,EAAE,SAAS,GAAG,OAAO,EAC1B,KAAK,EACL,eAAe,EACf,SAAS,GAAG,MAAM,GACrB,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,YAAY,GAA2B,EAAE,CAAC;IAEhD,MAAM,EAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,GAAG,QAAQ,EAAC,GAAG,MAAM,IAAI,EAAE,CAAC;IAExE,IAAI,KAAK,EAAE,CAAC;QACR,YAAY,CAAC,eAAe,GAAG,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAChE,CAAC;IAED,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,CAAC,YAAY,CAAC,EAAE,SAAS,EAAC,CAAC,YAC5D,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,aAC7C,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,aAAI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,KAAC,IAAI,cAAE,KAAK,GAAQ,GACnB,EACJ,QAAQ,IAAI,CACT,KAAC,UAAU,IACP,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EACxB,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAChC,CACL,IACC,EAEL,GAAG,IAAI,CACJ,KAAC,UAAU,IAAC,IAAI,EAAE,GAAG,YACjB,KAAC,MAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,KAAK,EAAE,WAAW,EAClB,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,GAChB,GACO,CAChB,IACC,EACN,KAAC,eAAe,IACZ,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,GAAG,EAAE,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,EACjC,eAAe,EAAE,eAAe,GAClC,IACA,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import {BackgroundImage, Button, HTML, RouterLink, YFMWrapper} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {BannerCardProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './BannerCard.scss';\n\nconst b = block('banner-card');\n\nexport const BannerCard = (props: BannerCardProps) => {\n    const {\n        title,\n        subtitle,\n        button,\n        color,\n        theme: textTheme = 'light',\n        image,\n        disableCompress,\n        mediaView = 'full',\n    } = props;\n    const theme = useTheme();\n    const contentStyle: Record<string, string> = {};\n\n    const {url, text, target, theme: buttonTheme = 'raised'} = button || {};\n\n    if (color) {\n        contentStyle.backgroundColor = getThemedValue(color, theme);\n    }\n\n    return (\n        <div className={b({theme: textTheme, ['media-view']: mediaView})}>\n            <div className={b('content')} style={contentStyle}>\n                <div className={b('info')}>\n                    <div className={b('text')}>\n                        <h2 className={b('title')}>\n                            <HTML>{title}</HTML>\n                        </h2>\n                        {subtitle && (\n                            <YFMWrapper\n                                className={b('subtitle')}\n                                content={subtitle}\n                                modifiers={{constructor: true}}\n                            />\n                        )}\n                    </div>\n\n                    {url && (\n                        <RouterLink href={url}>\n                            <Button\n                                className={b('button')}\n                                theme={buttonTheme}\n                                size=\"xl\"\n                                text={text ?? ''}\n                                url={url}\n                                target={target}\n                            />\n                        </RouterLink>\n                    )}\n                </div>\n                <BackgroundImage\n                    className={b('image')}\n                    src={getThemedValue(image, theme)}\n                    disableCompress={disableCompress}\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default BannerCard;\n"]}
+{"version":3,"file":"BannerCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/BannerCard/BannerCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAC,kCAAyB;AACvF,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAE7C,OAAO,EAAC,KAAK,EAAE,cAAc,EAAC,6BAAoB;AAElD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EACF,KAAK,EACL,QAAQ,EACR,MAAM,EAAE,EAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,GAAG,QAAQ,EAAC,GAAG,EAAE,EAC/D,KAAK,EACL,KAAK,EAAE,SAAS,GAAG,OAAO,EAC1B,KAAK,EACL,eAAe,EACf,SAAS,GAAG,MAAM,GACrB,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,YAAY,GAA2B,EAAE,CAAC;IAEhD,IAAI,KAAK,EAAE,CAAC;QACR,YAAY,CAAC,eAAe,GAAG,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAChE,CAAC;IAED,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,CAAC,YAAY,CAAC,EAAE,SAAS,EAAC,CAAC,YAC5D,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,aAC7C,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,aAAI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,KAAC,IAAI,cAAE,KAAK,GAAQ,GACnB,EACJ,QAAQ,IAAI,CACT,KAAC,UAAU,IACP,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EACxB,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAChC,CACL,IACC,EAEL,GAAG,IAAI,CACJ,KAAC,UAAU,IAAC,IAAI,EAAE,GAAG,YACjB,KAAC,MAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,KAAK,EAAE,WAAW,EAClB,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,GAChB,GACO,CAChB,IACC,EACN,KAAC,eAAe,IACZ,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,GAAG,EAAE,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,EACjC,eAAe,EAAE,eAAe,GAClC,IACA,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import {BackgroundImage, Button, HTML, RouterLink, YFMWrapper} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {BannerCardProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './BannerCard.scss';\n\nconst b = block('banner-card');\n\nexport const BannerCard = (props: BannerCardProps) => {\n    const {\n        title,\n        subtitle,\n        button: {url, text, target, theme: buttonTheme = 'raised'} = {},\n        color,\n        theme: textTheme = 'light',\n        image,\n        disableCompress,\n        mediaView = 'full',\n    } = props;\n    const theme = useTheme();\n    const contentStyle: Record<string, string> = {};\n\n    if (color) {\n        contentStyle.backgroundColor = getThemedValue(color, theme);\n    }\n\n    return (\n        <div className={b({theme: textTheme, ['media-view']: mediaView})}>\n            <div className={b('content')} style={contentStyle}>\n                <div className={b('info')}>\n                    <div className={b('text')}>\n                        <h2 className={b('title')}>\n                            <HTML>{title}</HTML>\n                        </h2>\n                        {subtitle && (\n                            <YFMWrapper\n                                className={b('subtitle')}\n                                content={subtitle}\n                                modifiers={{constructor: true}}\n                            />\n                        )}\n                    </div>\n\n                    {url && (\n                        <RouterLink href={url}>\n                            <Button\n                                className={b('button')}\n                                theme={buttonTheme}\n                                size=\"xl\"\n                                text={text ?? ''}\n                                url={url}\n                                target={target}\n                            />\n                        </RouterLink>\n                    )}\n                </div>\n                <BackgroundImage\n                    className={b('image')}\n                    src={getThemedValue(image, theme)}\n                    disableCompress={disableCompress}\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default BannerCard;\n"]}

package/build/esm/sub-blocks/Content/schema.d.ts

@@ -139,7 +139,6 @@ export declare const ContentBase: {
 };
 export declare const ContentBlock: {
     content: {
-        type: string;
         additionalProperties: boolean;
         properties: {
             colSizes: {};

package/build/esm/sub-blocks/Content/schema.js

@@ -57,7 +57,6 @@ export const ContentBase = {
 };
 export const ContentBlock = {
     content: {
-        type: 'object',
         additionalProperties: false,
         properties: {
             ...ContentBase,

package/build/esm/sub-blocks/Content/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/Content/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,yCAAsC;AACzD,OAAO,EACH,WAAW,EACX,SAAS,EACT,UAAU,EACV,mBAAmB,EACnB,YAAY,EACZ,aAAa,EACb,UAAU,EACV,SAAS,GACZ,0CAAuC;AACxC,OAAO,EAAC,aAAa,EAAC,yCAAsC;AAE5D,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,CAAC;IAClB,UAAU,EAAE;QACR,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB;QACD,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,KAAK;SACrB;QACD,IAAI,EAAE,SAAS,CAAC,UAAU,CAAC;KAC9B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,KAAK,EAAE;QACH,KAAK,EAAE;YACH;gBACI,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;gBACnB,UAAU,EAAE,MAAM;aACrB;YACD;gBACI,GAAG,UAAU;gBACb,UAAU,EAAE,SAAS;aACxB;SACJ;KACJ;IACD,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE,UAAU;KACxB;IACD,cAAc,EAAE;QACZ,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,KAAK;KACrB;IACD,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,YAAY;KACrB;IACD,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC;IAC/B,OAAO,EAAE,aAAa,CAAC,WAAW,CAAC;IACnC,KAAK,EAAE;QACH,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,aAAa;KACtB;IACD,IAAI,EAAE,aAAa,CAAC,WAAW,CAAC;IAChC,eAAe,EAAE;QACb,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;KAC9B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,OAAO,EAAE;QACL,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,UAAU,EAAE;YACR,GAAG,WAAW;YACd,QAAQ,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,UAAU,EAAC,CAAC,EAAE,EAAE,CAAC;YACvF,QAAQ,EAAE;gBACN,IAAI,EAAE,SAAS;aAClB;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import {ImageProps} from '../../components/Image/schema';\nimport {\n    ButtonBlock,\n    LinkProps,\n    TitleProps,\n    containerSizesArray,\n    contentSizes,\n    contentThemes,\n    sizeNumber,\n    withTheme,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\n\nexport const ContentItem = {\n    additionalProperties: false,\n    required: ['icon'],\n    properties: {\n        title: {\n            type: 'string',\n            contentType: 'text',\n        },\n        text: {\n            type: 'string',\n            contentType: 'yfm',\n        },\n        icon: withTheme(ImageProps),\n    },\n};\n\nexport const ContentBase = {\n    title: {\n        oneOf: [\n            {\n                type: 'string',\n                contentType: 'text',\n                optionName: 'text',\n            },\n            {\n                ...TitleProps,\n                optionName: 'options',\n            },\n        ],\n    },\n    text: {\n        type: 'string',\n        contentType: 'yfm',\n        inputType: 'textarea',\n    },\n    additionalInfo: {\n        type: 'string',\n        contentType: 'yfm',\n    },\n    size: {\n        type: 'string',\n        enum: contentSizes,\n    },\n    links: filteredArray(LinkProps),\n    buttons: filteredArray(ButtonBlock),\n    theme: {\n        type: 'string',\n        enum: contentThemes,\n    },\n    list: filteredArray(ContentItem),\n    controlPosition: {\n        type: 'string',\n        enum: ['default', 'bottom'],\n    },\n};\n\nexport const ContentBlock = {\n    content: {\n        type: 'object',\n        additionalProperties: false,\n        properties: {\n            ...ContentBase,\n            colSizes: containerSizesArray.reduce((acc, size) => ({...acc, [size]: sizeNumber}), {}),\n            centered: {\n                type: 'boolean',\n            },\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/Content/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,yCAAsC;AACzD,OAAO,EACH,WAAW,EACX,SAAS,EACT,UAAU,EACV,mBAAmB,EACnB,YAAY,EACZ,aAAa,EACb,UAAU,EACV,SAAS,GACZ,0CAAuC;AACxC,OAAO,EAAC,aAAa,EAAC,yCAAsC;AAE5D,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,CAAC;IAClB,UAAU,EAAE;QACR,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB;QACD,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,KAAK;SACrB;QACD,IAAI,EAAE,SAAS,CAAC,UAAU,CAAC;KAC9B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,KAAK,EAAE;QACH,KAAK,EAAE;YACH;gBACI,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;gBACnB,UAAU,EAAE,MAAM;aACrB;YACD;gBACI,GAAG,UAAU;gBACb,UAAU,EAAE,SAAS;aACxB;SACJ;KACJ;IACD,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE,UAAU;KACxB;IACD,cAAc,EAAE;QACZ,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,KAAK;KACrB;IACD,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,YAAY;KACrB;IACD,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC;IAC/B,OAAO,EAAE,aAAa,CAAC,WAAW,CAAC;IACnC,KAAK,EAAE;QACH,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,aAAa;KACtB;IACD,IAAI,EAAE,aAAa,CAAC,WAAW,CAAC;IAChC,eAAe,EAAE;QACb,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;KAC9B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,OAAO,EAAE;QACL,oBAAoB,EAAE,KAAK;QAC3B,UAAU,EAAE;YACR,GAAG,WAAW;YACd,QAAQ,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,UAAU,EAAC,CAAC,EAAE,EAAE,CAAC;YACvF,QAAQ,EAAE;gBACN,IAAI,EAAE,SAAS;aAClB;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import {ImageProps} from '../../components/Image/schema';\nimport {\n    ButtonBlock,\n    LinkProps,\n    TitleProps,\n    containerSizesArray,\n    contentSizes,\n    contentThemes,\n    sizeNumber,\n    withTheme,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\n\nexport const ContentItem = {\n    additionalProperties: false,\n    required: ['icon'],\n    properties: {\n        title: {\n            type: 'string',\n            contentType: 'text',\n        },\n        text: {\n            type: 'string',\n            contentType: 'yfm',\n        },\n        icon: withTheme(ImageProps),\n    },\n};\n\nexport const ContentBase = {\n    title: {\n        oneOf: [\n            {\n                type: 'string',\n                contentType: 'text',\n                optionName: 'text',\n            },\n            {\n                ...TitleProps,\n                optionName: 'options',\n            },\n        ],\n    },\n    text: {\n        type: 'string',\n        contentType: 'yfm',\n        inputType: 'textarea',\n    },\n    additionalInfo: {\n        type: 'string',\n        contentType: 'yfm',\n    },\n    size: {\n        type: 'string',\n        enum: contentSizes,\n    },\n    links: filteredArray(LinkProps),\n    buttons: filteredArray(ButtonBlock),\n    theme: {\n        type: 'string',\n        enum: contentThemes,\n    },\n    list: filteredArray(ContentItem),\n    controlPosition: {\n        type: 'string',\n        enum: ['default', 'bottom'],\n    },\n};\n\nexport const ContentBlock = {\n    content: {\n        additionalProperties: false,\n        properties: {\n            ...ContentBase,\n            colSizes: containerSizesArray.reduce((acc, size) => ({...acc, [size]: sizeNumber}), {}),\n            centered: {\n                type: 'boolean',\n            },\n        },\n    },\n};\n"]}

package/build/esm/sub-blocks/ImageCard/ImageCard.js

@@ -18,7 +18,7 @@ const ImageCard = (props) => {
     const themedImage = getThemedValue(image, globalTheme);
     const imageProps = getMediaImage(themedImage);
     const titleId = useUniqId();
-    const cardContent = (_jsxs(React.Fragment, { children: [image && (_jsx("div", { className: b('image', { margins }), children: _jsx(Image, { className: b('image_inner', { radius: enableImageBorderRadius }), ...imageProps }) })), hasContent && (_jsx("div", { className: b('content'), children: _jsx(Content, { titleId: titleId, title: title, text: text, links: links, buttons: buttons, list: list, theme: cardTheme, additionalInfo: additionalInfo, size: size, colSizes: CONTENT_COL_SIZES, controlPosition: areControlsInFooter ? 'bottom' : 'default' }) }))] }));
+    const cardContent = (_jsxs(React.Fragment, { children: [_jsx("div", { className: b('image', { margins }), children: _jsx(Image, { className: b('image_inner', { radius: enableImageBorderRadius }), ...imageProps }) }), hasContent && (_jsx("div", { className: b('content'), children: _jsx(Content, { titleId: titleId, title: title, text: text, links: links, buttons: buttons, list: list, theme: cardTheme, additionalInfo: additionalInfo, size: size, colSizes: CONTENT_COL_SIZES, controlPosition: areControlsInFooter ? 'bottom' : 'default' }) }))] }));
     return url ? (_jsx(Link, { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: b({ border, 'with-content': hasContent, direction }), title: urlTitle, style: { backgroundColor }, extraProps: {
             draggable: false,
             onDragStart: (e) => e.preventDefault(),

package/build/esm/sub-blocks/ImageCard/ImageCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/ImageCard/ImageCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Link, useUniqId} from '@gravity-ui/uikit';\n\nimport {Image} from '../../components';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport {useTheme} from '../../context/theme';\nimport {GridColumnSizesType} from '../../grid';\nimport {ImageCardDirection, ImageCardProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport Content from '../Content/Content';\n\nimport './ImageCard.scss';\n\nconst b = block('image-card');\nconst CONTENT_COL_SIZES: GridColumnSizesType = {all: 12, md: 12};\n\nconst ImageCard = (props: ImageCardProps) => {\n    const {\n        border = 'shadow',\n        title,\n        text,\n        image,\n        enableImageBorderRadius = false,\n        direction = ImageCardDirection.Direct,\n        margins,\n        backgroundColor,\n        url,\n        target,\n        urlTitle,\n        additionalInfo,\n        links,\n        buttons,\n        list,\n        theme: cardTheme = 'default',\n        size = 's',\n        controlPosition = 'content',\n    } = props;\n\n    const globalTheme = useTheme();\n    const areControlsInFooter = controlPosition === 'footer';\n    const hasContent = Boolean(text || title || buttons || links || list);\n    const themedImage = getThemedValue(image, globalTheme);\n    const imageProps = getMediaImage(themedImage);\n\n    const titleId = useUniqId();\n\n    const cardContent = (\n        <React.Fragment>\n            {image && (\n                <div className={b('image', {margins})}>\n                    <Image\n                        className={b('image_inner', {radius: enableImageBorderRadius})}\n                        {...imageProps}\n                    />\n                </div>\n            )}\n            {hasContent && (\n                <div className={b('content')}>\n                    <Content\n                        titleId={titleId}\n                        title={title}\n                        text={text}\n                        links={links}\n                        buttons={buttons}\n                        list={list}\n                        theme={cardTheme}\n                        additionalInfo={additionalInfo}\n                        size={size}\n                        colSizes={CONTENT_COL_SIZES}\n                        controlPosition={areControlsInFooter ? 'bottom' : 'default'}\n                    />\n                </div>\n            )}\n        </React.Fragment>\n    );\n\n    return url ? (\n        <Link\n            href={url}\n            target={target}\n            rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n            className={b({border, 'with-content': hasContent, direction})}\n            title={urlTitle}\n            style={{backgroundColor}}\n            extraProps={{\n                draggable: false,\n                onDragStart: (e: React.DragEvent<HTMLAnchorElement>) => e.preventDefault(),\n            }}\n        >\n            {cardContent}\n        </Link>\n    ) : (\n        <div\n            className={b({border, 'with-content': hasContent, direction})}\n            style={{backgroundColor}}\n        >\n            {cardContent}\n        </div>\n    );\n};\n\nexport default ImageCard;\n"]}
+{"version":3,"file":"ImageCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/ImageCard/ImageCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Link, useUniqId} from '@gravity-ui/uikit';\n\nimport {Image} from '../../components';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport {useTheme} from '../../context/theme';\nimport {GridColumnSizesType} from '../../grid';\nimport {ImageCardDirection, ImageCardProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport Content from '../Content/Content';\n\nimport './ImageCard.scss';\n\nconst b = block('image-card');\nconst CONTENT_COL_SIZES: GridColumnSizesType = {all: 12, md: 12};\n\nconst ImageCard = (props: ImageCardProps) => {\n    const {\n        border = 'shadow',\n        title,\n        text,\n        image,\n        enableImageBorderRadius = false,\n        direction = ImageCardDirection.Direct,\n        margins,\n        backgroundColor,\n        url,\n        target,\n        urlTitle,\n        additionalInfo,\n        links,\n        buttons,\n        list,\n        theme: cardTheme = 'default',\n        size = 's',\n        controlPosition = 'content',\n    } = props;\n\n    const globalTheme = useTheme();\n    const areControlsInFooter = controlPosition === 'footer';\n    const hasContent = Boolean(text || title || buttons || links || list);\n    const themedImage = getThemedValue(image, globalTheme);\n    const imageProps = getMediaImage(themedImage);\n\n    const titleId = useUniqId();\n\n    const cardContent = (\n        <React.Fragment>\n            <div className={b('image', {margins})}>\n                <Image\n                    className={b('image_inner', {radius: enableImageBorderRadius})}\n                    {...imageProps}\n                />\n            </div>\n            {hasContent && (\n                <div className={b('content')}>\n                    <Content\n                        titleId={titleId}\n                        title={title}\n                        text={text}\n                        links={links}\n                        buttons={buttons}\n                        list={list}\n                        theme={cardTheme}\n                        additionalInfo={additionalInfo}\n                        size={size}\n                        colSizes={CONTENT_COL_SIZES}\n                        controlPosition={areControlsInFooter ? 'bottom' : 'default'}\n                    />\n                </div>\n            )}\n        </React.Fragment>\n    );\n\n    return url ? (\n        <Link\n            href={url}\n            target={target}\n            rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n            className={b({border, 'with-content': hasContent, direction})}\n            title={urlTitle}\n            style={{backgroundColor}}\n            extraProps={{\n                draggable: false,\n                onDragStart: (e: React.DragEvent<HTMLAnchorElement>) => e.preventDefault(),\n            }}\n        >\n            {cardContent}\n        </Link>\n    ) : (\n        <div\n            className={b({border, 'with-content': hasContent, direction})}\n            style={{backgroundColor}}\n        >\n            {cardContent}\n        </div>\n    );\n};\n\nexport default ImageCard;\n"]}

package/build/esm/sub-blocks/LayoutItem/LayoutItem.js

@@ -9,7 +9,7 @@ import Content from "../Content/Content.js";
 import { getLayoutItemLinks, hasFullscreen, showFullscreenIcon } from "./utils.js";
 import './LayoutItem.css';
 const b = block('layout-item');
-const LayoutItem = ({ content: { links = [], ...content } = {}, contentMargin = 'm', metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content', }) => {
+const LayoutItem = ({ content: { links, ...content }, contentMargin = 'm', metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content', }) => {
     const normalizedLinks = React.useMemo(() => getLayoutItemLinks(links), [links]);
     const areControlsInFooter = controlPosition === 'footer';
     const theme = useTheme();

package/build/esm/sub-blocks/LayoutItem/LayoutItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutItem.js","sourceRoot":"../../../../src","sources":["sub-blocks/LayoutItem/LayoutItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {useUniqId} from '@gravity-ui/uikit';\n\nimport {FullscreenMedia, IconWrapper, Media, MetaInfo} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {ContentBlockProps, LayoutItemProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\nimport Content from '../Content/Content';\n\nimport {getLayoutItemLinks, hasFullscreen, showFullscreenIcon} from './utils';\n\nimport './LayoutItem.scss';\n\nconst b = block('layout-item');\n\nconst LayoutItem = ({\n    content: {links = [], ...content} = {},\n    contentMargin = 'm',\n    metaInfo,\n    media,\n    border,\n    fullscreen,\n    icon,\n    className,\n    analyticsEvents,\n    controlPosition = 'content',\n}: LayoutItemProps) => {\n    const normalizedLinks = React.useMemo(() => getLayoutItemLinks(links), [links]);\n    const areControlsInFooter = controlPosition === 'footer';\n    const theme = useTheme();\n    const themedIcon = getThemedValue(icon, theme);\n\n    const contentProps: ContentBlockProps = {\n        controlPosition: areControlsInFooter ? 'bottom' : 'default',\n        ...content,\n        links: normalizedLinks,\n        size: 's',\n        colSizes: {all: 12, md: 12},\n    };\n    const titleId = useUniqId();\n    const renderMedia = () => {\n        if (!media) {\n            return null;\n        }\n        const themedMedia = getThemedValue(media, theme);\n        const {title} = content;\n        const mediaWithMicrodata = mergeVideoMicrodata(themedMedia, {\n            name: typeof title === 'string' ? title : title?.text,\n            description: content.text,\n        });\n\n        return fullscreen && hasFullscreen(themedMedia) ? (\n            <FullscreenMedia showFullscreenIcon={showFullscreenIcon(themedMedia)}>\n                {({\n                    className: mediaClassName,\n                    fullscreen: _fullscreen,\n                    ...fullscreenMediaProps\n                } = {}) => (\n                    <Media\n                        {...mediaWithMicrodata}\n                        {...fullscreenMediaProps}\n                        className={b('media', {border}, mediaClassName)}\n                        analyticsEvents={analyticsEvents}\n                    />\n                )}\n            </FullscreenMedia>\n        ) : (\n            <Media\n                {...themedMedia}\n                className={b('media', {border})}\n                analyticsEvents={analyticsEvents}\n            />\n        );\n    };\n    return (\n        <div className={b(null, className)}>\n            {renderMedia()}\n            {metaInfo && <MetaInfo items={metaInfo} className={b('meta-info')} />}\n            <div className={b('content', {'no-media': !media, margin: contentMargin})}>\n                <IconWrapper icon={themedIcon} className={b('wrapper')}>\n                    <Content {...contentProps} titleId={titleId} />\n                </IconWrapper>\n            </div>\n        </div>\n    );\n};\n\nexport default LayoutItem;\n"]}
+{"version":3,"file":"LayoutItem.js","sourceRoot":"../../../../src","sources":["sub-blocks/LayoutItem/LayoutItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {useUniqId} from '@gravity-ui/uikit';\n\nimport {FullscreenMedia, IconWrapper, Media, MetaInfo} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {ContentBlockProps, LayoutItemProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\nimport Content from '../Content/Content';\n\nimport {getLayoutItemLinks, hasFullscreen, showFullscreenIcon} from './utils';\n\nimport './LayoutItem.scss';\n\nconst b = block('layout-item');\n\nconst LayoutItem = ({\n    content: {links, ...content},\n    contentMargin = 'm',\n    metaInfo,\n    media,\n    border,\n    fullscreen,\n    icon,\n    className,\n    analyticsEvents,\n    controlPosition = 'content',\n}: LayoutItemProps) => {\n    const normalizedLinks = React.useMemo(() => getLayoutItemLinks(links), [links]);\n    const areControlsInFooter = controlPosition === 'footer';\n    const theme = useTheme();\n    const themedIcon = getThemedValue(icon, theme);\n\n    const contentProps: ContentBlockProps = {\n        controlPosition: areControlsInFooter ? 'bottom' : 'default',\n        ...content,\n        links: normalizedLinks,\n        size: 's',\n        colSizes: {all: 12, md: 12},\n    };\n    const titleId = useUniqId();\n    const renderMedia = () => {\n        if (!media) {\n            return null;\n        }\n        const themedMedia = getThemedValue(media, theme);\n        const {title} = content;\n        const mediaWithMicrodata = mergeVideoMicrodata(themedMedia, {\n            name: typeof title === 'string' ? title : title?.text,\n            description: content.text,\n        });\n\n        return fullscreen && hasFullscreen(themedMedia) ? (\n            <FullscreenMedia showFullscreenIcon={showFullscreenIcon(themedMedia)}>\n                {({\n                    className: mediaClassName,\n                    fullscreen: _fullscreen,\n                    ...fullscreenMediaProps\n                } = {}) => (\n                    <Media\n                        {...mediaWithMicrodata}\n                        {...fullscreenMediaProps}\n                        className={b('media', {border}, mediaClassName)}\n                        analyticsEvents={analyticsEvents}\n                    />\n                )}\n            </FullscreenMedia>\n        ) : (\n            <Media\n                {...themedMedia}\n                className={b('media', {border})}\n                analyticsEvents={analyticsEvents}\n            />\n        );\n    };\n    return (\n        <div className={b(null, className)}>\n            {renderMedia()}\n            {metaInfo && <MetaInfo items={metaInfo} className={b('meta-info')} />}\n            <div className={b('content', {'no-media': !media, margin: contentMargin})}>\n                <IconWrapper icon={themedIcon} className={b('wrapper')}>\n                    <Content {...contentProps} titleId={titleId} />\n                </IconWrapper>\n            </div>\n        </div>\n    );\n};\n\nexport default LayoutItem;\n"]}