@gravity-ui/page-constructor 1.15.0-alpha.8 → 1.15.0

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

@@ -414,9 +414,6 @@ export declare const ButtonProps: {
             };
         })[];
     };
-    /**
-     * @deprecated Metrika will be deleted
-     */
     metrikaGoals: {
         anyOf: ({
             type: string;
@@ -446,9 +443,6 @@ export declare const ButtonProps: {
             };
         })[];
     };
-    /**
-     * @deprecated Pixel will be deleted
-     */
     pixelEvents: {
         type: string;
         items: {
@@ -505,84 +499,6 @@ export declare const ButtonProps: {
             };
         };
     };
-    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;
-                            };
-                        };
-                    };
-                };
-                blockName: {
-                    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;
-                                };
-                            };
-                        };
-                    };
-                    blockName: {
-                        type: string;
-                    };
-                };
-            };
-        })[];
-    };
     target: {
         type: string;
         enum: string[];
@@ -642,9 +558,6 @@ export declare const BlockBaseProps: {
     resetPaddings: {
         type: string;
     };
-    blockName: {
-        type: string;
-    };
     type: {};
     when: {};
 };
@@ -716,9 +629,6 @@ export declare const ButtonBlock: {
                 };
             })[];
         };
-        /**
-         * @deprecated Metrika will be deleted
-         */
         metrikaGoals: {
             anyOf: ({
                 type: string;
@@ -748,9 +658,6 @@ export declare const ButtonBlock: {
                 };
             })[];
         };
-        /**
-         * @deprecated Pixel will be deleted
-         */
         pixelEvents: {
             type: string;
             items: {
@@ -807,84 +714,6 @@ export declare const ButtonBlock: {
                 };
             };
         };
-        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;
-                                };
-                            };
-                        };
-                    };
-                    blockName: {
-                        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;
-                                    };
-                                };
-                            };
-                        };
-                        blockName: {
-                            type: string;
-                        };
-                    };
-                };
-            })[];
-        };
         target: {
             type: string;
             enum: string[];

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

@@ -4,7 +4,6 @@ exports.BlockHeaderProps = exports.CardBase = exports.MediaProps = exports.Butto
 const pixel_1 = require("./pixel");
 const models_1 = require("../../models");
 const schema_1 = require("../../components/Image/schema");
-const event_1 = require("./event");
 exports.mediaDirection = ['media-content', 'content-media'];
 exports.textSize = ['s', 'm', 'l'];
 exports.containerSizesArray = ['sm', 'md', 'lg', 'xl', 'all'];
@@ -310,9 +309,6 @@ exports.ButtonProps = {
             },
         ],
     },
-    /**
-     * @deprecated Metrika will be deleted
-     */
     metrikaGoals: {
         anyOf: [
             { type: 'string' },
@@ -335,13 +331,7 @@ exports.ButtonProps = {
             },
         ],
     },
-    /**
-     * @deprecated Pixel will be deleted
-     */
     pixelEvents: pixel_1.pixelEvents,
-    analyticsEvents: {
-        anyOf: [event_1.AnalyticsEventSchema, { type: 'array', items: event_1.AnalyticsEventSchema }],
-    },
     target: {
         type: 'string',
         enum: ['_self', '_blank', '_parent', '_top'],
@@ -390,8 +380,6 @@ exports.BlockBaseProps = Object.assign(Object.assign({}, exports.BaseProps), { a
         enum: exports.containerSizesArray,
     }, resetPaddings: {
         type: 'boolean',
-    }, blockName: {
-        type: 'string',
     } });
 exports.TitleProps = {
     type: 'object',

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

@@ -6,6 +6,7 @@ export * from '../../sub-blocks/NewsCard/schema';
 export * from '../../sub-blocks/Partner/schema';
 export * from '../../sub-blocks/TutorialCard/schema';
 export * from '../../sub-blocks/CardWithImage/schema';
+export * from '../../sub-blocks/LayoutItem/schema';
 export * from '../../sub-blocks/Quote/schema';
 export * from '../../sub-blocks/Divider/schema';
 export * from '../../sub-blocks/BasicCard/schema';

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

@@ -9,6 +9,7 @@ tslib_1.__exportStar(require("../../sub-blocks/NewsCard/schema"), exports);
 tslib_1.__exportStar(require("../../sub-blocks/Partner/schema"), exports);
 tslib_1.__exportStar(require("../../sub-blocks/TutorialCard/schema"), exports);
 tslib_1.__exportStar(require("../../sub-blocks/CardWithImage/schema"), exports);
+tslib_1.__exportStar(require("../../sub-blocks/LayoutItem/schema"), exports);
 tslib_1.__exportStar(require("../../sub-blocks/Quote/schema"), exports);
 tslib_1.__exportStar(require("../../sub-blocks/Divider/schema"), exports);
 tslib_1.__exportStar(require("../../sub-blocks/BasicCard/schema"), exports);

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

@@ -4,12 +4,11 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
 const components_1 = require("../../components/");
-const models_1 = require("../../models");
 const Content_1 = tslib_1.__importDefault(require("../Content/Content"));
 const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
 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, blockName = models_1.SubBlockType.BackgroundCard, } = props;
