npm - @gravity-ui/page-constructor - Versions diffs - 6.6.2 → 7.0.0-alpha.1 - Mend

@gravity-ui/page-constructor 6.6.2 → 7.0.0-alpha.1

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 (368) hide show

package/build/esm/sub-blocks/BannerCard/BannerCard.css CHANGED Viewed

@@ -1,4 +1,4 @@
-.pc-banner-card__subtitle p, .pc-banner-card__subtitle, .pc-banner-card__title {
+.pc-banner-card__subtitle.pc-banner-card__subtitle p, .pc-banner-card__subtitle.pc-banner-card__subtitle, .pc-banner-card__title.pc-banner-card__title {
   margin: 0;
 }
@@ -16,31 +16,35 @@ unpredictable css rules order in build */
   color: var(--g-color-text-light-primary);
 }
-.pc-banner-card__title {
+.pc-banner-card__text {
+  max-width: 100%;
+}
+.pc-banner-card__title.pc-banner-card__title {
   font-size: var(--g-text-display-2-font-size);
   line-height: var(--g-text-display-2-line-height);
   color: var(--pc-text-header-color);
   font-weight: var(--g-text-accent-font-weight);
 }
 @media (max-width: 576px) {
-  .pc-banner-card__title {
+  .pc-banner-card__title.pc-banner-card__title {
     font-size: var(--g-text-display-1-font-size);
     line-height: var(--g-text-display-1-line-height);
   }
 }
-.pc-banner-card__title a {
+.pc-banner-card__title.pc-banner-card__title a {
   outline: none;
   color: var(--g-color-text-link);
   text-decoration: none;
   cursor: pointer;
 }
-.utilityfocus .pc-banner-card__title a:focus {
+.utilityfocus .pc-banner-card__title.pc-banner-card__title a:focus {
   outline: 2px solid #ffdb4d;
 }
-.pc-banner-card__title a:hover, .pc-banner-card__title a:active {
+.pc-banner-card__title.pc-banner-card__title a:hover, .pc-banner-card__title.pc-banner-card__title a:active {
   --pc-text-header-color: var(--g-color-text-link-hover);
   color: var(--g-color-text-link-hover);
 }
 .pc-banner-card__content {
   width: 100%;
   border-radius: var(--pc-border-radius);
@@ -56,8 +60,9 @@ unpredictable css rules order in build */
   justify-content: space-between;
   flex-direction: column;
   align-items: baseline;
+  max-width: 100%;
 }
-.pc-banner-card__subtitle {
+.pc-banner-card__subtitle.pc-banner-card__subtitle {
   display: inline-block;
   margin-top: 8px;
   font-size: var(--g-text-body-3-font-size);
@@ -66,13 +71,14 @@ unpredictable css rules order in build */
   font-weight: var(--g-text-accent-font-weight);
   font-weight: normal;
 }
-.pc-banner-card__subtitle p {
+.pc-banner-card__subtitle.pc-banner-card__subtitle p {
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);
   color: var(--pc-text-header-color);
   font-weight: var(--g-text-accent-font-weight);
   font-weight: normal;
 }
 .pc-banner-card__button.pc-banner-card__button {
   margin-top: 28px;
 }

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BackgroundImage, Button, HTML, RouterLink, YFMWrapper } from "../../components/index.js";
+import { BackgroundImage, Button, RouterLink, YFMWrapper } from "../../components/index.js";
 import { useTheme } from "../../context/theme/index.js";
 import { block, getThemedValue } from "../../utils/index.js";
 import './BannerCard.css';
@@ -11,7 +11,9 @@ export const BannerCard = (props) => {
     if (color) {
         contentStyle.backgroundColor = getThemedValue(color, theme);
     }
-    return (_jsx("div", { className: b({ theme: textTheme, ['media-view']: mediaView }), children: _jsxs("div", { className: b('content'), style: contentStyle, children: [_jsxs("div", { className: b('info'), children: [_jsxs("div", { className: b('text'), children: [_jsx("h2", { className: b('title'), children: _jsx(HTML, { children: title }) }), subtitle && (_jsx(YFMWrapper, { className: b('subtitle'), content: subtitle, modifiers: { constructor: true } }))] }), url && (_jsx(RouterLink, { href: url, children: _jsx(Button, { className: b('button'), theme: buttonTheme, size: "xl", text: text ?? '', url: url, target: target }) }))] }), _jsx(BackgroundImage, { className: b('image'), src: getThemedValue(image, theme), disableCompress: disableCompress })] }) }));
+    return (_jsx("div", { className: b({ theme: textTheme, ['media-view']: mediaView }), children: _jsxs("div", { className: b('content'), style: contentStyle, children: [_jsxs("div", { className: b('info'), children: [_jsxs("div", { className: b('text'), children: [_jsx(YFMWrapper, { tagName: "h2", contentClassName: b('title'), content: title, modifiers: {
+                                        constructor: true,
+                                    } }), subtitle && (_jsx(YFMWrapper, { contentClassName: b('subtitle'), content: subtitle, modifiers: { constructor: true } }))] }), url && (_jsx(RouterLink, { href: url, children: _jsx(Button, { className: b('button'), theme: buttonTheme, size: "xl", text: text ?? '', url: url, target: target }) }))] }), _jsx(BackgroundImage, { className: b('image'), src: getThemedValue(image, theme), disableCompress: disableCompress })] }) }));
 };
 export default BannerCard;
 //# sourceMappingURL=BannerCard.js.map

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

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

package/build/esm/sub-blocks/Content/Content.css CHANGED Viewed

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

package/build/esm/sub-blocks/Content/Content.js CHANGED Viewed

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

package/build/esm/sub-blocks/Content/Content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Content.js","sourceRoot":"../../../../src","sources":["sub-blocks/Content/Content.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAC,kCAAyB;AAChF,OAAO,EAAC,GAAG,EAAC,4BAAmB;AAS/B,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAClC,OAAO,EAAC,eAAe,EAAC,8BAA2B;AAEnD,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;AAE3B,SAAS,WAAW,CAAC,IAAiB;IAClC,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,GAAG;YACJ,OAAO,GAAG,CAAC;QACf,KAAK,GAAG;YACJ,OAAO,IAAI,CAAC;QAChB,KAAK,GAAG,CAAC;QACT;YACI,OAAO,GAAG,CAAC;IACnB,CAAC;AACL,CAAC;AAID,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACpC,MAAM,EACF,KAAK,EACL,OAAO,EAAE,gBAAgB,EACzB,IAAI,EACJ,MAAM,EACN,cAAc,EACd,IAAI,GAAG,GAAG,EACV,KAAK,EACL,OAAO,EACP,QAAQ,GAAG,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,EAC3B,QAAQ,EACR,KAAK,EACL,SAAS,EACT,IAAI,EACJ,EAAE,EACF,eAAe,GAClB,GAAG,KAAK,CAAC;IACV,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEzF,MAAM,UAAU,GACZ,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ;QAC/B,CAAC,CAAE,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,EAAoB;QAChE,CAAC,CAAC,KAAK,CAAC;IAEhB,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,cAAc,GAAG,SAAS,EAAE,CAAC;IACnC,MAAM,OAAO,GAAG,gBAAgB,IAAI,cAAc,CAAC;IAEnD,OAAO,CACH,MAAC,GAAG,IACA,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAC,EAAE,SAAS,CAAC,EACrF,KAAK,QACL,KAAK,EAAE,QAAQ,EACf,EAAE,EAAE,YAAY,CAAC,SAAS,aAEzB,KAAK,IAAI,CACN,KAAC,KAAK,IACF,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAC,EACnB,EAAE,EAAE,OAAO,GACb,CACL,EACA,IAAI,IAAI,CACL,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAC,CAAC,YACrD,KAAC,UAAU,IACP,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAE,CAAC,oBAAoB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,EAClE,EAAE,EAAE,MAAM,~~GACZ~~,GACA,CACT,EACA,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CACZ,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,GAC1E,CACT,CAAC,CAAC,CAAC,IAAI,EACP,cAAc,IAAI,CACf,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,KAAC,UAAU,IACP,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE;wBACP,WAAW,EAAE,IAAI;wBACjB,oBAAoB,EAAE,IAAI;wBAC1B,CAAC,oBAAoB,IAAI,EAAE,CAAC,EAAE,IAAI;qBACrC,GACH,GACA,CACT,EACA,KAAK,IAAI,CACN,KAAC,KAAK,IACF,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAC,CAAC,EAC7B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,YAAY,CAAC,KAAK,EACtB,MAAM,EAAE,YAAY,CAAC,IAAI,GAC3B,CACL,EACA,OAAO,IAAI,CACR,KAAC,OAAO,IACJ,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,IAAI,EAAC,CAAC,EAC/B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,YAAY,CAAC,OAAO,EACxB,QAAQ,EAAE,YAAY,CAAC,MAAM,GAC/B,CACL,IACC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC","sourcesContent":["import {useUniqId} from '@gravity-ui/uikit';\n\nimport {Buttons, ContentList, Links, Title, YFMWrapper} from '../../components';\nimport {Col} from '../../grid';\nimport {\n ClassNameProps,\n ContentBlockProps,\n ContentSize,\n TextSize,\n TitleItemProps,\n} from '../../models';\nimport {QAProps} from '../../models/common';\nimport {block} from '../../utils';\nimport {getQaAttrubutes} from '../../utils/blocks';\n\nimport './Content.scss';\n\nconst b = block('content');\n\nfunction getTextSize(size: ContentSize): TextSize {\n switch (size) {\n case 's':\n return 's';\n case 'm':\n return 'sm';\n case 'l':\n default:\n return 'm';\n }\n}\n\nexport type ContentProps = ContentBlockProps & ClassNameProps & QAProps;\n\nconst Content = (props: ContentProps) => {\n const {\n title,\n titleId: titleIdFromProps,\n text,\n textId,\n additionalInfo,\n size = 'l',\n links,\n buttons,\n colSizes = {all: 12, sm: 8},\n centered,\n theme,\n className,\n list,\n qa,\n controlPosition,\n } = props;\n const qaAttributes = getQaAttrubutes(qa, ['links', 'link', 'buttons', 'button', 'list']);\n\n const titleProps =\n !title \|\| typeof title === 'string'\n ? ({text: title, textSize: getTextSize(size)} as TitleItemProps)\n : title;\n\n const hasTitle = Boolean(title);\n const defaultTitleId = useUniqId();\n const titleId = titleIdFromProps \|\| defaultTitleId;\n\n return (\n <Col\n className={b({size, centered, theme, 'control-position': controlPosition}, className)}\n reset\n sizes={colSizes}\n qa={qaAttributes.container}\n >\n {title && (\n <Title\n className={b('title')}\n title={titleProps}\n colSizes={{all: 12}}\n id={titleId}\n />\n )}\n {text && (\n <div className={b('text', {['without-title']: !hasTitle})}>\n <YFMWrapper\n content={text}\n modifiers={{constructor: true, [`constructor-size-${size}`]: true}}\n id={textId}\n />\n </div>\n )}\n {list?.length ? (\n <div className={b('list')}>\n <ContentList list={list} size={size} qa={qaAttributes.list} theme={theme} />\n </div>\n ) : null}\n {additionalInfo && (\n <div className={b('notice')}>\n <YFMWrapper\n content={additionalInfo}\n modifiers={{\n constructor: true,\n 'constructor-notice': true,\n [`constructor-size-${size}`]: true,\n }}\n />\n </div>\n )}\n {links && (\n <Links\n className={b('links', {size})}\n size={size}\n links={links}\n titleId={titleId}\n qa={qaAttributes.links}\n linkQa={qaAttributes.link}\n />\n )}\n {buttons && (\n <Buttons\n className={b('buttons', {size})}\n size={size}\n buttons={buttons}\n titleId={titleId}\n qa={qaAttributes.buttons}\n buttonQa={qaAttributes.button}\n />\n )}\n </Col>\n );\n};\n\nexport default Content;\n"]}
1	+ {"version":3,"file":"Content.js","sourceRoot":"../../../../src","sources":["sub-blocks/Content/Content.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useUniqId} from '@gravity-ui/uikit';\n\nimport {Buttons, ContentList, Links, Title, YFMWrapper} from '../../components';\nimport {Col} from '../../grid';\nimport {\n ClassNameProps,\n ContentBlockProps,\n ContentSize,\n TextSize,\n TitleItemProps,\n} from '../../models';\nimport {QAProps} from '../../models/common';\nimport {block} from '../../utils';\nimport {getQaAttrubutes} from '../../utils/blocks';\n\nimport './Content.scss';\n\nconst b = block('content');\n\nfunction getTextSize(size: ContentSize): TextSize {\n switch (size) {\n case 's':\n return 's';\n case 'm':\n return 'sm';\n case 'l':\n default:\n return 'm';\n }\n}\n\nexport type ContentProps = ContentBlockProps & ClassNameProps & QAProps;\n\nconst Content = (props: ContentProps) => {\n const {\n title,\n titleId: titleIdFromProps,\n text,\n textId,\n additionalInfo,\n size = 'l',\n links,\n buttons,\n colSizes = {all: 12, sm: 8},\n centered,\n theme,\n className,\n list,\n qa,\n controlPosition,\n } = props;\n const qaAttributes = getQaAttrubutes(qa, ['links', 'link', 'buttons', 'button', 'list']);\n\n const titleProps =\n !title \|\| typeof title === 'string'\n ? ({text: title, textSize: getTextSize(size)} as TitleItemProps)\n : title;\n\n const hasTitle = Boolean(title);\n const defaultTitleId = useUniqId();\n const titleId = titleIdFromProps \|\| defaultTitleId;\n\n return (\n <Col\n className={b({size, centered, theme, 'control-position': controlPosition}, className)}\n reset\n sizes={colSizes}\n qa={qaAttributes.container}\n >\n {title && (\n <Title\n className={b('title')}\n title={titleProps}\n colSizes={{all: 12}}\n id={titleId}\n />\n )}\n {text && (\n <div className={b('text', {['without-title']: !hasTitle})}>\n <YFMWrapper\n content={text}\n modifiers={{constructor: true, [`constructor-size-${size}`]: true}}\n id={textId}\n qa={qaAttributes.list}\n />\n </div>\n )}\n {list?.length ? (\n <div className={b('list')}>\n <ContentList list={list} size={size} qa={qaAttributes.list} theme={theme} />\n </div>\n ) : null}\n {additionalInfo && (\n <div className={b('notice')}>\n <YFMWrapper\n content={additionalInfo}\n modifiers={{\n constructor: true,\n 'constructor-notice': true,\n [`constructor-size-${size}`]: true,\n }}\n />\n </div>\n )}\n {links && (\n <Links\n className={b('links', {size})}\n size={size}\n links={links}\n titleId={titleId}\n qa={qaAttributes.links}\n linkQa={qaAttributes.link}\n />\n )}\n {buttons && (\n <Buttons\n className={b('buttons', {size})}\n size={size}\n buttons={buttons}\n titleId={titleId}\n qa={qaAttributes.buttons}\n buttonQa={qaAttributes.button}\n />\n )}\n </Col>\n );\n};\n\nexport default Content;\n"]}

package/build/esm/sub-blocks/PriceCard/PriceCard.css CHANGED Viewed

@@ -47,11 +47,12 @@ unpredictable css rules order in build */
 .pc-price-card__content_theme_light .pc-price-card__info a:hover {
   color: var(--g-color-text-dark-secondary);
 }
-.pc-price-card__title {
+.pc-price-card__title.pc-price-card__title {
   font-size: var(--g-text-subheader-3-font-size);
   line-height: var(--g-text-subheader-3-line-height);
   margin-bottom: 24px;
 }
 .pc-price-card__price {
   margin-bottom: 24px;
 }

package/build/esm/sub-blocks/PriceCard/PriceCard.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Check } from '@gravity-ui/icons';
-import { BackgroundImage, Buttons, CardBase, ContentList, HTML, Links } from "../../components/index.js";
+import { BackgroundImage, Buttons, CardBase, ContentList, Links, YFMWrapper } from "../../components/index.js";
 import { block } from "../../utils/index.js";
 import './PriceCard.css';
 const b = block('price-card');
 const PriceCard = (props) => {
     const { border, title, price, pricePeriod, priceDetails, theme, description, list, buttons, links, backgroundColor, } = props;
-    return (_jsx(CardBase, { className: b({ theme }), border: border, children: _jsxs(CardBase.Content, { children: [_jsx(BackgroundImage, { className: b('background'), style: { backgroundColor } }), _jsxs("div", { className: b('content', { theme }), children: [_jsxs("div", { className: b('info'), children: [_jsx(HTML, { className: b('title'), children: title }), _jsxs("div", { className: b('price'), children: [_jsxs("div", { children: [_jsx("span", { className: b('price-value'), children: price }), pricePeriod && (_jsxs("span", { className: b('price-period'), children: ["/ ", pricePeriod] }))] }), priceDetails && (_jsx("div", { className: b('price-details'), children: priceDetails }))] }), description && _jsx("div", { className: b('description'), children: description }), list?.length ? (_jsx("div", { className: b('list'), children: _jsx(ContentList, { list: list.map((item) => ({
+    return (_jsx(CardBase, { className: b({ theme }), border: border, children: _jsxs(CardBase.Content, { children: [_jsx(BackgroundImage, { className: b('background'), style: { backgroundColor } }), _jsxs("div", { className: b('content', { theme }), children: [_jsxs("div", { className: b('info'), children: [_jsx(YFMWrapper, { content: title, contentClassName: b('title'), onlyContent: true, modifiers: { constructor: true } }), _jsxs("div", { className: b('price'), children: [_jsxs("div", { children: [_jsx("span", { className: b('price-value'), children: price }), pricePeriod && (_jsxs("span", { className: b('price-period'), children: ["/ ", pricePeriod] }))] }), priceDetails && (_jsx("div", { className: b('price-details'), children: priceDetails }))] }), description && _jsx("div", { className: b('description'), children: description }), list?.length ? (_jsx("div", { className: b('list'), children: _jsx(ContentList, { list: list.map((item) => ({
                                             icon: Check,
                                             text: item,
                                         })), size: "s" }) })) : null] }), _jsx(Buttons, { className: b('buttons'), buttons: buttons, size: "s" }), _jsx(Links, { className: b('links'), links: links, size: "s" })] })] }, "content") }));

package/build/esm/sub-blocks/PriceCard/PriceCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PriceCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/PriceCard/PriceCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAC,eAAe,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,~~IAAI~~,EAAE,~~KAAK~~,EAAC,kCAAyB;~~AAE9F~~,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACxC,MAAM,EACF,MAAM,EACN,KAAK,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,KAAK,EACL,WAAW,EACX,IAAI,EACJ,OAAO,EACP,KAAK,EACL,eAAe,GAClB,GAAG,KAAK,CAAC;IACV,OAAO,CACH,KAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAE,MAAM,EAAE,MAAM,YAC3C,MAAC,QAAQ,CAAC,OAAO,eACb,KAAC,eAAe,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,EAAC,eAAe,EAAC,GAAI,EACzE,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,KAAK,EAAC,CAAC,aACjC,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,KAAC,~~IAAI~~,~~IAAC~~,~~SAAS~~,EAAE,CAAC,CAAC,OAAO,CAAC,~~YAAG~~,~~KAAK~~,~~GAAQ~~,~~EAC3C~~,eAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACtB,0BACI,eAAM,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,KAAK,GAAQ,EAChD,WAAW,IAAI,CACZ,gBAAM,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,mBAAK,WAAW,IAAQ,CAC7D,IACC,EACL,YAAY,IAAI,CACb,cAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,YAAG,YAAY,GAAO,CAC3D,IACC,EACL,WAAW,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,EACpE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CACZ,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,WAAW,IACR,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;4CACtB,IAAI,EAAE,KAAK;4CACX,IAAI,EAAE,IAAI;yCACb,CAAC,CAAC,EACH,IAAI,EAAC,GAAG,GACV,GACA,CACT,CAAC,CAAC,CAAC,IAAI,IACN,EACN,KAAC,OAAO,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,GAAG,GAAG,EAC/D,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,GAAG,IACrD,~~KA/BY~~,SAAS,~~CAgCZ~~,GACZ,CACd,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import {Check} from '@gravity-ui/icons';\n\nimport {BackgroundImage, Buttons, CardBase, ContentList, ~~HTML~~, ~~Links~~} from '../../components';\nimport {PriceCardProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './PriceCard.scss';\n\nconst b = block('price-card');\n\nconst PriceCard = (props: PriceCardProps) => {\n const {\n border,\n title,\n price,\n pricePeriod,\n priceDetails,\n theme,\n description,\n list,\n buttons,\n links,\n backgroundColor,\n } = props;\n return (\n <CardBase className={b({theme})} border={border}>\n <CardBase.Content key=\"content\">\n <BackgroundImage className={b('background')} style={{backgroundColor}} />\n <div className={b('content', {theme})}>\n <div className={b('info')}>\n <~~HTML className~~={b('title')}>{~~title~~}~~</HTML>\~~n <div className={b('price')}>\n <div>\n <span className={b('price-value')}>{price}</span>\n {pricePeriod && (\n <span className={b('price-period')}>/ {pricePeriod}</span>\n )}\n </div>\n {priceDetails && (\n <div className={b('price-details')}>{priceDetails}</div>\n )}\n </div>\n {description && <div className={b('description')}>{description}</div>}\n {list?.length ? (\n <div className={b('list')}>\n <ContentList\n list={list.map((item) => ({\n icon: Check,\n text: item,\n }))}\n size=\"s\"\n />\n </div>\n ) : null}\n </div>\n <Buttons className={b('buttons')} buttons={buttons} size=\"s\" />\n <Links className={b('links')} links={links} size=\"s\" />\n </div>\n </CardBase.Content>\n </CardBase>\n );\n};\n\nexport default PriceCard;\n"]}
1	+ {"version":3,"file":"PriceCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/PriceCard/PriceCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAC,eAAe,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAC,kCAAyB;AAEpG,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACxC,MAAM,EACF,MAAM,EACN,KAAK,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,KAAK,EACL,WAAW,EACX,IAAI,EACJ,OAAO,EACP,KAAK,EACL,eAAe,GAClB,GAAG,KAAK,CAAC;IACV,OAAO,CACH,KAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAE,MAAM,EAAE,MAAM,YAC3C,MAAC,QAAQ,CAAC,OAAO,eACb,KAAC,eAAe,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,EAAC,eAAe,EAAC,GAAI,EACzE,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,KAAK,EAAC,CAAC,aACjC,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,KAAC,UAAU,IACP,OAAO,EAAE,KAAK,EACd,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,WAAW,QACX,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAChC,EACF,eAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACtB,0BACI,eAAM,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,KAAK,GAAQ,EAChD,WAAW,IAAI,CACZ,gBAAM,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,mBAAK,WAAW,IAAQ,CAC7D,IACC,EACL,YAAY,IAAI,CACb,cAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,YAAG,YAAY,GAAO,CAC3D,IACC,EACL,WAAW,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,EACpE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CACZ,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,WAAW,IACR,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;4CACtB,IAAI,EAAE,KAAK;4CACX,IAAI,EAAE,IAAI;yCACb,CAAC,CAAC,EACH,IAAI,EAAC,GAAG,GACV,GACA,CACT,CAAC,CAAC,CAAC,IAAI,IACN,EACN,KAAC,OAAO,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,GAAG,GAAG,EAC/D,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,GAAG,IACrD,KApCY,SAAS,CAqCZ,GACZ,CACd,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import {Check} from '@gravity-ui/icons';\n\nimport {BackgroundImage, Buttons, CardBase, ContentList, Links, YFMWrapper} from '../../components';\nimport {PriceCardProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './PriceCard.scss';\n\nconst b = block('price-card');\n\nconst PriceCard = (props: PriceCardProps) => {\n const {\n border,\n title,\n price,\n pricePeriod,\n priceDetails,\n theme,\n description,\n list,\n buttons,\n links,\n backgroundColor,\n } = props;\n return (\n <CardBase className={b({theme})} border={border}>\n <CardBase.Content key=\"content\">\n <BackgroundImage className={b('background')} style={{backgroundColor}} />\n <div className={b('content', {theme})}>\n <div className={b('info')}>\n <YFMWrapper\n content={title}\n contentClassName={b('title')}\n onlyContent\n modifiers={{constructor: true}}\n />\n <div className={b('price')}>\n <div>\n <span className={b('price-value')}>{price}</span>\n {pricePeriod && (\n <span className={b('price-period')}>/ {pricePeriod}</span>\n )}\n </div>\n {priceDetails && (\n <div className={b('price-details')}>{priceDetails}</div>\n )}\n </div>\n {description && <div className={b('description')}>{description}</div>}\n {list?.length ? (\n <div className={b('list')}>\n <ContentList\n list={list.map((item) => ({\n icon: Check,\n text: item,\n }))}\n size=\"s\"\n />\n </div>\n ) : null}\n </div>\n <Buttons className={b('buttons')} buttons={buttons} size=\"s\" />\n <Links className={b('links')} links={links} size=\"s\" />\n </div>\n </CardBase.Content>\n </CardBase>\n );\n};\n\nexport default PriceCard;\n"]}

package/build/esm/sub-blocks/Quote/Quote.css CHANGED Viewed

@@ -63,22 +63,26 @@ unpredictable css rules order in build */
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);
 }
-.pc-quote__content_quote-type_chevron::before {
+.pc-quote__content_quote-type_chevron.pc-quote__content_quote-type_chevron::before {
   position: absolute;
   left: -10px;
   content: "«";
 }
-.pc-quote__content_quote-type_chevron .pc-quote__text::after {
+.pc-quote__content_quote-type_chevron.pc-quote__content_quote-type_chevron .pc-quote__text::after {
   content: "»";
+  left: auto;
 }
-.pc-quote__content_quote-type_english-double::before {
+.pc-quote__content_quote-type_english-double.pc-quote__content_quote-type_english-double::before {
   position: absolute;
   left: -8px;
   content: "“";
 }
-.pc-quote__content_quote-type_english-double .pc-quote__text::after {
+.pc-quote__content_quote-type_english-double.pc-quote__content_quote-type_english-double .pc-quote__text::after {
   content: "”";
+  left: auto;
 }
 .pc-quote__content .yfm {
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);

package/build/esm/sub-blocks/Quote/Quote.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { Author, Button, HTML, Image, YFMWrapper } from "../../components/index.js";
+import { Author, Button, Image, YFMWrapper } from "../../components/index.js";
 import { getMediaImage } from "../../components/Media/Image/utils.js";
 import { useTheme } from "../../context/theme/index.js";
 import { useAnalytics } from "../../hooks/index.js";
@@ -24,7 +24,8 @@ const Quote = (props) => {
     const renderFooter = Boolean(author || url) && (_jsxs("div", { className: b('author-wrapper'), children: [themedAuthor && (_jsx(Author, { className: b('author', { theme: textTheme }), author: themedAuthor, type: AuthorType.Line, theme: textTheme })), url && buttonText && !button && (_jsx(Button, { theme: "outlined", size: "xl", url: url, className: b('link-button', { theme: textTheme }), onClick: handleButtonClick, urlTitle: urlTitle, text: buttonText })), button && _jsx(Button, { size: "xl", ...button })] }));
     const themedLogoProps = getThemedValue(logo, theme);
     const logoProps = getMediaImage(themedLogoProps);
-    return (_jsxs("div", { className: b({ theme: textTheme, border }), style: color ? { backgroundColor: color } : {}, children: [_jsxs("div", { className: b('content-wrapper'), children: [_jsxs("div", { children: [_jsx(Image, { className: b('logo'), ...logoProps }), _jsxs("div", { className: b('content', { 'quote-type': quoteType }), children: [text && (_jsx("span", { className: b('text'), children: _jsx(HTML, { children: text }) })), yfmText && (_jsx(YFMWrapper, { className: b('text'), content: yfmText, modifiers: { constructor: true } }))] })] }), renderFooter] }, text), _jsx("div", { className: b('image-wrapper'), children: _jsx(Image, { ...imageData, className: b('image') }) })] }));
+    const textLocal = yfmText || text;
+    return (_jsxs("div", { className: b({ theme: textTheme, border }), style: color ? { backgroundColor: color } : {}, children: [_jsxs("div", { className: b('content-wrapper'), children: [_jsxs("div", { children: [_jsx(Image, { className: b('logo'), ...logoProps }), _jsx("div", { className: b('content', { 'quote-type': quoteType }), children: textLocal && (_jsx(YFMWrapper, { tagName: "span", contentClassName: b('text'), content: textLocal, modifiers: { constructor: true } })) })] }), renderFooter] }, text), _jsx("div", { className: b('image-wrapper'), children: _jsx(Image, { ...imageData, className: b('image') }) })] }));
 };
 export default Quote;
 //# sourceMappingURL=Quote.js.map

package/build/esm/sub-blocks/Quote/Quote.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Quote.js","sourceRoot":"../../../../src","sources":["sub-blocks/Quote/Quote.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,MAAM,EAAE,MAAM,EAAE,~~IAAI,EAAE,~~KAAK,EAAE,UAAU,EAAC,kCAAyB;~~AACzE~~,OAAO,EAAC,aAAa,EAAC,8CAA2C;AACjE,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAC7C,OAAO,EAAC,YAAY,EAAC,6BAAoB;AACzC,OAAO,EAAa,UAAU,EAAE,iBAAiB,EAAc,SAAS,EAAC,8BAAqB;AAC9F,OAAO,EAAC,KAAK,EAAE,cAAc,EAAC,6BAAoB;AAElD,OAAO,aAAa,CAAC;AAErB,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;AAEzB,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IAChC,MAAM,EACF,KAAK,EAAE,SAAS,GAAG,OAAO,EAC1B,KAAK,EACL,KAAK,EACL,MAAM,GAAG,QAAQ,EACjB,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,MAAM,EACN,GAAG,EACH,QAAQ,EACR,UAAU,EACV,SAAS,GAAG,SAAS,CAAC,OAAO,EAC7B,MAAM,GACT,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;IAC7C,MAAM,eAAe,GAAG,YAAY,CAAC,iBAAiB,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;IAEzE,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACxF,MAAM,YAAY,GAAG,MAAM;QACvB,CAAC,CAAE;YACG,GAAG,MAAM;YACT,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC;SAChC;QAClB,CAAC,CAAC,MAAM,CAAC;IAEb,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,IAAI,GAAG,CAAC,IAAI,CAC3C,eAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,aAC9B,YAAY,IAAI,CACb,KAAC,MAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,EAC1C,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,KAAK,EAAE,SAAS,GAClB,CACL,EACA,GAAG,IAAI,UAAU,IAAI,CAAC,MAAM,IAAI,CAC7B,KAAC,MAAM,IACH,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,IAAI,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,EAC/C,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,UAAU,GAClB,CACL,EACA,MAAM,IAAI,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,KAAK,MAAM,GAAI,IACzC,CACT,CAAC;IAEF,MAAM,eAAe,GAAG,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC;IAEjD,OAAO,CACH,eACI,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAC,CAAC,EACxC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAC,eAAe,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,EAAE,aAE5C,eAAgB,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,aAC3C,0BACI,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAM,SAAS,GAAI,EAC9C,~~eAAK~~,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,YAAY,EAAE,SAAS,EAAC,CAAC,~~aAClD~~,~~IAAI~~,IAAI,~~CACL~~,~~eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACtB,~~KAAC,~~IAAI~~,~~cAAE~~,~~IAAI,GAAQ,GAChB,CACV,EACA,~~OAAO,~~IAAI~~,~~CACR~~,~~KAAC~~,~~UAAU~~,~~IACP,SAAS,~~EAAE,CAAC,CAAC,MAAM,CAAC,~~EACpB~~,OAAO,EAAE,~~OAAO~~,~~EAChB~~,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAChC,CACL,~~IACC~~,IACJ,EACL,YAAY,~~KAlBP~~,IAAI,~~CAmBR~~,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,YAC9B,KAAC,KAAK,OAAK,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,GAC7C,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Author, Button, ~~HTML,~~ Image, YFMWrapper} from '../../components';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport {useTheme} from '../../context/theme';\nimport {useAnalytics} from '../../hooks';\nimport {AuthorItem, AuthorType, DefaultEventNames, QuoteProps, QuoteType} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './Quote.scss';\n\nconst b = block('quote');\n\nconst Quote = (props: QuoteProps) => {\n const {\n theme: textTheme = 'light',\n color,\n image,\n border = 'shadow',\n text,\n yfmText,\n logo,\n author,\n url,\n urlTitle,\n buttonText,\n quoteType = QuoteType.Chevron,\n button,\n } = props;\n const theme = useTheme();\n const imageThemed = getThemedValue(image, theme);\n const imageData = getMediaImage(imageThemed);\n const handleAnalytics = useAnalytics(DefaultEventNames.QuoteButton, url);\n\n const handleButtonClick = React.useCallback(() => handleAnalytics(), [handleAnalytics]);\n const themedAuthor = author\n ? ({\n ...author,\n avatar: getThemedValue(author.avatar, theme),\n } as AuthorItem)\n : author;\n\n const renderFooter = Boolean(author \|\| url) && (\n <div className={b('author-wrapper')}>\n {themedAuthor && (\n <Author\n className={b('author', {theme: textTheme})}\n author={themedAuthor}\n type={AuthorType.Line}\n theme={textTheme}\n />\n )}\n {url && buttonText && !button && (\n <Button\n theme=\"outlined\"\n size=\"xl\"\n url={url}\n className={b('link-button', {theme: textTheme})}\n onClick={handleButtonClick}\n urlTitle={urlTitle}\n text={buttonText}\n />\n )}\n {button && <Button size=\"xl\" {...button} />}\n </div>\n );\n\n const themedLogoProps = getThemedValue(logo, theme);\n const logoProps = getMediaImage(themedLogoProps);\n\n return (\n <div\n className={b({theme: textTheme, border})}\n style={color ? {backgroundColor: color} : {}}\n >\n <div key={text} className={b('content-wrapper')}>\n <div>\n <Image className={b('logo')} {...logoProps} />\n <div className={b('content', {'quote-type': quoteType})}>\n {~~text~~ && (\n <~~span className={b('text')}>\~~n ~~<HTML>{text}</HTML>\n </~~span~~>\n )}~~\~~n {yfmText && (~~\n ~~<YFMWrapper\n~~ ~~className~~={b('text')}\n content={~~yfmText~~}\n modifiers={{constructor: true}}\n />\n )}\n </div>\n </div>\n {renderFooter}\n </div>\n <div className={b('image-wrapper')}>\n <Image {...imageData} className={b('image')} />\n </div>\n </div>\n );\n};\n\nexport default Quote;\n"]}
1	+ {"version":3,"file":"Quote.js","sourceRoot":"../../../../src","sources":["sub-blocks/Quote/Quote.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Author, Button, Image, YFMWrapper} from '../../components';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport {useTheme} from '../../context/theme';\nimport {useAnalytics} from '../../hooks';\nimport {AuthorItem, AuthorType, DefaultEventNames, QuoteProps, QuoteType} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './Quote.scss';\n\nconst b = block('quote');\n\nconst Quote = (props: QuoteProps) => {\n const {\n theme: textTheme = 'light',\n color,\n image,\n border = 'shadow',\n text,\n yfmText,\n logo,\n author,\n url,\n urlTitle,\n buttonText,\n quoteType = QuoteType.Chevron,\n button,\n } = props;\n const theme = useTheme();\n const imageThemed = getThemedValue(image, theme);\n const imageData = getMediaImage(imageThemed);\n const handleAnalytics = useAnalytics(DefaultEventNames.QuoteButton, url);\n\n const handleButtonClick = React.useCallback(() => handleAnalytics(), [handleAnalytics]);\n const themedAuthor = author\n ? ({\n ...author,\n avatar: getThemedValue(author.avatar, theme),\n } as AuthorItem)\n : author;\n\n const renderFooter = Boolean(author \|\| url) && (\n <div className={b('author-wrapper')}>\n {themedAuthor && (\n <Author\n className={b('author', {theme: textTheme})}\n author={themedAuthor}\n type={AuthorType.Line}\n theme={textTheme}\n />\n )}\n {url && buttonText && !button && (\n <Button\n theme=\"outlined\"\n size=\"xl\"\n url={url}\n className={b('link-button', {theme: textTheme})}\n onClick={handleButtonClick}\n urlTitle={urlTitle}\n text={buttonText}\n />\n )}\n {button && <Button size=\"xl\" {...button} />}\n </div>\n );\n\n const themedLogoProps = getThemedValue(logo, theme);\n const logoProps = getMediaImage(themedLogoProps);\n\n const textLocal = yfmText \|\| text;\n\n return (\n <div\n className={b({theme: textTheme, border})}\n style={color ? {backgroundColor: color} : {}}\n >\n <div key={text} className={b('content-wrapper')}>\n <div>\n <Image className={b('logo')} {...logoProps} />\n <div className={b('content', {'quote-type': quoteType})}>\n {textLocal && (\n <YFMWrapper\n tagName=\"span\"\n contentClassName={b('text')}\n content={textLocal}\n modifiers={{constructor: true}}\n />\n )}\n </div>\n </div>\n {renderFooter}\n </div>\n <div className={b('image-wrapper')}>\n <Image {...imageData} className={b('image')} />\n </div>\n </div>\n );\n};\n\nexport default Quote;\n"]}

package/build/esm/text-transform/common.d.ts CHANGED Viewed

@@ -1,18 +1,19 @@
 import { MarkdownItPluginCb } from '@diplodoc/transform/lib/plugins/typings';
 import { Lang } from "./types.js";
 export type ComplexItem = {
-    [key: string]: string;
+    [key: string]: string | object;
 };
 export type Item = string | null | ComplexItem;
 export type Transformer = (text: string) => string;
 export type TransformerRaw = (lang: Lang, content: string, options: {
     plugins: MarkdownItPluginCb[];
+    renderInline?: boolean;
 }) => string;
 export type Parser<T = any> = (transformer: Transformer, block: T) => T;
 export declare const createItemsParser: (fields: string[]) => (transformer: Transformer, items: Item[]) => (string | {
-    [x: string]: string;
+    [x: string]: string | object;
 } | null)[];
 export declare function yfmTransformer(lang: Lang, content: string, options?: {
     plugins?: MarkdownItPluginCb[];
-}): string;
+}, renderInline?: boolean): string;
 export declare function typografTransformer(lang: Lang, content: string): string;

package/build/esm/text-transform/common.js CHANGED Viewed

@@ -1,30 +1,59 @@
 import defaultPlugins from '@diplodoc/transform/lib/plugins';
 import { fullTransform, typografToHTML } from "./utils.js";
-export const createItemsParser = (fields) => (transformer, items) => items.map((item) => {
-    if (!item) {
-        return item;
-    }
-    else if (typeof item === 'string') {
-        return transformer(item);
-    }
-    else {
-        return {
-            ...item,
-            ...fields.reduce((acc, fieldName) => {
-                if (item[fieldName]) {
-                    // eslint-disable-next-line no-param-reassign
-                    acc[fieldName] = transformer(item[fieldName]);
-                }
-                return acc;
-            }, {}),
-        };
-    }
-});
-export function yfmTransformer(lang, content, options = {}) {
+export const createItemsParser = (fields) => (transformer, items) => {
+    const applyTransform = (itemLocal) => typeof itemLocal === 'string' ? transformer(itemLocal) : itemLocal;
+    return items.map((item) => {
+        if (!item) {
+            return item;
+        }
+        else if (typeof item === 'string') {
+            return transformer(item);
+        }
+        else {
+            return {
+                ...item,
+                ...fields.reduce((acc, fieldName) => {
+                    if (fieldName.includes('.')) {
+                        const [firstProperty, secondProperty] = fieldName.split('.');
+                        const root = item[firstProperty];
+                        if (!root || typeof root !== 'object') {
+                            return acc;
+                        }
+                        if (Array.isArray(root)) {
+                            if (!acc[firstProperty]) {
+                                // eslint-disable-next-line no-param-reassign
+                                acc[firstProperty] = [];
+                            }
+                            // eslint-disable-next-line no-param-reassign
+                            acc[firstProperty] = root.map((subItem) => ({
+                                ...subItem,
+                                [secondProperty]: applyTransform(subItem[secondProperty]),
+                            }));
+                        }
+                        else {
+                            // eslint-disable-next-line no-param-reassign
+                            acc[firstProperty] = {
+                                ...root,
+                                [secondProperty]: applyTransform(root[secondProperty]),
+                            };
+                        }
+                    }
+                    else if (item[fieldName]) {
+                        // eslint-disable-next-line no-param-reassign
+                        acc[fieldName] = applyTransform(item[fieldName]);
+                    }
+                    return acc;
+                }, {}),
+            };
+        }
+    });
+};
+export function yfmTransformer(lang, content, options = {}, renderInline = false) {
     const { plugins = [] } = options;
     const { html } = fullTransform(content, {
         lang,
         plugins: [...defaultPlugins, ...plugins],
+        renderInline,
     });
     return html;
 }

package/build/esm/text-transform/common.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"common.js","sourceRoot":"../../../src","sources":["text-transform/common.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAI7D,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,mBAAgB;AAatD,MAAM,CAAC,MAAM,iBAAiB,~~GAAG~~,CAAC,MAAgB,EAAE,EAAE,CAAC,CAAC,WAAwB,EAAE,KAAa,EAAE,EAAE,~~CAC/F~~,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;~~IACf~~,IAAI,CAAC,IAAI,EAAE,CAAC;~~QACR~~,OAAO,IAAI,CAAC;~~IAChB~~,CAAC;~~SAAM~~,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;~~QAClC~~,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;~~IAC7B~~,CAAC;~~SAAM~~,CAAC;~~QACJ~~,OAAO;~~YACH~~,GAAG,IAAI;~~YACP~~,GAAG,MAAM,CAAC,MAAM,CAAc,CAAC,GAAG,EAAE,SAAS,EAAE,EAAE;~~gBAC7C~~,IAAI,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;~~oBAClB~~,6CAA6C;~~oBAC7C~~,GAAG,CAAC,SAAS,CAAC,GAAG,~~WAAW~~,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;~~gBAClD~~,CAAC;~~gBAED~~,OAAO,GAAG,CAAC;~~YACf~~,CAAC,EAAE,~~EAAE~~,CAAC;~~SACT~~,CAAC;~~IACN~~,CAAC;~~AACL~~,CAAC,CAAC,CAAC;~~AAEP~~,MAAM,UAAU,cAAc,CAC1B,IAAU,EACV,OAAe,EACf,UAA4C,EAAE;~~IAE9C~~,MAAM,EAAC,OAAO,GAAG,EAAE,EAAC,GAAG,OAAO,CAAC;IAC/B,MAAM,EAAC,IAAI,EAAC,GAAG,aAAa,CAAC,OAAO,EAAE;QAClC,IAAI;QACJ,OAAO,EAAE,CAAC,GAAG,cAAc,EAAE,GAAG,OAAO,CAAC;~~KAC3C~~,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,IAAU,EAAE,OAAe;IAC3D,OAAO,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AACzC,CAAC","sourcesContent":["import defaultPlugins from '@diplodoc/transform/lib/plugins';\nimport {MarkdownItPluginCb} from '@diplodoc/transform/lib/plugins/typings';\n\nimport {Lang} from './types';\nimport {fullTransform, typografToHTML} from './utils';\n\nexport type ComplexItem = {[key: string]: string};\nexport type Item = string \| null \| ComplexItem;\nexport type Transformer = (text: string) => string;\nexport type TransformerRaw = (\n lang: Lang,\n content: string,\n options: {plugins: MarkdownItPluginCb[]},\n) => string;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Parser<T = any> = (transformer: Transformer, block: T) => T;\n\nexport const createItemsParser = (fields: string[]) => (transformer: Transformer, items: Item[]) =>\n items.map((item) => {\n if (!item) {\n return item;\n } else if (typeof item === 'string') {\n return transformer(item);\n } else {\n return {\n ...item,\n ...fields.reduce<ComplexItem>((acc, fieldName) => {\n if (item[fieldName]) {\n // eslint-disable-next-line no-param-reassign\n acc[fieldName] = ~~transformer~~(item[fieldName]);\n }\n\n return acc;\n }, {}),\n };\n }\n });\n\nexport function yfmTransformer(\n lang: Lang,\n content: string,\n options: {plugins?: MarkdownItPluginCb[]} = {},\n) {\n const {plugins = []} = options;\n const {html} = fullTransform(content, {\n lang,\n plugins: [...defaultPlugins, ...plugins],\n });\n\n return html;\n}\n\nexport function typografTransformer(lang: Lang, content: string) {\n return typografToHTML(content, lang);\n}\n"]}
1	+ {"version":3,"file":"common.js","sourceRoot":"../../../src","sources":["text-transform/common.ts"],"names":[],"mappings":"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","sourcesContent":["import defaultPlugins from '@diplodoc/transform/lib/plugins';\nimport {MarkdownItPluginCb} from '@diplodoc/transform/lib/plugins/typings';\n\nimport {Lang} from './types';\nimport {fullTransform, typografToHTML} from './utils';\n\nexport type ComplexItem = {[key: string]: string \| object};\nexport type Item = string \| null \| ComplexItem;\nexport type Transformer = (text: string) => string;\nexport type TransformerRaw = (\n lang: Lang,\n content: string,\n options: {plugins: MarkdownItPluginCb[]; renderInline?: boolean},\n) => string;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Parser<T = any> = (transformer: Transformer, block: T) => T;\n\nexport const createItemsParser =\n (fields: string[]) => (transformer: Transformer, items: Item[]) => {\n const applyTransform = (itemLocal: string \| object) =>\n typeof itemLocal === 'string' ? transformer(itemLocal as string) : itemLocal;\n\n return items.map((item) => {\n if (!item) {\n return item;\n } else if (typeof item === 'string') {\n return transformer(item);\n } else {\n return {\n ...item,\n ...fields.reduce<ComplexItem>((acc, fieldName) => {\n if (fieldName.includes('.')) {\n const [firstProperty, secondProperty] = fieldName.split('.');\n const root = item[firstProperty] as unknown as Record<string, string>;\n if (!root \|\| typeof root !== 'object') {\n return acc;\n }\n\n if (Array.isArray(root)) {\n if (!acc[firstProperty]) {\n // eslint-disable-next-line no-param-reassign\n acc[firstProperty] = [];\n }\n\n // eslint-disable-next-line no-param-reassign\n acc[firstProperty] = root.map((subItem: ComplexItem) => ({\n ...subItem,\n [secondProperty]: applyTransform(subItem[secondProperty]),\n }));\n } else {\n // eslint-disable-next-line no-param-reassign\n acc[firstProperty] = {\n ...root,\n [secondProperty]: applyTransform(root[secondProperty]),\n };\n }\n } else if (item[fieldName]) {\n // eslint-disable-next-line no-param-reassign\n acc[fieldName] = applyTransform(item[fieldName]);\n }\n\n return acc;\n }, {} as ComplexItem),\n };\n }\n });\n };\n\nexport function yfmTransformer(\n lang: Lang,\n content: string,\n options: {plugins?: MarkdownItPluginCb[]} = {},\n renderInline = false,\n) {\n const {plugins = []} = options;\n const {html} = fullTransform(content, {\n lang,\n plugins: [...defaultPlugins, ...plugins],\n renderInline,\n });\n\n return html;\n}\n\nexport function typografTransformer(lang: Lang, content: string) {\n return typografToHTML(content, lang);\n}\n"]}

package/build/esm/text-transform/config.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import { TitleItemProps } from "../models/index.js";
-import { Parser, Transformer, TransformerRaw, typografTransformer, yfmTransformer } from "./common.js";
+import { Parser, Transformer, TransformerRaw, yfmTransformer } from "./common.js";
 export declare const blockHeaderTransformer: ({
     fields: string[];
-    transformer: typeof typografTransformer;
+    transformer: typeof yfmTransformer;
     parser: (transformer: Transformer, title: TitleItemProps | string) => string | {
         text: string;
         navTitle?: string;
@@ -14,15 +14,18 @@ export declare const blockHeaderTransformer: ({
         custom?: string | React.ReactNode;
         onClick?: () => void;
     };
+    renderInline: boolean;
 } | {
     fields: string[];
     transformer: typeof yfmTransformer;
     parser?: undefined;
+    renderInline?: undefined;
 })[];
 interface BlockConfig {
     transformer: TransformerRaw;
     fields?: string[];
     parser?: Parser;
+    renderInline?: boolean;
 }
 export type BlocksConfig = Record<string, BlockConfig | BlockConfig[]>;
 export declare const config: BlocksConfig;