@gravity-ui/page-constructor 5.33.3 → 5.33.4-beta.0

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

@@ -1,26 +1,27 @@
-import React, { useContext } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useUniqId } from '@gravity-ui/uikit';
-import { Button, HTML, Media, RouterLink } from '../../components';
-import HeaderBreadcrumbs from '../../components/HeaderBreadcrumbs/HeaderBreadcrumbs';
-import { getMediaImage } from '../../components/Media/Image/utils';
-import YFMWrapper from '../../components/YFMWrapper/YFMWrapper';
-import { MobileContext } from '../../context/mobileContext';
-import { useTheme } from '../../context/theme';
-import { Col, Grid, Row } from '../../grid';
-import { block, getThemedValue } from '../../utils';
-import { getImageSize, getTitleSizes, titleWithImageSizes } from './utils';
+import * as React from 'react';
+import { Button, HTML, Media, RouterLink } from "../../components/index.js";
+import HeaderBreadcrumbs from "../../components/HeaderBreadcrumbs/HeaderBreadcrumbs.js";
+import { getMediaImage } from "../../components/Media/Image/utils.js";
+import YFMWrapper from "../../components/YFMWrapper/YFMWrapper.js";
+import { MobileContext } from "../../context/mobileContext/index.js";
+import { useTheme } from "../../context/theme/index.js";
+import { Col, Grid, Row } from "../../grid/index.js";
+import { block, getThemedValue } from "../../utils/index.js";
+import { getImageSize, getTitleSizes, titleWithImageSizes } from "./utils.js";
 import './Header.css';
 const b = block('header-block');
 const Background = ({ background, isMobile }) => {
     const { url, image, fullWidthMedia, video, color } = background;
     const imageObject = url ? getMediaImage(url) : image;
     const renderMedia = !isMobile || (typeof image === 'object' && 'mobile' in image);
-    return (React.createElement("div", { className: b('background', { media: true, 'full-width-media': fullWidthMedia }), style: { backgroundColor: color } }, renderMedia && (React.createElement(Media, Object.assign({}, background, { className: b('background-media'), imageClassName: b('image'), videoClassName: b('video'), isBackground: true, parallax: false, video: isMobile ? undefined : video, image: imageObject })))));
+    return (_jsx("div", { className: b('background', { media: true, 'full-width-media': fullWidthMedia }), style: { backgroundColor: color }, children: renderMedia && (_jsx(Media, Object.assign({}, background, { className: b('background-media'), imageClassName: b('image'), videoClassName: b('video'), isBackground: true, parallax: false, video: isMobile ? undefined : video, image: imageObject }))) }));
 };
