@doyourjob/gravity-ui-page-constructor 5.31.141-dev.0 → 5.31.141-dev.1

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

@@ -12,7 +12,6 @@ const theme_1 = require("../../context/theme");
 const grid_1 = require("../../grid");
 const utils_2 = require("../../utils");
 const BackButton_1 = tslib_1.__importDefault(require("./BackButton/BackButton"));
-const BackgroundEffect_1 = tslib_1.__importDefault(require("./BackgroundEffect/BackgroundEffect"));
 const Breadcrumbs_1 = tslib_1.__importDefault(require("./Breadcrumbs/Breadcrumbs"));
 const HeaderButtons_1 = tslib_1.__importDefault(require("./HeaderButtons/HeaderButtons"));
 const HeaderDescription_1 = tslib_1.__importDefault(require("./HeaderDescription/HeaderDescription"));
@@ -54,7 +53,7 @@ const HeaderBlock = (props) => {
         }, className) },
         backgroundThemed && fullWidth && react_1.default.createElement(FullWidthBackground, { background: backgroundThemed }),
         backgroundThemed && react_1.default.createElement(Background, { background: backgroundThemed, isMobile: isMobile }),
-        backgroundEffect && backgroundEffect.firstSrc && backgroundEffect.secondSrc && (react_1.default.createElement(BackgroundEffect_1.default, Object.assign({}, backgroundEffect, { attachRef: headerRef }))),
+        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 }),

package/build/cjs/blocks/HeaderMinify/Button/Button.css

@@ -0,0 +1,27 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-header-minify-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px 28px;
+  border-radius: 16px;
+  background: #001a2b;
+  color: #ffffff;
+  font-size: 24px;
+  line-height: 24px;
+  font-weight: 500;
+  letter-spacing: 0.01em;
+  text-decoration: none;
+  transition: opacity 0.3s ease;
+}
+.pc-header-minify-button__icon {
+  width: 24px;
+  height: 24px;
+  margin-right: 8px;
+}
+@media (hover: hover) and (pointer: fine) {
+  .pc-header-minify-button:hover {
+    opacity: 0.8;
+  }
+}

package/build/cjs/blocks/HeaderMinify/Button/Button.d.ts

@@ -0,0 +1,3 @@
+import { HeaderMinifyButtonProps } from '../../../models';
+export declare const Button: (props: HeaderMinifyButtonProps) => JSX.Element;
+export default Button;

package/build/cjs/blocks/HeaderMinify/Button/Button.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const components_1 = require("../../../components");
+const utils_1 = require("../../../utils");
+const b = (0, utils_1.block)('header-minify-button');
+const Button = (props) => {
+    const { url, icon, text } = props;
+    return (react_1.default.createElement(components_1.RouterLink, { href: url },
+        react_1.default.createElement("a", { href: url, className: b('') },
+            icon ? (react_1.default.createElement(components_1.ImageBase, { className: b('icon'), src: icon, alt: "", "aria-hidden": "true" })) : null,
+            text)));
+};
+exports.Button = Button;
+exports.default = exports.Button;

package/build/cjs/blocks/HeaderMinify/HeaderMinify.css

@@ -0,0 +1,35 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-header-minify-block {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  position: relative;
+  z-index: 1;
+  color: #001a2b;
+  padding-top: 155px;
+  padding-bottom: 203px;
+  text-align: center;
+}
+.pc-header-minify-block__title {
+  font-size: 128px;
+  font-weight: 700;
+  line-height: 102px;
+  letter-spacing: -0.02em;
+  margin: 0;
+  position: relative;
+}
+.pc-header-minify-block__description {
+  margin-top: 24px;
+  position: relative;
+  opacity: 0.8;
+  max-width: 1024px;
+}
+.pc-header-minify-block__description .yfm {
+  font-size: var(--g-text-header-2-font-size, var(--pc-text-header-2-font-size));
+  line-height: var(--g-text-header-2-line-height, var(--pc-text-header-2-line-height));
+}
+.pc-header-minify-block__buttons {
+  position: relative;
+  margin-top: 48px;
+}

