@gravity-ui/page-constructor 4.51.2-alpha.0 → 4.53.0

package/build/cjs/sub-blocks/PriceCard/schema.d.ts

@@ -76,6 +76,94 @@ export declare const PriceCardBlock: {
                                 optionName: string;
                             })[];
                         };
+                        metrikaGoals: {
+                            oneOf: ({
+                                type: string;
+                                optionName: string;
+                                items?: undefined;
+                            } | {
+                                type: string;
+                                items: {
+                                    type: string;
+                                    additionalProperties?: undefined;
+                                    required?: undefined;
+                                    properties?: undefined;
+                                };
+                                optionName: string;
+                            } | {
+                                type: string;
+                                items: {
+                                    type: string;
+                                    additionalProperties: boolean;
+                                    required: string[];
+                                    properties: {
+                                        name: {
+                                            type: string;
+                                        };
+                                        isCrossSite: {
+                                            type: string;
+                                        };
+                                    };
+                                };
+                                optionName: string;
+                            })[];
+                        };
+                        pixelEvents: {
+                            type: string;
+                            items: {
+                                type: string;
+                                required: string[];
+                                additionalProperties: boolean;
+                                properties: {
+                                    name: {
+                                        type: string;
+                                        enum: import("../..").PixelEventType[];
+                                    };
+                                    data: {};
+                                };
+                                select: {
+                                    $data: string;
+                                };
+                                selectCases: {
+                                    SubmitApplication: {
+                                        additionalProperties: boolean;
+                                        properties: {
+                                            name: {};
+                                        };
+                                    };
+                                    Contact: {
+                                        additionalProperties: boolean;
+                                        properties: {
+                                            name: {};
+                                        };
+                                    };
+                                    Lead: {
+                                        additionalProperties: boolean;
+                                        properties: {
+                                            name: {};
+                                            data: {
+                                                type: string;
+                                                additionalProperties: boolean;
+                                                properties: {
+                                                    content_category: {
+                                                        type: string;
+                                                    };
+                                                    content_name: {
+                                                        type: string;
+                                                    };
+                                                    currency: {
+                                                        type: string;
+                                                    };
+                                                    value: {
+                                                        type: string;
+                                                    };
+                                                };
+                                            };
+                                        };
+                                    };
+                                };
+                            };
+                        };
                         analyticsEvents: {
                             oneOf: ({
                                 optionName: string;

package/build/cjs/sub-blocks/index.d.ts

@@ -9,3 +9,4 @@ export { default as BasicCard } from './BasicCard/BasicCard';
 export { default as Content } from './Content/Content';
 export { default as HubspotForm } from './HubspotForm';
 export { default as PriceCard } from './PriceCard/PriceCard';
+export { default as ImageCard } from './ImageCard/ImageCard';

package/build/cjs/sub-blocks/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PriceCard = exports.HubspotForm = exports.Content = exports.BasicCard = exports.BackgroundCard = exports.LayoutItem = exports.BannerCard = exports.MediaCard = exports.PriceDetailed = exports.Quote = exports.Divider = void 0;
+exports.ImageCard = exports.PriceCard = exports.HubspotForm = exports.Content = exports.BasicCard = exports.BackgroundCard = exports.LayoutItem = exports.BannerCard = exports.MediaCard = exports.PriceDetailed = exports.Quote = exports.Divider = void 0;
 var Divider_1 = require("./Divider/Divider");
 Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return __importDefault(Divider_1).default; } });
 var Quote_1 = require("./Quote/Quote");
@@ -26,3 +26,5 @@ var HubspotForm_1 = require("./HubspotForm");
 Object.defineProperty(exports, "HubspotForm", { enumerable: true, get: function () { return __importDefault(HubspotForm_1).default; } });
 var PriceCard_1 = require("./PriceCard/PriceCard");
 Object.defineProperty(exports, "PriceCard", { enumerable: true, get: function () { return __importDefault(PriceCard_1).default; } });
+var ImageCard_1 = require("./ImageCard/ImageCard");
+Object.defineProperty(exports, "ImageCard", { enumerable: true, get: function () { return __importDefault(ImageCard_1).default; } });

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

