@gravity-ui/page-constructor 3.0.0-alpha.6 → 3.1.0

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

@@ -1114,6 +1114,87 @@ export declare const MediaProps: {
             type: string;
         })[];
     };
+    fullscreen: {
+        type: string;
+    };
+    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;
+                            };
+                        };
+                    };
+                };
+                context: {
+                    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;
+                                };
+                            };
+                        };
+                    };
+                    context: {
+                        type: string;
+                    };
+                };
+            };
+        })[];
+    };
 };
 export declare const YMapMarkerLabel: {
     type: string;

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

@@ -453,6 +453,12 @@ export const MediaProps = {
         type: 'string',
     },
     dataLens: DataLensProps,
+    fullscreen: {
+        type: 'boolean',
+    },
+    analyticsEvents: {
+        anyOf: [AnalyticsEventSchema, { type: 'array', items: AnalyticsEventSchema }],
+    },
 };
 export const YMapMarkerLabel = {
     type: 'object',

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

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

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

@@ -1,17 +1,17 @@
 import { __rest } from "tslib";
 import React from 'react';
 import { Content } from '..';
-import { FullScreenMedia, Media, MetaInfo } from '../../components';
+import { FullscreenMedia, Media, MetaInfo } from '../../components';
 import { block } from '../../utils';
-import { getLayoutItemLinks, hasFullScreen, showFullScreenIcon } from './utils';
+import { getLayoutItemLinks, hasFullscreen, showFullscreenIcon } from './utils';
 import './LayoutItem.css';
 const b = block('layout-item');
 const LayoutItem = (_a) => {
-    var _b = _a.content, { links } = _b, content = __rest(_b, ["links"]), { metaInfo, media, border, fullScreen, className } = _a;
+    var _b = _a.content, { links } = _b, content = __rest(_b, ["links"]), { metaInfo, media, border, fullscreen, className } = _a;
     return (React.createElement("div", { className: b(null, className) },
-        fullScreen && hasFullScreen(media) ? (React.createElement(FullScreenMedia, { showFullScreenIcon: showFullScreenIcon(media) }, (_a = {}) => {
-            var { className: mediaClassName } = _a, fullScreenMediaProps = __rest(_a, ["className"]);
-            return (React.createElement(Media, Object.assign({}, media, fullScreenMediaProps, { className: b('media', { border }, mediaClassName) })));
+        fullscreen && hasFullscreen(media) ? (React.createElement(FullscreenMedia, { showFullscreenIcon: showFullscreenIcon(media) }, (_a = {}) => {
+            var { className: mediaClassName, fullscreen: _fullscreen } = _a, fullscreenMediaProps = __rest(_a, ["className", "fullscreen"]);
+            return (React.createElement(Media, Object.assign({}, media, fullscreenMediaProps, { className: b('media', { border }, mediaClassName) })));
         })) : (React.createElement(Media, Object.assign({}, media, { className: b('media', { border }) }))),
         metaInfo && React.createElement(MetaInfo, { items: metaInfo, className: b('meta-info') }),
         React.createElement("div", { className: b('content') },

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

@@ -132,6 +132,87 @@ export declare const LayoutItem: {
                     type: string;
                 })[];
             };
+            fullscreen: {
+                type: string;
+            };
+            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;
+                                    };
+                                };
+                            };
+                        };
+                        context: {
+                            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;
+                                        };
+                                    };
+                                };
+                            };
+                            context: {
+                                type: string;
+                            };
+                        };
+                    };
+                })[];
+            };
         };
         content: Partial<{
             title: {
@@ -209,7 +290,7 @@ export declare const LayoutItem: {
         border: {
             type: string;
         };
-        fullScreen: {
+        fullscreen: {
             type: string;
         };
         type: {};

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

@@ -8,7 +8,7 @@ export const LayoutItem = {
     required: ['content', 'media'],
     properties: Object.assign(Object.assign({}, BaseProps), { media: MediaProps, content: omit(ContentBase, ['colSize', 'size', 'centered']), metaInfo: metaInfo, border: {
             type: 'boolean',
-        }, fullScreen: {
+        }, fullscreen: {
             type: 'boolean',
         } }),
 };

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

@@ -24,5 +24,5 @@ export declare const getLayoutItemLinks: (links: LayoutItemProps['content']['lin
     }[] | undefined;
     className?: string | undefined;
 }[] | undefined;
-export declare const hasFullScreen: ({ dataLens, image }: MediaProps) => boolean;
-export declare const showFullScreenIcon: ({ youtube }: MediaProps) => boolean;
+export declare const hasFullscreen: ({ dataLens, image }: MediaProps) => boolean;
+export declare const showFullscreenIcon: ({ youtube }: MediaProps) => boolean;

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

@@ -1,6 +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
+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;
+export const showFullscreenIcon = ({ youtube }) => !youtube;

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

@@ -134,6 +134,91 @@ export declare const MediaCardBlock: {
                     type: string;
                 })[];
             };
+            fullscreen: {
+                type: string;
+            };
+            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;
+                                    };
+                                };
+                            };
+                        };
+                        context: {
+                            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;
+                                        };
+                                    };
+                                };
+                            };
+                            context: {
+                                type: string;
+                            };
+                        };
+                    };
+                })[];
+            };
+            border: {
+                type: string;
+                enum: string[];
+            };
             type: {};
             when: {};
         };

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

