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

package/build/cjs/blocks/Header/Header.js

@@ -59,8 +59,11 @@ const HeaderBlock = (props) => {
                                 description && (react_1.default.createElement("h5", { className: b('description') },
                                     react_1.default.createElement(YFMWrapper_1.default, { content: description, modifiers: { constructor: true } }))),
                                 buttons && (react_1.default.createElement("div", { className: b('buttons'), "data-qa": "header-buttons" }, buttons &&
-                                    buttons.map((button, index) => (react_1.default.createElement(components_1.RouterLink, { href: button.url, key: index },
-                                        react_1.default.createElement(components_1.Button, Object.assign({ key: index, className: b('button'), size: "xl" }, button))))))),
+                                    buttons.map((button, index) => (
+                                    // <RouterLink href={button.url} key={index}>
+                                    react_1.default.createElement(components_1.Button, Object.assign({ key: index, className: b('button'), size: "xl" }, button))
+                                    // </RouterLink>
+                                    )))),
                                 children))),
                     hasRightSideImage && (react_1.default.createElement(components_1.Media, { className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image'), video: videoThemed, image: imageThemed })))))));
 };

package/build/cjs/blocks/Icons/Icons.js

@@ -5,13 +5,12 @@ const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
 const components_1 = require("../../components");
 const locationContext_1 = require("../../context/locationContext");
-const LinkBase_1 = require("src/components/LinkBase/LinkBase");
 const b = (0, utils_1.block)('icons-block');
 const Icons = ({ title, size = 's', items }) => {
     const { hostname } = (0, react_1.useContext)(locationContext_1.LocationContext);
     return (react_1.default.createElement("div", { className: b({ size }) },
         title && react_1.default.createElement(components_1.BlockHeader, { className: b('header'), title: title, colSizes: { all: 12 } }),
-        items.map((item) => (react_1.default.createElement(LinkBase_1.LinkBase, Object.assign({ className: b('item'), key: item.url, href: item.url }, (0, utils_1.getLinkProps)(item.url, hostname)),
+        items.map((item) => (react_1.default.createElement(components_1.LinkBase, Object.assign({ className: b('item'), key: item.url, href: item.url }, (0, utils_1.getLinkProps)(item.url, hostname)),
             react_1.default.createElement(components_1.Image, { className: b('image'), src: item.src }),
             react_1.default.createElement("p", { className: b('text') }, item.text))))));
 };

package/build/cjs/components/FileLink/FileLink.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const utils_1 = require("../../utils");
 const react_1 = tslib_1.__importStar(require("react"));
 const locationContext_1 = require("../../context/locationContext");
-const LinkBase_1 = require("../LinkBase/LinkBase");
+const LinkBase_1 = tslib_1.__importDefault(require("../LinkBase/LinkBase"));
 const b = (0, utils_1.block)('file-link');
 const FIGMA_URL = 'https://www.figma.com';
 var FileExtension;
@@ -32,6 +32,6 @@ const FileLink = (props) => {
     return (react_1.default.createElement("div", { className: b({ ext: fileExt, type, size: textSize, theme }, className) },
         Object.values(FileExtension).includes(fileExt) && (react_1.default.createElement("div", { className: b('file-label') }, fileExt)),
         react_1.default.createElement("div", { className: b('link') },
-            react_1.default.createElement(LinkBase_1.LinkBase, Object.assign({ href: href }, (0, utils_1.getLinkProps)(href, hostname), { onClick: onClick }), text))));
+            react_1.default.createElement(LinkBase_1.default, Object.assign({ href: href }, (0, utils_1.getLinkProps)(href, hostname), { onClick: onClick }), text))));
 };
 exports.default = FileLink;

package/build/cjs/components/HeaderBreadcrumbs/HeaderBreadcrumbs.js

@@ -4,7 +4,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
 const useMetrika_1 = require("../../hooks/useMetrika");
-const LinkBase_1 = require("../LinkBase/LinkBase");
+const LinkBase_1 = tslib_1.__importDefault(require("../LinkBase/LinkBase"));
 const b = (0, utils_1.block)('header-breadcrumbs');
 function HeaderBreadcrumbs(props) {
     const { items, metrikaGoals, pixelEvents, theme = 'light', className } = props;
@@ -13,6 +13,6 @@ function HeaderBreadcrumbs(props) {
         handleMetrika({ metrikaGoals, pixelEvents });
     };
     return (react_1.default.createElement("div", { className: b({ theme }, className) }, items.map((item) => (react_1.default.createElement("div", { className: b('item'), key: item.url },
-        react_1.default.createElement(LinkBase_1.LinkBase, { href: item.url, className: b('text'), onClick: onClick }, item.text))))));
+        react_1.default.createElement(LinkBase_1.default, { href: item.url, className: b('text'), onClick: onClick }, item.text))))));
 }
 exports.default = HeaderBreadcrumbs;

