@gravity-ui/page-constructor 4.1.2 → 4.3.12-alpha.3

package/build/cjs/text-transform/transformers.js

@@ -2,17 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.contentTransformer = void 0;
 const tslib_1 = require("tslib");
-/* eslint-disable no-param-reassign */
-/* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const config_1 = require("./config");
 const filter_1 = require("./filter");
-function transformBlocks(blocks, lang, customConfig = {}) {
+function transformBlocks(blocks, lang, customConfig = {}, options = {}) {
     const fullConfig = Object.assign(Object.assign({}, config_1.config), customConfig);
+    const { plugins = [] } = options;
     const clonedBlocks = lodash_1.default.cloneDeep(blocks);
-    return clonedBlocks.map((block) => transformBlock(lang, fullConfig, block));
+    return clonedBlocks.map((block) => transformBlock(lang, fullConfig, block, plugins));
 }
-function transformBlock(lang, blocksConfig, block) {
+function transformBlock(lang, blocksConfig, block, plugins) {
     const blockConfig = blocksConfig[block.type];
     if (block) {
         if ('randomOrder' in block && block.randomOrder && 'children' in block && block.children) {
@@ -23,7 +22,9 @@ function transformBlock(lang, blocksConfig, block) {
         const configs = Array.isArray(blockConfig) ? blockConfig : [blockConfig];
         configs.forEach((transformConfig) => {
             const { fields, transformer: transformerRaw, parser } = transformConfig;
-            const transformer = transformerRaw.bind(null, lang);
+            const transformer = (content) => 
+            // eslint-disable-next-line no-useless-call
+            transformerRaw.call(null, lang, content, { plugins });
             if (fields) {
                 fields.forEach((field) => {
                     if (block[field]) {
@@ -47,9 +48,11 @@ function transformBlock(lang, blocksConfig, block) {
     return block;
 }
 const contentTransformer = ({ content, options }) => {
-    const { lang, customConfig = {}, vars } = options;
+    const { lang, customConfig = {}, vars, plugins = [] } = options;
     const { blocks = [] } = (vars ? (0, filter_1.filterContent)(content, vars) : content);
-    const transformedBlocks = transformBlocks(blocks, lang, customConfig);
+    const transformedBlocks = transformBlocks(blocks, lang, customConfig, {
+        plugins,
+    });
     return {
         blocks: transformedBlocks,
     };

package/build/cjs/utils/blocks.d.ts

@@ -1,13 +1,10 @@
 import { ConstructorBlock, CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
-export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4" | "h5";
+export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h3" | "h4";
 export declare function hasBlockTag(content: string): boolean;
 export declare function getBlockKey(block: ConstructorBlock, index: number): string;
-export declare const getCustomBlockTypes: ({ blocks, headers }?: CustomConfig) => string[];
-export declare const getCustomItems: ({ blocks, headers, subBlocks }?: CustomConfig) => {
-    [x: string]: any;
-};
-export declare const getCustomSubBlockTypes: (customBlocks?: CustomConfig) => string[];
-export declare const getCustomHeaderTypes: (customBlocks?: CustomConfig) => string[];
+export declare const getCustomItems: (types: (keyof CustomConfig)[], customBlocks?: CustomConfig) => {};
+export declare const getCustomTypes: (types: (keyof CustomConfig)[], customBlocks?: CustomConfig) => string[];
 export declare const getOrderedBlocks: (blocks: ConstructorBlock[], headerBlockTypes?: string[]) => ConstructorBlock[];
 export declare const getHeaderBlock: (blocks: ConstructorBlock[], headerBlockTypes?: string[]) => ConstructorBlock | undefined;
 export declare const getShareLink: (url: string, type: PCShareSocialNetwork, title?: string, text?: string) => string | undefined;
+export declare const getQaAttrubutes: (qa?: string, ...customKeys: (string | Array<string>)[]) => Record<string, string>;

package/build/cjs/utils/blocks.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getShareLink = exports.getHeaderBlock = exports.getOrderedBlocks = exports.getCustomHeaderTypes = exports.getCustomSubBlockTypes = exports.getCustomItems = exports.getCustomBlockTypes = exports.getBlockKey = exports.hasBlockTag = exports.getHeaderTag = void 0;
+exports.getQaAttrubutes = exports.getShareLink = exports.getHeaderBlock = exports.getOrderedBlocks = exports.getCustomTypes = exports.getCustomItems = exports.getBlockKey = exports.hasBlockTag = exports.getHeaderTag = void 0;
+const lodash_1 = require("lodash");
 const models_1 = require("../models");
 const BLOCK_ELEMENTS = [
     'div',
@@ -39,14 +40,15 @@ const BLOCK_ELEMENTS = [
     'td',
 ];
 const BLOCK_ELEMENTS_REGEX = `<(${BLOCK_ELEMENTS.join('|')})[^>]*>`;
+const QA_ATTRIBUTES_KEYS = ['container', 'content', 'wrapper', 'image', 'button', 'animate'];
 function getHeaderTag(size) {
     switch (size) {
         case 'l':
             return 'h1';
         case 's':
-            return 'h4';
+            return 'h3';
         case 'xs':
-            return 'h5';
+            return 'h4';
         case 'm':
         default:
             return 'h2';
@@ -62,23 +64,18 @@ function getBlockKey(block, index) {
     return `${block.type}-${index}`;
 }
 exports.getBlockKey = getBlockKey;
-const getCustomBlockTypes = ({ blocks = {}, headers = {} } = {}) => [
-    ...Object.keys(blocks),
-    ...Object.keys(headers),
-];
-exports.getCustomBlockTypes = getCustomBlockTypes;
-const getCustomItems = ({ blocks = {}, headers = {}, subBlocks = {} } = {}) => (Object.assign(Object.assign(Object.assign({}, blocks), headers), subBlocks));
-exports.getCustomItems = getCustomItems;
-const getCustomSubBlockTypes = (customBlocks = {}) => {
-    const { subBlocks = {} } = customBlocks;
-    return Object.keys(subBlocks);
+const getCustomItems = (types, customBlocks = {}) => {
+    return types.reduce((result, type) => {
+        return Object.assign(result, customBlocks[type] || {});
+    }, {});
 };
-exports.getCustomSubBlockTypes = getCustomSubBlockTypes;
-const getCustomHeaderTypes = (customBlocks = {}) => {
-    const { headers = {} } = customBlocks;
-    return Object.keys(headers);
+exports.getCustomItems = getCustomItems;
+const getCustomTypes = (types, customBlocks = {}) => {
+    return types.reduce((result, type) => {
+        return result.concat(Object.keys(customBlocks[type] || {}));
+    }, []);
 };
-exports.getCustomHeaderTypes = getCustomHeaderTypes;
+exports.getCustomTypes = getCustomTypes;
 const getShareUrlWithParams = (url, params = {}) => {
     const result = new URL(url);
     Object.entries(params).forEach(([name, value]) => {
@@ -125,3 +122,15 @@ const getShareLink = (url, type, title, text) => {
     }
 };
 exports.getShareLink = getShareLink;
+const getQaAttrubutes = (qa, ...customKeys) => {
+    const attributes = {};
+    if (qa) {
+        const keys = QA_ATTRIBUTES_KEYS.concat((0, lodash_1.flatten)(customKeys));
+        keys.forEach((key) => {
+            attributes[(0, lodash_1.camelCase)(key)] = `${qa}-${key}`;
+        });
+        attributes.default = qa;
+    }
+    return attributes;
+};
+exports.getQaAttrubutes = getQaAttrubutes;

package/build/cjs/utils/cn.d.ts

@@ -1,4 +1,4 @@
-import blockOrigin from 'bem-cn-lite';
 export declare const NAMESPACE = "pc-";
-export type CnBlock = ReturnType<typeof blockOrigin>;
-export declare function block(name: string): CnBlock;
+export declare const cn: import("@bem-react/classname").ClassNameInitilizer;
+export declare const block: import("@bem-react/classname").ClassNameInitilizer;
+export type CnBlock = ReturnType<typeof cn>;

package/build/cjs/utils/cn.js

@@ -1,10 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.block = exports.NAMESPACE = void 0;
-const tslib_1 = require("tslib");
-const bem_cn_lite_1 = tslib_1.__importDefault(require("bem-cn-lite"));
+exports.block = exports.cn = exports.NAMESPACE = void 0;
+const classname_1 = require("@bem-react/classname");
 exports.NAMESPACE = 'pc-';
-function block(name) {
-    return (0, bem_cn_lite_1.default)(`${exports.NAMESPACE}${name}`);
-}
-exports.block = block;
+exports.cn = (0, classname_1.withNaming)({ e: '__', m: '_' });
+exports.block = (0, classname_1.withNaming)({ n: exports.NAMESPACE, e: '__', m: '_' });

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { CardLayoutBlockProps as CardLayoutBlockParams, WithChildren } from '../../models';
+import { CardLayoutBlockProps as CardLayoutBlockParams, ClassNameProps, WithChildren } from '../../models';
 import './CardLayout.css';
-export type CardLayoutBlockProps = WithChildren<Omit<CardLayoutBlockParams, 'children'>>;
+export type CardLayoutBlockProps = WithChildren<Omit<CardLayoutBlockParams, 'children'>> & ClassNameProps;
 declare const CardLayout: React.FC<CardLayoutBlockProps>;
 export default CardLayout;

package/build/esm/blocks/CardLayout/CardLayout.js

@@ -9,7 +9,7 @@ const DEFAULT_SIZES = {
     md: 4,
 };
 const b = block('card-layout-block');
-const CardLayout = ({ title, description, animated, colSizes = DEFAULT_SIZES, children, }) => (React.createElement(AnimateBlock, { className: b(), animate: animated },
+const CardLayout = ({ title, description, animated, colSizes = DEFAULT_SIZES, children, className, }) => (React.createElement(AnimateBlock, { className: b(null, className), animate: animated },
     (title || description) && React.createElement(Title, { title: title, subtitle: description }),
     React.createElement(Row, null, React.Children.map(children, (child, index) => (React.createElement(Col, { key: index, sizes: colSizes, className: b('item') }, child))))));
 export default CardLayout;

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

@@ -15,6 +15,25 @@ export declare const ContentLayoutBlock: {
                         type: string;
                         pattern: string;
                     };
+                    style: {
+                        type: string;
+                        additionalProperties: boolean;
+                        required: never[];
+                        properties: {
+                            backgroundColor: {
+                                type: string;
+                            };
+                            height: {
+                                type: string[];
+                            };
+                            width: {
+                                type: string[];
+                            };
+                            color: {
+                                type: string;
+                            };
+                        };
+                    };
                     alt: {
                         type: string;
                         contentType: string;
@@ -153,6 +172,25 @@ export declare const ContentLayoutBlock: {
                             type: string;
                             pattern: string;
                         };
+                        style: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: never[];
+                            properties: {
+                                backgroundColor: {
+                                    type: string;
+                                };
+                                height: {
+                                    type: string[];
+                                };
+                                width: {
+                                    type: string[];
+                                };
+                                color: {
+                                    type: string;
+                                };
+                            };
+                        };
                         alt: {
                             type: string;
                             contentType: string;

package/build/esm/blocks/ExtendedFeatures/ExtendedFeatures.js

@@ -15,6 +15,7 @@ const DEFAULT_SIZES = {
 };
 export const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_SIZES, animated, }) => {
     const theme = useTheme();
+    const itemTitleHeadingTag = title ? 'h3' : 'h2';
     return (React.createElement(AnimateBlock, { className: b(), animate: animated },
         React.createElement(Title, { title: title, subtitle: description, className: b('header') }),
         React.createElement("div", { className: b('items') },
@@ -28,9 +29,12 @@ export const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DE
                 return (React.createElement(Col, { className: b('item'), key: text || itemTitle, sizes: colSizes },
                     iconData && React.createElement(Image, Object.assign({}, iconData, { className: b('icon') })),
                     React.createElement("div", { className: b('container') },
-                        itemTitle && (React.createElement("h5", { className: b('item-title') },
-                            React.createElement(HTML, null, itemTitle),
-                            label && (React.createElement("span", { className: b('item-label') }, label)))),
+                        itemTitle &&
+                            React.createElement(itemTitleHeadingTag, {
+                                className: b('item-title'),
+                            }, React.createElement(React.Fragment, null,
+                                React.createElement(HTML, null, itemTitle),
+                                label && (React.createElement("span", { className: b('item-label') }, label)))),
                         React.createElement(Content, { text: text, links: itemLinks, size: "s", colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo }))));
             })))));
 };

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

@@ -75,10 +75,6 @@ unpredictable css rules order in build */
 }
 .pc-header-block__description {
   margin-top: 16px;
-  font-weight: normal;
-  font-size: var(--g-text-caption-2-font-size);
-  line-height: var(--g-text-caption-2-line-height);
-  margin-block-end: var(--g-text-body-1-line-height);
 }
 .pc-header-block__description .yfm,
 .pc-header-block__description .yfm * {
@@ -170,9 +166,7 @@ unpredictable css rules order in build */
 .pc-header-block__overtitle {
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);
-  margin-block-start: var(--g-text-body-3-line-height);
   margin-bottom: 8px;
-  font-weight: 400;
 }
 .pc-header-block__overtitle a {
   outline: none;

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

@@ -1,6 +1,7 @@
-import React, { Fragment, useContext } from 'react';
+import React, { Fragment, useCallback, useContext } from 'react';
 import { Image, Title } from '../../components';
 import { LocationContext } from '../../context/locationContext';
+import { useAnalytics } from '../../hooks';
 import { block, getLinkProps } from '../../utils';
 import './Icons.css';
 const b = block('icons-block');
@@ -9,11 +10,16 @@ const getItemContent = (item) => (React.createElement(Fragment, null,
     React.createElement("p", { className: b('text') }, item.text)));
 const Icons = ({ title, size = 's', items }) => {
     const { hostname } = useContext(LocationContext);
+    const handleAnalytics = useAnalytics();
+    const onClick = useCallback(({ analyticsEvents, url }) => {
+        handleAnalytics(analyticsEvents, { url });
+    }, [handleAnalytics]);
     return (React.createElement("div", { className: b({ size }) },
         title && React.createElement(Title, { className: b('header'), title: title, colSizes: { all: 12 } }),
         items.map((item) => {
             const itemContent = getItemContent(item);
-            return item.url ? (React.createElement("a", Object.assign({ className: b('item'), key: item.url, href: item.url }, getLinkProps(item.url, hostname)), itemContent)) : (React.createElement("div", { className: b('item'), key: item.url }, itemContent));
+            const { url, text } = item;
+            return url ? (React.createElement("a", Object.assign({ className: b('item'), key: url, href: url, "aria-label": text, title: text }, getLinkProps(url, hostname), { onClick: () => onClick(item) }), itemContent)) : (React.createElement("div", { className: b('item'), key: url }, itemContent));
         })));
 };
 export default Icons;

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

@@ -29,6 +29,87 @@ export declare const IconsProps: {
                         type: string;
                     };
                 };
