@gravity-ui/page-constructor 1.14.0-alpha.4 → 1.14.0-alpha.6

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,6 @@
+"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

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

package/build/cjs/{schema/validators/navigation.js → context/analyticsContext/index.js}

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

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

@@ -1,7 +1,13 @@
 import React from 'react';
 import { Metrika, Pixel } from '../../models';
 export interface MetrikaContextProps {
+    /**
+     * @deprecated Metrika will be deleted
+     */
     metrika?: Metrika;
+    /**
+     * @deprecated Metrika will be deleted
+     */
     pixel?: Pixel;
 }
 export declare const MetrikaContext: React.Context<MetrikaContextProps>;

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

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

package/build/cjs/hooks/useAnalytics.js

@@ -0,0 +1,15 @@
+"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 = () => {
+    const { sendEvents } = (0, react_1.useContext)(analyticsContext_1.AnalyticsContext);
+    return (e) => {
+        if (!e) {
+            return;
+        }
+        sendEvents === null || sendEvents === void 0 ? void 0 : sendEvents(e);
+    };
+};
+exports.useAnalytics = useAnalytics;

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

@@ -1,7 +1,13 @@
 import { ButtonPixel, MetrikaGoal, PixelEvent } from '../models';
+/**
+ * @deprecated Metrika will be deleted
+ */
 type UseMetrikaProps = {
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: string | string[] | PixelEvent | PixelEvent[] | ButtonPixel;
 };
+/**
+ * @deprecated useMetrika will be deleted
+ */
 export declare const useMetrika: () => ({ metrikaGoals, pixelEvents }: UseMetrikaProps) => void;
 export {};

package/build/cjs/hooks/useMetrika.js

@@ -5,12 +5,20 @@ const react_1 = require("react");
 const metrikaContext_1 = require("../context/metrikaContext");
 const models_1 = require("../models");
 const guards_1 = require("../models/guards");
+// eslint-disable-next-line valid-jsdoc
+/**
+ * @deprecated Metrika will be deleted, which uses this logic
+ */
 function isButtonPixel(pixelEvents) {
     if (Array.isArray(pixelEvents) && pixelEvents.length && 'name' in pixelEvents) {
         return true;
     }
     return false;
 }