+    const { url, title, text, border, background, paddingBottom, backgroundColor, additionalInfo, theme: cardTheme = 'default', links, buttons, } = props;
     const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
     const hasBackgroundColor = backgroundColor || cardTheme !== 'default';
     const link = hasBackgroundColor || border === 'line' ? undefined : url;
@@ -17,6 +16,6 @@ const BackgroundCard = (props) => {
     return (react_1.default.createElement(components_1.CardBase, { className: b({ padding: paddingBottom, theme: cardTheme }), url: link, border: borderType },
         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, { title: title, text: text, additionalInfo: additionalInfo, size: "s", theme: cardTheme, links: links, buttons: buttons, colSizes: { all: 12, md: 12 }, blockName: blockName }))));
+            react_1.default.createElement(Content_1.default, { title: title, text: text, additionalInfo: additionalInfo, size: "s", theme: cardTheme, links: links, buttons: buttons, colSizes: { all: 12, md: 12 } }))));
 };
 exports.default = BackgroundCard;

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

@@ -38,9 +38,6 @@ export declare const BackgroundCard: {
                 type: string;
                 enum: string[];
             };
-            blockName: {
-                type: string;
-            };
             title: {
                 oneOf: ({
                     type: string;

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

@@ -18,8 +18,6 @@ exports.BackgroundCard = {
             }, paddingBottom: {
                 type: 'string',
                 enum: ['s', 'm', 'l', 'xl'],
-            }, blockName: {
-                type: 'string',
             } }),
     },
 };

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

@@ -4,12 +4,11 @@ exports.BannerCard = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
-const models_1 = require("../../models");
 const components_1 = require("../../components");
 const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
 const b = (0, utils_1.block)('banner-card');
 const BannerCard = (props) => {
-    const { title, subtitle, button: { url, text, target }, color, theme: textTheme = 'light', image, disableCompress, blockName = models_1.SubBlockType.BannerCard, } = props;
+    const { title, subtitle, button: { url, text, target }, color, theme: textTheme = 'light', image, disableCompress, } = props;
     const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
     const contentStyle = {};
     if (color) {
@@ -22,7 +21,7 @@ const BannerCard = (props) => {
                     react_1.default.createElement("h2", { className: b('title') },
                         react_1.default.createElement(components_1.HTML, null, title)),
                     subtitle && (react_1.default.createElement(components_1.YFMWrapper, { className: b('subtitle'), content: subtitle, modifiers: { constructor: true } }))),
-                react_1.default.createElement(components_1.Button, { className: b('button'), theme: "raised", size: "xl", text: text, url: url, target: target, blockName: blockName })),
+                react_1.default.createElement(components_1.Button, { className: b('button'), theme: "raised", size: "xl", text: text, url: url, target: target })),
             react_1.default.createElement(components_1.BackgroundImage, { className: b('image'), src: (0, utils_1.getThemedValue)(image, theme), disableCompress: disableCompress }))));
 };
 exports.BannerCard = BannerCard;

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

@@ -4,17 +4,16 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
 const CardBase_1 = tslib_1.__importDefault(require("../../components/CardBase/CardBase"));
-const models_1 = require("../../models");
 const Image_1 = tslib_1.__importDefault(require("../../components/Image/Image"));
 const __1 = require("../");
 const utils_2 = require("../../components/Media/Image/utils");
 const b = (0, utils_1.block)('basic-card');
 const BasicCard = (props) => {
-    const { url, title, text, border, icon, additionalInfo, links, buttons, blockName = models_1.SubBlockType.BasicCard, } = props;
+    const { url, title, text, border, icon, additionalInfo, links, buttons } = props;
     const iconProps = icon && (0, utils_2.getMediaImage)(icon);
     return (react_1.default.createElement(CardBase_1.default, { className: b(), url: url, border: border },
         react_1.default.createElement(CardBase_1.default.Content, null,
             iconProps && react_1.default.createElement(Image_1.default, Object.assign({}, iconProps, { className: b('icon') })),
-            react_1.default.createElement(__1.Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, buttons: buttons, colSizes: { all: 12, md: 12 }, size: "s", blockName: blockName }))));
+            react_1.default.createElement(__1.Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, buttons: buttons, colSizes: { all: 12, md: 12 }, size: "s" }))));
 };
 exports.default = BasicCard;

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

