npm - @gravity-ui/page-constructor - Versions diffs - 7.0.0-beta.2 → 7.0.0-beta.4 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1133) hide show

package/build/cjs/blocks/Form/schema.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Form/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,6DAAyD;AACzD,kEAAmE;AACnE,8DAAyE;AACzE,+DAA4D;AAC5D,mEAAqE;AAErE,MAAM,qBAAqB,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;AAErE,QAAA,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,UAAU,CAAC;QACtB,UAAU,~~kCACH~~,uBAAc,~~KACjB,~~KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;aACjB,~~EACD,~~QAAQ,EAAE;gBACN,KAAK,EAAE;oBACH;wBACI,IAAI,EAAE,QAAQ;wBACd,UAAU,EAAE,QAAQ;wBACpB,UAAU,EAAE;4BACR,MAAM,EAAE,IAAA,kBAAS,EAAC,wBAAe,CAAC;yBACrC;qBACJ;oBACD;wBACI,IAAI,EAAE,QAAQ;wBACd,UAAU,EAAE,SAAS;wBACrB,UAAU,EAAE;4BACR,OAAO,EAAE,IAAA,kBAAS,EAAC,yBAAgB,CAAC;yBACvC;qBACJ;iBACJ;aACJ,~~EACD,~~WAAW,EAAE;gBACT,oBAAoB,EAAE,KAAK;gBAC3B,UAAU,EAAE,qBAAqB;aACpC,~~EACD,~~SAAS,EAAE;gBACP,IAAI,EAAE,CAAC,cAAc,EAAE,cAAc,EAAE,QAAQ,CAAC;aACnD,~~EACD,~~KAAK,EAAE,mBAAU,~~EACjB,~~eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;aACjB~~,GACJ~~;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {ImageProps} from '../../components/Image/schema';\nimport {YandexFormProps} from '../../components/YandexForm/schema';\nimport {BlockBaseProps, withTheme} from '../../schema/validators/common';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\nimport {HubspotFormProps} from '../../sub-blocks/HubspotForm/schema';\n\nconst FormBlockContentProps = omit(ContentBase, ['size', 'centered', 'colSizes']);\n\nexport const FormBlock = {\n 'form-block': {\n additionalProperties: false,\n required: ['formData'],\n properties: {\n ...BlockBaseProps,\n title: {\n type: 'string',\n },\n formData: {\n oneOf: [\n {\n type: 'object',\n optionName: 'yandex',\n properties: {\n yandex: withTheme(YandexFormProps),\n },\n },\n {\n type: 'object',\n optionName: 'hubspot',\n properties: {\n hubspot: withTheme(HubspotFormProps),\n },\n },\n ],\n },\n textContent: {\n additionalProperties: false,\n properties: FormBlockContentProps,\n },\n direction: {\n enum: ['content-form', 'form-content', 'center'],\n },\n image: ImageProps,\n backgroundColor: {\n type: 'string',\n },\n },\n },\n};\n"]}
1	+ {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Form/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,6DAAyD;AACzD,kEAAmE;AACnE,8DAAyE;AACzE,+DAA4D;AAC5D,mEAAqE;AAErE,MAAM,qBAAqB,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;AAErE,QAAA,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,UAAU,CAAC;QACtB,UAAU,EAAE;YACR,GAAG,uBAAc;YACjB,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;aACjB;YACD,QAAQ,EAAE;gBACN,KAAK,EAAE;oBACH;wBACI,IAAI,EAAE,QAAQ;wBACd,UAAU,EAAE,QAAQ;wBACpB,UAAU,EAAE;4BACR,MAAM,EAAE,IAAA,kBAAS,EAAC,wBAAe,CAAC;yBACrC;qBACJ;oBACD;wBACI,IAAI,EAAE,QAAQ;wBACd,UAAU,EAAE,SAAS;wBACrB,UAAU,EAAE;4BACR,OAAO,EAAE,IAAA,kBAAS,EAAC,yBAAgB,CAAC;yBACvC;qBACJ;iBACJ;aACJ;YACD,WAAW,EAAE;gBACT,oBAAoB,EAAE,KAAK;gBAC3B,UAAU,EAAE,qBAAqB;aACpC;YACD,SAAS,EAAE;gBACP,IAAI,EAAE,CAAC,cAAc,EAAE,cAAc,EAAE,QAAQ,CAAC;aACnD;YACD,KAAK,EAAE,mBAAU;YACjB,eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;aACjB;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {ImageProps} from '../../components/Image/schema';\nimport {YandexFormProps} from '../../components/YandexForm/schema';\nimport {BlockBaseProps, withTheme} from '../../schema/validators/common';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\nimport {HubspotFormProps} from '../../sub-blocks/HubspotForm/schema';\n\nconst FormBlockContentProps = omit(ContentBase, ['size', 'centered', 'colSizes']);\n\nexport const FormBlock = {\n 'form-block': {\n additionalProperties: false,\n required: ['formData'],\n properties: {\n ...BlockBaseProps,\n title: {\n type: 'string',\n },\n formData: {\n oneOf: [\n {\n type: 'object',\n optionName: 'yandex',\n properties: {\n yandex: withTheme(YandexFormProps),\n },\n },\n {\n type: 'object',\n optionName: 'hubspot',\n properties: {\n hubspot: withTheme(HubspotFormProps),\n },\n },\n ],\n },\n textContent: {\n additionalProperties: false,\n properties: FormBlockContentProps,\n },\n direction: {\n enum: ['content-form', 'form-content', 'center'],\n },\n image: ImageProps,\n backgroundColor: {\n type: 'string',\n },\n },\n },\n};\n"]}

package/build/cjs/blocks/Header/Header.css CHANGED Viewed

@@ -31,6 +31,9 @@ unpredictable css rules order in build */
   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;
 }
@@ -95,6 +98,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;
 }
@@ -102,7 +113,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/cjs/blocks/Header/Header.js CHANGED Viewed

