@gravity-ui/page-constructor 1.14.0-alpha.0 → 1.14.0-alpha.2

package/build/cjs/hooks/useMetrika.js

@@ -5,20 +5,12 @@ 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,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,19 +49,4 @@ 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,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/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 { AnalyticsEvent, ClassNameProps, PixelEventType } from '../common';
+import { ClassNameProps, PixelEventType } from '../common';
 export declare enum AuthorType {
     Column = "column",
     Line = "line"
@@ -121,7 +121,6 @@ export interface LinkProps extends Stylable {
     target?: string;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
-    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
 }
 export interface FileLinkProps extends ClassNameProps {
     href: string;
@@ -140,7 +139,6 @@ export interface ButtonProps {
     img?: ButtonImageProps | string;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
-    analyticsEvents?: AnalyticsEvent[];
     target?: string;
 }
 export interface ButtonImageProps {
@@ -224,7 +222,6 @@ 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 { AnalyticsEvent, PixelEvent } from '../common';
+import { PixelEvent } from '../common';
 export declare enum SubBlockType {
     Divider = "divider",
     Quote = "quote",
@@ -61,7 +61,6 @@ 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 NavigationItemBase {
+export interface NavigationLinkItem extends Omit<NavigationItemBase, 'url'> {
     type: NavigationItemType.Link;
     url: string;
     arrow?: boolean;
@@ -19,8 +19,6 @@ export interface NavigationLinkItem extends NavigationItemBase {
 }
 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,25 +18,27 @@ 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 {
+.pc-logo__text {
   margin: 0;
 }
 
@@ -7,11 +7,6 @@ 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;
@@ -19,5 +14,9 @@ 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,6 +4,7 @@ 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/navigation/schema.d.ts

@@ -0,0 +1,369 @@
+export declare const NavigationProps: {
+    additionalProperties: boolean;
+    required: never[];
+    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: never[];
+                        properties: {
+                            type: {
+                                type: string;
+                                enum: string[];
+                            };
+                            additionalProperties: boolean;
+                            properties: {
+                                text: {
+                                    type: string;
+                                    contentType: string;
+                                };
+                                url: {
+                                    type: string;
+                                };
+                                primary: {
+                                    type: string;
+                                };
+                                size: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                                theme: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                                img: {
+                                    anyOf: ({
+                                        type: string;
+                                        additionalProperties?: undefined;
+                                        required?: undefined;
+                                        properties?: undefined;
+                                    } | {
+                                        type: string;
+                                        additionalProperties: boolean;
+                                        required: string[];
+                                        properties: {
+                                            data: {
+                                                type: string;
+                                            };
+                                            position: {
+                                                type: string;
+                                                enum: string[];
+                                            };
+                                            alt: {
+                                                type: string;
+                                                contentType: string;
+                                            };
+                                        };
+                                    })[];
+                                };
+                                metrikaGoals: {
+                                    anyOf: ({
+                                        type: string;
+                                        items?: undefined;
+                                    } | {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                            additionalProperties?: undefined;
+                                            required?: undefined;
+                                            properties?: undefined;
+                                        };
+                                    } | {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                            additionalProperties: boolean;
+                                            required: string[];
+                                            properties: {
+                                                name: {
+                                                    type: string;
+                                                };
+                                                isCrossSite: {
+                                                    type: string;
+                                                };
+                                            };
+                                        };
+                                    })[];
+                                };
+                                pixelEvents: {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                        required: string[];
+                                        additionalProperties: boolean;
+                                        properties: {
+                                            name: {
+                                                type: string;
+                                                enum: import("..").PixelEventType[];
+                                            };
+                                            data: {};
+                                        };
+                                        select: {
+                                            $data: string;
+                                        };
+                                        selectCases: {
+                                            SubmitApplication: {
+                                                additionalProperties: boolean;
+                                                properties: {
+                                                    name: {};
+                                                };
+                                            };
+                                            Contact: {
+                                                additionalProperties: boolean;
+                                                properties: {
+                                                    name: {};
+                                                };
+                                            };
+                                            Lead: {
+                                                additionalProperties: boolean;
+                                                properties: {
+                                                    name: {};
+                                                    data: {
+                                                        type: string;
+                                                        additionalProperties: boolean;
+                                                        properties: {
+                                                            content_category: {
+                                                                type: string;
+                                                            };
+                                                            content_name: {
+                                                                type: string;
+                                                            };
+                                                            currency: {
+                                                                type: string;
+                                                            };
+                                                            value: {
+                                                                type: string;
+                                                            };
+                                                        };
+                                                    };
+                                                };
+                                            };
+                                        };
+                                    };
+                                };
+                                target: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                            };
+                            if: {
+                                properties: {
+                                    theme: {
+                                        enum: string[];
+                                    };
+                                };
+                            };
+                            then: {
+                                required: string[];
+                            };
+                            else: {
+                                required: string[];
+                            };
+                        };
+                    }[];
+                };
+                rightItems: {
+                    oneOf: {
+                        type: string;
+                        additionalProperties: boolean;
+                        required: never[];
+                        properties: {
+                            type: {
+                                type: string;
+                                enum: string[];
+                            };
+                            additionalProperties: boolean;
+                            properties: {
+                                text: {
+                                    type: string;
+                                    contentType: string;
+                                };
+                                url: {
+                                    type: string;
+                                };
+                                primary: {
+                                    type: string;
+                                };
+                                size: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                                theme: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                                img: {
+                                    anyOf: ({
+                                        type: string;
+                                        additionalProperties?: undefined;
+                                        required?: undefined;
+                                        properties?: undefined;
+                                    } | {
+                                        type: string;
+                                        additionalProperties: boolean;
+                                        required: string[];
+                                        properties: {
+                                            data: {
+                                                type: string;
+                                            };
+                                            position: {
+                                                type: string;
+                                                enum: string[];
+                                            };
+                                            alt: {
+                                                type: string;
+                                                contentType: string;
+                                            };
+                                        };
+                                    })[];
+                                };
+                                metrikaGoals: {
+                                    anyOf: ({
+                                        type: string;
+                                        items?: undefined;
+                                    } | {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                            additionalProperties?: undefined;
+                                            required?: undefined;
+                                            properties?: undefined;
+                                        };
+                                    } | {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                            additionalProperties: boolean;
+                                            required: string[];
+                                            properties: {
+                                                name: {
+                                                    type: string;
+                                                };
+                                                isCrossSite: {
+                                                    type: string;
+                                                };
+                                            };
+                                        };
+                                    })[];
+                                };
+                                pixelEvents: {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                        required: string[];
+                                        additionalProperties: boolean;
+                                        properties: {
+                                            name: {
+                                                type: string;
+                                                enum: import("..").PixelEventType[];
+                                            };
+                                            data: {};
+                                        };
+                                        select: {
+                                            $data: string;
+                                        };
+                                        selectCases: {
+                                            SubmitApplication: {
+                                                additionalProperties: boolean;
+                                                properties: {
+                                                    name: {};
+                                                };
+                                            };
+                                            Contact: {
+                                                additionalProperties: boolean;
+                                                properties: {
+                                                    name: {};
+                                                };
+                                            };
+                                            Lead: {
+                                                additionalProperties: boolean;
+                                                properties: {
+                                                    name: {};
+                                                    data: {
+                                                        type: string;
+                                                        additionalProperties: boolean;
+                                                        properties: {
+                                                            content_category: {
+                                                                type: string;
+                                                            };
+                                                            content_name: {
+                                                                type: string;
+                                                            };
+                                                            currency: {
+                                                                type: string;
+                                                            };
+                                                            value: {
+                                                                type: string;
+                                                            };
+                                                        };
+                                                    };
+                                                };
+                                            };
+                                        };
+                                    };
+                                };
+                                target: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                            };
+                            if: {
+                                properties: {
+                                    theme: {
+                                        enum: string[];
+                                    };
+                                };
+                            };
+                            then: {
+                                required: string[];
+                            };
+                            else: {
+                                required: string[];
+                            };
+                        };
+                    }[];
+                };
+            };
+        };
+    };
+};

