@doyourjob/gravity-ui-page-constructor 5.31.157 → 5.31.158

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

@@ -30,7 +30,7 @@ const Background = ({ background, isMobile }) => {
 const FullWidthBackground = ({ background }) => (react_1.default.createElement("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background === null || background === void 0 ? void 0 : background.color } }));
 // eslint-disable-next-line complexity
 const HeaderBlock = (props) => {
-    const { title, switchingTitle, topTags, bottomTags, overtitle, description, buttons, stock, stockPrice, stockShares, image, video, width = 's', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, renderTitle, children, mediaView = 'full', backgroundEffect, headerSpace, } = props;
+    const { title, switchingTitle, topTags, bottomTags, overtitle, description, buttons, stock, stockPrice, stockShares, image, video, width = 's', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, renderTitle, children, mediaView = 'full', backgroundEffect, headerSpace, backLink, } = props;
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const { backButton, blockTag } = (0, react_1.useContext)(headerContext_1.HeaderContext);
     const theme = (0, theme_1.useTheme)();
@@ -44,6 +44,15 @@ const HeaderBlock = (props) => {
     const fullWidth = (backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.fullWidth) || (backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.fullWidthMedia);
     const titleId = (0, uikit_1.useUniqId)();
     const headerRef = (0, react_1.useRef)(null);
+    const backButtonItem = (0, react_1.useMemo)(() => {
+        if (backLink) {
+            return { link: backLink.url, text: backLink.title };
+        }
+        if (verticalOffset !== '0' && !breadcrumbs) {
+            return backButton;
+        }
+        return undefined;
+    }, [backButton, backLink, breadcrumbs, verticalOffset]);
     return (react_1.default.createElement("header", { ref: headerRef, className: b({
             ['has-media']: hasRightSideImage,
             ['full-width']: fullWidth,
@@ -56,7 +65,7 @@ const HeaderBlock = (props) => {
         backgroundEffect && backgroundEffect.firstSrc && backgroundEffect.secondSrc && (react_1.default.createElement(components_1.BackgroundEffect, Object.assign({}, backgroundEffect, { attachRef: headerRef }))),
         react_1.default.createElement(grid_1.Grid, { containerClass: b('container-fluid') },
             react_1.default.createElement(Breadcrumbs_1.default, { breadcrumbs: breadcrumbs, theme: textTheme }),
-            react_1.default.createElement(BackButton_1.default, { backButton: verticalOffset !== '0' && !breadcrumbs ? backButton : undefined, theme: textTheme }),
+            react_1.default.createElement(BackButton_1.default, { backButton: backButtonItem, theme: textTheme }),
             react_1.default.createElement(grid_1.Row, null,
                 react_1.default.createElement(grid_1.Col, { reset: true, className: b('content-wrapper') },
                     react_1.default.createElement(grid_1.Row, null,

package/build/cjs/models/constructor-items/blocks.d.ts

@@ -209,6 +209,10 @@ export interface HeaderBlockProps {
     theme?: 'light' | 'dark';
     verticalOffset?: '0' | 's' | 'm' | 'l' | 'xl';
     breadcrumbs?: HeaderBreadCrumbsProps;
+    backLink?: {
+        url: string;
+        title: string;
+    };
     status?: JSX.Element;
     renderTitle?: (title: string) => React.ReactNode;
     backgroundEffect?: {

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

@@ -27,7 +27,7 @@ const Background = ({ background, isMobile }) => {
 const FullWidthBackground = ({ background }) => (React.createElement("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background === null || background === void 0 ? void 0 : background.color } }));
 // eslint-disable-next-line complexity
 export const HeaderBlock = (props) => {
-    const { title, switchingTitle, topTags, bottomTags, overtitle, description, buttons, stock, stockPrice, stockShares, image, video, width = 's', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, renderTitle, children, mediaView = 'full', backgroundEffect, headerSpace, } = props;
+    const { title, switchingTitle, topTags, bottomTags, overtitle, description, buttons, stock, stockPrice, stockShares, image, video, width = 's', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, renderTitle, children, mediaView = 'full', backgroundEffect, headerSpace, backLink, } = props;
     const isMobile = useContext(MobileContext);
     const { backButton, blockTag } = useContext(HeaderContext);
     const theme = useTheme();
@@ -41,6 +41,15 @@ export const HeaderBlock = (props) => {
     const fullWidth = (backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.fullWidth) || (backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.fullWidthMedia);
     const titleId = useUniqId();
     const headerRef = useRef(null);
+    const backButtonItem = useMemo(() => {
+        if (backLink) {
+            return { link: backLink.url, text: backLink.title };
+        }
+        if (verticalOffset !== '0' && !breadcrumbs) {
+            return backButton;
+        }
+        return undefined;
+    }, [backButton, backLink, breadcrumbs, verticalOffset]);
     return (React.createElement("header", { ref: headerRef, className: b({
             ['has-media']: hasRightSideImage,
             ['full-width']: fullWidth,
@@ -53,7 +62,7 @@ export const HeaderBlock = (props) => {
         backgroundEffect && backgroundEffect.firstSrc && backgroundEffect.secondSrc && (React.createElement(BackgroundEffect, Object.assign({}, backgroundEffect, { attachRef: headerRef }))),
         React.createElement(Grid, { containerClass: b('container-fluid') },
             React.createElement(Breadcrumbs, { breadcrumbs: breadcrumbs, theme: textTheme }),
-            React.createElement(BackButton, { backButton: verticalOffset !== '0' && !breadcrumbs ? backButton : undefined, theme: textTheme }),
+            React.createElement(BackButton, { backButton: backButtonItem, theme: textTheme }),
             React.createElement(Row, null,
                 React.createElement(Col, { reset: true, className: b('content-wrapper') },
                     React.createElement(Row, null,

package/build/esm/models/constructor-items/blocks.d.ts

@@ -209,6 +209,10 @@ export interface HeaderBlockProps {
     theme?: 'light' | 'dark';
     verticalOffset?: '0' | 's' | 'm' | 'l' | 'xl';
     breadcrumbs?: HeaderBreadCrumbsProps;
+    backLink?: {
+        url: string;
+        title: string;
+    };
     status?: JSX.Element;
     renderTitle?: (title: string) => React.ReactNode;
     backgroundEffect?: {

package/package.json

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

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

@@ -209,6 +209,10 @@ export interface HeaderBlockProps {
     theme?: 'light' | 'dark';
     verticalOffset?: '0' | 's' | 'm' | 'l' | 'xl';
     breadcrumbs?: HeaderBreadCrumbsProps;
+    backLink?: {
+        url: string;
+        title: string;
+    };
     status?: JSX.Element;
     renderTitle?: (title: string) => React.ReactNode;
     backgroundEffect?: {