@@ -1,18 +1,18 @@
 import { MarkdownItPluginCb } from '@doc-tools/transform/lib/plugins/typings';
-import { Lang } from '@gravity-ui/uikit';
+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, options: {
+export type TransformerRaw = (lang: Lang, content: string, options: {
     plugins: MarkdownItPluginCb[];
 }) => 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, options?: {
+export declare function yfmTransformer(lang: Lang, content: string, options?: {
     plugins?: MarkdownItPluginCb[];
 }): string;
-export declare function typografTransformer(lang: `${Lang}`, content: string): string;
+export declare function typografTransformer(lang: Lang, content: string): string;

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

@@ -1,13 +1,13 @@
 import { MarkdownItPluginCb } from '@doc-tools/transform/lib/plugins/typings';
-import { Lang } from '@gravity-ui/uikit';
 import { ConstructorBlock } from '../models/constructor';
+import { Lang } from '../utils/configure';
 export type ContentVariables = Record<string, string>;
 export type ContentTransformerProps = {
     content: {
         blocks?: ConstructorBlock[];
     };
     options: {
-        lang: `${Lang}`;
+        lang: Lang;
         customConfig?: {};
         vars?: ContentVariables;
         plugins?: MarkdownItPluginCb[];

package/build/cjs/text-transform/utils.d.ts

@@ -1,13 +1,13 @@
 import { Options, Output } from '@doc-tools/transform';
-import { Lang } from '@gravity-ui/uikit';
 import sanitize from 'sanitize-html';
+import { Lang } from '../utils/configure';
 import AddRuleOptions = typograf.AddRuleOptions;
 export declare enum TransformType {
     Text = "text",
     Html = "html"
 }
 interface TransformOptions extends Options {
-    lang: `${Lang}`;
+    lang: Lang;
 }
 export declare const DEFAULT_ALLOWED_TAGS: string[];
 export declare const typografConfig: {
@@ -16,16 +16,16 @@ export declare const typografConfig: {
 };
 export declare const sanitizeStripOptions: sanitize.IOptions;
 export declare function addTypografRules(options: AddRuleOptions[]): void;
-export declare function typograf(text: string, lang?: `${Lang}`): string;
+export declare function typograf(text: string, lang?: Lang): string;
 export declare function sanitizeHtml(html: string, options?: sanitize.IOptions): string;
-export declare function typografToHTML(text: string, lang: `${Lang}`, allowedTags?: string[]): string;
-export declare function typografToText(text: string, lang: `${Lang}`): string;
+export declare function typografToHTML(text: string, lang: Lang, allowedTags?: string[]): string;
+export declare function typografToText(text: string, lang: Lang): string;
 export declare const transformMarkdown: (input: string, options: TransformOptions) => Output['result'];
 export declare function fullTransform(input: string, { lang, ...options }: TransformOptions): Output['result'];
 export interface TypografEntityParams {
     entity: Record<string, string>;
     fields: string[];
-    lang: `${Lang}`;
+    lang: Lang;
     transformType: TransformType;
 }
 export declare function typografEntity({ entity, fields, lang, transformType, }: TypografEntityParams): Record<string, string>;

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

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.typografEntity = exports.fullTransform = exports.transformMarkdown = exports.typografToText = exports.typografToHTML = exports.sanitizeHtml = exports.typograf = exports.addTypografRules = exports.sanitizeStripOptions = exports.typografConfig = exports.DEFAULT_ALLOWED_TAGS = exports.TransformType = void 0;
 const tslib_1 = require("tslib");
 const transform_1 = tslib_1.__importDefault(require("@doc-tools/transform"));
-const uikit_1 = require("@gravity-ui/uikit");
 const sanitize_html_1 = tslib_1.__importDefault(require("sanitize-html"));
 const typograf_1 = tslib_1.__importDefault(require("typograf"));
+const configure_1 = require("../utils/configure");
 var TransformType;
 (function (TransformType) {
     TransformType["Text"] = "text";
@@ -48,10 +48,10 @@ function enableRules(tp) {
     enabled.forEach((rule) => tp.enableRule(rule));
     disabled.forEach((rule) => tp.disableRule(rule));
 }
-function typograf(text, lang = uikit_1.Lang.Ru) {
+function typograf(text, lang = configure_1.Lang.Ru) {
     const localeByLang = {
-        [uikit_1.Lang.Ru]: ['ru', 'en-US'],
-        [uikit_1.Lang.En]: ['en-US', 'ru'],
+        [configure_1.Lang.Ru]: ['ru', 'en-US'],
+        [configure_1.Lang.En]: ['en-US', 'ru'],
     };
     const tp = new typograf_1.default({
         locale: localeByLang[lang],
@@ -85,7 +85,7 @@ function fullTransform(input, _a) {
     return Object.assign(Object.assign({}, result), { html: typograf(html, lang), title: title && typograf(title, lang) });
 }
 exports.fullTransform = fullTransform;
-function typografEntity({ entity, fields, lang = uikit_1.Lang.Ru, transformType = TransformType.Text, }) {
+function typografEntity({ entity, fields, lang = configure_1.Lang.Ru, transformType = TransformType.Text, }) {
     const transformTypeMap = {
         text: typografToText,
         html: typografToHTML,

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

@@ -0,0 +1,12 @@
+export declare enum Lang {
+    Ru = "ru",
+    En = "en"
+}
+interface Config {
+    lang?: Lang;
+}
+type Subscriber = (config: Config) => void;
+export declare const configure: (newConfig: Config) => void;
+export declare const subscribeConfigure: (sub: Subscriber) => () => void;
+export declare const getConfig: () => Config;
+export {};

package/build/cjs/utils/configure.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getConfig = exports.subscribeConfigure = exports.configure = exports.Lang = void 0;
+var Lang;
+(function (Lang) {
+    Lang["Ru"] = "ru";
+    Lang["En"] = "en";
+})(Lang = exports.Lang || (exports.Lang = {}));
+let subs = [];
+const config = {};
+const configure = (newConfig) => {
+    Object.assign(config, newConfig);
+    subs.forEach((sub) => {
+        sub(config);
+    });
+};
+exports.configure = configure;
+const subscribeConfigure = (sub) => {
+    subs.push(sub);
+    return () => {
+        subs = subs.filter((item) => item !== sub);
+    };
+};
+exports.subscribeConfigure = subscribeConfigure;
+const getConfig = () => config;
+exports.getConfig = getConfig;

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

@@ -5,5 +5,6 @@ export * from './url';
 export * from './cn';
 export * from './url';
 export * from './theme';
+export { Lang, configure } from './configure';
 export type { HubspotEventData, HubspotEventHandlers, HubspotEventName } from './hubspot';
 export { isHubspotEventData } from './hubspot';

package/build/cjs/utils/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isHubspotEventData = void 0;
+exports.isHubspotEventData = exports.configure = exports.Lang = void 0;
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./common"), exports);
 tslib_1.__exportStar(require("./analytics"), exports);
@@ -9,5 +9,8 @@ tslib_1.__exportStar(require("./url"), exports);
 tslib_1.__exportStar(require("./cn"), exports);
 tslib_1.__exportStar(require("./url"), exports);
 tslib_1.__exportStar(require("./theme"), exports);
+var configure_1 = require("./configure");
+Object.defineProperty(exports, "Lang", { enumerable: true, get: function () { return configure_1.Lang; } });
+Object.defineProperty(exports, "configure", { enumerable: true, get: function () { return configure_1.configure; } });
 var hubspot_1 = require("./hubspot");
 Object.defineProperty(exports, "isHubspotEventData", { enumerable: true, get: function () { return hubspot_1.isHubspotEventData; } });

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

@@ -0,0 +1,5 @@
+import { i18n } from '../i18n';
+import { Lang } from './configure';
+type KeysData = Parameters<typeof i18n.registerKeyset>[2];
+export declare function registerKeyset<T extends KeysData>(data: Record<Lang, T>, keysetName: string): (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export {};

package/build/cjs/utils/registerKeyset.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerKeyset = void 0;
+const i18n_1 = require("../i18n");
+function registerKeyset(data, keysetName) {
+    Object.entries(data).forEach(([lang, keys]) => i18n_1.i18n.registerKeyset(lang, keysetName, keys));
+    return i18n_1.i18n.keyset(keysetName);
+}
+exports.registerKeyset = registerKeyset;

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

@@ -103,6 +103,94 @@ export declare const BannerCardProps: {
                         optionName: string;
                     })[];
                 };
+                metrikaGoals: {
+                    oneOf: ({
+                        type: string;
+                        optionName: string;
+                        items?: undefined;
+                    } | {
+                        type: string;
+                        items: {
+                            type: string;
+                            additionalProperties?: undefined;
+                            required?: undefined;
+                            properties?: undefined;
+                        };
+                        optionName: string;
+                    } | {
+                        type: string;
+                        items: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: string[];
+                            properties: {
+                                name: {
+                                    type: string;
+                                };
+                                isCrossSite: {
+                                    type: string;
+                                };
+                            };
+                        };
+                        optionName: string;
+                    })[];
+                };
+                pixelEvents: {
+                    type: string;
+                    items: {
+                        type: string;
+                        required: string[];
+                        additionalProperties: boolean;
+                        properties: {
+                            name: {
+                                type: string;
+                                enum: import("../..").PixelEventType[];
+                            };
+                            data: {};
+                        };
+                        select: {
+                            $data: string;
+                        };
+                        selectCases: {
+                            SubmitApplication: {
+                                additionalProperties: boolean;
+                                properties: {
+                                    name: {};
+                                };
+                            };
+                            Contact: {
+                                additionalProperties: boolean;
+                                properties: {
+                                    name: {};
+                                };
+                            };
+                            Lead: {
+                                additionalProperties: boolean;
+                                properties: {
+                                    name: {};
+                                    data: {
+                                        type: string;
+                                        additionalProperties: boolean;
+                                        properties: {
+                                            content_category: {
+                                                type: string;
+                                            };
+                                            content_name: {
+                                                type: string;
+                                            };
+                                            currency: {
+                                                type: string;
+                                            };
+                                            value: {
+                                                type: string;
+                                            };
+                                        };
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
                 analyticsEvents: {
                     oneOf: ({
                         optionName: string;
@@ -322,6 +410,94 @@ export declare const BannerBlock: {
                             optionName: string;
                         })[];
                     };
+                    metrikaGoals: {
+                        oneOf: ({
+                            type: string;
+                            optionName: string;
+                            items?: undefined;
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                additionalProperties?: undefined;
+                                required?: undefined;
+                                properties?: undefined;
+                            };
+                            optionName: string;
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                additionalProperties: boolean;
+                                required: string[];
+                                properties: {
+                                    name: {
+                                        type: string;
+                                    };
+                                    isCrossSite: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            optionName: string;
+                        })[];
+                    };
+                    pixelEvents: {
+                        type: string;
+                        items: {
+                            type: string;
+                            required: string[];
+                            additionalProperties: boolean;
+                            properties: {
+                                name: {
+                                    type: string;
+                                    enum: import("../..").PixelEventType[];
+                                };
+                                data: {};
+                            };
+                            select: {
+                                $data: string;
+                            };
+                            selectCases: {
+                                SubmitApplication: {
+                                    additionalProperties: boolean;
+                                    properties: {
+                                        name: {};
+                                    };
+                                };
+                                Contact: {
+                                    additionalProperties: boolean;
+                                    properties: {
+                                        name: {};
+                                    };
+                                };
+                                Lead: {
+                                    additionalProperties: boolean;
+                                    properties: {
+                                        name: {};
+                                        data: {
+                                            type: string;
+                                            additionalProperties: boolean;
+                                            properties: {
+                                                content_category: {
+                                                    type: string;
+                                                };
+                                                content_name: {
+                                                    type: string;
+                                                };
+                                                currency: {
+                                                    type: string;
+                                                };
+                                                value: {
+                                                    type: string;
+                                                };
+                                            };
+                                        };
+                                    };
+                                };
+                            };
+                        };
+                    };
                     analyticsEvents: {
                         oneOf: ({
                             optionName: string;
@@ -542,6 +718,94 @@ export declare const BannerCard: {
                             optionName: string;
                         })[];
                     };
+                    metrikaGoals: {
+                        oneOf: ({
+                            type: string;
+                            optionName: string;
+                            items?: undefined;
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                additionalProperties?: undefined;
+                                required?: undefined;
+                                properties?: undefined;
+                            };
+                            optionName: string;
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                additionalProperties: boolean;
+                                required: string[];
+                                properties: {
+                                    name: {
+                                        type: string;
+                                    };
+                                    isCrossSite: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            optionName: string;
+                        })[];
+                    };
+                    pixelEvents: {
+                        type: string;
+                        items: {
+                            type: string;
+                            required: string[];
+                            additionalProperties: boolean;
+                            properties: {
+                                name: {
+                                    type: string;
+                                    enum: import("../..").PixelEventType[];
+                                };
+                                data: {};
+                            };
+                            select: {
+                                $data: string;
+                            };
+                            selectCases: {
+                                SubmitApplication: {
+                                    additionalProperties: boolean;
+                                    properties: {
+                                        name: {};
+                                    };
+                                };
+                                Contact: {
+                                    additionalProperties: boolean;
+                                    properties: {
+                                        name: {};
+                                    };
+                                };
+                                Lead: {
+                                    additionalProperties: boolean;
+                                    properties: {
+                                        name: {};
+                                        data: {
+                                            type: string;
+                                            additionalProperties: boolean;
+                                            properties: {
+                                                content_category: {
+                                                    type: string;
+                                                };
+                                                content_name: {
+                                                    type: string;
+                                                };
+                                                currency: {
+                                                    type: string;
+                                                };
+                                                value: {
+                                                    type: string;
+                                                };
+                                            };
+                                        };
+                                    };
+                                };
+                            };
+                        };
+                    };
                     analyticsEvents: {
                         oneOf: ({
                             optionName: string;

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

@@ -19,7 +19,7 @@ export const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DE
     return (React.createElement(AnimateBlock, { className: b(), animate: animated },
         React.createElement(Title, { title: title, subtitle: description, className: b('header') }),
         React.createElement("div", { className: b('items') },
-            React.createElement(Row, null, items.map(({ title: itemTitle, text, link, links, label, icon, buttons, additionalInfo, }) => {
+            React.createElement(Row, null, items.map(({ title: itemTitle, text, list, link, links, label, icon, buttons, additionalInfo, }) => {
                 const itemLinks = links || [];
                 const iconThemed = icon && getThemedValue(icon, theme);
                 const iconData = iconThemed && getMediaImage(iconThemed);
@@ -35,7 +35,7 @@ export const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DE
                             }, 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 }))));
+                        React.createElement(Content, { text: text, links: itemLinks, size: "s", list: list, colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo }))));
             })))));
 };
 export default ExtendedFeaturesBlock;

package/build/esm/blocks/FilterBlock/FilterBlock.js

@@ -5,7 +5,7 @@ import ButtonTabs from '../../components/ButtonTabs/ButtonTabs';
 import { ConstructorItem } from '../../containers/PageConstructor/components/ConstructorItem';
 import { Col, Row } from '../../grid';
 import { block, getBlockKey } from '../../utils';
-import { i18n } from './i18n';
+import i18n from './i18n';
 import './FilterBlock.css';
 const b = block('filter-block');
 const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items, colSizes, centered, animated, }) => {

package/build/esm/blocks/FilterBlock/i18n/index.d.ts

@@ -1 +1,2 @@
-export declare const i18n: (key: "label-all-tag", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/esm/blocks/FilterBlock/i18n/index.js

@@ -1,5 +1,5 @@
-import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from '../../../utils/cn';
+import { registerKeyset } from '../../../utils/registerKeyset';
 import en from './en.json';
 import ru from './ru.json';
-export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}FilterBlock`);
+const COMPONENT = 'FilterBlock';
+export default registerKeyset({ en, ru }, COMPONENT);