package/build/cjs/components/Link/Link.js

@@ -6,13 +6,13 @@ const uikit_1 = require("@gravity-ui/uikit");
 const utils_1 = require("../../utils");
 const models_1 = require("../../models");
 const icons_1 = require("../../icons");
+const LinkBase_1 = tslib_1.__importDefault(require("../LinkBase/LinkBase"));
 const FileLink_1 = tslib_1.__importDefault(require("../FileLink/FileLink"));
 const BackLink_1 = tslib_1.__importDefault(require("../BackLink/BackLink"));
 const localeContext_1 = require("../../context/localeContext/localeContext");
 const locationContext_1 = require("../../context/locationContext/locationContext");
 const useMetrika_1 = require("../../hooks/useMetrika");
 const hooks_1 = require("../../hooks");
-const LinkBase_1 = require("../LinkBase/LinkBase");
 const b = (0, utils_1.block)('link-block');
 const WORD_JOINER_SYM = '\u200b';
 function getArrowSize(size) {
@@ -49,7 +49,7 @@ const LinkBlock = (props) => {
             case 'normal': {
                 const linkProps = (0, utils_1.getLinkProps)(url, hostname, target);
                 const content = children || text;
-                return (react_1.default.createElement(LinkBase_1.LinkBase, Object.assign({ className: b('link', { theme: colorTheme, 'has-arrow': arrow }), href: href, onClick: onClick }, linkProps), arrow ? (react_1.default.createElement(react_1.Fragment, null,
+                return (react_1.default.createElement(LinkBase_1.default, Object.assign({ className: b('link', { theme: colorTheme, 'has-arrow': arrow }), href: href, onClick: onClick }, linkProps), arrow ? (react_1.default.createElement(react_1.Fragment, null,
                     react_1.default.createElement("span", { className: b('content') }, content),
                     WORD_JOINER_SYM,
                     react_1.default.createElement(uikit_1.Icon, { className: b('arrow'), data: icons_1.Chevron, size: getArrowSize(textSize) }))) : (content)));

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

@@ -1,2 +1,3 @@
 import { LinkBaseProps, WithChildren } from '../../models';
-export declare const LinkBase: (props: WithChildren<LinkBaseProps>) => JSX.Element;
+declare const LinkBase: (props: WithChildren<LinkBaseProps>) => JSX.Element;
+export default LinkBase;

package/build/cjs/components/LinkBase/LinkBase.js

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LinkBase = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const lodash_1 = require("lodash");
@@ -16,4 +15,4 @@ const LinkBase = (props) => {
     }
     return (react_1.default.createElement("a", Object.assign({ href: href }, linkProps), children));
 };
-exports.LinkBase = LinkBase;
+exports.default = LinkBase;

package/build/cjs/components/Title/Title.js

@@ -5,10 +5,10 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
 const Anchor_1 = tslib_1.__importDefault(require("../Anchor/Anchor"));
+const LinkBase_1 = tslib_1.__importDefault(require("../LinkBase/LinkBase"));
 const __1 = require("../");
 const locationContext_1 = require("../../context/locationContext");
 const mobileContext_1 = require("../../context/mobileContext");
-const LinkBase_1 = require("../LinkBase/LinkBase");
 const b = (0, utils_1.block)('title-block');
 function getArrowSize(size, isMobile) {
     switch (size) {
@@ -41,7 +41,7 @@ const Title = (props) => {
         content = textMarkup;
     }
     else if (url) {
-        content = (react_1.default.createElement(LinkBase_1.LinkBase, Object.assign({ className: b('link'), href: url }, (0, utils_1.getLinkProps)(url, hostname), { onClick: onClick }), insideClickableContent));
+        content = (react_1.default.createElement(LinkBase_1.default, Object.assign({ className: b('link'), href: url }, (0, utils_1.getLinkProps)(url, hostname), { onClick: onClick }), insideClickableContent));
     }
     else if (onClick) {
         content = (react_1.default.createElement("span", { className: b('link'), onClick: onClick }, insideClickableContent));

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

@@ -17,6 +17,7 @@ export { default as HeaderBreadcrumbs } from './HeaderBreadcrumbs/HeaderBreadcru
 export { default as HeightCalculator } from './HeightCalculator/HeightCalculator';
 export { default as Image } from './Image/Image';
 export { default as Link } from './Link/Link';
+export { default as LinkBase } from './LinkBase/LinkBase';
 export { default as Links } from './Link/Links';
 export { default as Media } from './Media/Media';
 export { default as OutsideClick } from './OutsideClick/OutsideClick';

package/build/cjs/components/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FullScreenMedia = exports.MetaInfo = 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.FullScreenMedia = exports.MetaInfo = 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.LinkBase = 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 __importDefault(Anchor_1).default; } });
 var AnimateBlock_1 = require("./AnimateBlock/AnimateBlock");
@@ -42,6 +42,8 @@ var Image_1 = require("./Image/Image");
 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 __importDefault(Link_1).default; } });
+var LinkBase_1 = require("./LinkBase/LinkBase");
+Object.defineProperty(exports, "LinkBase", { enumerable: true, get: function () { return __importDefault(LinkBase_1).default; } });
 var Links_1 = require("./Link/Links");
 Object.defineProperty(exports, "Links", { enumerable: true, get: function () { return __importDefault(Links_1).default; } });
 var Media_1 = require("./Media/Media");

package/build/cjs/navigation/components/NavigationItem/components/GithubButton/GithubButton.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../../../../utils");
 const models_1 = require("../../../../../models");
-const LinkBase_1 = require("../../../../../components/LinkBase/LinkBase");
+const components_1 = require("../../../../../components");
 const b = (0, utils_1.block)('github-button');
 const DEFAULT_LABEL = 'Stars on GitHub';
 /* More information about github-buttons in https://buttons.github.io/ */
@@ -43,6 +43,6 @@ const GithubButton = ({ text, url, className, label, size, icon, }) => {
     }, []);
     return (react_1.default.createElement("div", { className: b(null, className) },
         react_1.default.createElement("span", { ref: containerRef },
-            react_1.default.createElement(LinkBase_1.LinkBase, Object.assign({ href: url, ref: linkRef, "data-show-count": "true", "aria-label": label || DEFAULT_LABEL }, (icon && { 'data-icon': models_1.NavigationGithubButtonIcon[icon] }), (size && { 'data-size': size })), text))));
+            react_1.default.createElement(components_1.LinkBase, Object.assign({ href: url, ref: linkRef, "data-show-count": "true", "aria-label": label || DEFAULT_LABEL }, (icon && { 'data-icon': models_1.NavigationGithubButtonIcon[icon] }), (size && { 'data-size': size })), text))));
 };
 exports.GithubButton = GithubButton;

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