+                analyticsEvents: {
+                    oneOf: ({
+                        optionName: string;
+                        type: string;
+                        additionalProperties: {
+                            type: string;
+                        };
+                        required: string[];
+                        properties: {
+                            name: {
+                                type: string;
+                            };
+                            type: {
+                                type: string;
+                            };
+                            counters: {
+                                type: string;
+                                additionalProperties: boolean;
+                                required: never[];
+                                properties: {
+                                    include: {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                        };
+                                    };
+                                    exclude: {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                        };
+                                    };
+                                };
+                            };
+                            context: {
+                                type: string;
+                            };
+                        };
+                        items?: undefined;
+                    } | {
+                        type: string;
+                        items: {
+                            type: string;
+                            additionalProperties: {
+                                type: string;
+                            };
+                            required: string[];
+                            properties: {
+                                name: {
+                                    type: string;
+                                };
+                                type: {
+                                    type: string;
+                                };
+                                counters: {
+                                    type: string;
+                                    additionalProperties: boolean;
+                                    required: never[];
+                                    properties: {
+                                        include: {
+                                            type: string;
+                                            items: {
+                                                type: string;
+                                            };
+                                        };
+                                        exclude: {
+                                            type: string;
+                                            items: {
+                                                type: string;
+                                            };
+                                        };
+                                    };
+                                };
+                                context: {
+                                    type: string;
+                                };
+                            };
+                        };
+                        optionName: string;
+                    })[];
+                };
             };
         };
         animated: {
@@ -96,6 +177,87 @@ export declare const IconsBlock: {
                             type: string;
                         };
                     };
