@gravity-ui/page-constructor 1.15.0-alpha.21 → 1.15.0-alpha.22

package/build/esm/blocks/Header/schema.d.ts

@@ -274,84 +274,6 @@ export declare const HeaderProperties: {
                 type: string;
                 contentType: 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;
-                            };
-                        };
-                    };
-                })[];
-            };
         };
     };
     imageSize: {
@@ -685,84 +607,6 @@ export declare const HeaderBlock: {
                         type: string;
                         contentType: 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;
-                                    };
-                                };
-                            };
-                        })[];
-                    };
                 };
             };
             imageSize: {

package/build/esm/blocks/Header/schema.js

@@ -1,7 +1,6 @@
 import { VideoProps, withTheme, BlockBaseProps, ButtonBlock, MediaProps, } from '../../schema/validators/common';
 import { filteredArray } from '../../schema/validators/utils';
 import { ImageProps } from '../../components/Image/schema';
-import { AnalyticsEventSchema } from '../../schema/validators/event';
 export const HeaderBackgroundProps = {
     type: 'object',
     additionalProperties: false,
@@ -43,9 +42,6 @@ export const HeaderProperties = {
                 type: 'string',
                 contentType: 'text',
             },
-            analyticsEvents: {
-                anyOf: [AnalyticsEventSchema, { type: 'array', items: AnalyticsEventSchema }],
-            },
         },
     },
     imageSize: {

package/build/esm/blocks/HeaderSlider/schema.d.ts

@@ -144,84 +144,6 @@ export declare const HeaderSliderBlock: {
                                     type: string;
                                     contentType: 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;
-                                                };
-                                            };
-                                        };
-                                    })[];
-                                };
                             };
                         };
                         imageSize: {

package/build/esm/blocks/Info/schema.d.ts

@@ -21,9 +21,6 @@ export declare const InfoBlock: {
                 type: string;
                 contentType: string;
             };
-            context: {
-                type: string;
-            };
             buttons: {
                 type: string;
                 items: {

package/build/esm/blocks/Info/schema.js

@@ -18,8 +18,6 @@ export const InfoBlock = {
             }), sectionsTitle: {
                 type: 'string',
                 contentType: 'text',
-            }, context: {
-                type: 'string',
             }, buttons: filteredArray(ButtonBlock), theme: ThemeProps, links: filteredArray(LinkProps), leftContent: ContentProps, rightContent: ContentProps }),
     },
 };

package/build/esm/blocks/Preview/MediaContent/MediaContent.d.ts

@@ -9,7 +9,6 @@ interface MediaContentProps extends Refable<HTMLDivElement> {
     switching: boolean;
     isActiveBlock: (id: number, isMediaBlock?: boolean) => boolean;
     showMediaContent: (id: number) => void;
-    context?: string;
 }
-declare const MediaContent: React.ForwardRefExoticComponent<Pick<MediaContentProps, "title" | "context" | "items" | "description" | "ratioMediaContent" | "switching" | "isActiveBlock" | "showMediaContent"> & React.RefAttributes<HTMLDivElement>>;
+declare const MediaContent: React.ForwardRefExoticComponent<Pick<MediaContentProps, "title" | "items" | "description" | "ratioMediaContent" | "switching" | "isActiveBlock" | "showMediaContent"> & React.RefAttributes<HTMLDivElement>>;
 export default MediaContent;

package/build/esm/blocks/Preview/schema.d.ts

@@ -30,9 +30,6 @@ export declare const PreviewBlock: {
                     };
                 };
             };
-            context: {
-                type: string;
-            };
             animated: {
                 type: string;
             };

package/build/esm/blocks/Preview/schema.js

@@ -45,8 +45,6 @@ export const PreviewBlock = {
             }, ratioMediaContent: {
                 type: 'string',
                 enum: previewRatioMediaContent,
-            }, items: filteredArray(PreviewItem), context: {
-                type: 'string',
-            } }),
+            }, items: filteredArray(PreviewItem) }),
     },
 };

package/build/esm/blocks/Security/schema.d.ts

@@ -160,9 +160,6 @@ export declare const SecurityBlock: {
                     };
                 };
             };
-            context: {
-                type: string;
-            };
             animated: {
                 type: string;
             };

package/build/esm/blocks/Security/schema.js

@@ -23,8 +23,6 @@ export const SecurityBlock = {
                     },
                     link: _.pick(LinkProps, ['text', 'url']),
                 },
-            }), context: {
-                type: 'string',
-            } }),
+            }) }),
     },
 };

package/build/esm/blocks/Tabs/schema.d.ts

@@ -177,6 +177,84 @@ export declare const tabsItem: {
                     type: string;
                     enum: 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;
+                                };
+                            };
+                        };
+                    })[];
+                };
                 type: {};
                 when: {};
             };

package/build/esm/components/BackLink/BackLink.d.ts