@@ -21,11 +21,11 @@ const Background = ({ background, isMobile }) => {
     const { url, image, fullWidthMedia, video, color } = background;
     const imageObject = url ? (0, utils_1.getMediaImage)(url) : image;
     const renderMedia = !isMobile || (typeof image === 'object' && 'mobile' in image);
-    return ((0, jsx_runtime_1.jsx)("div", { className: b('background', { media: true, 'full-width-media': fullWidthMedia }), style: { backgroundColor: color }, children: renderMedia && ((0, jsx_runtime_1.jsx)(components_1.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 ((0, jsx_runtime_1.jsx)("div", { className: b('background', { media: true, 'full-width-media': fullWidthMedia }), style: { backgroundColor: color }, children: renderMedia && ((0, jsx_runtime_1.jsx)(components_1.Media, { ...background, className: b('background-media'), imageClassName: b('image'), videoClassName: b('video'), isBackground: true, parallax: false, video: isMobile ? undefined : video, image: imageObject })) }));
 };
-const FullWidthBackground = ({ background }) => ((0, jsx_runtime_1.jsx)("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background === null || background === void 0 ? void 0 : background.color } }));
+const FullWidthBackground = ({ background }) => ((0, jsx_runtime_1.jsx)("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background?.color } }));
 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_1.MobileContext);
     const theme = (0, theme_1.useTheme)();
     const hasRightSideImage = Boolean((image || video) && !centered);
@@ -42,26 +42,32 @@ const HeaderBlock = (props) => {
         name: title,
         description,
     });
-    const fullWidth = (backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.fullWidth) || (backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.fullWidthMedia);
+    const fullWidth = backgroundThemed?.fullWidth || backgroundThemed?.fullWidthMedia;
     const titleId = (0, uikit_1.useUniqId)();
     return ((0, jsx_runtime_1.jsxs)("header", { className: b({
             ['has-media']: hasRightSideImage,
             ['full-width']: fullWidth,
             ['media-view']: mediaView,
             ['controls-view']: textTheme,
-        }, className), children: [backgroundThemed && fullWidth && (0, jsx_runtime_1.jsx)(FullWidthBackground, { background: backgroundThemed }), backgroundThemed && (0, jsx_runtime_1.jsx)(Background, { background: backgroundThemed, isMobile: isMobile }), (0, jsx_runtime_1.jsxs)(grid_1.Grid, { containerClass: b('container-fluid'), children: [breadcrumbs && ((0, jsx_runtime_1.jsx)(grid_1.Row, { className: b('breadcrumbs'), children: (0, jsx_runtime_1.jsx)(grid_1.Col, { children: (0, jsx_runtime_1.jsx)(HeaderBreadcrumbs_1.default, Object.assign({}, breadcrumbs, { theme: textTheme })) }) })), (0, jsx_runtime_1.jsx)(grid_1.Row, { children: (0, jsx_runtime_1.jsxs)(grid_1.Col, { reset: true, className: b('content-wrapper'), children: [(0, jsx_runtime_1.jsx)(grid_1.Row, { children: (0, jsx_runtime_1.jsx)(grid_1.Col, { className: b('content', {
+        }, className), children: [backgroundThemed && fullWidth && (0, jsx_runtime_1.jsx)(FullWidthBackground, { background: backgroundThemed }), backgroundThemed && (0, jsx_runtime_1.jsx)(Background, { background: backgroundThemed, isMobile: isMobile }), (0, jsx_runtime_1.jsxs)(grid_1.Grid, { containerClass: b('container-fluid'), children: [breadcrumbs && ((0, jsx_runtime_1.jsx)(grid_1.Row, { className: b('breadcrumbs'), children: (0, jsx_runtime_1.jsx)(grid_1.Col, { children: (0, jsx_runtime_1.jsx)(HeaderBreadcrumbs_1.default, { ...breadcrumbs, theme: textTheme }) }) })), (0, jsx_runtime_1.jsx)(grid_1.Row, { children: (0, jsx_runtime_1.jsxs)(grid_1.Col, { reset: true, className: b('content-wrapper'), children: [(0, jsx_runtime_1.jsx)(grid_1.Row, { children: (0, jsx_runtime_1.jsx)(grid_1.Col, { className: b('content', {
                                             offset,
                                             theme: textTheme,
                                             'vertical-offset': curVerticalOffset,
-                                        }), children: (0, jsx_runtime_1.jsxs)(grid_1.Col, { sizes: titleSizes, className: b('content-inner', { centered }), children: [overtitle && typeof overtitle === 'string' ? ((0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { tagName: "div", className: b('overtitle'), content: overtitle, modifiers: {
-                                                        constructor: true,
-                                                    } })) : ((0, jsx_runtime_1.jsx)("div", { className: b('overtitle'), children: overtitle })), (0, jsx_runtime_1.jsxs)(YFMWrapper_1.default, { content: title, contentClassName: b('title'), className: b('title-container'), modifiers: {
+                                        }), children: (0, jsx_runtime_1.jsxs)(grid_1.Col, { sizes: titleSizes, className: b('content-inner', { centered }), children: [overtitle && ((0, jsx_runtime_1.jsx)("div", { className: b('overtitle'), children: typeof overtitle === 'string' ? ((0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { tagName: "div", className: b('overtitle'), content: overtitle, modifiers: {
+                                                            constructor: true,
+                                                        } })) : (overtitle) })), (0, jsx_runtime_1.jsxs)(YFMWrapper_1.default, { content: title, contentClassName: b('title'), className: b('title-container'), modifiers: {
                                                         constructor: true,
                                                         constructorTheme: textTheme,
                                                     }, tagName: "h1", contentPosition: "end", children: [status, renderTitle ? renderTitle(title) : null] }), description && ((0, jsx_runtime_1.jsx)("div", { className: b('description', { theme: textTheme }), children: (0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { content: description, modifiers: {
                                                             constructor: true,
                                                             constructorTheme: textTheme,
-                                                        } }) })), buttons && ((0, jsx_runtime_1.jsx)("div", { className: b('buttons'), "data-qa": "header-buttons", children: buttons.map((button, index) => ((0, jsx_runtime_1.jsx)(components_1.RouterLink, { href: button.url, children: (0, jsx_runtime_1.jsx)(components_1.Button, Object.assign({ className: b('button'), size: "xl", extraProps: Object.assign({ 'aria-describedby': titleId }, button.extraProps) }, button), index) }, index))) })), children] }) }) }), hasRightSideImage && ((0, jsx_runtime_1.jsx)(components_1.Media, Object.assign({ className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image') }, mediaWithMicrodata)))] }) })] })] }));
+                                                        } }) })), additionalInfo && ((0, jsx_runtime_1.jsx)("div", { className: b('additional-info', { theme: textTheme }), children: (0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { content: additionalInfo, modifiers: {
+                                                            constructor: true,
+                                                            constructorTheme: textTheme,
+                                                        } }) })), buttons && ((0, jsx_runtime_1.jsx)("div", { className: b('buttons'), "data-qa": "header-buttons", children: buttons.map((button, index) => ((0, jsx_runtime_1.jsx)(components_1.RouterLink, { href: button.url, children: (0, jsx_runtime_1.jsx)(components_1.Button, { className: b('button'), size: "xl", extraProps: {
+                                                                'aria-describedby': titleId,
+                                                                ...button.extraProps,
+                                                            }, ...button }, index) }, index))) })), children] }) }) }), hasRightSideImage && ((0, jsx_runtime_1.jsx)(components_1.Media, { className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image'), ...mediaWithMicrodata }))] }) })] })] }));
 };
 exports.HeaderBlock = HeaderBlock;
 exports.default = exports.HeaderBlock;

package/build/cjs/blocks/Header/Header.js.map CHANGED Viewed

	@@ -1 +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, 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 && typeof overtitle === 'string' ? (\n <YFMWrapper\n tagName=\"div\"\n className={b('overtitle')}\n content={overtitle}\n modifiers={{\n constructor: true,\n }}\n />\n ) : (\n <div className={b('overtitle')}>{overtitle}</div>\n )}\n <YFMWrapper\n content={title}\n contentClassName={b('title')}\n className={b('title-container')}\n modifiers={{\n constructor: true,\n constructorTheme: textTheme,\n }}\n tagName=\"h1\"\n contentPosition=\"end\"\n >\n {status}\n {renderTitle ? renderTitle(title) : null}\n </YFMWrapper>\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"]}
1	+ {"version":3,"file":"Header.js","sourceRoot":"../../../../src","sources":["blocks/Header/Header.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA+B;AAC/B,6CAA4C;AAC5C,qDAA+B;AAE/B,0DAA2D;AAC3D,wHAAqF;AACrF,iEAAiE;AACjE,mGAAgE;AAChE,wEAA0D;AAC1D,wDAA6C;AAC7C,8CAA0C;AAE1C,gDAAkD;AAClD,wDAA0D;AAE1D,sCAAyE;AAGzE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAShC,MAAM,UAAU,GAAG,CAAC,EAAC,UAAU,EAAE,QAAQ,EAAkB,EAAE,EAAE;IAC3D,MAAM,EAAC,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAC,GAAG,UAAU,CAAC;IAC9D,MAAM,WAAW,GAAG,GAAG,CAAC,CAAC,CAAC,IAAA,qBAAa,EAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACrD,MAAM,WAAW,GAAG,CAAC,QAAQ,IAAI,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,QAAQ,IAAI,KAAK,CAAC,CAAC;IAElF,OAAO,CACH,gCACI,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,kBAAkB,EAAE,cAAc,EAAC,CAAC,EAC7E,KAAK,EAAE,EAAC,eAAe,EAAE,KAAK,EAAC,YAE9B,WAAW,IAAI,CACZ,uBAAC,kBAAK,OACE,UAAU,EACd,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAChC,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,EAC1B,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,EAC1B,YAAY,EAAE,IAAI,EAClB,QAAQ,EAAE,KAAK,EACf,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EACnC,KAAK,EAAE,WAAW,GACpB,CACL,GACC,CACT,CAAC;AACN,CAAC,CAAC;AAMF,MAAM,mBAAmB,GAAG,CAAC,EAAC,UAAU,EAA2B,EAAE,EAAE,CAAC,CACpE,gCACI,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,EAAC,CAAC,YAAY,CAAC,EAAE,IAAI,EAAC,CAAC,EAClD,KAAK,EAAE,EAAC,eAAe,EAAE,UAAU,EAAE,KAAK,EAAC,GAC7C,CACL,CAAC;AAEK,MAAM,WAAW,GAAG,CAAC,KAAoD,EAAE,EAAE;IAChF,MAAM,EACF,KAAK,EACL,SAAS,EACT,WAAW,EACX,OAAO,EACP,KAAK,EACL,KAAK,EACL,KAAK,GAAG,GAAG,EACX,SAAS,EACT,MAAM,GAAG,SAAS,EAClB,UAAU,EACV,KAAK,EAAE,SAAS,GAAG,OAAO,EAC1B,cAAc,GAAG,GAAG,EACpB,SAAS,EACT,WAAW,EACX,MAAM,EACN,WAAW,EACX,QAAQ,EACR,SAAS,GAAG,MAAM,EAClB,QAAQ,EACR,cAAc,GACjB,GAAG,KAAK,CAAC;IACV,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACjD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,iBAAiB,GAAG,OAAO,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjE,MAAM,YAAY,GAAG,SAAS,IAAI,IAAA,oBAAY,EAAC,KAAK,CAAC,CAAC;IACtD,MAAM,UAAU,GAAG,iBAAiB,CAAC,CAAC,CAAC,IAAA,2BAAmB,EAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAA,qBAAa,EAAC,KAAK,CAAC,CAAC;IAChG,IAAI,iBAAiB,GAAG,cAAc,CAAC;IAEvC,IAAI,iBAAiB,IAAI,CAAC,cAAc,EAAE,CAAC;QACvC,iBAAiB,GAAG,GAAG,CAAC;IAC5B,CAAC;IAED,MAAM,gBAAgB,GAAG,UAAU,IAAI,IAAA,sBAAc,EAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IACzE,MAAM,WAAW,GAAG,KAAK,IAAI,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC1D,MAAM,WAAW,GAAG,KAAK,IAAI,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC1D,MAAM,kBAAkB,GAAG,IAAA,+BAAmB,EAC1C,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAC,EACxC;QACI,IAAI,EAAE,KAAK;QACX,WAAW;KACd,CACJ,CAAC;IACF,MAAM,SAAS,GAAG,gBAAgB,EAAE,SAAS,IAAI,gBAAgB,EAAE,cAAc,CAAC;IAClF,MAAM,OAAO,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE5B,OAAO,CACH,oCACI,SAAS,EAAE,CAAC,CACR;YACI,CAAC,WAAW,CAAC,EAAE,iBAAiB;YAChC,CAAC,YAAY,CAAC,EAAE,SAAS;YACzB,CAAC,YAAY,CAAC,EAAE,SAAS;YACzB,CAAC,eAAe,CAAC,EAAE,SAAS;SAC/B,EACD,SAAS,CACZ,aAEA,gBAAgB,IAAI,SAAS,IAAI,uBAAC,mBAAmB,IAAC,UAAU,EAAE,gBAAgB,GAAI,EACtF,gBAAgB,IAAI,uBAAC,UAAU,IAAC,UAAU,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,GAAI,EACrF,wBAAC,WAAI,IAAC,cAAc,EAAE,CAAC,CAAC,iBAAiB,CAAC,aACrC,WAAW,IAAI,CACZ,uBAAC,UAAG,IAAC,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAC5B,uBAAC,UAAG,cACA,uBAAC,2BAAiB,OAAK,WAAW,EAAE,KAAK,EAAE,SAAS,GAAI,GACtD,GACJ,CACT,EACD,uBAAC,UAAG,cACA,wBAAC,UAAG,IAAC,KAAK,QAAC,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,aACtC,uBAAC,UAAG,cACA,uBAAC,UAAG,IACA,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE;4CACpB,MAAM;4CACN,KAAK,EAAE,SAAS;4CAChB,iBAAiB,EAAE,iBAAiB;yCACvC,CAAC,YAEF,wBAAC,UAAG,IAAC,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC,eAAe,EAAE,EAAC,QAAQ,EAAC,CAAC,aAC5D,SAAS,IAAI,CACV,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YACzB,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC7B,uBAAC,oBAAU,IACP,OAAO,EAAC,KAAK,EACb,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EACzB,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE;4DACP,WAAW,EAAE,IAAI;yDACpB,GACH,CACL,CAAC,CAAC,CAAC,CACA,SAAS,CACZ,GACC,CACT,EACD,wBAAC,oBAAU,IACP,OAAO,EAAE,KAAK,EACd,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAC/B,SAAS,EAAE;wDACP,WAAW,EAAE,IAAI;wDACjB,gBAAgB,EAAE,SAAS;qDAC9B,EACD,OAAO,EAAC,IAAI,EACZ,eAAe,EAAC,KAAK,aAEpB,MAAM,EACN,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAC/B,EACZ,WAAW,IAAI,CACZ,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,YAChD,uBAAC,oBAAU,IACP,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE;4DACP,WAAW,EAAE,IAAI;4DACjB,gBAAgB,EAAE,SAAS;yDAC9B,GACH,GACA,CACT,EACA,cAAc,IAAI,CACf,gCAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB,EAAE,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,YACpD,uBAAC,oBAAU,IACP,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE;4DACP,WAAW,EAAE,IAAI;4DACjB,gBAAgB,EAAE,SAAS;yDAC9B,GACH,GACA,CACT,EACA,OAAO,IAAI,CACR,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aAAU,gBAAgB,YACjD,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,uBAAC,uBAAU,IAAC,IAAI,EAAE,MAAM,CAAC,GAAG,YACxB,uBAAC,mBAAM,IAEH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,IAAI,EAAC,IAAI,EACT,UAAU,EAAE;gEACR,kBAAkB,EAAE,OAAO;gEAC3B,GAAG,MAAM,CAAC,UAAU;6DACvB,KACG,MAAM,IAPL,KAAK,CAQZ,IAV6B,KAAK,CAW3B,CAChB,CAAC,GACA,CACT,EACA,QAAQ,IACP,GACJ,GACJ,EACL,iBAAiB,IAAI,CAClB,uBAAC,kBAAK,IACF,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,CAAC,YAAY,CAAC,EAAE,IAAI,EAAC,CAAC,EAC7C,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,EAC1B,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,KACtB,kBAAkB,GACxB,CACL,IACC,GACJ,IACH,IACF,CACZ,CAAC;AACN,CAAC,CAAC;AAvKW,QAAA,WAAW,eAuKtB;AAEF,kBAAe,mBAAW,CAAC","sourcesContent":["/* eslint-disable complexity /\nimport {useUniqId} from '@gravity-ui/uikit';\nimport as React from 'react';\n\nimport {Button, 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 <YFMWrapper\n tagName=\"div\"\n className={b('overtitle')}\n content={overtitle}\n modifiers={{\n constructor: true,\n }}\n />\n ) : (\n overtitle\n )}\n </div>\n )}\n <YFMWrapper\n content={title}\n contentClassName={b('title')}\n className={b('title-container')}\n modifiers={{\n constructor: true,\n constructorTheme: textTheme,\n }}\n tagName=\"h1\"\n contentPosition=\"end\"\n >\n {status}\n {renderTitle ? renderTitle(title) : null}\n </YFMWrapper>\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/cjs/blocks/Header/schema.d.ts CHANGED Viewed

@@ -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/cjs/blocks/Header/schema.js CHANGED Viewed

@@ -8,7 +8,11 @@ exports.HeaderBackgroundProps = {
     type: 'object',
     additionalProperties: false,
     required: [],
-    properties: Object.assign(Object.assign({}, common_1.MediaProps), { fullWidth: { type: 'boolean' }, fullWidthMedia: { type: 'boolean' } }),
+    properties: {
+        ...common_1.MediaProps,
+        fullWidth: { type: 'boolean' },
+        fullWidthMedia: { type: 'boolean' },
+    },
 };
 exports.HeaderProperties = {
     title: {
@@ -24,6 +28,11 @@ exports.HeaderProperties = {
         contentType: 'yfm',
         inputType: 'textarea',
     },
+    additionalInfo: {
+        type: 'string',
+        contentType: 'yfm',
+        inputType: 'textarea',
+    },
     width: {
         type: 'string',
         enum: ['s', 'm', 'l'],
@@ -101,7 +110,10 @@ exports.HeaderBlock = {
     'header-block': {
         additionalProperties: false,
         required: ['title'],
-        properties: Object.assign(Object.assign({}, common_1.BlockBaseProps), exports.HeaderProperties),
+        properties: {
+            ...common_1.BlockBaseProps,
+            ...exports.HeaderProperties,
+        },
     },
 };
 //# sourceMappingURL=schema.js.map

package/build/cjs/blocks/Header/schema.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Header/schema.ts"],"names":[],"mappings":";;;AAAA,6DAAyD;AACzD,8DAOwC;AACxC,4DAA4D;AAE/C,QAAA,qBAAqB,GAAG;IACjC,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,~~kCACH~~,mBAAU,~~KACb,~~SAAS,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,~~EAC5B,~~cAAc,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC~~,GACpC~~;CACJ,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC5B,KAAK,EAAE;QACH,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,MAAM;KACtB;IACD,SAAS,EAAE;QACP,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,MAAM;KACtB;IACD,WAAW,EAAE;QACT,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE,UAAU;KACxB;IACD,KAAK,EAAE;QACH,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;KACxB;IACD,OAAO,EAAE,IAAA,qBAAa,EAAC,oBAAW,CAAC;IACnC,MAAM,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;KAC7B;IACD,KAAK,EAAE,IAAA,kBAAS,EAAC,mBAAU,CAAC;IAC5B,KAAK,EAAE,IAAA,kBAAS,EAAC,mBAAU,CAAC;IAC5B,SAAS,EAAE;QACP,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,kBAAS;KAClB;IACD,QAAQ,EAAE;QACN,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC;QAC1B,UAAU,EAAE;YACR,GAAG,EAAE;gBACD,IAAI,EAAE,QAAQ;aACjB;YACD,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB;SACJ;KACJ;IACD,SAAS,EAAE;QACP,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;KACnB;IACD,cAAc,EAAE;QACZ,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC;KACnC;IACD,UAAU,EAAE,IAAA,kBAAS,EAAC,6BAAqB,CAAC;IAC5C,KAAK,EAAE;QACH,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;KAC5B;IACD,WAAW,EAAE;QACT,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,EAAE;YACR,KAAK,EAAE;gBACH,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE;oBACH,IAAI,EAAE,QAAQ;oBACd,oBAAoB,EAAE,KAAK;oBAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;oBACzB,UAAU,EAAE;wBACR,GAAG,EAAE;4BACD,IAAI,EAAE,QAAQ;yBACjB;wBACD,IAAI,EAAE;4BACF,IAAI,EAAE,QAAQ;4BACd,WAAW,EAAE,MAAM;yBACtB;qBACJ;iBACJ;aACJ;YACD,KAAK,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,EAAC;SACnD;KACJ;IACD,MAAM,EAAE;QACJ,IAAI,EAAE,QAAQ;KACjB;IACD,QAAQ,EAAE;QACN,IAAI,EAAE,SAAS;KAClB;CACJ,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,cAAc,EAAE;QACZ,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,~~kCACH~~,uBAAc,~~GACd~~,wBAAgB~~,CACtB~~;KACJ;CACJ,CAAC","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"]}
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 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/cjs/blocks/HeaderSlider/HeaderSlider.js CHANGED Viewed

@@ -10,11 +10,10 @@ const models_1 = require("../../models/index.js");
 const utils_1 = require("../../utils/index.js");
 const Header_1 = tslib_1.__importDefault(require("../Header/Header.js"));
 const b = (0, utils_1.block)('header-slider-block');
-const HeaderSliderBlock = (_a) => {
-    var { items, arrows } = _a, props = tslib_1.__rest(_a, ["items", "arrows"]);
+const HeaderSliderBlock = ({ items, arrows, ...props }) => {
     const isMobile = React.useContext(mobileContext_1.MobileContext);
     const showArrows = isMobile ? false : arrows;
-    return ((0, jsx_runtime_1.jsx)("div", { className: b('wrapper'), "data-qa": "header-slider", children: (0, jsx_runtime_1.jsx)(blocks_1.SliderBlock, Object.assign({}, props, { arrows: showArrows, slidesToShow: 1, type: models_1.SliderType.HeaderCard, animated: false, blockClassName: b(), arrowSize: 20, children: items.map((item, index) => ((0, jsx_runtime_1.jsx)("div", { className: b('item'), "data-qa": `header-slider-item-${index + 1}`, children: (0, jsx_runtime_1.jsx)(Header_1.default, Object.assign({}, item, { className: b('item-content') })) }, index))) })) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: b('wrapper'), "data-qa": "header-slider", children: (0, jsx_runtime_1.jsx)(blocks_1.SliderBlock, { ...props, arrows: showArrows, slidesToShow: 1, type: models_1.SliderType.HeaderCard, animated: false, blockClassName: b(), arrowSize: 20, children: items.map((item, index) => ((0, jsx_runtime_1.jsx)("div", { className: b('item'), "data-qa": `header-slider-item-${index + 1}`, children: (0, jsx_runtime_1.jsx)(Header_1.default, { ...item, className: b('item-content') }) }, index))) }) }));
 };
 exports.HeaderSliderBlock = HeaderSliderBlock;
 exports.default = exports.HeaderSliderBlock;

package/build/cjs/blocks/HeaderSlider/HeaderSlider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeaderSlider.js","sourceRoot":"../../../../src","sources":["blocks/HeaderSlider/HeaderSlider.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,wCAAyC;AACzC,wEAA0D;AAC1D,kDAAgE;AAChE,gDAAkC;AAClC,yEAAsC;AAItC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,qBAAqB,CAAC,CAAC;AAEhC,MAAM,iBAAiB,GAAG,CAAC,~~EAAiD,EAAE,EAAE;QAArD,~~EAAC,KAAK,EAAE,MAAM,~~OAAmC~~,~~EAA9B~~,KAAK,~~sBAAxB~~,~~mBAAyB~~,~~CAAD~~;~~IACtD~~,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IAE7C,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aAAU,eAAe,YACjD,uBAAC,oBAAW,~~oBACJ~~,KAAK,~~IACT~~,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,CAAC,EACf,IAAI,EAAE,mBAAU,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,gCAEI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACX,sBAAsB,KAAK,GAAG,CAAC,EAAE,YAE1C,uBAAC,gBAAM,~~oBAAK~~,IAAI,~~IAAE~~,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,~~IAAI~~,IAJ7C,KAAK,CAKR,CACT,CAAC,~~IACQ~~,GACZ,CACT,CAAC;AACN,CAAC,CAAC;AA3BW,QAAA,iBAAiB,qBA2B5B;AAEF,kBAAe,yBAAiB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {SliderBlock} from '../../blocks';\nimport {MobileContext} from '../../context/mobileContext';\nimport {HeaderSliderBlockProps, SliderType} from '../../models';\nimport {block} from '../../utils';\nimport Header from '../Header/Header';\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"]}
1	+ {"version":3,"file":"HeaderSlider.js","sourceRoot":"../../../../src","sources":["blocks/HeaderSlider/HeaderSlider.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,wCAAyC;AACzC,wEAA0D;AAC1D,kDAAgE;AAChE,gDAAkC;AAClC,yEAAsC;AAItC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,qBAAqB,CAAC,CAAC;AAEhC,MAAM,iBAAiB,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAyB,EAAE,EAAE;IACnF,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IAE7C,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aAAU,eAAe,YACjD,uBAAC,oBAAW,OACJ,KAAK,EACT,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,CAAC,EACf,IAAI,EAAE,mBAAU,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,gCAEI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACX,sBAAsB,KAAK,GAAG,CAAC,EAAE,YAE1C,uBAAC,gBAAM,OAAK,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,GAAI,IAJ7C,KAAK,CAKR,CACT,CAAC,GACQ,GACZ,CACT,CAAC;AACN,CAAC,CAAC;AA3BW,QAAA,iBAAiB,qBA2B5B;AAEF,kBAAe,yBAAiB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {SliderBlock} from '../../blocks';\nimport {MobileContext} from '../../context/mobileContext';\nimport {HeaderSliderBlockProps, SliderType} from '../../models';\nimport {block} from '../../utils';\nimport Header from '../Header/Header';\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/cjs/blocks/HeaderSlider/schema.d.ts CHANGED Viewed

@@ -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/cjs/blocks/HeaderSlider/schema.js CHANGED Viewed

@@ -3,22 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderSliderBlock = void 0;
 const tslib_1 = require("tslib");
 const omit_1 = tslib_1.__importDefault(require("lodash/omit.js"));
-const schema_1 = require("../Header/schema.js");
-const schema_2 = require("../Slider/schema.js");
+const blocks_1 = require("../../schema/validators/blocks.js");
 const common_1 = require("../../schema/validators/common.js");
 exports.HeaderSliderBlock = {
     'header-slider-block': {
         additionalProperties: false,
         required: ['items'],
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), (0, omit_1.default)(schema_2.SliderProps, ['loadable', 'children'])), { items: {
+        properties: {
+            ...common_1.BlockBaseProps,
+            ...(0, omit_1.default)(blocks_1.SliderProps, ['loadable', 'children']),
+            items: {
                 type: 'array',
                 items: {
                     type: 'object',
                     additionalProperties: false,
                     required: ['title'],
-                    properties: schema_1.HeaderProperties,
+                    properties: blocks_1.HeaderProperties,
                 },
-            } }),
+            },
+        },
     },
 };
 //# sourceMappingURL=schema.js.map

package/build/cjs/blocks/HeaderSlider/schema.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/HeaderSlider/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,~~gDAAkD~~;~~AAClD~~,~~gDAA6C;AAC7C,~~8DAA8D;AAEjD,QAAA,iBAAiB,GAAG;IAC7B,qBAAqB,EAAE;QACnB,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,~~gDACH~~,uBAAc,~~GACd~~,IAAA,cAAI,EAAC,oBAAW,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,yBAAgB;iBAC/B;aACJ~~,GACJ~~;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {HeaderProperties} ~~from '../Header/schema';\nimport {~~SliderProps} from '~~../Slider~~/~~schema~~';\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"]}
1	+ {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/HeaderSlider/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,8DAA6E;AAC7E,8DAA8D;AAEjD,QAAA,iBAAiB,GAAG;IAC7B,qBAAqB,EAAE;QACnB,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,EAAE;YACR,GAAG,uBAAc;YACjB,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;YAC9C,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,yBAAgB;iBAC/B;aACJ;SACJ;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/cjs/blocks/Icons/Icons.js CHANGED Viewed

@@ -19,9 +19,9 @@ const Icons = ({ title, description, size = 's', colSizes = { all: 12 }, items }
     }, [handleAnalytics]);
     return ((0, jsx_runtime_1.jsxs)("div", { className: b({ size }), children: [(title || description) && ((0, jsx_runtime_1.jsx)(components_1.Title, { className: b('header'), title: title, subtitle: description, colSizes: colSizes })), items.map((item) => {
                 const themedSrc = (0, utils_1.getThemedValue)(item.src, theme);
-                const itemContent = getItemContent(Object.assign(Object.assign({}, item), { src: themedSrc }));
+                const itemContent = getItemContent({ ...item, src: themedSrc });
                 const { url, text } = item;
-                return url ? ((0, jsx_runtime_1.jsx)("a", Object.assign({ className: b('item'), href: url, "aria-label": text, title: text }, (0, utils_1.getLinkProps)(url, hostname), { onClick: () => onClick(item), children: itemContent }), url)) : ((0, jsx_runtime_1.jsx)("div", { className: b('item'), children: itemContent }, text));
+                return url ? ((0, jsx_runtime_1.jsx)("a", { className: b('item'), href: url, "aria-label": text, title: text, ...(0, utils_1.getLinkProps)(url, hostname), onClick: () => onClick(item), children: itemContent }, url)) : ((0, jsx_runtime_1.jsx)("div", { className: b('item'), children: itemContent }, text));
             })] }));
 };
 exports.default = Icons;

package/build/cjs/blocks/Icons/Icons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icons.js","sourceRoot":"../../../../src","sources":["blocks/Icons/Icons.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,0DAA8C;AAC9C,4EAA8D;AAC9D,wDAA6C;AAC7C,gDAAyC;AAEzC,gDAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,cAAc,GAAG,CAAC,IAAsD,EAAE,EAAE,CAAC,CAC/E,wBAAC,KAAK,CAAC,QAAQ,eACX,uBAAC,kBAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,EAC/C,8BAAG,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,iCAAe,CAAC,CAAC;IACrD,MAAM,eAAe,GAAG,IAAA,oBAAY,GAAE,CAAC;IACvC,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,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,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,aACpB,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,uBAAC,kBAAK,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,IAAA,sBAAc,EAAC,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,~~4CACI~~,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAEpB,IAAI,EAAE,GAAG,gBACG,IAAI,EAChB,KAAK,EAAE,IAAI,~~IACP~~,IAAA,oBAAY,EAAC,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,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACpB,WAAW,IADgB,IAAI,CAE9B,CACT,CAAC;YACN,CAAC,CAAC,IACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,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"]}
1	+ {"version":3,"file":"Icons.js","sourceRoot":"../../../../src","sources":["blocks/Icons/Icons.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,0DAA8C;AAC9C,4EAA8D;AAC9D,wDAA6C;AAC7C,gDAAyC;AAEzC,gDAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,cAAc,GAAG,CAAC,IAAsD,EAAE,EAAE,CAAC,CAC/E,wBAAC,KAAK,CAAC,QAAQ,eACX,uBAAC,kBAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,EAC/C,8BAAG,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,iCAAe,CAAC,CAAC;IACrD,MAAM,eAAe,GAAG,IAAA,oBAAY,GAAE,CAAC;IACvC,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,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,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,aACpB,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,uBAAC,kBAAK,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,IAAA,sBAAc,EAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;gBAClD,MAAM,WAAW,GAAG,cAAc,CAAC,EAAC,GAAG,IAAI,EAAE,GAAG,EAAE,SAAS,EAAC,CAAC,CAAC;gBAC9D,MAAM,EAAC,GAAG,EAAE,IAAI,EAAC,GAAG,IAAI,CAAC;gBACzB,OAAO,GAAG,CAAC,CAAC,CAAC,CACT,8BACI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAEpB,IAAI,EAAE,GAAG,gBACG,IAAI,EAChB,KAAK,EAAE,IAAI,KACP,IAAA,oBAAY,EAAC,GAAG,EAAE,QAAQ,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAE3B,WAAW,IAPP,GAAG,CAQR,CACP,CAAC,CAAC,CAAC,CACA,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACpB,WAAW,IADgB,IAAI,CAE9B,CACT,CAAC;YACN,CAAC,CAAC,IACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,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/cjs/blocks/Icons/schema.js CHANGED Viewed

@@ -6,17 +6,24 @@ const event_1 = require("../../schema/validators/event.js");
 exports.IconsProps = {
     additionalProperties: false,
     required: ['size', 'items'],
-    properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), { title: {
+    properties: {
+        ...common_1.BlockBaseProps,
+        ...common_1.AnimatableProps,
+        title: {
             type: 'string',
             contentType: 'text',
-        }, description: {
+        },
+        description: {
             type: 'string',
             contentType: 'text',
-        }, size: {
+        },
+        size: {
             type: 'string',
             enum: ['s', 'm', 'l'],
             default: 's',
-        }, colSizes: common_1.containerSizesObject, items: {
+        },
+        colSizes: common_1.containerSizesObject,
+        items: {
             type: 'array',
             items: {
                 type: 'object',
@@ -36,7 +43,10 @@ exports.IconsProps = {
                 },
                 analyticsEvents: {
                     oneOf: [
-                        Object.assign(Object.assign({}, event_1.AnalyticsEventSchema), { optionName: 'single' }),
+                        {
+                            ...event_1.AnalyticsEventSchema,
+                            optionName: 'single',
+                        },
                         {
                             type: 'array',
                             items: event_1.AnalyticsEventSchema,
@@ -45,7 +55,8 @@ exports.IconsProps = {
                     ],
                 },
             },
-        } }),
+        },
+    },
 };
 exports.IconsBlock = {
     'icons-block': exports.IconsProps,

package/build/cjs/blocks/Icons/schema.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Icons/schema.ts"],"names":[],"mappings":";;;AAAA,8DAIwC;AACxC,4DAAmE;AAEtD,QAAA,UAAU,GAAG;IACtB,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3B,UAAU,~~gDACH~~,uBAAc,~~GACd~~,wBAAe,~~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,6BAAoB,~~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~~,4BAAoB,~~KACvB,~~UAAU,EAAE,QAAQ;~~wBAExB~~;4BACI,IAAI,EAAE,OAAO;4BACb,KAAK,EAAE,4BAAoB;4BAC3B,UAAU,EAAE,MAAM;yBACrB;qBACJ;iBACJ;aACJ;SACJ~~,GACJ~~;CACJ,CAAC;AAEW,QAAA,UAAU,GAAG;IACtB,aAAa,EAAE,kBAAU;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"]}
1	+ {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Icons/schema.ts"],"names":[],"mappings":";;;AAAA,8DAIwC;AACxC,4DAAmE;AAEtD,QAAA,UAAU,GAAG;IACtB,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3B,UAAU,EAAE;QACR,GAAG,uBAAc;QACjB,GAAG,wBAAe;QAClB,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB;QACD,WAAW,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB;QACD,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;YACrB,OAAO,EAAE,GAAG;SACf;QACD,QAAQ,EAAE,6BAAoB;QAC9B,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;wBACH;4BACI,GAAG,4BAAoB;4BACvB,UAAU,EAAE,QAAQ;yBACvB;wBACD;4BACI,IAAI,EAAE,OAAO;4BACb,KAAK,EAAE,4BAAoB;4BAC3B,UAAU,EAAE,MAAM;yBACrB;qBACJ;iBACJ;aACJ;SACJ;KACJ;CACJ,CAAC;AAEW,QAAA,UAAU,GAAG;IACtB,aAAa,EAAE,kBAAU;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"]}

package/build/cjs/blocks/Info/Info.js CHANGED Viewed

@@ -14,16 +14,20 @@ const InfoBlock = (props) => {
     const theme = (0, theme_1.useTheme)();
     const contentTheme = blockTheme === 'dark' ? 'dark' : 'default';
     const rightLinks = [
-        ...((rightContent === null || rightContent === void 0 ? void 0 : rightContent.links) || []),
-        ...links.map((link) => (Object.assign(Object.assign({}, link), { arrow: true, theme: 'normal' }))),
+        ...(rightContent?.links || []),
+        ...links.map((link) => ({
+            ...link,
+            arrow: true,
+            theme: 'normal',
+        })),
     ];
-    const leftButtons = [...buttons, ...((leftContent === null || leftContent === void 0 ? void 0 : leftContent.buttons) || [])];
+    const leftButtons = [...buttons, ...(leftContent?.buttons || [])];
     const commonProps = {
         colSizes: { all: 12, md: 12 },
         className: b('content'),
         theme: contentTheme,
     };
-    return ((0, jsx_runtime_1.jsx)("div", { className: b(), children: (0, jsx_runtime_1.jsx)("div", { className: b('container'), style: { backgroundColor: (0, utils_1.getThemedValue)(backgroundColor, theme) }, children: (0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsxs)(grid_1.Row, { children: [(0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: sizes, className: b('left'), children: (0, jsx_runtime_1.jsx)(Content_1.default, Object.assign({ title: title || (leftContent === null || leftContent === void 0 ? void 0 : leftContent.title), text: leftContent === null || leftContent === void 0 ? void 0 : leftContent.text, links: leftContent === null || leftContent === void 0 ? void 0 : leftContent.links, list: leftContent === null || leftContent === void 0 ? void 0 : leftContent.list, buttons: leftButtons, additionalInfo: leftContent === null || leftContent === void 0 ? void 0 : leftContent.additionalInfo }, commonProps)) }), (0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: sizes, className: b('right'), children: (0, jsx_runtime_1.jsx)(Content_1.default, Object.assign({ title: sectionsTitle || (rightContent === null || rightContent === void 0 ? void 0 : rightContent.title), text: rightContent === null || rightContent === void 0 ? void 0 : rightContent.text, links: rightLinks, list: rightContent === null || rightContent === void 0 ? void 0 : rightContent.list, buttons: rightContent === null || rightContent === void 0 ? void 0 : rightContent.buttons, additionalInfo: rightContent === null || rightContent === void 0 ? void 0 : rightContent.additionalInfo }, commonProps)) })] }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: b(), children: (0, jsx_runtime_1.jsx)("div", { className: b('container'), style: { backgroundColor: (0, utils_1.getThemedValue)(backgroundColor, theme) }, children: (0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsxs)(grid_1.Row, { children: [(0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: sizes, className: b('left'), children: (0, jsx_runtime_1.jsx)(Content_1.default, { title: title || leftContent?.title, text: leftContent?.text, links: leftContent?.links, list: leftContent?.list, buttons: leftButtons, additionalInfo: leftContent?.additionalInfo, ...commonProps }) }), (0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: sizes, className: b('right'), children: (0, jsx_runtime_1.jsx)(Content_1.default, { title: sectionsTitle || rightContent?.title, text: rightContent?.text, links: rightLinks, list: rightContent?.list, buttons: rightContent?.buttons, additionalInfo: rightContent?.additionalInfo, ...commonProps }) })] }) }) }) }));
 };
 exports.InfoBlock = InfoBlock;
 exports.default = exports.InfoBlock;

package/build/cjs/blocks/Info/Info.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Info.js","sourceRoot":"../../../../src","sources":["blocks/Info/Info.tsx"],"names":[],"mappings":";;;;;AAAA,wDAA6C;AAC7C,8CAA0C;AAE1C,0FAAuD;AACvD,gDAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAC9B,MAAM,KAAK,GAAG,EAAC,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAC,CAAC;AAExB,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC/C,MAAM,EACF,eAAe,EACf,KAAK,EAAE,UAAU,GAAG,MAAM,EAC1B,OAAO,GAAG,EAAE,EACZ,KAAK,EACL,aAAa,EACb,KAAK,GAAG,EAAE,EACV,YAAY,GAAG,EAAE,EACjB,WAAW,GAAG,EAAE,GACnB,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,YAAY,GAAG,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAChE,MAAM,UAAU,GAAG;QACf,GAAG,CAAC,~~CAAA,~~YAAY,~~aAAZ~~,~~YAAY,uBAAZ,YAAY,CAAE,~~KAAK,~~KAAI~~,EAAE,CAAC;QAC9B,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,~~iCAChB~~,IAAI,~~KACP,~~KAAK,EAAE,IAAI,~~EACX,~~KAAK,EAAE,QAAqB,~~IAC9B~~,CAAC;KACN,CAAC;IACF,MAAM,WAAW,GAAG,CAAC,GAAG,OAAO,EAAE,GAAG,CAAC,~~CAAA,~~WAAW,~~aAAX~~,~~WAAW,uBAAX,WAAW,CAAE,~~OAAO,~~KAAI~~,EAAE,CAAC,CAAC,CAAC;IAClE,MAAM,WAAW,GAAG;QAChB,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC;QAC3B,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC;QACvB,KAAK,EAAE,YAA4B;KACtC,CAAC;IAEF,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,EAAE,YACf,gCACI,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EACzB,KAAK,EAAE,EAAC,eAAe,EAAE,IAAA,sBAAc,EAAC,eAAe,EAAE,KAAK,CAAC,EAAC,YAEhE,uBAAC,WAAI,cACD,wBAAC,UAAG,eACA,uBAAC,UAAG,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACnC,uBAAC,iBAAO,~~kBACJ~~,KAAK,EAAE,KAAK,~~KAAI~~,WAAW,~~aAAX~~,~~WAAW,uBAAX,WAAW,CAAE,~~KAAK,~~CAAA,~~EAClC,IAAI,EAAE,WAAW,~~aAAX~~,~~WAAW,uBAAX,WAAW,CAAE,~~IAAI,EACvB,KAAK,EAAE,WAAW,~~aAAX~~,~~WAAW,uBAAX,WAAW,CAAE,~~KAAK,EACzB,IAAI,EAAE,WAAW,~~aAAX~~,~~WAAW,uBAAX,WAAW,CAAE,~~IAAI,EACvB,OAAO,EAAE,WAAW,EACpB,cAAc,EAAE,WAAW,~~aAAX~~,~~WAAW,uBAAX,WAAW,CAAE,~~cAAc,~~IACvC~~,WAAW,~~EACjB~~,GACA,EACN,uBAAC,UAAG,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACpC,uBAAC,iBAAO,~~kBACJ~~,KAAK,EAAE,aAAa,~~KAAI~~,YAAY,~~aAAZ~~,~~YAAY,uBAAZ,YAAY,CAAE,~~KAAK,~~CAAA,~~EAC3C,IAAI,EAAE,YAAY,~~aAAZ~~,~~YAAY,uBAAZ,YAAY,CAAE,~~IAAI,EACxB,KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,YAAY,~~aAAZ~~,~~YAAY,uBAAZ,YAAY,CAAE,~~IAAI,EACxB,OAAO,EAAE,YAAY,~~aAAZ~~,~~YAAY,uBAAZ,YAAY,CAAE,~~OAAO,EAC9B,cAAc,EAAE,YAAY,~~aAAZ~~,~~YAAY,uBAAZ,YAAY,CAAE,~~cAAc,~~IACxC~~,WAAW,~~EACjB~~,GACA,IACJ,GACH,GACL,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAhEW,QAAA,SAAS,aAgEpB;AAEF,kBAAe,iBAAS,CAAC","sourcesContent":["import {useTheme} from '../../context/theme';\nimport {Col, Grid, Row} from '../../grid';\nimport {ContentTheme, InfoBlockProps, LinkTheme} from '../../models';\nimport Content from '../../sub-blocks/Content/Content';\nimport {block, getThemedValue} from '../../utils';\n\nimport './Info.scss';\n\nconst b = block('info-block');\nconst sizes = {md: 6, all: 12};\n\nexport const InfoBlock = (props: InfoBlockProps) => {\n const {\n backgroundColor,\n theme: blockTheme = 'dark',\n buttons = [],\n title,\n sectionsTitle,\n links = [],\n rightContent = {},\n leftContent = {},\n } = props;\n\n const theme = useTheme();\n const contentTheme = blockTheme === 'dark' ? 'dark' : 'default';\n const rightLinks = [\n ...(rightContent?.links \|\| []),\n ...links.map((link) => ({\n ...link,\n arrow: true,\n theme: 'normal' as LinkTheme,\n })),\n ];\n const leftButtons = [...buttons, ...(leftContent?.buttons \|\| [])];\n const commonProps = {\n colSizes: {all: 12, md: 12},\n className: b('content'),\n theme: contentTheme as ContentTheme,\n };\n\n return (\n <div className={b()}>\n <div\n className={b('container')}\n style={{backgroundColor: getThemedValue(backgroundColor, theme)}}\n >\n <Grid>\n <Row>\n <Col sizes={sizes} className={b('left')}>\n <Content\n title={title \|\| leftContent?.title}\n text={leftContent?.text}\n links={leftContent?.links}\n list={leftContent?.list}\n buttons={leftButtons}\n additionalInfo={leftContent?.additionalInfo}\n {...commonProps}\n />\n </Col>\n <Col sizes={sizes} className={b('right')}>\n <Content\n title={sectionsTitle \|\| rightContent?.title}\n text={rightContent?.text}\n links={rightLinks}\n list={rightContent?.list}\n buttons={rightContent?.buttons}\n additionalInfo={rightContent?.additionalInfo}\n {...commonProps}\n />\n </Col>\n </Row>\n </Grid>\n </div>\n </div>\n );\n};\n\nexport default InfoBlock;\n"]}
1	+ {"version":3,"file":"Info.js","sourceRoot":"../../../../src","sources":["blocks/Info/Info.tsx"],"names":[],"mappings":";;;;;AAAA,wDAA6C;AAC7C,8CAA0C;AAE1C,0FAAuD;AACvD,gDAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAC9B,MAAM,KAAK,GAAG,EAAC,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAC,CAAC;AAExB,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC/C,MAAM,EACF,eAAe,EACf,KAAK,EAAE,UAAU,GAAG,MAAM,EAC1B,OAAO,GAAG,EAAE,EACZ,KAAK,EACL,aAAa,EACb,KAAK,GAAG,EAAE,EACV,YAAY,GAAG,EAAE,EACjB,WAAW,GAAG,EAAE,GACnB,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,YAAY,GAAG,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAChE,MAAM,UAAU,GAAG;QACf,GAAG,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC;QAC9B,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACpB,GAAG,IAAI;YACP,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,QAAqB;SAC/B,CAAC,CAAC;KACN,CAAC;IACF,MAAM,WAAW,GAAG,CAAC,GAAG,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC;IAClE,MAAM,WAAW,GAAG;QAChB,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC;QAC3B,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC;QACvB,KAAK,EAAE,YAA4B;KACtC,CAAC;IAEF,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,EAAE,YACf,gCACI,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EACzB,KAAK,EAAE,EAAC,eAAe,EAAE,IAAA,sBAAc,EAAC,eAAe,EAAE,KAAK,CAAC,EAAC,YAEhE,uBAAC,WAAI,cACD,wBAAC,UAAG,eACA,uBAAC,UAAG,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACnC,uBAAC,iBAAO,IACJ,KAAK,EAAE,KAAK,IAAI,WAAW,EAAE,KAAK,EAClC,IAAI,EAAE,WAAW,EAAE,IAAI,EACvB,KAAK,EAAE,WAAW,EAAE,KAAK,EACzB,IAAI,EAAE,WAAW,EAAE,IAAI,EACvB,OAAO,EAAE,WAAW,EACpB,cAAc,EAAE,WAAW,EAAE,cAAc,KACvC,WAAW,GACjB,GACA,EACN,uBAAC,UAAG,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACpC,uBAAC,iBAAO,IACJ,KAAK,EAAE,aAAa,IAAI,YAAY,EAAE,KAAK,EAC3C,IAAI,EAAE,YAAY,EAAE,IAAI,EACxB,KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,YAAY,EAAE,IAAI,EACxB,OAAO,EAAE,YAAY,EAAE,OAAO,EAC9B,cAAc,EAAE,YAAY,EAAE,cAAc,KACxC,WAAW,GACjB,GACA,IACJ,GACH,GACL,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAhEW,QAAA,SAAS,aAgEpB;AAEF,kBAAe,iBAAS,CAAC","sourcesContent":["import {useTheme} from '../../context/theme';\nimport {Col, Grid, Row} from '../../grid';\nimport {ContentTheme, InfoBlockProps, LinkTheme} from '../../models';\nimport Content from '../../sub-blocks/Content/Content';\nimport {block, getThemedValue} from '../../utils';\n\nimport './Info.scss';\n\nconst b = block('info-block');\nconst sizes = {md: 6, all: 12};\n\nexport const InfoBlock = (props: InfoBlockProps) => {\n const {\n backgroundColor,\n theme: blockTheme = 'dark',\n buttons = [],\n title,\n sectionsTitle,\n links = [],\n rightContent = {},\n leftContent = {},\n } = props;\n\n const theme = useTheme();\n const contentTheme = blockTheme === 'dark' ? 'dark' : 'default';\n const rightLinks = [\n ...(rightContent?.links \|\| []),\n ...links.map((link) => ({\n ...link,\n arrow: true,\n theme: 'normal' as LinkTheme,\n })),\n ];\n const leftButtons = [...buttons, ...(leftContent?.buttons \|\| [])];\n const commonProps = {\n colSizes: {all: 12, md: 12},\n className: b('content'),\n theme: contentTheme as ContentTheme,\n };\n\n return (\n <div className={b()}>\n <div\n className={b('container')}\n style={{backgroundColor: getThemedValue(backgroundColor, theme)}}\n >\n <Grid>\n <Row>\n <Col sizes={sizes} className={b('left')}>\n <Content\n title={title \|\| leftContent?.title}\n text={leftContent?.text}\n links={leftContent?.links}\n list={leftContent?.list}\n buttons={leftButtons}\n additionalInfo={leftContent?.additionalInfo}\n {...commonProps}\n />\n </Col>\n <Col sizes={sizes} className={b('right')}>\n <Content\n title={sectionsTitle \|\| rightContent?.title}\n text={rightContent?.text}\n links={rightLinks}\n list={rightContent?.list}\n buttons={rightContent?.buttons}\n additionalInfo={rightContent?.additionalInfo}\n {...commonProps}\n />\n </Col>\n </Row>\n </Grid>\n </div>\n </div>\n );\n};\n\nexport default InfoBlock;\n"]}

package/build/cjs/blocks/Info/schema.js CHANGED Viewed

@@ -14,15 +14,25 @@ exports.InfoBlock = {
     'info-block': {
         additionalProperties: false,
         required: ['title', 'sectionsTitle'],
-        properties: Object.assign(Object.assign({}, common_1.BaseProps), { title: {
+        properties: {
+            ...common_1.BaseProps,
+            title: {
                 type: 'string',
                 contentType: 'text',
-            }, backgroundColor: (0, common_1.withTheme)({
+            },
+            backgroundColor: (0, common_1.withTheme)({
                 type: 'string',
-            }), sectionsTitle: {
+            }),
+            sectionsTitle: {
                 type: 'string',
                 contentType: 'text',
-            }, buttons: (0, utils_1.filteredArray)(common_1.ButtonBlock), theme: common_1.ThemeProps, links: (0, utils_1.filteredArray)(common_1.LinkProps), leftContent: ContentProps, rightContent: ContentProps }),
+            },
+            buttons: (0, utils_1.filteredArray)(common_1.ButtonBlock),
+            theme: common_1.ThemeProps,
+            links: (0, utils_1.filteredArray)(common_1.LinkProps),
+            leftContent: ContentProps,
+            rightContent: ContentProps,
+        },
     },
 };
 //# sourceMappingURL=schema.js.map

package/build/cjs/blocks/Info/schema.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Info/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,8DAMwC;AACxC,4DAA4D;AAC5D,+DAA4D;AAE5D,MAAM,YAAY,GAAG;IACjB,oBAAoB,EAAE,KAAK;IAC3B,UAAU,EAAE,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;CAC/D,CAAC;AAEW,QAAA,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC;QACpC,UAAU,~~kCACH~~,kBAAS,~~KACZ,~~KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB,~~EACD,~~eAAe,EAAE,IAAA,kBAAS,EAAC;gBACvB,IAAI,EAAE,QAAQ;aACjB,CAAC,~~EACF,~~aAAa,EAAE;gBACX,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB,~~EACD,~~OAAO,EAAE,IAAA,qBAAa,EAAC,oBAAW,CAAC,~~EACnC,~~KAAK,EAAE,mBAAU,~~EACjB,~~KAAK,EAAE,IAAA,qBAAa,EAAC,kBAAS,CAAC~~,EAC~~/B,WAAW,EAAE,YAAY,~~EACzB,~~YAAY,EAAE,YAAY~~,GAC7B~~;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {\n BaseProps,\n ButtonBlock,\n LinkProps,\n ThemeProps,\n withTheme,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\n\nconst ContentProps = {\n additionalProperties: false,\n properties: omit(ContentBase, ['size', 'colSizes', 'theme']),\n};\n\nexport const InfoBlock = {\n 'info-block': {\n additionalProperties: false,\n required: ['title', 'sectionsTitle'],\n properties: {\n ...BaseProps,\n title: {\n type: 'string',\n contentType: 'text',\n },\n backgroundColor: withTheme({\n type: 'string',\n }),\n sectionsTitle: {\n type: 'string',\n contentType: 'text',\n },\n buttons: filteredArray(ButtonBlock),\n theme: ThemeProps,\n links: filteredArray(LinkProps),\n leftContent: ContentProps,\n rightContent: ContentProps,\n },\n },\n};\n"]}
1	+ {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Info/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,8DAMwC;AACxC,4DAA4D;AAC5D,+DAA4D;AAE5D,MAAM,YAAY,GAAG;IACjB,oBAAoB,EAAE,KAAK;IAC3B,UAAU,EAAE,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;CAC/D,CAAC;AAEW,QAAA,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC;QACpC,UAAU,EAAE;YACR,GAAG,kBAAS;YACZ,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB;YACD,eAAe,EAAE,IAAA,kBAAS,EAAC;gBACvB,IAAI,EAAE,QAAQ;aACjB,CAAC;YACF,aAAa,EAAE;gBACX,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB;YACD,OAAO,EAAE,IAAA,qBAAa,EAAC,oBAAW,CAAC;YACnC,KAAK,EAAE,mBAAU;YACjB,KAAK,EAAE,IAAA,qBAAa,EAAC,kBAAS,CAAC;YAC/B,WAAW,EAAE,YAAY;YACzB,YAAY,EAAE,YAAY;SAC7B;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {\n BaseProps,\n ButtonBlock,\n LinkProps,\n ThemeProps,\n withTheme,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\n\nconst ContentProps = {\n additionalProperties: false,\n properties: omit(ContentBase, ['size', 'colSizes', 'theme']),\n};\n\nexport const InfoBlock = {\n 'info-block': {\n additionalProperties: false,\n required: ['title', 'sectionsTitle'],\n properties: {\n ...BaseProps,\n title: {\n type: 'string',\n contentType: 'text',\n },\n backgroundColor: withTheme({\n type: 'string',\n }),\n sectionsTitle: {\n type: 'string',\n contentType: 'text',\n },\n buttons: filteredArray(ButtonBlock),\n theme: ThemeProps,\n links: filteredArray(LinkProps),\n leftContent: ContentProps,\n rightContent: ContentProps,\n },\n },\n};\n"]}