@gravity-ui/page-constructor 1.9.1 → 1.9.3

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## [1.9.3](https://github.com/gravity-ui/page-constructor/compare/v1.9.2...v1.9.3) (2022-12-07)
+
+
+### Bug Fixes
+
+* **Tabs:** padding and image props ([#77](https://github.com/gravity-ui/page-constructor/issues/77)) ([5809e6b](https://github.com/gravity-ui/page-constructor/commit/5809e6b6364e0b3d01621d15371ef5d0aaa9518b))
+
+## [1.9.2](https://github.com/gravity-ui/page-constructor/compare/v1.9.1...v1.9.2) (2022-12-07)
+
+
+### Bug Fixes
+
+* navigation import and types ([#76](https://github.com/gravity-ui/page-constructor/issues/76)) ([53ea8d4](https://github.com/gravity-ui/page-constructor/commit/53ea8d4bb12290d3cd3f2cef6dca6a48c5c68d68))
+* release ([#74](https://github.com/gravity-ui/page-constructor/issues/74)) ([13193d4](https://github.com/gravity-ui/page-constructor/commit/13193d420ff2486a94638bd8119e28d69aa713d8))
+
 ## [1.9.1](https://github.com/gravity-ui/page-constructor/compare/v1.9.0...v1.9.1) (2022-12-05)
 
 

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,6 +33,4 @@ 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 { 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,77 +1,76 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-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");
+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;
 var Anchor_1 = require("./Anchor/Anchor");
-Object.defineProperty(exports, "Anchor", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(Anchor_1).default; } });
+Object.defineProperty(exports, "Anchor", { enumerable: true, get: function () { return __importDefault(Anchor_1).default; } });
 var AnimateBlock_1 = require("./AnimateBlock/AnimateBlock");
-Object.defineProperty(exports, "AnimateBlock", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(AnimateBlock_1).default; } });
+Object.defineProperty(exports, "AnimateBlock", { enumerable: true, get: function () { return __importDefault(AnimateBlock_1).default; } });
 var BackgroundImage_1 = require("./BackgroundImage/BackgroundImage");
-Object.defineProperty(exports, "BackgroundImage", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(BackgroundImage_1).default; } });
+Object.defineProperty(exports, "BackgroundImage", { enumerable: true, get: function () { return __importDefault(BackgroundImage_1).default; } });
 var BackgroundMedia_1 = require("./BackgroundMedia/BackgroundMedia");
-Object.defineProperty(exports, "BackgroundMedia", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(BackgroundMedia_1).default; } });
+Object.defineProperty(exports, "BackgroundMedia", { enumerable: true, get: function () { return __importDefault(BackgroundMedia_1).default; } });
 var BackLink_1 = require("./BackLink/BackLink");
-Object.defineProperty(exports, "BackLink", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(BackLink_1).default; } });
+Object.defineProperty(exports, "BackLink", { enumerable: true, get: function () { return __importDefault(BackLink_1).default; } });
 var BalancedMasonry_1 = require("./BalancedMasonry/BalancedMasonry");
-Object.defineProperty(exports, "BalancedMasonry", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(BalancedMasonry_1).default; } });
+Object.defineProperty(exports, "BalancedMasonry", { enumerable: true, get: function () { return __importDefault(BalancedMasonry_1).default; } });
 var BlockBase_1 = require("./BlockBase/BlockBase");
-Object.defineProperty(exports, "BlockBase", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(BlockBase_1).default; } });
+Object.defineProperty(exports, "BlockBase", { enumerable: true, get: function () { return __importDefault(BlockBase_1).default; } });
 var BlockHeader_1 = require("./BlockHeader/BlockHeader");
-Object.defineProperty(exports, "BlockHeader", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(BlockHeader_1).default; } });
+Object.defineProperty(exports, "BlockHeader", { enumerable: true, get: function () { return __importDefault(BlockHeader_1).default; } });
 var Button_1 = require("./Button/Button");
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(Button_1).default; } });
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
 var CardBase_1 = require("./CardBase/CardBase");
-Object.defineProperty(exports, "CardBase", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(CardBase_1).default; } });
+Object.defineProperty(exports, "CardBase", { enumerable: true, get: function () { return __importDefault(CardBase_1).default; } });
 var ErrorWrapper_1 = require("./ErrorWrapper/ErrorWrapper");
-Object.defineProperty(exports, "ErrorWrapper", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(ErrorWrapper_1).default; } });
+Object.defineProperty(exports, "ErrorWrapper", { enumerable: true, get: function () { return __importDefault(ErrorWrapper_1).default; } });
 var FileLink_1 = require("./FileLink/FileLink");
-Object.defineProperty(exports, "FileLink", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(FileLink_1).default; } });
+Object.defineProperty(exports, "FileLink", { enumerable: true, get: function () { return __importDefault(FileLink_1).default; } });
 var Foldable_1 = require("./Foldable/Foldable");
-Object.defineProperty(exports, "Foldable", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(Foldable_1).default; } });
+Object.defineProperty(exports, "Foldable", { enumerable: true, get: function () { return __importDefault(Foldable_1).default; } });
 var FullscreenImage_1 = require("./FullscreenImage/FullscreenImage");