+// eslint-disable-next-line valid-jsdoc
+/**
+ * @deprecated useMetrika will be deleted
+ */
 const useMetrika = () => {
     const { metrika, pixel } = (0, react_1.useContext)(metrikaContext_1.MetrikaContext);
     return ({ metrikaGoals, pixelEvents }) => {

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

@@ -7,12 +7,21 @@ 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",
@@ -36,11 +45,17 @@ 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;
@@ -49,4 +64,19 @@ export interface ClassNameProps {
     className?: string;
 }
 export type Timeout = ReturnType<typeof setTimeout> | undefined;
+export type AnalyticsParameter = {
+    key: string;
+    value: string;
+};
+export type AnalyticsEvent = {
+    name: string;
+    type?: string;
+    counters?: {
+        include?: string[];
+        exclude?: string[];
+    };
+    category?: string;
+    label?: string;
+    params?: AnalyticsParameter[];
+};
 export {};

package/build/cjs/models/common.js

@@ -6,6 +6,9 @@ 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/build/cjs/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 { ClassNameProps, PixelEventType } from '../common';
+import { AnalyticsEvent, ClassNameProps, PixelEventType } from '../common';
 export declare enum AuthorType {
     Column = "column",
     Line = "line"
@@ -121,6 +121,7 @@ export interface LinkProps extends Stylable {
     target?: string;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
+    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
 }
 export interface FileLinkProps extends ClassNameProps {
     href: string;
@@ -139,6 +140,7 @@ export interface ButtonProps {
     img?: ButtonImageProps | string;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
+    analyticsEvents?: AnalyticsEvent[];
     target?: string;
 }
 export interface ButtonImageProps {
@@ -222,6 +224,7 @@ export interface HeaderBreadCrumbsProps extends ClassNameProps {
     theme?: TextTheme;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
+    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
 }
 export interface PreviewContentItemProps {
     title: string;

package/build/cjs/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 { PixelEvent } from '../common';
+import { AnalyticsEvent, PixelEvent } from '../common';
 export declare enum SubBlockType {
     Divider = "divider",
     Quote = "quote",
@@ -61,6 +61,7 @@ export interface HubspotFormProps extends HubspotEventHandlers {
     onLoad?: (arg: HubspotEventData) => void;
     pixelEvents?: string | string[] | PixelEvent | PixelEvent[] | ButtonPixel;
     hubspotEvents?: string[];
+    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
 }
 export interface PartnerProps extends CardBaseProps {
     text: string;

package/build/cjs/models/navigation.d.ts

@@ -11,7 +11,7 @@ export interface NavigationItemBase {
     icon?: ImageProps;
     url?: string;
 }
-export interface NavigationLinkItem extends Omit<NavigationItemBase, 'url'> {
+export interface NavigationLinkItem extends NavigationItemBase {
     type: NavigationItemType.Link;
     url: string;
     arrow?: boolean;
@@ -19,6 +19,8 @@ export interface NavigationLinkItem extends Omit<NavigationItemBase, 'url'> {
 }
 export interface NavigationButtonItem extends ButtonProps {
     type: NavigationItemType.Button;
+    url: string;
+    target?: string;
 }
 export interface NavigationDropdownItem extends NavigationItemBase {
     type: NavigationItemType.Dropdown;

package/build/cjs/navigation/components/Header/Header.css

@@ -18,27 +18,25 @@ unpredictable css rules order in build */
   height: var(--header-height);
 }
 @media (min-width: 769px) {
-  .pc-header__mobile-menu-button.pc-header__mobile-menu-button {
+  .pc-header__mobile-menu-button {
     display: none;
   }
 }
-
 .pc-header__navigation, .pc-header__left, .pc-header__right {
   display: flex;
   align-items: center;
 }
-.pc-header__navigation.pc-header__navigation {
+.pc-header__navigation {
   position: relative;
   margin-right: 20px;
   flex: 1 0 0;
   justify-content: flex-start;
 }
 @media (max-width: 768px) {
-  .pc-header__navigation.pc-header__navigation {
+  .pc-header__navigation {
     display: none;
   }
 }
-
 .pc-header__right {
   flex: 0;
   justify-content: flex-end;

package/build/cjs/navigation/components/Logo/Logo.css

@@ -1,4 +1,4 @@
-.pc-logo__text {
+.pc-logo {
   margin: 0;
 }
 
@@ -7,6 +7,11 @@ unpredictable css rules order in build */
 .pc-logo {
   display: flex;
   align-items: center;
+  font-weight: var(--yc-text-accent-font-weight);
+  font-size: var(--yc-text-header-1-font-size);
+  line-height: var(--yc-text-header-1-line-height);
+  color: var(--pc-text-header-color);
+  font-weight: var(--yc-text-accent-font-weight);
 }
 .pc-logo__icon {
   display: flex;
@@ -14,9 +19,5 @@ unpredictable css rules order in build */
   object-fit: contain;
 }
 .pc-logo__text {
-  font-size: var(--yc-text-header-1-font-size);
-  line-height: var(--yc-text-header-1-line-height);
-  color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
   white-space: nowrap;
 }

package/build/cjs/navigation/components/NavigationItem/NavigationItem.css

@@ -4,7 +4,6 @@ unpredictable css rules order in build */
   position: relative;
   display: flex;
   align-items: center;
-  white-space: nowrap;
 }
 .pc-navigation-item_type_link {
   color: var(--yc-color-text-primary);

package/build/cjs/schema/index.d.ts

@@ -31,117 +31,6 @@ export declare function generateDefaultSchema(config?: SchemaCustomConfig): {
     additionalProperties: boolean;
     required: string[];
     properties: {
-        logo: {
-            oneOf: ({
-                type: string;
-                additionalProperties: boolean;
-                required: string[];
-                properties: {
-                    icon: {
-                        oneOf: ({
-                            type: string;
-                            properties: {
-                                when: {
-                                    type: string;
-                                };
-                            };
-                        } | {
-                            type: string;
-                            pattern: string;
-                        })[];
-                    };
-                    text: {
-                        type: string;
-                        contentType: string;
-                    };
-                    url: {
-                        type: string;
-                    };
-                };
-            } | {
-                type: string;
-                additionalProperties: boolean;
-                required: import("..").Theme[];
-                properties: {};
-            })[];
-        };
-        header: {
-            type: string;
-            additionalProperties: boolean;
-            required: string[];
-            properties: {
-                leftItems: {
-                    oneOf: {
-                        type: string;
-                        additionalProperties: boolean;
-                        required: string[];
-                        properties: {
-                            type: {
-                                type: string;
-                                enum: string[];
-                            };
-                            items: {
-                                type: string;
-                                items: {
-                                    type: string;
-                                    properties: {
-                                        when: {
-                                            type: string;
-                                        };
-                                    };
-                                };
-                            };
-                            text: {
-                                type: string;
-                                contentType: string;
-                            };
-                            url: {
-                                type: string;
-                            };
-                            icon: {
-                                type: string;
-                                pattern: string;
-                            };
-                        };
-                    }[];
-                };
-                rightItems: {
-                    oneOf: {
-                        type: string;
-                        additionalProperties: boolean;
-                        required: string[];
-                        properties: {
-                            type: {
-                                type: string;
-                                enum: string[];
-                            };
-                            items: {
-                                type: string;
-                                items: {
-                                    type: string;
-                                    properties: {
-                                        when: {
-                                            type: string;
-                                        };
-                                    };
-                                };
-                            };
-                            text: {
-                                type: string;
-                                contentType: string;
-                            };
-                            url: {
-                                type: string;
-                            };
-                            icon: {
-                                type: string;
-                                pattern: string;
-                            };
-                        };
-                    }[];
-                };
-            };
-        };
         blocks: {
             type: string;
             items: {

package/build/cjs/schema/index.js

@@ -7,7 +7,6 @@ const blocks_1 = require("./validators/blocks");
 const sub_blocks_1 = require("./validators/sub-blocks");
 const common_1 = require("./validators/common");
 const utils_1 = require("./validators/utils");
-const navigation_1 = require("./validators/navigation");
 const getBlocksCases = (blocks) => {
     return Object.values(blocks).reduce((acc, block) => (Object.assign(Object.assign({}, acc), block)));
 };
@@ -89,7 +88,7 @@ function generateDefaultSchema(config) {
         type: 'object',
         additionalProperties: false,
         required: ['blocks'],
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.AnimatableProps), { logo: (0, common_1.withTheme)(navigation_1.LogoProps), header: navigation_1.NavigationHeaderProps, blocks: {
+        properties: Object.assign(Object.assign(Object.assign({}, common_1.AnimatableProps), { blocks: {
                 type: 'array',
                 items: {
                     $ref: '#/definitions/children',