+                    analyticsEvents: {
+                        oneOf: ({
+                            optionName: string;
+                            type: string;
+                            additionalProperties: {
+                                type: string;
+                            };
+                            required: string[];
+                            properties: {
+                                name: {
+                                    type: string;
+                                };
+                                type: {
+                                    type: string;
+                                };
+                                counters: {
+                                    type: string;
+                                    additionalProperties: boolean;
+                                    required: never[];
+                                    properties: {
+                                        include: {
+                                            type: string;
+                                            items: {
+                                                type: string;
+                                            };
+                                        };
+                                        exclude: {
+                                            type: string;
+                                            items: {
+                                                type: string;
+                                            };
+                                        };
+                                    };
+                                };
+                                context: {
+                                    type: string;
+                                };
+                            };
+                            items?: undefined;
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                additionalProperties: {
+                                    type: string;
+                                };
+                                required: string[];
+                                properties: {
+                                    name: {
+                                        type: string;
+                                    };
+                                    type: {
+                                        type: string;
+                                    };
+                                    counters: {
+                                        type: string;
+                                        additionalProperties: boolean;
+                                        required: never[];
+                                        properties: {
+                                            include: {
+                                                type: string;
+                                                items: {
+                                                    type: string;
+                                                };
+                                            };
+                                            exclude: {
+                                                type: string;
+                                                items: {
+                                                    type: string;
+                                                };
+                                            };
+                                        };
+                                    };
+                                    context: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            optionName: string;
+                        })[];
+                    };
                 };
             };
             animated: {

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

@@ -1,4 +1,5 @@
 import { AnimatableProps, BlockBaseProps } from '../../schema/validators/common';
+import { AnalyticsEventSchema } from '../../schema/validators/event';
 export const IconsProps = {
     additionalProperties: false,
     required: ['size', 'items'],
@@ -27,6 +28,16 @@ export const IconsProps = {
                         type: 'string',
                     },
                 },
+                analyticsEvents: {
+                    oneOf: [
+                        Object.assign(Object.assign({}, AnalyticsEventSchema), { optionName: 'single' }),
+                        {
+                            type: 'array',
+                            items: AnalyticsEventSchema,
+                            optionName: 'list',
+                        },
+                    ],
+                },
             },
         } }),
 };