package/build/cjs/navigation/schema.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationProps = void 0;
+const common_1 = require("../schema/validators/common");
+const schema_1 = require("../components/Image/schema");
+const lodash_1 = require("lodash");
+const NavigationItemType = {
+    type: 'string',
+    enum: ['link', 'button', 'dropdown'],
+};
+const LogoProps = {
+    type: 'object',
+    additionalProperties: false,
+    required: ['icon'],
+    properties: {
+        icon: schema_1.ImageProps,
+        text: {
+            type: 'string',
+            contentType: 'text',
+        },
+        url: {
+            type: 'string',
+        },
+    },
+};
+const NavigationItemBaseProps = {
+    type: 'object',
+    additionalProperties: false,
+    required: ['text'],
+    properties: {
+        text: {
+            type: 'string',
+            contentType: 'text',
+        },
+        url: {
+            type: 'string',
+        },
+        icon: {
+            type: 'string',
+            pattern: schema_1.urlPattern,
+        },
+    },
+};
+const NavigationItemBaseLinkProps = (0, lodash_1.omit)(NavigationItemBaseProps, ['url']);
+const NavigationLinkItemProps = {
+    type: 'object',
+    additionalProperties: false,
+    required: [],
+    properties: Object.assign(Object.assign({}, NavigationItemBaseLinkProps), { type: Object.assign({}, NavigationItemType), url: {
+            type: 'string',
+        }, target: {
+            type: 'string',
+        }, arrow: {
+            type: 'boolean',
+        } }),
+};
+const NavigationButtonItemProps = {
+    type: 'object',
+    additionalProperties: false,
+    required: [],
+    properties: Object.assign(Object.assign({}, common_1.ButtonBlock), { type: Object.assign({}, NavigationItemType) }),
+};
+const NavigationDropdownItemProps = {
+    type: 'object',
+    additionalProperties: false,
+    required: [],
+    properties: Object.assign(Object.assign({}, common_1.ButtonBlock), { type: Object.assign({}, NavigationItemType) }),
+};
+const NavigationItemProps = {
+    oneOf: [
+        Object.assign(Object.assign(Object.assign({}, NavigationLinkItemProps), NavigationButtonItemProps), NavigationDropdownItemProps),
+    ],
+};
+exports.NavigationProps = {
+    additionalProperties: false,
+    required: [],
+    properties: {
+        logo: (0, common_1.withTheme)(LogoProps),
+        header: {
+            type: 'object',
+            additionalProperties: false,
+            required: ['leftItems'],
+            properties: {
+                leftItems: NavigationItemProps,
+                rightItems: NavigationItemProps,
+            },
+        },
+    },
+};