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

package/build/cjs/sub-blocks/BasicCard/BasicCard.js

@@ -10,13 +10,13 @@ const utils_1 = require("../../utils/index.js");
 const Content_1 = tslib_1.__importDefault(require("../Content/Content.js"));
 const b = (0, utils_1.block)('basic-card');
 const BasicCard = (props) => {
-    const { title, text, icon, additionalInfo, links, list, buttons, iconPosition = sub_blocks_1.IconPosition.Top, controlPosition = 'content', ...cardParams } = props;
+    const { title, text, icon, additionalInfo, links, list, buttons, iconPosition = sub_blocks_1.IconPosition.Top, controlPosition = 'content' } = props, cardParams = tslib_1.__rest(props, ["title", "text", "icon", "additionalInfo", "links", "list", "buttons", "iconPosition", "controlPosition"]);
     const titleId = (0, uikit_1.useUniqId)();
     const descriptionId = (0, uikit_1.useUniqId)();
     const areControlsInFooter = controlPosition === 'footer';
     const theme = (0, theme_1.useTheme)();
     const themedIcon = (0, utils_1.getThemedValue)(icon, theme);
-    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b(), contentClassName: b('content'), ...cardParams, extraProps: { 'aria-describedby': descriptionId, 'aria-labelledby': titleId }, children: (0, jsx_runtime_1.jsx)(components_1.CardBase.Content, { children: (0, jsx_runtime_1.jsx)(components_1.IconWrapper, { icon: themedIcon ? { value: themedIcon, position: iconPosition } : undefined, className: b('wrapper'), children: (0, jsx_runtime_1.jsx)(Content_1.default, { title: title, titleId: titleId, text: text, textId: descriptionId, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, size: "s", colSizes: { all: 12, md: 12 }, controlPosition: areControlsInFooter ? 'bottom' : 'default' }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, Object.assign({ className: b(), contentClassName: b('content') }, cardParams, { extraProps: { 'aria-describedby': descriptionId, 'aria-labelledby': titleId }, children: (0, jsx_runtime_1.jsx)(components_1.CardBase.Content, { children: (0, jsx_runtime_1.jsx)(components_1.IconWrapper, { icon: themedIcon ? { value: themedIcon, position: iconPosition } : undefined, className: b('wrapper'), children: (0, jsx_runtime_1.jsx)(Content_1.default, { title: title, titleId: titleId, text: text, textId: descriptionId, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, size: "s", colSizes: { all: 12, md: 12 }, controlPosition: areControlsInFooter ? 'bottom' : 'default' }) }) }) })));
 };
 exports.default = BasicCard;
 //# sourceMappingURL=BasicCard.js.map

package/build/cjs/sub-blocks/BasicCard/BasicCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/BasicCard/BasicCard.tsx"],"names":[],"mappings":";;;;AAAA,6CAA4C;AAE5C,0DAAuD;AACvD,wDAA6C;AAE7C,6EAAuE;AACvE,gDAAkD;AAClD,4EAAyC;AAIzC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACxC,MAAM,EACF,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,KAAK,EACL,IAAI,EACJ,OAAO,EACP,YAAY,GAAG,yBAAY,CAAC,GAAG,EAC/B,eAAe,GAAG,SAAS,EAC3B,GAAG,UAAU,EAChB,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,IAAA,iBAAS,GAAE,CAAC;IAC5B,MAAM,aAAa,GAAG,IAAA,iBAAS,GAAE,CAAC;IAClC,MAAM,mBAAmB,GAAG,eAAe,KAAK,QAAQ,CAAC;IACzD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAE/C,OAAO,CACH,uBAAC,qBAAQ,IACL,SAAS,EAAE,CAAC,EAAE,EACd,gBAAgB,EAAE,CAAC,CAAC,SAAS,CAAC,KAC1B,UAAU,EACd,UAAU,EAAE,EAAC,kBAAkB,EAAE,aAAa,EAAE,iBAAiB,EAAE,OAAO,EAAC,YAE3E,uBAAC,qBAAQ,CAAC,OAAO,cACb,uBAAC,wBAAW,IACR,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,EAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAC,CAAC,CAAC,CAAC,SAAS,EAC1E,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAEvB,uBAAC,iBAAO,IACJ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,aAAa,EACrB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,GAAG,EACR,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,EAC3B,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAC7D,GACQ,GACC,GACZ,CACd,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import {useUniqId} from '@gravity-ui/uikit';\n\nimport {CardBase, IconWrapper} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {BasicCardProps} from '../../models';\nimport {IconPosition} from '../../models/constructor-items/sub-blocks';\nimport {block, getThemedValue} from '../../utils';\nimport Content from '../Content/Content';\n\nimport './BasicCard.scss';\n\nconst b = block('basic-card');\n\nconst BasicCard = (props: BasicCardProps) => {\n    const {\n        title,\n        text,\n        icon,\n        additionalInfo,\n        links,\n        list,\n        buttons,\n        iconPosition = IconPosition.Top,\n        controlPosition = 'content',\n        ...cardParams\n    } = props;\n    const titleId = useUniqId();\n    const descriptionId = useUniqId();\n    const areControlsInFooter = controlPosition === 'footer';\n    const theme = useTheme();\n    const themedIcon = getThemedValue(icon, theme);\n\n    return (\n        <CardBase\n            className={b()}\n            contentClassName={b('content')}\n            {...cardParams}\n            extraProps={{'aria-describedby': descriptionId, 'aria-labelledby': titleId}}\n        >\n            <CardBase.Content>\n                <IconWrapper\n                    icon={themedIcon ? {value: themedIcon, position: iconPosition} : undefined}\n                    className={b('wrapper')}\n                >\n                    <Content\n                        title={title}\n                        titleId={titleId}\n                        text={text}\n                        textId={descriptionId}\n                        additionalInfo={additionalInfo}\n                        links={links}\n                        list={list}\n                        buttons={buttons}\n                        size=\"s\"\n                        colSizes={{all: 12, md: 12}}\n                        controlPosition={areControlsInFooter ? 'bottom' : 'default'}\n                    />\n                </IconWrapper>\n            </CardBase.Content>\n        </CardBase>\n    );\n};\n\nexport default BasicCard;\n"]}
+{"version":3,"file":"BasicCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/BasicCard/BasicCard.tsx"],"names":[],"mappings":";;;;AAAA,6CAA4C;AAE5C,0DAAuD;AACvD,wDAA6C;AAE7C,6EAAuE;AACvE,gDAAkD;AAClD,4EAAyC;AAIzC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACxC,MAAM,EACF,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,KAAK,EACL,IAAI,EACJ,OAAO,EACP,YAAY,GAAG,yBAAY,CAAC,GAAG,EAC/B,eAAe,GAAG,SAAS,KAE3B,KAAK,EADF,UAAU,kBACb,KAAK,EAXH,0GAWL,CAAQ,CAAC;IACV,MAAM,OAAO,GAAG,IAAA,iBAAS,GAAE,CAAC;IAC5B,MAAM,aAAa,GAAG,IAAA,iBAAS,GAAE,CAAC;IAClC,MAAM,mBAAmB,GAAG,eAAe,KAAK,QAAQ,CAAC;IACzD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAE/C,OAAO,CACH,uBAAC,qBAAQ,kBACL,SAAS,EAAE,CAAC,EAAE,EACd,gBAAgB,EAAE,CAAC,CAAC,SAAS,CAAC,IAC1B,UAAU,IACd,UAAU,EAAE,EAAC,kBAAkB,EAAE,aAAa,EAAE,iBAAiB,EAAE,OAAO,EAAC,YAE3E,uBAAC,qBAAQ,CAAC,OAAO,cACb,uBAAC,wBAAW,IACR,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,EAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAC,CAAC,CAAC,CAAC,SAAS,EAC1E,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAEvB,uBAAC,iBAAO,IACJ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,aAAa,EACrB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,GAAG,EACR,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,EAC3B,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAC7D,GACQ,GACC,IACZ,CACd,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import {useUniqId} from '@gravity-ui/uikit';\n\nimport {CardBase, IconWrapper} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {BasicCardProps} from '../../models';\nimport {IconPosition} from '../../models/constructor-items/sub-blocks';\nimport {block, getThemedValue} from '../../utils';\nimport Content from '../Content/Content';\n\nimport './BasicCard.scss';\n\nconst b = block('basic-card');\n\nconst BasicCard = (props: BasicCardProps) => {\n    const {\n        title,\n        text,\n        icon,\n        additionalInfo,\n        links,\n        list,\n        buttons,\n        iconPosition = IconPosition.Top,\n        controlPosition = 'content',\n        ...cardParams\n    } = props;\n    const titleId = useUniqId();\n    const descriptionId = useUniqId();\n    const areControlsInFooter = controlPosition === 'footer';\n    const theme = useTheme();\n    const themedIcon = getThemedValue(icon, theme);\n\n    return (\n        <CardBase\n            className={b()}\n            contentClassName={b('content')}\n            {...cardParams}\n            extraProps={{'aria-describedby': descriptionId, 'aria-labelledby': titleId}}\n        >\n            <CardBase.Content>\n                <IconWrapper\n                    icon={themedIcon ? {value: themedIcon, position: iconPosition} : undefined}\n                    className={b('wrapper')}\n                >\n                    <Content\n                        title={title}\n                        titleId={titleId}\n                        text={text}\n                        textId={descriptionId}\n                        additionalInfo={additionalInfo}\n                        links={links}\n                        list={list}\n                        buttons={buttons}\n                        size=\"s\"\n                        colSizes={{all: 12, md: 12}}\n                        controlPosition={areControlsInFooter ? 'bottom' : 'default'}\n                    />\n                </IconWrapper>\n            </CardBase.Content>\n        </CardBase>\n    );\n};\n\nexport default BasicCard;\n"]}

package/build/cjs/sub-blocks/BasicCard/schema.js

@@ -11,31 +11,20 @@ exports.BasicCard = {
     'basic-card': {
         additionalProperties: false,
         required: [],
-        properties: {
-            ...common_1.BaseProps,
-            ...common_1.CardBase,
-            ...common_1.CardLayoutProps,
-            ...BasicCardContentProps,
-            url: {
+        properties: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), common_1.CardLayoutProps), BasicCardContentProps), { url: {
                 type: 'string',
-            },
-            urlTitle: {
+            }, urlTitle: {
                 type: 'string',
-            },
-            icon: schema_1.ImageProps,
-            target: {
+            }, icon: schema_1.ImageProps, target: {
                 type: 'string',
                 enum: ['_blank', '_parent', '_top', '_self'],
-            },
-            iconPosition: {
+            }, iconPosition: {
                 type: 'string',
                 enum: ['top', 'left'],
-            },
-            controlPosition: {
+            }, controlPosition: {
                 type: 'string',
                 enum: ['content', 'footer'],
-            },
-        },
+            } }),
     },
 };
 //# sourceMappingURL=schema.js.map

