@gravity-ui/page-constructor 1.9.1-alpha.2 → 1.9.1-alpha.3

package/build/cjs/blocks/Tabs/Tabs.css

@@ -8,13 +8,11 @@ unpredictable css rules order in build */
   margin-bottom: 24px;
 }
 .pc-tabs-block__block-title_centered {
-  display: flex;
-  justify-content: center;
-  flex-wrap: wrap;
-  margin-left: auto;
-  margin-right: auto;
   text-align: center;
 }
+.pc-tabs-block__block-title_centered > * {
+  margin: 0 auto;
+}
 .pc-tabs-block__tabs_centered {
   display: flex;
   justify-content: center;

package/build/cjs/components/Image/Image.d.ts

@@ -4,6 +4,7 @@ export interface ImageProps extends Partial<ImageObjectProps>, Partial<ImageDevi
     style?: CSSProperties;
     className?: string;
     onClick?: MouseEventHandler;
+    containerClassName?: string;
 }
 declare const Image: (props: ImageProps) => JSX.Element | null;
 export default Image;

package/build/cjs/components/Image/Image.js

@@ -4,14 +4,12 @@ const tslib_1 = require("tslib");
 const react_1 = (0, tslib_1.__importStar)(require("react"));
 const projectSettingsContext_1 = require("../../context/projectSettingsContext");
 const constants_1 = require("../../constants");
