@doyourjob/gravity-ui-page-constructor 5.31.109 → 5.31.110-background-effect-for-header-1

package/build/cjs/blocks/Header/BackgroundEffect/BackgroundEffect.css

@@ -0,0 +1,30 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-background-effect {
+  position: absolute;
+  inset: 0;
+  display: flex;
+}
+.pc-background-effect__left {
+  position: absolute;
+  inset: 0;
+  clip-path: inset(0 0.01% 0 0);
+  transition: clip-path 1.5s ease;
+}
+.pc-background-effect__right {
+  position: absolute;
+  inset: 0;
+  clip-path: inset(0 0 0 99.99%);
+  transition: clip-path 1.5s ease;
+}
+.pc-header-block:hover .pc-background-effect__left {
+  clip-path: inset(0 99.99% 0 0);
+}
+.pc-header-block:hover .pc-background-effect__right {
+  clip-path: inset(0 0 0 0.01%);
+}
+.pc-background-effect__video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}

package/build/cjs/blocks/Header/BackgroundEffect/BackgroundEffect.d.ts

@@ -0,0 +1,6 @@
+type BackgroundEffectProps = {
+    firstSrc?: string;
+    secondSrc?: string;
+};
+export declare const BackgroundEffect: ({ firstSrc, secondSrc }: BackgroundEffectProps) => JSX.Element | null;
+export default BackgroundEffect;

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

@@ -0,0 +1,76 @@
+"use strict";
+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 SYNC_THRESHOLD = 0.03;
+const MAX_DESYNC = 0.5;
+const FAST_RATE = 1.05;
+const SLOW_RATE = 0.95;
+const BackgroundEffect = ({ firstSrc, secondSrc }) => {
+    const master = (0, react_1.useRef)(null);
+    const slave = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const m = master.current;
+        const s = slave.current;
+        let rafId;
+        if (m && s) {
+            const syncMaster = (_, metadata) => {
+                if (m.paused) {
+                    m.play().catch(() => { });
+                }
+                const targetTime = metadata.mediaTime;
+                const delta = targetTime - s.currentTime;
+                if (s.paused) {
+                    s.play().catch(() => { });
+                }
+                if (Math.abs(delta) > MAX_DESYNC) {
+                    s.currentTime = targetTime;
+                }
+                else if (Math.abs(delta) > SYNC_THRESHOLD) {
+                    s.playbackRate = delta > 0 ? FAST_RATE : SLOW_RATE;
+                }
+                else {
+                    s.playbackRate = 1;
+                }
+                rafId = m.requestVideoFrameCallback(syncMaster);
+            };
+            rafId = m.requestVideoFrameCallback(syncMaster);
+        }
+        const handleVisibility = () => {
+            if (!document.hidden && m && s) {
+                m.play().catch(() => { });
+                s.play().catch(() => { });
+            }
+        };
+        document.addEventListener('visibilitychange', handleVisibility);
+        return () => {
+            var _a;
+            document.removeEventListener('visibilitychange', handleVisibility);
+            if (rafId && m) {
+                (_a = m.cancelVideoFrameCallback) === null || _a === void 0 ? void 0 : _a.call(m, rafId);
+            }
+        };
+    }, []);
+    if (!firstSrc || !secondSrc) {
+        return null;
+    }
+    return (react_1.default.createElement("div", { className: b() },
+        react_1.default.createElement("div", { className: b('left') },
+            react_1.default.createElement("video", { ref: master, 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: firstSrc, type: (0, utils_1.parseVideoType)(firstSrc) }))),
+        react_1.default.createElement("div", { className: b('right') },
+            react_1.default.createElement("video", { ref: slave, 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) })))));
+};
+exports.BackgroundEffect = BackgroundEffect;
+exports.default = exports.BackgroundEffect;

package/build/cjs/blocks/Header/Header.css

@@ -105,14 +105,6 @@ unpredictable css rules order in build */
   line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
   color: var(--g-color-text-primary);
 }
