@gravity-ui/page-constructor 1.26.2-alpha.0 → 1.26.2

package/build/esm/navigation/components/Navigation/Navigation.js

@@ -7,7 +7,6 @@ import { ItemColumnName } from '../../constants';
 import { NavigationListItem } from '../NavigationListItem/NavigationListItem';
 import './Navigation.css';
 const b = block('navigation');
-const EVENT_HANDLE_DELAY = 100;
 const Navigation = ({ className, onActiveItemChange, links, activeItemId, highlightActiveItem, }) => {
     const { asPath, pathname } = useContext(LocationContext);
     const itemRefs = useRef([]);
@@ -23,21 +22,21 @@ const Navigation = ({ className, onActiveItemChange, links, activeItemId, highli
         }
     }, []);
     useEffect(() => {
-        const debouncedCalculateItemPositions = _.debounce(calculateItemPositions, EVENT_HANDLE_DELAY);
-        const debouncedCalculateOnScroll = _.debounce(() => {
+        const debouncedCalculateItemPositions = _.debounce(calculateItemPositions, 100);
+        const calculateOnScroll = _.debounce(() => {
             const curLeftScroll = window.pageXOffset;
             if (curLeftScroll !== lastLeftScroll) {
                 setLastLeftScroll(window.pageXOffset);
                 calculateItemPositions();
             }
-        }, EVENT_HANDLE_DELAY);
+        }, 100);
         calculateItemPositions();
         setLastLeftScroll(window.pageXOffset);
         window.addEventListener('resize', debouncedCalculateItemPositions);
-        window.addEventListener('scroll', debouncedCalculateOnScroll);
+        window.addEventListener('scroll', calculateOnScroll);
         return () => {
-            window.removeEventListener(`resize`, debouncedCalculateItemPositions);
-            window.removeEventListener('scroll', debouncedCalculateOnScroll);
+            window.removeEventListener(`resize`, calculateItemPositions);
+            window.removeEventListener('scroll', calculateOnScroll);
         };
     }, [calculateItemPositions, itemRefs, lastLeftScroll]);
     useEffect(() => {

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

@@ -1168,6 +1168,12 @@ export declare const MapProps: {
     zoom: {
         type: string;
     };
+    center: {
+        type: string;
+        items: {
+            type: string;
+        };
+    };
     address: {
         type: string;
     };

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

@@ -489,6 +489,10 @@ export const MapProps = {
     zoom: {
         type: 'number',
     },
+    center: {
+        type: 'array',
+        items: { type: 'number' },
+    },
     address: {
         type: 'string',
     },

package/build/esm/sub-blocks/BannerCard/BannerCard.css

@@ -70,10 +70,9 @@ unpredictable css rules order in build */
   font-weight: var(--yc-text-accent-font-weight);
   font-weight: normal;
 }
-.pc-banner-card__button.pc-banner-card__button {
+.pc-banner-card__button {
   margin-top: 28px;
 }
-
 .pc-banner-card__image {
   border-top-right-radius: var(--pc-border-radius);
   border-bottom-right-radius: var(--pc-border-radius);

package/build/esm/sub-blocks/Content/Content.css

@@ -31,9 +31,6 @@ unpredictable css rules order in build */
   margin-top: 0;
   margin-right: 12px;
 }
-.pc-content__button.pc-content__button:last-child {
-  margin-right: 0;
-}
 
 .pc-content__links {
   display: flex;
@@ -44,9 +41,6 @@ unpredictable css rules order in build */
   display: block;
   margin-right: 32px;
 }
-.pc-content__link:last-child {
-  margin-right: 0;
-}
 .pc-content_centered.pc-content_centered {
   margin: 0 auto;
   text-align: center;

package/build/esm/sub-blocks/HubspotForm/HubspotForm.css

@@ -268,7 +268,6 @@ unpredictable css rules order in build */
 .pc-hubspot-form .hs-button.primary {
   margin: 0;
   padding: 0;
-  font-family: var(--yc-text-body-font-family);
   font-size: inherit;
   font-weight: 400;
   color: inherit;

package/build/esm/utils/blocks.d.ts

@@ -1,6 +1,6 @@
 import { ConstructorBlock } from '../models/constructor';
 import { TextSize, CustomConfig, PCShareSocialNetwork } from '../models';
-export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4" | "h5";
+export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4";
 export declare function getBlockKey(block: ConstructorBlock, index: number): string;
 export declare const getCustomBlockTypes: ({ blocks, headers }?: CustomConfig) => string[];
 export declare const getCustomItems: ({ blocks, headers, subBlocks }?: CustomConfig) => {

package/build/esm/utils/blocks.js

@@ -5,8 +5,6 @@ export function getHeaderTag(size) {
             return 'h1';
         case 's':
             return 'h4';
-        case 'xs':
-            return 'h5';
         case 'm':
         default:
             return 'h2';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "1.26.2-alpha.0",
+  "version": "1.26.2",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -61,8 +61,8 @@
     "uuid": "^9.0.0"
   },
   "peerDependencies": {
-    "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
-    "@gravity-ui/uikit": "^4.1.0",
+    "react": "^16.0.0 || ^17.0.0",
+    "@gravity-ui/uikit": "^3.11.0",
     "@doc-tools/transform": "^2.6.1"
   },
   "devDependencies": {
@@ -73,20 +73,19 @@
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^1.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@gravity-ui/uikit": "^4.1.0",
+    "@gravity-ui/uikit": "^3.11.0",
     "@storybook/addon-actions": "^6.3.12",
     "@storybook/addon-essentials": "^6.5.10",
     "@storybook/addon-knobs": "^6.3.1",
     "@storybook/addon-viewport": "^6.3.12",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^6.5.16",
+    "@storybook/react": "^6.5.10",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^14.4.3",
     "@types/jest": "^29.2.4",
     "@types/lodash": "^4.14.176",
-    "@types/react": "^18.0.27",
-    "@types/react-dom": "^18.0.10",
+    "@types/react": "^16.14.20",
     "@types/react-slick": "^0.23.7",
     "@types/react-transition-group": "^4.4.4",
     "@types/sanitize-html": "^2.6.0",

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

@@ -38,7 +38,7 @@ export declare enum MediaVideoControlsType {
     Custom = "custom"
 }
 export type TextTheme = 'light' | 'dark';
-export type TextSize = 'xs' | 's' | 'm' | 'l';
+export type TextSize = 's' | 'm' | 'l';
 export type DividerSize = '0' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
 export type HeaderWidth = 's' | 'm' | 'l';
 export type HeaderImageSize = 's' | 'm';
@@ -130,22 +130,20 @@ export interface FileLinkProps extends ClassNameProps {
     theme?: ContentTheme;
     onClick?: () => void;
 }
-export type ButtonTheme = ButtonView | 'github' | 'app-store' | 'google-play' | 'scale' | 'monochrome';
 export interface ButtonProps extends AnalyticsEventsBase {
     text: string;
     url: string;
     primary?: boolean;
     size?: ButtonSize;
-    theme?: ButtonTheme;
+    theme?: ButtonView | 'github' | 'app-store' | 'google-play' | 'scale' | 'monochrome';
     img?: ButtonImageProps | string;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
     target?: string;
 }
-export type ButtonImagePosition = 'left' | 'right';
 export interface ButtonImageProps {
     url: string;
-    position?: ButtonImagePosition;
+    position?: 'left' | 'right';
     alt?: string;
 }
 export interface PlayButtonProps extends ClassNameProps {
@@ -191,6 +189,7 @@ export interface MediaProps extends Animatable, Partial<MediaComponentDataLensPr
 export type Coordinate = number[];
 export interface MapBaseProps {
     zoom?: number;
+    center?: Coordinate;
 }
 export interface GMapProps extends MapBaseProps {
     address: string;
@@ -198,6 +197,7 @@ export interface GMapProps extends MapBaseProps {
 export interface YMapProps extends MapBaseProps {
     markers: YMapMarker[];
     id: string;
+    center: Coordinate;
 }
 export interface YMapMarker {
     address?: string;

package/server/utils/blocks.d.ts

@@ -1,6 +1,6 @@
 import { ConstructorBlock } from '../models/constructor';
 import { TextSize, CustomConfig, PCShareSocialNetwork } from '../models';
-export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4" | "h5";
+export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4";
 export declare function getBlockKey(block: ConstructorBlock, index: number): string;
 export declare const getCustomBlockTypes: ({ blocks, headers }?: CustomConfig) => string[];
 export declare const getCustomItems: ({ blocks, headers, subBlocks }?: CustomConfig) => {

package/server/utils/blocks.js

@@ -8,8 +8,6 @@ function getHeaderTag(size) {
             return 'h1';
         case 's':
             return 'h4';
-        case 'xs':
-            return 'h5';
         case 'm':
         default:
             return 'h2';

package/styles/mixins.scss

@@ -141,17 +141,15 @@
 }
 
 @mixin label($size: m) {
-    @if $size == m {
-        @include text-size(body-1);
+    @include text-size(body-1);
 
-        $label-height: 20px;
+    $label-height: 20px;
 
-        display: inline-block;
-        padding: 0 8px;
-        border-radius: 2px;
-        height: $label-height;
-        line-height: $label-height;
-    }
+    display: inline-block;
+    padding: 0 8px;
+    border-radius: 2px;
+    height: $label-height;
+    line-height: $label-height;
 
     @if $size == s {
         @include text-size(caption-2);

package/build/cjs/components/Button/__tests__/Button.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/components/Button/__tests__/Button.test.js

@@ -1,91 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const user_event_1 = tslib_1.__importDefault(require("@testing-library/user-event"));
-const utils_1 = require("../utils");
-const Button_1 = tslib_1.__importDefault(require("../Button"));
-const qaId = 'button-component';
-const buttonProps = {
-    text: 'Button Text',
-    url: 'https://github.com/gravity-ui/',
-    target: '_blank',
-    img: {
-        url: 'https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_1_light.svg',
-        position: 'left',
-        alt: 'alt-text',
-    },
-};
-const buttonViews = [
-    'normal',
-    'action',
-    'outlined',
-    'outlined-info',
-    'outlined-danger',
-    'raised',
-    'flat',
-    'flat-info',
-    'flat-danger',
-    'flat-secondary',
-    'normal-contrast',
-    'outlined-contrast',
-    'flat-contrast',
-    'github',
-    'scale',
-    'monochrome',
-];
-describe('Button', () => {
-    test('render button by default', async () => {
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text }));
-        const button = react_2.screen.getByRole('button');
-        expect(button).toBeInTheDocument();
-        expect(button).toBeVisible();
-        expect(button).not.toBeDisabled();
-    });
-    test('should render <a /> tag', async () => {
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text, url: buttonProps.url, target: buttonProps.target }));
-        const button = react_2.screen.getByRole('link');
-        expect(button).toBeVisible();
-        expect(button).toHaveAttribute('href', buttonProps.url);
-        expect(button).toHaveAttribute('target', buttonProps.target);
-    });
-    test('call onClick', async () => {
-        const user = user_event_1.default.setup();
-        const handleOnClick = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text, onClick: handleOnClick }));
-        const button = react_2.screen.getByRole('button');
-        await user.click(button);
-        expect(handleOnClick).toHaveBeenCalledTimes(1);
-    });
-    test.each(new Array('s', 'm', 'l', 'xl'))('render with given "%s" size', (size) => {
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text, size: size, qa: qaId }));
-        const button = react_2.screen.getByTestId(qaId);
-        expect(button).toHaveClass(`pc-button-block_size_${size}`);
-    });
-    test.each(new Array(...buttonViews))('render with given "%s" view', (theme) => {
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text, theme: theme, qa: qaId }));
-        const button = react_2.screen.getByTestId(qaId);
-        expect(button).toHaveClass(`pc-button-block_theme_${theme}`);
-    });
-    test('add className', () => {
-        const className = 'my-class';
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text, className: className, qa: qaId }));
-        const button = react_2.screen.getByTestId(qaId);
-        expect(button).toHaveClass(className);
-    });
-    test('should render icon', () => {
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text, img: buttonProps.img }));
-        const button = react_2.screen.getByRole('button');
-        const iconComponent = react_2.screen.getByRole('img');
-        expect(iconComponent).toBeVisible();
-        expect(button).toContainElement(iconComponent);
-    });
-    test('should render github icon', () => {
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text, img: buttonProps.img, theme: "github" }));
-        const button = react_2.screen.getByRole('button');
-        const iconComponent = react_2.screen.getByTestId(utils_1.ICON_QA);
-        expect(iconComponent).toBeVisible();
-        expect(button).toContainElement(iconComponent);
-    });
-});

