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

package/build/esm/sub-blocks/LayoutItem/schema.d.ts

@@ -0,0 +1,218 @@
+export declare const LayoutItem: {
+    type: string;
+    additionalProperties: boolean;
+    required: string[];
+    properties: {
+        media: {
+            color: {
+                type: string;
+            };
+            image: {
+                anyOf: ({
+                    oneOf: ({
+                        type: string;
+                        properties: {
+                            when: {
+                                type: string;
+                            };
+                        };
+                    } | {
+                        type: string;
+                        pattern: string;
+                    })[];
+                } | {
+                    type: string;
+                    items: {
+                        oneOf: ({
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        } | {
+                            type: string;
+                            pattern: string;
+                        })[];
+                    };
+                })[];
+            };
+            video: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    src: {
+                        type: string;
+                        items: {
+                            type: string;
+                        };
+                    };
+                    loop: {
+                        anyOf: ({
+                            type: string;
+                            additionalProperties: boolean;
+                            required: string[];
+                            properties: {
+                                start: {
+                                    type: string;
+                                };
+                                end: {
+                                    type: string;
+                                };
+                            };
+                        } | {
+                            type: string;
+                        })[];
+                    };
+                    type: {
+                        type: string;
+                        enum: string[];
+                    };
+                    muted: {
+                        type: string;
+                    };
+                    playing: {
+                        type: string;
+                    };
+                    elapsedTime: {
+                        type: string;
+                    };
+                    playIcon: {
+                        type: string;
+                        additionalProperties: boolean;
+                        properties: {
+                            type: {
+                                type: string;
+                                enum: string[];
+                            };
+                            theme: {
+                                type: string;
+                                enum: string[];
+                            };
+                            text: {
+                                type: string;
+                                contentType: string;
+                            };
+                        };
+                    };
+                    controls: {
+                        type: string;
+                        enum: string[];
+                    };
+                };
+            };
+            youtube: {
+                type: string;
+            };
+            parallax: {
+                type: string;
+            };
+            height: {
+                type: string;
+            };
+            previewImg: {
+                type: string;
+            };
+            dataLens: {
+                oneOf: ({
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        id: {
+                            type: string;
+                        };
+                        theme: {
+                            type: string;
+                            enum: string[];
+                        };
+                    };
+                } | {
+                    type: string;
+                })[];
+            };
+        };
+        content: Partial<{
+            title: {
+                oneOf: ({
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                            contentType: string;
+                        };
+                        textSize: {
+                            type: string;
+                            enum: string[];
+                        };
+                        url: {
+                            type: string;
+                        };
+                        resetMargin: {
+                            type: string;
+                        };
+                    };
+                } | {
+                    type: string;
+                    contentType: string;
+                })[];
+            };
+            text: {
+                type: string;
+                contentType: string;
+            };
+            additionalInfo: {
+                type: string;
+                contentType: string;
+            };
+            size: {
+                type: string;
+                enum: string[];
+            };
+            links: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            buttons: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            theme: {
+                type: string;
+                enum: string[];
+            };
+        }>;
+        metaInfo: {
+            type: string;
+            items: {
+                type: string;
+                contentType: string;
+            };
+        };
+        border: {
+            type: string;
+        };
+        fullScreen: {
+            type: string;
+        };
+        type: {};
+        when: {};
+    };
+};

package/build/esm/sub-blocks/LayoutItem/schema.js

@@ -0,0 +1,14 @@
+import { omit } from 'lodash';
+import { BaseProps, MediaProps } from '../../schema/validators/common';
+import { ContentBase } from '../../sub-blocks/Content/schema';
+import metaInfo from '../../components/MetaInfo/schema';
+export const LayoutItem = {
+    type: 'object',
+    additionalProperties: false,
+    required: ['content', 'media'],
+    properties: Object.assign(Object.assign({}, BaseProps), { media: MediaProps, content: omit(ContentBase, ['colSize', 'size', 'centered']), metaInfo: metaInfo, border: {
+            type: 'boolean',
+        }, fullScreen: {
+            type: 'boolean',
+        } }),
+};

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

