@gravity-ui/page-constructor 4.9.1-alpha.0 → 4.11.0

package/build/esm/sub-blocks/LayoutItem/schema.d.ts

@@ -318,6 +318,87 @@ export declare const LayoutItem: {
         fullscreen: {
             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;
+            })[];
+        };
         type: {};
         when: {
             type: string;

package/build/esm/sub-blocks/LayoutItem/schema.js

@@ -1,6 +1,7 @@
 import { omit } from 'lodash';
 import metaInfo from '../../components/MetaInfo/schema';
 import { BaseProps, MediaProps } from '../../schema/validators/common';
+import { AnalyticsEventSchema } from '../../schema/validators/event';
 import { ContentBase } from '../../sub-blocks/Content/schema';
 export const LayoutItem = {
     type: 'object',
@@ -10,5 +11,14 @@ export const LayoutItem = {
             type: 'boolean',
         }, fullscreen: {
             type: 'boolean',
+        }, analyticsEvents: {
+            oneOf: [
+                Object.assign(Object.assign({}, AnalyticsEventSchema), { optionName: 'single' }),
+                {
+                    type: 'array',
+                    items: AnalyticsEventSchema,
+                    optionName: 'list',
+                },
+            ],
         } }),
 };

package/build/esm/sub-blocks/MediaCard/MediaCard.d.ts

@@ -1,4 +1,4 @@
 import { MediaCardProps } from '../../models';
 import './MediaCard.css';
-declare const MediaCard: ({ border, ...mediaProps }: MediaCardProps) => JSX.Element;
+declare const MediaCard: ({ border, analyticsEvents, ...mediaProps }: MediaCardProps) => JSX.Element;
 export default MediaCard;

package/build/esm/sub-blocks/MediaCard/MediaCard.js

@@ -5,8 +5,8 @@ import { block } from '../../utils';
 import './MediaCard.css';
 const b = block('MediaCard');
 const MediaCard = (_a) => {
-    var { border } = _a, mediaProps = __rest(_a, ["border"]);
-    return (React.createElement(CardBase, { className: b(), bodyClassName: b('body'), border: border },
+    var { border, analyticsEvents } = _a, mediaProps = __rest(_a, ["border", "analyticsEvents"]);
+    return (React.createElement(CardBase, { className: b(), bodyClassName: b('body'), border: border, analyticsEvents: analyticsEvents },
         React.createElement(CardBase.Content, null,
             React.createElement(Media, Object.assign({}, mediaProps)))));
 };

package/build/esm/sub-blocks/MediaCard/schema.d.ts

@@ -3,6 +3,87 @@ export declare const MediaCardBlock: {
         additionalProperties: boolean;
         required: never[];
         properties: {
+            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: {
                 type: string;
             };
@@ -147,84 +228,6 @@ export declare const MediaCardBlock: {
             fullscreen: {
                 type: string;
             };
-            analyticsEvents: {
-                anyOf: ({
-                    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;
-                        };
-                    };
-                } | {
-                    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;
-                            };
-                        };
-                    };
-                })[];
-            };
             border: {
                 type: string;
                 enum: string[];

package/build/esm/sub-blocks/MediaCard/schema.js

@@ -1,8 +1,18 @@
 import { AnimatableProps, BaseProps, CardBase, MediaProps } from '../../schema/validators/common';
+import { AnalyticsEventSchema } from '../../schema/validators/event';
 export const MediaCardBlock = {
     'media-card': {
         additionalProperties: false,
         required: [],
-        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BaseProps), CardBase), MediaProps), AnimatableProps),
+        properties: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, BaseProps), CardBase), MediaProps), AnimatableProps), { analyticsEvents: {
+                oneOf: [
+                    Object.assign(Object.assign({}, AnalyticsEventSchema), { optionName: 'single' }),
+                    {
+                        type: 'array',
+                        items: AnalyticsEventSchema,
+                        optionName: 'list',
+                    },
+                ],
+            } }),
     },
 };

package/build/esm/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { CardBorder, PriceDescriptionProps, PriceDetailsListProps, PriceDetailsSettingsProps, PriceItemProps } from '../../../models';
+import { AnalyticsEventsBase, CardBorder, PriceDescriptionProps, PriceDetailsListProps, PriceDetailsSettingsProps, PriceItemProps } from '../../../models';
 import './CombinedPriceDetailed.css';
