@gravity-ui/page-constructor 4.56.0 → 5.0.1

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

@@ -5,16 +5,14 @@ const react_1 = tslib_1.__importStar(require("react"));
 const mobileContext_1 = require("../../context/mobileContext");
 const theme_1 = require("../../context/theme");
 const hooks_1 = require("../../hooks");
-const useMetrika_1 = require("../../hooks/useMetrika");
 const models_1 = require("../../models");
 const utils_1 = require("../../utils");
 const HubspotFormContainer_1 = tslib_1.__importDefault(require("./HubspotFormContainer"));
 const b = (0, utils_1.block)('hubspot-form');
 const HubspotForm = (0, react_1.forwardRef)((props, ref) => {
-    const { className, theme: themeProp, isMobile: isMobileProp, formId, formInstanceId, portalId, region, formClassName, pixelEvents, 
+    const { className, theme: themeProp, isMobile: isMobileProp, formId, formInstanceId, portalId, region, formClassName, 
     // hubspotEvents, // TODO: decide how to handle them
     analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, createDOMElement, onSubmitError, } = props;
-    const handleMetrika = (0, useMetrika_1.useMetrika)();
     const themeValue = (0, theme_1.useTheme)();
     const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.HubspotFormSubmit);
     const isMobileValue = (0, react_1.useContext)(mobileContext_1.MobileContext);
@@ -26,7 +24,6 @@ const HubspotForm = (0, react_1.forwardRef)((props, ref) => {
         onLoad,
         onSubmitError,
         onSubmit: (event) => {
-            handleMetrika === null || handleMetrika === void 0 ? void 0 : handleMetrika({ pixelEvents });
             handleAnalytics(analyticsEvents);
             onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(event);
         },
@@ -34,8 +31,6 @@ const HubspotForm = (0, react_1.forwardRef)((props, ref) => {
         onBeforeLoad,
         onBeforeSubmit,
         onLoad,
-        handleMetrika,
-        pixelEvents,
         handleAnalytics,
         analyticsEvents,
         onSubmit,

package/build/cjs/sub-blocks/LayoutItem/LayoutItem.css

@@ -22,4 +22,7 @@ unpredictable css rules order in build */
 }
 .pc-layout-item__content_no-media {
   margin: 0;
+}
+.pc-layout-item__links, .pc-layout-item__buttons {
+  margin-top: 16px;
 }

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

@@ -5,7 +5,6 @@ const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../components");
 const utils_1 = require("../../utils");
-const renderContentControls_1 = tslib_1.__importDefault(require("../../utils/renderContentControls/renderContentControls"));
 const Content_1 = tslib_1.__importDefault(require("../Content/Content"));
 const utils_2 = require("./utils");
 const b = (0, utils_1.block)('layout-item');
@@ -15,12 +14,6 @@ const LayoutItem = (_a) => {
     const areControlsInFooter = controlPosition === 'footer';
     const contentProps = Object.assign(Object.assign(Object.assign({}, content), (areControlsInFooter ? {} : { links: normalizedLinks, buttons })), { size: 's', colSizes: { all: 12, md: 12 } });
     const titleId = (0, uikit_1.useUniqId)();
-    const footerControls = (0, react_1.useMemo)(() => (0, renderContentControls_1.default)({
-        links: areControlsInFooter ? links : undefined,
-        buttons: areControlsInFooter ? buttons : undefined,
-        size: 's',
-        titleId,
-    }), [areControlsInFooter, links, buttons, titleId]);
     const renderMedia = () => {
         if (!media) {
             return null;
@@ -36,6 +29,7 @@ const LayoutItem = (_a) => {
         react_1.default.createElement("div", { className: b('content', { 'no-media': !media }) },
             react_1.default.createElement(components_1.IconWrapper, { icon: icon },
                 react_1.default.createElement(Content_1.default, Object.assign({}, contentProps, { titleId: titleId })))),
-        footerControls));
+        areControlsInFooter && links && (react_1.default.createElement(components_1.Links, { className: b('links'), size: "s", links: links, titleId: titleId })),
+        areControlsInFooter && buttons && (react_1.default.createElement(components_1.Buttons, { className: b('buttons'), size: "s", buttons: buttons, titleId: titleId }))));
 };
 exports.default = LayoutItem;

package/build/cjs/sub-blocks/LayoutItem/utils.d.ts

@@ -8,22 +8,8 @@ export declare const getLayoutItemLinks: (links: LayoutItemProps['content']['lin
     colorTheme?: import("../../models").TextTheme | undefined;
     arrow?: boolean | undefined;
     target?: string | undefined;
-    metrikaGoals?: import("../../models").MetrikaGoal | undefined;
-    pixelEvents?: import("../../models").ButtonPixel | undefined;
     extraProps?: import("react").HTMLProps<HTMLAnchorElement> | undefined;
-    analyticsEvents?: {
-        name: string;
-        type?: string | undefined;
-        counters?: import("../../models").AnalyticsCounters | undefined;
-        context?: string | undefined;
-        target?: string | undefined;
-    } | {
-        name: string;
-        type?: string | undefined;
-        counters?: import("../../models").AnalyticsCounters | undefined;
-        context?: string | undefined;
-        target?: string | undefined;
-    }[] | undefined;
+    analyticsEvents?: import("../../models").AnalyticsEventsProp | undefined;
     className?: string | undefined;
     tabIndex?: number | undefined;
 }[] | undefined;

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

@@ -76,94 +76,6 @@ 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/PriceDetailed/PriceDetailed.d.ts

@@ -1,3 +1,4 @@
 import { PriceDetailedProps } from '../../models';
+/** @deprecated */
 declare const PriceDetailed: (props: PriceDetailedProps) => JSX.Element;
 export default PriceDetailed;

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

@@ -7,6 +7,8 @@ const CombinedPriceDetailed_1 = tslib_1.__importDefault(require("./CombinedPrice
 const PriceDescription_1 = tslib_1.__importDefault(require("./PriceDescription/PriceDescription"));
 const PriceDetails_1 = tslib_1.__importDefault(require("./PriceDetails/PriceDetails"));
 const SeparatePriceDetailed_1 = tslib_1.__importDefault(require("./SeparatePriceDetailed/SeparatePriceDetailed"));
+// eslint-disable-next-line valid-jsdoc
+/** @deprecated */
 const PriceDetailed = (props) => {
     const { priceType = models_1.PriceDetailsType.SETTINGS, items, numberGroupItems = 1, description, details, foldable, labelsDefaultText, isCombined = false, useMixedView = false, border, } = props;
     const { titleSize: descriptionTitleSize = 'l', descriptionSize = 'm', titleColor: descriptionTitleColor = 'cornflower', } = description || {};

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

@@ -1,3 +1,4 @@
+/** @deprecated */
 export declare const PriceDetailedBlock: {
     'price-detailed': {
         additionalProperties: boolean;

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

@@ -149,6 +149,7 @@ const PriceItem = {
             ],
         } }),
 };
+/** @deprecated */
 exports.PriceDetailedBlock = {
     'price-detailed': {
         additionalProperties: false,

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

@@ -1,18 +1,18 @@
-import { MarkdownItPluginCb } from '@doc-tools/transform/lib/plugins/typings';
-import { Lang } from '../utils/configure';
+import { MarkdownItPluginCb } from '@diplodoc/transform/lib/plugins/typings';
+import { Lang } from '@gravity-ui/uikit';
 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/common.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.typografTransformer = exports.yfmTransformer = exports.createItemsParser = void 0;
 const tslib_1 = require("tslib");
-const plugins_1 = tslib_1.__importDefault(require("@doc-tools/transform/lib/plugins"));
+const plugins_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/plugins"));
 const utils_1 = require("./utils");
 const createItemsParser = (fields) => (transformer, items) => items.map((item) => {
     if (!item) {

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

@@ -4,7 +4,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.filterContent = void 0;
 const tslib_1 = require("tslib");
-const evaluation_1 = tslib_1.__importDefault(require("@doc-tools/transform/lib/liquid/evaluation"));
+const evaluation_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/liquid/evaluation"));
 function filterItems(items, vars, propertyName) {
     if (!Array.isArray(items)) {
         throw new Error(`Error while filtering: items has invalid key '${propertyName}' equals ${JSON.stringify(items)}`);

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

@@ -1,13 +1,13 @@
-import { MarkdownItPluginCb } from '@doc-tools/transform/lib/plugins/typings';
+import { MarkdownItPluginCb } from '@diplodoc/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 { Options, Output } from '@diplodoc/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

@@ -2,10 +2,10 @@
 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 transform_1 = tslib_1.__importDefault(require("@diplodoc/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 = configure_1.Lang.Ru) {
+function typograf(text, lang = uikit_1.Lang.Ru) {
     const localeByLang = {
-        [configure_1.Lang.Ru]: ['ru', 'en-US'],
-        [configure_1.Lang.En]: ['en-US', 'ru'],
+        [uikit_1.Lang.Ru]: ['ru', 'en-US'],
+        [uikit_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 = configure_1.Lang.Ru, transformType = TransformType.Text, }) {
+function typografEntity({ entity, fields, lang = uikit_1.Lang.Ru, transformType = TransformType.Text, }) {
     const transformTypeMap = {
         text: typografToText,
         html: typografToHTML,

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

@@ -5,6 +5,5 @@ 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 = exports.configure = exports.Lang = void 0;
+exports.isHubspotEventData = void 0;
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./common"), exports);
 tslib_1.__exportStar(require("./analytics"), exports);
@@ -9,8 +9,5 @@ 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; } });