@@ -0,0 +1,15 @@
+import { LayoutItemProps, LinkTheme, MediaProps } from '../../models';
+export declare const getLayoutItemLinks: (links: LayoutItemProps['content']['links']) => {
+    url: string;
+    text?: string | undefined;
+    textSize?: import("../../models").TextSize | undefined;
+    theme: LinkTheme;
+    colorTheme?: import("../../models").TextTheme | undefined;
+    arrow?: boolean | undefined;
+    target?: string | undefined;
+    metrikaGoals?: import("../../models").MetrikaGoal | undefined;
+    pixelEvents?: import("../../models").ButtonPixel | undefined;
+    className?: string | undefined;
+}[] | undefined;
+export declare const hasFullScreen: ({ dataLens, image }: MediaProps) => boolean;
+export declare const showFullScreenIcon: ({ youtube }: MediaProps) => boolean;

package/build/esm/sub-blocks/LayoutItem/utils.js

@@ -0,0 +1,6 @@
+export const getLayoutItemLinks = (links) => links === null || links === void 0 ? void 0 : links.map((link) => (Object.assign({ theme: 'normal' }, link)));
+export const hasFullScreen = ({ dataLens, image }) => {
+    // datalens and slider media card don't support fullScreen mode
+    return !(dataLens || Array.isArray(image));
+};
+export const showFullScreenIcon = ({ youtube }) => !youtube;

package/build/esm/sub-blocks/MediaCard/MediaCard.d.ts

@@ -1,4 +1,4 @@
 import { MediaCardProps } from '../../models';
 import './MediaCard.css';
-declare const MediaCard: ({ border, blockName, ...mediaProps }: MediaCardProps) => JSX.Element;
+declare const MediaCard: ({ border, ...mediaProps }: MediaCardProps) => JSX.Element;
 export default MediaCard;

package/build/esm/sub-blocks/MediaCard/MediaCard.js

@@ -1,14 +1,13 @@
 import { __rest } from "tslib";
 import React from 'react';
-import { SubBlockType } from '../../models';
 import { block } from '../../utils';
 import { Media, CardBase } from '../../components';
 import './MediaCard.css';
 const b = block('MediaCard');
 const MediaCard = (_a) => {
-    var { border, blockName = SubBlockType.MediaCard } = _a, mediaProps = __rest(_a, ["border", "blockName"]);
+    var { border } = _a, mediaProps = __rest(_a, ["border"]);
     return (React.createElement(CardBase, { className: b(), bodyClassName: b('body'), border: border },
         React.createElement(CardBase.Content, null,
-            React.createElement(Media, Object.assign({}, mediaProps, { blockName: blockName })))));
+            React.createElement(Media, Object.assign({}, mediaProps)))));
 };
 export default MediaCard;

package/build/esm/sub-blocks/Quote/Quote.js

@@ -1,28 +1,20 @@
-import React, { useCallback, useContext } from 'react';
+import React, { useContext } from 'react';
 import { Button } from '@gravity-ui/uikit';
 import { block, getThemedValue } from '../../utils';
-import { AuthorType, SubBlockType } from '../../models';
+import { AuthorType } from '../../models';
 import { Author, Image, HTML } from '../../components';
 import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
 import { getMediaImage } from '../../components/Media/Image/utils';
-import { useAnalytics } from '../../hooks';
-import { DEFAULT_EVENT_TYPE } from '../../constants';
 import './Quote.css';
 const b = block('quote');
 const Quote = (props) => {
-    const { theme: textTheme = 'light', color, image, border = 'shadow', text, logo, author, url, buttonText, blockName = SubBlockType.Quote, } = props;
+    const { theme: textTheme = 'light', color, image, border = 'shadow', text, logo, author, url, buttonText, } = props;
     const { themeValue: theme } = useContext(ThemeValueContext);
     const imageThemed = getThemedValue(image, theme);
     const imageData = getMediaImage(imageThemed);
-    const handleAnalytics = useAnalytics({
-        name: 'quote-button-click',
-        type: DEFAULT_EVENT_TYPE,
-        blockName: blockName,
-    });
-    const handleButtonClick = useCallback(() => handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(), [handleAnalytics]);
     const renderFooter = Boolean(author || url) && (React.createElement("div", { className: b('author-wrapper') },
         author && (React.createElement(Author, { className: b('author', { theme: textTheme }), author: author, type: AuthorType.Line })),
-        url && buttonText && (React.createElement(Button, { view: "outlined", size: "xl", href: url, className: b('link-button', { theme: textTheme }), onClick: handleButtonClick }, buttonText))));
+        url && buttonText && (React.createElement(Button, { view: "outlined", size: "xl", href: url, className: b('link-button', { theme: textTheme }) }, buttonText))));
     return (React.createElement("div", { className: b({ theme: textTheme, border }), style: color ? { backgroundColor: color } : {} },
         React.createElement("div", { key: text, className: b('content-wrapper') },
             React.createElement("div", null,

package/build/esm/sub-blocks/Quote/schema.d.ts

@@ -64,9 +64,6 @@ export declare const Quote: {
                     };
                 };
             };
-            blockName: {
-                type: string;
-            };
             type: {};
             when: {};
         };

package/build/esm/sub-blocks/Quote/schema.js

@@ -15,8 +15,6 @@ export const Quote = {
             }, url: {
                 type: 'string',
                 pattern: urlPattern,
-            }, theme: ThemeProps, author: authorItem, blockName: {
-                type: 'string',
-            } }),
+            }, theme: ThemeProps, author: authorItem }),
     },
 };

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