package/build/cjs/blocks/HeaderMinify/HeaderMinify.d.ts

@@ -0,0 +1,3 @@
+import { HeaderMinifyBlockProps } from '../../models';
+export declare const HeaderMinifyBlock: (props: HeaderMinifyBlockProps) => JSX.Element;
+export default HeaderMinifyBlock;

package/build/cjs/blocks/HeaderMinify/HeaderMinify.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderMinifyBlock = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const components_1 = require("../../components");
+const utils_1 = require("../../utils");
+const Button_1 = tslib_1.__importDefault(require("./Button/Button"));
+const b = (0, utils_1.block)('header-minify-block');
+const modifiers = {
+    constructor: true,
+};
+const HeaderMinifyBlock = (props) => {
+    const { title, description, button, backgroundEffect } = props;
+    const headerRef = (0, react_1.useRef)(null);
+    return (react_1.default.createElement("header", { ref: headerRef, className: b() },
+        backgroundEffect && backgroundEffect.firstSrc && backgroundEffect.secondSrc && (react_1.default.createElement(components_1.BackgroundEffect, Object.assign({}, backgroundEffect, { attachRef: headerRef }))),
+        react_1.default.createElement("h1", { className: b('title') },
+            react_1.default.createElement(components_1.HTML, null, title)),
+        description && (react_1.default.createElement("div", { className: b('description') },
+            react_1.default.createElement(components_1.YFMWrapper, { content: description, modifiers: modifiers }))),
+        react_1.default.createElement("div", { className: b('buttons') }, button && react_1.default.createElement(Button_1.default, Object.assign({}, button)))));
+};
+exports.HeaderMinifyBlock = HeaderMinifyBlock;
+exports.default = exports.HeaderMinifyBlock;

package/build/cjs/blocks/HeaderMinify/schema.d.ts