@@ -1,8 +1,8 @@
-import { AnimatableProps, BaseProps, MediaProps } from '../../schema/validators/common';
+import { AnimatableProps, BaseProps, CardBase, MediaProps } from '../../schema/validators/common';
 export const MediaCardBlock = {
     'media-card': {
         additionalProperties: false,
         required: [],
-        properties: Object.assign(Object.assign(Object.assign({}, BaseProps), MediaProps), AnimatableProps),
+        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BaseProps), CardBase), MediaProps), AnimatableProps),
     },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "3.0.0-alpha.6",
+  "version": "3.1.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -139,8 +139,5 @@
     "*.{json,yaml,yml,md}": [
       "prettier --write"
     ]
-  },
-  "publishConfig": {
-    "tag": "alpha"
   }
 }

package/server/models/common.d.ts

@@ -79,7 +79,8 @@ export declare enum DefaultEventNames {
     HubspotFormSubmit = "hubspot-form-submit",
     QuoteButton = "quote-button-click",
     BackLink = "back-link-click",
-    Breadcrumb = "breadcrumb-click"
+    Breadcrumb = "breadcrumb-click",
+    VideoPreview = "video-preview-click"
 }
 export type AnalyticsCounters = {
     include?: string[];

package/server/models/common.js

@@ -48,4 +48,5 @@ var DefaultEventNames;
     DefaultEventNames["QuoteButton"] = "quote-button-click";
     DefaultEventNames["BackLink"] = "back-link-click";
     DefaultEventNames["Breadcrumb"] = "breadcrumb-click";
+    DefaultEventNames["VideoPreview"] = "video-preview-click";
 })(DefaultEventNames = exports.DefaultEventNames || (exports.DefaultEventNames = {}));

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

@@ -212,7 +212,7 @@ export interface TabsBlockProps extends Animatable {
     items: TabsBlockItem[];
 }
 export interface CardLayoutBlockProps extends Childable, Animatable, LoadableChildren {
-    title: TitleItemProps | string;
+    title?: TitleItemProps | string;
     description?: string;
     colSizes?: GridColumnSizesType;
 }

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

@@ -169,7 +169,7 @@ export interface MediaComponentVideoProps extends AnalyticsEventsBase {
 export interface MediaComponentYoutubeProps {
     youtube: string;
     previewImg?: string;
-    fullScreen?: boolean;
+    fullscreen?: boolean;
 }
 export interface MediaComponentImageProps {
     image: ImageProps | ImageProps[] | ImageDeviceProps;

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

@@ -94,7 +94,7 @@ export interface LayoutItemProps extends ClassNameProps {
     media: MediaProps;
     metaInfo?: string[];
     border?: boolean;
-    fullScreen?: boolean;
+    fullscreen?: boolean;
 }
 export type DividerModel = {
     type: SubBlockType.Divider;

package/build/cjs/components/FullscreenMedia/FullScreenMedia.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { MediaAllProps } from '../Media/Media';
-export type ChildMediaRenderProps = Pick<MediaAllProps, 'fullScreen' | 'imageClassName' | 'videoClassName' | 'youtubeClassName' | 'className'>;
-export interface FullScreenMediaProps {
-    showFullScreenIcon?: boolean;
-    children: (props?: ChildMediaRenderProps) => JSX.Element;
-}
-declare const FullScreenMedia: ({ children, showFullScreenIcon }: FullScreenMediaProps) => JSX.Element;
-export default FullScreenMedia;

package/build/cjs/icons/FullScreen.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const FullScreen: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/esm/components/FullscreenMedia/FullScreenMedia.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { MediaAllProps } from '../Media/Media';
-import './FullScreenMedia.css';
-export type ChildMediaRenderProps = Pick<MediaAllProps, 'fullScreen' | 'imageClassName' | 'videoClassName' | 'youtubeClassName' | 'className'>;
-export interface FullScreenMediaProps {
-    showFullScreenIcon?: boolean;
-    children: (props?: ChildMediaRenderProps) => JSX.Element;
-}
-declare const FullScreenMedia: ({ children, showFullScreenIcon }: FullScreenMediaProps) => JSX.Element;
-export default FullScreenMedia;

package/build/esm/icons/FullScreen.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const FullScreen: React.FC<React.SVGProps<SVGSVGElement>>;