@@ -1,3 +1,3 @@
 import { CardWithImageProps } from '../../models';
-declare const CardWithImage: ({ title, description, image, disableCompress, links, border, fullScreen, className, additionalInfo, buttons, blockName, }: CardWithImageProps) => JSX.Element;
+declare const CardWithImage: ({ title, description, image, disableCompress, links, border, fullScreen, className, additionalInfo, buttons, }: CardWithImageProps) => JSX.Element;
 export default CardWithImage;

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

@@ -3,15 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
-const models_1 = require("../../models");
 const components_1 = require("../../components");
 const __1 = require("../");
 const b = (0, utils_1.block)('card-with-image');
-const CardWithImage = ({ title, description, image, disableCompress, links, border, fullScreen, className, additionalInfo, buttons, blockName = models_1.SubBlockType.CardWithImage, }) => {
+const CardWithImage = ({ title, description, image, disableCompress, links, border, fullScreen, className, additionalInfo, buttons, }) => {
     const unifiedLinks = links === null || links === void 0 ? void 0 : links.map((link) => (Object.assign(Object.assign({ theme: 'normal' }, link), { text: link.title, url: link.link })));
     return (react_1.default.createElement("div", { className: b(null, className) },
         react_1.default.createElement("div", { className: b('image', { border }) }, fullScreen ? (react_1.default.createElement(components_1.FullscreenImage, { src: image, imageClassName: b('image-item'), disableCompress: disableCompress })) : (react_1.default.createElement(components_1.Image, { className: b('image-item'), src: image, alt: 'card-image', disableCompress: disableCompress }))),
         react_1.default.createElement("div", { className: b('content') },
-            react_1.default.createElement(__1.Content, { title: title, text: description, links: unifiedLinks, additionalInfo: additionalInfo, buttons: buttons, size: "s", colSizes: { all: 12, md: 12 }, blockName: blockName }))));
+            react_1.default.createElement(__1.Content, { title: title, text: description, links: unifiedLinks, additionalInfo: additionalInfo, buttons: buttons, size: "s", colSizes: { all: 12, md: 12 } }))));
 };
 exports.default = CardWithImage;

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

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
-const models_1 = require("../../models");
 const components_1 = require("../../components");
 const Link_1 = tslib_1.__importDefault(require("../../components/Link/Link"));
 const grid_1 = require("../../grid");
@@ -36,7 +35,7 @@ function getButtonSize(size) {
     }
 }
 const Content = (props) => {
-    const { title, text, additionalInfo, size = 'l', links, buttons, colSizes = { all: 12, sm: 8 }, centered, theme, className, blockName = models_1.SubBlockType.Content, } = props;
+    const { title, text, additionalInfo, size = 'l', links, buttons, colSizes = { all: 12, sm: 8 }, centered, theme, className, } = props;
     const titleProps = tslib_1.__rest(!title || typeof title === 'string'
         ? { text: title, textSize: getTextSize(size) }
         : title, []);
@@ -51,7 +50,7 @@ const Content = (props) => {
                     'constructor-notice': true,
                     [`constructor-size-${size}`]: true,
                 } }))),
-        links && (react_1.default.createElement("div", { className: b('links') }, links.map((link) => (react_1.default.createElement(Link_1.default, Object.assign({ className: b('link') }, link, { textSize: getLinkSize(size), key: link.url, blockName: blockName })))))),
-        buttons && (react_1.default.createElement("div", { className: b('buttons') }, buttons.map((item) => (react_1.default.createElement(components_1.Button, Object.assign({ className: b('button') }, item, { key: item.url, size: getButtonSize(size), blockName: blockName }))))))));
+        links && (react_1.default.createElement("div", { className: b('links') }, links.map((link) => (react_1.default.createElement(Link_1.default, Object.assign({ className: b('link') }, link, { textSize: getLinkSize(size), key: link.url })))))),
+        buttons && (react_1.default.createElement("div", { className: b('buttons') }, buttons.map((item) => (react_1.default.createElement(components_1.Button, Object.assign({ className: b('button') }, item, { key: item.url, size: getButtonSize(size) }))))))));
 };
 exports.default = Content;

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

@@ -46,7 +46,7 @@ unpredictable css rules order in build */
   color: var(--yc-color-text-primary);
   background-color: transparent;
   border: 1px solid var(--yc-color-line-generic);
-  border-radius: 6px;
+  border-radius: var(--yc-border-radius-l);
 }
 .pc-hubspot-form .hs-form-field .input input[type=text]:hover,
 .pc-hubspot-form .hs-form-field .input input[type=number]:hover,
@@ -276,7 +276,7 @@ unpredictable css rules order in build */
   box-sizing: border-box;
   height: 44px;
   padding: 0 20px;