@@ -0,0 +1,218 @@
+export declare const HeaderMinifyProperties: {
+    title: {
+        type: string;
+        contentType: string;
+    };
+    description: {
+        type: string;
+        contentType: string;
+        inputType: string;
+    };
+    button: {
+        type: string;
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            icon: {
+                type: string;
+            };
+            text: {
+                type: string;
+            };
+            url: {
+                type: string;
+            };
+        };
+    };
+    backgroundEffect: {
+        type: string;
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            firstSrc: {
+                type: string;
+            };
+            secondSrc: {
+                type: string;
+            };
+        };
+    };
+};
+export declare const HeaderMinifyBlock: {
+    'header-minify-block': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            title: {
+                type: string;
+                contentType: string;
+            };
+            description: {
+                type: string;
+                contentType: string;
+                inputType: string;
+            };
+            button: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    icon: {
+                        type: string;
+                    };
+                    text: {
+                        type: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                };
+            };
+            backgroundEffect: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    firstSrc: {
+                        type: string;
+                    };
+                    secondSrc: {
+                        type: string;
+                    };
+                };
+            };
+            anchor: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                    urlTitle: {
+                        type: string;
+                    };
+                };
+            };
+            visibility: {
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {
+                        xs: {
+                            type: string;
+                        };
+                        sm: {
+                            type: string;
+                        };
+                        md: {
+                            type: string;
+                        };
+                        lg: {
+                            type: string;
+                        };
+                        xl: {
+                            type: string;
+                        };
+                        xxl: {
+                            type: string;
+                        };
+                    };
+                    enum?: undefined;
+                })[];
+            };
+            visible: {
+                type: string;
+                enum: string[];
+            };
+            hidden: {
+                type: string;
+                enum: string[];
+            };
+            resetPaddings: {
+                type: string;
+            };
+            context: {
+                type: string;
+            };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
+            backgroundFull: {
+                type: string;
+            };
+            visibilityFilter: {
+                oneOf: ({
+                    type: string;
+                    items?: undefined;
+                } | {
+                    type: string;
+                    items: {
+                        type: string;
+                    };
+                })[];
+            };
+            blockBackground: {
+                oneOf: ({
+                    type: string;
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {
+                        color: {
+                            type: string;
+                        };
+                        image: {
+                            type: string;
+                        };
+                        size: {
+                            type: string;
+                        };
+                        repeat: {
+                            type: string;
+                        };
+                        position: {
+                            type: string;
+                        };
+                        attachment: {
+                            type: string;
+                        };
+                        clip: {
+                            type: string;
+                        };
+                        origin: {
+                            type: string;
+                        };
+                        blendMode: {
+                            type: string;
+                        };
+                    };
+                })[];
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

package/build/cjs/blocks/HeaderMinify/schema.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderMinifyBlock = exports.HeaderMinifyProperties = void 0;
+const common_1 = require("../../schema/validators/common");
+exports.HeaderMinifyProperties = {
+    title: {
+        type: 'string',
+        contentType: 'text',
+    },
+    description: {
+        type: 'string',
+        contentType: 'yfm',
+        inputType: 'textarea',
+    },
+    button: {
+        type: 'object',
+        additionalProperties: false,
+        required: ['text', 'url'],
+        properties: {
+            icon: { type: 'string' },
+            text: { type: 'string' },
+            url: { type: 'string' },
+        },
+    },
+    backgroundEffect: {
+        type: 'object',
+        additionalProperties: false,
+        required: ['firstSrc', 'secondSrc'],
+        properties: {
+            firstSrc: { type: 'string' },
+            secondSrc: { type: 'string' },
+        },
+    },
+};
+exports.HeaderMinifyBlock = {
+    'header-minify-block': {
+        additionalProperties: false,
+        required: ['title'],
+        properties: Object.assign(Object.assign({}, common_1.BlockBaseProps), exports.HeaderMinifyProperties),
+    },
+};

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

@@ -15,6 +15,7 @@ export { default as TabsBlock } from './Tabs/Tabs';
 export { default as TabsHighlightTableBlock } from './TabsHighlightTable/TabsHighlightTable';
 export { default as TabLinksBlock } from './TabLinks/TabLinks';
 export { default as HeaderBlock } from './Header/Header';
+export { default as HeaderMinifyBlock } from './HeaderMinify/HeaderMinify';
 export { default as IconsBlock } from './Icons/Icons';
 export { default as HeaderSliderBlock } from './HeaderSlider/HeaderSlider';
 export { default as CardLayoutBlock } from './CardLayout/CardLayout';

package/build/cjs/blocks/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.BenchmarkBlock = exports.MiniCaseBlock = exports.HighlightTableBlock = exports.PressReleasesBlock = exports.RelevantReportsBlock = exports.RelevantReportsCardsBlock = exports.RelevantPostsBlock = exports.BlogFeedBlock = exports.EventsSectionBlock = exports.EventsFeedBlock = exports.LinkTableBlock = exports.FormWallBlock = exports.ReportsSectionsBlock = exports.ReportsCardsBlock = exports.ReportsBlock = exports.QuotesBlock = exports.ServicesBlock = exports.SolutionsBlock = exports.MarqueeLinksBlock = exports.FormBlock = exports.FilterCardLayoutBlock = exports.FilterBlock = exports.ShareBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.TabLinksBlock = exports.TabsHighlightTableBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.AdvantagesBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderNewBlock = exports.SliderBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.CompaniesBlock = exports.LogoRotatorBlock = exports.BannerBlock = void 0;
+exports.BenchmarkBlock = exports.MiniCaseBlock = exports.HighlightTableBlock = exports.PressReleasesBlock = exports.RelevantReportsBlock = exports.RelevantReportsCardsBlock = exports.RelevantPostsBlock = exports.BlogFeedBlock = exports.EventsSectionBlock = exports.EventsFeedBlock = exports.LinkTableBlock = exports.FormWallBlock = exports.ReportsSectionsBlock = exports.ReportsCardsBlock = exports.ReportsBlock = exports.QuotesBlock = exports.ServicesBlock = exports.SolutionsBlock = exports.MarqueeLinksBlock = exports.FormBlock = exports.FilterCardLayoutBlock = exports.FilterBlock = exports.ShareBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderMinifyBlock = exports.HeaderBlock = exports.TabLinksBlock = exports.TabsHighlightTableBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.AdvantagesBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderNewBlock = exports.SliderBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.CompaniesBlock = exports.LogoRotatorBlock = exports.BannerBlock = void 0;
 var Banner_1 = require("./Banner/Banner");
 Object.defineProperty(exports, "BannerBlock", { enumerable: true, get: function () { return __importDefault(Banner_1).default; } });
 var LogoRotator_1 = require("./LogoRotator/LogoRotator");
@@ -38,6 +38,8 @@ var TabLinks_1 = require("./TabLinks/TabLinks");
 Object.defineProperty(exports, "TabLinksBlock", { enumerable: true, get: function () { return __importDefault(TabLinks_1).default; } });
 var Header_1 = require("./Header/Header");
 Object.defineProperty(exports, "HeaderBlock", { enumerable: true, get: function () { return __importDefault(Header_1).default; } });
+var HeaderMinify_1 = require("./HeaderMinify/HeaderMinify");
+Object.defineProperty(exports, "HeaderMinifyBlock", { enumerable: true, get: function () { return __importDefault(HeaderMinify_1).default; } });
 var Icons_1 = require("./Icons/Icons");
 Object.defineProperty(exports, "IconsBlock", { enumerable: true, get: function () { return __importDefault(Icons_1).default; } });
 var HeaderSlider_1 = require("./HeaderSlider/HeaderSlider");

package/build/cjs/{blocks/Header → components}/BackgroundEffect/BackgroundEffect.css

@@ -18,7 +18,7 @@ unpredictable css rules order in build */
   transition: clip-path 0.5s linear;
   clip-path: inset(0 0 0 99.99%);
 }
