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

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { ButtonSize, ButtonView } from '@gravity-ui/uikit';
 import { ThemeSupporting } from '../../utils/theme';
-import { AnalyticsEvent, ClassNameProps, PixelEventType } from '../common';
+import { ClassNameProps, PixelEventType } from '../common';
 export declare enum AuthorType {
     Column = "column",
     Line = "line"
@@ -110,8 +110,6 @@ export interface MediaVideoProps {
     playButton?: PlayButtonProps;
     controls?: MediaVideoControlsType;
     metrika?: MetrikaVideo;
-    analyticsEvents?: AnalyticsEvent[];
-    blockName?: string;
 }
 export interface LinkProps extends Stylable {
     url: string;
@@ -123,8 +121,6 @@ export interface LinkProps extends Stylable {
     target?: string;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
-    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
-    blockName?: string;
 }
 export interface FileLinkProps extends ClassNameProps {
     href: string;
@@ -143,7 +139,6 @@ export interface ButtonProps {
     img?: ButtonImageProps | string;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
-    analyticsEvents?: AnalyticsEvent[];
     target?: string;
 }
 export interface ButtonImageProps {
@@ -172,13 +167,12 @@ export interface MediaComponentVideoProps {
     video: MediaVideoProps;
     height?: number;
     metrika?: MetrikaVideo;
-    analyticsEvents?: AnalyticsEvent[];
-    blockName?: string;
     previewImg?: string;
 }
 export interface MediaComponentYoutubeProps {
     youtube: string;
     previewImg?: string;
+    fullScreen?: boolean;
 }
 export interface MediaComponentImageProps {
     image: ImageProps | ImageProps[] | ImageDeviceProps;
@@ -229,8 +223,6 @@ export interface HeaderBreadCrumbsProps extends ClassNameProps {
     theme?: TextTheme;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
-    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
-    blockName?: string;
 }
 export interface PreviewContentItemProps {
     title: string;
@@ -252,27 +244,10 @@ export interface TitleBaseProps {
     custom?: string | ReactNode;
     onClick?: () => void;
 }
-export interface CardData {
-    header?: CardHeader;
-    text?: string;
-    title?: string;
-    link?: LinkProps;
-    footer?: string;
-    url?: string;
-    service?: {
-        slug: string;
-        name: string;
-    };
-    links?: LinkProps[];
-}
 export type CardBorder = 'shadow' | 'line' | 'none';
 export interface CardBaseProps {
     border?: CardBorder;
 }
-export interface CardHeader {
-    title?: string;
-    image?: ImageProps;
-}
 export interface PriceDescriptionProps {
     title: string;
     detailedTitle?: string;

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

@@ -3,7 +3,7 @@ import { ThemeSupporting } from '../../utils';
 import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
 import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, DividerSize, ImageObjectProps, ImageProps, LinkProps, MediaProps, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
 import { ContentBlockProps } from './blocks';
-import { AnalyticsEvent, PixelEvent } from '../common';
+import { PixelEvent } from '../common';
 export declare enum SubBlockType {
     Divider = "divider",
     Quote = "quote",
@@ -19,7 +19,11 @@ export declare enum SubBlockType {
      * @deprecated Will be moved to params use BasicCard instead
      */
     TutorialCard = "tutoral-card",
+    /**
+     * @deprecated Use LayoutItem
+     */
     CardWithImage = "card-with-image",
+    LayoutItem = "layout-item",
     BackgroundCard = "background-card",
     BasicCard = "basic-card",
     Content = "content",
@@ -61,8 +65,6 @@ export interface HubspotFormProps extends HubspotEventHandlers {
     onLoad?: (arg: HubspotEventData) => void;
     pixelEvents?: string | string[] | PixelEvent | PixelEvent[] | ButtonPixel;
     hubspotEvents?: string[];
-    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
-    blockName?: string;
 }
 export interface PartnerProps extends CardBaseProps {
     text: string;
@@ -78,7 +80,6 @@ export interface QuoteProps extends Themable, CardBaseProps {
     author?: AuthorItem;
     buttonText?: string;
     theme?: TextTheme;
-    blockName?: string;
 }
 export interface NewsCardData {
     id: number;
@@ -113,7 +114,6 @@ export interface BannerCardProps {
     color?: ThemeSupporting<string>;
     theme?: TextTheme;
     button: Pick<ButtonProps, 'text' | 'url' | 'target'>;
-    blockName?: string;
 }
 export interface MediaCardProps extends MediaProps, CardBaseProps {
 }
@@ -121,7 +121,7 @@ export interface CardWithImageLinkProps extends Omit<LinkProps, 'text' | 'url'>
     title: string;
     link: string;
 }
-export interface CardWithImageProps extends ClassNameProps, Pick<ContentBlockProps, 'title' | 'additionalInfo' | 'buttons' | 'theme' | 'blockName'> {
+export interface CardWithImageProps extends ClassNameProps, Pick<ContentBlockProps, 'title' | 'additionalInfo' | 'buttons' | 'theme'> {
     image: string;
     description?: string;
     disableCompress?: boolean;
@@ -129,6 +129,13 @@ export interface CardWithImageProps extends ClassNameProps, Pick<ContentBlockPro
     fullScreen?: boolean;
     links?: CardWithImageLinkProps[];
 }
+export interface LayoutItemProps extends ClassNameProps {
+    content: Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size'>;
+    media: MediaProps;
+    metaInfo?: string[];
+    border?: boolean;
+    fullScreen?: boolean;
+}
 export type DividerModel = {
     type: SubBlockType.Divider;
 } & DividerProps;
@@ -141,6 +148,9 @@ export type NewsCardModel = {
 export type CardWithImageModel = {
     type: SubBlockType.CardWithImage;
 } & CardWithImageProps;
+export type LayoutItemModel = {
+    type: SubBlockType.CardWithImage;
+} & LayoutItemProps;
 export type TutorialCardModel = {
     type: SubBlockType.TutorialCard;
 } & TutorialCardProps;

package/server/models/constructor-items/sub-blocks.js

@@ -17,7 +17,11 @@ var SubBlockType;
      * @deprecated Will be moved to params use BasicCard instead
      */
     SubBlockType["TutorialCard"] = "tutoral-card";
+    /**
+     * @deprecated Use LayoutItem
+     */
     SubBlockType["CardWithImage"] = "card-with-image";
+    SubBlockType["LayoutItem"] = "layout-item";
     SubBlockType["BackgroundCard"] = "background-card";
     SubBlockType["BasicCard"] = "basic-card";
     SubBlockType["Content"] = "content";

package/server/text-transform/blocks.js

@@ -157,6 +157,23 @@ const config = {
             transformer: typografTransformer,
         },
     ],
+    [models_1.SubBlockType.LayoutItem]: [
+        {
+            fields: ['content'],
+            parser: parseContentLayout,
+            transformer: yfmTransformer,
+        },
+        {
+            fields: ['content'],
+            parser: parseContentLayoutTitle,
+            transformer: typografTransformer,
+        },
+        {
+            fields: ['metaInfo'],
+            parser: (0, exports.createItemsParser)([]),
+            transformer: typografTransformer,
+        },
+    ],
     [models_1.SubBlockType.Quote]: {
         fields: ['text'],
         transformer: typografTransformer,

package/server/utils/hubspot.d.ts

@@ -1,4 +1,4 @@
-export type HubspotEventName = 'onBeforeFormInit' | 'onFormReady' | 'onFormSubmit' | 'onFormSubmitted' | `_${string}`;
+export type HubspotEventName = 'onBeforeFormInit' | 'onFormReady' | 'onFormSubmit' | 'onFormSubmitted' | 'onFormError' | `_${string}`;
 export interface HubspotEventData {
     type: HubspotEventName | string;
     eventName: HubspotEventName;
@@ -11,6 +11,7 @@ export interface HubspotEventHandlers {
     onBeforeSubmit?: (arg: HubspotEventData) => void;
     onSubmit?: (arg: HubspotEventData) => void;
     onLoad?: (arg: HubspotEventData) => void;
+    onSubmitError?: (arg: HubspotEventData) => void;
 }
 export declare function loopBackHabspotEvents(formId: string): ({ data, source, origin }: MessageEvent) => void;
 export declare function handleHubspotEvents(handlers: HubspotEventHandlers, formId: string): ({ data }: MessageEvent) => void;

package/server/utils/hubspot.js

@@ -25,7 +25,7 @@ function loopBackHabspotEvents(formId) {
 exports.loopBackHabspotEvents = loopBackHabspotEvents;
 function handleHubspotEvents(handlers, formId) {
     return ({ data }) => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         if (!isHubspotEventData(data)) {
             return;
         }
@@ -49,6 +49,10 @@ function handleHubspotEvents(handlers, formId) {
                 (_d = handlers.onSubmit) === null || _d === void 0 ? void 0 : _d.call(handlers, data);
                 break;
             }
+            case 'onFormError': {
+                (_e = handlers.onSubmitError) === null || _e === void 0 ? void 0 : _e.call(handlers, data);
+                break;
+            }
             default:
                 break;
         }

package/styles/root.scss

@@ -17,6 +17,7 @@
     --pc-monochrome-button-background-color-hover: #393939;
     --pc-monochrome-button-color: var(--yc-color-text-light-primary);
     --pc-text-header-color: var(--yc-color-text-primary);
+    --pc-media-card-meta-info-color: var(--yc-color-text-secondary);
 
     &.yc-root_theme_dark {
         --pc-color-sfx-shadow: var(--yc-color-sfx-shadow);

package/build/cjs/context/analyticsContext/analyticsContext.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { AnalyticsEvent } from '../../models';
-export interface AnalyticsContextProps {
-    sendEvents?: (e: AnalyticsEvent | AnalyticsEvent[]) => void;
-}
-export declare const AnalyticsContext: React.Context<AnalyticsContextProps>;

package/build/cjs/context/analyticsContext/analyticsContext.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AnalyticsContext = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-exports.AnalyticsContext = react_1.default.createContext({});

package/build/cjs/context/analyticsContext/index.d.ts

@@ -1 +0,0 @@
-export * from './analyticsContext';

package/build/cjs/context/analyticsContext/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./analyticsContext"), exports);

package/build/cjs/hooks/useAnalytics.d.ts

@@ -1,2 +0,0 @@
-import { AnalyticsEvent } from '../models';
-export declare const useAnalytics: (defaultEvent?: AnalyticsEvent) => ((e?: AnalyticsEvent | AnalyticsEvent[]) => void) | undefined;

package/build/cjs/hooks/useAnalytics.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAnalytics = void 0;
-const react_1 = require("react");
-const analyticsContext_1 = require("../context/analyticsContext");
-const useAnalytics = (defaultEvent) => {
-    const { sendEvents } = (0, react_1.useContext)(analyticsContext_1.AnalyticsContext);
-    if (!sendEvents) {
-        return undefined;
-    }
-    const defaultEvents = defaultEvent ? [defaultEvent] : [];
-    return (e) => {
-        let events = defaultEvents;
-        if (e) {
-            events = Array.isArray(e) ? [...events, ...e] : [...events, e];
-        }
-        if (!events) {
-            return;
-        }
-        sendEvents(events);
-    };
-};
-exports.useAnalytics = useAnalytics;

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

@@ -1,37 +0,0 @@
-export declare const AnalyticsEventSchema: {
-    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;
-        };
-    };
-};

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

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AnalyticsEventSchema = void 0;
-exports.AnalyticsEventSchema = {
-    type: 'object',
-    additionalProperties: { type: 'string' },
-    required: ['name'],
-    properties: {
-        name: {
-            type: 'string',
-        },
-        type: {
-            type: 'string',
-        },
-        counters: {
-            type: 'object',
-            additionalProperties: false,
-            required: [],
-            properties: {
-                include: {
-                    type: 'array',
-                    items: {
-                        type: 'string',
-                    },
-                },
-                exclude: {
-                    type: 'array',
-                    items: {
-                        type: 'string',
-                    },
-                },
-            },
-        },
-        blockName: {
-            type: 'string',
-        },
-    },
-};

package/build/esm/context/analyticsContext/analyticsContext.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { AnalyticsEvent } from '../../models';
-export interface AnalyticsContextProps {
-    sendEvents?: (e: AnalyticsEvent | AnalyticsEvent[]) => void;
-}
-export declare const AnalyticsContext: React.Context<AnalyticsContextProps>;

package/build/esm/context/analyticsContext/analyticsContext.js

@@ -1,2 +0,0 @@
-import React from 'react';
-export const AnalyticsContext = React.createContext({});

package/build/esm/context/analyticsContext/index.d.ts

@@ -1 +0,0 @@
-export * from './analyticsContext';

package/build/esm/context/analyticsContext/index.js

@@ -1 +0,0 @@
-export * from './analyticsContext';

package/build/esm/hooks/useAnalytics.d.ts

@@ -1,2 +0,0 @@
-import { AnalyticsEvent } from '../models';
-export declare const useAnalytics: (defaultEvent?: AnalyticsEvent) => ((e?: AnalyticsEvent | AnalyticsEvent[]) => void) | undefined;

package/build/esm/hooks/useAnalytics.js

@@ -1,19 +0,0 @@
-import { useContext } from 'react';
-import { AnalyticsContext } from '../context/analyticsContext';
-export const useAnalytics = (defaultEvent) => {
-    const { sendEvents } = useContext(AnalyticsContext);
-    if (!sendEvents) {
-        return undefined;
-    }
-    const defaultEvents = defaultEvent ? [defaultEvent] : [];
-    return (e) => {
-        let events = defaultEvents;
-        if (e) {
-            events = Array.isArray(e) ? [...events, ...e] : [...events, e];
-        }
-        if (!events) {
-            return;
-        }
-        sendEvents(events);
-    };
-};

package/build/esm/schema/validators/event.d.ts

@@ -1,37 +0,0 @@
-export declare const AnalyticsEventSchema: {
-    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;
-        };
-    };
-};

package/build/esm/schema/validators/event.js

@@ -1,35 +0,0 @@
-export const AnalyticsEventSchema = {
-    type: 'object',
-    additionalProperties: { type: 'string' },
-    required: ['name'],
-    properties: {
-        name: {
-            type: 'string',
-        },
-        type: {
-            type: 'string',
-        },
-        counters: {
-            type: 'object',
-            additionalProperties: false,
-            required: [],
-            properties: {
-                include: {
-                    type: 'array',
-                    items: {
-                        type: 'string',
-                    },
-                },
-                exclude: {
-                    type: 'array',
-                    items: {
-                        type: 'string',
-                    },
-                },
-            },
-        },
-        blockName: {
-            type: 'string',
-        },
-    },
-};