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

package/build/esm/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"PriceDescription.js","sourceRoot":"../../../../../src","sources":["sub-blocks/PriceDetailed/PriceDescription/PriceDescription.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Label, LabelProps} from '@gravity-ui/uikit';\n\nimport {YFMWrapper} from '../../../components';\nimport {StylesContext} from '../../../context/stylesContext';\nimport {\n    PriceDescriptionColor,\n    PriceDescriptionProps,\n    PriceLabelColor,\n    TextSize,\n} from '../../../models';\nimport {block} from '../../../utils';\n\nimport './PriceDescription.scss';\n\nconst b = block('price-description');\n\ninterface PriceDescriptionExtendProps extends PriceDescriptionProps {\n    titleSize?: TextSize;\n    descriptionSize?: TextSize;\n    colorTitle?: PriceDescriptionColor;\n    labelsDefaultText?: Record<PriceLabelColor, string>;\n    className?: string;\n}\n\nconst LabelColorsMapping = {\n    [PriceLabelColor.BLUE]: 'info',\n    [PriceLabelColor.GREEN]: 'success',\n    [PriceLabelColor.YELLOW]: 'warning',\n    [PriceLabelColor.PURPLE]: 'normal',\n    [PriceLabelColor.RED]: 'dnager',\n};\n\nconst LabelSizeMap: Record<TextSize, LabelProps['size']> = {\n    l: 's',\n    m: 's',\n    s: 'xs',\n    xs: 'xs',\n};\n\nconst PriceDescription = (props: PriceDescriptionExtendProps) => {\n    const {\n        title,\n        detailedTitle = '',\n        description,\n        titleSize = 'l',\n        descriptionSize = 'm',\n        colorTitle = 'cornflower',\n        label,\n        labelsDefaultText,\n        className,\n    } = props;\n\n    const descriptionRef = React.useRef<HTMLDivElement>(null);\n    const {pricesDetailedDescriptionHeight, setStyles} = React.useContext(StylesContext);\n\n    const setDescriptionHeight = React.useCallback(() => {\n        if (!descriptionRef || !descriptionRef.current) {\n            return;\n        }\n\n        const descriptionChildren = descriptionRef.current?.children;\n\n        if (!descriptionChildren) {\n            return;\n        }\n\n        const childrenHeight = [...descriptionChildren].reduce(\n            (result: number, element: Element) => result + element.clientHeight,\n            0,\n        );\n\n        if (\n            pricesDetailedDescriptionHeight === undefined ||\n            Number(pricesDetailedDescriptionHeight) < childrenHeight\n        ) {\n            setStyles({pricesDetailedDescriptionHeight: childrenHeight.toString()});\n        } else if (childrenHeight < Number(pricesDetailedDescriptionHeight)) {\n            descriptionRef.current.style.height = `${pricesDetailedDescriptionHeight}px`;\n        }\n    }, [pricesDetailedDescriptionHeight, setStyles]);\n\n    React.useEffect(() => {\n        setDescriptionHeight();\n\n        window.addEventListener('resize', setDescriptionHeight, {passive: true});\n        return () => window.removeEventListener('resize', setDescriptionHeight);\n    }, [setDescriptionHeight]);\n\n    const labelElement = React.useMemo(() => {\n        if (!label) {\n            return null;\n        }\n\n        const labelTitle = label.text || (labelsDefaultText && labelsDefaultText[label.color]);\n        const labelColor = (LabelColorsMapping[label.color] || 'unknown') as LabelProps['theme'];\n        const labelSize = LabelSizeMap[label.size || descriptionSize];\n\n        return (\n            <Label className={b('label', {size: labelSize})} theme={labelColor} size={labelSize}>\n                {labelTitle}\n            </Label>\n        );\n    }, [descriptionSize, label, labelsDefaultText]);\n\n    const titleElement = React.useMemo(() => {\n        return (\n            <div className={b('title', {size: titleSize})}>\n                <div className={b('main-title', {color: colorTitle})}>{title}</div>\n                <div className={b('detailed-title', {size: descriptionSize})}>{detailedTitle}</div>\n            </div>\n        );\n    }, [colorTitle, descriptionSize, detailedTitle, title, titleSize]);\n\n    return (\n        <div className={b(null, className)} ref={descriptionRef}>\n            {labelElement}\n            {titleElement}\n            <div className={b('description', {size: descriptionSize})}>\n                <YFMWrapper content={description} modifiers={{constructor: true}} />\n            </div>\n        </div>\n    );\n};\n\nexport default PriceDescription;\n"]}
+{"version":3,"file":"PriceDescription.js","sourceRoot":"../../../../../src","sources":["sub-blocks/PriceDetailed/PriceDescription/PriceDescription.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Label, LabelProps} from '@gravity-ui/uikit';\n\nimport {YFMWrapper} from '../../../components';\nimport {StylesContext} from '../../../context/stylesContext';\nimport {\n    PriceDescriptionColor,\n    PriceDescriptionProps,\n    PriceLabelColor,\n    TextSize,\n} from '../../../models';\nimport {block} from '../../../utils';\n\nimport './PriceDescription.scss';\n\nconst b = block('price-description');\n\ninterface PriceDescriptionExtendProps extends PriceDescriptionProps {\n    titleSize?: TextSize;\n    descriptionSize?: TextSize;\n    colorTitle?: PriceDescriptionColor;\n    labelsDefaultText?: Record<PriceLabelColor, string>;\n    className?: string;\n}\n\nconst LabelColorsMapping = {\n    [PriceLabelColor.BLUE]: 'info',\n    [PriceLabelColor.GREEN]: 'success',\n    [PriceLabelColor.YELLOW]: 'warning',\n    [PriceLabelColor.PURPLE]: 'normal',\n    [PriceLabelColor.RED]: 'dnager',\n};\n\nconst LabelSizeMap: Record<TextSize, LabelProps['size']> = {\n    l: 's',\n    m: 's',\n    sm: 's',\n    s: 'xs',\n    xs: 'xs',\n};\n\nconst PriceDescription = (props: PriceDescriptionExtendProps) => {\n    const {\n        title,\n        detailedTitle = '',\n        description,\n        titleSize = 'l',\n        descriptionSize = 'm',\n        colorTitle = 'cornflower',\n        label,\n        labelsDefaultText,\n        className,\n    } = props;\n\n    const descriptionRef = React.useRef<HTMLDivElement>(null);\n    const {pricesDetailedDescriptionHeight, setStyles} = React.useContext(StylesContext);\n\n    const setDescriptionHeight = React.useCallback(() => {\n        if (!descriptionRef || !descriptionRef.current) {\n            return;\n        }\n\n        const descriptionChildren = descriptionRef.current?.children;\n\n        if (!descriptionChildren) {\n            return;\n        }\n\n        const childrenHeight = [...descriptionChildren].reduce(\n            (result: number, element: Element) => result + element.clientHeight,\n            0,\n        );\n\n        if (\n            pricesDetailedDescriptionHeight === undefined ||\n            Number(pricesDetailedDescriptionHeight) < childrenHeight\n        ) {\n            setStyles({pricesDetailedDescriptionHeight: childrenHeight.toString()});\n        } else if (childrenHeight < Number(pricesDetailedDescriptionHeight)) {\n            descriptionRef.current.style.height = `${pricesDetailedDescriptionHeight}px`;\n        }\n    }, [pricesDetailedDescriptionHeight, setStyles]);\n\n    React.useEffect(() => {\n        setDescriptionHeight();\n\n        window.addEventListener('resize', setDescriptionHeight, {passive: true});\n        return () => window.removeEventListener('resize', setDescriptionHeight);\n    }, [setDescriptionHeight]);\n\n    const labelElement = React.useMemo(() => {\n        if (!label) {\n            return null;\n        }\n\n        const labelTitle = label.text || (labelsDefaultText && labelsDefaultText[label.color]);\n        const labelColor = (LabelColorsMapping[label.color] || 'unknown') as LabelProps['theme'];\n        const labelSize = LabelSizeMap[label.size || descriptionSize];\n\n        return (\n            <Label className={b('label', {size: labelSize})} theme={labelColor} size={labelSize}>\n                {labelTitle}\n            </Label>\n        );\n    }, [descriptionSize, label, labelsDefaultText]);\n\n    const titleElement = React.useMemo(() => {\n        return (\n            <div className={b('title', {size: titleSize})}>\n                <div className={b('main-title', {color: colorTitle})}>{title}</div>\n                <div className={b('detailed-title', {size: descriptionSize})}>{detailedTitle}</div>\n            </div>\n        );\n    }, [colorTitle, descriptionSize, detailedTitle, title, titleSize]);\n\n    return (\n        <div className={b(null, className)} ref={descriptionRef}>\n            {labelElement}\n            {titleElement}\n            <div className={b('description', {size: descriptionSize})}>\n                <YFMWrapper content={description} modifiers={{constructor: true}} />\n            </div>\n        </div>\n    );\n};\n\nexport default PriceDescription;\n"]}

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