@@ -7,6 +7,7 @@ export { default as MediaCard } from './MediaCard/MediaCard';
 export { default as BannerCard } from './BannerCard/BannerCard';
 export { default as TutorialCard } from './TutorialCard/TutorialCard';
 export { default as CardWithImage } from './CardWithImage/CardWithImage';
+export { default as LayoutItem } from './LayoutItem/LayoutItem';
 export { default as BackgroundCard } from './BackgroundCard/BackgroundCard';
 export { default as BasicCard } from './BasicCard/BasicCard';
 export { default as Content } from './Content/Content';

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

@@ -7,6 +7,7 @@ export { default as MediaCard } from './MediaCard/MediaCard';
 export { default as BannerCard } from './BannerCard/BannerCard';
 export { default as TutorialCard } from './TutorialCard/TutorialCard';
 export { default as CardWithImage } from './CardWithImage/CardWithImage';
+export { default as LayoutItem } from './LayoutItem/LayoutItem';
 export { default as BackgroundCard } from './BackgroundCard/BackgroundCard';
 export { default as BasicCard } from './BasicCard/BasicCard';
 export { default as Content } from './Content/Content';

package/build/esm/text-transform/blocks.js

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

package/build/esm/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/build/esm/utils/hubspot.js

@@ -20,7 +20,7 @@ export function loopBackHabspotEvents(formId) {
 }
 export function handleHubspotEvents(handlers, formId) {
     return ({ data }) => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         if (!isHubspotEventData(data)) {
             return;
         }
@@ -44,6 +44,10 @@ export 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "1.15.0-alpha.8",
+  "version": "1.15.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -56,7 +56,8 @@
     "react-waypoint": "^10.1.0",
     "sanitize-html": "^2.6.1",
     "snakecase-keys": "^5.1.0",
-    "typograf": "^6.14.0"
+    "typograf": "^6.14.0",
+    "uuid": "^9.0.0"
   },
   "peerDependencies": {
     "react": "^16.0.0 || ^17.0.0",
@@ -87,6 +88,7 @@
     "@types/react-slick": "^0.23.7",
     "@types/react-transition-group": "^4.4.4",
     "@types/sanitize-html": "^2.6.0",
+    "@types/uuid": "^9.0.0",
     "eslint": "^7.32.0",
     "eslint-plugin-local": "./eslint-plugin-local",
     "eslint-plugin-testing-library": "^5.9.1",
@@ -132,8 +134,5 @@
     "*.{json,yaml,yml,md}": [
       "prettier --write"
     ]
-  },
-  "publishConfig": {
-    "tag": "alpha"
   }
 }

package/server/models/common.d.ts

@@ -7,21 +7,12 @@ export declare enum Theme {
     Light = "light",
     Dark = "dark"
 }
-/**
- * @deprecated Pixel will be deleted
- */
 type PixelCommand = 'track' | 'trackCustom';
-/**
- * @deprecated Pixel will be deleted
- */
 export interface PixelEvent {
     command: PixelCommand;
     event: PixelEventType | string;
     data?: Object;
 }
