@gravity-ui/page-constructor 6.3.2-alpha.5 → 6.3.2-alpha.7

package/build/esm/blocks/FoldableList/FoldableListBlockItem/FoldableListBlockItem.css

@@ -0,0 +1,78 @@
+.pc-FoldableListBlockItem__title {
+  margin: 0;
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-FoldableListBlockItem {
+  padding-bottom: 32px;
+  border-bottom: 1px solid var(--g-color-line-generic);
+}
+.pc-FoldableListBlockItem + .pc-FoldableListBlockItem {
+  padding-top: 32px;
+}
+.pc-FoldableListBlockItem__title {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  font: inherit;
+  border: none;
+  outline: none;
+  color: inherit;
+  background: none;
+  cursor: pointer;
+  font-size: var(--g-text-header-1-font-size);
+  line-height: var(--g-text-header-1-line-height);
+  color: var(--pc-text-header-color);
+  font-weight: var(--g-text-accent-font-weight);
+  position: relative;
+  display: block;
+  width: 100%;
+  padding-right: 24px;
+  text-align: start;
+  cursor: pointer;
+  border-radius: var(--g-focus-border-radius);
+}
+.pc-FoldableListBlockItem__title:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.pc-FoldableListBlockItem__title:focus:not(:focus-visible) {
+  outline: 0;
+}
+.pc-FoldableListBlockItem__title a {
+  outline: none;
+  color: var(--g-color-text-link);
+  text-decoration: none;
+  cursor: pointer;
+}
+.utilityfocus .pc-FoldableListBlockItem__title a:focus {
+  outline: 2px solid #ffdb4d;
+}
+.pc-FoldableListBlockItem__title a:hover, .pc-FoldableListBlockItem__title a:active {
+  --pc-text-header-color: var(--g-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
+}
+.pc-FoldableListBlockItem__arrow {
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  margin: auto;
+  color: var(--g-color-text-primary);
+}
+.pc-FoldableListBlockItem__link {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+}
+.pc-FoldableListBlockItem__link.pc-FoldableListBlockItem__link a {
+  outline-offset: -2px;
+  border-radius: calc(var(--g-focus-border-radius) + 2px);
+  display: inline-block;
+}
+
+.pc-FoldableListBlockItem__text {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+  margin-top: 12px;
+}

package/build/esm/blocks/FoldableList/FoldableListBlockItem/FoldableListBlockItem.d.ts

@@ -0,0 +1,3 @@
+import { FoldableListBlockItemProps } from "../../../models/index.js";
+import './FoldableListBlockItem.css';
+export declare const FoldableListBlockItem: ({ title: itemTitle, text: itemText, link, listStyle, isOpened, onClick, }: FoldableListBlockItemProps) => import("react/jsx-runtime").JSX.Element;

package/build/esm/blocks/FoldableList/FoldableListBlockItem/FoldableListBlockItem.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useActionHandlers } from '@gravity-ui/uikit';
+import { Foldable, HTML, ToggleArrow, YFMWrapper } from "../../../components/index.js";
+import Link from "../../../components/Link/Link.js";
+import { block } from "../../../utils/index.js";
+import './FoldableListBlockItem.css';
+const b = block('FoldableListBlockItem');
+export const FoldableListBlockItem = ({ title: itemTitle, text: itemText, link, listStyle = 'dash', isOpened, onClick, }) => {
+    const { onKeyDown } = useActionHandlers(onClick);
+    return (_jsxs("div", { className: b(), itemScope: true, role: 'listitem', children: [_jsxs("button", { className: b('title'), onClick: onClick, "aria-expanded": isOpened, onKeyDown: onKeyDown, children: [_jsx(HTML, { children: itemTitle }), _jsx(ToggleArrow, { open: isOpened, size: 16, type: 'vertical', iconType: "navigation", className: b('arrow') })] }), _jsx(Foldable, { isOpened: isOpened, children: _jsxs("div", { className: b('text'), "aria-hidden": !isOpened, children: [_jsx(YFMWrapper, { content: itemText, modifiers: {
+                                constructor: true,
+                                constructorListStyle: true,
+                                constructorListStyleDash: listStyle === 'dash',
+                            } }), link && _jsx(Link, { ...link, tabIndex: isOpened ? 0 : -1, className: b('link') })] }) })] }));
+};
+//# sourceMappingURL=FoldableListBlockItem.js.map

package/build/esm/blocks/FoldableList/FoldableListBlockItem/FoldableListBlockItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FoldableListBlockItem.js","sourceRoot":"../../../../../src","sources":["blocks/FoldableList/FoldableListBlockItem/FoldableListBlockItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAC,qCAA4B;AAC5E,OAAO,IAAI,yCAAsC;AAEjD,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAErC,OAAO,6BAA6B,CAAC;AAErC,MAAM,CAAC,GAAG,KAAK,CAAC,uBAAuB,CAAC,CAAC;AAEzC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAClC,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,QAAQ,EACd,IAAI,EACJ,SAAS,GAAG,MAAM,EAClB,QAAQ,EACR,OAAO,GACkB,EAAE,EAAE;IAC7B,MAAM,EAAC,SAAS,EAAC,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAE/C,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,EAAE,EAAE,SAAS,QAAC,IAAI,EAAE,UAAU,aAC3C,kBACI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,OAAO,EAAE,OAAO,mBACD,QAAQ,EACvB,SAAS,EAAE,SAAS,aAEpB,KAAC,IAAI,cAAE,SAAS,GAAQ,EACxB,KAAC,WAAW,IACR,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,EAAE,EACR,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAC,YAAY,EACrB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GACvB,IACG,EACT,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,YACxB,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,iBAAe,CAAC,QAAQ,aAC7C,KAAC,UAAU,IACP,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE;gCACP,WAAW,EAAE,IAAI;gCACjB,oBAAoB,EAAE,IAAI;gCAC1B,wBAAwB,EAAE,SAAS,KAAK,MAAM;6BACjD,GACH,EACD,IAAI,IAAI,KAAC,IAAI,OAAK,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,IAC5E,GACC,IACT,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {useActionHandlers} from '@gravity-ui/uikit';\n\nimport {Foldable, HTML, ToggleArrow, YFMWrapper} from '../../../components';\nimport Link from '../../../components/Link/Link';\nimport {FoldableListBlockItemProps} from '../../../models';\nimport {block} from '../../../utils';\n\nimport './FoldableListBlockItem.scss';\n\nconst b = block('FoldableListBlockItem');\n\nexport const FoldableListBlockItem = ({\n    title: itemTitle,\n    text: itemText,\n    link,\n    listStyle = 'dash',\n    isOpened,\n    onClick,\n}: FoldableListBlockItemProps) => {\n    const {onKeyDown} = useActionHandlers(onClick);\n\n    return (\n        <div className={b()} itemScope role={'listitem'}>\n            <button\n                className={b('title')}\n                onClick={onClick}\n                aria-expanded={isOpened}\n                onKeyDown={onKeyDown}\n            >\n                <HTML>{itemTitle}</HTML>\n                <ToggleArrow\n                    open={isOpened}\n                    size={16}\n                    type={'vertical'}\n                    iconType=\"navigation\"\n                    className={b('arrow')}\n                />\n            </button>\n            <Foldable isOpened={isOpened}>\n                <div className={b('text')} aria-hidden={!isOpened}>\n                    <YFMWrapper\n                        content={itemText}\n                        modifiers={{\n                            constructor: true,\n                            constructorListStyle: true,\n                            constructorListStyleDash: listStyle === 'dash',\n                        }}\n                    />\n                    {link && <Link {...link} tabIndex={isOpened ? 0 : -1} className={b('link')} />}\n                </div>\n            </Foldable>\n        </div>\n    );\n};\n"]}

package/build/esm/blocks/FoldableList/schema.d.ts

@@ -0,0 +1,140 @@
+export declare const FoldableListBlock: {
+    'foldable-list-block': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            items: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            title: {
+                oneOf: ({
+                    type: string;
+                    contentType: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                            contentType: string;
+                        };
+                        textSize: {
+                            type: string;
+                            enum: string[];
+                        };
+                        url: {
+                            type: string;
+                        };
+                        urlTitle: {
+                            type: string;
+                        };
+                        resetMargin: {
+                            type: string;
+                        };
+                    };
+                    contentType?: undefined;
+                })[];
+            };
+            text: {
+                type: string;
+                contentType: string;
+                inputType: string;
+            };
+            additionalInfo: {
+                type: string;
+                contentType: string;
+            };
+            links: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            buttons: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            list: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            controlPosition: {
+                type: string;
+                enum: string[];
+            };
+            anchor: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                    urlTitle: {
+                        type: string;
+                    };
+                };
+            };
+            visible: {
+                type: string;
+                enum: string[];
+            };
+            resetPaddings: {
+                type: string;
+            };
+            context: {
+                type: string;
+            };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,35 @@
+import omit from "lodash/omit.js";
+import { BlockBaseProps, LinkProps } from "../../schema/validators/common.js";
+import { filteredArray } from "../../schema/validators/utils.js";
+import { ContentBase } from "../../sub-blocks/Content/schema.js";
+const FoldableListBlockContentProps = omit(ContentBase, ['size', 'theme']);
+export const FoldableListBlock = {
+    'foldable-list-block': {
+        additionalProperties: false,
+        required: ['title', 'items'],
+        properties: {
+            ...BlockBaseProps,
+            ...FoldableListBlockContentProps,
+            items: filteredArray({
+                type: 'object',
+                required: ['title', 'text'],
+                properties: {
+                    title: {
+                        type: 'string',
+                        contentType: 'text',
+                    },
+                    text: {
+                        type: 'string',
+                        contentType: 'yfm',
+                    },
+                    link: LinkProps,
+                    listStyle: {
+                        type: 'string',
+                        enum: ['dash', 'disk'],
+                    },
+                },
+            }),
+        },
+    },
+};
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/FoldableList/schema.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,uBAAoB;AAE/B,OAAO,EAAC,cAAc,EAAE,SAAS,EAAC,0CAAuC;AACzE,OAAO,EAAC,aAAa,EAAC,yCAAsC;AAC5D,OAAO,EAAC,WAAW,EAAC,2CAAwC;AAE5D,MAAM,6BAA6B,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAE3E,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC7B,qBAAqB,EAAE;QACnB,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC5B,UAAU,EAAE;YACR,GAAG,cAAc;YACjB,GAAG,6BAA6B;YAChC,KAAK,EAAE,aAAa,CAAC;gBACjB,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;gBAC3B,UAAU,EAAE;oBACR,KAAK,EAAE;wBACH,IAAI,EAAE,QAAQ;wBACd,WAAW,EAAE,MAAM;qBACtB;oBACD,IAAI,EAAE;wBACF,IAAI,EAAE,QAAQ;wBACd,WAAW,EAAE,KAAK;qBACrB;oBACD,IAAI,EAAE,SAAS;oBACf,SAAS,EAAE;wBACP,IAAI,EAAE,QAAQ;wBACd,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;qBACzB;iBACJ;aACJ,CAAC;SACL;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {BlockBaseProps, LinkProps} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\n\nconst FoldableListBlockContentProps = omit(ContentBase, ['size', 'theme']);\n\nexport const FoldableListBlock = {\n    'foldable-list-block': {\n        additionalProperties: false,\n        required: ['title', 'items'],\n        properties: {\n            ...BlockBaseProps,\n            ...FoldableListBlockContentProps,\n            items: filteredArray({\n                type: 'object',\n                required: ['title', 'text'],\n                properties: {\n                    title: {\n                        type: 'string',\n                        contentType: 'text',\n                    },\n                    text: {\n                        type: 'string',\n                        contentType: 'yfm',\n                    },\n                    link: LinkProps,\n                    listStyle: {\n                        type: 'string',\n                        enum: ['dash', 'disk'],\n                    },\n                },\n            }),\n        },\n    },\n};\n"]}