@@ -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

@@ -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";
@@ -21,7 +21,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, Object.assign({ 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, Object.assign({ 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, Object.assign({}, 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, Object.assign({ 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, Object.assign({}, imageData, { className: b('image') })) })] }));
 };
 export default Quote;
 //# sourceMappingURL=Quote.js.map

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

@@ -1 +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, 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"]}
+{"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

@@ -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

@@ -1,27 +1,50 @@
 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 Object.assign(Object.assign({}, 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 Object.assign(Object.assign({}, 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) => (Object.assign(Object.assign({}, subItem), { [secondProperty]: applyTransform(subItem[secondProperty]) })));
+                    }
+                    else {
+                        // eslint-disable-next-line no-param-reassign
+                        acc[firstProperty] = Object.assign(Object.assign({}, 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

@@ -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,uCACO,IAAI,GACJ,MAAM,CAAC,MAAM,CAAc,CAAC,GAAG,EAAE,SAAS,EAAE,EAAE;YAC7C,IAAI,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;gBAClB,6CAA6C;gBAC7C,GAAG,CAAC,SAAS,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;YAClD,CAAC;YAED,OAAO,GAAG,CAAC;QACf,CAAC,EAAE,EAAE,CAAC,EACR;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"]}
+{"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,GAC1B,CAAC,MAAgB,EAAE,EAAE,CAAC,CAAC,WAAwB,EAAE,KAAa,EAAE,EAAE;IAC9D,MAAM,cAAc,GAAG,CAAC,SAA0B,EAAE,EAAE,CAClD,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,SAAmB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEjF,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACtB,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,OAAO,IAAI,CAAC;QAChB,CAAC;aAAM,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC;aAAM,CAAC;YACJ,uCACO,IAAI,GACJ,MAAM,CAAC,MAAM,CAAc,CAAC,GAAG,EAAE,SAAS,EAAE,EAAE;gBAC7C,IAAI,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;oBAC1B,MAAM,CAAC,aAAa,EAAE,cAAc,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;oBAC7D,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAsC,CAAC;oBACtE,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;wBACpC,OAAO,GAAG,CAAC;oBACf,CAAC;oBAED,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;wBACtB,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC;4BACtB,6CAA6C;4BAC7C,GAAG,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;wBAC5B,CAAC;wBAED,6CAA6C;wBAC7C,GAAG,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,iCACjD,OAAO,KACV,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,IAC3D,CAAC,CAAC;oBACR,CAAC;yBAAM,CAAC;wBACJ,6CAA6C;wBAC7C,GAAG,CAAC,aAAa,CAAC,mCACX,IAAI,KACP,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,GACzD,CAAC;oBACN,CAAC;gBACL,CAAC;qBAAM,IAAI,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;oBACzB,6CAA6C;oBAC7C,GAAG,CAAC,SAAS,CAAC,GAAG,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;gBACrD,CAAC;gBAED,OAAO,GAAG,CAAC;YACf,CAAC,EAAE,EAAiB,CAAC,EACvB;QACN,CAAC;IACL,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEN,MAAM,UAAU,cAAc,CAC1B,IAAU,EACV,OAAe,EACf,UAA4C,EAAE,EAC9C,YAAY,GAAG,KAAK;IAEpB,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;QACxC,YAAY;KACf,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 | 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

@@ -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;

package/build/esm/text-transform/config.js

@@ -2,11 +2,27 @@
 /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
 import { __rest } from "tslib";
 import { BlockType, SubBlockType, } from "../models/index.js";
-import { createItemsParser, typografTransformer, yfmTransformer, } from "./common.js";
-function parseTableBlock(transformer, content) {
+import { createItemsParser, yfmTransformer } from "./common.js";
+function parseTableBlockLegend(transformer, content) {
     const legend = content === null || content === void 0 ? void 0 : content.legend;
     return Object.assign(Object.assign({}, (content || {})), { legend: legend && legend.map((string) => transformer(string)) });
 }
+function parseTableBlockContent(transformer, content) {
+    const legend = content === null || content === void 0 ? void 0 : content.legend;
+    const tableContent = content === null || content === void 0 ? void 0 : content.content;
+    return Object.assign(Object.assign({}, (content || {})), { content: tableContent &&
+            tableContent.map((row, i) => row.map((cell, j) => {
+                if (legend) {
+                    if (i === 0 || j === 0) {
+                        return transformer(cell);
+                    }
+                    return cell;
+                }
+                else {
+                    return transformer(cell);
+                }
+            })) });
+}
 function parseFeatures(transformer, items) {
     return items.map((_a) => {
         var { title, text } = _a, rest = __rest(_a, ["title", "text"]);
@@ -81,8 +97,9 @@ function parseContentLayoutTitle(transformer, content) {
 export const blockHeaderTransformer = [
     {
         fields: ['title'],
-        transformer: typografTransformer,
+        transformer: yfmTransformer,
         parser: parseTitle,
+        renderInline: true,
     },
     {
         fields: ['description'],
@@ -93,7 +110,8 @@ export const config = {
     [SubBlockType.BasicCard]: [
         {
             fields: ['title'],
-            transformer: typografTransformer,
+            transformer: yfmTransformer,
+            renderInline: true,
         },
         {
             fields: ['text', 'additionalInfo'],
@@ -102,22 +120,16 @@ export const config = {
     ],
     [SubBlockType.BackgroundCard]: [
         {
-            fields: ['text', 'additionalInfo'],
+            fields: ['title', 'text', 'additionalInfo'],
             transformer: yfmTransformer,
-        },
-        {
-            fields: ['title'],
-            transformer: typografTransformer,
+            renderInline: true,
         },
     ],
     [SubBlockType.ImageCard]: [
         {
-            fields: ['text', 'additionalInfo'],
+            fields: ['title', 'text', 'additionalInfo'],
             transformer: yfmTransformer,
-        },
-        {
-            fields: ['title'],
-            transformer: typografTransformer,
+            renderInline: true,
         },
     ],
     [SubBlockType.LayoutItem]: [
@@ -129,7 +141,8 @@ export const config = {
         {
             fields: ['content'],
             parser: parseContentLayoutTitle,
-            transformer: typografTransformer,
+            transformer: yfmTransformer,
+            renderInline: true,
         },
         {
             fields: ['metaInfo'],
@@ -139,26 +152,30 @@ export const config = {
     ],
     [SubBlockType.Quote]: [
         {
-            fields: ['text'],
-            transformer: typografTransformer,
-        },
-        {
-            fields: ['yfmText'],
+            fields: ['text', 'yfmText'],
             transformer: yfmTransformer,
+            renderInline: true,
         },
     ],
     [BlockType.ExtendedFeaturesBlock]: [
         ...blockHeaderTransformer,
         {
             fields: ['items'],
-            transformer: typografTransformer,
+            transformer: yfmTransformer,
             parser: createItemsParser(['title']),
+            renderInline: true,
         },
         {
             fields: ['items'],
             transformer: yfmTransformer,
             parser: createItemsParser(['text', 'additionalInfo']),
         },
+        {
+            fields: ['items'],
+            transformer: yfmTransformer,
+            parser: createItemsParser(['list.text']),
+            renderInline: true,
+        },
     ],
     [BlockType.PromoFeaturesBlock]: [
         ...blockHeaderTransformer,
@@ -168,16 +185,14 @@ export const config = {
             parser: parsePromoFeatures,
         },
     ],
+    [BlockType.SliderOldBlock]: blockHeaderTransformer,
     [BlockType.SliderBlock]: blockHeaderTransformer,
     [BlockType.CompaniesBlock]: blockHeaderTransformer,
     [BlockType.QuestionsBlock]: [
         {
-            fields: ['title'],
-            transformer: typografTransformer,
-        },
-        {
-            fields: ['text', 'additionalInfo'],
+            fields: ['title', 'text', 'additionalInfo'],
             transformer: yfmTransformer,
+            renderInline: true,
         },
         {
             fields: ['items'],
@@ -188,7 +203,8 @@ export const config = {
     [BlockType.BannerBlock]: [
         {
             fields: ['title'],
-            transformer: typografTransformer,
+            transformer: yfmTransformer,
+            renderInline: true,
         },
         {
             fields: ['subtitle'],
@@ -198,7 +214,8 @@ export const config = {
     [SubBlockType.BannerCard]: [
         {
             fields: ['title'],
-            transformer: typografTransformer,
+            transformer: yfmTransformer,
+            renderInline: true,
         },
         {
             fields: ['subtitle'],
@@ -208,7 +225,7 @@ export const config = {
     [BlockType.MediaBlock]: [
         ...blockHeaderTransformer,
         {
-            fields: ['title', 'additionalInfo'],
+            fields: ['additionalInfo'],
             transformer: yfmTransformer,
         },
         {
@@ -233,27 +250,35 @@ export const config = {
         },
         {
             fields: ['items'],
-            transformer: typografTransformer,
+            transformer: yfmTransformer,
             parser: parseItemsTitle,
+            renderInline: true,
         },
     ],
     [BlockType.TableBlock]: [
+        {
+            fields: ['title'],
+            transformer: yfmTransformer,
+            renderInline: true,
+        },
         {
             fields: ['table'],
             transformer: yfmTransformer,
-            parser: parseTableBlock,
+            parser: parseTableBlockLegend,
         },
-    ],
-    [BlockType.HeaderSliderBlock]: [
         {
-            fields: ['items'],
-            transformer: typografTransformer,
-            parser: createItemsParser(['title', 'overtitle']),
+            fields: ['table'],
+            transformer: yfmTransformer,
+            parser: parseTableBlockContent,
+            renderInline: true,
         },
+    ],
+    [BlockType.HeaderSliderBlock]: [
         {
             fields: ['items'],
             transformer: yfmTransformer,
-            parser: createItemsParser(['description']),
+            parser: createItemsParser(['title', 'overtitle', 'description']),
+            renderInline: true,
         },
     ],
     [SubBlockType.PriceDetailed]: [
@@ -267,6 +292,11 @@ export const config = {
             fields: ['description'],
             transformer: yfmTransformer,
         },
+        {
+            fields: ['overtitle', 'title'],
+            transformer: yfmTransformer,
+            renderInline: true,
+        },
     ],
     [BlockType.ContentLayoutBlock]: [
         {
@@ -276,8 +306,9 @@ export const config = {
         },
         {
             fields: ['textContent'],
-            transformer: typografTransformer,
+            transformer: yfmTransformer,
             parser: parseContentLayoutTitle,
+            renderInline: true,
         },
     ],
     [SubBlockType.Content]: [
@@ -287,8 +318,9 @@ export const config = {
         },
         {
             fields: ['title'],
-            transformer: typografTransformer,
+            transformer: yfmTransformer,
             parser: parseTitle,
+            renderInline: true,
         },
         {
             fields: ['list'],
@@ -297,6 +329,11 @@ export const config = {
         },
     ],
     [BlockType.InfoBlock]: [
+        {
+            fields: ['title'],
+            transformer: yfmTransformer,
+            renderInline: true,
+        },
         {
             fields: ['rightContent', 'leftContent'],
             transformer: yfmTransformer,
@@ -304,14 +341,16 @@ export const config = {
         },
         {
             fields: ['rightContent', 'leftContent'],
-            transformer: typografTransformer,
+            transformer: yfmTransformer,
             parser: parseContentLayoutTitle,
+            renderInline: true,
         },
     ],
     [BlockType.ShareBlock]: [
         {
             fields: ['title'],
-            transformer: typografTransformer,
+            transformer: yfmTransformer,
+            renderInline: true,
         },
     ],
     [BlockType.CardLayoutBlock]: blockHeaderTransformer,
@@ -320,12 +359,13 @@ export const config = {
     [SubBlockType.PriceCard]: [
         {
             fields: ['title'],
-            transformer: typografTransformer,
+            transformer: yfmTransformer,
+            renderInline: true,
         },
         {
             fields: ['list'],
             transformer: yfmTransformer,
-            parser: createItemsParser(['text']),
+            parser: createItemsParser(['title', 'text']),
         },
     ],
     [BlockType.FormBlock]: [
@@ -336,8 +376,9 @@ export const config = {
         },
         {
             fields: ['textContent'],
-            transformer: typografTransformer,
+            transformer: yfmTransformer,
             parser: parseContentLayoutTitle,
+            renderInline: true,
         },
     ],
 };