@gravity-ui/page-constructor 4.56.0 → 5.0.1

package/build/cjs/schema/constants.d.ts

@@ -154,94 +154,6 @@ export declare const cardSchemas: {
                                 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("../models").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;
@@ -1154,94 +1066,6 @@ export declare const cardSchemas: {
                             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("../models").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/schema/constants.js

@@ -22,6 +22,7 @@ exports.constructorBlockSchemaNames = [
     'info-block',
     'table-block',
     'tabs-block',
+    /** @deprecated */
     'price-detailed',
     'header-slider-block',
     'cards-with-image-block',
@@ -35,6 +36,7 @@ exports.constructorBlockSchemaNames = [
 exports.constructorCardSchemaNames = [
     'media-card',
     'banner-card',
+    /** @deprecated */
     'price-detailed',
     'background-card',
     'quote',

package/build/cjs/schema/validators/common.d.ts

@@ -590,100 +590,6 @@ export declare const ButtonProps: {
             optionName: string;
         })[];
     };
-    /**
-     * @deprecated Metrika will be deleted
-     */
-    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;
-        })[];
-    };
-    /**
-     * @deprecated Pixel will be deleted
-     */
-    pixelEvents: {
-        type: string;
-        items: {
-            type: string;
-            required: string[];
-            additionalProperties: boolean;
-            properties: {
-                name: {
-                    type: string;
-                    enum: import("../../models").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;
@@ -933,100 +839,6 @@ export declare const ButtonBlock: {
                 optionName: string;
             })[];
         };
-        /**
-         * @deprecated Metrika will be deleted
-         */
-        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;
-            })[];
-        };
-        /**
-         * @deprecated Pixel will be deleted
-         */
-        pixelEvents: {
-            type: string;
-            items: {
-                type: string;
-                required: string[];
-                additionalProperties: boolean;
-                properties: {
-                    name: {
-                        type: string;
-                        enum: import("../../models").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/schema/validators/common.js

@@ -4,7 +4,6 @@ exports.BlockHeaderProps = exports.CardBase = exports.BorderProps = exports.MapP
 const schema_1 = require("../../components/Image/schema");
 const models_1 = require("../../models");
 const event_1 = require("./event");
-const pixel_1 = require("./pixel");
 exports.mediaDirection = ['media-content', 'content-media'];
 exports.textSize = ['s', 'm', 'l'];
 exports.containerSizesArray = ['sm', 'md', 'lg', 'xl', 'all'];
@@ -368,36 +367,6 @@ exports.ButtonProps = {
             },
         ],
     },
-    /**
-     * @deprecated Metrika will be deleted
-     */
-    metrikaGoals: {
-        oneOf: [
-            { type: 'string', optionName: 'single' },
-            { type: 'array', items: { type: 'string' }, optionName: 'list' },
-            {
-                type: 'array',
-                items: {
-                    type: 'object',
-                    additionalProperties: false,
-                    required: ['name'],
-                    properties: {
-                        name: {
-                            type: 'string',
-                        },
-                        isCrossSite: {
-                            type: 'boolean',
-                        },
-                    },
-                },
-                optionName: 'list-extended',
-            },
-        ],
-    },
-    /**
-     * @deprecated Pixel will be deleted
-     */
-    pixelEvents: pixel_1.pixelEvents,
     analyticsEvents: {
         oneOf: [
             Object.assign(Object.assign({}, event_1.AnalyticsEventSchema), { optionName: 'single' }),

package/build/cjs/schema/validators/index.d.ts

@@ -2,7 +2,6 @@ import * as blocks from './blocks';
 import * as common from './common';
 import * as components from './components';
 import * as navigation from './navigation';
-import * as pixel from './pixel';
 import * as subBlocks from './sub-blocks';
 import * as utils from './utils';
 export declare const validators: {
@@ -10,7 +9,6 @@ export declare const validators: {
     common: typeof common;
     components: typeof components;
     subBlocks: typeof subBlocks;
-    pixel: typeof pixel;
     utils: typeof utils;
     navigation: typeof navigation;
 };

package/build/cjs/schema/validators/index.js

@@ -6,7 +6,6 @@ const blocks = tslib_1.__importStar(require("./blocks"));
 const common = tslib_1.__importStar(require("./common"));
 const components = tslib_1.__importStar(require("./components"));
 const navigation = tslib_1.__importStar(require("./navigation"));
-const pixel = tslib_1.__importStar(require("./pixel"));
 const subBlocks = tslib_1.__importStar(require("./sub-blocks"));
 const utils = tslib_1.__importStar(require("./utils"));
 exports.validators = {
@@ -14,7 +13,6 @@ exports.validators = {
     common,
     components,
     subBlocks,
-    pixel,
     utils,
     navigation,
 };

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

@@ -37,6 +37,12 @@ unpredictable css rules order in build */
   object-fit: cover;
   object-position: left;
 }
+.pc-background-card__footer {
+  margin-top: 0px;
+}
+.pc-background-card__links, .pc-background-card__buttons {
+  margin-top: 16px;
+}
 
 a.pc-background-card_theme_light {
   background-color: var(--pc-color-base-silver);

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

@@ -1,14 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../components/");
 const theme_1 = require("../../context/theme");
 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 renderCardFooterControlsContainer_1 = tslib_1.__importDefault(require("../renderCardFooterControlsContainer/renderCardFooterControlsContainer"));
 const b = (0, utils_1.block)('background-card');
 const BackgroundCard = (props) => {
     const { url, title, text, border, background, paddingBottom, backgroundColor, additionalInfo, theme: cardTheme = 'default', links, buttons, analyticsEvents, urlTitle, controlPosition = 'content', } = props;
@@ -17,16 +15,12 @@ const BackgroundCard = (props) => {
     const hasBackgroundColor = backgroundColor || cardTheme !== 'default';
     const borderType = hasBackgroundColor ? 'none' : border;
     const areControlsInFooter = !paddingBottom && controlPosition === 'footer';
-    const footerControls = (0, react_1.useMemo)(() => (0, renderContentControls_1.default)({
-        links: areControlsInFooter ? links : undefined,
-        buttons: areControlsInFooter ? buttons : undefined,
-        size: 's',
-        titleId,
-    }, renderCardFooterControlsContainer_1.default), [areControlsInFooter, links, buttons, titleId]);
     return (react_1.default.createElement(components_1.CardBase, { className: b({ padding: paddingBottom, theme: cardTheme }), url: url, border: borderType, analyticsEvents: analyticsEvents, urlTitle: urlTitle },
         react_1.default.createElement(components_1.CardBase.Content, null,
             react_1.default.createElement(components_1.BackgroundImage, Object.assign({ className: b('image') }, (0, utils_1.getThemedValue)(background, theme), { style: { backgroundColor } })),
             react_1.default.createElement(Content_1.default, { titleId: titleId, title: title, text: text, additionalInfo: additionalInfo, size: "s", theme: cardTheme, links: areControlsInFooter ? undefined : links, buttons: areControlsInFooter ? undefined : buttons, colSizes: { all: 12, md: 12 } })),
-        footerControls));
+        areControlsInFooter && (links || buttons) && (react_1.default.createElement(components_1.CardBase.Footer, null,
+            react_1.default.createElement(components_1.Links, { className: b('links'), size: "s", links: links, titleId: titleId }),
+            react_1.default.createElement(components_1.Buttons, { className: b('buttons'), size: "s", buttons: buttons, titleId: titleId })))));
 };
 exports.default = BackgroundCard;

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

@@ -2,4 +2,11 @@
 unpredictable css rules order in build */
 .pc-basic-card.pc-basic-card {
   min-height: auto;
+}
+
+.pc-basic-card__footer {
+  margin-top: 0px;
+}
+.pc-basic-card__links, .pc-basic-card__buttons {
+  margin-top: 16px;
 }

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

@@ -1,30 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../components");
 const sub_blocks_1 = require("../../models/constructor-items/sub-blocks");
 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 renderCardFooterControlsContainer_1 = tslib_1.__importDefault(require("../renderCardFooterControlsContainer/renderCardFooterControlsContainer"));
 const b = (0, utils_1.block)('basic-card');
 const BasicCard = (props) => {
     const { title, text, icon, additionalInfo, links, list, buttons, iconPosition = sub_blocks_1.IconPosition.Top, controlPosition = 'content' } = props, cardParams = tslib_1.__rest(props, ["title", "text", "icon", "additionalInfo", "links", "list", "buttons", "iconPosition", "controlPosition"]);
     const titleId = (0, uikit_1.useUniqId)();
     const descriptionId = (0, uikit_1.useUniqId)();
     const areControlsInFooter = controlPosition === 'footer';
-    const footerControls = (0, react_1.useMemo)(() => (0, renderContentControls_1.default)({
-        links: areControlsInFooter ? links : undefined,
-        buttons: areControlsInFooter ? buttons : undefined,
-        size: 's',
-        titleId,
-    }, renderCardFooterControlsContainer_1.default), [areControlsInFooter, links, buttons, titleId]);
     return (react_1.default.createElement(components_1.CardBase, Object.assign({ className: b() }, cardParams, { extraProps: { 'aria-describedby': descriptionId, 'aria-labelledby': titleId } }),
         react_1.default.createElement(components_1.CardBase.Content, null,
             react_1.default.createElement(components_1.IconWrapper, { icon: icon ? { value: icon, position: iconPosition } : undefined },
                 react_1.default.createElement(Content_1.default, { title: title, titleId: titleId, text: text, textId: descriptionId, additionalInfo: additionalInfo, links: areControlsInFooter ? undefined : links, list: list, buttons: areControlsInFooter ? undefined : buttons, size: "s", colSizes: { all: 12, md: 12 } }))),
-        footerControls));
+        areControlsInFooter && (buttons || links) && (react_1.default.createElement(components_1.CardBase.Footer, { className: b('footer') },
+            react_1.default.createElement(components_1.Links, { className: b('links'), size: "s", links: links, titleId: titleId }),
+            react_1.default.createElement(components_1.Buttons, { className: b('buttons'), size: "s", buttons: buttons, titleId: titleId })))));
 };
 exports.default = BasicCard;

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

@@ -57,7 +57,9 @@ unpredictable css rules order in build */
 .pc-content_size_s .pc-content__text_without-title {
   margin-top: 0;
 }
-.pc-content_size_s .pc-content__list {
+.pc-content_size_s .pc-content__list,
+.pc-content_size_s .pc-content__links,
+.pc-content_size_s .pc-content__buttons {
   margin-top: 16px;
 }
 .pc-content_size_l .pc-content__text,
@@ -72,7 +74,9 @@ unpredictable css rules order in build */
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);
 }
-.pc-content_size_l .pc-content__list {
+.pc-content_size_l .pc-content__list,
+.pc-content_size_l .pc-content__links,
+.pc-content_size_l .pc-content__buttons {
   margin-top: 24px;
 }
 .pc-content_theme_dark {

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

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../components");
 const grid_1 = require("../../grid");
 const utils_1 = require("../../utils");
 const blocks_1 = require("../../utils/blocks");
-const renderContentControls_1 = tslib_1.__importDefault(require("../../utils/renderContentControls/renderContentControls"));
 const b = (0, utils_1.block)('content');
 function getTextSize(size) {
     switch (size) {
@@ -27,13 +26,6 @@ const Content = (props) => {
     const hasTitle = Boolean(title);
     const defaultTitleId = (0, uikit_1.useUniqId)();
     const titleId = titleIdFromProps || defaultTitleId;
-    const controls = (0, react_1.useMemo)(() => (0, renderContentControls_1.default)({
-        size,
-        links,
-        buttons,
-        titleId,
-        qa: qaAttributes,
-    }), [size, links, buttons, titleId, qaAttributes]);
     return (react_1.default.createElement(grid_1.Col, { className: b({ size, centered, theme }, className), reset: true, sizes: colSizes, qa: qaAttributes.container },
         title && (react_1.default.createElement(components_1.Title, { className: b('title'), title: titleProps, colSizes: { all: 12 }, id: titleId })),
         text && (react_1.default.createElement("div", { className: b('text', { ['without-title']: !hasTitle }) },
@@ -46,6 +38,7 @@ const Content = (props) => {
                     'constructor-notice': true,
                     [`constructor-size-${size}`]: true,
                 } }))),
-        controls));
+        links && (react_1.default.createElement(components_1.Links, { className: b('links', { size }), size: size, links: links, titleId: titleId, qa: qaAttributes.links, linkQa: qaAttributes.link })),
+        buttons && (react_1.default.createElement(components_1.Buttons, { className: b('buttons', { size }), size: size, buttons: buttons, titleId: titleId, qa: qaAttributes.buttons, buttonQa: qaAttributes.button }))));
 };
 exports.default = Content;

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

@@ -285,7 +285,6 @@ unpredictable css rules order in build */
   justify-content: flex-end;
 }
 .pc-hubspot-form .hs-button.primary {
-  margin: 0;
   padding: 0;
   font-family: var(--g-text-body-font-family);
   font-size: inherit;