package/build/esm/components/Button/__tests__/Button.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,88 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { ICON_QA } from '../utils';
-import Button from '../Button';
-const qaId = 'button-component';
-const buttonProps = {
-    text: 'Button Text',
-    url: 'https://github.com/gravity-ui/',
-    target: '_blank',
-    img: {
-        url: 'https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_1_light.svg',
-        position: 'left',
-        alt: 'alt-text',
-    },
-};
-const buttonViews = [
-    'normal',
-    'action',
-    'outlined',
-    'outlined-info',
-    'outlined-danger',
-    'raised',
-    'flat',
-    'flat-info',
-    'flat-danger',
-    'flat-secondary',
-    'normal-contrast',
-    'outlined-contrast',
-    'flat-contrast',
-    'github',
-    'scale',
-    'monochrome',
-];
-describe('Button', () => {
-    test('render button by default', async () => {
-        render(React.createElement(Button, { text: buttonProps.text }));
-        const button = screen.getByRole('button');
-        expect(button).toBeInTheDocument();
-        expect(button).toBeVisible();
-        expect(button).not.toBeDisabled();
-    });
-    test('should render <a /> tag', async () => {
-        render(React.createElement(Button, { text: buttonProps.text, url: buttonProps.url, target: buttonProps.target }));
-        const button = screen.getByRole('link');
-        expect(button).toBeVisible();
-        expect(button).toHaveAttribute('href', buttonProps.url);
-        expect(button).toHaveAttribute('target', buttonProps.target);
-    });
-    test('call onClick', async () => {
-        const user = userEvent.setup();
-        const handleOnClick = jest.fn();
-        render(React.createElement(Button, { text: buttonProps.text, onClick: handleOnClick }));
-        const button = screen.getByRole('button');
-        await user.click(button);
-        expect(handleOnClick).toHaveBeenCalledTimes(1);
-    });
-    test.each(new Array('s', 'm', 'l', 'xl'))('render with given "%s" size', (size) => {
-        render(React.createElement(Button, { text: buttonProps.text, size: size, qa: qaId }));
-        const button = screen.getByTestId(qaId);
-        expect(button).toHaveClass(`pc-button-block_size_${size}`);
-    });
-    test.each(new Array(...buttonViews))('render with given "%s" view', (theme) => {
-        render(React.createElement(Button, { text: buttonProps.text, theme: theme, qa: qaId }));
-        const button = screen.getByTestId(qaId);
-        expect(button).toHaveClass(`pc-button-block_theme_${theme}`);
-    });
-    test('add className', () => {
-        const className = 'my-class';
-        render(React.createElement(Button, { text: buttonProps.text, className: className, qa: qaId }));
-        const button = screen.getByTestId(qaId);
-        expect(button).toHaveClass(className);
-    });
-    test('should render icon', () => {
-        render(React.createElement(Button, { text: buttonProps.text, img: buttonProps.img }));
-        const button = screen.getByRole('button');
-        const iconComponent = screen.getByRole('img');
-        expect(iconComponent).toBeVisible();
-        expect(button).toContainElement(iconComponent);
-    });
-    test('should render github icon', () => {
-        render(React.createElement(Button, { text: buttonProps.text, img: buttonProps.img, theme: "github" }));
-        const button = screen.getByRole('button');
-        const iconComponent = screen.getByTestId(ICON_QA);
-        expect(iconComponent).toBeVisible();
-        expect(button).toContainElement(iconComponent);
-    });
-});