-const utils_1 = require("../../utils");
-const b = (0, utils_1.block)('image');
 const checkWebP = (src) => {
     return src.endsWith('.webp') ? src : src + '.webp';
 };
 const Image = (props) => {
     const projectSettings = (0, react_1.useContext)(projectSettingsContext_1.ProjectSettingsContext);
-    const { src, alt, disableCompress, tablet, desktop, mobile, style, className, onClick } = props;
+    const { src, alt, disableCompress, tablet, desktop, mobile, style, className, onClick, containerClassName, } = props;
     const [imgLoadingError, setImgLoadingError] = (0, react_1.useState)(false);
     const imageSrc = src || desktop;
     if (!imageSrc) {
@@ -22,7 +20,7 @@ const Image = (props) => {
         disableCompress ||
         imageSrc.endsWith('.svg') ||
         imgLoadingError;
-    return (react_1.default.createElement("picture", { className: b() },
+    return (react_1.default.createElement("picture", { className: containerClassName },
         mobile && (react_1.default.createElement(react_1.Fragment, null,
             !disableWebp && (react_1.default.createElement("source", { srcSet: checkWebP(mobile), type: "image/webp", media: `(max-width: ${constants_1.BREAKPOINTS.sm}px)` })),
             react_1.default.createElement("source", { srcSet: mobile, media: `(max-width: ${constants_1.BREAKPOINTS.sm}px)` }))),

package/build/cjs/components/VideoBlock/VideoBlock.css

@@ -19,6 +19,10 @@ unpredictable css rules order in build */
   object-fit: cover;
   display: block;
 }
+.pc-VideoBlock__image-wrapper {
+  height: 100%;
+  width: 100%;
+}
 .pc-VideoBlock__button {
   display: inline-block;
   margin: 0;

package/build/cjs/components/VideoBlock/VideoBlock.js

@@ -91,7 +91,7 @@ const VideoBlock = (props) => {
         return null;
     }
     return (react_1.default.createElement("div", { className: b(null, className), ref: ref, style: { height: currentHeight } }, previewImg && !hidePreview && (react_1.default.createElement("div", { className: b('preview'), onClick: onPreviewClick },
-        react_1.default.createElement(Image_1.default, { src: previewImg, className: b('image') }),
+        react_1.default.createElement(Image_1.default, { src: previewImg, className: b('image'), containerClassName: b('image-wrapper') }),
         playButton || (react_1.default.createElement("button", { className: b('button') },
             react_1.default.createElement(uikit_1.Icon, { className: b('icon'), data: icons_1.PlayVideo, size: 24 })))))));
 };

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

@@ -33,5 +33,6 @@ export { default as OverflowScroller } from './OverflowScroller/OverflowScroller
 export { default as Author } from './Author/Author';
 export { default as RouterLink } from './RouterLink/RouterLink';
 export { default as HTML } from './HTML/HTML';
-export * from './navigation/components/index';
+export { default as Header } from './navigation/components/Header/Header';
+export * as Navigation from './navigation/components/index';
 export type { RouterLinkProps } from './RouterLink/RouterLink';

package/build/cjs/components/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HTML = exports.RouterLink = exports.Author = exports.OverflowScroller = exports.Control = exports.YandexForm = exports.YFMWrapper = exports.VideoBlock = exports.UnpublishedLabel = exports.ToggleArrow = exports.Title = exports.Table = exports.ReactPlayer = exports.OutsideClick = exports.Media = exports.Links = exports.Link = exports.Image = exports.HeightCalculator = exports.HeaderBreadcrumbs = exports.FullWidthBackground = exports.FullscreenImage = exports.Foldable = exports.FileLink = exports.ErrorWrapper = exports.CardBase = exports.Button = exports.BlockHeader = exports.BlockBase = exports.BalancedMasonry = exports.BackLink = exports.BackgroundMedia = exports.BackgroundImage = exports.AnimateBlock = exports.Anchor = void 0;
+exports.Navigation = exports.Header = exports.HTML = exports.RouterLink = exports.Author = exports.OverflowScroller = exports.Control = exports.YandexForm = exports.YFMWrapper = exports.VideoBlock = exports.UnpublishedLabel = exports.ToggleArrow = exports.Title = exports.Table = exports.ReactPlayer = exports.OutsideClick = exports.Media = exports.Links = exports.Link = exports.Image = exports.HeightCalculator = exports.HeaderBreadcrumbs = exports.FullWidthBackground = exports.FullscreenImage = exports.Foldable = exports.FileLink = exports.ErrorWrapper = exports.CardBase = exports.Button = exports.BlockHeader = exports.BlockBase = exports.BalancedMasonry = exports.BackLink = exports.BackgroundMedia = exports.BackgroundImage = exports.AnimateBlock = exports.Anchor = void 0;
 const tslib_1 = require("tslib");
 var Anchor_1 = require("./Anchor/Anchor");
 Object.defineProperty(exports, "Anchor", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(Anchor_1).default; } });
@@ -72,4 +72,6 @@ var RouterLink_1 = require("./RouterLink/RouterLink");
 Object.defineProperty(exports, "RouterLink", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(RouterLink_1).default; } });
 var HTML_1 = require("./HTML/HTML");
 Object.defineProperty(exports, "HTML", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(HTML_1).default; } });
-(0, tslib_1.__exportStar)(require("./navigation/components/index"), exports);
+var Header_1 = require("./navigation/components/Header/Header");
+Object.defineProperty(exports, "Header", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(Header_1).default; } });
+exports.Navigation = (0, tslib_1.__importStar)(require("./navigation/components/index"));

package/build/cjs/components/navigation/components/Header/Header.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { HeaderDataProps, NavigationLogoProps } from '../../../../models';
+import { HeaderData, NavigationLogo } from '../../../../models';
 export interface HeaderProps {
-    logo: NavigationLogoProps;
-    data: HeaderDataProps;
+    logo: NavigationLogo;
+    data: HeaderData;
 }
 export declare const Header: React.FC<HeaderProps>;
 export default Header;