-.pc-header-block__buttons {
-  margin-top: 16px;
-}
-.pc-header-block__button.pc-header-block__button {
-  margin-top: 16px;
-  margin-right: 16px;
-}
-
 .pc-header-block__media {
   position: absolute;
   display: none;

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

@@ -6,14 +6,16 @@ const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../components");
 const utils_1 = require("../../components/Media/Image/utils");
-const YFMWrapper_1 = tslib_1.__importDefault(require("../../components/YFMWrapper/YFMWrapper"));
 const headerContext_1 = require("../../context/headerContext");
 const mobileContext_1 = require("../../context/mobileContext");
 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"));
 const HeaderStock_1 = tslib_1.__importDefault(require("./HeaderStock/HeaderStock"));
 const HeaderTag_1 = tslib_1.__importDefault(require("./HeaderTag/HeaderTag"));
 const HeaderTags_1 = tslib_1.__importDefault(require("./HeaderTags/HeaderTags"));
@@ -29,20 +31,17 @@ 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', } = 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 = {}, } = 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)();
     const hasRightSideImage = Boolean(image || video);
-    const curImageSize = imageSize || (0, utils_3.getImageSize)(width);
-    const titleSizes = hasRightSideImage ? (0, utils_3.titleWithImageSizes)(curImageSize) : (0, utils_3.getTitleSizes)(width);
-    let curVerticalOffset = verticalOffset;
-    if (hasRightSideImage && !verticalOffset) {
-        curVerticalOffset = 'm';
-    }
-    const backgroundThemed = background && (0, utils_2.getThemedValue)(background, theme);
-    const imageThemed = image && (0, utils_2.getThemedValue)(image, theme);
-    const videoThemed = video && (0, utils_2.getThemedValue)(video, theme);
+    const curImageSize = (0, react_1.useMemo)(() => imageSize || (0, utils_3.getImageSize)(width), [imageSize, width]);
+    const titleSizes = (0, react_1.useMemo)(() => (hasRightSideImage ? (0, utils_3.titleWithImageSizes)(curImageSize) : (0, utils_3.getTitleSizes)(width)), [curImageSize, hasRightSideImage, width]);
+    const curVerticalOffset = (0, react_1.useMemo)(() => verticalOffset !== null && verticalOffset !== void 0 ? verticalOffset : (hasRightSideImage ? 'm' : verticalOffset), [hasRightSideImage, verticalOffset]);
+    const backgroundThemed = (0, react_1.useMemo)(() => background && (0, utils_2.getThemedValue)(background, theme), [background, theme]);
+    const imageThemed = (0, react_1.useMemo)(() => image && (0, utils_2.getThemedValue)(image, theme), [image, theme]);
+    const videoThemed = (0, react_1.useMemo)(() => video && (0, utils_2.getThemedValue)(video, theme), [theme, video]);
     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)();
     return (react_1.default.createElement("header", { className: b({
@@ -53,6 +52,7 @@ const HeaderBlock = (props) => {
         }, className) },
         backgroundThemed && fullWidth && react_1.default.createElement(FullWidthBackground, { background: backgroundThemed }),
         backgroundThemed && react_1.default.createElement(Background, { background: backgroundThemed, isMobile: isMobile }),
+        react_1.default.createElement(BackgroundEffect_1.default, Object.assign({}, backgroundEffect)),
         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 }),
@@ -75,13 +75,8 @@ const HeaderBlock = (props) => {
                                         react_1.default.createElement(HeaderTag_1.default, { tag: blockTag }),
                                         status,
                                         switchingTitle ? (react_1.default.createElement(SwitchingTtitle_1.default, Object.assign({}, switchingTitle))) : (react_1.default.createElement(react_1.default.Fragment, null, renderTitle ? (renderTitle(title)) : (react_1.default.createElement(components_1.HTML, null, title))))),
-                                    description && (react_1.default.createElement("div", { className: b('description', { theme: textTheme }) },
-                                        react_1.default.createElement(YFMWrapper_1.default, { content: description, modifiers: {
-                                                constructor: true,
-                                                constructorTheme: textTheme,
-                                            } }))),
-                                    buttons && (react_1.default.createElement("div", { className: b('buttons'), "data-qa": "header-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", extraProps: Object.assign({ 'aria-describedby': titleId }, button.extraProps) }, button))))))),
+                                    react_1.default.createElement(HeaderDescription_1.default, { className: b('description', { theme: textTheme }), description: description, theme: textTheme }),
+                                    react_1.default.createElement(HeaderButtons_1.default, { buttons: buttons, titleId: titleId }),
                                     children),
                                 stock && (react_1.default.createElement(HeaderStock_1.default, { type: stock, stockPrice: stockPrice, stockShares: stockShares, theme: textTheme }))),
                             react_1.default.createElement(HeaderTags_1.default, { theme: textTheme, tags: bottomTags, className: b('tags', { bottom: true }), sizes: titleSizes }))),

package/build/cjs/blocks/Header/HeaderButtons/HeaderButtons.css