@@ -9,6 +9,5 @@ export interface BackLinkProps {
     className?: string;
     shouldHandleBackAction?: boolean;
     onClick?: () => void;
-    context?: string;
 }
 export default function BackLink(props: BackLinkProps): JSX.Element;

package/build/esm/components/BackLink/BackLink.js

@@ -2,16 +2,18 @@ import React, { useCallback, useContext } from 'react';
 import { Button, Icon } from '@gravity-ui/uikit';
 import { ArrowSidebar } from '../../icons';
 import { LocationContext } from '../../context/locationContext';
+import { BlockPositionContext } from '../../context/blockPositionContext';
 import { useAnalytics } from '../../hooks';
 import { PredefinedEventTypes } from '../../models';
 const COMPONENT_NAME = 'backlink';
 export default function BackLink(props) {
     const { history } = useContext(LocationContext);
-    const { url, title, theme = 'default', size = 'l', className, shouldHandleBackAction = false, onClick, context = COMPONENT_NAME, } = props;
+    const { url, title, theme = 'default', size = 'l', className, shouldHandleBackAction = false, onClick, } = props;
+    const context = useContext(BlockPositionContext);
     const handleAnalytics = useAnalytics({
         name: 'back-link-click',
         type: PredefinedEventTypes.Default,
-        context: context,
+        context: context || COMPONENT_NAME,
         target: url,
     });
     const backActionHandler = useCallback(async () => {

package/build/esm/components/Button/Button.js

@@ -5,10 +5,10 @@ import { block, setUrlTld } from '../../utils';
 import { PredefinedEventTypes } from '../../models';
 import { toCommonSize, toCommonView } from './utils';
 import { LocaleContext } from '../../context/localeContext/localeContext';
+import { BlockPositionContext } from '../../context/blockPositionContext';
 import { useMetrika } from '../../hooks/useMetrika';
 import { useAnalytics } from '../../hooks';
 import { Github } from '../../icons';
-import { BlockPositionContext } from '../../context/blockPositionContext';
 import './Button.css';
 const COMPONENT_NAME = 'button';
 const b = block('button-block');
@@ -25,9 +25,6 @@ const Button = (props) => {
         target: url,
     }), [context, url]);
     const handleAnalytics = useAnalytics(defaultEvent);
-    const blockPosition = useContext(BlockPositionContext);
-    // eslint-disable-next-line no-console
-    console.log({ blockPosition }, props);
     const onClick = useCallback(() => {
         handleMetrika({ metrikaGoals, pixelEvents });
         handleAnalytics(analyticsEvents);

package/build/esm/components/ButtonTabs/ButtonTabs.d.ts

@@ -9,7 +9,6 @@ export interface ButtonTabsProps {
     items: ButtonTabsItemProps[];
     activeTab?: string;
     onSelectTab?: (tabId: string) => void;
-    context?: string;
 }
 declare const ButtonTabs: (props: ButtonTabsProps) => JSX.Element;
 export default ButtonTabs;

package/build/esm/components/CardBase/CardBase.d.ts

@@ -1,8 +1,8 @@
 import React, { ReactElement, HTMLAttributeAnchorTarget } from 'react';
 import { ButtonPixel, CardBaseProps as CardBaseParams, ImageProps, MetrikaGoal, WithChildren } from '../../models';
-import { AnalyticsEvent } from '../../models/common';
+import { AnalyticsEventsBase } from '../../models/common';
 import './CardBase.css';
-export interface CardBaseProps extends CardBaseParams {
+export interface CardBaseProps extends AnalyticsEventsBase, CardBaseParams {
     className?: string;
     bodyClassName?: string;
     contentClassName?: string;
@@ -11,8 +11,6 @@ export interface CardBaseProps extends CardBaseParams {
     target?: HTMLAttributeAnchorTarget;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
-    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
-    context?: string;
 }
 export interface CardHeaderBaseProps {
     className?: string;

package/build/esm/components/HeaderBreadcrumbs/HeaderBreadcrumbs.css

@@ -1,6 +1,36 @@
+@charset "UTF-8";
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
 .pc-header-breadcrumbs {
   z-index: 11;
 }
+.pc-header-breadcrumbs__item {
+  display: inline-block;
+}
+.pc-header-breadcrumbs__text {
+  font-size: var(--yc-text-body-2-font-size);
+  line-height: var(--yc-text-body-2-line-height);
+  outline: none;
+  color: var(--yc-color-text-link);
+  text-decoration: none;
+  cursor: pointer;
+  color: var(--yc-color-text-secondary);
+}
+.utilityfocus .pc-header-breadcrumbs__text:focus {
+  outline: 2px solid #ffdb4d;
+}
+.pc-header-breadcrumbs__text:hover, .pc-header-breadcrumbs__text:active {
+  --pc-text-header-color: var(--yc-color-text-link-hover);
+  color: var(--yc-color-text-link-hover);
+}
+.pc-header-breadcrumbs__text:after {
+  content: " / ";
+  margin: 0 8px 0 6px;
+  color: var(--yc-color-text-secondary);
+}
+.pc-header-breadcrumbs__text:hover {
+  color: var(--yc-color-text-primary);
+}
 .pc-header-breadcrumbs_theme_dark .pc-header-breadcrumbs__text {
   color: var(--yc-color-text-light-secondary);
 }

package/build/esm/components/HeaderBreadcrumbs/HeaderBreadcrumbs.js

@@ -1,9 +1,14 @@
 import React from 'react';
 import { block } from '../../utils';
-import HeaderBreadcrumbsItem from './HeaderBreadcrumbsItem';
+import { useMetrika } from '../../hooks/useMetrika';
 import './HeaderBreadcrumbs.css';
 const b = block('header-breadcrumbs');
 export default function HeaderBreadcrumbs(props) {
     const { items, metrikaGoals, pixelEvents, theme = 'light', className } = props;
-    return (React.createElement("div", { className: b({ theme }, className) }, items.map((item) => (React.createElement(HeaderBreadcrumbsItem, { key: item.url, url: item.url, text: item.text, metrikaGoals: metrikaGoals, pixelEvents: pixelEvents, analyticsEvents: item.analyticsEvents })))));
+    const handleMetrika = useMetrika();
+    const onClick = () => {
+        handleMetrika({ metrikaGoals, pixelEvents });
+    };
+    return (React.createElement("div", { className: b({ theme }, className) }, items.map((item) => (React.createElement("div", { className: b('item'), key: item.url },
+        React.createElement("a", { href: item.url, className: b('text'), onClick: onClick }, item.text))))));
 }

package/build/esm/components/Link/Link.js

@@ -7,9 +7,9 @@ import FileLink from '../FileLink/FileLink';
 import BackLink from '../BackLink/BackLink';
 import { LocaleContext } from '../../context/localeContext/localeContext';
 import { LocationContext } from '../../context/locationContext/locationContext';
+import { BlockPositionContext } from '../../context/blockPositionContext';
 import { useMetrika } from '../../hooks/useMetrika';
 import { useAnalytics } from '../../hooks';
-import { BlockPositionContext } from '../../context/blockPositionContext';
 import './Link.css';
 const b = block('link-block');
 const WORD_JOINER_SYM = '\u200b';

package/build/esm/components/ReactPlayer/ReactPlayer.js

@@ -43,7 +43,7 @@ export const ReactPlayerBlock = React.forwardRef((props, originRef) => {
     const defaultEvent = useMemo(() => ({
         name: 'react-player-controls-click',
         type: PredefinedEventTypes.Default,
-        context: context,
+        context,
     }), [context]);
     const handleAnalytics = useAnalytics(defaultEvent);
     useImperativeHandle(originRef, () => ({

package/build/esm/components/YandexForm/YandexForm.d.ts

@@ -1,7 +1,7 @@
 import { PixelEvent } from '../../models';
-import { AnalyticsEvent } from '../../models/common';
+import { AnalyticsEventsBase } from '../../models/common';
 export declare const YANDEX_FORM_ORIGIN = "https://forms.yandex.ru";
-export interface YandexFormProps {
+export interface YandexFormProps extends AnalyticsEventsBase {
     id: number | string;
     containerId?: string;
     theme?: string;
@@ -15,8 +15,6 @@ export interface YandexFormProps {
     onLoad?: () => void;
     metrikaGoals?: string | string[];
     pixelEvents?: string | string[] | PixelEvent | PixelEvent[];
-    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
-    context?: string;
 }
 declare const YandexForm: (props: YandexFormProps) => JSX.Element;
 export default YandexForm;

package/build/esm/components/YandexForm/YandexForm.js

@@ -2,11 +2,11 @@ import React, { useCallback, useContext, useEffect, useMemo, useRef } from 'reac
 import { HEADER_HEIGHT } from '../constants';
 import { LocaleContext } from '../../context/localeContext';
 import { MobileContext } from '../../context/mobileContext';
+import { BlockPositionContext } from '../../context/blockPositionContext';
 import { block } from '../../utils';
-import { useMetrika } from '../../hooks/useMetrika';
 import { PredefinedEventTypes } from '../../models/common';
+import { useMetrika } from '../../hooks/useMetrika';
 import { useAnalytics } from '../../hooks';
-import { BlockPositionContext } from '../../context/blockPositionContext';
 export const YANDEX_FORM_ORIGIN = 'https://forms.yandex.ru';
 const CONTAINER_ID = 'pc-yandex-form-container';
 const b = block('yandex-form');

package/build/esm/models/common.d.ts

@@ -80,4 +80,7 @@ export type AnalyticsEvent<T = {}> = T & {
     context?: string;
     target?: string;
 };
+export interface AnalyticsEventsBase {
+    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
+}
 export {};