package/build/cjs/components/navigation/components/Logo/Logo.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { NavigationLogoProps } from '../../../../models';
-export interface LogoProps extends NavigationLogoProps {
+import { NavigationLogo } from '../../../../models';
+export interface LogoProps extends NavigationLogo {
     className?: string;
 }
 declare const Logo: React.FC<LogoProps>;

package/build/cjs/components/navigation/components/MobileNavigation/MobileNavigation.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NavigationItemProps as NavigationItemModel } from '../../../../models/navigation';
+import { NavigationItem as NavigationItemModel } from '../../../../models/navigation';
 export interface MobileNavigationProps {
     className?: string;
     isOpened?: boolean;

package/build/cjs/components/navigation/components/Navigation/Navigation.d.ts

@@ -1,5 +1,5 @@
 import React, { MouseEventHandler } from 'react';
-import { NavigationDropdownItemProps, NavigationItemProps as NavigationItemModel } from '../../../../models/navigation';
+import { NavigationDropdownItem, NavigationItem as NavigationItemModel } from '../../../../models/navigation';
 export interface NavigationProps {
     links: NavigationItemModel[];
     activeItemIndex: number;
@@ -8,7 +8,7 @@ export interface NavigationProps {
     highlightActiveItem?: boolean;
 }
 export interface NavigationDropdownProps {
-    data: NavigationDropdownItemProps;
+    data: NavigationDropdownItem;
     onClick: MouseEventHandler;
     isActive: boolean;
     position: number;

package/build/cjs/components/navigation/components/NavigationItem/NavigationItem.d.ts

@@ -1,7 +1,7 @@
 import React, { MouseEventHandler } from 'react';
-import { NavigationItemDataProps } from '../../../../models';
+import { NavigationItemData } from '../../../../models';
 export interface NavigationItemProps {
-    data: NavigationItemDataProps;
+    data: NavigationItemData;
     className?: string;
     onClick?: MouseEventHandler;
     isOpened?: boolean;

package/build/cjs/components/navigation/components/NavigationPopup/NavigationPopup.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { NavigationLinkItemProps } from '../../../../models';
+import { NavigationLinkItem } from '../../../../models';
 export interface NavigationPopupProps {
-    items: NavigationLinkItemProps[];
+    items: NavigationLinkItem[];
     onClose: () => void;
     left?: number;
     className?: string;

package/build/cjs/components/navigation/components/SocialIcon/SocialIcon.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { NavigationSocialItemProps } from '../../../../models';
-export interface NavigationSocialItemOwnProps extends NavigationSocialItemProps {
+import { NavigationSocialItem } from '../../../../models';
+export interface NavigationSocialItemProps extends NavigationSocialItem {
     className?: string;
 }
-declare const SocialIcon: React.FC<NavigationSocialItemOwnProps>;
+declare const SocialIcon: React.FC<NavigationSocialItemProps>;
 export default SocialIcon;

package/build/cjs/components/navigation/containers/Layout/Layout.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { NavigationDataProps } from '../../../../models';
+import { NavigationData } from '../../../../models';
 export interface LayoutProps {
-    navigation?: NavigationDataProps;
+    navigation?: NavigationData;
     children?: React.ReactNode;
 }
 declare const Layout: React.FC<LayoutProps>;

package/build/cjs/containers/PageConstructor/PageConstructor.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import '@doc-tools/transform/dist/js/yfm';
-import { ShouldRenderBlock, CustomConfig, PageContent, CustomItems, NavigationDataProps } from '../../models';
+import { ShouldRenderBlock, CustomConfig, PageContent, CustomItems, NavigationData } from '../../models';
 import { blockMap, subBlockMap } from '../../constructor-items';
 export declare type ItemMap = typeof blockMap & typeof subBlockMap & CustomItems;
 export interface PageConstructorProps {
@@ -8,7 +8,7 @@ export interface PageConstructorProps {
     shouldRenderBlock?: ShouldRenderBlock;
     custom?: CustomConfig;
     renderMenu?: () => React.ReactNode;
-    navigation?: NavigationDataProps;
+    navigation?: NavigationData;
 }
 export declare const Constructor: (props: PageConstructorProps) => JSX.Element;
 export declare const PageConstructor: (props: PageConstructorProps) => JSX.Element;

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

@@ -5,58 +5,58 @@ export declare enum NavigationItemType {
     Button = "button",
     Social = "social"
 }
-export interface NavigationItemBaseProps {
+export interface NavigationItemBase {
     text: string;
     icon?: ImageProps;
     url?: string;
 }
-export interface NavigationLinkItemProps extends NavigationItemBaseProps {
+export interface NavigationLinkItem extends NavigationItemBase {
     type: NavigationItemType.Link;
     url: string;
     arrow?: boolean;
     target?: string;
 }
-export interface NavigationButtonItemProps extends ButtonProps {
+export interface NavigationButtonItem extends ButtonProps {
     type: NavigationItemType.Button;
     url: string;
     target?: string;
 }
-export interface NavigationDropdownItemProps extends NavigationItemBaseProps {
+export interface NavigationDropdownItem extends NavigationItemBase {
     type: NavigationItemType.Dropdown;
-    items: NavigationLinkItemProps[];
+    items: NavigationLinkItem[];
 }
-export interface NavigationSocialItemProps extends Omit<NavigationItemBaseProps, 'text'> {
+export interface NavigationSocialItem extends Omit<NavigationItemBase, 'text'> {
     type: NavigationItemType.Social;
     icon: ImageProps;
     url: string;
 }
-export declare type NavigationItemProps = NavigationLinkItemProps | NavigationButtonItemProps | NavigationDropdownItemProps;
-export declare type NavigationItemDataProps = NavigationLinkItemProps | NavigationButtonItemProps | NavigationSocialItemProps | DropdownItemDataProps;
-export declare type DropdownItemDataProps = Omit<NavigationDropdownItemProps, 'items'>;
-export interface NavigationLogoProps {
+export declare type NavigationItem = NavigationLinkItem | NavigationButtonItem | NavigationDropdownItem;
+export declare type NavigationItemData = NavigationLinkItem | NavigationButtonItem | NavigationSocialItem | DropdownItemData;
+export declare type DropdownItemData = Omit<NavigationDropdownItem, 'items'>;
+export interface NavigationLogo {
     icon: ImageProps;
     text?: string;
     url?: string;
 }
-export interface HeaderDataProps {
-    leftItems: NavigationItemProps[];
-    rightItems?: NavigationItemProps[];
+export interface HeaderData {
+    leftItems: NavigationItem[];
+    rightItems?: NavigationItem[];
 }
-export interface FooterColumnProps {
+export interface FooterColumn {
     title: string;
-    links: NavigationItemProps[];
+    links: NavigationItem[];
 }
-export interface FooterUnderlineProps {
-    links?: NavigationItemProps[];
+export interface FooterUnderline {
+    links?: NavigationItem[];
     copyright?: string;
 }
-export interface FooterDataProps {
-    columns: FooterColumnProps[];
-    social?: NavigationSocialItemProps[];
-    underline?: FooterUnderlineProps;
+export interface FooterData {
+    columns: FooterColumn[];
+    social?: NavigationSocialItem[];
+    underline?: FooterUnderline;
 }
-export interface NavigationDataProps {
-    logo: NavigationLogoProps;
-    header: HeaderDataProps;
-    footer?: FooterDataProps;
+export interface NavigationData {
+    logo: NavigationLogo;
+    header: HeaderData;
+    footer?: FooterData;
 }

package/build/esm/blocks/Tabs/Tabs.css

@@ -8,13 +8,11 @@ unpredictable css rules order in build */
   margin-bottom: 24px;
 }
 .pc-tabs-block__block-title_centered {
-  display: flex;
-  justify-content: center;
-  flex-wrap: wrap;
-  margin-left: auto;
-  margin-right: auto;
   text-align: center;
 }
+.pc-tabs-block__block-title_centered > * {
+  margin: 0 auto;
+}
 .pc-tabs-block__tabs_centered {
   display: flex;
   justify-content: center;

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

@@ -1,10 +1,10 @@
 import { CSSProperties, MouseEventHandler } from 'react';
 import { ImageDeviceProps, ImageObjectProps } from '../../models';
-import './Image.css';
 export interface ImageProps extends Partial<ImageObjectProps>, Partial<ImageDeviceProps> {
     style?: CSSProperties;
     className?: string;
     onClick?: MouseEventHandler;
+    containerClassName?: string;
 }
 declare const Image: (props: ImageProps) => JSX.Element | null;
 export default Image;

package/build/esm/components/Image/Image.js

@@ -1,15 +1,12 @@
 import React, { useContext, useState, Fragment } from 'react';
 import { ProjectSettingsContext } from '../../context/projectSettingsContext';
 import { BREAKPOINTS } from '../../constants';
-import { block } from '../../utils';
-import './Image.css';
-const b = block('image');
 const checkWebP = (src) => {
     return src.endsWith('.webp') ? src : src + '.webp';
 };
 const Image = (props) => {
     const projectSettings = useContext(ProjectSettingsContext);
-    const { src, alt, disableCompress, tablet, desktop, mobile, style, className, onClick } = props;
+    const { src, alt, disableCompress, tablet, desktop, mobile, style, className, onClick, containerClassName, } = props;
     const [imgLoadingError, setImgLoadingError] = useState(false);
     const imageSrc = src || desktop;
     if (!imageSrc) {
@@ -20,7 +17,7 @@ const Image = (props) => {
         disableCompress ||
         imageSrc.endsWith('.svg') ||
         imgLoadingError;
-    return (React.createElement("picture", { className: b() },
+    return (React.createElement("picture", { className: containerClassName },
         mobile && (React.createElement(Fragment, null,
             !disableWebp && (React.createElement("source", { srcSet: checkWebP(mobile), type: "image/webp", media: `(max-width: ${BREAKPOINTS.sm}px)` })),
             React.createElement("source", { srcSet: mobile, media: `(max-width: ${BREAKPOINTS.sm}px)` }))),

package/build/esm/components/VideoBlock/VideoBlock.css

@@ -19,6 +19,10 @@ unpredictable css rules order in build */
   object-fit: cover;
   display: block;
 }
+.pc-VideoBlock__image-wrapper {
+  height: 100%;
+  width: 100%;
+}
 .pc-VideoBlock__button {
   display: inline-block;
   margin: 0;

package/build/esm/components/VideoBlock/VideoBlock.js

@@ -87,7 +87,7 @@ const VideoBlock = (props) => {
         return null;
     }
     return (React.createElement("div", { className: b(null, className), ref: ref, style: { height: currentHeight } }, previewImg && !hidePreview && (React.createElement("div", { className: b('preview'), onClick: onPreviewClick },
-        React.createElement(Image, { src: previewImg, className: b('image') }),
+        React.createElement(Image, { src: previewImg, className: b('image'), containerClassName: b('image-wrapper') }),
         playButton || (React.createElement("button", { className: b('button') },
             React.createElement(Icon, { className: b('icon'), data: PlayVideo, size: 24 })))))));
 };

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

@@ -33,5 +33,6 @@ export { default as OverflowScroller } from './OverflowScroller/OverflowScroller
 export { default as Author } from './Author/Author';
 export { default as RouterLink } from './RouterLink/RouterLink';
 export { default as HTML } from './HTML/HTML';
-export * from './navigation/components/index';
+export { default as Header } from './navigation/components/Header/Header';
+export * as Navigation from './navigation/components/index';
 export type { RouterLinkProps } from './RouterLink/RouterLink';

package/build/esm/components/index.js

@@ -33,4 +33,5 @@ export { default as OverflowScroller } from './OverflowScroller/OverflowScroller
 export { default as Author } from './Author/Author';
 export { default as RouterLink } from './RouterLink/RouterLink';
 export { default as HTML } from './HTML/HTML';
-export * from './navigation/components/index';
+export { default as Header } from './navigation/components/Header/Header';
+export * as Navigation from './navigation/components/index';

package/build/esm/components/navigation/components/Header/Header.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { HeaderDataProps, NavigationLogoProps } from '../../../../models';
+import { HeaderData, NavigationLogo } from '../../../../models';
 import './Header.css';
 export interface HeaderProps {
-    logo: NavigationLogoProps;
-    data: HeaderDataProps;
+    logo: NavigationLogo;
+    data: HeaderData;
 }
 export declare const Header: React.FC<HeaderProps>;
 export default Header;

package/build/esm/components/navigation/components/Logo/Logo.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { NavigationLogoProps } from '../../../../models';
+import { NavigationLogo } from '../../../../models';
 import './Logo.css';
-export interface LogoProps extends NavigationLogoProps {
+export interface LogoProps extends NavigationLogo {
     className?: string;
 }
 declare const Logo: React.FC<LogoProps>;

package/build/esm/components/navigation/components/MobileNavigation/MobileNavigation.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NavigationItemProps as NavigationItemModel } from '../../../../models/navigation';
+import { NavigationItem as NavigationItemModel } from '../../../../models/navigation';
 import './MobileNavigation.css';
 export interface MobileNavigationProps {
     className?: string;

package/build/esm/components/navigation/components/Navigation/Navigation.d.ts

@@ -1,5 +1,5 @@
 import React, { MouseEventHandler } from 'react';
-import { NavigationDropdownItemProps, NavigationItemProps as NavigationItemModel } from '../../../../models/navigation';
+import { NavigationDropdownItem, NavigationItem as NavigationItemModel } from '../../../../models/navigation';
 import './Navigation.css';
 export interface NavigationProps {
     links: NavigationItemModel[];
@@ -9,7 +9,7 @@ export interface NavigationProps {
     highlightActiveItem?: boolean;
 }
 export interface NavigationDropdownProps {
-    data: NavigationDropdownItemProps;
+    data: NavigationDropdownItem;
     onClick: MouseEventHandler;
     isActive: boolean;
     position: number;

package/build/esm/components/navigation/components/NavigationItem/NavigationItem.d.ts

@@ -1,8 +1,8 @@
 import React, { MouseEventHandler } from 'react';
-import { NavigationItemDataProps } from '../../../../models';
+import { NavigationItemData } from '../../../../models';
 import './NavigationItem.css';
 export interface NavigationItemProps {
-    data: NavigationItemDataProps;
+    data: NavigationItemData;
     className?: string;
     onClick?: MouseEventHandler;
     isOpened?: boolean;

package/build/esm/components/navigation/components/NavigationPopup/NavigationPopup.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { NavigationLinkItemProps } from '../../../../models';
+import { NavigationLinkItem } from '../../../../models';
 import './NavigationPopup.css';
 export interface NavigationPopupProps {
-    items: NavigationLinkItemProps[];
+    items: NavigationLinkItem[];
     onClose: () => void;
     left?: number;
     className?: string;

package/build/esm/components/navigation/components/SocialIcon/SocialIcon.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { NavigationSocialItemProps } from '../../../../models';
+import { NavigationSocialItem } from '../../../../models';
 import './SocialIcon.css';
-export interface NavigationSocialItemOwnProps extends NavigationSocialItemProps {
+export interface NavigationSocialItemProps extends NavigationSocialItem {
     className?: string;
 }
-declare const SocialIcon: React.FC<NavigationSocialItemOwnProps>;
+declare const SocialIcon: React.FC<NavigationSocialItemProps>;
 export default SocialIcon;

package/build/esm/components/navigation/containers/Layout/Layout.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { NavigationDataProps } from '../../../../models';
+import { NavigationData } from '../../../../models';
 import './Layout.css';
 export interface LayoutProps {
-    navigation?: NavigationDataProps;
+    navigation?: NavigationData;
     children?: React.ReactNode;
 }
 declare const Layout: React.FC<LayoutProps>;

package/build/esm/containers/PageConstructor/PageConstructor.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import '@doc-tools/transform/dist/js/yfm';
-import { ShouldRenderBlock, CustomConfig, PageContent, CustomItems, NavigationDataProps } from '../../models';
+import { ShouldRenderBlock, CustomConfig, PageContent, CustomItems, NavigationData } from '../../models';
 import { blockMap, subBlockMap } from '../../constructor-items';
 import './PageConstructor.css';
 export declare type ItemMap = typeof blockMap & typeof subBlockMap & CustomItems;
@@ -9,7 +9,7 @@ export interface PageConstructorProps {
     shouldRenderBlock?: ShouldRenderBlock;
     custom?: CustomConfig;
     renderMenu?: () => React.ReactNode;
-    navigation?: NavigationDataProps;
+    navigation?: NavigationData;
 }
 export declare const Constructor: (props: PageConstructorProps) => JSX.Element;
 export declare const PageConstructor: (props: PageConstructorProps) => JSX.Element;

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

@@ -5,58 +5,58 @@ export declare enum NavigationItemType {
     Button = "button",
     Social = "social"
 }
-export interface NavigationItemBaseProps {
+export interface NavigationItemBase {
     text: string;
     icon?: ImageProps;
     url?: string;
 }
-export interface NavigationLinkItemProps extends NavigationItemBaseProps {
+export interface NavigationLinkItem extends NavigationItemBase {
     type: NavigationItemType.Link;
     url: string;
     arrow?: boolean;
     target?: string;
 }
-export interface NavigationButtonItemProps extends ButtonProps {
+export interface NavigationButtonItem extends ButtonProps {
     type: NavigationItemType.Button;
     url: string;
     target?: string;
 }
-export interface NavigationDropdownItemProps extends NavigationItemBaseProps {
+export interface NavigationDropdownItem extends NavigationItemBase {
     type: NavigationItemType.Dropdown;
-    items: NavigationLinkItemProps[];
+    items: NavigationLinkItem[];
 }
-export interface NavigationSocialItemProps extends Omit<NavigationItemBaseProps, 'text'> {
+export interface NavigationSocialItem extends Omit<NavigationItemBase, 'text'> {
     type: NavigationItemType.Social;
     icon: ImageProps;
     url: string;
 }
-export declare type NavigationItemProps = NavigationLinkItemProps | NavigationButtonItemProps | NavigationDropdownItemProps;
-export declare type NavigationItemDataProps = NavigationLinkItemProps | NavigationButtonItemProps | NavigationSocialItemProps | DropdownItemDataProps;
-export declare type DropdownItemDataProps = Omit<NavigationDropdownItemProps, 'items'>;
-export interface NavigationLogoProps {
+export declare type NavigationItem = NavigationLinkItem | NavigationButtonItem | NavigationDropdownItem;
+export declare type NavigationItemData = NavigationLinkItem | NavigationButtonItem | NavigationSocialItem | DropdownItemData;
+export declare type DropdownItemData = Omit<NavigationDropdownItem, 'items'>;
+export interface NavigationLogo {
     icon: ImageProps;
     text?: string;
     url?: string;
 }
-export interface HeaderDataProps {
-    leftItems: NavigationItemProps[];
-    rightItems?: NavigationItemProps[];
+export interface HeaderData {
+    leftItems: NavigationItem[];
+    rightItems?: NavigationItem[];
 }
-export interface FooterColumnProps {
+export interface FooterColumn {
     title: string;
-    links: NavigationItemProps[];
+    links: NavigationItem[];
 }
-export interface FooterUnderlineProps {
-    links?: NavigationItemProps[];
+export interface FooterUnderline {
+    links?: NavigationItem[];
     copyright?: string;
 }
-export interface FooterDataProps {
-    columns: FooterColumnProps[];
-    social?: NavigationSocialItemProps[];
-    underline?: FooterUnderlineProps;
+export interface FooterData {
+    columns: FooterColumn[];
+    social?: NavigationSocialItem[];
+    underline?: FooterUnderline;
 }
-export interface NavigationDataProps {
-    logo: NavigationLogoProps;
-    header: HeaderDataProps;
-    footer?: FooterDataProps;
+export interface NavigationData {
+    logo: NavigationLogo;
+    header: HeaderData;
+    footer?: FooterData;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "1.9.1-alpha.2",
+  "version": "1.9.1-alpha.3",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {

package/server/models/navigation.d.ts

@@ -5,58 +5,58 @@ export declare enum NavigationItemType {
     Button = "button",
     Social = "social"
 }
-export interface NavigationItemBaseProps {
+export interface NavigationItemBase {
     text: string;
     icon?: ImageProps;
     url?: string;
 }
-export interface NavigationLinkItemProps extends NavigationItemBaseProps {
+export interface NavigationLinkItem extends NavigationItemBase {
     type: NavigationItemType.Link;
     url: string;
     arrow?: boolean;
     target?: string;
 }
-export interface NavigationButtonItemProps extends ButtonProps {
+export interface NavigationButtonItem extends ButtonProps {
     type: NavigationItemType.Button;
     url: string;
     target?: string;
 }
-export interface NavigationDropdownItemProps extends NavigationItemBaseProps {
+export interface NavigationDropdownItem extends NavigationItemBase {
     type: NavigationItemType.Dropdown;
-    items: NavigationLinkItemProps[];
+    items: NavigationLinkItem[];
 }
-export interface NavigationSocialItemProps extends Omit<NavigationItemBaseProps, 'text'> {
+export interface NavigationSocialItem extends Omit<NavigationItemBase, 'text'> {
     type: NavigationItemType.Social;
     icon: ImageProps;
     url: string;
 }
-export declare type NavigationItemProps = NavigationLinkItemProps | NavigationButtonItemProps | NavigationDropdownItemProps;
-export declare type NavigationItemDataProps = NavigationLinkItemProps | NavigationButtonItemProps | NavigationSocialItemProps | DropdownItemDataProps;
-export declare type DropdownItemDataProps = Omit<NavigationDropdownItemProps, 'items'>;
-export interface NavigationLogoProps {
+export declare type NavigationItem = NavigationLinkItem | NavigationButtonItem | NavigationDropdownItem;
+export declare type NavigationItemData = NavigationLinkItem | NavigationButtonItem | NavigationSocialItem | DropdownItemData;
+export declare type DropdownItemData = Omit<NavigationDropdownItem, 'items'>;
+export interface NavigationLogo {
     icon: ImageProps;
     text?: string;
     url?: string;
 }
-export interface HeaderDataProps {
-    leftItems: NavigationItemProps[];
-    rightItems?: NavigationItemProps[];
+export interface HeaderData {
+    leftItems: NavigationItem[];
+    rightItems?: NavigationItem[];
 }
-export interface FooterColumnProps {
+export interface FooterColumn {
     title: string;
-    links: NavigationItemProps[];
+    links: NavigationItem[];
 }
-export interface FooterUnderlineProps {
-    links?: NavigationItemProps[];
+export interface FooterUnderline {
+    links?: NavigationItem[];
     copyright?: string;
 }
-export interface FooterDataProps {
-    columns: FooterColumnProps[];
-    social?: NavigationSocialItemProps[];
-    underline?: FooterUnderlineProps;
+export interface FooterData {
+    columns: FooterColumn[];
+    social?: NavigationSocialItem[];
+    underline?: FooterUnderline;
 }
-export interface NavigationDataProps {
-    logo: NavigationLogoProps;
-    header: HeaderDataProps;
-    footer?: FooterDataProps;
+export interface NavigationData {
+    logo: NavigationLogo;
+    header: HeaderData;
+    footer?: FooterData;
 }

package/build/cjs/components/Image/Image.css

@@ -1,4 +0,0 @@
-.pc-image {
-  height: 100%;
-  width: 100%;
-}

package/build/esm/components/Image/Image.css

@@ -1,4 +0,0 @@
-.pc-image {
-  height: 100%;
-  width: 100%;
-}