@@ -0,0 +1,9 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-header-buttons {
+  margin-top: 16px;
+}
+.pc-header-buttons__button.pc-header-buttons__button {
+  margin-top: 16px;
+  margin-right: 16px;
+}

package/build/cjs/blocks/Header/HeaderButtons/HeaderButtons.d.ts

@@ -0,0 +1,6 @@
+import { HeaderBlockProps } from '../../../models';
+type HeaderButtonsProps = Pick<HeaderBlockProps, 'buttons'> & {
+    titleId?: string;
+};
+export declare const HeaderButtons: ({ buttons, titleId }: HeaderButtonsProps) => JSX.Element | null;
+export default HeaderButtons;

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderButtons = 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 b = (0, utils_1.block)('header-buttons');
+const HeaderButton = (props) => {
+    const extraProps = (0, react_1.useMemo)(() => (Object.assign({ 'aria-describedby': props.titleId }, props.extraProps)), [props.extraProps, props.titleId]);
+    return (react_1.default.createElement(components_1.RouterLink, { href: props.url },
+        react_1.default.createElement(components_1.Button, Object.assign({ className: b('button'), size: "xl", extraProps: extraProps }, props))));
+};
+const HeaderButtons = ({ buttons, titleId }) => {
+    if (!buttons)
+        return null;
+    return (react_1.default.createElement("div", { className: b(), "data-qa": "header-buttons" }, buttons.map((button, index) => (react_1.default.createElement(HeaderButton, Object.assign({ key: index }, button, { titleId: titleId }))))));
+};
+exports.HeaderButtons = HeaderButtons;
+exports.default = exports.HeaderButtons;

package/build/cjs/blocks/Header/HeaderDescription/HeaderDescription.d.ts

@@ -0,0 +1,3 @@
+import { ClassNameProps, HeaderBlockProps } from '../../../models';
+export declare const HeaderDescription: (props: Pick<HeaderBlockProps, 'description' | 'theme'> & ClassNameProps) => JSX.Element | null;
+export default HeaderDescription;

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderDescription = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const YFMWrapper_1 = tslib_1.__importDefault(require("../../../components/YFMWrapper/YFMWrapper"));
+const HeaderDescription = (props) => {
+    const { description, theme, className } = props;
+    const modifiers = (0, react_1.useMemo)(() => ({
+        constructor: true,
+        constructorTheme: theme,
+    }), [theme]);
+    if (!description)
+        return null;
+    return (react_1.default.createElement("div", { className: className },
+        react_1.default.createElement(YFMWrapper_1.default, { content: description, modifiers: modifiers })));
+};
+exports.HeaderDescription = HeaderDescription;
+exports.default = exports.HeaderDescription;

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

@@ -979,6 +979,19 @@ export declare const HeaderProperties: {
             };
         };
     };
+    backgroundEffect: {
+        type: string;
+        additionalProperties: boolean;
+        required: boolean;
+        properties: {
+            firstSrc: {
+                type: string;
+            };
+            secondSrc: {
+                type: string;
+            };
+        };
+    };
 };
 export declare const HeaderBlock: {
     'header-block': {
@@ -1648,6 +1661,19 @@ export declare const HeaderBlock: {
                     };
                 };
             };
+            backgroundEffect: {
+                type: string;
+                additionalProperties: boolean;
+                required: boolean;
+                properties: {
+                    firstSrc: {
+                        type: string;
+                    };
+                    secondSrc: {
+                        type: string;
+                    };
+                };
+            };
             anchor: {
                 type: string;
                 additionalProperties: boolean;

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

@@ -190,6 +190,15 @@ exports.HeaderProperties = {
             },
         },
     },
+    backgroundEffect: {
+        type: 'object',
+        additionalProperties: false,
+        required: true,
+        properties: {
+            firstSrc: { type: 'string' },
+            secondSrc: { type: 'string' },
+        },
+    },
 };
 exports.HeaderBlock = {
     'header-block': {

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

@@ -673,6 +673,19 @@ export declare const HeaderSliderBlock: {
                                 };
                             };
                         };
+                        backgroundEffect: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: boolean;
+                            properties: {
+                                firstSrc: {
+                                    type: string;
+                                };
+                                secondSrc: {
+                                    type: string;
+                                };
+                            };
+                        };
                     };
                 };
             };

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

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