-interface CombinedPriceDetailedProps {
+interface CombinedPriceDetailedProps extends AnalyticsEventsBase {
     items: PriceItemProps[];
     numberGroupItems: number;
     useMixedView?: boolean;

package/build/esm/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.js

@@ -12,7 +12,7 @@ const CombinedPricesGroupSize = {
     [GridColumnSize.Lg]: 3,
 };
 const CombinedPriceDetailed = (props) => {
-    const { items, numberGroupItems, border, useMixedView, getDescriptionComponent, getDetailsComponent, } = props;
+    const { items, numberGroupItems, border, useMixedView, getDescriptionComponent, getDetailsComponent, analyticsEvents, } = props;
     const [groupItemsSize, setGroupItemsSize] = useState(numberGroupItems);
     const updateGroupItemsSize = useCallback((windowWidth) => {
         if (windowWidth >= BREAKPOINTS.lg) {
@@ -49,7 +49,7 @@ const CombinedPriceDetailed = (props) => {
             React.createElement("div", { className: b('description', { delimiter: useMixedView }) }, detailsComponents)));
     };
     const chunkedItems = _.chunk(items, groupItemsSize);
-    return (React.createElement(CardBase, { className: b(), border: border },
+    return (React.createElement(CardBase, { className: b(), border: border, analyticsEvents: analyticsEvents },
         React.createElement(CardBase.Content, null,
             React.createElement(Grid, null, chunkedItems.map((chunk, id) => {
                 return (React.createElement(Row, { key: id, className: b('row') }, getPrice(chunk)));

package/build/esm/sub-blocks/PriceDetailed/SeparatePriceDetailed/SeparatePriceDetailed.js

@@ -1,3 +1,4 @@
+import { __rest } from "tslib";
 import React, { Fragment } from 'react';
 import { CardBase } from '../../../components';
 import { block } from '../../../utils';
@@ -5,9 +6,12 @@ import './SeparatePriceDetailed.css';
 const b = block('separate-price-detailed-block');
 const SeparatePriceDetailed = (props) => {
     const { items, border, getDescriptionComponent, getDetailsComponent } = props;
-    return (React.createElement(Fragment, null, items.map((item, id) => (React.createElement(CardBase, { key: id, className: b(), border: border },
-        React.createElement(CardBase.Content, null,
-            getDescriptionComponent(item),
-            getDetailsComponent(item.items)))))));
+    return (React.createElement(Fragment, null, items.map((_a, id) => {
+        var { analyticsEvents } = _a, item = __rest(_a, ["analyticsEvents"]);
+        return (React.createElement(CardBase, { key: id, className: b(), border: border, analyticsEvents: analyticsEvents },
+            React.createElement(CardBase.Content, null,
+                getDescriptionComponent(item),
+                getDetailsComponent(item.items))));
+    })));
 };
 export default SeparatePriceDetailed;

package/build/esm/sub-blocks/PriceDetailed/schema.js

@@ -1,4 +1,5 @@
 import { AnimatableProps, BaseProps, textSize } from '../../schema/validators/common';
+import { AnalyticsEventSchema } from '../../schema/validators/event';
 import { filteredArray } from '../../schema/validators/utils';
 const PriceDetailedDetailsType = ['marked-list', 'settings'];
 const PriceDetailedDescriptionColor = ['cornflower', 'black'];
@@ -134,7 +135,16 @@ const PriceItem = {
     type: 'object',
     additionalProperties: false,
     required: ['title', 'description'],
-    properties: Object.assign(Object.assign({}, PriceDetailsProps), PriceDescriptionProps),
+    properties: Object.assign(Object.assign(Object.assign({}, PriceDetailsProps), PriceDescriptionProps), { analyticsEvents: {
+            oneOf: [
+                Object.assign(Object.assign({}, AnalyticsEventSchema), { optionName: 'single' }),
+                {
+                    type: 'array',
+                    items: AnalyticsEventSchema,
+                    optionName: 'list',
+                },
+            ],
+        } }),
 };
 export const PriceDetailedBlock = {
     'price-detailed': {

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

@@ -1,14 +1,13 @@
-import { MarkdownItPluginCb } from '@doc-tools/transform/lib/plugins/typings';
 import { Lang } from '../utils/configure';
 export type ComplexItem = {
     [key: string]: string;
 };
 export type Item = string | null | ComplexItem;
 export type Transformer = (text: string) => string;
-export type TransformerRaw = (lang: Lang, content: string, additionalPlugins: MarkdownItPluginCb[]) => string;
+export type TransformerRaw = (lang: Lang, content: string) => 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;
 } | null)[];
-export declare function yfmTransformer(lang: Lang, content: string, additionalPlugins?: MarkdownItPluginCb[]): string;
+export declare function yfmTransformer(lang: Lang, content: string): string;
 export declare function typografTransformer(lang: Lang, content: string): string;

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

@@ -1,4 +1,3 @@
-import defaultPlugins from '@doc-tools/transform/lib/plugins';
 import { fullTransform, typografToHTML } from './utils';
 export const createItemsParser = (fields) => (transformer, items) => items.map((item) => {
     if (!item) {
@@ -17,11 +16,8 @@ export const createItemsParser = (fields) => (transformer, items) => items.map((
         }, {}));
     }
 });
-export function yfmTransformer(lang, content, additionalPlugins = []) {
-    const { html } = fullTransform(content, {
-        lang,
-        plugins: [...defaultPlugins, ...additionalPlugins],
-    });
+export function yfmTransformer(lang, content) {
+    const { html } = fullTransform(content, { lang });
     return html;
 }
 export function typografTransformer(lang, content) {

package/build/esm/text-transform/transformers.d.ts

@@ -1,4 +1,3 @@
-import { MarkdownItPluginCb } from '@doc-tools/transform/lib/plugins/typings';
 import { ConstructorBlock } from '../models/constructor';
 import { Lang } from '../utils/configure';
 export type ContentVariables = Record<string, string>;
@@ -10,7 +9,6 @@ export type ContentTransformerProps = {
         lang: Lang;
         customConfig?: {};
         vars?: ContentVariables;
-        additionalPlugins?: MarkdownItPluginCb[];
     };
 };
 export declare const contentTransformer: ({ content, options }: ContentTransformerProps) => {

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

@@ -1,12 +1,14 @@
+/* eslint-disable no-param-reassign */
+/* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
 import _ from 'lodash';
 import { config } from './config';
 import { filterContent } from './filter';
-function transformBlocks(blocks, lang, customConfig = {}, additionalPlugins = []) {
+function transformBlocks(blocks, lang, customConfig = {}) {
     const fullConfig = Object.assign(Object.assign({}, config), customConfig);
     const clonedBlocks = _.cloneDeep(blocks);
-    return clonedBlocks.map((block) => transformBlock(lang, fullConfig, block, additionalPlugins));
+    return clonedBlocks.map((block) => transformBlock(lang, fullConfig, block));
 }
-function transformBlock(lang, blocksConfig, block, additionalPlugins) {
+function transformBlock(lang, blocksConfig, block) {
     const blockConfig = blocksConfig[block.type];
     if (block) {
         if ('randomOrder' in block && block.randomOrder && 'children' in block && block.children) {
@@ -17,7 +19,7 @@ function transformBlock(lang, blocksConfig, block, additionalPlugins) {
         const configs = Array.isArray(blockConfig) ? blockConfig : [blockConfig];
         configs.forEach((transformConfig) => {
             const { fields, transformer: transformerRaw, parser } = transformConfig;
-            const transformer = (content) => transformerRaw(lang, content, additionalPlugins);
+            const transformer = transformerRaw.bind(null, lang);
             if (fields) {
                 fields.forEach((field) => {
                     if (block[field]) {
@@ -41,9 +43,9 @@ function transformBlock(lang, blocksConfig, block, additionalPlugins) {
     return block;
 }
 export const contentTransformer = ({ content, options }) => {
-    const { lang, customConfig = {}, vars, additionalPlugins = [] } = options;
+    const { lang, customConfig = {}, vars } = options;
     const { blocks = [] } = (vars ? filterContent(content, vars) : content);
-    const transformedBlocks = transformBlocks(blocks, lang, customConfig, additionalPlugins);
+    const transformedBlocks = transformBlocks(blocks, lang, customConfig);
     return {
         blocks: transformedBlocks,
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "4.9.1-alpha.0",
+  "version": "4.11.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {

package/server/models/constructor-items/blocks.d.ts

@@ -32,6 +32,7 @@ export interface Childable {
 export interface BlockBaseProps {
     anchor?: AnchorProps;
     visible?: GridColumnSize;
+    /** @deprecated */
     resetPaddings?: boolean;
     qa?: string;
 }

package/server/models/constructor-items/common.d.ts

@@ -287,7 +287,7 @@ export interface PriceDetailsListProps {
 export interface PriceDetailsProps {
     items?: PriceDetailsSettingsProps[] | PriceDetailsListProps[];
 }
-export interface PriceItemProps extends PriceDetailsProps, PriceDescriptionProps {
+export interface PriceItemProps extends PriceDetailsProps, PriceDescriptionProps, AnalyticsEventsBase {
 }
 export interface PriceFoldableDetailsProps {
     title: string;

package/server/models/constructor-items/sub-blocks.d.ts

@@ -71,13 +71,13 @@ export interface QuoteProps extends Themable, CardBaseProps {
     buttonText?: string;
     theme?: TextTheme;
 }
-export interface BackgroundCardProps extends CardBaseProps, Omit<ContentBlockProps, 'colSizes' | 'centered'> {
+export interface BackgroundCardProps extends CardBaseProps, AnalyticsEventsBase, Omit<ContentBlockProps, 'colSizes' | 'centered'> {
     url?: string;
     background?: ThemeSupporting<ImageObjectProps>;
     paddingBottom?: 's' | 'm' | 'l' | 'xl';
     backgroundColor?: string;
 }
-export interface BasicCardProps extends CardBaseProps, Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size' | 'theme'> {
+export interface BasicCardProps extends CardBaseProps, AnalyticsEventsBase, Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size' | 'theme'> {
     url: string;
     icon?: ImageProps;
     target?: string;
@@ -92,9 +92,9 @@ export interface BannerCardProps {
     theme?: TextTheme;
     button: Pick<ButtonProps, 'text' | 'url' | 'target'>;
 }
-export interface MediaCardProps extends MediaProps, CardBaseProps {
+export interface MediaCardProps extends MediaProps, AnalyticsEventsBase, CardBaseProps {
 }
-export interface LayoutItemProps extends ClassNameProps {
+export interface LayoutItemProps extends ClassNameProps, AnalyticsEventsBase {
     content: Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size'>;
     media: MediaProps;
     metaInfo?: string[];

package/server/models/constructor.d.ts

@@ -6,7 +6,12 @@ export interface PageData {
 export interface Menu {
     title: string;
 }
-export type ConstructorBlock = ConstructorItem | CustomBlock;
+export type ConstructorBlock = (ConstructorItem | CustomBlock) & {
+    indent?: {
+        top?: string;
+        bottom?: string;
+    };
+};
 export interface PageContent extends Animatable {
     blocks: ConstructorBlock[];
     menu?: Menu;

package/server/text-transform/common.d.ts

@@ -1,14 +1,13 @@
-import { MarkdownItPluginCb } from '@doc-tools/transform/lib/plugins/typings';
 import { Lang } from '../utils/configure';
 export type ComplexItem = {
     [key: string]: string;
 };
 export type Item = string | null | ComplexItem;
 export type Transformer = (text: string) => string;
-export type TransformerRaw = (lang: Lang, content: string, additionalPlugins: MarkdownItPluginCb[]) => string;
+export type TransformerRaw = (lang: Lang, content: string) => 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;
 } | null)[];
-export declare function yfmTransformer(lang: Lang, content: string, additionalPlugins?: MarkdownItPluginCb[]): string;
+export declare function yfmTransformer(lang: Lang, content: string): string;
 export declare function typografTransformer(lang: Lang, content: string): string;

package/server/text-transform/common.js

@@ -1,10 +1,6 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.typografTransformer = exports.yfmTransformer = exports.createItemsParser = void 0;
-const plugins_1 = __importDefault(require("@doc-tools/transform/lib/plugins"));
 const utils_1 = require("./utils");
 const createItemsParser = (fields) => (transformer, items) => items.map((item) => {
     if (!item) {
@@ -24,11 +20,8 @@ const createItemsParser = (fields) => (transformer, items) => items.map((item) =
     }
 });
 exports.createItemsParser = createItemsParser;
-function yfmTransformer(lang, content, additionalPlugins = []) {
-    const { html } = (0, utils_1.fullTransform)(content, {
-        lang,
-        plugins: [...plugins_1.default, ...additionalPlugins],
-    });
+function yfmTransformer(lang, content) {
+    const { html } = (0, utils_1.fullTransform)(content, { lang });
     return html;
 }
 exports.yfmTransformer = yfmTransformer;

package/server/text-transform/transformers.d.ts

@@ -1,4 +1,3 @@
-import { MarkdownItPluginCb } from '@doc-tools/transform/lib/plugins/typings';
 import { ConstructorBlock } from '../models/constructor';
 import { Lang } from '../utils/configure';
 export type ContentVariables = Record<string, string>;
@@ -10,7 +9,6 @@ export type ContentTransformerProps = {
         lang: Lang;
         customConfig?: {};
         vars?: ContentVariables;
-        additionalPlugins?: MarkdownItPluginCb[];
     };
 };
 export declare const contentTransformer: ({ content, options }: ContentTransformerProps) => {