package/build/cjs/sub-blocks/BasicCard/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/BasicCard/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,6DAAyD;AACzD,8DAAoF;AACpF,iDAA8C;AAE9C,MAAM,qBAAqB,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAEzE,QAAA,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE;YACR,GAAG,kBAAS;YACZ,GAAG,iBAAQ;YACX,GAAG,wBAAe;YAClB,GAAG,qBAAqB;YACxB,GAAG,EAAE;gBACD,IAAI,EAAE,QAAQ;aACjB;YACD,QAAQ,EAAE;gBACN,IAAI,EAAE,QAAQ;aACjB;YACD,IAAI,EAAE,mBAAU;YAChB,MAAM,EAAE;gBACJ,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC;aAC/C;YACD,YAAY,EAAE;gBACV,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;aACxB;YACD,eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;aAC9B;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {ImageProps} from '../../components/Image/schema';\nimport {BaseProps, CardBase, CardLayoutProps} from '../../schema/validators/common';\nimport {ContentBase} from '../Content/schema';\n\nconst BasicCardContentProps = omit(ContentBase, ['size', 'theme', 'controlPosition']);\n\nexport const BasicCard = {\n    'basic-card': {\n        additionalProperties: false,\n        required: [],\n        properties: {\n            ...BaseProps,\n            ...CardBase,\n            ...CardLayoutProps,\n            ...BasicCardContentProps,\n            url: {\n                type: 'string',\n            },\n            urlTitle: {\n                type: 'string',\n            },\n            icon: ImageProps,\n            target: {\n                type: 'string',\n                enum: ['_blank', '_parent', '_top', '_self'],\n            },\n            iconPosition: {\n                type: 'string',\n                enum: ['top', 'left'],\n            },\n            controlPosition: {\n                type: 'string',\n                enum: ['content', 'footer'],\n            },\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/BasicCard/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,6DAAyD;AACzD,8DAAoF;AACpF,iDAA8C;AAE9C,MAAM,qBAAqB,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAEzE,QAAA,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,4EACH,kBAAS,GACT,iBAAQ,GACR,wBAAe,GACf,qBAAqB,KACxB,GAAG,EAAE;gBACD,IAAI,EAAE,QAAQ;aACjB,EACD,QAAQ,EAAE;gBACN,IAAI,EAAE,QAAQ;aACjB,EACD,IAAI,EAAE,mBAAU,EAChB,MAAM,EAAE;gBACJ,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC;aAC/C,EACD,YAAY,EAAE;gBACV,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;aACxB,EACD,eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;aAC9B,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {ImageProps} from '../../components/Image/schema';\nimport {BaseProps, CardBase, CardLayoutProps} from '../../schema/validators/common';\nimport {ContentBase} from '../Content/schema';\n\nconst BasicCardContentProps = omit(ContentBase, ['size', 'theme', 'controlPosition']);\n\nexport const BasicCard = {\n    'basic-card': {\n        additionalProperties: false,\n        required: [],\n        properties: {\n            ...BaseProps,\n            ...CardBase,\n            ...CardLayoutProps,\n            ...BasicCardContentProps,\n            url: {\n                type: 'string',\n            },\n            urlTitle: {\n                type: 'string',\n            },\n            icon: ImageProps,\n            target: {\n                type: 'string',\n                enum: ['_blank', '_parent', '_top', '_self'],\n            },\n            iconPosition: {\n                type: 'string',\n                enum: ['top', 'left'],\n            },\n            controlPosition: {\n                type: 'string',\n                enum: ['content', 'footer'],\n            },\n        },\n    },\n};\n"]}

package/build/cjs/sub-blocks/Content/Content.css

@@ -128,73 +128,75 @@ unpredictable css rules order in build */
 .pc-content_size_l .pc-content__buttons {
   margin-top: 24px;
 }
-.pc-content_theme_dark {
+.pc-content_theme_dark.pc-content_theme_dark {
   --g-color-line-focus: var(--pc-color-line-focus-dark);
 }
-.pc-content_theme_dark .pc-content__title *,
-.pc-content_theme_dark .pc-content__text .yfm,
-.pc-content_theme_dark .pc-content__text .yfm *,
-.pc-content_theme_dark .pc-content__links a {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__title *,
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__text .yfm,
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__text .yfm *,
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__links a {
   color: var(--g-color-text-light-primary);
 }
-.pc-content_theme_dark .pc-content__notice .yfm,
-.pc-content_theme_dark .pc-content__notice .yfm * {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__notice .yfm,
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__notice .yfm * {
   color: var(--g-color-text-light-secondary);
 }
-.pc-content_theme_dark .pc-content__notice .yfm a {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__notice .yfm a {
   color: var(--g-color-text-light-secondary);
   text-decoration: underline;
 }
-.pc-content_theme_dark .pc-content__notice .yfm a:hover {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__notice .yfm a:hover {
   color: var(--g-color-text-light-primary);
 }
-.pc-content_theme_dark .pc-content__text .yfm a {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__text .yfm a {
   color: var(--g-color-text-light-primary);
   text-decoration: underline;
 }
-.pc-content_theme_dark .pc-content__text .yfm a:hover {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__text .yfm a:hover {
   color: var(--g-color-text-light-secondary);
 }
-.pc-content_theme_dark .pc-content__title a {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__title a {
   color: var(--g-color-text-light-primary);
   text-decoration: underline;
   text-decoration: none;
 }
-.pc-content_theme_dark .pc-content__title a:hover {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__title a:hover {
   color: var(--g-color-text-light-secondary);
 }
-.pc-content_theme_light .pc-content__title *,
-.pc-content_theme_light .pc-content__text .yfm,
-.pc-content_theme_light .pc-content__text .yfm *,
-.pc-content_theme_light .pc-content__links a {
+
+.pc-content_theme_light.pc-content_theme_light .pc-content__title *,
+.pc-content_theme_light.pc-content_theme_light .pc-content__text .yfm,
+.pc-content_theme_light.pc-content_theme_light .pc-content__text .yfm *,
+.pc-content_theme_light.pc-content_theme_light .pc-content__links a {
   color: var(--g-color-text-dark-primary);
 }
-.pc-content_theme_light .pc-content__notice .yfm,
-.pc-content_theme_light .pc-content__notice .yfm * {
+.pc-content_theme_light.pc-content_theme_light .pc-content__notice .yfm,
+.pc-content_theme_light.pc-content_theme_light .pc-content__notice .yfm * {
   color: var(--g-color-text-dark-secondary);
 }
-.pc-content_theme_light .pc-content__notice .yfm a {
+.pc-content_theme_light.pc-content_theme_light .pc-content__notice .yfm a {
   color: var(--g-color-text-dark-secondary);
   text-decoration: underline;
 }
-.pc-content_theme_light .pc-content__notice .yfm a:hover {
+.pc-content_theme_light.pc-content_theme_light .pc-content__notice .yfm a:hover {
   color: var(--g-color-text-dark-primary);
 }
-.pc-content_theme_light .pc-content__text .yfm a {
+.pc-content_theme_light.pc-content_theme_light .pc-content__text .yfm a {
   color: var(--g-color-text-dark-primary);
   text-decoration: underline;
 }
-.pc-content_theme_light .pc-content__text .yfm a:hover {
+.pc-content_theme_light.pc-content_theme_light .pc-content__text .yfm a:hover {
   color: var(--g-color-text-dark-secondary);
 }
-.pc-content_theme_light .pc-content__title a {
+.pc-content_theme_light.pc-content_theme_light .pc-content__title a {
   color: var(--g-color-text-dark-primary);
   text-decoration: underline;
   text-decoration: none;
 }
-.pc-content_theme_light .pc-content__title a:hover {
+.pc-content_theme_light.pc-content_theme_light .pc-content__title a:hover {
   color: var(--g-color-text-dark-secondary);
 }
+
 .pc-content_control-position_bottom .pc-content__notice:has(+ .pc-content__buttons), .pc-content_control-position_bottom .pc-content__notice:has(+ .pc-content__links),
 .pc-content_control-position_bottom .pc-content__list:has(+ .pc-content__buttons),
 .pc-content_control-position_bottom .pc-content__list:has(+ .pc-content__links),

package/build/cjs/sub-blocks/Content/Content.js

@@ -27,7 +27,7 @@ const Content = (props) => {
     const hasTitle = Boolean(title);
     const defaultTitleId = (0, uikit_1.useUniqId)();
     const titleId = titleIdFromProps || defaultTitleId;
-    return ((0, jsx_runtime_1.jsxs)(grid_1.Col, { className: b({ size, centered, theme, 'control-position': controlPosition }, className), reset: true, sizes: colSizes, qa: qaAttributes.container, children: [title && ((0, jsx_runtime_1.jsx)(components_1.Title, { className: b('title'), title: titleProps, colSizes: { all: 12 }, id: titleId })), text && ((0, jsx_runtime_1.jsx)("div", { className: b('text', { ['without-title']: !hasTitle }), children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true }, id: textId }) })), list?.length ? ((0, jsx_runtime_1.jsx)("div", { className: b('list'), children: (0, jsx_runtime_1.jsx)(components_1.ContentList, { list: list, size: size, qa: qaAttributes.list, theme: theme }) })) : null, additionalInfo && ((0, jsx_runtime_1.jsx)("div", { className: b('notice'), children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: additionalInfo, modifiers: {
+    return ((0, jsx_runtime_1.jsxs)(grid_1.Col, { className: b({ size, centered, theme, 'control-position': controlPosition }, className), reset: true, sizes: colSizes, qa: qaAttributes.container, children: [title && ((0, jsx_runtime_1.jsx)(components_1.Title, { className: b('title'), title: titleProps, colSizes: { all: 12 }, id: titleId })), text && ((0, jsx_runtime_1.jsx)("div", { className: b('text', { ['without-title']: !hasTitle }), children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true }, id: textId, qa: qaAttributes.list }) })), (list === null || list === void 0 ? void 0 : list.length) ? ((0, jsx_runtime_1.jsx)("div", { className: b('list'), children: (0, jsx_runtime_1.jsx)(components_1.ContentList, { list: list, size: size, qa: qaAttributes.list, theme: theme }) })) : null, additionalInfo && ((0, jsx_runtime_1.jsx)("div", { className: b('notice'), children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: additionalInfo, modifiers: {
                         constructor: true,
                         'constructor-notice': true,
                         [`constructor-size-${size}`]: true,

package/build/cjs/sub-blocks/Content/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sourceRoot":"../../../../src","sources":["sub-blocks/Content/Content.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useUniqId} from '@gravity-ui/uikit';\n\nimport {Buttons, ContentList, Links, Title, YFMWrapper} from '../../components';\nimport {Col} from '../../grid';\nimport {\n    ClassNameProps,\n    ContentBlockProps,\n    ContentSize,\n    TextSize,\n    TitleItemProps,\n} from '../../models';\nimport {QAProps} from '../../models/common';\nimport {block} from '../../utils';\nimport {getQaAttrubutes} from '../../utils/blocks';\n\nimport './Content.scss';\n\nconst b = block('content');\n\nfunction getTextSize(size: ContentSize): TextSize {\n    switch (size) {\n        case 's':\n            return 's';\n        case 'm':\n            return 'sm';\n        case 'l':\n        default:\n            return 'm';\n    }\n}\n\nexport type ContentProps = ContentBlockProps & ClassNameProps & QAProps;\n\nconst Content = (props: ContentProps) => {\n    const {\n        title,\n        titleId: titleIdFromProps,\n        text,\n        textId,\n        additionalInfo,\n        size = 'l',\n        links,\n        buttons,\n        colSizes = {all: 12, sm: 8},\n        centered,\n        theme,\n        className,\n        list,\n        qa,\n        controlPosition,\n    } = props;\n    const qaAttributes = getQaAttrubutes(qa, ['links', 'link', 'buttons', 'button', 'list']);\n\n    const titleProps =\n        !title || typeof title === 'string'\n            ? ({text: title, textSize: getTextSize(size)} as TitleItemProps)\n            : title;\n\n    const hasTitle = Boolean(title);\n    const defaultTitleId = useUniqId();\n    const titleId = titleIdFromProps || defaultTitleId;\n\n    return (\n        <Col\n            className={b({size, centered, theme, 'control-position': controlPosition}, className)}\n            reset\n            sizes={colSizes}\n            qa={qaAttributes.container}\n        >\n            {title && (\n                <Title\n                    className={b('title')}\n                    title={titleProps}\n                    colSizes={{all: 12}}\n                    id={titleId}\n                />\n            )}\n            {text && (\n                <div className={b('text', {['without-title']: !hasTitle})}>\n                    <YFMWrapper\n                        content={text}\n                        modifiers={{constructor: true, [`constructor-size-${size}`]: true}}\n                        id={textId}\n                    />\n                </div>\n            )}\n            {list?.length ? (\n                <div className={b('list')}>\n                    <ContentList list={list} size={size} qa={qaAttributes.list} theme={theme} />\n                </div>\n            ) : null}\n            {additionalInfo && (\n                <div className={b('notice')}>\n                    <YFMWrapper\n                        content={additionalInfo}\n                        modifiers={{\n                            constructor: true,\n                            'constructor-notice': true,\n                            [`constructor-size-${size}`]: true,\n                        }}\n                    />\n                </div>\n            )}\n            {links && (\n                <Links\n                    className={b('links', {size})}\n                    size={size}\n                    links={links}\n                    titleId={titleId}\n                    qa={qaAttributes.links}\n                    linkQa={qaAttributes.link}\n                />\n            )}\n            {buttons && (\n                <Buttons\n                    className={b('buttons', {size})}\n                    size={size}\n                    buttons={buttons}\n                    titleId={titleId}\n                    qa={qaAttributes.buttons}\n                    buttonQa={qaAttributes.button}\n                />\n            )}\n        </Col>\n    );\n};\n\nexport default Content;\n"]}
+{"version":3,"file":"Content.js","sourceRoot":"../../../../src","sources":["sub-blocks/Content/Content.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useUniqId} from '@gravity-ui/uikit';\n\nimport {Buttons, ContentList, Links, Title, YFMWrapper} from '../../components';\nimport {Col} from '../../grid';\nimport {\n    ClassNameProps,\n    ContentBlockProps,\n    ContentSize,\n    TextSize,\n    TitleItemProps,\n} from '../../models';\nimport {QAProps} from '../../models/common';\nimport {block} from '../../utils';\nimport {getQaAttrubutes} from '../../utils/blocks';\n\nimport './Content.scss';\n\nconst b = block('content');\n\nfunction getTextSize(size: ContentSize): TextSize {\n    switch (size) {\n        case 's':\n            return 's';\n        case 'm':\n            return 'sm';\n        case 'l':\n        default:\n            return 'm';\n    }\n}\n\nexport type ContentProps = ContentBlockProps & ClassNameProps & QAProps;\n\nconst Content = (props: ContentProps) => {\n    const {\n        title,\n        titleId: titleIdFromProps,\n        text,\n        textId,\n        additionalInfo,\n        size = 'l',\n        links,\n        buttons,\n        colSizes = {all: 12, sm: 8},\n        centered,\n        theme,\n        className,\n        list,\n        qa,\n        controlPosition,\n    } = props;\n    const qaAttributes = getQaAttrubutes(qa, ['links', 'link', 'buttons', 'button', 'list']);\n\n    const titleProps =\n        !title || typeof title === 'string'\n            ? ({text: title, textSize: getTextSize(size)} as TitleItemProps)\n            : title;\n\n    const hasTitle = Boolean(title);\n    const defaultTitleId = useUniqId();\n    const titleId = titleIdFromProps || defaultTitleId;\n\n    return (\n        <Col\n            className={b({size, centered, theme, 'control-position': controlPosition}, className)}\n            reset\n            sizes={colSizes}\n            qa={qaAttributes.container}\n        >\n            {title && (\n                <Title\n                    className={b('title')}\n                    title={titleProps}\n                    colSizes={{all: 12}}\n                    id={titleId}\n                />\n            )}\n            {text && (\n                <div className={b('text', {['without-title']: !hasTitle})}>\n                    <YFMWrapper\n                        content={text}\n                        modifiers={{constructor: true, [`constructor-size-${size}`]: true}}\n                        id={textId}\n                        qa={qaAttributes.list}\n                    />\n                </div>\n            )}\n            {list?.length ? (\n                <div className={b('list')}>\n                    <ContentList list={list} size={size} qa={qaAttributes.list} theme={theme} />\n                </div>\n            ) : null}\n            {additionalInfo && (\n                <div className={b('notice')}>\n                    <YFMWrapper\n                        content={additionalInfo}\n                        modifiers={{\n                            constructor: true,\n                            'constructor-notice': true,\n                            [`constructor-size-${size}`]: true,\n                        }}\n                    />\n                </div>\n            )}\n            {links && (\n                <Links\n                    className={b('links', {size})}\n                    size={size}\n                    links={links}\n                    titleId={titleId}\n                    qa={qaAttributes.links}\n                    linkQa={qaAttributes.link}\n                />\n            )}\n            {buttons && (\n                <Buttons\n                    className={b('buttons', {size})}\n                    size={size}\n                    buttons={buttons}\n                    titleId={titleId}\n                    qa={qaAttributes.buttons}\n                    buttonQa={qaAttributes.button}\n                />\n            )}\n        </Col>\n    );\n};\n\nexport default Content;\n"]}

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

@@ -27,10 +27,7 @@ exports.ContentBase = {
                 contentType: 'text',
                 optionName: 'text',
             },
-            {
-                ...common_1.TitleProps,
-                optionName: 'options',
-            },
+            Object.assign(Object.assign({}, common_1.TitleProps), { optionName: 'options' }),
         ],
     },
     text: {
@@ -61,13 +58,9 @@ exports.ContentBase = {
 exports.ContentBlock = {
     content: {
         additionalProperties: false,
-        properties: {
-            ...exports.ContentBase,
-            colSizes: common_1.containerSizesArray.reduce((acc, size) => ({ ...acc, [size]: common_1.sizeNumber }), {}),
-            centered: {
+        properties: Object.assign(Object.assign({}, exports.ContentBase), { colSizes: common_1.containerSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: common_1.sizeNumber })), {}), centered: {
                 type: 'boolean',
-            },
-        },
+            } }),
     },
 };
 //# sourceMappingURL=schema.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/Content/schema.ts"],"names":[],"mappings":";;;AAAA,6DAAyD;AACzD,8DASwC;AACxC,4DAA4D;AAE/C,QAAA,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,IAAA,kBAAS,EAAC,mBAAU,CAAC;KAC9B;CACJ,CAAC;AAEW,QAAA,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,mBAAU;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,qBAAY;KACrB;IACD,KAAK,EAAE,IAAA,qBAAa,EAAC,kBAAS,CAAC;IAC/B,OAAO,EAAE,IAAA,qBAAa,EAAC,oBAAW,CAAC;IACnC,KAAK,EAAE;QACH,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,sBAAa;KACtB;IACD,IAAI,EAAE,IAAA,qBAAa,EAAC,mBAAW,CAAC;IAChC,eAAe,EAAE;QACb,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;KAC9B;CACJ,CAAC;AAEW,QAAA,YAAY,GAAG;IACxB,OAAO,EAAE;QACL,oBAAoB,EAAE,KAAK;QAC3B,UAAU,EAAE;YACR,GAAG,mBAAW;YACd,QAAQ,EAAE,4BAAmB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,mBAAU,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"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/Content/schema.ts"],"names":[],"mappings":";;;AAAA,6DAAyD;AACzD,8DASwC;AACxC,4DAA4D;AAE/C,QAAA,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,IAAA,kBAAS,EAAC,mBAAU,CAAC;KAC9B;CACJ,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,KAAK,EAAE;QACH,KAAK,EAAE;YACH;gBACI,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;gBACnB,UAAU,EAAE,MAAM;aACrB;4CAEM,mBAAU,KACb,UAAU,EAAE,SAAS;SAE5B;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,qBAAY;KACrB;IACD,KAAK,EAAE,IAAA,qBAAa,EAAC,kBAAS,CAAC;IAC/B,OAAO,EAAE,IAAA,qBAAa,EAAC,oBAAW,CAAC;IACnC,KAAK,EAAE;QACH,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,sBAAa;KACtB;IACD,IAAI,EAAE,IAAA,qBAAa,EAAC,mBAAW,CAAC;IAChC,eAAe,EAAE;QACb,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;KAC9B;CACJ,CAAC;AAEW,QAAA,YAAY,GAAG;IACxB,OAAO,EAAE;QACL,oBAAoB,EAAE,KAAK;QAC3B,UAAU,kCACH,mBAAW,KACd,QAAQ,EAAE,4BAAmB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,iCAAK,GAAG,KAAE,CAAC,IAAI,CAAC,EAAE,mBAAU,IAAE,EAAE,EAAE,CAAC,EACvF,QAAQ,EAAE;gBACN,IAAI,EAAE,SAAS;aAClB,GACJ;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/cjs/sub-blocks/Divider/schema.js

@@ -5,13 +5,9 @@ const common_1 = require("../../schema/validators/common.js");
 exports.Divider = {
     divider: {
         additionalProperties: false,
-        properties: {
-            ...common_1.BaseProps,
-            border: {
+        properties: Object.assign(Object.assign({}, common_1.BaseProps), { border: {
                 type: 'boolean',
-            },
-            size: common_1.dividerEnum,
-        },
+            }, size: common_1.dividerEnum }),
     },
 };
 //# sourceMappingURL=schema.js.map

package/build/cjs/sub-blocks/Divider/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/Divider/schema.ts"],"names":[],"mappings":";;;AAAA,8DAAsE;AAEzD,QAAA,OAAO,GAAG;IACnB,OAAO,EAAE;QACL,oBAAoB,EAAE,KAAK;QAC3B,UAAU,EAAE;YACR,GAAG,kBAAS;YACZ,MAAM,EAAE;gBACJ,IAAI,EAAE,SAAS;aAClB;YACD,IAAI,EAAE,oBAAW;SACpB;KACJ;CACJ,CAAC","sourcesContent":["import {BaseProps, dividerEnum} from '../../schema/validators/common';\n\nexport const Divider = {\n    divider: {\n        additionalProperties: false,\n        properties: {\n            ...BaseProps,\n            border: {\n                type: 'boolean',\n            },\n            size: dividerEnum,\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/Divider/schema.ts"],"names":[],"mappings":";;;AAAA,8DAAsE;AAEzD,QAAA,OAAO,GAAG;IACnB,OAAO,EAAE;QACL,oBAAoB,EAAE,KAAK;QAC3B,UAAU,kCACH,kBAAS,KACZ,MAAM,EAAE;gBACJ,IAAI,EAAE,SAAS;aAClB,EACD,IAAI,EAAE,oBAAW,GACpB;KACJ;CACJ,CAAC","sourcesContent":["import {BaseProps, dividerEnum} from '../../schema/validators/common';\n\nexport const Divider = {\n    divider: {\n        additionalProperties: false,\n        properties: {\n            ...BaseProps,\n            border: {\n                type: 'boolean',\n            },\n            size: dividerEnum,\n        },\n    },\n};\n"]}

package/build/cjs/sub-blocks/HubspotForm/index.js

@@ -17,8 +17,8 @@ const HubspotForm = React.forwardRef((props, ref) => {
     const themeValue = (0, theme_1.useTheme)();
     const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.HubspotFormSubmit);
     const isMobileValue = React.useContext(mobileContext_1.MobileContext);
-    const theme = themeProp ?? themeValue;
-    const mobile = isMobileProp ?? isMobileValue;
+    const theme = themeProp !== null && themeProp !== void 0 ? themeProp : themeValue;
+    const mobile = isMobileProp !== null && isMobileProp !== void 0 ? isMobileProp : isMobileValue;
     const handlers = React.useMemo(() => ({
         onBeforeLoad,
         onBeforeSubmit,
@@ -26,7 +26,7 @@ const HubspotForm = React.forwardRef((props, ref) => {
         onSubmitError,
         onSubmit: (event) => {
             handleAnalytics(analyticsEvents);
-            onSubmit?.(event);
+            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(event);
         },
     }), [
         onBeforeLoad,

package/build/cjs/sub-blocks/HubspotForm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["sub-blocks/HubspotForm/index.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,wEAA0D;AAC1D,wDAA6C;AAC7C,gDAAiE;AACjE,kDAAiE;AACjE,gDAAwD;AAExD,6FAA0D;AAI1D,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClF,MAAM,EACF,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,YAAY,EACtB,MAAM,EACN,cAAc,EACd,QAAQ,EACR,MAAM,EACN,aAAa;IACb,oDAAoD;IACpD,eAAe,EACf,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,gBAAgB,EAChB,aAAa,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC9B,MAAM,eAAe,GAAG,IAAA,oBAAY,EAAC,0BAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC1E,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAEtD,MAAM,KAAK,GAAG,SAAS,IAAI,UAAU,CAAC;IACtC,MAAM,MAAM,GAAG,YAAY,IAAI,aAAa,CAAC;IAE7C,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACH,YAAY;QACZ,cAAc;QACd,MAAM;QACN,aAAa;QACb,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,eAAe,CAAC,eAAe,CAAC,CAAC;YACjC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;KACJ,CAAC,EACF;QACI,YAAY;QACZ,cAAc;QACd,MAAM;QACN,eAAe;QACf,eAAe;QACf,QAAQ;QACR,aAAa;KAChB,CACJ,CAAC;IAEF,IAAA,8BAAsB,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACzC,OAAO,CACH,uBAAC,8BAAoB,IACjB,gBAAgB,EAAE,gBAAgB,EAElC,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,MAAM,EAAC,EAAE,SAAS,CAAC,EACxC,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,IAPH,CAAC,aAAa,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,CAQvE,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,kBAAe,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MobileContext} from '../../context/mobileContext';\nimport {useTheme} from '../../context/theme';\nimport {useAnalytics, useHandleHubspotEvents} from '../../hooks';\nimport {DefaultEventNames, HubspotFormProps} from '../../models';\nimport {HubspotEventHandlers, block} from '../../utils';\n\nimport HubspotFormContainer from './HubspotFormContainer';\n\nimport './HubspotForm.scss';\n\nconst b = block('hubspot-form');\n\nconst HubspotForm = React.forwardRef<HTMLDivElement, HubspotFormProps>((props, ref) => {\n    const {\n        className,\n        theme: themeProp,\n        isMobile: isMobileProp,\n        formId,\n        formInstanceId,\n        portalId,\n        region,\n        formClassName,\n        // hubspotEvents, // TODO: decide how to handle them\n        analyticsEvents,\n        onBeforeSubmit,\n        onSubmit,\n        onBeforeLoad,\n        onLoad,\n        createDOMElement,\n        onSubmitError,\n    } = props;\n\n    const themeValue = useTheme();\n    const handleAnalytics = useAnalytics(DefaultEventNames.HubspotFormSubmit);\n    const isMobileValue = React.useContext(MobileContext);\n\n    const theme = themeProp ?? themeValue;\n    const mobile = isMobileProp ?? isMobileValue;\n\n    const handlers = React.useMemo<HubspotEventHandlers>(\n        () => ({\n            onBeforeLoad,\n            onBeforeSubmit,\n            onLoad,\n            onSubmitError,\n            onSubmit: (event) => {\n                handleAnalytics(analyticsEvents);\n                onSubmit?.(event);\n            },\n        }),\n        [\n            onBeforeLoad,\n            onBeforeSubmit,\n            onLoad,\n            handleAnalytics,\n            analyticsEvents,\n            onSubmit,\n            onSubmitError,\n        ],\n    );\n\n    useHandleHubspotEvents(handlers, formId);\n    return (\n        <HubspotFormContainer\n            createDOMElement={createDOMElement}\n            key={[formClassName, formId, formInstanceId, portalId, region].join()}\n            className={b({theme, mobile}, className)}\n            formClassName={formClassName}\n            formId={formId}\n            portalId={portalId}\n            formInstanceId={formInstanceId}\n            region={region}\n            ref={ref}\n        />\n    );\n});\n\nHubspotForm.displayName = 'HubspotForm';\n\nexport default HubspotForm;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["sub-blocks/HubspotForm/index.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,wEAA0D;AAC1D,wDAA6C;AAC7C,gDAAiE;AACjE,kDAAiE;AACjE,gDAAwD;AAExD,6FAA0D;AAI1D,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClF,MAAM,EACF,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,YAAY,EACtB,MAAM,EACN,cAAc,EACd,QAAQ,EACR,MAAM,EACN,aAAa;IACb,oDAAoD;IACpD,eAAe,EACf,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,gBAAgB,EAChB,aAAa,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC9B,MAAM,eAAe,GAAG,IAAA,oBAAY,EAAC,0BAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC1E,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAEtD,MAAM,KAAK,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,UAAU,CAAC;IACtC,MAAM,MAAM,GAAG,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,aAAa,CAAC;IAE7C,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACH,YAAY;QACZ,cAAc;QACd,MAAM;QACN,aAAa;QACb,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,eAAe,CAAC,eAAe,CAAC,CAAC;YACjC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;QACtB,CAAC;KACJ,CAAC,EACF;QACI,YAAY;QACZ,cAAc;QACd,MAAM;QACN,eAAe;QACf,eAAe;QACf,QAAQ;QACR,aAAa;KAChB,CACJ,CAAC;IAEF,IAAA,8BAAsB,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACzC,OAAO,CACH,uBAAC,8BAAoB,IACjB,gBAAgB,EAAE,gBAAgB,EAElC,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,MAAM,EAAC,EAAE,SAAS,CAAC,EACxC,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,IAPH,CAAC,aAAa,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,CAQvE,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,kBAAe,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MobileContext} from '../../context/mobileContext';\nimport {useTheme} from '../../context/theme';\nimport {useAnalytics, useHandleHubspotEvents} from '../../hooks';\nimport {DefaultEventNames, HubspotFormProps} from '../../models';\nimport {HubspotEventHandlers, block} from '../../utils';\n\nimport HubspotFormContainer from './HubspotFormContainer';\n\nimport './HubspotForm.scss';\n\nconst b = block('hubspot-form');\n\nconst HubspotForm = React.forwardRef<HTMLDivElement, HubspotFormProps>((props, ref) => {\n    const {\n        className,\n        theme: themeProp,\n        isMobile: isMobileProp,\n        formId,\n        formInstanceId,\n        portalId,\n        region,\n        formClassName,\n        // hubspotEvents, // TODO: decide how to handle them\n        analyticsEvents,\n        onBeforeSubmit,\n        onSubmit,\n        onBeforeLoad,\n        onLoad,\n        createDOMElement,\n        onSubmitError,\n    } = props;\n\n    const themeValue = useTheme();\n    const handleAnalytics = useAnalytics(DefaultEventNames.HubspotFormSubmit);\n    const isMobileValue = React.useContext(MobileContext);\n\n    const theme = themeProp ?? themeValue;\n    const mobile = isMobileProp ?? isMobileValue;\n\n    const handlers = React.useMemo<HubspotEventHandlers>(\n        () => ({\n            onBeforeLoad,\n            onBeforeSubmit,\n            onLoad,\n            onSubmitError,\n            onSubmit: (event) => {\n                handleAnalytics(analyticsEvents);\n                onSubmit?.(event);\n            },\n        }),\n        [\n            onBeforeLoad,\n            onBeforeSubmit,\n            onLoad,\n            handleAnalytics,\n            analyticsEvents,\n            onSubmit,\n            onSubmitError,\n        ],\n    );\n\n    useHandleHubspotEvents(handlers, formId);\n    return (\n        <HubspotFormContainer\n            createDOMElement={createDOMElement}\n            key={[formClassName, formId, formInstanceId, portalId, region].join()}\n            className={b({theme, mobile}, className)}\n            formClassName={formClassName}\n            formId={formId}\n            portalId={portalId}\n            formInstanceId={formInstanceId}\n            region={region}\n            ref={ref}\n        />\n    );\n});\n\nHubspotForm.displayName = 'HubspotForm';\n\nexport default HubspotForm;\n"]}

package/build/cjs/sub-blocks/HubspotForm/loadHubspotScript.js

@@ -13,7 +13,8 @@ const loadHubspotScript = async () => {
                 resolve(event);
             };
             script.onerror = (event) => {
-                script?.parentNode?.removeChild(script);
+                var _a;
+                (_a = script === null || script === void 0 ? void 0 : script.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(script);
                 reject(event);
             };
             document.head.appendChild(script);

package/build/cjs/sub-blocks/HubspotForm/loadHubspotScript.js.map

@@ -1 +1 @@
-{"version":3,"file":"loadHubspotScript.js","sourceRoot":"../../../../src","sources":["sub-blocks/HubspotForm/loadHubspotScript.ts"],"names":[],"mappings":";;AAAA,IAAI,aAA+B,CAAC;AAEpC,MAAM,iBAAiB,GAAG,KAAK,IAAI,EAAE;IACjC,IAAI,aAAa,EAAE,CAAC;QAChB,OAAO,aAAa,CAAC;IACzB,CAAC;SAAM,CAAC;QACJ,aAAa,GAAG,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YAC5C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAChD,MAAM,CAAC,GAAG,GAAG,kCAAkC,CAAC;YAChD,MAAM,CAAC,MAAM,GAAG,CAAC,KAAK,EAAE,EAAE;gBACtB,OAAO,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC,CAAC;YACF,MAAM,CAAC,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;gBACvB,MAAM,EAAE,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;gBACxC,MAAM,CAAC,KAAK,CAAC,CAAC;YAClB,CAAC,CAAC;YAEF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;QACH,OAAO,aAAa,CAAC;IACzB,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC","sourcesContent":["let scriptPromise: Promise<unknown>;\n\nconst loadHubspotScript = async () => {\n    if (scriptPromise) {\n        return scriptPromise;\n    } else {\n        scriptPromise = new Promise((resolve, reject) => {\n            const script = document.createElement('script');\n            script.src = '//js-eu1.hsforms.net/forms/v2.js';\n            script.onload = (event) => {\n                resolve(event);\n            };\n            script.onerror = (event) => {\n                script?.parentNode?.removeChild(script);\n                reject(event);\n            };\n\n            document.head.appendChild(script);\n        });\n        return scriptPromise;\n    }\n};\n\nexport default loadHubspotScript;\n"]}
+{"version":3,"file":"loadHubspotScript.js","sourceRoot":"../../../../src","sources":["sub-blocks/HubspotForm/loadHubspotScript.ts"],"names":[],"mappings":";;AAAA,IAAI,aAA+B,CAAC;AAEpC,MAAM,iBAAiB,GAAG,KAAK,IAAI,EAAE;IACjC,IAAI,aAAa,EAAE,CAAC;QAChB,OAAO,aAAa,CAAC;IACzB,CAAC;SAAM,CAAC;QACJ,aAAa,GAAG,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YAC5C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAChD,MAAM,CAAC,GAAG,GAAG,kCAAkC,CAAC;YAChD,MAAM,CAAC,MAAM,GAAG,CAAC,KAAK,EAAE,EAAE;gBACtB,OAAO,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC,CAAC;YACF,MAAM,CAAC,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;;gBACvB,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,0CAAE,WAAW,CAAC,MAAM,CAAC,CAAC;gBACxC,MAAM,CAAC,KAAK,CAAC,CAAC;YAClB,CAAC,CAAC;YAEF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;QACH,OAAO,aAAa,CAAC;IACzB,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC","sourcesContent":["let scriptPromise: Promise<unknown>;\n\nconst loadHubspotScript = async () => {\n    if (scriptPromise) {\n        return scriptPromise;\n    } else {\n        scriptPromise = new Promise((resolve, reject) => {\n            const script = document.createElement('script');\n            script.src = '//js-eu1.hsforms.net/forms/v2.js';\n            script.onload = (event) => {\n                resolve(event);\n            };\n            script.onerror = (event) => {\n                script?.parentNode?.removeChild(script);\n                reject(event);\n            };\n\n            document.head.appendChild(script);\n        });\n        return scriptPromise;\n    }\n};\n\nexport default loadHubspotScript;\n"]}

package/build/cjs/sub-blocks/HubspotForm/schema.js

@@ -5,20 +5,14 @@ const common_1 = require("../../schema/validators/common.js");
 exports.HubspotFormProps = {
     type: 'object',
     required: ['portalId', 'formId'],
-    properties: {
-        ...common_1.BaseProps,
-        region: {
+    properties: Object.assign(Object.assign({}, common_1.BaseProps), { region: {
             type: 'string',
-        },
-        portalId: {
+        }, portalId: {
             type: 'string',
-        },
-        formId: {
+        }, formId: {
             type: 'string',
-        },
-        formInstanceId: {
+        }, formInstanceId: {
             type: 'string',
-        },
-    },
+        } }),
 };
 //# sourceMappingURL=schema.js.map

package/build/cjs/sub-blocks/HubspotForm/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/HubspotForm/schema.ts"],"names":[],"mappings":";;;AAAA,8DAAyD;AAE5C,QAAA,gBAAgB,GAAG;IAC5B,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAChC,UAAU,EAAE;QACR,GAAG,kBAAS;QACZ,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;SACjB;QACD,QAAQ,EAAE;YACN,IAAI,EAAE,QAAQ;SACjB;QACD,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;SACjB;QACD,cAAc,EAAE;YACZ,IAAI,EAAE,QAAQ;SACjB;KACJ;CACJ,CAAC","sourcesContent":["import {BaseProps} from '../../schema/validators/common';\n\nexport const HubspotFormProps = {\n    type: 'object',\n    required: ['portalId', 'formId'],\n    properties: {\n        ...BaseProps,\n        region: {\n            type: 'string',\n        },\n        portalId: {\n            type: 'string',\n        },\n        formId: {\n            type: 'string',\n        },\n        formInstanceId: {\n            type: 'string',\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/HubspotForm/schema.ts"],"names":[],"mappings":";;;AAAA,8DAAyD;AAE5C,QAAA,gBAAgB,GAAG;IAC5B,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAChC,UAAU,kCACH,kBAAS,KACZ,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;SACjB,EACD,QAAQ,EAAE;YACN,IAAI,EAAE,QAAQ;SACjB,EACD,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;SACjB,EACD,cAAc,EAAE;YACZ,IAAI,EAAE,QAAQ;SACjB,GACJ;CACJ,CAAC","sourcesContent":["import {BaseProps} from '../../schema/validators/common';\n\nexport const HubspotFormProps = {\n    type: 'object',\n    required: ['portalId', 'formId'],\n    properties: {\n        ...BaseProps,\n        region: {\n            type: 'string',\n        },\n        portalId: {\n            type: 'string',\n        },\n        formId: {\n            type: 'string',\n        },\n        formInstanceId: {\n            type: 'string',\n        },\n    },\n};\n"]}

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

@@ -20,7 +20,7 @@ const ImageCard = (props) => {
     const themedImage = (0, utils_2.getThemedValue)(image, globalTheme);
     const imageProps = (0, utils_1.getMediaImage)(themedImage);
     const titleId = (0, uikit_1.useUniqId)();
-    const cardContent = ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: b('image', { margins }), children: (0, jsx_runtime_1.jsx)(components_1.Image, { className: b('image_inner', { radius: enableImageBorderRadius }), ...imageProps }) }), hasContent && ((0, jsx_runtime_1.jsx)("div", { className: b('content'), children: (0, jsx_runtime_1.jsx)(Content_1.default, { 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 = ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: b('image', { margins }), children: (0, jsx_runtime_1.jsx)(components_1.Image, Object.assign({ className: b('image_inner', { radius: enableImageBorderRadius }) }, imageProps)) }), hasContent && ((0, jsx_runtime_1.jsx)("div", { className: b('content'), children: (0, jsx_runtime_1.jsx)(Content_1.default, { 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 ? ((0, jsx_runtime_1.jsx)(uikit_1.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/cjs/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            <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"]}
+{"version":3,"file":"ImageCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/ImageCard/ImageCard.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAAkD;AAElD,0DAAuC;AACvC,iEAAiE;AACjE,wDAA6C;AAE7C,kDAAgE;AAChE,gDAAkD;AAClD,4EAAyC;AAIzC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAC9B,MAAM,iBAAiB,GAAwB,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,CAAC;AAEjE,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACxC,MAAM,EACF,MAAM,GAAG,QAAQ,EACjB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,uBAAuB,GAAG,KAAK,EAC/B,SAAS,GAAG,2BAAkB,CAAC,MAAM,EACrC,OAAO,EACP,eAAe,EACf,GAAG,EACH,MAAM,EACN,QAAQ,EACR,cAAc,EACd,KAAK,EACL,OAAO,EACP,IAAI,EACJ,KAAK,EAAE,SAAS,GAAG,SAAS,EAC5B,IAAI,GAAG,GAAG,EACV,eAAe,GAAG,SAAS,GAC9B,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC/B,MAAM,mBAAmB,GAAG,eAAe,KAAK,QAAQ,CAAC;IACzD,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,IAAI,KAAK,IAAI,OAAO,IAAI,KAAK,IAAI,IAAI,CAAC,CAAC;IACtE,MAAM,WAAW,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,IAAA,qBAAa,EAAC,WAAW,CAAC,CAAC;IAE9C,MAAM,OAAO,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE5B,MAAM,WAAW,GAAG,CAChB,wBAAC,KAAK,CAAC,QAAQ,eACX,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,OAAO,EAAC,CAAC,YACjC,uBAAC,kBAAK,kBACF,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,MAAM,EAAE,uBAAuB,EAAC,CAAC,IAC1D,UAAU,EAChB,GACA,EACL,UAAU,IAAI,CACX,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACxB,uBAAC,iBAAO,IACJ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,iBAAiB,EAC3B,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAC7D,GACA,CACT,IACY,CACpB,CAAC;IAEF,OAAO,GAAG,CAAC,CAAC,CAAC,CACT,uBAAC,YAAI,IACD,IAAI,EAAE,GAAG,EACT,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,EAC5D,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAC,CAAC,EAC7D,KAAK,EAAE,QAAQ,EACf,KAAK,EAAE,EAAC,eAAe,EAAC,EACxB,UAAU,EAAE;YACR,SAAS,EAAE,KAAK;YAChB,WAAW,EAAE,CAAC,CAAqC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;SAC7E,YAEA,WAAW,GACT,CACV,CAAC,CAAC,CAAC,CACA,gCACI,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAC,CAAC,EAC7D,KAAK,EAAE,EAAC,eAAe,EAAC,YAEvB,WAAW,GACV,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","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/cjs/sub-blocks/ImageCard/schema.js

@@ -11,30 +11,19 @@ exports.ImageCard = {
     'image-card': {
         additionalProperties: false,
         required: ['image'],
-        properties: {
-            ...common_1.BaseProps,
-            ...common_1.CardBase,
-            ...common_1.CardLayoutProps,
-            ...ImageCardBlockContentProps,
-            image: components_1.ImageProps,
-            direction: {
+        properties: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), common_1.CardLayoutProps), ImageCardBlockContentProps), { image: components_1.ImageProps, direction: {
                 type: 'string',
                 enum: ['direct', 'reverse'],
-            },
-            margins: {
+            }, margins: {
                 type: 'string',
                 enum: ['s', 'm'],
-            },
-            backgroundColor: {
+            }, backgroundColor: {
                 type: 'string',
-            },
-            url: {
+            }, url: {
                 type: 'string',
-            },
-            urlTitle: {
+            }, urlTitle: {
                 type: 'string',
-            },
-        },
+            } }),
     },
 };
 //# sourceMappingURL=schema.js.map

package/build/cjs/sub-blocks/ImageCard/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/ImageCard/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,8DAAoF;AACpF,sEAA8D;AAC9D,iDAA8C;AAE9C,MAAM,0BAA0B,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAErF,QAAA,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,EAAE;YACR,GAAG,kBAAS;YACZ,GAAG,iBAAQ;YACX,GAAG,wBAAe;YAClB,GAAG,0BAA0B;YAC7B,KAAK,EAAE,uBAAU;YACjB,SAAS,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;aAC9B;YACD,OAAO,EAAE;gBACL,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;aACnB;YACD,eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;aACjB;YACD,GAAG,EAAE;gBACD,IAAI,EAAE,QAAQ;aACjB;YACD,QAAQ,EAAE;gBACN,IAAI,EAAE,QAAQ;aACjB;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {BaseProps, CardBase, CardLayoutProps} from '../../schema/validators/common';\nimport {ImageProps} from '../../schema/validators/components';\nimport {ContentBase} from '../Content/schema';\n\nconst ImageCardBlockContentProps = omit(ContentBase, ['centered', 'colSizes', 'controlPosition']);\n\nexport const ImageCard = {\n    'image-card': {\n        additionalProperties: false,\n        required: ['image'],\n        properties: {\n            ...BaseProps,\n            ...CardBase,\n            ...CardLayoutProps,\n            ...ImageCardBlockContentProps,\n            image: ImageProps,\n            direction: {\n                type: 'string',\n                enum: ['direct', 'reverse'],\n            },\n            margins: {\n                type: 'string',\n                enum: ['s', 'm'],\n            },\n            backgroundColor: {\n                type: 'string',\n            },\n            url: {\n                type: 'string',\n            },\n            urlTitle: {\n                type: 'string',\n            },\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/ImageCard/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,8DAAoF;AACpF,sEAA8D;AAC9D,iDAA8C;AAE9C,MAAM,0BAA0B,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAErF,QAAA,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,4EACH,kBAAS,GACT,iBAAQ,GACR,wBAAe,GACf,0BAA0B,KAC7B,KAAK,EAAE,uBAAU,EACjB,SAAS,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;aAC9B,EACD,OAAO,EAAE;gBACL,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;aACnB,EACD,eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;aACjB,EACD,GAAG,EAAE;gBACD,IAAI,EAAE,QAAQ;aACjB,EACD,QAAQ,EAAE;gBACN,IAAI,EAAE,QAAQ;aACjB,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {BaseProps, CardBase, CardLayoutProps} from '../../schema/validators/common';\nimport {ImageProps} from '../../schema/validators/components';\nimport {ContentBase} from '../Content/schema';\n\nconst ImageCardBlockContentProps = omit(ContentBase, ['centered', 'colSizes', 'controlPosition']);\n\nexport const ImageCard = {\n    'image-card': {\n        additionalProperties: false,\n        required: ['image'],\n        properties: {\n            ...BaseProps,\n            ...CardBase,\n            ...CardLayoutProps,\n            ...ImageCardBlockContentProps,\n            image: ImageProps,\n            direction: {\n                type: 'string',\n                enum: ['direct', 'reverse'],\n            },\n            margins: {\n                type: 'string',\n                enum: ['s', 'm'],\n            },\n            backgroundColor: {\n                type: 'string',\n            },\n            url: {\n                type: 'string',\n            },\n            urlTitle: {\n                type: 'string',\n            },\n        },\n    },\n};\n"]}

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

@@ -11,18 +11,13 @@ const microdata_1 = require("../../utils/microdata.js");
 const Content_1 = tslib_1.__importDefault(require("../Content/Content.js"));
 const utils_2 = require("./utils.js");
 const b = (0, utils_1.block)('layout-item');
-const LayoutItem = ({ content: { links, ...content }, contentMargin = 'm', metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content', }) => {
+const LayoutItem = (_a) => {
+    var _b = _a.content, { links } = _b, content = tslib_1.__rest(_b, ["links"]), { contentMargin = 'm', metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content' } = _a;
     const normalizedLinks = React.useMemo(() => (0, utils_2.getLayoutItemLinks)(links), [links]);
     const areControlsInFooter = controlPosition === 'footer';
     const theme = (0, theme_1.useTheme)();
     const themedIcon = (0, utils_1.getThemedValue)(icon, theme);
-    const contentProps = {
-        controlPosition: areControlsInFooter ? 'bottom' : 'default',
-        ...content,
-        links: normalizedLinks,
-        size: 's',
-        colSizes: { all: 12, md: 12 },
-    };
+    const contentProps = Object.assign(Object.assign({ controlPosition: areControlsInFooter ? 'bottom' : 'default' }, content), { links: normalizedLinks, size: 's', colSizes: { all: 12, md: 12 } });
     const titleId = (0, uikit_1.useUniqId)();
     const renderMedia = () => {
         if (!media) {
@@ -31,12 +26,15 @@ const LayoutItem = ({ content: { links, ...content }, contentMargin = 'm', metaI
         const themedMedia = (0, utils_1.getThemedValue)(media, theme);
         const { title } = content;
         const mediaWithMicrodata = (0, microdata_1.mergeVideoMicrodata)(themedMedia, {
-            name: typeof title === 'string' ? title : title?.text,
+            name: typeof title === 'string' ? title : title === null || title === void 0 ? void 0 : title.text,
             description: content.text,
         });
-        return fullscreen && (0, utils_2.hasFullscreen)(themedMedia) ? ((0, jsx_runtime_1.jsx)(components_1.FullscreenMedia, { showFullscreenIcon: (0, utils_2.showFullscreenIcon)(themedMedia), children: ({ className: mediaClassName, fullscreen: _fullscreen, ...fullscreenMediaProps } = {}) => ((0, jsx_runtime_1.jsx)(components_1.Media, { ...mediaWithMicrodata, ...fullscreenMediaProps, className: b('media', { border }, mediaClassName), analyticsEvents: analyticsEvents })) })) : ((0, jsx_runtime_1.jsx)(components_1.Media, { ...themedMedia, className: b('media', { border }), analyticsEvents: analyticsEvents }));
+        return fullscreen && (0, utils_2.hasFullscreen)(themedMedia) ? ((0, jsx_runtime_1.jsx)(components_1.FullscreenMedia, { showFullscreenIcon: (0, utils_2.showFullscreenIcon)(themedMedia), children: (_a = {}) => {
+                var { className: mediaClassName, fullscreen: _fullscreen } = _a, fullscreenMediaProps = tslib_1.__rest(_a, ["className", "fullscreen"]);
+                return ((0, jsx_runtime_1.jsx)(components_1.Media, Object.assign({}, mediaWithMicrodata, fullscreenMediaProps, { className: b('media', { border }, mediaClassName), analyticsEvents: analyticsEvents })));
+            } })) : ((0, jsx_runtime_1.jsx)(components_1.Media, Object.assign({}, themedMedia, { className: b('media', { border }), analyticsEvents: analyticsEvents })));
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), children: [renderMedia(), metaInfo && (0, jsx_runtime_1.jsx)(components_1.MetaInfo, { items: metaInfo, className: b('meta-info') }), (0, jsx_runtime_1.jsx)("div", { className: b('content', { 'no-media': !media, margin: contentMargin }), children: (0, jsx_runtime_1.jsx)(components_1.IconWrapper, { icon: themedIcon, className: b('wrapper'), children: (0, jsx_runtime_1.jsx)(Content_1.default, { ...contentProps, titleId: titleId }) }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), children: [renderMedia(), metaInfo && (0, jsx_runtime_1.jsx)(components_1.MetaInfo, { items: metaInfo, className: b('meta-info') }), (0, jsx_runtime_1.jsx)("div", { className: b('content', { 'no-media': !media, margin: contentMargin }), children: (0, jsx_runtime_1.jsx)(components_1.IconWrapper, { icon: themedIcon, className: b('wrapper'), children: (0, jsx_runtime_1.jsx)(Content_1.default, Object.assign({}, contentProps, { titleId: titleId })) }) })] }));
 };
 exports.default = LayoutItem;
 //# sourceMappingURL=LayoutItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutItem.js","sourceRoot":"../../../../src","sources":["sub-blocks/LayoutItem/LayoutItem.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAA4C;AAE5C,0DAA+E;AAC/E,wDAA6C;AAE7C,gDAAkD;AAClD,wDAA0D;AAC1D,4EAAyC;AAEzC,sCAA8E;AAI9E,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,UAAU,GAAG,CAAC,EAChB,OAAO,EAAE,EAAC,KAAK,EAAE,GAAG,OAAO,EAAC,EAC5B,aAAa,GAAG,GAAG,EACnB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,UAAU,EACV,IAAI,EACJ,SAAS,EACT,eAAe,EACf,eAAe,GAAG,SAAS,GACb,EAAE,EAAE;IAClB,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAA,0BAAkB,EAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAChF,MAAM,mBAAmB,GAAG,eAAe,KAAK,QAAQ,CAAC;IACzD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAE/C,MAAM,YAAY,GAAsB;QACpC,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;QAC3D,GAAG,OAAO;QACV,KAAK,EAAE,eAAe;QACtB,IAAI,EAAE,GAAG;QACT,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC;KAC9B,CAAC;IACF,MAAM,OAAO,GAAG,IAAA,iBAAS,GAAE,CAAC;IAC5B,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,IAAI,CAAC,KAAK,EAAE,CAAC;YACT,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,MAAM,WAAW,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACjD,MAAM,EAAC,KAAK,EAAC,GAAG,OAAO,CAAC;QACxB,MAAM,kBAAkB,GAAG,IAAA,+BAAmB,EAAC,WAAW,EAAE;YACxD,IAAI,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI;YACrD,WAAW,EAAE,OAAO,CAAC,IAAI;SAC5B,CAAC,CAAC;QAEH,OAAO,UAAU,IAAI,IAAA,qBAAa,EAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAC9C,uBAAC,4BAAe,IAAC,kBAAkB,EAAE,IAAA,0BAAkB,EAAC,WAAW,CAAC,YAC/D,CAAC,EACE,SAAS,EAAE,cAAc,EACzB,UAAU,EAAE,WAAW,EACvB,GAAG,oBAAoB,EAC1B,GAAG,EAAE,EAAE,EAAE,CAAC,CACP,uBAAC,kBAAK,OACE,kBAAkB,KAClB,oBAAoB,EACxB,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,EAAE,cAAc,CAAC,EAC/C,eAAe,EAAE,eAAe,GAClC,CACL,GACa,CACrB,CAAC,CAAC,CAAC,CACA,uBAAC,kBAAK,OACE,WAAW,EACf,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,CAAC,EAC/B,eAAe,EAAE,eAAe,GAClC,CACL,CAAC;IACN,CAAC,CAAC;IACF,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC7B,WAAW,EAAE,EACb,QAAQ,IAAI,uBAAC,qBAAQ,IAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,GAAI,EACrE,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAC,CAAC,YACrE,uBAAC,wBAAW,IAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAClD,uBAAC,iBAAO,OAAK,YAAY,EAAE,OAAO,EAAE,OAAO,GAAI,GACrC,GACZ,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC","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"]}