-Object.defineProperty(exports, "FullscreenImage", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(FullscreenImage_1).default; } });
+Object.defineProperty(exports, "FullscreenImage", { enumerable: true, get: function () { return __importDefault(FullscreenImage_1).default; } });
 var FullWidthBackground_1 = require("./FullWidthBackground/FullWidthBackground");
-Object.defineProperty(exports, "FullWidthBackground", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(FullWidthBackground_1).default; } });
+Object.defineProperty(exports, "FullWidthBackground", { enumerable: true, get: function () { return __importDefault(FullWidthBackground_1).default; } });
 var HeaderBreadcrumbs_1 = require("./HeaderBreadcrumbs/HeaderBreadcrumbs");
-Object.defineProperty(exports, "HeaderBreadcrumbs", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(HeaderBreadcrumbs_1).default; } });
+Object.defineProperty(exports, "HeaderBreadcrumbs", { enumerable: true, get: function () { return __importDefault(HeaderBreadcrumbs_1).default; } });
 var HeightCalculator_1 = require("./HeightCalculator/HeightCalculator");
-Object.defineProperty(exports, "HeightCalculator", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(HeightCalculator_1).default; } });
+Object.defineProperty(exports, "HeightCalculator", { enumerable: true, get: function () { return __importDefault(HeightCalculator_1).default; } });
 var Image_1 = require("./Image/Image");
-Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(Image_1).default; } });
+Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return __importDefault(Image_1).default; } });
 var Link_1 = require("./Link/Link");
-Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(Link_1).default; } });
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return __importDefault(Link_1).default; } });
 var Links_1 = require("./Link/Links");
-Object.defineProperty(exports, "Links", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(Links_1).default; } });
+Object.defineProperty(exports, "Links", { enumerable: true, get: function () { return __importDefault(Links_1).default; } });
 var Media_1 = require("./Media/Media");
-Object.defineProperty(exports, "Media", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(Media_1).default; } });
+Object.defineProperty(exports, "Media", { enumerable: true, get: function () { return __importDefault(Media_1).default; } });
 var OutsideClick_1 = require("./OutsideClick/OutsideClick");
-Object.defineProperty(exports, "OutsideClick", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(OutsideClick_1).default; } });
+Object.defineProperty(exports, "OutsideClick", { enumerable: true, get: function () { return __importDefault(OutsideClick_1).default; } });
 var ReactPlayer_1 = require("./ReactPlayer/ReactPlayer");
-Object.defineProperty(exports, "ReactPlayer", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(ReactPlayer_1).default; } });
+Object.defineProperty(exports, "ReactPlayer", { enumerable: true, get: function () { return __importDefault(ReactPlayer_1).default; } });
 var Table_1 = require("./Table/Table");
-Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(Table_1).default; } });
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return __importDefault(Table_1).default; } });
 var Title_1 = require("./Title/Title");
-Object.defineProperty(exports, "Title", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(Title_1).default; } });
+Object.defineProperty(exports, "Title", { enumerable: true, get: function () { return __importDefault(Title_1).default; } });
 var ToggleArrow_1 = require("./ToggleArrow/ToggleArrow");
-Object.defineProperty(exports, "ToggleArrow", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(ToggleArrow_1).default; } });
+Object.defineProperty(exports, "ToggleArrow", { enumerable: true, get: function () { return __importDefault(ToggleArrow_1).default; } });
 var UnpublishedLabel_1 = require("./UnpublishedLabel/UnpublishedLabel");
-Object.defineProperty(exports, "UnpublishedLabel", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(UnpublishedLabel_1).default; } });
+Object.defineProperty(exports, "UnpublishedLabel", { enumerable: true, get: function () { return __importDefault(UnpublishedLabel_1).default; } });
 var VideoBlock_1 = require("./VideoBlock/VideoBlock");
-Object.defineProperty(exports, "VideoBlock", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(VideoBlock_1).default; } });
+Object.defineProperty(exports, "VideoBlock", { enumerable: true, get: function () { return __importDefault(VideoBlock_1).default; } });
 var YFMWrapper_1 = require("./YFMWrapper/YFMWrapper");
-Object.defineProperty(exports, "YFMWrapper", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(YFMWrapper_1).default; } });
+Object.defineProperty(exports, "YFMWrapper", { enumerable: true, get: function () { return __importDefault(YFMWrapper_1).default; } });
 var YandexForm_1 = require("./YandexForm/YandexForm");
-Object.defineProperty(exports, "YandexForm", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(YandexForm_1).default; } });
+Object.defineProperty(exports, "YandexForm", { enumerable: true, get: function () { return __importDefault(YandexForm_1).default; } });
 var Control_1 = require("./Control/Control");
-Object.defineProperty(exports, "Control", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(Control_1).default; } });
+Object.defineProperty(exports, "Control", { enumerable: true, get: function () { return __importDefault(Control_1).default; } });
 var OverflowScroller_1 = require("./OverflowScroller/OverflowScroller");
-Object.defineProperty(exports, "OverflowScroller", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(OverflowScroller_1).default; } });
+Object.defineProperty(exports, "OverflowScroller", { enumerable: true, get: function () { return __importDefault(OverflowScroller_1).default; } });
 var Author_1 = require("./Author/Author");