-const FullWidthBackground = ({ background }) => (React.createElement("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background === null || background === void 0 ? void 0 : background.color } }));
+const FullWidthBackground = ({ background }) => (_jsx("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background === null || background === void 0 ? void 0 : 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', } = props;
-    const isMobile = useContext(MobileContext);
+    const isMobile = React.useContext(MobileContext);
     const theme = useTheme();
     const hasRightSideImage = Boolean(image || video);
     const curImageSize = imageSize || getImageSize(width);
@@ -34,40 +35,19 @@ export const HeaderBlock = (props) => {
     const videoThemed = video && getThemedValue(video, theme);
     const fullWidth = (backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.fullWidth) || (backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.fullWidthMedia);
     const titleId = useUniqId();
-    return (React.createElement("header", { className: b({
+    return (_jsxs("header", { className: b({
             ['has-media']: hasRightSideImage,
             ['full-width']: fullWidth,
             ['media-view']: mediaView,
             ['controls-view']: textTheme,
-        }, className) },
-        backgroundThemed && fullWidth && React.createElement(FullWidthBackground, { background: backgroundThemed }),
-        backgroundThemed && React.createElement(Background, { background: backgroundThemed, isMobile: isMobile }),
-        React.createElement(Grid, { containerClass: b('container-fluid') },
-            breadcrumbs && (React.createElement(Row, { className: b('breadcrumbs') },
-                React.createElement(Col, null,
-                    React.createElement(HeaderBreadcrumbs, Object.assign({}, breadcrumbs, { theme: textTheme }))))),
-            React.createElement(Row, null,
-                React.createElement(Col, { reset: true, className: b('content-wrapper') },
-                    React.createElement(Row, null,
-                        React.createElement(Col, { className: b('content', {
-                                offset,
-                                theme: textTheme,
-                                'vertical-offset': curVerticalOffset,
-                            }) },
-                            React.createElement(Col, { sizes: titleSizes, className: b('content-inner') },
-                                overtitle && (React.createElement("div", { className: b('overtitle') },
-                                    React.createElement(HTML, null, overtitle))),
-                                React.createElement("h1", { className: b('title'), id: titleId },
-                                    status,
-                                    renderTitle ? renderTitle(title) : React.createElement(HTML, null, title)),
-                                description && (React.createElement("div", { className: b('description', { theme: textTheme }) },
-                                    React.createElement(YFMWrapper, { content: description, modifiers: {
-                                            constructor: true,
-                                            constructorTheme: textTheme,
-                                        } }))),
-                                buttons && (React.createElement("div", { className: b('buttons'), "data-qa": "header-buttons" }, buttons.map((button, index) => (React.createElement(RouterLink, { href: button.url, key: index },
-                                    React.createElement(Button, Object.assign({ key: index, className: b('button'), size: "xl", extraProps: Object.assign({ 'aria-describedby': titleId }, button.extraProps) }, button))))))),
-                                children))),
-                    hasRightSideImage && (React.createElement(Media, { className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image'), video: videoThemed, image: imageThemed })))))));
+        }, className), children: [backgroundThemed && fullWidth && _jsx(FullWidthBackground, { background: backgroundThemed }), backgroundThemed && _jsx(Background, { background: backgroundThemed, isMobile: isMobile }), _jsxs(Grid, { containerClass: b('container-fluid'), children: [breadcrumbs && (_jsx(Row, { className: b('breadcrumbs'), children: _jsx(Col, { children: _jsx(HeaderBreadcrumbs, Object.assign({}, breadcrumbs, { theme: textTheme })) }) })), _jsx(Row, { children: _jsxs(Col, { reset: true, className: b('content-wrapper'), children: [_jsx(Row, { children: _jsx(Col, { className: b('content', {
+                                            offset,
+                                            theme: textTheme,
+                                            'vertical-offset': curVerticalOffset,
+                                        }), children: _jsxs(Col, { sizes: titleSizes, className: b('content-inner'), children: [overtitle && (_jsx("div", { className: b('overtitle'), children: _jsx(HTML, { children: 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,
+                                                        } }) })), buttons && (_jsx("div", { className: b('buttons'), "data-qa": "header-buttons", children: buttons.map((button, index) => (_jsx(RouterLink, { href: button.url, children: _jsx(Button, Object.assign({ className: b('button'), size: "xl", extraProps: Object.assign({ 'aria-describedby': titleId }, button.extraProps) }, button), index) }, index))) })), children] }) }) }), hasRightSideImage && (_jsx(Media, { className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image'), video: videoThemed, image: imageThemed }))] }) })] })] }));
 };
 export default HeaderBlock;
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"../../../../src","sources":["blocks/Header/Header.tsx"],"names":[],"mappings":"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","sourcesContent":["import {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';\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    } = props;\n    const isMobile = React.useContext(MobileContext);\n    const theme = useTheme();\n    const hasRightSideImage = Boolean(image || video);\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 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')}>\n                                    {overtitle && (\n                                        <div className={b('overtitle')}>\n                                            <HTML>{overtitle}</HTML>\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                                video={videoThemed}\n                                image={imageThemed}\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

@@ -140,7 +140,7 @@ export declare const HeaderBackgroundProps: {
                 };
                 controls: {
                     type: string;
-                    enum: import("../..").MediaVideoControlsType[];
+                    enum: import("../../index.js").MediaVideoControlsType[];
                 };
                 customControlsOptions: {
                     type: string;
@@ -148,14 +148,14 @@ export declare const HeaderBackgroundProps: {
                     properties: {
                         type: {
                             type: string;
-                            enum: import("../..").CustomControlsType[];
+                            enum: import("../../index.js").CustomControlsType[];
                         };
                         muteButtonShown: {
                             type: string;
                         };
                         positioning: {
                             type: string;
-                            enum: import("../..").CustomControlsButtonPositioning[];
+                            enum: import("../../index.js").CustomControlsButtonPositioning[];
                         };
                     };
                 };
@@ -382,7 +382,7 @@ export declare const HeaderProperties: {
         }) | {
             type: string;
             additionalProperties: boolean;
-            required: import("../..").Theme[];
+            required: import("../../index.js").Theme[];
             properties: {};
             optionName: string;
         })[];
@@ -451,7 +451,7 @@ export declare const HeaderProperties: {
                 };
                 controls: {
                     type: string;
-                    enum: import("../..").MediaVideoControlsType[];
+                    enum: import("../../index.js").MediaVideoControlsType[];
                 };
                 customControlsOptions: {
                     type: string;
@@ -459,14 +459,14 @@ export declare const HeaderProperties: {
                     properties: {
                         type: {
                             type: string;
-                            enum: import("../..").CustomControlsType[];
+                            enum: import("../../index.js").CustomControlsType[];
                         };
                         muteButtonShown: {
                             type: string;
                         };
                         positioning: {
                             type: string;
-                            enum: import("../..").CustomControlsButtonPositioning[];
+                            enum: import("../../index.js").CustomControlsButtonPositioning[];
                         };
                     };
                 };
@@ -482,7 +482,7 @@ export declare const HeaderProperties: {
         }) | {
             type: string;
             additionalProperties: boolean;
-            required: import("../..").Theme[];
+            required: import("../../index.js").Theme[];
             properties: {};
             optionName: string;
         })[];
@@ -655,7 +655,7 @@ export declare const HeaderProperties: {
                         };
                         controls: {
                             type: string;
-                            enum: import("../..").MediaVideoControlsType[];
+                            enum: import("../../index.js").MediaVideoControlsType[];
                         };
                         customControlsOptions: {
                             type: string;
@@ -663,14 +663,14 @@ export declare const HeaderProperties: {
                             properties: {
                                 type: {
                                     type: string;
-                                    enum: import("../..").CustomControlsType[];
+                                    enum: import("../../index.js").CustomControlsType[];
                                 };
                                 muteButtonShown: {
                                     type: string;
                                 };
                                 positioning: {
                                     type: string;
-                                    enum: import("../..").CustomControlsButtonPositioning[];
+                                    enum: import("../../index.js").CustomControlsButtonPositioning[];
                                 };
                             };
                         };
@@ -836,7 +836,7 @@ export declare const HeaderProperties: {
         }) | {
             type: string;
             additionalProperties: boolean;
-            required: import("../..").Theme[];
+            required: import("../../index.js").Theme[];
             properties: {};
             optionName: string;
         })[];
@@ -946,7 +946,7 @@ export declare const HeaderBlock: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../..").Theme[];
+                    required: import("../../index.js").Theme[];
                     properties: {};
                     optionName: string;
                 })[];
@@ -1015,7 +1015,7 @@ export declare const HeaderBlock: {
                         };
                         controls: {
                             type: string;
-                            enum: import("../..").MediaVideoControlsType[];
+                            enum: import("../../index.js").MediaVideoControlsType[];
                         };
                         customControlsOptions: {
                             type: string;
@@ -1023,14 +1023,14 @@ export declare const HeaderBlock: {
                             properties: {
                                 type: {
                                     type: string;
-                                    enum: import("../..").CustomControlsType[];
+                                    enum: import("../../index.js").CustomControlsType[];
                                 };
                                 muteButtonShown: {
                                     type: string;
                                 };
                                 positioning: {
                                     type: string;
-                                    enum: import("../..").CustomControlsButtonPositioning[];
+                                    enum: import("../../index.js").CustomControlsButtonPositioning[];
                                 };
                             };
                         };
@@ -1046,7 +1046,7 @@ export declare const HeaderBlock: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../..").Theme[];
+                    required: import("../../index.js").Theme[];
                     properties: {};
                     optionName: string;
                 })[];
@@ -1219,7 +1219,7 @@ export declare const HeaderBlock: {
                                 };
                                 controls: {
                                     type: string;
-                                    enum: import("../..").MediaVideoControlsType[];
+                                    enum: import("../../index.js").MediaVideoControlsType[];
                                 };
                                 customControlsOptions: {
                                     type: string;
@@ -1227,14 +1227,14 @@ export declare const HeaderBlock: {
                                     properties: {
                                         type: {
                                             type: string;
-                                            enum: import("../..").CustomControlsType[];
+                                            enum: import("../../index.js").CustomControlsType[];
                                         };
                                         muteButtonShown: {
                                             type: string;
                                         };
                                         positioning: {
                                             type: string;
-                                            enum: import("../..").CustomControlsButtonPositioning[];
+                                            enum: import("../../index.js").CustomControlsButtonPositioning[];
                                         };
                                     };
                                 };
@@ -1400,7 +1400,7 @@ export declare const HeaderBlock: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../..").Theme[];
+                    required: import("../../index.js").Theme[];
                     properties: {};
                     optionName: string;
                 })[];

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

@@ -1,6 +1,6 @@
-import { ImageProps } from '../../components/Image/schema';
-import { BlockBaseProps, ButtonBlock, MediaProps, VideoProps, mediaView, withTheme, } from '../../schema/validators/common';
-import { filteredArray } from '../../schema/validators/utils';
+import { ImageProps } from "../../components/Image/schema.js";
+import { BlockBaseProps, ButtonBlock, MediaProps, VideoProps, mediaView, withTheme, } from "../../schema/validators/common.js";
+import { filteredArray } from "../../schema/validators/utils.js";
 export const HeaderBackgroundProps = {
     type: 'object',
     additionalProperties: false,
@@ -98,3 +98,4 @@ export const HeaderBlock = {
         properties: Object.assign(Object.assign({}, BlockBaseProps), HeaderProperties),
     },
 };
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +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};\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/Header/utils.d.ts

@@ -1,4 +1,4 @@
-import { HeaderImageSize, HeaderWidth } from '../../models';
+import { HeaderImageSize, HeaderWidth } from "../../models/index.js";
 export declare function titleWithImageSizes(imageSize: HeaderImageSize): {
     md: number;
     all: number;

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

@@ -43,3 +43,4 @@ export function getImageSize(width) {
             return 'm';
     }
 }
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["blocks/Header/utils.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC1D,QAAQ,SAAS,EAAE,CAAC;QAChB,KAAK,GAAG;YACJ,OAAO;gBACH,EAAE,EAAE,CAAC;gBACL,GAAG,EAAE,EAAE;aACV,CAAC;QACN,KAAK,GAAG;YACJ,OAAO;gBACH,EAAE,EAAE,CAAC;gBACL,GAAG,EAAE,EAAE;aACV,CAAC;QACN;YACI,OAAO,EAAC,GAAG,EAAE,EAAE,EAAC,CAAC;IACzB,CAAC;AACL,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAAkB;IAC5C,QAAQ,KAAK,EAAE,CAAC;QACZ,KAAK,GAAG;YACJ,OAAO;gBACH,EAAE,EAAE,CAAC;gBACL,EAAE,EAAE,EAAE;gBACN,EAAE,EAAE,CAAC;gBACL,GAAG,EAAE,EAAE;aACV,CAAC;QACN,KAAK,GAAG;YACJ,OAAO;gBACH,EAAE,EAAE,CAAC;gBACL,EAAE,EAAE,CAAC;gBACL,EAAE,EAAE,EAAE;gBACN,GAAG,EAAE,EAAE;aACV,CAAC;QACN;YACI,OAAO,EAAC,GAAG,EAAE,EAAE,EAAC,CAAC;IACzB,CAAC;AACL,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAAkB;IAC3C,QAAQ,KAAK,EAAE,CAAC;QACZ,KAAK,GAAG;YACJ,OAAO,GAAG,CAAC;QACf,KAAK,GAAG,CAAC;QACT;YACI,OAAO,GAAG,CAAC;IACnB,CAAC;AACL,CAAC","sourcesContent":["import {HeaderImageSize, HeaderWidth} from '../../models';\n\nexport function titleWithImageSizes(imageSize: HeaderImageSize) {\n    switch (imageSize) {\n        case 's':\n            return {\n                md: 8,\n                all: 12,\n            };\n        case 'm':\n            return {\n                md: 6,\n                all: 12,\n            };\n        default:\n            return {all: 12};\n    }\n}\n\nexport function getTitleSizes(width: HeaderWidth) {\n    switch (width) {\n        case 's':\n            return {\n                lg: 6,\n                sm: 12,\n                md: 8,\n                all: 12,\n            };\n        case 'm':\n            return {\n                lg: 8,\n                md: 8,\n                sm: 12,\n                all: 12,\n            };\n        default:\n            return {all: 12};\n    }\n}\n\nexport function getImageSize(width: HeaderWidth) {\n    switch (width) {\n        case 'm':\n            return 's';\n        case 's':\n        default:\n            return 'm';\n    }\n}\n"]}

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

@@ -1,4 +1,4 @@
-import { HeaderSliderBlockProps } from '../../models';
+import { HeaderSliderBlockProps } from "../../models/index.js";
 import './HeaderSlider.css';
-export declare const HeaderSliderBlock: ({ items, arrows, ...props }: HeaderSliderBlockProps) => JSX.Element;
+export declare const HeaderSliderBlock: ({ items, arrows, ...props }: HeaderSliderBlockProps) => import("react/jsx-runtime").JSX.Element;
 export default HeaderSliderBlock;

package/build/esm/blocks/HeaderSlider/HeaderSlider.js

@@ -1,18 +1,18 @@
 import { __rest } from "tslib";
-import React, { useContext } from 'react';
-import { MobileContext } from '../../context/mobileContext';
-import { SliderType } from '../../models';
-import { block } from '../../utils';
-import Header from '../Header/Header';
-import { SliderBlock } from '../index';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { MobileContext } from "../../context/mobileContext/index.js";
+import { SliderType } from "../../models/index.js";
+import { block } from "../../utils/index.js";
+import Header from "../Header/Header.js";
+import { SliderBlock } from "../index.js";
 import './HeaderSlider.css';
 const b = block('header-slider-block');
 export const HeaderSliderBlock = (_a) => {
     var { items, arrows } = _a, props = __rest(_a, ["items", "arrows"]);
-    const isMobile = useContext(MobileContext);
+    const isMobile = React.useContext(MobileContext);
     const showArrows = isMobile ? false : arrows;
-    return (React.createElement("div", { className: b('wrapper'), "data-qa": "header-slider" },
-        React.createElement(SliderBlock, Object.assign({}, props, { arrows: showArrows, slidesToShow: 1, type: SliderType.HeaderCard, animated: false, blockClassName: b(), arrowSize: 20 }), items.map((item, index) => (React.createElement("div", { key: index, className: b('item'), "data-qa": `header-slider-item-${index + 1}` },
-            React.createElement(Header, Object.assign({}, item, { className: b('item-content') }))))))));
+    return (_jsx("div", { className: b('wrapper'), "data-qa": "header-slider", children: _jsx(SliderBlock, Object.assign({}, props, { arrows: showArrows, slidesToShow: 1, type: SliderType.HeaderCard, animated: false, blockClassName: b(), arrowSize: 20, children: items.map((item, index) => (_jsx("div", { className: b('item'), "data-qa": `header-slider-item-${index + 1}`, children: _jsx(Header, Object.assign({}, item, { className: b('item-content') })) }, index))) })) }));
 };
 export default HeaderSliderBlock;
+//# sourceMappingURL=HeaderSlider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSlider.js","sourceRoot":"../../../../src","sources":["blocks/HeaderSlider/HeaderSlider.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,aAAa,EAAC,6CAAoC;AAC1D,OAAO,EAAyB,UAAU,EAAC,8BAAqB;AAChE,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAClC,OAAO,MAAM,4BAAyB;AACtC,OAAO,EAAC,WAAW,EAAC,oBAAiB;AAErC,OAAO,oBAAoB,CAAC;AAE5B,MAAM,CAAC,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;AAEvC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAiD,EAAE,EAAE;QAArD,EAAC,KAAK,EAAE,MAAM,OAAmC,EAA9B,KAAK,cAAxB,mBAAyB,CAAD;IACtD,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IAE7C,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aAAU,eAAe,YACjD,KAAC,WAAW,oBACJ,KAAK,IACT,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,CAAC,EACf,IAAI,EAAE,UAAU,CAAC,UAAU,EAC3B,QAAQ,EAAE,KAAK,EACf,cAAc,EAAE,CAAC,EAAE,EACnB,SAAS,EAAE,EAAE,YAEZ,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,cAEI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACX,sBAAsB,KAAK,GAAG,CAAC,EAAE,YAE1C,KAAC,MAAM,oBAAK,IAAI,IAAE,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,IAAI,IAJ7C,KAAK,CAKR,CACT,CAAC,IACQ,GACZ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MobileContext} from '../../context/mobileContext';\nimport {HeaderSliderBlockProps, SliderType} from '../../models';\nimport {block} from '../../utils';\nimport Header from '../Header/Header';\nimport {SliderBlock} from '../index';\n\nimport './HeaderSlider.scss';\n\nconst b = block('header-slider-block');\n\nexport const HeaderSliderBlock = ({items, arrows, ...props}: HeaderSliderBlockProps) => {\n    const isMobile = React.useContext(MobileContext);\n    const showArrows = isMobile ? false : arrows;\n\n    return (\n        <div className={b('wrapper')} data-qa=\"header-slider\">\n            <SliderBlock\n                {...props}\n                arrows={showArrows}\n                slidesToShow={1}\n                type={SliderType.HeaderCard}\n                animated={false}\n                blockClassName={b()}\n                arrowSize={20}\n            >\n                {items.map((item, index) => (\n                    <div\n                        key={index}\n                        className={b('item')}\n                        data-qa={`header-slider-item-${index + 1}`}\n                    >\n                        <Header {...item} className={b('item-content')} />\n                    </div>\n                ))}\n            </SliderBlock>\n        </div>\n    );\n};\n\nexport default HeaderSliderBlock;\n"]}

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

@@ -74,7 +74,7 @@ export declare const HeaderSliderBlock: {
                             }) | {
                                 type: string;
                                 additionalProperties: boolean;
-                                required: import("../..").Theme[];
+                                required: import("../../index.js").Theme[];
                                 properties: {};
                                 optionName: string;
                             })[];
@@ -143,7 +143,7 @@ export declare const HeaderSliderBlock: {
                                     };
                                     controls: {
                                         type: string;
-                                        enum: import("../..").MediaVideoControlsType[];
+                                        enum: import("../../index.js").MediaVideoControlsType[];
                                     };
                                     customControlsOptions: {
                                         type: string;
@@ -151,14 +151,14 @@ export declare const HeaderSliderBlock: {
                                         properties: {
                                             type: {
                                                 type: string;
-                                                enum: import("../..").CustomControlsType[];
+                                                enum: import("../../index.js").CustomControlsType[];
                                             };
                                             muteButtonShown: {
                                                 type: string;
                                             };
                                             positioning: {
                                                 type: string;
-                                                enum: import("../..").CustomControlsButtonPositioning[];
+                                                enum: import("../../index.js").CustomControlsButtonPositioning[];
                                             };
                                         };
                                     };
@@ -174,7 +174,7 @@ export declare const HeaderSliderBlock: {
                             }) | {
                                 type: string;
                                 additionalProperties: boolean;
-                                required: import("../..").Theme[];
+                                required: import("../../index.js").Theme[];
                                 properties: {};
                                 optionName: string;
                             })[];
@@ -347,7 +347,7 @@ export declare const HeaderSliderBlock: {
                                             };
                                             controls: {
                                                 type: string;
-                                                enum: import("../..").MediaVideoControlsType[];
+                                                enum: import("../../index.js").MediaVideoControlsType[];
                                             };
                                             customControlsOptions: {
                                                 type: string;
@@ -355,14 +355,14 @@ export declare const HeaderSliderBlock: {
                                                 properties: {
                                                     type: {
                                                         type: string;
-                                                        enum: import("../..").CustomControlsType[];
+                                                        enum: import("../../index.js").CustomControlsType[];
                                                     };
                                                     muteButtonShown: {
                                                         type: string;
                                                     };
                                                     positioning: {
                                                         type: string;
-                                                        enum: import("../..").CustomControlsButtonPositioning[];
+                                                        enum: import("../../index.js").CustomControlsButtonPositioning[];
                                                     };
                                                 };
                                             };
@@ -528,7 +528,7 @@ export declare const HeaderSliderBlock: {
                             }) | {
                                 type: string;
                                 additionalProperties: boolean;
-                                required: import("../..").Theme[];
+                                required: import("../../index.js").Theme[];
                                 properties: {};
                                 optionName: string;
                             })[];

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

@@ -1,6 +1,6 @@
 import omit from 'lodash/omit';
-import { HeaderProperties, SliderProps } from '../../schema/validators/blocks';
-import { BlockBaseProps } from '../../schema/validators/common';
+import { HeaderProperties, SliderProps } from "../../schema/validators/blocks.js";
+import { BlockBaseProps } from "../../schema/validators/common.js";
 export const HeaderSliderBlock = {
     'header-slider-block': {
         additionalProperties: false,
@@ -16,3 +16,4 @@ export const HeaderSliderBlock = {
             } }),
     },
 };
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/HeaderSlider/schema.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,aAAa,CAAC;AAE/B,OAAO,EAAC,gBAAgB,EAAE,WAAW,EAAC,0CAAuC;AAC7E,OAAO,EAAC,cAAc,EAAC,0CAAuC;AAE9D,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC7B,qBAAqB,EAAE;QACnB,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,gDACH,cAAc,GACd,IAAI,CAAC,WAAW,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,KAC9C,KAAK,EAAE;gBACH,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE;oBACH,IAAI,EAAE,QAAQ;oBACd,oBAAoB,EAAE,KAAK;oBAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;oBACnB,UAAU,EAAE,gBAAgB;iBAC/B;aACJ,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {HeaderProperties, SliderProps} from '../../schema/validators/blocks';\nimport {BlockBaseProps} from '../../schema/validators/common';\n\nexport const HeaderSliderBlock = {\n    'header-slider-block': {\n        additionalProperties: false,\n        required: ['items'],\n        properties: {\n            ...BlockBaseProps,\n            ...omit(SliderProps, ['loadable', 'children']),\n            items: {\n                type: 'array',\n                items: {\n                    type: 'object',\n                    additionalProperties: false,\n                    required: ['title'],\n                    properties: HeaderProperties,\n                },\n            },\n        },\n    },\n};\n"]}

package/build/esm/blocks/Icons/Icons.d.ts

@@ -1,4 +1,4 @@
-import { IconsBlockProps } from '../../models';
+import { IconsBlockProps } from "../../models/index.js";
 import './Icons.css';
-declare const Icons: ({ title, description, size, colSizes, items }: IconsBlockProps) => JSX.Element;
+declare const Icons: ({ title, description, size, colSizes, items }: IconsBlockProps) => import("react/jsx-runtime").JSX.Element;
 export default Icons;

package/build/esm/blocks/Icons/Icons.js

@@ -1,28 +1,26 @@
-import React, { Fragment, useCallback, useContext } from 'react';
-import { Image, Title } from '../../components';
-import { LocationContext } from '../../context/locationContext';
-import { useTheme } from '../../context/theme';
-import { useAnalytics } from '../../hooks';
-import { block, getLinkProps, getThemedValue } from '../../utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Image, Title } from "../../components/index.js";
+import { LocationContext } from "../../context/locationContext/index.js";
+import { useTheme } from "../../context/theme/index.js";
+import { useAnalytics } from "../../hooks/index.js";
+import { block, getLinkProps, getThemedValue } from "../../utils/index.js";
 import './Icons.css';
 const b = block('icons-block');
-const getItemContent = (item) => (React.createElement(Fragment, null,
-    React.createElement(Image, { className: b('image'), src: item.src }),
-    React.createElement("p", { className: b('text') }, item.text)));
+const getItemContent = (item) => (_jsxs(React.Fragment, { children: [_jsx(Image, { className: b('image'), src: item.src }), _jsx("p", { className: b('text'), children: item.text })] }));
 const Icons = ({ title, description, size = 's', colSizes = { all: 12 }, items }) => {
-    const { hostname } = useContext(LocationContext);
+    const { hostname } = React.useContext(LocationContext);
     const handleAnalytics = useAnalytics();
     const theme = useTheme();
-    const onClick = useCallback(({ analyticsEvents, url }) => {
+    const onClick = React.useCallback(({ analyticsEvents, url }) => {
         handleAnalytics(analyticsEvents, { url });
     }, [handleAnalytics]);
-    return (React.createElement("div", { className: b({ size }) },
-        (title || description) && (React.createElement(Title, { className: b('header'), title: title, subtitle: description, colSizes: colSizes })),
-        items.map((item) => {
-            const themedSrc = getThemedValue(item.src, theme);
-            const itemContent = getItemContent(Object.assign(Object.assign({}, item), { src: themedSrc }));
-            const { url, text } = item;
-            return url ? (React.createElement("a", Object.assign({ className: b('item'), key: url, href: url, "aria-label": text, title: text }, getLinkProps(url, hostname), { onClick: () => onClick(item) }), itemContent)) : (React.createElement("div", { className: b('item'), key: text }, itemContent));
-        })));
+    return (_jsxs("div", { className: b({ size }), children: [(title || description) && (_jsx(Title, { className: b('header'), title: title, subtitle: description, colSizes: colSizes })), items.map((item) => {
+                const themedSrc = getThemedValue(item.src, theme);
+                const itemContent = getItemContent(Object.assign(Object.assign({}, item), { src: themedSrc }));
+                const { url, text } = item;
+                return url ? (_jsx("a", Object.assign({ className: b('item'), href: url, "aria-label": text, title: text }, getLinkProps(url, hostname), { onClick: () => onClick(item), children: itemContent }), url)) : (_jsx("div", { className: b('item'), children: itemContent }, text));
+            })] }));
 };
 export default Icons;
+//# sourceMappingURL=Icons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.js","sourceRoot":"../../../../src","sources":["blocks/Icons/Icons.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,EAAE,KAAK,EAAC,kCAAyB;AAC9C,OAAO,EAAC,eAAe,EAAC,+CAAsC;AAC9D,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAC7C,OAAO,EAAC,YAAY,EAAC,6BAAoB;AAEzC,OAAO,EAAC,KAAK,EAAE,YAAY,EAAE,cAAc,EAAC,6BAAoB;AAEhE,OAAO,aAAa,CAAC;AAErB,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,cAAc,GAAG,CAAC,IAAsD,EAAE,EAAE,CAAC,CAC/E,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,EAC/C,YAAG,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,CAAC,IAAI,GAAK,IAC3B,CACpB,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,EAAC,KAAK,EAAE,WAAW,EAAE,IAAI,GAAG,GAAG,EAAE,QAAQ,GAAG,EAAC,GAAG,EAAE,EAAE,EAAC,EAAE,KAAK,EAAkB,EAAE,EAAE;IAC7F,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACrD,MAAM,eAAe,GAAG,YAAY,EAAE,CAAC;IACvC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC7B,CAAC,EAAC,eAAe,EAAE,GAAG,EAAsB,EAAE,EAAE;QAC5C,eAAe,CAAC,eAAe,EAAE,EAAC,GAAG,EAAC,CAAC,CAAC;IAC5C,CAAC,EACD,CAAC,eAAe,CAAC,CACpB,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,aACpB,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,KAAC,KAAK,IACF,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,QAAQ,GACpB,CACL,EACA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBAChB,MAAM,SAAS,GAAG,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;gBAClD,MAAM,WAAW,GAAG,cAAc,iCAAK,IAAI,KAAE,GAAG,EAAE,SAAS,IAAE,CAAC;gBAC9D,MAAM,EAAC,GAAG,EAAE,IAAI,EAAC,GAAG,IAAI,CAAC;gBACzB,OAAO,GAAG,CAAC,CAAC,CAAC,CACT,0BACI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAEpB,IAAI,EAAE,GAAG,gBACG,IAAI,EAChB,KAAK,EAAE,IAAI,IACP,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,IAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAE3B,WAAW,KAPP,GAAG,CAQR,CACP,CAAC,CAAC,CAAC,CACA,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACpB,WAAW,IADgB,IAAI,CAE9B,CACT,CAAC;YACN,CAAC,CAAC,IACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Image, Title} from '../../components';\nimport {LocationContext} from '../../context/locationContext';\nimport {useTheme} from '../../context/theme';\nimport {useAnalytics} from '../../hooks';\nimport {IconsBlockItemProps, IconsBlockProps} from '../../models';\nimport {block, getLinkProps, getThemedValue} from '../../utils';\n\nimport './Icons.scss';\n\nconst b = block('icons-block');\n\nconst getItemContent = (item: IconsBlockProps['items'][number] & {src: string}) => (\n    <React.Fragment>\n        <Image className={b('image')} src={item.src} />\n        <p className={b('text')}>{item.text}</p>\n    </React.Fragment>\n);\n\nconst Icons = ({title, description, size = 's', colSizes = {all: 12}, items}: IconsBlockProps) => {\n    const {hostname} = React.useContext(LocationContext);\n    const handleAnalytics = useAnalytics();\n    const theme = useTheme();\n\n    const onClick = React.useCallback(\n        ({analyticsEvents, url}: IconsBlockItemProps) => {\n            handleAnalytics(analyticsEvents, {url});\n        },\n        [handleAnalytics],\n    );\n\n    return (\n        <div className={b({size})}>\n            {(title || description) && (\n                <Title\n                    className={b('header')}\n                    title={title}\n                    subtitle={description}\n                    colSizes={colSizes}\n                />\n            )}\n            {items.map((item) => {\n                const themedSrc = getThemedValue(item.src, theme);\n                const itemContent = getItemContent({...item, src: themedSrc});\n                const {url, text} = item;\n                return url ? (\n                    <a\n                        className={b('item')}\n                        key={url}\n                        href={url}\n                        aria-label={text}\n                        title={text}\n                        {...getLinkProps(url, hostname)}\n                        onClick={() => onClick(item)}\n                    >\n                        {itemContent}\n                    </a>\n                ) : (\n                    <div className={b('item')} key={text}>\n                        {itemContent}\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport default Icons;\n"]}

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

@@ -1,5 +1,5 @@
-import { AnimatableProps, BlockBaseProps, containerSizesObject, } from '../../schema/validators/common';
-import { AnalyticsEventSchema } from '../../schema/validators/event';
+import { AnimatableProps, BlockBaseProps, containerSizesObject, } from "../../schema/validators/common.js";
+import { AnalyticsEventSchema } from "../../schema/validators/event.js";
 export const IconsProps = {
     additionalProperties: false,
     required: ['size', 'items'],
@@ -47,3 +47,4 @@ export const IconsProps = {
 export const IconsBlock = {
     'icons-block': IconsProps,
 };
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Icons/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,eAAe,EACf,cAAc,EACd,oBAAoB,GACvB,0CAAuC;AACxC,OAAO,EAAC,oBAAoB,EAAC,yCAAsC;AAEnE,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3B,UAAU,gDACH,cAAc,GACd,eAAe,KAClB,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB,EACD,WAAW,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB,EACD,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;YACrB,OAAO,EAAE,GAAG;SACf,EACD,QAAQ,EAAE,oBAAoB,EAC9B,KAAK,EAAE;YACH,IAAI,EAAE,OAAO;YACb,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;gBACd,oBAAoB,EAAE,KAAK;gBAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC;gBAChC,UAAU,EAAE;oBACR,GAAG,EAAE;wBACD,IAAI,EAAE,QAAQ;qBACjB;oBACD,IAAI,EAAE;wBACF,IAAI,EAAE,QAAQ;wBACd,WAAW,EAAE,MAAM;qBACtB;oBACD,GAAG,EAAE;wBACD,IAAI,EAAE,QAAQ;qBACjB;iBACJ;gBACD,eAAe,EAAE;oBACb,KAAK,EAAE;wDAEI,oBAAoB,KACvB,UAAU,EAAE,QAAQ;wBAExB;4BACI,IAAI,EAAE,OAAO;4BACb,KAAK,EAAE,oBAAoB;4BAC3B,UAAU,EAAE,MAAM;yBACrB;qBACJ;iBACJ;aACJ;SACJ,GACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,aAAa,EAAE,UAAU;CAC5B,CAAC","sourcesContent":["import {\n    AnimatableProps,\n    BlockBaseProps,\n    containerSizesObject,\n} from '../../schema/validators/common';\nimport {AnalyticsEventSchema} from '../../schema/validators/event';\n\nexport const IconsProps = {\n    additionalProperties: false,\n    required: ['size', 'items'],\n    properties: {\n        ...BlockBaseProps,\n        ...AnimatableProps,\n        title: {\n            type: 'string',\n            contentType: 'text',\n        },\n        description: {\n            type: 'string',\n            contentType: 'text',\n        },\n        size: {\n            type: 'string',\n            enum: ['s', 'm', 'l'],\n            default: 's',\n        },\n        colSizes: containerSizesObject,\n        items: {\n            type: 'array',\n            items: {\n                type: 'object',\n                additionalProperties: false,\n                required: ['url', 'text', 'src'],\n                properties: {\n                    url: {\n                        type: 'string',\n                    },\n                    text: {\n                        type: 'string',\n                        contentType: 'text',\n                    },\n                    src: {\n                        type: 'string',\n                    },\n                },\n                analyticsEvents: {\n                    oneOf: [\n                        {\n                            ...AnalyticsEventSchema,\n                            optionName: 'single',\n                        },\n                        {\n                            type: 'array',\n                            items: AnalyticsEventSchema,\n                            optionName: 'list',\n                        },\n                    ],\n                },\n            },\n        },\n    },\n};\n\nexport const IconsBlock = {\n    'icons-block': IconsProps,\n};\n"]}