-.pc-header-block:hover .pc-background-effect__right {
+.pc-header-block:hover .pc-background-effect__right, .pc-header-minify-block:hover .pc-background-effect__right {
   transition: none;
 }
 .pc-background-effect__video {

package/build/cjs/{blocks/Header → components}/BackgroundEffect/BackgroundEffect.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BackgroundEffect = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const utils_1 = require("../../../components/Media/Video/utils");
-const utils_2 = require("../../../utils");
-const b = (0, utils_2.block)('background-effect');
+const utils_1 = require("../../utils");
+const utils_2 = require("../Media/Video/utils");
+const b = (0, utils_1.block)('background-effect');
 const SYNC_THRESHOLD = 0.03;
 const MAX_DESYNC = 0.5;
 const FAST_RATE = 1.05;
@@ -139,13 +139,13 @@ const BackgroundEffect = ({ firstSrc, secondSrc, attachRef }) => {
                 // @ts-ignore
                 // eslint-disable-next-line react/no-unknown-property
                 pip: "false", autoPlay: true, loop: true, preload: "auto", muted: true, className: b('video') },
-                react_1.default.createElement("source", { src: firstSrc, type: (0, utils_1.parseVideoType)(firstSrc) }))),
+                react_1.default.createElement("source", { src: firstSrc, type: (0, utils_2.parseVideoType)(firstSrc) }))),
         react_1.default.createElement("div", { className: b('right'), ref: drivenWrap },
             react_1.default.createElement("video", { ref: driven, disablePictureInPicture: true, playsInline: true, 
                 // @ts-ignore
                 // eslint-disable-next-line react/no-unknown-property
                 pip: "false", autoPlay: true, loop: true, preload: "auto", muted: true, className: b('video') },
-                react_1.default.createElement("source", { src: secondSrc, type: (0, utils_1.parseVideoType)(secondSrc) })))));
+                react_1.default.createElement("source", { src: secondSrc, type: (0, utils_2.parseVideoType)(secondSrc) })))));
 };
 exports.BackgroundEffect = BackgroundEffect;
 exports.default = exports.BackgroundEffect;

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