@@ -5,11 +5,10 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../../utils");
 const components_1 = require("../../../components");
 const utils_2 = require("../../../components/Media/Image/utils");
-const LinkBase_1 = require("../../../components/LinkBase/LinkBase");
 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(LinkBase_1.LinkBase, { href: url, target: "_blank", rel: "noopener noreferrer", className: b(null, className) },
+    return (react_1.default.createElement(components_1.LinkBase, { href: url, target: "_blank", rel: "noopener noreferrer", className: b(null, className) },
         react_1.default.createElement(components_1.Image, Object.assign({ className: b('icon') }, iconData))));
 };
 exports.default = SocialIcon;

package/build/esm/blocks/Header/Header.js

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import { block, getThemedValue } from '../../utils';
-import { Button, Media, RouterLink, HTML } from '../../components';
+import { Button, Media, HTML } from '../../components';
 import { Grid, Row, Col } from '../../grid';
 import { getImageSize, getTitleSizes, titleWithImageSizes } from './utils';
 import { MobileContext } from '../../context/mobileContext';
@@ -56,8 +56,11 @@ export const HeaderBlock = (props) => {
                                 description && (React.createElement("h5", { className: b('description') },
                                     React.createElement(YFMWrapper, { content: description, modifiers: { constructor: true } }))),
                                 buttons && (React.createElement("div", { className: b('buttons'), "data-qa": "header-buttons" }, buttons &&
-                                    buttons.map((button, index) => (React.createElement(RouterLink, { href: button.url, key: index },
-                                        React.createElement(Button, Object.assign({ key: index, className: b('button'), size: "xl" }, button))))))),
+                                    buttons.map((button, index) => (
+                                    // <RouterLink href={button.url} key={index}>
+                                    React.createElement(Button, Object.assign({ key: index, className: b('button'), size: "xl" }, button))
+                                    // </RouterLink>
+                                    )))),
                                 children))),
                     hasRightSideImage && (React.createElement(Media, { className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image'), video: videoThemed, image: imageThemed })))))));
 };

package/build/esm/blocks/Icons/Icons.js

@@ -1,8 +1,7 @@
 import React, { useContext } from 'react';
 import { block, getLinkProps } from '../../utils';
-import { BlockHeader, Image } from '../../components';
+import { BlockHeader, Image, LinkBase } from '../../components';
 import { LocationContext } from '../../context/locationContext';
-import { LinkBase } from 'src/components/LinkBase/LinkBase';
 import './Icons.css';
 const b = block('icons-block');
 const Icons = ({ title, size = 's', items }) => {

package/build/esm/components/FileLink/FileLink.js

@@ -1,7 +1,7 @@
 import { block, getLinkProps } from '../../utils';
 import React, { useContext } from 'react';
 import { LocationContext } from '../../context/locationContext';
-import { LinkBase } from '../LinkBase/LinkBase';
+import LinkBase from '../LinkBase/LinkBase';
 import './FileLink.css';
 const b = block('file-link');
 const FIGMA_URL = 'https://www.figma.com';

package/build/esm/components/HeaderBreadcrumbs/HeaderBreadcrumbs.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { block } from '../../utils';
 import { useMetrika } from '../../hooks/useMetrika';
-import { LinkBase } from '../LinkBase/LinkBase';
+import LinkBase from '../LinkBase/LinkBase';
 import './HeaderBreadcrumbs.css';
 const b = block('header-breadcrumbs');
 export default function HeaderBreadcrumbs(props) {

package/build/esm/components/Link/Link.js

@@ -3,13 +3,13 @@ import { Icon } from '@gravity-ui/uikit';
 import { block, getLinkProps, setUrlTld } from '../../utils';
 import { DefaultEventNames } from '../../models';
 import { Chevron } from '../../icons';
+import LinkBase from '../LinkBase/LinkBase';
 import FileLink from '../FileLink/FileLink';
 import BackLink from '../BackLink/BackLink';
 import { LocaleContext } from '../../context/localeContext/localeContext';
 import { LocationContext } from '../../context/locationContext/locationContext';
 import { useMetrika } from '../../hooks/useMetrika';
 import { useAnalytics } from '../../hooks';
-import { LinkBase } from '../LinkBase/LinkBase';
 import './Link.css';
 const b = block('link-block');
 const WORD_JOINER_SYM = '\u200b';

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

@@ -1,2 +1,3 @@
 import { LinkBaseProps, WithChildren } from '../../models';
-export declare const LinkBase: (props: WithChildren<LinkBaseProps>) => JSX.Element;
+declare const LinkBase: (props: WithChildren<LinkBaseProps>) => JSX.Element;
+export default LinkBase;

package/build/esm/components/LinkBase/LinkBase.js

@@ -3,7 +3,7 @@ import React, { useContext } from 'react';
 import { omit } from 'lodash';
 import { LocationContext } from '../../context/locationContext';
 import RouterLink from '../RouterLink/RouterLink';
-export const LinkBase = (props) => {
+const LinkBase = (props) => {
     const { href, children } = props, linkProps = __rest(props, ["href", "children"]);
     const { Link } = useContext(LocationContext);
     if (Link && href && !(linkProps === null || linkProps === void 0 ? void 0 : linkProps.target)) {
@@ -13,3 +13,4 @@ export const LinkBase = (props) => {
     }
     return (React.createElement("a", Object.assign({ href: href }, linkProps), children));
 };
+export default LinkBase;

package/build/esm/components/Title/Title.js

@@ -1,10 +1,10 @@
 import React, { Fragment, useContext } from 'react';
 import { block, getHeaderTag, getLinkProps } from '../../utils';
 import Anchor from '../Anchor/Anchor';
+import LinkBase from '../LinkBase/LinkBase';
 import { ToggleArrow, HTML } from '../';
 import { LocationContext } from '../../context/locationContext';
 import { MobileContext } from '../../context/mobileContext';
-import { LinkBase } from '../LinkBase/LinkBase';
 import './Title.css';
 const b = block('title-block');
 export function getArrowSize(size, isMobile) {

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

@@ -17,6 +17,7 @@ export { default as HeaderBreadcrumbs } from './HeaderBreadcrumbs/HeaderBreadcru
 export { default as HeightCalculator } from './HeightCalculator/HeightCalculator';
 export { default as Image } from './Image/Image';
 export { default as Link } from './Link/Link';
+export { default as LinkBase } from './LinkBase/LinkBase';
 export { default as Links } from './Link/Links';
 export { default as Media } from './Media/Media';
 export { default as OutsideClick } from './OutsideClick/OutsideClick';

package/build/esm/components/index.js

@@ -17,6 +17,7 @@ export { default as HeaderBreadcrumbs } from './HeaderBreadcrumbs/HeaderBreadcru
 export { default as HeightCalculator } from './HeightCalculator/HeightCalculator';
 export { default as Image } from './Image/Image';
 export { default as Link } from './Link/Link';
+export { default as LinkBase } from './LinkBase/LinkBase';
 export { default as Links } from './Link/Links';
 export { default as Media } from './Media/Media';
 export { default as OutsideClick } from './OutsideClick/OutsideClick';

package/build/esm/navigation/components/NavigationItem/components/GithubButton/GithubButton.js

@@ -1,7 +1,7 @@
 import React, { useRef, useEffect } from 'react';
 import { block } from '../../../../../utils';
 import { NavigationGithubButtonIcon } from '../../../../../models';
-import { LinkBase } from '../../../../../components/LinkBase/LinkBase';
+import { LinkBase } from '../../../../../components';
 import './GithubButton.css';
 const b = block('github-button');
 const DEFAULT_LABEL = 'Stars on GitHub';

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

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

package/package.json

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