package/build/esm/blocks/PromoFeaturesBlock/PromoFeaturesBlock.js

@@ -28,7 +28,7 @@ const PromoFeaturesBlock = (props) => {
                     [themeMod]: Boolean(themeMod),
                 }) },
                 React.createElement("div", { className: b('card-info') },
-                    React.createElement("h4", { className: b('card-title') }, cardTitle),
+                    React.createElement("h3", { className: b('card-title') }, cardTitle),
                     React.createElement("div", { className: b('card-text') },
                         React.createElement(YFMWrapper, { content: text, modifiers: { constructor: true } }))),
                 media && React.createElement(Media, Object.assign({ className: b('card-media') }, media))));

package/build/esm/blocks/Questions/QuestionBlockItem/QuestionBlockItem.css

@@ -0,0 +1,50 @@
+.pc-QuestionsBlockItem__title {
+  margin: 0;
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-QuestionsBlockItem {
+  padding-bottom: 32px;
+  border-bottom: 1px solid var(--g-color-line-generic);
+}
+.pc-QuestionsBlockItem + .pc-QuestionsBlockItem {
+  padding-top: 32px;
+}
+.pc-QuestionsBlockItem__title {
+  font-size: var(--g-text-header-1-font-size);
+  line-height: var(--g-text-header-1-line-height);
+  color: var(--pc-text-header-color);
+  font-weight: var(--g-text-accent-font-weight);
+  position: relative;
+  padding-right: 24px;
+  cursor: pointer;
+}
+.pc-QuestionsBlockItem__title a {
+  outline: none;
+  color: var(--g-color-text-link);
+  text-decoration: none;
+  cursor: pointer;
+}
+.utilityfocus .pc-QuestionsBlockItem__title a:focus {
+  outline: 2px solid #ffdb4d;
+}
+.pc-QuestionsBlockItem__title a:hover, .pc-QuestionsBlockItem__title a:active {
+  --pc-text-header-color: var(--g-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
+}
+.pc-QuestionsBlockItem__arrow {
+  position: absolute;
+  right: 0;
+  top: 0;
+  color: var(--g-color-text-primary);
+}
+.pc-QuestionsBlockItem__link {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+}
+.pc-QuestionsBlockItem__text {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+  margin-top: 12px;
+}

package/build/esm/blocks/Questions/QuestionBlockItem/QuestionBlockItem.d.ts

@@ -0,0 +1,3 @@
+import { QuestionBlockItemProps } from '../../../models';
+import './QuestionBlockItem.css';
+export declare const QuestionBlockItem: ({ title: itemTitle, text: itemText, link, listStyle, isOpened, onClick, }: QuestionBlockItemProps) => JSX.Element;

package/build/esm/blocks/Questions/QuestionBlockItem/QuestionBlockItem.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { useActionHandlers } from '@gravity-ui/uikit';
+import { Foldable, HTML, ToggleArrow, YFMWrapper } from '../../../components';
+import Link from '../../../components/Link/Link';
+import { block } from '../../../utils';
+import { FaqMicrodataValues } from '../models';
+import './QuestionBlockItem.css';
+const b = block('QuestionsBlockItem');
+export const QuestionBlockItem = ({ title: itemTitle, text: itemText, link, listStyle = 'dash', isOpened, onClick, }) => {
+    const { onKeyDown } = useActionHandlers(onClick);
+    return (React.createElement("div", { className: b(), itemScope: true, itemProp: FaqMicrodataValues.QuestionProp, itemType: FaqMicrodataValues.QuestionType, role: 'listitem' },
+        React.createElement("h3", { className: b('title'), onClick: onClick, "aria-expanded": isOpened, role: 'button', tabIndex: 0, onKeyDown: onKeyDown },
+            React.createElement(HTML, { itemProp: FaqMicrodataValues.QuestionNameProp }, itemTitle),
+            React.createElement(ToggleArrow, { open: isOpened, size: 16, type: 'vertical', iconType: "navigation", className: b('arrow') })),
+        React.createElement(Foldable, { isOpened: isOpened },
+            React.createElement("div", { className: b('text'), itemScope: true, itemProp: FaqMicrodataValues.AnswerProp, itemType: FaqMicrodataValues.AnswerType, "aria-hidden": !isOpened },
+                React.createElement(YFMWrapper, { content: itemText, modifiers: {
+                        constructor: true,
+                        constructorListStyle: true,
+                        constructorListStyleDash: listStyle === 'dash',
+                    }, itemProp: FaqMicrodataValues.QuestionTextProp }),
+                link && React.createElement(Link, Object.assign({}, link, { tabIndex: isOpened ? 0 : -1, className: b('link') }))))));
+};