package/build/cjs/blocks/MiniCase/MiniCase.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const miniCaseContext_1 = require("../../context/miniCaseContext");
+const sub_blocks_1 = require("../../sub-blocks");
+const Slider_1 = tslib_1.__importDefault(require("../SliderNew/Slider"));
+const MiniCaseBlock = (props) => {
+    const { items } = props, sliderProps = tslib_1.__rest(props, ["items"]);
+    const data = (0, react_1.useContext)(miniCaseContext_1.MiniCaseContext);
+    const fullItems = (0, react_1.useMemo)(() => items
+        .map((item) => (data || {})[item])
+        .filter((el) => Boolean(el)), [data, items]);
+    return (react_1.default.createElement(Slider_1.default, Object.assign({}, sliderProps, { slidesToShow: 1 }), fullItems.map((args, index) => (react_1.default.createElement(sub_blocks_1.CaseStudyCard, Object.assign({ key: index }, args))))));
+};
+exports.default = MiniCaseBlock;

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

@@ -0,0 +1,170 @@
+export declare const MiniCaseBlock: {
+    'mini-case-block': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            items: {
+                type: string;
+                items: {
+                    type: string;
+                };
+            };
+            title: {
+                oneOf: ({
+                    type: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                            contentType: string;
+                        };
+                        link: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: string[];
+                            properties: {
+                                text: {
+                                    type: string;
+                                    contentType: string;
+                                };
+                                url: {
+                                    type: string;
+                                };
+                                urlTitle: {
+                                    type: string;
+                                };
+                                arrow: {
+                                    type: string;
+                                };
+                                theme: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                                textSize: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                                target: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                                analyticsEvents: {
+                                    oneOf: ({
+                                        optionName: string;
+                                        type: string;
+                                        additionalProperties: {
+                                            type: string;
+                                        };
+                                        required: string[];
+                                        properties: {
+                                            name: {
+                                                type: string;
+                                            };
+                                            type: {
+                                                type: string;
+                                            };
+                                            counters: {
+                                                type: string;
+                                                additionalProperties: boolean;
+                                                required: never[];
+                                                properties: {
+                                                    include: {
+                                                        type: string;
+                                                        items: {
+                                                            type: string;
+                                                        };
+                                                    };
+                                                    exclude: {
+                                                        type: string;
+                                                        items: {
+                                                            type: string;
+                                                        };
+                                                    };
+                                                };
+                                            };
+                                            context: {
+                                                type: string;
+                                            };
+                                        };
+                                        items?: undefined;
+                                    } | {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                            additionalProperties: {
+                                                type: string;
+                                            };
+                                            required: string[];
+                                            properties: {
+                                                name: {
+                                                    type: string;
+                                                };
+                                                type: {
+                                                    type: string;
+                                                };
+                                                counters: {
+                                                    type: string;
+                                                    additionalProperties: boolean;
+                                                    required: never[];
+                                                    properties: {
+                                                        include: {
+                                                            type: string;
+                                                            items: {
+                                                                type: string;
+                                                            };
+                                                        };
+                                                        exclude: {
+                                                            type: string;
+                                                            items: {
+                                                                type: string;
+                                                            };
+                                                        };
+                                                    };
+                                                };
+                                                context: {
+                                                    type: string;
+                                                };
+                                            };
+                                        };
+                                        optionName: string;
+                                    })[];
+                                };
+                                type: {};
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                        textSize: {
+                            type: string;
+                            enum: string[];
+                        };
+                        url: {
+                            type: string;
+                        };
+                        urlTitle: {
+                            type: string;
+                        };
+                        resetMargin: {
+                            type: string;
+                        };
+                    };
+                })[];
+            };
+            description: {
+                type: string;
+                contentType: string;
+                inputType: string;
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MiniCaseBlock = void 0;
+const common_1 = require("../../schema/validators/common");
+exports.MiniCaseBlock = {
+    'mini-case-block': {
+        additionalProperties: false,
+        required: ['items'],
+        properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.BlockHeaderProps), { items: {
+                type: 'array',
+                items: {
+                    type: 'string',
+                },
+            } }),
+    },
+};

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

@@ -37,3 +37,4 @@ export { default as RelevantReportsCardsBlock } from './RelevantReportsCards/Rel
 export { default as RelevantReportsBlock } from './RelevantReports/RelevantReports';
 export { default as PressReleasesBlock } from './PressReleases/PressReleases';
 export { default as HighlightTableBlock } from './HighlightTable/HighlightTable';