@@ -47,5 +47,6 @@ export { default as EmptyPlug } from './EmptyPlug/EmptyPlug';
 export { default as ReportSection } from './ReportSection/ReportSection';
 export { default as ReportItem } from './ReportItem/ReportItem';
 export { default as Odometer } from './Odometer/Odometer';
+export { default as BackgroundEffect } from './BackgroundEffect/BackgroundEffect';
 export type { RouterLinkProps } from './RouterLink/RouterLink';
 export type { ImageBaseProps } from './ImageBase/ImageBase';

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.Odometer = exports.ReportItem = exports.ReportSection = exports.EmptyPlug = exports.Paginator = exports.ReportFile = exports.Tag = exports.InfiniteScroll = exports.YandexForm = exports.YFMWrapper = exports.VideoBlock = exports.UnpublishedLabel = exports.ToggleArrow = exports.Title = exports.Table = exports.RouterLink = exports.ReactPlayer = exports.OverflowScroller = exports.OutsideClick = exports.MetaInfo = exports.Media = exports.Links = exports.Link = exports.InnerForm = exports.ImageBase = exports.Image = exports.IconWrapper = exports.HTML = exports.HeaderBreadcrumbs = exports.FullWidthBackground = exports.FullscreenMedia = exports.FullscreenImage = exports.Foldable = exports.FileLink = exports.ErrorWrapper = exports.Control = exports.ContentList = exports.CardBase = exports.BrandFooter = exports.Buttons = exports.Button = exports.BlockBase = exports.BalancedMasonry = exports.BackLink = exports.BackgroundMedia = exports.BackgroundImage = exports.Author = exports.AnimateBlock = exports.Anchor = void 0;
+exports.BackgroundEffect = exports.Odometer = exports.ReportItem = exports.ReportSection = exports.EmptyPlug = exports.Paginator = exports.ReportFile = exports.Tag = exports.InfiniteScroll = exports.YandexForm = exports.YFMWrapper = exports.VideoBlock = exports.UnpublishedLabel = exports.ToggleArrow = exports.Title = exports.Table = exports.RouterLink = exports.ReactPlayer = exports.OverflowScroller = exports.OutsideClick = exports.MetaInfo = exports.Media = exports.Links = exports.Link = exports.InnerForm = exports.ImageBase = exports.Image = exports.IconWrapper = exports.HTML = exports.HeaderBreadcrumbs = exports.FullWidthBackground = exports.FullscreenMedia = exports.FullscreenImage = exports.Foldable = exports.FileLink = exports.ErrorWrapper = exports.Control = exports.ContentList = exports.CardBase = exports.BrandFooter = exports.Buttons = exports.Button = exports.BlockBase = exports.BalancedMasonry = exports.BackLink = exports.BackgroundMedia = exports.BackgroundImage = exports.Author = 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");
@@ -102,3 +102,5 @@ var ReportItem_1 = require("./ReportItem/ReportItem");
 Object.defineProperty(exports, "ReportItem", { enumerable: true, get: function () { return __importDefault(ReportItem_1).default; } });
 var Odometer_1 = require("./Odometer/Odometer");
 Object.defineProperty(exports, "Odometer", { enumerable: true, get: function () { return __importDefault(Odometer_1).default; } });
+var BackgroundEffect_1 = require("./BackgroundEffect/BackgroundEffect");
+Object.defineProperty(exports, "BackgroundEffect", { enumerable: true, get: function () { return __importDefault(BackgroundEffect_1).default; } });

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