-Object.defineProperty(exports, "Author", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(Author_1).default; } });
+Object.defineProperty(exports, "Author", { enumerable: true, get: function () { return __importDefault(Author_1).default; } });
 var RouterLink_1 = require("./RouterLink/RouterLink");
-Object.defineProperty(exports, "RouterLink", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(RouterLink_1).default; } });
+Object.defineProperty(exports, "RouterLink", { enumerable: true, get: function () { return __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; } });
-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"));
+Object.defineProperty(exports, "HTML", { enumerable: true, get: function () { return __importDefault(HTML_1).default; } });

package/build/cjs/containers/PageConstructor/PageConstructor.js

@@ -16,7 +16,7 @@ const ConstructorRow_1 = require("./components/ConstructorRow");
 const ConstructorFootnotes_1 = require("./components/ConstructorFootnotes");
 const ConstructorItem_1 = require("./components/ConstructorItem");
 const ConstructorBlocks_1 = require("./components/ConstructorBlocks");
-const Layout_1 = (0, tslib_1.__importDefault)(require("../../components/navigation/containers/Layout/Layout"));
+const Layout_1 = (0, tslib_1.__importDefault)(require("../../navigation/containers/Layout/Layout"));
 const b = (0, utils_1.block)('page-constructor');
 const Constructor = (props) => {
     const { context, headerBlockTypes } = (0, react_1.useMemo)(() => {

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

@@ -30,24 +30,24 @@ export interface NavigationSocialItem extends Omit<NavigationItemBase, 'text'> {
     icon: ImageProps;
     url: string;
 }
-export declare type NavigationItem = NavigationLinkItem | NavigationButtonItem | NavigationDropdownItem;
+export declare type NavigationItemModel = NavigationLinkItem | NavigationButtonItem | NavigationDropdownItem;
 export declare type NavigationItemData = NavigationLinkItem | NavigationButtonItem | NavigationSocialItem | DropdownItemData;
 export declare type DropdownItemData = Omit<NavigationDropdownItem, 'items'>;
-export interface NavigationLogo {
+export interface NavigationLogoData {
     icon: ImageProps;
     text?: string;
     url?: string;
 }
 export interface HeaderData {
-    leftItems: NavigationItem[];
-    rightItems?: NavigationItem[];
+    leftItems: NavigationItemModel[];
+    rightItems?: NavigationItemModel[];
 }
 export interface FooterColumn {
     title: string;
-    links: NavigationItem[];
+    links: NavigationItemModel[];
 }
 export interface FooterUnderline {
-    links?: NavigationItem[];
+    links?: NavigationItemModel[];
     copyright?: string;
 }
 export interface FooterData {
@@ -56,7 +56,7 @@ export interface FooterData {
     underline?: FooterUnderline;
 }
 export interface NavigationData {
-    logo: NavigationLogo;
+    logo: NavigationLogoData;
     header: HeaderData;
     footer?: FooterData;
 }

package/build/cjs/{components/navigation → navigation}/components/Header/Header.d.ts

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

package/build/cjs/{components/navigation → navigation}/components/Header/Header.js

@@ -3,15 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Header = void 0;
 const tslib_1 = require("tslib");
 const react_1 = (0, tslib_1.__importStar)(require("react"));
-const utils_1 = require("../../../../utils");
-const grid_1 = require("../../../../grid");
-const OutsideClick_1 = (0, tslib_1.__importDefault)(require("../../../OutsideClick/OutsideClick"));
-const Control_1 = (0, tslib_1.__importDefault)(require("../../../Control/Control"));
+const utils_1 = require("../../../utils");
+const grid_1 = require("../../../grid");
+const OutsideClick_1 = (0, tslib_1.__importDefault)(require("../../../components/OutsideClick/OutsideClick"));
+const Control_1 = (0, tslib_1.__importDefault)(require("../../../components/Control/Control"));
 const Navigation_1 = (0, tslib_1.__importDefault)(require("../Navigation/Navigation"));
 const MobileNavigation_1 = (0, tslib_1.__importDefault)(require("../MobileNavigation/MobileNavigation"));
 const NavigationItem_1 = (0, tslib_1.__importDefault)(require("../NavigationItem/NavigationItem"));
 const Logo_1 = (0, tslib_1.__importDefault)(require("../Logo/Logo"));
-const icons_1 = require("../../../../icons");
+const icons_1 = require("../../../icons");
 const b = (0, utils_1.block)('header');
 const ICON_SIZE = 36;
 const MobileMenuButton = ({ isSidebarOpened, onSidebarOpenedChange, }) => {

package/build/cjs/{components/navigation → navigation}/components/Logo/Logo.d.ts

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

package/build/cjs/{components/navigation → navigation}/components/Logo/Logo.js

@@ -2,16 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = (0, tslib_1.__importDefault)(require("react"));
-const utils_1 = require("../../../../utils");
-const RouterLink_1 = (0, tslib_1.__importDefault)(require("../../../RouterLink/RouterLink"));
-const utils_2 = require("../../../Media/Image/utils");
-const index_1 = require("../../../index");
+const utils_1 = require("../../../utils");
+const RouterLink_1 = (0, tslib_1.__importDefault)(require("../../../components/RouterLink/RouterLink"));
+const utils_2 = require("../../../components/Media/Image/utils");
+const components_1 = require("../../../components");
 const b = (0, utils_1.block)('logo');
 const Logo = ({ icon, text, className }) => {
     const imageData = (0, utils_2.getMediaImage)(icon);
     return (react_1.default.createElement(RouterLink_1.default, { href: "/", passHref: true },
         react_1.default.createElement("div", { className: b(null, className) },
-            imageData && react_1.default.createElement(index_1.Image, Object.assign({ className: b('icon') }, imageData)),
+            imageData && react_1.default.createElement(components_1.Image, Object.assign({ className: b('icon') }, imageData)),
             react_1.default.createElement("span", { className: b('text') }, text))));
 };
 exports.default = Logo;

package/build/cjs/{components/navigation → navigation}/components/MobileNavigation/MobileNavigation.d.ts

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

package/build/cjs/{components/navigation → navigation}/components/MobileNavigation/MobileNavigation.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = (0, tslib_1.__importStar)(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const utils_1 = require("../../../../utils");
-const Foldable_1 = (0, tslib_1.__importDefault)(require("../../../Foldable/Foldable"));
-const navigation_1 = require("../../../../models/navigation");
+const utils_1 = require("../../../utils");
+const Foldable_1 = (0, tslib_1.__importDefault)(require("../../../components/Foldable/Foldable"));
+const models_1 = require("../../../models");
 const NavigationItem_1 = (0, tslib_1.__importDefault)(require("../NavigationItem/NavigationItem"));
 const b = (0, utils_1.block)('mobile-navigation');
 const MobileNavigationDropdown = ({ data, onItemClick, onToggle, isOpened = false, }) => {
@@ -25,7 +25,7 @@ const MobileNavigationItem = ({ link, index, isActive, onActiveItemChange, onClo
         toggleActive(e);
         onClose();
     }, [toggleActive, onClose]);
-    return (react_1.default.createElement("li", { key: index, className: b('links-item') }, link.type === navigation_1.NavigationItemType.Dropdown ? (react_1.default.createElement(MobileNavigationDropdown, { data: link, onToggle: toggleActive, isOpened: isActive, onItemClick: onItemClick })) : (react_1.default.createElement(NavigationItem_1.default, { data: link, onClick: onItemClick }))));
+    return (react_1.default.createElement("li", { key: index, className: b('links-item') }, link.type === models_1.NavigationItemType.Dropdown ? (react_1.default.createElement(MobileNavigationDropdown, { data: link, onToggle: toggleActive, isOpened: isActive, onItemClick: onItemClick })) : (react_1.default.createElement(NavigationItem_1.default, { data: link, onClick: onItemClick }))));
 };
 const MobileNavigation = (props) => {
     if (typeof window === 'undefined') {

package/build/cjs/{components/navigation → navigation}/components/Navigation/Navigation.d.ts

@@ -1,5 +1,5 @@
 import React, { MouseEventHandler } from 'react';
-import { NavigationDropdownItem, NavigationItem as NavigationItemModel } from '../../../../models/navigation';
+import { NavigationDropdownItem, NavigationItemModel } from '../../../models/navigation';
 export interface NavigationProps {
     links: NavigationItemModel[];
     activeItemIndex: number;

package/build/cjs/{components/navigation → navigation}/components/Navigation/Navigation.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const lodash_1 = (0, tslib_1.__importDefault)(require("lodash"));
 const react_1 = (0, tslib_1.__importStar)(require("react"));
-const utils_1 = require("../../../../utils");
-const OverflowScroller_1 = (0, tslib_1.__importDefault)(require("../../../OverflowScroller/OverflowScroller"));
-const navigation_1 = require("../../../../models/navigation");
+const utils_1 = require("../../../utils");
+const OverflowScroller_1 = (0, tslib_1.__importDefault)(require("../../../components/OverflowScroller/OverflowScroller"));
+const navigation_1 = require("../../../models/navigation");
 const NavigationPopup_1 = (0, tslib_1.__importDefault)(require("../NavigationPopup/NavigationPopup"));
 const NavigationItem_1 = (0, tslib_1.__importDefault)(require("../NavigationItem/NavigationItem"));
-const locationContext_1 = require("../../../../context/locationContext");
+const locationContext_1 = require("../../../context/locationContext");
 const b = (0, utils_1.block)('navigation');
 const NavigationDropdown = ({ data, isActive, position, hidePopup, onClick, }) => {
     const { text, items } = data, popupProps = (0, tslib_1.__rest)(data, ["text", "items"]);

package/build/cjs/{components/navigation → navigation}/components/NavigationItem/NavigationItem.d.ts

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

package/build/cjs/{components/navigation → navigation}/components/NavigationItem/NavigationItem.js

@@ -2,23 +2,23 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = (0, tslib_1.__importStar)(require("react"));
-const utils_1 = require("../../../../utils");
-const index_1 = require("../../../index");
-const locationContext_1 = require("../../../../context/locationContext");
-const models_1 = require("../../../../models");
-const icons_1 = require("../../../../icons");
+const utils_1 = require("../../../utils");
+const components_1 = require("../../../components");
+const locationContext_1 = require("../../../context/locationContext");
+const models_1 = require("../../../models");
+const icons_1 = require("../../../icons");
 const SocialIcon_1 = (0, tslib_1.__importDefault)(require("../SocialIcon/SocialIcon"));
-const utils_2 = require("../../../Media/Image/utils");
+const utils_2 = require("../../../components/Media/Image/utils");
 const b = (0, utils_1.block)('navigation-item');
 const Content = ({ text, icon }) => (react_1.default.createElement(react_1.Fragment, null,
-    icon && react_1.default.createElement(index_1.Image, Object.assign({ className: b('icon') }, icon)),
+    icon && react_1.default.createElement(components_1.Image, Object.assign({ className: b('icon') }, icon)),
     react_1.default.createElement("span", { className: b('text') }, text)));
 const NavigationDropdown = (_a) => {
     var { text, icon, isOpened } = _a, props = (0, tslib_1.__rest)(_a, ["text", "icon", "isOpened"]);
     const iconData = icon && (0, utils_2.getMediaImage)(icon);
     return (react_1.default.createElement("span", Object.assign({}, props),
         react_1.default.createElement(Content, { text: text, icon: iconData }),
-        react_1.default.createElement(index_1.ToggleArrow, { className: b('dropdown'), size: 12, type: 'vertical', iconType: "navigation", open: isOpened })));
+        react_1.default.createElement(components_1.ToggleArrow, { className: b('dropdown'), size: 12, type: 'vertical', iconType: "navigation", open: isOpened })));
 };
 const NavigationLink = (props) => {
     const { hostname, Link } = (0, react_1.useContext)(locationContext_1.LocationContext);
@@ -32,14 +32,14 @@ const NavigationLink = (props) => {
         return (react_1.default.createElement("a", Object.assign({ href: url, title: text }, rest, linkExtraProps), content));
     }
     else {
-        return (react_1.default.createElement(index_1.RouterLink, { href: url, passHref: true },
+        return (react_1.default.createElement(components_1.RouterLink, { href: url, passHref: true },
             react_1.default.createElement("a", Object.assign({}, rest), content)));
     }
 };
 const NavigationButton = (props) => {
     const { url, target } = props;
-    return target ? (react_1.default.createElement(index_1.Button, Object.assign({}, props, { url: url }))) : (react_1.default.createElement(index_1.RouterLink, { href: url },
-        react_1.default.createElement(index_1.Button, Object.assign({}, props, { url: url }))));
+    return target ? (react_1.default.createElement(components_1.Button, Object.assign({}, props, { url: url }))) : (react_1.default.createElement(components_1.RouterLink, { href: url },
+        react_1.default.createElement(components_1.Button, Object.assign({}, props, { url: url }))));
 };
 //todo: add types support form component in map
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/build/cjs/{components/navigation → navigation}/components/NavigationPopup/NavigationPopup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NavigationLinkItem } from '../../../../models';
+import { NavigationLinkItem } from '../../../models';
 export interface NavigationPopupProps {
     items: NavigationLinkItem[];
     onClose: () => void;

package/build/cjs/{components/navigation → navigation}/components/NavigationPopup/NavigationPopup.js

@@ -5,8 +5,8 @@ const tslib_1 = require("tslib");
 const lodash_1 = (0, tslib_1.__importDefault)(require("lodash"));
 const react_1 = (0, tslib_1.__importStar)(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const utils_1 = require("../../../../utils");
-const index_1 = require("../../../index");
+const utils_1 = require("../../../utils");
+const components_1 = require("../../../components");
 const NavigationItem_1 = (0, tslib_1.__importDefault)(require("../NavigationItem/NavigationItem"));
 const b = (0, utils_1.block)('navigation-popup');
 const NavigationPopup = ({ items, left, onClose }) => {
@@ -39,7 +39,7 @@ const NavigationPopup = ({ items, left, onClose }) => {
     }
     return (react_1.default.createElement(uikit_1.Portal, null,
         react_1.default.createElement("div", { ref: popupRef, className: b(), style: { left: calculatedLeft } },
-            react_1.default.createElement(index_1.OutsideClick, { onOutsideClick: onClose }, items.map((item) => (react_1.default.createElement(NavigationItem_1.default, { key: item.text, className: b('link'), data: item })))))));
+            react_1.default.createElement(components_1.OutsideClick, { onOutsideClick: onClose }, items.map((item) => (react_1.default.createElement(NavigationItem_1.default, { key: item.text, className: b('link'), data: item })))))));
 };
 exports.NavigationPopup = NavigationPopup;
 exports.default = exports.NavigationPopup;

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

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

package/build/cjs/{components/navigation → navigation}/components/SocialIcon/SocialIcon.js

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = (0, tslib_1.__importDefault)(require("react"));
-const utils_1 = require("../../../../utils");
-const index_1 = require("../../../index");
-const utils_2 = require("../../../Media/Image/utils");
+const utils_1 = require("../../../utils");
+const components_1 = require("../../../components");
+const utils_2 = require("../../../components/Media/Image/utils");
 const b = (0, utils_1.block)('social-icon');
 const SocialIcon = ({ icon, url, className }) => {
     const iconData = (0, utils_2.getMediaImage)(icon);
     return (react_1.default.createElement("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: b(null, className) },
-        react_1.default.createElement(index_1.Image, Object.assign({ className: b('icon') }, iconData))));
+        react_1.default.createElement(components_1.Image, Object.assign({ className: b('icon') }, iconData))));
 };
 exports.default = SocialIcon;

package/build/cjs/{components/navigation → navigation}/containers/Layout/Layout.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NavigationData } from '../../../../models';
+import { NavigationData } from '../../../models';
 export interface LayoutProps {
     navigation?: NavigationData;
     children?: React.ReactNode;

package/build/cjs/{components/navigation → navigation}/containers/Layout/Layout.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = (0, tslib_1.__importDefault)(require("react"));
-const utils_1 = require("../../../../utils");
+const utils_1 = require("../../../utils");
 const Header_1 = (0, tslib_1.__importDefault)(require("../../components/Header/Header"));
 const b = (0, utils_1.block)('layout');
 const Layout = ({ children, navigation }) => (react_1.default.createElement("div", { className: b() },

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,6 +33,4 @@ 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 { 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,5 +33,3 @@ 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 { default as Header } from './navigation/components/Header/Header';
-export * as Navigation from './navigation/components/index';

package/build/esm/containers/PageConstructor/PageConstructor.js

@@ -13,7 +13,7 @@ import { ConstructorRow } from './components/ConstructorRow';
 import { ConstructorFootnotes } from './components/ConstructorFootnotes';
 import { ConstructorHeader } from './components/ConstructorItem';
 import { ConstructorBlocks } from './components/ConstructorBlocks';
-import Layout from '../../components/navigation/containers/Layout/Layout';
+import Layout from '../../navigation/containers/Layout/Layout';
 import './PageConstructor.css';
 const b = cnBlock('page-constructor');
 export const Constructor = (props) => {

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

@@ -30,24 +30,24 @@ export interface NavigationSocialItem extends Omit<NavigationItemBase, 'text'> {
     icon: ImageProps;
     url: string;
 }
-export declare type NavigationItem = NavigationLinkItem | NavigationButtonItem | NavigationDropdownItem;
+export declare type NavigationItemModel = NavigationLinkItem | NavigationButtonItem | NavigationDropdownItem;
 export declare type NavigationItemData = NavigationLinkItem | NavigationButtonItem | NavigationSocialItem | DropdownItemData;
 export declare type DropdownItemData = Omit<NavigationDropdownItem, 'items'>;
-export interface NavigationLogo {
+export interface NavigationLogoData {
     icon: ImageProps;
     text?: string;
     url?: string;
 }
 export interface HeaderData {
-    leftItems: NavigationItem[];
-    rightItems?: NavigationItem[];
+    leftItems: NavigationItemModel[];
+    rightItems?: NavigationItemModel[];
 }
 export interface FooterColumn {
     title: string;
-    links: NavigationItem[];
+    links: NavigationItemModel[];
 }
 export interface FooterUnderline {
-    links?: NavigationItem[];
+    links?: NavigationItemModel[];
     copyright?: string;
 }
 export interface FooterData {
@@ -56,7 +56,7 @@ export interface FooterData {
     underline?: FooterUnderline;
 }
 export interface NavigationData {
-    logo: NavigationLogo;
+    logo: NavigationLogoData;
     header: HeaderData;
     footer?: FooterData;
 }

package/build/esm/{components/navigation → navigation}/components/Header/Header.d.ts

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

package/build/esm/{components/navigation → navigation}/components/Header/Header.js

@@ -1,13 +1,13 @@
 import React, { useCallback, useState } from 'react';
-import { block } from '../../../../utils';
-import { Col, Grid, Row } from '../../../../grid';
-import OutsideClick from '../../../OutsideClick/OutsideClick';
-import Control from '../../../Control/Control';
+import { block } from '../../../utils';
+import { Col, Grid, Row } from '../../../grid';
+import OutsideClick from '../../../components/OutsideClick/OutsideClick';
+import Control from '../../../components/Control/Control';
 import Navigation from '../Navigation/Navigation';
 import MobileNavigation from '../MobileNavigation/MobileNavigation';
 import NavigationItem from '../NavigationItem/NavigationItem';
 import Logo from '../Logo/Logo';
-import { NavigationClose, NavigationOpen } from '../../../../icons';
+import { NavigationClose, NavigationOpen } from '../../../icons';
 import './Header.css';
 const b = block('header');
 const ICON_SIZE = 36;

package/build/esm/{components/navigation → navigation}/components/Logo/Logo.d.ts

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

package/build/esm/{components/navigation → navigation}/components/Logo/Logo.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { block } from '../../../../utils';
-import RouterLink from '../../../RouterLink/RouterLink';
-import { getMediaImage } from '../../../Media/Image/utils';
-import { Image } from '../../../index';
+import { block } from '../../../utils';
+import RouterLink from '../../../components/RouterLink/RouterLink';
+import { getMediaImage } from '../../../components/Media/Image/utils';
+import { Image } from '../../../components';
 import './Logo.css';
 const b = block('logo');
 const Logo = ({ icon, text, className }) => {

package/build/esm/{components/navigation → navigation}/components/MobileNavigation/MobileNavigation.d.ts

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

package/build/esm/{components/navigation → navigation}/components/MobileNavigation/MobileNavigation.js

@@ -1,8 +1,8 @@
 import React, { useRef, useCallback } from 'react';
 import { Popup, Portal } from '@gravity-ui/uikit';
-import { block } from '../../../../utils';
-import Foldable from '../../../Foldable/Foldable';
-import { NavigationItemType, } from '../../../../models/navigation';
+import { block } from '../../../utils';
+import Foldable from '../../../components/Foldable/Foldable';
+import { NavigationItemType } from '../../../models';
 import NavigationItem from '../NavigationItem/NavigationItem';
 import './MobileNavigation.css';
 const b = block('mobile-navigation');

package/build/esm/{components/navigation → navigation}/components/Navigation/Navigation.d.ts

@@ -1,5 +1,5 @@
 import React, { MouseEventHandler } from 'react';
-import { NavigationDropdownItem, NavigationItem as NavigationItemModel } from '../../../../models/navigation';
+import { NavigationDropdownItem, NavigationItemModel } from '../../../models/navigation';
 import './Navigation.css';
 export interface NavigationProps {
     links: NavigationItemModel[];

package/build/esm/{components/navigation → navigation}/components/Navigation/Navigation.js

@@ -1,12 +1,12 @@
 import { __rest } from "tslib";
 import _ from 'lodash';
 import React, { Fragment, useState, useEffect, useCallback, useContext, useRef, } from 'react';
-import { block } from '../../../../utils';
-import OverflowScroller from '../../../OverflowScroller/OverflowScroller';
-import { NavigationItemType, } from '../../../../models/navigation';
+import { block } from '../../../utils';
+import OverflowScroller from '../../../components/OverflowScroller/OverflowScroller';
+import { NavigationItemType, } from '../../../models/navigation';
 import NavigationPopup from '../NavigationPopup/NavigationPopup';
 import NavigationItem from '../NavigationItem/NavigationItem';
-import { LocationContext } from '../../../../context/locationContext';
+import { LocationContext } from '../../../context/locationContext';
 import './Navigation.css';
 const b = block('navigation');
 const NavigationDropdown = ({ data, isActive, position, hidePopup, onClick, }) => {

package/build/esm/{components/navigation → navigation}/components/NavigationItem/NavigationItem.d.ts

@@ -1,5 +1,5 @@
 import React, { MouseEventHandler } from 'react';
-import { NavigationItemData } from '../../../../models';
+import { NavigationItemData } from '../../../models';
 import './NavigationItem.css';
 export interface NavigationItemProps {
     data: NavigationItemData;

package/build/esm/{components/navigation → navigation}/components/NavigationItem/NavigationItem.js

@@ -1,12 +1,12 @@
 import { __rest } from "tslib";
 import React, { Fragment, useContext, useMemo } from 'react';
-import { block, getLinkProps } from '../../../../utils';
-import { RouterLink, ToggleArrow, Button, Image } from '../../../index';
-import { LocationContext } from '../../../../context/locationContext';
-import { NavigationItemType, } from '../../../../models';
-import { NavigationArrow } from '../../../../icons';
+import { block, getLinkProps } from '../../../utils';
+import { RouterLink, ToggleArrow, Button, Image } from '../../../components';
+import { LocationContext } from '../../../context/locationContext';
+import { NavigationItemType, } from '../../../models';
+import { NavigationArrow } from '../../../icons';
 import SocialIcon from '../SocialIcon/SocialIcon';
-import { getMediaImage } from '../../../Media/Image/utils';
+import { getMediaImage } from '../../../components/Media/Image/utils';
 import './NavigationItem.css';
 const b = block('navigation-item');
 const Content = ({ text, icon }) => (React.createElement(Fragment, null,

package/build/esm/{components/navigation → navigation}/components/NavigationPopup/NavigationPopup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NavigationLinkItem } from '../../../../models';
+import { NavigationLinkItem } from '../../../models';
 import './NavigationPopup.css';
 export interface NavigationPopupProps {
     items: NavigationLinkItem[];

package/build/esm/{components/navigation → navigation}/components/NavigationPopup/NavigationPopup.js

@@ -1,8 +1,8 @@
 import _ from 'lodash';
 import React, { useRef, useState, useEffect, useCallback } from 'react';
 import { Portal } from '@gravity-ui/uikit';
-import { block } from '../../../../utils';
-import { OutsideClick } from '../../../index';
+import { block } from '../../../utils';
+import { OutsideClick } from '../../../components';
 import NavigationItem from '../NavigationItem/NavigationItem';
 import './NavigationPopup.css';
 const b = block('navigation-popup');

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

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

package/build/esm/{components/navigation → navigation}/components/SocialIcon/SocialIcon.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { block } from '../../../../utils';
-import { Image } from '../../../index';
-import { getMediaImage } from '../../../Media/Image/utils';
+import { block } from '../../../utils';
+import { Image } from '../../../components';
+import { getMediaImage } from '../../../components/Media/Image/utils';
 import './SocialIcon.css';
 const b = block('social-icon');
 const SocialIcon = ({ icon, url, className }) => {

package/build/esm/{components/navigation → navigation}/containers/Layout/Layout.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NavigationData } from '../../../../models';
+import { NavigationData } from '../../../models';
 import './Layout.css';
 export interface LayoutProps {
     navigation?: NavigationData;

package/build/esm/{components/navigation → navigation}/containers/Layout/Layout.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { block } from '../../../../utils';
+import { block } from '../../../utils';
 import Header from '../../components/Header/Header';
 import './Layout.css';
 const b = block('layout');

package/package.json

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

package/server/models/navigation.d.ts

@@ -30,24 +30,24 @@ export interface NavigationSocialItem extends Omit<NavigationItemBase, 'text'> {
     icon: ImageProps;
     url: string;
 }
-export declare type NavigationItem = NavigationLinkItem | NavigationButtonItem | NavigationDropdownItem;
+export declare type NavigationItemModel = NavigationLinkItem | NavigationButtonItem | NavigationDropdownItem;
 export declare type NavigationItemData = NavigationLinkItem | NavigationButtonItem | NavigationSocialItem | DropdownItemData;
 export declare type DropdownItemData = Omit<NavigationDropdownItem, 'items'>;
-export interface NavigationLogo {
+export interface NavigationLogoData {
     icon: ImageProps;
     text?: string;
     url?: string;
 }
 export interface HeaderData {
-    leftItems: NavigationItem[];
-    rightItems?: NavigationItem[];
+    leftItems: NavigationItemModel[];
+    rightItems?: NavigationItemModel[];
 }
 export interface FooterColumn {
     title: string;
-    links: NavigationItem[];
+    links: NavigationItemModel[];
 }
 export interface FooterUnderline {
-    links?: NavigationItem[];
+    links?: NavigationItemModel[];
     copyright?: string;
 }
 export interface FooterData {
@@ -56,7 +56,7 @@ export interface FooterData {
     underline?: FooterUnderline;
 }
 export interface NavigationData {
-    logo: NavigationLogo;
+    logo: NavigationLogoData;
     header: HeaderData;
     footer?: FooterData;
 }

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

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

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

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

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

@@ -1,7 +0,0 @@
-export { default as Header } from './Header/Header';
-export { default as NavigationItem } from './NavigationItem/NavigationItem';
-export { default as Logo } from './Logo/Logo';
-export { default as MobileNavigation } from './MobileNavigation/MobileNavigation';
-export { default as Navigation } from './Navigation/Navigation';
-export { default as NavigationPopup } from './NavigationPopup/NavigationPopup';
-export { default as SocialIcon } from './SocialIcon/SocialIcon';

package/build/cjs/components/navigation/components/index.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SocialIcon = exports.NavigationPopup = exports.Navigation = exports.MobileNavigation = exports.Logo = exports.NavigationItem = exports.Header = void 0;
-var Header_1 = require("./Header/Header");
-Object.defineProperty(exports, "Header", { enumerable: true, get: function () { return __importDefault(Header_1).default; } });
-var NavigationItem_1 = require("./NavigationItem/NavigationItem");
-Object.defineProperty(exports, "NavigationItem", { enumerable: true, get: function () { return __importDefault(NavigationItem_1).default; } });
-var Logo_1 = require("./Logo/Logo");
-Object.defineProperty(exports, "Logo", { enumerable: true, get: function () { return __importDefault(Logo_1).default; } });
-var MobileNavigation_1 = require("./MobileNavigation/MobileNavigation");
-Object.defineProperty(exports, "MobileNavigation", { enumerable: true, get: function () { return __importDefault(MobileNavigation_1).default; } });
-var Navigation_1 = require("./Navigation/Navigation");
-Object.defineProperty(exports, "Navigation", { enumerable: true, get: function () { return __importDefault(Navigation_1).default; } });
-var NavigationPopup_1 = require("./NavigationPopup/NavigationPopup");
-Object.defineProperty(exports, "NavigationPopup", { enumerable: true, get: function () { return __importDefault(NavigationPopup_1).default; } });
-var SocialIcon_1 = require("./SocialIcon/SocialIcon");
-Object.defineProperty(exports, "SocialIcon", { enumerable: true, get: function () { return __importDefault(SocialIcon_1).default; } });

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

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

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

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

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

@@ -1,7 +0,0 @@
-export { default as Header } from './Header/Header';
-export { default as NavigationItem } from './NavigationItem/NavigationItem';
-export { default as Logo } from './Logo/Logo';
-export { default as MobileNavigation } from './MobileNavigation/MobileNavigation';
-export { default as Navigation } from './Navigation/Navigation';
-export { default as NavigationPopup } from './NavigationPopup/NavigationPopup';
-export { default as SocialIcon } from './SocialIcon/SocialIcon';

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

@@ -1,7 +0,0 @@
-export { default as Header } from './Header/Header';
-export { default as NavigationItem } from './NavigationItem/NavigationItem';
-export { default as Logo } from './Logo/Logo';
-export { default as MobileNavigation } from './MobileNavigation/MobileNavigation';
-export { default as Navigation } from './Navigation/Navigation';
-export { default as NavigationPopup } from './NavigationPopup/NavigationPopup';
-export { default as SocialIcon } from './SocialIcon/SocialIcon';