-/**
- * @deprecated Pixel will be deleted from package
- */
 export declare enum PixelEventType {
     AddPaymentInfo = "AddPaymentInfo",
     AddToCart = "AddToCart",
@@ -45,17 +36,11 @@ export declare enum PixelEventType {
 export type Modifiers = {
     [name: string]: string | boolean | undefined;
 };
-/**
- * @deprecated Pixel will be deleted
- */
 export interface Pixel<TEvent = string> {
     trackStandard: (event: TEvent, data?: Object) => void;
     trackCustom: (event: string, data?: Object) => void;
     track: (trackEvents: string | string[] | PixelEvent[] | PixelEvent) => void;
 }
-/**
- * @deprecated Metrika will be deleted
- */
 export interface Metrika {
     reachGoal: (counterName: string, ...args: any) => void;
     reachGoals: (goals: MetrikaGoal, counterName?: string) => void;
@@ -64,18 +49,4 @@ export interface ClassNameProps {
     className?: string;
 }
 export type Timeout = ReturnType<typeof setTimeout> | undefined;
-export type AnalyticsParameter = {
-    key: string;
-    value: string | number | boolean;
-};
-export type AnalyticsCounters = {
-    include?: string[];
-    exclude?: string[];
-};
-export type AnalyticsEvent<T = {}> = T & {
-    name: string;
-    type?: string;
-    counters?: AnalyticsCounters;
-    blockName?: string;
-};
 export {};

package/server/models/common.js

@@ -6,9 +6,6 @@ var Theme;
     Theme["Light"] = "light";
     Theme["Dark"] = "dark";
 })(Theme = exports.Theme || (exports.Theme = {}));
-/**
- * @deprecated Pixel will be deleted from package
- */
 var PixelEventType;
 (function (PixelEventType) {
     PixelEventType["AddPaymentInfo"] = "AddPaymentInfo";

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

@@ -109,7 +109,6 @@ export interface HeaderBlockProps {
     verticalOffset?: 's' | 'm' | 'l' | 'xl';
     breadcrumbs?: HeaderBreadCrumbsProps;
     status?: JSX.Element;
-    blockName?: string;
 }
 export type CalculatorProps = Animatable;
 export interface SimpleBlockProps extends Animatable, Childable {
@@ -128,7 +127,6 @@ export interface ExtendedFeaturesProps extends Animatable {
     title?: TitleProps | string;
     description?: string;
     colSizes?: GridColumnSizesType;
-    blockName?: string;
 }
 export interface PromoFeaturesItem {
     title: string;
@@ -141,7 +139,6 @@ export interface PromoFeaturesProps extends Animatable {
     title?: TitleProps | string;
     description?: string;
     theme?: 'grey' | 'default';
-    blockName?: string;
 }
 export interface QuestionItem {
     title: string;
@@ -166,7 +163,6 @@ export interface MediaContentProps {
     links?: LinkProps[];
     buttons?: ButtonProps[];
     size?: ContentSize;
-    blockName?: string;
 }
 export interface MediaBlockProps extends Animatable, MediaContentProps {
     media: ThemeSupporting<MediaProps>;
@@ -184,7 +180,6 @@ export interface PreviewBlockProps extends Animatable {
     ratioMediaContent?: PreviewRatioMediaContent;
     stopVideo?: boolean;
     showImmediately?: boolean;
-    blockName?: string;
 }
 export interface InfoBlockProps {
     theme?: TextTheme;
@@ -199,7 +194,6 @@ export interface InfoBlockProps {
     links?: Pick<LinkProps, 'text' | 'url'>[];
     leftContent?: Omit<ContentBlockProps, 'colSizes' | 'theme' | 'size'>;
     rightContent?: Omit<ContentBlockProps, 'colSizes' | 'theme' | 'size'>;
-    blockName?: string;
 }
 export interface SecurityBlockPoint {
     img: string;
@@ -215,7 +209,6 @@ export interface SecurityBlockProps extends Animatable {
     title: string;
     points?: SecurityBlockPoint[];
     media: MediaProps;
-    blockName?: string;
 }
 export interface TableProps {
     content: string[][];
@@ -242,7 +235,6 @@ export interface TabsBlockProps extends BlockHeaderProps, Animatable {
     centered?: boolean;
     direction?: MediaDirection;
     items: TabsBlockItem[];
-    blockName?: string;
 }
 export interface LinkTableBlockProps extends BlockHeaderProps {
     items: LinkProps[][];
@@ -272,7 +264,6 @@ export interface ContentLayoutBlockProps {
     };
     textContent: ContentBlockProps;
     fileContent?: FileLinkProps[];
-    blockName?: string;
 }
 export interface ContentBlockProps {
     title?: TitleBaseProps | string;
@@ -284,7 +275,6 @@ export interface ContentBlockProps {
     colSizes?: GridColumnSizesType;
     centered?: boolean;
     theme?: ContentTheme;
-    blockName?: string;
 }
 export declare enum PCShareSocialNetwork {
     Vk = "vk",
@@ -296,7 +286,6 @@ export declare enum PCShareSocialNetwork {
 export interface ShareBlockProps {
     items: PCShareSocialNetwork[];
     title?: string;
-    blockName?: string;
 }
 export type HeaderBlockModel = {
     type: BlockType.HeaderBlock;