package/build/esm/blocks/Header/Header.css

@@ -30,6 +30,9 @@ unpredictable css rules order in build */
 .pc-header-block__content_theme_dark .pc-header-block__description .yfm {
   color: var(--g-color-text-light-primary);
 }
+.pc-header-block__content_theme_dark .pc-header-block__additional-info .yfm p {
+  color: var(--g-color-text-light-secondary) !important; /* stylelint-disable-line declaration-no-important */
+}
 .pc-header-block__content_vertical-offset {
   margin: 16px 0;
 }
@@ -90,6 +93,14 @@ unpredictable css rules order in build */
   line-height: var(--g-text-body-3-line-height);
   color: var(--g-color-text-primary);
 }
+.pc-header-block__additional-info {
+  margin-top: 16px;
+}
+.pc-header-block__additional-info .yfm p {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+  color: var(--g-color-text-secondary) !important; /* stylelint-disable-line declaration-no-important */
+}
 .pc-header-block__buttons {
   margin-top: 16px;
 }
@@ -97,7 +108,7 @@ unpredictable css rules order in build */
   margin-top: 16px;
 }
 .pc-header-block__button.pc-header-block__button:not(:last-child) {
-  margin-right: 16px;
+  margin-right: 12px;
 }
 
 .pc-header-block__media {

package/build/esm/blocks/Header/Header.js

@@ -22,7 +22,7 @@ const Background = ({ background, isMobile }) => {
 };
 const FullWidthBackground = ({ background }) => (_jsx("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background?.color } }));
 export const HeaderBlock = (props) => {
-    const { title, overtitle, description, buttons, image, video, width = 'm', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, renderTitle, children, mediaView = 'full', centered, } = props;
+    const { title, overtitle, description, buttons, image, video, width = 'm', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, renderTitle, children, mediaView = 'full', centered, additionalInfo, } = props;
     const isMobile = React.useContext(MobileContext);
     const theme = useTheme();
     const hasRightSideImage = Boolean((image || video) && !centered);
@@ -53,6 +53,9 @@ export const HeaderBlock = (props) => {
                                         }), children: _jsxs(Col, { sizes: titleSizes, className: b('content-inner', { centered }), children: [overtitle && (_jsx("div", { className: b('overtitle'), children: typeof overtitle === 'string' ? (_jsx(HTML, { children: overtitle })) : (overtitle) })), _jsxs("h1", { className: b('title'), id: titleId, children: [status, renderTitle ? renderTitle(title) : _jsx(HTML, { children: title })] }), description && (_jsx("div", { className: b('description', { theme: textTheme }), children: _jsx(YFMWrapper, { content: description, modifiers: {
                                                             constructor: true,
                                                             constructorTheme: textTheme,
+                                                        } }) })), additionalInfo && (_jsx("div", { className: b('additional-info', { theme: textTheme }), children: _jsx(YFMWrapper, { content: additionalInfo, modifiers: {
+                                                            constructor: true,
+                                                            constructorTheme: textTheme,
                                                         } }) })), buttons && (_jsx("div", { className: b('buttons'), "data-qa": "header-buttons", children: buttons.map((button, index) => (_jsx(RouterLink, { href: button.url, children: _jsx(Button, { className: b('button'), size: "xl", extraProps: {
                                                                 'aria-describedby': titleId,
                                                                 ...button.extraProps,

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"../../../../src","sources":["blocks/Header/Header.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable complexity */\nimport {useUniqId} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {Button, HTML, Media, RouterLink} from '../../components';\nimport HeaderBreadcrumbs from '../../components/HeaderBreadcrumbs/HeaderBreadcrumbs';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport YFMWrapper from '../../components/YFMWrapper/YFMWrapper';\nimport {MobileContext} from '../../context/mobileContext';\nimport {useTheme} from '../../context/theme';\nimport {Col, Grid, Row} from '../../grid';\nimport {ClassNameProps, HeaderBlockBackground, HeaderBlockProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\n\nimport {getImageSize, getTitleSizes, titleWithImageSizes} from './utils';\nimport './Header.scss';\n\nconst b = block('header-block');\n\ntype HeaderBlockFullProps = HeaderBlockProps & ClassNameProps;\n\ninterface BackgroundProps {\n    background: HeaderBlockBackground;\n    isMobile: boolean;\n}\n\nconst Background = ({background, isMobile}: BackgroundProps) => {\n    const {url, image, fullWidthMedia, video, color} = background;\n    const imageObject = url ? getMediaImage(url) : image;\n    const renderMedia = !isMobile || (typeof image === 'object' && 'mobile' in image);\n\n    return (\n        <div\n            className={b('background', {media: true, 'full-width-media': fullWidthMedia})}\n            style={{backgroundColor: color}}\n        >\n            {renderMedia && (\n                <Media\n                    {...background}\n                    className={b('background-media')}\n                    imageClassName={b('image')}\n                    videoClassName={b('video')}\n                    isBackground={true}\n                    parallax={false}\n                    video={isMobile ? undefined : video}\n                    image={imageObject}\n                />\n            )}\n        </div>\n    );\n};\n\ninterface FullWidthBackgroundProps {\n    background: HeaderBlockBackground;\n}\n\nconst FullWidthBackground = ({background}: FullWidthBackgroundProps) => (\n    <div\n        className={b('background', {['full-width']: true})}\n        style={{backgroundColor: background?.color}}\n    />\n);\n\nexport const HeaderBlock = (props: React.PropsWithChildren<HeaderBlockFullProps>) => {\n    const {\n        title,\n        overtitle,\n        description,\n        buttons,\n        image,\n        video,\n        width = 'm',\n        imageSize,\n        offset = 'default',\n        background,\n        theme: textTheme = 'light',\n        verticalOffset = 'm',\n        className,\n        breadcrumbs,\n        status,\n        renderTitle,\n        children,\n        mediaView = 'full',\n        centered,\n    } = props;\n    const isMobile = React.useContext(MobileContext);\n    const theme = useTheme();\n    const hasRightSideImage = Boolean((image || video) && !centered);\n    const curImageSize = imageSize || getImageSize(width);\n    const titleSizes = hasRightSideImage ? titleWithImageSizes(curImageSize) : getTitleSizes(width);\n    let curVerticalOffset = verticalOffset;\n\n    if (hasRightSideImage && !verticalOffset) {\n        curVerticalOffset = 'm';\n    }\n\n    const backgroundThemed = background && getThemedValue(background, theme);\n    const imageThemed = image && getThemedValue(image, theme);\n    const videoThemed = video && getThemedValue(video, theme);\n    const mediaWithMicrodata = mergeVideoMicrodata(\n        {video: videoThemed, image: imageThemed},\n        {\n            name: title,\n            description,\n        },\n    );\n    const fullWidth = backgroundThemed?.fullWidth || backgroundThemed?.fullWidthMedia;\n    const titleId = useUniqId();\n\n    return (\n        <header\n            className={b(\n                {\n                    ['has-media']: hasRightSideImage,\n                    ['full-width']: fullWidth,\n                    ['media-view']: mediaView,\n                    ['controls-view']: textTheme,\n                },\n                className,\n            )}\n        >\n            {backgroundThemed && fullWidth && <FullWidthBackground background={backgroundThemed} />}\n            {backgroundThemed && <Background background={backgroundThemed} isMobile={isMobile} />}\n            <Grid containerClass={b('container-fluid')}>\n                {breadcrumbs && (\n                    <Row className={b('breadcrumbs')}>\n                        <Col>\n                            <HeaderBreadcrumbs {...breadcrumbs} theme={textTheme} />\n                        </Col>\n                    </Row>\n                )}\n                <Row>\n                    <Col reset className={b('content-wrapper')}>\n                        <Row>\n                            <Col\n                                className={b('content', {\n                                    offset,\n                                    theme: textTheme,\n                                    'vertical-offset': curVerticalOffset,\n                                })}\n                            >\n                                <Col sizes={titleSizes} className={b('content-inner', {centered})}>\n                                    {overtitle && (\n                                        <div className={b('overtitle')}>\n                                            {typeof overtitle === 'string' ? (\n                                                <HTML>{overtitle}</HTML>\n                                            ) : (\n                                                overtitle\n                                            )}\n                                        </div>\n                                    )}\n                                    <h1 className={b('title')} id={titleId}>\n                                        {status}\n                                        {renderTitle ? renderTitle(title) : <HTML>{title}</HTML>}\n                                    </h1>\n                                    {description && (\n                                        <div className={b('description', {theme: textTheme})}>\n                                            <YFMWrapper\n                                                content={description}\n                                                modifiers={{\n                                                    constructor: true,\n                                                    constructorTheme: textTheme,\n                                                }}\n                                            />\n                                        </div>\n                                    )}\n                                    {buttons && (\n                                        <div className={b('buttons')} data-qa=\"header-buttons\">\n                                            {buttons.map((button, index) => (\n                                                <RouterLink href={button.url} key={index}>\n                                                    <Button\n                                                        key={index}\n                                                        className={b('button')}\n                                                        size=\"xl\"\n                                                        extraProps={{\n                                                            'aria-describedby': titleId,\n                                                            ...button.extraProps,\n                                                        }}\n                                                        {...button}\n                                                    />\n                                                </RouterLink>\n                                            ))}\n                                        </div>\n                                    )}\n                                    {children}\n                                </Col>\n                            </Col>\n                        </Row>\n                        {hasRightSideImage && (\n                            <Media\n                                className={b('media', {[curImageSize]: true})}\n                                videoClassName={b('video')}\n                                imageClassName={b('image')}\n                                {...mediaWithMicrodata}\n                            />\n                        )}\n                    </Col>\n                </Row>\n            </Grid>\n        </header>\n    );\n};\n\nexport default HeaderBlock;\n"]}
+{"version":3,"file":"Header.js","sourceRoot":"../../../../src","sources":["blocks/Header/Header.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable complexity */\nimport {useUniqId} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {Button, HTML, Media, RouterLink} from '../../components';\nimport HeaderBreadcrumbs from '../../components/HeaderBreadcrumbs/HeaderBreadcrumbs';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport YFMWrapper from '../../components/YFMWrapper/YFMWrapper';\nimport {MobileContext} from '../../context/mobileContext';\nimport {useTheme} from '../../context/theme';\nimport {Col, Grid, Row} from '../../grid';\nimport {ClassNameProps, HeaderBlockBackground, HeaderBlockProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\n\nimport {getImageSize, getTitleSizes, titleWithImageSizes} from './utils';\nimport './Header.scss';\n\nconst b = block('header-block');\n\ntype HeaderBlockFullProps = HeaderBlockProps & ClassNameProps;\n\ninterface BackgroundProps {\n    background: HeaderBlockBackground;\n    isMobile: boolean;\n}\n\nconst Background = ({background, isMobile}: BackgroundProps) => {\n    const {url, image, fullWidthMedia, video, color} = background;\n    const imageObject = url ? getMediaImage(url) : image;\n    const renderMedia = !isMobile || (typeof image === 'object' && 'mobile' in image);\n\n    return (\n        <div\n            className={b('background', {media: true, 'full-width-media': fullWidthMedia})}\n            style={{backgroundColor: color}}\n        >\n            {renderMedia && (\n                <Media\n                    {...background}\n                    className={b('background-media')}\n                    imageClassName={b('image')}\n                    videoClassName={b('video')}\n                    isBackground={true}\n                    parallax={false}\n                    video={isMobile ? undefined : video}\n                    image={imageObject}\n                />\n            )}\n        </div>\n    );\n};\n\ninterface FullWidthBackgroundProps {\n    background: HeaderBlockBackground;\n}\n\nconst FullWidthBackground = ({background}: FullWidthBackgroundProps) => (\n    <div\n        className={b('background', {['full-width']: true})}\n        style={{backgroundColor: background?.color}}\n    />\n);\n\nexport const HeaderBlock = (props: React.PropsWithChildren<HeaderBlockFullProps>) => {\n    const {\n        title,\n        overtitle,\n        description,\n        buttons,\n        image,\n        video,\n        width = 'm',\n        imageSize,\n        offset = 'default',\n        background,\n        theme: textTheme = 'light',\n        verticalOffset = 'm',\n        className,\n        breadcrumbs,\n        status,\n        renderTitle,\n        children,\n        mediaView = 'full',\n        centered,\n        additionalInfo,\n    } = props;\n    const isMobile = React.useContext(MobileContext);\n    const theme = useTheme();\n    const hasRightSideImage = Boolean((image || video) && !centered);\n    const curImageSize = imageSize || getImageSize(width);\n    const titleSizes = hasRightSideImage ? titleWithImageSizes(curImageSize) : getTitleSizes(width);\n    let curVerticalOffset = verticalOffset;\n\n    if (hasRightSideImage && !verticalOffset) {\n        curVerticalOffset = 'm';\n    }\n\n    const backgroundThemed = background && getThemedValue(background, theme);\n    const imageThemed = image && getThemedValue(image, theme);\n    const videoThemed = video && getThemedValue(video, theme);\n    const mediaWithMicrodata = mergeVideoMicrodata(\n        {video: videoThemed, image: imageThemed},\n        {\n            name: title,\n            description,\n        },\n    );\n    const fullWidth = backgroundThemed?.fullWidth || backgroundThemed?.fullWidthMedia;\n    const titleId = useUniqId();\n\n    return (\n        <header\n            className={b(\n                {\n                    ['has-media']: hasRightSideImage,\n                    ['full-width']: fullWidth,\n                    ['media-view']: mediaView,\n                    ['controls-view']: textTheme,\n                },\n                className,\n            )}\n        >\n            {backgroundThemed && fullWidth && <FullWidthBackground background={backgroundThemed} />}\n            {backgroundThemed && <Background background={backgroundThemed} isMobile={isMobile} />}\n            <Grid containerClass={b('container-fluid')}>\n                {breadcrumbs && (\n                    <Row className={b('breadcrumbs')}>\n                        <Col>\n                            <HeaderBreadcrumbs {...breadcrumbs} theme={textTheme} />\n                        </Col>\n                    </Row>\n                )}\n                <Row>\n                    <Col reset className={b('content-wrapper')}>\n                        <Row>\n                            <Col\n                                className={b('content', {\n                                    offset,\n                                    theme: textTheme,\n                                    'vertical-offset': curVerticalOffset,\n                                })}\n                            >\n                                <Col sizes={titleSizes} className={b('content-inner', {centered})}>\n                                    {overtitle && (\n                                        <div className={b('overtitle')}>\n                                            {typeof overtitle === 'string' ? (\n                                                <HTML>{overtitle}</HTML>\n                                            ) : (\n                                                overtitle\n                                            )}\n                                        </div>\n                                    )}\n                                    <h1 className={b('title')} id={titleId}>\n                                        {status}\n                                        {renderTitle ? renderTitle(title) : <HTML>{title}</HTML>}\n                                    </h1>\n                                    {description && (\n                                        <div className={b('description', {theme: textTheme})}>\n                                            <YFMWrapper\n                                                content={description}\n                                                modifiers={{\n                                                    constructor: true,\n                                                    constructorTheme: textTheme,\n                                                }}\n                                            />\n                                        </div>\n                                    )}\n                                    {additionalInfo && (\n                                        <div className={b('additional-info', {theme: textTheme})}>\n                                            <YFMWrapper\n                                                content={additionalInfo}\n                                                modifiers={{\n                                                    constructor: true,\n                                                    constructorTheme: textTheme,\n                                                }}\n                                            />\n                                        </div>\n                                    )}\n                                    {buttons && (\n                                        <div className={b('buttons')} data-qa=\"header-buttons\">\n                                            {buttons.map((button, index) => (\n                                                <RouterLink href={button.url} key={index}>\n                                                    <Button\n                                                        key={index}\n                                                        className={b('button')}\n                                                        size=\"xl\"\n                                                        extraProps={{\n                                                            'aria-describedby': titleId,\n                                                            ...button.extraProps,\n                                                        }}\n                                                        {...button}\n                                                    />\n                                                </RouterLink>\n                                            ))}\n                                        </div>\n                                    )}\n                                    {children}\n                                </Col>\n                            </Col>\n                        </Row>\n                        {hasRightSideImage && (\n                            <Media\n                                className={b('media', {[curImageSize]: true})}\n                                videoClassName={b('video')}\n                                imageClassName={b('image')}\n                                {...mediaWithMicrodata}\n                            />\n                        )}\n                    </Col>\n                </Row>\n            </Grid>\n        </header>\n    );\n};\n\nexport default HeaderBlock;\n"]}

package/build/esm/blocks/Header/schema.d.ts

@@ -331,6 +331,11 @@ export declare const HeaderProperties: {
         contentType: string;
         inputType: string;
     };
+    additionalInfo: {
+        type: string;
+        contentType: string;
+        inputType: string;
+    };
     width: {
         type: string;
         enum: string[];
@@ -898,6 +903,11 @@ export declare const HeaderBlock: {
                 contentType: string;
                 inputType: string;
             };
+            additionalInfo: {
+                type: string;
+                contentType: string;
+                inputType: string;
+            };
             width: {
                 type: string;
                 enum: string[];

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

@@ -25,6 +25,11 @@ export const HeaderProperties = {
         contentType: 'yfm',
         inputType: 'textarea',
     },
+    additionalInfo: {
+        type: 'string',
+        contentType: 'yfm',
+        inputType: 'textarea',
+    },
     width: {
         type: 'string',
         enum: ['s', 'm', 'l'],

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Header/schema.ts"],"names":[],"mappings":"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","sourcesContent":["import {ImageProps} from '../../components/Image/schema';\nimport {\n    BlockBaseProps,\n    ButtonBlock,\n    MediaProps,\n    VideoProps,\n    mediaView,\n    withTheme,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\n\nexport const HeaderBackgroundProps = {\n    type: 'object',\n    additionalProperties: false,\n    required: [],\n    properties: {\n        ...MediaProps,\n        fullWidth: {type: 'boolean'},\n        fullWidthMedia: {type: 'boolean'},\n    },\n};\n\nexport const HeaderProperties = {\n    title: {\n        type: 'string',\n        contentType: 'text',\n    },\n    overtitle: {\n        type: 'string',\n        contentType: 'text',\n    },\n    description: {\n        type: 'string',\n        contentType: 'yfm',\n        inputType: 'textarea',\n    },\n    width: {\n        type: 'string',\n        enum: ['s', 'm', 'l'],\n    },\n    buttons: filteredArray(ButtonBlock),\n    offset: {\n        type: 'string',\n        enum: ['default', 'large'],\n    },\n    image: withTheme(ImageProps),\n    video: withTheme(VideoProps),\n    mediaView: {\n        type: 'string',\n        enum: mediaView,\n    },\n    backLink: {\n        type: 'object',\n        required: ['url', 'title'],\n        properties: {\n            url: {\n                type: 'string',\n            },\n            title: {\n                type: 'string',\n                contentType: 'text',\n            },\n        },\n    },\n    imageSize: {\n        type: 'string',\n        enum: ['s', 'm'],\n    },\n    verticalOffset: {\n        type: 'string',\n        enum: ['0', 's', 'm', 'l', 'xl'],\n    },\n    background: withTheme(HeaderBackgroundProps),\n    theme: {\n        type: 'string',\n        enum: ['default', 'dark'],\n    },\n    breadcrumbs: {\n        type: 'object',\n        additionalProperties: false,\n        required: ['items'],\n        properties: {\n            items: {\n                type: 'array',\n                items: {\n                    type: 'object',\n                    additionalProperties: false,\n                    required: ['url', 'text'],\n                    properties: {\n                        url: {\n                            type: 'string',\n                        },\n                        text: {\n                            type: 'string',\n                            contentType: 'text',\n                        },\n                    },\n                },\n            },\n            theme: {type: 'string', enum: ['light', 'dark']},\n        },\n    },\n    status: {\n        type: 'string',\n    },\n    centered: {\n        type: 'boolean',\n    },\n};\n\nexport const HeaderBlock = {\n    'header-block': {\n        additionalProperties: false,\n        required: ['title'],\n        properties: {\n            ...BlockBaseProps,\n            ...HeaderProperties,\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Header/schema.ts"],"names":[],"mappings":"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","sourcesContent":["import {ImageProps} from '../../components/Image/schema';\nimport {\n    BlockBaseProps,\n    ButtonBlock,\n    MediaProps,\n    VideoProps,\n    mediaView,\n    withTheme,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\n\nexport const HeaderBackgroundProps = {\n    type: 'object',\n    additionalProperties: false,\n    required: [],\n    properties: {\n        ...MediaProps,\n        fullWidth: {type: 'boolean'},\n        fullWidthMedia: {type: 'boolean'},\n    },\n};\n\nexport const HeaderProperties = {\n    title: {\n        type: 'string',\n        contentType: 'text',\n    },\n    overtitle: {\n        type: 'string',\n        contentType: 'text',\n    },\n    description: {\n        type: 'string',\n        contentType: 'yfm',\n        inputType: 'textarea',\n    },\n    additionalInfo: {\n        type: 'string',\n        contentType: 'yfm',\n        inputType: 'textarea',\n    },\n    width: {\n        type: 'string',\n        enum: ['s', 'm', 'l'],\n    },\n    buttons: filteredArray(ButtonBlock),\n    offset: {\n        type: 'string',\n        enum: ['default', 'large'],\n    },\n    image: withTheme(ImageProps),\n    video: withTheme(VideoProps),\n    mediaView: {\n        type: 'string',\n        enum: mediaView,\n    },\n    backLink: {\n        type: 'object',\n        required: ['url', 'title'],\n        properties: {\n            url: {\n                type: 'string',\n            },\n            title: {\n                type: 'string',\n                contentType: 'text',\n            },\n        },\n    },\n    imageSize: {\n        type: 'string',\n        enum: ['s', 'm'],\n    },\n    verticalOffset: {\n        type: 'string',\n        enum: ['0', 's', 'm', 'l', 'xl'],\n    },\n    background: withTheme(HeaderBackgroundProps),\n    theme: {\n        type: 'string',\n        enum: ['default', 'dark'],\n    },\n    breadcrumbs: {\n        type: 'object',\n        additionalProperties: false,\n        required: ['items'],\n        properties: {\n            items: {\n                type: 'array',\n                items: {\n                    type: 'object',\n                    additionalProperties: false,\n                    required: ['url', 'text'],\n                    properties: {\n                        url: {\n                            type: 'string',\n                        },\n                        text: {\n                            type: 'string',\n                            contentType: 'text',\n                        },\n                    },\n                },\n            },\n            theme: {type: 'string', enum: ['light', 'dark']},\n        },\n    },\n    status: {\n        type: 'string',\n    },\n    centered: {\n        type: 'boolean',\n    },\n};\n\nexport const HeaderBlock = {\n    'header-block': {\n        additionalProperties: false,\n        required: ['title'],\n        properties: {\n            ...BlockBaseProps,\n            ...HeaderProperties,\n        },\n    },\n};\n"]}

package/build/esm/blocks/HeaderSlider/schema.d.ts

@@ -23,6 +23,11 @@ export declare const HeaderSliderBlock: {
                             contentType: string;
                             inputType: string;
                         };
+                        additionalInfo: {
+                            type: string;
+                            contentType: string;
+                            inputType: string;
+                        };
                         width: {
                             type: string;
                             enum: string[];

package/build/esm/blocks/Slider/Slider.js

@@ -4,7 +4,7 @@ import { useUniqId } from '@gravity-ui/uikit';
 import debounce from "lodash/debounce.js";
 import get from "lodash/get.js";
 import noop from "lodash/noop.js";
-import SlickSlider from 'react-slick';
+import _SlickSlider from 'react-slick';
 import Anchor from "../../components/Anchor/Anchor.js";
 import AnimateBlock from "../../components/AnimateBlock/AnimateBlock.js";
 import OutsideClick from "../../components/OutsideClick/OutsideClick.js";
@@ -26,6 +26,9 @@ const b = block('SliderBlock');
 const slick = block('slick-origin');
 const DOT_WIDTH = 8;
 const DOT_GAP = 16;
+const SlickSlider = 'default' in _SlickSlider && _SlickSlider.default
+    ? _SlickSlider.default
+    : _SlickSlider;
 export const SliderBlock = (props) => {
     const { animated, title, description, type, anchorId, arrows = true, adaptive, autoplay: autoplaySpeed, dots = true, dotsClassName, disclaimer, children, className, blockClassName, lazyLoad, arrowSize, onAfterChange: handleAfterChange, onBeforeChange: handleBeforeChange, } = props;
     const { isServer } = React.useContext(SSRContext);