@@ -14,6 +14,7 @@ export declare const blockMap: {
     "tabs-highlight-table-block": ({ items, title, description, animated, tabsColSizes, centered, }: import("./models").TabsHighlightTableBlockProps) => JSX.Element;
     "tab-links-block": ({ items }: import("./models").TabLinksBlockProps) => JSX.Element;
     "header-block": (props: import("react").PropsWithChildren<import("./models").HeaderBlockProps & import("./models").ClassNameProps>) => JSX.Element;
+    "header-minify-block": (props: import("./models").HeaderMinifyBlockProps) => JSX.Element;
     "icons-block": ({ title, description, size, colSizes, items }: import("./models").IconsBlockProps) => JSX.Element;
     "header-slider-block": ({ items, arrows, ...props }: import("./models").HeaderSliderBlockProps) => JSX.Element;
     "card-layout-block": import("react").FC<import("./blocks/CardLayout/CardLayout").CardLayoutBlockProps>;

package/build/cjs/constructor-items.js

@@ -23,6 +23,7 @@ exports.blockMap = {
     [models_1.BlockType.TabsHighlightTableBlock]: blocks_1.TabsHighlightTableBlock,
     [models_1.BlockType.TabLinksBlock]: blocks_1.TabLinksBlock,
     [models_1.BlockType.HeaderBlock]: blocks_1.HeaderBlock,
+    [models_1.BlockType.HeaderMinifyBlock]: blocks_1.HeaderMinifyBlock,
     [models_1.BlockType.IconsBlock]: blocks_1.IconsBlock,
     [models_1.BlockType.HeaderSliderBlock]: blocks_1.HeaderSliderBlock,
     [models_1.BlockType.CardLayoutBlock]: blocks_1.CardLayoutBlock,

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

@@ -22,6 +22,7 @@ export declare enum BlockType {
     TabLinksBlock = "tab-links-block",
     HeaderSliderBlock = "header-slider-block",
     HeaderBlock = "header-block",
+    HeaderMinifyBlock = "header-minify-block",
     IconsBlock = "icons-block",
     CardLayoutBlock = "card-layout-block",
     ContentLayoutBlock = "content-layout-block",
@@ -176,7 +177,7 @@ export interface SwitchingTitleProps {
     text: string;
     switchingTime?: number;
 }
-export type HeaderButtonType = Pick<ButtonProps, 'url' | 'text' | 'theme' | 'primary' | 'size' | 'extraProps'>;
+export type HeaderButtonType = Pick<ButtonProps, 'url' | 'text' | 'img' | 'theme' | 'primary' | 'size' | 'extraProps'>;
 export interface HeaderBlockProps {
     title: string;
     switchingTitle?: SwitchingTitleProps;
@@ -211,6 +212,20 @@ export interface HeaderBlockProps {
     };
     headerSpace?: boolean;
 }
+export interface HeaderMinifyButtonProps {
+    url: string;
+    icon?: string;
+    text: string;
+}
+export interface HeaderMinifyBlockProps {
+    title: string;
+    description?: string;
+    button?: HeaderMinifyButtonProps;
+    backgroundEffect?: {
+        firstSrc: string;
+        secondSrc: string;
+    };
+}
 export interface ExtendedFeaturesItem extends Omit<ContentBlockProps, 'theme' | 'centered' | 'colSizes' | 'size' | 'title'> {
     title: Pick<TitleItemProps, 'text' | 'textSize'> | string;
     label?: string;
@@ -654,6 +669,9 @@ export interface FormBlockProps {
 export type HeaderBlockModel = {
     type: BlockType.HeaderBlock;
 } & HeaderBlockProps;
+export type HeaderMinifyBlockModel = {
+    type: BlockType.HeaderMinifyBlock;
+} & HeaderMinifyBlockProps;
 export type SliderBlockModel = {
     type: BlockType.SliderBlock;
 } & SliderProps;
@@ -783,6 +801,6 @@ export type FormWallBlockModel = {
 export type SliderNewBlockModel = {
     type: BlockType.SliderNewBlock;
 } & SliderNewProps;
-type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | LogoRotatorBlockModel | AdvantagesBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | HighlightTableBlockModel | MiniCaseBlockModel | TabsBlockModel | TabsHighlightTableBlockModel | TabLinksBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel | FilterCardLayoutBlockModel | FormBlockModel | MarqueeLinksBlockModel | SolutionsBlockModel | ServicesBlockModel | QuotesBlockModel | ReportsBlockModel | ReportsCardsBlockModel | ReportsSectionsBlockModel | LinkTableBlockModel | EventsFeedBlockModel | BenchmarkBlockModel | EventsSectionBlockModel | BlogFeedBlockModel | RelevantPostsBlockModel | RelevantReportsCardsBlockModel | RelevantReportsBlockModel | PressReleasesBlockModel | FormWallBlockModel | SliderNewBlockModel;
+type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | LogoRotatorBlockModel | AdvantagesBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | HighlightTableBlockModel | MiniCaseBlockModel | TabsBlockModel | TabsHighlightTableBlockModel | TabLinksBlockModel | HeaderBlockModel | HeaderMinifyBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel | FilterCardLayoutBlockModel | FormBlockModel | MarqueeLinksBlockModel | SolutionsBlockModel | ServicesBlockModel | QuotesBlockModel | ReportsBlockModel | ReportsCardsBlockModel | ReportsSectionsBlockModel | LinkTableBlockModel | EventsFeedBlockModel | BenchmarkBlockModel | EventsSectionBlockModel | BlogFeedBlockModel | RelevantPostsBlockModel | RelevantReportsCardsBlockModel | RelevantReportsBlockModel | PressReleasesBlockModel | FormWallBlockModel | SliderNewBlockModel;
 export type Block = BlockModels & BlockBaseProps;
 export {};

package/build/cjs/models/constructor-items/blocks.js

@@ -19,6 +19,7 @@ var BlockType;
     BlockType["TabLinksBlock"] = "tab-links-block";
     BlockType["HeaderSliderBlock"] = "header-slider-block";
     BlockType["HeaderBlock"] = "header-block";
+    BlockType["HeaderMinifyBlock"] = "header-minify-block";
     BlockType["IconsBlock"] = "icons-block";
     BlockType["CardLayoutBlock"] = "card-layout-block";
     BlockType["ContentLayoutBlock"] = "content-layout-block";
@@ -49,7 +50,11 @@ var BlockType;
     BlockType["BenchmarkBlock"] = "benchmark-block";
 })(BlockType = exports.BlockType || (exports.BlockType = {}));
 exports.BlockTypes = Object.values(BlockType);
-exports.HeaderBlockTypes = [BlockType.HeaderBlock, BlockType.HeaderSliderBlock];
+exports.HeaderBlockTypes = [
+    BlockType.HeaderBlock,
+    BlockType.HeaderSliderBlock,
+    BlockType.HeaderMinifyBlock,
+];
 var SliderBreakpointNames;
 (function (SliderBreakpointNames) {
     SliderBreakpointNames["Sm"] = "sm";

package/build/cjs/schema/constants.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.constructorCardSchemaNames = exports.constructorBlockSchemaNames = exports.cardSchemas = exports.blockSchemas = void 0;
 const blocks_1 = require("./validators/blocks");
 const sub_blocks_1 = require("./validators/sub-blocks");
-exports.blockSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.AdvantagesBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.BannerBlock), blocks_1.LogoRotatorBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.TableBlock), blocks_1.HighlightTableBlock), blocks_1.MiniCaseBlock), blocks_1.TabsBlock), blocks_1.TabsHighlightTableBlock), blocks_1.TabLinksBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.ShareBlock), blocks_1.FilterBlock), blocks_1.FilterCardLayoutBlock), blocks_1.FormBlock), blocks_1.SliderNewBlock), blocks_1.MarqueeLinksBlock), blocks_1.SolutionsBlock), blocks_1.ServicesBlock), blocks_1.QuotesBlock), blocks_1.ReportsBlock), blocks_1.ReportsCardsBlock), blocks_1.ReportsSectionsBlock), blocks_1.LinkTableBlock), blocks_1.EventsFeedBlock), blocks_1.BenchmarkBlock), blocks_1.EventsSectionBlock), blocks_1.BlogFeedBlock), blocks_1.RelevantPostsBlock), blocks_1.RelevantReportsCardsBlock), blocks_1.RelevantReportsBlock), blocks_1.PressReleasesBlock), blocks_1.FormWallBlock);
+exports.blockSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.AdvantagesBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.HeaderMinifyBlock), blocks_1.BannerBlock), blocks_1.LogoRotatorBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.TableBlock), blocks_1.HighlightTableBlock), blocks_1.MiniCaseBlock), blocks_1.TabsBlock), blocks_1.TabsHighlightTableBlock), blocks_1.TabLinksBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.ShareBlock), blocks_1.FilterBlock), blocks_1.FilterCardLayoutBlock), blocks_1.FormBlock), blocks_1.SliderNewBlock), blocks_1.MarqueeLinksBlock), blocks_1.SolutionsBlock), blocks_1.ServicesBlock), blocks_1.QuotesBlock), blocks_1.ReportsBlock), blocks_1.ReportsCardsBlock), blocks_1.ReportsSectionsBlock), blocks_1.LinkTableBlock), blocks_1.EventsFeedBlock), blocks_1.BenchmarkBlock), blocks_1.EventsSectionBlock), blocks_1.BlogFeedBlock), blocks_1.RelevantPostsBlock), blocks_1.RelevantReportsCardsBlock), blocks_1.RelevantReportsBlock), blocks_1.PressReleasesBlock), blocks_1.FormWallBlock);
 exports.cardSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.MediaCardBlock), blocks_1.BannerCard), sub_blocks_1.PriceDetailedBlock), sub_blocks_1.BackgroundCard), sub_blocks_1.Quote), sub_blocks_1.BasicCard), sub_blocks_1.PriceCardBlock), sub_blocks_1.ImageCard), sub_blocks_1.ContentLayoutCard), sub_blocks_1.Card), sub_blocks_1.PostCard), sub_blocks_1.FeedCard), sub_blocks_1.EventPersonCard), sub_blocks_1.AttachmentCard), sub_blocks_1.CaseStudyCard), sub_blocks_1.StoryCard);
 exports.constructorBlockSchemaNames = [
     'divider',
@@ -14,6 +14,7 @@ exports.constructorBlockSchemaNames = [
     'slider-new-block',
     'questions-block',
     'header-block',
+    'header-minify-block',
     'banner-block',
     'logo-rotator-block',
     'companies-block',

package/build/cjs/schema/validators/blocks.d.ts

@@ -42,3 +42,4 @@ export * from '../../blocks/HighlightTable/schema';
 export * from '../../blocks/MiniCase/schema';
 export * from '../../blocks/LogoRotator/schema';
 export * from '../../blocks/Benchmark/schema';
+export * from '../../blocks/HeaderMinify/schema';

package/build/cjs/schema/validators/blocks.js

@@ -45,3 +45,4 @@ tslib_1.__exportStar(require("../../blocks/HighlightTable/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/MiniCase/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/LogoRotator/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Benchmark/schema"), exports);
+tslib_1.__exportStar(require("../../blocks/HeaderMinify/schema"), exports);

package/build/cjs/text-transform/config.js

@@ -361,6 +361,12 @@ exports.config = {
             transformer: common_1.yfmTransformer,
         },
     ],
+    [models_1.BlockType.HeaderMinifyBlock]: [
+        {
+            fields: ['description'],
+            transformer: common_1.yfmTransformer,
+        },
+    ],
     [models_1.BlockType.ContentLayoutBlock]: [
         {
             fields: ['textContent'],