+export { default as MiniCaseBlock } from './MiniCase/MiniCase';

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.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.FilterBlock = exports.ShareBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.TabLinksBlock = exports.TabsHighlightTableBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderNewBlock = exports.SliderBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.CompaniesBlock = exports.BannerBlock = void 0;
+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.FilterBlock = exports.ShareBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.TabLinksBlock = exports.TabsHighlightTableBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderNewBlock = exports.SliderBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.CompaniesBlock = exports.BannerBlock = void 0;
 var Banner_1 = require("./Banner/Banner");
 Object.defineProperty(exports, "BannerBlock", { enumerable: true, get: function () { return __importDefault(Banner_1).default; } });
 var Companies_1 = require("./Companies/Companies");
@@ -82,3 +82,5 @@ var PressReleases_1 = require("./PressReleases/PressReleases");
 Object.defineProperty(exports, "PressReleasesBlock", { enumerable: true, get: function () { return __importDefault(PressReleases_1).default; } });
 var HighlightTable_1 = require("./HighlightTable/HighlightTable");
 Object.defineProperty(exports, "HighlightTableBlock", { enumerable: true, get: function () { return __importDefault(HighlightTable_1).default; } });
+var MiniCase_1 = require("./MiniCase/MiniCase");
+Object.defineProperty(exports, "MiniCaseBlock", { enumerable: true, get: function () { return __importDefault(MiniCase_1).default; } });

package/build/cjs/components/Media/Video/utils.d.ts

@@ -13,4 +13,5 @@ export interface ParsedVideo {
     src: string;
     type: VideoType | undefined;
 }
+export declare function parseVideoType(src: string): VideoType | undefined;
 export declare const getVideoTypesWithPriority: (sources: string[]) => ParsedVideo[];

package/build/cjs/components/Media/Video/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getVideoTypesWithPriority = exports.VideoType = exports.VideoExt = void 0;
+exports.getVideoTypesWithPriority = exports.parseVideoType = exports.VideoType = exports.VideoExt = void 0;
 var VideoExt;
 (function (VideoExt) {
     VideoExt["Mp4"] = "mp4";
@@ -34,6 +34,7 @@ function parseVideoType(src) {
             return undefined;
     }
 }
+exports.parseVideoType = parseVideoType;
 const getVideoTypesWithPriority = (sources) => sources
     .map((src) => ({ src, type: parseVideoType(src) }))
     .sort(({ type: typeA }, { type: typeB }) => {

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

@@ -30,6 +30,7 @@ export declare const blockMap: {
     "relevant-reports-block": ({ typeKey, link, title, description, slider, date, dateStart, dateEnd, }: import("./models").RelevantReportsBlockProps) => JSX.Element;
     "press-releases-block": ({ title }: import("./models").PressReleasesBlockProps) => JSX.Element;
     "highlight-table-block": ({ title, description, table, legend, contentSize, legendPosition, legendAlign, }: import("./models").HighlightTableBlockProps) => JSX.Element;
+    "mini-case-block": (props: import("./models").MiniCaseBlockProps) => JSX.Element;
     "link-table-block": ({ title, items }: import("./models").LinkTableBlockProps) => JSX.Element;
     "services-block": ({ title, serviceLinkType }: import("./models").ServicesBlockProps) => JSX.Element;
     "quotes-block": ({ theme: localTheme, items, background, backgroundColor, }: import("./models").QuotesBlockProps) => JSX.Element;

package/build/cjs/constructor-items.js

@@ -39,6 +39,7 @@ exports.blockMap = {
     [models_1.BlockType.RelevantReportsBlock]: blocks_1.RelevantReportsBlock,
     [models_1.BlockType.PressReleasesBlock]: blocks_1.PressReleasesBlock,
     [models_1.BlockType.HighlightTableBlock]: blocks_1.HighlightTableBlock,
+    [models_1.BlockType.MiniCaseBlock]: blocks_1.MiniCaseBlock,
     [models_1.BlockType.LinkTableBlock]: blocks_1.LinkTableBlock,
     [models_1.BlockType.ServicesBlock]: blocks_1.ServicesBlock,
     [models_1.BlockType.QuotesBlock]: blocks_1.QuotesBlock,

package/build/cjs/context/miniCaseContext/MiniCaseContext.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CaseStudyCardProps } from '../../models';
+export type MiniCaseContextProps = Record<string, CaseStudyCardProps>;
+export declare const MiniCaseContext: React.Context<MiniCaseContextProps>;

package/build/cjs/context/miniCaseContext/MiniCaseContext.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MiniCaseContext = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+exports.MiniCaseContext = react_1.default.createContext({});

package/build/cjs/context/miniCaseContext/index.d.ts

@@ -0,0 +1 @@
+export * from './MiniCaseContext';