-  border-radius: 8px;
+  border-radius: var(--yc-border-radius-xl);
   background-color: var(--yc-color-base-special);
   color: var(--yc-my-color-brand-text-contrast);
   line-height: 44px;

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

@@ -6,21 +6,14 @@ const utils_1 = require("../../utils");
 const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
 const mobileContext_1 = require("../../context/mobileContext");
 const useMetrika_1 = require("../../hooks/useMetrika");
-const models_1 = require("../../models");
 const hooks_1 = require("../../hooks");
 const HubspotFormContainer_1 = tslib_1.__importDefault(require("./HubspotFormContainer"));
-const constants_1 = require("../../constants");
 const b = (0, utils_1.block)('hubspot-form');
 const HubspotForm = (props) => {
     const { className, theme: themeProp, isMobile: isMobileProp, formId, formInstanceId, portalId, region, formClassName, pixelEvents, 
     // hubspotEvents, // TODO: decide how to handle them
-    analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, blockName = models_1.SubBlockType.HubspotForm, } = props;
+    onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, onSubmitError, } = props;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
-    const handleAnalytics = (0, hooks_1.useAnalytics)({
-        name: 'hubspot-form-submit',
-        type: constants_1.DEFAULT_EVENT_TYPE,
-        blockName: blockName,
-    });
     const { themeValue } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
     const isMobileValue = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const theme = themeProp !== null && themeProp !== void 0 ? themeProp : themeValue;
@@ -29,21 +22,12 @@ const HubspotForm = (props) => {
         onBeforeLoad,
         onBeforeSubmit,
         onLoad,
+        onSubmitError,
         onSubmit: (e) => {
             handleMetrika === null || handleMetrika === void 0 ? void 0 : handleMetrika({ pixelEvents });
-            handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents);
             onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e);
         },
-    }), [
-        onBeforeLoad,
-        onBeforeSubmit,
-        onLoad,
-        handleMetrika,
-        pixelEvents,
-        handleAnalytics,
-        analyticsEvents,
-        onSubmit,
-    ]);
+    }), [onBeforeLoad, onBeforeSubmit, onLoad, handleMetrika, pixelEvents, onSubmit, onSubmitError]);
     (0, hooks_1.useHandleHubspotEvents)(handlers, formId);
     return (react_1.default.createElement(HubspotFormContainer_1.default, { key: [formClassName, formId, formInstanceId, portalId, region].join(), className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region }));
 };

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

@@ -0,0 +1,16 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-layout-item__media {
+  width: 100%;
+  display: block;
+  border-radius: var(--pc-border-radius);
+}
+.pc-layout-item__media_border {
+  border: 1px solid var(--yc-color-line-generic);
+}
+.pc-layout-item__meta-info {
+  margin: 16px 0 -8px 0;
+}
+.pc-layout-item__content {
+  margin: 16px 16px 0 0;
+}

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

@@ -0,0 +1,3 @@
+import { LayoutItemProps } from '../../models';
+declare const LayoutItem: ({ content: { links, ...content }, metaInfo, media, border, fullScreen, className, }: LayoutItemProps) => JSX.Element;
+export default LayoutItem;

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const utils_1 = require("../../utils");
+const components_1 = require("../../components");
+const utils_2 = require("./utils");
+const __1 = require("..");
+const b = (0, utils_1.block)('layout-item');
+const LayoutItem = (_a) => {
+    var _b = _a.content, { links } = _b, content = tslib_1.__rest(_b, ["links"]), { metaInfo, media, border, fullScreen, className } = _a;
+    return (react_1.default.createElement("div", { className: b(null, className) },
+        fullScreen && (0, utils_2.hasFullScreen)(media) ? (react_1.default.createElement(components_1.FullScreenMedia, { showFullScreenIcon: (0, utils_2.showFullScreenIcon)(media) }, (_a = {}) => {
+            var { className: mediaClassName } = _a, fullScreenMediaProps = tslib_1.__rest(_a, ["className"]);
+            return (react_1.default.createElement(components_1.Media, Object.assign({}, media, fullScreenMediaProps, { className: b('media', { border }, mediaClassName) })));
+        })) : (react_1.default.createElement(components_1.Media, Object.assign({}, media, { className: b('media', { border }) }))),
+        metaInfo && react_1.default.createElement(components_1.MetaInfo, { items: metaInfo, className: b('meta-info') }),
+        react_1.default.createElement("div", { className: b('content') },
+            react_1.default.createElement(__1.Content, Object.assign({}, content, { links: (0, utils_2.getLayoutItemLinks)(links), size: "s", colSizes: { all: 12, md: 12 } })))));
+};
+exports.default = LayoutItem;